@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.sub-cnt {margin-bottom:55px; text-align:center;}
.sub-cnt h3 {font-size:30px; font-weight:600; color:#000; font-family:'Montserrat', sans-serif;}
.sub-cnt span {font-size:14px; margin-bottom:25px; font-weight:600; display:block; color:#205878; font-family:'Montserrat', sans-serif;}
.sub-cnt strong {font-size:23px; margin-bottom:30px; display:block; font-weight:500; color:#242424;}
.sub-cnt p {font-size:18px; color:#686868; line-height:1.722em;}

.company-info {padding-top:25px; border-top:2px solid #1f5777; display:flex; flex-wrap:wrap; text-align:center;}
.company-info li {padding:0 15px 30px; width:33.3333%;}
.company-info li .col {height:245px; border-radius:10px; display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:#f7f7f7;}
.company-info li .col .icon {margin-bottom:12px;}
.company-info li .col span {font-weight:500; line-height:1.2em; color:#686868; display:block;}
.company-info li .col .tit {font-size:23px; margin-top:10px; font-weight:600; color:#242424;}
.company-info li .col .tit span {font-size:16px; font-weight:500; color:#454545;}

.doc-cnt {margin-bottom:95px;}
.doc-cnt2 {margin-bottom:60px;}

.company-related {padding-top:75px; border-top:2px solid #1f5777;}
.company-related ul {display:flex; align-items:center;}
.company-related ul li {width:33.3333%; text-align:center; position:relative;}
.company-related ul li:after {width:88px; height:85px; right:-40px; top:90px; background-image:url('../images/sub/related_arrow1.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.company-related ul li:nth-child(2):after {background-image:url('../images/sub/related_arrow2.png');}
.company-related ul li:last-child:after {display:none;}
.company-related ul li .img {margin-bottom:40px;}
.company-related ul li .tt {font-size:23px; padding:0 15px 15px; margin-bottom:15px; display:inline-block; border-bottom:1px dashed #ddd; font-weight:600;}
.company-related ul li p {line-height:1.625em;}

.greeting {max-width:1920px; margin:0 auto;}
.greeting .img {position:absolute; top:-145px; right:0; z-index: -1;}
.greeting .cnt {padding:95px 0 100px 360px;}
.greeting .cnt .tit {font-size:40px; margin-bottom:40px; line-height:1.375em; font-weight:600; letter-spacing:-.03em; color:#242424;}
.greeting .cnt .tit span {font-weight:700; color:#3686b3;}
.greeting .cnt strong {font-size:20px; line-height:1.65em; font-weight:500; color:#242424;}
.greeting .cnt strong span {color:#205878; font-weight:600;}
.greeting .cnt p {margin-top:25px;}
.greeting .cnt p span {color:#205878; font-weight:500;}

.history-title {padding:36px 0; margin-bottom:40px; font-size:20px; font-weight:500; text-align:center; background-color:#fafafa; color:#686868;}
.history-title span {color:#3686b3; font-weight:600;}

.history-wrap {padding-top:55px; display:flex; border-top:2px solid #1f5777;}
.history-wrap .col-l {width:380px;}
.history-wrap .col-l h3 {font-size:28px; margin-bottom:20px; letter-spacing:-.03em; font-family:'Montserrat', sans-serif; color:#242424;}
.history-wrap .col-l h3 span {font-size:35px; color:#3686b3; letter-spacing:-.03em;}
.history-wrap .col-l p {font-size:18px; line-height:1.722em;}
.history-wrap .col-r {flex:1;}
.history-wrap .col-r .group {padding-left:70px; padding-bottom:50px; position:relative;}
.history-wrap .col-r .group:before {position:absolute; content:''; width:1px; top:8px; left:0; background-color:#ddd; height:100%; bottom:0;}
.history-wrap .col-r .group:after {width:20px; height:20px; left:-10px; top:7px; background-image:url('../images/sub/his_dot.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history-wrap .col-r .group:last-child {padding-bottom:0;}
.history-wrap .col-r .group:last-child:before {display:none;}
.history-wrap .col-r .group .year {font-size:30px; margin-bottom:25px; line-height:1.3em; font-weight:600; letter-spacing:-.03em; color:#242424; position:relative;}
.history-wrap .col-r .group .year:before {position:absolute; content:''; width:40px; height:1px; background-color:#ddd; left:-50px; top:16px;}
.history-wrap .col-r .group ul li {margin-bottom:15px; display:flex;}
.history-wrap .col-r .group ul li:last-child {margin-bottom:0;}
.history-wrap .col-r .group ul li .month {font-size:18px; font-weight:600; color:#092434;}
.history-wrap .col-r .group ul li .cnt {padding-left:35px; position:relative;}
.history-wrap .col-r .group ul li .cnt:before {position:absolute; content:''; width:5px; height:5px; top:11px; left:20px; background-color:#ddd; border-radius:100%;}

.doc-tit {font-size:23px; padding-left:30px; margin-bottom:25px; font-weight:600; color:#242424; padding-bottom:15px; border-bottom:2px solid #1f5777; position:relative;}
.doc-tit:before {width:20px; height:20px; left:0; top:3px; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.doc-tit.none-line,
.doc-tit2.none-line {margin-bottom:0; border-bottom:0;}

.doc-tit.type2 {font-size:26px;}

.doc-tit2 {font-size:20px; padding-left:30px; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #ddd; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em; position:relative;}
.doc-tit2:before {width:20px; height:20px; left:0; top:3px; background-image:url('../images/sub/doctit2.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.doc-tit3 {font-size:20px; padding-left:26px; padding-bottom:18px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em; position:relative;}
.doc-tit3:before {width:20px; height:20px; left:0; top:3px; background-image:url('../images/sub/doctit3.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.certified > ul {display:flex; flex-wrap:wrap;}
.certified > ul .item {margin-bottom:60px; width:50%; display:flex;}
.certified > ul .item .cnt {padding:18px 30px 0 40px; flex:1;}
.certified > ul .item .cnt ul li {margin-bottom:20px; display:flex;}
.certified > ul .item .cnt ul li:last-child {margin-bottom:0;}
.certified > ul .item .cnt ul li .name {width:60px; font-weight:500; color:#092434;}
.certified > ul .item .cnt ul li .txt {flex:1;}

.certified2 ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.certified2 ul li {width:33.3333%; padding:0 15px 30px;}
.certified2 ul li .partnership {font-size:20px; margin-top:12px; font-weight:600; color:#242424; text-align:center; letter-spacing:-.03em;}

.root_daum_roughmap {width:100% !important;}

.local-address {padding:35px 0 25px;}
.local-address .tit {font-weight:600; color:#3686b3;}
.local-address h4 {font-size:23px; font-weight:500; margin:5px 0; letter-spacing:-.03em; line-height:1.3em; color:#242424;}
.local-address span {display:inline-block; padding-right:20px; color:#686868;}
.local-address span.last {padding-right:0;}

.local {border-top:1px solid #ddd;}
.local li {padding:25px 0; display:flex; border-bottom:1px solid #ddd;}
.local li span {font-size:18px; width:180px; font-weight:500; color:#242424; display:block;}
.local li span img {margin:-2px 20px 0 30px; vertical-align:middle;}

.sub-tab {margin-bottom:60px; text-align:center;}
.sub-tab ul {display:table; table-layout:fixed; width:100%; z-index:2;}
.sub-tab ul li {display:table-cell; vertical-align:middle; max-width:50%; width:auto !important;}
.sub-tab ul li a {font-size:18px; height:60px; border:1px solid #ddd; margin-left:-1px; letter-spacing:-.04em; display:flex; align-items:center; justify-content:center; color:#555; font-weight:500; background-color:#fff;}
.sub-tab ul li.active {z-index:2;}
.sub-tab ul li.active a {color:#fff; background-color:#3686b3; font-weight:500; border-color:#3686b3;}

.storage {background-color:#f5f5f5; display:flex; border-radius:10px; overflow:hidden; align-items:center}
.storage .inner {padding-left:60px;}
.storage .inner h3 {font-size:23px; margin-bottom:20px; letter-spacing:-.03em; font-weight:600; color:#092434;}
.storage .inner p {font-size:18px; line-height:1.722em; letter-spacing:-.03em;}

.storage-cnt .txt {margin-bottom:20px;}

.dot-list li {padding-left:13px; color:#244c62; letter-spacing:-.03em; position:relative;}
.dot-list li:before {position:absolute; content:''; width:3px; height:3px; top:11px; left:0; background-color:#3686b3; border-radius:100%;}
.dot-list.color-1 li {color:#454545;}

.storage-img {margin-top:40px;}

.round-list {margin-top:30px; display:flex;}
.round-list li {margin-right:10px;}
.round-list li .round {padding:0 18px; line-height:30px; background-color:#fff; color:#092434; text-align:center; border-radius:30px;}

.icon-list {margin-top:45px; display:flex; text-align:center;}
.icon-list li {width:33.3333%;}
.icon-list li .icon {margin-bottom:20px;}
.icon-list li .doc-tit2 {border-bottom:0; padding-bottom:0; display:inline-block;}
.icon-list li p {position:relative;}
.icon-list li p:before {position:absolute; content:''; width:36px; height:2px; top:-15px; left:50%; margin-left:-18px; background-color:#3686b3;}

.storage5 {padding-top:80px; border-top:2px solid #1f5777;}

.network-wrap {padding:40px 40px 50px; border:1px solid #ddd; border-radius:10px;}
.network-top {display:flex; align-items:center;}
.network-top .txt {padding-left:47px;}
.network-top .txt h5 {font-size:23px; margin-bottom:17px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#092434;}
.network-top .txt p {font-size:18px; line-height:1.7em; letter-spacing:-.03em;}

.icon-list2 li {margin-bottom:10px;}
.icon-list2 li:last-child {margin-bottom:0;}
.icon-list2 li .box {padding:32px 60px; display:flex; align-items:center; background-color:#f7f7f7; border-radius:10px;}
.icon-list2 li .box .cnt {flex:1;}
.icon-list2 li .box .cnt h5 {font-size:20px; margin-bottom:20px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.icon-list2 li .box .cnt p {line-height:1.7em; letter-spacing:-.03em;}
.icon-list2 li:nth-child(odd) .box {margin-right:150px;}
.icon-list2 li:nth-child(odd) .box .icon {margin-right:40px;}
.icon-list2 li:nth-child(even) .box {padding-left:40px; margin-left:150px; text-align:right;}
.icon-list2 li:nth-child(even) .box .icon {order:2;}
.icon-list2 li:nth-child(even) .box .icon {margin-left:40px;}

.engine-wrap {padding:50px; background-color:#f7f7f7;}
.engine {margin-bottom:50px; display:flex;}
.engine .cnt {padding-left:50px;}
.engine .cnt .tit {font-size:23px; margin-bottom:25px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#092434;}

.sub-table {margin-bottom:40px;}
.sub-table table {border-collapse:collapse; width:100%;}
.sub-table table thead th {padding:11px 0; font-size:18px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-.03em; text-align:center; background-color:#3686b3; color:#fff; font-weight:600;}
.sub-table table tbody th {background-color:#fafafa; font-weight:500; border-bottom:1px solid #ddd;}
.sub-table table tbody td {padding:11px 17px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.sub-table table tbody td strong {margin-bottom:12px; display:block; color:#242424;}

.cisco {padding:60px 0 60px 80px;}

.outline {padding:33px 0; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.7em; border-radius:10px; color:#242424; text-align:center; background-color:#f7fcff;}

.cisco-list {border-bottom:1px solid #ddd;}
.cisco-list > li {padding:26px 0 26px 80px; display:flex; border-bottom:1px dashed #ddd; align-items:center;}
.cisco-list > li div {width:270px; font-size:18px; padding-bottom:0; display:inline-block;}
.cisco-list > li:first-child {padding-top:0;}
.cisco-list > li:last-child {border-bottom:0;}

.secul-list {display:flex; flex-wrap:wrap; margin:0 -13px 60px;}
.secul-list li {text-align:center; width:25%; padding:0 13px 20px;}
.secul-list li .box {height:380px; padding:40px 7px 0; border:1px solid #ddd}
.secul-list li .box .tit {font-size:20px; margin:25px 0 15px; font-weight:600; color:#3686b3; letter-spacing:-.04em; line-height:1.3em;}
.secul-list li .box .icon p {font-size:15px; line-height:1.867em; letter-spacing:-.04em; color:#505050;}

.sub-table2 {text-align:center;}
.sub-table2 table {border-collapse:collapse; width:100%;}
.sub-table2 table th {padding:12px 0; font-weight:600; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#242424; letter-spacing:-.03em; background-color:#fafafa;}
.sub-table2 table td {font-size:15px; letter-spacing:-.03em; padding:12px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.sub-table2 table td:last-child {border-right:0;}

.axgate {padding:70px 0; background-color:#f7fcff;}

.infra {padding:29px 0; margin-bottom:30px; font-size:23px; letter-spacing:-.03em; line-height:1.783em; text-align:center; background-color:#fafafa;}
.infra span {color:#092434; font-weight:600;}

.outline-list {padding:40px 0; background-color:#f7fcff;}
.outline-list ol {display:flex; text-align:center;}
.outline-list ol li {width:20%; position:relative;}
.outline-list ol li:after {width:36px; height:22px; right:-18px; top:70px; background-image:url('../images/sub/outline_icon6.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.outline-list ol li:last-child:after {display:none;}
.outline-list ol li .num {font-size:18px; margin-top:10px; font-weight:600; letter-spacing:-.03em;}
.outline-list ol li .num span {color:#3686b3;}

.business-list {display:flex; flex-wrap:wrap; border-bottom:1px dashed #ddd;}
.business-list li {padding:20px 0 20px 30px; border-bottom:1px dashed #ddd; width:33.3333%;}
.business-list.w50 li {width:50%;}
.business-list li .doc-tit2 {font-size:16px; border-bottom:0; padding-bottom:0; margin-bottom:0;}
.business-list li .doc-tit2:before {top:0;}
.business-list li.bb0 {border-bottom:0;}

.capa-list {margin-top:60px; display:flex; justify-content:center; text-align:center;}
.capa-list li {padding:0 60px;}
.capa-list li .icon {margin-bottom:15px;}

.outline-list2 {font-size:18px; color:#242424; font-weight:500; letter-spacing:-.03em;}

.cloud {border-top:2px solid #1f5777;}
.cloud .group {padding:40px 0; display:flex; border-bottom:1px dashed #ddd;}
.cloud .group:last-child {padding-bottom:0; border-bottom:0;}
.cloud .group:nth-child(even) .img {order:2;}
.cloud .group:nth-child(even) .cnt {padding-left:0; padding-right:60px; text-align:right;}
.cloud .group .cnt {padding-top:40px; padding-left:60px; flex:1;}
.cloud .group .cnt h3 {padding-bottom:30px; display:inline-block;}
.cloud .group .cnt p {letter-spacing:-.03em;}

.service {padding:35px 0; display:flex; align-items:center;}
.service .icon {margin:0 100px;}
.service .cnt p {font-size:18px; margin-bottom:25px; font-weight:500; letter-spacing:-.03em; line-height:1.7em;}
.service .cnt ul {display:flex;}
.service .cnt ul li {margin-right:10px;}
.service .cnt ul li .box {padding:0 16px; line-height:40px; color:#fff; border-radius:10px; font-weight:500;}
.service.bg1 {background-color:#f7fcff;}
.service.bg2 {background-color:#f7feff;}
.service.bg3 {background-color:#fafafa;}
.service.bg1 .cnt ul li .box {background-color:#24678f;}
.service.bg2 .cnt ul li .box {background-color:#165568;}
.service.bg3 .cnt ul li .box {background-color:#092434;}

.recruitment {margin-bottom:30px;}
.recruitment .tit {font-size:30px; margin-bottom:15px; letter-spacing:-.03em; color:#242424;}
.recruitment .tit strong {font-weight:600;}
.recruitment p {font-size:20px; font-weight:500; color:#686868; letter-spacing:-.03em; line-height:1.5em;}
.recruitment p span {font-weight:600; color:#3686b3;} 

.recruitment-list {padding-top:70px; border-top:2px solid #1f5777;}
.recruitment-list ul {display:flex;}
.recruitment-list ul li {padding-left:45px; width:25%; border-right:1px solid #ddd;}
.recruitment-list ul li:last-child {border-right:0;}
.recruitment-list ul li .icon {margin-bottom:40px;}
.recruitment-list ul li .title {font-size:23px; margin-bottom:20px; font-weight:500; color:#242424; letter-spacing:-.03em;}

.welfare-list {padding-top:60px; border-top:2px solid #1f5777; display:flex; flex-wrap:wrap; margin:0 -10px; text-align:center; justify-content:center;}
.welfare-list li {padding:0 10px 20px; width:20%;}
.welfare-list li .box {height:224px; display:flex; background-color:#f2faff; border-radius:10px; align-items:center; justify-content:center; flex-direction:column;}
.welfare-list li .box .icon {margin-bottom:25px;}
.welfare-list li .box .txt {font-size:20px; font-weight:600; color:#242424; line-height:1.4em;}

.support {position:relative;}
.support .box {width:590px; height:171px; bottom:-50px; right:60px; border-radius:20px; box-shadow:1px 3px 10px rgba(0,0,0,.15); display:flex; align-items:center; justify-content:center; background-color:#215675; color:#fff; position:absolute;}

.support-title {font-size:30px; letter-spacing:-.03em; line-height:1.333em;}
.support-title span {font-weight:600; position:relative;}
.support-title span.dot:after {position:absolute; content:''; width:7px; height:7px; top:-8px; left:50%; margin-left:-3px; background-color:#3686b3; border-radius:100%;}
.support-title span.color-2.dot:after {background-color:#215675;}
.support-title span.color-1 {color:#3686b3;}
.support-title span.color-2 {color:#215675;}
.support-title strong {font-weight:600; color:#242424;}

.support-list {display:flex; margin-top:25px; padding-top:75px; border-top:2px solid #1f5777;}
.support-list li {width:20%; text-align:center;}
.support-list li p {font-size:20px; margin:20px 0; font-weight:600; letter-spacing:-.03em; color:#242424; line-height:1.4em;}
.support-list li span {color:#454545;} 

.contact {padding:95px 0; background-image:url('../images/sub/contactBg.jpg'); background-size:cover; background-repeat:no-repeat; text-align:center;}
.contact .wrap {width:600px; height:260px; margin:0 auto; display:flex; flex-direction:column; justify-content:center; background-color:rgba(255,255,255,.9);}
.contact .wrap p {font-size:18px; margin-top:20px; font-weight:500; letter-spacing:-.03em; line-height:1.7em; color:#242424;}

.contact-center {display:flex;}
.contact-center .col {/* width:33.3333%;  */position:relative; flex:1;}
.contact-center .col ul li {display:flex; align-items:center;}
.contact-center .col ul li:last-child {margin-bottom:0;}
.contact-center .col ul li span {font-weight:500; display:block; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.contact-center .col ul li span img {margin:-2px 10px 0 0; vertical-align:middle;}

.contact-center .flex-box {width:75%;}

.contact-center .col-l .tit {font-size:28px; font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.contact-center .col-l .txt {margin:20px 0 50px;}
.contact-center .col-l strong {font-size:18px; letter-spacing:-.03em; font-weight:600;}
.contact-center .col-l ul li {margin-bottom:20px;}
.contact-center .col-l ul li span {font-size:20px; width:110px;}
.contact-center .col-l ul li p {font-size:20px; letter-spacing:-.03em; flex:1;}
.contact-center .col-l ul li p.num {font-size:28px; font-weight:600; letter-spacing:-.03em; color:#3686b3;}
.contact-center .col-l .icon {position:absolute; top:0; right:0;}

.contact-center .col-c {margin:0 30px 0 100px;}

.contact-center .colsame .title {font-size:23px; height:43px; margin-bottom:15px; font-weight:600; letter-spacing:-.03em; color:#242424;}
.contact-center .colsame .title img {margin:0 10px 0 0; vertical-align:bottom;}
.contact-center .colsame .box {padding:40px 30px; background-color:#fafafa; border-radius:10px;}
.contact-center .colsame .box .group {margin-bottom:20px;}
.contact-center .colsame li {margin-bottom:10px;}
.contact-center .colsame li span {width:90px;}

.flex-box {display:flex;}
.primary-color {color: #3686b3 !important;}

.check-list li {margin-bottom: 20px;}
.check-list li:last-child {margin-bottom: 0;}
.check-list h5 {padding-left: 27px; position: relative; font-size: 18px; font-weight: 600; color: #242424; letter-spacing: -.04em; line-height: 1.78em; margin-bottom: 4px;}
.check-list h5::before {position: absolute; content: ''; width: 20px; aspect-ratio: 1/1;  top: 5px; left: 0; background: url('../images/sub/network-check.svg') no-repeat center / contain;}
.check-list p {padding-left: 27px;}
.vsbox {display: flex; align-items: center; justify-content: center;}
.vsbox .box {width: 45.84%; max-width: 550px; align-self: stretch;}
.vsbox .box header {display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 10px 10px 0 0; background: #686868; padding: 22px;}
.vsbox .box header h5 {font-size: 20px; font-weight: 600; color: #fff; letter-spacing: -.04em; line-height: 1.3em;}
.vsbox .box .cnt {width: 100%;}
.vsbox .box .cnt .img {width: 100%; aspect-ratio: 550 / 287; border: 5px solid #686868; display: flex; align-items: center; justify-content: center; padding: 30px;}
.vsbox .box .cnt .txt {width: 100%; padding: 22px; text-align: center; border-radius: 0 0 10px 10px; background: #686868;}
.vsbox .box .cnt .txt p {color: #fff; font-weight: 600; letter-spacing: -.04em; line-height: 1.63em;}
.vsbox .box.blue header {background: #094d7c;}
.vsbox .box.blue .cnt .img {border-color: #094d7c;}
.vsbox .box.blue .cnt .txt {background: #094d7c;}
.vsbox .vs {font-size: 30px; font-weight: 800; color: #094d7c; letter-spacing: -.04em; line-height: 1; margin: 30px;}
.check-txt {padding-left: 30px; position: relative; font-size: 23px; font-weight: 600; color: #242424; letter-spacing: -.04em; line-height: 1.57em;}
.check-txt::before {position: absolute; content: ''; width: 24px; aspect-ratio: 1/1; top: 5px; left: 0; background: url('../images/sub/network-check.svg') no-repeat center / contain;}
.dot-list2 li {padding-left: 13px; color: #242424; letter-spacing: -.04em; line-height: 1.75em; position: relative;}
.dot-list2 li:before {position: absolute; content: ''; width: 2px; aspect-ratio: 1/1; top: 12px; left: 0; background-color: #242424; border-radius: 100%;}

.network-aruba .flex-box {align-items: center; justify-content: center;}
.network-aruba .sec1 .flex-box {gap: 4.46%;}
.network-aruba .sec1 .img {width: 50%; display: flex; align-items: center; justify-content: center;}
.network-aruba .sec1 .txt {width: calc(50% - 4.46%);}
.network-aruba .icon-list2 .icon img {width: 78px; aspect-ratio: 1/1;}
.network-aruba .sec4 .check-txt {margin-bottom: 20px;}
.network-aruba .sec4 figcaption {margin-top: 37px;}
.network-aruba .sec4 figcaption p {color: #242424; font-weight: 600; letter-spacing: -.04em; line-height: 1.88em;}
.network-aruba .sec4 .txtbox {width: 100%; margin-bottom: 10px;}
.network-aruba .sec4 .txtbox:last-child {margin-bottom: 0;}
.network-aruba .sec4 .txtbox header {padding: 16px 30px; border-radius: 10px 10px 0 0; background: #3586b3; display: flex; align-items: center; width: 100%;}
.network-aruba .sec4 .txtbox header h5 {font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -.04em; line-height: 1.56em;}
.network-aruba .sec4 .txtbox .dot-list2 {width: 100%; border: 3px solid #3586b3; border-radius: 0 0 10px 10px; padding: 20px 30px;}
.network-aruba .sec4 .cnt1 .txt {width: 50%;}
.network-aruba .sec4 .cnt1 .img {width: 50%; margin-left: -20px; margin-right: 24px; text-align: center;}
.network-aruba .sec4 .cnt1 {margin-bottom: 20px;}
.network-aruba .sec4 .cnt2 .flex-box {align-items: flex-start;}
.network-aruba .sec4 .cnt2 .check-txt {margin-bottom: 23px;}
.network-aruba .sec4 .cnt2 .txt {margin-left: 5.36%;}
.network-aruba .sec5 .img {width: calc(100% - 23.3% - 4.46%); text-align: center; margin-right: auto;}
.network-aruba .sec5 .txt {width: 23.3%; display: flex; flex-direction: column; gap: 10px; margin: 0 10px;}
.network-aruba .sec5 .txt p {padding: 16px 30px; border-radius: 10px; background: #3586b3; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: -.04em; line-height: 1.56em;}
.network-aruba .sec6 .img {width: 100%; text-align: center;}
.network-aruba .sec7 .flex-box {gap: 6.88%;}
.network-aruba .sec7 .img {width: 44.64%;}
.network-aruba .sec7 .txt {width: 41.96%;}
.network-aruba .sec7 .txt p {color: #242424; letter-spacing: -.04em; line-height: 1.75em;}

.network-juniper .sec1 .txt {width: 100%; padding: 37px; background: #fafafa; margin-bottom: 20px; text-align: center;}
.network-juniper .sec1 .txt p {color: #686868; font-size: 20px; font-weight: 500; letter-spacing: -.04em; line-height: 1.3em;}
.network-juniper .sec1 .img img {margin-bottom: 50px;}
.network-juniper .sec1 .img img:last-child {margin-bottom: 0;}

.fortinet .sec1 .network-wrap {margin-bottom: 20px; padding: 50px 60px;}
.fortinet .sec1 .network-wrap:last-child {margin-bottom: 0;}
.fortinet .sec1 .check-list li {margin-bottom: 30px;}
.fortinet .sec1 .check-list li:last-child {margin-bottom: 0;}
.fortinet .sec1 .check-list h5 {font-size: 23px; line-height: 1.57em; padding-left: 34px;}
.fortinet .sec1 .check-list h5::before {width: 24px; top: 5px; left: 0;}
.fortinet .sec1 .cnt1 .txt {margin-right: auto;}
.fortinet .sec1 .cnt1 .img {width: 24.55%; margin: 20px; display: flex; align-items: center; justify-content: center; min-width: 160px; max-width: 275px;}
.fortinet .sec1 .cnt2 .img {width: 36.87%; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 10.18%;}
.fortinet .sec1 .cnt2 .img .img-txt {width: 100%;}
.fortinet .sec1 .cnt2 .img figure {margin-top: auto; margin-left: auto;}
.fortinet .sec1 .cnt2 .txt {width: 50.18%;}
.fortinet .sec1 .cnt2 .txt li {display: flex; align-items: center; gap: 4.98%; margin-bottom: 20px;}
.fortinet .sec1 .cnt2 .txt li:last-child {margin-bottom: 0;}
.fortinet .sec1 .cnt2 .txt figure {width: 14.59%; min-width: 30px; max-width: 82px; aspect-ratio: 1/1; flex: 0 0 auto;}
.fortinet .sec1 .cnt2 .txt .tt {color: #242424;letter-spacing: -.04em; line-height: 1.75em;}
.fortinet .sec1 .cnt2 .txt h5 {font-size: inherit; font-weight: 700;}
.fortinet .sec2 .img {margin-top: 20px;}
.fortinet .sec3 .img {margin-top: 20px;}

.list-group h5 {font-size: inherit; font-weight: 600; color: #242424;}
.list-group .dot-list2 {margin-left: 10px;}
.aircuve .doc-tit {margin-bottom: 15px;}
.aircuve .check-txt {margin-bottom: 20px;}
.aircuve .flex-box {gap: 5%;}
.aircuve .img {width: 46%;}
.aircuve .img figure {width: 100%;}
.aircuve .img figcaption {margin-top: 12px; width: 100%; display: flex; align-items: center; justify-content: space-around; text-align: center;}
.aircuve .sec4, .aircuve .sec8 {margin-bottom: 80px;}
.aircuve .sec9 figcaption span:first-child {width: 40%;}
.aircuve .sec9 figcaption span:last-child {width: 60%;}
.aircuve .sec10 .img {width: 43%; margin-right: 3%;}