@charset "utf-8";

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

p.title-small{font-size:17px; color:#cdcdcd; padding-top:100px; font-family:'Gotham-Bold'; font-weight:500; letter-spacing:1px;}
h1.title-big{font-size:60px; color:#3c3d3e; padding-top:15px; font-family:'Gotham-Bold';}


.header{width:100%; height:120px; position:fixed; top:0; left:0; z-index:100;}
.header .header-inner{width:1800px; height:100%; margin:0 auto; position:relative; display:flex; justify-content:space-between; align-items:center;}
.header-inner .logo{width:150px;}
.header-inner .logo img{width:100%;}
.header-inner .header-menu ul > li{display:inline-block; padding:0 30px; font-size:17px;}
.header-inner .header-menu ul > li a{font-family:'Gotham-Bold';}
.header-inner .util-menu a{display:inline-block; background-color:#fafafa; color:#ff7fb0; box-shadow:0 2px 2px rgba(0,0,0,.05); border:1px solid rgba(0,0,0,.1); padding:7px 35px; border-radius:25px; font-family:'Gotham-Black'; }
.header-inner .util-menu a img{padding-right:3px;}
.header-inner .util-menu a:hover {border:1px solid rgba(0,0,0,.2); transition:all .2s; background-color:#fff; box-shadow:0 2px 2px rgba(0,0,0,.1);}

.header.on{background:#fff; box-shadow:0px 15px 15px rgba(0,0,0,0.1);}


/*.main{width:100%; height:930px; background-image:url(/sub_eng/img/main.jpg); background-size:cover;}*/
.main{width:100%; height:750px;  background-size:cover; }
.main-inner{width:1200px; margin:0 auto; position:relative;}
.section01{position:relative;}
.section01 h1{opacity:0.0; font-size:70px; line-height:1; padding-top:200px; color:#3c3d3e; font-family:'Gotham-Black';  font-weight:500;}
.section01 p{opacity:0.0; font-family:'Noto Sans KR', sans-serif; font-size:23px; padding-top:50px; color:#3c3d3e;}
.section01 a{position:absolute; z-index:111111;opacity:0.0; display:inline-block; color:#fff; font-size:11px; font-weight:700; background:rgba(0,0,0,0.2); padding:15px 20px; border-radius:30px; margin-top:85px; font-weight:300; font-family:'Gotham-Black'; transition:ease all 0.5s;}
.section01 a:hover{color:#3c3d3e; background:#fff;}
.section01 a i{padding-left:40px;}

.slide-section01 .bg_01 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px; z-index:-1; background:url('/sub_eng/img/bg_main_01_a.jpg')center no-repeat; background-size:cover;}
.slide-section01 .bg_02 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px;  background:url('/sub_eng/img/bg_main_01_b.png')center no-repeat; background-size:cover;}
.slide-section01 .bg_03 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px;  background:url('/sub_eng/img/bg_main_01_c.png')center no-repeat; background-size:cover;}

.slide-section02 .bg_01 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px; z-index:-1; background:url('/sub_eng/img/bg_main_02_a.jpg')center no-repeat; background-size:cover;}
.slide-section02 .bg_02 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px;  background:url('/sub_eng/img/bg_main_02_b.png')center no-repeat; background-size:cover;}
.slide-section02 .bg_03 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px;  background:url('/sub_eng/img/bg_main_02_c.png')center no-repeat; background-size:cover;}

.slide-section03 .bg_01 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px; z-index:-1; background:url('/sub_eng/img/bg_main_03_a.jpg')center bottom no-repeat; background-size:cover;}
.slide-section03 .bg_02 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px;  background:url('/sub_eng/img/bg_main_03_b.png')center bottom no-repeat; background-size:cover;}
.slide-section03 .bg_03 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px;  background:url('/sub_eng/img/bg_main_03_c.png')center bottom no-repeat; background-size:cover;}

.slide-section04 .bg_01 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px; z-index:-1; background:url('/sub_eng/img/bg_main_04_a.jpg')center bottom no-repeat; background-size:cover;}
.slide-section04 .bg_02 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px;  background:url('/sub_eng/img/bg_main_04_b.png')center bottom no-repeat; background-size:cover;}
.slide-section04 .bg_03 {opacity:0.0; position:absolute; top:0; left:0; width:100%; height:750px;  background:url('/sub_eng/img/bg_main_04_c.png')center bottom no-repeat; background-size:cover;}

