@charset "utf-8";

.sec-tit {text-align: center; margin-bottom: 55px;}
.sec-tit h2 {font-family: 'NexonLv1Gothic'; font-size: 36px; color: #242424;}
.sec-tit p {margin-top: 25px;}

.sec-intro {position: relative; padding-bottom: 175px;}
.sec-intro:before {position: absolute; content:''; left: 50%; bottom: 50px; width: 1px; height: 80px; background: #ddd; }

.wide-banner {position: relative; padding-bottom: 24px; color:#fff; font-weight: 700;}
.wide-banner:before {position: absolute; content:''; left: 0; bottom: 0; width: 100%; height: 24px; background: url('../images/sub/deco-banner.png') no-repeat center bottom;}
.wide-banner .inner {padding: 36px 15px; background: #3b89b0;}
.banner-items {display: flex; gap: 24px; margin-top: 55px; margin-bottom: 80px;}
.banner-items .item {flex: 1; padding: 20px; background: #f4f4f4; border-radius: 10px; color: #242424; font-weight: 700;}

.sec-point {background: rgba(114,188,225,.1); border-radius: 200px 200px 0 0; }
.point-tit {display: block; width: 200px; border-radius: 30px; padding: 15px; margin: 0 auto; background: #3b89b0; color: #fff; font-size: 26px;}
.sec-point .sec-cnt {position: relative; z-index:1; padding-bottom: 80px; }
.sec-point .sec-cnt:before {position: absolute; z-index: -1; content: ''; top: 30px; left: 0; width: 100%; height: calc(100% - 30px); background: #fff; border-radius: 20px;}
.sec-point .sec-cnt:not(:last-child) {margin-bottom: 80px;}
.sec-point .point-cnt {padding-left: 30px; padding-right: 30px;}
.point-cnt h4 {margin: 45px 0; font-size: 26px; color: #242424;}

.sec-enginner .deco-txt {position: relative; padding-top: 110px; margin-bottom: 55px; font-weight: 500;}
.sec-enginner .deco-txt:before {position: absolute; content: ''; left: 50%; top: 30px; width: 1px; height: 40px; background: #ddd;}
.sec-enginner .deco-txt .c1 {font-weight: 600;}

.sec-install {background: #f7f7f7;}
.install-process {display: grid; grid-template-rows: 1fr 1fr;grid-template-columns: 1fr 1fr 1fr; gap: 60px;}
.install-process .item {position: relative; padding: 36px 15px; background: #fff; border-radius: 20px;}
.install-process .item:before {position: absolute; content: ''; width: 60px; height: 60px; top: 50%; margin-top: -30px; right: -60px; background: url('../images/sub/install-next.png') no-repeat center center;}
.install-process .item:nth-child(3):before {transform: rotate(90deg); top: auto; bottom: -60px; right: 50%; margin-right: -30px;}
.install-process .item:nth-child(4):before {content: none;}
.install-process .item:nth-child(5):before,
.install-process .item:nth-child(6):before {transform: rotate(180deg);}
.install-process .txt {margin-top: 20px; font-size: 20px; font-weight: 600;}
.install-process .item1 {grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2;}
.install-process .item2 {grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 3;}
.install-process .item3 {grid-row-start: 1; grid-column-start: 3; grid-row-end: 2; grid-column-end: 4;}
.install-process .item4 {grid-row-start: 2; grid-column-start: 3; grid-row-end: 3; grid-column-end: 4;}
.install-process .item5 {grid-row-start: 2; grid-column-start: 2; grid-row-end: 3; grid-column-end: 3;}
.install-process .item6 {grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2;}

.sec-compare {padding-bottom: 100px;}
.compare-items {display: flex; gap: 30px; padding-top: 30px;}
.compare-items .item {flex: 1; display: flex; flex-direction: column; text-align: center; border: 1px solid #ddd; border-radius: 14px;}
.compare-items .icon {margin-top: -30px;}
.compare-items .txt {flex: 1; display: flex; align-items: center; justify-content: center; padding: 20px 15px 30px; font-size: 16px;}

.cert {text-align: center;}

.pdf-viewer-iframe {position:relative; padding-bottom:80vh;}
.pdf-viewer-iframe iframe {position:absolute; top:0; left:0; width:100%; height:100%; }