@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

#wrapper{position:relative;}

/* header */
#header {position:fixed;left:0;top:0;right:0;z-index:90;transition:.3s;}
#header .contain{max-width:100%;padding:0 100px;height:90px;background-color:rgba(80,80,80,.5);border-radius:0 0 var(--bd32) var(--bd32);transition:.3s;}
#header .sitelogo {position:absolute; top:18px; left:100px; z-index:5;}
#header .sitelogo a {display:block;}

#gnb{position:relative;z-index:2;}
#gnb>ul {display:flex; justify-content:center;margin:0 -60px;} 
#gnb>ul>li {position:relative; text-align:center; padding:0 60px;}
#gnb>ul>li>a {position:relative; display:inline-block; color:var(--pri); font-size:18px; line-height:90px; font-weight:600;}

#gnb .submenu {position:absolute; top:0px; left:0; width:100%; height:0; overflow:hidden; z-index:20;z-index:-1;}
#gnb .submenu ul {display:block; padding:115px 0 55px;}
#gnb .submenu ul li {margin-bottom:10px;text-align:center;}
#gnb .submenu ul li:last-child{margin-bottom:0;}
#gnb .submenu ul li a {display:inline-block; color:#fff; font-size:16px; line-height:1.38em; font-weight:500; position:relative;}
#gnb .submenu ul li a:hover {color:var(--dark);}

