html{color: #17191D;font-size: 16px;margin: 0 auto;width: 100vw;}
body{background-color: #25282D;overflow-x: hidden;font-family: Pretendard, 'Noto Sans KR', 'Roboto', 'Apple SD Gothic Neo', 'Apple SD 산돌고딕 Neo', Helvetica, '맑은 고딕', 'malgun gothic', 'Microsoft NeoGothic', 'Droid sans', sans-serif;}
.noto-kr{font-family:'Noto Sans', Pretendard, 'Roboto', 'Apple SD Gothic Neo', 'Apple SD 산돌고딕 Neo', Helvetica, '맑은 고딕', 'malgun gothic', 'Microsoft NeoGothic', 'Droid sans', sans-serif;}
.roboto{font-family:'Roboto','Noto Sans', Pretendard,  'Apple SD Gothic Neo', 'Apple SD 산돌고딕 Neo', Helvetica, '맑은 고딕', 'malgun gothic', 'Microsoft NeoGothic', 'Droid sans', sans-serif;}

/* bootstrap custom */
.row{margin-left: -0.9375rem;margin-right: -0.9375rem;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-left: 0.9375rem;padding-right: 0.9375rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0;}

p{margin-bottom: 0;}

ul, li{list-style: none;padding-left: 0;margin-bottom: 0;}
a.active,
a:active,
a:focus,
a:hover{text-decoration: none;color: #17191D;}

button{border: none;padding: 0;}
button:active,
button.active,
button:focus{border: none;outline: none;}

.color-darkblue{color: #0B57D0 !important;}
.color-blue{color: #0176F9 !important;}
.color-green{color: #04B014 !important;}
.color-yellow{color: #FFAA00 !important;}

.deco{position: absolute;top: 0;left: 0;right: 0;width: 1px;height: 0;margin: auto;transition: all .25s  cubic-bezier(.5,0,.5,1);}

/* header */
header{position: fixed;top: 0;display: flex;justify-content: space-between;width: 100%;height: 50px;background-color: rgba(255, 255, 255, .85);z-index: 10;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: all .3s ease-out;transition: all .15s ease-out;}
header > h1.logo{position: relative;margin-left: 2.8125rem;display: flex;flex-direction: column;justify-content: center;height: 100%;margin-bottom: 0;}
header > h1.logo > a > img{display: block;}
header.header-up{-webkit-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0);}

/* nav */
nav{position: fixed;top: 4.5rem;left: 3.3125rem;z-index: 3;}
nav .mobile-nav-toggle{display: none;}
nav li{margin-bottom: 0.8125rem;}
nav li:last-child{margin-bottom: 0;}
nav li > a{position: relative;font-size: 1rem;color: #929FAB;font-weight: 500;}
nav li > a.active{font-weight: bold;padding-left: 0.75rem;}
nav li > a.active:before{content: "-";position: absolute;top: 0;left: 0;height: 100%;color: #2580EC;font-weight: bold;margin-top: -.125rem;}
nav.active li > a{color: #8D9AA7;}
nav.active li > a.active{color: #fff;}

nav .btn-center-wrap{position: fixed;top: 0;right: 2.8125rem;display: flex;flex-direction: column;justify-content: center;height: 100%;}
nav .brochure-down{font-size: 0.875rem;color: #8D9AA7;background: url(../img/icon/down_icon.png) no-repeat calc(100% - 0.875rem) 50%;background-size: 1.0625rem;background-color: #fff;border: 1px solid #E5E5EC;border-radius: 0.375rem;padding: 0.375rem 2rem 0.375rem 0.875rem;}

/* transition */
.move-quarter{transition: all .25s cubic-bezier(.5,0,.5,1);}
.move-half{transition: all .5s cubic-bezier(.5,0,.5,1);}
.move-1s{transition: all 1s cubic-bezier(.5,0,.5,1);}
.move-2s{transition: all 2s cubic-bezier(.5,0,.5,1);}

/* 아래 -> 위 */
.translate-y{transform: translateY(7.5rem);-webkit-transform: translateY(7.5rem);}
.translate-y.active{transform: translateY(0%);-webkit-transform: translateY(0%);}

/* move text */
.move-x-wrap{position: relative;}
.move-x-wrap.move-left-25:before{content: "";position: absolute;top: 0;left: 0;width: 25%;height: 100%;background-color: #fff;overflow: hidden;}
.move-x-wrap .move-x{width: 0;}
.move-x-wrap .move-x.active{width: 100%;}
.move-x-wrap.move-left-25 .move-x.active{width: 75%;margin-left: 25%;}

/* move bg */
.move-x-wrap .move-x-bg{width: 100%;}
.move-x-wrap .move-x-bg.active{width: 0%;}
.move-x-bg{position: absolute;top: 0;bottom: 0;background-color: #fff;}

/* translate */
.translate-x-wrap{position: relative;}
.translate-x-wrap .translate-x{transform: translateX(-100%);-webkit-transform: translateX(-100%);}
.translate-x-wrap .translate-x.active{transform: translateX(0);-webkit-transform: translateX(0);}

/* opacity */
.opacity-effect{opacity: 0;}
.opacity-effect.active{opacity: 1;}

/* rotate */
@keyframes rotation{
	0%{
		transform: translate(0, 0);
	}
	40%{
		transform: translate(6.25px, 6.25px);
	}
	60%{
		transform: translate(0, 12.5px);
	}
	80%{
		transform: translate(-6.25px, 6.25px);
	}
	100%{
		transform: translate(0, 0);
	}
}

.rotation.active{animation: rotation 1s 1.5s 3 linear;}

/* circle */
.circle-wrap{position: relative;display: flex;justify-content: center;width: 100%;border-radius: 50%;}
.circle-wrap:before{content: "";padding-bottom: 100%;}
.circle{position: absolute;width: 50%;height: 100%;overflow: hidden;}
.circle.circle-left{left: 0;}
.circle.circle-right{right: 0;}
.circle:before{content: "";position: absolute;top: 0;width: 200%;height: 100%;border-radius: 50%;border: 2px solid transparent;}

@keyframes circle-left{
	from{
		transform: rotate(-225deg);
	}
	to{
		transform: rotate(-45deg);
	}
}

@keyframes circle-right{
	from{
		transform: rotate(135deg);
	}
	to{
		transform: rotate(315deg);
	}
}
.circle-wrap.active .circle.circle-left:before{left: 0;border-top-color: #707070;border-left-color: #707070;animation: circle-left .3s 1.35s 1 linear both;}
.circle-wrap.active .circle.circle-right:before{right: 0;border-bottom-color: #707070;border-right-color: #707070;animation: circle-right .3s 1.05s 1 linear both;}

/* wave */
.wave-wrap{position: absolute;bottom: 2.0625rem;right: 1.875rem;}
.wave{position: relative;display: block;padding: 0.8125rem 1.3125rem;border-radius: 2.5625rem;background-color: #fff;}
.wave > span{position: relative;display: block;border-radius: 2.5625rem;padding: 0.5625rem 0.625rem;color: #25282D;font-weight: bold;font-size: 0.75rem;text-align: center;}
.wave > span:before{content: "";position: absolute;top: -2px;left: -2px;right: 0;bottom: 0;width: calc(100% + 4px);height: calc(100% + 4px);border-radius: 2.5625rem;animation: wave 1s infinite linear;}
.wave > span:after{content: "";position: absolute;top: -2px;left: -2px;right: 0;bottom: 0;width: calc(100% + 4px);height: calc(100% + 4px);border-radius: 2.5625rem;animation: wave 1s .5s infinite linear;}

@keyframes wave{
	0% {
		transform: scale(1);
		border: 2px solid rgba(112,112,112,0);
	}
	33% {
		transform: scale(1.16);
		border: 2px solid rgba(112,112,112,.3);
	}
	66% {
		transform: scale(1.33);
		border: 2px solid rgba(112,112,112,.2);
	}
	100% {
		transform: scale(1.5);
		border: 2px solid rgba(112,112,112,0);
	}
}

/* section */
section{position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow-y: scroll;overflow-x: hidden;scroll-behavior: smooth;}
section > div{width: 100%;}
section > div:first-child{display: flex;flex-direction: column;align-items: center;height: 100%;background-color: #fff;}
section > div:nth-child(3){background-color: #F2F2F2;}

/* 공통 decoration */
.page-circle-deco{position: relative;}
.page-circle-deco:before{content: "";position: absolute;top: -10rem;left: -2rem;border-radius: 50%;background-color: #2580EC;width: 18.125rem;height: 18.125rem;z-index: -1;}
.page-circle-deco h4{line-height: 1;font-size: 2.8125rem;font-weight: bold;color: #25282D;}
.page-circle-deco > h4{margin-left: 6rem;}
.page-circle-deco .circle-deco{display: flex;align-items: center;margin-bottom: .8rem;}
.page-circle-deco .circle-deco > span{height: 1px;background-color: #707070;}
.page-circle-deco .phr1{width: 100%;max-width: calc(100% + 6rem);font-size: 1.875rem;font-weight: bold;margin-top: 2.5313rem;}
.page-circle-deco .phr2{width: 100%;font-size: 0.875rem;margin-top: 1rem;color: #6A7682;font-weight: normal;}

.bg-item-wrap{position: relative;width: 19.375%;height: 100%;overflow: hidden;}
.bg-item-wrap:first-child{width: 11.25%;}
.bg-item-wrap:nth-child(6){width: 11.25%;}
.bg-item-wrap.bg-item1 .move-quarter{transition: all .125s cubic-bezier(.9,0,1,.9);}
.bg-item-wrap.bg-item2 .move-quarter{transition: all .125s cubic-bezier(.9,0,1,.9);}
.bg-item-wrap.bg-item3 .move-quarter{transition: all .125s cubic-bezier(.9,0,1,.9);}
.bg-item-wrap.bg-item4 .move-quarter{transition: all .125s cubic-bezier(.9,0,1,.9);}
.bg-item-wrap.bg-item5 .move-quarter{transition: all .125s cubic-bezier(.9,0,1,.9);}
.bg-item-wrap.bg-item6 .move-quarter{transition: all .125s cubic-bezier(.9,0,1,.9);}

/* main */
.main-text-wrap{display: flex;width: 100%;margin-bottom: 2.6875rem;padding-top: 11.625rem;}
.main-text-wrap .move-x-wrap{width: 50%;float: left;}
.main-text-wrap .move-left .move-x{height: 4.6875rem;background: url(../img/icon/main_text1.png) no-repeat 100% 50%;background-size: 44.5rem;}
.main-text-wrap .move-left-25 .move-x{height: 4.6875rem;background: url(../img/icon/main_text1.png) no-repeat 100% 50%;background-size: 44.5rem;}
.main-text-wrap .move-x-wrap .main-text-slide{padding-top: .875rem;margin-right: 0;float: right;}
.main-text-wrap .move-x-wrap .main-text-slide p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;width: 26rem;overflow: hidden;padding-left: 8rem;}
.main-text-wrap .move-x-wrap .main-text-slide .deco-line-wrap{width: calc(100% - 26rem);padding-bottom: 0.625rem;padding-right: 0;}
.main-text-wrap .move-x-wrap .main-text-slide .deco-line-wrap > span{display: block;width: 100%;height: 100%;border-bottom: 2px solid #17191D;}

.main-bg-wrap{position: relative;display: flex;align-items: center;flex: 1;flex-wrap: wrap;width: 100%;}
.main-bg-wrap .move-x-wrap.move-right{position: absolute;top: 3rem;left: 0;right: 0;padding-left: 35%;z-index: 2;}
.main-bg-wrap .move-x-wrap.move-right .move-x{height: 5.25rem;background: url(../img/icon/main_text2.png) no-repeat 0 50%;background-size: 65rem;float: right;transition-delay: .125s;}
.main-bg-wrap .bg-item-wrap .main-bg-item{width: 100%;height: 100%;background: no-repeat 50%;background-size: cover;}
.main-bg-wrap .bg-item-wrap.bg-item1 .main-bg-item{background-image: url(../img/bg/main_bg1.jpg);}
.main-bg-wrap .bg-item-wrap.bg-item2 .main-bg-item{background-image: url(../img/bg/main_bg2.jpg);background-position: 30% 50%;}
.main-bg-wrap .bg-item-wrap.bg-item3 .main-bg-item{background-image: url(../img/bg/main_bg3.jpg);}
.main-bg-wrap .bg-item-wrap.bg-item4 .main-bg-item{background-image: url(../img/bg/main_bg4.jpg);}
.main-bg-wrap .bg-item-wrap.bg-item5 .main-bg-item{background-image: url(../img/bg/main_bg5.jpg);background-position: 40% 50%;}
.main-bg-wrap .bg-item-wrap.bg-item6 .main-bg-item{background-image: url(../img/bg/main_bg6.jpg);background-position: 55% 50%;}

.main-bg-wrap .bg-item-wrap.bg-item1 .move-quarter{transition-delay: .25s;}
.main-bg-wrap .bg-item-wrap.bg-item2 .move-quarter{transition-delay: .2s;}
.main-bg-wrap .bg-item-wrap.bg-item3 .move-quarter{transition-delay: .15s;}
.main-bg-wrap .bg-item-wrap.bg-item4 .move-quarter{transition-delay: .1s;}
.main-bg-wrap .bg-item-wrap.bg-item5 .move-quarter{transition-delay: .05s;}
.main-bg-wrap .bg-item-wrap.bg-item6 .move-quarter{transition-delay: .01s;}

/* we */
.page-we .page-we-top{position: relative;max-width: 42.875rem;padding: 13.375rem 0 0;margin: auto;color: #F2F2F2;text-align: center;}
.page-we .page-we-top .deco{background-color: #fff;}
.page-we .page-we-top h5{font-size: 1.875rem;font-weight: bold;transform: translateY(7.5rem);-webkit-transform: translateY(7.5rem);transition: all 1s;transition-delay: .2s;}
.page-we .page-we-top h5.active{transform: translateY(0);-webkit-transform: translateY(0);}
.page-we .page-we-top p.translate-y{font-size: 0.875rem;transition: all 1s;transition-delay: .3s;}
.page-we .page-we-top .overflow-hidden:last-child{margin-top: 3rem;}

.page-we .page-we-bottom{position: relative;padding-top: 21.25rem;}
.page-we .page-we-bottom > .row{max-width: 75rem;}
.page-we .page-we-bottom > .row .translate-x-wrap{position: relative;font-weight: bold;font-size: 2.8125rem;line-height: 3.5rem;}
.page-we .page-we-bottom > .row .translate-x-wrap .we-left-text{display: flex;align-items: center;margin-left: -4.5rem;color: #E4E4E4;}
.page-we .page-we-bottom > .row .translate-x-wrap .we-left-text > span{display: block;height: 2px;background-color: #E4E4E4;}
.page-we .page-we-bottom > .row .translate-x-wrap .translate-x{transform: translateX(-150%);-webkit-transform: translateX(-150%);transition-delay: .25s;}
.page-we .page-we-bottom > .row .translate-x-wrap .translate-x.active{transform: translateX(0%);-webkit-transform: translateX(0%);}
.page-we .page-we-bottom > .row .overflow-hidden .translate-y{color: #989898;transition: all 1s;font-size: 0.875rem;line-height: 1.625rem;transition-delay: .75s;}
.page-we .page-we-bottom > .row .we-circle-wrap{position: relative;display: flex;justify-content: center;margin-top: 7rem;}
.page-we .page-we-bottom > .row .we-circle-wrap .we-circle{position: relative;}
.page-we .page-we-bottom > .row .we-circle-wrap .we-circle:nth-child(2){margin-left: -5rem;margin-right: -5rem;}
.page-we .page-we-bottom > .row .we-circle-wrap .we-circle > p{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;font-weight: bold;font-size: 2.1875rem;z-index: 1;transition: all .6s;transition-delay: 1.55s;}
.page-we .page-we-bottom > .row .we-circle-wrap .we-circle > p > span{background-color: #2580EC;padding: 0 1rem;}
.page-we .page-we-bottom .deco-wrap{position: relative;width: 100%;padding-bottom: 13.625rem;}
.page-we .page-we-bottom .deco-wrap .deco{background-color: #707070;transition: all .5s cubic-bezier(.5,0,.5,1);transition-delay: 1.5s;}

/* monitoring */
.page-monitoring{position: relative;background-color: #F2F2F2;}
.page-monitoring:before{content: "";position: absolute;top: -1px;left: 0;width: 50%;height: 7.5rem;background-color: #25282D;}
.page-monitoring > .container{max-width: 1280px;}
.page-monitoring .deco{background-color: #707070;transition: all 1.75s;}
.page-monitoring .monitoring-left{display: flex;flex-direction: column;justify-content: space-between;width: 50%;padding-top: 31.875rem;padding-bottom: 11.25rem;}
.page-monitoring .monitoring-left .translate-x-wrap{flex: 1;}
.page-monitoring .monitoring-left .translate-x-wrap .translate-x{transform: translateX(-160%);-webkit-transform: translateX(-160%);transition: all .75s cubic-bezier(.5,0,.5,1);}
.page-monitoring .monitoring-left .translate-x-wrap .translate-x.active{transform: translateX(0);-webkit-transform: translateX(0);}
.page-monitoring .monitoring-left .monitoring-bottom.translate-y{transform: translateY(6.25px);-webkit-transform: translateY(6.25px);transition-delay: 1s;}
.page-monitoring .monitoring-left .monitoring-bottom.translate-y.active{transform: translateY(0);-webkit-transform: translateY(0);}
.page-monitoring .monitoring-left .monitoring-bottom .rotation{transition: all 3s;transition-delay: 1s;}
.page-monitoring .monitoring-left .monitoring-bottom .rotation + .rotation{margin-top: 0.75rem;}
.page-monitoring .monitoring-left .monitoring-bottom .rotation p{position: relative;display: inline-block;color: #fff;font-size: 0.875rem;padding: 1rem 1.625rem;border-radius: 2.625rem;margin-left: 1.875rem;}
.page-monitoring .monitoring-left .monitoring-bottom .rotation p:before{content: "";position: absolute;top: 0;left: -1.875rem;width: 1.4375rem;height: 100%;background: no-repeat 50%;background-size: contain;}
.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-1{background-color: #0176F9;}
.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-2{background-color: #186AB4;margin-left: 7.375rem;}
.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-3{background-color: #25282D;}
.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-4{background-color: #2580EC;margin-left: 7.375rem;}
.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-1:before{background-image: url(../img/icon/monitoring_chk1.png);}
.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-2:before{background-image: url(../img/icon/monitoring_chk2.png);}
.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-3:before{background-image: url(../img/icon/monitoring_chk3.png);}
.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-4:before{background-image: url(../img/icon/monitoring_chk4.png);}

.page-monitoring .monitoring-right{display: flex;flex-direction: column;justify-content: space-between;width: 50%;padding-top: 14.625rem;padding-bottom: 11.75rem;padding-left: 2.8438rem;}
.page-monitoring .monitoring-right .translate-x{transform: translateX(160%);-webkit-transform: translateX(160%);transition: all .75s cubic-bezier(.5,0,.5,1);}
.page-monitoring .monitoring-right .translate-x.active{transform: translateX(0);-webkit-transform: translateX(0);}
.page-monitoring .monitoring-right .translate-x h5{font-size: 1.875rem;font-weight: bold;color: #25282D;}
.page-monitoring .monitoring-right .translate-x p{font-size: 0.875rem;color: #6A7682;margin-top: 2.9375rem;word-break: keep-all;}

.page-monitoring .monitoring-right .monitoring-bottom{display: flex;flex-direction: column;margin-top: 25.375rem;font-size: 0.875rem;color: #6A7682;}
.page-monitoring .monitoring-right .monitoring-bottom .monitoring-bottom-icon{position: relative;display: flex;flex-direction: column;justify-content: center;height: 4.775rem;padding-left: 6.125rem;}
.page-monitoring .monitoring-right .monitoring-bottom .monitoring-bottom-icon + .monitoring-bottom-icon{margin-top: 0.6875rem;}
.page-monitoring .monitoring-right .monitoring-bottom .monitoring-bottom-icon:before{content: "";position: absolute;top: 0;left: 0;width: 4.775rem;height: 4.775rem;background: no-repeat 50%;background-size: contain;}
.page-monitoring .monitoring-right .monitoring-bottom .monitoring-bottom-icon.icon-1:before{background-image: url(../img/icon/monitoring_icon1.png);}
.page-monitoring .monitoring-right .monitoring-bottom .monitoring-bottom-icon.icon-2:before{background-image: url(../img/icon/monitoring_icon2.png);}
.page-monitoring .monitoring-right .monitoring-bottom .monitoring-bottom-icon.icon-3:before{background-image: url(../img/icon/monitoring_icon3.png);}

/* lighthouse */
.page-lighthouse{position: relative;background-color: #0176F9;}
.page-lighthouse .lighthouse-bg-wrap{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;height: 100%;z-index: 0;}
.page-lighthouse .lighthouse-bg-wrap .lighthouse-bg{width: 100%;height: 100%;background-color: transparent;}
.page-lighthouse .lighthouse-bg-wrap .move-x-bg{background-color: #0B5EBA;}
.page-lighthouse .lighthouse-bg-wrap .move-x-wrap .move-x-bg{left: -100%;}
.page-lighthouse .lighthouse-bg-wrap .move-x-wrap .move-x-bg.active{left: 100%;}

.page-lighthouse .lighthouse-bg-wrap .bg-item-wrap.bg-item1 .move-quarter{transition-delay: .01s;}
.page-lighthouse .lighthouse-bg-wrap .bg-item-wrap.bg-item2 .move-quarter{transition-delay: .05s;}
.page-lighthouse .lighthouse-bg-wrap .bg-item-wrap.bg-item3 .move-quarter{transition-delay: .1s;}
.page-lighthouse .lighthouse-bg-wrap .bg-item-wrap.bg-item4 .move-quarter{transition-delay: .125s;}
.page-lighthouse .lighthouse-bg-wrap .bg-item-wrap.bg-item5 .move-quarter{transition-delay: .15s;}
.page-lighthouse .lighthouse-bg-wrap .bg-item-wrap.bg-item6 .move-quarter{transition-delay: .175s;}

.page-lighthouse .lighthouse-content-wrap{display: flex;align-items: end;flex-wrap: wrap;padding: 15.1875rem 0 7.1875rem;}
.page-lighthouse .lighthouse-content-wrap > div{width: 50%;}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text{display: flex;flex-wrap: wrap;width: 75%;margin-left: auto;font-size: 1.25rem;}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text p{display: flex;flex-direction: column;justify-content: center;width: 50%;padding-top: 1.875rem;padding-left: 1.25rem;color: rgba(37,40,45,.6);font-weight: normal;}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text p:first-child,
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text p:nth-child(2){padding-top: 0;}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text p:nth-child(odd){border-left: 1px solid rgba(255,255,255, .4);border-right: 1px solid rgba(255,255,255, .4);}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text p.active{color: #FFAA00;font-weight: bold;letter-spacing: -0.25px;}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right{padding-left: 6rem;}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .translate-x-wrap .translate-x{transform: translateX(115%);-webkit-transform: translateX(115%);}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .translate-x-wrap .translate-x.active{transform: translateX(0);-webkit-transform: translateX(0);}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco:before{left: -1rem;background-color: #25282D;}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco .circle-deco > h4{padding-right: 1.5rem;}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco .circle-deco > .col{height: 2px;background-color: #1c2b3f;}
.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco .phr2{color: #F2F2F2;margin-top: 4rem;padding-left: 1.5rem;padding-right: 6rem;word-break: keep-all;}

/* web vulnerability */
.page-web{position: relative;}
.page-web > .container{max-width: 1280px;padding: 26.8125rem 0 16.3375rem;}
.page-web > .container > .d-flex{align-items: center;flex-wrap: wrap;}
.page-web > .container .web-left{width: 50%;padding-right: 2rem;}
.page-web > .container .web-left .translate-x-wrap .translate-x{transform: translateX(-160%);-webkit-transform: translateX(-160%);}
.page-web > .container .web-left .translate-x-wrap .translate-x.active{transform: translateX(0);-webkit-transform: translateX(0);}
.page-web > .container .web-left .page-circle-deco:before{left: 0;background-color: #ffaa00;}
.page-web > .container .web-left .page-circle-deco h4{color: #fff;}
.page-web > .container .web-left .page-circle-deco .circle-deco > h4{color: #25282D;margin-left: 1.5rem;}
.page-web > .container .web-left .page-circle-deco .circle-deco > span{height: 2px;background-color: #ffaa00;}
.page-web > .container .web-left .page-circle-deco .phr2{padding-right: 0;margin-top: 5.75rem;text-align: right;word-break: keep-all;}
.page-web > .container .web-right{display: flex;flex-wrap: wrap;width: 50%;padding-left: 2rem;margin-top: -3.625rem;}
.page-web > .container .web-right .overflow-hidden{width: 33.333%;padding: 0 0.8125rem;margin-top: 2.625rem;}
.page-web > .container .web-right .overflow-hidden .web-ability-card{display: flex;flex-direction: column;}
.page-web > .container .web-right .overflow-hidden .translate-y{transform: translateY(18.5rem);-webkit-transform: translateY(18.5rem);}
.page-web > .container .web-right .overflow-hidden .translate-y.active{transform: translateY(0);-webkit-transform: translateY(0);}
.page-web > .container .web-right .overflow-hidden .web-ability-card .web-ability-icon{width: 3.4375rem;height: 3.4375rem;border: 2px solid #B5B6BC;border-radius: 50%;background: no-repeat 50%;background-size: auto;}
.page-web > .container .web-right .overflow-hidden .web-ability-card .web-ability-icon.ability-icon1{background-image: url(../img/icon/ability_icon1.png);}
.page-web > .container .web-right .overflow-hidden .web-ability-card .web-ability-icon.ability-icon2{background-image: url(../img/icon/ability_icon2.png);}
.page-web > .container .web-right .overflow-hidden .web-ability-card .web-ability-icon.ability-icon3{background-image: url(../img/icon/ability_icon3.png);}
.page-web > .container .web-right .overflow-hidden .web-ability-card .web-ability-icon.ability-icon4{background-image: url(../img/icon/ability_icon4.png);}
.page-web > .container .web-right .overflow-hidden .web-ability-card .web-ability-icon.ability-icon5{background-image: url(../img/icon/ability_icon5.png);}
.page-web > .container .web-right .overflow-hidden .web-ability-card .web-ability-icon.ability-icon6{background-image: url(../img/icon/ability_icon6.png);}
.page-web > .container .web-right .overflow-hidden .web-ability-card h5{font-size: 0.875rem;color: #D5D5D5;margin: 1.125rem 0 1rem;font-weight: normal;}
.page-web > .container .web-right .overflow-hidden .web-ability-card p{flex: 1;font-size: 0.875rem;color: #989898;font-weight: lighter;word-break: keep-all;}

/* contact */
.page-contact{background-color: #1C2B3F;padding: 1rem 1.75rem;}
.page-contact .copyright{font-size: 1rem;color: #6A7682;text-align: right;}

@media (max-width: 1619.98px){
	.page-circle-deco .circle-deco > h4{margin-left: 0;}
	.page-circle-deco .phr1{margin-left: 0;}

	.main-text-wrap .move-left .move-x{background-size: 32.5rem;}
	.main-bg-wrap .move-x-wrap.move-right .move-x{background-size: 50rem;}

	.page-monitoring .monitoring-left .monitoring-bottom{margin-left: 0;}
	
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text{width: 85%;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right{padding-left: 4rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco .phr2{margin-left: 0;}
}

@media (max-width: 1399.98px){
	.page-circle-deco:before{top: -8rem;left: -.5rem;width: 15rem;height: 15rem;}
	.page-circle-deco h4{font-size: 2.5rem;}

	.main-text-wrap{padding-top: 14.625rem;}
	.main-text-wrap .move-left .move-x{background-size: 28rem;}
	.main-bg-wrap .move-x-wrap.move-right .move-x{background-size: 40rem;}
	
	.page-we .page-we-bottom{padding-top: 10.25rem;}
	.page-we .page-we-bottom > .row{max-width: 60rem;}
	.page-we .page-we-bottom > .row .translate-x-wrap{font-size: 2.25rem;line-height: 2.25rem;}
	.page-we .page-we-bottom > .row .overflow-hidden .translate-y{transform: translateY(8rem);-webkit-transform: translateY(8rem);}
	.page-we .page-we-bottom > .row .overflow-hidden .translate-y.active{transform: translateY(0);-webkit-transform: translateY(0);}
	.page-we .page-we-bottom > .row .we-circle-wrap .we-circle > p{font-size: 1.875rem;}
	
	.page-monitoring .monitoring-left{padding-top: 26.875rem;}
	.page-monitoring .monitoring-left .monitoring-bottom{margin-left: .9375rem;}
	.page-monitoring .monitoring-right{padding-top: 10.625rem;padding-left: 1.625rem;}

	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text{width: 95%;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text > p{padding-top: 1.2rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco h4{font-size: 2.2rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco .phr2{margin-top: 3rem;}

	.page-web > .container{padding: 15.8125rem 0 12.3375rem;}
	.page-web > .container .web-left{padding-right: 1rem;}
	.page-web > .container .web-left .page-circle-deco:before{left: 1.25rem;}
	.page-web > .container .web-right{padding-left: 1rem;}
}

@media (max-width: 1199.98px){
	html{font-size: 14px;}
	.page-we .page-we-top p.translate-y{font-size: 1rem;}
	.page-we .page-we-bottom > .row .overflow-hidden .translate-y{font-size: 1rem;}
	
	.page-monitoring .monitoring-right .translate-x h5{font-size: 1.5rem;}
	.page-monitoring .monitoring-right .monitoring-bottom .monitoring-bottom-icon{padding-left: 5.5rem;}
	
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text{font-size: 1.2rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco .phr2{padding-right: 4rem;}
}

@media (max-width: 991.98px){
	header .mobile-nav{top: 0;left: unset;right: 2rem;z-index: 13;}
	header .mobile-nav > ul{display: none;}
	header .mobile-nav .mobile-nav-toggle{position: absolute;top: 0;right: 0;display: block;width: 50px;height: 50px;background: url(../img/icon/mobile_nav.png) no-repeat 50%;background-size: 20px;border: 0;padding: 0;z-index: 1;}
	header .mobile-nav .btn-center-wrap{display: none;}
	
	header.active{height: 100%;}
	header.active .mobile-nav{left: 0;right: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;background-color: #fff;}
	header.active .mobile-nav .mobile-nav-toggle{background-image: url(../img/icon/mobile_nav_close.png);right: 2rem;}
	header.active .mobile-nav > ul{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;}
	header.active .mobile-nav li{padding: 1rem 0;margin-bottom: 0;}
	header.active .mobile-nav li > a{font-size: 2.5rem;}
	header.active .mobile-nav li > a.active{color: #007bff;padding-left: 0;}
	header.active .mobile-nav li > a.active:before{content: "";color: transparent;}
	header.active .mobile-nav .btn-center-wrap{position: relative;left: 0;display: flex;flex-direction: row;height: auto;padding-top: 3rem;}
	header.active .mobile-nav .btn-center-wrap .brochure-down{font-size: 1.2rem;padding: .375rem 2.5rem .375rem .875rem;background-size: 1.5rem;}

	.page-circle-deco:before{top: -6rem;width: 12rem;height: 12rem;}
	.page-circle-deco h4{font-size: 2rem;margin-left: 3.5rem;}
	.page-circle-deco .phr1{font-size: 1.4rem;}

	.main-text-wrap{padding-top: 13.625rem;margin-bottom: .6875rem;}
	.main-text-wrap .move-left .move-x{background-size: 25rem;}
	.main-text-wrap .move-x-wrap .main-text-slide p{width: 20rem;padding-left: 6rem;}
	.main-text-wrap .move-x-wrap .main-text-slide .deco-line-wrap{width: calc(100% - 20rem);}
	.main-bg-wrap .move-x-wrap.move-right{top: .5rem;padding-left: 28%;}
	.main-bg-wrap .move-x-wrap.move-right .move-x{background-size: 36rem;}
	
	.page-we .page-we-bottom{padding-top: 6.25rem;}
	.page-we .page-we-bottom > .row{max-width: 50rem;}
	.page-we .page-we-bottom > .row .translate-x-wrap{font-size: 2rem;line-height: 2rem;}
	.page-we .page-we-bottom > .row .translate-x-wrap .we-left-text{margin-left: -3rem;}
	.page-we .page-we-bottom > .row .overflow-hidden .translate-y{transform: translateY(11.5rem);-webkit-transform: translateY(11.5rem);font-size: 1.2rem;}
	.page-we .page-we-bottom > .row .overflow-hidden .translate-y.active{transform: translateY(0);-webkit-transform: translateY(0);}
	.page-we .page-we-bottom > .row .we-circle-wrap{margin-top: 4rem;}
	.page-we .page-we-bottom > .row .we-circle-wrap .we-circle > p{font-size: 1.4rem;}
	.page-we .page-we-bottom .deco-wrap{padding-bottom: 7.625rem;}
	
	.page-monitoring:before{height: 5.5rem;}
	.page-monitoring .monitoring-left{padding-top: 23.875rem;}
	.page-monitoring .monitoring-left .monitoring-bottom .rotation p{font-size: .875rem;padding: 0.6rem 1.2rem;margin-right: 1rem;}
	.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-2,
	.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-4{margin-left: 5.375rem;}
	.page-monitoring .monitoring-right{padding-top: 7.625rem;}
	.page-monitoring .monitoring-right .monitoring-bottom{margin-top: 19.375rem;}

	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text{font-size: 1rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text > p{padding-left: 1rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right{padding-left: 0;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco:before{top: -6rem;left: .25rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco h4{font-size: 2rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco > h4{margin-left: 4rem;}

	.page-web > .container{padding: 9.8125rem 0 8.3375rem;}
	.page-web > .container .web-left .page-circle-deco h4{margin-left: 4rem;}
	.page-web > .container .web-left .page-circle-deco .phr2{margin-left: 0;}
	.page-web > .container .web-right .overflow-hidden{width: 50%;}
	.page-web > .container .web-right .overflow-hidden .web-ability-card .web-ability-icon{background-size: 1.5rem;}
}

@media (max-width: 767.98px){
	html{font-size: 12px;}
	.page-circle-deco{margin-bottom: .4rem;}
	.page-circle-deco:before{top: -5rem;width: 10rem;height: 10rem;}
	.page-circle-deco h4{font-size: 1.6rem;}
	.page-circle-deco .phr1{font-size: 1.2rem;}
	.page-circle-deco .phr2{margin-left: 0;font-size: 1rem;}

	.main-text-wrap{padding-top: 13.625rem;}
	.main-text-wrap .move-left .move-x{background-size: 22rem;}
	.main-text-wrap .move-x-wrap .main-text-slide p{-webkit-line-clamp: 3;width: 18rem;padding-left: 3rem;font-size: 1.2rem;}
	.main-text-wrap .move-x-wrap .main-text-slide .deco-line-wrap{width: calc(100% - 18rem);}
	.main-bg-wrap .move-x-wrap.move-right{top: 1rem;padding-left: 23%;}
	.main-bg-wrap .move-x-wrap.move-right .move-x{background-size: 35rem;}

	.page-we .page-we-top p.translate-y{font-size: 1rem;}
	.page-we .page-we-bottom > .row{max-width: 43rem;}
	
	.page-monitoring .monitoring-left .monitoring-bottom{margin-left: 1rem;}
	.page-monitoring .monitoring-left .monitoring-bottom .rotation p{font-size: 1rem;}
	.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-2,
	.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-4{margin-left: 4.5rem;}
	.page-monitoring .monitoring-right{padding-left: 1rem;}
	.page-monitoring .monitoring-right .translate-x p{font-size: 1rem;}
	.page-monitoring .monitoring-right .monitoring-bottom .monitoring-bottom-icon{font-size: 1rem;}

	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text{font-size: 1.2rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text > p{padding-top: .8rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco:before{top: -5rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco h4{font-size: 1.6rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco .phr2{margin-top: 2rem;padding-right: 1rem;}

	.page-web > .container{padding: 11.8125rem 0 8.3375rem;}
	.page-web > .container .web-left{width: 100%;padding-right: 0;}
	.page-web > .container .web-left .page-circle-deco .phr2{padding-left: 3rem;padding-right: 15px;margin-top: 2.75rem;}
	.page-web > .container .web-right{width: 100%;margin-top: 2rem;padding-right: 1rem;}
	.page-web > .container .web-right .overflow-hidden{width: 33.333%;}
	.page-web > .container .web-right .overflow-hidden .translate-y{transition-delay: .5s;}
	.page-web > .container .web-right .overflow-hidden .web-ability-card h5{font-size: 1rem;}
	.page-web > .container .web-right .overflow-hidden .web-ability-card p{font-size: 1rem;}
}

@media (max-width: 575.98px){
	html{font-size: 8px;}
	header.active .mobile-nav li > a{font-size: 3.5rem;}
	header.active .mobile-nav .btn-center-wrap .brochure-down{font-size: 1.8rem;background-size: 1.8rem;padding: 0.375rem 3rem 0.375rem 1.375rem;}
	.wave > span:after{animation: wave 1s .25s infinite linear;}

	.page-circle-deco:before{top: -11rem;left: -1rem;width: 21rem;height: 21rem;}
	.page-circle-deco h4{font-size: 3.6rem;}
	.page-circle-deco .circle-deco{margin-bottom: .4rem;}
	.page-circle-deco .circle-deco > span{margin-right: -15px;}
	.page-circle-deco .phr1{font-size: 2.6rem;margin-top: 3rem;}
	.page-circle-deco .phr2{padding-left: 0.9375rem;font-size: 1.625rem;}

	.main-text-wrap .move-left .move-x{background-size: 26rem;}
	.main-text-wrap .move-x-wrap .main-text-slide p{font-size: 1.5rem;}
	.main-bg-wrap .move-x-wrap.move-right{padding-left: 27%;}
	.main-bg-wrap .move-x-wrap.move-right .move-x{background-size: 37rem;}
	.main-bg-wrap .bg-item-wrap{width: 30%;height: 50%;}
	.main-bg-wrap .bg-item-wrap:nth-child(1),
	.main-bg-wrap .bg-item-wrap:nth-child(6){width: 30%;}
	.main-bg-wrap .bg-item-wrap:nth-child(2){width: 40%;}
	.main-bg-wrap .bg-item-wrap:nth-child(5){width: 40%;}

	.bg-item-wrap .move-quarter{transition: all .025s cubic-bezier(.9,0,1,.9);}
	.main-bg-wrap .bg-item-wrap.bg-item1 .move-quarter{transition-delay: .1s;}
	.main-bg-wrap .bg-item-wrap.bg-item2 .move-quarter{transition-delay: .08s;}
	.main-bg-wrap .bg-item-wrap.bg-item3 .move-quarter{transition-delay: .035s;}
	.main-bg-wrap .bg-item-wrap.bg-item4 .move-quarter{transition-delay: .1s;}
	.main-bg-wrap .bg-item-wrap.bg-item5 .move-quarter{transition-delay: .08s;}
	.main-bg-wrap .bg-item-wrap.bg-item6 .move-quarter{transition-delay: .035s;}

	.page-we .page-we-top{max-width: 55.875rem;}
	.page-we .page-we-top h5{transform: translateY(8.5rem);-webkit-transform: translateY(8.5rem);}
	.page-we .page-we-top h5.translate-y{font-size: 2.375rem;}
	.page-we .page-we-top p.translate-y{font-size: 1.4rem;}
	.page-we .page-we-bottom > .row{max-width: 100%;}
	.page-we .page-we-bottom > .row .translate-x-wrap{padding-right: 0;padding-left: 5rem;font-size: 2.4rem;line-height: 2.4rem;}
	.page-we .page-we-bottom > .row .overflow-hidden{padding-left: 4.5rem;padding-right: 4.5rem;}
	.page-we .page-we-bottom > .row .overflow-hidden .translate-y{font-size: 1.75rem;line-height: 2rem;transform: translateY(16rem);-webkit-transform: translateY(16rem);}
	.page-we .page-we-bottom > .row .overflow-hidden .translate-y.active{transform: translateY(0);-webkit-transform: translateY(0);}
	.page-we .page-we-bottom > .row .we-circle-wrap .we-circle > p{font-size: 1.75rem;}
	
	.page-monitoring:before{height: 0;}
	.page-monitoring .deco{background-color: transparent;}
	.page-monitoring .container > .d-flex{flex-wrap: wrap;}
	.page-monitoring .container > .d-flex > div{width: 100%;}
	.page-monitoring .monitoring-left{padding-bottom: 9.25rem}
	.page-monitoring .monitoring-left .monitoring-bottom{margin-top: 3rem;}
	.page-monitoring .monitoring-left .monitoring-bottom .rotation + .rotation{margin-top: 1.25rem;}
	.page-monitoring .monitoring-left .monitoring-bottom .rotation p{font-size: 1.625rem;padding: 1rem 1.625rem;}
	.page-monitoring .monitoring-right{padding-top: 0;padding-left: 0;}
	.page-monitoring .monitoring-right .translate-x h5{font-size: 2.5rem;}
	.page-monitoring .monitoring-right .translate-x p{font-size: 1.625rem;}
	.page-monitoring .monitoring-right .monitoring-bottom{margin-top: 7.375rem;}
	.page-monitoring .monitoring-right .monitoring-bottom .monitoring-bottom-icon{font-size: 1.625rem;padding-left: 6.5rem;}

	.page-lighthouse .lighthouse-content-wrap{padding: 10.1875rem 0 7.1875rem;}
	.page-lighthouse .lighthouse-content-wrap > div{width: 100%;}
	.page-lighthouse .lighthouse-content-wrap > div:first-child{margin-bottom: 13rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text{font-size: 1.8rem;margin: auto;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text > p{padding-left: 1.8rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco:before{top: -11rem;left: -1rem;width: 22rem;height: 22rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco h4{font-size: 3.6rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco .phr2{margin-top: 5.75rem;padding-left: 0;padding-right: 0;}

	.page-web > .container{padding: 20.8125rem 0 13.3375rem;}
	.page-web > .container .web-left .page-circle-deco h4{margin-left: 6rem;}
	.page-web > .container .web-left .page-circle-deco .phr2{padding-left: 2rem;padding-right: 2rem;margin-top: 5.75rem;}
	.page-web > .container .web-right .overflow-hidden .translate-y{transform: translateY(25.5rem);-webkit-transform: translateY(25.5rem);}
	.page-web > .container .web-right .overflow-hidden .translate-y.active{transform: translateY(0);-webkit-transform: translateY(0);}
	.page-web > .container .web-right .overflow-hidden .web-ability-card .web-ability-icon{width: 5.4375rem;height: 5.4375rem;background-size: 2.5rem;}
	.page-web > .container .web-right .overflow-hidden .web-ability-card h5{font-size: 1.75rem;}
	.page-web > .container .web-right .overflow-hidden .web-ability-card p{font-size: 1.75rem;}
	.page-web > .wave-wrap .wave > span{font-size: 1.5rem;}

	.page-contact .copyright{font-size: 1.5rem;}
}

@media (max-width: 459.98px){
	.page-circle-deco:before{top: -10rem;left: -1rem;width: 18rem;height: 18rem;}
	.page-circle-deco h4{font-size: 3rem;}
	.page-circle-deco .phr1{font-size: 2.3rem;}
	.page-circle-deco .phr2{margin-left: 1rem;padding-left: 0;}

	.main-text-wrap .move-left .move-x{background-size: 21rem;}
	.main-bg-wrap .move-x-wrap.move-right .move-x{background-size: 30rem;}
	
	.page-we .page-we-top{max-width: 40.875rem;}
	.page-we .page-we-top h5.translate-y{font-size: 2rem;}
	.page-we .page-we-bottom > .row .we-circle-wrap .we-circle > p > span{padding: 0 .5rem;}

	.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-2,
	.page-monitoring .monitoring-left .monitoring-bottom .rotation .p-bg-4{margin-left: 1.875rem;}

	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-left .lighthouse-seq-text{font-size: 1.75rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco:before{top: -10rem;left: -.5rem;width: 18rem;height: 18rem;}
	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco h4{font-size: 3rem;}
	
	.page-web > .container .web-left .page-circle-deco:before{left: .9rem;}
	.page-web > .container .web-right .overflow-hidden{width: 50%;}
}

@media (max-width: 359.98px){
	header > h1.logo{left: 0.8125rem;}
	nav{top: 6rem;}
	nav li > a{font-size: 1.2rem;}
	nav li > a.active,
	nav li > a:hover{padding-left: 1rem;}
	.main-text-wrap{padding-top: 16.625rem;}
	.main-text-wrap .move-left .move-x{background-size: 18rem;}
	.main-text-wrap .move-x-wrap .main-text-slide p{width: 22rem;padding-left: 1rem;}
	.main-bg-wrap .move-x-wrap.move-right{top: 0rem;}
	.main-bg-wrap .move-x-wrap.move-right .move-x{background-size: 26rem;}
	
	.page-we .page-we-top{width: calc(100% - 3rem);}
	.page-we .page-we-top h5.translate-y{font-size: 1.75rem;}
	.page-we .page-we-top p.translate-y{font-size: 1.5rem;transform: translateY(9rem);-webkit-transform: translateY(9rem);}
	.page-we .page-we-top p.translate-y.active{transform: translateY(0%);-webkit-transform: translateY(0%);}
	.page-we .page-we-bottom > .row .we-circle-wrap .we-circle > p{font-size: 1.5rem;}

	.page-lighthouse .lighthouse-content-wrap .lighthouse-content-right .page-circle-deco > h4{margin-left: 3.5rem;}
}