@charset "utf-8";
/*
** Default 
--------------------------------------------------------*/
html {
    scroll-behavior: smooth;
}
body {
    position: relative;
    background-color:#fff;
    overflow-x: hidden;
}


.kso-sticky.sticked .navik-header {
    background-color: #193452;
}
.navik-header {
    position: absolute;
    top: 0;
    width: 100%;
    transition: background .5s ease;
}
body.fp-viewing-section1 .navik-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
body.fp-viewing-section2 .navik-header,
body.fp-viewing-section3 .navik-header,
body.fp-viewing-section4 .navik-header,
body.fp-viewing-section5 .navik-header,
body.fp-viewing-section6 .navik-header,
body.fp-viewing-section7 .navik-header,
body.fp-viewing-section8 .navik-header,
body.fp-viewing-Footer .navik-header {
    background-color: #fff;
}

/*mobile menu*/
header .navik-header .burger-menu {
    top: 25px;
}


/*mobile slidemenu*/
header .navik-header-overlay .logo,
header .navik-header-overlay .burger-menu {
    top: 10px;
}
.menu-social-media {
    margin-bottom: 3rem;
    font-size: 16px;
}

.navik-menu ul li:hover .phone-top {
    color: #fff !important;
    background-color: #25498e !important;
}
.navik-header .logo img.logo-svg {
    margin-left: 2rem;
    width: 310px;
    height: 50px;
}
body.fp-viewing-section1 .navik-header .logo-svg {
    display: block;
    margin-left: 2rem;
    width: 310px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url(../img/logo-light.svg);
}

@media (min-width: 1200px) {
    /*.navik-header-container {height: 130px;}*/
    .navik-menu>ul>li>a {
        font-size: 17px;
        height: 90px;
        line-height: 90px;
        transition: none;
    }
}
.navik-menu-fixed ul li a {
    padding: 0;
}
.phone-top {
    background-color: #25498e;
}
.fullnavbox {
    width: 280px;
}

/*fixed*/
.fixed-nav {
    position: fixed;
    left: 0;bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #25498e;
    z-index: 3;
}

/* .fixed-nav:after{
    content: '';
    position:absolute;
    z-index:1;
    top:10px;
    bottom:10px;
    left:50%;
    margin-left:-0.5px;
    width:1px;
    background-color:#fff;
} */

.fixed-nav a {
    font-size: 16px;
    line-height: 60px;
    color: #fff;
}  
.fixed-nav a.talktalk {
	background-repeat: no-repeat;
	background-image: url(../img/talktalk.png);
    background-position: 0 48%;
    padding-left: 30px;
}
.quick_main {
    padding: 1rem 0;
    width: 120px;
    text-align: center;
}
.quick_main li {
    padding: 1rem 5px;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;    
}   
.quick_main li figure { 
    margin-bottom: 0;
}
.quick_main li svg {
    color: #111;
}
.quick_main .scroll-btn,
.quick_main #quickfirst {
    color: #fff;
    background-color: #25498e;
    border-color: #25498e;
}

/* --------------------------------------------------------------------------
** 
** custom
**
----------------------------------------------------------------------------*/
.scrolldown {
    position: absolute;
    left: 50%;bottom: 20%;
    color: #fff;
    transform: translateX(-50%);
}
.scrolldown:hover {
    color: #26c6da;
}
.arrow1 {
  animation: slide1 1s ease-in-out infinite;
  margin-bottom: 9px;
}
@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0, 10px);
  }
}




.kso-promotion .owl-slide .item-caption h1:before {
    content: '';
    position: absolute;
    left: 0;top: -1rem;
    width: 40px;height: 5px;
    background-color: #f28121;
}
.kso-promotion .owl-slide .item-caption h1 {font-size: 70px;}
.kso-promotion .owl-slide .item-caption .owl-p {font-size: 20px;}

#myVideo {
    position: absolute;
    left: 0;top: 0;right: 0;
    width: 100%;height: 100%;
    background-color: black;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    object-position: 20% center;
}

.visual-caption h1 {
    font-size: 26px;
}

