@charset "utf-8";
@charset 'UTF-8';
 
/* /html/css/contents.css */
body {font-family: 'SUIT Variable', sans-serif;}
svg { 
max-width: 100%;}.sub-page .footer .top {  
position: fixed;  
top: auto;   
bottom: 15%; 
right: 4rem; 
z-index: 2;}

/* sub-visual */
.sub-visual {  
padding: 0 4rem;}.sub-visual__title {  
display: -webkit-box;   
display: -ms-flexbox;  
display: flex; 
-webkit-box-orient: vertical;   
-webkit-box-direction: normal; 
-ms-flex-direction: column; 
flex-direction: column;  
-webkit-box-align: center; 
-ms-flex-align: center; 
align-items: center; 
padding-top: 9rem;   
height: 50rem;  
text-align: center;   
-webkit-box-pack: center;  
-ms-flex-pack: center;  
justify-content: center;}
.sub-visual__title span { 
color: #B7B7B7;  
font-size: 2rem;  
font-weight: 400;
line-height: 1.2; 
-webkit-animation: txtTop both 1s .2s; 
animation: txtTop both 1s .2s;}
.sub-visual__title strong {   
color: #fff;  
font-size: 6rem; 
font-weight: 900; 
line-height: 1.2;  
text-transform: uppercase; 
-webkit-animation: txtTop both 1s .5s;  
animation: txtTop both 1s .5s;}#sub01-visual { 
background: url("../../html/images/contents/sub01-visual.jpg") no-repeat center center / cover;}#sub02-visual {  
background: url("../../html/images/contents/sub02-visual.jpg") no-repeat center center / cover;}#sub03-visual {  
background: url("../../html/images/contents/sub03-visual.jpg") no-repeat center center / cover;}#sub04-visual {  
background: url("../../html/images/contents/sub04-visual.jpg") no-repeat center center / cover;}#sub05-visual { 
background: url("../../html/images/contents/sub05-visual.jpg") no-repeat center center / cover;}#sub06-visual { 
background: url("../../html/images/contents/sub06-visual.jpg") no-repeat center center / cover;}#sub07-visual { 
background: url("../../html/images/contents/sub07-visual.jpg") no-repeat center center / cover;}#sub08-visual { 
background: url("../../html/images/contents/sub08-visual.jpg") no-repeat center center / cover;}#sub09-visual { 
background: url("../../html/images/contents/sub09-visual.jpg") no-repeat center center / cover;}#sub010-visual { 
background: url("../../html/images/contents/sub010-visual.html") no-repeat center center / cover;}
/* location */
.location__home::after, .location__list::after, .tab ul li::after {
display: block;  
content: "";  
width: 1px;   
height: 1.7rem;  
background: #B7B7B7; 
position: absolute;   
top: 50%;  
-webkit-transform: translateY(-50%);  
transform: translateY(-50%); 
right: 0;}
.location {  
border-bottom: 1px solid #E5E5E5; 
position: relative; 
z-index: 9;  
background: #fff;}
.location__layout {  
width: 140rem; 
max-width: 100%; 
position: relative;  
margin: 0 auto;  
display: -webkit-box; 
display: -ms-flexbox;  
display: flex;  
-webkit-box-pack: start;  
-ms-flex-pack: start;  
justify-content: flex-start;  
height: 6.5rem;}.location__home { 
width: 5.8rem;  
position: relative;}.location__home a { 
display: -webkit-box;  
display: -ms-flexbox;  
display: flex;   
width: 100%; 
height: 100%;  
-webkit-box-pack: center;  
-ms-flex-pack: center;  
justify-content: center;  
-webkit-box-align: center;  
-ms-flex-align: center; 
align-items: center;}
.location__home a i {  
color: #009ADE; 
font-size: 2rem;}
.location__list { 
width: 30rem;   
position: relative;}
.location__list.active { 
z-index: 1;}
.location__list.active .location__list-current span::after { 
-webkit-transform: translateY(-50%) rotate(180deg);  
transform: translateY(-50%) rotate(180deg);}.location__list a { 
display: -webkit-box;  
display: -ms-flexbox; 
display: flex; 
width: 100%;  
height: 100%;   
-webkit-box-align: center;   
-ms-flex-align: center; 
align-items: center; 
padding: 0 2.2rem;  
position: relative;  
z-index: 1;}
.location__list a span {
-webkit-box-flex: 1;  
-ms-flex: 1; 
flex: 1;  
position: relative; 
padding-right: 3rem;  
font-size: 1.6rem; 
font-weight: 600;  
letter-spacing: 0;}
.location__list a span::after { 
display: block;  
font-family: 'remixicon'; 
content: "\ea4e";  
position: absolute;  
top: 50%;  
-webkit-transform: translateY(-50%); 
transform: translateY(-50%); 
right: 0; 
color: #000;   
font-size: 2.4rem;}.location__list-depth { 
display: none; 
position: absolute;  
top: 0;  
padding-top: 6.5rem;  
left: -1px;  
width: calc(100% + 1px);  
border: 1px solid #B7B7B7;  
border-top: none;  
z-index: 0;}
.location__list-depth li a {   
height: 5rem;  
background: #fff;}
.location__list-depth li a span { 
padding-right: 0; 
color: #757575;  
line-height: 1.15;}
.location__list-depth li a span::after {  
display: none;}.location__list-depth li a:hover {  
background: #F6F6F6;}.location.active {  
position: fixed;  
top: 9rem;   
left: 0; 
width: 100%;  
-webkit-animation: toptobottom .35s 1;  
animation: toptobottom .35s 1;}
/* common */
#sub {   
padding: 7.1rem 0rem 0rem;   
min-height: 50rem;  
font-size: 1.8rem;  
line-height: 1.333;  
color: #343434;}
.contents { 
padding: 5.1rem 0 7rem;}
.emptyAreaRemove { 
margin-bottom: -18.2rem;}
.emptyAreaRemove--sm { 
margin-bottom: -9.1rem;}
.sub-title {  
color: #8dc63f;  
font-size: 5rem; 
font-weight: 900;  
line-height: 1.2;  
text-align: center;}

.con-title {  
color: #000;  
font-size: 4rem;  
font-weight: 700; 
text-align: center;   
margin-bottom: 4.5rem;}

.con-title2 {  
color: #0054a6;  
font-size: 3.4rem;  
font-weight: 700; 
text-align: left;   
margin-top: 4rem;
margin-bottom: 2.0rem;}

.con-title3 {  
color: #4d860e;  
font-size: 2.4rem;  
font-weight: 700; 
text-align: left;   
margin-top: 1rem;
margin-bottom: 0.5rem;}

.con-title4 {  
color: #555555;  
font-size: 2.1rem;  
font-weight: 500; 
text-align: left;   
margin-top: 1rem;
margin-bottom: 1.0rem;}

.con-title5 {  
color: #4d860e;  
font-size: 2.4rem;  
font-weight: 700; 
text-align: left;   
margin-top: 0.1rem;
margin-bottom: 1.0rem;}

.con-title__desc {  
display: block;  
margin-top: .25rem;  
font-size: 2.4rem;   
font-weight: 400;}.con-desc {   
margin: 4.5rem 0 1rem;  
font-size: 2.4rem;   
text-align: center;   
line-height: 1.5;}
.con-desc.mg0 {  
margin: 0;}
.con-desc__from { 
display: block; 
padding-top: 1.8rem;  
margin-top: 4rem;   
position: relative; 
font-size: 1.8rem;}
.con-desc__from::before {  
display: block;   
content: "";  
width: 4.9rem;  
height: 1px;  
position: absolute; 
left: 50%;   
-webkit-transform: translateX(-50%); 
transform: translateX(-50%);  
top: 0;   
background: #707070;}
.con-area {
padding: 0.3rem 0; 
position: relative;}
/* tab */
.tab { 
position: fixed;  
top: 50%;  
right: 3rem;  
transform: translateY(-50%);   
text-align: center; 
z-index: 9;}
/*.tab.active {  position: fixed;  bottom: 0;  left: 0;  width: 100%;  -webkit-animation: bottomtotop .35s 1;      
animation: bottomtotop .35s 1;  margin: 0;  padding: 10rem 0;  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)),
to(transparent));  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);  z-index: 2;} */
.tab::before {  
display: block;  
content: "";  
width: 1px;  
height: calc(100% - 2.1rem); 
background: #707070;  
opacity: 0.5;  
top: 1.05rem;  
left: 50%;  
position: absolute;}.tab ul { 
display: flex; 
flex-direction: column;}
.tab ul li {  
position: relative;  
margin: 0;  
margin-bottom: 3rem;  
width: 2.1rem; 
height: 2.1rem;}
.tab ul li:last-of-type { 
margin-bottom: 0;}.tab ul li::after { 
display: none;}.tab ul li a {  
display: block; 
position: relative;  
z-index: 1;  
width: 100%; 
height: 100%;  
cursor: pointer; 
text-decoration: none;   
border-radius: 50%;}.tab ul li a::before { 
display: block;   
content: "";  
width: 0.5rem; 
height: 0.5rem;  
background: #B7B7B7;   
border-radius: 50%;   
position: absolute; 
top: 50%;   
left: 50%; 
-webkit-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%);
-webkit-transition: .25s;  
transition: .25s;}.tab ul li a::after { 
display: block; 
content: "";  
width: 100%; 
height: 100%; 
background: transparent;   
border-radius: 50%;  
position: absolute;  
top: 50%;  
left: 50%;  
-webkit-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%);  
-webkit-transition: .25s;  
transition: .25s;  
border: 1px solid transparent;}.tab ul li.active a::before { 
background: #009ade;}
.tab ul li.active a::after { 
border: 1px solid #009ADE;}
.tab ul li a span {  
position: absolute; 
color: #636363;  
font-size: 14px;  
/*white-space: nowrap; */
max-width: 220px; 
overflow: hidden; 
display: block; 
/* width: 0; */   
cursor: pointer;   
top: 0; 
bottom: 0;  
margin: auto;  
right: calc(100% + 0.6rem);}
.tab ul li.active a span { 
width: auto; 
color: #009ade;}
/* bullet */
* + .bullet { 
margin-top: 2rem;}
.bullet li { 
position: relative; 
padding-left: 1.5rem; 
letter-spacing: -0.02em;}
.bullet li + li {  
margin-top: 1.5rem;}
.bullet li::before { 
display: block;  
content: "";  
width: .5rem; 
height: .5rem;  
border-radius: .5rem; 
background: #B7B7B7;
position: absolute;  
top: 1rem;  
left: 0;}
.wideEmployee::before, .wideHistory::before, .solution__intro::before, .WiFi7__intro::before, .WiFi7__spec::before, .wideTurnkey::before, .widePerformance::before, .contact__top::before, .contact-banner::before { 
display: block; 
content: "";  
width: 100vw; 
height: 100%; 
position: absolute;  
left: 50%;  
-webkit-transform: translateX(-50%);  
transform: translateX(-50%); 
top: 0;  
z-index: -1;}

/* banner */
.banner { 
position: relative;  
margin-top: -9.1rem;  
padding: 2.8rem 0;  
text-align: center;}.banner--h45 {   
display: -webkit-box;  
display: -ms-flexbox;  
display: flex;  
padding: 2rem 0; 
-webkit-box-align: center;  
-ms-flex-align: center;  
align-items: center;  
-webkit-box-pack: center; 
-ms-flex-pack: center;  
justify-content: center; 
height: 45rem;}.banner--nonemt {  
margin-top: 0;}.banner::before { 
display: block; 
content: "";  
width: 100vw;  
height: 100%;  
position: absolute;  
top: 0;  
left: 50%; 
-webkit-transform: translateX(-50%);  
transform: translateX(-50%);  
z-index: -1;}
.banner__icon {   
position: absolute;  
left: -4.2rem;  
top: 50%;  
-webkit-transform: translateY(-50%);  
transform: translateY(-50%);  
z-index: -1;}.banner__title {   
display: block;   
color: #555555;  
font-size: 3rem;  
font-weight: 700;  
font-family: 'SUIT'; 
line-height: 1.5;}
.banner__title b {   
font-weight: 900;}
.banner__title--white {    
color: #fff;}
.banner__title--regular { 
font-weight: 400;}
.banner__title--lg { 
font-size: 4rem; 
font-weight: 400; 
line-height: 1.2;}
.banner--bottom { 
height: 50rem;  
padding: 9rem 0; 
margin-top: 0;   
margin-bottom: -9.1rem;}
.banner--lgpd {  
padding: 13.7rem 0;}
#banner03 .banner__icon {  
top: 100%;}
#banner04 .banner__icon {  
top: 45%;}
#banner05::before {  
background: url(../../html/images/contents/banner05.jpg) no-repeat center center/cover;}
#banner06::before { 
background: url(../../html/images/contents/banner06.jpg) no-repeat center center/cover;}
#banner07::before { 
background: url(../../html/images/contents/banner07.html) no-repeat center center/cover;}
/* icon-area */
.icon-area {   
display: -webkit-box;  
display: -ms-flexbox; 
display: flex; 
-webkit-box-pack: justify; 
-ms-flex-pack: justify; 
justify-content: space-between;  
padding: 0 5.6rem;  
padding-bottom: 5.6rem; 
position: relative;}.icon-area:before {  
position: absolute;  
top: 10.5rem;  
-webkit-transform: translateX(-50%);  
transform: translateX(-50%);  
left: 50%;    z-index: -1; 
width: 80%;  
height: 2px;  
background: #DBDBDB; content:""; }.icon-area__item {  
width: 35.1rem;  
text-align: center;}.icon-area__icon {  
width: 23rem;  
height: 23rem;   
margin: auto;   
border-radius: 50%;  
padding: .3rem;  
position: relative; 
background: #39C5EC;}.icon-area__icon--green {  
background: #39C5EC;}.icon-area__icon--blue {  
background: #39C5EC;}.icon-area__icon--navy { 
background: #39C5EC;}.icon-area__icon-inner {  
display: -webkit-box;  
display: -ms-flexbox; 
display: flex;  
width: 100%;   
height: 100%;   
background: #fff;  
border-radius: 50%; 
-webkit-box-align: center;  
-ms-flex-align: center;  
align-items: center;   
padding: 4rem 2rem;  
text-align: center;  
-webkit-box-orient: vertical; 
-webkit-box-direction: normal;  
-ms-flex-direction: column;  
flex-direction: column;}.icon-area__icon-inner-title { 
color: #343434; 
font-size: 2.4rem;   
font-weight: 400; 
margin-bottom: 3.4rem;}.icon-area__icon-inner img {  
max-width: 70%;   
max-height: 90%;}.icon-area__icon-inner--center {
-webkit-box-pack: center;   
-ms-flex-pack: center;  
justify-content: center;}.icon-area__icon-inner--inherit {   
background: transparent;}

/* .icon-area__icon-line {  position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);      
transform: translateY(-50%);  left: 100%;  z-index: -1;  width:100%;  height: 2px;  background: #DBDBDB;} */
.icon-area__icon-line svg {  
stroke-dashoffset: 500;  
-webkit-animation: stroke 20s linear infinite;  
animation: stroke 20s linear infinite;  
max-width: none;   
display: none;}.icon-area__text {  
text-align: center;}.icon-area__text--left { 
text-align: left;}.icon-area__text-title { 
display: block;   
line-height: 1.2; 
color: #189AD6;  
font-size: 3rem;   
font-weight: 700;  
margin: 3.2rem 0 2.6rem;}.icon-area__text-title--sm {  
font-size: 2.4rem;}.icon-area__text-desc {  
line-height: 1.55556;}.download-area {  
display: -webkit-box; 
display: -ms-flexbox;
display: flex;  
-webkit-box-align: center;  
-ms-flex-align: center;  
align-items: center; 
margin: 0 -.4rem;  
margin-top: 3rem;}.download-area a { 
display: -webkit-box;  
display: -ms-flexbox;  
display: flex;  
-webkit-box-align: center; 
-ms-flex-align: center; 
align-items: center;  
-webkit-box-flex: 1;  
-ms-flex: 1; 
flex: 1;  
margin: 0 .4rem;  
height: 4.9rem;  
padding: 0 1.5rem;    border: 1px solid #707070;    background: #fff;}.download-area a span {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;   
position: relative;    padding-right: 3.5rem;    font-size: 1.6rem;}.download-area a span::after {    display: block;    font-family: 'remixicon'; 
content: "\ec53";    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    transform: translateY(-50%);    right: 0;  
font-size: 2.2rem;}