.swiper01{width:100%; height:100%;}
.main .swiper-slide{width:100%; height:100%; }
.swiper01 .swiper-slide .bg_01,
.swiper01 .swiper-slide .bg_02,
.swiper01 .swiper-slide .bg_03{position:absolute; top:0; left:0; width:100%; height:750px; transform:translateY(20px);}

.swiper01 .bg_01{z-index:-1;}
.slide-section01 .bg_01 {background:url('/sub_eng/img/bg_main_01_a_n.png') no-repeat center/cover;}
.slide-section01 .bg_02 {background:url('/sub_eng/img/bg_main_01_b_n.png') no-repeat center/cover;}
.slide-section01 .bg_03 {background:url('/sub_eng/img/bg_main_01_c_n.png') no-repeat center/cover;}

.slide-section02 .bg_01 {background:url('/sub_eng/img/bg_main_02_a_n.jpg') no-repeat center/cover;}
.slide-section02 .bg_02 {background:url('/sub_eng/img/bg_main_02_b_n.png') no-repeat center/cover;}
.slide-section02 .bg_03 {background:url('/sub_eng/img/bg_main_02_c_n.png') no-repeat center/cover;}

.slide-section03 .bg_01 {background:url('/sub_eng/img/bg_main_03_a_n.jpg') no-repeat center bottom/cover;}
.slide-section03 .bg_02 {background:url('/sub_eng/img/bg_main_03_b_n.png') no-repeat center bottom/cover;}
.slide-section03 .bg_03 {background:url('/sub_eng/img/bg_main_03_c_n.png') no-repeat center bottom/cover;}

.slide-section04 .bg_01 {background:url('/sub_eng/img/bg_main_04_a.jpg') no-repeat center bottom/cover;}
.slide-section04 .bg_02 {background:url('/sub_eng/img/bg_main_04_b.png') no-repeat center bottom/cover;}
.slide-section04 .bg_03 {background:url('/sub_eng/img/bg_main_04_c.png') no-repeat center bottom/cover;}



.main .swiper01 .swiper-slide-active .bg_01{animation:fadeIn 0.5s ease-in-out 1 forwards; animation-delay:0.1s; }
.main .swiper01 .swiper-slide-active .bg_02{animation:fadeIn 0.5s ease-in-out 1 forwards; animation-delay:0.5s; }
.main .swiper01 .swiper-slide-active .bg_03{animation:fadeIn 0.5s ease-in-out 1 forwards; animation-delay:0.7s; }
.main .swiper01 .swiper-slide-active h1{animation:fadeIn 0.5s ease-in-out 1 forwards; animation-delay:0.9s; }
.main .swiper01 .swiper-slide-active p{animation:fadeIn 0.5s ease-in-out 1 forwards; animation-delay:1.2s; }
.main .swiper01 .swiper-slide-active a{animation:fadeIn 0.5s ease-in-out 1 forwards; animation-delay:1.5s; }


@keyframes fadeIn{
	from{
		opacity:0;
		transform:translateY(20px);
	}
	to {
		opacity:1;
		transform:none;
	}
}

.section02{width:100%; height:780px; background-image:url(/sub_eng/img/timeline-bg_n.jpg); background-size:cover; text-align:center; position:relative;}


