/* Header */
.header {background-color: var(--white-color); border-bottom: 1px solid var(--color-d9); position: fixed; top: 0; left: 0; width: 100%; z-index: 50;}
.header .hd-wrap {display: flex; align-items: center; justify-content: space-between; height: 120px;}
.header .logo {}
.header .logo a {display: block; font-size: 0;}

.hd-right-wrap {display: flex; align-items: center; gap: 64px; height: 100%;}
.hd_gnb {height: 100%;}
.hd_gnb .depth1 {display: flex; align-items: center; gap: 64px; font-size: 0; height: 100%;}
.hd_gnb .depth1 > li {font-size: 0; height: 100%; display: flex; align-items: center; justify-content: center;}
.hd_gnb .depth1 > li > a {display: block; font-weight: 500; font-size: 18px;}
.hd_gnb .depth2 {position: absolute; top: 120px; left: 0; text-align: center; height: 69px; display: flex; align-items: center; justify-content: center; background-color: var(--color-f1); width: 100%; display: none;}
.hd_gnb .depth2 > li {padding: 0 32.5px; position: relative}
.hd_gnb .depth2 > li::before {content: ''; width: 1px; height: 16px; background-color: var(--color-666); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.hd_gnb .depth2 > li:first-child::before {display: none;}
.hd_gnb .depth2 > li > a {font-weight: 500; font-size: 18px; color: var(--color-666); line-height: 1; transition: .3s;}
.hd_gnb .depth2 > li > a:hover {font-weight: 700;}

.site-menu-btn {border: none; background-color: transparent; display: flex; align-items: center; justify-content: center; width: 24px; height: 16px;}
.site-menu-btn span {display: block; width: 100%; height: 2px; background-color: var(--black-color); position: relative;}
.site-menu-btn span::before {content: ''; width: 100%; height: 2px; background-color: var(--black-color); position: absolute; top: -6px; left: 0;}
.site-menu-btn span::after {content: ''; width: 100%; height: 2px; background-color: var(--black-color); position: absolute; top: 6px; left: 0;}

.lang-wrap {display: flex; align-items: center; gap: 8px;}
.lang-wrap .icon {width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;}
.lang-ul {display: flex; align-items: center; gap: 8px;}
.lang-ul li {font-size: 0;}
.lang-ul li span {display: inline-block; width: 1.5px; height: 16px; background-color: var(--color-999);}
.lang-ul li button {font-weight: 500; font-size: 18px; color: var(--color-d9); transition: .3s; display: block; border: 0; background: none;}
.lang-ul li button:hover {color: var(--black-color);}
.lang-ul li.on button {color: var(--black-color);}

/* 전체 메뉴 */
.sitemap {position: fixed; z-index: 51; top: 0; bottom: 0; left: 0; right: 0; background: url('/source/img/sitemap-bg.jpg') no-repeat center/cover; display: none;}
.sitemap .wrapper {height: 100%; display: flex; align-items: center;  position: relative;}
.sitemap-wrap {display: flex; align-items: flex-start; justify-content: center; width: 100%;}
.sitemap-logo {width: 360px;}
.sitemap-menu {width: calc(100% - 360px);}
.sitemap-menu .depth1 {font-size: 0;}
.sitemap-menu .depth1 > li {display: inline-block; vertical-align: top; width: 33.33%; font-size: 16px; padding-left: 56px; position: relative; padding-bottom: 100px;}
.sitemap-menu .depth1 > li::before {content: ''; width: 3px; height: 77px; background-color: #003876; position: absolute; top: 0; left: 0;}
.sitemap-menu .depth1 > li > button {border: none; background-color: transparent; text-align: left; font-weight: 700; font-size: 30px; color: var(--black-color); line-height: 1.5; transition: .3s;}
.sitemap-menu .depth2 {}
.sitemap-menu .depth2 > li {}
.sitemap-menu .depth2 > li > a {font-weight: 500; font-size: 18px; color: var(--black-color); line-height: 2; transition: .3s; display: inline-block;}

.sitemap-menu .depth1 > li:hover {}
.sitemap-menu .depth1 > li:hover > button {color: var(--main-color);}
.sitemap-menu .depth2 > li > a:hover {color: var(--main-color); transform: translate3d(12px,0,0);}

.sitemap-close-btn {position: absolute; top: 4.5370vh; right: 0; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: none; background-color: transparent;}
.sitemap-close-btn span {position: relative;}
.sitemap-close-btn span::before {content: ''; width: 3px; height: 41px; background-color: var(--black-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.sitemap-close-btn span::after {content: ''; width: 3px; height: 41px; background-color: var(--black-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg);}

/* Footer */
.contact-wrap {background: url('/source/img/contact-bg.png') no-repeat center/cover;}
.contactus {display: flex; flex-direction: column; height: 350px; align-items: center; justify-content: center;}
.contactus .t1 {font-weight: 700; font-size: 40px; color: var(--white-color); line-height: 1.5;}
.contactus .t2 {font-weight: 500; font-size: 16px; color: var(--white-color); line-height: 1.5; padding-top: 4px; padding-bottom: 24px;}
.contactus .view-more-btn {background-color: var(--white-color); color: var(--main-color);}

.footer {background-color: #001F42;}
.ft-top {border-bottom: 1px solid rgba(255,255,255,0.1);}
.ft-info-ul {display: flex; align-items: center; gap: 24px; height: 67px;}
.ft-info-li {}
.ft-info-li a {font-weight: 500; font-size: 16px; color: var(--white-color);}

.ft-bot {padding: 27px 0 38px;}
.ft-bot-wrap {display: flex; align-items: center; justify-content: space-between;}
.ft-cont-ul {display: flex; align-items: center; gap: 40px;}
.ft-cont-ul ~ .ft-cont-ul {padding-top: 20px;}
.ft-cont-li {display: flex; align-items: center; gap: 0 16px; color: var(--white-color); font-weight: 500; font-size: 14px;}
.ft-cont-li .copyright {font-weight: 300; font-size: 12px;}

/* Main */
.main-parallax {box-shadow: 0 6px 20px rgba(0,0,0,0.1); transform: translate3d(0px, 0px, 0px) scale(0.9); transition: 1.2s; overflow: hidden; height: 100vh!important;}
.active .main-parallax {transform: translate3d(0px, 0px, 0px) scale(1); box-shadow: none;}
.no-parallax .main-parallax {box-shadow: none; transform: scale(1);}
.no-parallax.active .main-parallax {}

/* Main-section01 */
.main-section01 {height: 100%; background: url('/source/img/main-section01-bg.png') no-repeat center right var(--white-color); display: flex; flex-direction: column; justify-content: flex-end;}
.main-section01-top {}
.main-section01-txt-wrap {display: flex; align-items: center; justify-content: space-between;}
.main-section01-txt-wrap .t1 {font-weight: 700; font-size: 64px; color: var(--black-color); line-height: 1.5; /*letter-spacing: -0.14em;*/}
.main-section01-txt-wrap .t1 span {margin: 0 10px;}
.main-section01-txt-wrap .t1 i {position: relative; font-style: inherit;  filter: blur(15px); opacity: 0; transition: .2s;}
.main-section01-txt-wrap .t1 i {animation: txt_fade 1000ms linear forwards, txt_scale 1000ms ease forwards; transform: scale(1); animation-timing-function: ease; animation-delay: calc(var(--i) * .00127s); opacity: 0;}
@keyframes txt_scale { 0%{transform: scale(1.2);} 100%{transform: scale(1);}}
@keyframes txt_fade { 0%{filter: blur(15px); opacity: 0;} 100%{filter: blur(0); opacity: 1;}}
.main-section01-txt-wrap .t2 {font-weight: 500; font-size: 20px; color: var(--color-333); line-height: 1.5; padding-top: 16px;}
.main-section01-txt-wrap .circle {display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; border-radius: 50%; background-color: var(--main-color); box-shadow: 0 4px 20px rgba(0,0,0,0.2);}

.main-section01-bot {padding-top: 9.25vh; height: 54.25vh;}
.main-visual {}
.main-visual .swiper-wrapper {align-items: flex-end; height: 100%!important; transition-timing-function: linear;}
.main-visual-slide {width: auto;}

/* Main-section02 */
.main-section02 {height: 100%; background: url('/source/img/main-section02-bg.png') no-repeat center/cover; display: flex; align-items: center; justify-content: center; position: relative;}
.main-section02::before {content: ''; width: 1px; height: 15.36458vw; background-color: var(--white-color); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.main-section02-txt-wrap {text-align: center;}
.main-section02-txt-wrap .icon {display: flex; align-items: center; justify-content: center; width: 130px; height: 130px; margin: 0 auto;}
.main-section02-txt-wrap .t1 {font-weight: 500; font-size: 56px; color: var(--white-color); line-height: 1.5;}
.main-section02-txt-wrap .t2 {padding-top: 24px; font-weight: 300; font-size: 20px; color: var(--white-color); line-height: 1.5;}

/* Main-section03 */
.main-section03 {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 150px 0 13.8vh;}
.main-section03-top {width: 100%;}
.main-section03-txt-wrap {display: flex; align-items: center; justify-content: space-between; padding-bottom: 54px;}
.main-section03-txt-wrap .t1 {font-weight: 700; font-size: 40px; color: var(--black-color); line-height: 1.5;}
.main-section03-txt-wrap .t2 {font-weight: 500; font-size: 20px; color: var(--color-333); line-height: 1.5; padding-top: 4px;}
.view-more-btn {display: flex; align-items: center; justify-content: center; gap: 10px; width: 214px; height: 62px; border-radius: 40px; background-color: var(--main-color); font-weight: 500; font-size: 20px; color: var(--white-color);}

.main-section03-bot {height: calc(100% - 148px);}
.main-section03-bot .wrapper {height: 100%;}
.main-business-list {display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 100%;}
.main-business-li {height: 100%;}
.main-business-li.on {}
.main-business-li .inner {border-radius: 0 0 24px 0; overflow: hidden; width: 343px; position: relative; height: 100%; transition: .6s; cursor: pointer;}
.main-business-li.on .inner {width: 706px;}
.main-business-li .img-wrap {position: relative;}
.main-business-li .img-wrap img {max-width: none; position: absolute; left: 50%; transform: translateX(-50%);}
.main-business-li .title {position: absolute; bottom: 0; left: 0; padding: 0 29px 50px 24px; width: 100%; font-weight: 500; font-size: 24px; color: var(--white-color); line-height: 1.5;}
.main-business-li .over-title {display: none; align-items: center; justify-content: space-between;}
.main-business-li .over-title .txt {}
.main-business-li .over-title .icon {display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; border: 1px solid var(--white-color);}
.main-business-li.on .title {display: none;}
.main-business-li.on .over-title {display: flex;}

/* Main-section04 */
.main-section04 {background-color: var(--main-color); height: 100%; padding: 150px 0 13.8vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.main-section04-top {width: 100%;}
.main-section04-txt-wrap {display: flex; align-items: center; justify-content: space-between; padding-bottom: 54px; width: 100%;}
.main-section04-txt-wrap .t1 {font-weight: 700; font-size: 40px; color: var(--white-color); line-height: 1.5;}
.main-section04-txt-wrap .t2 {font-weight: 500; font-size: 20px; color: var(--white-color); line-height: 1.5; padding-top: 4px;}

.main-section04-bot {height: calc(100% - 148px); position: relative; width: 100%;}
.main-section04-bot .wrapper {height: 100%;}
.main-configuration {height: 100%; overflow: hidden;}
.main-configuration .swiper-container {height: 100%;}
.main-configuration-slide {}
.main-configuration-inner {display: flex; align-items: flex-start; justify-content: space-between; background-color: var(--white-color); padding: 20px; border-radius: 80px 0 80px 0; height: 100%;}
.main-configuration-inner .text-wrap {width: calc(100% - 63.05vh); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 100%; padding: 5.55vh 5.09vh;}
.main-configuration-inner .text-top {width: 100%;}
.main-configuration-inner .t1 {font-weight: 700; font-size: 32px; color: var(--black-color); line-height: 1.5;}
.main-configuration-inner .t2 {font-weight: 500; font-size: 18px; color: var(--color-333); line-height: 1.5; padding: 1.85vh 0;}
.main-configuration-inner .view-more-btn {width: 187px; height: 54px;}
.main-configuration-inner .text-bot {width: 100%;}
.main-configuration-inner .icon-ul {width: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.main-configuration-inner .icon-li {text-align: center; vertical-align: top; padding: 0 10px;}
.main-configuration-inner .icon-li .icon {display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin: 0 auto;}
.main-configuration-inner .icon-li .icon-txt {padding-top: 20px; font-weight: 500; font-size: 16px; color: var(--color-333);}
.main-configuration-inner .img-wrap {width: 63.05vh; height: 100%; border-radius: 0 0 80px 0; overflow: hidden;}
.main-configuration-inner .img-wrap .img {}
.main-configuration-inner .img-wrap .img img {object-fit: cover;}

.main-configuration-pagination {position: absolute; top: 50%; right: 80px; transform: translateY(-50%);}
.main-configuration-pagination .swiper-pagination-bullet {display: block; width: 14px; height: 14px; border-radius: 50%; background-color: var(--white-color); opacity: 1; transition: .2s;}
.main-configuration-pagination .swiper-pagination-bullet ~ .swiper-pagination-bullet {margin-top: 16px;}
.main-configuration-pagination .swiper-pagination-bullet-active {background-color: #46F3CB;}

/* Main-section05 */
.main-section05 {height: 100%; padding: 150px 0 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background-color: var(--color-e8); position: relative;}
.main-section05-top {width: 100%;}
.main-section05-txt-wrap {display: flex; align-items: center; justify-content: space-between; padding-bottom: 54px;}
.main-section05-txt-wrap .t1 {font-weight: 700; font-size: 40px; color: var(--black-color); line-height: 1.5;}
.main-section05-txt-wrap .t2 {font-weight: 500; font-size: 20px; color: var(--color-333); line-height: 1.5; padding-top: 4px;}
.main-section05-ctr-box {display: flex; align-items: center; gap: 24px;}
.main-section05-ctr-box button {border: none; background-color: transparent; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; transition: .5s;}
.main-section05-ctr-box button svg path {transition: .5s;}
.main-section05-ctr-box button:hover svg path {fill: var(--main-color);}

.main-section05-bot {width: 100%;}
.main-case {padding-left: calc(50% - 720px);}
.main-case-slide {width: 31.8379vh;}
.main-case-inner {display: block; position: relative; border-radius: 10px; overflow: hidden;}
.main-case-inner .img-wrap {overflow: hidden; position: relative; width: 100%; height: 215px;}
.main-case-inner .img-wrap img {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.main-case-inner .img-wrap .no_image {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 16px; font-weight: 400; text-align: center; color: #777; background-color: #d2d2d2;}
.main-case-inner .img-wrap .no_image i {margin-right: 4px;}
.main-case-inner .txt-wrap {position: absolute; bottom: 0; left: 0; z-index: 5; width: 100%; background-color: rgba(51,51,51,.6); padding: 19px 21px; font-weight: 500; font-size: 16px; color: var(--white-color);}
.main-case-inner .txt-wrap p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.main-partners {position: absolute; bottom: 0; left: 0; width: 100%; height: 18.61vh; background-color: var(--white-color);}
.main-partners .swiper-container {height: 100%;}
.main-partners .swiper-wrapper {transition-timing-function: linear;}
.main-partners-slide {width: 27.962vh; height: 100%;}
.main-partners-inner {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.main-partners-inner img {}

/* Sub */
/* Sub - common */
.contents_wrap.sub {padding-top: 121px;}
.sub_contents {padding: 130px 0 200px;}

.sb_top {height: 500px;}
.sb_top .wrapper {height: 100%;}
.sb_top_a {background: url('/source/img/sub-visual-a.jpg') no-repeat center/cover;}
.sb_top_b-1 {background: url('/source/img/sub-visual-b-1.jpg') no-repeat center/cover;}
.sb_top_b-2 {background: url('/source/img/sub-visual-b-2.jpg') no-repeat center/cover;}
.sb_top_b-3 {background: url('/source/img/sub-visual-b-3.jpg') no-repeat center/cover;}
.sb_top_b-4 {background: url('/source/img/sub-visual-b-4.jpg') no-repeat center/cover;}
.sb_top_c {background: url('/source/img/sub-visual-c.jpg') no-repeat center/cover;}
.sb_top_d {background: url('/source/img/sub-visual-d.jpg') no-repeat center/cover;}

.sb_top_ct {display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding-bottom: 7.9vw; color: var(--white-color);}
.sb_top_ct .sb_title {font-weight: 700; font-size: 20px; line-height: 1.5;}
.sb_top_ct .sb_eng_title {font-weight: 700; font-size: 64px; line-height: 1.5;}

.sub_top_tab {padding-top: 32px; text-align: center;}
.sub_top_tab_wrap {display: inline-block; border: 1px solid var(--color-d9); border-radius: 16px 16px 0 0; padding: 8px 16px;}
.sub_top_tab_ul {display: flex; align-items: center; gap: 0 16px; height: 46px;}
.sub_top_tab_li {height: 100%;}
.sub_top_tab_li a {display: flex; align-items: center; justify-content: center; height: 100%;font-weight: 500; font-size: 20px; color: var(--color-666); padding: 0 16px; border-radius: 8px; transition: .3s;}
.sub_top_tab_li.on a {background-color: var(--main-color); color: var(--white-color);}
.sub_top_tab_li a:hover {background-color: var(--main-color); color: var(--white-color);}

.sub-s-title {font-weight: 700; font-size: 16px; color: var(--main-color); line-height: 2; margin-bottom: 16px;}
.sub-title {font-weight: 700; font-size: 32px; color: var(--black-color); line-height: 1.5;}
.sub-text01 {font-weight: 500; font-size: 18px; color: var(--black-color); line-height: 1.5;}
.sub-text-ul {}
.sub-text-li {font-weight: 500; font-size: 18px; color: var(--color-333); line-height: 2; position: relative; padding-left: 12px;}
.sub-text-li::before {content: ''; width: 4px; height: 4px; background-color: var(--color-333); border-radius: 50%; position: absolute; top: 15px; left: 0;}
.sub-text-li .p {color: var(--main-color);}

/* Sub > 인사말 */
.greeting-wrap {display: flex; align-items: center; justify-content: space-between;}
.greeting-left {width: 591px;}
.greeting-img {border-radius: 0 0 80px 0; overflow: hidden;}
.greeting-right {width: calc(100% - 591px); padding-left: 121px;}
.greeting-right .sub-s-title {margin-bottom: 32px;}
.greeting-text {font-weight: 500; font-size: 18px; color: var(--black-color); line-height: 2.2; margin: 32px 0;}
.greeting-sign {font-weight: 500; font-size: 16px; color: var(--black-color); line-height: 2.2;}

/* Sub > 연혁 */
.history-wrap {position: relative;}
.history-wrap::before {content: ''; width: 1px; height: 98%; background-color: var(--color-d9); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.history-wrap-item {display: flex; align-items: flex-start; justify-content: space-between;}
.history-big-year {font-weight: 700; font-size: 40px; color: var(--black-color); line-height: 1.5;}
.history-content {width: 50%; margin-top: 15px; position: relative;}
.history-ct-li {padding-left: 46px; position: relative;}
.history-ct-li ~ .history-ct-li {margin-top: 21px;}
.history-ct-li::before {content: attr(data-year); font-weight: 700; font-size: 20px; color: var(--black-color); line-height: 1.5; width: 96px; position: absolute; top: -2px; left: -96px;}
.history-ul {}
.history-li {display: flex; align-items: flex-start; position: relative;}
.history-li::before {content: ''; width: 8px; height: 8px; background-color: var(--color-d9); position: absolute; top: 4px; left: -50px; transform: rotate(45deg);}
.history-li:first-child::before {width: 12px; height: 12px; background-color: var(--black-color); left: -52px;}
.history-li ~ .history-li {margin-top: 24px;}
.history-li .month {width: 40px; font-weight: 700; font-size: 14px; color: var(--black-color); line-height: 1.5;}
.history-li .content {width: calc(100% - 40px); font-weight: 500; font-size: 15px; color: var(--black-color); line-height: 1.5;}

/* Sub > 조직도 */
.organ-wrap {}
.organ-row {display: flex; align-items: center; justify-content: center;}
.organ-row.row1 {}
.organ-row.row2 {justify-content: flex-end; padding: 17px 0 43px; padding-right: 169px; position: relative;}
.organ-row.row2::before {content: ''; width: 1px; height: 100%; background-color: var(--color-666); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.organ-row.row2::after {content: ''; width: calc(50% - 169px); height: 1px; background-color: var(--color-666); position: absolute; top: 40%; transform: translateY(-50%); right: 169px;}
.organ-row.row3 {gap: 40px; padding-top: 53px; position: relative;}
.organ-row.row3::before {content: ''; width: 77%; height: 1px; background-color: var(--color-666); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.organ-col {position: relative; z-index: 2;}
.organ-row.row1 .organ-col {}
.organ-row.row2 .organ-col {}
.organ-row.row3 .organ-col {width: calc((100% - 120px) / 4);}
.organ-row.row3 .organ-col::before {content: ''; width: 1px; height: 53px; background-color: var(--color-666); position: absolute; top: -53px; left: 50%; transform: translateX(-50%);}
.organ-card {width: 100%; display: flex; height: 62px; border-radius: 16px; align-items: center; justify-content: center; font-weight: 500; font-size: 20px; color: var(--white-color); text-align: center;}
.organ-card.type01 {background-color: var(--main-color); width: 305px;}
.organ-card.type02 {background-color: #0050A8; width: 305px;}
.organ-card.type03 {background-color: #0F81FF;}

/* Sub > 인증서 및 특허 */
.certificate-wrap {}
.certificate-sec {}
.certificate-sec ~ .certificate-sec {padding-top: 200px;}
.certificate-title {font-weight: 700; font-size: 40px; color: var(--black-color); line-height: 1.5; padding-bottom: 32px;}
.certificate-list {margin: -40px -12px;}
.certificate-li {padding: 40px 12px; vertical-align: top;}
.certificate-box {display: block;}
.certificate-box .img {padding: 61px 53px; background-color: var(--color-eee); border: 2px solid transparent; transition: .3s; position: relative;}
.certificate-box .img::before {content: ''; width: 80px; height: 80px; border-radius: 50%; background: url('/source/img/icon-plus.png') no-repeat center var(--main-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: .3s;}
.certificate-box .img img {box-shadow: 0 4px 20px rgba(0,0,0,0.15);}
.certificate-box .txt01 {font-weight: 700; font-size: 20px; color: var(--black-color); line-height: 1.5; padding-top: 24px; text-align: center;}
.certificate-box .txt02 {font-weight: 500; font-size: 12px; color: var(--color-666); line-height: 1.5; padding-top: 4px; text-align: center;}

.certificate-box:hover .img {border-color: var(--main-color);}
.certificate-box:hover .img::before {opacity: 1;}

.certificate-pop {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; z-index: 51; display: none;}
.certificate-pop .pop-box {width: 26.0416vw;}
.certificate-pop .pop-top {padding-bottom: 8px; display: flex; justify-content: flex-end;}
.certificate-pop .pop-close {background-color: transparent; border: none;}
.certificate-pop-img {width: 100%;}
.certificate-pop-img img {width: 100%;}

/* Sub > 찾아오시는 길 */
.location-wrap {}
.location-map {position: relative; height: 0; padding-bottom: 38.889%;}
.location-map iframe {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%;}

.location-info {padding-top: 45px; display: flex; align-items: center; justify-content: space-between;}
.location-info-left {font-weight: 700; font-size: 40px; color: var(--black-color); line-height: 1.5;}
.location-info-right {}
.location-info-right .address {display: flex; align-items: center; gap: 32px;}
.location-info-right .address .left {display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 20px; color: var(--black-color);}
.location-info-right .address .icon {display: flex; align-items: center; justify-content: center; width: 28px; height: 28px;}
.location-info-right .address .right {font-weight: 700; font-size: 20px; color: var(--black-color);}

.location-ul {display: flex; align-items: center; justify-content: flex-start; gap: 0 30px; padding-top: 24px;}
.location-li {display: flex; align-items: center; gap: 32px;}
.location-li .left {display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 16px; color: var(--black-color);}
.location-li .icon {display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;}
.location-li .right {font-weight: 500; font-size: 16px; color: var(--color-666);}

/* Sub > 소방관제시스템(SFSS) - 사업분야 */
.field-sec {}
.field-sec ~ .field-sec {padding-top: 200px;}
.field-txt-wrap {padding-bottom: 32px;}
.field-txt-wrap .sub-title {margin-bottom: 16px;}
.field-txt-wrap .sub-title.mbn {margin-bottom: 0;}
.field-ct {}
.field-round-img {border-radius: 0 0 80px 0; overflow: hidden;}
.field-round-img img {}

.field-icon-list {padding-top: 32px;}
.field-icon-ul {margin: -16px;}
.field-icon-li {vertical-align: top; padding: 16px;}
.field-icon-box {border: 1px solid var(--color-d9); border-radius: 8px; height: 100%; padding: 27px 61.5px;}
.field-icon-title {display: flex; align-items: center; gap: 20px; padding-bottom: 5px; font-weight: 700; font-size: 18px; color: var(--main-color); line-height: 1.5;}
.field-icon-title .num {font-size: 16px; border-radius: 50%; border: 1px solid var(--main-color); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; line-height: 1; padding-top: 3px;}
.field-icon-title .num + .title {width: calc(100% - 44px);}
.field-icon-title .icon {width: 26px; height: 26px; display: flex; align-items: center; justify-content: center;}
.field-icon-text {font-weight: 500; font-size: 16px; color: var(--color-666); line-height: 2.2; letter-spacing: -0.04em;}
.field-icon-text.dot {position: relative; padding-left: 12px; line-height: 2;}
.field-icon-text.dot::before {content: ''; width: 4px; height: 4px; background-color: var(--color-333); border-radius: 50%; position: absolute; top: 15px; left: 0;}

.field-icon-list.type02 {padding-top: 0;}
.type02 .field-icon-box {padding: 22px 26px; display: flex; align-items: center; gap: 16px;}
.type02 .field-icon-box .left {}
.type02 .field-icon-box .right {width: calc(100% - 171px);}

/* Sub > 전력선 조명제어 시스템 - 사업분야 */
.table-wrap {}
.table-mo-cation {text-align: center; font-weight: 700; font-size: 12px; color: var(--color-333); padding-bottom: 4px; display: none;}
.table-wrap table {width: 100%;}
.table-wrap table.type01 {border-top: 1px solid var(--black-color); border-bottom: 1px solid var(--black-color);}
.table-wrap .center {text-align: center;}
.table-wrap .bg {background-color: #DBECFF;}
.table-wrap table tbody {}
.table-wrap table tbody tr {border-bottom: 1px solid var(--color-d9);}
.table-wrap table tbody tr:last-child {border-bottom: none;}
.table-wrap table tbody td {border-right: 1px solid var(--color-d9); font-weight: 500; font-size: 18px; color: var(--black-color); line-height: 1.5; padding: 21px;}
.table-wrap table tbody td:last-child {border-right: none;}

/* Sub > 가로등 제어 시스템 - 사업분야 */
.table-wrap table.type02 {border-bottom: 1px solid var(--black-color);}
.table-wrap table.type02 thead {}
.table-wrap table.type02 thead tr {}
.table-wrap table.type02 thead th {background-color: var(--main-color); font-weight: 700; font-size: 20px; color: var(--white-color); height: 69px; border-right: 1px solid var(--color-d9);}
.table-wrap table.type02 thead th:last-child {border-right: none;}
.table-wrap table.type02 tbody {}
.table-wrap table.type02 tbody tr {}
.table-wrap table.type02 tbody td {}
.table-wrap .text-ul {}
.table-wrap .text-li {position: relative; padding-left: 12px; font-size: 18px;}
.table-wrap .text-li::before {content: ''; width: 4px; height: 4px; background-color: var(--color-333); border-radius: 50%; position: absolute; top: 10px; left: 0;}

/* Sub > 소방관제시스템(SFSS) - 기술소개 */
.field-icon-list.ptn {padding-top: 0;}

/* Sub > 가로등 제어 시스템 - 기술소개 */
.tech-table-wrap {margin: -16px;}
.tech-table {vertical-align: top; padding: 16px;}
.tech-table-top {display: flex; align-items: center; justify-content: center; border-radius: 8px; height: 60px; font-weight: 700; font-size: 18px; color: var(--white-color); margin-bottom: 32px;}
.tech-table-top.color-01 {background-color: var(--main-color);}
.tech-table-top.color-02 {background-color: #0148FF;}
.tech-table-tbody {display: flex; flex-direction: column; gap: 32px;}
.tech-table-tr {display: flex; align-items: flex-start; gap: 32px;}
.tech-table-tr.col1 {}
.tech-table-tr.col1 > * {width: 100%;}
.tech-table-tr.col2 {}
.tech-table-tr.col2 > * {width: calc((100% - 32px) / 2);}
.tech-table-td {display: flex; align-items: center; justify-content: center;  min-height: 220px; border: 1px solid var(--color-d9); border-radius: 8px; flex-direction: column; padding:  0 35px;}
.tech-table-td .text {font-weight: 500; font-size: 16px; color: var(--color-333); line-height: 2;}
.tech-table-td .text.dot {position: relative; padding-left: 12px;}
.tech-table-td .text.dot::before {content: ''; width: 4px; height: 4px; background-color: var(--color-333); border-radius: 50%; position: absolute; top: 10px; left: 0;}

/* Sub > 문의하기 */
.contactus-wrap {display: flex; align-items: flex-start;}
.contactus-title {width: calc(100% - 832px); padding-right: 30px;}
.contactus-title .title {font-weight: 700; font-size: 40px; color: var(--black-color); line-height: 1.5;}
.contactus-title .text {font-weight: 500; font-size: 20px; color: var(--black-color); line-height: 1.5; padding-top: 56px;}
.contactus-right {width: 832px;}

.write-form {}
.write-section {}
.write-section ~ .write-section {padding-top: 56px;}
.write-section-title {font-weight: 700; font-size: 20px; color: var(--black-color); line-height: 1.5; padding-bottom: 32px;}
.write-group {}
.write-row {display: flex; align-items: flex-start; gap: 32px;}
.write-row ~ .write-row {margin-top: 32px;}
.write-row.col-1 {}
.write-row.col-1 > * {width: 100%;}
.write-row.col-2 {}
.write-row.col-2 > * {width: calc((100% - 32px) / 2);}
.write-col {}
.write-col .t {font-weight: 500; font-size: 16px; color: var(--black-color); line-height: 1.5; padding-bottom: 16px; display: flex; align-items: center; gap: 8px;}
.write-col .req {display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #0148FF; margin-top: -4px;}
.write-input {}
.write-input input[type=text], .write-input input[type=date] {width: 100%; border-radius: 4px; border: 1px solid var(--color-d9); height: 53px; padding: 0 16px; font-weight: 500; font-size: 14px; color: var(--black-color);}
.write-input input[type=text]::placeholder, .write-input input[type=date]::placeholder {font-weight: 500; font-size: 14px; color: var(--color-999);}
.write-input .datepicker {cursor: pointer;}
.write-input .datepicker::-webkit-calendar-picker-indicator {width: 20px; height: 20px;}
/* .write-input .datepicker {background: url('/source/img/icon-cal.png') no-repeat center right 19px; padding-right: 40px!important;} */
.write-input textarea {width: 100%; border-radius: 4px; border: 1px solid var(--color-d9); height: 53px; padding: 16px; font-weight: 500; font-size: 14px; color: var(--black-color); resize: none; min-height: 152px;}
.write-input select {width: 100%; border-radius: 4px; border: 1px solid var(--color-d9); height: 53px; padding: 0 16px; font-weight: 500; font-size: 14px; color: var(--black-color);}
.write-input.type-check {font-size: 0; margin: -10px -5px;}
.write-input.type-check > * {display: inline-block; width: auto; vertical-align: top; padding: 10px 5px;}
.write-input.type-file {border: 1px solid var(--color-d9); height: 53px; display: flex; align-items: center; justify-content: space-between; border-radius: 4px; font-size: 14px; padding: 0 16px;}
.write-input .file-wrap {}

.write-row.btn-row {display: flex; align-items: center; gap: 10px;}
.write-row.btn-row.center {justify-content: center;}
.write-row.btn-row .btn {display: flex; align-items: center; justify-content: center; height: 62px; min-width: 225px; border-radius: 40px; font-weight: 500; font-size: 20px; border: 1px solid transparent; transition: .3s;}
.write-row.btn-row .btn.sm {min-width: 187px; height: 54px;}
.write-row.btn-row .btn.t-1 {background-color: var(--main-color); color: var(--white-color);}
.write-row.btn-row .btn.t-2 {background-color: var(--white-color); color: var(--main-color); border: 1px solid var(--main-color);}

.write-row.btn-row .btn:hover {box-shadow: 0 4px 16px rgba(0,0,0,0.2);}
.write-row.btn-row .btn.t-1:hover {border-color: var(--main-color); background-color: var(--white-color); color: var(--main-color);}
.write-row.btn-row .btn.t-2:hover {border-color: transparent; color: var(--white-color); background-color: var(--main-color);}

.swal2-confirm {background-color: var(--main-color)!important;}
.swal2-confirm:focus {outline: 2px dashed var(--main-color);}
.swal2-warning {border-color: var(--main-color)!important;}
.swal2-icon-content {color: var(--main-color)!important;}

/* Sub > 문의하기 완료 */
.complete-wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 64px; text-align: center;}
.complete-icon {width: 205px; height: 205px; display: flex; align-items: center; justify-content: center;}
.complete-txt {}
.complete-txt .t1 {font-weight: 700; font-size: 40px; color: var(--black-color); line-height: 1.35;}
.complete-txt .t2 {font-weight: 500; font-size: 20px; line-height: 1.5; padding-top: 16px;}

/* Sub > 소방관제시스템(SFSS) - 제품소개 */
.prd-wrap {}
.prd-sec {}
.prd-sec ~ .prd-sec {padding-top: 200px;}
.prd-a-list {}
.prd-a-row {display: flex; align-items: flex-start;}
.prd-a-row ~ .prd-a-row {padding-top: 130px;}
.prd-a-img {width: 591px; border-radius: 16px; overflow: hidden;}
.prd-a-content {width: calc(100% - 591px); padding-left: 7.1875vw;}
.prd-a-content .sub-text-ul {padding-top: 16px;}
.prd-a-content .btn-row {padding-top: 32px;}

.prd-sec-content {padding-top: 32px;}
.prd-a-list2 {margin: -16px;}
.prd-a-list2-li {padding: 16px; vertical-align: top;}
.prd-a-list2-inner {}
.prd-a-list2-inner .title {border-radius: 16px 16px 0 0; display: inline-block; min-width: 173px; background-color: var(--main-color); text-align: center; padding: 11px 0; font-weight: 700; font-size: 18px; color: var(--white-color);}
.prd-a-list2-inner .ct-box {display: flex; align-items: flex-start; justify-content: center; flex-direction: column; background-color: var(--color-eee); padding: 48px 23px; font-weight: 500; font-size: 18px; color: var(--color-333); line-height: 2; border-radius: 0 16px 16px 16px; min-height: 148px; word-break: break-all;}
.prd-a-list2-inner .ct-box.center {align-items: center;}

/* Sub > 전력선 조명제어 시스템 - 제품소개 */
.prd-tab {border-bottom: 1px solid var(--color-d9); margin-bottom: 92px;}
.prd-tab-ul {display: flex; align-items: flex-start; justify-content: center; gap: 3.33vw;}
.prd-tab-li {padding-bottom: 32px;}
.prd-tab-btn {font-weight: 500; font-size: 18px; color: var(--black-color); line-height: 2.6; transition: .3s; display: block; position: relative;}
.prd-tab-btn::before {content: ''; width: 32px; height: 32px; border: 1px solid var(--main-color); border-radius: 50%; position: absolute; bottom: -49px; left: 50%; transform: translateX(-50%); display: none;}
.prd-tab-btn::after {content: ''; width: 19px; height: 19px; border-radius: 50%; background-color: var(--main-color); position: absolute; bottom: -42px; left: 50%; transform: translateX(-50%); display: none;}
.prd-tab-btn:hover {color: var(--main-color);}
.on .prd-tab-btn {font-weight: 700; color: var(--main-color);}
.on .prd-tab-btn::before {display: block;}
.on .prd-tab-btn::after {display: block;}
.prd-tab-btn .name {}

.prd-b-detail {display: flex; align-items: center; justify-content: center; gap: 80px; flex-direction: column;}
.prd-b-thumb {}
.prd-b-txt-wrap {text-align: center;}
.prd-b-txt-wrap .sub-title {margin-bottom: 16px;}
.prd-b-txt-wrap .sub-text01 {color: var(--color-333); line-height: 2;}
.prd-b-txt-wrap .btn-row {margin-top: 32px;}

.prd-sec-content .field-icon-title {padding-bottom: 16px;}
.prd-sec-content .field-icon-text {word-break: break-all;}
.prd-sec-content .field-icon-text.mt {margin-top: 16px;}

.prd-sec_part .field-icon-title {padding-bottom: 0;}
.prd-sec_part .field-icon-text {}

.prd-b-img-wrap {}
.prd-b-img.pc {display: block;}
.prd-b-img.mo {display: none;}

.prd-sec-tab {padding-bottom: 80px;}
.prd-sec-tab-ul {display: flex; align-items: flex-start; gap: 32px;}
.prd-sec-tab-li {}
.prd-sec-tab-btn {border: 1px solid var(--color-999); border-radius: 40px; display: flex; align-items: center; justify-content: center; transition: .3s; font-weight: 500; font-size: 16px; color: var(--color-999); background-color: transparent; min-width: 187px; height: 54px; padding: 0 16px; transition: .3s;}
.prd-sec-tab-btn:hover {border-color: var(--main-color); background-color: var(--main-color); color: var(--white-color); box-shadow: 0 4px 16px rgba(0,0,0,0.2);}
.on .prd-sec-tab-btn {border-color: var(--main-color); background-color: var(--main-color); color: var(--white-color); box-shadow: 0 4px 16px rgba(0,0,0,0.2);}

.prd-sec-tab-content {}
.prd-sec-tab-content .tab-content {display: none;}
.prd-sec-tab-content .tab-content:first-child {display: block;}
.prd-sec-tab-content .tab-inner {display: flex; flex-direction: column; gap: 80px; align-items: center;}
.prd-sec-tab-content .tab-thumb {}
.prd-sec-tab-content .field-icon-ul {width: 100%;}

/* Sub > 가로등 제어 시스템 - 제품소개 */
.prd-c-detail {display: flex; align-items: flex-start;}
.prd-c-detail .btn-row {padding-top: 32px;}
.prd-c-detail-left {width: 367px;}
.prd-c-detail-left .img-wrap {border-radius: 16px; overflow: hidden;}
.prd-c-detail-right {width: calc(100% - 367px); padding-left: 32px;}
.prd-c-detail-right .img-wrap {width: 100%;}
.prd-c-detail-right .img-wrap.pc {display: block;}
.prd-c-detail-right .img-wrap.mo {display: none;}