/* ceo message */
.intro {  
padding: 2rem 0 4.6rem;  
position: relative;   
display: -webkit-box; 
display: -ms-flexbox; 
display: flex;  
-webkit-box-orient: horizontal; 
-webkit-box-direction: reverse; 
-ms-flex-direction: row-reverse;  
flex-direction: row-reverse; 
margin: 10rem 0;}.intro::before {  
display: block;  
content: "";  
width: 100vw; 
height: 100%; 
position: absolute; 
left: 50%; 
-webkit-transform: translateX(-50%); 
transform: translateX(-50%);  
top: 0;  
background: url("../../html/images/contents/intro-bg.jpg") no-repeat center center / cover;  
z-index: -2;}.intro::after { 
display: block; 
content: "";  
width: 100vw;  
height: 20rem; 
position: absolute;  
left: 50%;   
-webkit-transform: translateX(-50%);  
transform: translateX(-50%); 
bottom: 0;  
background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(transparent), to(transparent));  
background: linear-gradient(to top, #fff, transparent, transparent);   
z-index: 1;}
.intro__img {
width: 63.5rem;   
margin-top: 0.4rem;}
.intro__text {   
width: calc(100% - 53.5rem);   
padding-right: 10.5rem;}
.intro__text-title {    
display: block;   
margin-bottom: 4.75rem;   
font-size: 2.7rem;  
font-weight: 500;}
.intro__text-desc p + p {  
margin-top: 2rem;}
.intro__sign {   
display: block;  
padding-top: 1.7rem;  
margin-top: 5rem;   
position: relative;}
.intro__sign::before {  
display: block;  
content: "";  
width: 5.4rem;   
height: 1px;  
background: #707070;  
position: absolute;  
top: 0;   
left: 0;}
/* mission & vision */
.vision__list {  
position: relative;}.vision__item { 
display: -webkit-box;   
display: -ms-flexbox;  
display: flex;}.vision__item.active .vision__item-img {   
-webkit-transform: translateY(0);  
transform: translateY(0);  
opacity: 1;}.vision__item.active .vision__item-text {   
opacity: 1;   
-webkit-transform: translateX(0);  
transform: translateX(0);}.vision__item-img {  
width: calc(50% - 4rem);   
-webkit-transform: translateY(25%);   
transform: translateY(25%);  
-webkit-transition: opacity .75s, -webkit-transform .6s;  
transition: opacity .75s, -webkit-transform .6s;   
transition: transform .6s, opacity .75s; 
transition: transform .6s, opacity .75s, -webkit-transform .6s;  
opacity: 0;}
.vision__item-text { 
width: calc(100% - (50% - 4rem));  
padding-left: 14.3rem; 
padding-right: 8rem;  
-webkit-transform: translateX(-25%); 
transform: translateX(-25%);  
-webkit-transition: opacity .75s, -webkit-transform .6s;  
transition: opacity .75s, -webkit-transform .6s;   
transition: transform .6s, opacity .75s; 
transition: transform .6s, opacity .75s, -webkit-transform .6s;   
opacity: 0;}
.vision__item-text-number {  
display: block;  
 color: #E5E5E5;   
font-size: 10rem; 
font-weight: 700; 
font-family: "Play";  
line-height: 1.2;}
.vision__item-text-title {  
display: block;   
color: #000;
font-size: 3rem;  
font-weight: 700;   
line-height: 1.2;}
.vision__item-text-desc { 
line-height: 1.55556;  
margin-top: 3.8rem;}
.vision__item--reverse {  
-webkit-box-orient: horizontal;  
-webkit-box-direction: reverse;  
-ms-flex-direction: row-reverse;  
flex-direction: row-reverse;}
.vision__item + .vision__item {  
margin-top: 14rem;}
/* Organization & History */
.management__list::before, .management__item::before, .management__list-inner::before { 
display: block;  
content: ""; 
background-repeat: repeat;  
position: absolute;  
z-index: -1;}
.management__list::before, .management__item::before {  
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #B7B7B7), color-stop(50%, #fff));  
background: linear-gradient(to bottom, #B7B7B7 50%, #fff 50%);  
background-size: 2px 10px;}.management__list-inner::before {  
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #B7B7B7), color-stop(50%, #fff));  
background: linear-gradient(to right, #B7B7B7 50%, #fff 50%);  
background-size: 10px 2px;}.organ__captain::after, .organ__official > ul > li::after, .organ__department > ul > li::after { 
display: block;  
content: ""; 
width: 1.4rem;  
height: 1.4rem;  
border: 2px solid #fff;
border-radius: 50%;  
position: absolute; 
z-index: 1;}
.organ { 
position: relative;   
width: 122rem;   
margin: auto;  
max-width: 100%;}.organ::before {  
display: block; 
content: "";   
width: 1px;  
height: 100%; 
background: #B7B7B7;  
position: absolute; 
left: calc(50% - 0.5px);  
top: 0;}
.organ__captain { 
width: 15.4rem;  
height: 15.4rem; 
border-radius: 50%;  
background: #189AD6;  
display: -webkit-box; 
display: -ms-flexbox;  
display: flex;  
-webkit-box-pack: center;   
-ms-flex-pack: center;   
justify-content: center; 
-webkit-box-align: center;  
-ms-flex-align: center;   
align-items: center; 
margin: auto;  
text-align: center;   
position: relative;}
/* .organ__captain::before {  display: block;  content: "";  width: 120%;  height: 120%;  position: absolute;  top: 50%;  left: 50%; 
-webkit-transform: translate(-50%, -50%) sclae(1);         
transform: translate(-50%, -50%) sclae(1);  -webkit-animation: scaleOrgan 2s linear infinite;  
animation: scaleOrgan 2s linear infinite;  background: url(/html/images/contents/organ-spread.jpg) no-repeat center center/cover;  z-index: -1;} */
.organ__captain::after { 
background: #189AD6;  
left: 50%;  
-webkit-transform: translateX(-50%); 
transform: translateX(-50%);  
bottom: -.7rem;}
.organ__captain strong { 
color: #fff;  
font-size: 2.4rem; 
font-weight: 700;  
line-height: 1.16667;}
.organ__captain strong span {  
display: block;   
color:#fff;}
.organ__default {   
position: relative;}
.organ__default > ul {  
display: -webkit-box;  
display: -ms-flexbox;  
display: flex;  
-webkit-box-pack: justify;   
-ms-flex-pack: justify;  
justify-content: space-between;  
-webkit-box-align: start;  
-ms-flex-align: start;  
align-items: flex-start;}
.organ__default > ul > li { 
width: 30rem; 
background: #fff; 
position: relative;}
.organ__default span { 
display: -webkit-box; 
display: -ms-flexbox;  
display: flex;   
height: 7rem;  
-webkit-box-align: center; 
-ms-flex-align: center; 
align-items: center;  
text-align: center; 
-webkit-box-pack: center;  
-ms-flex-pack: center; 
justify-content: center; 
padding: 0 1rem;  
background: #F3F3F3;   
font-size: 2rem;}
.organ__default .organ__import {   
height: 7rem;  
background: #39C5EC; 
color: #fff;   
border-top-left-radius: 1rem;  
border-top-right-radius: 1rem;}
.organ__official {  
margin: 10.8rem 0;}
.organ__official::before {  
display: block; 
content: ""; 
background: #B7B7B7;   
position: absolute;   
width: 100%;  
height: 1px; 
top: calc(50% - 0.5px);  
left: 0;}
.organ__official span { 
background: #39C5EC;   
color: #fff; 
-webkit-box-flex: 1;
-ms-flex: 1;  
flex: 1;  
border-radius: 1rem;}
.organ__official > ul > li { 
position: relative;}.organ__official > ul > li::after {  
right: -.7rem; 
top: 50%; 
-webkit-transform: translateY(-50%);  
transform: translateY(-50%); 
background: #39C5EC;}
.organ__official > ul > li:last-of-type::after {   
right: auto; 
left: -.7rem;}
.organ__department { 
padding-top: 5.6rem;}
.organ__department span { 
height: 7.7rem !important;}
.organ__department > ul > li::before { 
display: block;  
content: "";  
background: #b7b7b7; 
width: 1px;
height: 5.6rem; 
position: absolute;   
left: calc(50% - 0.5px); 
bottom: 100%;}
.organ__department > ul > li::after {  
position: absolute;   
left: 50%;  
-webkit-transform: translateX(-50%); 
transform: translateX(-50%);   
top: -.7rem;  
background: #39C5EC;}
.organ__department > ul > li > ul > li {  
overflow: hidden;}
.organ__department > ul > li > ul > li + li { 
border-top: 1px solid #B7B7B7;}
.organ__department > ul > li > ul > li > span {   
font-size: 1.8rem;}
.organ__department > ul > li > ul > li:last-of-type {   
border-bottom-left-radius: 1rem; 
border-bottom-right-radius: 1rem;}
.organ__department::before { 
display: block; 
content: "";  
background: #B7B7B7;  
width: calc(100% - 30rem); 
height: 1px; 
position: absolute;  
left: 50%;
-webkit-transform: translateX(-50%); 
transform: translateX(-50%);  
top: 0;}.wideEmployee {  
position: relative;}.wideEmployee::before {  
background: url("../../html/images/contents/employee-bg.jpg") no-repeat center center / cover;}
.employee { 
position: relative;  
display: -webkit-box;  
display: -ms-flexbox;  
display: flex;  
-webkit-box-align: center; 
-ms-flex-align: center;  
align-items: center;   
-webkit-box-pack: justify;   
-ms-flex-pack: justify;   
justify-content: space-between;  
width: 78.6rem;  
margin: auto; 
max-width: 100%;}
.employee__category {   
text-align: center;    width: 15rem;}
.employee__category-count {  
display: block;  
color: #000; 
font-size: 4rem; 
font-weight: 700; 
line-height: 1.2;}
.employee__category-count-number {   
font-size: 8rem;  
font-weight: 900;}
.employee__category-title {  
display: block;  
color: #000; 
font-size: 2.4rem;}
.employee__graph {  
position: relative; 
width: 31.5rem;}
.employee__graph svg {  
max-width: 100%;  
max-height: 100%;}.employee__graph-title {  
display: -webkit-box;   
display: -ms-flexbox;  
display: flex;   
-webkit-box-pack: center;  
-ms-flex-pack: center;   
justify-content: center;  
-webkit-box-align: center;  
-ms-flex-align: center;  
align-items: center;  
-webkit-box-orient: vertical;  
-webkit-box-direction: normal;
-ms-flex-direction: column;  
flex-direction: column; 
border-radius: 50%;  
font-size: 2.2rem;   
text-align: center; 
position: absolute;  
top: 50%; 
left: 50%;   
-webkit-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 
line-height: 1.16667;}
.employee__graph-title b {  
color: #009ADE;}
.employee__graph .bb-chart-arc text {  
font-size: 0 !important;  
font-family: "Suit";}
.wideHistory { 
position: relative;   
padding: 0.2rem 0;}
.wideHistory::before {  
background: #F6F6F6;}
.wideHistory::after {  
display: block;  
content: "";  
width: 80%; 
height: 68.2rem;   
background: url(../../html/images/contents/history-bg.png) no-repeat bottom 0 right 0/contain;   
position: absolute;   
left: 35%;  
bottom: 0;}
.history {  
position: relative;  
width: 123.2rem;  
margin: auto; 
max-width: 100%;   
overflow: hidden; 
display:flex;  
flex-wrap:wrap; 
}   
.history::before {  
display: block; 
content: ""; 
width: 1px;    
height: calc(100% - 6px);  
background: #D1D1D1;   
position: absolute;  
left: calc(50% - 0.5px);  
top: 3px;  }  
.history__item { 
width: 50%; 
opacity: 0;   
-webkit-transition: .5s;  
transition: .5s; 
margin-top: -8rem;  }  
.history__item:nth-of-type(odd) {  
text-align: left;  
margin-left: 50%;   
-webkit-transform: translateX(20%);     
transform: translateX(20%);  } 
.history__item:nth-of-type(odd).active { 
opacity: 1;  
-webkit-transform: translateX(0);    
transform: translateX(0);  }  
.history__item:nth-of-type(odd) .history__inner {    padding-left: 10.3rem;    justify-content: flex-start;  }   
.history__item:nth-of-type(odd) .history__inner::before {    left: 0;  }    .history__item:nth-of-type(odd) .history__inner::after { 
left: -1.8rem;  }    .history__item:nth-of-type(odd) .history__inner-info-list li {    padding-left: 2rem;  }  
.history__item:nth-of-type(odd) .history__inner-info-list li::before {    left: .5rem;  }   
.history__item:nth-of-type(odd) .history__inner-title-label {    padding-right: 3.1rem;  
background: url(../../html/images/contents/history-label2.png) no-repeat right 0 center/ auto 100%;  } 
.history__item:nth-of-type(even) {      margin-right: 50%;    text-align: right;    -webkit-transform: translateX(-20%);     
transform: translateX(-20%);  }    .history__item:nth-of-type(even).active {    opacity: 1;    -webkit-transform: translateX(0);  
transform: translateX(0);  }    .history__item:nth-of-type(even) .history__inner {    padding-right: 10.3rem;    justify-content: flex-end;  } 
.history__item:nth-of-type(even) .history__inner::before {    right: 0;  }    .history__item:nth-of-type(even) .history__inner::after { 
right: -1.8rem;  }    .history__item:nth-of-type(even) .history__inner-info-list {    margin-right: -2rem;  }  
.history__item:nth-of-type(even) .history__inner-info-list li {    padding-right: 2rem;  }  
.history__item:nth-of-type(even) .history__inner-info-list li::before {    right: .5rem;  }  
.history__item:nth-of-type(even) .history__inner-title-label {    padding-left: 3.1rem;  
background: url(../../html/images/contents/history-label.png) no-repeat left 0 center/ auto 100%;  }  
.history__item:nth-of-type(1) {    padding-top: 0;    margin-top: 0;  }    .history__inner {  
position: relative;    display:flex;    flex-wrap:wrap;    align-items: flex-end;    min-height: 16rem;  } 
.history__inner::before {    display: block;    content: "";    position: absolute;    width: 8.1rem;    height: 1px;    background: #009ADE; 
position: absolute;    bottom: 5.7rem;  }    .history__inner::after {    display: block;    content: "";    width: 3.6rem;    height: 3.6rem; 
border: 1rem solid #fff;    background: #009ADE;    border-radius: 50%;    position: absolute;    bottom: 4rem;  }    .history__inner-title {  
padding-top: 2rem;    width:100%;  }    .history__inner-title-year {    display: block;    font-size: 3rem;    font-weight: 700; 
position: relative;  }    .history__inner-title-label {    display: inline-block;    background: #009ADE;    color: #fff;    font-size: 2.2rem;   
font-weight: 700;    line-height: 1.22727;    padding: .3rem 1.3rem;    border-radius: .3rem;    margin-top: .6rem;    margin: .6rem 0 0;  
position: relative;  }    .history__inner-title-label::after {    display: none;  }    .history__inner-info {    margin-top: 2.5rem;  
width: 100%;  }    .history__inner-info-year {    display: block;    font-size: 2rem;  }    .history__inner-info-list li { 
position: relative;    line-height: 1.55556;  }    .history__inner-info-list li::before {    display: block;    content: "";    width: .5rem;  
height: .5rem;    border-radius: .5rem;    background: #B7B7B7;    position: absolute;    top: 1.3rem;  }

/* Sustainability */
.management {  
position: relative;}.management::before {    display: block;    content: "";    width: 1px;    height: 7.4rem;  
background: #B7B7B7;  
position: absolute;    bottom: calc(100% + 5rem);    left: calc(50% - 0.5px);}.management__title {    display: block;    text-align: center; 
color: #000;    font-size: 4rem;    font-weight: 700;    line-height: 1.2;    margin-bottom: 2rem;}.management__list {    padding-top: 7rem;   
position: relative;}.management__list::before {    width: 2px;    height: 7rem;    position: absolute;    left: 50%; 
-webkit-transform: translateX(-50%);    transform: translateX(-50%);    top: 0;    background-size: 2px 6px;}.management__list::after {  
display: block;    content: "";    width: 1.4rem;    height: 1.4rem;    background: #fff;    border: 2px solid #B7B7B7;    position: absolute;   
left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    top: 0;    border-radius: 50%;}.management__list-inner {  
display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;  
justify-content: space-between;    position: relative;    margin: 0 -3rem;}.management__list-inner::before {  
width: 66.6666%;    height: 2px;    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);  
top: -1px;    background-size: 6px 2px;}.management__item {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;    padding: 0 3rem; 
padding-top: 7rem;    position: relative;}.management__item::before {    width: 2px;    height: 7rem;    position: absolute;    left: 50%; 
-webkit-transform: translateX(-50%);    transform: translateX(-50%);    top: 0;    background-size: 2px 6px;}.management__item::after {   
display: block;    content: "";    width: 1.4rem;    height: 1.4rem;    background: #fff;    border: 2px solid #B7B7B7;    position: absolute;  
left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    top: calc(7rem - 1.4rem);  
border-radius: 50%;}.management__item-title {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    width: 100%;  
text-align: center;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;  
-ms-flex-pack: center;    justify-content: center;    height: 7.4rem;    font-size: 3rem;}.management__item-img {    display: block;  
width: 100%;    height: 0;    padding-bottom: 59.38%;}.management__item-img--type1 {  
background: url("../../html/images/contents/management1.jpg") no-repeat center center / cover;}.management__item-img--type2 { 
background: url("../../html/images/contents/management2.jpg") no-repeat center center / cover;}.management__item-img--type3 {
background: url("../../html/images/contents/management3.jpg") no-repeat center center / cover;}.management__item-text-title { 
display: -webkit-box;    display: -ms-flexbox;    display: flex;    height: 18rem;    -webkit-box-align: baseline;   
-ms-flex-align: baseline;    align-items: baseline;    position: relative;    line-height: 1.36364;    font-size: 2.2rem;  
padding-top: 5rem;}.management__item-text-title::after {    display: block;    content: "";    width: 4.9rem;    height: 1px;  
background: #707070;    position: absolute;    bottom: 0;    left: 0;}/* ci */.ci-area {    display: -webkit-box;    display: -ms-flexbox;  
display: flex;    margin: 0 -3.1rem;}.ci-area .con-title {    font-size: 3rem;    margin-bottom: 2rem;}.ci-area + .ci-area {  
margin-top: 8rem;}.ci-area__item {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;    padding: 0 3.1rem;}.ci-area__item-inner {  
display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;  
-webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    border: 1px solid #E9E9E9;    background: #fff;  
padding: 5.6rem 4rem;    height: 31.2rem;}.ci-area__item-inner--wide {    height: auto;}.ci-area__item-inner img {
max-height: 100%;}.ci-area__item-list {  
display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    -webkit-box-pack: justify;  
-ms-flex-pack: justify;    justify-content: space-between;    margin: -3rem auto;    padding: 3.5rem 0;    width: 115rem; 
max-width: 100%;}.ci-area__item-list__item {    width: calc(50% - 8rem);    padding: 3rem 0;}.ci-area__item-list__item img { 
width: 100%;}.dotted {    background: url(../../html/images/contents/dottedpattern.jpg) no-repeat center center/cover;  
padding: 9.6rem 4rem;}.dotted__inner {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;  
-ms-flex-align: center;    align-items: center;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;  
width: 105rem;    margin: auto;    max-width: 100%;}.dotted__item-left {    width: 36.7rem;}.dotted__item-right {    width: 53.8rem;}
/* product */
.title-sticky {    position: relative;}.title-sticky.active {    position: fixed;    display: -webkit-box;    display: -ms-flexbox;    display: flex;  
-webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    height: 30rem; 
-webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center; 
justify-content: center;    top: 15.5rem;    left: 0;    width: 100%;    background: #fff;    z-index: 1;    margin: 0;  
-webkit-animation: toptobottom 1s;    animation: toptobottom 1s;}.contents .product {    padding: 3.5rem 0;    border-top: 1px solid #B7B7B7;  
position: relative;    margin-top: -2.5rem;}.contents .product::before {    display: block;    content: "";    width: 1.2rem;    height: 1.2rem; 
background: #009ADE;    border-radius: 50%;    position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);  
transform: translateX(-50%);    top: -.6rem;}.contents .product__list {    display: -webkit-box;    display: -ms-flexbox;    display: flex;  
-ms-flex-wrap: wrap;    flex-wrap: wrap;    margin: 0 -2.4rem;}.contents .product__list > li {    width: 33.3333%;    padding: 3.5rem 2.4rem;}
.contents .product__list-item {    height: 100%;    border: 1px solid #e5e5e5;    padding: 5rem 5.4rem;}.contents .product__list-item-img { 
display: -webkit-box;    display: -ms-flexbox;    display: flex;    height: 35rem;    -webkit-box-pack: center;    -ms-flex-pack: center; 
justify-content: center;    text-align: center;    -webkit-box-align: center;    -ms-flex-align: center;  
align-items: center;}.contents .product__list-item-img img {    max-height: 100%;}.contents .product__list-item-info {    margin-top: 5rem;}
.contents .product__list-item-info-title {    display: block;    font-size: 2.4rem;    line-height: 1.41667;    min-height: 6.8rem;}
.contents .product__list-item-info .bullet li + li {    margin-top: .35rem;}.center-text {    text-align: center;    margin: 5rem 0;}.center-text p {  
font-size: 2.4rem;    line-height: 1.5;}/* solution */.solution .con-title {    font-size: 3.5rem;    margin-bottom:6.6rem;}.solution__intro {
position: relative;    padding: 12.2rem 0;}.solution__intro.active::before {    width: 100vw;    -webkit-transition: .5s;  
transition: .5s;}.solution__intro.active .solution__intro-img {    -webkit-transform: translateY(0);    transform: translateY(0);    opacity: 1;  
-webkit-transition: .5s .5s;    transition: .5s .5s;}.solution__intro.active .solution__intro-info {    -webkit-transform: translateY(0); 
transform: translateY(0);    -webkit-transition: .5s .5s;    transition: .5s .5s;    opacity: 1;}.solution__intro::after {    display: block; 
content: "";    clear: both;}.solution__intro::before {    height: calc(100% - 12.2rem);    top: auto;    bottom: 0;    background: #F6F6F6;  
width: 0;}
.solution__intro-img { 
width: 35%;  
float: left;  
margin-top: -12.2rem;  
-webkit-transform: translateY(10%);   
transform: translateY(10%); 
opacity: 0;}.solution__intro-info {  
width: 65%;  
position: relative;  
padding-left: 10.4rem;   
-webkit-transform: translateY(-10%); 
transform: translateY(-10%);  
opacity: 0; 
float: left;}
.solution__intro-info-number {  
position: absolute; 
bottom: 100%;   
right: 0;  
line-height: 12.2rem;   
text-align: right; 
color: #E5E5E5;   
font-size: 10rem; 
font-weight: 700; 
font-family: "Play";}
.solution__intro-info-text {  
padding: 1rem 0;  
position: relative;}
.solution__intro-info-text-title { 
font-size: 2.2rem;}
.solution__intro-info-text-desc {  
margin-top: 1.0rem;
font-size: 2.4rem;}
.solution__intro-info-text-desc p{  
font-size: 1.75rem;}
.solution__intro-info-text-desc--sm { 
margin-top: 0;}
.solution__intro-info-text-desc strong { 
color: #000;  
font-size: 4rem;  
font-weight: 900;  
display: block;  
margin-bottom: 5.5rem;}
.solution__intro-info-text-desc p { 
line-height: 1.33333;}
.solution__intro-info-text-desc p + p { 
margin-top: 2rem;}

.solution__info { 
padding: 5rem 0;}
.solution__info.solution__info--pt0 {
padding-top: 0;}
.solution__info.solution__info--ptplus {
padding-top: 0.2rem;}
/* .solution__info:nth-of-type(2) { padding-bottom:17rem; }.solution__info:nth-of-type(3) { padding-top:0; } */
.solution__info .solution__info-item { 
margin: auto; 
max-width: 100%;
padding: 3rem 0;}

.solution__info .solution__info-item--sm { 
width: 128rem;}
.solution__info .wifi {  
display: -webkit-box;   
display: -ms-flexbox; 
display: flex; 
-webkit-box-align: center;  
-ms-flex-align: center;  
align-items: center;   
-webkit-box-pack: justify;  
-ms-flex-pack: justify; 
justify-content: space-between;
position: relative;  
margin: auto;}
.solution__info .wifi__center {  
margin-top: -20rem; 
width: 8rem;}.solution__info .wifi__item {  
width: calc(50% - 6.1rem);}
.solution__info .wifi__item-info { 
width: 39.7rem; 
margin: 4.5rem auto 0; 
border: .3rem solid #DBDBDB;  
border-radius: 2.4rem;
padding: 3rem 2.5rem;}
.solution__info .wifi__item-info .bullet li + li { 
margin-top: .5rem;}
.solution__info .wifi__item-info .bullet li .green { color:#1D9ADD; }
.solution__info .wifi__item:nth-of-type(2) .wifi__item-info { 
border-color: #8ED3D0;}
.solution__info .wifi__circle {  
display: -webkit-box;  
display: -ms-flexbox;  
display: flex;  
-webkit-box-align: center;  
-ms-flex-align: center;  
align-items: center;  
-webkit-box-pack: center; 
-ms-flex-pack: center; 
justify-content: center;  
position: relative;}
.solution__info .wifi__circle::before, .solution__info .wifi__circle::after { 
display: block; 
content: "";  
position: absolute;  
top: 50%;   
left: 50%;  
-webkit-transform: translate(-50%, -50%);   
transform: translate(-50%, -50%);  
top: calc(50% - .75rem);  
border-radius: 50%; 
z-index: -1;  
opacity: 0;}
.solution__info .wifi__circle::before { 
width: 50%;  
height: 50%;}
.solution__info .wifi__circle::after {  
width: 80%; 
height: 80%;   
-webkit-filter: blur(6px); 
filter: blur(6px);}.solution__info .wifi__circle-item {  
position: relative; 
margin: 0 .5rem;  
height: 45rem;  
display: -webkit-box;   
display: -ms-flexbox;  
display: flex; 
-webkit-box-align: center;   
-ms-flex-align: center;  
align-items: center;   
-webkit-box-pack: center;  
-ms-flex-pack: center;  
justify-content: center;}
.solution__info .wifi__circle-item img { 
max-height: calc(100% + 10rem);  
max-width: calc(100% + 8rem);}
.solution__info .wifi__circle-item-title {  
position: absolute;  
position: absolute;  
top: 50%; 
left: 50%;  
-webkit-transform: translate(-50%, -50%);  
transform: translate(-50%, -50%); 
top: calc(50% - .75rem);  
z-index: 1; 
/*white-space: nowrap;*/}
.solution__info .wifi__circle-item-title--blue {  
color: #fff;  
font-size: 2.4rem;  
font-weight: 900;}
.solution__info .wifi__circle-item-title--green {  
color: #fff;   
font-size: 4rem;   
font-weight: 900;}
/* Wi-fi 7 */
.WiFi7 .con-title {    font-size: 3.5rem;    margin-bottom:6.6rem;  }    .WiFi7__intro {    position: relative;    padding: 7.2rem 0;  }  
.WiFi7__intro.active::before {    width: 100vw;    -webkit-transition: .5s;    transition: .5s;  }  
.WiFi7__intro.active .WiFi7__intro-img {    -webkit-transform: translateY(0);   
transform: translateY(0);    opacity: 1;    -webkit-transition: .5s .5s;    transition: .5s .5s;  }  
.WiFi7__intro.active .WiFi7__intro-info {    -webkit-transform: translateY(0);        
transform: translateY(0);    -webkit-transition: .5s .5s;    transition: .5s .5s;    opacity: 1;  }  
.WiFi7__intro::after {    display: block;    content: "";    clear: both;  }    .WiFi7__intro::before {    height: calc(100% - 12.2rem);  
top: auto;    bottom: 0;    
/* background: #9c7aff;  /* fallback for old browsers */   
background: -webkit-linear-gradient(to bottom, #9c7aff, #2763ff); 
/* Chrome 10-25, Safari 5.1-6 */  
background: linear-gradient(to bottom, #9c7aff, #2763ff); 
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
width: 0;  }    .WiFi7__intro-img {    width: 30.5%;    float: left;    margin-top: -12.2rem;    -webkit-transform: translateY(10%);    
transform: translateY(10%);    opacity: 0;  }    .WiFi7__intro-info {    width: 57.5%;    position: relative;    padding-left: 10.4rem;  
-webkit-transform: translateY(-10%);            transform: translateY(-10%);    opacity: 0;    float: left;  }  
.WiFi7__intro-info-number {    position: absolute;    bottom: 100%;    right: 0;    line-height: 12.2rem; 
text-align: right;    color: #E5E5E5;    font-size: 10rem;    font-weight: 700;    font-family: "Play";  }   
.WiFi7__intro-info-text {    padding: 4rem 0;    position: relative;    
/* color: #E5E5E5; */  
color: #fff;  }    

.WiFi7__intro-info-text-title {  
font-size: 3rem; 
}  
.WiFi7__intro-info-text-desc {  
margin-top: 3.8rem; 
} 
.WiFi7__intro-info-text-desc--sm { 
margin-top: 0; 
}   
.WiFi7__intro-info-text-desc strong {   
color: #000; 
font-size: 4rem;   
font-weight: 900;  
display: block;   
margin-bottom: 5.5rem;
}
.WiFi7__intro-info-text-desc p {  
line-height: 1.33333; 
}  
.WiFi7__intro-info-text-desc p + p { 
margin-top: 1rem; 
}  
.WiFi7__intro-info-keyword {  
padding: 2rem 0 0;  
position: relative;  
text-align: center;   
/* color: #E5E5E5; */  
color: #fff;  } 
.WiFi7__intro-info-keyword-text { 
text-align: center;  
font-size: 2.7rem;  
margin-top: 3.8rem; 
font-weight: 900;
}   
.WiFi7__intro-info-keyword-text br { display: none; }  
/* Wi-Fi 7 information section */  
.WiFi7__spec {    position: relative;  }    .WiFi7__spec.active::before {    width: 100vw;    -webkit-transition: .5s;    transition: .5s;  }   
.WiFi7__spec.active .WiFi7__spec-img {    -webkit-transform: translateY(0);            transform: translateY(0);    opacity: 1;  
-webkit-transition: .5s .5s;    transition: .5s .5s;  } 
.WiFi7__spec::before { 
background: -webkit-linear-gradient(to bottom, #00003c, #271676 49%, #001492);  
/* Chrome 10-25, Safari 5.1-6 */   
background-image: linear-gradient(to bottom, #00003c, #271676 49%, #001492); 
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 
}    
.WiFi7__spec__img { 
display: block;   
text-align: center;  
padding: 0 4rem;  } 
.WiFi7__spec .ci-area {  
margin: 0.2rem 0 0;
gap:10rem;  
justify-content: center; 
} 
.WiFi7__spec .ci-area__item {  
flex: none; 
padding: 0;  } 
.WiFi7__spec .ci-area .WiFi7__spec__img {  
width: 30rem;  
padding: 0; 
margin: 0 auto;  } 
.video-area { position: relative;height:0; padding-bottom:56.25%; margin-top:8rem; } 
.video-area iframe { position: absolute;top:0;left:0;width:100%;height: 100%; }
/*  .WiFi7__spec-img {    display: block;    width: 100%;    height: 0;    padding-bottom: 59.38%;  }    
.WiFi7__spec-img--type1 {    background: url("/html/images/contents/img_wifi_7_icon_1.png") no-repeat center center / cover;  } 
.WiFi7__spec-img--type2 {    background: url("/html/images/contents/img_wifi_7_icon_2.png") no-repeat center center / cover;  }   
.WiFi7__spec-img--type3 {    background: url("/html/images/contents/img_wifi_7_icon_3.png") no-repeat center center / cover;  }*/
.easymesh {    text-align: center;    position: relative;    padding-top: 2rem;    padding-bottom: 4rem;    transform: translateY(5rem); 
opacity: 0;}.solution__info.active .easymesh { 
transform: translateY(0);    opacity: 1;   
transition: .5s;}.easymesh img { 
max-width: 100%;}.easymesh__line {  
width: 80.4rem;    position: absolute;    bottom: calc(-15% + 14rem);    left: 45.5%;    -webkit-transform: translateX(-50%);  
transform: translateX(-50%);    max-width: 100%;}.easymesh__line line { 
stroke-dashoffset: 500;  
-webkit-animation: stroke 2s linear infinite;   
animation: stroke 2s linear infinite;}.easymesh__line line.line2 {   
stroke-dashoffset: 50;}.easymesh__line circle {  
-webkit-animation: circle 1s infinite alternate;  
animation: circle 1s infinite alternate;}.easymesh__line text {    -webkit-animation: font 1s infinite alternate; 
animation: font 1s infinite alternate;}.easymesh__line text tspan { 
font-family: 'Lato', sans-serif !important;}.easymesh__line .path {  
stroke-dasharray: 30;    stroke-dashoffset: 0;  
-webkit-animation: strokealter 3s linear infinite;  
animation: strokealter 3s linear infinite;}.easymesh__line .opacity {  
-webkit-animation: opacity 1.5s linear infinite alternate;    animation: opacity 1.5s linear infinite alternate;}.easymesh__line .shadow { 
-webkit-animation: fill linear infinite alternate;    animation: fill linear infinite alternate;}.easymesh__line .color { 
-webkit-animation: color linear infinite alternate;    animation: color linear infinite alternate;}
.mobileapp {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center; 
justify-content: center;}.mobileapp__img {    width: calc(100% - 44.7rem);    display: -webkit-box;    display: -ms-flexbox;    display: flex;  
overflow: hidden;}.mobileapp__img img {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;    width: 50%;}.mobileapp__img-visible { 
-webkit-transform: translateY(100%);    transform: translateY(100%);    opacity: 0;    visibility: hidden;}.mobileapp__img-hide {  
-webkit-transform: translateX(-50%);    transform: translateX(-50%);    opacity: 0;    visibility: hidden;    z-index: -1;}.mobileapp__text {  
width: 44.7rem;    padding-left: 5.4rem;}.mobileapp__text strong {    display: block;    font-size: 2.4rem;    margin-top: 4.5rem;  
color:  #009ADE;}.mobileapp__text p {    margin-top: 1.6rem;}.solution__info.active .mobileapp__img-visible {    -webkit-transform: translateY(0); 
transform: translateY(0);    -webkit-transition: .75s .25s;    transition: .75s .25s;    opacity: 1; 
visibility: visible;}.solution__info.active .mobileapp__img-hide {    opacity: 1;    visibility: visible;    -webkit-transform: translateX(0);  
transform: translateX(0);    -webkit-transition: 1.5s .75s;    transition: 1.5s .75s;}.wideTurnkey {    position: relative;}.wideTurnkey::before { 
background: #F6F6F6;}.turnkey__img {    display: block;    text-align: center;    padding: 0 4rem;}.turnkey__img svg {    width: 58.7rem; 
height: auto;    max-width: 100%;}.turnkey__img .rotate {    -webkit-transform-origin: center;    transform-origin: center;}.turnkey__img .float1 { 
-webkit-animation: float1 1s infinite ease-in-out alternate;  
animation: float1 1s infinite ease-in-out alternate; 
-webkit-animation-play-state: running;  
animation-play-state: running;}.turnkey__img .float2 {  
-webkit-animation: float2 1s infinite ease-in-out alternate;  
animation: float2 1s infinite ease-in-out alternate; 
-webkit-animation-play-state: running; 
animation-play-state: running;}.turnkey__img .float3 { 
-webkit-animation: float3 1s infinite ease-in-out alternate;  
animation: float3 1s infinite ease-in-out alternate;  
-webkit-animation-play-state: running;  
animation-play-state: running;}.turnkey__img .fill-pro1 { 
-webkit-animation: fillpro 2s infinite linear;  
animation: fillpro 2s infinite linear;}
.turnkey__img .fill-pro2 { 
-webkit-animation: fillpro 2s .2s infinite linear;  
animation: fillpro 2s .2s infinite linear;}
.turnkey__img .fill-pro3 { 
-webkit-animation: fillpro 2s .4s infinite linear;    animation: fillpro 2s .4s infinite linear;}.widePerformance { 
position: relative;}.widePerformance::before {    background:#F6F6F6;}
/* contact us */
.contact__top {   
padding: 7.5rem 0; 
position: relative; 
display: -webkit-box;   
display: -ms-flexbox; 
display: flex;  
-webkit-box-pack: justify; 
-ms-flex-pack: justify; 
justify-content: space-between;}
.contact__top::before { 
background: #F6F6F6;}
.contact__top::after {  
display: block;  
content: ""; 
width: 52.4rem;  
height: 100%;  
background: url(../../html/images/contents/contactbg.png) no-repeat left 0 top 0/contain; 
position: absolute;  
left: 0; 
top: 0;  
-webkit-transform: translateX(-50%); 
transform: translateX(-50%);}.contact__top-title {  
width: calc(100% - 59.3rem); 
padding-right: 4rem; 
padding-top: 3.4rem;}
.contact__top-title-topic { 
color: #000; 
font-size: 6rem;   
font-weight: 900;  
line-height: 1.2;}
.contact__top-title-desc { 
margin-top: 2.5rem;    font-size: 3rem;    font-weight: 600;    line-height: 1.2;}.contact__top-img {    width: 59.3rem;  
position: relative;}.contact__top-img span {    position: absolute;}.contact__top-img span::before, .contact__top-img span::after {  
display: block;    content: "";    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);  
transform: translate(-50%, -50%);    z-index: 0;    border-radius: 50%;}.contact__top-img span::before {    width: 5rem;    height: 5rem; 
background: rgba(255, 255, 255, 0.5);    -webkit-animation: scalemap 2s linear infinite;    animation: scalemap 2s linear infinite;}
.contact__top-img span::after {  
width: 10rem; 
height: 10rem; 
background: rgba(255, 255, 255, 0.5); 
-webkit-animation: scalemap 2s .2s linear infinite; 
animation: scalemap 2s .2s linear infinite;}
.contact__top-img span i { 
font-size: 3rem;  
color: #009ADE;    text-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);  
position: relative;  
z-index: 1;}.contact__top-img span.usa {   
position: absolute;  
top: 47%;  
left: 12.5%;}.contact__top-img span.korea {  
position: absolute;  
top: 44%;  
left: 80%;}.contact__top-img span.japan { 
position: absolute; 
top: 46%;  
left: 84%;}
.contact__top-img span.thai {    position: absolute;    top: 56%;    left: 73%;}.contact__top-img span.europe {    position: absolute;  
top: 39%;    left: 47%;}.contact__list {    padding: 5.3rem 0;}.contact__item {    padding: 5.3rem 0;}.contact__item + .contact__item {  
border-top: 1px solid #B7B7B7;}.contact__item:last-of-type {    border-bottom: 1px solid #B7B7B7;}.contact__item-list {    display: -webkit-box;  
display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; 
position: relative;}.contact__item-list-title {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;  
-ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    width: 20.6rem;   
height: 20.6rem;    background: #000;    border-radius: 50%;    color: #fff;    font-size: 2.4rem;    font-weight: 700;    position: relative;  
text-align: center;    padding: 2rem;}.contact__item-list-title span {    position: absolute;    top: 50%;    left: 50%;}
.contact__item-list-title::before {    display: block;    content: "";    width: 1.5rem;    height: 1.5rem;    background: #009ADE;  
position: absolute;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    top: -.75rem;    border-radius: 50%;}
.contact__item-list-info {    width: calc(100% - 20.6rem);    padding-left: 10.7rem;}.contact__item-list-info > div {    position: relative; 
padding-left: 3.4rem;}.contact__item-list-info > div::before {    display: block;    font-family: 'remixicon';    font-size: 2.4rem;  
position: absolute;    top: 0;    left: 0;    line-height: 1;}.contact__item-list-info > div + div {  
margin-top: 2rem;}.contact__item-list-info-loca::before {    content: "\ef14";}.contact__item-list-info-mail::before {    content: "\ef02";}
.contact__item-list-btn {    position: absolute;    bottom: 0;    right: 0;    width: 17.6rem;    padding: 0 3rem;    height: 4.9rem;   
display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center; 
border: 1px solid #707070;}.contact__item-list-btn span {    -webkit-box-flex: 1;    -ms-flex: 1;    flex: 1;    padding-right: 2.8rem; 
position: relative;    padding-top: .25rem;}.contact__item-list-btn span::before {    display: block;    font-family: 'remixicon';    content: "\ecb5";
position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    transform: translateY(-50%);    right: 0;    font-size: 2.2rem;
line-height: 1;}.contact__item-view {    display: none;    padding-top: 4rem;    position: relative;}.contact__item-view iframe {    width: 100%;  
height: 61.5rem;    border: 1px solid #b7b7b7 !important;}.contact__item-view .close {    position: absolute;    top: 4rem;    right: 0;  
z-index: 1;}.contact__item-view .close::after {    display: block;    font-family: 'remixicon';    content: "\eb99";    width: 4.9rem;   
height: 4.9rem;    background: #000;    text-align: center;    line-height: 4.9rem;    font-size: 3rem;    color: #fff;}
.contact__item.active .contact__item-list-title::before {    -webkit-animation: rotateY 2s linear infinite;    animation: rotateY 2s linear infinite;}
.contact__item.active .contact__item-list-btn {    display: none !important;}.contact__item.active .contact__item-list-btn span { 
color: #fff;}.contact__item.active .contact__item-view {    display: block;}
/* contact banner */
.contact-banner {   
height: auto;}.contact-banner::before {  
background: url("../../html/images/contents/contact-bg.jpg") no-repeat center center / cover;}.contact-banner .banner__contact {   
display: -webkit-box;  
display: -ms-flexbox;   
display: flex;   
margin-top: 4.5rem;  
-webkit-box-align: center;   
-ms-flex-align: center;   
align-items: center;   
-webkit-box-pack: center; 
-ms-flex-pack: center;  
justify-content: center;}.contact-banner .banner__contact strong {    color: #fff;    font-size: 2rem;}.contact-banner .banner__contact-arrow {   
position: relative;    margin-left: 1.8rem;}.contact-banner .banner__contact-arrow img {    display: block;    width: 5.7rem;    position: relative;  
z-index: 1;}.contact-banner .banner__contact-arrow::after {    display: block;    content: "";    width: 3rem;    height: 3rem;    background: #009ADE; 
border-radius: 50%;    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    transform: translateY(-50%);   
left: calc(100% - 2.1rem);}@keyframes fillLine {    to {        stroke-dashoffset: 450;    }}@keyframes fillLineBack {    to {    
stroke-dashoffset: 0;    }}@keyframes fillLineArr {    to {        stroke-dashoffset: 100;    }}@keyframes floatOpacity {    from {   
opacity: 0;    }    to {        opacity: 1;    }}.easymesh__motion {    display: block;    text-align: center;}.easymesh__motion svg { 
height: auto;}.Lm {    stroke-dasharray: 0;    stroke-dashoffset: 20;}.lineAll {    opacity: 0;}.lineAll.active {    opacity: 1;  
transition: 1s;}.lineAll.active .Lm {    stroke-dasharray: 3;    transition: stroke-dasharray 1s;    animation: fillLine 1.5s .7s linear infinite;}.Rm { 
stroke-dasharray: 0;    stroke-dashoffset: 450;}.lineAll.active .Rm {    stroke-dasharray: 3;    transition: stroke-dasharray 1s;  
animation: fillLineBack 1.5s .7s linear infinite;}.lineAll.active .Next {    transition: stroke-dasharray 10s;}.wif { 
opacity: 0;}.lineAll.active .wif {    opacity: 1;    transition: .5s;}.lineAll.active .wif.active {  
animation: floatOpacity .35s alternate infinite;}.solution_wrap { position: relative;max-width:126rem; }
.solution_wrap:after { content:"";display: block;clear: both; }.solution_wrap .box_wrap:after { content:"";display: block;clear: both; }
.solution_wrap .box_wrap.left .box { padding-top:7rem; }.solution_wrap .box_wrap .box { height: 50rem; }
.solution_wrap .box_wrap .box:after { content:"";display: block;clear: both; }
.solution_wrap .box_wrap .box .cir { float: left; position: relative;text-align: center; }
.solution_wrap .box_wrap .box .cir:before { content:"";display: block;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);animation: circlesolution 4s linear infinite; }
.solution_wrap .box_wrap .box .cir:after { content:"";display: block;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);animation: circlesolution 4s 2s linear infinite; }
.solution_wrap .box_wrap .box .cir.one:before { background: url(../../html/images/contents/wifi24_before.png) no-repeat center center/cover; width:20.4rem; height: 20.4rem;z-index: -1; top:48%; }
.solution_wrap .box_wrap .box .cir.two:before { background: url(../../html/images/contents/wifi5_before.png) no-repeat center center/cover; width:25.6rem; height: 25.6rem;z-index: -1;top:45%; }
.solution_wrap .box_wrap .box .cir.three:before { background: url(../../html/images/contents/wifi6_before.png) no-repeat center center/cover; width:41.4rem; height: 41.4rem;z-index: -1;top:50%; }
.solution_wrap .box_wrap .box .cir.one:after { background: url(../../html/images/contents/wifi24_before.png) no-repeat center center/cover; width:20.4rem; height: 20.4rem;z-index: -1; top:48%; }
.solution_wrap .box_wrap .box .cir.two:after { background: url(../../html/images/contents/wifi5_before.png) no-repeat center center/cover; width:25.6rem; height: 25.6rem;z-index: -1;top:45%; }
.solution_wrap .box_wrap .box .cir.three:after { background: url(../../html/images/contents/wifi6_before.png) no-repeat center center/cover; width:41.4rem; height: 41.4rem;z-index: -1;top:50%; }
.solution_wrap .box_wrap .box .cir strong { position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size: 2.4rem; font-weight: 900; color:#fff; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #39C5EC; border: 1.5rem solid #BAEBF9; width: 12.8rem; height: 12.8rem; }
.solution_wrap .box_wrap .box .cir.one strong { top:48%;}.solution_wrap .box_wrap .box .cir.two strong { top:45%; }
.solution_wrap .box_wrap .box .cir.three strong { font-size:4rem; width: 20.4rem; height: 20.4rem; border: 2rem solid #B7E1F8; background: #1D9ADD;}
.solution_wrap .box_wrap .box .cir.one { width:20.4rem; max-width:100%; margin-right:2.8rem; }
.solution_wrap .box_wrap .box .cir.two { width:37.3rem; max-width:100%;}.solution_wrap .box_wrap .box .cir.three { width:45.4rem;  max-width:100%;}
.solution_wrap .box_wrap .box_info { width: 39.7rem;margin: 3.8rem auto 0;border: 0.3rem solid #DBDBDB;border-radius: 2.4rem;padding: 2.5rem 3.5rem; max-width:100%;}
.solution_wrap .box_wrap .box_info .bullet li + li {margin-top: .75rem;}.solution_wrap .box_wrap.left {width:60.5rem;float: left; }
.solution_wrap .box_wrap.right {width:45.4rem;float: right; }.solution_wrap .box_wrap.right .box_info .bullet li span { font-weight: 900;color:#1D9ADD; }
.solution_wrap .plus_arr { position: absolute;top:30%;left:55%;transform: translateX(-50%);width:7.8rem; }@media (max-width:1340px){  
.solution_wrap .box_wrap { float: none !important;width:100% !important; }    .solution_wrap .box_wrap .box { text-align: center; }  
.solution_wrap .box_wrap .box .cir { display: inline-block;float: none; }    .solution_wrap .box_wrap.left .box { padding-top:0; }   
.solution_wrap .box_wrap .box { height: auto; }    .solution_wrap .box_wrap .box .cir.one { margin-right:0;margin-bottom:2rem; }   
.solution_wrap .box_wrap .box .cir.two {width: 40.3rem;}   
.solution_wrap .plus_arr { position: relative;top:auto;left:auto;transform:none;margin:4rem auto 4rem; }}@media (max-width:540px) {   
.solution_wrap .box_wrap .box .cir.one img {    
width: 10rem; 
}}
/* 220603 privacy policy */
.privacy {  
width: 100%;  
max-width: 1000px;   
margin: 0 auto;}.privacy > p {    margin: 2.4rem 0;}.privacy .border_box {    border: 1px solid #ccc;  
padding: 2rem;    text-align: center;}.privacy .privacy_title {    font-weight: 900;    font-size: 2rem; 
margin-top: 4rem;}.privacy .privacy-list ul li {    list-style-type: decimal;    margin-left: 2rem;    margin-top: 1rem;}
/*테이블*/
.privacy .table table {position:relative; border-collapse:collapse; width:100%; border-top:2px solid #333; letter-spacing:-0.05em; table-layout:fixed;}
.privacy .table table thead th {background:#f5f6f9; color:#3e3e3e; padding:1.6rem 1.2rem; border:1px solid #c6c6c6; border-left:0; border-right:1px solid #d5d5d5; text-align:center; word-break:keep-all; word-wrap:break-word;}
.privacy .table table tbody th {background:#f5f6f9; padding:1.2rem; border-bottom:1px solid #c6c6c6; border-right:1px solid #d5d5d5;font-weight:400; color:#4f565b; text-align:center;}
.privacy .table table td {background:#fff; padding:1.2rem; border:1px solid #c6c6c6; border-right:1px solid #d5d5d5; border-left:0;border-top:0; text-align:center; font-weight:300; color:#4b4b4b; word-break:keep-all; word-wrap:break-word;}
.privacy .table table td .point_yellow {    
/*background: yellow;*/  
/*padding: 0.5rem;*/
}.privacy .table table td:last-child { border-right:0 !important; }
.privacy .table table tr th:last-child {border-right:0 !important;}@-webkit-keyframes circlesolution { 
from {        -webkit-transform: translate(-50%, -50%) scale(0);        transform: translate(-50%, -50%) scale(0);        opacity: 1;    }    to {    
-webkit-transform: translate(-50%, -50%) scale(2);        transform: translate(-50%, -50%) scale(2);        opacity: 0;  
}}@keyframes circlesolution {    from {        -webkit-transform: translate(-50%, -50%) scale(0);        transform: translate(-50%, -50%) scale(0); 
opacity: 1;    }    to {        -webkit-transform: translate(-50%, -50%) scale(2);        transform: translate(-50%, -50%) scale(2);   
opacity: 0;    }}/* 채용 */.recruit-area {    padding: 0 0 10.3rem;    word-break: keep-all;}.recruit-area .bullet { 
letter-spacing: -.02em;}.recruit-area .bullet li + li {    margin-top: .6rem;}.center-title {    display: flex; 
flex-direction: column;    gap :4rem;    margin-bottom: 9.8rem;    align-items: center;    text-align: center;}.center-title-topic { 
color: #009ADE;    font-size: 5rem;    font-weight: 700;}.center-title-desc {    font-size:3rem;    font-weight: 700;    color: #000; 
line-height: 1.5;}.center-title-desc.type2 {    font-size: 4rem;}.center-title-desc span {    display: block;    font-size: 2.4rem;    color: #636363;  
font-weight: 400;    margin-top: 2rem;}.recruit-people {    display: flex;    flex-direction: column;    gap :16.4rem;}.recruit-people-item {  
display: flex;    gap :8rem;    align-items: flex-end;}.recruit-people-item  > div {    flex: 1;}.recruit-people-image {    height: 44.6rem;  
overflow: hidden;    padding-bottom: 4.6rem;    position: relative;    z-index: 1;}.recruit-people-image img {    width: 100%;    height: 100%;  
object-fit: cover;}.recruit-people-info {    display: flex;    flex-direction: column;}.recruit-people-info-title {    display: flex;   
align-items: flex-end;    gap : 2rem;    justify-content: space-between;}.recruit-people-info-title-text {    display: flex;  
flex-direction: column;    gap :1rem;    padding-bottom: 1.4rem;}.recruit-people-info-title-text span {    font-size: 2rem;   
color: #B7B7B7;}.recruit-people-info-title-text strong {    font-size: 3.2rem;    color: #009ADE;    font-weight: 700;}.recruit-people-info-title-icon {
width: 8rem;    padding-bottom: 1rem;    border-bottom: .6rem solid #009ADE;}.recruit-people-info-title-icon img {  
width: 100%;}.recruit-people-info-desc {    padding: 3rem 0;    min-height: 25rem;    position: relative;    font-size: 2.2rem;    color: #636363; 
line-height: 1.54;}.recruit-people-info-desc::before {    display: block;    content: "";    width: calc(100% + 8rem + 16rem);    height: 100%;   
z-index: -1;    background: #F6F6F6;    border-top: 2px solid #009ADE;    position: absolute;    top: 0;    right: 0;}.recruit-life {    display: flex;  
flex-direction: column;    gap: 20rem;}.recruit-life-title {    display: block;    text-align: center;    padding-bottom: 2.5rem;  
border-bottom: 1px solid #B7B7B7;    position: relative;    margin-bottom: 6.8rem;    font-size: 4rem;    font-weight: 700;}.recruit-life-title::before {    display: block; 
content: "";    width: 1.2rem;    height: 1.2rem;    background: #009ADE;    border-radius: 50%;    left: 0;    right: 0;    bottom: -.6rem; 
margin: 0 auto;    position: absolute;}.recruit-life-culture {    display: flex;    flex-direction: column;    gap: 10rem;   }.recruit-life-box { 
display: flex;}.recruit-life-box:nth-of-type(even) {    flex-direction: row-reverse;}.recruit-life-box-image {    width: calc(50% - 4rem);  
overflow: hidden;}.recruit-life-box-image img {    width: 100%;}.recruit-life-box-image.recruit-life-box-image-large img {    height: 100%; 
object-fit: cover;}.recruit-life-box-text {    width: calc(50% + 4rem);    padding:0 8rem;    display: flex;    flex-direction: column;}
.recruit-life-box-text > span {    font-family: 'Play';    font-size: 10rem;    color: #E5E5E5;    font-weight: 700;    margin-bottom: 2rem; 
line-height: 1.2;}.recruit-life-box-text > strong {    font-size: 3rem;    line-height: 1.3;    color: #000000;    font-weight: 700; 
margin-bottom: 4rem;}.recruit-life-box-text > strong b {    color: #009ADE;}.recruit-life-box-text > strong br {    display: block;}
.recruit-life-box-text > p {    color: #343434;    line-height: 2.8rem;    font-size: 1.8rem;}.recruit-life-box-text > p + p {   
margin-top: 2rem;}.recruit-life-box-text  .bullet {    color: #009ADE;}.recruit-life-box-text  .bullet li::before {    background: #009ADE;}
.recruit-life-box-esg {    margin-top: 2rem;    display: flex;    flex-direction: column;    gap: 2rem;}.recruit-life-box-esg > li {  
display: flex;    gap : 3rem;    align-items: center;}.recruit-life-box-esg .bullet {    margin-top: 1rem;}.recruit-life-box-esg .bullet li { 
color: #343434;    letter-spacing: -0.02em;}.recruit-life-box-esg .bullet li::before {    background: #343434;}.recruit-life-box-esg-image { 
width: 10.5rem;}.recruit-life-box-esg-image img {    width: 100%;}.recruit-life-box-esg-text-title {    display: flex;    align-items: center;}
.recruit-life-box-esg-text-title strong {    margin-right: 1rem;    font-size: 1.8rem;    font-weight: 700;}.recruit-life-box-esg-text-title span {
color: #B7B7B7;    font-size: 1.6rem;}.recruit-life-box-esg1 .recruit-life-box-esg-text-title strong {   
color: #39C5EC;}.recruit-life-box-esg2 .recruit-life-box-esg-text-title strong {    color: #009ADE;}
.recruit-life-box-esg3 .recruit-life-box-esg-text-title strong {    color: #2F396D;}.recruit-life-benefit {    display: flex; 
flex-wrap: wrap;    gap : 4rem;    justify-content: center;}.recruit-life-card {    width: calc(33.3333% - 4rem * 2 / 3);    border: 1px solid #E5E5E5; 
padding: 0 4rem 6rem;    border-bottom: 2px solid #009ADE;}.recruit-life-card .bullet {    margin: 0;}.recruit-life-card-title {    height: 14rem; 
display: flex;    align-items: center;    justify-content: center;    gap : 3rem}.recruit-life-card-title strong {    font-size: 2.8rem;  
color: #009ADE;}.recruit-life-card-title span {    height: 5.9rem;}.recruit-life-card-title span.alignIcon {    margin-top: -.5rem;}
.recruit-life-card-title span img {    height: 100%;}.recruit-map {    position: relative;    padding: 7.2rem 0;    margin-bottom: 20rem;}
.recruit-map::before {    display: block;    content: "";    width: 100vw;    height: 100%;    position: absolute;    left: 50%; 
transform: translateX(-50%);    top: 0;    z-index: -1;    background: #fcfcfc;}.recruit-area .tbl_board td a {    padding: 0 2rem;  
display: block;}@media (max-width:1280px) {    .recruit-life {        gap : 12rem    }    .recruit-life-box:nth-of-type(even) .recruit-life-box-text { 
padding-left: 0;    }    .recruit-life-box-text > span {        font-size: 8rem;    }    .recruit-life-box-text > p br {        display: none;    }  
.center-title {        gap : 2rem;        margin-bottom: 6rem;    }    .recruit-people{        gap : 10rem;    }    .recruit-map {      
margin-bottom: 12rem;    }}@media (max-width:1024px) {    .center-title strong {        font-size: 4rem;    }    .center-title-desc {   
font-size: 2.5rem !important;    }    .recruit-people-item {         gap: 4rem;    }    .recruit-people-info-title-text strong {      
font-size: 3rem;    }    .recruit-people-info-desc{        font-size: 2rem;    }    .recruit-life-box-image {        width: calc(50% - 2rem);    } 
.recruit-life-box-text{        width: calc(50% + 2rem);        padding: 0 4rem;    }    .recruit-life-box-text > strong {        margin-bottom: 2rem;  
font-size: 2.8rem;    }    .recruit-life-box-text > span {        font-size: 7rem;    }    .recruit-life-card {        width: calc(50% - 4rem / 2); 
}}@media (max-width:768px) {    .recruit-area {        padding: 0 0 6rem;    }    .center-title-desc span {        font-size: 2.2rem;     
margin-top: 1rem;    }    .recruit-people {        width: 50rem;        margin: 0 auto;        max-width: 100%;        gap : 6rem;    }  
.recruit-people-item {        flex-direction: column;        gap : 3rem;    }    .recruit-people-image{        height: auto;        width: 100%;  
padding-bottom: 0;    }    .recruit-people-info {        position: relative;    }    .recruit-people-info-desc {        position: relative;    
padding: 3rem;        min-height: 0;    }    .recruit-people-info-desc::before{        height: 100%;        width: 100%;    }    .recruit-life-culture { 
width: 50rem;        margin: 0 auto;        max-width: 100%;        gap : 6rem;    }    .recruit-life-box {        flex-direction: column !important; 
}    .recruit-life-box-image {        width: 100%;        margin-bottom: 3rem;    }    .recruit-life-box-text {        padding: 0;        width: 100%; 
}    .recruit-life-box-text > span {        display: none;    }    .recruit-life-benefit {        flex-direction: column;    }   
.recruit-life-benefit {        width: 50rem;        margin: 0 auto;        max-width: 100%;    }    .recruit-life-card {        width: 100%;   
padding-bottom: 0 4rem 4rem;    }    .recruit-map {      
margin-bottom: 4rem;  
}}

/* /html/js/textillate/assets/animate.css */

-webkit-backface-visibility: hidden;}.animated {-webkit-animation-duration: 1s;   -moz-animation-duration: 1s;     -o-animation-duration: 1s;     
animation-duration: 1s;-webkit-animation-fill-mode: both;   -moz-animation-fill-mode: both;     -o-animation-fill-mode: both;     
animation-fill-mode: both;}.animated.hinge {-webkit-animation-duration: 2s;   -moz-animation-duration: 2s; 
-o-animation-duration: 2s;   
animation-duration: 2s;}@-webkit-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}@-moz-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}
@-o-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}@keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}
.flash {-webkit-animation-name: flash;-moz-animation-name: flash;-o-animation-name: flash;animation-name: flash;}
@-webkit-keyframes shake {0%, 100% {-webkit-transform: translateX(0);}10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}}
@-moz-keyframes shake {0%, 100% {-moz-transform: translateX(0);}10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}}
@-o-keyframes shake {0%, 100% {-o-transform: translateX(0);}10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}20%, 40%, 60%, 80% {-o-transform: translateX(10px);}}
@keyframes shake {0%, 100% {transform: translateX(0);}10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}20%, 40%, 60%, 80% {transform: translateX(10px);}}
.shake {-webkit-animation-name: shake;-moz-animation-name: shake;-o-animation-name: shake;animation-name: shake;}
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}40% {-webkit-transform: translateY(-30px);}60% {-webkit-transform: translateY(-15px);}}
@-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}40% {-moz-transform: translateY(-30px);}60% {-moz-transform: translateY(-15px);}}
@-o-keyframes bounce {0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}40% {-o-transform: translateY(-30px);}60% {-o-transform: translateY(-15px);}}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}40% {transform: translateY(-30px);}60% {transform: translateY(-15px);}}
.bounce {-webkit-animation-name: bounce;-moz-animation-name: bounce;-o-animation-name: bounce;animation-name: bounce;}
@-webkit-keyframes tada {0% {-webkit-transform: scale(1);}10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}100% {-webkit-transform: scale(1) rotate(0);}}
@-moz-keyframes tada {0% {-moz-transform: scale(1);}10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}100% {-moz-transform: scale(1) rotate(0);}}@-o-keyframes tada {0% {-o-transform: scale(1);}10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}100% {-o-transform: scale(1) rotate(0);}}
@keyframes tada {0% {transform: scale(1);}10%, 20% {transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}100% {transform: scale(1) rotate(0);}}
.tada {-webkit-animation-name: tada;-moz-animation-name: tada;-o-animation-name: tada;animation-name: tada;}@-webkit-keyframes swing {20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }20% { -webkit-transform: rotate(15deg); }40% { -webkit-transform: rotate(-10deg); }60% { -webkit-transform: rotate(5deg); }80% { -webkit-transform: rotate(-5deg); }100% { -webkit-transform: rotate(0deg); }}
@-moz-keyframes swing {20% { -moz-transform: rotate(15deg); }40% { -moz-transform: rotate(-10deg); }60% { -moz-transform: rotate(5deg); }80% { -moz-transform: rotate(-5deg); }100% { -moz-transform: rotate(0deg); }}
@-o-keyframes swing {20% { -o-transform: rotate(15deg); }40% { -o-transform: rotate(-10deg); }60% { -o-transform: rotate(5deg); }80% { -o-transform: rotate(-5deg); }100% { -o-transform: rotate(0deg); }}
@keyframes swing {20% { transform: rotate(15deg); }40% { transform: rotate(-10deg); }60% { transform: rotate(5deg); }80% { transform: rotate(-5deg); }100% { transform: rotate(0deg); }}
.swing {-webkit-transform-origin: top center;-moz-transform-origin: top center;-o-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;-moz-animation-name: swing;-o-animation-name: swing;animation-name: swing;}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 
0% { -webkit-transform: translateX(0%); }  
15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
30% { -webkit-transform: translateX(20%) rotate(3deg); } 
45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
60% { -webkit-transform: translateX(10%) rotate(2deg); } 
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }  
100% { -webkit-transform: translateX(0%); }}
@-moz-keyframes wobble { 
0% { -moz-transform: translateX(0%); } 
15% { -moz-transform: translateX(-25%) rotate(-5deg); } 
30% { -moz-transform: translateX(20%) rotate(3deg); } 
45% { -moz-transform: translateX(-15%) rotate(-3deg); } 
60% { -moz-transform: translateX(10%) rotate(2deg); } 
75% { -moz-transform: translateX(-5%) rotate(-1deg); } 
100% { -moz-transform: translateX(0%); }}
@-o-keyframes wobble { 
0% { -o-transform: translateX(0%); } 
15% { -o-transform: translateX(-25%) rotate(-5deg); } 
30% { -o-transform: translateX(20%) rotate(3deg); } 
45% { -o-transform: translateX(-15%) rotate(-3deg); } 
60% { -o-transform: translateX(10%) rotate(2deg); } 
75% { -o-transform: translateX(-5%) rotate(-1deg); } 
100% { -o-transform: translateX(0%); }}
@keyframes wobble { 
0% { transform: translateX(0%); } 
15% { transform: translateX(-25%) rotate(-5deg); } 
30% { transform: translateX(20%) rotate(3deg); } 
45% { transform: translateX(-15%) rotate(-3deg); } 
60% { transform: translateX(10%) rotate(2deg); } 
75% { transform: translateX(-5%) rotate(-1deg); } 
100% { transform: translateX(0%); }}
.wobble {-webkit-animation-name: wobble;-moz-animation-name: wobble;-o-animation-name: wobble;animation-name: wobble;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { 
0% { -webkit-transform: scale(1); }50% { -webkit-transform: scale(1.1); }  
100% { -webkit-transform: scale(1); }}@-moz-keyframes pulse {  
0% { -moz-transform: scale(1); }50% { -moz-transform: scale(1.1); }  
100% { -moz-transform: scale(1); }}@-o-keyframes pulse { 
0% { -o-transform: scale(1); }50% { -o-transform: scale(1.1); }  
100% { -o-transform: scale(1); }}@keyframes pulse {  
0% { transform: scale(1); }50% { transform: scale(1.1); }  
100% { transform: scale(1); }}
.pulse {-webkit-animation-name: pulse;-moz-animation-name: pulse;-o-animation-name: pulse;animation-name: pulse;}
@-webkit-keyframes flip {0% {-webkit-transform: perspective(400px) rotateY(0);-webkit-animation-timing-function: ease-out;}
40% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function: ease-out;}
50% {-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function: ease-in;}
80% {-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function: ease-in;}
100% {-webkit-transform: perspective(400px) scale(1);-webkit-animation-timing-function: ease-in;}}
@-moz-keyframes flip {0% {-moz-transform: perspective(400px) rotateY(0);-moz-animation-timing-function: ease-out;}
40% {-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function: ease-out;}
50% {-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function: ease-in;}
80% {-moz-transform: perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function: ease-in;}
100% {-moz-transform: perspective(400px) scale(1);-moz-animation-timing-function: ease-in;}}
@-o-keyframes flip {0% {-o-transform: perspective(400px) rotateY(0);-o-animation-timing-function: ease-out;}
40% {-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function: ease-out;}
50% {-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function: ease-in;}
80% {-o-transform: perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function: ease-in;}
100% {-o-transform: perspective(400px) scale(1);-o-animation-timing-function: ease-in;}}
@keyframes flip {0% {transform: perspective(400px) rotateY(0);animation-timing-function: ease-out;}
40% {transform: perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function: ease-out;}
50% {transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function: ease-in;}
80% {transform: perspective(400px) rotateY(360deg) scale(.95);animation-timing-function: ease-in;}
100% {transform: perspective(400px) scale(1);animation-timing-function: ease-in;}}
.flip {-webkit-backface-visibility: visible !important;-webkit-animation-name: flip;-moz-backface-visibility: visible !important;-moz-animation-name: flip;-o-backface-visibility: visible !important;-o-animation-name: flip;backface-visibility: visible !important;animation-name: flip;}
@-webkit-keyframes flipInX {   
0% {    
-webkit-transform: perspective(400px) rotateX(90deg);     
opacity: 0;   
}    
40% {     
-webkit-transform: perspective(400px) rotateX(-10deg);  
}      
70% {  
-webkit-transform: perspective(400px) rotateX(10deg);  
}     
100% {    
-webkit-transform: perspective(400px) rotateX(0deg);   
opacity: 1;   
}}@-moz-keyframes flipInX {  
0% {      
-moz-transform: perspective(400px) rotateX(90deg);  
opacity: 0;  
}     
40% {     
-moz-transform: perspective(400px) rotateX(-10deg);  
}   
70% {    
-moz-transform: perspective(400px) rotateX(10deg); 
}       
100% {     
-moz-transform: perspective(400px) rotateX(0deg);     
opacity: 1;  
}}@-o-keyframes flipInX {  
0% {    
-o-transform: perspective(400px) rotateX(90deg);     
opacity: 0;  
}  
40% {      
-o-transform: perspective(400px) rotateX(-10deg);  
}    
70% {       
-o-transform: perspective(400px) rotateX(10deg);  
}      
100% {  
-o-transform: perspective(400px) rotateX(0deg);   
opacity: 1;
}}@keyframes flipInX {  
0% {   
transform: perspective(400px) rotateX(90deg);   
opacity: 0; 
}      
40% {     
transform: perspective(400px) rotateX(-10deg);  
}   
70% {   
transform: perspective(400px) rotateX(10deg);   
}       
100% {      
transform: perspective(400px) rotateX(0deg);    
opacity: 1;  
}}
.flipInX {-webkit-backface-visibility: visible !important;-webkit-animation-name: flipInX;-moz-backface-visibility: visible !important;-moz-animation-name: flipInX;-o-backface-visibility: visible !important;-o-animation-name: flipInX;backface-visibility: visible !important;animation-name: flipInX;}
@-webkit-keyframes flipOutX { 
0% {    
-webkit-transform: perspective(400px) rotateX(0deg);     
opacity: 1;   
}100% {      
-webkit-transform: perspective(400px) rotateX(90deg);     
opacity: 0;   
}}@-moz-keyframes flipOutX { 
0% {   
-moz-transform: perspective(400px) rotateX(0deg);     
opacity: 1; 
}100% {  
-moz-transform: perspective(400px) rotateX(90deg);    
opacity: 0;  
}}@-o-keyframes flipOutX { 
0% {    
-o-transform: perspective(400px) rotateX(0deg);   
opacity: 1;  
}100% {    
-o-transform: perspective(400px) rotateX(90deg);     
opacity: 0;  
}}@keyframes flipOutX { 
0% {    
transform: perspective(400px) rotateX(0deg);    
opacity: 1;  
}100% {   
transform: perspective(400px) rotateX(90deg);   
opacity: 0;  
}}
.flipOutX {-webkit-animation-name: flipOutX;-webkit-backface-visibility: visible !important;-moz-animation-name: flipOutX;-moz-backface-visibility: visible !important;-o-animation-name: flipOutX;-o-backface-visibility: visible !important;animation-name: flipOutX;backface-visibility: visible !important;}
@-webkit-keyframes flipInY { 
0% {    
-webkit-transform: perspective(400px) rotateY(90deg);    
opacity: 0;   
}  
40% {     
-webkit-transform: perspective(400px) rotateY(-10deg);  
}     
70% {     
-webkit-transform: perspective(400px) rotateY(10deg);   
}      
100% {      
-webkit-transform: perspective(400px) rotateY(0deg);    
opacity: 1;  
}}@-moz-keyframes flipInY {  
0% {      
-moz-transform: perspective(400px) rotateY(90deg);     
opacity: 0; 
}    
40% {     
-moz-transform: perspective(400px) rotateY(-10deg); 
}     
70% {      
-moz-transform: perspective(400px) rotateY(10deg);  
}  
100% {      
-moz-transform: perspective(400px) rotateY(0deg);     
opacity: 1;  
}}@-o-keyframes flipInY {   
0% {     
-o-transform: perspective(400px) rotateY(90deg);    
opacity: 0; 
}    
40% {    
-o-transform: perspective(400px) rotateY(-10deg); 
}       
70% {    
-o-transform: perspective(400px) rotateY(10deg); 
}      
100% {     
-o-transform: perspective(400px) rotateY(0deg);  
opacity: 1;   
}}@keyframes flipInY {   
0% {    
transform: perspective(400px) rotateY(90deg);    
opacity: 0; 
}   
40% {    
transform: perspective(400px) rotateY(-10deg);  
}    
70% {     
transform: perspective(400px) rotateY(10deg);  
}      
100% {     
transform: perspective(400px) rotateY(0deg);      

opacity: 1;   
}}
.flipInY {-webkit-backface-visibility: visible !important;-webkit-animation-name: flipInY;-moz-backface-visibility: visible !important;-moz-animation-name: flipInY;-o-backface-visibility: visible !important;-o-animation-name: flipInY;backface-visibility: visible !important;animation-name: flipInY;}
@-webkit-keyframes flipOutY {  
0% {     
-webkit-transform: perspective(400px) rotateY(0deg);    
opacity: 1;  
}100% {     
-webkit-transform: perspective(400px) rotateY(90deg);      
opacity: 0;  
}}@-moz-keyframes flipOutY { 
0% {   
-moz-transform: perspective(400px) rotateY(0deg);      
opacity: 1;  
}100% {    
-moz-transform: perspective(400px) rotateY(90deg);   
opacity: 0;   
}}@-o-keyframes flipOutY { 
0% {      
 -o-transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
}100% {    
-o-transform: perspective(400px) rotateY(90deg);   
opacity: 0;  
}}@keyframes flipOutY { 
0% {       
transform: perspective(400px) rotateY(0deg);   
opacity: 1;  
}100% {    
transform: perspective(400px) rotateY(90deg);    
opacity: 0;  
}}
.flipOutY {-webkit-backface-visibility: visible !important;-webkit-animation-name: flipOutY;-moz-backface-visibility: visible !important;-moz-animation-name: flipOutY;-o-backface-visibility: visible !important;-o-animation-name: flipOutY;backface-visibility: visible !important;animation-name: flipOutY;}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn {-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInUp {0% {opacity: 0;-moz-transform: translateY(20px);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInUp {0% {opacity: 0;-o-transform: translateY(20px);}100% {opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInUp {0% {opacity: 0;transform: translateY(20px);}100% {opacity: 1;transform: translateY(0);}}
.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInDown {0% {opacity: 0;-moz-transform: translateY(-20px);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInDown {0% {opacity: 0;-o-transform: translateY(-20px);}100% {opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInDown {0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}}
.fadeInDown {-webkit-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-o-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translateX(-20px);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInLeft {0% {opacity: 0;-moz-transform: translateX(-20px);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInLeft {0% {opacity: 0;-o-transform: translateX(-20px);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-20px);}100% {opacity: 1;transform: translateX(0);}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;-moz-animation-name: fadeInLeft;-o-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(20px);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInRight {0% {opacity: 0;-moz-transform: translateX(20px);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInRight {0% {opacity: 0;-o-transform: translateX(20px);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInRight {0% {opacity: 0;transform: translateX(20px);}100% {opacity: 1;transform: translateX(0);}}
.fadeInRight {-webkit-animation-name: fadeInRight;-moz-animation-name: fadeInRight;-o-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInUpBig {0% {opacity: 0;-webkit-transform: translateY(2000px);}100% {opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInUpBig {0% {opacity: 0;-moz-transform: translateY(2000px);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInUpBig {0% {opacity: 0;-o-transform: translateY(2000px);}100% {opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInUpBig {0% {opacity: 0;transform: translateY(2000px);}100% {opacity: 1;transform: translateY(0);}}
.fadeInUpBig {-webkit-animation-name: fadeInUpBig;-moz-animation-name: fadeInUpBig;-o-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}
@-webkit-keyframes fadeInDownBig {0% {opacity: 0;-webkit-transform: translateY(-2000px);}100% {opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInDownBig {0% {opacity: 0;-moz-transform: translateY(-2000px);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInDownBig {0% {opacity: 0;-o-transform: translateY(-2000px);}100% {opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInDownBig {0% {opacity: 0;transform: translateY(-2000px);}100% {opacity: 1;transform: translateY(0);}}
.fadeInDownBig {-webkit-animation-name: fadeInDownBig;-moz-animation-name: fadeInDownBig;-o-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}
@-webkit-keyframes fadeInLeftBig {0% {opacity: 0;-webkit-transform: translateX(-2000px);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInLeftBig {0% {opacity: 0;-moz-transform: translateX(-2000px);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInLeftBig {0% {opacity: 0;-o-transform: translateX(-2000px);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInLeftBig {0% {opacity: 0;transform: translateX(-2000px);}100% {opacity: 1;transform: translateX(0);}}
.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;-moz-animation-name: fadeInLeftBig;-o-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}
@-webkit-keyframes fadeInRightBig {0% {opacity: 0;-webkit-transform: translateX(2000px);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInRightBig {0% {opacity: 0;-moz-transform: translateX(2000px);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInRightBig {0% {opacity: 0;-o-transform: translateX(2000px);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInRightBig {0% {opacity: 0;transform: translateX(2000px);}100% {opacity: 1;transform: translateX(0);}}
.fadeInRightBig {-webkit-animation-name: fadeInRightBig;-moz-animation-name: fadeInRightBig;-o-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@-moz-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@-o-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
.fadeOut {-webkit-animation-name: fadeOut;-moz-animation-name: fadeOut;-o-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOutUp {0% {opacity: 1;-webkit-transform: translateY(0);}100% {opacity: 0;-webkit-transform: translateY(-20px);}}
@-moz-keyframes fadeOutUp {0% {opacity: 1;-moz-transform: translateY(0);}100% {opacity: 0;-moz-transform: translateY(-20px);}}
@-o-keyframes fadeOutUp {0% {opacity: 1;-o-transform: translateY(0);}100% {opacity: 0;-o-transform: translateY(-20px);}}
@keyframes fadeOutUp {0% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(-20px);}}
.fadeOutUp {-webkit-animation-name: fadeOutUp;-moz-animation-name: fadeOutUp;-o-animation-name: fadeOutUp;animation-name: fadeOutUp;}
@-webkit-keyframes fadeOutDown {0% {opacity: 1;-webkit-transform: translateY(0);}100% {opacity: 0;-webkit-transform: translateY(20px);}}
@-moz-keyframes fadeOutDown {0% {opacity: 1;-moz-transform: translateY(0);}100% {opacity: 0;-moz-transform: translateY(20px);}}
@-o-keyframes fadeOutDown {0% {opacity: 1;-o-transform: translateY(0);}100% {opacity: 0;-o-transform: translateY(20px);}}
@keyframes fadeOutDown {0% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(20px);}}
.fadeOutDown {-webkit-animation-name: fadeOutDown;-moz-animation-name: fadeOutDown;-o-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@-webkit-keyframes fadeOutLeft {0% {opacity: 1;-webkit-transform: translateX(0);}100% {opacity: 0;-webkit-transform: translateX(-20px);}}
@-moz-keyframes fadeOutLeft {0% {opacity: 1;-moz-transform: translateX(0);}100% {opacity: 0;-moz-transform: translateX(-20px);}}
@-o-keyframes fadeOutLeft {0% {opacity: 1;-o-transform: translateX(0);}100% {opacity: 0;-o-transform: translateX(-20px);}}
@keyframes fadeOutLeft {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(-20px);}}
.fadeOutLeft {-webkit-animation-name: fadeOutLeft;-moz-animation-name: fadeOutLeft;-o-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}
@-webkit-keyframes fadeOutRight {0% {opacity: 1;-webkit-transform: translateX(0);}100% {opacity: 0;-webkit-transform: translateX(20px);}}
@-moz-keyframes fadeOutRight {0% {opacity: 1;-moz-transform: translateX(0);}100% {opacity: 0;-moz-transform: translateX(20px);}}
@-o-keyframes fadeOutRight {0% {opacity: 1;-o-transform: translateX(0);}100% {opacity: 0;-o-transform: translateX(20px);}}
@keyframes fadeOutRight {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(20px);}}
.fadeOutRight {-webkit-animation-name: fadeOutRight;-moz-animation-name: fadeOutRight;-o-animation-name: fadeOutRight;animation-name: fadeOutRight;}
@-webkit-keyframes fadeOutUpBig {0% {opacity: 1;-webkit-transform: translateY(0);}100% {opacity: 0;-webkit-transform: translateY(-2000px);}}
@-moz-keyframes fadeOutUpBig {0% {opacity: 1;-moz-transform: translateY(0);}100% {opacity: 0;-moz-transform: translateY(-2000px);}}
@-o-keyframes fadeOutUpBig {0% {opacity: 1;-o-transform: translateY(0);}100% {opacity: 0;-o-transform: translateY(-2000px);}}
@keyframes fadeOutUpBig {0% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(-2000px);}}
.fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;-moz-animation-name: fadeOutUpBig;-o-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}
@-webkit-keyframes fadeOutDownBig {0% {opacity: 1;-webkit-transform: translateY(0);}100% {opacity: 0;-webkit-transform: translateY(2000px);}}
@-moz-keyframes fadeOutDownBig {0% {opacity: 1;-moz-transform: translateY(0);}100% {opacity: 0;-moz-transform: translateY(2000px);}}
@-o-keyframes fadeOutDownBig {0% {opacity: 1;-o-transform: translateY(0);}100% {opacity: 0;-o-transform: translateY(2000px);}}
@keyframes fadeOutDownBig {0% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(2000px);}}
.fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;-moz-animation-name: fadeOutDownBig;-o-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}
@-webkit-keyframes fadeOutLeftBig {0% {opacity: 1;-webkit-transform: translateX(0);}100% {opacity: 0;-webkit-transform: translateX(-2000px);}}
@-moz-keyframes fadeOutLeftBig {0% {opacity: 1;-moz-transform: translateX(0);}100% {opacity: 0;-moz-transform: translateX(-2000px);}}
@-o-keyframes fadeOutLeftBig {0% {opacity: 1;-o-transform: translateX(0);}100% {opacity: 0;-o-transform: translateX(-2000px);}}
@keyframes fadeOutLeftBig {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(-2000px);}}
.fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;-moz-animation-name: fadeOutLeftBig;-o-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}
@-webkit-keyframes fadeOutRightBig {0% {opacity: 1;-webkit-transform: translateX(0);}100% {opacity: 0;-webkit-transform: translateX(2000px);}}
@-moz-keyframes fadeOutRightBig {0% {opacity: 1;-moz-transform: translateX(0);}100% {opacity: 0;-moz-transform: translateX(2000px);}}
@-o-keyframes fadeOutRightBig {0% {opacity: 1;-o-transform: translateX(0);}100% {opacity: 0;-o-transform: translateX(2000px);}}
@keyframes fadeOutRightBig {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(2000px);}}
.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;-moz-animation-name: fadeOutRightBig;-o-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}
@-webkit-keyframes bounceIn {
0% {opacity: 0;-webkit-transform: scale(.3);}
50% {opacity: 1;-webkit-transform: scale(1.05);}
70% {-webkit-transform: scale(.9);}
100% {-webkit-transform: scale(1);}}
@-moz-keyframes bounceIn {
0% {opacity: 0;-moz-transform: scale(.3);}
50% {opacity: 1;-moz-transform: scale(1.05);}
70% {-moz-transform: scale(.9);}
100% {-moz-transform: scale(1);}}
@-o-keyframes bounceIn {
0% {opacity: 0;-o-transform: scale(.3);}
50% {opacity: 1;-o-transform: scale(1.05);}
70% {-o-transform: scale(.9);}
100% {-o-transform: scale(1);}}
@keyframes bounceIn {0% {opacity: 0;transform: scale(.3);}50% {opacity: 1;transform: scale(1.05);}70% {transform: scale(.9);}100% {transform: scale(1);}}
.bounceIn {-webkit-animation-name: bounceIn;-moz-animation-name: bounceIn;-o-animation-name: bounceIn;animation-name: bounceIn;}
@-webkit-keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-30px);}
80% {-webkit-transform: translateY(10px);}
100% {-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInUp {
0% {opacity: 0;-moz-transform: translateY(2000px);}
60% {opacity: 1;-moz-transform: translateY(-30px);}
80% {-moz-transform: translateY(10px);}
100% {-moz-transform: translateY(0);}}
@-o-keyframes bounceInUp {
0% {opacity: 0;-o-transform: translateY(2000px);}
60% {opacity: 1;-o-transform: translateY(-30px);}
80% {-o-transform: translateY(10px);}
100% {-o-transform: translateY(0);}}
@keyframes bounceInUp {
0% {opacity: 0;transform: translateY(2000px);}
60% {opacity: 1;transform: translateY(-30px);}
80% {transform: translateY(10px);}
100% {transform: translateY(0);}}
.bounceInUp {-webkit-animation-name: bounceInUp;-moz-animation-name: bounceInUp;-o-animation-name: bounceInUp;animation-name: bounceInUp;}
@-webkit-keyframes bounceInDown {
0% {opacity: 0;-webkit-transform: translateY(-2000px);}
60% {opacity: 1;-webkit-transform: translateY(30px);}
80% {-webkit-transform: translateY(-10px);}
100% {-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInDown {
0% {opacity: 0;-moz-transform: translateY(-2000px);}
60% {opacity: 1;-moz-transform: translateY(30px);}
80% {-moz-transform: translateY(-10px);}
100% {-moz-transform: translateY(0);}}
@-o-keyframes bounceInDown {
0% {opacity: 0;-o-transform: translateY(-2000px);}
60% {opacity: 1;-o-transform: translateY(30px);}
80% {-o-transform: translateY(-10px);}
100% {-o-transform: translateY(0);}}
@keyframes bounceInDown {
0% {opacity: 0;transform: translateY(-2000px);}
60% {opacity: 1;transform: translateY(30px);}
80% {transform: translateY(-10px);}
100% {transform: translateY(0);}}
.bounceInDown {-webkit-animation-name: bounceInDown;-moz-animation-name: bounceInDown;-o-animation-name: bounceInDown;animation-name: bounceInDown;}
@-webkit-keyframes bounceInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);}
60% {opacity: 1;-webkit-transform: translateX(30px);}
80% {-webkit-transform: translateX(-10px);}
100% {-webkit-transform: translateX(0);}}
@-moz-keyframes bounceInLeft {
0% {opacity: 0;-moz-transform: translateX(-2000px);}
60% {opacity: 1;-moz-transform: translateX(30px);}
80% {-moz-transform: translateX(-10px);}
100% {-moz-transform: translateX(0);}}
@-o-keyframes bounceInLeft {
0% {opacity: 0;-o-transform: translateX(-2000px);}
60% {opacity: 1;-o-transform: translateX(30px);}
80% {-o-transform: translateX(-10px);}
100% {-o-transform: translateX(0);}}
@keyframes bounceInLeft {
0% {opacity: 0;transform: translateX(-2000px);}
60% {opacity: 1;transform: translateX(30px);}
80% {transform: translateX(-10px);}
100% {transform: translateX(0);}}
.bounceInLeft {-webkit-animation-name: bounceInLeft;-moz-animation-name: bounceInLeft;-o-animation-name: bounceInLeft;animation-name: bounceInLeft;}
@-webkit-keyframes bounceInRight {
0% {opacity: 0;-webkit-transform: translateX(2000px);}
60% {opacity: 1;-webkit-transform: translateX(-30px);}
80% {-webkit-transform: translateX(10px);}
100% {-webkit-transform: translateX(0);}}
@-moz-keyframes bounceInRight {
0% {opacity: 0;-moz-transform: translateX(2000px);}
60% {opacity: 1;-moz-transform: translateX(-30px);}
80% {-moz-transform: translateX(10px);}
100% {-moz-transform: translateX(0);}}
@-o-keyframes bounceInRight {
0% {opacity: 0;-o-transform: translateX(2000px);}60% {opacity: 1;-o-transform: translateX(-30px);}80% {-o-transform: translateX(10px);}
100% {-o-transform: translateX(0);}}
@keyframes bounceInRight {
0% {opacity: 0;transform: translateX(2000px);}60% {opacity: 1;transform: translateX(-30px);}80% {transform: translateX(10px);}
100% {transform: translateX(0);}}
.bounceInRight {-webkit-animation-name: bounceInRight;-moz-animation-name: bounceInRight;-o-animation-name: bounceInRight;animation-name: bounceInRight;}
@-webkit-keyframes bounceOut {
0% {-webkit-transform: scale(1);}25% {-webkit-transform: scale(.95);}50% {opacity: 1;-webkit-transform: scale(1.1);}
100% {opacity: 0;-webkit-transform: scale(.3);}}
@-moz-keyframes bounceOut {0% {-moz-transform: scale(1);}25% {-moz-transform: scale(.95);}50% {opacity: 1;-moz-transform: scale(1.1);}
100% {opacity: 0;-moz-transform: scale(.3);}}
@-o-keyframes bounceOut {0% {-o-transform: scale(1);}25% {-o-transform: scale(.95);}50% {opacity: 1;-o-transform: scale(1.1);}
100% {opacity: 0;-o-transform: scale(.3);}}
@keyframes bounceOut {0% {transform: scale(1);}25% {transform: scale(.95);}50% {opacity: 1;transform: scale(1.1);}100% {opacity: 0;transform: scale(.3);}}
.bounceOut {-webkit-animation-name: bounceOut;-moz-animation-name: bounceOut;-o-animation-name: bounceOut;animation-name: bounceOut;}
@-webkit-keyframes bounceOutUp {0% {-webkit-transform: translateY(0);}20% {opacity: 1;-webkit-transform: translateY(20px);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);}}
@-moz-keyframes bounceOutUp {0% {-moz-transform: translateY(0);}20% {opacity: 1;-moz-transform: translateY(20px);}
100% {opacity: 0;-moz-transform: translateY(-2000px);}}
@-o-keyframes bounceOutUp {0% {-o-transform: translateY(0);}20% {opacity: 1;-o-transform: translateY(20px);}
100% {opacity: 0;-o-transform: translateY(-2000px);}}
@keyframes bounceOutUp {0% {transform: translateY(0);}20% {opacity: 1;transform: translateY(20px);}100% {opacity: 0;transform: translateY(-2000px);}}
.bounceOutUp {-webkit-animation-name: bounceOutUp;-moz-animation-name: bounceOutUp;-o-animation-name: bounceOutUp;animation-name: bounceOutUp;}
@-webkit-keyframes bounceOutDown {0% {-webkit-transform: translateY(0);}20% {opacity: 1;-webkit-transform: translateY(-20px);}
100% {opacity: 0;-webkit-transform: translateY(2000px);}}
@-moz-keyframes bounceOutDown {0% {-moz-transform: translateY(0);}20% {opacity: 1;-moz-transform: translateY(-20px);}
100% {opacity: 0;-moz-transform: translateY(2000px);}}
@-o-keyframes bounceOutDown {0% {-o-transform: translateY(0);}20% {opacity: 1;-o-transform: translateY(-20px);}
100% {opacity: 0;-o-transform: translateY(2000px);}}
@keyframes bounceOutDown {0% {transform: translateY(0);}20% {opacity: 1;transform: translateY(-20px);}100% {opacity: 0;transform: translateY(2000px);}}
.bounceOutDown {-webkit-animation-name: bounceOutDown;-moz-animation-name: bounceOutDown;-o-animation-name: bounceOutDown;animation-name: bounceOutDown;}
@-webkit-keyframes bounceOutLeft {0% {-webkit-transform: translateX(0);}20% {opacity: 1;-webkit-transform: translateX(20px);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);}}
@-moz-keyframes bounceOutLeft {0% {-moz-transform: translateX(0);}20% {opacity: 1;-moz-transform: translateX(20px);}
100% {opacity: 0;-moz-transform: translateX(-2000px);}}
@-o-keyframes bounceOutLeft {0% {-o-transform: translateX(0);}20% {opacity: 1;-o-transform: translateX(20px);}
100% {opacity: 0;-o-transform: translateX(-2000px);}}
@keyframes bounceOutLeft {0% {transform: translateX(0);}20% {opacity: 1;transform: translateX(20px);}100% {opacity: 0;transform: translateX(-2000px);}}
.bounceOutLeft {-webkit-animation-name: bounceOutLeft;-moz-animation-name: bounceOutLeft;-o-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}
@-webkit-keyframes bounceOutRight {0% {-webkit-transform: translateX(0);}20% {opacity: 1;-webkit-transform: translateX(-20px);}
100% {opacity: 0;-webkit-transform: translateX(2000px);}}
@-moz-keyframes bounceOutRight {0% {-moz-transform: translateX(0);}20% {opacity: 1;-moz-transform: translateX(-20px);}
100% {opacity: 0;-moz-transform: translateX(2000px);}}
@-o-keyframes bounceOutRight {0% {-o-transform: translateX(0);}20% {opacity: 1;-o-transform: translateX(-20px);}
100% {opacity: 0;-o-transform: translateX(2000px);}}
@keyframes bounceOutRight {0% {transform: translateX(0);}20% {opacity: 1;transform: translateX(-20px);}
100% {opacity: 0;transform: translateX(2000px);}}
.bounceOutRight {-webkit-animation-name: bounceOutRight;-moz-animation-name: bounceOutRight;-o-animation-name: bounceOutRight;animation-name: bounceOutRight;}
@-webkit-keyframes rotateIn {0% {-webkit-transform-origin: center center;-webkit-transform: rotate(-200deg);opacity: 0;}100% 
{-webkit-transform-origin: center center;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateIn {0% {-moz-transform-origin: center center;-moz-transform: rotate(-200deg);opacity: 0;}
100% {-moz-transform-origin: center center;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateIn {0% {-o-transform-origin: center center;-o-transform: rotate(-200deg);opacity: 0;}100% 
{-o-transform-origin: center center;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateIn {0% {transform-origin: center center;transform: rotate(-200deg);opacity: 0;}
100% {transform-origin: center center;transform: rotate(0);opacity: 1;}}
.rotateIn {-webkit-animation-name: rotateIn;-moz-animation-name: rotateIn;-o-animation-name: rotateIn;animation-name: rotateIn;}
@-webkit-keyframes rotateInUpLeft {0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}
100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInUpLeft {0% {-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}
100% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInUpLeft {0% {-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}
100% {-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInUpLeft {0% {transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}
100% {transform-origin: left bottom;transform: rotate(0);opacity: 1;}}
.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;-moz-animation-name: rotateInUpLeft;-o-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;}
@-webkit-keyframes rotateInDownLeft {0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0;}100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInDownLeft {0% {-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0;}100% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInDownLeft {0% {-o-transform-origin: left bottom;-o-transform: rotate(-90deg);opacity: 0;}100% {-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInDownLeft {0% {transform-origin: left bottom;transform: rotate(-90deg);opacity: 0;}100% {transform-origin: left bottom;transform: rotate(0);opacity: 1;}}
.rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;-moz-animation-name: rotateInDownLeft;-o-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}
@-webkit-keyframes rotateInUpRight {0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(-90deg);opacity: 0;}100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInUpRight {0% {-moz-transform-origin: right bottom;-moz-transform: rotate(-90deg);opacity: 0;}100% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInUpRight {0% {-o-transform-origin: right bottom;-o-transform: rotate(-90deg);opacity: 0;}100% {-o-transform-origin: right bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInUpRight {0% {transform-origin: right bottom;transform: rotate(-90deg);opacity: 0;}100% {transform-origin: right bottom;transform: rotate(0);opacity: 1;}}
.rotateInUpRight {-webkit-animation-name: rotateInUpRight;-moz-animation-name: rotateInUpRight;-o-animation-name: rotateInUpRight;animation-name: rotateInUpRight;}
@-webkit-keyframes rotateInDownRight {0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(90deg);opacity: 0;}100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInDownRight {0% {-moz-transform-origin: right bottom;-moz-transform: rotate(90deg);opacity: 0;}100% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInDownRight {0% {-o-transform-origin: right bottom;-o-transform: rotate(90deg);opacity: 0;}100% {-o-transform-origin: right bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInDownRight {0% {transform-origin: right bottom;transform: rotate(90deg);opacity: 0;}100% {transform-origin: right bottom;transform: rotate(0);opacity: 1;}}
.rotateInDownRight {-webkit-animation-name: rotateInDownRight;-moz-animation-name: rotateInDownRight;-o-animation-name: rotateInDownRight;animation-name: rotateInDownRight;}
@-webkit-keyframes rotateOut {0% {-webkit-transform-origin: center center;-webkit-transform: rotate(0);opacity: 1;}100% {-webkit-transform-origin: center center;-webkit-transform: rotate(200deg);opacity: 0;}}
@-moz-keyframes rotateOut {0% {-moz-transform-origin: center center;-moz-transform: rotate(0);opacity: 1;}100% {-moz-transform-origin: center center;-moz-transform: rotate(200deg);opacity: 0;}}
@-o-keyframes rotateOut {0% {-o-transform-origin: center center;-o-transform: rotate(0);opacity: 1;}100% {-o-transform-origin: center center;-o-transform: rotate(200deg);opacity: 0;}}
@keyframes rotateOut {0% {transform-origin: center center;transform: rotate(0);opacity: 1;}100% {transform-origin: center center;transform: rotate(200deg);opacity: 0;}}
.rotateOut {-webkit-animation-name: rotateOut;-moz-animation-name: rotateOut;-o-animation-name: rotateOut;animation-name: rotateOut;}
@-webkit-keyframes rotateOutUpLeft {0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0;}}
@-moz-keyframes rotateOutUpLeft {0% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}100% {-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0;}}
@-o-keyframes rotateOutUpLeft {0% {-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}100% {-o-transform-origin: left bottom;-o-transform: rotate(-90deg);opacity: 0;}}
@keyframes rotateOutUpLeft {0% {transform-origin: left bottom;transform: rotate(0);opacity: 1;}100% {transform-origin: left bottom;transform: rotate(-90deg);opacity: 0;}}
.rotateOutUpLeft {-webkit-animation-name: rotateOutUpLeft;-moz-animation-name: rotateOutUpLeft;-o-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;}
@-webkit-keyframes rotateOutDownLeft {0% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}100% {-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}}
@-moz-keyframes rotateOutDownLeft {0% {-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}100% {-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}}
@-o-keyframes rotateOutDownLeft {0% {-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}100% {-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}}
@keyframes rotateOutDownLeft {0% {transform-origin: left bottom;transform: rotate(0);opacity: 1;}100% {transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}}
.rotateOutDownLeft {-webkit-animation-name: rotateOutDownLeft;-moz-animation-name: rotateOutDownLeft;-o-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;}
@-webkit-keyframes rotateOutUpRight {0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1;}100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(90deg);opacity: 0;}}
@-moz-keyframes rotateOutUpRight {0% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1;}100% {-moz-transform-origin: right bottom;-moz-transform: rotate(90deg);opacity: 0;}}
@-o-keyframes rotateOutUpRight {0% {-o-transform-origin: right bottom;-o-transform: rotate(0);opacity: 1;}100% {-o-transform-origin: right bottom;-o-transform: rotate(90deg);opacity: 0;}}
@keyframes rotateOutUpRight {0% {transform-origin: right bottom;transform: rotate(0);opacity: 1;}100% {transform-origin: right bottom;transform: rotate(90deg);opacity: 0;}}
.rotateOutUpRight {-webkit-animation-name: rotateOutUpRight;-moz-animation-name: rotateOutUpRight;-o-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;}
@-webkit-keyframes rotateOutDownRight {0% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(0);opacity: 1;}100% {-webkit-transform-origin: right bottom;-webkit-transform: rotate(-90deg);opacity: 0;}}
@-moz-keyframes rotateOutDownRight {0% {-moz-transform-origin: right bottom;-moz-transform: rotate(0);opacity: 1;}100% {-moz-transform-origin: right bottom;-moz-transform: rotate(-90deg);opacity: 0;}}
@-o-keyframes rotateOutDownRight {0% {-o-transform-origin: right bottom;-o-transform: rotate(0);opacity: 1;}100% {-o-transform-origin: right bottom;-o-transform: rotate(-90deg);opacity: 0;}}
@keyframes rotateOutDownRight {0% {transform-origin: right bottom;transform: rotate(0);opacity: 1;}100% {transform-origin: right bottom;transform: rotate(-90deg);opacity: 0;}}
.rotateOutDownRight {-webkit-animation-name: rotateOutDownRight;-moz-animation-name: rotateOutDownRight;-o-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;}
@-webkit-keyframes hinge {0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }100% { -webkit-transform: translateY(700px); opacity: 0; }}
@-moz-keyframes hinge {0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }100% { -moz-transform: translateY(700px); opacity: 0; }}
@-o-keyframes hinge {0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }100% { -o-transform: translateY(700px); opacity: 0; }}
@keyframes hinge {0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }100% { transform: translateY(700px); opacity: 0; }}
.hinge {-webkit-animation-name: hinge;-moz-animation-name: hinge;-o-animation-name: hinge;animation-name: hinge;}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }}
@-moz-keyframes rollIn {0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }}
@-o-keyframes rollIn {0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }}
@keyframes rollIn {0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }100% { opacity: 1; transform: translateX(0px) rotate(0deg); }}
.rollIn {-webkit-animation-name: rollIn;-moz-animation-name: rollIn;-o-animation-name: rollIn;animation-name: rollIn;}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { 
0% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);}  
100% {opacity: 0;-webkit-transform: translateX(100%) rotate(120deg);}}@-moz-keyframes rollOut {   
0% {opacity: 1;-moz-transform: translateX(0px) rotate(0deg);}  
100% {opacity: 0;-moz-transform: translateX(100%) rotate(120deg);}}@-o-keyframes rollOut {  
0% {opacity: 1;-o-transform: translateX(0px) rotate(0deg);}  
100% {opacity: 0;-o-transform: translateX(100%) rotate(120deg);}}@keyframes rollOut { 
0% {opacity: 1;transform: translateX(0px) rotate(0deg);}  
100% {opacity: 0;transform: translateX(100%) rotate(120deg);}}
.rollOut {-webkit-animation-name: rollOut;-moz-animation-name: rollOut;-o-animation-name: rollOut;animation-name: rollOut;}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }}
@-moz-keyframes lightSpeedIn {0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }}
@-o-keyframes lightSpeedIn {0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }}
@keyframes lightSpeedIn {0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }100% { transform: translateX(0%) skewX(0deg); opacity: 1; }}
.lightSpeedIn {  
-webkit-animation-name: lightSpeedIn;  
-moz-animation-name: lightSpeedIn;   
-o-animation-name: lightSpeedIn;  
animation-name: lightSpeedIn;   
-webkit-animation-timing-function: ease-out;   
-moz-animation-timing-function: ease-out;  
-o-animation-timing-function: ease-out;  
animation-timing-function: ease-out;}
.animated.lightSpeedIn {  
-webkit-animation-duration: 0.5s;  
-moz-animation-duration: 0.5s;  
-o-animation-duration: 0.5s;  
animation-duration: 0.5s;}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {  
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }}
@-moz-keyframes lightSpeedOut {0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }}
@-o-keyframes lightSpeedOut {0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }}
@keyframes lightSpeedOut {0% { transform: translateX(0%) skewX(0deg); opacity: 1; }100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }}
.lightSpeedOut {   
-webkit-animation-name: lightSpeedOut; 
-moz-animation-name: lightSpeedOut;  
-o-animation-name: lightSpeedOut;  
animation-name: lightSpeedOut;  
-webkit-animation-timing-function: ease-in;  
-moz-animation-timing-function: ease-in;  
-o-animation-timing-function: ease-in;   
animation-timing-function: ease-in;}
.animated.lightSpeedOut {  
-webkit-animation-duration: 0.25s;  
-moz-animation-duration: 0.25s;    
-o-animation-duration: 0.25s;   
animation-duration: 0.25s;}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {  
0% { -webkit-transform: skewX(9deg); }  
10% { -webkit-transform: skewX(-8deg); }   
20% { -webkit-transform: skewX(7deg); }   
30% { -webkit-transform: skewX(-6deg); }  
40% { -webkit-transform: skewX(5deg); }   
50% { -webkit-transform: skewX(-4deg); } 
60% { -webkit-transform: skewX(3deg); }   
70% { -webkit-transform: skewX(-2deg); }  
80% { -webkit-transform: skewX(1deg); }   
90% { -webkit-transform: skewX(0deg); }100% { -webkit-transform: skewX(0deg); }}
@-moz-keyframes wiggle {  
0% { -moz-transform: skewX(9deg); }   
10% { -moz-transform: skewX(-8deg); }  
20% { -moz-transform: skewX(7deg); }  
30% { -moz-transform: skewX(-6deg); } 
40% { -moz-transform: skewX(5deg); }   
50% { -moz-transform: skewX(-4deg); }  
60% { -moz-transform: skewX(3deg); }  
70% { -moz-transform: skewX(-2deg); } 
80% { -moz-transform: skewX(1deg); }  
90% { -moz-transform: skewX(0deg); }100% { -moz-transform: skewX(0deg); }}@-o-keyframes wiggle {   
0% { -o-transform: skewX(9deg); }  
10% { -o-transform: skewX(-8deg); }   
20% { -o-transform: skewX(7deg); }  
30% { -o-transform: skewX(-6deg); }   
40% { -o-transform: skewX(5deg); }   
50% { -o-transform: skewX(-4deg); }  
60% { -o-transform: skewX(3deg); }  
70% { -o-transform: skewX(-2deg); }  
80% { -o-transform: skewX(1deg); }  
90% { -o-transform: skewX(0deg); }100% { -o-transform: skewX(0deg); }}@keyframes wiggle { 
0% { transform: skewX(9deg); }  
10% { transform: skewX(-8deg); }   
20% { transform: skewX(7deg); }  
30% { transform: skewX(-6deg); } 
40% { transform: skewX(5deg); }  
50% { transform: skewX(-4deg); } 
60% { transform: skewX(3deg); }  
70% { transform: skewX(-2deg); } 
80% { transform: skewX(1deg); }  
90% { transform: skewX(0deg); }100% { transform: skewX(0deg); }}.wiggle {  
-webkit-animation-name: wiggle;  
-moz-animation-name: wiggle;   
-o-animation-name: wiggle; 
animation-name: wiggle;   
-webkit-animation-timing-function: ease-in;  
-moz-animation-timing-function: ease-in;  
-o-animation-timing-function: ease-in;  
animation-timing-function: ease-in;}.animated.wiggle {  
-webkit-animation-duration: 0.75s;  
-moz-animation-duration: 0.75s;   
-o-animation-duration: 0.75s;    animation-duration: 0.75s;}
/* /html/css/contents_respond.css */
@media (max-width: 1400px) { 
.easymesh__line {     
width: 62%;     
bottom: calc(50% - 5rem);     
-webkit-transform: translate(-50%, 50%);     
transform: translate(-50%, 50%);  
}  
.management__item-text-title {      
height: auto;    
padding: 2rem 0; 
}}@media (max-width: 1280px) {  
.banner__icon {   
width: 30%;     
left: 2rem;  
}   
.banner {    
padding: 8rem 0;   
}   
.banner__title {      
font-size: 2.8rem;  
}    

/* ceo message */  
.intro {     
padding: 8rem 0 4rem;  
}  
.intro__img {     
width: 40rem;      
margin-top: -16rem;   
}  
.intro__text {    
width: calc(100% - 40rem);     
padding-right: 6rem;   
}    

/* mission & vision */  
.vision__item + .vision__item {    
margin-top: 6rem;   
}   
.vision__item-img {    
width: calc(50% - 2rem);   
}   
.vision__item-text {     
width: calc(100% - (50% - 2rem));      
padding-left: 5rem;   
padding-right: 2rem;  
}  
.vision__item--reverse .vision__item-text {   
padding-left: 0;  
} 
.vision__item-text-number {   
font-size: 8rem;   
}  
.vision__item-text-desc {     
margin-top: 2rem;   
}   
/* organization & history */   
.history__inner-title-label {        
/* background: #009ade !important;      
position: relative; */   
}   
.history__inner-title-label::before {   
display: none;  
content: "";    
height: 5rem;   
width: 5rem;      
position: absolute;    
right: -3.5rem;     
top: 50%;     
-webkit-transform: translateY(-50%) rotate(45deg);      
transform: translateY(-50%) rotate(45deg);   
background: #F6F6F6;   
}  
.history__item:nth-of-type(even) .history__inner-title-label::before {     
right: auto;     
left: -3.5rem;  
}   
/* ci */   
.dotted__inner {     
width: 100%;  
}   
.ci-area__item-list {    
width: 100%;  
}   
.ci-area__item-list__item {    
width: calc(50% - 4rem);   
}   
/* product */  
.contents .product__list {     
margin: 0 -1.5rem;   
}  
.contents .product__list > li {      
padding: 2.5rem 1.5rem;   
}   
.contents .product__list-item {    
padding: 4rem 3.5rem; 
}  
.contents .product__list-item-info {    
margin-top: 2.5rem;  
}   
/* solution */   
.solution__intro {    
padding-bottom: 6rem;  
}  
.solution__intro-info {   
padding-left: 6rem;   
}   
/* Wi-Fi7 */   
.WiFi7__intro { 
padding-bottom: 6rem;  
}    
.WiFi7__intro-info {   
padding-left: 6rem;
}  
.WiFi7 .solution__info {      
padding: 10rem 0; 
}  
.WiFi7__spec .ci-area {    
gap : 0;   
}  
.WiFi7__spec .ci-area .WiFi7__spec__img {     
width: 26rem;  
}   
/* wifi */   
.solution__info .wifi__circle-item img {      
max-width: 100%;  
max-height: 100%;  
}    
/* sensing */   
.icon-area {       
padding-left: 0;      
padding-right: 0; 
}  
.icon-area__item {      
width: 30rem;  
}}@media (max-width: 1024px) {   
.banner__title br {   
display: none;  
}  
.contact-banner .banner__title br {       
display: block;   
}   
/* ceo message */    
.intro__img {      
width: 30rem;  
}  
.intro__text {     
width: calc(100% - 30rem);  
}    
/* organization */  
.organ__official {     
margin: 6rem 0;
}  
.organ__default > ul > li {   
width: 24rem;
}   
.organ__department::before {    
width: calc(100% - 24rem);  
}   
/* sustainability */ 
.management::before {   
bottom: calc(100% + 2rem);   
} 
.management__list-inner {     
-webkit-box-orient: vertical;     
-webkit-box-direction: normal;   
-ms-flex-direction: column;   
flex-direction: column;     
width: 60rem;    
max-width: 100%;  
margin: auto;  
}  
.management__list-inner::before {   
display: none; 
}  
.management__item {      
padding-left: 0;   
padding-right: 0;   
} 
.management__item-text {     
padding-bottom: 2rem;  
background: #fff; 
}  
.management__item-text-title {  
height: auto;      
padding: 2rem 0;  
}   
/* organization & history */ 
.history__inner::before {     
width: 4.5rem;   
}  
.history__item:nth-of-type(odd) .history__inner {      
padding-left: 6.3rem;  
}    
.history__item:nth-of-type(even) .history__inner {    
padding-right: 6.3rem;   
}    
/* ci */ 
.dotted__inner {   
-webkit-box-orient: vertical;   
-webkit-box-direction: normal;  
-ms-flex-direction: colu
mn;   
flex-direction: column;  
} 
.dotted__item {    
-webkit-box-flex: 1;   
-ms-flex: 1;  
flex: 1;   
}    
.dotted__item + .dotted__item {     
margin-top: 6rem; 
} 
.dotted__item-left {  
width: 53.8rem;    
max-width: 100%;   
}   
.dotted__item-right {   
max-width: 100%; 
} 
.ci-area {    
margin-left: -1.5rem; 
margin-right: -1.5rem; 
} 
.ci-area + .ci-area {  
margin-top: 6rem; 
} 
.ci-area__item {    
padding: 0 1.5rem;  
}   
/* product */   
.contents .product__list > li { 
width: 50%;    }   

/* solution */   
.solution__intro-img {   
width: 40rem;     
float: none;  
}  
.solution__intro-info {  
width: 100%;    
padding-left: 0;    
float: none;   
}  
.solution__intro-info-text {  
padding: 0;   
margin-top: 4rem;  
}   
.solution__intro-info-number {   
bottom: calc(100% + 2rem);   
width: 18rem;   
}   
/* Wi-Fi7 */ 
  .WiFi7__intro-img {     
width: 40rem;   
float: none;   
}   
.WiFi7__intro-info {     
width: 100%;      
padding-left: 0;    
float: none;  
}  
.WiFi7__intro-info-text {    
padding: 0;     
margin-top: 4rem; 
}   
.WiFi7__intro-info-number {  
bottom: calc(100% + 2rem);    
width: 18rem; 
}  
.WiFi7__spec-img {     
width: 40rem;    
float: none;  
}  
.WiFi7__spec .ci-area .WiFi7__spec__img { width:20rem; }    
.WiFi7__intro-info-keyword-text { font-size:1.8rem; }      
/* wifi */  
.solution__info .wifi__circle-item {    
height: 30rem; 
} 
.solution__info .wifi__item-info {     
width: 100%; 
}   
/* sensing */  
.icon-area {     
padding-bottom: 0;      
-ms-flex-pack: distribute;  
justify-content: space-around;  
}   
.icon-area__item {  
width: 23rem;  
}   
.icon-area__icon {    
width: 23rem;    
height: 23rem;  
}   
.mobileapp {     
-webkit-box-orient: vertical;     
-webkit-box-direction: normal;    
-ms-flex-direction: column;     
flex-direction: column;      
-webkit-box-align: center;       
-ms-flex-align: center;   
align-items: center;    
-webkit-box-pack: start;    
-ms-flex-pack: start;     
justify-content: flex-start;  
width: 45rem;   
margin: auto;   
max-width: 100%; 
padding-top: 4rem;   
}  
.mobileapp__img {    
width: 100%;  
}  
.mobileapp__text {  
width: 100%;     
padding-left: 0; 
}   
/* contact us */
.contact__top-title {     
padding-top: 2.5rem;  
}  
.contact__top-title-topic {     
font-size: 5rem;   
}   
.contact__top-title-desc {   
font-size: 2.6rem;  
}}@media (max-width: 900px) {    
/* contact us */  
.contact__top {      
-webkit-box-orient: vertical;   
-webkit-box-direction: reverse;   
-ms-flex-direction: column-reverse;  
flex-direction: column-reverse;   
-webkit-box-pack: start;    
-ms-flex-pack: start;    
justify-content: flex-start; 
}    
.contact__top-img {  
margin: auto;     
max-width: 100%; 
}   
.contact__top-title {    
width: 100%;      
padding-right: 0;  
}  
.contact__top-title-topic {     
font-size: 4.6rem;   
} 
.contact__item-list {   
-ms-flex-wrap: wrap;    
flex-wrap: wrap;     
-webkit-box-align: start;     
-ms-flex-align: start;      
align-items: flex-start;    } 
.contact__item-list-title {  
width: 16rem;  
height: 16rem;  
}   
.contact__item-list-info {  
width: calc(100% - 16rem);    
padding-left: 6rem;    }    
.contact__item-list-btn {   
position: relative;      
bottom: auto;     
right: auto;   
margin-top: 2.5rem;   
}}@media (max-width: 768px) { 
#sub {      
padding: 0rem 0;    }   
.sub-title {     
font-size: 4rem;
margin-top: 7rem;
}   
.sub-visual__title strong {   
font-size: 5rem;  
}    


/* location */  
.location__layout {   
padding: 0;   
}   
.location__list {    
width: calc(50% - 3.3rem);    
-webkit-box-flex: 1;    
-ms-flex: 1;    
flex: 1;  
}   
.location__list a {  
padding: 0 1.5rem;  
}   
.location__list a span {  
text-overflow: ellipsis;   
overflow: hidden;    
display: block;    
/*white-space: nowrap;*/ 
}   
.location__list:last-of-type::after { 
display: none;  
}   
.banner {   
padding: 6rem 0;   
}  
.banner--bottom {   
margin-bottom: -6rem;  
}  
.banner__icon {   
width: 50%;  
}   
.banner__title {   
line-height: 1.25;    
font-size: 2.5rem;    
}   
.contents {    
padding: 6rem 0 0; 
} 
.con-area {  
padding: 6rem 0;  
}   
.con-title {    
margin-bottom: 3rem;  
} 
.con-desc {   
margin: 3rem 0 5rem;      
font-size: 2.2rem;   
}  
.tab ul {   
display: -webkit-box;   
display: -ms-flexbox;      
display: flex;  
-ms-flex-wrap: wrap;    
flex-wrap: wrap;  
}  
.tab ul li {  
width: 50%;  
}    
/* ceo message */  
.intro {   
-webkit-box-orient: vertical;  
-webkit-box-direction: normal; 
-ms-flex-direction: column;  
flex-direction: column;  
}  
.intro__img {  
width: 100%;    
margin-bottom: 4rem;  
padding-right: 6rem;  
}   
.intro__text {   
width: 100%;    
padding-right: 0;    }   

/* mission & vision */   
.vision__item {        
-webkit-box-orient: vertical;  
-webkit-box-direction: normal;      
-ms-flex-direction: column;   
flex-direction: column;  
width: 50rem;      
margin: auto;       
max-width: 100%;  
} 
.vision__item-img {  
width: 100%;  
}   
.vision__item-text {   
width: 100%;   
padding: 2rem 0 0 !important;  
 }    

/* organization & history */  
.organ__department {  
padding-top: 0;   
}  
.organ__department::before {   
display: none;   
}  
.organ__default.organ__department > ul {  
-webkit-box-orient: vertical; 
-webkit-box-direction: normal;   
-ms-flex-direction: column;  
flex-direction: column;  
}   
.organ__default.organ__department > ul > li { 
width: 100%;   
}   
.organ__department > ul > li::before {  
display: none;  
} 
.organ__default.organ__department > ul > li + li {  
margin-top: 2rem; 
} 
.organ__department > ul > li > ul {    
display: -webkit-box;  
display: -ms-flexbox;     
display: flex;    
} 
.organ__department > ul > li > ul > li {  
-webkit-box-flex: 1;     
-ms-flex: 1;  
flex: 1;  
}   
.organ__department > ul > li > ul > li + li {   
border-top: none;   
border-left: 1px solid #b7b7b7;  
}  
.organ__department > ul > li > ul > li:first-of-type {  
border-bottom-left-radius: 1rem; 
}   
.organ__department > ul > li > ul > li:last-of-type { 
      border-bottom-left-radius: 0;        border-bottom-right-radius: 1rem;    } 
.organ__department span {        height: 5.5rem !important;    }    .history::before {        left: calc(1.8rem - 0.5px);    }    .history::after {  
     display: block;        content: "";        width: 1px;        height: calc(100% - 4rem);        background: #D1D1D1;     
	 position: absolute;        right: calc(1.8rem - 0.5px);        top: 2rem;        z-index: -1;    }    .history__item {        width: 100%; 
	 margin-top: 0;    }    .history__item:nth-of-type(odd) {        float: none;        padding-top: 2rem;        margin-left: 0;    }  
	 .history__item:nth-of-type(odd) .history__inner {        padding-left: 5rem;        padding-right: 4rem;    }  
	 .history__item:nth-of-type(odd) .history__inner::after {        left: 0;    }    .history__item:nth-of-type(even) {   
	 float: none;        padding-top: 2rem;        margin-right: 0;    }    .history__item:nth-of-type(even) .history__inner {    
	 padding-right: 5rem;        padding-left: 4rem;    }    .history__item:nth-of-type(even) .history__inner::after {        right: 0;    }  
	 .history__inner-title-label::before {        display: none;    }    .history__inner {        min-height: auto;    }    
	 
	 /* ci */  
	 .ci-area {        -webkit-box-orient: vertical;        -webkit-box-direction: normal;     
	 -ms-flex-direction: column;        flex-direction: column;    }    .ci-area__item {        -webkit-box-flex: 1;        -ms-flex: auto;    
	 flex: auto;        width: 100%;    }    .ci-area__item + .ci-area__item {        margin-top: 6rem;    }    .ci-area__item-inner {    
	 height: auto;    }    .ci-area__item-list {        margin: -1.5rem 0;        padding: 0;    }    .ci-area__item-list__item {    
	 padding: 1.5rem 0;        width: calc(50% - 1.5rem);    }    /* product */    .contents .product__list-item-img {        height: 20rem;    }  
	 .contents .product__list-item-info {        margin-top: 1.5rem;    }    .contents .product__list-item-info .bullet {        margin-top: 1rem;    } 
	 
 /* solution */  
.solution__intro-img {       width: calc(100% - 18rem);        float: none;    }    .solution__intro-info-text {        margin-top: 2rem;    }  
.solution__intro-info-text-desc {        margin-top: 2rem;    }    .solution__intro-info-number {        font-size: 8rem;        line-height: 0.9;    }  
.solution__intro-info-text-desc strong {        margin-bottom: 3rem;        font-size: 3.3rem;        margin-top: -1.5rem;    }    
/* Wi-Fi7 */  
.WiFi7__intro-img {        width: calc(100% - 18rem);        float: none;    }    .WiFi7__intro-info-text {    
margin-top: 2rem;    }    .WiFi7__intro-info-text-desc {        margin-top: 2rem;    }    .WiFi7__intro-info-number {        font-size: 8rem;   
line-height: 0.9;    }    .WiFi7__intro-info-text-desc strong {        margin-bottom: 3rem;        font-size: 3.3rem;        margin-top: -1.5rem;    }  
.WiFi7__spec-img {        width: calc(100% - 18rem);        float: none;    }    .WiFi7__spec .ci-area { flex-wrap: wrap;gap:0;flex-direction: row; }  
.WiFi7__spec .ci-area__item { width:50%;margin:0; }    
.WiFi7__spec .ci-area .WiFi7__spec__img { width:18rem; }   
.WiFi7__intro-info-keyword { padding: 0 0 0 0 ; }   
.WiFi7__intro-info-keyword-text { font-size: 2.3rem; }   
.WiFi7__intro-info-keyword-text br { display: block; }    
/* wifi */
.solution__info .wifi {       
-webkit-box-orient: vertical;        -webkit-box-direction: normal;        -ms-flex-direction: column;        flex-direction: column;  
-webkit-box-pack: start;        -ms-flex-pack: start;        justify-content: flex-start;        width: 45rem;        margin: 4rem auto 0;   
max-width: 100%;    }    .solution__info .wifi__item {        width: 100%;    }    .solution__info .wifi__circle-item {        height: auto;    }  
.solution__info .wifi__center {        margin: 4rem 0;    }    /* sensing */    .icon-area {        -webkit-box-pack: start;     
-ms-flex-pack: start;        justify-content: flex-start;        -webkit-box-orient: vertical;        -webkit-box-direction: normal;    
-ms-flex-direction: column;        flex-direction: column;    }    .icon-area__item {        display: -webkit-box;        display: -ms-flexbox;      
display: flex;        width: 100%;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;    }  
.icon-area__item + .icon-area__item {        margin-top: 2rem;    }    .icon-area__text {        width: calc(100% - 23rem);    
padding-left: 4rem;        text-align: left;    }    .icon-area__icon-line {        top: 100%;        left: calc(11.5rem - 1px);     
-webkit-transform: translateX(-50%) rotate(90deg);        transform: translateX(-50%) rotate(90deg);    }    .icon-area__text-title {   
margin-top: 0;    }    
/* sensing */ 
.solution__info {        padding: 6rem 0 !important;    }    .center-text p {        font-size: 2.2rem;    }    .turnkey__img {   
padding-top: 2rem;    }    
/* contact us */ 
.contact__top-title {        padding-top: 4rem;    }    .contact__item-list-info {    
padding-left: 4rem;    }    .easymesh__line {        width: 64%;        bottom: calc(50% - 2rem);    }    .icon-area:before {        
top: 0;        width: 2px;        height: calc(100% - 11.5rem);        left: 11.5rem;        transform: none;    }}@media (max-width: 587px) { 
.tab {        display: none;    }    .dotted__item {        width: 100% !important;    }    .download-area {        -webkit-box-orient: vertical;   
-webkit-box-direction: normal;        -ms-flex-direction: column;        flex-direction: column;    }    .download-area a {    
-webkit-box-flex: 1;        -ms-flex: auto;        flex: auto;        width: 100%;    }    .download-area a + a {        margin-top: 1rem;  
}}@media (max-width: 487px) {   
/* organization & history */
.organ__official > ul > li {        width: 18rem;    }    .employee {      
-webkit-box-orient: vertical;        -webkit-box-direction: normal;        -ms-flex-direction: column;        flex-direction: column;     
-webkit-box-pack: start;        -ms-flex-pack: start;        justify-content: flex-start;    }    .employee__graph {        width: 100%;    }   
/* product */   
.contents .product__list > li {        width: 100%;        padding: .75rem 1.5rem;    }   
/* contact us */  
.contact__item-list-title {        width: 13rem;        height: 13rem;    }    .contact__item-list-info {        width: calc(100% - 13rem);    }
.contact__list {        padding: 3.5rem 0;    }    .contact__item {        padding: 3.5rem 0;    }    .contact__top-title-topic {      
font-size: 4rem;    }    .contact__top-title-desc {        font-size: 2.4rem;    }}@media (max-width: 420px) {    .icon-area__icon {   
width: 18rem;        height: 18rem;    }    .icon-area:before {        left: 9rem;    }    .icon-area__text {        width: calc(100% - 18rem);   
padding-left: 2rem;    }    .icon-area__text-title {        margin-bottom: 1rem;    }    .icon-area__icon-line {        left: calc(9rem - 1px);    }  
.icon-area__text-desc {        line-height: 1.25;    }}@media (max-width: 400px) {    .icon-area__item + .icon-area__item {        margin-top: 4rem; 
}    
/* contact us */
.contact__item-list-title {        font-size: 2rem;        position: absolute;        top: 0;        left: 0;     
width: 10rem;        height: 10rem;    }    .contact__item-list-info {        padding-left: 0;        width: 100%;    } 
.contact__item-list-info > div {        margin-left: 12rem;        width: calc(100% - 12rem);    }    .contact__item-list-btn {    
margin-top: 5rem;        width: 100%;    }}@media (max-width: 360px) {    .icon-area:before {        display: none;    }    .icon-area__icon-line {  
display: none;    }    .icon-area__item {        -webkit-box-orient: vertical;        -webkit-box-direction: normal;     
-ms-flex-direction: column;        flex-direction: column;    }    .icon-area__icon {        margin: auto;    }    .icon-area__text {   
width: 100%;        margin-top: 2rem;        padding: 0 2rem;    }    .icon-area__text-title {        text-align: center;    }  
.icon-area .bullet li + li {        margin-top: .5rem;    }}




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

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
    flex-direction: column;}
}


.custom-hr {
    border: 0;
    border-top: 1px solid #cccccc;
    width: 100%;
    margin: 0;
}

@media (max-width: 768px) {
    .layout {
        margin-top: 50px;
    }
}