@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:66px; margin-bottom:38px; margin-top: 84px;}
.sub-tab-wrapper-style.cm-top-menu {transform:translateY(60%); opacity: 0; transition:var(--transition-custom2);}
.sub-wrap.active .sub-tab-wrapper-style.cm-top-menu {transform:translateY(0); opacity: 1;}
.sub-tab-list-style ul{/* display:table; */ display:flex; width:100%; height:100%; table-layout:fixed; justify-content:center;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:15.5%; background-color:#fff; /* border:5px solid #f5f5f5; */ border-left:0; max-width:88rem;}
/* .sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;} */
.sub-tab-list-style ul li a{display:table; height:66px; width:100%; border:5px solid #f5f5f5; box-sizing:border-box;}
.sub-tab-list-style ul li:not(:last-child) a {border-right:0;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.025em; text-align:center; font-weight: 500;}
.sub-tab-list-style ul li.selected a {z-index:1; background-color:var(--main-color); border-color:var(--main-color);}
.sub-tab-list-style ul li.selected a em{color:#000; font-weight: 600;}

/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* 준비중 페이지 */
.test-img-box {text-align:center;}
.test-img-box img {max-width:100%;}
.sub-page {padding-bottom:15rem;}
.title {color: #000; text-align: center; font-weight: 600; margin-bottom: 6rem; font-size: 5.5rem; letter-spacing: -0.025em;}

/* 컨텐츠 공통 */
.content-tit {font-size:5rem; letter-spacing:-0.025em; color: #000; font-weight: 600; line-height:1.2; text-align:center; margin-bottom: 4.8rem;}

@media all and (max-width:800px){
	.sub-page {padding-bottom:7.5rem;}
	.content-tit {padding:0 var(--area-padding);}
}

/* ******************  Solution ********************** */
/* solution 공통 transform 컨텐츠 시작 */
.transform-box {width: 100%; height: 100%; display:flex; transform:translateY(8%); opacity: 0; transition:all 1s ease-in;}
.transform-box.active {transform:translateY(0); opacity: 1;}
@media all and (max-width:1280px){
	.transform-box, .transform-box.active {transform:initial;}
}
/* solution 공통 transform 컨텐츠 끝 */

.fullpage-inner-scroll {overflow: scroll;
    max-height: calc(100vh + 2rem);
    width: calc(100vw + 2rem);}
#fullpageSolution {background: #fff;}
#fullpageSolution .section {overflow: hidden;}
#fullpageSolution #fullpageIntro {overflow:visible !important;}
#fullpageSolution .section.active-section .bg-box {transform:scale(1);}

/* 풀페이지 사이트맵 */
#fullpageSolution .cm-sitemap-inner-con {vertical-align: top; padding: 12em 0;}

@media all and (max-width:800px){
	#fullpageSolution .cm-sitemap-inner-con {padding: 9em 0;}
	#fullpageSolution .sitemap-wrapper-style06, #fullpageAbout .sitemap-wrapper-style06 {margin-top: 0;}
}

@media (max-width:1280px){
	#fullpageSolution .section {height: auto !important;}	
	#fullpageSolution .fp-section .fp-tableCell {height: auto !important;}
}

/* 스크롤 다운 */
#fullpageSolution .scroll-down em {color: #000;}
#fullpageSolution .scroll-bar {background: rgba(0,0,0,0.1);}
#fullpageSolution .scroll-bar .scroll-box {background: #000;}

/* 풀페이지 nav */
.solution-wrap ~ #fp-nav li span {background: rgba(255,255,255,0.1);}
.solution-wrap ~ #fp-nav li a.active span {background: #fff;}

/* 텍스트 */
.s-con.active-section .cm-word-split-JS.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.s-con .inner-con {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; box-sizing:border-box;}
.s-con .inner-con.top {justify-content: center; align-items: flex-start;}
.s-con .inner-con.left {justify-content: flex-start; align-items: center; text-align:left;}
.s-tit {font-size:7rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.2857em; margin-bottom: 1.8rem; }
.active-section .s-tit .char {animation-delay:0.25s !important;}
.s-txt {font-size:2.2rem; letter-spacing:0.5em; color: #000; line-height:1.25; font-weight: 500; margin-bottom: 1.8rem; text-align:center; }
.active-section .s-txt .char{animation-delay:0.4s !important;}
.s-con .con-txt {font-family:'Pretendard';}
.s-con .con-txt.txt01 {font-weight: 600;}
.s-con .con-txt.txt02 {color: rgba(0,0,0,0.7);}
.s-con .con-txt.txt02.wt {color: rgba(255,255,255,0.7);}

/* point */
.s-con .point.center {margin: 0 auto 1.5rem;}
.s-con .point {background: var(--main-color); width: 12rem; height: 3.5rem; color: #000; font-size:1.6rem; letter-spacing:-0.025em; display: flex; align-items: center; justify-content: center; font-weight: 600; margin-bottom: 1.5rem; transform: translateY(50px); opacity: 0; transition:all 1.2s ease; transition-delay:0.4s;}
.s-con .point i {font-size:1.9rem; margin-right: 7px;}
.s-con.active-section .point {transform: translateY(0); opacity: 1;}

/* s-con 첫번째 */
.s-con.first {position: relative; z-index:-1;}

/* 솔루션 detail-btn-wrap */
.quick-menu {position: fixed; left: 7rem; top: 50%; transform: translateY(-50%); z-index: 99; transition: opacity 0.2s ease; opacity: 0;}
.quick-menu .down-btn, .quick-menu .pop-btn {display:flex; align-items:center; justify-content:flex-start; width: 6rem; height: 6rem; box-sizing:border-box; position: relative; padding: 0 1.4rem; transition:var(--transition-custom); font-size:1.6rem; color: #000; font-weight:500;}
.quick-menu .pop-btn {margin-top: 4px;}
.quick-menu .down-btn:before , .quick-menu .pop-btn:before {width: 100%;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 5px solid #cfcfcf;
    height: 100%;
    box-sizing: border-box;
    transition: var(--transition-custom);}
.quick-menu .down-btn em, .quick-menu .pop-btn em {display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    text-align: center;
    box-sizing: border-box;}
.quick-menu .down-btn i, .quick-menu .pop-btn i {position: relative; font-size:2.2rem; color: #000; text-align:center;}
.quick-menu .down-btn span, .quick-menu .pop-btn span {position: absolute;
    transition: all 0.2s;
    transition-delay: 0s;
    left: 6rem;
    pointer-events: none;
    opacity: 0;}
.quick-menu .down-btn:hover, .quick-menu .pop-btn:hover {width: 17rem; background: var(--main-color); border-color:var(--main-color);}
.quick-menu .down-btn:hover:before, .quick-menu .pop-btn:hover:before {border-color:var(--main-color);}
.quick-menu .down-btn:hover span , .quick-menu .pop-btn:hover span {opacity: 1; transition:var(--transition-custom); transition-delay:0.24s;}



.quick-menu .learn-btn {margin-top: 4px; /* padding: 0 2rem; */ box-sizing: border-box; justify-content: flex-start; font-size: 1.6rem; font-weight: 500; /* width: 17rem; */ height: 6rem; /* border: 5px solid #f2f2f2; */border:0; color: #000; width: 6rem; position: relative; padding: 0 1.4rem;} 
.quick-menu .learn-btn:before {display: block; content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border:5px solid #cfcfcf; box-sizing:border-box; transition: var(--transition-custom);}
.quick-menu .learn-btn em {display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    text-align: center;
    box-sizing: border-box;}
.quick-menu .learn-btn i {font-size:2.2rem; text-align: center; position: relative;}
.quick-menu .learn-btn span {position: absolute;
    transition: all 0.2s;
    transition-delay: 0s;
    left: 6rem;
    pointer-events: none;
    opacity: 0;}
.quick-menu .learn-btn:hover {width: 17rem;}
.quick-menu .learn-btn:hover:before {border-color:var(--main-color);}
/* quick menu :: black 버전 */
/* .quick-menu.black .down-btn, .quick-menu.black .learn-btn {border-color:rgba(255,255,255,0.2);} */
.quick-menu.black .down-btn:before, .quick-menu.black .learn-btn:before, .quick-menu.black .pop-btn:before {border-color:rgba(255,255,255,0.2);}
.quick-menu.black .down-btn i,.quick-menu.black .learn-btn i, .quick-menu.black .pop-btn i {color: #fff;}
.quick-menu.black .down-btn:hover:before, .quick-menu.black .learn-btn:hover:before {border-color:var(--main-color) !important;}
.quick-menu.black .down-btn:hover i, .quick-menu.black .learn-btn:hover i {color: #000;}

@media all and (max-width:1280px){
	.quick-menu {right: 15px; bottom:80px; top: initial; transform:translateY(0); left: initial;}
	.quick-menu .down-btn {/* position:absolute; bottom:64px; right: 0; width: 60px; height: 60px; padding: 0 1.2rem; background: #ddd;*/ }
	.quick-menu.black .down-btn i, .quick-menu.black .pop-btn i, .quick-menu.black .learn-btn i {color: #000 !important;}
	.quick-menu.black .down-btn:before, .quick-menu.black .learn-btn:before {border-color:#ddd !important;}
	.quick-menu .down-btn:before, .quick-menu .learn-btn:before {border-color:#ddd !important;}
	.quick-menu .down-btn em {border-color:rgba(255,255,255,0.2);}
	.quick-menu .pop-btn:before {border-color:#ddd !important;}
	.quick-menu .learn-btn, .quick-menu .pop-btn, .quick-menu .down-btn {width: 60px; height: 60px; padding: 0 1.2rem; background: #ddd;}
	.quick-menu .down-btn:hover:before, .quick-menu .pop-btn:hover:before, .quick-menu .learn-btn:hover:before  {border-color:var(--main-color) !important;}
}

/* aiden */
/* fp-nav */
#fp-nav ul li:first-of-type, #fp-nav ul li:last-of-type {display:none;}
/* #wrap.aiden + #fp-nav ul li:first-of-type, #wrap.aiden + #fp-nav ul li:nth-of-type(7) {display:none;} */

#aiden01 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/aiden_bg.jpg) no-repeat; background-size: cover; background-position: center center; z-index: -1; transform: scale(1.1); transition: all 3s;}
/* #aiden01 {background:url(/images/content/aiden_bg.jpg) no-repeat; background-size:cover; background-position: center 40%;} */
#aiden01 .logo-wrap {position:absolute; right: 8.7rem; bottom: 6.3rem;}
#aiden01 .logo-wrap img:first-child {margin-right: 2rem;}
#aiden01.s-con .txt-box {margin-top: 6.25%;}


#aiden02 .background-video iframe {top: 45%;}

/* 비디오 영역 Start */
.video-iframe-wrapper{position:relative; /* max-width:800px; */ margin:0px auto; overflow:hidden; height: 100%;}
.video-iframe-box{position:relative; padding-top:49.88%; height:0; background-color:#000;}
/* .video-iframe-box:after {display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: initial;} */
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); width: 10.8rem; height: 10.8rem; background: var(--main-color);     display: flex;
    align-items: center;
    justify-content: center;
}
.video-cover-box .icon i{font-size:30px; color:#000;}

.video-iframe-wrapper {width: 100%; height: 100vh;} 
.video-iframe-box {position: absolute; top: 0;
    left: 0px;
    width: 100%;
    height: 100%; padding-top: 0; }
.video-iframe-box iframe {    width: 100vw;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 177.77vh;
    height: calc(56.25vw + 300px);
    min-height: calc(100vh + 300px);
   pointer-events: none;}
/* new video */
/* 메인 비주얼 영상영역 */
.background-video-wrapper{position:relative; overflow:hidden; height:100vh; width:100%; background-color:#000;}
.background-video{position:absolute; top:0; left:0px; width:100%; height:100%}
.background-video iframe{
	width: 100vw;
	height: calc(56.25vw + 300px); /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: calc(100vh + 300px);
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* transform: translate(-50%, -55.8%); */
	pointer-events:none;
	opacity:0;filter:Alpha(opacity=0); 
	transition: opacity 3s 0.2s;
}
/* .background-video.sub-video-container iframe {top: 45%;} */
.background-video.start iframe{opacity:0.87;filter:Alpha(opacity=87);}

/* aiden03 */
#aiden03 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/aiden03_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#aiden03 .con-tit {line-height:1.346em; margin-bottom: 4rem;}

/* aiden04 */
#aiden04 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/aiden04_bg.jpg) no-repeat; background-size: cover; background-position: 70% center; z-index: -1; transform: scale(1.1); transition: all 3s;}

/* aiden05 */
#aiden05 .con-tit {line-height: 1.346em; margin-bottom: 2.5rem;}
#aiden05 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/aiden05_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}

.drone-slide, .software-slide {height: 100%;}
.drone-slide .slide-bg, .software-slide .slide-bg {display: block; width: 100%; height: 100%; background-size: cover !important;}
.drone-slide .slide-txt, .software-slide .slide-txt {position:absolute; top: 30%; /* transform:translateY(-50%); */ z-index: 10; /* padding-left:24rem; */ padding-left:4.1667%; box-sizing:border-box; transform:translateY(50px); opacity: 0; transition:all 1.2s ease; transition-delay:0.7s;}
.s-con.active-section .drone-slide .slide-txt, .s-con.active-section .software-slide .slide-txt {transform:translateY(0); opacity: 1;}
.drone-slide .slide-txt .tit, .software-slide .slide-txt .tit {font-size:5.2rem; letter-spacing:-0.025em; color: #fff; font-weight: 700; line-height:1.346em;}
.drone-slide .slide-txt .txt, .software-slide .slide-txt .txt {font-size:2rem; letter-spacing:-0.055em; color: #fff; font-weight: 600; line-height:1.7em; margin-top: 1rem;}
.drone-slide.slick-slider .slick-track, .drone-slide.slick-slider .slick-list, .software-slide.slick-slider .slick-track, .software-slide.slick-slider .slick-list {height: 100%;}
.drone-slide-wrap, .software-slide-wrap {display:flex; align-items:center; position:absolute; /* bottom:48.967%; */ left: 12.188%; bottom:44%; transition:all 1.2s ease; transition-delay:0.7s; opacity: 0;}
.s-con.active-section .drone-slide-wrap, .s-con.active-section .software-slide-wrap {bottom: 48.967%; opacity: 1;}
.drone-slide-wrap button, .software-slide-wrap button {color: #fff; font-size:2rem;}
.drone-slide-wrap button.slick-prev, .software-slide-wrap button.slick-prev {order:0;}
.drone-slide-wrap button.slick-next, .software-slide-wrap button.slick-next {order:2;}
.drone-slide-wrap button.slick-disabled, .software-slide-wrap button.slick-disabled {color: rgba(255,255,255,0.2);}
.learn-btn {display:flex; align-items:center; justify-content:center; width: 20rem; height: 7rem; /* background: var(--main-color); */ color: #fff; font-size:1.8rem; letter-spacing:-0.025em; font-weight: 500; margin-top: 16.5rem; border: 5px solid #f2f2f2; transition: var(--transition-custom);}
.learn-btn:hover {background: var(--main-color); border-color:var(--main-color); color: #000; /* justify-content: space-between; padding: 0 2rem; */}
.learn-btn:hover span {opacity: 1; transition:var(--transition-custom); transition-delay:0.24s;}
.drone-slide-wrap .slick-dots, .software-slide-wrap .slick-dots {display:flex; order:1; padding: 0 1.5rem;}
.drone-slide-wrap .slick-dots li, .software-slide-wrap .slick-dots li {width: 5px; height: 5px; margin-right: 1rem; transition: all 0.4s ease;}
.drone-slide-wrap .slick-dots li:last-of-type, .software-slide-wrap .slick-dots li:last-of-type {margin-right: 0;}
.drone-slide-wrap .slick-dots li button, .software-slide-wrap .slick-dots li button {text-indent:-9999px; width: 100%; height: 100%; background: #fff;}
.drone-slide-wrap .slick-dots li.slick-active, .software-slide-wrap .slick-dots li.slick-active  {width: 20px;}

#aiden07 {padding: 20rem 0 29.4rem;}

.s-info-box {display:flex; margin-top: 12rem;}
.s-info-box:first-of-type {margin-top: 0;}
.s-info-box .tit-box {width: calc(100% - 69.444%); font-size:5.2rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.73em;}
.s-info-box .tb-box {width: 69.444%; border-top:3px solid #000;}
.s-info-wrapper table {width: 100%;}
.s-info-wrapper table tr {height: 6.8rem; border-bottom: 1px solid #e9e9e9;}
/* .s-info-wrapper table tr td:first-child {background: #f9f9f9; width: 28%;} */
.s-info-wrapper table th {background: #f9f9f9; text-align:left; font-size:1.7rem; letter-spacing:-0.055em; color: #000; font-weight: 600; line-height:1.529em; padding: 0 1.9rem;}
.s-info-wrapper table td {font-size:1.7rem; letter-spacing:-0.055em; color: rgba(0,0,0,0.7); font-weight: 500; line-height:1.529em; padding: 0 2.4rem;}
/* .s-info-wrapper table tbody {width: 100%;} */

.aiden-industry-list {display:flex; height: 48rem;}
.aiden-industry-list li {width:calc(100% / 3); display: flex; flex-direction: column; justify-content: center; position: relative; isolation: isolate;}
.sub-industry-list {margin-top: 1.8rem;}
.sub-industry-list li:after {content: ''; position: absolute; background: #000; z-index: -1; inset: 0; opacity: 0; transition:var(--transition-custom);}
.aiden-industry-list li:nth-child(1) {background: url(/images/content/industry01.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.aiden-industry-list li:nth-child(2) {background: url(/images/content/industry02.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.aiden-industry-list li:nth-child(3) {background: url(/images/content/industry03.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
#aiden06 .txt-box {width: 100%;}
.sub-industry-list li .tit {font-size:3.6rem; letter-spacing:-0.025em; color: #fff; font-weight: 700; line-height:1.944em;}
.sub-industry-list li .txt {font-size:1.8rem; letter-spacing:-0.055em; color: #fff; font-weight: 600; line-height:1.888em;}
.sub-industry-list .more-btn {display:flex; align-items:center; justify-content:center; width: 20rem; height: 7rem; border:5px solid #fff; box-sizing:border-box; font-size:1.8rem; letter-spacing:-0.025em; color: #fff; font-weight: 500; margin:4.5rem auto 0; transition:var(--transition-custom); }
.sub-industry-list .more-btn:hover {border-color:var(--main-color); background:var(--main-color); color: #000;}
.sub-industry-list li:hover:after {opacity: 0.5;}

@media all and (max-width:800px){
	.sub-industry-list {height: auto; flex-wrap:wrap; margin: 2rem 0 8rem;}
	.sub-industry-list li {width: 100%; padding: 2rem 0 8rem;}
}

/* kaiden */
/* fp-nav */
#wrap.kaiden + #fp-nav ul li:first-of-type, #wrap.kaiden + #fp-nav ul li:nth-of-type(7), #wrap.kaiden + #fp-nav ul li:nth-of-type(8) {display:none;}

#kaiden01 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/kaiden_bg.jpg) no-repeat; background-size: cover; background-position: center center; z-index: -1; transform: scale(1.1); transition: all 3s;}
/* #kaiden01 {background:url(/images/content/kaiden_bg.jpg) no-repeat; background-size:cover;} */
#kaiden01.s-con .txt-box {margin-top: 12rem;}

#kaiden02 .wrap {display:flex; flex-direction: row-reverse;
    position: relative;}
#kaiden02 .bg-box {position: absolute; top: 0; right: 0;/* left: 0; */ /* width: 60%; */ width: 100%; height: 100%; background: url(/images/content/kaiden02_bg.jpg) no-repeat; background-size: cover; background-position: 70% center; z-index: -1; /* transform: scale(1.1); transition: all 3s; */ /* z-index: 10; */} 
/* #kaiden02 {background:url(/images/content/kaiden02_bg.jpg) no-repeat; background-size:cover;} */
#kaiden02 .con-tit {line-height: 1.346em; margin-bottom: 2rem;}
#kaiden02 .inner-con {width: 50%; position:absolute; left: 0; padding-left: 24rem;}
/* #kaiden02 .video-iframe-wrapper {width: 100%; margin-right: 0;}
#kaiden02 .video-iframe-wrapper.on {width: 28.594%; margin: initial; margin-right: 32.3rem;} */
#kaiden02 .background-video-wrapper {width: 28.594%; margin-right: 16.823%;}
/* #kaiden02 .video-iframe-wrapper {width: 28.594%; margin: initial; margin-right: 16.823%;}
#kaiden02 .video-cover-box:hover .thumb {transform:scale(1.0);}
#kaiden02 .video-iframe-box {width: 100%; left: initial; right: 0;}
#kaiden02 .video-iframe-box iframe {width: 100%; min-width:initial;}
#kaiden02 .html5-video-player .video-stream {width: 33.599% !important;} */

#kaiden03 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/kaiden03_bg.jpg) no-repeat; background-size: cover; background-position: center center; z-index: -1; transform: scale(1.1); transition: all 3s;}
/* #kaiden03 {background:url(/images/content/kaiden03_bg.jpg) no-repeat; background-size:cover;} */
#kaiden03 .con-tit {margin-bottom: 2rem;}
#kaiden04 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/kaiden04_bg.jpg) no-repeat; background-size: cover; background-position: center center; z-index: -1; transform: scale(1.1); transition: all 3s;}
/* #kaiden04 {background:url(/images/content/kaiden04_bg.jpg) no-repeat; background-size:cover;} */
#kaiden04 .con-tit {line-height: 1.346em; margin-bottom: 3rem;}
/* #kaiden05 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/kaiden05_bg.jpg) no-repeat; background-size: cover; background-position: center center; z-index: -1; transform: scale(1.1); transition: all 3s;} */
/* #kaiden05 {background:url(/images/content/kaiden05_bg.jpg) no-repeat; background-size:cover;} */
/* #kaiden05 .con-tit {line-height: 1.346em;}
#kaiden05 .learn-btn {margin-top: 4.5rem;} */
#kaiden05 {background: #f2f2f2;}
#kaiden05 .txt-box {width: 100%;}
#kaiden05 .industry-box {height: 50rem; background: url(/images/content/defense_bg.jpg) no-repeat; background-size:cover; background-position: 80% center;}
.industry-box {position: relative; display:flex; flex-direction:column; justify-content:center; align-items:center; isolation: isolate;}
.industry-box:after {content: ''; position: absolute; background: #000; z-index: -1; inset: 0; opacity: 0; transition:var(--transition-custom);}
.industry-box .tit {font-size:3.6rem; letter-spacing:-0.025em; color: #fff; font-weight: 700; line-height:1.944em; }
.industry-box .txt {font-size:1.8rem; letter-spacing:-0.055em; color: #fff; font-weight: 600;}
.industry-box .more-btn {display:flex; align-items:center; justify-content:center; width: 20rem; height: 7rem; border:5px solid #fff; box-sizing:border-box; font-size:1.8rem; letter-spacing:-0.025em; font-weight: 500; color: #fff; margin: 4.5rem auto 0; transition:var(--transition-custom);}
.industry-box .more-btn:hover {border-color:var(--main-color); background: var(--main-color); color: #000;}
.industry-box:hover:after {opacity: 0.5;}

/* Drone Station */
/* fp-nav */
#wrap.station + #fp-nav ul li:first-of-type, #wrap.station + #fp-nav ul li:nth-of-type(7), #wrap.station + #fp-nav ul li:nth-of-type(8) {display:none;}

#station01 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/station_bg.jpg) no-repeat; background-size: cover; background-position: center center; z-index: -1; transform: scale(1.1); transition: all 3s;}
/* #station01 {background:url(/images/content/station_bg.jpg) no-repeat; background-size:cover;} */
#station01.s-con .txt-box {margin-top: 12rem;}
#station02 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/station02_bg.jpg) no-repeat; background-size: cover; background-position: center center; z-index: -1; transform: scale(1.1); transition: all 3s;}
/* #station02 {background:url(/images/content/station02_bg.jpg) no-repeat; background-size:cover;} */
#station02 .con-tit {line-height: 1.346em; margin-bottom: 2.2rem;}
#station02 .con-txt.txt01 {margin-bottom: 2.7rem;}
#station02 .con-txt.txt02 {font-size:1.8rem; line-height:1.444em;}
#station02 .con-txt.txt02:last-of-type {margin-top: 2.4rem;}
#station03 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/station03_bg.jpg) no-repeat; background-size: cover; background-position: center center; z-index: -1; transform: scale(1.1); transition: all 3s;}
/* #station03 {background:url(/images/content/station03_bg.jpg) no-repeat; background-size:cover;} */
#station03 .con-txt.txt01 {line-height:1.666em; margin-bottom: 1.3rem; margin-top: 1.4rem;}
#station03 .con-txt.txt02 {line-height:1.444em; font-size:1.8rem;}
#station04 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/station04_bg.jpg) no-repeat; background-size: cover; background-position: center center; z-index: -1; transform: scale(1.1); transition: all 3s;}
/* #station04 {background:url(/images/content/station04_bg.jpg) no-repeat; background-size:cover;} */
#station04 .con-tit {line-height:1.346em; margin-bottom: 2.8rem;}
#station05 .txt-box {width: 100%;}
#station05 .industry-box {height: 50rem; background: url(/images/content/drone_bg.jpg) no-repeat; background-size:cover; background-position: 80% center;}
/* pro2 */
/* fp-nav */
#wrap.pro2 + #fp-nav ul li:first-of-type, #wrap.pro2 + #fp-nav ul li:nth-of-type(6), #wrap.pro2 + #fp-nav ul li:nth-of-type(7){display:none;}

#pro01 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/pro2_bg.jpg?ver=241125) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
/* #pro01 {background:url(/images/content/pro2_bg.jpg) no-repeat; background-size:cover;} */
#pro01.s-con .txt-box {margin-top: 12rem;}
#pro02 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/pro02_bg.jpg?ver=241125) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#pro02 .con-tit {line-height:1.346em; margin-bottom: 3.5rem;}
#pro02 .con-txt.txt02 {font-size:1.8rem; line-height:1.444em;}
#pro03 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/pro03_bg.jpg?ver=241125) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#pro03 .con-tit {line-height:1.346em; margin-bottom: 2.2rem;}
#pro04 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/pro04_bg.jpg?ver=241125) no-repeat; background-size: cover; background-position: 70% center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#pro04 .con-tit {line-height:1.346em; margin-bottom: 2.8rem;}
#pro04 .con-txt.txt01 {margin-bottom: 1.9rem;}
#pro04 .con-txt.txt02 {font-size:1.8rem; line-height:1.444em;}

/* ******************  Software ********************** */
/* nearth wind */
#wind01 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/nearth_wind_bg.jpg) no-repeat; background-size: cover; background-position: center 15%; z-index: -1; transform: scale(1.1); transition: all 3s;}
#wind01 .txt-box {margin-top: 12rem;}

#wind03 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/wind03_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#wind03 .con-tit {line-height:1.346em; margin-bottom: 3rem; letter-spacing:0;}
#wind03 .con-txt.txt02 {font-size:1.8rem; line-height:1.444em;}

#wind04 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/wind04_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#wind04 .con-tit {line-height:1.346em; margin-bottom: 2rem; letter-spacing:0;}
#wind04 .con-txt.txt02 {font-size:1.8rem; line-height:1.444em;}

#wind05 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/wind05_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#wind05 .con-tit {line-height:1.346em; letter-spacing:0; margin-bottom: 3rem;}
#wind05 .con-txt.txt02 {font-size:1.8rem; line-height:1.444em;}

/* zoomable */
#zoom01 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/zoomable_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#zoom01 .txt-box {margin-top: 7.5521%;}

#zoom02-01 .background-video iframe {top:45%;}
#zoom02 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/zoom02_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#zoom02 .con-tit {line-height:1.346em; margin-bottom: 3rem;}
#zoom02 .con-txt.txt02 {font-size:1.8rem; line-height:1.444em;}

#zoom03 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/zoom03_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#zoom03 .con-tit {line-height:1.346em; margin-bottom: 2.2rem;}

#zoom04 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/zoom04_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#zoom04 .con-tit {line-height:1.346em; margin-bottom: 3rem;}
#zoom04 .con-txt.txt01 {margin-bottom: 2.6rem;}
#zoom04 .con-txt.txt02 {font-size:1.8rem; line-height:1.444em;}
#zoom04 .con-txt.txt02:last-of-type {margin-top: 2.4rem;}

/* #zoom07 .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/zoom05_bg.jpg) no-repeat; background-size: cover; background-position: bottom center; z-index: -1; transform: scale(1.1); transition: all 3s;}
#zoom07 .learn-btn {margin-top: 0;} */
#zoom07 .txt-box {width: 100%;}
.zoom-industry-list {display:flex; height: 50rem;}
.zoom-industry-list li {position: relative; width:calc(100% / 2); display: flex; flex-direction: column; justify-content: center; isolation: isolate;}
.zoom-industry-list li:nth-child(1) {background: url(/images/content/inspection_bg.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.zoom-industry-list li:nth-child(2) {background: url(/images/content/safety_bg.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
/* .zoom-industry-list li .tit {font-size:3.6rem; letter-spacing:-0.025em; color: #fff; font-weight: 700; line-height:1.944em;}
.zoom-industry-list li .txt {font-size:1.8rem; letter-spacing:-0.055em; color: #fff; font-weight: 600; line-height:1.888em;}
.zoom-industry-list .more-btn {display:flex; align-items:center; justify-content:center; width: 20rem; height: 7rem; border:5px solid #fff; box-sizing:border-box; font-size:1.8rem; letter-spacing:-0.025em; color: #fff; font-weight: 500; margin:4.5rem auto 0; transition:var(--transition-custom); }
.zoom-industry-list .more-btn:hover {border-color:var(--main-color); background:var(--main-color); color: #000;} */

/* @media all and (max-width:800px){
	.zoom-industry-list {height: auto; flex-wrap:wrap; margin: 5rem 0;}
	.zoom-industry-list li {width: 100%; padding: 5rem 0;}
} */

#zoom08 {background: #f2f2f2;}
.zoom-ai-box {position: relative; display: flex; align-items: center; justify-content: center; height: 60rem; background: url(/images/content/zoomable_ai_bg.jpg) no-repeat; background-size:cover; isolation: isolate;}
.zoom-ai-box:after { content: ''; position: absolute; background: #000; z-index: -1; inset: 0; opacity: 0; transition:var(--transition-custom);}
.zoom-ai-box .tit-box strong {font-size:5.2rem; letter-spacing:-0.025em; color: #fff; font-weight: 700; line-height:1.346em;}
.zoom-ai-box .zoom-ai-btn {display:flex; align-items:center; justify-content:center; width: 20rem; height: 7rem; background: var(--main-color); color: #000; font-size:2.4rem; letter-spacing:-0.025em; font-weight: 500; margin: 3rem auto 0;} 
.zoom-ai-box:hover:after {opacity: 0.5;}
/* ****************** Industry ********************** */
/* .industry-page {padding-top: 6.5rem; padding-bottom:20rem;} */
.i-con {display:flex; justify-content: space-between; margin-top: 14.8rem;}
.i-con:first-of-type {margin-top: 0;}
.i-con .txt-box {display:flex; flex-direction:column; width: 54.16%; padding-right:8.33%; box-sizing:border-box;}
.i-con.reverse {flex-direction:row-reverse;} 
.i-con.reverse .txt-box {padding-right: 0; padding-left:8.33%;}
.i-con .img-box {width: calc(100% - 54.16%);}
.i-con .img-box img {max-width:100%;}
.i-con-tit {font-size:6.2rem; letter-spacing:-0.025em; line-height:1.12; font-weight: 700; color: #000; margin-bottom: 2.2rem;}
.i-con-sub-tit {position: relative; font-size:3.4rem; letter-spacing:-0.025em; color: #000; font-weight: 600; line-height:1.411em; padding-bottom:5rem;}
.i-con-sub-tit:after {display: block; content:""; position:absolute; bottom:0; left:0; width: 98px; height: 3px; background: #000;}
.i-con-txt {font-size:2rem; letter-spacing:-0.025em; color: #000; font-weight: 500; line-height:1.8em; font-weight: 500; margin-top: 4rem;}

.industry-bottom-con {margin-top: 19.5rem;}
.specs {background: url(/images/content/specs_bg.jpg)no-repeat; background-size:cover; padding: 15rem 0 13.8rem;}
.specs-list {display:flex; justify-content:space-between;}
.specs-list li {display:flex; flex-direction:column; justify-content:center; text-align:center; width: 33.33%; align-items: center;}
.specs-list .icon-box {width: 7.8rem; margin-bottom: 6rem;}
.specs-list .icon-box span {display: block; position: relative; height: 0; width: 100%; padding-top: 101.3%;}
.spec-tit {display:flex; flex-direction:column; justify-content: center; height: 13.8rem; font-size:8rem; letter-spacing:-0.025em; color: #fff; font-weight: 700; line-height:1.1; margin-bottom: 45px;}
.spec-tit span {display: block; font-size:4rem; line-height:1.25em; letter-spacing:-0.025em; }
.spec-txt {font-size:2.4rem; letter-spacing:-0.025em; font-weight: 500; color: rgba(255,255,255,0.6); line-height:1.5em;}

.benefits {margin-top: 20.5rem;}
.benefits .i-con-tit {display:inline-block; padding-bottom:4.5rem;}
.benefits-list {display:flex; flex-wrap:wrap; border-top:3px solid #000;}
.benefits-list li {width: 50%; height: 16rem; display:flex; align-items:center; border-bottom:1px solid rgba(0,0,0,0.2); padding-left: 3.5rem; box-sizing: border-box;}
.benefits-list .icon-box {width: 9.2rem; margin-right: 7.4rem;}
.benefits-list .icon-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 103.27%;}
.benefit-txt {font-size:2.4rem; letter-spacing:-0.025em; color: #000; font-weight: 600; line-height:1.25em;}

.industry_solution {margin-top: 18.8rem;}
.industry_solution .i-con-tit {position: relative; display: block; text-align:center; padding-bottom:4.6rem; margin-bottom: 10rem;}
.industry_solution .i-con-tit:after {display: block; content:""; position:absolute; left: 50%; bottom: 0; transform:translateX(-50%); width: 10rem; height: 3px; background: #000;}
.ids-list {display:flex; height: 60rem; margin-bottom: 18rem;}
.ids-list li {background: #000; height: 100%; width: calc((100% - 6px) / 4); margin-right: 2px; padding: 10rem 5rem; align-self: flex-start; box-sizing:border-box;}
.ids-list li:last-of-type {margin-right: 0;}
.ids-list li:nth-of-type(even) {margin-top: 7.9rem;}
.ids-list .icon {height: 3.1rem; margin-bottom: 2.5rem;}
.ids-tit {font-size:2.5rem; letter-spacing:-0.025em; color: #fff; font-weight: 600; line-height:1.4em;}
.ids-txt {font-size:1.6rem; color: rgba(255,255,255,0.6); line-height:1.625em; margin-top: 3.7rem;}

.ids-contact-box {text-align:center;}
.ids-contact-box p {font-size:2.4rem; color: #000; font-weight: 500; line-height:1.0833em;}
.ids-contact-btn {display:flex; align-items:center; justify-content:center; width: 21.5rem; height: 7rem; border:5px solid var(--main-color); font-size:1.8rem; letter-spacing:-0.025em; font-weight: 600; color: #000; margin:3.5rem auto 0;}

/* .iframe-wrapper{max-width:1440px; margin:150px auto 60px;}
.iframe-wrapper .iframe-inner{overflow:hidden; position:relative; width:100%; height:0; padding-top:55.903%; }
.iframe-wrapper .iframe-inner iframe{position:absolute; top:50%; left:50%; width:100%; height:calc(100% + 350px); transform:translate(-50%,-50%)} */
.video-txt {font-size:2rem; letter-spacing:-0.025em; color: #000; font-weight: 500; line-height:1.7em; text-align:center;}
.video-arrow-wrap {position: relative; display:flex; align-items:center; justify-content: space-around; width: 18rem; margin: 5rem auto 0;}
.video-arrow-wrap button {position:absolute;}
.video-arrow-wrap button i {font-size:2.4rem; color:rgba(0,0,0,0.5);}
.video-arrow-wrap .slick-prev {left: 0;}
.video-arrow-wrap .slick-next {right: 0;}
.video-arrow-wrap .slick-dots {display:flex;}
.video-arrow-wrap .slick-dots li {text-indent:-9999px; width: 1.3rem; height: 1.3rem; border-radius:100%; background:rgba(0,0,0,0.2); margin: 0 12.5px;}
.video-arrow-wrap .slick-dots li.slick-active {background: #000;}
.industry-video-txt-box img {margin: 0 auto 3rem;}

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

	/* .industry-page {padding-top: 3rem; padding-bottom:10rem;} */
	.i-con {flex-wrap:wrap;  margin-top: 7rem;}
	.i-con .txt-box {width: 100%; padding-right: 0;}
	.i-con .img-box {width: 100%; margin-top: 3rem;}
	.i-con .img-box img {width: 100%;}
	.i-con-tit {font-size:5rem;}
	.i-con-sub-tit {font-size:2.5rem; padding-bottom: 2.5rem;}
	.i-con-txt {margin-top: 2rem; font-size:1.6rem;}
	.i-con.reverse .txt-box {padding-left:0}
	
	.industry-bottom-con {margin-top: 9.5rem;}
	.specs {padding: 7.5rem 0 6.5rem;}
	.specs-list {flex-wrap:wrap;}
	.specs-list li {width: 100%; margin-top: 3rem;}
	.specs-list li:first-of-type {margin-top: 0;}
	.specs-list .icon-box {width: 4.8rem; margin-bottom: 3rem;}
	.spec-tit {font-size:4.5rem; height: auto; margin-bottom: 2rem;}
	.spec-tit span {font-size:3rem;}
	.spec-txt {font-size:1.7rem;}

	.benefits {margin-top: 10.25rem;}
	.benefits-list li {width: 100%; padding-left: 1.5rem; height: 10rem;}
	.benefits-list .icon-box {width: 48px; margin-right: 4rem;}
	.benefit-txt {font-size:1.8rem; width: calc(100% - 48px);}

	.industry_solution {margin-top: 9.4rem;}
	.industry_solution .i-con-tit {margin-bottom: 5rem;}
	.ids-list {height: auto; flex-wrap:wrap; margin-bottom: 9rem;}
	.ids-list li {width: 100%; padding: 5rem 2.5rem; margin-top: 2rem; margin-right: 0;}
	.ids-list li:nth-of-type(even) {margin-top: 2rem;}
	.ids-list li:first-of-type {margin-top: 0;}
	.ids-txt {margin-top: 1.7rem;}
	.ids-list .icon {height: auto; margin-bottom: 1rem;}
	.ids-contact-box p {font-size:2rem;}

	.video-txt {font-size:1.7rem}
	.video-arrow-wrap button i {font-size:1.9rem;}
	.video-arrow-wrap .slick-dots li {width: 8px; height: 8px;}

	.iframe-wrapper {margin: 7.5rem auto 3rem;}
}

/* ****************** Company ********************** */
.intro-con-tit {position: relative; padding-bottom:3rem;}
.intro-con-tit:after {display: block; content:""; position:absolute; width: 98px; height: 3px; background: #000; left: 0; bottom: 0;}
.intro-con-tit p {display:inline-block; font-size:8rem; letter-spacing:-0.025em; color: #000; font-weight: 600; line-height:1.125em; margin-top: 1.5rem;}
.intro-con-tit p:first-of-type {position: relative; margin-top: 0;}
/* .intro-con-tit p:first-of-type:before {display: block; content:""; position:absolute; left:0; bottom:-0.9rem; background: var(--main-color); width: 100%; height: 5rem; z-index: -1;} */
.about-page .intro-con-tit .cm-word-split-JS.splitting span {opacity: 1; position: relative; overflow: visible; z-index: 10;}
.intro-con-tit p:first-of-type span .char:before /* , .intro-con-tit p:first-of-type .whitespace:before */ {display: block; content: ""; position: absolute; left: 0; bottom: -0.9rem; background: var(--main-color); width: 100%; height: 5rem; z-index: -1;}
.intro-con-tit p:first-of-type span .char:after {display: block; content: ""; position: absolute; left: 3rem; bottom: -0.9rem; background: var(--main-color); width: 100%; height: 5rem; z-index: -1;}
/* .intro-con-tit p:first-of-type .whitespace:before {height: 4.1rem; bottom:2rem;} */



.intro-txt-box {margin-top: 3rem;}
.intro-txt {font-size:2.2rem; letter-spacing:-0.025em; color: #000; font-weight: 500; line-height:1.545em; margin-top: 4.4rem;}
.intro-txt:first-of-type {margin-top: 0;}
.intro-banner-con {position: relative; margin-top: 14rem; padding-bottom: 42rem;}
.intro-banner-con:after {display: block;
    content: "";
    position: absolute;
    bottom: 9rem;
    left: 0;
    background: url(/images/content/company_deco.png);
    background-size: cover;
    width: 100%;
    height: 127.5rem;
    z-index: -1;
    background-position: 50% 50%;}
.intro-banner-con .banner-img img {max-width:100%;}
.intro-banner-con .list-box {margin-top: 23.5rem;}
.intro-banner-con .list li {font-size:4.4rem; letter-spacing:-0.025em; color: #000; font-weight: 500; line-height:1.59em; display:flex; align-items:center; justify-content:flex-end; text-align:right;}
.intro-banner-con .list li i {position: relative; top: 1.5rem; align-self:flex-start; margin-left: 2.5rem;}

.company-con {margin-top: 25rem;}
.company-con:first-of-type {margin-top: 0;}
.company-con .left-con {width: 50%; display: flex; flex-direction: column; padding-right: 5%; box-sizing:border-box;}
.company-con .right-con {width: 50%;}
.company-con .right-con img {margin-top: 5rem; max-width:100%;}
.company-con .right-con img:first-of-type {margin-top: 0;}
.com-tit {display: inline-block; font-size:6.2rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.162em; text-align:center;}
.com-sub-tit {display: inline-block; position: relative; font-size:3.4rem; letter-spacing:-0.025em; color: #000; font-weight: 600; line-height:1.411em; margin-top: 1.9rem;}
.company-con .tit-box {position: relative; padding-bottom:4.7rem; text-align:center;}
.company-con .tit-box:after {display: block; content:""; position:absolute; width: 98px; height: 3px; background: #000; left: 50%; bottom: 0; transform:translateX(-50%);}
.com-txt {font-size:2rem; letter-spacing:-0.025em; color: #000; font-weight: 500; line-height:1.8em; margin-top: 4rem; text-align:center;}

.company-con.flex {display:flex;}
.company-con.flex .com-tit , .company-con.flex .com-txt{text-align:left;} 
.company-con.flex .tit-box {text-align:left;}
.company-con.flex .tit-box:after {left: 0; transform:translateX(0);}
.company-con .wide-img-box {margin-top: 6rem;}
.company-con .wide-img-box img {max-width:100%;}

@media all and (max-width:800px){
	.intro-con-tit p:first-of-type .whitespace:before {height: 4.1rem; bottom:2rem;}
	.intro-con-tit p {font-size:5rem;}
	.intro-con-tit p:first-of-type span .char:before , .intro-con-tit p:first-of-type span .char:after {bottom:-2.2rem;}
	.intro-txt {font-size:2rem; margin-top: 2.2rem;}
	.intro-banner-con {padding-bottom: 20rem; margin-top: 7rem;}
	.intro-banner-con:after {bottom: 0;}
	.intro-banner-con .list-box {margin-top: 11.75rem;}
	.intro-banner-con .list li {font-size:3rem;}
	.intro-banner-con .list li i {margin-left: 1rem; top:1rem;}
	.company-con {margin-top: 12.5rem;}
	.company-con.flex {flex-wrap:wrap;}
	.company-con .left-con {width: 100%; padding-right:0;}
	.company-con .right-con {width: 100%; margin-top: 3rem;}
	.company-con .right-con img {margin-top: 2.5rem;}
	.company-con .tit-box {padding-bottom:2.7rem;}
	.com-tit {font-size:5rem;}
	.com-sub-tit {font-size:2.8rem;}
	.com-txt {font-size:1.8rem; margin-top: 2rem;}
	.company-con .wide-img-box {margin-top: 3rem;}
}

@media all and (max-width:640px){
	.intro-con-tit p:first-of-type span .char:before, .intro-con-tit p:first-of-type span .char:after {height: 2.5rem; bottom: 0; }
	.intro-con-tit p:first-of-type span .char:after {left: 1.8rem;}
}

@media all and (max-width:480px){
	.intro-con-tit p {font-size:4rem;}
	.intro-txt {font-size:1.8rem}
	.intro-banner-con {padding-bottom: 12rem;}
	.intro-banner-con .list li {font-size:2.2rem;}
	.com-tit {font-size:4rem;}
	.com-sub-tit {font-size:2.3rem;}
}

/* location */
.map-bg {position: relative;}
.map-bg img {position: relative; left: 0; top: 0; width: 100%;}
.maker-box {position:absolute; top: 0; left: 0; width:100%;}
.maker-box .maker {position:absolute; top:0; left:50%; display: block; text-align:center;}
.loca-dot {/* display:inline-block; position: relative; width: 2.32rem; height: 2.32rem; background: var(--main-color); border-radius:100%; */ /* top:3rem; */ display:inline-block; width: 2.32rem; height: 2.32rem; position:relative;}
.loca-dot:before {/* display: block; content:"\eb59"; position:absolute; top:-2.5rem; left:50%; transform:translateX(-50%); font-family:'xeicon'; font-size: 4rem; color: #656565; */ display:inline-block; position: absolute; content:""; width: 2.32rem; height: 2.32rem; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; background: var(--main-color); border-radius:100%; opacity: 0; transition:all 0.3s ease;}
.loca-dot i {position: relative; top:-25px; left: -8px; font-size:4rem;}

.loca-dot .wave {display: block; width: 100%; height: 100%; position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); border-radius:100%; background: rgba(255,223,52,0.2); /* animation:ani-wave 3s cubic-bezier(1, 2, 0.66, 3) infinite; */ opacity: 0; z-index: -1;}
.maker.active .loca-dot:before {opacity: 1;}
.maker.active .loca-dot .wave {animation:ani-wave 3s cubic-bezier(1, 2, 0.66, 3) infinite; opacity: 1;}
.maker-tit {width: 12rem; font-size:2.7rem; letter-spacing:-0.025em; color: #111; font-weight: 700; position: absolute; top: -8.5rem; left: 50%; transform: translateX(-50%);}
.maker-tit strong {position: relative; display:inline-block; transition:all 0.3s ease-in;}
.maker-tit strong:before {display: block; content:""; position:absolute; left: 50%; bottom:-7px; transform:translateX(-50%); width:120%; height: 2.2rem; background: var(--main-color); z-index: -1; opacity: 0; transition:all 0.3s ease-in;}
.maker.active .maker-tit strong {font-size:3.4rem;}
.maker.active .maker-tit strong:before {opacity: 1;}
.maker-tit span {display: block; font-size:1.7rem; font-weight: 500; line-height:1.882em;}
@keyframes ani-wave {
	0%{width: 2.32rem; height: 2.32rem; opacity: 0;}
	50%{opacity: 0.3;}
	100%{width: 42rem; height:42rem; opacity: 0;}
}
.location-page {padding-top: 5.2rem;}
.map-box {position: relative;}
.map-info-box {position:absolute;/*  top:42.573%; right:21.875%; */ top: 0; left: 50%; margin-top: 26%; margin-left: 3%; width: 25.171%;}
.map-info-list {display:inline-block; margin-top: 5rem; width: 125%;}
.map-info-list li {display:flex; margin-top: 2.5rem;}
.map-info-list li:first-of-type {margin-top: 0;}
.map-info-list dl {margin-right: 3.7rem;}
.map-info-list dl:last-of-type {margin-right: 0;}
.map-info-list dl dt {font-size:1.6rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.875em;}
.map-info-list dl dd {font-size:1.6rem; letter-spacing:-0.025em; color: rgba(0,0,0,0.7); font-weight: 500;}

.logo-img {width: 100%;}
.logo-img img {max-width:100%;}

@media all and (max-width:1280px){
	.map-info-list {width: 165%;}
	.map-info-list dl dt , .map-info-list dl dd {font-size:1.4rem;}
}

@media all and (max-width:800px){
	@keyframes ani-wave {
		0%{width: 10rem; height: 10rem; opacity: 0;}
		50%{opacity: 0.3;}
		100%{width: 25rem; height:25rem; opacity: 0;}
	}

	.maker-tit {font-size:2rem;}
	.maker-tit span {font-size:1.4rem;}

	.loca-dot {width: 1.32rem; height: 1.32rem;}
	.loca-dot:before {top: -1rem; font-size:2rem; width: 1.32rem; height: 1.32rem;}
	.loca-dot i {font-size:2rem; top: -2rem; left: -0.3rem;}
	
	.map-info-box {position: relative; top: initial; left: initial; margin-top: -10%; margin-left: 8%; width: 100%; z-index:10;}
	.logo-img {width: 40%;}
	.map-info-list {margin-top: 2.5rem;}

}

@media all and (max-width:480px){
	@keyframes ani-wave {
		0%{width: 6rem; height: 6rem; opacity: 0;}
		50%{opacity: 0.3;}
		100%{width: 14rem; height:14rem; opacity: 0;}
	}


	.map-info-box {width: 90%; margin-left: 3%;}
	.map-info-list dl {margin-right: 2.5%;}
}

/* history */
.history-page {max-width: 1800px; background: #f7f7f7; margin: 0 auto;}
/* -------- 회사연혁 -------- */
.history-parallax-wrap{position: relative; padding: 13.6rem 0 19rem; min-height: 651px;}
.history-img-wrap {position: relative;}
.history-img-wrap .inner{position: absolute; left: 0; width: 40rem;}
.history-img-wrap li{opacity:0; position:absolute; top: 0;}
.history-img-wrap li img{max-width: 100%; box-shadow: 5px 5px 15px rgba(0,0,0,.07);}
.history-info-wrap{display: flex; flex-wrap: wrap;}
.history-info-wrap ul{margin-left: auto; width: 65.347%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 9px;}
.history-column-list{position: relative; padding: 9rem 0 7rem 28rem; border-top: 1px solid #e1e1e1;}
.history-column-list:first-child{padding-top: 5rem; border-top: 3px solid #000;}
.history-column-list .year-box{position: absolute; left: 8rem; font-size: 7.8rem;}
.history-column-list .year-box em{display: block; margin-bottom: 0.5rem; font-size: 0.436em; font-weight: 700; color: #222; letter-spacing: -.025em;}
.history-column-list .year-box strong{display: block; font-size: 5rem; font-weight: 600; color: #000; letter-spacing: -.025em; transition: all .2s}
.history-column-list .history-item{position: relative; padding: 0 0 5rem 0;}
.history-column-list .history-item .year{position: absolute; top: 0; left: 0; font-size: 2.4rem; font-weight: 700; color: #222; letter-spacing: -.25px; line-height: 1.3;}
.history-column-list .history-item .txt p{position: relative; padding-left: 1rem; font-size: 1.8rem; font-weight: 300; color: rgba(0,0,0,0.7); letter-spacing: -.025em; line-height: 1.3;}
.history-column-list .history-item .txt p + p{margin-top: 1.1rem;}
.history-column-list .history-item .txt p:before{content: ""; position: absolute; top: 0.9rem; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #424242;}

/* Scroll start */
.history-img-wrap.fixing{position: fixed; top: 16.2rem;}
.history-img-wrap.fixing.last{position: absolute; top: auto; bottom: 40rem;}
.history-img-wrap li.on{opacity: 1;}

@media all and (max-width:1366px){
	.history-img-wrap .inner{width: 36rem;}
	.history-info-wrap{padding-left: 36rem;}
	.history-info-wrap ul{width: 100%; padding-left: 4vw;}
	.history-column-list{padding-left: 22rem;}
	.history-column-list .year-box{font-size: 6rem;}
	.history-column-list .history-item{padding-left: 8rem;}
	.history-column-list .history-item .year{top: -0.5rem;}
}
@media all and (max-width:1260px){
	.history-parallax-wrap:before{height: calc(100% + 7rem);}
}
@media all and (max-width:1024px){
	.history-parallax-wrap{padding-top: 0;}
	.history-parallax-wrap:before{display: none;}
	.history-img-wrap.fixing.last{bottom: 56rem;}
	.history-img-wrap .inner{width: 32rem;}
	.history-info-wrap{padding-left: 34rem;}
	.history-column-list{padding-left: 0;}
	.history-column-list .year-box{position: static; left: auto; margin-bottom: 4rem;}
	.history-column-list .history-item {padding-left: 0;}
}
@media all and (max-width:800px){
	.history-parallax-wrap{padding-bottom: 0;}
	.history-column-list .year-box strong {font-size:3.8rem;}
	.history-img-wrap{display: none;}
	.history-info-wrap{padding-left: 0;}
	.history-info-wrap ul{padding-left: 0;}
	.history-column-list{padding: 4rem 0 2rem;}
	.history-column-list:first-child{padding-top: 4rem;}
	.history-column-list .year-box{font-size: 5rem; margin-bottom: 2.5rem;}
	.history-column-list .year-box strong:after{margin: -1px 0 -3px; width: 8px; height: 8px;}
	.history-column-list .history-item{padding: 0 0 3rem 0;}
	.history-column-list .history-item .year{font-size: 1.6rem; top: -2px;}
	.history-column-list .history-item .txt p{font-size: 1.4rem; padding-left: 0.8rem;}
	.history-column-list .history-item .txt p:before{top: 0.7rem;}
}

.history-top-con {background: #fff; width: 100%; height: 11.8rem; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.year-btn-box {height: 100%; background: #fff; top: 0; width: 100%; display: flex; justify-content: center; align-items: center;}
.year-btn-box .year {margin: 0 2rem;}
.year-btn-box .year em {position: relative; font-size:1.8rem; font-weight: 500; color: rgba(0,0,0,0.3); letter-spacing:-0.025em; transition: all 0.3s ease;}
.year-btn-box .year em:after {position: absolute; display: block; content: ""; bottom: -8px; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; background: #000; opacity: 0; transition: all 0.3s ease;}
.year-btn-box .year.selected em {color: #000; font-weight: 700;}
.year-btn-box .year.selected em:after {opacity: 1;}
.year-btn-box.fixed {position:fixed; top:0; left: 0; z-index: 10; height: 8.8rem;}

@media all and (max-width:1500px){
	.history-parallax-wrap {padding: 13.6rem var(--area-padding) 19rem;}
}

@media all and (max-width:800px){
	.history-top-con {height: auto;}
	.year-btn-box {display:block; position: relative; z-index: 10; height: auto;}
	.year-btn-box.fixed {height: auto;}
	.year-inner-box {display:none; position: absolute;
    /* display: block; */
    top: 40px;
    height: auto;
    left: 0;
    right: 0;
    border: 1px solid #ddd;
    z-index: 11; background: #fff;}
    .year-btn-box .year {width: 100%; padding: 0.5rem 0; margin: 0;}
    .year-btn-box .year em:after {display:none;}
    .history-parallax-wrap {padding: 6.5rem var(--area-padding) 9.5rem;}
}

/* about */
.about-con.active-section .cm-word-split-JS.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
#fullpageAbout .cm-sitemap-inner-con {vertical-align: top; padding: 12em 0;}
/* #fullpage .con-main{height:100vh} */
@media all and ( min-width: 1281px ) and (max-height: 750px) {
	#fullpageAbout .section:not(#mainFooter){min-height:750px;}
	#fullpageAbout .section .fp-tableCell{height:100% !important;}
}
/* 배경 확대 -> 축소 */
#fullpageAbout .section:not(#fullpageIntro) {overflow: hidden;}
#fullpageAbout .section.active-section .bg-box {transform:scale(1);}
/* 텍스트 공통 */
.con-tit {display:inline-block; font-size:5.2rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.73em; /* margin-bottom: 1.8rem;  */}
.active-section .con-tit .char {animation-delay:0.25s !important;}
.con-tit.wt {color: #fff;}
.con-txt.txt01 {font-size:2.4rem; letter-spacing:-0.055em; color: #000; line-height:1.5em; font-weight: 700; margin-bottom: 1.8rem; text-align:center; }
.con-txt.txt01.left {text-align:left;}
.active-section .con-txt.txt01 .char{animation-delay:0.4s !important;}
.con-txt.txt01.wt {color: #fff;}
.con-txt.txt02 {font-size:1.7rem; letter-spacing:-0.055em; color: #000; line-height:1.529em; font-weight: 500; text-align:center; }
.con-txt.txt02.left {text-align:left;}
.active-section .con-txt.txt02 .char{animation-delay:0.55s !important;}
.con-txt.txt02.wt {color: #fff;}
.con-txt.txt02.bk {color: rgba(0,0,0,0.7);}
/* about page 메인 부분 */
.about-con.con-main .inner-con {width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; text-align: center;}
.about-con.con-main .bg-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/about_top_img.jpg) no-repeat; background-size:cover; background-position: bottom center; z-index: -1; transform:scale(1.1); transition:all 3s;}
.about-con.con-main .txt-box {margin-bottom: 16.3rem;}
/* 컨텐츠박스 2개 */
.con-wrap {display:flex; height: 100%;}
.con-wrap > div {width: 50%;}
.con-wrap .img-box {position: relative; overflow:hidden; display: flex; align-items: flex-end; justify-content: center;}
.con-wrap .txt-box {display: flex; align-items: center; justify-content: center; flex-direction: column; }
.con-wrap .bg-box {position:absolute; top: 0; left: 0; width: 100%; height: 100%; transform:scale(1.1); transition:all 3s; z-index:-1;}
.con-wrap .img-tit {font-size:2rem; letter-spacing:0.6em; font-weight: 700; color: #fff; line-height:1.1; margin-bottom: 6rem;}
.con-approach .bg-box {background: url(/images/content/approach_img.jpg) no-repeat; background-size:cover;}
.con-mission .bg-box {background: url(/images/content/mission_img.jpg) no-repeat; background-size:cover;}
.con-team {padding: 19rem 0;}
.con-team .txt-box {text-align:center; margin-bottom: 7.5rem;}
/* 흐르는 텍스트 */
.txt-flow-con {position: relative; height: 300px; overflow: hidden;}
.txt-flow-con .bg-box img {margin-top: -27rem;}
.flow-txt {width: 100%; height: 100%; position:absolute; top: 0; left: 0; z-index: 2; mix-blend-mode:lighten;}
.maskBg {width: 100%; height: 100%; background: #fff; display: flex; align-items: center; overflow: hidden;} .maskBg .marquee {width: 100%; height: 100%; position: relative;}
.maskBg .marquee .absol {    position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center;}
.maskBg .marquee .absol h4 {font-size:400px; letter-spacing:-0.05em; color: #000; font-weight: 800; box-sizing:border-box; white-space:nowrap; padding-right:calc(300/737*1em); text-transform: uppercase;}
/* 스크롤 다운 */
.scroll-down {display: flex; flex-direction: column; align-items: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.scroll-down em {color: #fff; font-weight: 600; font-size:1rem; letter-spacing:-0.025em; margin-bottom: 1rem;}
.scroll-bar {position: relative; display:inline-block; width: 5px; background: rgba(255,255,255,0.1); height: 50px;overflow:hidden;}
.scroll-bar .scroll-box {position:absolute; top: 0; left: 0; display:inline-block; width: 5px; height: 6px; background: #fff; animation:scroll-bar infinite 1.5s ease;}
@keyframes scroll-bar {
	0%{
		top: -20%;
	}
	100%{
		top: 120%;
	}
}
/* 풀페이지 nav */
#fp-nav {position:fixed; top: 50%; right: 9rem; z-index: 100; transition: opacity 0.2s ease;}
#fp-nav li {text-align:right;}
#fp-nav li span {display:inline-block; width: 1rem; height: 5px; background: rgba(255,255,255,0.1); margin: 5px 0;}
#fp-nav li a.active span {background: #fff; width: 2rem;}
#fp-nav.black li span {background: rgba(0,0,0,0.1);}
#fp-nav.black li a.active span {background: #000;}
/* #fp-nav li:nth-of-type(1), #fp-nav li:nth-of-type(6), #fp-nav li:nth-of-type(7) {display:none;} */

@media all and (max-width:1280px){
	#fp-nav {right: 2rem;}
	.about-con.con-main {padding: 15rem 5rem 10rem; margin-bottom: 7.5rem; margin-top: -70px; transform:translateY(20%); opacity: 0; transition:all 1.2s ease;}
	.about-con.con-main.active-section {transform:translateY(0); opacity: 1;}
	.about-con.con-main .txt-box {margin-bottom: 8rem;}
	.about-con:not(.con-main) {padding: 7.5rem 0;}
	.con-wrap {transform:translateY(20%); opacity: 0; transition:all 1.2s ease;}
	.con-wrap .txt-box {padding: 4rem; box-sizing: border-box;}
	#fullpageAbout .section.active-section .con-wrap {transform:translateY(0); opacity: 1;}
	.con-approach .bg-box {background-position: center 60%;}
	.con-team {padding: 0;}
	.con-team .txt-box {padding: 0 5rem; transform:translateY(20%); opacity: 0; transition:all 1.2s ease;}
	.con-team .txt-flow-con {transform:translateY(20%); opacity: 0; transition:all 1.2s ease;}
	.con-team.active-section .txt-box {transform:translateY(0); opacity: 1;}
	.con-team.active-section .txt-flow-con {transform:translateY(0); opacity: 1; transition-delay:0.4s;}
	.maskBg .marquee .absol h4 {font-size:280px;}
}

@media all and (max-width:800px){
	.about-con.con-main {padding: 38rem 2.5rem 2.5rem; /* padding: 7.5rem 2.5rem 5rem; */ margin-top: -50px;}
	.about-con.con-main .bg-box {background-position:70% bottom;}
	.about-con:not(.con-main) {padding: 2rem 0;}
	.con-wrap {flex-wrap:wrap;}
	.con-wrap > div {width: 100%;}
	.con-wrap .img-box {padding: 20rem 0 10rem;}
	.con-wrap .img-tit {margin-bottom: 0;}
	.con-approach .bg-box {background-position:center center;}
	.con-mission .bg-box {background-position:center center;}	
	.con-team .txt-box {margin-bottom: 3.5rem; padding: 4rem 5rem;}
	.con-team .txt-flow-con {height: 200px;}
	.maskBg .marquee .absol h4 {font-size:140px;}

}

/* industry */
/* .industry-page {font-family:"Pretendard", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;} */
/* defense */
.defense-con .con-tit {line-height:1.1;}
.top-con {height: 70rem; position: relative; display: flex; align-items: center; justify-content: center;}
.defense .top-con .bg-box {position:absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/content/defence_top_img.jpg) no-repeat; background-size: cover; background-position: 50% center; z-index: -1;}
.top-con .txt-box {padding: 0 var(--area-padding); text-align: center;}
.top-con .con-txt {color: rgba(255,255,255,0.6);}
.link-btn {display:flex; align-items:center; justify-content:center; width: 20rem; height: 7rem; border:5px solid rgba(255,255,255,0.2); color: #fff; font-size:1.8rem; letter-spacing:-0.05em; font-weight: 500; margin: 4.5rem auto 0; box-sizing:border-box; transition: var(--transition-custom);}
.link-btn:hover {background: var(--main-color); border-color: var(--main-color); color: #000;}
.slide-box .link-btn:hover {border-color: var(--main-color);}
.thum-txt-box {padding: 4.3rem 0 5.3rem;}
.thum-txt-box strong {font-size:3rem; letter-spacing:-0.055em; color: #000; font-weight: 700; line-height:1.1;}
.thum-txt-box strong {line-height:1.333em;}
.thum-txt-box p {font-size:1.7rem; letter-spacing:-0.055em; color: rgba(0,0,0,0.7); font-weight: 500; line-height:1.529em; margin-top: 1.3rem;}
.detail-con {display:flex; padding: 15rem 0 14.3rem;}
.detail-con .con-tit {width: 30.56%; line-height:1.1; margin-bottom: 0; padding-right: 3rem; box-sizing:border-box;}
.detail-con .txt-con {width: calc(100% - 30.56%); border-top:3px solid #000;}
.detail-list li {display:flex; align-items: center; border-top:3px solid rgba(0,0,0,0.05); padding: 5.5rem 6rem;}
.detail-list .con-txt {text-align:left;}
.detail-list .con-txt.txt01 {margin-bottom: 1px;}
.detail-list .con-txt.txt02 {color: rgba(0,0,0,0.7);}
.detail-list .icon-box {width: 6.4rem; margin-right: 5.5rem;}
.detail-list .icon-box span {width: 100%; position: relative; display: block; content:""; height: 0; padding-top: 100%;}
.detail-list .icon-box span:before {display: block; content:""; position:absolute; width: 3.8rem; height: 3.8rem; border-radius:100%; background: #ffdf34;}
.detail-list .txt-box {width: calc(100% - 6.4rem);}
.detail-list li:first-child .icon-box span:before {left: 0; bottom: 0;}
.detail-list li:nth-child(2) .icon-box span:before {right: 4px; bottom: -7px;}
.detail-list li:nth-child(3) .icon-box span:before {left: 5px; top: 5px;}
.detail-list li:nth-child(4) .icon-box span:before {left: 5px; top: 5px;}
.detail-list li:nth-child(5) .icon-box span:before {left: 5px; top: 5px;}
.detail-list li:last-child {border-bottom:3px solid rgba(0,0,0,0.05);}

.slide-box {/* padding: 15.1rem 0 8.5rem; */ padding: 15.1rem 0; background: #f9f9f9; text-align:center;}
.slide-box .link-btn {color: #000; border-color:#f2f2f2;}
.slide-box .con-tit {display:inline-block; margin-bottom: 3.6rem; padding: 0 var(--area-padding);}
.facility-container {overflow:visible !important;}
.facility-slide-list .swiper-slide {width: 62.5%;}
.facility-slide-list .swiper-slide .slide-img {position: relative;}
.facility-slide-list .swiper-slide img {max-width:100%;}
.facility-slide-list .swiper-slide.swiper-slide-prev .slide-img:before, .facility-slide-list .swiper-slide.swiper-slide-next .slide-img:before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.facility-txt-box {margin-top: 5.6rem;}
.facility-txt-box p {font-size:3.6rem; letter-spacing:-0.055em; color: #000; font-weight: 700; /* line-height:2.5em; */ margin-bottom: 9px;}
.facility-txt-box em {font-size:1.8rem; letter-spacing:-0.025em; color: rgba(0,0,0,0.5); font-weight: 500;}
.swiper-navigation {position: absolute; top: 50%; left: 50%; width: calc(62.5% + 8rem); height: 8rem; transform: translate(-50%, -50%); z-index: 10;}
.swiper-navigation .swiper-button-next:after, .swiper-navigation .swiper-button-prev:after {display:none;}
.swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {width: 8rem; height: 8rem; background: #ffdf34; transform: translateY(calc(-50% - 5.6rem)); margin-top: 0;}
.swiper-navigation .swiper-button-prev {left: 0;}
.swiper-navigation .swiper-button-next {right: 0;}
.swiper-navigation i {font-size:3rem; color: #000;}
.facility-container .swiper-pagination {bottom:-4.5rem !important;}
.facility-container .swiper-pagination span {display:inline-block; width: 5rem; height: 5px; background: rgba(0,0,0,0.1); border-radius:0; margin: 0 4.5px; opacity: 1;}
.facility-container .swiper-pagination span.swiper-pagination-bullet-active {background: #000;}
.facility-container + .link-btn {margin: 10.4rem auto 0;}

.pro-box {text-align:center; padding: 15.2rem 0 0; font-family:var(--font-family1);}
.pro-box .con-tit {display:inline-block; padding-bottom:3.6rem;}
.pro-list {display:flex; justify-content:center;}
.pro-list li {position: relative; background: #f9f9f9; width: calc((100% - 4.2rem) / 4); margin-right: 1.4rem; text-align:center; /* padding: 9.4rem 0 7.8rem; */ max-height: 50rem; /* box-sizing: border-box; */}
.pro-list li:before {display: block; content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border:5px solid #000; opacity: 0; box-sizing: border-box; transition: var(--transition-custom);}
.pro-list li a {display:inline-block; width: 100%; height: 100%; position: relative; padding: 9.4rem 0 7.8rem; box-sizing: border-box;}
.pro-list li:last-of-type {margin-right: 0;}
.pro-tit-box {text-align:center;}
.pro-tit-box strong {font-size:2.6rem; letter-spacing:-0.025em; color: #000; font-weight: 700; }
.pro-tit-box p {font-size:1.8rem; letter-spacing:-0.055em; color:rgba(0,0,0,0.5); font-weight: 500; margin-top: 7px; line-height:1.1;}
/* .pro-img-box {position: relative; top: 10rem; left: 2.5rem;} */
.pro-img-box img {max-width:100%;}
.pro-list li.active:before {opacity: 1;}

@media all and (max-width:1280px){
	.top-con {margin-top: -70px;}
}

@media all and (max-width:800px){
	.top-con {height: 40rem; margin-top: -50px;}
	.top-con .con-txt {margin-top: 1.5rem;}
	.con-tit {font-size:4rem; line-height:1.25em;}
	.detail-con {flex-wrap:wrap; padding: 7.5rem 0 7.15rem;}
	.detail-list li {padding: 2.75rem 3rem;}
	.detail-list .icon-box span:before {width: 3rem; height: 3rem;}
	.detail-con .con-tit {width:100%; padding-bottom:1.5rem;}
	.detail-con .txt-con {width:100%;}
	.slide-box {padding: 7.5rem 0 8.5rem;}
	.swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {width: 4rem; height: 4rem;}
	.swiper-navigation .swiper-button-prev {left: 2rem;}
	.swiper-navigation .swiper-button-next {right: 2rem;}
	.swiper-navigation i {font-size:1.5rem;}
	.pro-box {padding: 7.5rem 0 0;}
	.pro-list {flex-wrap:wrap;}
	.pro-list li {width: 100%; padding: 4.5rem 0 0; margin-top: 3rem; margin-right: 0;}
	.pro-list li:first-of-type {margin-top: 0;}
	.pro-list li a {padding: 2rem 0 0;}
	.pro-img-box {top: 5rem;}
	.pro-img-box img {height: 300px;}

	.facility-container .swiper-pagination span {width: 3.5rem;}
}

/* inspection */
/* .inspection .con-tit {line-height:1.1;} */
.inspection .top-con .bg-box {position:absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/content/inspection_top_img.jpg) no-repeat; background-size: cover; background-position: right center; z-index: -1;}
.inspection .detail-list .icon-box {width: 6.5rem;}
.inspection .detail-list .txt-box {width: calc(100% - 6.5rem);}
.inspection .detail-list li:first-child .icon-box span:before {top: 14px; right: 5px; left: initial; bottom: initial;}
.inspection .detail-list li:nth-child(2) .icon-box span:before {right: initial; left: 0; bottom: -9px;}

.special-box {background: url(/images/content/inspection_special_bg.jpg) no-repeat; background-size:cover; padding: 16rem 0;}
.strength-list {display:flex;}
.strength-list li {display:flex; flex-direction:column; align-items:center; justify-content:center; width: calc((100% - 4px) / 3); height: 28rem; margin-right: 2px; background: #fff;}
.strength-list li:last-of-type {margin-right: 0;}
.strength-list li strong {font-size:4rem; letter-spacing:-0.025em; color: #000; font-weight: 700; line-height:1.575em;}
.strength-list li p {font-size:1.7rem; letter-spacing:-0.055em; color: rgba(0,0,0,0.7); font-weight: 500; line-height:1.529em; text-align:center;}
.strength-list li.active {background: #ffdf34;}

.review-con {margin-top: 24.4rem;}
.review-box {border:8px solid #000; position: relative;}
.con-tit.review-con-tit {line-height:1.1; display: block; text-align:center; margin-bottom: 4.6rem;}
.review-list li {text-align:center; padding: 11.5rem 0 15.904rem;}
.review-list li i {font-size:3rem; color: #000;}
.review-list .review-tit {display: block; font-size:3rem; letter-spacing:-0.055em; color: #000; font-weight: 700; line-height:1.1; margin-bottom: 3rem; margin-top: 1.7rem;}
.review-list .review-txt {font-size:1.7rem; letter-spacing:-0.055em; color: rgba(0,0,0,0.7); line-height:1.764em;}
.review-arrow-wrap {text-align:center; position:absolute; bottom:9rem; left: 50%; transform:translateX(-50%);}
.review-arrow-wrap button {font-size:3rem; color: #000; margin: 0 9.5px;}

@media all and (max-width:800px){
	.special-box {padding: 8rem 0;}
	.strength-list {flex-wrap:wrap;}
	.strength-list li {width: 100%; height: 17rem; margin-top: 2px; margin-right: 0;}
	.strength-list li:first-of-type {margin-top: 0;}
	.strength-list li strong {font-size:3rem;}
	.strength-list li p {font-size:1.5rem;}
	.review-con {margin-top: 7.5rem;}
	.review-list li {padding: 5.2rem var(--area-padding) 10.904rem;}
	.review-arrow-wrap {bottom: 4.5rem;}
}

/* safety */
.safety .top-con .bg-box {position:absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/content/safety_top_img.jpg) no-repeat; background-size: cover; background-position: right center; z-index: -1;}
.safety .detail-list .icon-box {width: 6.5rem;}
.safety .detail-list .txt-box {width: calc(100% - 6.5rem);}
.safety .detail-list li:first-child .icon-box span:before {top: 0; right: -3px; left: initial; bottom: initial;}
.safety .detail-list li:nth-child(2) .icon-box span:before {right: initial; left: -3px; bottom: -7px;}
.safety .detail-list li:nth-child(3) .icon-box span:before {right: initial; left: -2px; bottom: initial; top: -1px;}
.safety .detail-list li:nth-child(4) .icon-box span:before {right: -3px; left: initial; bottom: initial; top: 4px;}

/* resources :: newsroom */
.bbs-top-list-box {justify-content: center; margin-bottom: 70px;}
/* 241206 editor 이미지 비율 수정 (YJ) */
.editor img {/* width: auto !important; */ height: auto !important;}


/* 250901 팝업 추가 :: YJ */
.solution-pop .inquiry-style09 {display:flex !important; margin: 0;}
.solution-pop .inquiry-style09 .inquiry-tit {margin: 0;}
.solution-pop .inquiry-style09 .inquiry-txt-con {margin-right: 5%;}
.inquiry-style09 .inquiry-txt-con {width: calc(100% - (69.444% + 5%));}

/* 250903 contact us 기타(작성란) 입력칸 추가 :: YJ */
.inquiry-style09 .bbs-write-tbl .write-textarea.traffic-txt {border:1px solid #ddd; margin-top: 1rem; max-width: 50rem; margin-left: 2rem; height: 12rem; padding: 1rem; display:none;}

@media all and (max-width:800px){
	.inquiry-style09 .bbs-write-tbl .write-textarea.traffic-txt {        margin-left: 1.5rem;
        width: calc(100% - 3rem); box-sizing: border-box;}
}