/* 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;
}

/*풀페이지*/
#fullpage{
    background:#ffffff;
}
#fullpage .section{
    box-sizing:border-box;
    position:relative;
    text-align:center;
    min-width:1280px;
}
#fullpage .fp-tableCell{
    background-size:cover !important;
    height:100% !important;
}
#fullpage .section.padding-top-none {
    padding-top:0px;
}
#fullpage .section.header-padding {
}
#fullpage .section.padding-top-none.header-padding {

}
#fullpage .section h1{
    font-size:16px;
    vertical-align:middle;
}

#fullpage .section .contents{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display:inline-block;
    width:1280px;
    vertical-align:center;
}
#fullpage .fp-tableCell{
    padding-top:80px;
    box-sizing:border-box;
}
#section1 .fp-tableCell{
    background:url('/design/huit8/img/pc/bs_bg_section01.jpg')no-repeat center center;
}
#section1 .logo{
    line-height:123px;
    text-align:center;
    padding-bottom:20px;
}
#section1 .txt{
    text-align:center;
}
#section1 .txt h4{
    line-height:69px;
    color:#fff;
    font-family:'Roboto Condensed';
    font-size:40px;
    font-weight:normal;
}
#section1 .txt p{
    padding-top:37px;
    line-height:44px;
    color:#fff;
    font-size:20px;
    font-family:'Nanum Gothic';
}
#section2 .fp-tableCell{
    background:url('/design/huit8/img/pc/bs_bg_section02.jpg')no-repeat center center;
}
#section2 .contents{}
#section2 .contents .top-txt-wrap{
    padding-bottom:62px;
}
#section2 .contents .top-txt-wrap .top{
    line-height:37px;
    color:#d2a7a3;
    font-size:18px;
    font-family:'Nanum Gothic';
    font-weight:bold;
    padding-bottom:15px;
}
#section2 .contents .top-txt-wrap .mid{
    line-height:103px;
    color:#fff;
    font-size:80px;
    font-family:'Roboto Condensed';
    font-weight:normal;
    letter-spacing:6px;
}
#section2 .contents .top-txt-wrap .bottom{
    line-height:43px;
    color:#fff;
    font-size:20px;
    font-family:'Roboto Condensed';
    font-weight:normal;
    letter-spacing:5px;
}
#section2 .contents .txt{
    line-height:37px;
    color:#fff;
    font-size:18px;
    font-family:'Nanum Gothic';
    font-weight:normal;
}
#section3 .fp-tableCell{
    background:url('/design/huit8/img/pc/bs_bg_section03.jpg')no-repeat center center;
}

