@charset "utf-8";

@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap);

@font-face {
    font-family: 'LeferiPoint-WhiteA';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-WhiteA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeferiBaseType-RegularA';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-RegularA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeferiBaseType-BoldA';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-BoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeferiPoint-BlackA';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-BlackA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
html{overflow:hidden}
html,body { font-family:'Pretendard','Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; }
body {overflow-y:visible;overflow-x:auto;}
body:after{position:Absolute; left:50%; width:20000px; margin-left:-10000px; bottom:0; display:block; content:"";background:#2a2a2a;  height:4px; z-index:2009;}
#doc {position:relative;min-width:360px; overflow:hidden;opacity:0; z-index:2000;-webkit-transition: opacity 0.4s ease-out;-moz-transition: opacity 0.4s ease-out;-o-transition: opacity 0.4s ease-out;transition: opacity 0.4s ease-out;}
#doc.show{ transition-delay:0s; opacity:1;}
	@media only screen and (min-width:1000px) {
		body {overflow-y:visible !important}
	}
	@media only screen and (max-width:999px) {
		html.has-scroll-smooth{backface-visibility: hidden;/*  transform: translateZ(0); */}
	}	
	

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1840px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
.sub #content .div-cont{ max-width:1764px;}
	@media only screen and (max-width:1640px){
		
	}
	@media only screen and (max-width:1420px){
		
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.div-cont{padding:0 20px;}
	}
	@media only screen and (max-width:480px){
		
	}

.body-slide-wr{position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2010;width:100%;height:100%;/* height:calc(100% - 60px) */;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1201px){
		.header-slider-ovclick{display:none !important}
	}


/*=======================================================
    z-index default
=========================================================*/
#header-wrap{position:fixed;z-index:5505;}
#container-wrap{position:relative;z-index:1005;}
#footer-wrap{position:relative;z-index:1007; }


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:0; width:100%; top:-100px; min-width:360px;transition:top 1s cubic-bezier(.33,.02,0,.93);}
.has-scroll-init #header-wrap, #header-wrap.sub{transition-delay: 0.3s;top:0;}
#header-wrap:after{position:absolute;left:50%; top:0; width:20000px;background:transparent; border-bottom:1px solid rgba(255,255,255,0.24);margin-left:-10000px;height:100%; box-sizing:border-box;z-index:-1;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;display:block; content:"";}
#header-wrap.fix:after, #header-wrap.isOver:after, #header-wrap.fixed:after{background:#fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12) ;}

#header{position:relative; z-index:5001; max-width:1910px; margin:0 auto;}

#header .inner{/* max-width:1240px; */ min-width:360px; position:relative; margin:0 auto; padding:0 20px; box-sizing:border-box; height:100px;}

#logo{position:absolute; left:35px; top:20px; width:300px; height:60px; z-index:2009;}
#logo a{display:block; height:60px;background:url(../_Img/logo.png) no-repeat left center; background-size:auto 100%}

#header-wrap.fix #logo a,#header-wrap.fixed #logo a, #header-wrap.isOver #logo a, #header-wrap.sub #logo a{background-image:url(../_Img/logo-over.png)}

#header .bt-mnall{position:absolute;z-index:2599; width:30px; height:30px; top:50%;margin-top:-15px; right:17px; display:none;}
#header .bt-mnall .bar{position:absolute;left:2px;width:25px;height:1px;border-bottom:2px solid #fff;}
#header .bt-mnall .bar.no1{top:6px}
#header .bt-mnall .bar.no2{top:14px}
#header .bt-mnall .bar.no3{top:22px}
#header .bt-mnall .bar.no1, #header .bt-mnall .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-mnall .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-mnall.active .bar.no1{left:2px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-mnall.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-mnall.active .bar.no3{left:2px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}

#header .bt-mnall:hover .bar.no1 {-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}
#header .bt-mnall:hover .bar.no2 {-webkit-animation: line-animate .6s .2s forwards; animation: line-animate .6s .2s forwards}
#header .bt-mnall:hover .bar.no3 {-webkit-animation: line-animate .6s .4s forwards; animation: line-animate .6s .4s forwards}

#header .bt-mnclose {position:absolute;display:none;z-index:2599; width:65px; height:65px; background:url(../_Img/layout/bt-mnclosew.png) no-repeat center center rgba(0,0,0,0.15); background-size:20px auto;right:0; top:0;}

#header .bt-allmenu{position:absolute;z-index:2599; width:30px; height:30px; top:50%;margin-top:-15px; right:35px;}
#header .bt-allmenu .bar{position:absolute;left:2px;width:40px; border-bottom:3px solid #fff; border-radius: 10px;}
#header .bt-allmenu .bar.no1{top:6px}
#header .bt-allmenu .bar.no2{top:14px}
#header .bt-allmenu .bar.no3{top:22px}
#header .bt-allmenu .bar.no1, #header .bt-allmenu .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-allmenu .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-allmenu.active .bar.no1{left:2px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-allmenu.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-allmenu.active .bar.no3{left:2px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}

#header .bt-allmenu:hover .bar:before{left:0;}
#header .bt-allmenu:hover .bar:after{left:100%;}

#header .bt-allmenu:hover .bar.no1 {-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}
#header .bt-allmenu:hover .bar.no2 {-webkit-animation: line-animate .6s .2s forwards; animation: line-animate .6s .2s forwards}
#header .bt-allmenu:hover .bar.no3 {-webkit-animation: line-animate .6s .4s forwards; animation: line-animate .6s .4s forwards}


#header-wrap.fix .bt-allmenu .bar , #header-wrap.fixed .bt-allmenu .bar ,#header-wrap.isOver .bt-allmenu .bar, #header-wrap.sub .bt-allmenu .bar{border-bottom-color:#111}
#header-wrap.fix .bt-mnall .bar , #header-wrap.fixed .bt-mnall .bar ,#header-wrap.isOver .bt-mnall .bar , #header-wrap.sub .bt-mnall .bar{border-bottom-color:#111}

#header .language {position:absolute;z-index:2599; right:88px; top:34px; height:30px; }
	@media only screen and (max-width:1640px) {	
		#logo{width:270px;height:55px; top:22px }
		#logo a{height:55px;}
	}
	@media only screen and (max-width:1420px) {	
		#logo{width:250px;height:50px; top:26px ;left:25px}
		#logo a{height:50px;}
		
		#header .bt-allmenu{right:25px;}
	}
	@media only screen and (max-width:1200px) {
		#header .inner{height:65px;}
		#header .bt-mnall{display:block;}
		#header .bt-allmenu{display:none !important;}

		#logo{width:172px;height:35px; top:14px; left:20px;}
		#logo a{height:35px;}
	}
	@media only screen and (max-width:999px) {
		#header .inner{height:65px;}
	}
	@media only screen and (max-width:680px) {
		#logo{width:200px;height:30px; left:15px;top:18px}
		#logo a{height:30px;}

		
	}

	

#allmenu-wrap{position:fixed; top:0;right:0;overflow:hidden;z-index:8005; padding-right:80px; width:100%;height:100%; background:url(../_Img/layout/sitemap-bg-.jpg) no-repeat right bottom #fff; background-size:60% auto;min-height:768px; overflow-y:auto; min-width:800px; /* max-width:1000px; */box-sizing:border-box;-webkit-transition:transform .6s cubic-bezier(.77,0,.175,1);-moz-transition:transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1);-webkit-transform:  translateX(100%); -moz-transform:  translateX(100%);-ms-transform:  translateX(100%); -o-transform: translateX(100%);transform: translateX(100%);}	
#allmenu-wrap.open{-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}	
#allmenu-wrap .close {position:absolute;z-index:2599; opacity:0;width:46px; height:46px;  background:url(../_Img/layout/sitemap-close.jpg) no-repeat center center; background-size:46px auto;right:70px; top:70px; z-index:92;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
#allmenu-wrap.open .close{transition-delay:0.2s;opacity:1}

#allmenu-wrap .allmenu{position:absolute; left:0; top:50%; margin-top:-50px; z-index:23;width:100%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

#allmenu-wrap ul{width:100%; max-width:1400px;margin: 0 auto;box-sizing:border-box; padding-left:130px; position:relative;}
#allmenu-wrap ul:after{display:block; content:"";clear:both;}
#allmenu-wrap li.mn_l1{ box-sizing:border-box; position:relative; }

#allmenu-wrap li.mn_l1:nth-child(n+2){margin-top:60px;}

#allmenu-wrap li .vc{width:100%; box-sizing:border-box; padding:0 0 0 0;}
#allmenu-wrap li .mn_a1 {display:block;font-size:40px; color:#323232;font-weight:700; text-transform:uppercase; line-height:1.5em;letter-spacing:-0.02em;padding:0}
#allmenu-wrap li .mn_a1 span{display:inline-block;vertical-align:top; position:relative;}
#allmenu-wrap li .mn_a1 span:after{width:8px;height:8px; position:Absolute; left:-14px; top:5px; display:block; content:"";background:#34a1d6; border-radius:100%; opacity:0;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}

#allmenu-wrap li:hover .mn_a1 span:after{opacity:1}

#allmenu-wrap li .depth2-wrap{min-height:50px; margin-top:25px;}
#allmenu-wrap li .depth2{padding:0;}
#allmenu-wrap li .depth2:after{display:block; content:"";clear:both;}
#allmenu-wrap li.mn_l2{float:left;}
#allmenu-wrap li.mn_l2:nth-child(n+2){margin-left:40px;}
#allmenu-wrap li .mn_a2{display:block;font-size:22px;font-weight:400; text-transform:uppercase;line-height:1.2em; color:#858585; letter-spacing:-0.02em; padding:5px 0 5px 0; position:relative;}
#allmenu-wrap li .mn_a2:hover{color:#323232;}

#allmenu-wrap li .mn_a1{display:block;opacity:0;position:Relative;-webkit-transform: translateY(10%); -moz-transform: translateY(10%);-ms-transform: translateY(10%); -o-transform:  translateY(10%);transform: translateY(10%);-webkit-transition: transform 0.5s ease-in-out ,  opacity 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out ,  opacity 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out ,  opacity 0.5s ease-in-out;transition: transform 0.5s ease-in-out ,  opacity 0.5s ease-in-out;}
#allmenu-wrap li .depth2{position:relative;opacity:0;-webkit-transform: translateY(5%); -moz-transform: translateY(5%);-ms-transform: translateY(5%); -o-transform:  translateY(5%);transform: translateY(5%);-webkit-transition: transform 0.5s ease-in-out ,  opacity 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out ,  opacity 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out ,  opacity 0.5s ease-in-out;transition: transform 0.5s ease-in-out ,  opacity 0.5s ease-in-out;}

#allmenu-wrap.open li.mn_l1 .mn_a1{transition-delay: 0.4s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
#allmenu-wrap.open li.mn_l1 .depth2{transition-delay: 0.6s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
	@media only screen and (max-width:1640px) {	
		#allmenu-wrap .close {background-size:38px; right:60px; top:60px;}
		#allmenu-wrap ul{padding-left:110px}
		#allmenu-wrap li.mn_l1:nth-child(n+2){margin-top:45px;}

		#allmenu-wrap li .mn_a1 {font-size:36px;}
		#allmenu-wrap li .mn_a2{font-size:20px;}
		#allmenu-wrap li .depth2-wrap{min-height:40px; margin-top:15px;}
		#allmenu-wrap li.mn_l2:nth-child(n+2){margin-left:34px;}
	}
	@media only screen and (max-width:1420px) {
		#allmenu-wrap .close {background-size:30px; right:50px; top:50px;}

		#allmenu-wrap ul{padding-left:90px}
		#allmenu-wrap li.mn_l1:nth-child(n+2){margin-top:30px;}

		#allmenu-wrap li .mn_a1{font-size:32px;}
		#allmenu-wrap li .mn_a2{font-size:18px;}
		#allmenu-wrap li.mn_l2:nth-child(n+2){margin-left:26px;}
	}
	@media only screen and (max-width:1200px) {
		#header .bt-allmenu, #allmenu-wrap{display:none !important;}
		
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	

	/*=======================================================
		#mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1200px){
		#header .bt-mnall, #header .bt-mnclose{display:none !important;}

		#header .bt-mnall{display:none;}
		#mainNavi-wrap {height:94px;overflow:hidden;position:absolute;left:0;top:6px;width:100%;display:block;z-index:2007;}
		#mainNavi-wrap .tmn-tit {display:none;}

		#mainNav {position:relative;}
		.tm-top{display:none}
		
		.topmenu {margin-right: 162px; display:block;position:relative;text-align: right; font-size:0;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {font-size:22px;line-height:90px;display:block;color:#fff; padding:0; font-family:"Noto Sans KR"; font-weight:700; letter-spacing:-0.01em; text-transform:uppercase;position:relative; text-align:center; z-index:14;}
		.topmenu .mn_l1:first-child{margin-left:100px;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:100px;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;}
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1, .topmenu .over .mn_a1{color:#fff}

		.isOver .topmenu .mn_l1:before, .is-open .topmenu .mn_l1:before, .fix .topmenu .mn_l1:before, .sub .topmenu .mn_l1:before{border-color:#6abd46;}

		.topmenu .mn_l1.is-open .depth2-wrap{overflow:visible !important;}
		.topmenu .depth2-wrap {position:absolute;top:94px;visibility:hidden;padding:0 ;  width:230px !important; margin-left:-115px !important; left:50%;}
		/* .topmenu .depth2-wrap:after{position:absolute; left:0; top:0; width:100%;height:0; background:#2d4478; display:block; content:""; z-index:1; -webkit-transition: height 0.4s ease-in-out;-moz-transition: height 0.4s ease-in-out;-o-transition: height 0.4s ease-in-out;transition: height 0.4s ease-in-out;}
		.topmenu .mn_l1.is-over .depth2-wrap:after{height:100%;} */
		.topmenu .depth2 {position:relative;height:auto;padding:35px;min-height:150px; box-sizing:border-box; z-index:2; background: #0909e3;box-shadow: 10px 11px 16px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 11px 16px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 10px 11px 16px rgba(0, 0, 0, 0.1)  ; }
		.topmenu .depth2 li{}
		.topmenu .depth2 .mn_l2 {text-align:left;}
		.topmenu .depth2 .mn_l2:nth-child(n+2){margin-top:9px;}
		.topmenu .depth2 .mn_a2 {line-height:1.2em;display:block;}
		.topmenu .depth2 .mn_a2 span {display:inline-block;line-height:1.2em ; padding:3px 2px;text-transform:uppercase; position:relative;font-weight:600; font-size:19px;letter-spacing:-0.03em;color:#edf4fc; position:relative; -webkit-transition: color 0.4s ease-in-out;-moz-transition: color 0.4s ease-in-out;-o-transition: color 0.4s ease-in-out;transition: color 0.4s ease-in-out;}
		.topmenu .depth2 .mn_a2 span:before{width:0;left:0; height:8px; background:#1178c7; display:block; content:""; position:absolute; bottom:3px; z-index:-1;-webkit-transition:width .4s cubic-bezier(.77,0,.175,1);-moz-transition:width .4s cubic-bezier(.77,0,.175,1);transition:width .4s cubic-bezier(.77,0,.175,1)} 
		.topmenu .depth2 .mn_a2:hover span:before, .topmenu .depth2 .mn_l2.over .mn_a2 span:before{width:96%;}
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .mn_l2.over .mn_a2 span {color:#fff !important; }

		/* .topmenu .mn_l1.is-open .depth2 .mn_a2 span {color:rgba(255,255,255,0.7)} */
	
		#mainNavi-wrap .ovbar {position:absolute;height:2px;top:76px;overflow:hidden;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;background:#34a1d6; height:2px;content:"";display:block;z-index:200; width:100%; margin-left:-50%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		#header-wrap.isOver #mainNavi-wrap .ovbar, #header-wrap.fix #mainNavi-wrap .ovbar{opacity:1}
		#header-wrap.over #mainNavi-wrap .ovbar{opacity:1}

		#header-wrap.fix .topmenu .mn_a1, #header-wrap.sub .topmenu .mn_a1{color:#242424;} 
		#header-wrap.isOver .topmenu .mn_a1, #header-wrap.sub .topmenu .mn_a1{color:#242424;} 
		#header-wrap.isOver .topmenu .mn_a1:hover, #header-wrap.isOver .topmenu .is-over .mn_a1, #header-wrap.sub .topmenu .is-over .mn_a1, #header-wrap.sub .topmenu .over .mn_a1{color:#34a1d6;}

		#header-wrap.over .topmenu .mn_a1{color:#242424;} 
		#header-wrap.over .topmenu .mn_a1{color:#242424;} 
		#header-wrap.over .topmenu .mn_a1:hover, #header-wrap.over .topmenu .is-over .mn_a1{color:#34a1d6;}

		.mn-bar {position:absolute;background:transparent !important;;top:100px;width:20000px; left:50%;margin-left:-10000px;z-index:2000; height:0; box-sizing:border-box;/* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12) ; */}
	}
	@media only screen and (min-width:1200px) and (max-width:1640px) {	
		.topmenu .mn_a1 {font-size:20px;}
	}
	@media only screen and (min-width:1421px) and(max-width:1640px) {	
		.topmenu .mn_l1:nth-child(n+2){margin-left:90px;}
		.topmenu .depth2-wrap {width:210px !important; margin-left:-105px !important;}
		.topmenu .depth2 {padding:30px;min-height:130px;}
		.topmenu .depth2 .mn_a2 span {font-size:17px;}
		.topmenu .depth2 .mn_a2 span:before{height:5px;}
	}
	@media only screen and (min-width:1200px) and (max-width:1420px) {	
		.topmenu .mn_l1:nth-child(n+2){margin-left:80px;}
		.topmenu .depth2-wrap {width:190px !important; margin-left:-95px !important;}
		.topmenu .depth2 {padding:25px;min-height:110px;}
		.topmenu .depth2 .mn_a2 span {font-size:16px;}
		.topmenu .depth2 .mn_a2 span:before{height:3px;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
		
	}

	
	@media only screen and (max-width:1200px) {
		#header-wrap .mn-bg {display:none;}
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;right:-290px;min-width:290px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;top:0;width:290px;height:100%; padding-bottom:60px; min-height:480px;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;	transition: right 0.3s ease-out;}
		#mainNavi.mn-h-open {right:0;}

		.tm-top{height:65px;background:url(../_Img/logo.png) no-repeat 20px center #6abd46; background-size:100px auto;}
	
		.topmenu {width:100%;display:block;position:absolute; left:0; top:65px; height:calc(100% - 65px);overflow-y:auto;z-index:141;padding:20px; box-sizing:border-box;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		.topmenu .mn_l1:first-child{margin-left:0;}
		.topmenu a {position:relative;}
		.topmenu .mn-txt{display:none;}

		.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:5px;top:8px;border:0;z-index:102;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:0;top:50%;width:11px;height:1px;background:#0000fd;transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:0;top:50%;width:12px;height:1px;background:#0000fd;transform: rotate(-45deg);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.topmenu .mn_l1 > .tgl-btn {right:12px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before{background:#252525;left:0;transform: rotate(-45deg);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after{background:#252525;right:0;transform: rotate(45deg);}
	
		.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.topmenu .mn_a1 {position:relative;display:block;padding:17px 30px 17px 10px;overflow:hidden;font-size:18px;font-weight:600;letter-spacing:-0.02em;white-space:normal;cursor:pointer;color:#000; z-index:101}
		.topmenu .over .mn_a1, .topmenu .is-open .mn_a1{color:#0000fd;}

		.topmenu li > div {display:none; opacity:0;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;background:#f7f7f7;padding:15px 0;border-bottom:1px solid #ededed;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_a2 {display:block;padding:5px 30px 5px 32px; position:relative;}
		.topmenu .depth2 .mn_a2:before{width:5px;height:0; position:Absolute; left:20px; top:14px; border-bottom:1px solid #666; display:block; content:""}
		.topmenu .depth2 .mn_a2 span.img{display:none;}
		.topmenu .depth2 .mn_a2 span {font-size:15px;font-weight:400;cursor:pointer;color:#555;}
		.topmenu .depth2 .mn_a2:hover span{color:#111} 
		.topmenu .depth2 .over .mn_a2 span{color:#111; text-decoration:underline}
		
		.mn-bar {display:none;}
	}
	@media only screen and (max-width:680px){
		
	}
	
	

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{}
#container-wrap #contents{ min-height:700px;}
.sub #container-wrap #contents{padding:100px 0 150px 0;}
	@media only screen and (max-width:1640px) {	
		.sub #container-wrap #contents{padding-top:90px}
	}
	@media only screen and (max-width:1420px) {	
		.sub #container-wrap #contents{padding-top:80px}
	}
	@media only screen and (max-width:1240px) {
		.sub #container-wrap #contents{padding-top:70px}
	}
	@media only screen and (max-width:999px) {
		.sub #container-wrap #contents{padding-top:60px}
	}
	@media only screen and (max-width:680px) {
		.sub #container-wrap #contents{padding-top:50px}
		
	}
	@media only screen and (max-width:480px) {
		
		
	}


/* ======================================================
   .cont-top & top-vis
=========================================================*/
.cont-top{margin-bottom:70px;text-align:center;}
.cont-top.mg40f{margin-bottom:40px;}
.cont-top h2{ font-family: 'LeferiBaseType-BoldA';font-size:52px; font-weight:700; color:#000; letter-spacing:-0.01em; line-height:1em; display:inline-block;vertical-align:top; position:relative;}
.cont-top h2:after{background:#b2ffb2; position:absolute; left:-10px; bottom:10px; width:calc(100% + 20px);height:15px; display:block; content:""; z-index:-1;}
	@media only screen and (max-width:1640px) {	
		.cont-top h2{font-size:48px}
		.cont-top h2:after{height:12px; bottom:8px;}
	}
	@media only screen and (max-width:1420px) {	
		.cont-top{margin-bottom:50px;}
		.cont-top h2{font-size:44px}
		.cont-top h2:after{height:10px; bottom:6px;}
	}
	@media only screen and (max-width:1240px) {
		.cont-top h2{font-size:40px}
		.cont-top h2:after{height:8px; bottom:4px;}
	}
	@media only screen and (max-width:999px) {
		.cont-top{margin-bottom:40px;}
		.cont-top.mg40f{margin-bottom:25px;}
		.cont-top h2{font-size:36px}
	}
	@media only screen and (max-width:680px) {
		.cont-top h2{font-size:30px}
		.cont-top h2:after{height:6px;left:-5px; bottom:4px; width:calc(100% + 10px);}
	}
	@media only screen and (max-width:480px) {
		.cont-top{margin-bottom:30px;}
		.cont-top.mg40f{margin-bottom:15px;}
		.cont-top h2{font-size:26px}
		
	}





/* ======================================================
  #top-vis
=========================================================*/
#top-vis{position:Relative;}
#top-vis .txt{position:absolute ; z-index:12;left:0; top:50%;width:100%;text-align:center;padding:0 20px; margin-top:25px; box-sizing:border-box;font-family: 'Pretendard';-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#top-vis .txt h2{margin-top:15px; font-family: 'LeferiBaseType-BoldA';font-size:63px ;font-weight:700; color:#fff; letter-spacing:-0.01em; line-height:1.2em;text-transform:uppercase; animation-delay:0.4s;}
#top-vis .txt .btxt{ font-family: 'LeferiPoint-WhiteA';font-size:22px ;font-weight:200; color:#b4b4b4; letter-spacing:0.01em; line-height:1.2em; text-transform:uppercase;animation-delay:0.2s;}
#top-vis .txt .stxt{margin-top:12px;font-size:21px ;font-weight:400; color:#fff; letter-spacing:-0.01em; line-height:1.3em; animation-delay:0.6s;}

#top-vis .img{overflow:hidden;}
#top-vis .img img{width:100%;height:580px;object-fit:cover;transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);-webkit-transition: transform 5s linear;-moz-transition: transform 5s linear;-o-transition: transform 5s linear;transition: transform 5s linear;}
#top-vis.ani .img img{transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}
	@media only screen and (max-width:1640px) {	
		#top-vis .txt h2{font-size:58px;}
		#top-vis .txt .btxt{font-size:20px}
		#top-vis .txt .stxt{font-size:19px;}
	}
	@media only screen and (max-width:1420px) {	
		#top-vis .txt h2{font-size:52px;}
	}
	@media only screen and (max-width:1240px) {
		#top-vis .txt{margin-top:15px}
		#top-vis .txt h2{font-size:47px;}
		#top-vis .txt .btxt{font-size:18px}
		#top-vis .txt .stxt{font-size:17px;}

		#top-vis .img img{height:400px;}
	}
	@media only screen and (max-width:999px) {
		#top-vis .txt h2{margin-top:10px; font-size:42px;}
		#top-vis .txt .btxt{font-size:17px}
		#top-vis .txt .stxt{margin-top:7px;font-size:16px;}

		#top-vis .img img{height:350px;}
	}
	@media only screen and (max-width:680px) {
		#top-vis .txt h2{font-size:38px;}
		#top-vis .txt .btxt{font-size:16px}
		#top-vis .txt .stxt{font-size:15px;}

		#top-vis .img img{height:300px;}
	}
	@media only screen and (max-width:480px) {
		#top-vis .txt h2{font-size:34px;}
		#top-vis .txt .btxt{font-size:14px}
		#top-vis .txt .stxt{font-size:13px;}
		
	}	


/* ======================================================
   #snbNavi-wrap 
=========================================================*/
#snbNavi-wrap{ background: #0000fdd4; height:70px; position:absolute; left:0; bottom:0; width:100%;z-index:1005;text-align:center; min-width:360px;}	
#snbNavi-wrap .snbNavi{padding-left:88px; box-sizing:border-box; display:inline-block;vertical-align:top; position:Relative;}
#snbNavi-wrap .snbNavi:after{display:block; content:"";clear:both;}
#snbNavi-wrap .home{width:88px;height:70px;position:absolute; left:0;top:0;background: url(../_Img/sub/ico-home.png) no-repeat center center #3333fdc2;}
#snbNavi-wrap dl{/*background:#0000fd;*/ position:relative; float:left; min-width:310px;}
#snbNavi-wrap dl:nth-child(n+3):before{width:1px;height:38px; position:absolute; left:-1px; top:50%; margin-top:-19px; display:block; content:"";border-left:1px solid #5ea4ff;}
#snbNavi-wrap dt{}
#snbNavi-wrap dt a{display:block; line-height:68px;height:70px; padding-left:40px; color:#fff; font-size:20px; font-weight:500; letter-spacing:-0.03em;position:relative; padding-right:65px;text-align:left;text-transform:uppercase}
#snbNavi-wrap dt a:after{width:22px;height:14px; position:absolute;right:26px; top:50%;margin-top:-7px; background:url(../_Img/sub/snb-arrow.png) no-repeat center center; display:block; content:""}
#snbNavi-wrap dt.active a:after{transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0); }
#snbNavi-wrap dd{position:absolute;display:none; left:-1px; top:70px; width:calc(100% + 1px); background:#166ce3;box-sizing:border-box;border-top:1px solid rgba(255,255,255,0.1);box-shadow: 10px 11px 16px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 11px 16px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 10px 11px 16px rgba(0, 0, 0, 0.1)  ;}
#snbNavi-wrap dd ul{padding:0 30px;}
#snbNavi-wrap dd li{}
#snbNavi-wrap dd li:nth-child(n+2){border-top:1px solid #4c88db}
#snbNavi-wrap dd li a{line-height:55px; font-size:19px; color:#fff;letter-spacing:-0.02em; padding:0 12px; display:block; text-align:left;text-transform:uppercase}
#snbNavi-wrap dd li a:hover, #snbNavi-wrap dd li.active a{color:#ffe270;font-weight:500;}
	@media only screen and (max-width:1640px) {	
		#snbNavi-wrap .snbNavi{padding-left:78px;}
		#snbNavi-wrap .home{width:78px;background-size:30px auto;}
		#snbNavi-wrap dl{min-width:280px}
	}
	@media only screen and (max-width:1420px) {	
		#snbNavi-wrap{height:60px;}
		#snbNavi-wrap .snbNavi{padding-left:70px;}
		#snbNavi-wrap .home{width:70px;height:60px; background-size:26px auto;}
		#snbNavi-wrap dl{min-width:240px}
		#snbNavi-wrap dt a{height:60px; line-height:58px; font-size:18px; padding-left:30px; padding-right:55px;}
		#snbNavi-wrap dt a:after{background-size:16px auto; right:20px;}
		#snbNavi-wrap dd{top:60px;}
		#snbNavi-wrap dd ul{padding:0 20px;}
		#snbNavi-wrap dd li a{line-height:50px; font-size:17px; padding:0 10px;}
	}
	@media only screen and (max-width:1240px) {
		
	}
	@media only screen and (max-width:999px) {
		#snbNavi-wrap{height:50px;}
		#snbNavi-wrap .snbNavi{padding-left:60px;}
		#snbNavi-wrap .home{width:60px;height:50px; background-size:22px auto;}
		#snbNavi-wrap dl{min-width:auto;}
		#snbNavi-wrap dt a{height:50px; line-height:48px; font-size:16px; padding-left:25px; padding-right:45px;}
		#snbNavi-wrap dt a:after{background-size:12px auto; right:15px;}
		#snbNavi-wrap dd{top:50px;}
		#snbNavi-wrap dd ul{padding:0 15px;}
		#snbNavi-wrap dd li a{line-height:45px; font-size:16px; padding:0 10px;}

		#snbNavi-wrap dl:nth-child(2){width:180px}
		#snbNavi-wrap dl:nth-child(3){width:240px}
	}
	@media only screen and (max-width:680px) {
		#snbNavi-wrap .snbNavi{max-width:100%; text-align:left;font-size:0;padding-left:55px;}
		#snbNavi-wrap .home{width:55px;}
		#snbNavi-wrap dl{}
		#snbNavi-wrap dt a{padding-right:35px; padding-left:15px; font-size:15px;}
		#snbNavi-wrap dt a:after{background-size:10px auto; right:10px;}
		#snbNavi-wrap dl:nth-child(n+3):before{height:50px; margin-top:-25px}
		
		#snbNavi-wrap dd ul{padding:0 10px;}
		#snbNavi-wrap dd li a{font-size:15px;line-height:40px;padding:0 7px;}

		#snbNavi-wrap dl:nth-child(2){width:150px}
		#snbNavi-wrap dl:nth-child(3){width:200px}
	}
	@media only screen and (max-width:480px) {
		#snbNavi-wrap dl:nth-child(2){width:125px}
		#snbNavi-wrap dl:nth-child(3){width:180px}

		#snbNavi-wrap dd li a{font-size:14px;}
	}	


/* ======================================================
  #lower-wrap 
=========================================================*/
#lower-wrap{position:relative;padding:60px 0 85px 0; margin-top:150px;}
#lower-wrap:after{position:absolute; left:50%; width:20000px; margin-left:-10000px; top:0; height:100%; z-index:-1; background:#2154bd;  display:block; content:"";z-index:-1;}
#lower-wrap ul{display:flex;display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap}
#lower-wrap ul:after{display:block ;content:"";clear:both;}
#lower-wrap li{float:left; width:50%; text-align:center; box-sizing:border-box;display:flex; display:-webkit-flex;}
#lower-wrap li:nth-child(2){border-left:1px dashed #507ad0;}
#lower-wrap li a{display:block; width:100%; text-align:center;}
#lower-wrap li .txt{display:inline-block;vertical-align:top; position:relative; padding-left:100px;text-align:left; max-width:540px; padding-right:20px;}
#lower-wrap li .txt:before{width:78px;height:80px; position:Absolute; left:0; top:-5px; display:block; content:""}
#lower-wrap li .btxt{line-height:86px; height:75px; font-size:28px;font-family: 'LeferiBaseType-BoldA'; color:#fff; letter-spacing:-0.03em; display:inline-block;vertical-align:top; position:relative;}
#lower-wrap li .btxt:after{width:37px;height:16px; position:absolute; left:205px; top:38px; display:block; content:""; background:url(../_Img/sub/f-arrow.png) no-repeat ;transition:transform 1s cubic-bezier(.33,.02,0,.93)}
#lower-wrap li .stxt{font-size:20px ; color:#bbd0fd; line-height:1.4em; letter-spacing:-0.02em; }

#lower-wrap li:nth-child(1) .btxt:after{left:170px}

#lower-wrap li:nth-child(1) .txt:before{background:url(../_Img/sub/f-counsel.png) no-repeat }
#lower-wrap li:nth-child(2) .txt:before{background:url(../_Img/sub/f-contact.png) no-repeat }

#lower-wrap li a:hover .btxt:after{transform:translateX(15px)}
	@media only screen and (max-width:1640px) {	
		#lower-wrap li .txt{padding-left:90px;}
		#lower-wrap li .txt:before{width:68px;height:75px; background-size:100% auto !important;}
		#lower-wrap li .btxt{font-size:26px;line-height:81px; height:70px;}
		#lower-wrap li .btxt:after{top:36px;}
		#lower-wrap li .stxt{font-size:18px;}
	}
	@media only screen and (max-width:1420px) {	
		
	}
	@media only screen and (max-width:1240px) {
		#lower-wrap{padding:40px 0 85px 0; margin-top:120px;}
		#lower-wrap li .txt{padding-left:80px;}
		#lower-wrap li .txt:before{width:58px;height:65px;}
		#lower-wrap li .btxt{font-size:24px;line-height:71px; height:60px;}
		#lower-wrap li .btxt:after{top:32px; left:170px}
		#lower-wrap li .stxt{font-size:16px;}

		#lower-wrap li:nth-child(1) .btxt:after{left:140px}
	}
	@media only screen and (max-width:999px) {
		#lower-wrap{padding:25px 0 85px 0;}
		#lower-wrap ul{display:block;}
		#lower-wrap li{float:none; width:auto; display:block;}
		#lower-wrap li:nth-child(n+2){border-left:none;border-top:1px dashed #507ad0; margin-top:20px; padding-top:20px;}
		#lower-wrap li .txt{display:block;padding-left:70px;}
		#lower-wrap li .txt:before{width:48px;height:55px; top:0;}
		#lower-wrap li .btxt{font-size:22px;line-height:61px; height:50px;}
		#lower-wrap li .btxt:after{top:30px; left:140px; background-size:30px auto;}
		#lower-wrap li .stxt{font-size:15px;}

		#lower-wrap li:nth-child(1) .btxt:after{left:120px}
	}
	@media only screen and (max-width:680px) {
		#lower-wrap{margin-top:90px;}
		#lower-wrap li .txt{padding-left:60px;}
		#lower-wrap li .txt:before{width:40px;height:50px; top:5px;}
		#lower-wrap li .btxt{font-size:20px;}
		#lower-wrap li .btxt:after{top:24px; left:130px}
		#lower-wrap li .stxt{font-size:14px;}
		
		#lower-wrap li:nth-child(1) .btxt:after{left:110px}
	}
	@media only screen and (max-width:480px) {
		#lower-wrap li:nth-child(n+2){margin-top:15px; padding-top:15px;}
		#lower-wrap li .btxt{font-size:18px;}
	}



/* ======================================================
   #top-btn
=========================================================*/
.top-btn{position: fixed;right: -74px;bottom: 20px; z-index:5999;cursor: pointer;background:url(../_Img/layout/top-btn.png) no-repeat center center rgba(0,0,0,0.3);  background-size:100% auto;width:72px;height:72px; border-radius:100%;-webkit-transition: right 0.4s ease-in-out;-moz-transition: right 0.4s ease-in-out;-o-transition: right 0.4s ease-in-out;transition: right 0.4s ease-in-out;box-sizing: border-box;}
.top-btn.over{right:20px;}
	@media only screen and (max-width:1420px){
		.top-btn{width:66px;height:66px;}
		.top-btn.over{right:15px; bottom:15px;}
	}
	@media only screen and (max-width:999px){
		.top-btn{width:58px;height:58px;}
		
	}
	@media only screen and (max-width:680px){
		.top-btn{width:50px;height:50px;}
		
	}
	@media only screen and (max-width:480px){
		.top-btn{width:40px;height:40px;}
	}



/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative; padding:57px 0; background:#0000ca;}
#footer{position:relative;text-align:left;}

.f-notice{position:absolute; left:50%; top:calc(-76px - 57px); width:50%; height:152px;z-index:32; box-sizing:border-box; padding:40px;padding-left:270px;}
.f-notice:before{position:absolute ;left:0; top:0; width:20000px;height:100%; background:#34a1d6; display:block; content:"";z-index:-1}
.f-notice .tits{position:absolute; left:0px; top:40px; width:230px; text-align:center; height:80px; border-right:1px solid rgba(255,255,255,0.32); box-sizing:border-box; padding-top:5px;}
.f-notice .tits h3{font-size:27px; font-weight:700; color:#fff ; letter-spacing:-0.03em; line-height:1.2em;}
.f-notice .tits .more{margin-top:15px; height:12px; display:inline-block;vertical-align:top; position:relative; width:90px;text-align:right; font-size:13px; line-height:12px; font-weight:700; color:#cccccd; padding-right:12px; box-sizing:border-box;}
.f-notice .tits .more span{position:absolute;right:0; top:2px; width:8px;height:8px; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.f-notice .tits .more span:before{position:absolute; left:50%; top:0; height:100%;  border-left:2px solid #cccccd; display:block; content:""; margin-left:-1px;}
.f-notice .tits .more span:after{position:absolute; left:0; top:50%; width:100%; border-top:2px solid #cccccd; display:block; content:""; margin-top:-1px;}

.f-notice .tits .more:hover {color:#fff;}
.f-notice .tits .more:hover span{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); transform-origin: 50% 50%; }
.f-notice .tits .more:hover span:before{border-color:#fff;}
.f-notice .tits .more:hover span:after{border-color:#fff;}

.f-notice .cont{}
.f-notice .cont .item{}
.f-notice .cont .item a{display:block; font-size:19px ;font-weight:300; color:#fff; letter-spacing:-0.02em; line-height:1.2em; position:relative; padding-right:100px; height:80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box; padding-top:10px;}
.f-notice .cont .item a span{ text-decoration:none !important;font-size:14px ;font-weight:300; color:#fff;position:absolute;right:0; top:10px;}
.f-notice .cont .item a:hover{text-decoration:underline}

	@media only screen and (max-width:1640px) {	
		.f-notice{padding:30px; padding-left:240px;height:132px;top:calc(-66px - 57px); }
		.f-notice .tits{top:30px; width:200px; padding-top:5px; height:70px;}
		.f-notice .tits h3{font-size:24px;}
		.f-notice .tits .more{width:84px; margin-top:10px;}

		.f-notice .cont .item a{font-size:17px; height:70px; padding-top:7px}
		.f-notice .cont .item a span{font-size:13px; top:7px}
	}
	@media only screen and (max-width:1420px) {	
		.f-notice{padding-left:200px;}
		.f-notice .tits{width:170px;}
		.f-notice .tits h3{font-size:21px;}
		.f-notice .tits .more{width:80px; font-size:12px} 
	}
	@media only screen and (max-width:1200px) {
		.f-notice{right:0; left:auto;width:90%; max-width:780px; padding:30px;}
		.f-notice .tits{position:relative; left:auto; top:auto; width:auto; padding:0; height:auto; text-align:left; position:relative; padding-bottom:15px; margin-bottom:15px;border-right:none; border-bottom:1px solid rgba(255,255,255,0.32);}
		.f-notice .tits .more{position:absolute;right:0; top:9px; margin-top:0;}
		.f-notice .cont .item a{font-size:17px; height:20px; padding-top:0}
		.f-notice .cont .item a span{font-size:13px; top:0}
		#footer{padding-top:70px;}
	}
	@media only screen and (max-width:999px) {
		.f-notice{left:auto; }
		.f-notice .tits h3{font-size:19px;}
		.f-notice .tits .more{width:20px;height:20px;text-indent:-9999em;text-align:left; color:#fff;overflow:hidden; top:2px;}
		.f-notice .tits .more span{width:19px;height:19px;}
		.f-notice .tits .more span:before{border-color:#fff;}
		.f-notice .tits .more span:after{border-color:#fff; }

		.f-notice .cont .item a{font-size:16px;padding-right:80px;}
		.f-notice .cont .item a span{font-size:12px;}
	}
	@media only screen and (max-width:680px) {
		#footer-wrap {padding:40px 0}
		.f-notice{padding:25px; height:108px;top:calc(-54px - 40px); }
		.f-notice .tits{padding-bottom:12px; margin-bottom:12px;}
		.f-notice .tits h3{font-size:17px;}
		.f-notice .tits .more{width:16px;height:16px}
		.f-notice .tits .more span{width:15px;height:15px;}
		.f-notice .cont .item a{font-size:15px;}
	}
	@media only screen and (max-width:480px) {
		#footer{padding-top:50px;}
		.f-notice{padding:20px; height:102px;top:calc(-51px - 40px); }
		.f-notice .cont .item a{font-size:14px;}
	}

#footer h2{height:64px ; background:url(../_Img/f-logo.png) no-repeat}

.f-link{margin-top:70px;}
.f-link ul:after{display:block; content:"";clear:both}
.f-link li{float:left; position:relative;}
.f-link li:nth-child(n+2){margin-left:46px;}
.f-link li:nth-child(n+2):before{position:absolute;left:-23px; top:50%; margin-top:-7px;height:14px; border-left:1px solid #fff; display:block; content:""; opacity:0.6}
.f-link li a{font-size:18px; font-weight:600; color:#d1d1d1 ;letter-spacing:-0.03em; line-height:20px;}
.f-link li a:hover{color:#fff}

.f-info{margin-top:24px;}
.f-info ul{}
.f-info li{position:relative;  font-size:0; line-height:1.4em;}
.f-info li:nth-child(n+2){margin-top:5px;}
.f-info li p{font-size:16px; font-weight:400; color:#b2b2b7; letter-spacing:-0.01em; line-height:1.4em; display:inline-block;vertical-align:top;}
.f-info li p:nth-child(n+2){margin-left:22px;}

.f-info li br{display:none;}

.f-info .in-copy{margin-top:25px;font-family: 'LeferiBaseType-RegularA';font-size:16px; font-weight:400; color:#cccccd; letter-spacing:-0.005em; line-height:1.3em;  font-family:"Roboto"}
	@media only screen and (max-width:1640px) {	
		#footer h2{height:56px ;background-size:auto 56px}
		
		.f-link{margin-top:50px;}
		.f-link li a{font-size:17px;} 

		.f-info li{}
		.f-info li p{font-size:15px; }
		.f-info li:nth-child(2) br{display:block;}
		.f-info li:nth-child(2) p:nth-child(4){margin-left:0;}

		.f-info .in-copy{font-size:15px;}
	}
	@media only screen and (max-width:1420px) {	
		#footer h2{height:50px ;background-size:auto 50px}

		.f-link li a{font-size:16px;}
		.f-link li:nth-child(n+2){margin-left:40px;}
		.f-link li:nth-child(n+2):before{left:-21px}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px) {
		#footer h2{height:44px ;background-size:auto 44px}
		
		.f-link{margin-top:35px;}
		.f-link li:nth-child(n+2){margin-left:30px;}
		.f-link li:nth-child(n+2):before{left:-15px}
		.f-link li a{font-size:16px;font-weight:500}

		.f-info li p{font-size:14px; }
		.f-info li p:nth-child(n+2){margin-left:15px;}
		.f-info li:nth-child(n+2){margin-top:2px;}
		.f-info li:nth-child(2) p{display:block;}
		.f-info li:nth-child(2) p:nth-child(n+2){margin-left:0;}
		.f-info li:nth-child(2) br{display:none;}

		.f-info li:nth-child(3) br{display:block;}
		.f-info li:nth-child(3) p:nth-child(4){margin-left:0;}

		.f-info .in-copy{font-size:14px; margin-top:20px; opacity:0.65 }
	}
	@media only screen and (max-width:680px) {
		#footer h2{height:38px ;background-size:auto 38px}

		.f-link li a{font-size:15px;}

		.f-info li:nth-child(1) p{display:block;}
		.f-info li:nth-child(1) p:nth-child(n+2){margin-left:0;}
		.f-info li:nth-child(3) p:last-child{margin-left:0; display:block;}
	}
	@media only screen and (max-width:480px) {

		.f-link{margin-top:25px;}
		.f-link li a{font-size:14px;}
		.f-link li:nth-child(n+2){margin-left:20px;}
		.f-link li:nth-child(n+2):before{left:-10px}

		.f-info li p{font-size:13px;}
		.f-info .in-copy{font-size:13px;}
	}



/* ======================================================
    #custom_cursor, #custom_cursor_tex
=========================================================*/
#custom_cursor, #custom_cursor_text {width: 80px;height: 80px;position: fixed;top: 0;left: 0;z-index: 9999;pointer-events: none;}
.custom_cursor_inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom_cursor_circle, .custom_cursor_txt {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;border-radius: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);overflow: hidden;opacity: 0;}
.custom_cursor_txt {opacity:0;width:0;height:0;}
.custom_cursor_circle {z-index: 1;background: rgba(0,0,0,.15);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.custom_cursor_txt > span{position: relative;display: block;width: 100%;height: 100%;/* background:url(../_Img/logo.png) no-repeat center center; background-size:70% auto;text-indent:-9999em; */font-size: 13px;text-align: center;color:rgba(255,255,255,0.95);font-family: 'GothamPro';font-weight: 400;text-transform: uppercase; letter-spacing:-0.01em;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;white-space: nowrap;letter-spacing: 0.5px;}
	@media only screen and (max-width:680px) {
		#custom_cursor, #custom_cursor_text {width: 60px;height: 60px;}
		.custom_cursor_txt > span{font-size:11px;}
	}