/*!
 * fullPage 3.0.2
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
 html.fp-enabled,
 .fp-enabled body {
     margin: 0;
     padding: 0;
     overflow:hidden;
 
     /*Avoid flicker on slides transitions for mobile phones #336 */
     -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 .fp-section {
     position: relative;
     -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
     -moz-box-sizing: border-box; /* <=28 */
     box-sizing: border-box;
 }
 .fp-slide {
     float: left;
 }
 .fp-slide, .fp-slidesContainer {
     height: 100%;
     display: block;
 }
 .fp-slides {
     z-index:1;
     height: 100%;
     overflow: hidden;
     position: relative;
     -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
 }
 .fp-section.fp-table, .fp-slide.fp-table {
     display: table;
     table-layout:fixed;
     width: 100%;
     /*height:640px !important;*/ /* Ã«ÂªÂ¨Ã«Â°â€Ã¬ÂÂ¼ ÃªÂ°â‚¬Ã«Â¡Å“Ã«Â¡Å“ Ã«Â³Â¼Ã«â€¢Å’ ÃªÂ²Â¹Ã¬Â³ÂÃ¬â€žÅ“ Ã¬Â¶â€ÃªÂ°â‚¬Ã­â€¢Â¨ */
 }
 .fp-tableCell {
     display: table-cell;
     vertical-align: middle;
     width: 100%;
     height: 100%;
 }
 .fp-slidesContainer {
     float: left;
     position: relative;
 }
 .fp-controlArrow {
     -webkit-user-select: none; /* webkit (safari, chrome) browsers */
     -moz-user-select: none; /* mozilla browsers */
     -khtml-user-select: none; /* webkit (konqueror) browsers */
     -ms-user-select: none; /* IE10+ */
     position: absolute;
     z-index: 4;
     top: 50%;
     cursor: pointer;
     width: 0;
     height: 0;
     border-style: solid;
     margin-top: -38px;
     -webkit-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
 }
 .fp-controlArrow.fp-prev {
     left: 15px;
     width: 0;
     border-width: 38.5px 34px 38.5px 0;
     border-color: transparent #fff transparent transparent;
 }
 .fp-controlArrow.fp-next {
     right: 15px;
     border-width: 38.5px 0 38.5px 34px;
     border-color: transparent transparent transparent #fff;
 }
 .fp-scrollable {
     overflow: hidden;
     position: relative;
 }
 .fp-scroller{
     overflow: hidden;
 }
 .iScrollIndicator{
     border: 0 !important;
 }
 .fp-notransition {
     -webkit-transition: none !important;
     transition: none !important;
 }
/* 빈 항목 숨기기: navigationTooltips의 ''에 해당하는 항목들 */
#fp-nav ul li:nth-child(4),
#fp-nav ul li:nth-child(5),
#fp-nav ul li:nth-child(7),
#fp-nav ul li:nth-child(8),
#fp-nav ul li:nth-child(9),
#fp-nav ul li:nth-child(13) {
  display: none !important;
}

 
 .fp-slidesNav{
     position: absolute;
     z-index: 4;
     opacity: 1;
     -webkit-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     left: 0 !important;
     right: 0;
     margin: 0 auto !important;
 }
 .fp-slidesNav.fp-bottom {
     bottom: 17px;
 }
 .fp-slidesNav.fp-top {
     top: 17px;
 }
 
 .fp-auto-height.fp-section,
 .fp-auto-height .fp-slide,
 .fp-auto-height .fp-tableCell{
     height: auto !important;
 }
 
 .fp-responsive .fp-auto-height-responsive.fp-section,
 .fp-responsive .fp-auto-height-responsive .fp-slide,
 .fp-responsive .fp-auto-height-responsive .fp-tableCell {
     height: auto !important;
 }
 
 
 #fp-nav{position:fixed; right:30px; top:50%; transform:translateY(-50%); z-index:9999; margin:0 !important; text-align:right !important;}
 #fp-nav ul{}
 #fp-nav ul li{margin: 0 0 17px; line-height: 120%;}
 #fp-nav ul li:last-child{margin: 0;}
 #fp-nav ul li a{display:block;  line-height: 120%; transition:all .3s linear;}
 #fp-nav ul li a .fp-sr-only{display: block;font-size: 12px;font-weight: 700;color: var(--black);line-height: 120%;}
 #fp-nav ul li a.active .fp-sr-only{font-size:12px;color: #630202 !important;}
.fp-viewing-10thPage #fp-nav ul li a.active .fp-sr-only {
  color: #FFC107 !important;
}
 #fp-nav ul li a .fp-sr-only:after{content:'';transition:all .3s linear;display:inline-block;margin: -2px 0 0 10px;vertical-align: middle;width: 20px;height: 20px;background:url('/img/page.png') no-repeat center/100% auto;}
 #fp-nav ul li a.active .fp-sr-only:after{background-image:url('/img/page_dot.svg');}
 #fp-nav ul li:last-child{display: none;} 
 #fp-nav ul li .fp-tooltip{display: none;}
 
 .fp-viewing-secondPage  #fp-nav ul li a .fp-sr-only{color:var(--black);}
 .fp-viewing-secondPage  #fp-nav ul li a .fp-sr-only:after{background-image:url('/img/page.png');}
 .fp-viewing-secondPage  #fp-nav ul li a.active .fp-sr-only:after{background-image:url('/img/page_dot.svg');}

 .fp-viewing-10thPage  #fp-nav ul li a .fp-sr-only{color: var(--white);}
 .fp-viewing-10thPage  #fp-nav ul li a .fp-sr-only:after{background-image:url('/img/page.png');}
 .fp-viewing-10thPage  #fp-nav ul li a.active .fp-sr-only:after{background-image:url('/img/page_dot.svg');}
 

.fp-viewing-lastPage #fp-nav{display: none;}

 
 /*******************************************************************************
     @media 480~680px
 *******************************************************************************/
 @media all and (max-width:1350px){
 
    #fp-nav{display:none !important;}
 
 }