#section3 .contents{}
#section3 .contents .top-txt-wrap{
    padding-bottom:62px;
}
#section3 .contents .top-txt-wrap .top{
    line-height:37px;
    color:#d2a7a3;
    font-size:25px;
    font-family:'Nanum Gothic';
    font-weight:Bold;
    padding-bottom:15px;
}
#section3 .contents .top-txt-wrap .mid{
    line-height:110px;
    color:#fff;
    font-size:80px;
    font-family:'Roboto Condensed';
    font-weight:normal;
    letter-spacing:15.2px;
}
#section3 .contents .top-txt-wrap .bottom{
    line-height:43px;
    color:#fff;
    font-size:20px;
    font-family:'Roboto Condensed';
    font-weight:normal;
    letter-spacing:5px;
}
#section3 .contents .txt{
    line-height:34px;
    color:#fff;
    font-size:18px;
    font-family:'Nanum Gothic';
    font-weight:normal;
}
#section4 .fp-tableCell{
    background:url('/design/huit8/img/pc/bs_bg_section04.jpg')no-repeat center center;
}
#section4 .contents{}
#section4 .contents .top-txt-wrap{
    padding-bottom:40px;
}
#section4 .contents .top-txt-wrap .top{
    line-height:37px;
    color:#d2a7a3;
    font-size:18px;
    font-family:'Nanum Gothic';
    font-weight:bold;
    padding-bottom:10px;
}
#section4 .contents .top-txt-wrap .mid{
    line-height:60px;
    color:#fff;
    font-size:80px;
    font-family:'Roboto Condensed';
    font-weight:normal;
    letter-spacing:6.2px;
    padding-top:90px;
}
#section4 .contents .top-txt-wrap .bottom{
    line-height:43px;
    color:#fff;
    font-size:20px;
    font-family:'Roboto Condensed';
    font-weight:normal;
    letter-spacing:15px;
}
#section4 .contents .txt{
    line-height:34px;
    color:#fff;
    font-size:18px;
    font-family:'Nanum Gothic';
    font-weight:normal;
    padding-top:40px;
}
#section4 .contents .btn-wrap{
    padding-top:126px;
    text-align:center;
}
#section4 .contents .btn-wrap a{
    display:inline-block;
    width:300px;
    height:80px;
    line-height:80px;
    text-align:center;
    background:#d2a7a3;
}
#section4 .contents .btn-wrap a span{
    font-size:16px;
    color:#fff;
    font-weight:bold;
    padding-right:55px;
    background:url('/design/huit8/img/pc/common_navi_next_white.png')no-repeat center right;
}
#section5{
    background:#ffffff;
   
}
#section5 .offline-shop-wrap{
    position:relative;
    padding-top:70px;
}
#section5 .offline-shop-wrap .title{
    padding-bottom:71px;
}
#section5 .offline-shop-wrap .title h3{
    line-height:59px;
    color:#333;
    font-size:40px;
    font-family:'Roboto Condensed';
    font-weight:normal;
    padding-bottom:7px;
}
#section5 .offline-shop-wrap .title p{
    line-height:35px;
    color:#333;
    font-size:18px;
    font-family:'Nanum Gothic';
    font-weight:normal;
}
#section5 .offline-shop-wrap .offline-shop-list ul{
    font-size:0px;
}
#section5 .offline-shop-wrap .offline-shop-list ul li{
    display:inline-block;
    width:630px;
    box-sizing:border-box;
}
#section5 .offline-shop-wrap .offline-shop-list ul li:last-child {
    margin-left:20px;
}
#section5 .offline-shop-wrap .offline-shop-list ul li .img{
    padding-bottom:20px;
}
#section5 .offline-shop-wrap .offline-shop-list ul li .img img{
    width:100%;
    height:auto;
}
#section5 .offline-shop-wrap .offline-shop-list ul li .txt{
    text-align:left;
}
#section5 .offline-shop-wrap .offline-shop-list ul li .txt h4{
    line-height:47px;
    color:#333;
    font-size:30px;
    font-weight:normal;
    padding-bottom:10px;
}
#section5 .offline-shop-wrap .offline-shop-list ul li .txt p.location{
    line-height:37px;
    color:#333;
    font-size:18px;
    font-family:'Nanum Gothic';
    font-weight:normal;
}
#section5 .offline-shop-wrap .offline-shop-list ul li .txt p.tel{
    line-height:32px;
    color:#333;
    font-size:16px;
    font-family:'Roboto Condensed';
}

#about-05 .offline-shop-list .common-swiper-pagination .swiper-pagination {
    position:relative;
    bottom:auto !important;
    margin-top:80px;
}
/*swiper 페이지 네이션*/

#about-05 .offline-shop-wrap .offline-shop-list .common-swiper-pagination .swiper-pagination-bullet{
    width:6px !important;
    height:6px !important;
    border:1px solid #333 !important;
    box-sizing:border-box !important;
    border-radius: 0px !important;
    margin:0px 5.5px !important;
    opacity: 1 !important;
    background:transparent !important;
}
#about-05 .offline-shop-wrap .offline-shop-list .common-swiper-pagination .swiper-pagination-bullet-active{
    background:#333 !important;
}

#section5 .offline-shop-wrap .common-navi-prev {
    top:415px;
    left:-91px;
    margin-top:0px;
    background-image:url('/design/huit8/img/2020/pc/swiper_prev_icon.jpg');
    border:1px solid #f2f2f2;
    box-sizing:border-box;
}
#section5 .offline-shop-wrap .common-navi-next {
    top:415px;
    right:-91px;
    margin-top:0px;
    background-image:url('/design/huit8/img/2020/pc/swiper_next_icon.jpg');
    border:1px solid #f2f2f2;
    box-sizing:border-box;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{top: 600px;
}

.swiper-container{height:620px;}

/* BASIC css end */