/*!
 * fullPage 3.0.5
 * 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; -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%;}
.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;}

#fp-nav {position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0);}
#fp-nav.fp-right {right: 4%;}
#fp-nav.fp-left {left: 17px;}

@media (max-width: 768px) {
	#fp-nav.fp-right, #fp-nav.fp-left {display:none}
}

.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-nav ul {position:relative; height:160px; width:1px; background:rgba(0,0,0,0.2);}

#fp-nav ul, .fp-slidesNav ul {margin: 0; padding: 0;}
#fp-nav ul li, .fp-slidesNav ul li {position:absolute; top:0; left:0; display: block; width: 1px; transition:all 0.3s/*margin: 7px; position:relative;*/}


/*******************************************************메인 네비*******************************************************/
.main.fp-viewing-firstPage #fp-nav ul, .main.fp-viewing-3rdPage #fp-nav ul, .main.fp-viewing-4rdPage #fp-nav ul {background:rgba(255,255,255,0.4);}

.main.fp-viewing-firstPage #fp-nav ul li a.active span, .main.fp-viewing-firstPage .fp-slidesNav ul li a.active span,
.main.fp-viewing-firstPage #fp-nav ul li:hover a.active span, .main.fp-viewing-firstPage .fp-slidesNav ul li:hover a.active span, 

.main.fp-viewing-3rdPage #fp-nav ul li a.active span, .main.fp-viewing-3rdPage .fp-slidesNav ul li a.active span,
.main.fp-viewing-3rdPage #fp-nav ul li:hover a.active span, .main.fp-viewing-3rdPage .fp-slidesNav ul li:hover a.active span,

.main.fp-viewing-4rdPage #fp-nav ul li a.active span, .main.fp-viewing-4rdPage .fp-slidesNav ul li a.active span,
.main.fp-viewing-4rdPage #fp-nav ul li:hover a.active span, .main.fp-viewing-4rdPage .fp-slidesNav ul li:hover a.active span {background:#fff;}

.main.fp-viewing-firstPage #fp-nav ul li .fp-tooltip, .main.fp-viewing-3rdPage #fp-nav ul li .fp-tooltip, .main.fp-viewing-4rdPage #fp-nav ul li .fp-tooltip {color:#fff}


/*******************************************************REBIRTH 네비*******************************************************/
.sub01_1.fp-viewing-firstPage #fp-nav ul {background:rgba(255,255,255,0.4);}

.sub01_1.fp-viewing-firstPage #fp-nav ul li a.active span, .sub01_1.fp-viewing-firstPage .fp-slidesNav ul li a.active span,
.sub01_1.fp-viewing-firstPage #fp-nav ul li:hover a.active span, .sub01_1.fp-viewing-firstPage .fp-slidesNav ul li:hover a.active span {background:#fff;}

.sub01_1.fp-viewing-firstPage #fp-nav ul li .fp-tooltip {color:#fff}


/*******************************************************채우다(볼륨) 네비*******************************************************/
.sub02_1.fp-viewing-firstPage #fp-nav ul {background:rgba(255,255,255,0.4);}

.sub02_1.fp-viewing-firstPage #fp-nav ul li a.active span, .sub02_1.fp-viewing-firstPage .fp-slidesNav ul li a.active span,
.sub02_1.fp-viewing-firstPage #fp-nav ul li:hover a.active span, .sub02_1.fp-viewing-firstPage .fp-slidesNav ul li:hover a.active span {background:#fff;}

.sub02_1.fp-viewing-firstPage #fp-nav ul li .fp-tooltip {color:#fff}


/*******************************************************지우다(색소) 네비*******************************************************/
.sub03_1.fp-viewing-firstPage #fp-nav ul {background:rgba(255,255,255,0.4);}

.sub03_1.fp-viewing-firstPage #fp-nav ul li a.active span, .sub03_1.fp-viewing-firstPage .fp-slidesNav ul li a.active span,
.sub03_1.fp-viewing-firstPage #fp-nav ul li:hover a.active span, .sub03_1.fp-viewing-firstPage .fp-slidesNav ul li:hover a.active span {background:#fff;}

.sub03_1.fp-viewing-firstPage #fp-nav ul li .fp-tooltip {color:#fff}


/*******************************************************지우다(흉터) 네비*******************************************************/
.sub03_2.fp-viewing-firstPage #fp-nav ul {background:rgba(255,255,255,0.4);}

.sub03_2.fp-viewing-firstPage #fp-nav ul li a.active span, .sub03_2.fp-viewing-firstPage .fp-slidesNav ul li a.active span,
.sub03_2.fp-viewing-firstPage #fp-nav ul li:hover a.active span, .sub03_2.fp-viewing-firstPage .fp-slidesNav ul li:hover a.active span {background:#fff;}

