@charset "utf-8";
@import url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face {
    font-family: 'TmonMonsori';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face { 
  font-family: 'GmarketSans'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(../_Font/GmarketSansTTFBold.woff2) format('woff2'), 
      url(../_Font/GmarketSansTTFBold.woff) format('woff'), 
      url(../_Font/GmarketSansTTFBold.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'GmarketSans'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../_Font/GmarketSansTTFMedium.woff2) format('woff2'), 
      url(../_Font/GmarketSansTTFMedium.woff) format('woff'), 
      url(../_Font/GmarketSansTTFMedium.otf) format('opentype'); 
} 
@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,body { font-family: 'NanumSquare','Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; }
body {overflow-y:visible;overflow-x:auto; }
/* body.main{background:#f1f5f9;} */
#doc {overflow:hidden;position:relative;min-width:360px; z-index:8999;min-width:360px;opacity:0;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
#doc.show{ transition-delay:0s; opacity:1;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}	
	

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

.body-slide-wr{position:relative;width:100%;transition:margin 0.3s ease;}
.allmenu-ovclick{position:fixed;z-index:1600;width:20000px;left:50% ;margin-left:-10000px;;height:calc(100% - 95px);top:95px;background:rgba(0,0,0,0.65);cursor:pointer }


/*=======================================================


#logo{position:absolute; left:0; top:24px; width:152px; height:44px; z-index:4009;}
#logo a{display:block; height:44px;background:url(../_Img/logo.png) no-repeat left center; background-size:100% auto}


.bt-mnall{z-index:4021;width:42px;height:42px; position:absolute;right:0; top:27px; background:#009fe3 url(../_Img/layout/bt-mnall.png) no-repeat center center; border-radius:100% ;}
.bt-mnall.active{background-image:url(../_Img/layout/bt-mnclose.png)}
.bt-mnclose{z-index:3001;width:34px;height:34px; position:absolute;right:0; top:8px; background:#009fe3 url(../_Img/layout/bt-mnclose.png) no-repeat center center; background-size:45% auto;border-radius:100% ; display:none;}
	@media only screen and (max-width:999px){
		#header-wrap:after{background:#fff;}
		#header .inner{height:60px;}
		#logo{width:114px; height:32px;top:14px;}
		#logo a{height:32px;}
		.bt-mnall{display:block;width:34px;height:34px;top:12px;background-size:45% auto;}
		.bt-allmenu{display:none !important}
		.bt-mnclose{display:block;}

		#gnb-wrap{display:none;}

	}
.allmenu-wrap{}
.allmenu-wrap.open{left:0;}

	@media only screen and (max-width:999px){
		.allmenu-wrap, .vbar{display:none !important}

	}
	/* ======================================================
	   #mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1000px){
		#mainNavi-wrap {position:absolute; left:0; top:19px; width:100%; z-index:3320;}
		#mainNavi-wrap.open{left:0;}

		.topmenu {display:block;position:relative;text-align:center; padding-right:60px;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:65px;}
		.topmenu .mn_a1 {display:block;line-height:1.3em;font-size:18px; color:#181818; padding:15px 0; letter-spacing:-0.03em;}
		.topmenu .mn_a1 span:after{position:absolute; left:50%; width:0; height:4px; bottom:0px; display:block; content:"";background:#009fe3;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.topmenu .mn_a1:hover span:after, .topmenu .mn_l1.over .mn_a1 span:after{width:100%;}
		.topmenu .mn_a1:hover, .topmenu .mn_l1.over .mn_a1{color:#009fe3}

		.topmenu .mn_g1 {display:block;line-height:30px; padding-left:37px;font-size:16px;color:#181818; letter-spacing:-0.03em;text-align:left;}
		.topmenu .mn_g1:hover{font-weight:700;}

		.topmenu .mn_l1:nth-child(1) .mn_g1{background:url(../_Img/layout/tm-ico00.png) no-repeat left center;}
		.topmenu .mn_l1:nth-child(2) .mn_g1{background:url(../_Img/layout/tm-ico01.png) no-repeat left center;}
		.topmenu .mn_l1:nth-child(3) .mn_g1{background:url(../_Img/layout/tm-ico02.png) no-repeat left center;}
		.topmenu .mn_l1:nth-child(4) .mn_g1{background:url(../_Img/layout/tm-ico03.png) no-repeat left center;}

		.topmenu .mn_l1:nth-child(3) .depth2 li{float:left; width:50%;}
		.topmenu .mn_l1:nth-child(3) .depth2 li:nth-child(2){margin-top:0;}
		.topmenu .mn_l1:nth-child(3) .depth2 li:nth-child(even){float:right;}
		.topmenu .mn_l1:nth-child(3) .depth2 li:nth-child(n+3){margin-top:10px;}
		
		.topmenu .mn_l1:nth-child(1) .depth2-wrap{ left:-9999em;  width:calc(20% - 15px);}
		.topmenu .mn_l1:nth-child(2) .depth2-wrap{ left:-9999em;  width:calc(32% - 15px);}
		.topmenu .mn_l1:nth-child(3) .depth2-wrap{ left:-9999em;  width:calc(24% - 15px);}
		.topmenu .mn_l1:nth-child(4) .depth2-wrap{ left:-9999em;  width:24%;}
		
		#mainNavi-wrap.open .topmenu .mn_l1:nth-child(1) .depth2-wrap{transition-delay: 0.0s;left:0;}
		#mainNavi-wrap.open .topmenu .mn_l1:nth-child(2) .depth2-wrap{transition-delay: 0.1s;left:20%;}
		#mainNavi-wrap.open .topmenu .mn_l1:nth-child(3) .depth2-wrap{transition-delay: 0.2s;left:52%;}
		#mainNavi-wrap.open .topmenu .mn_l1:nth-child(4) .depth2-wrap{transition-delay: 0.3s;left:76%;}
		#mainNavi-wrap.open .topmenu .depth2-wrap{opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.topmenu .depth2-wrap{position:absolute ;top:76px;padding:37px 0; opacity:0;-webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;-webkit-transform: translateY(5%); -moz-transform: translateY(5%);-ms-transform: translateY(5%); -o-transform:  translateY(5%);transform: translateY(5%);}
		.topmenu .depth2 {position:relative; padding:0;padding-top:22px; font-size:0; border-top:1px solid #b2b9c1; margin-top:17px;display:block !important;}
		.topmenu .depth2:after{display:block;content:"";clear:both;}
		.topmenu .depth2 li {}
		.topmenu .depth2 .mn_l2 {text-align:left;}
		.topmenu .depth2 .mn_l2:nth-child(n+2){margin-top:10px;}
		.topmenu .depth2 .mn_a2 {line-height:1.2em;padding:5px 0 5px 0; display:block; padding:3px 2px;position:relative;font-weight:400; font-size:15px;letter-spacing:-0.03em;color:#555;}
		.topmenu .depth2 .mn_a2:hover, .depth2 .mn_l2.over .mn_a2 span {color:#181818;font-weight:700;}
		.topmenu .depth2 .mn_a2 span {position:relative ;display:inline-block;vertical-align:top;}
		.topmenu .depth2 .mn_a2 span:after{width:0;height:1px;bottom:-1px; display:block;content:"";position:absolute; display:block; content:"";background:#181818;-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
		.topmenu .depth2 .mn_a2:hover span:after, .topmenu .depth2 .mn_l2.over .mn_a2 span:after{width:100%;}


		.vbar {position:absolute;background:#fff;top:95px;width:20000px; border-top:1px solid #dfdfdf; left:50%;margin-left:-10000px;z-index:2706; height:0; box-sizing:border-box;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12) ;}

		
		.tm-top{display:none}
		.mn-gnb{display:none;}
	}
	@media only screen and (min-width:1000px) and (max-width:1100px)  {
		.topmenu .depth2 .mn_a2 {font-size:14px;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:48px;}
	}
	@media only screen and (max-width:999px) {
		#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:-300px;min-width:280px;overflow-y:auto;overflow-x:hidden;top:0;width:300px; box-sizing:border-box; padding:10px 25px;height:100%;/* height:calc(100% - 60px); */-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-wrap.open #mainNavi{right:0;}

		.tm-top{position:relative; height:60px; }
		.tm-top h2{ background:#fff url(../_Img/logo.png) no-repeat 5px center; background-size:110px auto; height:50px;}

		.topmenu {width:100%;display:block;position:relative;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		
		.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:15px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:1px;top:50%;width:50%;height:1px;background:#252525;transform: rotate(45deg);}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:2px;top:50%;width:50%;height:1px;background:#252525;transform: rotate(-45deg);}
		.topmenu .mn_l1 > .tgl-btn {right:10px;top:20px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {background:#009fe3;left:1px;transform: rotate(-45deg);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {background:#009fe3;right:2px;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;border-bottom:1px solid #ddd;z-index:101;}
		.topmenu .mn_a1 span {display:block;padding:19px 35px 19px 10px;overflow:hidden;font-size:17px;font-weight:700;letter-spacing:-0.035em;line-height:1.3em;white-space:normal;cursor:pointer;color:#000;}
		.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span , .topmenu .is-open .mn_a1 span {color:#009fe3;}
		.topmenu .over .mn_a1, .topmenu .is-open .mn_a1{border-color:#009fe3;}
		
		
		.topmenu .depth2-wrap {position:relative; width:auto !important; }
		.topmenu .depth2-wrap .mn_g1{display:none !important;}
		.topmenu .depth2 {position:relative;background:#f7f7f7;padding:15px 0;display:none;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 a {font-size:15px;line-height:1.3em;display:block; }
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_a2 {display:block;padding:6px 20px 6px 20px; position:relative;}
		.topmenu .depth2 .mn_a2 span.img{display:none;}
		.topmenu .depth2 .mn_a2 span {font-size:15px;font-weight:400;cursor:pointer;color:#666;letter-spacing:-0.035em; line-height:1.35em;} 
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#111;text-decoration:underline}
		.topmenu .depth2 .mn_l2.over .mn_a2 span{font-weight:700;}
		
		.mn-gnb {margin-top:20px;}
		.mn-gnb ul{}
		.mn-gnb ul:after{display:block;content:""}
		.mn-gnb li{}
		.mn-gnb li:nth-child(n+2){margin-top:10px;}
		.mn-gnb li a{line-height:45px; border:1px solid #009fe3 ;display:block;padding:0 15px; font-size:16px; color:#009fe3; letter-spacing:-0.03em; border-radius:50px;text-align:center;}
		.mn-gnb li a:hover{background:#009fe3; color:#fff;}

		.mn-bar {display:none;}
	}

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{}
#container-wrap #contents{min-height:700px}

.sub #container-wrap{margin-top:95px;}
.sub #container-wrap #contents{min-height:700px; padding:100px 20px 180px 20px;}
.sub #container-wrap #contents.no-padf{padding-bottom:0;}
	@media only screen and (max-width:1240px){
		.sub #container-wrap #contents{padding:80px 20px 150px 20px;}
	}
	@media only screen and (max-width:1100px) {
		
	}
	@media only screen and (max-width:999px){
		.sub #container-wrap{margin-top:60px;}
		.sub #container-wrap #contents{padding:65px 20px 120px 20px;}
		
	}
	@media only screen and (max-width:680px){
		.sub #container-wrap #contents{padding:50px 15px 90px 15px;}
	}
	@media only screen and (max-width:480px){

	}


/* ======================================================
   .cont-top & top-vis
=========================================================*/
#top-vis{height:384px; position:relative;}
#top-vis .ov{position:absolute ;left:0; bottom:0; width:100%; height:calc(100% + 95px); min-width:360px; overflow:hidden;}
#top-vis .img{position:absolute; left:0; bottom:0; width:100%; height:100%;min-width:360px; z-index:-1;  filter: blur(10px); -webkit-filter: blur(10px);transform:scale(1.3, 1.3); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-webkit-transition: transform 2s ease-in-out, filter 2s ease-in-out;-moz-transition: transform 2s ease-in-out, filter 2s ease-in-out;-o-transition: transform 2s ease-in-out, filter 2s ease-in-out;transition: transform 2s ease-in-out, filter 2s ease-in-out;}
#top-vis .img img{width:100%;visibility:hidden;object-fit:cover;}
#top-vis .txt{position:Absolute; left:0; top:50%; margin-top:40px;width:100%; text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#top-vis .txt h2{font-family: 'GmarketSans';text-transform:uppercase; color:#fff; font-size:35px; letter-spacing:0.01em; border-top:2px solid #fff; border-bottom:2px solid #fff;  height:70px; line-height:76px;display:inline-block;vertical-align:top;text-shadow: 0 0 12px rgba(0, 0, 0, 0.5) ; -webkit-text-shadow: 0 0 12px rgba(0, 0, 0, 0.5) ; -moz-text-shadow: 0 0 12px rgba(0, 0, 0, 0.5) ; opacity:0;-webkit-transform:translateY(15%);-moz-transform:translateY(15%); -ms-transform:translateY(15%);-o-transform:translateY(15%);-webkit-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;;-moz-transition:opacity 0.7s ease-in-out, transform 0.7s ease-in-out;;-o-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;;transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;}
#top-vis.ani .img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);filter: blur(0); -webkit-filter: blur(0);}
#top-vis.ani .txt h2{transition-delay:0.5s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}

#top-vis .img.vis0101{background:url(../_Img/sub/top-vis0101.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0102{background:url(../_Img/sub/top-vis0102.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0103{background:url(../_Img/sub/top-vis0103.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0104{background:url(../_Img/sub/top-vis0104.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0105{background:url(../_Img/sub/top-vis0105.jpg) no-repeat center bottom; background-size:cover; }
#top-vis .img.vis0106{background:url(../_Img/sub/top-vis0106.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0107{background:url(../_Img/sub/top-vis0107.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0108{background:url(../_Img/sub/top-vis0108.jpg) no-repeat center bottom; background-size:cover; } 

#top-vis .img.vis0201{background:url(../_Img/sub/top-vis0201.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0202{background:url(../_Img/sub/top-vis0202.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0203{background:url(../_Img/sub/top-vis0203.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0204{background:url(../_Img/sub/top-vis0204.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0205{background:url(../_Img/sub/top-vis0205.jpg) no-repeat center bottom; background-size:cover; } 

#top-vis .img.vis0301{background:url(../_Img/sub/top-vis0301.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0302{background:url(../_Img/sub/top-vis0302.jpg) no-repeat center bottom; background-size:cover; } 
#top-vis .img.vis0303{background:url(../_Img/sub/top-vis0303.jpg) no-repeat center bottom; background-size:cover; } 

/* 2022-05-10 */
.cont-top{margin-bottom:65px;text-align:center;}
.cont-top h2{font-family: 'GmarketSans'; color:#181818;font-size:42px; font-weight:700; line-height:1.4em; padding-top:95px; background:url(../_Img/sub/s-logo.png) no-repeat center top;}
.cont-top p{font-size:23px; color:#555; letter-spacing:-0.03em; line-height:1.5em; margin-top:10px; font-weight:400;}
.cont-top.about p{font-size:28px; color:#181818;}
	@media only screen and (max-width:1240px){
		#top-vis{height:350px;}
		#top-vis .txt h2{ font-size:30px;line-height:65px;height:62px;}

		.cont-top{margin-bottom:55px;}
		.cont-top h2{font-size:38px}
		.cont-top p{font-size:21px;}

		.cont-top.about p{font-size:25px; }
	}
	@media only screen and (max-width:1100px) {
		
	}
	@media only screen and (max-width:999px){
		#top-vis{height:300px;}
		#top-vis .ov{height:100%;}
		#top-vis .txt{margin-top:0;}
		#top-vis .txt h2{ font-size:25px;line-height:60px;height:57px;}

		.cont-top{margin-bottom:45px;}
		.cont-top h2{font-size:35px; background-size:60px auto; padding-top:80px;}
		.cont-top p{font-size:19px; margin:0 auto;margin-top:5px; padding:0 20px; max-width:600px;}
		.cont-top p br{display:none;}
		
		.cont-top.about p{font-size:22px; }
	}
	@media only screen and (max-width:680px){
		#top-vis{height:250px;}
		#top-vis .txt h2{ font-size:20px;line-height:55px;border-width:1px;height:52px;}

		.cont-top{margin-bottom:35px;}
		.cont-top h2{font-size:31px;background-size:50px auto; padding-top:70px;}
		.cont-top p{font-size:17px;}

		.cont-top.about p{font-size:19px; }
	}
	@media only screen and (max-width:480px){
		#top-vis{height:200px;}
		#top-vis .txt h2{ font-size:18px;line-height:50px;height:47px;}

		.cont-top h2{font-size:27px;}
		.cont-top p{font-size:15px;}

		.cont-top.about p{font-size:16px; }
	}



/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative;}
#footer-wrap .inner{position:relative;}
#footer {position:relative;text-align:left; padding:0 20px;}

.f-link{position:relative;padding-bottom:30px;}
.f-link:before{width:20000px; left:50%; margin-left:-10000px; top:0; height:100%;background:#3d3d3d; position:absolute; display:block; content:""; z-index:-1;}
.f-link:after{width:20000px; left:50%; margin-left:-10000px; top:0; height:54px;border-bottom:2px solid #8d8d8d; position:absolute; display:block; content:""; z-index:1}
.f-link .ov{position:relative; z-index:2;}
.f-link .ov:after{display:block;content:"";clear:both}
.f-link dl{float:left}
.f-link dl:nth-child(1){width:20%}
.f-link dl:nth-child(2){width:34%}
.f-link dl:nth-child(3){width:22%}
.f-link dl:nth-child(4){width:24%}
.f-link dt{margin-bottom:20px;}
.f-link dt a{line-height:54px; display:block;  font-size:17px; font-weight:700; color:#f0f2f5; letter-spacing:-0.03em;}
.f-link dd{}
.f-link dd a{display:block; font-size:15px; color:#c1c1c1; font-weight:400; letter-spacing:-0.03em; line-height:1.3em;}
.f-link dd:nth-child(n+3){margin-top:12px;}

.f-link dt a:hover{color:#fff;}
.f-link dd a:hover{color:#fff;}
	@media only screen and (max-width:1240px){
		.f-link dt a{font-size:16px;}
		.f-link dd a{font-size:14px}
	}
	@media only screen and (max-width:1100px) {
		
	}
	@media only screen and (max-width:999px){
		.f-link{display:none;}
		
	}
	@media only screen and (max-width:680px){
		#footer {padding:0 15px;}
	}
	@media only screen and (max-width:480px){

	}


.f-info{position:relative;padding:37px 0;}
.f-info:after{width:20000px; left:50%; margin-left:-10000px; top:0; height:100%;background:#191919; position:absolute; display:block; content:""; z-index:-1; border-top:1px solid #5b5b5b;}

.f-info .in-company{ position:relative;line-height:20px;}
.f-info .in-company span{display:inline-block;vertical-align:top; font-size:15px; font-weight:400; letter-spacing:-0.03em; line-height:20px; color:#cccdcd; position:relative;}
.f-info .in-company span:nth-child(n+2){margin-left:30px;}
.f-info .in-company span:nth-child(n+2):before{background:#cccdcd; width:1px; position:absolute ;left:-16px;  top:50%; height:14px; margin-top:-7px; display:block; content:""}

.f-info .in-addr{ margin-top:4px; position:relative;line-height:20px;}
.f-info .in-addr span{display:inline-block;vertical-align:top; font-size:15px; font-weight:400; letter-spacing:-0.03em; line-height:20px; color:#cccdcd; position:relative;}
.f-info .in-addr span:nth-child(n+2){margin-left:30px;}
.f-info .in-addr span:nth-child(n+2):before{background:#cccdcd; width:1px; position:absolute ;left:-16px;  top:50%; height:14px; margin-top:-7px; display:block; content:""}

.f-info .in-nums{ margin-top:4px; position:relative;line-height:20px;}
.f-info .in-nums span{display:inline-block;vertical-align:top; font-size:15px; font-weight:400; letter-spacing:-0.03em; line-height:20px; color:#cccdcd; position:relative;}
.f-info .in-nums span:nth-child(n+2){margin-left:30px;}
.f-info .in-nums span:nth-child(n+2):before{background:#cccdcd; width:1px; position:absolute ;left:-16px;  top:50%; height:14px; margin-top:-7px; display:block; content:""}

.f-info .copy{margin-top:17px;font-size:14px; font-weight:400; letter-spacing:-0.01em; line-height:20px; color:#c0c0c0; position:relative;opacity:0.85}

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

	}
	@media only screen and (max-width:1100px) {
		
	}
	@media only screen and (max-width:999px){
		.f-info .in-company span{font-size:14px; opacity:0.85;}
		.f-info .in-company span:nth-child(1){display:block;margin-bottom:4px;}
		.f-info .in-company span:nth-child(n+2){margin-left:20px;}
		.f-info .in-company span:nth-child(n+2):before{left:-11px; height:12px; margin-top:-6px;}
		.f-info .in-company span:nth-child(2){margin-left:0;}
		.f-info .in-company span:nth-child(2):before{display:none;}
		
		.f-info .in-addr span{font-size:14px;opacity:0.85;}
		.f-info .in-addr span:nth-child(1){display:block;margin-bottom:4px;}
		.f-info .in-addr span:nth-child(n+2){margin-left:20px;}
		.f-info .in-addr span:nth-child(n+2):before{left:-11px; height:12px; margin-top:-6px;}
		.f-info .in-addr span:nth-child(2){margin-left:0;}
		.f-info .in-addr span:nth-child(2):before{display:none;}
		
		.f-info .in-nums span{font-size:14px;opacity:0.85;}
		.f-info .in-nums span:nth-child(1), .f-info .in-nums span:nth-child(2){color:#fff; opacity:0.9}
		.f-info .in-nums span:nth-child(n+2){margin-left:20px;}
		.f-info .in-nums span:nth-child(n+2):before{left:-11px; height:12px; margin-top:-6px;}
		.f-info .in-nums span:nth-child(3){margin-left:0; display:block;}
		.f-info .in-nums span:nth-child(3):before{display:none; margin-top:4px;}

		.f-info .copy{font-size:13px;opacity:0.65;}
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		.f-info .in-company span{font-size:13px; }
		.f-info .in-addr span{font-size:13px; }
		.f-info .in-nums span{font-size:13px; }
		
		.f-info .copy{font-size:12px;}
	}