/* 태블릿 사이즈*/
@media screen and (min-width:760px) and (max-width:1024px){
/* 상단 레이아웃 */
#hd{width:100%; position:fixed; top:0; left:0; transition:top 0.2s ease-in-out; z-index:11; transition: 0.3s;}
#hd:hover{background: rgba(0, 0, 0, 0.3); transition: 0.3s;}
#hd.fixinner{background: rgba(0, 0, 0, 0.5);}

#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}


#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {position:absolute; top:20px; left:30px; z-index:10;}

/*tnb*/
#tnb {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""; }
#tnb li {float:right; font-size: 12px; color: #fff;}
#tnb a {display:inline-block;padding:0 10px;color:#fff;line-height:30px; font-weight: 200;}
#tnb a:focus, #tnb a:hover {}
#tnb .tnb_admin a{color:#fff;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#fff;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#0077BA;border-bottom:1px solid #fff}

#tnb div{float: left;}
#tnb div p{float: left; color: #fff; padding:0 10px; line-height:30px;}
#tnb div span{color:#fff; float: left; line-height: 29px;}

/* 메인메뉴 */
#gnb{position:relative; text-align:center; height:100%; display: none;}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb #gnb_1dul {font-size:18px;padding: 0;zoom:1;display:inline-block; height:100%;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:100px;width:160px;position:relative;}
.gnb_1da {display:inline-block;font-weight:400;color:#222;text-decoration:none;}


.gnb_2dli{}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;z-index:10;top:100px;min-width:100%;background:#fff;padding: 0;font-size:16px;border-radius:0 0 5px 5px; overflow:hidden;}
.gnb_2da {font-size:15px;display:block;line-height:45px;color:#555;text-align:center;text-decoration:none;}
a.gnb_2da:hover{background:#f1f1f1;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#gnb_open{position:absolute;top:40px; right:30px;border: 0 ;background: 0;z-index:10;}
#cs_center{display: none;}

.hamburger .line{width: 40px; height: 3px; background-color: #fff; display: block; margin-top: 8px; font-size: 0;
  -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
.hamburger p{letter-spacing : 2px; margin-top: 5px; color: #fff;}

/* ONE */
#hamburger-1.is-active .line:nth-child(2){opacity: 0;}
#hamburger-1.is-active .line:nth-child(1) {
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}
#hamburger-1.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

#gnb2 {display:none;position:fixed;top:0;right:0;height:100%; z-index:99999;width:30%; padding-top: 26px;
   background: url(../images/gnb_bg.png); background-size: cover;}
#gnb2 .btn_close {position:absolute;top:78px;right:32px;border:0;background:none;}
#gnb2 .gnb_tnb{padding:0 10px;}
#gnb2 .gnb_tnb li{display:inline-block;line-height:50px}
#gnb2 .gnb_tnb li a{color:#b8b8b8;display:block;padding:0 10px} 
#gnb2_1dul{margin:100px 0 0;}
#gnb2_1dul .gnb2_1dli{position:relative}
#gnb2_1dul .gnb2_1dli button{position:absolute;top:0;right:10px;border:0;background:none;height:50px;width:100%;
  text-indent:-999px;overflow:hidden; background: url(../img/mobile/gnb_bg2.png) no-repeat 95% 50%;background-size:10px}
#gnb2_1dul .gnb2_1da{padding:0 30px;display:block;color:#fff;font-size:16px;line-height:50px}
#gnb2_1dul .gnb2_2dul {display:none; background: #000;}
#gnb2_1dul .gnb2_2da {font-size:14px; color:#a8a6b0; padding:0 40px;font-weight:normal;white-space: nowrap;line-height:40px}
#gnb2_1dul .gnb2_2da:hover{color: #85cdff;}


/*메인 슬라이드*/
#main_slider{overflow:hidden; height:100vh; width:100%; position:relative; min-height: 600px}
.slider li{width:100%; height:100vh; position:relative;}
.slider li.active-slide {margin-bottom:0;}
#slider01{ background:url(../images/main_slide1.jpg) no-repeat top center; background-size: cover;}
#slider02{ background:url(../images/main_slide2.jpg) no-repeat top center; background-size: cover;}
#slider03{ background:url(../images/main_slide3.jpg) no-repeat top center; background-size: cover;}
#slider04{ background:url(../images/main_slide4.jpg) no-repeat top center; background-size: cover;}
.prev-btn {position:absolute; top:50%; left: 30px; z-index:9; cursor:pointer;}
.next-btn {position:absolute; top:50%; right: 30px; z-index:9; cursor:pointer;}
.next-btn img{width: 50px;}
.next-btn img{width: 50px;}

.bn_txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 80%;}
.bn_tit{opacity:0; transform:translateY(30px);
-webkit-transition: all 0.3s ease-in .3s;
-moz-transition:  all 0.3s ease-in .3s;
-ms-transition: all 0.3s ease-in .3s;
-o-transition: all 0.3s ease-in .3s;
transition: all 0.3s ease-in .3s;
font-size: 58px; color:#fff; font-weight:900; text-align:center; margin:0; font-family: 'NanumSquare', sans-serif; }
.active-slide .bn_tit{opacity:1; transform:translateY(0)}
.bn_tit span{color: #0088e8;}

.bn_detail{opacity:0;
-webkit-transition: all 1s ease-in .5s;
-moz-transition:  all 1s ease-in .5s ;
-ms-transition:  all 1s ease-in .5s;
-o-transition: all 1s ease-in .5s;
transition: all 1s ease-in .5s;
font-weight:400; color:#fff;  font-size:20px; text-align:center; line-height:30px; font-family: 'NanumSquare', sans-serif;}
.active-slide .bn_detail{opacity:1}

/* 중간 레이아웃 */
#wrapper{}

#container {position:relative;min-height:400px;height:auto !important;margin:0 auto;font-size:1em;width:100%;zoom:1; padding: 0 3%;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
.contents {width:1200px; margin:0 auto;}

/*content01*/
#content01{width:100%; min-height: 600px; height:100vh; background:url(../images/con1_bg.jpg) center center no-repeat; position: relative; overflow: hidden;}
#content01 ul{width: 90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#content01 ul li{float: none; width: 100%;}
#content01 ul li:nth-of-type(1) img{width: 30%; max-width: 479px;}
#content01 ul li:nth-of-type(1){text-align: center; padding-bottom: 7%;}
#content01 ul li:nth-of-type(2){position: relative; text-align: center;}
#content01 ul li .title{font-family: 'NanumSquare', sans-serif; font-size: 36px; font-weight: 900;}
#content01 ul li .title span{color: #48c4fd;}
#content01 ul li .title:after{content: ""; display: block; width: 62px; height: 4px; background: #1546d8; margin: 17px auto;}
#content01 ul li p{font-size: 20px; font-family: 'NanumSquare', sans-serif; padding: 10px 0 46px 0; line-height: 30px;}
#content01 ul li a{font-size: 20px; font-family: 'NanumSquare', sans-serif; display: block; width: 168px; line-height: 48px;
  text-align: center; color: #2491ce; border: 1px solid #2491ce; transition: 0.3s; margin: 0 auto;}
#content01 ul li a:hover{background: #2491ce; color: #fff; transition: 0.3s;}
#content01 ul li .text_box{width: 100%;}

/*content02*/
#content02{width:100%; min-height: 950px; height:100vh; background:url(../images/con2_bg.jpg) center center no-repeat; position: relative;}
#content02 .text_box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  width: 90%;}
#content02 .text_box .title{font-family: 'NanumSquare', sans-serif; font-size: 36px; font-weight: 900; color: #fff; text-align: center;}
#content02 .text_box .title span{color: #48c4fd;}
#content02 .text_box .title:after{content: ""; display: block; width: 62px; height: 4px; background: #1546d8; margin: 17px auto;}
#content02 .text_box p{font-size: 20px; font-family: 'NanumSquare', sans-serif; padding: 36px 0 80px 0; line-height: 30px; color: #fff;
  text-align: center;}
#content02 .text_box a{font-size: 20px; font-family: 'NanumSquare', sans-serif; display: block; width: 168px; line-height: 48px;
  text-align: center; color: #fff; border: 1px solid #fff; transition: 0.3s; margin: 0 auto;}
#content02 .text_box a:hover{background: #fff; color: #000; transition: 0.3s;}

/*content03*/
#content03{width:100%; min-height: 880px; height:100vh; background:url(../images/con3_bg.jpg) center center no-repeat; position: relative;overflow: hidden;}
#content03 .con_box{width: 90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#content03 .con_box .title{text-align: center; color: #fff; padding-bottom: 7%;}
#content03 .con_box .title h3{font-family: 'NanumSquare', sans-serif; font-size: 48px; font-weight: 900;}
#content03 .con_box .title p{font-family: 'NanumSquare', sans-serif; font-size: 22px;}
#content03 .con_box ul{width: 100%; display: inline-block;}
#content03 .con_box ul li{float: left; width: 32%; height: 270px; position: relative; overflow: hidden; margin-bottom: 24px;}
#content03 .con_box ul li:nth-of-type(1){background:url(../images/con3_img1.jpg) center center no-repeat; background-size: cover;}
#content03 .con_box ul li:nth-of-type(2){background:url(../images/con3_img2.jpg) center center no-repeat; background-size: cover;margin: 0 2%;}
#content03 .con_box ul li:nth-of-type(3){background:url(../images/con3_img3.jpg) center center no-repeat; background-size: cover;}
#content03 .con_box ul li:nth-of-type(4){background:url(../images/con3_img4.jpg) center center no-repeat; background-size: cover;}
#content03 .con_box ul li:nth-of-type(5){background:url(../images/con3_img5.jpg) center center no-repeat; background-size: cover;margin: 0 2%;}
#content03 .con_box ul li:nth-of-type(6){background:url(../images/con3_img6.jpg) center center no-repeat; background-size: cover;}
#content03 .con_box ul li img{position: absolute; bottom: 25px; right: 20px; z-index: 10;}
#content03 .con_box ul li a{position: absolute; display: block; width: 100%; padding: 20px 5% 100% 5%; top: 212px; transition: 0.5s; z-index: 9;
  cursor: auto}
#content03 .con_box ul li a h3{font-family: 'NanumSquare', sans-serif; font-size: 20px; color: #fff; padding-bottom: 18px; width: 93%;
  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#content03 .con_box ul li a p{font-family: 'NanumSquare', sans-serif; font-size: 17px; color: #fff; line-height: 22px;}
#content03 .con_box ul li:hover a{top: 0; background: rgba(6, 164, 222, 0.8); transition: 0.5s;}
#content03 .con_box .more{font-size: 20px; font-family: 'NanumSquare', sans-serif; display: block; width: 168px; line-height: 48px;
  text-align: center; color: #fff; border: 1px solid #fff; transition: 0.3s; margin: 0 auto;}
#content03 .con_box .more:hover{background: #fff; color: #000; transition: 0.3s;}

/*content04*/
#content04{width:100%; min-height: 880px; height:100vh; background:url(../images/con4_bg.jpg) center center no-repeat; position: relative;overflow: hidden;}
#content04 .con_box{width: 90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#content04 .con_box .title{text-align: center; color: #fff; padding-bottom: 7%;}
#content04 .con_box .title h3{font-family: 'NanumSquare', sans-serif; font-size: 48px; font-weight: 900;}
#content04 .con_box ul{width: 100%; display: inline-block;}
#content04 .con_box ul li{float: left; width: 32%; height: 270px; position: relative; overflow: hidden; margin-bottom: 24px;}
#content04 .con_box ul li:nth-of-type(1){background:url(../images/con4_img1.jpg) center center no-repeat; background-size: cover;}
#content04 .con_box ul li:nth-of-type(2){background:url(../images/con4_img2.jpg) center center no-repeat; background-size: cover;margin: 0 2%;}
#content04 .con_box ul li:nth-of-type(3){background:url(../images/con4_img3.jpg) center center no-repeat; background-size: cover;}
#content04 .con_box ul li:nth-of-type(4){background:url(../images/con4_img4.jpg) center center no-repeat; background-size: cover;}
#content04 .con_box ul li:nth-of-type(5){background:url(../images/con4_img5.jpg) center center no-repeat; background-size: cover;margin: 0 2%;}
#content04 .con_box ul li:nth-of-type(6){background:url(../images/con4_img6.jpg) center center no-repeat; background-size: cover;}
#content04 .con_box ul li img{position: absolute; bottom: 25px; right: 20px; z-index: 10;}
#content04 .con_box ul li a{position: absolute; display: block; width: 100%; padding: 20px 5% 100% 5%; top: 212px; transition: 0.5s; z-index: 9;
  cursor: auto}
#content04 .con_box ul li a h3{font-family: 'NanumSquare', sans-serif; font-size: 20px; color: #fff; padding-bottom: 18px; width: 93%;
  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#content04 .con_box ul li a p{font-family: 'NanumSquare', sans-serif; font-size: 17px; color: #fff; line-height: 22px;}
#content04 .con_box ul li:hover a{top: 0; background: rgba(6, 164, 222, 0.8); transition: 0.5s;}
#content04 .con_box .more{font-size: 20px; font-family: 'NanumSquare', sans-serif; display: block; width: 168px; line-height: 48px;
  text-align: center; color: #fff; border: 1px solid #fff; transition: 0.3s; margin: 0 auto;}
#content04 .con_box .more:hover{background: #fff; color: #000; transition: 0.3s;}

/*content05*/
#content05{width:100%; min-height: 600px; height:100vh; background:url(../images/con5_bg.jpg) center center no-repeat; position: relative;overflow: hidden;}
#content05 .con_box{width: 90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#content05 .con_box .title{text-align: center; color: #fff; padding-bottom: 7%;}
#content05 .con_box .title h3{font-family: 'NanumSquare', sans-serif; font-size: 48px; font-weight: 900; text-shadow: 2px 2px 4px #000;}
#content05 .con_box .title p{font-family: 'NanumSquare', sans-serif; font-size: 22px; text-shadow: 2px 2px 2px #000;}
#content05 .con_box .con5_txt{text-align: center; font-family: 'NanumSquare', sans-serif; font-size: 30px; font-weight: 200; position: relative;}
#content05 .con_box .con5_txt span{font-weight: 900; font-size: 41px; z-index: 10; position: relative;}
#content05 .con_box .con5_txt span.blue{color: #0066ff;}
#content05 .con_box .con5_txt span.red{color: #e53d1c;}
#content05 .con_box .con5_txt:after{content: ""; display: block; position: absolute; width: 100%; height: 28px; background: rgba(255, 247, 153, 0.4);
  margin: 0 auto; left: 0; right: 0; top: 80px; z-index: 8; display: none;}
#content05 .con_box .more{font-size: 20px; font-family: 'NanumSquare', sans-serif; display: block; width: 198px; line-height: 48px;
  text-align: center; color: #fff; border: 1px solid #fff; transition: 0.3s; margin: 0 auto; box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 2px 2px rgba(0, 0, 0, 0.8); margin-top: 10%;}
#content05 .con_box .more:hover{background: #fff; color: #000; transition: 0.3s; text-shadow: none;}

/*content06*/
#content06{width:100%; min-height: 600px; height:100vh; background:url(../images/con6_bg.jpg) center center no-repeat; position: relative;overflow: hidden;}
#content06 .con_box{width: 90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#content06 .con_box .title{text-align: center; color: #fff; padding-bottom: 7%;}
#content06 .con_box .title h3{font-family: 'NanumSquare', sans-serif; font-size: 48px; font-weight: 900;}
#content06 .con_box .title p{font-family: 'NanumSquare', sans-serif; font-size: 22px;}

#content06 .con_box ul{}
#content06 .con_box ul li{width: 64%; border: 1px solid #fff; box-sizing: border-box; text-align: center; 
  padding: 80px 10px; margin: 0 auto;}
