body{font-family: 'GmarketSansLight';}
h1, h2, h3, h4, h5, h6{font-family: 'GmarketSansMedium';}

.flex{display: flex;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-80{margin-top: 80px;}

.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}

.pb-80{padding-bottom: 80px;}

.inner{max-width: 1200px; width: 95%; margin: auto;}
.title{font-size: 44px; font-weight: 500; text-align: center; color: #000;}
.title-sub{font-family: 'NIXGONL-Vb'; font-size: 16px; text-align: center; color: #000; line-height: 1.4;}
.main__header{width: 100%; position: fixed; top: 0; z-index: 2;}
.main__header .main__header-show{max-width: 1920px; width: 100%; margin: auto; padding: 30px 100px; display: flex; justify-content: space-between; align-items: center;}
.main__header .btn_list{cursor: pointer;}
.main__header .btn_list img{margin-right: 10px;}
.main__header .btn_list span{font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: normal; text-align: left; color: #fff;}

.main__header-hidden{width: 100%; height: 100vh; position: fixed; top: 0; z-index: 2; background-color: rgba(0,0,0,.5); display: none;}
.main__header-hidden .header__menu-block{width: 41.666%; height: 100%; position: absolute; right: -50%; padding: 80px 70px; background-color: #33a437;}
.main__header-hidden .header__menu-block::after{content: ""; position: absolute; display: block; left: 50%; top: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,.1);}
.main__header-hidden .header__menu-block .close-btn{position: absolute; top: 53px; right: 66px; display: flex; align-items: center; cursor: pointer;}
.main__header-hidden .header__menu-block .close-btn img{margin-right: 14px;}
.main__header-hidden .header__menu-block .close-btn span{font-size: 14px; font-family: 'GmarketSansMedium'; font-weight: 500; text-align: left; color: #fff;}
.main__header-hidden .header__menu-block .siia-text{font-family: 'Cinematografica-Thin-trial'; font-size: 300px; font-weight: 100; text-align: left; color: rgba(255,255,255,.2);}
.main__header-hidden .header__menu{}
.main__header-hidden .header__menu li.menu{display: flex; position: relative;}
.main__header-hidden .header__menu li.menu .first-depth{padding-left: 40px; width: 50%;}
/* .main__header-hidden .header__menu li.menu .first-depth:hover a{font-weight: bold !important; color: #fff !important; transition: all .1s;}
.main__header-hidden .header__menu li.menu .first-depth:hover a::after{content: ""; position: absolute; right: -13px; top: -2px; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff;}
.main__header-hidden .header__menu li.menu .first-depth:hover .first-depth__num{color: #fff !important; font-weight: bold !important;} */
.main__header-hidden .header__menu li.menu .first-depth__num{position: absolute; left: 0; ; bottom: 25px;
    font-size: 14px; font-weight: 300; color: rgba(255,255,255,.5);}
    .main__header-hidden .header__menu li.menu .first-depth a{position: relative; font-size: 40px; font-weight: 300; line-height: 2; letter-spacing: normal; text-align: left; color: rgba(255,255,255,.5);}
.first-depth__num.on{color: #fff !important; font-weight: bold !important;}
.first-depth a.on{font-weight: bold !important; color: #fff !important; transition: all .1s;}
.first-depth a.on:after{content: ""; position: absolute; right: -13px; top: -2px; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff;}
.main__header-hidden .header__menu li.menu .second-depth{position: absolute; left: 50%; top: 20px; z-index: 1; opacity: 0; visibility: hidden;}
.main__header-hidden .header__menu li.menu .second-depth li{padding-left: 24px; position: relative;}
.main__header-hidden .header__menu li.menu .second-depth li::before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: block; width: 15px; height: 2px; background-color: rgba(255,255,255,.5);}
.main__header-hidden .header__menu li.menu .second-depth li a{font-size: 18px; font-weight: 300; line-height: 2.22; letter-spacing: normal; text-align: left; color: rgba(255,255,255,.5);}
.main__header-hidden .header__menu li.menu .second-depth li:hover a{font-weight: bold; color: #fff; transition: all .1s;}
.main__header-hidden .header__menu li.menu .second-depth li:hover::before{background-color: #fff; transition: all .1s;}
.second-depth.on{opacity: 1 !important; visibility: visible !important; transition: all .3s;}


.common-block{width:40px; position: fixed; right: 20px; bottom: 40px; display: flex; flex-direction: column; align-items: center; z-index: 2;}
.common-block .vert-text{writing-mode:vertical-lr;}
.common-block .vert-text span{font-size: 10px; letter-spacing: 1.4px; color: #fff;}
.common-block .sns-block{display: flex; flex-direction: column; align-items: center; margin-top: 40px;}
.common-block .sns-block a{display: block;}


#fp-nav{right: 80px !important;}
#fp-nav ul li, .fp-slidesNav ul li{margin:0 !important;}
#fp-nav ul li, .fp-slidesNav ul li+li{margin-top: 26px !important;}
#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{
    width: 20px !important;
    height: 2px;
    border-radius: initial !important;
    left: 0 !important;
    background-color: rgba(255,255,255,1);
 }
 #fp-nav ul li a.active + .fp-tooltip{width: initial !important; opacity: 1 !important;}
 #fp-nav ul li a span, .fp-slidesNav ul li a span{background-color: rgba(255,255,255,.5);}
 #fp-nav ul li .fp-tooltip{top: -8px !important; left: -38px; font-family: 'GmarketSansMedium' !important; font-size: 16px; font-weight: bold; color: #fff;}


@media (max-width:1600px){
    .main__header-hidden .header__menu-block{width: 48.666%;}
}
@media (max-width:1280px){
    .main__header-hidden .header__menu-block{width: 60%;}
}
@media (max-width:1024px){
    .main__header .main__header-show{padding: 20px 60px;}
    .main__header-hidden .header__menu-block{width: 100%;}
}
@media (max-width:769px){
    .main__header .main__header-show{padding: 20px 40px;}
    .main__header-hidden .header__menu li.menu .first-depth a{font-size: 1.7rem;}
    .main__header-hidden .header__menu li.menu .first-depth__num{bottom: 15px;}
    .main__header-hidden .header__menu li.menu .second-depth{top: 8px;}
}
@media (max-width:500px){
    .title{font-size: 1.4rem;}
    .title-sub{padding: 0 15px;}

    .main__header .main__header-show{padding: 10px;}
    .header__logo a img{width: 100px;}
    .main__header-hidden .header__menu-block{padding: 60px 20px;}
    .main__header-hidden .header__menu-block .close-btn{top:20px; right: 20px;}
    .main__header-hidden .header__menu-block .siia-text{font-size: 10rem; line-height: 150px;}
    .main__header-hidden .header__menu li.menu .first-depth{padding-left: 30px;}
    .main__header-hidden .header__menu li.menu .first-depth a{font-size: 1.2rem;}
    .main__header-hidden .header__menu li.menu .second-depth{top: 5px;}
    .main__header-hidden .header__menu li.menu .first-depth__num{bottom: 8px;}
    .main__header-hidden .header__menu li.menu .second-depth li a{font-size: 1rem; line-height: 2;}
    .first-depth a.on:after{width: 6px; height: 6px; right: -8px;}
    .common-block .vert-text{display: none;}

    #fp-nav{right: 10px !important;}
}

@media (max-width:375px){
    #fp-nav{display: none !important;}
}