/* BASIC css start */
/*!
 * fullPage 3.0.8
 * 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
 */
 
 .next {
    position:fixed;
    bottom:35px;
    left:50%;
    z-index:20;
    display:inline-block;
    width:39px;
    height:39px;
    line-height:39px;
    background:url('/design/huit8/img/pc/icon_fullpage_next.png')no-repeat center center;
    margin-left:-19.5px;
    cursor:pointer;
}
 
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-nav {
    position:fixed;
    top:50%;
    left:110px;
    transform:translateY(-50%);
    margin-top:40px !important;
    z-index:11;
}
#fp-nav ul li a {
    position:relative;
    display:inline-block;
    padding-left:18px;
}
#fp-nav ul li a:before {
    position:absolute;
    top:50%;
    left:0px;
    z-index:11;
    transform:translateY(-50%);
    width:8px;
    height:8px;
    background:transparent;
    border:1px solid #333;
    box-sizing:border-box;
    content:"";
}
#fp-nav ul li a.active:before {
    background:#333;
}
#fp-nav ul li a span {
    display:none;
}
#fp-nav ul li a .fp-sr-only {
    opacity:0;
    display:inline-block;
    line-height:32px;
    font-size:13px;
    font-weight:bold;
    font-family:'Roboto Condensed';
    color:#333;
}
#fp-nav ul li a.active .fp-sr-only{
    opacity:1;
}
#fp-nav.white-mod ul li a:before{
    border:1px solid #fff
}
#fp-nav.white-mod ul li a.active:before {
    background:#fff;
}
#fp-nav.white-mod ul li a .fp-sr-only{
    color:#fff;
}
/*Ç®ÆäÀÌÁö*/
#fullpage{
    background:#c09995;
}
#fullpage .section{
    box-sizing:border-box;
    position:relative;
    text-align:center;
    min-width:1280px;
}
#fullpage .fp-tableCell {
    height:100% !important;
}
#fullpage .fp-tableCell .inner{
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover !important;
    padding-top:80px;
    box-sizing:border-box;
}
#fullpage .fp-tableCell .inner.intro{
    padding-top:230px;
}
#fullpage .section.padding-top-none {
    padding-top:0px;
}
#fullpage .section.header-padding {

}
#fullpage .section.padding-top-none.header-padding {

}
#fullpage .section .contents{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display:inline-block;
    width:1280px;
    vertical-align:center;
}
.inner.intro{
    padding-top:208px;
}
.section .intro-wrap{
    text-align:center;
    height:580px;
    background:#fff;
    padding-top:84px;
    box-sizing:border-box;
    width:1280px;
    margin:0 auto;
}
.section .intro-wrap .top-wrap h4{
    line-height:47px;
    color:#333;
    font-size:30px;
    font-weight:normal;
    padding-bottom:14px;
}
.section .intro-wrap .top-wrap p{
    line-height:26px;
    color:#333;
    font-size:16px;
    font-family:'Nanum Gothic';
}
.section .intro-wrap .bottom-wrap{
    padding-top:45px;
}
.section .intro-wrap .bottom-wrap .logo{
    
}
.section .intro-wrap .bottom-wrap p{
    padding-top:11px;
    line-height:27px;
    color:#333;
    font-size:16px;
}
.favric-wrap{
    padding-top:128px;
    width:1280px;
    margin:0 auto;
}
.favric-wrap .txt-wrap .top-txt{
    line-height:23px;
    color:#fff;
    font-size:14px;
    font-family:'Nanum Gothic';
}
.favric-wrap .txt-wrap{
    padding-bottom:40px;
}
.favric-wrap .txt-wrap h4{
    line-height:89px;
    color:#fff;
    font-size:80px;
    font-weight:bold;
    font-family:'Roboto Condensed';
    padding-bottom:28px;
}
.favric-wrap .txt-wrap p.info-txt{
    line-height:29px;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    font-family:'Nanum Gothic';
}
.favric-wrap .functional-wrap{
    width:1050px;
    margin:0 auto;
    background:#fff;
    padding:37px 7px 43px 7px;
    box-sizing:border-box;
}
.favric-wrap .functional-wrap ul{
    font-size:0px;
}
.favric-wrap .functional-wrap li{
    display:inline-block;
    vertical-align:top;
    width:11.11111%;
    text-align:center;
    opacity:0.2;
}
.favric-wrap .functional-wrap li.on{
    opacity:1;
}
.favric-wrap .functional-wrap li .img{
    width:100%;
    height:76px;
    line-height:76px;
    text-align:center;
}
.favric-wrap .functional-wrap li p{
    line-height:17px;
    color:#333;
    font-size:13px;
    font-family:'Roboto Condensed';
    text-transform:uppercase;
}
.favric-info-wrap{
    padding-top:48px;
}
.favric-info-wrap ul{
    font-size:0px;
}
.favric-info-wrap ul li{
    display:inline-block;
    vertical-align:top;
    text-align:left;
    padding:0px 14px;
}
.favric-info-wrap ul li p{
    line-height:23px;
    color:#fff;
    font-size:14px;
    font-family:'Nanum Gothic';
}
/* BASIC css end */