@charset "utf-8";



/* nav mobile */
.overlay {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.4);z-index:999;}

.panel {display:block;position:fixed;top:0;left:0px;width:0;height:100%;overflow-x:hidden;overflow-y:auto;background:#fff;z-index:999;
transform: translate(0,0);

-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

.panel_content {min-width:320px;}

.menu_on {width:0;}
.menu_on_default {width:100% !important;}

.panel .logo {display:block;position:relative;padding:40px 20px 20px 20px;}
.panel .logo img {width:120px;height:auto;}
.panel .logo a.btn_panel_close {display:none;position:absolute;right:10px;top:50%;width:50px;height:50px;margin:-25px 0 0 0;text-align:center;}
.panel .logo a.btn_panel_close i {color:#222;font-size:24px;line-height:50px;}

.panel ul.gnb_mobile {margin:0 0 60px 0;}
.panel ul.gnb_mobile li {position:relative;display:block;cursor:pointer}
.panel ul.gnb_mobile li a {display:block;padding:0 20px;color:#222;font-size:16px;line-height:60px;font-weight:500;letter-spacing:-0.5px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.panel ul.gnb_mobile li a strong {display:block;position:relative;font-weight:400;}
.panel ul.gnb_mobile li a .underline {display:block;position:absolute;left:0;top:0;width:0;height:60px;background:#f00001;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.panel ul.gnb_mobile li a:hover {color:#fff;}
.panel ul.gnb_mobile li a:hover .underline {width:100%;}
.panel ul.gnb_mobile li ul {display:none;margin:0;padding:10px 0 0 0;}
.panel ul.gnb_mobile li ul li {border-bottom:none}
.panel ul.gnb_mobile li ul li:last-child {margin:0 0 20px 0;}
.panel ul.gnb_mobile li ul li a {display:block;margin:0 !important;padding:0 20px;color:#666;font-size:14px;line-height:40px;font-weight:300;}

.panel ul.gnb_mobile li.on a {color:#fff;}
.panel ul.gnb_mobile li.on a .underline {width:100%;}
.panel ul.gnb_mobile li.on ul {max-height:1000px;}
.panel ul.gnb_mobile li.on ul li a {color:#666;}

.panel ul.gnb_mobile li ul li a.on2,
.panel ul.gnb_mobile li ul li a:hover {color:#f00001;}

.panel ul li .cross {display:block;position:absolute;right:20px;top:0;width:30px;height:60px;text-align:center;z-index:9;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.panel ul li .cross i {color:#999;font-size:20px;line-height:60px;}

.panel ul li:hover .cross,
.panel ul li.on .cross {transform-origin:50% 50%;transform:rotate(180deg);}
.panel ul li:hover .cross i,
.panel ul li.on .cross i {color:#fff;}

.btn_panel {display:none;position:fixed;right:10px;top:0;width:60px;height:60px;background:none;cursor:pointer;z-index:999;}
.btn_panel .bar {display:block;position:absolute;left:14px;width:32px;height:2px;background:#222;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn_panel .bar1 {top:20px;}
.btn_panel .bar2 {top:30px;}
.btn_panel .bar3 {top:40px;}
.btn_panel.active .bar1 {background:#f00001;transform-origin:2px 50%;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.btn_panel.active .bar2 {
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;
}
.btn_panel.active .bar3 {background:#f00001;transform-origin:2px 50%;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}



#panel,
#container_wrap,
#tnb_wrap,
#tnb,
#header_wrap,
#header,
#gnb_wrap,
#gnb,
#body_wrap,
#side_wrap,
#content_wrap,
#bottom_wrap,
#bottom,
#bnb_wrap,
#bnb,
#footer_wrap,
#footer {display:block;position:relative;}

#panel:after,
#container_wrap:after,
#tnb_wrap:after,
#tnb:after,
#header_wrap:after,
#header:after,
#gnb_wrap:after,
#gnb:after,
#body_wrap:after,
#side_wrap:after,
#content_wrap:after,
#bottom_wrap:after,
#bottom:after,
#bnb_wrap:after,
#bnb:after,
#footer_wrap:after,
#footer:after {display:block;visibility:hidden;clear:both;content:""}

#header_wrap {position:fixed;left:0;right:0;top:0;width:100%;padding:0px 20px;background:#fff;border-bottom:solid 1px #eee;z-index:9;}
#header {width:100%;max-width:1440px;margin:0 auto;}
#header #logo {float:left;}
#header #logo a {display:block;width:160px;height:80px;overflow:hidden;line-height:999;background:url(../img/logo.jpg) no-repeat 50% 50%;background-size:100% auto;}

#gnb {width:640px;margin:0 auto;}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb ul li {display:block;float:left;position:relative;}
#gnb ul li a {display:block;font-size:18px;font-weight:600;line-height:80px;text-align:center;}
#gnb ul li ul {display:none;position:relative;height:200px;border-left:solid 1px #eee;}
#gnb ul li ul li {float:none;width:100%;}
#gnb ul li ul li a {color:#666;font-size:14px;font-weight:200;line-height:30px;}
#gnb ul li:last-child ul {border-right:solid 1px #eee;}

#tnb {float:right;}
#tnb a {display:block;color:#f00001;font-size:16px;font-weight:500;line-height:80px;}

.sec {display:block;position:relative;width:100%;height:100vh;padding:80px 0 0 0;overflow:hidden;}

.sec0 {}
.sec0 .slogon {display:block;position:absolute;left:0;right:0;top:50%;color:#fff;font-size:60px;font-weight:700;line-height:100%;text-align:center;text-shadow:0 0 10px rgba(0,0,0,0.4);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}

p.typing-txt {display:none;}
.typing {display:inline-block;margin:20px 0 0 0;color:#f00001;
	animation-name: cursor; 
	animation-duration: 0.3s; 
	animation-iteration-count: infinite; 
} 
@keyframes cursor{ 
	0%{border-right: 6px solid rgba(240,0,1,1);} 
	50%{border-right: 6px solid rgba(240,0,1,0);} 
	100%{border-right: 6px solid rgba(240,0,1,1);} 
}


/* mouse */
.scrolldown {display:block;position:absolute;left:50%;bottom:40px;;width:100px;margin:0 0 0 -50px;color:#fff;text-align:center;}
.scrolldown p {margin:20px 0 0 0;}
.arrowdown {display:block;margin:0 auto;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
.arrowdown i {font-size:32px;}

 @-webkit-keyframes 
scroll {  0% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
}
@keyframes 
scroll {  0% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
}
}


.sec1 {background:#222;}
.sec1 .cont {display:block;position:absolute;left:calc(50% - 620px);right:0;top:50%;z-index:2;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);

-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.sec1 .cont .left {display:block;float:left;width:40%;}
.sec1 .cont .left h3 {display:block;margin:0 0 40px 0;color:#fff;font-size:36px;font-weight:700;line-height:140%;letter-spacing:-0.5px;}
.sec1 .cont .left h3 strong {color:#f00001;font-weight:700;}
.sec1 .cont .right {display:block;float:right;position:relative;width:55%;}
.sec1 .cont .right .over {display:block;position:absolute;left:0;top:-2px;bottom:-2px;width:100px;z-index:4;
background: linear-gradient(to right,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 30%,rgba(34,34,34,0) 100%);
}

.swiper_main {height:120px;}
.swiper_main .swiper-slide {display:block;color:#fff;font-size:18px;cursor:pointer;}
.swiper_main .swiper-slide .bar {display:inline-block;width:0px;height:1px;margin:0 0 0 20px;background:#f00001;vertical-align:middle;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.swiper_main .swiper-slide-thumb-active {color:#f00001;}
.swiper_main .swiper-slide-thumb-active .bar {width:240px;}

.swiper_sub img {width:100%;height:100%;margin:20px 0;border-radius:30px;box-shadow:0 0 20px rgba(0,0,0,0.6);}



.accord {margin:0 20px;}
.accord:after {display:block;visibility:hidden;clear:both;content:""}
.accord .card {display:block;float:left;position:relative;width:16%;height:590px;padding:50px 15px;cursor:pointer;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.accord .card .img {display:block;position:relative;height:490px;border-radius:80px;overflow:hidden;opacity:0.4;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
.accord .card.card1 .img {background:url(../img/slide.jpg) no-repeat 50% 50%;background-size:auto 560px;}
.accord .card.card2 .img {background:url(../img/slide2.jpg) no-repeat 50% 50%;background-size:auto 560px;}
.accord .card.card3 .img {background:url(../img/slide3.jpg) no-repeat 50% 50%;background-size:auto 560px;}

.accord .card .cont2 {display:block;position:absolute;left:0;bottom:0px;right:0;padding:60px;overflow:hidden;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}
.accord .card .cont2 .icon {display:block;position:absolute;left:50%;bottom:20px;width:80px;height:80px;margin:-40px 0 0 -44px;text-align:center;line-height:80px;background:#fff;border-radius:50%;overflow:hidden;}
.accord .card .cont2 .icon img {width:100%;height:auto;}
.accord .card .cont2 div {width:480px;opacity:0;
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
transition: all 2s ease-out;
}
.accord .card .cont2 strong {display:block;color:#fff;font-size:24px;font-weight:500;}
.accord .card .cont2 p {color:#fff;font-size:18px;}

.accord .card.active {width:68%;padding:15px;}
.accord .card.active .img {height:560px;opacity:1;}
.accord .card.active .cont2 {left:0;bottom:0;right:0;padding:60px 60px 60px 150px;}
.accord .card.active .cont2 .icon {left:50px;bottom:40px;margin:0;}
.accord .card.active .cont2 div {opacity:1;}


.sec2 {background:url(../img/sec2_bg.png) no-repeat left top #111;background-size:55% auto;}
.sec2 .cont_wrap{position:relative;width:100%;max-width:1240px;height:100vh;margin:0 auto;}
.sec2 .cont {display:block;position:absolute;left:0;right:0;top:50%;z-index:2;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);

-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.sec2 .cont h3 {display:block;position:absolute;left:0;top:50%;width:40%;color:#fff;font-size:60px;font-weight:700;text-align:right;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.sec2 .cont_intro {width:50%;margin:0 0 0 auto;}
.sec2 .cont_intro .img {margin:0 0 60px 0;box-shadow:0 0 30px rgba(240,0,1,0.4);}
.sec2 .cont_intro .img img {width:100%;height:auto;}
.sec2 .cont_intro p {margin:0 0 40px 0;color:#fff;font-size:24px;line-height:160%;font-weight:600;word-break:keep-all;}
.sec2 .cont_intro .sub {display:block;color:#fff;font-size:18px;}


.sec3 {background:#111;}
.sec3 .bg {display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:url(../img/sec3_bg.jpg) no-repeat 50% 50%;background-size:cover;z-index:1}
.sec3 .cont {display:block;position:absolute;left:0;right:0;top:50%;z-index:2;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);

-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.sec3 .cont h3 {display:block;margin:0 0 40px 0;color:#fff;font-size:60px;font-weight:700;text-align:center;}
.sec3 .cont p {margin:0 0 80px 0;color:#fff;font-size:24px;text-align:center;line-height:160%;word-break:keep-all;}
.sec3 .cont ul {width:100%;max-width:1240px;margin:0 auto;}
.sec3 .cont ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec3 .cont ul li {display:block;float:left;width:16.66%;text-align:center;}
.sec3 .cont ul li img {width:180px;height:auto;}



.sec4 {background:#222;}
.sec4 .cont_wrap {display:block;position:relative;width:100%;max-width:1240px;height:100vh;margin:0 auto;overflow:hidden;}
.sec4 .cont {display:block;position:absolute;left:0;right:0;top:50%;padding:0 20px;z-index:1;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);

-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.sec4 .cont h3 {display:block;margin:0 0 40px 0;color:#fff;font-size:60px;font-weight:700;}
.sec4 .cont h3 a {color:#fff;font-size:18px;font-weight:400;}


.swiper_press .swiper-wrapper {}
.swiper_press .swiper-slide {position:relative;overflow:hidden;}

.swiper-nav {display:block;margin:60px 0 0 0;color:#fff;text-align:center;line-height:40px;}
.swiper-nav .swiper-pagination {display:inline-block !important;position:relative;left:0;top:0;width:60px;color:#fff;font-size:18px;vertical-align:middle;}
.swiper-nav .swiper-button {display:inline-block;width:40px;height:40px;color:#222;font-size:20px;text-align:center;line-height:40px;background:#fff;border-radius:50%;vertical-align:middle;}
.swiper-nav .swiper-scrollbar-wrap {display:inline-block;position:relative;width:400px;height:40px;margin:0 40px 0 0;vertical-align:middle;}

.swiper_press .box {display:block;position:relative;height:100%;padding:40px 0;}
.swiper_press .box a {display:block;margin:0 0 20px 0;color:#fff;font-size:30px;font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.swiper_press .box a:hover {color:#f00001;}
.swiper_press .box p {display:block;color:#fff;font-size:16px;line-height:140%;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; 
}
.swiper_press .box .img {display:block;position:absolute;right:-380px;top:0;width:360px;border-radius:20px;overflow:hidden;/*box-shadow:0 0 10px rgba(0,0,0,0.2);*/
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.swiper_press .box .img img {width:100%;height:auto;}
.swiper_press .box:hover .img {right:0;}
.swiper_press .box:first-child {margin:0 0 40px 0;}


.sec5 {background:#222;}
.sec5 .cont_wrap {display:block;position:relative;width:100%;max-width:1240px;height:100vh;margin:0 auto;padding:0 20px;overflow:hidden;}
.sec5 .cont {display:block;position:absolute;left:0;right:0;top:50%;color:#fff;text-align:center;z-index:2;opacity:0;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);

-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.sec5 .cont h3 {display:block;margin:0 0 20px 0;color:#fff;font-size:30px;font-weight:600;}
.sec5 .cont .tel {margin:0 0 40px 0;font-size:120px;font-weight:700;}
.sec5 .cont a {display:block;width:60%;max-width:360px;margin:0 auto 120px auto;color:#fff;font-size:20px;text-align:center;line-height:50px;background:none;border:solid 1px #fff;border-radius:50px;}
.sec5 .cont p {display:block;font-size:18px;font-weight:400;line-height:160%;}
.sec5 .cont p br {display:none;}

.sec5 .circle {display:block;position:absolute;left:50%;top:50%;width:1px;height:1px;color:#fff;text-align:center;background:#f00001;border-radius:50%;z-index:1;opacity:0;
transform-origin: 50%, 50%;

-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);

-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.sec5 .circle.active {width:2200px;height:2200px;opacity:1;}

.sec5 .cont.active {opacity:1;}





@media screen and (max-width:1240px) {
#gnb {width:540px}

.sec0 .slogon {font-size:48px;}

.sec1 .cont {left:0;right:0;}
.sec1 .cont .left {width:40%;padding:0 20px;}
.sec1 .cont .right {width:60%;}

.swiper_main .swiper-slide-thumb-active .bar {width:180px;}


.sec2 .cont h3 {font-size:48px;}
.sec2 .cont_intro p {font-size:20px;}
.sec2 .cont_intro .sub {font-size:16px;}

.sec3 .cont h3 {font-size:48px;}
.sec3 .cont p {font-size:20px;}
.sec3 .cont ul li img {width:80%;max-width:220px;height:auto;}

.sec4 .cont h3 {font-size:48px;}
.sec4 .cont h3 a {font-size:16px;}

.sec5 .cont a {margin:0 auto 80px auto;}
}



@media screen and (max-width:980px) {
.btn_panel {display:block;}

#header #logo a {width:120px;height:60px;}

#gnb {display:none;}

#tnb {margin:0 60px 0 0;}
#tnb a {line-height:60px;}

.sec {height:auto;min-height:auto;padding:120px 20px;}

.sec0 .slogon {position:relative;top:auto;font-size:36px;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}

.scrolldown {bottom:20px;}

.sec1 {padding:180px 0;}
.sec1 .cont {position:relative;top:auto;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
.sec1 .cont .left {float:none;width:100%;}
.sec1 .cont .left h3 {font-size:30px;}
.sec1 .cont .right {float:none;width:100%;}
.swiper_main .swiper-slide {font-size:16px;}

.swiper_main .swiper-slide-thumb-active .bar {width:120px;}


.accord .card {height:auto;padding:10px;}
.accord .card {float:none;width:100%;padding:15px;}
.accord .card .img {height:80px;border-radius:50px;}
.accord .card.card1 .img,
.accord .card.card2 .img,
.accord .card.card3 .img {background-size:cover}

.accord .card .cont2 {padding:20px;}
.accord .card .cont2 .icon {left:10px;bottom:10px;width:60px;height:60px;margin:0;line-height:60px;}
.accord .card .cont2 div {width:100%;}
.accord .card .cont2 strong {font-size:20px;}
.accord .card .cont2 p {font-size:16px;}
.accord .card.active .cont2 {padding:40px 40px 40px 110px;}
.accord .card.active .cont2 .icon {left:30px;bottom:30px;margin:0;}
.accord .card.active .cont2 div {opacity:1;}


.accord .card.active {width:100%;padding:0px;}
.accord .card.active .img {height:480px;}


.sec2 {background-size:60% auto;}
.sec2 .cont_wrap{height:auto;}
.sec2 .cont {position:relative;top:auto;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
.sec2 .cont h3 {position:relative;left:0;top:0;width:auto;margin:0 0 40px 0;font-size:36px;text-align:left;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
.sec2 .cont_intro {width:100%;max-width:540px;margin:0 auto 0 0;}
.sec2 .cont_intro p {font-size:18px;}
.sec2 .cont_intro .sub {font-size:14px;}


.sec3 .cont {position:relative;top:auto;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
.sec3 .cont h3 {font-size:36px;}
.sec3 .cont p {margin:0 0 60px 0;font-size:18px;}
.sec3 .cont ul li {width:33.33%;padding:20px 0;}
.sec3 .cont ul li img {max-width:180px;}


.sec4 .cont_wrap {height:auto;}
.sec4 .cont {position:relative;top:auto;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
.sec4 .cont h3 {font-size:36px;}
.sec4 .cont h3 a {font-size:14px;}

.swiper-nav {margin:40px 0 0 0;}
.swiper-nav .swiper-pagination {width:50px;font-size:16px;line-height:32px;}
.swiper-nav .swiper-button {width:32px;height:32px;font-size:18px;line-height:32px;}
.swiper-nav .swiper-scrollbar-wrap {width:320px;height:32px;margin:0 30px 0 0;}

.swiper_press .box a {font-size:24px;}
.swiper_press .box p {font-size:14px;}
.swiper_press .box .img {right:-300px;width:280px;}


.sec5 {padding:0;}
.sec5 .cont_wrap {height:auto;padding:180px 20px;}
.sec5 .cont {position:relative;top:auto;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
.sec5 .cont h3 {font-size:24px;}
.sec5 .cont .tel {font-size:60px;}
.sec5 .cont a {max-width:280px;margin:0 auto 60px auto;font-size:18px;}
.sec5 .cont p {font-size:14px;}
.sec5 .cont p br {display:block;}
}



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

.sec {padding:60px 20px;}

.sec0 .slogon {font-size:30px;}

.sec1 .cont .left h3 {font-size:24px;}


.sec2 {background-size:80% auto;}
.sec2 .cont h3 {font-size:24px;}
.sec2 .cont_intro p {font-size:16px;}
.sec2 .cont_intro .sub {font-size:13px;}

.sec3 .cont h3 {font-size:30px;}
.sec3 .cont p {margin:0 0 30px 0;font-size:16px;}
.sec3 .cont ul li {padding:10px 0;}
.sec3 .cont ul li img {max-width:120px;height:auto;}

.swiper-nav .swiper-pagination {width:40px;font-size:14px;line-height:32px;}
.swiper-nav .swiper-button {width:32px;height:32px;font-size:16px;line-height:32px;}
.swiper-nav .swiper-scrollbar-wrap {width:240px;height:32px;margin:0 20px 0 0;}

.swiper_press .box .img {right:-320px;width:260px;}

.sec5 .cont h3 {font-size:20px;}
.sec5 .cont .tel {font-size:48px;}
.sec5 .cont a {margin:0 auto 60px auto;}
.sec5 .cont p {}
}



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

.swiper-nav .swiper-scrollbar-wrap {width:160px;}

.swiper_press .box .img {right:-260px;width:220px;}
}


#footer_wrap {padding:40px 20px;}
#footer {width:100%;max-width:1280px;margin:0 auto;}
#footer .logo {float:left;width:260px;}
#footer .logo img {width:160px;height:auto;}
#footer .info {float:left;}
#footer .link {position:absolute;right:0;top:0;}

#footer .info ul.bnb {margin:0 0 30px 0;}
#footer .info ul.bnb:after {display:block;visibility:hidden;clear:both;content:""}
#footer .info ul.bnb li {display:block;float:left;position:relative;}
#footer .info ul.bnb li:first-child {margin:0 16px 0 0;padding:0 16px 0 0;}
#footer .info ul.bnb li:first-child:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:16px;margin:-8px 0 0 0;background:#222;}
#footer .info ul.bnb li a {display:block;font-size:16px;font-weight:500;}
#footer .info p {color:#666;line-height:160%;}
#footer .info p.pc {display:block;}
#footer .info p.mobile {display:none;}

#footer ul.etc {display:block;float:right;margin:0 0 30px 0;}
#footer ul.etc:after {display:block;visibility:hidden;clear:both;content:""}
#footer ul.etc li {display:block;float:left;position:relative;margin:0 20px 0 0;text-align:right;}
#footer ul.etc li:last-child {margin:0;}
#footer ul.etc li a {display:block;font-weight:500;}
#footer ul.etc li a i {color:#999;font-size:14px;}
#footer ul.etc li div {display:none;position:absolute;right:0;bottom:100%;width:100%;min-width:80px;padding:10px;background:#fff;border:solid 1px #ddd;z-index:1;}
#footer ul.etc li div a {min-width:auto;color:#999;font-size:13px;font-weight:400;line-height:30px;text-align:center;}

#footer ul.sns {clear:both;display:block;float:right;}
#footer ul.sns:after {display:block;visibility:hidden;clear:both;content:""}
#footer ul.sns li {display:block;float:left;margin:0 5px 0 0;}
#footer ul.sns li:last-child {margin:0;}
#footer ul.sns li a {display:block;width:40px;height:40px;text-align:center;background:#999;border-radius:50%;}
#footer ul.sns li a i {color:#fff;font-size:20px;line-height:40px;}

@media screen and (max-width:1140px) {
#footer .logo {float:left;width:200px;}
}

@media screen and (max-width:980px) {
#footer .logo {float:none;width:auto;margin:0 0 40px 0;}
#footer .info {float:none;}
}

@media screen and (max-width:768px) {
#footer .logo img {width:140px;height:auto;}
#footer .info {}
#footer .link {position:relative;left:0;right:0;top:0;margin:0 0 40px 0;}

#footer .info ul.bnb li a {font-size:14px;}
#footer .info p {font-size:13px;}
#footer .info p.pc {display:none;}
#footer .info p.mobile {display:block;}

#footer ul.etc {float:none;margin:0 0 30px 0;}
#footer ul.etc li div {left:0;right:auto;top:20px;bottom:auto;}

#footer ul.sns {float:none;}
#footer ul.sns li a {width:32px;height:32px;}
#footer ul.sns li a i {font-size:16px;line-height:32px;}
}