/**********************************************
* 스탠다드반응형 SD002 모듈 스크립트
* 버전 : 1.4
* 릴리즈 : 2017-11-09
* 본 css의 저작권은 도트피아에 있습니다.
**********************************************/
/*--------------------- 헤더 스크립트 ---------------------*/
$(document).ready(function() {
var header = $("#header");
var subnav = $("#lnb > .lnb > li > .subnav");
var openBtn = $("#header .btnOpenMenu");
$(window).bind('scroll', function() {
var scrTop = $(this).scrollTop();
var headerSize = header.height();
if(scrTop >= headerSize) {
if(!header.hasClass('fixed')) header.addClass('fixed');
} else {
header.removeClass('fixed');
}
});
var openMenu = function() {
var topDepth = $.urlParam('tm') - 1,
subDepth = $.urlParam('sm') - 1;
openBtn.addClass('open');
$("#lnb").addClass('open');
if(topDepth !== -1 && subDepth !== -1) {
$("#lnb > .lnb > li:eq(" + topDepth + ")").addClass('open');
$("#lnb > .lnb > li:eq(" + topDepth + ") > .subnav").css('display','block');
}
$("#lnb > .lnb-overlay").stop().fadeIn(450);
};
var closeMenu = function() {
openBtn.removeClass('open');
$("#lnb").removeClass('open');
$("#lnb > .lnb-overlay").stop().fadeOut(450);
};
$("#lnb > .lnb-overlay").click(function() {
closeMenu();
});
openBtn.click(function() {
if(!openBtn.hasClass('open')) {
openMenu();
} else {
closeMenu();
}
});
$("#lnb > .lnb > li > a").bind('click touchend', function(e) {
if($(this).siblings('.subnav').length) e.preventDefault();
if(!$(this).parent().hasClass('open')) {
$("#lnb > .lnb > li > .subnav").stop().slideUp(300);
$("#lnb > .lnb > li").removeClass('open');
$(this).parent().addClass('open');
$(this).siblings('.subnav').stop().slideDown(300);
} else {
$(this).parent().removeClass('open');
$(this).siblings('.subnav').stop().slideUp(300);
}
});
});
/*--------------------- 푸터 스크립트 ---------------------*/
$(document).ready(function() {
var scrBtn = $("#btnTop");
$(window).bind('scroll', function() {
var scrTop = $(this).scrollTop();
var headerSize = $("#header").height();
var footerPos = $("#footer").offset().top - $(this).height();
if(scrTop >= headerSize && scrTop < footerPos) {
if(!scrBtn.hasClass('show')) scrBtn.addClass('show');
} else {
scrBtn.removeClass('show');
}
});
scrBtn.bind('click touchend', function() {
$("html, body").stop().animate({scrollTop:0}, 600, 'easeOutQuart');
});
$("#footer .footer-bottom .dropdown > a").bind('click', function() {
if(!$(this).parent().hasClass('open')) {
$(this).parent().addClass('open');
} else {
$(this).parent().removeClass('open');
}
});
$(document).click(function(e) {
if(!$(e.target).is('#footer .footer-bottom .dropdown > a, #footer .footer-bottom .dropdown > ul')) $("#footer .footer-bottom .dropdown").removeClass('open');
});
});
/* 공통 스크립트 */
$(document).ready(function() {
var pageLoader = $("#page-loader");
var spinner = $("#page-loader > .spinner");
$("body").addClass('locked');
$(window).bind('load', function() {
// 페이드 이펙트
spinner.fadeOut(450);
pageLoader.delay(450).fadeOut(1200, function() {
pageLoader.remove();
});
$("body").removeClass('locked');
});
});
/*--------------------- 메인페이지 스크립트 ---------------------*/
// 키비주얼 스크롤
$(document).ready(function() {
$("#keyVisual .scroll-down").click(function() {
$("html, body").stop().animate({scrollTop:$("#mainContainer #section1").offset().top}, 600, 'easeOutQuart');
});
});
// 패럴랙스 영역
$(document).ready(function() {
$("#mainContainer #section6").parallax("50%", 0.2);
});
// 최신글 탭
$(document).ready(function() {
var tab_item = $("#section7 .tab-items > li > a");
var tab_el = $("#section7 .article-tab");
var showAll = $("#section7 .link-all");

showAll.attr('href', $("#section7 .tab-items > li:first-child > a").attr('href'));
tab_item.click(function(e) {
var tab_index = $(this).parent().index();
e.preventDefault();
tab_item.parent().removeClass('active');
$(this).parent().addClass('active');
tab_el.stop().fadeOut(500).removeClass('active');
tab_el.eq(tab_index).stop().fadeIn(500).addClass('active');
showAll.attr('href', $(this).attr('href'));
});
tab_el.eq(0).css({display:'block'});
});
// 드롭다운 처리
$(document).ready(function() {
var dd_el = $(".main-dropdown");
var setDropdown = function() {
dd_el.each(function() {
var dd_title = $(this).find('.dropdown-list').children().eq(0).text();
$(this).children('a').text(dd_title);
});
}
var openDropdown = function(obj) {
obj.addClass('active');
}
var closeDropdown = function(obj) {
obj.removeClass('active');
}
var changeDropdown = function(obj, elem) {
var dd_title = elem.text();
obj.children('a').text(dd_title);
}
$(".main-dropdown > a").click(function() {
var obj = $(this).parent();
if(!obj.hasClass('active')) {
openDropdown(obj);
} else {
closeDropdown(obj);
}
});
$(".main-dropdown > .dropdown-list > *").click(function() {
var obj = $(this).parents('.main-dropdown');
changeDropdown(obj, $(this));
closeDropdown(obj);
});
setDropdown();
});
// 갤러리 속성 부여
$(document).ready(function() {
var post = $("#mainContainer #section2 .works-grid > table");
post.each(function() {
var type = $(this).find('.board_output_gallery_subject').parent().clone().children().remove().end().text();
$(this).addClass('iso-box').addClass(type);
});
})
// 갤러리 정렬
$(document).ready(function(){
var items = $("#mainContainer #section2 .works-grid");
var gridSize = 4;
var filterType = '';
var setWorkGrid = function() {
var winWidth = $(window).width();
if(winWidth > 1024) {
gridSize = 4;
} else {
gridSize = 2;
}
items.imagesLoaded( function() {
items.isotope({
filter: filterType,
itemSelector: '.iso-box',
masonry: {
columnWidth: winWidth / gridSize,
gutter: 0
}
});
});
$("#mainContainer #section2 .works-tab > li").click(function() {
filterType = $(this).data('type');
$("#mainContainer #section2 .works-tab > li").removeClass('active');
$(this).addClass('active');
items.isotope({
filter: filterType,
itemSelector: '.iso-box',
masonry: {
columnWidth: winWidth / gridSize,
gutter: 0
}
});
});
}
setWorkGrid();
$(window).bind('resize', function() {
setWorkGrid();
}).resize();
});
// 클라이언트 슬라이드
$(function() {
var clientWrap = $("#mainContainer #main-client-slide");
var el = $("#mainContainer #main-client-slide > .slides");
var clientCount = el.children().length;
var clientIndex = 0;
var el_size;
var li_size;
var btnPrev = $("#mainContainer #section8 .prev > a");
var btnNext = $("#mainContainer #section8 .next > a");
var buttonPreload = function() {
btnPrev.addClass('disabled');
};
var clientResizing = function() {
var winWidth = $(window).width();
if(winWidth > 1024) {
li_size = (clientWrap.width() + 30) / 6;
} else if(winWidth > 768 && winWidth < 1025) {
li_size = (clientWrap.width() + 30) / 4;
} else {
li_size = (clientWrap.width() + 30) / 2;
}
el.children().css({width:li_size});
el.css({width:li_size*clientCount, left:-li_size*clientIndex});
};
var clientSlide = function() {
var winWidth = $(window).width();
var minusCount = 0;
if(winWidth > 1024) {
minusCount = 7;
} else if(winWidth > 768 && winWidth < 1025) {
minusCount = 4;
} else {
minusCount = 2;
}
btnPrev.removeClass('disabled');
btnNext.removeClass('disabled');
el.stop().animate({left:-li_size*clientIndex}, 450, function() {
if(clientIndex < 1) {
btnPrev.addClass('disabled');
} else if(clientIndex >= clientCount - minusCount) {
btnNext.addClass('disabled');
}
});
};
btnPrev.click(function() {
if(!el.is(':animated') && !$(this).hasClass('disabled')) {
clientIndex--;
clientSlide();
}
});
btnNext.click(function() {
if(!el.is(':animated') && !$(this).hasClass('disabled')) {
clientIndex++;
clientSlide();
}
});
buttonPreload();
clientResizing();
$(window).bind('resize', function() {
clientResizing();
});
});
// 폼메일 플레이스홀더
$(document).ready(function() {
var form = $("#mainContainer #section9 .form-container");
var name_field = form.find('input[name=name]'),
phone_field = form.find('input[name=phone_no1]'),
mail_field = form.find('input[name=receiver_email]'),
desc_field = form.find('textarea[name=description]');
name_field.attr('placeholder','Name');
phone_field.attr('placeholder','Phone');
mail_field.attr('placeholder','Email');
desc_field.attr('placeholder','Message');
});
/*--------------------- 서브페이지 스크립트 ---------------------*/
$.urlParam = function(name){
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
if (results==null){
return null;
}
else{
return decodeURI(results[1]) || 0;
}
}
$(document).ready(function() {
$(window).bind('load', function() {
if($("#subVisual").length) $("#subVisual").addClass('load');
});
var depthActive = function() {
var topCount = $("#lnb > .lnb > li").length,
subCount = 0;
topName = [],
subName = [],
topURL = [],
subURL = [],
topDepth = $.urlParam('tm') - 1,
subDepth = $.urlParam('sm') - 1,
topHTML = "",
subHTML = "";
$("#lnb > .lnb > li").each(function(i) {
topName[i] = $(this).children('a').text();
topURL[i] = $(this).children('a').attr('href');
i++;
});
topHTML += '<ul>';
for(i=0; i<topCount; i++) {
topHTML += '<li><a href="' + topURL[i] + '">' + topName[i] + '</a></li>';
}
topHTML += '</ul>';
$("#breadcrumbs .depth1").append(topHTML);
if(topDepth !== -1 && subDepth !== -1) {
subCount = $("#lnb > .lnb > li:eq(" + topDepth + ")").find('ul').children().length;
$("#lnb > .lnb > li:eq(" + topDepth + ")").find('ul').children().each(function(i) {
subName[i] = $(this).find('a').text();
subURL[i] = $(this).find('a').attr('href');
i++;
});
subHTML += '<ul>';
for(i=0; i<subCount; i++) {
subHTML += '<li><a href="' + subURL[i] + '">' + subName[i] + '</a></li>';
}
subHTML += '</ul>';
$("#breadcrumbs .depth2").append(subHTML);
$("#breadcrumbs .depth1 > a").text($("#lnb > .lnb > li:eq(" + topDepth + ")").find('a:first').text());
$("#breadcrumbs .depth2 > a").text($("#lnb > .lnb > li:eq(" + topDepth + ")").find('ul').children().eq(subDepth).find('a').text());
$("#lnb > .lnb > li:eq(" + topDepth + ")").addClass('on open');
$("#lnb > .lnb > li:eq(" + topDepth + ")").find('ul').children().eq(subDepth).addClass('on');
}
};
var visualActive = function() {
var topDepth = $.urlParam('tm');
if($("#subVisual").length) {
var imgPath = "../img/";
var imgName = "subvisual";
var imgExt = "jpg";
var depth_title = $("#lnb > .lnb > li:eq(" + (topDepth - 1) + ")").find('a:first').text();
$("#subVisual .visual_img").attr('src', imgPath + imgName + topDepth + '.' + imgExt);
$("#subVisual .title > h2").text(depth_title);
}
};
$("#breadcrumbs .container > div > a").click(function(e) {
e.preventDefault();
if(!$(this).parent().hasClass('open')) {
$("#breadcrumbs .container > div").removeClass('open');
$("#breadcrumbs .container > div > ul").stop().slideUp(350);
$(this).parent().addClass('open');
$(this).siblings('ul').stop().slideDown(350);
} else {
$(this).parent().removeClass('open');
$(this).siblings('ul').stop().slideUp(350);
}
})
$(document).on('click', function(e) {
if(!$(e.target).is('#breadcrumbs .container > div > a, #breadcrumbs .container > div > ul')) {
$("#breadcrumbs .container > div").removeClass('open');
$("#breadcrumbs .container > div > ul").stop().slideUp(350);
}
});
depthActive();
visualActive();
});
// BUSINESS - 사업소개 페이지
$(document).ready(function() {
var playButton = $("#play-promo-video");
var videoURL;
var videoHTML = '';
var hoverItem = $("section.business-detail .detail-items > li");
$("#play-promo-video").click(function() {
if(!playButton.data('source')) {
alert('영상 준비중입니다.');
} else {
videoURL = playButton.data('source');
videoHTML += '<div id="promo-wrapper">';
videoHTML += '<div class="mask-layer"></div>';
videoHTML += '<div class="modal">';
videoHTML += '<iframe width="100%" height="450" src="' + videoURL + '" frameborder="0" allowfullscreen></iframe>';
videoHTML += '<button class="btn-close">';
videoHTML += '<span class="closeline1"></span>';
videoHTML += '<span class="closeline2"></span>';
videoHTML += '</button>';
videoHTML += '</div>';
videoHTML += '</div>';
$(this).addClass('btn-load');
if($("#promo-wrapper").length) $("#promo-wrapper").remove();
$("#container section.business-detail").append(videoHTML);
$("#promo-wrapper iframe").load(function() {
$("#promo-wrapper").fadeIn(300);
$("#promo-wrapper").addClass('play');
playButton.removeClass('btn-load');
});
}
});
$(document).on('click', '#promo-wrapper > .mask-layer, #promo-wrapper .btn-close', function() {
$("#promo-wrapper").removeClass('play');
playButton.removeClass('btn-load');
var removeSet = setTimeout(function() {
$("#promo-wrapper").fadeOut(300, function() {
$("#promo-wrapper").remove();
});
}, 300);
});
hoverItem.mouseenter(function() {
hoverItem.addClass('off');
$(this).removeClass('off').addClass('on');
}).mouseleave(function() {
hoverItem.removeClass('on off');
});
});
// BUSINESS - 사업분야 페이지
$(document).ready(function() {
var clientWrap = $("#container .business-part3 #client-slide > .slides");
var el = $("#container .business-part3 #client-slide > .slides > ul");
var clientCount = el.children().length;
var clientIndex = 0;
var el_size;
var li_size;
var btnPrev = $("#container .business-part3 #client-slide .controller .prev");
var btnNext = $("#container .business-part3 #client-slide .controller .next");
var buttonPreload = function() {
btnPrev.addClass('disabled');
};
var clientResizing = function() {
var winWidth = $(window).width();
if(winWidth > 768) {
li_size = clientWrap.width() / 4;
} else {
li_size = clientWrap.width() / 2;
}
el.children().css({width:li_size});
el.css({width:li_size*clientCount, left:-li_size*clientIndex});
};
var clientSlide = function() {
var winWidth = $(window).width();
var minusCount = 0;
if(winWidth > 768) {
minusCount = 4;
} else {
minusCount = 2;
}
btnPrev.removeClass('disabled');
btnNext.removeClass('disabled');
el.stop().animate({left:-li_size*clientIndex}, 450, function() {
if(clientIndex < 1) {
btnPrev.addClass('disabled');
} else if(clientIndex >= clientCount - minusCount) {
btnNext.addClass('disabled');
}
});
};
btnPrev.click(function() {
if(!el.is(':animated') && !$(this).hasClass('disabled')) {
clientIndex--;
clientSlide();
}
});
btnNext.click(function() {
if(!el.is(':animated') && !$(this).hasClass('disabled')) {
clientIndex++;
clientSlide();
}
});
buttonPreload();
clientResizing();
$(window).bind('resize', function() {
clientResizing();
});
});
// 게시판 전용 스크립트
$(document).ready(function() {
var imgToButton = function() {
var inputStyle = $("input[type=image]"),
imgStyle = $("img");
inputStyle.each(function() {
var src = $(this).attr('src');
if(src.indexOf('search.gif') > -1) {
$(this).before('<input type="submit" id="btn-search" class="btn btn-function" value="검색">');
$(document).on('click', '#btn-search', function() {
$(this).next('input[type=image]').trigger('click');
});
$(this).hide();
}
if(src.indexOf('confirm.gif') > -1) {
$(this).before('<input type="submit" id="btn-confirm" class="btn btn-function" value="작성완료">');
$(this).hide();
}
});
imgStyle.each(function() {
var src = $(this).attr('src');
var event = $(this).attr('onclick');
if(src.indexOf('btn_sdel.gif') > -1) {
$(this).before("<button class='btn btn-admin' onclick='" + event + "'>삭제</button>");
$(this).remove();
}
if(src.indexOf('move.gif') > -1) {
$(this).before("<button class='btn btn-admin' onclick='" + event + "'>이동</button>");
$(this).remove();
}
if(src.indexOf('copy.gif') > -1) {
$(this).before("<button class='btn btn-admin' onclick='" + event + "'>복사</button>");
$(this).remove();
}
if(src.indexOf('prev.gif') > -1) {
$(this).parent().addClass('btn btn-default').text('이전');
}
if(src.indexOf('list.gif') > -1) {
$(this).parent().addClass('btn btn-default').text('목록보기');
}
if(src.indexOf('next.gif') > -1) {
$(this).parent().addClass('btn btn-default').text('다음');
}
if(src.indexOf('spam.gif') > -1) {
$(this).before('<button class="btn btn-danger" onclick="' + event + '">스팸신고</button>');
$(this).remove();
}
if(src.indexOf('modify.gif') > -1) {
$(this).parent().addClass('btn btn-admin').text('수정');
}
if(src.indexOf('delete.gif') > -1) {
$(this).parent().addClass('btn btn-admin').text('삭제');
}
if(src.indexOf('reply.gif') > -1) {
$(this).parent().addClass('btn btn-default').text('답글쓰기');
}
if(src.indexOf('write.gif') > -1) {
$(this).parent().addClass('btn btn-function').text('글작성');
}
if(src.indexOf('btn_confirm.gif') > -1) {
$(this).parent().addClass('btn btn-function').text('접수하기');
}
if(src.indexOf('cancel.gif') > -1) {
$(this).parent().addClass('btn btn-default').text('취소');
}
});
}
var setRelation = function() {
var board = $("table[class^=tbl-brd]");
var header = board.find('.att_title');
header.each(function() {
$(this).attr('rel', $.trim($(this).text()));
});
}
var setPhotoOverlay = function() {
var inner = $(".photo-grid-inner");
var posts = inner.children('table');
var subject = [],
category = [];
var overlay = '';
posts.each(function(i) {
var _this = $(this);
if(_this.find('.gallery_subject').length) {
subject[i] = $.trim(_this.find('.gallery_title').text());
category[i] = $.trim(_this.find('.gallery_etc').text().replace('[','').replace(']',''));
overlay += '<div class="overlay"></div>';
overlay += '<div class="post-info">';
overlay += '<h3 class="title">' + subject[i] + '</h3>';
overlay += '<span>' + category[i] + '</span>';
overlay += '</div>';
_this.find('.gallery_subject').parent('tr').remove();
_this.find('.gallery_etc').parent('tr').remove();
_this.find('.bbsnewf5 > table tr:first-child > td a').append(overlay);
i++;
overlay = '';
}
if(!_this.hasClass('board')) _this.addClass('sort-items');
});
}
var setCategory = function() {
var cate_name = [];
var cate_id = [];
var cate_link = '';
var cateItems = $(".board-category select option");
var currURL = $(location).attr('pathname');
var topDepth = $.urlParam('tm');
var subDepth = $.urlParam('sm');
var param = '?tm=' + topDepth + '&sm=' + subDepth + '&com_board_category_code=';
var currCategory = $.urlParam('com_board_category_code');

if(cateItems.length) {
cateItems.each(function(i) {
cate_id[i] = $(this).val();
cate_name[i] = $(this).text();
i++;
});
cate_link = '<ul>';
for(i=0; i<cateItems.length; i++) {
cate_link += '<li data-category="' + cate_id[i] + '"><a href="' + currURL + param + cate_id[i] + '">' + cate_name[i] + '</a></li>'
}
cate_link += '</ul>';
$(".board-category").html(cate_link);
$(".board-category > ul > li[data-category=" + currCategory + "]").addClass('active');
if(!currCategory) $(".board-category > ul > li:first-child").addClass('active');
}
}
var faqPosts = $(".tbl-brd-faq .titdesign");
var loadAnswer = function() {
if(faqPosts.length) {
var replyRows = '';
var reply = [];
var replyURL = [];
faqPosts.each(function(i) {
var $this = $(this);
replyURL[i] = $this.find('a').attr('href');
$.ajax({
url: replyURL[i],
async: false,
cache: false,
dataType: 'html',
type: 'GET',
contentType: 'application/x-www-form-urlencoded;charset=euc-kr',
beforeSend: function(jqXHR) {
jqXHR.overrideMimeType('application/x-www-form-urlencoded;charset=euc-kr');
},
success: function(data) {
reply[i] = $(data).find('#post_area').html();
replyRows += '<tr class="reply-row">';
replyRows += '<td colspan="6">';
replyRows += '<p class="reply-block">A</p>';
replyRows += '<div class="reply-container">' + reply[i] + '</div>';
replyRows += '</td>';
replyRows += '</tr>';
$this.after(replyRows);
replyRows = '';
},
error: function(response) {
console.log(response);
}
})
i++;
});
}
}
faqPosts.click(function(e) {
var row = $(this).find('.bbsnewf5');
if(!$(".board_admin_bgcolor").length) {
e.preventDefault();
if(!row.hasClass('open')) {
$('.bbsnewf5').removeClass('open');
$('.reply-row').removeClass('open');
row.addClass('open');
$(this).next('.reply-row').addClass('open');
} else {
$('.bbsnewf5').removeClass('open');
$(this).next('.reply-row').removeClass('open');
}
}
});
imgToButton();
setRelation();
setCategory();
setPhotoOverlay();
loadAnswer();
});