.divide {
    position: relative;
}
.divide:before {
    content: '';
    position: absolute;
    left: 0;top: 20%;
    width: 1px;height: 50px;
    border-left: 3px solid rgba(255,255,255,.9);
}
/* --------------------------------------------------------------------------
** 
** section
**
----------------------------------------------------------------------------*/
.ml3 {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.text-shine {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
  background: linear-gradient(90deg, #000, #fff, #000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
  background-size: 90%;
  animation: shine 4s linear infinite;
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

@keyframes shine {
  0% {
    background-position-x: -500%;
  },
  50% {
    background-position-x: 400%;
  }
  100% {
    background-position-x: 800%;
  }
}

.section-fullpage .fp-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #080808;
    background-size: cover;
    background-position: center center;
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
}

#section-page1 .cover {
    display: block;
    position: relative;
}
#section-page1 .cover:before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: '자세히 보기';
    position: absolute;
    left: 0;top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: rgba(0,0,0,0);
    transition: background .3s ease;
}
#section-page1 .cover:hover:before {
    background-color: rgba(0,0,0,.5);
}
.img-frame {
    position: relative;
}
.img-frame:before {
    content: '';
    position: absolute;
    left: 2rem;top: 2rem;
    width: 100%;height: 100%;
    border: 10px solid #eee;
    z-index: -1;
}


#section-page4 .fp-bg:before,
#section-page4 .fp-bg:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
#section-page4 .fp-bg:before {right: 50%;}
#section-page4 .fp-bg:after {left: 50%;}



.section-fullpage h1 {
    font-size: 60px;
}
.section-fullpage .section-summary {
    font-size: 23px;
    line-height: 1.8;
}
.btn-kso {
    color: #fff;
}

.sns {
    display: flex;
    position: absolute;
    left: 5rem;bottom: 4rem;
    flex-direction: column;
    z-index: 1;
}
.sns a {
    display: flex;
    align-items: center;
    justify-content: center;      
    width: 50px;
    height: 50px;
    margin-top: 1rem;
    color: #fff;
}

.bg-process {
    position: relative;
    padding: 2rem 0;
    background-color: rgba(255,255,255,.2);
    border-radius: 2rem;
}
.bg-process:before {
    content: '자세히보기';
    position: absolute;
    left: 50%;top: 50%;
    padding: .5rem 1.5rem;
    color: #fff;
    background-color: #25498E;
    border-radius: 5px;
    transition: opacity .3s ease;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    opacity: 0;
    z-index: 2;
}
.bg-process:hover:before {
    
    opacity: 1;
}  

.column-box {
    position: relative;
    display: flex;
    height: 100px;
    background-size: cover;
    background-position: center;
    /*background-color: #111;*/
    background-repeat: no-repeat;
    overflow: hidden;
}
.column-box .block-a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.column-box .caption {
    position: absolute;
    bottom: 0;
    padding: 1rem 1rem;
    font-size: 15px;
    color: #fff;
    opacity: 0;
    transform: translateY(1rem);
    z-index: 2;
}
.column-box img {
    object-fit: cover;
}
.column-box, 
.column-box:before, 
.column-box img, 
.column-box .caption {
    transition: all .3s ease;
}

.column-box:hover:before {
    opacity: .3;
}
.column-box:hover .caption {
    opacity: 1;
    transform: translateY(0);
}


.count-col span {
    color: #fff;
}
.count-col .counter {
    font-size: 40px;
    font-weight: 600;
}
.count-col .count-title {
    font-size: 20px;
    color: #fff;
}


.arrow-before {position: relative;}
.arrow-before:before {
    content: '\f30b';
    position: absolute;
    left: -10px;
    top: 50%;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 26px;
    transform: translate(0, -80%);
}




#section-page4,
#section-page4 h5,
#section-page4 h3 {
    color: #333;
}
#owl-certifi h5 {
    text-align: center;
}

#section-page5 h3 {
    position: relative;
    padding-left: 50px;
    margin: 0 0 30px;
    font-size: 32px;
    line-height: 1;
}

#section-page5 li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px;
    font-size: 17px;
}
#section-page5 li, 
#section-page5 li svg {
    color: #fff;
}

#section-page5 h3:before {
    content: '';
    display: block;
    position: absolute;
    left: -150%;
    bottom: 0;
    width: 150%;
    height: 1px;
    background-color: #fff;
}
#section-page5 h3:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 30px;
    background-image: url(../img/em.png);
    background-position: center;
    background-repeat: no-repeat;
    /*background-color: #fff;*/
}
#section-page5 h3.line-right:before {
    display: none;
    content: '';
    position: absolute;
    left: auto;    
    right: -150%;
    bottom: 0;
    width: 150%;
    height: 1px;
    /*background-color: #fff;*/
}
#section-page5 h3.line-right:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 30px;
    background-image: url(../img/em.png);
    background-position: center;
    background-repeat: no-repeat;
}