/*#content06 .con_box ul li:nth-of-type(1){margin-right: 2%;}
#content06 .con_box ul li:nth-of-type(2){margin-left: 2%;}*/
#content06 .con_box ul li img{}
#content06 .con_box ul li h3{font-family: 'NanumSquare', sans-serif; font-size: 34px; font-weight: 900; padding: 25px 0; color: #fff;}
#content06 .con_box ul li p{font-family: 'NanumSquare', sans-serif; font-size: 17px; line-height: 24px; color: #fff; padding-bottom: 25px;}
#content06 .con_box ul li a{font-size: 20px; font-family: 'NanumSquare', sans-serif; display: block; width: 168px; line-height: 48px;
  text-align: center; color: #fff; border: 1px solid #fff; transition: 0.3s; margin: 0 auto;}
#content06 .con_box ul li a:hover{background: #fff; color: #000; transition: 0.3s;}

/*content07*/
#content07{width:100%; min-height: 600px; height:100vh; background:url(../images/con7_bg.jpg) center center no-repeat; position: relative;overflow: hidden;}
#content07 .con_box{width: 90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#content07 .con_box .title{text-align: center; color: #fff; padding-bottom: 7%;}
#content07 .con_box .title h3{font-family: 'NanumSquare', sans-serif; font-size: 48px; font-weight: 900;}
#content07 .con_box .title p{font-family: 'NanumSquare', sans-serif; font-size: 22px;}

