/*!
 * pagepiling.js 1.5.6
 *
 * https://github.com/alvarotrigo/pagePiling.js
 * @license MIT licensed
 *
 * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
 */
body.main{overflow:hidden;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.pp-section{position:absolute;width:100%;height:100%;backface-visibility:hidden;}
.pp-easing{
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
}
#pp-nav{position:fixed;top:50%;z-index:4;opacity:1;transform:translate(0,calc(-50% + 50px));}
#pp-nav.right{right:40px;}
#pp-nav.left{left:40px;}
.pp-section.pp-table{display:table;}
.pp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%;}
#pp-nav ul{margin:0;padding:0;}
#pp-nav li{position:relative;display:block;width:30px;height:30px;margin:7px;}
.pp-slidesNav li{display: inline-block;}
#pp-nav li a{position:relative;display:block;width:100%;height:100%;font-size:1.3em;cursor:pointer;text-decoration:none;z-index:1;}
#pp-nav span{font-family:xeicon !important;display:block;width:100%;height:100%;line-height:30px;color:#000;text-align:center;z-index:1;}
#pp-nav span:before{display:block;width:100%;height:100%;}
#pp-nav li:nth-child(4) span{font-family:'Noto Sans KR';}
#pp-nav li:first-child span:before{content:'\eb5c'}
#pp-nav li:nth-child(2) span:before{content:'\ea6d'}
#pp-nav li:nth-child(3) span:before{content:'\eb16'}
#pp-nav li:nth-child(4) span:before{content:'JW';}
#pp-nav li:nth-child(4) a{font-size:.95em;font-weight:500;}
#pp-nav li:nth-child(4) a.active{font-size:1.3em;font-weight:inherit;}
#pp-nav li .active span:before{content:'\ec37';}
#pp-nav li .active span{width:initial;height:initial;animation:roundTxt 3s linear infinite;}
#pp-nav li:nth-child(4) .active span{font-family:xeicon !important;}
.pp-tooltip{position:absolute;top:2px;max-width:220px;color:#333;font-size:.95em;white-space:nowrap;}
.pp-tooltip.right{right:40px;}
.pp-tooltip.left{left:40px;}
.pp-scrollable{overflow-y:scroll;height:100%;}

#pp-nav.col_w span{color:#fff;}
#pp-nav.col_w .pp-tooltip{color:#fff;}

@media all and (max-width:1600px){
    #pp-nav.right{right:20px;}
}

@media all and (max-width:1400px){
    #pp-nav.right{right:10px;}
}

@media all and (max-width:768px){
    #pp-nav li a{font-size:1.2em;} 
    .pp-tooltip{display:none !important;}  
}

@media all and (max-height:500px) and (orientation: landscape){
    #pp-nav{transform:translate(0,0);}
}