.submenu-bg {background-color: #e8b42a;border-radius:0 0 var(--bd32) var(--bd32);z-index:-1;position: absolute;left:0;top:0;right:0;}

#header.header-up{transform:translateY(-100%);}

#header:hover .contain{background-color:rgba(232,180,42,.8);}

#header:hover #gnb>ul>li>a{color: var(--dark);}

#header:hover .lang .tit img.on{display:block;}
#header:hover .lang .tit img.off{display:none;}
#header:hover .hd-wrap .mem-menu ul li a{color:var(--dark);}

#header .contain.active{background-color: #fff;}

.hd-wrap{display:flex;align-items:center;position: absolute;right:100px;top:50%;transform:translateY(-50%);z-index:3;}
.hd-wrap .mem-menu{margin-right:40px;}
.hd-wrap .mem-menu ul{display:flex;margin:0 -15px;}
.hd-wrap .mem-menu ul li{padding:0 15px;}
.hd-wrap .mem-menu ul li a{display:block;color:var(--pri);font-weight:700;line-height:1.3em;}

.lang {width:20px;position:relative;}
.lang .tit {display:flex;align-items:center;width:100%;height:20px;position:relative;}
.lang .tit img.on{display:none;}
.lang .lang-open {display:none; position:absolute; top:35px;width:74px; left:50%;transform:translateX(-50%);border-radius:var(--bd8);background-color: #fff;padding:18px 10px;box-shadow:6px 6px 24px rgba(0,0,0,.24);}
.lang .lang-open ul li{margin-bottom:10px;text-align:center;}
.lang .lang-open ul li:last-child{margin-bottom:0;}
.lang .lang-open ul li a {transition:.3s;font-size:14px;color: #a8a8a8;font-weight:500;line-height:1.3em;display:block;}
.lang .lang-open a:hover{color:var(--dark);}
.lang.active .lang-open {display:block;}
.lang.active .tit:after{transform:rotate(180deg);}

.contain {position:relative; max-width:1460px; padding-left:30px; padding-right:30px; margin:0 auto;}
.contain.type2{max-width:1780px;}
.contain.w1200{max-width:1260px;}
#contArea {max-width:1460px; padding-left:30px; padding-right:30px; margin:0 auto;}
#contArea.wide {max-width:100%; padding-left:0; padding-right:0;}
#contArea.type3{max-width:1780px;}

/* main */ 
.visual-wrap {position:relative; overflow:hidden;}
.main-visual .item {position:relative; height:100vh;}
.main-visual .main-video{height:100%;overflow:hidden;position: relative;width:100%;}
.main-visual .main-video video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.main-visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all 0.9s; -ms-transition:all 0.9s; transition:all 0.9s; -webkit-transition-timing-function:ease; transition-timing-function:ease;}
.main-visual .active .bg{-ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all 10s; -ms-transition:all 10s; transition:all 10s; -webkit-transition-timing-function:ease; transition-timing-function:ease;}

.main-visual .tt-wrap{position: absolute;left:50%;bottom:26.0204%;transform:translateX(-50%);max-width:1780px;width:100%;padding:0 30px;color:var(--pri);pointer-events:none;}
.main-visual .tt-wrap .tit{margin-bottom:60px;font-size: clamp(1.5rem, 0.4803rem + 4.0789vw, 5.375rem);line-height:1.35em;font-weight:600;}
.main-visual .tt-wrap .tt{font-size:var(--fz24);font-weight:500;line-height:1.5em;pointer-events:none;}

.mouse_scroll {display: block;margin: 0 auto;width: 24px;height: 100px;	position:absolute; bottom:30%;right:5%; /* right:30px; */z-index:50;}
.mouse_scroll .m_scroll_arrows{display: block;width: 5px;height: 5px;-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);border-right: 2px solid white; border-bottom: 2px solid white;margin: 0 0 3px 4px; width: 16px;height: 16px;}
.mouse_scroll .unu{ margin-top: 1px;}
.mouse_scroll .unu, .doi, .trei{-webkit-animation: mouse-scroll 1s infinite;-moz-animation: mouse-scroll 1s infinite;animation: mouse-scroll 1s infinite;}
.mouse_scroll .unu{-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-webkit-animation-direction: alternate;animation-direction: alternate;animation-delay: alternate;}
.mouse_scroll .doi{-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-webkit-animation-direction: alternate;animation-delay: .2s;animation-direction: alternate;margin-top: -6px;}
.mouse_scroll .trei{-webkit-animation-delay: .3s;-moz-animation-delay: .3s;-webkit-animation-direction: alternate;animation-delay: .3s;animation-direction: alternate;margin-top: -6px;}
.mouse_scroll .mouse {height: 42px;width: 24px;border-radius: 14px;transform: none;border: 2px solid white;top: 170px;}
.mouse_scroll .wheel {height: 5px;width: 2px;display: block;margin: 5px auto;background: white;position: relative;height: 4px;width: 4px;border: 2px solid #fff;-webkit-border-radius: 8px;border-radius: 8px;}
.mouse_scroll .wheel {  -webkit-animation: mouse-wheel 0.6s linear infinite;-moz-animation: mouse-wheel 0.6s linear infinite;animation: mouse-wheel 0.6s linear infinite;}
.mouse_scroll:hover .m_scroll_arrows{border-color: var(--pri);}
.mouse_scroll:hover .mouse{border-color:var(--pri);}
.mouse_scroll:hover .wheel{border-color:var(--pri);}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

.scroll-wrap{position: fixed;right:30px;bottom:30px;z-index:100;transform:rotate(180deg);}
.scroll-top2 {display: block;margin: 0 auto;width: 24px;height: 100px;z-index:50;}
.scroll-top2 .m_scroll_arrows{display: block;width: 5px;height: 5px;-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);border-right: 2px solid #000; border-bottom: 2px solid #000;margin: 0 0 3px 4px; width: 16px;height: 16px;}
.scroll-top2 .unu{ margin-top: 1px;}
.scroll-top2 .unu, .doi, .trei{-webkit-animation: mouse-scroll 1s infinite;-moz-animation: mouse-scroll 1s infinite;animation: mouse-scroll 1s infinite;}
.scroll-top2 .unu{-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-webkit-animation-direction: alternate;animation-direction: alternate;animation-delay: alternate;}
.scroll-top2 .doi{-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-webkit-animation-direction: alternate;animation-delay: .2s;animation-direction: alternate;margin-top: -6px;}
.scroll-top2 .trei{-webkit-animation-delay: .3s;-moz-animation-delay: .3s;-webkit-animation-direction: alternate;animation-delay: .3s;animation-direction: alternate;margin-top: -6px;}
.scroll-top2 .mouse {height: 42px;width: 24px;border-radius: 14px;transform: none;border: 2px solid #000;top: 170px;}
.scroll-top2 .wheel {height: 5px;width: 2px;display: block;margin: 5px auto;background: #000;position: relative;height: 4px;width: 4px;border: 2px solid #000;-webkit-border-radius: 8px;border-radius: 8px;}
.scroll-top2 .wheel {  -webkit-animation: mouse-wheel 0.6s linear infinite;-moz-animation: mouse-wheel 0.6s linear infinite;animation: mouse-wheel 0.6s linear infinite;}
.scroll-top2:hover .m_scroll_arrows{border-color: var(--pri);}
.scroll-top2:hover .mouse{border-color:var(--pri);}
.scroll-top2:hover .wheel{border-color:var(--pri);}

.main-visual .scroll{position:absolute; bottom:30%;right:5%; /* right:30px; */z-index:50; animation:move_up_down 2s linear infinite;transition:.3s;z-index:1;}
.main-visual .scroll img.on{display:none;}
/* .main-visual .scroll:hover img.off{display:none;}
.main-visual .scroll:hover img.on{display:block;} */
@keyframes move_up_down { 
  0%,100%{ 
    transform:translate(0 ,0); 
  } 
  50% { 
    transform:translate(0 ,15px); 
  } 
}
.visual-btns{position: absolute;left:50%;bottom:8.1632%;transform:translateX(-50%);max-width:1780px;width:100%;padding:0 30px;color: #e8b42a;}
.visual-btns .items .slick-list{margin:0 -10px;}
.visual-btns .items .item{padding:0 10px;}
.visual-btns .items .item a{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;transition:.3s;padding-top:15px;border-top:1px solid #e8b42a;opacity:.5;}
.visual-btns .items .slick-current .item a{opacity:1;}

.section{overflow:hidden;}
.sec1{padding:250px 0 165px;}
.sec1 .contain{display:flex;align-items:center;}
.sec1 .tt-wrap{position:relative;width:50%;margin-right:20px;}
.sec1 .tt-wrap .we{position: absolute;left:0;top:-75%;font-size:var(--fz24);color:var(--dark);line-height:1.4em;font-weight:600;}
.sec1 .tt-wrap .wrap .tit{margin-bottom:40px;font-size:var(--fz72);font-weight:600;color:var(--dark);line-height:1.36em;}
.fz20{font-size:var(--fz20);line-height:1.7em;}
.sec1 .img{position:relative;min-width:0;width:1%;flex:1 1 auto;margin-right:-5.3%;}

.sec-tit{margin-bottom:80px;text-align:center;}
.sec-tit .tit{font-size:var(--fz56);font-weight:600;line-height:1.3em;color:var(--dark);}
.sec-tit .fz20{margin-top:30px;}
.sec2{padding-bottom:175px;}
.sec2 ul{display:flex;justify-content:center;margin:0 -38px;}
.sec2 ul li{padding:0 38px;text-align:center;}
.sec2 ul li .ic{display:flex;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 35px;border-radius:50%;border:1px solid #dfdfdf;}
.sec2 ul li .eng{margin-bottom:15px;font-weight:500;color: var(--dark);line-height:1.4em;}
.sec2 ul li .tit{color:var(--dark);font-size:var(--fz32);font-weight:600;line-height:1.3em;}

.sec3 ul{display:flex;}
.sec3 ul li{width:50%;}
.sec3 ul li .box{position:relative;overflow:hidden;}
.sec3 ul li .box .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sec3 ul li .inner{display:flex;align-items:center;padding:140px 100px;color: #fff;position:relative;z-index:1;}
.sec3 ul li .inner .sec-tit{margin-bottom:150px;text-align:left;}
.sec3 ul li .inner .sec-tit .tit{color: #fff;}
.pri-btn{display:flex;}
.pri-btn a{display:flex;align-items:center;position:relative;}
.pri-btn a .arr{display:flex;justify-content:center;align-items:center;width:66px;height:66px;margin-right:20px;border-radius:50%;transition:.3s;/* border:1px solid #fff; */background-color:var(--pri);}
.pri-btn a .arr span{display:flex;justify-content:center;align-items:center;transition:.3s;position:relative;}
.pri-btn a .arr span:before{content:'';width:20px;height:3px;background-color:#fff;position: absolute;left:-20px;top:50%;margin-top:-1.5px;border-radius:3px;transition:.3s;/* transform:translateX(-20px); */opacity:0;}
.pri-btn a p{font-size:var(--fz20);font-weight:600;line-height:1.2em;transition:.3s;}

.pri-btn a:before{content:'';width:0;height:100%;position: absolute;left:33px;top:0;border-radius:0 33px 33px 0;background-color:var(--pri);z-index:-1;transition:.3s;}
.pri-btn a:hover:before{width:calc(100%);}
.pri-btn a:hover p{color: #fff;}
.pri-btn a:hover .arr span{padding-left:20px;}
.pri-btn a:hover .arr span:before{/* transform:translateX(0); */left:7px;opacity:1;}

/* .pri-btn a .arr img.on{display:none;} */
/* .pri-btn a:hover .arr{border-color: var(--pri);background-color: var(--pri);}
.pri-btn a:hover .arr img.off{display:none;}
.pri-btn a:hover .arr img.on{display:block;}
.pri-btn a:hover p{color:var(--pri);} */

.sec4{padding-bottom:170px;}
.sec4 .map-content{padding:135px 0 70px;background:url('/images/main/sec4-bg.jpg')no-repeat 50% 50%/cover;}
.sec4 .map-content .contain{max-width:1280px;}
.sec4 .map-content .con{position:relative;}
.sec4 .map-content .con .mark{position: absolute;left:0;top:0;z-index:1;}
.sec4 .map-content .con .arr{position: absolute;left:5.5%;top:8%;}
.sec4 .nation{margin-top:40px;}
.sec4 .nation .contain{max-width:1280px;}
.sec4 .nation ul{display:flex;margin:0 -10px;justify-content:space-between;}
.sec4 .nation ul li{text-align:center;padding:0 10px;}
.sec4 .nation ul li p{margin-top:10px;color:var(--dark);font-weight:500;font-size:12px;line-height:1.5em;}

.sec5{padding-bottom:170px;}
.sec-tit .flex{display:flex;align-items:flex-end;justify-content:space-between;}
.ani-more .more{display:inline-block;position:relative;padding-right:40px;font-size:var(--fz20);font-weight:600;line-height:1.4em;transition:.3s;}
.ani-more .more:after{content:'';position:absolute;right:0;top:.4em;width:8px;height:13px;background:url('/images/main/ani-more1.png')no-repeat 100% 50%/contain;transition:.3s;}
.ani-more .more:before{content:'';width:0;height:14px;background:url('/images/main/ani-more2.png')no-repeat 0 50%/contain;position: absolute;left:-90px;top:.3em;transition:.4s;opacity:0;}
.ani-more .more:hover{color:var(--pri);padding-right:0;/* padding-left:90px; */}
.ani-more .more:hover:after{opacity:0;}
.ani-more .more:hover:before{opacity:1;width:60px;}
.main-sld{position:relative;}
.main-sld .slick-list{margin:0 -35px;}
.main-sld .item{padding:0 35px;line-height:1.5em;}
.main-sld .item .pic {position:relative; height:0; padding-bottom:56.168%; overflow:hidden;}
.main-sld .item .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.main-sld .item .tit{margin-top:40px;font-size:var(--fz24);font-weight:600;color:var(--dark);line-height:1.58em;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
.main-sld .item .date{margin-top:40px;color:var(--dark);font-weight:600;line-height:1.4em;}
.main-sld .slick-arrow{display:block;position: absolute;top:23%;width:80px;height:80px;border-radius:50%;background-color: #fff;border:1px solid #dfdfdf;background-position:50% 50%;background-size:10px;background-repeat:no-repeat;font-size:0;z-index:1;box-shadow:4px 4px 12px rgba(0,0,0,.2);}
.main-sld .slick-prev{background-image:url('/images/main/sld-prev.png');left:-40px;}
.main-sld .slick-next{background-image:url('/images/main/sld-next.png');right:-40px;}
.main-sld .progress {transform:rotate(180deg);margin-top:95px;display: block;width: 100%;height: 2px;overflow: hidden;background-color: #dfdfdf;background-image: linear-gradient(to right, #2c2c2c, #2c2c2c);background-repeat: no-repeat;/* background-size: 15% 100%; */background-size: 0% 100%; transition: background-size .4s ease-in-out;}
.main-sld .progress .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

.sec-tit.left{text-align:left;}
.sec6 ul{display:flex;}
.sec6 ul li{width:33.3333%;}
.sec6 ul li .box{position:relative;overflow:hidden;display:block;}
.sec6 ul li .box .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sec6 ul li .inner{display:flex;justify-content:space-between;align-items:flex-end;height:610px;padding:85px 100px;color: #fff;position:relative;z-index:1;}
.sec6 ul li .inner .wrap .eng{margin-bottom:20px;font-weight:600;line-height:1.4em;}
.sec6 ul li .inner .wrap .tit{font-size:var(--fz48);font-weight:600;line-height:1.2em;}
.sec6 ul li .inner .arr{padding-bottom:10px;transition:.3s;opacity:0;}
.sec6 ul li .box:hover .inner .arr{opacity:1;}

.sec7{padding:170px 0 200px;}

/* sub page */
.sub-visual {position:relative; height:420px; z-index:10;overflow:hidden;}
.sub-visual .sub-title{position: absolute;left:0;top:50%;transform:translateY(-50%);z-index:1;width:100%;text-align:center;color: #fff;padding-top:90px;}
.sub-visual .sub-title .top{margin-bottom:20px;font-size:var(--fz20);font-weight:600;opacity:.5;line-height:1.4em;}
.sub-visual .sub-title h1{font-size:var(--fz56);font-weight:600;line-height:1.2em;color: #fff;}
.sub-visual .background {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; height:100%;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	transform:scale(1.09);
    -ms-transform:scale(1.09); /* IE 9 */
    -moz-transform:scale(1.09); /* Firefox */
    -webkit-transform:scale(1.09); /* Safari and Chrome */
    -o-transform:scale(1.09); /* Opera */
	transition: all 2s ease-out 0s;
	transition-delay: 0.1s;
	z-index:0;
}
.sub-visual.load .background {
	transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}

.sub-title.st2{margin-bottom:60px;text-align:center;}
.sub-title.st2 h1{font-size:var(--fz44);font-weight:600;line-height:1.2em;color: var(--dark);}
.real-cont.type3{padding-top:200px;}

.lnb{position:relative;}
.lnb:after{content:'';width:100%;height:1px;background-color: #dfdfdf;position: absolute;left:0;bottom:0;}
.lnb ul{display:flex;}
.lnb ul li{flex:1;width:auto;border-right:1px solid #dfdfdf;}
.lnb ul li:last-child{border-right:0;}
.lnb ul li a{display:flex;justify-content:center;align-items:center;position: relative;height:70px;font-size:var(--fz20);font-weight:600;color: #000;color: #a8a8a8;line-height:1.3em;text-align:center;padding:0 10px;}
.lnb ul li.active a{color: var(--dark);}
.lnb ul li.active a:after{content:'';width:100%;height:2px;background-color:var(--dark);position: absolute;left:0;bottom:0;}



.real-cont {padding:115px 0 200px;}
.real-cont.type2{padding:0;}

/* footer */
#footer {padding:40px 0 95px;background-color: #f8f8ff;}
#footer .contain{display:flex;}
#footer .foot-info{margin-right:60px;}
#footer .foot-info .foot-logo{margin-bottom:45px;}
#footer .foot-info address {display:flex;flex-wrap:wrap;margin:0 -21px 60px;font-style:normal;max-width:450px;}
[lang = en] #footer .foot-info address{max-width:700px;}
#footer .foot-info address p{font-size:var(--fz18);line-height:1.4em;padding:0 21px;margin-bottom:7px;color:var(--dark);}
#footer .foot-info .copy{color: #a8a8a8;line-height:1.3em;font-size:var(--fz14);}
#footer .foot-info .copy .bar{margin:0 10px;}
#footer .foot-right{display:flex;flex-direction:column;justify-content:space-between;min-width:0;width:1%;flex:1 1 auto;}
#footer .foot-right .sns{margin-bottom:55px;}
#footer .foot-right .sns ul{display:flex;justify-content:flex-end;margin:0 -5px;}
#footer .foot-right .sns ul li{padding:0 5px;}
#footer .foot-right .sns ul li a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color: #f1f1f1;transition:.3s;}
#footer .foot-right .sns ul li a img.on{display:none;}
#footer .foot-right .sns ul li a:hover{background-color:var(--pri);}
#footer .foot-right .sns ul li a:hover img.off{display:none;}
#footer .foot-right .sns ul li a:hover img.on{display:block;}
#footer .foot-right .foot-map{margin-bottom:40px;}
#footer .foot-right .foot-map ul{display:flex;justify-content:flex-end;margin:0 -25px;}
#footer .foot-right .foot-map ul li{padding:0 25px;}
#footer .foot-right .foot-map ul li a{display:block;line-height:1.3em;font-size:var(--fz20);font-weight:600;color:var(--dark);transition:.3s;}
#footer .foot-right .foot-map ul li a:hover{color:var(--pri);}
#footer .foot-right .foot-menu ul{display:flex;justify-content:flex-end;}
#footer .foot-right .foot-menu ul li a{display:inline-block;font-size:var(--fz14);color: #a8a8a8;line-height:1.2em;}

.scroll-top{position: fixed;right:40px;bottom:40px;display:block;z-index:100;}

#header:hover .btn-m-menu span,
#header:hover .btn-m-menu span:before,
#header:hover .btn-m-menu span:after{background-color: #242424;}


/* for mobile */
.only-mobile {display:none;}
.btn-m-menu {display:none; position:absolute; top:50%; margin-top:-11px; right:30px; width:30px; height:22px;  text-align:center; text-indent:-9999em; z-index:99; transition:all 0.5s ease-in-out;}
.btn-m-menu span {position:absolute; right:0; top:50%; margin-top:-1px; height:2px; width:23px;background:#e8b42a;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; right:0; width:30px; height:2px; background:#e8b42a; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-m-menu span:before {top:-10px; transition-property:top, transform;}
.btn-m-menu span:after {bottom:-10px; transition-property:bottom, transform;}
.mobile-navigation {position:fixed; top:0; right:0; padding:20px 0; width:400px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:202;}
.mobile-navigation .home {margin-bottom:20px; padding-left:15px;}
.mobile-navigation .home img {height:23px;}
.mobile-navigation .nav-menu>ul{margin-top:30px;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #dfdfdf;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:12px 15px; display:block; color:#454545; font-size:18px; font-weight:500; line-height:1.3em;}
.mobile-navigation .nav-menu .submenu>ul>li>a br{display:none;}
.mobile-navigation .nav-menu>ul>li a:after{content:""; position:absolute; top:50%; right:15px; transform:translateY(-75%) rotate(45deg); width:10px; height:10px; border-right:2px solid #2c2c2c; border-bottom:2px solid #2c2c2c;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#ce2a27}
.mobile-navigation .nav-menu>ul>li.active>a:after {transform:translateY(-35%) rotate(-135deg); border-color:#ce2a27;}
.mobile-navigation .nav-menu .submenu {display:none; margin:-1px 0 0 0; padding:0 15px 15px;}
.mobile-navigation .nav-menu .submenu>ul:after {content:"";display:block;clear:both;}
.mobile-navigation .nav-menu .submenu>ul>li>a {display:block; position:relative; padding:5px 15px; color:#454545; font-size:16px; font-weight:400; line-height:1.3em;}
.mobile-navigation .nav-menu .submenu>ul>li>a:after {display:block; content:"";position:absolute; top:14px; left:5px; width:4px; height:4px; background:#dfdfdf; border-radius:50%; transition:.3s ease-in-out;}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover{color:#ce2a27}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover:after {background:#ce2a27}
.mobile-navigation .close {position:absolute; top:20px; right:15px; width:24px; height:24px; text-indent:-9999em; overflow:hidden;}
.mobile-navigation .close:before,
.mobile-navigation .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:2px; background:#2c2c2c;}
.mobile-navigation .close:before {transform:rotate(45deg);}
.mobile-navigation .close:after {transform:rotate(-45deg);}

.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:201;}

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0); }
html.menu-opened .mobile-overlay {display:block;}


.ani-arr{--active: var(--pri);--border: #dfdfdf;display: block;position: absolute;top:23%;z-index: 1;width: 80px;height: 80px;background-color:rgba(255,255,255,.5);border-radius:50%;}
.ani-arr.prev{left:-40px;}
.ani-arr.next{right:-40px;}
.ani-arr.left{transform: scaleX(-1);}
.ani-arr i{display: block;position: absolute;margin: -15px 0 0 -15px;width: 30px;height: 30px;left: 50%;top: 50%;}
.ani-arr i:before,
.ani-arr i:after{content: '';width: 12px;height:2.5px;border-radius:3px;position: absolute;left: 50%;top: 50%;background: #2c2c2c;margin: -1px 0 0 -5px;display: block;transform-origin: 11px 50%;}
.ani-arr i:before{transform: rotate(-40deg);}
.ani-arr i:after{transform: rotate(40deg);}
.ani-arr:before,
.ani-arr:after{content: '';display: block;position: absolute;left:0px;right:0px;top:0px;bottom:0px;border-radius: 50%;border: 1px solid var(--border);}
.ani-arr svg{width: 80px;height: 80px;display: block;position: relative;z-index: 1;color: var(--active);stroke-width: 1px;stroke-dashoffset: 251.2;stroke-dasharray: 251.2 251.2 0;transform: rotate(0deg);}
.ani-arr.animate svg{animation: stroke 1s ease forwards .3s;}
.ani-arr.animate i{animation: arrow 1.6s ease forwards;}
.ani-arr.animate i:before{animation: arrowUp 1.6s ease forwards;}
.ani-arr.animate i:after{animation: arrowDown 1.6s ease forwards;}

.ani-arr-svg #circle{width:80px;height:80px;}


@keyframes stroke {
    52% {
        transform: rotate(-180deg);
        stroke-dashoffset: 0;
    }
    52.1% {
        transform: rotate(-360deg);
        stroke-dashoffset: 0;
    }
    100% {
        transform: rotate(-180deg);
        stroke-dashoffset: 251.2;
    }
}

@keyframes arrow {
    0%,
    100% {
        transform: translateX(0);
        opacity: 1;
    }
    23% {
        transform: translateX(17px);
        opacity: 1;
    }
    24%,
    80% {
        transform: translateX(-40px);
        opacity: 0;
    }
    81% {
        opacity: 1;
        transform: translateX(-40px);
    }
}

@keyframes arrowUp {
    0%,
    100% {
        transform: rotate(-40deg) scaleX(1);
    }
    20%,
    80% {
        transform: rotate(0deg) scaleX(.1);
    }
}

@keyframes arrowDown {
    0%,
    100% {
        transform: rotate(40deg) scaleX(1);
    }
    20%,
    80% {
        transform: rotate(0deg) scaleX(.1);
    }
}