.sub03_2.fp-viewing-firstPage #fp-nav ul li .fp-tooltip {color:#fff}


/*******************************************************교정하다(체형) 네비*******************************************************/
.sub04_2.fp-viewing-firstPage #fp-nav ul {background:rgba(255,255,255,0.4);}

.sub04_2.fp-viewing-firstPage #fp-nav ul li a.active span, .sub04_2.fp-viewing-firstPage .fp-slidesNav ul li a.active span,
.sub04_2.fp-viewing-firstPage #fp-nav ul li:hover a.active span, .sub04_2.fp-viewing-firstPage .fp-slidesNav ul li:hover a.active span {background:#fff;}

.sub04_2.fp-viewing-firstPage #fp-nav ul li .fp-tooltip {color:#fff}

/*******************************************************교정하다(브이라인) 네비*******************************************************/
.sub04_3.fp-viewing-firstPage #fp-nav ul {background:rgba(255,255,255,0.4);}

.sub04_3.fp-viewing-firstPage #fp-nav ul li a.active span, .sub04_3.fp-viewing-firstPage .fp-slidesNav ul li a.active span,
.sub04_3.fp-viewing-firstPage #fp-nav ul li:hover a.active span, .sub04_3.fp-viewing-firstPage .fp-slidesNav ul li:hover a.active span {background:#fff;}

.sub04_3.fp-viewing-firstPage #fp-nav ul li .fp-tooltip {color:#fff}


/*******************************************************네비*******************************************************/
/*네비1개*/
.nav1.fp-viewing-secondPage #fp-nav ul li, .nav1.fp-viewing-secondPage .fp-slidesNav ul li {height:100%}

/*네비2개*/
.nav2.fp-viewing-firstPage #fp-nav ul li, .nav2.fp-viewing-firstPage .fp-slidesNav ul li {height:50%}
.nav2.fp-viewing-secondPage #fp-nav ul li, .nav2.fp-viewing-secondPage .fp-slidesNav ul li {height:100%}

/*네비3개*/
.nav3.fp-viewing-firstPage #fp-nav ul li, .nav3.fp-viewing-firstPage .fp-slidesNav ul li {height:33.333%}
.nav3.fp-viewing-secondPage #fp-nav ul li, .nav3.fp-viewing-secondPage .fp-slidesNav ul li {height:66.666%}
.nav3.fp-viewing-3rdPage #fp-nav ul li, .nav3.fp-viewing-3rdPage .fp-slidesNav ul li {height:100%}

/*네비4개*/
.nav4.fp-viewing-firstPage #fp-nav ul li, .nav4.fp-viewing-firstPage .fp-slidesNav ul li {height:25%}
.nav4.fp-viewing-secondPage #fp-nav ul li, .nav4.fp-viewing-secondPage .fp-slidesNav ul li {height:50%}
.nav4.fp-viewing-3rdPage #fp-nav ul li, .nav4.fp-viewing-3rdPage .fp-slidesNav ul li {height:75%}
.nav4.fp-viewing-4rdPage #fp-nav ul li, .nav4.fp-viewing-4rdPage .fp-slidesNav ul li {height:100%}

/*네비5개*/
.nav5.fp-viewing-firstPage #fp-nav ul li, .nav5.fp-viewing-firstPage .fp-slidesNav ul li {height:20%}
.nav5.fp-viewing-secondPage #fp-nav ul li, .nav5.fp-viewing-secondPage .fp-slidesNav ul li {height:40%}
.nav5.fp-viewing-3rdPage #fp-nav ul li, .nav5.fp-viewing-3rdPage .fp-slidesNav ul li {height:60%}
.nav5.fp-viewing-4rdPage #fp-nav ul li, .nav5.fp-viewing-4rdPage .fp-slidesNav ul li {height:80%}
.nav5.fp-viewing-7 #fp-nav ul li, .nav5.fp-viewing-7 .fp-slidesNav ul li {height:100%}



/*******************************************************토탈 네비*******************************************************/
#fp-nav ul li .fp-totalBox {position: fixed; bottom: -22px;right:-5px; color: #000; font-size:10px !important; width:15px; overflow: hidden; font-family:'Now-Thin' !important; text-align: center; z-index:2}

