COMPONENT GUIDE

Teacher

¼±»ý´Ô

¸Þ°¡°ø¹«¿øÀÇ °­»ç ¼±»ý´Ôµé°ú °ü·ÃµÈ ÆäÀÌÁö¿¡¼­ ÁÖ·Î »ç¿ëµÇ´Â ¿ä¼ÒµéÀÔ´Ï´Ù.
ÇØ´ç ¿ä¼ÒÀÇ µðÀÚÀÎ ¹× ¾ç½ÄÀº °øÅëÈ­ µÇ¾îÀÖÀ¸¹Ç·Î Ưº°ÇÑ »çÀ¯°¡ ÀÖ´Â °æ¿ì¸¦ Á¦¿ÜÇÏ°í º» ±Ô°Ý¾ç½ÄÀ» µû¸£´Â °ÍÀ» ¿øÄ¢À¸·Î ÇÕ´Ï´Ù.


¼±»ý´Ô ¸ñ·Ï

¸Þ°¡°ø¹«¿øÀÇ ¼±»ý´Ô ÆäÀÌÁö¿¡¼­ ÁÖ·Î »ç¿ëµÇ´Â ¿ä¼Ò ¾ç½ÄÀÔ´Ï´Ù.
ÅÇ Çü½ÄÀ¸·Î ±¸ºÐµÇ¸ç, ÇØ´ç ÅÇÀÇ °ú¸ñ¿¡ µû¸¥ ¼±»ý´Ô ¸ñ·ÏÀÌ »ç¿ëÀÚ¿¡°Ô Á¦°øµË´Ï´Ù.
¸ñ·ÏÀ» Ŭ¸¯Çϸé ÇØ´ç °­»ç ¼±»ý´ÔÀÇ °³ÀÎÆäÀÌÁö·Î À̵¿µÇ¸ç Ä¿¸®Å§·³¿¡ °üÇÑ ´õ ¸¹Àº Á¤º¸¸¦ Á¦°ø¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.




                
                
EXAMPLE
  • #°­»ç¸ñ·Ï

  • #°­»çȨ

  • #ÅÇ

Ȩ

BEST ¼ö°­Èıâ

´õº¸±â
Çѱ¹»ç/ÇÑ´É°â ÀüÇѱæ

¸Þ°¡°ø¹«¿øÀÇ °­»çȨ ÆäÀÌÁö¿¡¼­ »ç¿ëµÇ´Â ±â´ÉÀÔ´Ï´Ù.
°­»ç ¼±»ý´ÔÀÇ °³ÀÎ ÇÁ·ÎÇÊ ¹× °ü·Ã ¿µ»ó, ¼ö°­Èı⠵îÀÇ Á¤º¸¸¦ È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù.
¶ÇÇÑ °ü·Ã À̺¥Æ® ¹è³Ê°¡ Çϴܺο¡ Ç¥±âµÇ¾î ´Ù¾çÇÑ À̺¥Æ® Á¤º¸¸¦ Á¦°ø¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
À̺¥Æ® ¹è³Ê´Â °¡·Î 280pxÀ» ±âº»À¸·Î ÇÏ¸ç ¼¼·Î´Â ÃÖ¼Ò 100px¿¡¼­ ÃÖ´ë 114px¸¦ ³ÑÁö ¾Êµµ·Ï ÇÕ´Ï´Ù.

°­»çȨ ¹è³Ê °¡À̵å

¼¼·Î »çÀÌÁî 114pxÀÇ À̺¥Æ® ¹è³Ê¸¦ Á¦ÀÛÇÒ °æ¿ì, À§ÀÇ °¡À̵å¶óÀÎÀ» ÁؼöÇØ¾ß ÇÕ´Ï´Ù.

BEST ¼ö°­Èıâ

