CINXE.COM
::: Kwangdong Pharmaceutical ::: Combination with oriental and western medical science
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>::: Kwangdong Pharmaceutical ::: Combination with oriental and western medical science</title> <link rel="stylesheet" href="/static/encm/asset/css/common.css" /> <link rel="stylesheet" href="/static/encm/asset/css/main.css" /> <link rel="stylesheet" href="/static/encm/asset/libs/idangerous.swiper.css" /> <!--[if lt IE 9]> <script type="text/javascript" src="/static/encm/asset/libs/fallback/html5.js"></script> <![endif]--> </head> <body> <dl id="skip_nav"> <dt class="blind">Skip Menu</dt> <dd><a href="#container">Go to content</a></dd> <dd><a href="#gnb">Go to the Main Menu</a></dd> <dd><a href="#footer">Go to bottom</a></dd> </dl> <div id="wrap"> <div id="inner_wrap" class="re"> <header id="header"> <div class="re header"> <div class="re h_top"> <p><a href="/main.do"><img src="/static/encm/asset/img/common/logo_h.png" alt="Kwangdong Pharmaceutical" /></a></p> <p class="blind">Top Util Menu</p> <!-- <ul id="nav_util" class="clear ab"> <li class="last"><a href="http://www.ekdp.com" target="_blank" title="Open New Window">KOR</a></li> </ul> --> <select name="slt-lang" id="slt-lang" onchange="location.href = this.value"> <option value="http://eng.ekdp.com/main.do">ENG </option> <option value="http://ekdp.com/main.do">KOR</option> </select> </div><!-- h_top --> <nav class="gnb"> <ul class="gnb-list"> <li> <span class="all"><span class="bar">Kwangdong</span></span> </li> <li> <span class="half"><span class="bar">Products</span></span> <div class="gnb-wrap"> <ul class="gnb-item"> <li><a href="/product/items_list.do?c1=1">OTC Drugs</a></li> <li><a href="/product/items_list.do?c1=2">ETC Drugs</a></li> <li><a href="/product/items_list.do?c1=4">General supplements</a></li> <li><a href="/product/items_list.do?c1=5">OTC Drinks</a></li> <li><a href="/product/items_list.do?c1=6">Consumer Drinks</a></li> <li><a href="/product/items_list.do?c1=7">Functional Drinks</a></li> <li><a href="/product/items_list.do?c1=8">Traditional Health Food</a></li> </ul> </div> </li> <li> <span class="half"><span class="bar">PR Center</span></span> <div class="gnb-wrap"> <ul class="gnb-item long"> <li><a href="/PRcenter/tv_list.do">TV Advertising</a></li> <li><a href="/PRcenter/radio_list.do">Radio Advertising</a></li> <li><a href="/PRcenter/print_list.do">Print Advertising</a></li> <li><a href="/PRcenter/PR_list.do">PR Video</a></li> <li><a href="/company/history.do">Kwangdong History Museum</a></li> <li><a href="/company/factory.do">Cyber Plant Visit</a></li> </ul> </div> </li> <li> <a href="/brandstory/brandstory.do"><span class="bar">Brand Story</span></a> </li> </ul> </nav><!-- gnb --> <script> function enterSubmit() { if( event.keyCode == 13 ) { document.f_h_search.submit(); } } </script> <div class="ab set_search"> <form action="/product/search_all.do" method="post" name="f_h_search" id="f_h_search" onsubmit="return false;"> <fieldset> <legend class="blind">Keyword Input</legend> <input type="search" name="s_keyword" id="keyword" onkeyup="enterSubmit();" /> <p class="ab btn_search"><a href="javascript:document.f_h_search.submit();">Search</a></p> </fieldset> </form> </div><!-- set_search --> </div><!-- header --> </header><!-- header --> <div class="header-bg"></div> <div class="allgnb"> <div class="allgnb-wrap"> <div class="allgnb-item"> <h3>About Us</h3> <ul class="allgnb-list"> <li><a href="/company/introduce_ceo.do">CEO's Message</a></li> <li><a href="/company/introduce_president.do">Founder and Former CEO</a></li> <li><a href="/company/introduce_history.do">History</a></li> <li><a href="/company/introduce_vision.do">VISION 2020</a></li> <li><a href="/company/introduce_organization.do">Organization</a></li> <li><a href="/company/ci.do">CI Archive</a></li> <li><a href="/company/relative.do">Subsidiaries</a></li> <li><a href="/company/contact.do">Contact Us</a></li> </ul> </div> <div class="allgnb-item"> <h3>R & D</h3> <ul class="allgnb-list"> <li><a href="/company/research_vision.do">R&D Vision</a></li> <li><a href="/company/research_introduce.do">R&D Overview</a></li> <li><a href="/company/research_organization.do">R&D Organization</a></li> <li><a href="/company/research_field.do">R&D Areas</a></li> <li><a href="/company/research_status.do">R&D Achievements</a></li> </ul> </div> <div class="allgnb-item"> <h3>Investor Relations</h3> <ul class="allgnb-list"> <li><a href="/company/invest_finance.do">Financial Information</a></li> <li><a href="/company/invest_disclosure.do">Disclosure Information</a></li> </ul> </div> <div class="allgnb-item"> <h3>Social Responsibility</h3> <ul class="allgnb-list"> <li><a href="/company/contribution_matching.do">Matching Grant</a></li> <li><a href="/company/contribution_foundation.do">Gasan Culture Foundation</a></li> <li><a href="/company/contribution_child.do">Support for Children's Health</a></li> <li><a href="/company/contribution_variety.do">Various Social Responsibility</a></li> </ul> </div> </div> </div> <section id="container"> <div class="contents" id="main" style="background:#f0f0f0;"> <!-- 메인 슬라이더 --> <div class="main-slider" class="re"> <ul class="main-slider__wrap"> <li style="background:url(/static/encm/asset/img/renewal/bg_main1.jpg) no-repeat center top;"> <a href="../company/introduce_vision.do"></a> <div class="txts"> <div class="txts_wrap" style="top:150px;left:220px"> <div class="txt1" style="display:block"><img src="/static/encm/asset/img/renewal/txt01.png"></div> <div class="txt2" style="display:block"><img src="/static/encm/asset/img/renewal/txt02.png"></div> </div> </div> </li> <li style="background:url(/static/encm/asset/img/renewal/bg_main2.jpg) no-repeat center top;"> <a href="../company/research_vision.do"></a> <div class="txts"> <div class="txts_wrap" style="top:150px;left:220px"> <div class="txt1"><img src="/static/encm/asset/img/renewal/txt03.png"></div> <div class="txt2"><img src="/static/encm/asset/img/renewal/txt04.png"></div> </div> </div> </li> <li style="background:url(/static/encm/asset/img/renewal/bg_main3.jpg) no-repeat center top;"> <div class="txts"> <div class="txts_wrap" style="top:150px;left:220px"> <div class="txt1"><img src="/static/encm/asset/img/renewal/txt05.png"></div> <div class="txt2"><img src="/static/encm/asset/img/renewal/txt06.png"></div> </div> </div> </li> </ul> <div class="main-slider__btn"> <div id="main-slider__pager"> <a href="" data-slide-index="0"><span class="i h" style="top:2px;"></span>VISION 2020</a> <a href="" data-slide-index="1"><span class="i f" style="top:-2px;"></span>R&D</a> <a href="" data-slide-index="2"><span class="i p" style="top:-3px;"></span>HUMAN HEALTHCARE</a> </div> </div> </div> <!-- 메인 브랜드 링크 --> <div class="main-brand"> <div class="main-brand__wrap"> <h2 class="main-brand__tit"> <span>Brand Story</span> </h2> <div class="main-brand__sliderwrap"> <ul class="main-brand__slider"> <li><a href="/brandstory/brandstory.do?idx=0"><img src="/static/encm/asset/img/renewal/menu1.png" alt="비타500" onmouseover="this.src='/static/encm/asset/img/renewal/menu1_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu1.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=1"><img src="/static/encm/asset/img/renewal/menu2.png" alt="옥수수수염차" onmouseover="this.src='/static/encm/asset/img/renewal/menu2_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu2.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=2"><img src="/static/encm/asset/img/renewal/menu3.png" alt="헛개차" onmouseover="this.src='/static/encm/asset/img/renewal/menu3_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu3.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=3"><img src="/static/encm/asset/img/renewal/menu4.png" alt="우엉차" onmouseover="this.src='/static/encm/asset/img/renewal/menu4_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu4.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=4"><img src="/static/encm/asset/img/renewal/menu5.png" alt="복분자" onmouseover="this.src='/static/encm/asset/img/renewal/menu5_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu5.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=5"><img src="/static/encm/asset/img/renewal/menu6.png" alt="쌍화" onmouseover="this.src='/static/encm/asset/img/renewal/menu6_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu6.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=6"><img src="/static/encm/asset/img/renewal/menu7.png" alt="쌍화골드" onmouseover="this.src='/static/encm/asset/img/renewal/menu7_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu7.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=7"><img src="/static/encm/asset/img/renewal/menu8.png" alt="대추쌍화" onmouseover="this.src='/static/encm/asset/img/renewal/menu8_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu8.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=8"><img src="/static/encm/asset/img/renewal/menu9.png" alt="헛개파워" onmouseover="this.src='/static/encm/asset/img/renewal/menu9_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu9.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=9"><img src="/static/encm/asset/img/renewal/menu10.png" alt="한라봉유자" onmouseover="this.src='/static/encm/asset/img/renewal/menu10_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu10.png'"></a></li> <li><a href="/brandstory/brandstory.do?idx=10"><img src="/static/encm/asset/img/renewal/menu11.png" alt="삼다수" onmouseover="this.src='/static/encm/asset/img/renewal/menu11_ov.png'" onmouseout="this.src='/static/encm/asset/img/renewal/menu11.png'"></a></li> </ul> <div class="main-brand__btn main-brand__prev"></div> <div class="main-brand__btn main-brand__next"></div> </div> </div> </div> <!-- 메인 추천 제품 --> <!--div class="main-reco"> <div class="main-reco__tit"> </div> <div class="main-reco__wrap"> <ul class="main-reco__slider"--> <!--li> <a href="" target="" class="box"> <span class="i" style="background:url('http://ekdp.com/upload/mainv/') no-repeat center top"></span> <span class="c"></span> <span class="c2">> </span> <span class="t"></span> <span class="info"> <span class="c"></span> <span class="c2">> </span> <span class="t"></span> <span class="b"><img src="/static/encm/asset/img/renewal/bg_reco.jpg" alt="자세히보기"></span> </span> </a> </li--> <!--/ul> <div class="main-reco__btn main-reco__prev"></div> <div class="main-reco__btn main-reco__next"></div> </div> </div> </div><!-- contents --> </section><!-- container --> <footer id="footer" class="footer"> <div class="footer__sitemap"> <div class="row"> <div class="footer__sitemap-wrap"> <h3 class="footer__sitemap-tit">Kwangdong</h3> <div class="footer__sitemap-box"> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../company/introduce_ceo.do">About Us</a> </h4> <ul class="footer__sitemap-list"> <li><a href="../company/introduce_ceo.do">CEO's Message</a></li> <li><a href="../company/introduce_president.do">Founder and Former CEO</a></li> <li><a href="../company/introduce_history.do">History</a></li> <li><a href="../company/introduce_vision.do">VISION 2020</a></li> <li><a href="../company/introduce_organization.do">Organization</a></li> <li><a href="../company/ci.do">CI Archive</a></li> <li><a href="../company/relative.do">Subsidiaries</a></li> <li><a href="../company/contact.do">Contact Us</a></li> </ul> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../company/research_vision.do">R & D</a> </h4> <ul class="footer__sitemap-list"> <li><a href="../company/research_vision.do">R&D Vision</a></li> <li><a href="../company/research_introduce.do">R&D Overview</a></li> <li><a href="../company/research_organization.do">R&D Organization</a></li> <li><a href="../company/research_field.do">R&D Areas</a></li> <li><a href="../company/research_status.do">R&D Achievements</a></li> </ul> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../company/invest_finance.do">Investor Relations</a> </h4> <ul class="footer__sitemap-list"> <li><a href="../company/invest_finance.do">Financial Information</a></li> <li><a href="../company/invest_disclosure.do">Disclosure Information</a></li> </ul> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../company/contribution_matching.do">Social Responsibility</a> </h4> <ul class="footer__sitemap-list"> <li><a href="../company/contribution_matching.do">Matching Grant</a></li> <li><a href="../company/contribution_foundation.do">Gasan Culture Foundation</a></li> <li><a href="../company/contribution_child.do">Support for Children's Health</a></li> <li><a href="../company/contribution_variety.do">Various Social Responsibility</a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="footer__sitemap-wrap"> <h3 class="footer__sitemap-tit">Products</h3> <div class="footer__sitemap-box"> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../product/items_list.do?c1=1">OTC Drugs</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../product/items_list.do?c1=2">ETC Drugs</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../product/items_list.do?c1=4">General supplements</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../product/items_list.do?c1=5">OTC Drinks</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../product/items_list.do?c1=6">Consumer Drinks</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../product/items_list.do?c1=7">Functional Drinks</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../product/items_list.do?c1=8">Traditional Health Food</a> </h4> </div> </div> </div> </div> <div class="row"> <div class="footer__sitemap-wrap"> <h3 class="footer__sitemap-tit">PR Center</h3> <div class="footer__sitemap-box short"> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../PRcenter/tv_list.do">TV Advertising</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../PRcenter/radio_list.do">Radio Advertising</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../PRcenter/print_list.do">Print Advertising</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../PRcenter/PR_list.do">PR Video</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../company/factory.do">Cyber Plant Visit</a> </h4> </div> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="../company/history.do">Kwangdong History Museum</a> </h4> </div> </div> </div> </div> <div class="row"> <div class="footer__sitemap-wrap"> <h3 class="footer__sitemap-tit"> <a href="../brandstory/brandstory.do"> Brand Story </a> </h3> <div class="footer__sitemap-box" style="border-bottom:none"> <div class="footer__sitemap-item"> <h4 class="footer__sitemap-subtit"> <a href="#"> </a> </h4> </div> </div> </div> </div> </div> <div class="footer__copyright"> <div class="row"> <div class="footer__copyright-logo"> <img src="/static/encm/asset/img/renewal/logo_gray.png" alt="광동제약"> </div> <div class="footer__copyright-addr"> 52, Gwacheon-daero 7da-gil, Gwacheon-si, Gyeonggi-do T 82-2-6006-7777<br> COPYRIGHT(C) KWANG DONG PHARMACEUTICAL CO., LTD. ALL RIGHTS RESERVED </div> <div class="footer__snb-link"> <div class="footer__snb-link__item"> <span class="footer__snb-link__tit"> SNS </span> <ul class="footer__snb-link__toggle" style="display: none;"> <li><a target="_blank" href="http://www.facebook.com/kwangdong4U ">Kwangdong Facebook</a></li> <li><a target="_blank" href="https://www.youtube.com/user/Kwangdong ">Kwangdong Youtube</a></li> </ul> </div> <div class="footer__snb-link__item" style="margin-left:-1px"> <span class="footer__snb-link__tit"> Family Site </span> <ul class="footer__snb-link__toggle"> <li style="line-height:15px;"><a href="http://www.ekwangdong.co.kr" target="_blank">Kwang Dong<br>Oriental Hospital</a></li> <li><a href="https://www.koreab2b.com" target="_blank">Korea e-Platform</a></li> </ul> </div> </div> </div> </div> </footer> <p class="fix none btn_c_top"><a href="#" class="a_wh100" title="Go to Top">TOP</a></p><!-- 탑버튼 --> <!-- 공통팝업 --> <div class="ab wh100 lt0 zi9 none c_popup" id="p_policy"> <div class="ab black70 wh100 lt0 bg"></div> <div class="fix wh100 lt0 of_auto fg"> <div class="ab wh100 lt0 bg"></div> <div class="re_centered p_policy"> <iframe src="" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></iframe> </div> </div> </div><!-- 공통팝업 --> <script src="/static/encm/asset/libs/jquery-1.10.2.min.js"></script> <script> $(function () { $('.gnb-list .all').mouseenter(function () { $('.gnb-wrap').stop().slideUp('fase'); $('.allgnb').stop().slideDown('fast'); }) $('.allgnb').mouseleave(function () { $('.allgnb').stop().slideUp('fast'); $('.header-bg').slideUp('fast'); }) $('.gnb-list .half').mouseenter(function () { $('.allgnb').stop().slideUp('fast'); $('.header-bg').slideDown('fast'); $('.gnb-wrap').removeClass('active'); $(this).next('.gnb-wrap').slideDown('fase').addClass('active'); }) $('.gnb-wrap').mouseleave(function () { $('.gnb-wrap').stop().slideUp('fast') $('.header-bg').slideUp('fast'); }) /* FOOTER */ var footer = { dropdown : function (ele) { ele.stop().toggleClass('active'); ele.find('.footer__snb-link__toggle').stop().slideToggle('fade'); }, focused : function (ele) { ele.find('.footer__snb-link__toggle').stop().show(); }, bind : function () { $('.footer__snb-link__item').bind('click',function () { footer.dropdown($(this)); }); } } footer.bind(); }) </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-66860084-1', 'auto'); ga('send', 'pageview'); </script> </div><!-- inner_wrap --> </div><!-- wrap --> <script src="/static/encm/asset/libs/jquery-1.10.2.min.js"></script> <script src="/static/encm/asset/libs/idangerous.swiper.min.js"></script> <script src="/static/encm/asset/libs/jquery.dotdotdot.min.js"></script> <script src="/static/encm/asset/js/comUtil.js"></script> <script src="/static/encm/asset/js/common.js"></script> <link rel="stylesheet" href="/static/cw/common/js/libs/bx/jquery.bxslider.min.css"> <script src="/static/cw/common/js/libs/bx/jquery.bxslider.min.js"></script> <script type="text/javascript"> $(window).load(function(){ //onPageNav(0,0); }); $(function(){ $('.main-slider__wrap').bxSlider({ infiniteLoop:true, pause:5000, auto:true, pagerCustom: '#main-slider__pager', mode : 'fade', onSlideBefore: function($slideElement, oldIndex, newIndex){ var txt1 = $slideElement.find('.txt1'), txt2 = $slideElement.find('.txt2'); txt1.fadeIn('slow'); setTimeout(function () { txt2.fadeIn('slow'); },800); $('.txt1').not(txt1).fadeOut(); $('.txt2').not(txt1).fadeOut(); }, onSlideAfter: function($slideElement, oldIndex, newIndex){ var txt1 = $slideElement.find('.txt1'), txt2 = $slideElement.find('.txt2'); txt1.fadeIn('slow'); setTimeout(function () { txt2.fadeIn('slow'); },800); $('.txt1').not(txt1).fadeOut(); $('.txt2').not(txt1).fadeOut(); } }); $('.main-brand__slider').bxSlider({ minSlides:1, maxSlides:6, slideWidth:118, slideMargin:52, moveSlides:6, pager:false, infiniteLoop:false, prevSelector:'.main-brand__prev', nextSelector:'.main-brand__next', nextText:'<img src="/static/encm/asset/img/renewal/btn_next.png" alt="다음 슬라이드" />', prevText:'<img src="/static/encm/asset/img/renewal/btn_prev.png" alt="이전 슬라이드" />' }); $('.main-reco__slider').bxSlider({ minSlides:1, maxSlides:5, slideWidth:200, slideMargin:18, moveSlides:5, pager:false, infiniteLoop:false, prevSelector:'.main-reco__prev', nextSelector:'.main-reco__next', nextText:'<img src="/static/encm/asset/img/renewal/btn_next.png" alt="다음 슬라이드" />', prevText:'<img src="/static/encm/asset/img/renewal/btn_prev.png" alt="이전 슬라이드" />' }); //슬라이드 slider_rec_items = new Swiper('.swiper-container.rec_items',{ onlyExternal: true, slidesPerGroup:3, slidesPerView: 3, autoplay: 8000, keyboardControl:true, loop: true }); $('.set_controll .btn_prev').on('click focus', function(e){ slider_rec_items.swipePrev(); e.preventDefault(); }); $('.set_controll .btn_next').on('click focus', function(e){ slider_rec_items.swipeNext(); e.preventDefault(); }); $('.set_controll .btn_stop').on('click', function(e){ if($(this).hasClass('on') == false){ slider_rec_items.stopAutoplay(); $('img',this).attr('src','/static/encm/asset/img/main/btn_play.png'); $(this).addClass('on'); } else{ slider_rec_items.startAutoplay(); $('img',this).attr('src','/static/encm/asset/img/main/btn_stop.png'); $(this).removeClass('on'); } e.preventDefault(); }); //광동 매거진 $('.con2 .tab dt a').on('click focus', function(e){ $('.con2 .tab dt.on').removeClass('on'); $('.con2 .tab dt.on').next().hide(); $(this).parent().addClass('on'); $(this).parent().next().show(); e.preventDefault(); }); //메인 비주얼 모션 var mvrCur = 1; var mvrTotal = $('.set_btn_vis > p').size(); var mvrTime = null; function onMainVis(idx){ //$('.set_btn_vis > p a').css({'background-position':'0 0'}); $('.set_btn_vis > p a.on').removeClass('on'); $('.set_btn_vis > p').eq(idx).find('a').addClass('on'); //$('.set_btn_vis > p').eq(idx).find('a').css({'background-position':'0 100%'}); var name = '.' + $('.set_btn_vis > p').eq(idx).attr('class'); $('.set_bg > div.on .txt1').css({'margin-left':'0','opacity':'1'}); $('.set_bg > div.on .txt2').css({'margin-left':'0','opacity':'1'}); $('.set_bg > div.on .txt3').css({'margin-left':'0','opacity':'1'}); $('.set_bg > div.on .txt1').animate({'margin-left':'-200px','opacity':'0'}, 400, function(){$(this).css({'margin-left':'200px','opacity':'0'});}); $('.set_bg > div.on .txt2').animate({'margin-left':'-200px','opacity':'0'}, 500, function(){$(this).css({'margin-left':'200px','opacity':'0'});}); $('.set_bg > div.on .txt3').animate({'margin-left':'-200px','opacity':'0'}, 600, function(){$(this).css({'margin-left':'200px','opacity':'0'});}); $('.set_bg > div.on').fadeOut('700'); $('.set_bg > div.on').removeClass('on'); $('.set_bg').find(name).find('.txt1').css({'margin-left':'200px','opacity':'0'}); $('.set_bg').find(name).find('.txt2').css({'margin-left':'200px','opacity':'0'}); $('.set_bg').find(name).find('.txt3').css({'margin-left':'200px','opacity':'0'}); $('.set_bg').find(name).find('.txt1').animate({'margin-left':'0','opacity':'1'}, 400); $('.set_bg').find(name).find('.txt2').animate({'margin-left':'0','opacity':'1'}, 500); $('.set_bg').find(name).find('.txt3').animate({'margin-left':'0','opacity':'1'}, 600); $('.set_bg').find(name).fadeIn('700'); $('.set_bg').find(name).addClass('on'); mvrCur = idx; ++idx; if(idx >= mvrTotal){ idx = 0; } clearTimeout(mvrTime); mvrTime = setTimeout(function(){onMainVis(idx);}, 5000); } //메인 비주얼 클릭 $('.set_btn_vis > p a').on('click focus', function(e){ if($('.set_bg > div').is(":animated")) { return; } var idx = $(this).parent().index(); if(mvrCur == idx) { return; } onMainVis(idx); e.preventDefault(); }); //자동롤링시작 mvrTime = setTimeout(function(){onMainVis(++mvrCur);}, 5000); }); </script> </body> </html>