PageSourceSearch

https://musicspecial.co.kr/20

html musicspecial.co.kr collected 2026-10-02 01:59:07 UTC 78,053 bytes, 4,212 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ko">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes">
7
8    
9    
10        <meta name="description" content="유아음악교육, 인성동화 뮤지컬교육, 다양한 악기(카혼, 마칭, 칼림바, 우쿨렐레)교육, 특성화 수업, 지사개설 및 1인사업자 지원등 양질의 다양한 교육 콘텐츠를 제공합니다.">
11    
12    
13        <meta name="keywords" content="뮤직스페셜, 유아음악, 동화뮤지컬, 특성화교육, 음악교육, 오르프수업, 코앤코뮤직, 인성동화, 뮤지컬수업, 유아교육기관음악수업, 특성화수업,">
14    
15    
16    
17    <meta property="og:type" content="website">
18    
19    <meta property="og:title" content="뮤직스페셜_인성동화뮤지컬_예술 교육 콘텐츠기업_(주)케이메타">
20    
21    <meta property="og:image" content="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/1763450567240a77wk1e86mi48xq2w.png">
22    
23    <meta property="og:description" content="유아음악교육, 인성동화 뮤지컬교육, 다양한 악기(카혼, 마칭, 칼림바, 우쿨렐레)교육, 특성화 수업, 지사개설 및 1인사업자 지원등 양질의 다양한 교육 콘텐츠를 제공합니다.">
24    
25    <meta property="og:url" content="https://musicspecial.co.kr">
26    
27
28    <link rel="stylesheet" href="https://static.beanpage.com/css/bootstrap.min.css?v=7f89537eaf606bff49f5cc1a7c24dbca">
29    <link rel="stylesheet" href="https://static.beanpage.com/css/font-awesome/css/all.css?v=580c759212713f208ed8a0cd497e6d61">
30    <link rel="stylesheet" href="https://static.beanpage.com/css/jquery-ui.css?v=d465d9d1f7d988054d056322f7d69a3b">
31    <link rel="stylesheet" href="https://static.beanpage.com/css/normalize.css?v=5567d6409683a9168e710675c9280bac">
32    <link rel="stylesheet" href="https://static.beanpage.com/css/common.css?v=cc1c9148d3f571463ca41c71f35f2091">
33
34    
35    <link rel="stylesheet" href="https://static.beanpage.com/css/site.css?v=798b910990da3f63e99cd8f01fac43c1">
36
37    
38    <link rel="stylesheet" href="https://static.beanpage.com/css/jquery.bxslider.min.css?v=faec34afa87d1685d3721bc731a32f2e">
39
40    
41    <link rel="stylesheet" href="https://static.beanpage.com/css/site_modal.css?v=b592997b6704a694c27b45f73b82b8c5">
42
43    
44    <link rel="stylesheet" href="https://static.beanpage.com/css/animate.css?v=3e1cb496d8ee738f50c625b80026ece3">
45
46    
47    
48    
49        <link rel="stylesheet" href="https://static.beanpage.com/css/colorbox.css?v=195a3b6d0f546fdb23a1864c6ca5aba1">
50    
51    
52    
53    
54    
55    
56    
57    
58    
59
60    
61    
62
63    
64    
65
66    
67
68    
69    <link rel="shortcut icon" href="https://static.beanpage.com/img/favicon/default_favicon.ico">
70
71        <!--[if lt IE 9]>
72    
72<script src="https://static.beanpage.com/js_extra/html5shiv.min.js?v=40bd440d29b3a9371b0c63fec41ee64f"></script>
72
73    
73<script src="https://static.beanpage.com/js_extra/respond.min.js?v=d86df9c6dd16ce7b05f2ebe7ab72d411"></script>
73
74    <![endif]-->
75    
76    <title>뮤직스페셜_인성동화뮤지컬_예술 교육 콘텐츠기업_(주)케이메타</title>
77
78    
79    
80        <meta name="naver-site-verification" content="f7a5377fc14e3d2465d873b2293dca03d8efd09f" />
81<meta name="naver-site-verification" content="f7a5377fc14e3d2465d873b2293dca03d8efd09f" />
82    
83
84    
85    
86
87    
88    <link rel="canonical" href="https://musicspecial.co.kr/20">
89
90    
91    
92
93    
94    
95    
96</head>
97
98
99
100<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
101
102
103
104
105<style id="site_global_css">
106    
107
108
109    
110    
111    @font-face {
112        font-family: 'nanumsquarer';
113        src:url('https://static.beanpage.com/fonts/nanumsquarer.woff2') format('woff'),
114        url('https://static.beanpage.com/fonts/nanumsquarer.woff') format('woff');
115    }
116
117    
118    
119
120
121.SEC_header_PC,
122.SEC_header_PC section,
123.sec_body_PC,
124.SEC_footer_PC,
125.popup_banner_PC {
126    
127    
128        min-width: unset;
129    
130}
131.SEC_header_MOBILE,
132.SEC_header_MOBILE section,
133.sec_body_MOBILE,
134.SEC_footer_MOBILE,
135.popup_banner_MOBILE {
136    
137    
138        min-width: unset;
139    
140}
141.SEC_header_RESPONSIVE,
142.SEC_header_RESPONSIVE section,
143.sec_body_RESPONSIVE,
144.SEC_footer_RESPONSIVE,
145.popup_banner_RESPONSIVE {
146    
147    
148        min-width: none;
149    
150}
151
152
153section._HEADER {
154    
155    padding-top: 10px;
156    padding-bottom: 10px;
157}
158section._HEADER .sec_layout_wrap{
159    
160    padding-left: 50px;
161    padding-right: 50px;
162
163    
164    
165        width: 80%;
166    
167
168    
169    
170        max-width: none;
171    
172}
173section._HEADER .ITEM_id{
174    
175    padding-left: 5px;
176    padding-right: 5px;
177    padding-top: 0px;
178    padding-bottom: 0px;
179}
180section._HEADER .sec_bg_color{
181    
182    
183    background-color: rgba(255,255,255,1);
184    
185}
186
187
188
189section._BODY {
190    
191    padding-top: 80px;
192    padding-bottom: 80px;
193
194    
195    
196    font-family:nanumsquarer;
197    
198}
199
200
201section._BODY .styled_title_text {
202    
203    
204        font-family:sans-serif;
205    
206}
207
208section._BODY .sec_layout_wrap{
209    
210    padding-left: 50px;
211    padding-right: 50px;
212
213    
214    
215        width: 80%;
216    
217
218    
219    
220        max-width: none;
221    
222}
223section._BODY .ITEM_id{
224    
225    padding-left: 10px;
226    padding-right: 10px;
227    padding-top: 10px;
228    padding-bottom: 10px;
229}
230section._BODY .sec_bg_color{
231    
232    
233    background-color: rgba(255,255,255,0);
234    
235}
236
237
238section._FOOTER {
239    
240    padding-top: 60px;
241    padding-bottom: 60px;
242}
243section._FOOTER .sec_layout_wrap{
244    
245    padding-left: 40px;
246    padding-right: 40px;
247
248    
249    
250        width: 80%;
251    
252
253    
254    
255        max-width: none;
256    
257}
258section._FOOTER .ITEM_id{
259    
260    padding-left: 15px;
261    padding-right: 15px;
262    padding-top: 15px;
263    padding-bottom: 15px;
264}
265section._FOOTER .sec_bg_color{
266    
267    
268    background-color: rgba(186,186,186,1);
269    
270}
271
272
273section {
274    
275    color: rgba(0,0,0,1);
276
277    
278    font-family: nanumsquarer;
279}
280
281
282section .styled_title_text {
283    font-family: sans-serif;
284}
285.styled_text,
286.styled_title_text {
287    
288    letter-spacing: 1px;
289
290    
291    font-size: 13px;
292
293    
294    line-height: 1.5;
295}
296
297
298.styled_btn {
299    
300    padding: 9px 35px;
301
302    
303    font-size: 12px;
304
305    
306    font-weight: normal;
307
308    
309    font-style: normal;
310
311    
312    border-radius: 2px;
313
314    
315    letter-spacing: 1px;
316
317    
318    border-width: 1px;
319    border-style: solid;
320}
321.styled_btn,
322.styled_btn:hover,
323.styled_btn:focus {
324    
325    background-color: rgba(48,63,84,0.8);
326
327    
328    color: rgba(255,255,255,1);
329
330    
331    border-color: rgba(255,255,255,0);
332}
333
334
335
336    .styled_btn:hover,.styled_btn:focus {
337        background-color: rgba(9,23,41,1);
338        color: rgba(255,255,255,1);
339        border-color: rgba(255,255,255,0);
340    }
341
342
343
344.styled_form {
345    
346    background-color: rgba(255,255,255,1);
347
348    
349    color: rgba(38,60,89,1);
350
351    
352    
353        border: 1px solid rgba(15,33,56,0.2);
354        border-radius: 2px;
355    
356
357    
358    height: 35px;
359}
360
361
362.styled_form::placeholder {
363    color: rgba(38,60,89,1);
364    opacity: 0.5;
365}
366
367
368input[type=password]::placeholder {
369    
370    
371        font-family:nanumsquarer;
372    
373}
374
375
376.styled_point_color {
377    background-color: #4c4c4c !important;
378    color: #ffffff !important;
379    border-color: #4c4c4c !important;
380}
381
382
383.styled_point_bg_color {
384    background-color: #4c4c4c !important;
385}
386
387
388.styled_point_bg_text_color {
389    color: #ffffff !important;
390}
391
392
393.styled_point_etc_text_color {
394    color: #fe4747;
395    color: #ff0000 !important;
396}
397
398
399
400
401.styled_point_chk_color input:checked ~ .checkmark,
402.styled_point_radio_color input:checked ~ .checkmark_radio {
403    background-color: #1C90F3 !important;
404    border-color: transparent !important;
405}
406
407
408.styled_paging a, .styled_paging b {
409    
410    width: 34px !important;
411    height: 34px !important;
412    line-height: 34px !important;
413    text-align: center;
414    display: inline-block;
415    border-top: 0 !important;
416    border-bottom: 0 !important;
417    border-left: 0 !important;
418    border-right: 0 !important;
419
420    
421    color: #999999 !important;
422    
423    font-size: 12px !important;
424
425    
426    
427        background-color: #ffffff !important;
428    
429
430    
431    
432        
433        border-top: 1px solid #e9e9e9 !important;
434        border-bottom: 1px solid #e9e9e9 !important;
435        border-left: 1px solid #e9e9e9 !important;
436        border-right: 1px solid #e9e9e9 !important;
437        margin-left: -1px;
438    
439
440    
441    
442}
443
444.styled_paging b {
445    
446    color: #333333 !important;
447
448    
449    
450        background-color: #eaeaea !important;
451    
452
453    
454    
455}
456
457
458.styled_slide_arrow {
459    font-family: 'Font Awesome 5 Pro';
460    font-style: normal;
461    -moz-osx-font-smoothing: grayscale;
462    -webkit-font-smoothing: antialiased;
463    font-variant: normal;
464    text-rendering: auto;
465    z-index: 97 !important;
466}
467.styled_slide_arrow_prev,
468.styled_slide_arrow_next,
469.styled_slide_arrow_prev:hover,
470.styled_slide_arrow_next:hover {
471    
472    color: #ffffff;
473    
474    font-size: 30px;
475
476    text-shadow: 1px 0px 3px rgba(75,75,75,0.48);
477    -webkit-transition: all 0.1s ease-in-out;
478    -o-transition: all 0.1s ease-in-out;
479    transition: all 0.1s ease-in-out;
480}
481
482
483.styled_slide_arrow_prev:hover,
484.styled_slide_arrow_next:hover {
485    
486    color: #ffffff;
487    -webkit-transition: all 0.1s ease-in-out;
488    -o-transition: all 0.1s ease-in-out;
489    transition: all 0.1s ease-in-out;
490}
491
492
493.styled_slide_arrow_prev:before {
494    
495    content: "\f053";
496    font-weight: 100;
497
498    
499    
500        content: "\f053";
501        font-weight: 100;
502    
503}
504.styled_slide_arrow_next:before {
505    
506    content: "\f054";
507    font-weight: 100;
508
509    
510        content: "\f054";
511        font-weight: 100;
512    
513}
514
515
516.styled_slide_paging {
517    display: inline-block;
518    font-size: 0;
519    text-align: center;
520}
521.styled_slide_paging_item {
522    display: inline-block;
523    
524    margin: 0 3px 6px 3px !important;
525}
526.styled_slide_paging_item a {
527    display: inline-block;
528    width: 14px;
529    height: 14px;
530    border-radius: 50%;
531    
532    background-color: #d9d9d9 !important;
533}
534.styled_slide_paging_active a {
535    
536    background-color: #555555 !important;
537}
538</style>
539
540
541
542<div class="popup_banner_wrap popup_banner_PC">
543    
544
545    
546
547    
548
549    
550
551    
552
553
554
555</div>
556
557
558<header class="SEC_header SEC_header_PC" style="">
559
560        <style>
561
562#SEC_bf1c752pmtv65up0{
563    
564    
565        
566        z-index : 9999;
567        
568    
569
570    
571    
572        padding-top: 0px;
573        padding-bottom: 0px;
574    
575
576    
577    
578}
579
580#SEC_bf1c752pmtv65up0 .sec_bg_image_wrap .sec_bg_image {
581    
582    
583
584    
585    
586}
587
588#SEC_bf1c752pmtv65up0 .sec_bg_image_wrap {
589    
590}
591#SEC_bf1c752pmtv65up0:hover .sec_bg_image_wrap .sec_bg_image,
592#SEC_bf1c752pmtv65up0:hover .sec_bg_image_wrap .sec_bg_color {
593    
594}
595
596
597.SEC_header #SEC_bf1c752pmtv65up0 {
598    color: ;
599}
600
601
602.SEC_header #SEC_bf1c752pmtv65up0._overlap_header {
603    color: ;
604}
605
606
607.sec_body #SEC_bf1c752pmtv65up0 {
608    color: ;
609}
610
611.SEC_footer #SEC_bf1c752pmtv65up0 {
612    color: ;
613}
614
615
616#SEC_bf1c752pmtv65up0._overlap_header {
617    
618    
619    background-image:none;
620    
621    background-size : cover;
622    background-repeat : initial;
623    background-attachment : initial;
624}
625
626
627#SEC_bf1c752pmtv65up0 .sec_bg_color{
628    
629}
630
631
632#SEC_bf1c752pmtv65up0 .sec_border_top {
633    
634    
635        border-top: none;
636    
637}
638
639#SEC_bf1c752pmtv65up0 .sec_border_bottom {
640    
641    
642        border-bottom:none;
643    
644}
645
646
647#SEC_bf1c752pmtv65up0 .sec_layout_wrap {
648    
649    
650
651    
652    
653
654    
655    
656        padding-right: 0px;
657        padding-left: 0px;
658    
659
660    
661    
662    
663        padding-top: 0;
664    
665
666    
667    
668        padding-bottom: 0;
669    
670}
671
672#SEC_bf1c752pmtv65up0 .sec_asideLeft{
673    
674    display: none;
675
676    
677}
678
679#SEC_bf1c752pmtv65up0 .sec_asideLeft .aside_container_wrap {
680    
681}
682
683#SEC_bf1c752pmtv65up0 .sec_asideRight {
684    
685    display: none;
686
687    
688}
689
690#SEC_bf1c752pmtv65up0 .sec_asideRight .aside_container_wrap {
691    
692}
693
694#SEC_bf1c752pmtv65up0 .sec_container_wrap {
695    
696    margin:0 auto;
697    
698
699    
700    
701    width: 100%;
702}
703
704#SEC_bf1c752pmtv65up0 .ITEM_id {
705    
706    
707        padding-left: 0px;
708        padding-right: 0px;
709    
710
711    
712    
713}
714
715
716#SEC_bf1c752pmtv65up0._overlap_header {
717    
718    background-image:;
719}
720#SEC_bf1c752pmtv65up0._overlap_header .sec_bg_color{
721    
722    
723    background-color: rgba(0,0,0,0);
724    
725}
726
727#SEC_bf1c752pmtv65up0._overlap_header .sec_border_top {
728    
729    
730    border-top: none;
731    
732}
733
734#SEC_bf1c752pmtv65up0._overlap_header .sec_border_bottom {
735    
736    
737        border-bottom: none;
738    
739}
740
741
742#SEC_bf1c752pmtv65up0._overlap_body .sec_hover_items {
743    display:none;
744}
745
746#SEC_bf1c752pmtv65up0._overlap_header .sec_bg_image_wrap .sec_bg_image {
747    
748    
749        background-image:none;
750    
751    background-size : cover;
752    background-repeat : initial;
753    background-attachment : initial;
754
755    
756    
757}
758
759
760#SEC_bf1c752pmtv65up0._overlap_header .sec_bg_image_wrap {
761    
762}
763#SEC_bf1c752pmtv65up0._overlap_header:hover .sec_bg_image_wrap .sec_bg_image,
764#SEC_bf1c752pmtv65up0._overlap_header:hover .sec_bg_image_wrap .sec_bg_color {
765    
766}
767
768</style>
769
770<section id="SEC_bf1c752pmtv65up0" class="_default_header  _scroll_fixed _HEADER SEC_id">
771    <div class="sec_bg_image_wrap">
772        <div class="sec_bg_image"></div>
773        <div class="sec_bg_color"></div>
774    </div>
775
776    <div class="sec_bg_video">
777        
778    </div>
779    <div class="sec_border_top"></div>
780    <div class="sec_border_bottom"></div>
781    <div class="sec_layout_wrap clearfix">
782        
783        <div class="sec_container_wrap clearfix">
784            
785            <div class="sec_container sec_container_table clearfix">
786    
787
788    
789
790    
791        
792
793
794
795    
796        <div class="ITEM_id ITEM_id_table" id='ITEM_bf1c752pmtv65up3' style="width:100%;height:100px">
797    
798
799    
800        <style>
801    .logo_img {
802    text-align: center;
803}
804.logo_img img {
805    height: auto;
806}
807.logo_text {
808    text-align: center;
809}
810    
811
812
813    
814    
815    #ITEM_bf1c752pmtv65up3 .logo_img img {
816        width : 300px;
817        text-align: center;
818    }
819
820    
821    #ITEM_bf1c752pmtv65up3 .logo_img {
822        text-align: center;
823    }
824
825    #ITEM_bf1c752pmtv65up3{
826        
827        vertical-align: middle;
828    }
829
830    
831    #ITEM_bf1c752pmtv65up3 .logo_img_overlap {
832        display:none;
833    }
834
835    
836    #SEC_bf1c752pmtv65up0._overlap_header #ITEM_bf1c752pmtv65up3 .logo_img_overlap {
837        display:block;
838    }
839
840    
841    #ITEM_bf1c752pmtv65up3 .logo_img_normal {
842        display:block;
843    }
844
845    
846    #SEC_bf1c752pmtv65up0._overlap_header #ITEM_bf1c752pmtv65up3 .logo_img_normal {
847        display:none;
848    }
849
850</style>
851
852    
853<div class="logo_img over_hidden">
854    <div class="logo_img_normal">
855        
856            
857            <a href="/">
858                <img src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/1762333370896a77wk1vomhlrsbv4.png" alt="케이메타"/>
859            </a>
860            
861        
862    </div>
863
864    
865    <div class="logo_img_overlap">
866        
867            
868            <a href="/">
869                <img src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/1762333370896a77wk1vomhlrsbv4.png" alt="케이메타"/>
870            </a>
871            
872        
873    </div>
874</div>
875
876
877    
878
879
880</div>
881
882    
883
884
885
886    
887</div>
888            
889        </div>
890
891    </div>
892</section>
893
894    
895        <style>
896
897#SEC_bf1c752pmtv65upj{
898    
899    
900        
901        z-index : 9998;
902        
903    
904
905    
906    
907        padding-top: 0px;
908        padding-bottom: 0px;
909    
910
911    
912    
913}
914
915#SEC_bf1c752pmtv65upj .sec_bg_image_wrap .sec_bg_image {
916    
917    
918
919    
920    
921}
922
923#SEC_bf1c752pmtv65upj .sec_bg_image_wrap {
924    
925}
926#SEC_bf1c752pmtv65upj:hover .sec_bg_image_wrap .sec_bg_image,
927#SEC_bf1c752pmtv65upj:hover .sec_bg_image_wrap .sec_bg_color {
928    
929}
930
931
932.SEC_header #SEC_bf1c752pmtv65upj {
933    color: ;
934}
935
936
937.SEC_header #SEC_bf1c752pmtv65upj._overlap_header {
938    color: ;
939}
940
941
942.sec_body #SEC_bf1c752pmtv65upj {
943    color: ;
944}
945
946.SEC_footer #SEC_bf1c752pmtv65upj {
947    color: ;
948}
949
950
951#SEC_bf1c752pmtv65upj._overlap_header {
952    
953    
954    background-image:none;
955    
956    background-size : cover;
957    background-repeat : initial;
958    background-attachment : initial;
959}
960
961
962#SEC_bf1c752pmtv65upj .sec_bg_color{
963    
964}
965
966
967#SEC_bf1c752pmtv65upj .sec_border_top {
968    
969    
970        border-top: none;
971    
972}
973
974#SEC_bf1c752pmtv65upj .sec_border_bottom {
975    
976    
977        border-bottom: 1px solid rgba(217,217,217,1);
978    
979}
980
981
982#SEC_bf1c752pmtv65upj .sec_layout_wrap {
983    
984    
985        width: 100%;
986    
987
988    
989    
990
991    
992    
993        padding-right: 100px;
994        padding-left: 100px;
995    
996
997    
998    
999    
1000        padding-top: 0;
1001    
1002
1003    
1004    
1005        padding-bottom: 1px;
1006    
1007}
1008
1009#SEC_bf1c752pmtv65upj .sec_asideLeft{
1010    
1011    display: none;
1012
1013    
1014}
1015
1016#SEC_bf1c752pmtv65upj .sec_asideLeft .aside_container_wrap {
1017    
1018}
1019
1020#SEC_bf1c752pmtv65upj .sec_asideRight {
1021    
1022    display: none;
1023
1024    
1025}
1026
1027#SEC_bf1c752pmtv65upj .sec_asideRight .aside_container_wrap {
1028    
1029}
1030
1031#SEC_bf1c752pmtv65upj .sec_container_wrap {
1032    
1033    margin:0 auto;
1034    
1035
1036    
1037    
1038    width: 100%;
1039}
1040
1041#SEC_bf1c752pmtv65upj .ITEM_id {
1042    
1043    
1044
1045    
1046    
1047}
1048
1049
1050#SEC_bf1c752pmtv65upj._overlap_header {
1051    
1052    background-image:;
1053}
1054#SEC_bf1c752pmtv65upj._overlap_header .sec_bg_color{
1055    
1056    
1057    background-color: rgba(0,0,0,0);
1058    
1059}
1060
1061#SEC_bf1c752pmtv65upj._overlap_header .sec_border_top {
1062    
1063    
1064    border-top: none;
1065    
1066}
1067
1068#SEC_bf1c752pmtv65upj._overlap_header .sec_border_bottom {
1069    
1070    
1071        border-bottom: none;
1072    
1073}
1074
1075
1076#SEC_bf1c752pmtv65upj._overlap_body .sec_hover_items {
1077    display:none;
1078}
1079
1080#SEC_bf1c752pmtv65upj._overlap_header .sec_bg_image_wrap .sec_bg_image {
1081    
1082    
1083        background-image:none;
1084    
1085    background-size : cover;
1086    background-repeat : initial;
1087    background-attachment : initial;
1088
1089    
1090    
1091}
1092
1093
1094#SEC_bf1c752pmtv65upj._overlap_header .sec_bg_image_wrap {
1095    
1096}
1097#SEC_bf1c752pmtv65upj._overlap_header:hover .sec_bg_image_wrap .sec_bg_image,
1098#SEC_bf1c752pmtv65upj._overlap_header:hover .sec_bg_image_wrap .sec_bg_color {
1099    
1100}
1101
1102</style>
1103
1104<section id="SEC_bf1c752pmtv65upj" class="_default_header  _scroll_fixed _HEADER SEC_id">
1105    <div class="sec_bg_image_wrap">
1106        <div class="sec_bg_image"></div>
1107        <div class="sec_bg_color"></div>
1108    </div>
1109
1110    <div class="sec_bg_video">
1111        
1112    </div>
1113    <div class="sec_border_top"></div>
1114    <div class="sec_border_bottom"></div>
1115    <div class="sec_layout_wrap clearfix">
1116        
1117        <div class="sec_container_wrap clearfix">
1118            
1119            <div class="sec_container sec_container_table clearfix">
1120    
1121
1122    
1123
1124    
1125        
1126
1127
1128
1129    
1130        <div class="ITEM_id ITEM_id_table" id='ITEM_bf1c752pmtv65upm' style="width:15.2%;height:10px">
1131    
1132
1133    
1134        <style>
1135    .item_space {
1136    position: absolute;
1137    top: 0;
1138    bottom: 0;
1139    left: 0;
1140    right: 0;
1141}
1142/*편집모드에서 임시로 보여짐 빈공간이기때문에 사용자화면에서는 border: none;처리  */
1143.item_space_border_line {
1144    border: 1px dashed #CCCCCC;
1145}
1146    
1147</style>
1148<div class="item_space "></div>
1149    
1150
1151
1152</div>
1153
1154    
1155
1156
1157
1158    
1159
1160    
1161
1162    
1163        
1164
1165
1166
1167    
1168        <div class="ITEM_id ITEM_id_table" id='ITEM_bf1c752pmtv65upo' style="width:69.8%;height:90px">
1169    
1170
1171    
1172        <style>
1173    .item_header_menu {
1174    width: 100%;
1175}
1176.header_menulist_text_wrap > ul {
1177    white-space: normal;
1178}
1179.header_menulist_text_wrap .menulist {
1180    font-size: 14px;
1181}
1182.header_menulist_text_wrap .menulist > li{
1183    display: inline-block;
1184    padding-top: 10px;
1185    padding-bottom: 10px;
1186}
1187.header_menulist_text_wrap .menulist > li a {
1188    text-decoration: none;
1189}
1190.header_menulist_text_wrap .menulist > li a,
1191.header_menulist_text_wrap .menulist > li a:hover {
1192    cursor: pointer;
1193}
1194
1195/*2단, 3단 메뉴를 숨기기 */
1196.menulist ul.dropdown_menu,
1197.menulist ul.dropdown_submenu {
1198    display: none;
1199}
1200
1201/*주 메뉴에 마우스 호버했을 때 부 메뉴 드러내기 */
1202.menulist li:hover > ul.dropdown_menu,
1203.menulist li:hover > ul.dropdown_submenu {
1204    display: block;
1205    -webkit-animation: fadeIn 0.25s;
1206    animation: fadeIn 0.25s;
1207}
1208
1209li > .dropdown_menu {
1210    position:absolute;
1211    left:auto;
1212    top: 100%;
1213    z-index: 1;
1214}
1215.dropdown_submenu {
1216    position:absolute;
1217    left:100%;
1218    top: 0;
1219}  /*3단 메뉴 절대 위치*/
1220.submenu_open_mark {
1221    position: absolute;
1222    right: 6px;
1223    line-height: inherit;
1224}
1225.menulist  li {
1226    position: relative;
1227    box-sizing: border-box;
1228}
1229.menulist .dropdown_menu li a {
1230    display: block;
1231    min-width: 160px;
1232    text-align: left;
1233    text-decoration:none;
1234    white-space: nowrap;
1235    box-sizing: border-box;
1236    padding: 10px 10px;
1237}
1238.dropdown_menu li, .dropdown_submenu li {
1239    box-sizing: border-box;
1240}
1241    
1242#ITEM_bf1c752pmtv65upo .menulist {
1243    
1244    text-align:center;
1245}
1246#ITEM_bf1c752pmtv65upo .menulist > li {
1247    
1248    padding : 10px 17px;
1249}
1250#ITEM_bf1c752pmtv65upo .menulist > li a{
1251    
1252    font-size: 22px;
1253    
1254    font-weight: bold;
1255    
1256    font-style: normal;
1257    
1258    color: rgba(101,107,128,1);
1259    
1260    letter-spacing: 0px;
1261}
1262#SEC_bf1c752pmtv65upj._overlap_header #ITEM_bf1c752pmtv65upo .menulist > li a{
1263    
1264    
1265        color : rgba(255,255,255,1);
1266    
1267}
1268
1269#ITEM_bf1c752pmtv65upo .menulist > li:hover > a{
1270    
1271    color: rgba(81,88,214,1)!important; 
1272    
1273    
1274        text-decoration: none;
1275        border-bottom: 1px solid rgba(81,88,214,1)!important;
1276        padding-bottom: 3px;
1277    
1278}
1279
1280#SEC_bf1c752pmtv65upj._overlap_header #ITEM_bf1c752pmtv65upo .menulist > li:hover > a{
1281    
1282    color: rgba(255,255,255,1)!important; 
1283
1284    
1285    
1286}
1287
1288
1289#ITEM_bf1c752pmtv65upo .menulist ul {
1290    
1291    
1292}
1293
1294
1295#ITEM_bf1c752pmtv65upo li > .dropdown_menu {
1296    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1297}
1298#ITEM_bf1c752pmtv65upo .dropdown_submenu {
1299    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
1300}
1301
1302#ITEM_bf1c752pmtv65upo .menulist .dropdown_menu li {
1303    
1304    background-color: rgba(255,255,255,1);
1305}
1306#ITEM_bf1c752pmtv65upo .menulist .dropdown_menu li a {
1307    
1308    padding: 12px 20px;
1309    
1310    font-size: 14px;
1311    
1312    font-weight: normal;
1313    
1314    font-style: normal;
1315    
1316    letter-spacing: 0px;
1317    
1318    color: rgba(0, 0, 0, 1)!important;
1319}
1320#ITEM_bf1c752pmtv65upo .menulist .dropdown_menu li a:hover {
1321    
1322    color: rgba(255,255,255,1)!important; 
1323    
1324    background: rgba(81,146,214,1);
1325}
1326#ITEM_bf1c752pmtv65upo .dropdown_menu li, .dropdown_submenu li {
1327    
1328    border-bottom: 1px solid rgba(221, 221, 221, 1);
1329}
1330
1331#ITEM_bf1c752pmtv65upo .dropdown_menu li:last-child, .dropdown_submenu li:last-child{
1332    border-bottom: 0px;
1333}
1334
1335
1336#ITEM_bf1c752pmtv65upo .dropdown_menu,
1337#ITEM_bf1c752pmtv65upo .dropdown_submenu {
1338    border-radius: px;
1339}
1340#ITEM_bf1c752pmtv65upo .dropdown_menu > li:first-child,
1341#ITEM_bf1c752pmtv65upo .dropdown_menu > li:first-child:hover,
1342#ITEM_bf1c752pmtv65upo .dropdown_menu > li:first-child > a:hover,
1343#ITEM_bf1c752pmtv65upo .dropdown_submenu > li:first-child,
1344#ITEM_bf1c752pmtv65upo .dropdown_submenu > li:first-child:hover,
1345#ITEM_bf1c752pmtv65upo .dropdown_submenu > li:first-child > a:hover {
1346    border-top-left-radius: px;
1347    border-top-right-radius: px;
1348}
1349#ITEM_bf1c752pmtv65upo .dropdown_menu > li:last-child,
1350#ITEM_bf1c752pmtv65upo .dropdown_menu > li:last-child:hover,
1351#ITEM_bf1c752pmtv65upo .dropdown_menu > li:last-child > a:hover,
1352#ITEM_bf1c752pmtv65upo .dropdown_submenu > li:last-child,
1353#ITEM_bf1c752pmtv65upo .dropdown_submenu > li:last-child:hover,
1354#ITEM_bf1c752pmtv65upo .dropdown_submenu > li:last-child > a:hover {
1355    border-bottom-right-radius: px;
1356    border-bottom-left-radius: px;
1357}
1358
1359
1360#ITEM_bf1c752pmtv65upo .loginmenu_active {
1361    
1362    color: rgba(81,146,214,1) !important; 
1363    
1364    
1365}
1366
1367#SEC_bf1c752pmtv65upj._overlap_header #ITEM_bf1c752pmtv65upo .loginmenu_active {
1368    
1369    color: rgba(255,255,255,1) !important; 
1370    
1371    
1372}
1373</style>
1374
1375<div class="header_menulist_text_wrap _swipe_wrap">
1376    
1377    <ul class="menulist"><li class="MENU_bf1c752pmtv65scl"><a target="" class="loginmenu_active" href="/20">
1378									뮤직스페셜 
1379								</a>
1380								<ul class="dropdown_menu"><li class="MENU_bf1c752pmtv65sck"><a target="" href="/20">프로그램 소개</a></li><li class="MENU_bf1c752pmtv65sbf"><a target="" href="/22">
1381									영상보기 <span class="submenu_open_mark fa fa-caret-right"></span>
1382								</a>
1383								<ul class="dropdown_submenu dp_none"></ul></li></ul></li><li class="MENU_bf1c752pmtv65scj"><a target="" href="/6">
1384									인성동화뮤지컬 
1385								</a>
1386								<ul class="dropdown_menu"><li class="MENU_bf1c752pmtv65scd"><a target="" href="/6">프로그램 소개</a></li><li class="MENU_bf1c752pmtv65sbt"><a target="" href="/11">동화 듣기</a></li><li class="MENU_bf1c752pmtv65scp"><a target="" href="/52">노래 듣기</a></li></ul></li><li class="MENU_bf1c752pmtv65sce"><a target="" href="/7">악기 클래스</a></li><li class="MENU_bf1c752pmtv65scc"><a target="" href="/4">
1387									커뮤니티 
1388								</a>
1389								<ul class="dropdown_menu"><li class="MENU_bf1c752pmtv65sc4"><a target="" href="/4">공지사항</a></li><li class="MENU_bf1c752pmtv65scb"><a target="" href="/5">문의하기</a></li></ul></li><li class="MENU_bf1c752pmtv65scf"><a target="_blank" href="https://smartstore.naver.com/kmeta">쇼핑몰</a></li><li class="MENU_bf1c752pmtv65sbl"><a target="">
1390									교사공간 
1391								</a>
1392								<ul class="dropdown_menu"><li class="MENU_bf1c752pmtv65sbm"><a target="" href="/25">
1393									뮤직스페셜 <span class="submenu_open_mark fa fa-caret-right"></span>
1394								</a>
1395								<ul class="dropdown_submenu dp_none"></ul></li><li class="MENU_bf1c752pmtv65sbo"><a target="" href="/13">
1396									동화뮤지컬 <span class="submenu_open_mark fa fa-caret-right"></span>
1397								</a>
1398								<ul class="dropdown_submenu dp_none"></ul></li></ul></li><li class="MENU_bf1c752pmtv65scv"><a target="">
1399									지사공간 
1400								</a>
1401								<ul class="dropdown_menu"><li class="MENU_bf1c752pmtv65scu"><a target="" href="/36">
1402									뮤직스페셜 <span class="submenu_open_mark fa fa-caret-right"></span>
1403								</a>
1404								<ul class="dropdown_submenu dp_none"></ul></li><li class="MENU_bf1c752pmtv65sbg"><a target="" href="/43">
1405									동화뮤지컬 <span class="submenu_open_mark fa fa-caret-right"></span>
1406								</a>
1407								<ul class="dropdown_submenu dp_none"></ul></li></ul></li><li class="MENU_bf1c752pmtv65scw"><a target="" href="/48">
1408									본사공간 
1409								</a>
1410								<ul class="dropdown_menu dp_none"></ul></li></ul>
1411</div>
1412
1413    
1414
1415
1416</div>
1417
1418    
1419
1420
1421
1422    
1423
1424    
1425
1426    
1427        
1428
1429
1430
1431    
1432        <div class="ITEM_id ITEM_id_table" id='ITEM_bf1c752pmtv65upq' style="width:15%;height:90px">
1433    
1434
1435    
1436        <style>
1437    .item_header_login {
1438    font-size: 14px;
1439}
1440.item_header_login ul {
1441    width: 100%;
1442}
1443.item_header_login ul li {
1444    display: inline-block;
1445    line-height:inherit;
1446    vertical-align: middle;
1447
1448}
1449.item_header_login ul li a {
1450    text-decoration: none;
1451}
1452.loginmenu_divider {
1453    display: inline-block;
1454    width: 1px;
1455    vertical-align: middle;
1456}
1457/* 드롭다운 메뉴 스타일 */
1458.item_header_login .dropdown-menu {
1459    border: 1px solid #d9d9d9;
1460    border-radius: 2px;
1461    padding: 0 !important;
1462    margin: 0 !important;
1463    min-width: 120px !important;
1464    width: auto !important;
1465    margin-top: 3px !important;
1466    box-shadow: none;
1467    line-height: normal;
1468    letter-spacing: normal;
1469}
1470.item_header_login .dropdown-menu>li {
1471    width: 100% !important;
1472}
1473.item_header_login .dropdown-menu>li>a {
1474    padding: 3px 19px !important;
1475    font-size: 13px !important;
1476    color: #666 !important;
1477    width: 100%;
1478    min-width: 118px;
1479    height: 33px;
1480    line-height: 28px;
1481    border-bottom: 1px solid #eaeaea;
1482    text-align: center;
1483}
1484.item_header_login .dropdown-menu>li>a:hover {
1485    background-color: #eee !important;
1486    color: #333 !important;
1487}
1488.item_header_login .dropdown-menu.ul li a {
1489    padding: 0;
1490}
1491    
1492#ITEM_bf1c752pmtv65upq ul {
1493    
1494    text-align:right;
1495}
1496
1497#ITEM_bf1c752pmtv65upq ul li a {
1498    
1499    font-size : 18px;
1500
1501    
1502    color : rgba(59,59,59,1);
1503
1504    
1505    padding: 0 5px; /*메뉴 좌우 간격조절*/
1506}
1507
1508
1509#ITEM_bf1c752pmtv65upq ul li a:hover {
1510color : rgba(122,122,122,1);
1511}
1512
1513
1514#SEC_bf1c752pmtv65upj._overlap_header #ITEM_bf1c752pmtv65upq ul li a {
1515    
1516        color : ;
1517    
1518}
1519
1520
1521#SEC_bf1c752pmtv65upj._overlap_header #ITEM_bf1c752pmtv65upq ul li a:hover {
1522    color : ;
1523}
1524
1525
1526    #ITEM_bf1c752pmtv65upq .loginmenu_divider {
1527        
1528        height: 11px;
1529
1530        
1531        background-color : rgba(171,171,171,1);
1532    }
1533
1534    
1535    #SEC_bf1c752pmtv65upj._overlap_header #ITEM_bf1c752pmtv65upq .loginmenu_divider {
1536        background-color : rgba(0, 0, 0, 1);
1537    }
1538
1539</style>
1540<div class="item_header_login">
1541    
1542        
1543        <ul>
1544            <li class="loginmenu_login">
1545                <a href="/login">
1546                    
1547                    
1548                    <span class="loginmenu_text">로그인</span>
1549                    
1550                </a>
1551            </li>
1552            
1553            <span class="loginmenu_divider"></span>
1554            
1555            <li class="loginmenu_join">
1556                <a href="/join">
1557                    
1558                    
1559                    <span class="loginmenu_text">회원가입</span>
1560                    
1561                </a>
1562            </li>
1563            
1564        </ul>
1565    
1566</div>
1567
1568    
1569
1570
1571</div>
1572
1573    
1574
1575
1576
1577    
1578</div>
1579            
1580            <div class="sec_container sec_container_table clearfix">
1581    
1582
1583    
1584
1585    
1586        
1587
1588
1589
1590    
1591        <div class="ITEM_id ITEM_id_table" id='ITEM_bf1c752pmtv65upt' style="width:100%;height:10px">
1592    
1593
1594    
1595        <style>
1596    .item_space {
1597    position: absolute;
1598    top: 0;
1599    bottom: 0;
1600    left: 0;
1601    right: 0;
1602}
1603/*편집모드에서 임시로 보여짐 빈공간이기때문에 사용자화면에서는 border: none;처리  */
1604.item_space_border_line {
1605    border: 1px dashed #CCCCCC;
1606}
1607    
1608</style>
1609<div class="item_space "></div>
1610    
1611
1612
1613</div>
1614
1615    
1616
1617
1618
1619    
1620</div>
1621            
1622        </div>
1623
1624    </div>
1625</section>
1626
1627    
1628</header>
1629
1630<div class="sec_body sec_body_PC">
1631<style>
1632
1633#SEC_bf1c752pmtv65u10{
1634    
1635    
1636
1637    
1638    
1639        padding-top: 0px;
1640        padding-bottom: 0px;
1641    
1642
1643    
1644    
1645}
1646
1647#SEC_bf1c752pmtv65u10 .sec_bg_image_wrap .sec_bg_image {
1648    
1649    
1650
1651    
1652    
1653}
1654
1655#SEC_bf1c752pmtv65u10 .sec_bg_image_wrap {
1656    
1657}
1658#SEC_bf1c752pmtv65u10:hover .sec_bg_image_wrap .sec_bg_image,
1659#SEC_bf1c752pmtv65u10:hover .sec_bg_image_wrap .sec_bg_color {
1660    
1661}
1662
1663
1664.SEC_header #SEC_bf1c752pmtv65u10 {
1665    color: ;
1666}
1667
1668
1669.SEC_header #SEC_bf1c752pmtv65u10._overlap_header {
1670    color: ;
1671}
1672
1673
1674.sec_body #SEC_bf1c752pmtv65u10 {
1675    color: ;
1676}
1677
1678.SEC_footer #SEC_bf1c752pmtv65u10 {
1679    color: ;
1680}
1681
1682
1683#SEC_bf1c752pmtv65u10._overlap_header {
1684    
1685    
1686    background-image:none;
1687    
1688    background-size : cover;
1689    background-repeat : initial;
1690    background-attachment : initial;
1691}
1692
1693
1694#SEC_bf1c752pmtv65u10 .sec_bg_color{
1695    
1696}
1697
1698
1699#SEC_bf1c752pmtv65u10 .sec_border_top {
1700    
1701    
1702        border-top: none;
1703    
1704}
1705
1706#SEC_bf1c752pmtv65u10 .sec_border_bottom {
1707    
1708    
1709        border-bottom:none;
1710    
1711}
1712
1713
1714#SEC_bf1c752pmtv65u10 .sec_layout_wrap {
1715    
1716    
1717        width: 82%;
1718    
1719
1720    
1721    
1722
1723    
1724    
1725        padding-right: 0px;
1726        padding-left: 0px;
1727    
1728
1729    
1730    
1731    
1732        padding-top: 0;
1733    
1734
1735    
1736    
1737        padding-bottom: 0;
1738    
1739}
1740
1741#SEC_bf1c752pmtv65u10 .sec_asideLeft{
1742    
1743    display: none;
1744
1745    
1746}
1747
1748#SEC_bf1c752pmtv65u10 .sec_asideLeft .aside_container_wrap {
1749    
1750}
1751
1752#SEC_bf1c752pmtv65u10 .sec_asideRight {
1753    
1754    display: none;
1755
1756    
1757}
1758
1759#SEC_bf1c752pmtv65u10 .sec_asideRight .aside_container_wrap {
1760    
1761}
1762
1763#SEC_bf1c752pmtv65u10 .sec_container_wrap {
1764    
1765    margin:0 auto;
1766    
1767
1768    
1769    
1770    width: 100%;
1771}
1772
1773#SEC_bf1c752pmtv65u10 .ITEM_id {
1774    
1775    
1776        padding-left: 0px;
1777        padding-right: 0px;
1778    
1779
1780    
1781    
1782        padding-top: 0px;
1783        padding-bottom: 0px;
1784    
1785}
1786
1787
1788#SEC_bf1c752pmtv65u10._overlap_header {
1789    
1790    background-image:;
1791}
1792#SEC_bf1c752pmtv65u10._overlap_header .sec_bg_color{
1793    
1794    
1795    background-color: rgba(0,0,0,0);
1796    
1797}
1798
1799#SEC_bf1c752pmtv65u10._overlap_header .sec_border_top {
1800    
1801    
1802    border-top: none;
1803    
1804}
1805
1806#SEC_bf1c752pmtv65u10._overlap_header .sec_border_bottom {
1807    
1808    
1809        border-bottom: none;
1810    
1811}
1812
1813
1814#SEC_bf1c752pmtv65u10._overlap_body .sec_hover_items {
1815    display:none;
1816}
1817
1818#SEC_bf1c752pmtv65u10._overlap_header .sec_bg_image_wrap .sec_bg_image {
1819    
1820    
1821        background-image:none;
1822    
1823    background-size : cover;
1824    background-repeat : initial;
1825    background-attachment : initial;
1826
1827    
1828    
1829}
1830
1831
1832#SEC_bf1c752pmtv65u10._overlap_header .sec_bg_image_wrap {
1833    
1834}
1835#SEC_bf1c752pmtv65u10._overlap_header:hover .sec_bg_image_wrap .sec_bg_image,
1836#SEC_bf1c752pmtv65u10._overlap_header:hover .sec_bg_image_wrap .sec_bg_color {
1837    
1838}
1839
1840</style>
1841
1842<section id="SEC_bf1c752pmtv65u10" class="  _BODY SEC_id">
1843    <div class="sec_bg_image_wrap">
1844        <div class="sec_bg_image"></div>
1845        <div class="sec_bg_color"></div>
1846    </div>
1847
1848    <div class="sec_bg_video">
1849        
1850    </div>
1851    <div class="sec_border_top"></div>
1852    <div class="sec_border_bottom"></div>
1853    <div class="sec_layout_wrap clearfix">
1854        
1855        <!-- LEFT사이드 메뉴 -->
1856        <div class="sec_asideLeft clearfix">
1857            <div class="aside_container_wrap clearfix">
1858                
1859                <div class="sec_container  clearfix">
1860    
1861
1862    
1863    <div class="ITEM_group" style='width:100%'>
1864        
1865        <div class='clear'></div>
1866    </div>
1867
1868
1869    
1870</div>
1871                
1872            </div>
1873        </div>
1874        <!-- RIGHT 사이드 메뉴 -->
1875        <div class="sec_asideRight clearfix">
1876            <div class="aside_container_wrap clearfix">
1877                
1878                <div class="sec_container  clearfix">
1879    
1880
1881    
1882    <div class="ITEM_group" style='width:100%'>
1883        
1884        <div class='clear'></div>
1885    </div>
1886
1887
1888    
1889</div>
1890                
1891            </div>
1892        </div>
1893        
1894        <div class="sec_container_wrap clearfix">
1895            
1896            <div class="sec_container  clearfix">
1897    
1898
1899    
1900    <div class="ITEM_group" style='width:100%'>
1901        
1902            
1903
1904
1905
1906    
1907        <div class="ITEM_id ITEM_id_normal clearfix"
1908             id='ITEM_bf1c752pmtv65u17'
1909             style="height:auto"
1910             
1911        >
1912    
1913
1914    
1915        <style>
1916    .img-circle {
1917    border-radius: 50%;
1918}
1919.img-thumbnail {
1920    padding: 4px;
1921    line-height: 1.42857143;
1922    background-color: #fff;
1923    border: 1px solid #ddd;
1924    border-radius: 4px;
1925    -webkit-transition: all 0.2s ease-in-out;
1926    -o-transition: all 0.2s ease-in-out;
1927    transition: all 0.2s ease-in-out;
1928    display: inline-block;
1929}
1930
1931.item_image_color_pick .color_picker_box {
1932    position: absolute;
1933    top: -18px;
1934    right: -30px;
1935}
1936.item_header_image_cog_wrap {
1937    padding: 0 !important;
1938}
1939.item_img_data {
1940    position: relative;
1941}
1942.item_img_data a {
1943    display:block;
1944    width:100%;
1945    height:100%;
1946}
1947.item_image_back_color {
1948    position: absolute;
1949    width:100%;
1950    height:100%;
1951    top:0;
1952    left:0;
1953}
1954.item_image_inside_text_wrap {
1955    position: absolute;
1956    width: 80%;
1957    height: 100%;
1958    top: 0;
1959    left: 10%;
1960}
1961.item_image_inside_text_wrap p.item_image_inside_text {
1962    position: relative;
1963    top: 50%;
1964    transform: translateY(-50%);
1965}
1966.item_hover_image_inside_text_wrap {
1967    position: absolute;
1968    width: 80%;
1969    height: 100%;
1970    top: 0;
1971    left: 10%;
1972}
1973.item_hover_image_inside_text_wrap p.item_hover_image_inside_text {
1974    position: relative;
1975    top: 50%;
1976    transform: translateY(-50%);
1977}
1978.item_img_wrap {
1979    position: relative;
1980}
1981.hover_image_wrap {
1982    position : absolute;
1983    background-size: cover;
1984    background-repeat: no-repeat;
1985    width:100%;
1986    height:100%;
1987    top : 0;
1988    left : 0;
1989    display:none;
1990    background-position: center center;
1991}
1992.overlap_hover_image_wrap {
1993    position : absolute;
1994    background-size: cover;
1995    background-repeat: no-repeat;
1996    width:100%;
1997    height:100%;
1998    top : 0;
1999    left : 0;
2000    display:none;
2001    background-position: center center;
2002}
2003    
2004    
2005    #ITEM_bf1c752pmtv65u17 div.item_img_data_wrap {
2006        width: 100%;
2007    }
2008
2009    
2010    #ITEM_bf1c752pmtv65u17 div.item_img_data {
2011    width: 100%;
2012    
2013    
2014    background-image: url(https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/1762392412244a77wk1e8imhmqxsgk.jpg);
2015    background-size: cover;
2016    background-repeat: no-repeat;
2017    
2018    height: 350px;
2019    
2020    }
2021    
2022    #ITEM_bf1c752pmtv65u17 div.item_image_inside_text_wrap {
2023        display: block;
2024    }
2025
2026
2027
2028#ITEM_bf1c752pmtv65u17 div.item_hover_image_inside_text_wrap {
2029    display: none;
2030}
2031
2032
2033#ITEM_bf1c752pmtv65u17 .image_overlap {
2034display:none;
2035}
2036
2037
2038#SEC_bf1c752pmtv65u10._overlap_header #ITEM_bf1c752pmtv65u17 .image_overlap {
2039display:block;
2040}
2041
2042
2043#ITEM_bf1c752pmtv65u17 .image_normal {
2044display:block;
2045}
2046
2047
2048#SEC_bf1c752pmtv65u10._overlap_header #ITEM_bf1c752pmtv65u17 .image_normal {
2049display:none;
2050}
2051
2052
2053
2054#ITEM_bf1c752pmtv65u17 img {
2055    width: 100%;
2056}
2057
2058
2059#ITEM_bf1c752pmtv65u17 .img-bordered {
2060    border: 1px solid ;
2061}
2062
2063
2064#ITEM_bf1c752pmtv65u17 .img-rounded {
2065    border-radius : 12px;
2066}
2067
2068
2069#ITEM_bf1c752pmtv65u17 div.item_img_data {
2070    overflow: hidden;
2071    background-position: center center;
2072}
2073
2074
2075
2076
2077
2078#ITEM_bf1c752pmtv65u17 div.item_img_data:hover div.item_hover_image_inside_text_wrap {
2079    display: block;
2080}
2081#ITEM_bf1c752pmtv65u17 div.item_img_data:hover div.item_image_inside_text_wrap {
2082    display: none;
2083}
2084
2085
2086
2087
2088
2089
2090
2091
2092
2093
2094
2095#ITEM_bf1c752pmtv65u17 div.item_image_back_color {
2096    background-color: rgba(0,0,0,0);
2097}
2098
2099
2100#ITEM_bf1c752pmtv65u17 div.item_img_data:hover div.item_image_back_color {
2101    background-color: rgba(0,0,0,0);
2102}
2103
2104
2105#SEC_bf1c752pmtv65u10._overlap_header div.item_image_back_color {
2106    background-color: rgba(0,0,0,0);
2107}
2108
2109
2110#SEC_bf1c752pmtv65u10._overlap_header div.item_img_data:hover div.item_image_back_color {
2111    background-color: rgba(0,0,0,0);
2112}
2113
2114
2115#ITEM_bf1c752pmtv65u17 p.item_image_inside_text {
2116    
2117    font-size: 14px;
2118
2119    
2120    color: rgba(0,0,0,1);
2121
2122    
2123    text-align: center;
2124}
2125
2126
2127#ITEM_bf1c752pmtv65u17 p.item_hover_image_inside_text {
2128    
2129    font-size: 14px;
2130
2131    
2132    color: rgba(0,0,0,1);
2133
2134    
2135    text-align: center;
2136}
2137
2138
2139
2140
2141
2142
2143
2144</style>
2145
2146
2147<div class="item_animate _scroll_animate" data-animate-name="fadeIn" data-animate-duration="1" data-animate-delay="0">
2148
2149<div class="item_img_wrap">
2150    
2151    <div class="item_img_data_wrap">
2152        <div class="item_img_data img-rounded _item_img_data" title="유아음악교육 뮤직스페셜 인성동화 뮤지컬 우쿨렐레 카혼 마칭">
2153            
2154                    <div class="image_wrap">
2155                        
2156                        
2157                        <div class="hover_image_wrap"></div>
2158                        
2159                        <div class="overlap_hover_image_wrap"></div>
2160                        
2161                        <div class="item_image_back_color">
2162                        </div>
2163                        
2164                        <div class="item_image_inside_text_wrap">
2165                            <p class="item_image_inside_text"></p>
2166                        </div>
2167                        
2168                        <div class="item_hover_image_inside_text_wrap">
2169                            <p class="item_hover_image_inside_text"></p>
2170                        </div>
2171                    </div>
2172                    
2173            </div>
2174        </div>
2175    
2176</div>
2177
2178
2179
2180</div>
2181
2182    
2183
2184
2185</div>
2186
2187        
2188        <div class='clear'></div>
2189    </div>
2190
2191
2192    
2193</div>
2194            
2195        </div>
2196
2197    </div>
2198</section>
2199<style>
2200
2201#SEC_bf1c752pmtv65u1s{
2202    
2203    
2204
2205    
2206    
2207        padding-top: 0px;
2208        padding-bottom: 0px;
2209    
2210
2211    
2212    
2213}
2214
2215#SEC_bf1c752pmtv65u1s .sec_bg_image_wrap .sec_bg_image {
2216    
2217    
2218
2219    
2220    
2221}
2222
2223#SEC_bf1c752pmtv65u1s .sec_bg_image_wrap {
2224    
2225}
2226#SEC_bf1c752pmtv65u1s:hover .sec_bg_image_wrap .sec_bg_image,
2227#SEC_bf1c752pmtv65u1s:hover .sec_bg_image_wrap .sec_bg_color {
2228    
2229}
2230
2231
2232.SEC_header #SEC_bf1c752pmtv65u1s {
2233    color: ;
2234}
2235
2236
2237.SEC_header #SEC_bf1c752pmtv65u1s._overlap_header {
2238    color: ;
2239}
2240
2241
2242.sec_body #SEC_bf1c752pmtv65u1s {
2243    color: ;
2244}
2245
2246.SEC_footer #SEC_bf1c752pmtv65u1s {
2247    color: ;
2248}
2249
2250
2251#SEC_bf1c752pmtv65u1s._overlap_header {
2252    
2253    
2254    background-image:none;
2255    
2256    background-size : cover;
2257    background-repeat : initial;
2258    background-attachment : initial;
2259}
2260
2261
2262#SEC_bf1c752pmtv65u1s .sec_bg_color{
2263    
2264}
2265
2266
2267#SEC_bf1c752pmtv65u1s .sec_border_top {
2268    
2269    
2270        border-top: none;
2271    
2272}
2273
2274#SEC_bf1c752pmtv65u1s .sec_border_bottom {
2275    
2276    
2277        border-bottom:none;
2278    
2279}
2280
2281
2282#SEC_bf1c752pmtv65u1s .sec_layout_wrap {
2283    
2284    
2285        width: 85%;
2286    
2287
2288    
2289    
2290
2291    
2292    
2293        padding-right: 0px;
2294        padding-left: 0px;
2295    
2296
2297    
2298    
2299    
2300        padding-top: 0;
2301    
2302
2303    
2304    
2305        padding-bottom: 0;
2306    
2307}
2308
2309#SEC_bf1c752pmtv65u1s .sec_asideLeft{
2310    
2311    display: none;
2312
2313    
2314}
2315
2316#SEC_bf1c752pmtv65u1s .sec_asideLeft .aside_container_wrap {
2317    
2318}
2319
2320#SEC_bf1c752pmtv65u1s .sec_asideRight {
2321    
2322    display: none;
2323
2324    
2325}
2326
2327#SEC_bf1c752pmtv65u1s .sec_asideRight .aside_container_wrap {
2328    
2329}
2330
2331#SEC_bf1c752pmtv65u1s .sec_container_wrap {
2332    
2333    margin:0 auto;
2334    
2335
2336    
2337    
2338    width: 100%;
2339}
2340
2341#SEC_bf1c752pmtv65u1s .ITEM_id {
2342    
2343    
2344        padding-left: 0px;
2345        padding-right: 0px;
2346    
2347
2348    
2349    
2350        padding-top: 0px;
2351        padding-bottom: 0px;
2352    
2353}
2354
2355
2356#SEC_bf1c752pmtv65u1s._overlap_header {
2357    
2358    background-image:;
2359}
2360#SEC_bf1c752pmtv65u1s._overlap_header .sec_bg_color{
2361    
2362    
2363    background-color: rgba(0,0,0,0);
2364    
2365}
2366
2367#SEC_bf1c752pmtv65u1s._overlap_header .sec_border_top {
2368    
2369    
2370    border-top: none;
2371    
2372}
2373
2374#SEC_bf1c752pmtv65u1s._overlap_header .sec_border_bottom {
2375    
2376    
2377        border-bottom: none;
2378    
2379}
2380
2381
2382#SEC_bf1c752pmtv65u1s._overlap_body .sec_hover_items {
2383    display:none;
2384}
2385
2386#SEC_bf1c752pmtv65u1s._overlap_header .sec_bg_image_wrap .sec_bg_image {
2387    
2388    
2389        background-image:none;
2390    
2391    background-size : cover;
2392    background-repeat : initial;
2393    background-attachment : initial;
2394
2395    
2396    
2397}
2398
2399
2400#SEC_bf1c752pmtv65u1s._overlap_header .sec_bg_image_wrap {
2401    
2402}
2403#SEC_bf1c752pmtv65u1s._overlap_header:hover .sec_bg_image_wrap .sec_bg_image,
2404#SEC_bf1c752pmtv65u1s._overlap_header:hover .sec_bg_image_wrap .sec_bg_color {
2405    
2406}
2407
2408</style>
2409
2410<section id="SEC_bf1c752pmtv65u1s" class="  _BODY SEC_id">
2411    <div class="sec_bg_image_wrap">
2412        <div class="sec_bg_image"></div>
2413        <div class="sec_bg_color"></div>
2414    </div>
2415
2416    <div class="sec_bg_video">
2417        
2418    </div>
2419    <div class="sec_border_top"></div>
2420    <div class="sec_border_bottom"></div>
2421    <div class="sec_layout_wrap clearfix">
2422        
2423        <!-- LEFT사이드 메뉴 -->
2424        <div class="sec_asideLeft clearfix">
2425            <div class="aside_container_wrap clearfix">
2426                
2427                <div class="sec_container  clearfix">
2428    
2429
2430    
2431    <div class="ITEM_group" style='width:100%'>
2432        
2433        <div class='clear'></div>
2434    </div>
2435
2436
2437    
2438</div>
2439                
2440            </div>
2441        </div>
2442        <!-- RIGHT 사이드 메뉴 -->
2443        <div class="sec_asideRight clearfix">
2444            <div class="aside_container_wrap clearfix">
2445                
2446                <div class="sec_container  clearfix">
2447    
2448
2449    
2450    <div class="ITEM_group" style='width:100%'>
2451        
2452        <div class='clear'></div>
2453    </div>
2454
2455
2456    
2457</div>
2458                
2459            </div>
2460        </div>
2461        
2462        <div class="sec_container_wrap clearfix">
2463            
2464            <div class="sec_container  clearfix">
2465    
2466
2467    
2468    <div class="ITEM_group" style='width:100%'>
2469        
2470            
2471
2472
2473
2474    
2475        <div class="ITEM_id ITEM_id_normal clearfix"
2476             id='ITEM_bf1c752pmtv65u1z'
2477             style="height:auto"
2478             
2479        >
2480    
2481
2482    
2483        <style>
2484    .img-circle {
2485    border-radius: 50%;
2486}
2487.img-thumbnail {
2488    padding: 4px;
2489    line-height: 1.42857143;
2490    background-color: #fff;
2491    border: 1px solid #ddd;
2492    border-radius: 4px;
2493    -webkit-transition: all 0.2s ease-in-out;
2494    -o-transition: all 0.2s ease-in-out;
2495    transition: all 0.2s ease-in-out;
2496    display: inline-block;
2497}
2498
2499.item_image_color_pick .color_picker_box {
2500    position: absolute;
2501    top: -18px;
2502    right: -30px;
2503}
2504.item_header_image_cog_wrap {
2505    padding: 0 !important;
2506}
2507.item_img_data {
2508    position: relative;
2509}
2510.item_img_data a {
2511    display:block;
2512    width:100%;
2513    height:100%;
2514}
2515.item_image_back_color {
2516    position: absolute;
2517    width:100%;
2518    height:100%;
2519    top:0;
2520    left:0;
2521}
2522.item_image_inside_text_wrap {
2523    position: absolute;
2524    width: 80%;
2525    height: 100%;
2526    top: 0;
2527    left: 10%;
2528}
2529.item_image_inside_text_wrap p.item_image_inside_text {
2530    position: relative;
2531    top: 50%;
2532    transform: translateY(-50%);
2533}
2534.item_hover_image_inside_text_wrap {
2535    position: absolute;
2536    width: 80%;
2537    height: 100%;
2538    top: 0;
2539    left: 10%;
2540}
2541.item_hover_image_inside_text_wrap p.item_hover_image_inside_text {
2542    position: relative;
2543    top: 50%;
2544    transform: translateY(-50%);
2545}
2546.item_img_wrap {
2547    position: relative;
2548}
2549.hover_image_wrap {
2550    position : absolute;
2551    background-size: cover;
2552    background-repeat: no-repeat;
2553    width:100%;
2554    height:100%;
2555    top : 0;
2556    left : 0;
2557    display:none;
2558    background-position: center center;
2559}
2560.overlap_hover_image_wrap {
2561    position : absolute;
2562    background-size: cover;
2563    background-repeat: no-repeat;
2564    width:100%;
2565    height:100%;
2566    top : 0;
2567    left : 0;
2568    display:none;
2569    background-position: center center;
2570}
2571    
2572    
2573    #ITEM_bf1c752pmtv65u1z div.item_img_data_wrap {
2574        width: 100%;
2575    }
2576
2577    
2578    #ITEM_bf1c752pmtv65u1z div.item_img_data {
2579    width: 100%;
2580    
2581    
2582    }
2583    
2584    #ITEM_bf1c752pmtv65u1z div.item_image_inside_text_wrap {
2585        display: block;
2586    }
2587
2588
2589
2590#ITEM_bf1c752pmtv65u1z div.item_hover_image_inside_text_wrap {
2591    display: none;
2592}
2593
2594
2595#ITEM_bf1c752pmtv65u1z .image_overlap {
2596display:none;
2597}
2598
2599
2600#SEC_bf1c752pmtv65u1s._overlap_header #ITEM_bf1c752pmtv65u1z .image_overlap {
2601display:block;
2602}
2603
2604
2605#ITEM_bf1c752pmtv65u1z .image_normal {
2606display:block;
2607}
2608
2609
2610#SEC_bf1c752pmtv65u1s._overlap_header #ITEM_bf1c752pmtv65u1z .image_normal {
2611display:none;
2612}
2613
2614
2615
2616#ITEM_bf1c752pmtv65u1z img {
2617    width: 100%;
2618}
2619
2620
2621#ITEM_bf1c752pmtv65u1z .img-bordered {
2622    border: 1px solid ;
2623}
2624
2625
2626#ITEM_bf1c752pmtv65u1z .img-rounded {
2627    border-radius : 10px;
2628}
2629
2630
2631#ITEM_bf1c752pmtv65u1z div.item_img_data {
2632    overflow: hidden;
2633    background-position: center center;
2634}
2635
2636
2637
2638
2639
2640#ITEM_bf1c752pmtv65u1z div.item_img_data:hover div.item_hover_image_inside_text_wrap {
2641    display: block;
2642}
2643#ITEM_bf1c752pmtv65u1z div.item_img_data:hover div.item_image_inside_text_wrap {
2644    display: none;
2645}
2646
2647
2648
2649
2650
2651
2652
2653
2654
2655
2656
2657#ITEM_bf1c752pmtv65u1z div.item_image_back_color {
2658    background-color: rgba(0,0,0,0);
2659}
2660
2661
2662#ITEM_bf1c752pmtv65u1z div.item_img_data:hover div.item_image_back_color {
2663    background-color: rgba(0,0,0,0);
2664}
2665
2666
2667#SEC_bf1c752pmtv65u1s._overlap_header div.item_image_back_color {
2668    background-color: rgba(0,0,0,0);
2669}
2670
2671
2672#SEC_bf1c752pmtv65u1s._overlap_header div.item_img_data:hover div.item_image_back_color {
2673    background-color: rgba(0,0,0,0);
2674}
2675
2676
2677#ITEM_bf1c752pmtv65u1z p.item_image_inside_text {
2678    
2679    font-size: 14px;
2680
2681    
2682    color: rgba(0,0,0,1);
2683
2684    
2685    text-align: center;
2686}
2687
2688
2689#ITEM_bf1c752pmtv65u1z p.item_hover_image_inside_text {
2690    
2691    font-size: 14px;
2692
2693    
2694    color: rgba(0,0,0,1);
2695
2696    
2697    text-align: center;
2698}
2699
2700
2701
2702
2703
2704
2705
2706</style>
2707
2708
2709<div class="item_animate _scroll_animate" data-animate-name="fadeIn" data-animate-duration="1" data-animate-delay="0">
2710
2711<div class="item_img_wrap">
2712    
2713    <div class="item_img_data_wrap">
2714        <div class="item_img_data  _item_img_data" title="">
2715            
2716                    <div class="image_wrap">
2717                        
2718                            
2719                            
2720                            <div class="image_normal">
2721                                <img src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/1762332022368a77wk1vomhlqzfc0.jpg" alt=""/>
2722                            </div>
2723                            
2724                            <div class="image_overlap">
2725                                <img src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/1762332022368a77wk1vomhlqzfc0.jpg" alt=""/>
2726                            </div>
2727                        
2728                        
2729                        <div class="hover_image_wrap"></div>
2730                        
2731                        <div class="overlap_hover_image_wrap"></div>
2732                        
2733                        <div class="item_image_back_color">
2734                        </div>
2735                        
2736                        <div class="item_image_inside_text_wrap">
2737                            <p class="item_image_inside_text"></p>
2738                        </div>
2739                        
2740                        <div class="item_hover_image_inside_text_wrap">
2741                            <p class="item_hover_image_inside_text"></p>
2742                        </div>
2743                    </div>
2744                    
2745            </div>
2746        </div>
2747    
2748</div>
2749
2750
2751
2752</div>
2753
2754    
2755
2756
2757</div>
2758
2759        
2760        <div class='clear'></div>
2761    </div>
2762
2763
2764    
2765</div>
2766            
2767            <div class="sec_container  clearfix">
2768    
2769
2770    
2771    <div class="ITEM_group" style='width:100%'>
2772        
2773            
2774
2775
2776
2777    
2778        <div class="ITEM_id ITEM_id_normal clearfix"
2779             id='ITEM_bf1c752pmtv65u2b'
2780             style="height:auto"
2781             
2782        >
2783    
2784
2785    
2786        <style>
2787    .img-circle {
2788    border-radius: 50%;
2789}
2790.img-thumbnail {
2791    padding: 4px;
2792    line-height: 1.42857143;
2793    background-color: #fff;
2794    border: 1px solid #ddd;
2795    border-radius: 4px;
2796    -webkit-transition: all 0.2s ease-in-out;
2797    -o-transition: all 0.2s ease-in-out;
2798    transition: all 0.2s ease-in-out;
2799    display: inline-block;
2800}
2801
2802.item_image_color_pick .color_picker_box {
2803    position: absolute;
2804    top: -18px;
2805    right: -30px;
2806}
2807.item_header_image_cog_wrap {
2808    padding: 0 !important;
2809}
2810.item_img_data {
2811    position: relative;
2812}
2813.item_img_data a {
2814    display:block;
2815    width:100%;
2816    height:100%;
2817}
2818.item_image_back_color {
2819    position: absolute;
2820    width:100%;
2821    height:100%;
2822    top:0;
2823    left:0;
2824}
2825.item_image_inside_text_wrap {
2826    position: absolute;
2827    width: 80%;
2828    height: 100%;
2829    top: 0;
2830    left: 10%;
2831}
2832.item_image_inside_text_wrap p.item_image_inside_text {
2833    position: relative;
2834    top: 50%;
2835    transform: translateY(-50%);
2836}
2837.item_hover_image_inside_text_wrap {
2838    position: absolute;
2839    width: 80%;
2840    height: 100%;
2841    top: 0;
2842    left: 10%;
2843}
2844.item_hover_image_inside_text_wrap p.item_hover_image_inside_text {
2845    position: relative;
2846    top: 50%;
2847    transform: translateY(-50%);
2848}
2849.item_img_wrap {
2850    position: relative;
2851}
2852.hover_image_wrap {
2853    position : absolute;
2854    background-size: cover;
2855    background-repeat: no-repeat;
2856    width:100%;
2857    height:100%;
2858    top : 0;
2859    left : 0;
2860    display:none;
2861    background-position: center center;
2862}
2863.overlap_hover_image_wrap {
2864    position : absolute;
2865    background-size: cover;
2866    background-repeat: no-repeat;
2867    width:100%;
2868    height:100%;
2869    top : 0;
2870    left : 0;
2871    display:none;
2872    background-position: center center;
2873}
2874    
2875    
2876    #ITEM_bf1c752pmtv65u2b div.item_img_data_wrap {
2877        width: 100%;
2878    }
2879
2880    
2881    #ITEM_bf1c752pmtv65u2b div.item_img_data {
2882    width: 100%;
2883    
2884    
2885    }
2886    
2887    #ITEM_bf1c752pmtv65u2b div.item_image_inside_text_wrap {
2888        display: block;
2889    }
2890
2891
2892
2893#ITEM_bf1c752pmtv65u2b div.item_hover_image_inside_text_wrap {
2894    display: none;
2895}
2896
2897
2898#ITEM_bf1c752pmtv65u2b .image_overlap {
2899display:none;
2900}
2901
2902
2903#SEC_bf1c752pmtv65u1s._overlap_header #ITEM_bf1c752pmtv65u2b .image_overlap {
2904display:block;
2905}
2906
2907
2908#ITEM_bf1c752pmtv65u2b .image_normal {
2909display:block;
2910}
2911
2912
2913#SEC_bf1c752pmtv65u1s._overlap_header #ITEM_bf1c752pmtv65u2b .image_normal {
2914display:none;
2915}
2916
2917
2918
2919#ITEM_bf1c752pmtv65u2b img {
2920    width: 100%;
2921}
2922
2923
2924#ITEM_bf1c752pmtv65u2b .img-bordered {
2925    border: 1px solid ;
2926}
2927
2928
2929#ITEM_bf1c752pmtv65u2b .img-rounded {
2930    border-radius : 10px;
2931}
2932
2933
2934#ITEM_bf1c752pmtv65u2b div.item_img_data {
2935    overflow: hidden;
2936    background-position: center center;
2937}
2938
2939
2940
2941
2942
2943#ITEM_bf1c752pmtv65u2b div.item_img_data:hover div.item_hover_image_inside_text_wrap {
2944    display: block;
2945}
2946#ITEM_bf1c752pmtv65u2b div.item_img_data:hover div.item_image_inside_text_wrap {
2947    display: none;
2948}
2949
2950
2951
2952
2953
2954
2955
2956
2957
2958
2959
2960#ITEM_bf1c752pmtv65u2b div.item_image_back_color {
2961    background-color: rgba(0,0,0,0);
2962}
2963
2964
2965#ITEM_bf1c752pmtv65u2b div.item_img_data:hover div.item_image_back_color {
2966    background-color: rgba(0,0,0,0);
2967}
2968
2969
2970#SEC_bf1c752pmtv65u1s._overlap_header div.item_image_back_color {
2971    background-color: rgba(0,0,0,0);
2972}
2973
2974
2975#SEC_bf1c752pmtv65u1s._overlap_header div.item_img_data:hover div.item_image_back_color {
2976    background-color: rgba(0,0,0,0);
2977}
2978
2979
2980#ITEM_bf1c752pmtv65u2b p.item_image_inside_text {
2981    
2982    font-size: 14px;
2983
2984    
2985    color: rgba(0,0,0,1);
2986
2987    
2988    text-align: center;
2989}
2990
2991
2992#ITEM_bf1c752pmtv65u2b p.item_hover_image_inside_text {
2993    
2994    font-size: 14px;
2995
2996    
2997    color: rgba(0,0,0,1);
2998
2999    
3000    text-align: center;
3001}
3002
3003
3004
3005
3006
3007
3008
3009</style>
3010
3011
3012<div class="item_animate _scroll_animate" data-animate-name="fadeIn" data-animate-duration="1" data-animate-delay="0">
3013
3014<div class="item_img_wrap">
3015    
3016    <div class="item_img_data_wrap">
3017        <div class="item_img_data  _item_img_data" title="">
3018            
3019                    <div class="image_wrap">
3020                        
3021                            
3022                            
3023                            <div class="image_normal">
3024                                <img src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/1762332039463a77wk1vomhlqzsiv.jpg" alt=""/>
3025                            </div>
3026                            
3027                            <div class="image_overlap">
3028                                <img src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/1762332039463a77wk1vomhlqzsiv.jpg" alt=""/>
3029                            </div>
3030                        
3031                        
3032                        <div class="hover_image_wrap"></div>
3033                        
3034                        <div class="overlap_hover_image_wrap"></div>
3035                        
3036                        <div class="item_image_back_color">
3037                        </div>
3038                        
3039                        <div class="item_image_inside_text_wrap">
3040                            <p class="item_image_inside_text"></p>
3041                        </div>
3042                        
3043                        <div class="item_hover_image_inside_text_wrap">
3044                            <p class="item_hover_image_inside_text"></p>
3045                        </div>
3046                    </div>
3047                    
3048            </div>
3049        </div>
3050    
3051</div>
3052
3053
3054
3055</div>
3056
3057    
3058
3059
3060</div>
3061
3062        
3063        <div class='clear'></div>
3064    </div>
3065
3066
3067    
3068</div>
3069            
3070            <div class="sec_container  clearfix">
3071    
3072
3073    
3074    <div class="ITEM_group" style='width:100%'>
3075        
3076            
3077
3078
3079
3080    
3081        <div class="ITEM_id ITEM_id_normal clearfix"
3082             id='ITEM_bf1c752pmtv65u2s'
3083             style="height:auto"
3084             
3085        >
3086    
3087
3088    
3089        <style>
3090    .item_btn_wrap{
3091    display: block;
3092    /* 동적인 CSS는 item/button/css.ejs에서 정의 */
3093}
3094.btn_custom { /*사용자정의 버튼 스타일*/
3095    text-align: center;
3096    /* 동적인 CSS는 item/button/css.ejs에서 정의 */
3097}
3098.btn_custom:hover { /*호버버튼 스타일*/
3099    /* 동적인 CSS는 item/button/css.ejs에서 정의 */
3100}
3101.btn_block {
3102    width: 100%;
3103}
3104.btn_custom_wrap {
3105    display: flex;
3106    align-items: center;
3107    justify-content: center;
3108}
3109.btn_custom_icon {
3110    font-size: inherit;
3111    color: inherit;
3112    padding-right: 4px;
3113}
3114    
3115#ITEM_bf1c752pmtv65u2s .btn_custom {
3116    
3117    
3118
3119    
3120    
3121    border-style: solid;
3122    
3123
3124    
3125    
3126    font-size: 17px;
3127    
3128
3129    
3130    
3131
3132    
3133    
3134
3135    
3136    
3137
3138    
3139    
3140
3141    
3142    
3143    padding-top: 13px;
3144    padding-bottom: 13px;
3145    
3146
3147    
3148    
3149    padding-left: 40px;
3150    padding-right: 40px;
3151    
3152
3153    
3154    
3155    
3156    
3157    
3158}
3159
3160
3161#ITEM_bf1c752pmtv65u2s .btn_custom .btn_custom_icon {
3162    
3163    
3164
3165    
3166    
3167
3168    
3169    padding-right: 22px;
3170}
3171
3172
3173#SEC_bf1c752pmtv65u1s._overlap_header #ITEM_bf1c752pmtv65u2s .btn_custom {
3174    
3175    
3176    
3177    
3178    
3179    
3180}
3181
3182#SEC_bf1c752pmtv65u1s._overlap_header #ITEM_bf1c752pmtv65u2s .btn_custom .btn_custom_icon {
3183    
3184    
3185}
3186
3187
3188    #ITEM_bf1c752pmtv65u2s .item_btn_wrap{
3189        text-align: center;
3190    }
3191
3192
3193
3194
3195    #ITEM_bf1c752pmtv65u2s  .btn_custom:hover {
3196        
3197        
3198
3199        
3200        
3201
3202        
3203        
3204    }
3205
3206    #ITEM_bf1c752pmtv65u2s .btn_custom:hover .btn_custom_icon {
3207        
3208        
3209    }
3210
3211
3212
3213#SEC_bf1c752pmtv65u1s._overlap_header #ITEM_bf1c752pmtv65u2s .btn_custom:hover {
3214    
3215    
3216
3217    
3218    
3219
3220    
3221    
3222}
3223
3224
3225#SEC_bf1c752pmtv65u1s._overlap_header #ITEM_bf1c752pmtv65u2s .btn_custom:hover .btn_custom_icon {
3226    
3227    
3228}
3229
3230
3231#ITEM_bf1c752pmtv65u2s .btn_custom .hover_btn_custom_text {
3232    display: none;
3233}
3234
3235</style>
3236
3237
3238    <div class="item_btn_wrap over_hidden">
3239        
3240        <a target="_blank"
3241                class="styled_btn btn_custom  clearfix"
3242                href="https://blog.naver.com/eduking486/223953747720">
3243
3244            <span class="btn_custom_wrap clearfix">
3245                
3246                
3247                    <span class="btn_custom_icon fas fa-check"></span>
3248                
3249
3250                
3251                <span class="btn_custom_text">더 알아보기</span>
3252
3253                
3254                <span class="hover_btn_custom_text"></span>
3255            </span>
3256        </a>
3257    </div>
3258
3259
3260    
3261
3262
3263</div>
3264
3265        
3266        <div class='clear'></div>
3267    </div>
3268
3269
3270    
3271</div>
3272            
3273        </div>
3274
3275    </div>
3276</section>
3277
3278
3279
3280    
3281<style>
3282    .scrolltop {
3283        display: none;
3284        position: fixed;
3285        right: 25px;
3286        bottom: 5px;
3287        z-index: 1050;
3288        font-size: 50px;
3289        color: rgba(255,203,77,1);
3290    }
3291    .scrolltop:hover, .scrolltop:focus {
3292        color: rgba(15,33,56,0.8);
3293        transition: all 0.2s ease-in-out;
3294    }
3295
3296    .scrolltop.free_scroll_top {
3297        bottom: 68px;
3298    }
3299</style>
3300<a id="backToTop" class="scrolltop " href="#">
3301    
3302        <!-- 원형 버튼 -->
3303            <i class="fad fa-arrow-alt-circle-up"></i>
3304    
3305</a>
3306
3307
3308
3309
3310
3311</div>
3312<footer class="SEC_footer SEC_footer_PC">
3313
3314            <style>
3315
3316#SEC_bf1c752pmtv65uq4{
3317    
3318    
3319
3320    
3321    
3322        padding-top: 20px;
3323        padding-bottom: 20px;
3324    
3325
3326    
3327    
3328}
3329
3330#SEC_bf1c752pmtv65uq4 .sec_bg_image_wrap .sec_bg_image {
3331    
3332    
3333
3334    
3335    
3336}
3337
3338#SEC_bf1c752pmtv65uq4 .sec_bg_image_wrap {
3339    
3340}
3341#SEC_bf1c752pmtv65uq4:hover .sec_bg_image_wrap .sec_bg_image,
3342#SEC_bf1c752pmtv65uq4:hover .sec_bg_image_wrap .sec_bg_color {
3343    
3344}
3345
3346
3347.SEC_header #SEC_bf1c752pmtv65uq4 {
3348    color: ;
3349}
3350
3351
3352.SEC_header #SEC_bf1c752pmtv65uq4._overlap_header {
3353    color: ;
3354}
3355
3356
3357.sec_body #SEC_bf1c752pmtv65uq4 {
3358    color: ;
3359}
3360
3361.SEC_footer #SEC_bf1c752pmtv65uq4 {
3362    color: ;
3363}
3364
3365
3366#SEC_bf1c752pmtv65uq4._overlap_header {
3367    
3368    
3369    background-image:none;
3370    
3371    background-size : cover;
3372    background-repeat : initial;
3373    background-attachment : initial;
3374}
3375
3376
3377#SEC_bf1c752pmtv65uq4 .sec_bg_color{
3378    
3379    background-color: rgba(255,255,255,1);
3380    
3381}
3382
3383
3384#SEC_bf1c752pmtv65uq4 .sec_border_top {
3385    
3386    
3387        border-top: 1px solid rgba(172,172,173,0.8);
3388    
3389}
3390
3391#SEC_bf1c752pmtv65uq4 .sec_border_bottom {
3392    
3393    
3394        border-bottom:none;
3395    
3396}
3397
3398
3399#SEC_bf1c752pmtv65uq4 .sec_layout_wrap {
3400    
3401    
3402        width: 80%;
3403    
3404
3405    
3406    
3407
3408    
3409    
3410        padding-right: 250px;
3411        padding-left: 250px;
3412    
3413
3414    
3415    
3416    
3417        padding-top: 1px;
3418    
3419
3420    
3421    
3422        padding-bottom: 0;
3423    
3424}
3425
3426#SEC_bf1c752pmtv65uq4 .sec_asideLeft{
3427    
3428    display: none;
3429
3430    
3431}
3432
3433#SEC_bf1c752pmtv65uq4 .sec_asideLeft .aside_container_wrap {
3434    
3435}
3436
3437#SEC_bf1c752pmtv65uq4 .sec_asideRight {
3438    
3439    display: none;
3440
3441    
3442}
3443
3444#SEC_bf1c752pmtv65uq4 .sec_asideRight .aside_container_wrap {
3445    
3446}
3447
3448#SEC_bf1c752pmtv65uq4 .sec_container_wrap {
3449    
3450    margin:0 auto;
3451    
3452
3453    
3454    
3455    width: 100%;
3456}
3457
3458#SEC_bf1c752pmtv65uq4 .ITEM_id {
3459    
3460    
3461        padding-left: 8px;
3462        padding-right: 8px;
3463    
3464
3465    
3466    
3467        padding-top: 3px;
3468        padding-bottom: 3px;
3469    
3470}
3471
3472
3473#SEC_bf1c752pmtv65uq4._overlap_header {
3474    
3475    background-image:;
3476}
3477#SEC_bf1c752pmtv65uq4._overlap_header .sec_bg_color{
3478    
3479    
3480    background-color: rgba(0,0,0,0);
3481    
3482}
3483
3484#SEC_bf1c752pmtv65uq4._overlap_header .sec_border_top {
3485    
3486    
3487    border-top: none;
3488    
3489}
3490
3491#SEC_bf1c752pmtv65uq4._overlap_header .sec_border_bottom {
3492    
3493    
3494        border-bottom: none;
3495    
3496}
3497
3498
3499#SEC_bf1c752pmtv65uq4._overlap_body .sec_hover_items {
3500    display:none;
3501}
3502
3503#SEC_bf1c752pmtv65uq4._overlap_header .sec_bg_image_wrap .sec_bg_image {
3504    
3505    
3506        background-image:none;
3507    
3508    background-size : cover;
3509    background-repeat : initial;
3510    background-attachment : initial;
3511
3512    
3513    
3514}
3515
3516
3517#SEC_bf1c752pmtv65uq4._overlap_header .sec_bg_image_wrap {
3518    
3519}
3520#SEC_bf1c752pmtv65uq4._overlap_header:hover .sec_bg_image_wrap .sec_bg_image,
3521#SEC_bf1c752pmtv65uq4._overlap_header:hover .sec_bg_image_wrap .sec_bg_color {
3522    
3523}
3524
3525</style>
3526
3527<section id="SEC_bf1c752pmtv65uq4" class="  _FOOTER SEC_id">
3528    <div class="sec_bg_image_wrap">
3529        <div class="sec_bg_image"></div>
3530        <div class="sec_bg_color"></div>
3531    </div>
3532
3533    <div class="sec_bg_video">
3534        
3535    </div>
3536    <div class="sec_border_top"></div>
3537    <div class="sec_border_bottom"></div>
3538    <div class="sec_layout_wrap clearfix">
3539        
3540        <div class="sec_container_wrap clearfix">
3541            
3542            <div class="sec_container  clearfix">
3543    
3544
3545    
3546    <div class="ITEM_group" style='width:100%'>
3547        
3548            
3549
3550
3551
3552    
3553        <div class="ITEM_id ITEM_id_normal clearfix"
3554             id='ITEM_bf1c752pmtv65uq7'
3555             style="height:auto"
3556             
3557        >
3558    
3559
3560    
3561        <style>
3562    .item_icon_wrap ul li {
3563    display: inline-block;
3564    vertical-align: middle;
3565}
3566
3567.item_icon_wrap ul li:last-child {
3568    margin-right: 0; /*리스트 마지막 아이콘 우측 마진값 강제 제거*/
3569}
3570.item_icon_cog_tab_content .animate_cog_wrap  {
3571    padding: 20px 30px;
3572}
3573
3574.item_icon_wrap ul li.icon_list_overlap_item {
3575    display: none;
3576}
3577    
3578
3579#ITEM_bf1c752pmtv65uq7 .item_icon_wrap { text-align: center; /*아이콘 정렬 좌/중/우 */ }
3580
3581#ITEM_bf1c752pmtv65uq7  .item_icon_wrap ul li {
3582    margin-right: 30px; /*아이콘 간격 설정값*/
3583}
3584
3585#ITEM_bf1c752pmtv65uq7 .icon_list li img {
3586    width:  40px; /*아이콘 크기 설정값 너비 높이 동일값 삽입 */
3587    height: 40px;
3588}
3589
3590
3591#ITEM_bf1c752pmtv65uq7 .icon_list li i {
3592    
3593    font-size:40px;
3594}
3595
3596
3597#ITEM_bf1c752pmtv65uq7 .icon_list_overlap_item {
3598    display:none;
3599}
3600
3601
3602#SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65uq7 .icon_list_overlap_item {
3603    display:inline-block;
3604}
3605
3606
3607#ITEM_bf1c752pmtv65uq7 .icon_list_default_item {
3608    display:inline-block;
3609}
3610
3611
3612#SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65uq7 .icon_list_default_item {
3613    display:none;
3614}
3615
3616
3617
3618
3619</style>
3620
3621
3622    <div class="item_icon_wrap over_hidden">
3623        <ul class="icon_list">
3624            
3625                
3626                <li class="icon_list_default_item">
3627                    
3628                    <a target="_blank"href="https://www.youtube.com/@%EB%AE%A4%EC%A7%81%EC%8A%A4%ED%8E%98%EC%85%9C">
3629                    
3630                        
3631                        
3632                            <i class="fas fas fa-play-circle" style="color: rgba(0,0,0,0.35)"></i>
3633                        
3634                    
3635                    </a>
3636                    
3637                </li>
3638                
3639                <li class="icon_list_overlap_item">
3640                    
3641                    <a target="_blank"href="https://www.youtube.com/@%EB%AE%A4%EC%A7%81%EC%8A%A4%ED%8E%98%EC%85%9C">
3642                        
3643                        
3644                        
3645                        <i class="fas fas fa-play-circle" style="color: rgba(0,0,0,1)"></i>
3646                        
3647                        
3648                    </a>
3649                    
3650                </li>
3651                
3652                
3653                <li class="icon_list_default_item">
3654                    
3655                    <a target="_blank"href="https://www.instagram.com/musicspecial_official/">
3656                    
3657                        
3658                        
3659                            <img class="" src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/176232733493125aparamhlo6yhf.png"/>
3660                        
3661                    
3662                    </a>
3663                    
3664                </li>
3665                
3666                <li class="icon_list_overlap_item">
3667                    
3668                    <a target="_blank"href="https://www.instagram.com/musicspecial_official/">
3669                        
3670                        
3671                        
3672                            <img class="" src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/176232733493125aparamhlo6yhf.png"/>
3673                        
3674                        
3675                    </a>
3676                    
3677                </li>
3678                
3679                
3680                <li class="icon_list_default_item">
3681                    
3682                    <a target="_blank"href="https://www.facebook.com/musicspecial.official">
3683                    
3684                        
3685                        
3686                            <img class="" src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/176232733490125aparamhlo6ygq.png"/>
3687                        
3688                    
3689                    </a>
3690                    
3691                </li>
3692                
3693                <li class="icon_list_overlap_item">
3694                    
3695                    <a target="_blank"href="https://www.facebook.com/musicspecial.official">
3696                        
3697                        
3698                        
3699                            <img class="" src="https://cdn.beanpage.com/Sa77wk1vhmhlo6sr9/176232733490125aparamhlo6ygq.png"/>
3700                        
3701                        
3702                    </a>
3703                    
3704                </li>
3705                
3706                
3707                <li class="icon_list_default_item">
3708                    
3709                    <a target="_blank"href="https://blog.naver.com/eduking486">
3710                    
3711                        
3712                        
3713                            <i class="fab fab fa-bootstrap" style="color: rgba(0,0,0,0.35)"></i>
3714                        
3715                    
3716                    </a>
3717                    
3718                </li>
3719                
3720                <li class="icon_list_overlap_item">
3721                    
3722                    <a target="_blank"href="https://blog.naver.com/eduking486">
3723                        
3724                        
3725                        
3726                        <i class="fab fab fa-bootstrap" style="color: rgba(0,0,0,1)"></i>
3727                        
3728                        
3729                    </a>
3730                    
3731                </li>
3732                
3733        </ul>
3734    </div>
3735
3736
3737    
3738
3739
3740</div>
3741
3742        
3743        <div class='clear'></div>
3744    </div>
3745
3746
3747    
3748</div>
3749            
3750            <div class="sec_container  clearfix">
3751    
3752
3753    
3754    <div class="ITEM_group" style='width:100%'>
3755        
3756            
3757
3758
3759
3760    
3761        <div class="ITEM_id ITEM_id_normal clearfix"
3762             id='ITEM_bf1c752pmtv65uro'
3763             style="height:auto"
3764             
3765        >
3766    
3767
3768    
3769        <style>
3770    .item_text {
3771    position: relative;
3772}
3773.item_text_bg_img {
3774    border-radius: inherit;
3775}
3776.item_text_bg_color {
3777    position: absolute;
3778    top: 0;
3779    left: 0;
3780    width: 100%;
3781    height: 100%;
3782    z-index: -1;
3783    border-radius: inherit;
3784}
3785
3786.item_text_content {
3787    text-align: left; /* 텍스트요소 컨텐츠가 기본 정렬은 왼쪽 */
3788    display: block;
3789    word-break: normal;
3790    word-wrap: break-word;
3791}
3792.item_text_info {
3793    font-size: 16px;
3794    line-height: 2;
3795    text-align: center;
3796    letter-spacing: 1px;
3797}
3798    
3799#ITEM_bf1c752pmtv65uro .item_text {
3800    
3801    border-radius: 0px;
3802    
3803    
3804
3805    
3806    padding-top: 10px;
3807    padding-bottom: 10px;
3808    padding-left: 10px;
3809    padding-right: 10px;
3810}
3811
3812
3813#SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65uro .item_text {
3814    
3815    
3816}
3817
3818
3819#ITEM_bf1c752pmtv65uro .item_text_bg_color {
3820    background-color: rgba(225,225,255,0);
3821
3822    
3823    border-radius: 0px;
3824}
3825
3826
3827#SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65uro .item_text_bg_color {
3828    background-color: rgba(225,225,255,0);
3829
3830    
3831    border-radius: 0px;
3832}
3833
3834
3835
3836
3837    #ITEM_bf1c752pmtv65uro .item_text_content {
3838        
3839        line-height: 1.8;
3840    }
3841
3842
3843
3844    #ITEM_bf1c752pmtv65uro .item_text_content {
3845        
3846        letter-spacing: px;
3847    }
3848
3849
3850
3851
3852    #SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65uro .item_text_content {
3853        color: rgba(0,0,0,255)
3854    }
3855    #SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65uro .item_text_content font {
3856        color: rgba(0,0,0,255)
3857    }
3858
3859
3860</style>
3861
3862
3863<div class="item_text_wrap">
3864    <div class="item_text over_hidden">
3865        
3866            <div class="item_text_bg_img"></div>
3867            <div class="item_text_bg_color"></div>
3868            <div class="item_text_content styled_text">
3869                
3870                <div style="text-align: center; "><span style="font-size: 16px;"></span><font face="Arial, sans-serif" style="font-size: 16px; color: rgb(51, 50, 50);"><span style="font-size: 16px;">Tel. 02-2135-1759&nbsp;</span></font><font face="Arial, sans-serif" style="font-size: 16px; color: rgb(51, 50, 50);"><span style="font-size: 16px;">│</span></font><font face="Arial, sans-serif" style="font-size: 16px; color: rgb(51, 50, 50);"><span style="font-size: 16px;">&nbsp;</span></font><font face="Arial, sans-serif" style="font-size: 16px; color: rgb(51, 50, 50);"><span style="font-size: 16px;">Fax. 02-2135-1769&nbsp;</span></font><span style="color: rgb(51, 50, 50); font-family: Arial, sans-serif; font-size: 16px;">│</span><span style="color: rgb(51, 50, 50); font-family: Arial, sans-serif; font-size: 16px;">&nbsp;[email protected]</span></div><div style="text-align: center;"><div><font style="font-size: 16px;" color="#333232"><span style="font-family: Arial, sans-serif; font-size: 16px;">회사명:(주)케이메타│</span><span style="font-family: Arial, sans-serif; font-size: 16px;">대표:김훈규│</span><span style="font-size: 16px;">서울시 강서구 화곡로64길28&nbsp;</span></font></div><div><font color="#333232"><font style="font-size: 16px;"><span style="font-family: Arial, sans-serif; font-size: 16px;">사업자번호:509-81-04837│통신판매번호:</span><span style="font-family: Arial, sans-serif; font-size: 16px;">&nbsp;</span></font><span style="font-size: 16px;">2016-서울강서-0447호</span></font></div><div><font face="Arial, sans-serif" color="#333232"><span style="font-size: 16px;">
3870Hosting by KMETA,.Ltd</span></font></div></div>
3871            </div>
3872            
3873    </div>
3874</div>
3875
3876
3877    
3878
3879
3880</div>
3881
3882        
3883        <div class='clear'></div>
3884    </div>
3885
3886
3887    
3888</div>
3889            
3890            <div class="sec_container  clearfix">
3891    
3892
3893    
3894    <div class="ITEM_group" style='width:100%'>
3895        
3896            
3897
3898
3899
3900    
3901        <div class="ITEM_id ITEM_id_normal clearfix"
3902             id='ITEM_bf1c752pmtv65ury'
3903             style="height:auto"
3904             
3905        >
3906    
3907
3908    
3909        <style>
3910    .item_text {
3911    position: relative;
3912}
3913.item_text_bg_img {
3914    border-radius: inherit;
3915}
3916.item_text_bg_color {
3917    position: absolute;
3918    top: 0;
3919    left: 0;
3920    width: 100%;
3921    height: 100%;
3922    z-index: -1;
3923    border-radius: inherit;
3924}
3925
3926.item_text_content {
3927    text-align: left; /* 텍스트요소 컨텐츠가 기본 정렬은 왼쪽 */
3928    display: block;
3929    word-break: normal;
3930    word-wrap: break-word;
3931}
3932.item_text_info {
3933    font-size: 16px;
3934    line-height: 2;
3935    text-align: center;
3936    letter-spacing: 1px;
3937}
3938    
3939#ITEM_bf1c752pmtv65ury .item_text {
3940    
3941    border-radius: 0px;
3942    
3943    
3944
3945    
3946    padding-top: 10px;
3947    padding-bottom: 10px;
3948    padding-left: 10px;
3949    padding-right: 10px;
3950}
3951
3952
3953#SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65ury .item_text {
3954    
3955    
3956}
3957
3958
3959#ITEM_bf1c752pmtv65ury .item_text_bg_color {
3960    background-color: rgba(225,225,255,0);
3961
3962    
3963    border-radius: 0px;
3964}
3965
3966
3967#SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65ury .item_text_bg_color {
3968    background-color: rgba(225,225,255,0);
3969
3970    
3971    border-radius: 0px;
3972}
3973
3974
3975
3976
3977
3978
3979    #ITEM_bf1c752pmtv65ury .item_text_content {
3980        
3981        letter-spacing: px;
3982    }
3983
3984
3985
3986
3987    #SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65ury .item_text_content {
3988        color: rgba(0,0,0,255)
3989    }
3990    #SEC_bf1c752pmtv65uq4._overlap_header #ITEM_bf1c752pmtv65ury .item_text_content font {
3991        color: rgba(0,0,0,255)
3992    }
3993
3994
3995</style>
3996
3997
3998<div class="item_text_wrap">
3999    <div class="item_text over_hidden">
4000        
4001            <div class="item_text_bg_img"></div>
4002            <div class="item_text_bg_color"></div>
4003            <div class="item_text_content styled_text">
4004                
4005                <div style="text-align: center;"><font style="font-size: 14px;" color="#424242"><span style="font-size: 13px;">ⓒ 2015 All Rights Reserved</span></font></div>
4006            </div>
4007            
4008    </div>
4009</div>
4010
4011
4012    
4013
4014
4015</div>
4016
4017        
4018        <div class='clear'></div>
4019    </div>
4020
4021
4022    
4023</div>
4024            
4025        </div>
4026
4027    </div>
4028</section>
4029
4030            
4031
4032</footer>
4033
4034
4035<script type="text/javascript">
4036    var MAIN_URL = 'https://beanpage.com/';
4037	var PHP_URL = 'https://php.beanpage.com/';
4038	var CURRENT_SITE_CODE = 'Sa77wk1vhmhlo6sr9';
4039    var RESELLER_SITE_CODE = 'Sv1dvs6axjwigwg7v';
4040    var SADMIN_SITE_CODE = 'S5c8b578a524ea';
4041	var STATIC_URL = 'https://static.beanpage.com/';
4042	var TEST_SERVER ='N';
4043    var TEST_SERVER2 ='N';
4044	var IS_MOBILE = 'N';
4045    var FROM_APP = '';
4046	
4047	var COCOAM_LOGIN_URL = 'https://cocoam.co.kr/proc_beanpage_login.cm';
4048    
4049	var CURRENT_LOCALE_CODE = 'ko';
4050    var CURRENT_CURRENCY_DATA = {"name":"대한민국 원","char":"원","char_pos":"right","thousandsSeparator":",","centsSeparator":".","prefix":"","suffix":"<span>원</span>","centsLimit":0};
4051    var REQUEST_URL = '/20';
4052</script>
4052
4053
4054
4055<script src="https://static.beanpage.com/js_extra/polyfill.js?v=d3bce5169f7928ac4f89b11a7270bce1"></script>
4055 
4056<script src='https://static.beanpage.com/js_extra/jquery-3.3.1.min.js?v=a09e13ee94d51c524b7e2a728c7d4039'></script>
vendor: 1 bytes, line 4056
4056
4057<script src="https://static.beanpage.com/js_extra/jquery-ui.js?v=f72c798b7ea085409f439b3e492d266c"></script>
vendor: 1 bytes, line 4057
4057
4058<script src="https://static.beanpage.com/js_extra/bootstrap.min.js?v=2f34b630ffe30ba2ff2b91e3f3c322a1"></script>
vendor: 1 bytes, line 4058
4058
4059<script src="/locales/js/ko.js?v=be133c9305ab87796d8196764182f080"></script>
4059 
4060<script src="https://static.beanpage.com/js/beanpage_common.js?v=ef79dd290870e581550c28aa4a1b531a"></script>
vendor: 1 bytes, line 4060
4060
4061<script src="https://static.beanpage.com/js/site_section.js?v=67a6d44b2a1c51912a79a15576899881"></script>
vendor: 1 bytes, line 4061
4061
4062<script src="https://static.beanpage.com/js/site_item.js?v=ad8be213a4ceca7f7f5d4adbf93391ed"></script>
vendor: 1 bytes, line 4062
4062
4063<script src="https://static.beanpage.com/js/site_modal.js?v=3d70d90c1f482f61fa46a7f6056b4a30"></script>
vendor: 1 bytes, line 4063
4063
4064<script src='https://static.beanpage.com/js/site_popup.js?v=91e564ecbaef9c476f395ca3fad40518'></script>
4064 
4065<script src='https://static.beanpage.com/js/bean_smooth_fixed.js?v=c6d0c51e7e7adb72f9f024fe38ac1461'></script>
4065
4066
4067
4068
4069<script src="https://static.beanpage.com/js_extra/jquery.bxslider.min.js?v=f130375f5935e8f531768329cd08b017"></script>
4069
4070
4071
4072<script type='text/javascript' src="https://static.beanpage.com/js/bean_number.js?v=d6c014864372f2ce31a26178a81922b6?v=d6c014864372f2ce31a26178a81922b6"></script>
vendor: 1 bytes, line 4072
4072
4073<script type='text/javascript' src="https://static.beanpage.com/js_extra/jquery.number.min.js?v=7c3be98cbf691c6b3008b969c7841263?v=7c3be98cbf691c6b3008b969c7841263"></script>
4073
4074
4075
4076<script type='text/javascript' src="https://static.beanpage.com/js/bean_animate.js?v=f1144ada74fe8cf5719733801145b413"></script>
4076
4077
4078
4079<script type='text/javascript' src="https://static.beanpage.com/js/bean_lazy_load.js?v=d8b93ce61825911bdaad93b202063e7c"></script>
4079
4080
4081
4082
4083
4084    
4085
4086    
4087
4088    
4089        
4089<script src="https://static.beanpage.com/js/site_item_header_menu.js?v=d7e173a4fc9b7cb865297bbcd48f8261"></script>
4089
4090        
4091
4092    
4093            
4093<script src="https://static.beanpage.com/js/site_item_header_login.js?v=a22003975f27c8ac11ebf7422e1cc735"></script>
4093
4094        
4095
4096    
4097
4098    
4099
4100    
4101
4102    
4103
4104
4105
4106
4107
4108
4109
4110
4111
4112
4113
4114    
4114<script src="https://static.beanpage.com/js_extra/jquery.colorbox-min.js?v=663dd01c8e3859c4aa97cf088c49a64e"></script>
4114
4115    
4115<script src="https://static.beanpage.com/js/bp_colorbox.js?v=1eb208405a7e8f108438c2bbf80e9158"></script>
4115
4116
4117
4118
4119
4120
4121
4122
4123
4124
4125
4126
4127
4128
4129
4130
4131
4132    
4132<script src="https://static.beanpage.com/js_extra/jquery-ui.menu.js?v=fb29133e70269ea3eb49e845d2da2ae0"></script>
4132
4133
4134
4135
4136
4137
4138
4139
4140
4141
4142
4143
4144
4145
4146<script type='text/javascript' src="https://static.beanpage.com/js/bean_bookmark.js?v=6f9e01d5905d16b1d596b892eb82ec58"></script>
4146
4147
4148
4149
4150
4151
4152
4153
4154
4155
4156
4157
4158<script type='text/javascript'>
4159    SITE_HEADER_MENU.init('ITEM_bf1c752pmtv65upo');
4160SITE_HEADER_LOGIN.init('ITEM_bf1c752pmtv65upq');
4161
4162					$(window).off('scroll.topButton').on('scroll.topButton', function () {
4163						if ($(this).scrollTop() > 100) {
4164							$('#backToTop').fadeIn(500);
4165						} else {
4166							$('#backToTop').fadeOut('slow');
4167						}
4168					});
4169					$('#backToTop').click(function (e) {
4170						e.preventDefault();
4171						$('html, body').animate({scrollTop: 0}, 200);
4172					});
4173				
4174BEAN_ANIMATE.init(true);
4175SITE_SECTION.initScrollFixed();
4176
4177    
4178	$(document).ready(function(){
4179		initPopOver();
4180	});
4181</script>
4181
4182
4183
4184
4185
4186<div class="site_extra_talk">
4187    
4188    
4189
4190    
4191    
4192</div>
4193
4194
4195
4196
4197
4198
4199
4200
4201
4202
4203
4204
4205
4206
4207
4208
4209</body>
4210</html>
4211
4212

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.