´õº¸±â
Çѱ¹»ç/ÇÑ´É°â ÀüÇѱæ
var tecTopmenu = undefined;
function initTopmenuSwiper() {
    if ($(window).width() <= 768 && tecTopmenu === undefined)  {
        tecTopmenu = new Swiper('.tec_topmenu_swiper', {
            slidesPerView: 'auto',
            observer: true,
            observeParents: true,
            observeSlideChildren: true,
            on: {
                init: function(){
                    $('.tec_topmenu_wrap').addClass('active');
                }
            },
        });
        var tecTopmenu_index = $('.tec_topmenu_swiper .swiper-slide.on').index();
        if (tecTopmenu_index) {
            tecTopmenu.slideTo(tecTopmenu_index, 0)
        }
    } else if ($(window).width() > 768 && tecTopmenu != undefined) {
        tecTopmenu.destroy();
        tecTopmenu = undefined;
    }
}

$(window).on('load resize', function(){
    initTopmenuSwiper();    
});

var cast_slider_cnt = $(".cast_wrap .cast_slider > div .item").length;
if (cast_slider_cnt > 1) {
    var cast_slider = $('.cast_wrap .cast_slider > div').slick({
        infinite: true,
        speed: 200,
        autoplay: false,
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: true,
        arrows: true,
        easing: 'easeOutElastic',
    });
}

$('#floSlider').slick({
    dots: true,
    arrows: false,
    speed: 0,
    autoplaySpeed: 3000,
    autoplay: true,
    cssEase: 'linear',
});
EXAMPLE
  • #°­»çȨ

  • #ÇÁ·ÎÇÊ

  • #°³ÀÎȨ

Ȩ ¹è³Ê

¸Þ°¡°ø¹«¿øÀÇ °­»çȨ ÆäÀÌÁö¿¡¼­ »ç¿ëµÇ´Â ¹è³Ê ±â´ÉÀÔ´Ï´Ù.
ÁÖ·Î ÇØ´ç °­»ç ¼±»ý´ÔÀÇ ±âȹÀü ÆäÀÌÁö ȤÀº °­Á ÆäÀÌÁö·Î ¿¬°áµÇ¸ç ÀÏÁ¤ ½Ã°£¸¶´Ù ÀÚµ¿ ·Ñ¸µµË´Ï´Ù.

var bnnr_slider_cnt = $(".tcbanner_slider .item").length;
if (bnnr_slider_cnt > 1) {
    var tcbanner_slider = $('.tcbanner_slider').slick({
        infinite: true,
        speed: 300,
        autoplaySpeed:5000,
        autoplay: true,
        slidesToShow: 2,
        slidesToScroll: 1,
        dots: false,
        arrows: true,
        easing: 'easeOutElastic',
        prevArrow: $('.tcbannerZin .controlBox .slick-prev'),
        nextArrow: $('.tcbannerZin .controlBox .slick-next'),
        responsive: [
            {
                breakpoint: 1201,
                settings: {
                    dots: true,
                }
            },
            {
                breakpoint: 993,
                settings: {
                slidesToShow: 1,
                    dots: true,
                }
            }
            ]
    });
} else {
    $("#th_controlBox").hide();
}
EXAMPLE
  • #°­»çȨ

  • #¹è³Ê

  • #¸µÅ©¿¬°á

»õ¼Ò½Ä, ¼ö°­Èıâ

¸Þ°¡°ø¹«¿øÀÇ °­»çȨ ÆäÀÌÁö¿¡¼­ »ç¿ëµÇ´Â ¸®½ºÆ® ±â´ÉÀÔ´Ï´Ù.
°­»ç ¼±»ý´ÔÀÌ ÀÛ¼ºÇÑ ¼Ò½Ä ³»¿ëÀ̳ª ¼ö°­»ýµéÀÌ ÀÛ¼ºÇÑ ¼ö°­ÈıâµéÀ» È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù.

°­»ç ¼±»ý´ÔÀÌ ÀÛ¼ºÇÑ »õ¼Ò½ÄÀÇ °æ¿ì, °Ô½Ã±ÛÀÇ Á¾·ù¿¡ µû¶ó Çʵ¶, À̺¥Æ®, °øÁö µîÀ¸·Î ³ª´µ¾î ¾ÆÀÌÄÜÀÌ Ç¥±âµË´Ï´Ù.
¶ÇÇÑ ÃÖ±Ù¿¡ ÀÛ¼ºµÈ »õ¼Ò½Ä ȤÀº ¼ö°­ÈıâÀÇ °æ¿ì Á¤ÇØÁø ±â°£µ¿¾È New ¾ÆÀÌÄÜÀÌ ºÙ°Ô µË´Ï´Ù.



                
                