#content07 .con_box ul{max-width: 1200px; min-width: 100%; width: 80%; margin: 0 auto; height: 280px;}
#content07 .con_box ul li{width: 48%; float: left; padding: 3px; border: 1px solid #fff; border-radius: 10px; margin: 1%;}
#content07 .con_box ul li p{font-family: 'NanumSquare', sans-serif;  font-size: 20px; color: #fff; line-height: 58px;}
#content07 .con_box ul li p span{text-align: center; padding: 18px 30px; min-width: 164px; line-height: 58px; border-radius: 10px;
  background:url(../images/con7_txt_bg.jpg); background-size: cover; height: 13px; margin-right: 10px;}

#content07 .con_box .more{font-size: 20px; font-family: 'NanumSquare', sans-serif; display: block; width: 198px; line-height: 48px;
  text-align: center; color: #fff; border: 1px solid #fff; transition: 0.3s; margin: 0 auto; margin-top: 8%;}
#content07 .con_box .more:hover{background: #fff; color: #000; transition: 0.3s; text-shadow: none;}

/*content08*/
#content08{width:100%; min-height: 600px; height:100vh; background:url(../images/con8_bg.jpg) center center no-repeat; position: relative;
  overflow: hidden;}
#content08 #con8_right{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


/*content09*/
#content09{width:100%; min-height: 600px; height:100vh; background:url(../images/con9_bg.jpg) center center no-repeat; position: relative;overflow: hidden;}
#content09 .con_box{width: 90%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center;}
#content09 .con_box .title{text-align: center; color: #fff; padding-bottom: 7%;}
#content09 .con_box .title h3{font-family: 'NanumSquare', sans-serif; font-size: 48px; font-weight: 900;}
#content09 .con_box .title p{font-family: 'NanumSquare', sans-serif; font-size: 22px;}
#content09 .con_box .con8_txt{font-family: 'NanumSquare', sans-serif; font-size: 26px; color: #fff; line-height: 34px;}
#content09 .con_box .con8_txt .blue{color: #25baff;}
#content09 .con_box .con8_txt .yellow{color: #ffcc00;}
#content09 .con_box h4{font-family: 'NanumSquare', sans-serif; font-size: 40px; color: #fff; padding: 70px 0;}