.section-gallery .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
}
.section-gallery .swiper-slide {
    background-size: cover;
    background-position: center;
}
.section-gallery .swiper-gallery {
    height: 80%;
    width: 100%;
}
.section-gallery .swiper-thumb {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.section-gallery .swiper-thumb .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.section-gallery .swiper-thumb .swiper-slide-thumb-active {
    opacity: 1;
}
.section-gallery .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.bg-half {
    position: relative;
}
.bg-half:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    bottom: 0;
    background-color:rgba(206,206,206,0.7);
    z-index: 0;
}

#section-page7 .process {
    display: flex;
    font-size: 14px;
    color: #333;
}
#section-page7 .process .step {
    position: relative;
    padding-top: 1rem;
    text-align: center;
}
#section-page7 .process .step:before {
    content: '';
    position: absolute;
    left: 50%;top: 0;
    width: 100%;
    border-top: 1px solid #333;
}
#section-page7 .process .step:after {
    content: '';
    position: absolute;
    left: 50%;top: -4px;
    width: 10px;height: 10px;
    background-color: #333;
    border-radius: 50%;
}    
#section-page7 .process .step4:before {
    display: none;
}
.line-left {
    padding-left: 1rem;
    border-left: 10px solid #eee;
}



.kso-footer {
    background-color: #171717;
}
.sub-visual.dark {
    background-color: #111;
}
.sub-header {
    position: relative;
    z-index: 0;
}
.sub-header:before {
    content: '';
    position: absolute;
    width :100%;height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: -1;
}
.sub-header .sub-header-caption h1>span:before {
    background-color: #FA8522;
}

.footer-menu li a {
    position: relative;
    font-size: 15px;
}
.footer-menu li a:before {
    content: '';
    position: absolute;
    left: 0;top: 12px;
    width: 1px;height: 14px;
    border-left: 1px solid rgba(255,255,255,.3);
}
.footer-menu li:nth-child(1) a:before {
    border: 0;
}
.footer-menu li:nth-child(1) a {
    padding-left: 0;
}    

/*owl-sub-case*/
#owl-sub-case .item {
    border: 1px solid #ddd;
}
#owl-sub-case .item .head {
    display: flex;
    padding: 1rem;
}
#owl-sub-case .item .head .profile {
    margin-right: 1rem;
    border-radius: 50%;
}

#owl-sub-case .item .head h4 {
    width: 150px;
    font-size: 18px;
}
#owl-sub-case .item .head p {
    margin-bottom: 4px;
    font-size: 14px;
}
#owl-sub-case .item .head .ico-best {
    display: inline-block;
    padding: 1px 10px;
    margin-bottom: 4px;
    font-size: 11px;
    color: #fff;
    background-color: #fe6602;
    border-radius: 10px;
}
#owl-sub-case .item .content {
    padding: 1rem;
    font-size: 15px;
    color: #fff;
    background-color: #25498e;
} 
#owl-sub-case .item .content .summary {
    max-height: 110px;
    overflow: hidden;
}
#owl-sub-case .item .content .btn-more {
    display: inline-block;
    padding: 4px 30px;
    margin-top: 1rem;
    text-align: center;
    font-size: 14px;
    color: #fff;    
    border: 1px solid #fff;
}
#owl-sub-case .item .content .btn-more:hover {
    color: #333;    
    background-color: #fff;
}



[class*='sr__'] {visibility: hidden;}

/* custom_0525 */