EXAMPLE
  • #°­»çȨ

  • #¸®½ºÆ®

  • #»õ¼Ò½Ä

Ä¿¸®Å§·³

°­»çÄÁÅÙÃ÷

´ëÇѹα¹ ¼öÇè»ý 100¸¸¸íÀÇ ¼±ÅÃ!*
110% ÀÌ·Ð+½ÇÀü ¿Ï¼º
½Å¿ëÇÑ ÇàÁ¤ÇÐ&Áö¹æÀÚÄ¡·Ð ÇÕ°Ý °¡À̵å

100% ÇÕ°ÝÀ» º¸ÀåÇÏ´Â Á¤±Ô Ä¿¸®Å§·³ ¿µ»ó Ä¿¸®Å§·³

ÇнÀ´Ü°è 9±Þ °ø¹«¿ø 7±Þ °ø¹«¿ø
ºóÆ´¾ø´Â
À̷пϼº
[90Á¡ ¿Ï¼º]
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP1.
À̷пϼº: All-in-one
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP2.
±âÃ⹮Ǯ: 10ÀÏ 2000Á¦
+ÇÙ½ÉOX 500Á¦
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP3.
¾ÐÃàÁ¤¸®:ÇÕ°ÝÀÇ 24½Ã°£
½Å¿ëÇÑ 7±Þ
Áö¹æÀÚÄ¡·Ð
All-in-one
¿Ïº®À» ¸¸µå´Â
½ÇÀü¿¬½À
[100Á¡ ¿Ï¼º]
±¹°¡Á÷ ÁýÁßON
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP4.
¸ðÀÇ°í»ç:(1)¾àÁ¡°ø·«
±¹°¡Á÷ ÁýÁßON
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP4.
¸ðÀÇ°í»ç:(2)±¹°¡Á÷ Àü¹üÀ§
Áö¹æÁ÷ ÁýÁßON
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP5.
¸ðÀÇ°í»ç:Áö¹æÁ÷ Àü¹üÀ§
½Å¿ëÇÑ 7±Þ
½ÃÇè Á÷Àü ¸ðÀÇ°í»ç
ÇнÀ´Ü°è ºóÆ´¾ø´Â À̷пϼº
[90Á¡ ¿Ï¼º]
¿Ïº®À» ¸¸µå´Â ½ÇÀü ¿¬½À
[100Á¡ ¿Ï¼º]
9±Þ °ø¹«¿ø ½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP1.
À̷пϼº: All-in-one
±¹°¡Á÷ ÁýÁßON
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP4.
¸ðÀÇ°í»ç:(1)¾àÁ¡°ø·«
±¹°¡Á÷ ÁýÁßON
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP4.
¸ðÀÇ°í»ç:(2)±¹°¡Á÷ Àü¹üÀ§
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP2.
±âÃ⹮Ǯ: 10ÀÏ 2000Á¦
+ÇÙ½ÉOX 500Á¦
Áö¹æÁ÷ ÁýÁßON
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP5.
¸ðÀÇ°í»ç:Áö¹æÁ÷ Àü¹üÀ§
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP3.
¾ÐÃàÁ¤¸®:ÇÕ°ÝÀÇ 24½Ã°£
7±Þ °ø¹«¿ø ½Å¿ëÇÑ 7±Þ
Áö¹æÀÚÄ¡·Ð
All-in-one
½Å¿ëÇÑ 7±Þ
½ÃÇè Á÷Àü ¸ðÀÇ°í»ç

110% ÇÕ°ÝÀ¸·Î ¸¶À½À» ¾È½É½ÃÅ°´Â Ư°­

