@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face {
    font-family: 'GmarketSans';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-weight: 300; 
}
@font-face {
    font-family: 'GmarketSans';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-weight: 400; 
}
@font-face {
    font-family: 'GmarketSans';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-weight: 700; 
}
@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;  }
#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:0.1s; opacity:1;}

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1064px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:1064px){
		
	}
	@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;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:3005;width:100%;height:100%;/* height:calc(100% - 60px) */;left:0;top:0;background:rgba(0,0,0,0.5);cursor:pointer }
	
/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:fixed;z-index:2005;}
#container-wrap{position:relative;z-index:1007;}
#footer-wrap{position:relative;z-index:1005; height:auto !important}


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap{left:0; width:100%; top:0; min-width:360px;}
#header-wrap:after{position:absolute;left:50%; top:0; width:20000px;background:#fff;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, .sub #header-wrap:after{border-bottom:1px solid #dedede;}
#header{position:relative; z-index:5001; }
#header .inner{ position:relative; box-sizing:border-box; height:90px;}

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

#header .bt-mnclose {position:absolute;display:none;z-index:2599; width:65px; height:65px; background:url(../_Img/Layout/bt-mnclose.png) no-repeat center center  ;background-size:24px auto;right:0; top:0;}
	@media only screen and (max-width:1064px){
		#logo{width:150px ;height:45px;}
		#logo{height:45px;}
	}
	@media only screen and (max-width:999px){
		#header .inner{height:90px;}
		#logo{width:110px ;height:32px; top:11px;}
		#logo a{height:35px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}


#gnb-wrap{position:absolute;right:0; top:30px; height:28px; padding-right:30px; z-index:2008}
#gnb-wrap .before{display:none; padding-right:20px;}
#gnb-wrap .after{display:block; padding-right:10px;}

#gnb-wrap.before .before{display:block;}
#gnb-wrap.before .after{display:none;}

#gnb-wrap.after .before{display:none;}
#gnb-wrap.after .after{display:block;}

#gnb-wrap ul{padding:4px 0 4px 0 ;display:inline-block;vertical-align:top;}
#gnb-wrap ul:after{display:block;content:"";clear:both}
#gnb-wrap li{position:relative ; float:left;}
#gnb-wrap li:nth-child(n+2){margin-left:25px}
#gnb-wrap li:nth-child(n+2):before{width:1px;height:12px; background:#aaa; position:absolute ;left:-14px; top:50%; margin-top:-6px ;display:block; content:""}
#gnb-wrap li a{line-height:20px;display:block; color:#181818; font-size:15px; letter-spacing:-0.02em; }

#gnb-wrap.before ul{margin-right:0;}
#gnb-wrap.after ul{margin-right:15px; display:none !important}

#gnb-wrap .bt-menu{position:absolute;right:0; top:0; width:28px;height:28px;background:url(../_Img/layout/bt-menu.png) no-repeat center center;-webkit-transition: background 0s ease-in-out;-moz-transition: background 0s ease-in-out;-o-transition: background 0s ease-in-out;transition: background 0s ease-in-out;}
#gnb-wrap .bt-match{display:inline-block;vertical-align:top;width:28px;height:28px; background:url(../_Img/layout/bt-match.png) no-repeat center center;-webkit-transition: background 0s ease-in-out;-moz-transition: background 0s ease-in-out;-o-transition: background 0s ease-in-out;transition: background 0s ease-in-out;}
#gnb-wrap .bt-ground{display:inline-block;vertical-align:top; width:28px;height:28px;margin-left:7px;background:url(../_Img/layout/bt-ground.png) no-repeat center center;-webkit-transition: background 0s ease-in-out;-moz-transition: background 0s ease-in-out;-o-transition: background 0s ease-in-out;transition: background 0s ease-in-out;}
	
#allmenu-wrap{position:fixed; right:-380px; display:none; top:0; height:100%; width:380px; min-height:768px; overflow-y:auto; padding:70px 35px;background:#fff; box-sizing:border-box; z-index:3801; -webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}	
#allmenu-wrap.open{right:0;}
#allmenu-wrap .line{margin:25px 0; height:1px; background:#efefef;}
#allmenu-wrap .close{position:absolute;z-index:2599; width:30px; height:30px; opacity:1; background:url(../_Img/layout/bt-mnclose.png) no-repeat center center; background-size:20px auto;right:25px; top:24px; z-index:92;}
#allmenu-wrap ul{padding:10px 25px;}
#allmenu-wrap li:nth-child(n+2){margin-top:15px;}
#allmenu-wrap li a{position:relative;display:block;display:block; font-size:18px; font-weight:400; padding-left:42px;color:#181818; letter-spacing:-0.03em; line-height:28px;}
#allmenu-wrap li a:hover{font-weight:700;}
#allmenu-wrap li a:before{width:28px;height:28px; position:absolute; left:0; top:0; display:block; content:"";}

#allmenu-wrap li a.menu01:before{background:url(../_Img/layout/lm-ico01.png) no-repeat center center;}
#allmenu-wrap li a.menu02:before{background:url(../_Img/layout/lm-ico02.png) no-repeat center center;}
#allmenu-wrap li a.menu03:before{background:url(../_Img/layout/lm-ico03.png) no-repeat center center;}
#allmenu-wrap li a.menu04:before{background:url(../_Img/layout/lm-ico04.png) no-repeat center center;}
#allmenu-wrap li a.menu05:before{background:url(../_Img/layout/lm-ico05.png) no-repeat center center;}

#allmenu-wrap li a.sns01:before{background:url(../_Img/layout/lm-sns01.png) no-repeat center center;}
#allmenu-wrap li a.sns02:before{background:url(../_Img/layout/lm-sns02.png) no-repeat center center;}
#allmenu-wrap li a.sns03:before{background:url(../_Img/layout/lm-sns03.png) no-repeat center center;}
#allmenu-wrap li a.sns04:before{background:url(../_Img/layout/lm-sns04.png) no-repeat center center;}
	@media only screen and (max-width:1064px){
		#gnb-wrap li a{font-size:15px;}
	}
	@media only screen and (max-width:999px){
		#gnb-wrap{top:15px;}
		#gnb-wrap .bt-menu{background-size:24px auto}
		#gnb-wrap .bt-match{background-size:24px auto;}
		#gnb-wrap .bt-ground{background-size:24px auto; margin-left:5px; }

		#gnb-wrap .before{padding-right:10px;}
		#gnb-wrap .after{padding-right:5px;}

		#gnb-wrap.after ul{margin-right:10px;}
		#gnb-wrap li:nth-child(n+2){margin-left:20px}
		#gnb-wrap li:nth-child(n+2):before{height:10px ;margin-top:-5px; left:-11px;}
		#gnb-wrap li a{font-size:14px;}

		#allmenu-wrap{min-height:480px; width:320px;padding:50px 25px; right:-320px; display:block;}
		#allmenu-wrap .close{right:20px;top:20px;}
		#allmenu-wrap .line{margin:20px 0;}
		#allmenu-wrap ul{padding:10px 20px;}
		#allmenu-wrap li a{font-size:17px;}
		#allmenu-wrap li:nth-child(n+2){margin-top:12px;}
	}
	@media only screen and (max-width:680px){
		.div-cont{padding:0 15px;}
		#gnb-wrap{padding-right:28px;}
		#gnb-wrap .bt-menu{background-size:20px auto}
		#gnb-wrap .bt-match{background-size:20px auto;}
		#gnb-wrap .bt-ground{background-size:20px auto; margin-left:0;}

		#gnb-wrap .after{padding-right:0;}
		#gnb-wrap.after ul{margin-right:2px;}
		#gnb-wrap li a{font-size:13px;}
		#gnb-wrap li:nth-child(n+2){margin-left:16px}
		#gnb-wrap li:nth-child(n+2):before{left:-9px}

		#allmenu-wrap{width:300px; padding:50px 25px; right:-300px;}
		#allmenu-wrap .close{right:15px;top:15px;}
		#allmenu-wrap .line{margin:15px 0;}
		#allmenu-wrap ul{padding:10px 15px;}
		#allmenu-wrap li:nth-child(n+2){margin-top:10px;}
		#allmenu-wrap li a{font-size:16px;}
		#allmenu-wrap li a:before{background-size:25px auto !important;}
	}
	@media only screen and (max-width:480px){
		#allmenu-wrap .line{margin:10px 0;}
	}

	@media only screen and (max-width:300px){
		#allmenu-wrap.open{right:auto ;left:0;}
	}


/*=======================================================
	#mainNavi-wrap 
=========================================================*/
#header .bt-mnall, #header .bt-mnclose{display:none !important;}
#header .bt-mnall{display:none;}

#mainNavi-wrap {height:55px;overflow:hidden;position:absolute;left:0;top:19px;width:100%;display:block;z-index:2007;}
#mainNavi-wrap .tmn-tit {display:none;}
#mainNav {position:relative;}

.tm-top, .tm-language{display:none}

.topmenu {display:block;position:relative;text-align:left; font-size:0; }
.topmenu:after {display:block;content:"";clear:both;}
.topmenu .tgl-btn {display:none;}
.topmenu .mn_a1 {font-size:20px;line-height:20px;display:block;color:#000;font-weight:700; padding:10px 12px; letter-spacing:-0.03em; text-transform:uppercase;position:relative; text-align:center;z-index:14;}
.topmenu .mn_l1:first-child{margin-left:215px;}
.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;text-align:left;}
.topmenu .mn_a1 span, .topmenu .over .mn_a1 span {position:relative; display:inline-block;vertical-align:top; line-height:35px; padding:0 17px; border-radius:35px;-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
.topmenu .mn_l1.is-open .mn_a1 span, .topmenu .mn_l1.is-over .mn_a1 span,.topmenu .over .mn_a1 span{background:#181818; color:#fff;}

.topmenu .depth2-wrap {position:absolute;top:46px;left:50%;display:none;visibility:hidden;padding:15px 0 0 0; min-width:132px !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.topmenu .depth2 {position:relative;height:auto;background:#181818; border-radius:16px; padding:20px; box-sizing:border-box; z-index:2;opacity:0;-webkit-transform: translateY(5%); -moz-transform: translateY(5%);-ms-transform: translateY(5%); -o-transform:  translateY(5%);transform: translateY(5%);-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}
.topmenu .depth2:before{border-left:10px solid transparent; border-right: 10px solid transparent;border-bottom:6px solid #181818; position:absolute; left:50%;margin-left:-10px; display:block;content:""; top:-6px;}
.topmenu .depth2:after{display:block; content:"";clear:both;}
.topmenu .is-open .depth2{transition-delay: 0.2s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}

.topmenu .depth2 li{}
.topmenu .depth2 .mn_l2:nth-child(n+2){margin-top:10px;}
.topmenu .depth2 .mn_a2 {display:block;line-height:1.4em ; box-sizing:border-box; text-transform:uppercase; position:relative;font-weight:400; font-size:14px;letter-spacing:-0.03em;color:#aeaeae; -webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.topmenu .depth2 .mn_a2:hover, .topmenu .depth2 .mn_l2.over .mn_a2{color:#fff}

.mn-bar {position:absolute;background:none;top:90px;width:20000px; left:50%;margin-left:-10000px;z-index:2000; height:0; box-sizing:border-box;}
	@media only screen and (max-width:1064px){
		.topmenu .mn_l1:first-child{margin-left:180px;}
		.topmenu .mn_a1{font-size:18px;}
	}
	@media only screen and (max-width:999px){
		#mainNavi-wrap{top:52px}
		.topmenu .mn_l1:first-child{margin-left:0;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:5px;}
		.topmenu .mn_a1{font-size:15px; padding:0}
		.topmenu .mn_a1 span, .topmenu .over .mn_a1 span {line-height:30px; border-radius:30px; padding:0 15px;}
		
		.topmenu .depth2-wrap{top:25px;left:0; min-width:110px !important;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
		.topmenu .depth2:before{left:25px; margin-left:0;}
		.topmenu .depth2{padding:20px 15px;}
		.topmenu .depth2 .mn_l2:nth-child(n+2){margin-top:7px;}
		.topmenu .depth2 .mn_a2{font-size:13px;}
	}
	@media only screen and (max-width:680px){
		#mainNavi-wrap{top:54px}
		.topmenu .mn_a1{font-size:14px;}
		.topmenu .mn_a1 span, .topmenu .over .mn_a1 span {line-height:25px; border-radius:25px; padding:0 10px;}
	}
	@media only screen and (max-width:480px){
		
	}	

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{margin-top:90px;}
#container-wrap #contents{min-height:750px}
.sub #container-wrap #contents{min-height:750px; padding:90px 20px 150px 20px;}
.sub #container-wrap #contents.no-padt{padding-top:0;}
.sub #container-wrap #contents.no-pad{padding:0;}
	@media only screen and (max-width:1064px) {
		
		
	}
	@media only screen and (max-width:999px){
		.sub #container-wrap #contents{min-height:600px;padding:70px 20px 120px 20px;}
	}
	@media only screen and (max-width:680px){
		.sub #container-wrap #contents{min-height:480px;padding:50px 20px 90px 20px;}
	}
	@media only screen and (max-width:480px){
		
	}



/* ======================================================
    cont-top & top-visual
=========================================================*/
#top-vis{height:500px; position:relative;}
#top-vis .item img{width:100%;height:500px;object-fit:cover;}
#top-vis .visual-count{position:absolute; left:50%; width:100%; max-width:1064px;padding:20px 20px;text-align:right;box-sizing:border-box;bottom:0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
#top-vis .visual-count p{display:inline-block;vertical-align:top;padding:5px 15px; font-size:14px;padding-right:35px; border-radius:30px; color:rgba(255,255,255,0.5); font-weight:400;background:rgba(0,0,0,0.5);}
#top-vis .visual-count p span{display:inline-block;vertical-align:top; line-height:20px;}
#top-vis .visual-count p .current{font-weight:700;color:#fff; }
#top-vis .visual-count .more{width:20px;height:20px ;position:absolute;right:27px; top:24px;background:url(../_Img/content/ground-more.png) no-repeat center center;}

.cont-top{text-align:center; margin-bottom:45px;}
.cont-top h2{font-size:32px; font-weight:900;letter-spacing:-0.04em; line-height:1.2em; color:#181818; position:relative; }	
.cont-top h2.ico-pass span{display:inline-block;vertical-align:top; padding-left:38px;background:url(../_Img/sub/ico-passwrod.png) no-repeat left center; line-height:30px;}
.cont-top p{font-size:16px; font-weight:400; letter-spacing:-0.0em; line-height:1.3em; color:#444; margin-top:10px;}
	@media only screen and (max-width:1064px) {
		.cont-top h2{font-size:29px;}
		
	}
	@media only screen and (max-width:999px){
		.cont-top{margin-bottom:30px;}
		.cont-top h2{font-size:26px;}
		.cont-top h2.ico-pass span{background-size:20px; padding-left:30px;}
		.cont-top p{font-size:15px; margin-top:7px;}
	}
	@media only screen and (max-width:680px){
		#top-vis{height:400px;}
		#top-vis .item img{height:400px}
		#top-vis .visual-count{padding:15px;}
		#top-vis .visual-count p{font-size:13px;padding:3px 12px;padding-right:30px;}
		#top-vis .visual-count p span{line-height:20px;}
		#top-vis .visual-count .more{top:18px; right:21px;}

		.cont-top h2{font-size:23px;}
	}
	@media only screen and (max-width:480px){
		
	}



/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative;}
#footer-wrap:after{width:20000px; left:50%;margin-left:-10000px; top:0; height:100%; background:#181818;/* border-top:1px solid #a3a3a3; */ display:block; content:""; position:absolute;z-index:-1;}
#footer {position:relative;text-align:left; padding:45px 20px;}
#footer:after{display:block;content:"";clear:both}

.f-link{float:left; width:570px;}
.f-link:after{display:block ;content:"";clear:both}
.f-link dl{float:left;}
.f-link dt{}
.f-link dt a{display:block; font-size:14px;font-weight:700; line-height:1.2em; color:#ededed; letter-spacing:-0.02em;}
.f-link dd {margin-top:15px;}
.f-link dd a{display:block; font-size:14px; line-height:1.2em; color:#aeaeae; letter-spacing:-0.02em;}
.f-link dd a:hover{color:#fff;}
.f-link dl:nth-child(1){width:140px;}
.f-link dl:nth-child(2){width:140px;}
.f-link dl:nth-child(3){width:150px;}
.f-link dl:nth-child(4){width:75px;}


/*.f-info{float:left; width:434px;}*/
.f-info ul{}
.f-info ul:after{display:block ;content:"";clear:both}
.f-info ul li{float:left; position:relative;}
.f-info ul li:nth-child(n+2){margin-left:15px;}
.f-info ul li:nth-child(n+2):before{width:1px;height:10px; position:absolute; left:-8px; top:50%; margin-top:-5px ;background:#ededed; display:block; content:""; opacity:0.6;}
.f-info ul li a{font-size:14px;color:#ededed; letter-spacing:-0.02em; line-height:14px; display:block;}

.f-info .f-txt{margin-top:12px;}
.f-info .f-txt p{line-height:1em}
.f-info .f-txt p:nth-child(n+2){margin-top:7px;}
.f-info .f-txt p span, .f-info .f-txt p a{display:inline-block;vertical-align:top; line-height:14px; position:relative;font-size:13px;color:#aeaeae; letter-spacing:-0.02em;}
.f-info .f-txt p a:hover{color:#fff;}
.f-info .f-txt p span:nth-child(n+2){margin-left:10px;}
.f-info .f-txt p span:nth-child(n+2):before{width:1px;height:10px; position:absolute; left:-7px; top:50%; margin-top:-5px ;background:#ededed; display:block; content:""; opacity:0.6;}

.f-logo{width:173px;height:49px; position:absolute;right:20px; bottom:45px; background:url(../_Img/f-logo.png) no-repeat left center; background-size:100%;}
	@media only screen and (max-width:1064px){
		.f-link{float:none; width:auto; }
		.f-link dl:nth-child(1){width:28%;}
		.f-link dl:nth-child(2){width:28%;}
		.f-link dl:nth-child(3){width:22%;}
		.f-link dl:nth-child(4){width:22%;}

		.f-info{float:none; width:auto; margin-top:40px;}

		.f-logo{width:160px;height:45px;} 
	}
	@media only screen and (max-width:999px){
		.f-logo{width:140px;height:40px;} 
	}
	@media only screen and (max-width:680px){
		#footer{padding:30px 20px 30px 20px;}

		.f-link dd {margin-top:12px;}
		.f-link dd a{font-size:13px;}
		.f-link dl:nth-child(1){width:50%;}
		.f-link dl:nth-child(2){width:50%;}
		.f-link dl:nth-child(3){width:50%;}
		.f-link dl:nth-child(4){width:50%;}
		.f-link dl:nth-child(n+3){margin-top:30px;}
		
		.f-info ul li a{font-size:13px;}
		.f-info ul li:nth-child(3){margin-left:0; width:100%; margin-top:9px;}
		.f-info ul li:nth-child(3):before{display:none}
		
		.f-info .f-txt{margin-top:15px;}
		.f-info .f-txt .in-addr span:nth-child(2){display:block; margin-left:0;margin-top:7px;}
		.f-info .f-txt .in-addr span:nth-child(2):before{display:none}
		
		.f-info{padding-bottom:50px;}
		.f-logo{width:120px;height:35px;bottom:30px;} 
	}
	@media only screen and (max-width:480px){
		
		.f-logo{width:100px;height:30px;} 
	}