.sub01_1.fp-viewing-firstPage #fp-nav ul li .fp-totalBox, .sub02_1.fp-viewing-firstPage #fp-nav ul li .fp-totalBox, .sub03_1.fp-viewing-firstPage #fp-nav ul li .fp-totalBox,
.sub03_2.fp-viewing-firstPage #fp-nav ul li .fp-totalBox, .sub04_2.fp-viewing-firstPage #fp-nav ul li .fp-totalBox, .sub04_3.fp-viewing-firstPage #fp-nav ul li .fp-totalBox{color:#fff}

/*Only display content to screen readers*/
.fp-sr-only{/*position: absolute;*/ position: fixed; bottom: -22px;right:-4px; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

.sub01_1.fp-viewing-firstPage #fp-nav li:last-child .fp-sr-only, .sub01_1.fp-viewing-firstPage .fp-slidesNav li:last-child .fp-sr-only,
.sub02_1.fp-viewing-firstPage #fp-nav li:last-child .fp-sr-only, .sub02_1.fp-viewing-firstPage .fp-slidesNav li:last-child .fp-sr-only,
.sub03_1.fp-viewing-firstPage #fp-nav li:last-child .fp-sr-only, .sub03_1.fp-viewing-firstPage .fp-slidesNav li:last-child .fp-sr-only,
.sub03_2.fp-viewing-firstPage #fp-nav li:last-child .fp-sr-only, .sub03_2.fp-viewing-firstPage .fp-slidesNav li:last-child .fp-sr-only,
.sub04_2.fp-viewing-firstPage #fp-nav li:last-child .fp-sr-only, .sub04_2.fp-viewing-firstPage .fp-slidesNav li:last-child .fp-sr-only,
.sub04_3.fp-viewing-firstPage #fp-nav li:last-child .fp-sr-only, .sub04_3.fp-viewing-firstPage .fp-slidesNav li:last-child .fp-sr-only,
.main.fp-viewing-firstPage #fp-nav li:last-child .fp-sr-only, .main.fp-viewing-3rdPage #fp-nav li:last-child .fp-sr-only, .main.fp-viewing-4rdPage #fp-nav li:last-child .fp-sr-only{color:#fff}

#fp-nav li:last-child:hover .fp-sr-only, .fp-slidesNav li:last-child:hover .fp-sr-only, #fp-nav ul li:last-child a.active .fp-sr-only {background:none !important}
#fp-nav li:last-child .fp-sr-only, .fp-slidesNav li:last-child .fp-sr-only { width:auto !important; height:auto !important; clip: auto !important; color:#000; font-size:10px; font-family:'Now-Light';}


.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a, .fp-slidesNav ul li a {display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{/*height: 15px;*/ display:block; width: 1px; height:100%; background:#000; margin: 0;  /*border-radius: 100%;*/}

#fp-nav ul li a span, .fp-slidesNav ul li a span {/*border-radius: 50%; position: absolute;*/ z-index: 1; display:block; height:100%; width: 1px; /*left: 50%; top: 50%;*/ margin:0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 1px; height:100%; margin:0; background:#000;}

/*.page02.fp-viewing-secondPage #fp-nav ul li a span, .page02.fp-viewing-secondPage .fp-slidesNav ul li a span,
.page02.fp-viewing-3rdPage #fp-nav ul li a span, .page02.fp-viewing-3rdPage .fp-slidesNav ul li a span,
.page03.fp-viewing-secondPage #fp-nav ul li a span, .page03.fp-viewing-secondPage .fp-slidesNav ul li a span,
.page04.fp-viewing-secondPage #fp-nav ul li a span, .page04.fp-viewing-secondPage .fp-slidesNav ul li a span,
.page01.fp-viewing-secondPage #fp-nav ul li a span, .page01.fp-viewing-secondPage .fp-slidesNav ul li a span,
.page01.fp-viewing-4rdPage #fp-nav ul li a span, .page01.fp-viewing-4rdPage .fp-slidesNav ul li a span, 
.page01.fp-viewing-4 #fp-nav ul li a span, .fp-viewing-4 .fp-slidesNav ul li a span{border-color:#343434}

.page01.fp-viewing-3rdPage #fp-nav ul li a span, .page01.fp-viewing-3rdPage .fp-slidesNav ul li a span {border-color:#ababab}*/


/*툴*/
#fp-nav ul li .fp-tooltip {position: absolute; top: -20px; color: #000; font-size: 10px; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; font-family: 'Now-Light'; opacity: 0; width:15px; text-align:center; cursor: pointer;}
/*#fp-nav ul li:hover .fp-tooltip,*/#fp-nav.fp-show-active a.active + .fp-tooltip {-webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; opacity: 1;}

#fp-nav ul li .fp-tooltip.fp-right {/*right: 20px;*/ right: -5px;}
#fp-nav ul li .fp-tooltip.fp-left {left: 20px;}

.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;}