ºóÃâÁÖÁ¦ 9/7±Þ °ø¹«¿ø
¹ý·ÉƯ°­ ½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP1.
½ÃÇèºóÃâ&°³Á¤¹ý·É Ư°­
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP2.
½ÃÇè Á÷Àü ÃֽŠ°³Á¤¹ý·É Ư°­
±âÃâƯ°­ ½Å¿ëÇÑ ÇàÁ¤ÇÐ All-STEP
ÃֽŠ1°³³â ´Ü¿øº° ±âÃâ Ư°­
ÇнÀ´Ü°è ¹ý·ÉƯ°­ ±âÃâƯ°­
9/7±Þ
°ø¹«¿ø
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP1.
½ÃÇèºóÃâ&°³Á¤¹ý·É Ư°­
½Å¿ëÇÑ ÇàÁ¤ÇÐ All-STEP
ÃֽŠ1°³³â ´Ü¿øº° ±âÃâ Ư°­
½Å¿ëÇÑ ÇàÁ¤ÇÐ STEP2.
½ÃÇè Á÷Àü ÃֽŠ°³Á¤¹ý·É Ư°­

*2012³â 4¿ù~2021³â 9¿ù ÇàÁ¤ÇÐ/Áö¹æÀÚÄ¡·Ð ½Å¿ëÇÑ ±³Àç Ãâ°íºÎ¼ö
(ÆǸſëÃâ°í+ÁõÁ¤¿ëÃâ°í+ºñ¸ÅÇ° Ãâ°í Æ÷ÇÔ)

¸Þ°¡°ø¹«¿øÀÇ °­»çȨ ¹× ´Ù¾çÇÑ À̺¥Æ® ÆäÀÌÁö¿¡¼­ »ç¿ëµÇ´Â Ä¿¸®Å§·³ ¾ç½ÄÀÔ´Ï´Ù.
À̹ÌÁö ÀÚ·á¿Í Ç¥, ¿µ»óÀ» ¹ÙÅÁÀ¸·Î ¼ö°­ °ú¸ñÀÇ Ä¿¸®Å§·³ Á¤º¸¸¦ Á¦°øÇÏ°í ÀÖ½À´Ï´Ù.



                
                
EXAMPLE
  • #°­»çȨ

  • #Ä¿¸®Å§·³

  • #Ç¥

°­Á ¸ñ·Ï

°ú¸ñ

±¸ºÐ

ÇнÀ´Ü°è

MEGA¡¯S PICK!

<Çѱ¹»ç> ÆÄÀ̳ÎÀ» À§ÇÑ ÇÑ±æ »ùÀÇ ½Å±Ô°­ÁÂ

¸Þ°¡°ø¹«¿øÀÇ ´Ù¾çÇÑ ÆäÀÌÁö¿¡¼­ »ç¿ëµÇ´Â °­Á ¸®½ºÆ®ÀÔ´Ï´Ù.
¸®½ºÆ®¸¦ ÅëÇØ °­ÁÂÀÇ Á¦¸ñ, ´ã´ç ¼±»ý´ÔÀÇ ¼ºÇÔ, ±³Àç Á¤º¸, °¡°Ý Á¤º¸¸¦ ÇÑ ´«¿¡ È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù.

<% area_max = 1 dom_cd = "4" sub_cd = "" sel_type = "" chr_cd = "" grp_cd = "634" grp_ord = "N" chr_tab = "N" '°ú¸ñ/´Ü°èÅÇ »ç¿ë chr_tec = "N" '¼±»ý´Ô ¿µ¿ª »ç¿ë chr_type = "s" '°­Á±¸ºÐ(s : °ú¸ñº°, m : ´Ü°èº°, k : °æÇà°æä, f : ¹«·á°­ÀÇ, e : gÇؼ³°­ÀÇ) - ÆäÀÌÁö »óȲ ¸Ã°Ô »ç¿ë chr_title = "" chr_bnr = "" chr_ajax = "/common/chr/chrlist_ax.asp" chr_para = "chr_tab=" & chr_tab & "&chr_tec=" & chr_tec & "&sel_type=" & sel_type & "&dom_cd=" & dom_cd & "&chr_type=" & chr_type & "&sub_cd=" & sub_cd chr_plus = "&grp_cd=" & grp_cd & "&grp_ord=" & grp_ord & "&chr_cd=" & chr_cd %> <!-- #'include virtual = "/common/chr/chrlist_inc.asp"-->
EXAMPLE
  • #°­»çȨ

  • #°­Á¸®½ºÆ®

  • #°­Á¸ñ·Ï