$(document).ready(function () { load_document(); // Çì´õ À̺¥Æ® ¿µ¿ª tab_menu(); // ÅǸ޴º À̺¥Æ® ¿µ¿ª layer_popup(); // ·¹À̾î Æ˾÷ À̺¥Æ® loginpop(); // ·Î±×ÀÎ Æ˾÷ À̺¥Æ® }); // ¹®¼­ ·Îµå¿µ¿ª function load_document() { headtop_field(); // Çì´õ Æ˾÷ À̺¥Æ® allmenu_btn(); // ¿Ã¸Þ´º ¹öÆ° À̺¥Æ® dep_link(); // 1µª½º Ŭ¸¯ À̺¥Æ® quick_menu(); // Äü¸Þ´º À̺¥Æ® ¿µ¿ª /*// Çì´õÆ˾÷ $('.headtop_field').load('headtop_field.html .headtop , .headtop_btn', function () { headtop_field() // Çì´õ Æ˾÷ À̺¥Æ® }) // Çì´õ $('.header').load('header.html .header .header_inner , .layer_popup', function () { allmenu_btn() // ¿Ã¸Þ´º ¹öÆ° À̺¥Æ® layer_popup() // ·¹À̾î Æ˾÷ À̺¥Æ® }) // ¼­ºêÇì´õ $('.header.header_type01').load('header_type01.html .header.header_type01 .header_inner , .layer_popup', function () { allmenu_btn() // ¿Ã¸Þ´º ¹öÆ° À̺¥Æ® dep_link() // 1µª½º Ŭ¸¯ À̺¥Æ® layer_popup() // ·¹À̾î Æ˾÷ À̺¥Æ® }) // ¼­ºêÇì´õ $('.header.header_type02').load('header_type02.html .header.header_type02 .header_inner , .layer_popup', function () { allmenu_btn() // ¿Ã¸Þ´º ¹öÆ° À̺¥Æ® dep_link() // 1µª½º Ŭ¸¯ À̺¥Æ® layer_popup() // ·¹À̾î Æ˾÷ À̺¥Æ® }) // Äü¸Þ´º $('.quick_menu_wrap').load('aside.html .quick_menu_inner', function () { quick_menu() // Äü¸Þ´º À̺¥Æ® ¿µ¿ª }) // ¼­ºêÄü¸Þ´º $('.quick_menu_wrap.type01').load('aside_type01.html .quick_menu_inner') // ¼­ºêºñÁÖ¾ó (°³ÀÎ) $('.content_service_wrap').load('sub_main_visual_personal.html .container') // ¼­ºêºñÁÖ¾ó (»ç¾÷ÀÚ) $('.content_service_wrap.type1').load('sub_main_visual_operator.html .container') // ºê·¡µåÅ©·³ $('.breadcrumb_area').load('bread_crumb.html ol') // ÅǸ޴º $('.tab_menu_area').load('tab_menu.html ul', function () { tab_menu() }) // ǪÅÍ¿µ¿ª $('.footer').load('footer.html .footer .footer_inner')*/ } // Äü¸Þ´º sticky ¿µ¿ª function quick_menu() { $('.quick_menu_wrap .quick_list [data-list-target]').parent().nextAll().css('display', 'none'); $('.quick_menu_wrap .btn_wrap .btn_more').on('click', function () { var quick_list = $('.quick_menu_wrap .quick_list [data-list-target]').parent().next().attr('style'); if (quick_list == 'display: none;') { $('.quick_menu_wrap .quick_list [data-list-target]').parent().nextAll().css('display', 'block'); $(this).addClass('active').children().text('¼û±â±â'); } else if (quick_list == 'display: block;') { $('.quick_menu_wrap .quick_list [data-list-target]').parent().nextAll().css('display', 'none'); $(this).removeClass('active').children().text('´õº¸±â'); } }); $('.quick_menu_wrap .btn_top').off().on('click', function (e) { e.preventDefault(); $('html,body').animate({ scrollTop: 0 }); }); } // 1µª½º Ŭ¸¯ À̺¥Æ® function dep_link() { $('.header.header_type01 .dep_list > ul > li > a').on('click', function () { $('.header.header_type01 .dep_list > ul > li > a').removeClass('on') $(this).addClass('on') }) } function dep_type01() { $('.header.header_type01 .dep_list > ul > li:first-child > a').addClass('on') } function dep_type02() { $('.header.header_type01 .dep_list > ul > li:first-child').next().children().addClass('on') } // ÅǸ޴º function tab_menu() { $('.tab_menu_area > ul > li > a').on('click', function (e) { // ÅǸ޴º ³»¿ë //e.preventDefault(); $('.tab_menu_area > ul > li').removeClass('active') $(this).parent().addClass('active') var all_btn = $('.tab_menu_area > ul > li:first-child > a')[0] var btn_this = $(this)[0] var btn_active = $(this).data().tabBtn; if (all_btn == btn_this) { $('html,body').animate({ scrollTop: 0 }) } else { var content_offset = $('[data-content=' + btn_active + ']').offset().top console.log(content_offset); $('html,body').animate({ scrollTop: content_offset - 50 }) } // breadcrumb ÅؽºÆ® º¯°æ /*if(btn_active == 'ALL') $('.breadcrumb_area > ol > li').last().text('Àüü'); else if(btn_active == 'A01' || btn_active == 'B01') $('.breadcrumb_area > ol > li').last().text('Á¶È¸'); else if(btn_active == 'A02' || btn_active == 'B02') $('.breadcrumb_area > ol > li').last().text('Áõ¸í¼­ µî ¹ß±Þ'); else if(btn_active == 'A03' || btn_active == 'B03') $('.breadcrumb_area > ol > li').last().text('½Å°í/½Åû'); else if(btn_active == 'A04') $('.breadcrumb_area > ol > li').last().text('°¡ÀÔÁö¿ø ¡¤ ½Å°í¼¾ÅÍ');*/ // ÄÁÅÙÃ÷ ³»¿ë // var btn_data = $(this).data().tabBtn // $('.tab_content_area > ul > li > .tab_content').removeClass('on') // $(this).closest('.tab_menu_area').siblings('.tab_content_area').find('[data-content=' + btn_data + ']').addClass('on') }) } // allmenu ¹öÆ° ¿µ¿ª function allmenu_btn(type) { // s 221228 ¼öÁ¤ if(type){ $('.layer_popup').addClass('on'); if($('.tab_list').css('display') == 'block'){ // °³Àμ­ºñ½º if(type == 'p'){ $('.btn_tab').first().trigger('click'); $('.tab_list').hide(); $('.btn_allmenu_close').parent().hide(); // »ç¾÷Àå¼­ºñ½º } else if(type == 'c'){ $('.btn_tab').last().trigger('click'); $('.tab_list').hide(); $('.btn_allmenu_close').parent().hide(); } } else { // °³Àμ­ºñ½º if(type == 'p'){ if($('.layer_popup .tab_list li').first().hasClass('active')){ $('.layer_popup').removeClass('on'); $('.layer_popup .tab_list li').removeClass('active'); } else { $('.btn_tab').first().trigger('click'); } // »ç¾÷Àå¼­ºñ½º } else if(type == 'c'){ if($('.layer_popup .tab_list li').last().hasClass('active')){ $('.layer_popup').removeClass('on'); $('.layer_popup .tab_list li').removeClass('active'); } else { $('.btn_tab').last().trigger('click'); } // Àüü¸Þ´º } else if(type == 'all'){ $('.btn_tab').first().trigger('click'); $('.tab_list').show(); $('.btn_allmenu_close').parent().show(); } } } // e 221228 ¼öÁ¤ } // À©µµ¿ì Æ˾÷ function window_popup() { window.open('window_popup.html', '', 'width=1160px,height=780px,scrollbars=yes') } // ·¹À̾î Æ˾÷ function layer_popup() { // ÅǸ޴º ±â´É $('.layer_popup .tab_list .btn_tab').on('click', function (e) { e.preventDefault() $('.layer_popup .tab_list > ul > li').removeClass('active') $(this).parent().addClass('active') var btn_target = $(this).data().btn $('.layer_popup .allmenu_content .content').removeClass('on') $('.layer_popup .allmenu_content .content[data-content=' + btn_target + ']').addClass('on') }) $('.layer_popup .btn_allmenu_close').on('click', function () { $('.layer_popup').removeClass('on') }) $('.win_popup .tab_list .btn_tab').on('click', function (e) { e.preventDefault() $('.win_popup .tab_list > ul > li').removeClass('active') $(this).parent().addClass('active') var btn_target = $(this).data().btn $('.win_popup .allmenu_content .content').removeClass('on') $('.win_popup .allmenu_content .content[data-content=' + btn_target + ']').addClass('on') }) $('.win_popup .btn_allmenu_close').on('click', function () { $('.win_popup').removeClass('on') }) } // Çì´õ Æ˾÷ À̺¥Æ® function headtop_field() { $('.headtop_field .headtop_btn .btn_popup').off().on('click', function () { $('.headtop_field .headtop').toggleClass('on') if ($('.headtop_field .headtop').hasClass('on')) { $(this).addClass('open') $('.headtop_field .headtop').slideDown() $(this).children().text('Æ˾÷ ´Ý±â') $('.wrapper .quick_menu_wrap').css({ 'position':'absolute', 'top': '-50px', //'transition': 'all 0.5s' }) } if (!$('.headtop_field .headtop').hasClass('on')) { $(this).removeClass('open') $('.headtop_field .headtop').slideUp() $(this).children().text('Æ˾÷ ¿­±â') $('.wrapper .quick_menu_wrap').css({ 'position':'absolute', 'top': '-50px', //'transition': 'all 0.5s' }) } }) $(window).scroll(function(){ var true_target = $('.headtop').hasClass('on') if (!$('.headtop_field .headtop').hasClass('on')) { $('.wrapper .quick_menu_wrap').css({ 'position':'fixed', 'top': '95px', //'transition': 'all 0.5s' }) } if(true_target) { if ($(document).scrollTop() <= $('.headtop_field').height()) { console.log('µé¾î¿È1') $('.wrapper .quick_menu_wrap').css({ 'position':'absolute', 'top': '-25px', //'transition': 'all 0.5s' }) } else if ($(document).scrollTop() >= $('.headtop_field').height()) { console.log('µé¾î¿È2') $('.wrapper .quick_menu_wrap').css({ 'position':'fixed', 'top': '95px', //'transition': 'all 0.5s' }) } } }) } // ·Î±×ÀÎ Æ˾÷ À̺¥Æ® function loginpop() { $('.pers_cert_area .loginpop .sign_select > li > label').on('click', function () { var this_data = $(this).siblings('input').data().btn $('.pers_cert_area .loginpop .inner').removeClass('on') $('.pers_cert_area .loginpop .inner[data-content="' + this_data + '"]').addClass('on') }); // Æ˾÷ ¿­±â À̺¥Æ® $('.pers_cert_area .btn_pers').on('click', function () { $('.busi_cert_area .loginpop').removeClass('on') $(this).siblings('.loginpop').addClass('on') }) $('.busi_cert_area .btn_busi').on('click', function () { $('.pers_cert_area .loginpop').removeClass('on') $(this).siblings('.loginpop').addClass('on') }) // Æ˾÷ ´Ý±â À̺¥Æ® $('.loginpop .login_close').on('click', function () { $(this).parent().removeClass('on') }) }