@charset "UTF-8";

/* visual */
.visual .visual-inner{position: relative;}
.visual .visual-inner .visual-video{position: relative}
.visual .visual-inner .visual-video:after{width:100%; height:100%; position: absolute; top:0; left:0; content:""; background:rgba(0,0,0,0.5); z-index: 9;}
.visual .visual-inner .visual-video video{width:100%; height:100vh; object-fit: cover;}
.visual .visual-inner .visual-box{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 10; width: 100%; padding:0 3rem;}
.visual .visual-inner .visual-box h2{font-size:7.2rem; line-height:10rem; text-align: center;}
.visual .visual-inner .visual-box p{font-size:2.2rem; line-height:3.8rem; margin-top:1.5rem; text-align: center;}
.visual .visual-inner .visual-box .visual-btn{margin-top:4rem; display: flex; align-items: center; justify-content: center;}
 
/* DRcenter */
.drcenter{padding:14rem 3rem; background:#1a1a1a; position: relative;}
.drcenter .drcenter-inner{max-width: 1050px; margin:0 auto;}
.drcenter .drcenter-inner h2{font-size:5.2rem; line-height:9.1rem; color:#fff; text-align: center;}
.drcenter .drcenter-inner .drcenterbox{padding:6rem 6rem 7rem; margin-top:4rem; background:#000; border-radius: 24px;}
.drcenter .drcenter-inner .drcenterbox ul{display: flex; flex-direction: column; gap:2em;}
.drcenter .drcenter-inner .drcenterbox ul li{position: relative;}
.drcenter .drcenter-inner .drcenterbox ul li:nth-child(even){text-align: right;}
.drcenter .drcenter-inner .drcenterbox ul li:nth-child(odd) p{border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.drcenter .drcenter-inner .drcenterbox ul li:nth-child(even) p{border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.drcenter .drcenter-inner .drcenterbox ul li .nameplate{font-size:1.8rem; padding:1rem 2.4rem; background:#5B26D3; display:inline-block; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.drcenter .drcenter-inner .drcenterbox ul li p{font-size:2.2rem; padding:2.4rem 3rem; line-height:3.8rem; color:#C8C8C8; display: inline-block; background:#222; }
.drcenter .drcenter-inner .drcenterbox ul li p span{font-weight: 500; color:#fff;}
.drcenter .drcenter-inner .drcenterbox ul li img{position: absolute; bottom:-19px;}
.drcenter .drcenter-inner .drcenterbox ul li:nth-child(odd) img{left:40px;}
.drcenter .drcenter-inner .drcenterbox ul li:nth-child(even) img{right:40px;}

/* why */
.why{padding:8rem 3rem 12rem;}
.why .why-inner{max-width: 1400px; margin:0 auto;}
.why .why-inner .why-txtbox{text-align: center;}
.why .why-inner .why-txtbox strong{font-size:18.8rem; line-height:26.3rem; font-weight: 700; display: block;}
.why .why-inner .why-txtbox h2{font-size:4.8rem; line-height:6.7rem;}
.why .why-inner .why-txtbox p{font-size:2.6rem; margin-top:2rem; line-height:4.1rem;}
.why .why-inner .why-txtbox p span{font-weight: 600;}
.why .why-inner .why-table{display: grid; gap:3rem; grid-template-columns: 40% 1fr; margin-top:10rem;}
.why .why-inner .why-table > div > img{max-width: 100%; margin:0 auto}
.why .why-inner .why-table > div > ul{margin-top:4rem;}
.why .why-inner .why-table .why-table-l ul{display: flex; flex-direction: column; gap:0.8rem;}
.why .why-inner .why-table .why-table-l ul li{padding:1.5rem 3rem; background:#252525; border-radius: 8px;}
.why .why-inner .why-table .why-table-l ul li span{font-size:1.7rem; line-height:2.7rem; font-weight: 600; color:#C8C8C8;}
.why .why-inner .why-table .why-table-l ul li p{font-size:1.9rem; margin-top:0.5rem; line-height:3rem; font-weight:500; color:#fff; }
.why .why-inner .why-table .why-table-r ul{display: flex; flex-direction: column; gap:0.8rem;}
.why .why-inner .why-table .why-table-r ul li{padding:2.7rem 3rem; min-height:122px; background:#5B26D3; border-radius: 8px;}
.why .why-inner .why-table .why-table-r ul li span{font-size:1.7rem; line-height:2.7rem; font-weight: 600; color:#C8C8C8;}
.why .why-inner .why-table .why-table-r ul li div{display: flex; align-items: center; justify-content:flex-start; gap: 1rem; flex-wrap: wrap;}
.why .why-inner .why-table .why-table-r ul li div p{font-size:2.2rem; line-height:3.5rem; font-weight: 500; color:#fff;}

/* usability */
.usability{padding:12rem 0 0;}
.usability .usability-inner{max-width: 1110px; margin:0 auto;}
.usability .usability-inner h2{font-size:8rem; line-height:10.4rem; font-weight: 700; text-align: center; padding:0 3rem;}
.usability .usability-inner p{font-size:2.6rem; margin-top:2rem; line-height:4.5rem; font-weight: 500; color:#c8c8c8; text-align: center; width:100%; padding:0 3rem;}
.usability-swiper .swiper-wrapper{margin-top:6rem;}
.usability-swiper .swiper-wrapper .swiper-slide{width:340px;}
.usability-swiper h3{font-size:3.2rem; margin-top:2rem; line-height:4.8rem; font-weight:600; display: block; text-align: center;}
.usability-swiper span{font-size:2rem; margin-top:1rem; line-height:3rem; color:#c8c8c8; display:block; text-align: center;}

.data-flow rect:not(:first-child){ opacity:.15; animation: equalizer 2.5s ease-in-out infinite; /* transition:opacity .2s; */}
.data-flow rect:nth-child(3n){ animation-delay:.2s; }
.data-flow rect:nth-child(4n){ animation-delay:.4s; }
.data-flow rect:nth-child(5n){ animation-delay:.6s; }
.data-flow rect:nth-child(6n){ animation-delay:.8s; }
.data-flow rect:nth-child(7n){ animation-delay:1s; }
@keyframes equalizer{0% {opacity:.15;} 20%  {opacity:1;} 40%  {opacity:.15;} 60%  {opacity:1;} 80%  {opacity:.15;} 100% {opacity:.15;}}

/* compatibility */
.compatibility .percent-bg{width:100%; height:auto; background:url('/common/images/bg/bg_wave02.jpg')no-repeat center; background-size: cover; background-position:90%}
.percent-bg{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.percent-bg .percent{padding-top:24rem; width: 100%; text-align: center;}
.percent-bg .percent strong{font-size:26.8rem; font-weight:400; font-family: "Lato", sans-serif; letter-spacing: -0.25rem;}
.percent-bg .percent strong span:nth-child(2){font-size:8.6rem;}
.percent-bg .percent p{font-size:5.2rem; line-height:7.2rem; font-weight: 600; text-align: center;}

.test{max-width: 1280px; width:100%; margin:0 auto; padding:14rem 3rem 0;}
.test strong{font-size:4rem; line-height:7rem; font-weight: 600; color:#746FEF; display: block;}
.test p{font-size:2.6rem; margin-top:2rem; line-height:4.5rem; font-weight: 500; color:#C8C8C8;}

.compatibility-inner{max-width: 1280px; width:100%; margin:0 auto; padding:6rem 3rem 12rem 3rem;}
.compatibility-table{display: flex; flex-direction: column; gap:1.5rem;}
.compatibility-table .compatibilitybox{display: grid; gap:1.5rem; grid-template-columns: 26.5% 1fr;}
.compatibility-table .compatibilitybox .compatibilitybox-l{padding:0 7.5rem; gap:1.2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 24px;}
.compatibility-table .compatibilitybox .compatibilitybox-l p{font-size:2.6rem; line-height:4.2rem; font-weight: 500; text-align: center;}
.compatibility-table .compatibilitybox .compatibilitybox-r{padding:6rem 7rem 4rem; gap:5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 24px;}
.compatibility-table .compatibilitybox .compatibilitybox-r > div{display: flex; align-items: center; justify-content: center; gap:3.5rem;}
.compatibility-table .compatibilitybox .compatibilitybox-r > div > img{margin-top:-2.3rem;}
.compatibility-table .compatibilitybox .compatibilitybox-r > div span{font-size:1.9rem; margin-top:1rem; font-weight: 500; display: block; text-align: center;}
.compatibility-table .compatibilitybox .compatibilitybox-r p{font-size:1.9rem; padding-left:1.5rem; line-height:3.3rem; font-weight: 500; color:#fff; position: relative;}
.compatibility-table .compatibilitybox .compatibilitybox-r p:after{content:''; width:5px; height:5px; background:#fff; border-radius: 50%; position: absolute; top:14px; left:0;}

.compatibility-table .compatibilitybox.type01 .compatibilitybox-l{background:#000;}
.compatibility-table .compatibilitybox.type01 .compatibilitybox-r{background:#000;}
.compatibility-table .compatibilitybox.type02 .compatibilitybox-l{background:#5C21D6;}
.compatibility-table .compatibilitybox.type02 .compatibilitybox-r{background:#000; border:2px solid #5C21D6;}

/* Powered by Tibero */
.ani-txt{padding:12rem 0 20rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.ani-txt strong{font-size:17.4rem; font-weight: 200; transform: scale(5); white-space:nowrap; display: block;}

/* DBMS */
.dbms{padding:20rem 3rem 12rem;}
.dbms .dbms-inner{max-width: 1400px; margin:0 auto;}
.dbms .dbms-inner .dbms-top{display: flex; align-items: flex-start;}
.dbms .dbms-inner .dbms-top .dbms-top-l{width: calc(100% - 620px);} 
.dbms .dbms-inner .dbms-top .dbms-top-l h2{font-size:5.2rem; line-height:7.2rem; font-weight: 600; color:#746FEF;}
.dbms .dbms-inner .dbms-top .dbms-top-l p{font-size:2.4rem; margin-top:2rem; line-height:4.2rem; color:#c8c8c8;}
.dbms .dbms-inner .dbms-top .dbms-top-r{width:620px;} 
.dbms .dbms-inner .dbms-top .dbms-top-r dl div{padding:2.35rem 0 4.35rem; display: flex; align-items: center; justify-content: space-between;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div:not(:last-child){margin-bottom:2rem; border-bottom:1px solid #333;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div dt{font-size:2rem; line-height:2.8rem; font-weight: 600;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div dd{line-height: 1; font-family: "Lato", sans-serif; font-weight: 700; }
.dbms .dbms-inner .dbms-top .dbms-top-r dl div dd .plus-num{padding-left:4.5rem; position: relative;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div dd .plus-num::after{width:40px; height:40px; content:''; background:url('/common/images/ico/ico_plus.png')no-repeat center; background-size:100%; position: absolute; top:50%; left:0; transform: translateY(-50%);}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic01 dd{display: flex; align-items: center;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic01 dd .count-num{font-size:7.6rem;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic02 dd{font-size:3.2rem;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic02 dd .count-num{font-size:7.6rem;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic03 dd{font-size:7.6rem;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic04 dd{font-size:3.6rem;}
.dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic04 dd .count-num{font-size:7.6rem;}
.dbms .dbms-inner .dbms-brand{margin-top:8rem;}
.dbms-m{display: none;}

/* Zero Data Loss */
.zero-data{padding:12rem 0 8rem;}
.zero-data .zero-data-content{overflow: hidden;}
.zero-data .zero-data-content .zero-data-inner{padding:0 3rem; margin-bottom:6rem; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.zero-data .zero-data-content .zero-data-inner h2{font-size:8rem; line-height:10.4rem; font-weight: 700;}
.zero-data .zero-data-content .zero-data-inner p{font-size:2.6rem; line-height:4.5rem; color:#c8c8c8; font-weight: 500;}
.rolling-wrap{ overflow:hidden; mask-image: linear-gradient( to right, transparent, black 20%, black 80%, transparent);}
.rolling-banner{display: flex; gap:3rem; width:max-content;}
.rolling-banner li{min-width:364px; padding:3rem 2rem 4.5rem; background:#000; border-radius: 16px; display: flex;align-items: center; justify-content: center; flex-direction: column;}
.rolling-banner li p{font-size:2.2rem; line-height:3.3rem; margin-top:4rem; font-weight: 500; text-align: center;}

/* ADR 활용 */
.conjugation{padding:8rem 3rem 12rem;}
.conjugation .conjugation-inner{max-width: 1400px; margin:0 auto; position: relative;}
.conjugation .conjugation-inner > h2{font-size:5.2rem; line-height:7.2rem; font-weight: 600;}
.conjugation .conjugation-inner > p{font-size:2.6rem; margin-top:2rem; line-height:4.5rem; color:#c8c8c8; font-weight: 500;}
.conjugation .conjugation-inner > p.toggle-txt{font-size:3.2rem; line-height:1; color:#fff; font-weight: 500; position: absolute; bottom:-60px; right:0; opacity:0; transform:translateY(10px); transition:all .4s ease; pointer-events:none;}
.conjugation .conjugation-inner > p.toggle-txt.on{opacity: 1; transform: translateY(0);}
.conjugation .conjugation-inner .toggle{gap:1.2rem; display: flex; align-items: center; justify-content: flex-end;}
.conjugation .conjugation-inner .before-after{display: grid; grid-template-columns: 42.85% 1fr 42.85%; gap:2rem; align-items: center;}
.conjugation .conjugation-inner .before-after .stepbox{margin-top:8rem; display: flex; flex-direction: column; align-items: center; gap:2rem;}
.conjugation .conjugation-inner .before-after .stepbox span{font-size:1.8rem; font-weight: 500; text-align: center;}
.conjugation .conjugation-inner .before-after .stepbox .m-arrow{display: none;}
.conjugation .conjugation-inner .before-after .before, .conjugation .conjugation-inner .before-after .after{padding-top:8rem; position: relative;}
.conjugation .conjugation-inner .before-after .after .toggle{position: absolute; top:20px; right:0;}
.conjugation .conjugation-inner .before-after .before .beforebox{padding:5rem 4rem 4rem 5rem; background:#000; border-radius:24px;}
.conjugation .conjugation-inner .before-after .before .beforebox .idlebox{display: flex; align-items: center; justify-content: space-between;}
.conjugation .conjugation-inner .before-after .before .beforebox .idlebox p{font-size:1.8rem; padding:0.4rem 2.8rem; line-height:3.1rem; color:#fff; font-weight: 500; background:#5C21D6; border-radius: 22px;}
.conjugation .conjugation-inner .before-after .before .beforebox .idlebox div{display: flex; align-items: center; gap:1.2rem;}
.conjugation .conjugation-inner .before-after .before .beforebox .idlebox div span{font-size:1.8rem; color:#746FEF; font-weight: 600;}
.conjugation .conjugation-inner .before-after .before .beforebox .idlelist{display: flex; margin-top:3rem; align-items: flex-end; justify-content: space-between; gap:4rem;}
.conjugation .conjugation-inner .before-after .before .beforebox .idlelist ul{display: flex; flex-direction: column; gap:1.2rem;}
.conjugation .conjugation-inner .before-after .before .beforebox .idlelist ul li{font-size:1.8rem; padding:0 3rem; min-height:86px; font-weight: 500; text-align: center; background:#25234D; border-radius: 8px; display: flex; align-items: center; justify-content: center;}
.conjugation .conjugation-inner .before-after .after .afterbox{padding:5rem 4rem 4rem 5rem; background:#000; border-radius:24px;}
.conjugation .conjugation-inner .before-after .after .afterbox .idlebox{display: flex; align-items: center; justify-content: space-between;}
.conjugation .conjugation-inner .before-after .after .afterbox .idlebox p{font-size:1.8rem; padding:0.4rem 2.8rem; line-height:3.1rem; color:#fff; font-weight: 500; background:#252525; border-radius: 22px;}
.conjugation .conjugation-inner .before-after .after .afterbox .idlebox div{display: flex; align-items: center; gap:1.2rem;}
.conjugation .conjugation-inner .before-after .after .afterbox .idlebox div span{font-size:1.8rem; color:#c8c8c8; font-weight: 600;}
.conjugation .conjugation-inner .before-after .after .afterbox .idlelist{display: flex; margin-top:3rem; align-items: flex-end; justify-content: space-between; gap:4rem;}
.conjugation .conjugation-inner .before-after .after .afterbox .idlelist ul{display: flex; flex-direction: column; gap:1.2rem;}
.conjugation .conjugation-inner .before-after .after .afterbox .idlelist ul li{font-size:1.8rem; padding:0 3rem; min-height:86px; font-weight: 500; text-align: center; background:#252525; color:#c8c8c8; border-radius: 8px; display: flex; align-items: center; justify-content: center;}
.conjugation .conjugation-inner .before-after .after .afterbox.on .idlebox p{background:#5C21D6}
.conjugation .conjugation-inner .before-after .after .afterbox.on .idlebox div span{color:#746FEF;}
.conjugation .conjugation-inner .before-after .after .afterbox.on .idlelist ul li{background:#25234D;}

/* 도입 사례 */
.introduction{padding:12rem 0 6rem;}
.introduction .introduction-inner h2{font-size:8rem; padding:0 3rem; margin-bottom:6rem; line-height:10.4rem; font-weight: 700; text-align: center;}
.swiper-type01 .swiper .swiper-wrapper .swiper-slide.introduction-slide{width: 1400px;}
.introduction-swiper {display: flex; border-radius: 24px; overflow: hidden; height:718px;}
.introduction-swiper .introduction-img{width:calc(100% - 513px); background:#000; display: flex; align-items: center; justify-content: center;}
.introduction-swiper .introduction-txtbox{width:513px; padding:7rem 6rem 6rem; background:#252525; display: flex; flex-direction: column;}
.introduction-swiper .introduction-txtbox .introduction-state{padding-bottom:2rem; border-bottom:1px solid #555;}
.introduction-swiper .introduction-txtbox .introduction-state p{font-size:2.6rem; margin-top:1rem; line-height: 4.1rem; font-weight: 600;}
.introduction-swiper .introduction-txtbox .introduction-listbox{margin-top:3rem; display: flex; flex-direction: column; justify-content: space-between; flex:1}
.introduction-list-type01{display: flex; flex-direction: column; gap:1.5rem;}
.introduction-list-type01 li{display: flex; align-items: flex-start;}
.introduction-list-type01 li P:first-child{width:24px; font-size:1.5rem; line-height:2.4rem; font-weight: 600; background:#666; display: flex; align-items: center; justify-content: center; border-radius: 3px;}
.introduction-list-type01 li P:last-child{width: calc(100% - 24px); margin-left:0.8rem; margin-top:-0.3rem; font-size:2rem; line-height:3.2rem; letter-spacing: -0.5px;}
.introduction-list-type02{display: flex; flex-direction: column; gap:1.2rem;}
.introduction-list-type02 > li{padding-left:3.2rem; font-size:1.9rem; line-height:3rem; color:#e4e4e4; position: relative;}
.introduction-list-type02 > li:after{width:21px; height:24px; content:''; background:url('/common/images/ico/ico_check.png')no-repeat center; background-size:100%; position: absolute; top:0; left:0;}
.introduction-list-type02 > li span{font-size:1.7rem;}
.swiper-type01-btn{ display:flex; justify-content:flex-end; gap:0.8rem; max-width: 1400px; margin:2rem auto 0;}
.swiper-type01-btn .swiper-button-prev, .swiper-type01-btn .swiper-button-next{position:static; transform:none; margin:0;}
.swiper-type01-btn .swiper-button-prev{width:52px; height:52px; background: url('/common/images/btn/btn_prev.png')no-repeat center; background-size:100%; transition: all 0.3s;}
.swiper-type01-btn .swiper-button-prev:hover{background: url('/common/images/btn/btn_hover_prev.png')no-repeat center; transition: all 0.3s;}
.swiper-type01-btn .swiper-button-next{width:52px; height:52px; background: url('/common/images/btn/btn_next.png')no-repeat center; background-size:100%; transition: all 0.3s;}
.swiper-type01-btn .swiper-button-next:hover{background: url('/common/images/btn/btn_hover_next.png')no-repeat center; transition: all 0.3s;}

/* 브랜드 띠배너 */
.rolling-banner02{padding-bottom:12rem; overflow: hidden; overflow:hidden; mask-image: linear-gradient( to right, transparent, black 10%, black 90%, transparent);}
.rolling-banner02 ul{display: flex; align-items: center;}
.rolling-banner02 ul li img{max-width: none;}

/* DR */
.dr{padding:12rem 0 12rem;}
.dr .dr-inner > h2{font-size: 8rem; margin-bottom: 6rem; line-height: 10.4rem; font-weight: 700; text-align: center;}
.swiper-type02 .swiper .swiper-wrapper .swiper-slide.dr-center-slide{width: 1400px;}
.dr-center-swiper{border-radius: 24px; overflow: hidden;}
.dr-center-swiper .dr-center-img{ height:536px; background:#000; display: flex; align-items: center; justify-content: center;}
.dr-center-swiper .dr-center-img img{margin:0 auto;}
.dr-center-swiper .dr-center-listbox{padding:4rem 6rem; height:374px; background:#252525; display: flex; align-items: flex-start;}
.dr-center-swiper .dr-center-listbox h2{width:640px; font-size:5.6rem; font-weight: 500;}
.dr-center-swiper .dr-center-listbox > div{width: calc(100% - 640px);}
.dr-center-swiper .dr-center-listbox > div .introduction-list-type02{padding-bottom:2.8rem; border-bottom:1px solid #555;}
.dr-center-swiper .dr-center-listbox > div .dr-center-list-type01{margin-top:2.8rem; display: flex; flex-direction: column; gap:1.5rem;}
.dr-center-swiper .dr-center-listbox > div .dr-center-list-type01 li{padding-left: 3.8rem; font-size: 1.9rem; line-height: 3rem; color: #e4e4e4; position: relative;}
.dr-center-swiper .dr-center-listbox > div .dr-center-list-type01 li:after{width:26px; height:26px; content:''; background-size:100%; position: absolute; top:2px; left:0;}
.dr-center-swiper .dr-center-listbox > div .dr-center-list-type01 li.circle:after{background:url('/common/images/ico/ico_circle.png')no-repeat center;}
.dr-center-swiper .dr-center-listbox > div .dr-center-list-type01 li.extraction:after{background:url('/common/images/ico/ico_x.png')no-repeat center;}
.swiper-type02-btn{ display:flex; justify-content:flex-end; gap:0.8rem; max-width: 1400px; margin:2rem auto 0;}
.swiper-type02-btn .swiper-button-prev, .swiper-type02-btn .swiper-button-next{position:static; transform:none; margin:0;}
.swiper-type02-btn .swiper-button-prev{width:52px; height:52px; background: url('/common/images/btn/btn_prev.png')no-repeat center; background-size:100%; transition: all 0.3s;}
.swiper-type02-btn .swiper-button-prev:hover{background: url('/common/images/btn/btn_hover_prev.png')no-repeat center; transition: all 0.3s;}
.swiper-type02-btn .swiper-button-next{width:52px; height:52px; background: url('/common/images/btn/btn_next.png')no-repeat center; background-size:100%; transition: all 0.3s;}
.swiper-type02-btn .swiper-button-next:hover{background: url('/common/images/btn/btn_hover_next.png')no-repeat center; transition: all 0.3s;}

/* cloud */
.cloud{padding:12rem 3rem 7rem;}
.cloud .cloud-inner{max-width: 1400px; margin:0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.cloud .cloud-inner h2{font-size:8rem; text-align: center;}
.cloud .cloud-inner h2 span{color:#746FEF}
.cloud .cloud-inner .cloud-sub-txt{font-size:2.6rem; margin-top:2rem; line-height:4.5rem; font-weight: 500;  text-align: center; color:#c8c8c8;}
.cloud .cloud-inner .owl-box{margin-top:8rem;}
.cloud .cloud-inner .owl-box img{margin:0 auto}
.cloud .cloud-inner .owl-box p{font-size:3.2rem; margin-top:1rem; line-height:4.5rem; font-weight: 700; color:#746FEF;}
.cloud .cloud-inner .owl-sub-txt{font-size:2.2rem; margin-top:3rem; line-height:3.8rem; text-align: center;}
.cloud .cloud-inner ul{width:100%; margin-top:6rem; display: grid; grid-template-columns: repeat(5, 1fr);}
.cloud .cloud-inner ul li{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem;}
.cloud .cloud-inner ul li:not(:last-child){border-right:1px solid #444;}
.cloud .cloud-inner ul li strong{font-size:2.2rem; line-height:3.8rem; font-weight: 500; color:#EFA06F}
.cloud .cloud-inner ul li span{font-size:1.8rem; color:#c8c8c8; text-align: center;}

/* OwlDB */
.owldb{padding:7rem 3rem 6rem;}
.owldb .owldb-inner{max-width: 1400px; margin:0 auto}
.owldb .owldb-inner h2{font-size:5.2rem; margin-bottom:3rem; line-height:7.3rem; font-weight: 600; text-align: center; display: flex; align-items: center; justify-content: center;}
.owldbm{display: none;}

/* adr */
.adr{padding:6rem 3rem 13rem;}
.adr .adr-inner{max-width: 1400px; margin:0 auto; border-radius: 24px; overflow: hidden;}
.adr .adr-inner .adr-bg{width:100%; height:474px; background:url('/common/images/bg/bg_adr01.png')no-repeat  right center; background-size:cover; position: relative;}
.adr .adr-inner .adr-bg .adr-box{position: absolute; top:12rem; left:14rem; z-index: 10;}
.adr .adr-inner .adr-bg h2{font-size:4.8rem; margin-bottom:2rem; font-weight: 700;}
.adr .adr-inner .adr-bg p{font-size:2rem; margin-bottom:5rem; font-weight: 500;}
.particles{position: absolute; top:50%; right:80px; width:580px; height:275px; transform: translate(0, -50%);}
.particles #canvas{inset:0; width:100%; height:100%; display: block;}


@media all and (max-width:1500px){    

    /* 도입 사례 */
    .swiper-type01 .swiper .swiper-wrapper .swiper-slide.introduction-slide{width:80vw;}
    .introduction-swiper{height:620px;}
    .introduction-swiper .introduction-txtbox{padding:3.5rem 3rem;}
    .introduction-swiper .introduction-img{padding:2rem;}
    .swiper-type01-btn{max-width: 80vw;}

    /* DR */
    .swiper-type02 .swiper .swiper-wrapper .swiper-slide.dr-center-slide{width: 80vw;}
    .dr-center-swiper .dr-center-listbox > div .introduction-list-type02{padding-bottom:2rem;}
    .dr-center-swiper .dr-center-listbox > div .dr-center-list-type01{margin-top:2rem; gap:1rem;}
    .dr-center-swiper .dr-center-listbox > div .dr-center-list-type01 li{font-size:1.6rem;}
    .dr-center-swiper .dr-center-img{height:470px;}
    .dr-center-swiper .dr-center-img img{padding:0 1rem;}
    .dr-center-swiper .dr-center-listbox{height:400px;}
    .swiper-type02-btn{max-width:80vw;}
    .dr-center-swiper .dr-center-listbox h2{width:400px; font-size:4rem;}
    .dr-center-swiper .dr-center-listbox{padding:4rem 3rem;}
    .dr-center-swiper .dr-center-listbox > div{width:calc(100% - 400px);}

}

@media all and (max-width:1400px){    

    /* why */
    .why .why-inner .why-table .why-table-l ul li{padding:1.5rem; min-height:122px;}
    .why .why-inner .why-table .why-table-l ul li p{font-size:1.6rem;}
    .why .why-inner .why-table .why-table-r ul li{padding:1.5rem;}
    .why .why-inner .why-table .why-table-r ul li div{gap:0.5rem;}
    .why .why-inner .why-table .why-table-r ul li div p{font-size:1.8rem; line-height:3rem;}

    /* DBMS */
    .dbms .dbms-inner .dbms-top .dbms-top-l h2{font-size:4.8rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-l p{font-size:2rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-l{width:calc(100% - 500px)}
    .dbms .dbms-inner .dbms-top .dbms-top-r{width: 480px; margin-left:2rem;}

    /* ADR 활용 */
    .conjugation .conjugation-inner .before-after{gap:1rem;}
    .conjugation .conjugation-inner .before-after .before .beforebox{padding:2.5rem 2rem 2rem 2.5rem;}
    .conjugation .conjugation-inner .before-after .after .afterbox{padding:2.5rem 2rem 2rem 2.5rem;}

    /* adr */
    .adr .adr-inner .adr-bg .adr-box{left:6rem;}
}

@media all and (max-width:1300px){

    /* compatibility */
    .compatibility-table .compatibilitybox .compatibilitybox-l{padding:0 3rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-r{padding:6rem 3rem 4rem}

    /* ADR 활용 */
    .conjugation .conjugation-inner .before-after .after .afterbox .idlelist ul li{padding:0 2rem; font-size:1.6rem;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlelist img{width:200px;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlelist img{width:200px;}

    /* 도입 사례 */
    .introduction-swiper{flex-direction: column; height: auto;}
    .introduction-swiper .introduction-img{width: 100%;;}
    .introduction-swiper .introduction-img{height:616px;}
    .introduction-swiper .introduction-txtbox{width: 100%; height:550px;}

}

@media all and (max-width:1150px){

    /* DR */
    .dr-center-swiper .dr-center-listbox{height:450px;}
}    


@media all and (max-width:1024px){

    /* DRcenter */
    .drcenter .drcenter-inner h2{text-align: left;}
    .drcenter .drcenter-inner .drcenterbox ul li:nth-child(odd){padding-right:5rem;}
    .drcenter .drcenter-inner .drcenterbox ul li:nth-child(even){padding-left:5rem;}
    .drcenter .drcenter-inner .drcenterbox ul li:nth-child(even) p{text-align: left;}

    /* why */
    .why .why-inner .why-table{display: flex; flex-direction: column; gap:6rem;}
    .why .why-inner .why-table .why-table-l ul li{min-height: auto;}
    .why .why-inner .why-table .why-table-r ul li{min-height:auto;}
    .why .why-inner .why-table .why-table-r ul li div{flex-direction: column; align-items: flex-start;}
    .why .why-inner .why-table .why-table-r ul li div img{transform: rotate(90deg);}

    /* compatibility */
    .compatibility-table .compatibilitybox{display: flex; flex-direction: column; gap:1.6rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-l{padding:3rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-r > div{flex-direction:column;}
    .compatibility-table .compatibilitybox .compatibilitybox-r{padding:4rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-r > div > img{margin-top:0;}

    /* Powered by Tibero */
    .ani-txt strong{text-align: center;}

    /* DBMS */
    .dbms-pc{display: none;}
    .dbms-m{display: block; width: 100%;}
    .dbms .dbms-inner .dbms-top{flex-direction: column;}
    .dbms .dbms-inner .dbms-top .dbms-top-l{width:100%;}
    .dbms .dbms-inner .dbms-top .dbms-top-r{width:100%; margin-left:0;}

    /* ADR 활용 */
    .conjugation .conjugation-inner .before-after{display: flex; flex-direction: column; gap:2rem;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlelist img{display: none;}
    .conjugation .conjugation-inner .before-after .before, .conjugation .conjugation-inner .before-after .after{width:100%;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlelist ul{width:100%;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlelist ul{width:100%}
    .conjugation .conjugation-inner .before-after .stepbox .pc-arrow{display: none;}
    .conjugation .conjugation-inner .before-after .stepbox{flex-direction: row; gap:3rem; margin-top:0;}
    .conjugation .conjugation-inner .before-after .stepbox .m-arrow{display: block;}
    .conjugation .conjugation-inner .before-after .before{padding-top:3rem;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlelist img{display: none;}

    /* 도입 사례 */
    .introduction-swiper .introduction-img{height:500px;}
    .introduction-swiper .introduction-img img{width: 80%;}
    .swiper-type01 .swiper-wrapper{ align-items: stretch;}
    .swiper-type01 .swiper-slide{ height: auto; display: flex;}
    .swiper-type01 .swiper-slide .introduction-swiper{ display: flex; flex-direction: column; height: 100%; background:#252525;}

    /* DR */
    .swiper-type02 .swiper .swiper-wrapper .swiper-slide.dr-center-slide{}
    .swiper-type02-btn{}
    .dr-center-swiper .dr-center-img{height:320px;}
    .dr-center-swiper .dr-center-listbox{flex-direction: column; padding:3rem 2rem 7rem; height:457px;}
    .dr-center-swiper .dr-center-listbox h2{width: 100%; margin-bottom:2rem;}
    .dr-center-swiper .dr-center-listbox > div{width:100%;}

    /* cloud */
    .cloud .cloud-inner ul{grid-template-columns:repeat(2, 1fr); gap: 2rem;;}
    .cloud .cloud-inner ul li{border-right:1px solid #444;}
    .cloud .cloud-inner ul li:nth-child(2), .cloud .cloud-inner ul li:nth-child(4){ border-right:none;}

    /* OwlDB */
    .owldb .owldb-inner h2{display: block; text-align: left;}
    .owldb .owldb-inner h2 img{display: inline;}
    .owldbpc{display: none;}
    .owldbm{display: block; width: 100%; border-radius: 24px; overflow: hidden;}

    /* adr */
    .adr .adr-inner .adr-bg{padding:5rem 3rem 10rem; height:auto; min-height:500px; background:url('/common/images/bg/bg_mobile_adr.png')no-repeat bottom center; background-size:cover; position: relative;}
    .adr .adr-inner .adr-bg .adr-box{left:3rem; top:5rem; z-index:2;}
    .particles{top:auto; right:auto; bottom:0; left:50%; transform: translate(-50%, 0);}

}

@media all and (max-width:767px){

    /* visual */
    .visual .visual-inner .visual-video video{height:800px;}
    .visual .visual-inner .visual-box h2{font-size:3.8rem; line-height:4.9rem;}
    .visual .visual-inner .visual-box p{font-size:1.6rem; line-height:2.4rem; margin-top:2rem;}

    /* DRcenter */
    .drcenter{padding:6rem 1rem 8rem;}
    .drcenter .drcenter-inner h2{font-size:3.2rem; line-height:4.4rem; padding:0 2rem;}
    .drcenter .drcenter-inner .drcenterbox{margin-top:2rem; padding:3rem 2rem 4.5rem;}
    .drcenter .drcenter-inner .drcenterbox ul{gap:3rem;}
    .drcenter .drcenter-inner .drcenterbox ul li .nameplate{font-size:1.4rem; padding:0.8rem 1.6rem;}
    .drcenter .drcenter-inner .drcenterbox ul li p{padding:1.6rem; font-size:1.5rem; line-height:2.4rem;}
    .drcenter .drcenter-inner .drcenterbox ul li:nth-child(odd){padding-right:3.5rem;}
    .drcenter .drcenter-inner .drcenterbox ul li:nth-child(odd) img{left:30px;}
    .drcenter .drcenter-inner .drcenterbox ul li:nth-child(even){padding-left:3.5rem;}
    .drcenter .drcenter-inner .drcenterbox ul li:nth-child(even) img{right:30px;}
    .drcenter .drcenter-inner .drcenterbox ul li img{width: 13px; bottom:-14px;}


    /* why */
    .why{padding:8rem 3rem;}
    .why .why-inner .why-txtbox strong{font-size:10rem; line-height:14rem;}
    .why .why-inner .why-txtbox h2{font-size:2.8rem; line-height:3.9rem;}
    .why .why-inner .why-txtbox p{font-size:1.6rem; line-height:2.5rem;}
    .why .why-inner .why-table{margin-top:6rem;}
    .why .why-inner .why-table > .why-table-l > img{width:123px;}
    .why .why-inner .why-table > .why-table-r > img{width:79px;}
    .why .why-inner .why-table > div > ul{margin-top:2rem;}
    .why .why-inner .why-table .why-table-l ul li{padding:1.2rem 1.6rem;}
    .why .why-inner .why-table .why-table-l ul li span{font-size:1.4rem; line-height:2.2rem;}
    .why .why-inner .why-table .why-table-r ul li{padding:1.2rem 1.6rem;}
    .why .why-inner .why-table .why-table-r ul li span{font-size:1.4rem; line-height:2.2rem;}
    .why .why-inner .why-table .why-table-r ul li div p{font-size:1.5rem; line-height:2.4rem;}
    .why .why-inner .why-table .why-table-r ul li div img{width:16px;}
    .why .why-inner .why-table .why-table-r ul li div{gap:0.2rem;}

    /* usability */
    .usability{padding:8rem 0 0;}
    .usability .usability-inner h2{font-size:3.4rem; line-height:4.4rem;}
    .usability .usability-inner p{font-size:1.6rem; line-height:2.8rem; margin-top:2rem;}
    .usability-swiper .swiper-wrapper{margin-top:4rem;}
    .usability-swiper .swiper-wrapper .swiper-slide{width:280px;}
    .usability-swiper h3{font-size:2rem; line-height:3rem;}
    .usability-swiper span{font-size:1.6rem; margin-top:0.8rem; line-height:2.4rem;}

    /* compatibility */
    .compatibility .percent-bg{background-position: 100%;}
    .percent-bg .percent{padding-top:16rem;}
    .percent-bg .percent strong{font-size:12.8rem; line-height:14rem;}
    .percent-bg .percent strong span:nth-child(2){font-size:3.2rem; line-height:4.4rem;}
    .percent-bg .percent p{font-size:2.8rem; line-height:3.9rem;}
    .test{padding:8rem 3rem 0;}
    .test strong{font-size:2.4rem; line-height:3.3rem;}
    .test p{font-size:1.6rem; line-height:2.8rem;}
    .compatibility-inner{padding:4rem 3rem 8rem;}
    .compatibility-table .compatibilitybox{gap:0.8rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-l{padding:1.5rem; gap:0.8rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-l p{font-size:2rem; line-height:3.2rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-r{padding:2rem; gap:3.2rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-r > div{gap:2rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-r > div span{font-size:1.5rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-r > div > img{width:30px;}
    .compatibility-table .compatibilitybox .compatibilitybox-r p{font-size:1.5rem; line-height:2.6rem; padding-left:1.5rem;}
    .compatibility-table .compatibilitybox .compatibilitybox-r p:after{width:4px; height:4px; top:11px;}

    /* Powered by Tibero */
    .ani-txt{padding:8rem 0;}
    .ani-txt strong{font-size:7.2rem; line-height:10rem;}

    /* DBMS */
    .dbms{padding:8rem 3rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-l h2{font-size:2.4rem; line-height:3.3rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-l p{font-size:1.6rem; line-height:2.8rem; margin-bottom:1rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-r dl div{padding:3rem 0;}
    .dbms .dbms-inner .dbms-top .dbms-top-r dl div:not(:last-child){margin-bottom:0;}
    .dbms .dbms-inner .dbms-top .dbms-top-r dl div dt{font-size:1.5rem; line-height:2.1rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic01 dd .count-num{font-size:3.8rem; padding-left:2.8rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic02 dd .count-num{font-size:3.8rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic02 dd{font-size:2.4rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic03 dd{font-size:3.8rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-r dl div.characteristic04 dd .count-num{font-size:3.8rem; padding-left:2.8rem;}
    .dbms .dbms-inner .dbms-top .dbms-top-r dl div dd .plus-num::after{width:28px; height:28px;}
    .dbms .dbms-inner .dbms-brand{margin-top:3rem;}

    /* Zero Data Loss */
    .zero-data{padding:8rem 0 4rem;}
    .zero-data .zero-data-content .zero-data-inner{margin-bottom:4rem;}
    .zero-data .zero-data-content .zero-data-inner h2{font-size:3.4rem; line-height:4.4rem;}
    .zero-data .zero-data-content .zero-data-inner p{font-size:1.6rem; margin-top:2rem; line-height:2.8rem;}
    .rolling-banner{gap:1.2rem;}
    .rolling-banner li{padding:3rem 2rem; min-width: 240px;}
    .rolling-banner li img{width: 200px;}
    .rolling-banner li p{font-size:1.5rem; line-height:2.2rem; margin-top:1.8rem;}

    /* ADR 활용 */
    .conjugation{padding:4rem 3rem 8rem;}
    .conjugation .conjugation-inner > h2{font-size:2.8rem; line-height:3.9rem;}
    .conjugation .conjugation-inner > p{font-size:1.6rem; line-height:2.8rem;}
    .conjugation .conjugation-inner > p.toggle-txt{font-size:1.6rem; bottom:-30px;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlebox div img{width:20px;}
    .conjugation .conjugation-inner .before-after .before .beforebox{padding:2rem; border-radius: 16px;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlebox p{font-size:1.5rem; padding:0.4rem 2rem;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlebox div{gap:0.8rem;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlebox div span{font-size:1.5rem;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlelist{margin-top:2rem;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlelist ul{gap:0.8rem;}
    .conjugation .conjugation-inner .before-after .before .beforebox .idlelist ul li{font-size:1.5rem; min-height:auto; padding:1.2rem 0; border-radius: 0.8rem;}
    .conjugation .conjugation-inner .before-after .after .toggle{top:0;}
    .conjugation .conjugation-inner .before-after .after{padding-top:5rem;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlebox div img{width: 20px;}
    .conjugation .conjugation-inner .before-after .after .afterbox{padding:2rem; border-radius: 16px;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlebox p{font-size:1.5rem; padding:0.4rem 2rem;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlebox div{gap:0.8rem;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlebox div span{font-size:1.5rem;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlelist{margin-top:2rem;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlelist ul{gap:0.8rem;}
    .conjugation .conjugation-inner .before-after .after .afterbox .idlelist ul li{font-size:1.5rem; min-height:auto; padding:1.2rem 0; border-radius: 0.8rem;}

    .conjugation .conjugation-inner .before-after .stepbox span{font-size:1.4rem;}


    /* 도입 사례 */
    .introduction{padding:8rem 0 4rem}
    .introduction .introduction-inner h2{font-size:3.4rem; line-height:4.3rem; margin-bottom:4rem;}
    .introduction-swiper .introduction-txtbox .introduction-state img{width:94px;}
    .introduction-swiper .introduction-txtbox .introduction-state p{font-size:1.8rem; margin-top:0.8rem; line-height:2.8rem;}
    .introduction-swiper .introduction-img{height:350px; padding:0;}
    .introduction-swiper .introduction-txtbox{padding:2rem 2rem 3rem;}
    .introduction-list-type01 li P:last-child{font-size:1.6rem; line-height:2.6rem;}
    .introduction-list-type01 li P:first-child{font-size:1.2rem; width:1.8rem; line-height:1.8rem;}
    .swiper-type01-btn{margin-top:3rem;}
    .swiper-type01-btn .swiper-button-prev{width:44px; height:44px; background-size:100%;}
    .swiper-type01-btn .swiper-button-prev:hover{background-size:100%;}
    .swiper-type01-btn .swiper-button-next{width:44px; height:44px; background-size:100%;}
    .swiper-type01-btn .swiper-button-next:hover{ background-size:100%;}

    /* 브랜드 띠배너 */
    .rolling-banner02{padding-bottom:8rem;}
    .rolling-banner02 ul li img{width:160px;}

    /* DR */
    .dr{padding:8rem 0;}
    .dr .dr-inner > h2{font-size:3.4rem; line-height:4.7rem; margin-bottom:4rem;}
    .dr-center-swiper .dr-center-listbox h2{font-size:2rem; margin-bottom:1.2rem;}
    .introduction-list-type02{gap:0.8rem;}
    .introduction-list-type02 > li{font-size:1.6rem; line-height:2.5rem; padding-left:2.4rem;}
    .dr-center-swiper .dr-center-listbox > div .introduction-list-type02{padding-bottom:2.4rem;}
    .introduction-list-type02 > li:after{width:20px;}
    .dr-center-swiper .dr-center-img{height: auto;}
    .dr-center-swiper .dr-center-img img{padding:2rem 1rem;  }
    .dr-center-swiper .dr-center-listbox > div .dr-center-list-type01{gap:2.4rem; margin-top:3.2rem;}
    .dr-center-swiper .dr-center-listbox > div .dr-center-list-type01 li{font-size:1.5rem; line-height:2.4rem; padding-left:3.2rem;}
    .dr-center-swiper .dr-center-listbox > div .dr-center-list-type01 li.circle:after{width:20px; height:20px; background-size: 100%;}
    .dr-center-swiper .dr-center-listbox > div .dr-center-list-type01 li.extraction:after{width:20px; height:20px; background-size: 100%;}
    .swiper-type02-btn{margin-top:3rem;}
    .swiper-type02-btn .swiper-button-prev{width:44px; height:44px; background-size:100%;}
    .swiper-type02-btn .swiper-button-prev:hover{background-size:100%;}
    .swiper-type02-btn .swiper-button-next{width:44px; height:44px; background-size:100%;}
    .swiper-type02-btn .swiper-button-next:hover{ background-size:100%;}

    /* cloud */
    .cloud{padding:8rem 3rem 4rem;}
    .cloud .cloud-inner h2{font-size:3.4rem; line-height:4.4rem;}
    .cloud .cloud-inner .cloud-sub-txt{font-size:1.6rem; line-height:2.8rem;}
    .cloud .cloud-inner .owl-box{margin-top:6rem;}
    .cloud .cloud-inner .owl-box img{width: 90px;}
    .cloud .cloud-inner .owl-box p{margin-top:0.8rem; font-size:2rem; line-height:2.8rem;}
    .cloud .cloud-inner .owl-sub-txt{margin-top:1.5rem; font-size:1.5rem; line-height:2.6rem;}
    .cloud .cloud-inner ul{margin-top:4rem;}
    .cloud .cloud-inner ul li strong{font-size:1.6rem; line-height:2.8rem;}
    .cloud .cloud-inner ul li span{font-size:1.4rem;}

    /* OwlDB */
    .owldb{padding:4rem 3rem 3rem;}
    .owldb .owldb-inner h2{font-size:2.8rem; line-height:3.9rem; margin-bottom:2rem;}
    .owldb .owldb-inner h2 img{width:99px;}

    /* adr */
    .adr{padding:3rem 3rem 8rem;}
    .adr .adr-inner .adr-bg{padding:5rem 3rem 10rem; height:373px; min-height:inherit;}
    .adr .adr-inner .adr-bg h2{font-size:3.2rem; margin-bottom:1.2rem; line-height:4.1rem;}
    .adr .adr-inner .adr-bg p{font-size:1.6rem; margin-bottom:3rem; line-height:2.8rem; padding-right:3rem;}
    .particles{width:400px; height:190px}
}