#content09 .con_box .more{font-size: 20px; font-family: 'NanumSquare', sans-serif; display: block; width: 198px; line-height: 48px;
  text-align: center; color: #fff; border: 1px solid #fff; transition: 0.3s; margin: 0 auto;}
#content09 .con_box .more:hover{background: #fff; color: #000; transition: 0.3s;}


/*서브페이지*/
#sub_img {width:100%; height:250px;}
#sub_img.sub1 {background: url(../images/sub_bg1.jpg) top center no-repeat fixed;}
#sub_img.sub2 {background: url(../images/sub_bg2.jpg) top center no-repeat fixed;}
#sub_img.sub3 {background: url(../images/sub_bg3.jpg) top center no-repeat fixed;}
#sub_img.sub4 {background: url(../images/sub_bg4.jpg) top center no-repeat fixed;}
#sub_img.sub5 {background: url(../images/sub_bg5.jpg) top center no-repeat fixed;}
#sub_img.sub6 {background: url(../images/sub_bg6.jpg) top center no-repeat fixed;}
#sub_img.sub7 {background: url(../images/sub_bg7.jpg) top center no-repeat fixed;}
#sub_img.sub8 {background: url(../images/sub_bg8.jpg) top center no-repeat fixed;}

#sub_img p {color:#fff; text-align:center; font-size:40px; font-weight:500; padding:80px 0 0;}
#sub_img p:before {display:block; content:''; margin:10px auto; width:60px; height:3px; background:#fff;}

.sub_con_title {font-size:30px; text-align:center; margin:50px 0 50px 0 ; color:#fff;}


/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft.mobile{display:block; text-align: center;}
#ft.pc{display: none;}
#ft {width:100%; background:#111; padding:30px 0; overflow: hidden;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_copy{width:100%; margin:0 auto;}
#ft_copy:after {display:block;visibility:hidden;clear:both;content:""}

#ft_logo {float:left;}
#ft_company {margin: 0;}
.ft_link a{display:inline-block;padding:0 10px 0 0 ; font-size:14px; color:#fff; font-weight:500;}
.ft_text {margin:0; color:#999; font-size:13px; line-height:24px;}
.ft_text span {display:inline-block; margin:0 8px 0 0;}
}