.year{position:absolute; left:0;  top:270px; width:100%;}
.year-swiper .swiper-container{overflow: hidden;width: 100%;margin: 0 auto;}
.year-swiper .swiper-slide{ width:23%; height:230px; line-height:230px; font-size:100px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #aaaaaa; color:#fff; box-sizing:border-box; position:relative; }
.year-swiper .swiper-slide .slide-inner{width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  font-family:'Gotham-Black';}
.year-swiper .swiper-slide-active{ font-size:155px; color:#b5daef;  -webkit-text-stroke-color: #b5daef; font-weight:900;}
.year-swiper .swiper-slide-active .slide-inner{width:165%;}
.year-swiper .swiper-slide-active span{display:inline-block; width:135px;}
.year-swiper .swiper-slide.swiper-slide-prev .slide-inner{left:0; transform: translateY(-50%); text-align:left;}
.year-swiper .swiper-slide.swiper-slide-next .slide-inner{right:-30px; left:inherit; transform: translateY(-50%); text-align:right;}

@media screen and  (max-width:1500px){

.year-swiper .swiper-slide-active .slide-inner{width:190%;}

}



.year-img{position:absolute; left:50%; transform:translateX(-50%); top:275px; width:100%; height:400px; z-index: 1;}
.year-img-swiper .swiper-container{width:100%;}
.year-img-swiper .swiper-slide{width:280px; opacity:0 !important; }
.year-img-swiper .swiper-slide-active{opacity:1 !important; transition:ease all 1s;}
.year-img-swiper .swiper-slide  .img-box{ position:relative; width:100%; height:360px;}
.year-img-swiper .swiper-slide  .img-box::after{content:''; position:absolute; left:50%; bottom:10px;  transform:translateX(-50%); width:16px; height:88px; background-image:url(/sub_eng/img/year-img-line.png); background-size:100% 100%; background-repeat:no-repeat;}
.year-img-swiper .swiper-slide  .img{width:220px; height:220px; margin-left:30px; margin-top:20px; border-radius:100%; overflow:hidden; border:1px solid #e7e6e7; box-shadow: 0px 21px 21px rgba(11,3,6,0.1);}
.year-img-swiper .swiper-slide  .img img{width:100%; }
.year-img-swiper .swiper-slide  .txt{font-size:16px; color:#3c3d3e; line-height:23px;padding-top:10px;  font-family: 'S-CoreDream-5Medium';}


.swiper-inner{width:800px; height:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:10;}


.year-img .swiper-button-prev,.year-img .swiper-button-next{z-index:10; margin-top:-112px;}
.year-img .swiper-scrollbar{left:50% !important; bottom:-50px !important; width:92.5%; position:absolute; height:10px; transform: translate(-50%); background:rgba(0,0,0,0.05); padding-top: 2px; border-radius:10px 0 0 10px;}
.year-img .swiper-scrollbar::after{content:''; width:8px; height:10px; position:absolute; right:-8px; top:0; background:rgba(0,0,0,0.05); border-radius:0 10px 10px 0; z-index:-1;}
.year-img .swiper-scrollbar .swiper-scrollbar-drag{width:30%; height:6px; background:#b5daef; margin-left:5px; }
.year-img .swiper-button-next{width:50px; height:50px; border-radius:100%; background:rgba(60,61,62,0.2); opacity:0; transition:ease all 0.5s; }
.year-img .swiper-button-prev::after{content:'\f177'; font-family:'FONT AWESOME 6 PRO'; font-size:15px; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.year-img .swiper-button-prev{width:50px; height:50px; border-radius:100%; background:rgba(60,61,62,0.2); opacity:0; transition:ease all 0.5s;}
.year-img .swiper-button-next::after{content:'\f178'; font-family:'FONT AWESOME 6 PRO'; font-size:15px; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.year-img:hover .swiper-button-next{opacity:1;}
.year-img:hover .swiper-button-prev{opacity:1;}
.year-img  .year-prev.swiper-button-disabled{opacity:0;}
.year-img  .year-next.swiper-button-disabled{opacity:0;}

.swiper-wrapper {
  transition-timing-function: ease;
}



.section03{width:100%; height:900px; background:url(/sub_eng/img/product-bg.jpg)center bottom; background-size:cover; text-align:center; position:relative;}
.section03 p.title-small{color:#d0c08b;}
.section03 .main-inner{width:1200px; position:absolute; left:50%; top:53%; transform:translate(-50%,-50%); z-index:10;}
.section03 .main-product-list{margin-top:30px;}
.section03 .product-bar{position:absolute; width:95%; height:10px; left:50%; transform:translateX(-50%); bottom:30px; background:rgba(0,0,0,0.05); padding-top:2px;}
.section03 .product-bar .swiper-scrollbar-drag{height:6px; background:#b6d474; margin-left:5px;}
.product-swiper .swiper-slide .img{display:flex; align-items:center; width:100%; height:550px; position:relative;}
.product-swiper .swiper-slide .img img{width:70%; margin:0 auto; opacity:0.4; transition:ease all 0.5s;  box-shadow:0px 30px 20px rgba(11,3,6,0.15);}
.product-swiper .swiper-slide-active .img img{width:100%; opacity:1;}
.product-swiper .link{ display:block; color:#333; font-size:20px; width:65px; height:65px; line-height:65px; border-radius:100%; background:#fff; position:absolute; left:50%; transform: translateX(-50%); bottom:40px; border:0px solid #e7e6e7;}
.product-swiper .swiper-slide .link{opacity:0; box-sizing:border-box; transition:ease all 0.3s;}
.product-swiper .swiper-slide .link:hover{background:#3c3d3e; color:#fff; transition:ease all 0.5s; box-sizing:border-box;}
.product-swiper .swiper-slide-active:hover .link{opacity:1; transition:ease all 0.3s;}
.product-swiper .swiper-slide-active .img::after{content:''; position:absolute; top:30px; right:-53px; width:100px; height:100px; background-image:url(/sub_eng/img/mark_n.png); background-size:100% 100%;}


/*product bar*/
.section03 .swiper-horizontal>.swiper-scrollbar,.section03 .swiper-scrollbar.swiper-scrollbar-horizontal{bottom:0; width:100%; left:0;}

/*product prev,next button*/
.product-swiper .swiper-slide.swiper-slide-prev .img img{margin:inherit; margin-left:20px;}
.product-swiper .swiper-slide.swiper-slide-next .img img{margin:inherit; margin-left:60px;}
.section03 .swiper-button-next, .section03 .swiper-button-prev{background-image:none; width:50px; height:50px; border-radius:100%; background:rgba(60,61,62,0.2); opacity:0;  transition:ease all 0.3s;}
.section03 .swiper-button-prev{left:370px; margin-top:50px;}
.section03 .swiper-button-next{right:380px; margin-top:50px;}
.section03 .swiper-button-prev::after{content:'\f177'; font-family:'FONT AWESOME 6 PRO'; font-size:15px; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.section03 .swiper-button-next::after{content:'\f178'; font-family:'FONT AWESOME 6 PRO'; font-size:15px; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.main-product-list:hover .swiper-button-next{opacity:1;}
.main-product-list:hover .swiper-button-prev{opacity:1;}
.section03 .swiper-button-next.swiper-button-disabled{opacity:0;}
.section03 .swiper-button-prev.swiper-button-disabled{opacity:0;}

.customer{width:100%; height:800px; background-image:url(/sub_eng/img/customer-bg_n2.jpg); background-size:cover; text-align:center; position:relative;}
.customer .inner {width:1100px; margin:0 auto;}
.customer p.title-small{color:#abaeb1;}
.customer-box {margin-top:50px;}
.customer-box .notice{float:left; width:720px; height:230px; background:#fff; box-shadow:0px 15px 15px rgba(0,0,0,0.1); border-radius:20px; padding:50px 45px; position:relative; text-align:left; box-sizing:border-box; }
.customer-box .notice h2{font-size:25px; letter-spacing:-1px; font-family: 'S-CoreDream-5Medium'; font-weight:500; padding-bottom:20px; color:#262626;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;cursor:pointer;}
.customer-box .notice p{font-size:14px; color:#3c3d3e;font-family: 'S-CoreDream-4Regular'; line-height:24px; padding-bottom:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;cursor:pointer;}
.customer-box .notice span{display:flex; align-items: center; color:rgba(38,38,38,0.3); font-size:13px; font-family:'Gotham-Bold'; }
.customer-box .notice span img{padding-right:5px;}
.customer-box .notice a{position:absolute; bottom:30px; right:35px; display:block; background:#cac4c5; width:50px; height:50px; border-radius:100%; text-align:center; line-height:50px; transition:ease all 0.5s;}
.customer-box .notice a:hover{background:#3c3d3e; }
.customer-box .notice a img {width:15px;}
.customer-box .fl-r {width:360px; text-align:left;}
.customer-box .fl-r div{position:relative;}
.customer-box .fl-r div h3{font-size:27px; font-family:'Gotham-Bold'; margin-bottom:10px;}
.customer-box .fl-r div p{font-size:14px; font-family: 'S-CoreDream-5Medium'; font-weight:300; line-height:20px;}
.customer-box .fl-r div a{position:absolute; bottom:35px; right:35px; display:block; font-size:17px; font-family:'Gotham-Bold'; color:#fff; transition:ease all 0.5s;}
.customer-box .fl-r div a:hover{color:#3c3d3e;}
.customer-box .fl-r .news{width:100%; height:110px; background:#fdb576; border-radius:20px; color:#fff; padding:20px 32px 30px; box-shadow:0px 15px 15px rgba(0,0,0,0.1); margin-bottom:10px;}
.customer-box .fl-r .qna{width:100%; height:110px; background:#8cdbb5; border-radius:20px; color:#fff; padding:30px 32px; box-shadow:0px 15px 15px rgba(0,0,0,0.1);}

.store-box ul{display:flex; justify-content:space-between; margin-top:25px;}
.store-box ul li{width:360px; height:140px; background:#fff;  box-shadow:0px 15px 15px rgba(0,0,0,0.1); border-radius:20px; padding:25px 35px; text-align:left;}
.store-box ul li p{color:#c4c4c5; font-size:13px; font-family:'Gotham-Bold'; padding-bottom:5px;}
.store-box ul li h2{font-size:25px; color:#424242; font-family:'Gotham-Bold'; margin-bottom:25px;}
.store-box ul li a{display:block;}
.store-box ul li a img{ transition:ease all 0.5s; width:20px;}
.store-box ul li a:hover img{filter: opacity(1) drop-shadow(0 0 0 black);}
.store-box ul li:nth-of-type(1){background:#fff url(/sub_eng/img/store-bg.jpg)right 25px bottom 25px no-repeat; background-size:65px 65px;}
.store-box ul li:nth-of-type(2){background:#fff url(/sub_eng/img/contact-bg.jpg)right 25px bottom 15px no-repeat; background-size:58px 80px;}
.store-box ul li:nth-of-type(3){background:#fff url(/sub_eng/img/history-bg.jpg)right 25px bottom 25px no-repeat; background-size:65px 65px;}


/*
.customer{width:100%; height:1030px; background-image:url(/sub_eng/img/customer-bg.jpg); background-size:cover; text-align:center; position:relative;}
.customer p.title-small{color:#abaeb1;}
.customer-box {margin-top:90px;}
.customer-box .notice{float:left; width:790px; height:340px; background:#fff; box-shadow:0px 15px 15px rgba(0,0,0,0.1); border-radius:30px; padding:60px 55px; position:relative; text-align:left; box-sizing:border-box; }
.customer-box .notice h2{font-size:33px; letter-spacing:-1px; font-family: 'S-CoreDream-5Medium'; font-weight:500; padding-bottom:30px; color:#262626;}
.customer-box .notice p{font-size:17px; color:#3c3d3e;font-family: 'S-CoreDream-4Regular'; line-height:27px; padding-bottom:60px;}
.customer-box .notice span{display:flex; align-items: center; color:rgba(38,38,38,0.3); font-size:17px; font-family:'Gotham-Bold'; }
.customer-box .notice span img{padding-right:5px;}
.customer-box .notice a{position:absolute; bottom:50px; right:60px; display:block; background:#cac4c5; width:70px; height:70px; border-radius:100%; text-align:center; line-height:70px; transition:ease all 0.5s;}
.customer-box .notice a:hover{background:#3c3d3e; }
.customer-box .fl-r {width:380px; text-align:left;}
.customer-box .fl-r div{position:relative;}
.customer-box .fl-r div h3{font-size:32px; font-family:'Gotham-Bold'; margin-bottom:15px;}
.customer-box .fl-r div p{font-size:15px; font-family: 'S-CoreDream-5Medium'; font-weight:300; line-height:22px;}
.customer-box .fl-r div a{position:absolute; bottom:35px; right:35px; display:block; font-size:17px; font-family:'Gotham-Bold'; color:#fff; transition:ease all 0.5s;}
.customer-box .fl-r div a:hover{color:#3c3d3e;}
.customer-box .fl-r .news{width:100%; height:160px; background:#fdb576; border-radius:30px; color:#fff; padding:35px 37px; box-shadow:0px 15px 15px rgba(0,0,0,0.1); margin-bottom:20px;}
.customer-box .fl-r .qna{width:100%; height:160px; background:#8cdbb5; border-radius:30px; color:#fff; padding:35px 37px; box-shadow:0px 15px 15px rgba(0,0,0,0.1);}

.store-box ul{display:flex; justify-content:space-between; margin-top:25px;}
.store-box ul li{width:380px; height:190px; background:#fff;  box-shadow:0px 15px 15px rgba(0,0,0,0.1); border-radius:30px; padding:40px 37px; text-align:left;}
.store-box ul li p{color:#c4c4c5; font-size:15px; font-family:'Gotham-Bold'; padding-bottom:5px;}
.store-box ul li h2{font-size:32px; color:#424242; font-family:'Gotham-Bold'; margin-bottom:35px;}
.store-box ul li a{display:block;}
.store-box ul li a img{ transition:ease all 0.5s;}
.store-box ul li a:hover img{filter: opacity(1) drop-shadow(0 0 0 black);}
.store-box ul li:nth-of-type(1){background-image:url(/sub_eng/img/store-bg.jpg); background-position:265px 69px; background-repeat:no-repeat;}
.store-box ul li:nth-of-type(2){background-image:url(/sub_eng/img/contact-bg.jpg); background-position:278px 62px; background-repeat:no-repeat;}
.store-box ul li:nth-of-type(3){background-image:url(/sub_eng/img/history-bg.jpg); background-position:255px 80px; background-repeat:no-repeat;}
*/

.footer{width:100%; overflow:hidden; background:#56565a; padding:70px 0 80px;}
.footer .footer-inner{padding:0 50px;}
.footer-inner .footer-logo {float:left; margin-right:100px;}
.footer-inner .footer-logo img {width:125px; opacity:0.7;}
.footer-inner .footer-menu {float:left;}
.footer-inner .footer-menu ul > li{float:left; margin-right:50px; }
.footer-inner .footer-menu ul > li a{display:block; font-size:19px; color:#fff; font-family:'Gotham-Medium'; font-weight:500; margin-bottom:22px;}
.footer-inner .footer-menu ul li ol li a{display:block; color:rgba(255,255,255,0.5); font-size:14px; font-weight:500; font-family:'Gotham-Light'; margin-bottom:10px;}

.footer-inner .footer-copyright {float:right; }
.footer-inner .footer-copyright .sns{float:right; width:200px;display:flex; justify-content: space-between; padding-bottom:30px; margin-bottom:0px; border-bottom:0px solid rgba(255,255,255,0.15);}
.footer-inner .footer-copyright .sns a{display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:100%; border:0px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.2);}
.footer-inner .footer-copyright .sns a:nth-of-type(1):hover{background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
/*.footer-inner .footer-copyright .sns a:nth-of-type(2):hover{background:#4267B2;}*/
.footer-inner .footer-copyright .sns a:nth-of-type(2):hover{background:#FF0000;}
.footer-inner .footer-copyright .sns a:nth-of-type(3):hover{background:#fff;}

.footer-inner .footer-copyright p{font-size:12px; color:rgba(255,255,255,0.5); font-family:'Gotham-Light'; text-align:right;}

.quick-list{position:fixed; left:50px; top:50%; transform:translateY(-50%); z-index:99;}
.quick-list ul li a{display:block; width:40px; height:40px; border-radius:100%; background:#e1e1e1; text-align:center; line-height:40px; box-shadow:0px 10px 10px rgba(11,3,6,0.15); margin-bottom:10px;}
.quick-list ul li:nth-of-type(2) a img{width:90%;}
.quick-list ul li a img{opacity:0.4; width:60%;}
.quick-list ul li a.on{background:#fff;}
.quick-list ul li a.on img{opacity:1;}


.up1{transform:translateY(30px); opacity:0;transition:all 1s; transition-delay:0.1s}
.up1.active{transform:translateY(0px); opacity:1;}
.up{transform:translateY(30px); opacity:0;transition:all 1s; transition-delay:0.1s}
.up.active{transform:translateY(0px); opacity:1;}