.font-bk{color: #111 !important; margin-bottom: .5rem !important; font-size: 1.5rem !important;}
.mb-br{margin-bottom: 1rem !important;}
.fw-600{font-weight: 600 !important;}

/* mediaQuery
--------------------------------------------------------*/
@media (min-width: 992px) {   

}
@media (min-width: 1200px) {   
    .visual-caption h1 {
        font-size: 50px;
        font-weight: 600;
    }
    .visual-caption h4 {font-size: 41px;}
    .visual-caption p {font-size: 24px;}
    header .navik-header {
        border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .kso-contents>.container-full {
        padding-top: 60px;
    }

    /* quickmenu */
    .quickmenu{position: fixed; left: 50%; bottom: 1rem; transform: translateX(-50%); width: 100%; max-width: 1230px; padding: 0 15px; z-index: 9999; display: flex; justify-content: space-between; transition: .4s;}
    .quickmenu > a{display: block; padding: 1.5rem 15px; border-radius: 10px; width: 32.8%; text-align: center; font-size: 18px; font-weight: 500; position: relative; color: #fff; backdrop-filter: blur(5px); transition: .3s;}
    .quickmenu > a:hover{border-radius: 0;}
    .quickmenu > a > span{display: inline-block; font-size: 30px; position: absolute; top: 50%; left: 2rem; transform: translateY(-50%); line-height: 1;}
    .quickmenu > a:nth-child(1){background-color: rgba(120, 22, 27, 0.9);}
    .quickmenu > a:nth-child(2){background-color: rgba(62, 176, 68, 0.9);}
    .quickmenu > a:nth-child(3){background-color: rgba(45, 175, 226, 0.9);}
    .quickmenu.scr{bottom: 1rem;}

    .fixed-wrap{display: none;}
}
@media (min-width: 1440px) {
    .container-14 {max-width: 1430px;}
    .kso-promotion {min-height: 650px;}   
}    
@media (min-width: 1500px) {
    .kso-promotion {min-height: 750px;}    
}    
@media (max-width: 1199px) {
    .navik-header .logo {padding: 5px 0;text-align: left;}
    body.fp-viewing-section1 .navik-header .logo-svg,
    .navik-header .logo img.logo-svg {
        margin-left: 0;
        height: 37px;
    }
    .bg-half:before {
        width: 100%;
        right: 0;
    }

    .quickmenu{display: none;}
    .fixed-wrap{position: fixed; left: 0; bottom: 0; width: 100%; display: flex; background-color: #25498e; z-index: 88888;}
    .fixed-wrap > a{font-size: 16px; line-height: 60px; color: #fff; width: 33.3333%; text-align: center; position: relative;}
    .fixed-wrap > a:nth-child(1){background-color: #78161B;}
    .fixed-wrap > a:nth-child(2){background-color: #3EB044;}
    .fixed-wrap > a:nth-child(3){background-color: #2DAFE2;}
}
@media (max-width: 991px) { 
/*    
    #section-page4 .fp-bg:before {right: 100%;bottom: 50%;width: 100%;}
    #section-page4 .fp-bg:after {left: 0;top: 50%;width: 100%;}    
*/
    .position-m {
        position: absolute;
        left: 50%;bottom: 5%;
        transform: translateX(-50%);
    }
    #kso-parallax:before {
        display: none;
    }
    .navik-fixed-sidebar .menu-social-media a {
        text-align: center;
        font-size: 14px;
        line-height: 24px;
    }
}
@media (max-width: 767px) { 
    #kso-intro .bg-img {
        min-height: 300px;
        height: 300px;
    }

    .fp-section.fp-table {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    #section-page0 {
        padding: 0 !important;
    }
    .section-fullpage h1 {
        font-size: 30px;
    }
    .arrow-none:before {
        display: none;
    }
}
@media (max-width: 575px) { 
    .logo-svg {
        padding: 0;
        width: 100px;
    }
    #section-page2 .count-col .counter {
        font-size: 30px;
    }
    #section-page2 .count-col .count-title {
        padding: 10px 5px;
        font-size: 13px;
    }
    .count-col .counter {
        font-size: 26px;
    }
    .bg-process {
        padding: 1rem 0;
    }
    #section-page3 {
        height: 100%;
    }
    .img-frame:before {
        display: none;
    }
}

@media (max-width: 340px) { 

}


/*trans*/
@media screen and (min-width: 768px) {
    .delay02 {transition: all  1s ease-out 0s;transition-delay: 0.2s}
    .delay04 {transition: all  1s ease-out 0s;transition-delay: 0.4s}
    .delay06 {transition: all  1s ease-out 0s;transition-delay: 0.6s}
    .delay08 {transition: all  1s ease-out 0s;transition-delay: 0.8s}
    .delay10 {transition: all  1s ease-out 0s;transition-delay: 1.0s}
    .delay12 {transition: all  1s ease-out 0s;transition-delay: 1.2s}
    .delay14 {transition: all  1s ease-out 0s;transition-delay: 1.4s}

    .section-fullpage.active .trans-up { 
        opacity: 1;visibility: visible;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -moz-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px); 
    }
    .section-fullpage .trans-up { 
        opacity: 0;visibility: hidden;
        -moz-transform: translate3d(0px, 100px, 0px);-ms-transform: translate3d(0px, 100px, 0px);-o-transform: translate3d(0px, 100px, 0px);-webkit-transform: translate3d(0px, 100px, 0px);transform: translate3d(0px, 100px, 0px);   
        /*-moz-transition: all 780ms ease 0s;-o-transition: all 780ms ease 0s;-webkit-transition: all 780ms ease 0s;transition: all 780ms ease 0s;
         -webkit-transition-delay: 620ms;-moz-transition-delay: 620ms;-o-transition-delay: 620ms;transition-delay: 620ms;*/
    } 
    .section-fullpage.active .trans-down { 
        opacity: 1;visibility: visible;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -moz-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px); 
    }
    .section-fullpage .trans-down { 
        opacity: 0;visibility: hidden;
        -moz-transform: translate3d(0px, -100px, 0px);-ms-transform: translate3d(0px, -100px, 0px);-o-transform: translate3d(0px, -100px, 0px);-webkit-transform: translate3d(0px, -100px, 0px);transform: translate3d(0px, -100px, 0px);  
        -moz-transition: all 780ms ease 0s;-o-transition: all 780ms ease 0s;-webkit-transition: all 780ms ease 0s;transition: all 780ms ease 0s;
        -webkit-transition-delay: 620ms;-moz-transition-delay: 620ms;-o-transition-delay: 620ms;transition-delay: 620ms;
    }    
    .section-fullpage.active .trans-left{
        opacity: 1;visibility: visible;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -moz-transform: translate3d(0px, 0px, 0px);  -ms-transform: translate3d(0px, 0px, 0px);  -o-transform: translate3d(0px, 0px, 0px);  -webkit-transform: translate3d(0px, 0px, 0px);  transform: translate3d(0px, 0px, 0px); 
    }
    .section-fullpage .trans-left{
        opacity: 0;visibility: hidden;
        -moz-transform: translate3d(-150px, 0px, 0px);-ms-transform: translate3d(-150px, 0px, 0px);-o-transform: translate3d(-150px, 0px, 0px);-webkit-transform: translate3d(-150px, 0px, 0px);transform: translate3d(-150px, 0px, 0px);  
        -moz-transition: all 780ms ease 0s;-o-transition: all 780ms ease 0s;-webkit-transition: all 780ms ease 0s;transition: all 780ms ease 0s;
        -webkit-transition-delay: 620ms;-moz-transition-delay: 620ms;-o-transition-delay: 620ms;transition-delay: 620ms;
    }
    .section-fullpage.active .trans-right{
        opacity: 1;visibility: visible;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -moz-transform: translate3d(0px, 0px, 0px);  -ms-transform: translate3d(0px, 0px, 0px);  -o-transform: translate3d(0px, 0px, 0px);  -webkit-transform: translate3d(0px, 0px, 0px);  transform: translate3d(0px, 0px, 0px); 
    }
    .section-fullpage .trans-right{
        opacity: 0;visibility: hidden;
        -moz-transform: translate3d(100px, 0px, 0px);-ms-transform: translate3d(100px, 0px, 0px);-o-transform: translate3d(100px, 0px, 0px);-webkit-transform: translate3d(100px, 0px, 0px);transform: translate3d(100px, 0px, 0px);   
        -moz-transition: all 780ms ease 0s;-o-transition: all 780ms ease 0s;-webkit-transition: all 780ms ease 0s;transition: all 780ms ease 0s;
        -webkit-transition-delay: 620ms;-moz-transition-delay: 620ms;-o-transition-delay: 620ms;transition-delay: 620ms;
    }
}


.mnb > img{ width:100%; height:auto; display:block; }
.mnb_mark{ padding:20px 0; }
.mnb_mark > img{ width:100%; height:auto; display:block; }

.mnb_btn{ overflow:hidden; padding:0 0 20px; margin:0; }
.mnb_btn > li{ float:left; width:50%; padding:0 5px; }
.mnb_btn > li > a{ display:block; padding:5px 10px; margin:0 !important; text-align:center; background-color:#ffc61b; color:#666; border-radius:3px; border:none; width:100%; height:auto; }

.mnb_sns{ overflow:hidden; padding:0 0 20px; margin:0; }
.mnb_sns > li{ float:left; width:50%; padding:0 5px; }
.mnb_sns > li:first-child{ border-right:1px solid #ddd; }
.mnb_sns > li > a{ display:block; padding:0; margin:0 !important; text-align:center; color:#666; border:none; width:100%; height:auto; }
.mnb_sns > li > a > i{ display:block; font-size:25px !important; line-height:1em; margin-bottom:3px; }
.mnb_sns > li > a > p{ font-size:12px; margin:0; line-height:1em; }










/* adjust */
.col-lg-10.offset-lg-1.section-gallery{ max-width:1000px; width:100%; margin:0 auto; }

#section-page6 > .fp-tableCell > .container{ margin-top:50px; }