@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:6.6rem; margin-bottom:8rem; }
.sub-tab-list-style ul{/* display:table; width:100%; */ height:100%; table-layout:fixed;}
.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:20%; background-color:#f5f5f5; border-radius: 3px;}

.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#000; font-size:1.7rem; letter-spacing:-0.015em; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:var(--main-color); border-color:var(--main-color);}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* 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%}
}

/* ---------- 공통 이미지 효과 ------------ */
@keyframes sub-image-zoom-out {
	from {
		transform: scale(1.1,1.1)
	}
	to {
		transform: scale(1.0,1.0)
	}
}

/* ---------- 공통 일반스크롤 첫 이미지 효과 ------------ */
.basic-page .cm-intro-con{opacity: 0; transition:var(--transition-custom);}
.basic-page.on .cm-intro-con {opacity: 1; }


/* ******************  회사소개 ********************** */
/* 공통 서브 타이틀 */
.con-tit-box {position: relative; z-index: 1; text-align:center;}
.cm-sub-tit {font-size:1.6rem; letter-spacing:-0.015em; color:#3679f3; font-weight: 500; line-height:1.3;}
.cm-tit {font-size:4.4rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.2; margin-top: 1.4rem;}
.cm-txt {font-size:1.8rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.7); font-weight: 500; line-height:1.2; margin-top: 1rem;}
.con-tit-box.wt .cm-tit {color: #fff;}

.back_con.active .intro-sub-tit.splitting .char, .back_con.active .ov-txt01.splitting .char, .back_con.active .ov-txt02.splitting .char, 
.back_con.active .ov-txt03.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

.back_con.active .ov-txt01.splitting .char {animation-delay:0.25s;}
.back_con.active .ov-txt02.splitting .char {animation-delay:0.4s;}
.back_con.active .ov-txt03.splitting .char {animation-delay:0.55s;}

/* .section.active-section .cm-sub-tit.splitting .char,
.section.active-section .cm-tit.splitting .char, .section.active-section .cm-txt.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.section.active-section .cm-tit.splitting .char {animation-delay:0.4s;}
.section.active-section .cm-txt.splitting .char {animation-delay:0.5s;} */

/* 서브 페이지에서 푸터 contact-us */

.contact-box .animated .cm-sub-tit.splitting .char,
.contact-box .animated .cm-tit.splitting .char, .contact-box .animated .cm-txt.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.contact-box .animated .footer-contact-txt.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.5s;}


.active-section .cm-sub-tit.splitting .char,
.active-section .cm-tit.splitting .char, .active-section .cm-txt.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}


/* .active-section .cm-tit.splitting .char {animation-delay:0.4s;}
.active-section .cm-txt.splitting .char {animation-delay:0.5s;} */

@media all and (max-width:800px){
	.cm-tit {font-size:3.7rem;}
	.active-section .cm-tit.splitting .char {animation-delay:0s;}
	.active-section .cm-txt.splitting .char {animation-delay:0s;}
}



@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

/* ***********************
	*	페이크폼 스타일 추가css 
*********************** */
.fakeform-selectbox{position: relative; display:inline-block; width: 100%;}
.fakeform-selectbox select{opacity: 0; visibility: hidden;}
.select-option.select-in-popup{z-index: 10000 !important;}
/* fake form - 기본 select 스타일 */
.fakeform-selectbox .select-title {text-indent: 2rem; width: 100% !important; text-align: left; vertical-align: middle; 
border:0; line-height: 6rem; font-size:1.4rem; color: #000; font-weight: 500; border: 1px solid #ddd; background-color: #fff; display: inline-block; 
box-sizing: border-box; cursor: pointer;}
.fakeform-selectbox .select-title:after{font-family: 'xeicon'; position:absolute; top:50%; right:2rem; transform:translateY(-50%); 
content: "\e942"; font-size:1.974rem; color: #000;}
.fakeform-selectbox .select-title strong {width: 100%; font-weight: 500; word-break: break-all; display: block; overflow: hidden;}
.fakeform-selectbox .select-title.active{border-bottom-color: #fff;}
.fakeform-selectbox .select-title.active:after{content: "\e945";}
.fakeform-selectbox .select-title.focus{}
.fakeform-selectbox .select-title.disabled{}
/* 옵션창 */
.select-option {border:2px solid #000; border-top: 0; background: #fff; max-height: 200px; overflow: auto; z-index: 999 !important; transform: translateY(-2.1rem); 
/* width: 15rem !important; */ box-sizing: border-box; border-radius:0 0 25px 25px; padding: 1rem 0;}
.select-option::-webkit-scrollbar{
	width: 5px;
}
.select-option::-webkit-scrollbar-thumb{
	background-color:#333;
	border-radius:5px;
	transition:all 0.5s;
}
.select-option::-webkit-scrollbar-track{
	background-color:#f2f2f2; 
	border-radius:0;
}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1.4rem; line-height: 1.5; color: #000; font-weight: 500; white-space: nowrap; 
text-overflow: ellipsis; text-decoration: none; padding: 1rem 2rem; display: block; overflow: hidden; cursor: pointer;}
.select-option span:hover {background: #f2f2f2;}
.select-option span.selected {color: #000; font-weight: 600;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}

@media all and (max-width:800px){
	.fakeform-selectbox .select-title {text-indent: 1em; font-size: 1.4rem; line-height: 5rem;}
	.fakeform-selectbox .select-title:after{right:0.7em; font-size:2rem;}
	/* 옵션창 */
	.select-option span,
	.select-option strong {height: auto; font-size: 1.3rem; font-weight: 500; line-height: 1.5; padding: 1.5rem 1em;}
}

/* ******************  company ********************** */
/* ABOUT PABLO AIR */

.about-page .intro-con { text-align:center; padding: 27.2rem 0;	 position: relative; margin-bottom: 22.5rem; overflow:hidden;}
.about-page .intro-con-bg {background: url(/images/content/about_intro_bg.jpg) no-repeat; background-size:cover; background-position:50% 50%; display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.1,1.1); }
.about-page .intro-con p {font-size:5.6rem; /* letter-spacing: 0.16em; */ color: #fff; mix-blend-mode: difference; line-height:1.3; letter-spacing:0.25em; opacity: 0; white-space:nowrap; 
	transition:all 1.2s ease-in-out;
}
.about-page .intro-con .intro-txt {font-size: 2.5rem;
    letter-spacing: 1em;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    text-align: center;}
.about-page .intro-con.on .intro-con-bg {animation:sub-image-zoom-out 8s 0s forwards;}
.about-page .intro-con.on p {letter-spacing: 0.16em; white-space:nowrap; opacity: 1;}
.about-page .intro-con.on p.intro-txt {letter-spacing: 0.5em; margin-top: 1rem;}
.about-tit-con.center {text-align:center;}
.about-sub-tit {font-size:1.6rem; letter-spacing:-0.015em; color: #3679f3; font-weight: 500; line-height:1.2;}
.about-tit {font-size:5rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.24; 
margin-top: 3rem;}
.about-tit .highlight {color: var(--main-color);}
.about-txt {font-size:1.8rem; letter-spacing:-0.05em; color: #000; font-weight: 500; line-height:1.667; margin-top: 2.5rem}

.about-detail-list {margin-top: 3.7rem;}
.about-detail-con {background: url(/images/content/about_bg.jpg) no-repeat; background-size:cover; padding: 12.5rem 0 13rem; margin-top: 7rem;}
.about-detail-con .point-dots {display: flex; flex-direction:column; align-items:center; margin-top: 2rem;}
.about-detail-con .point-dots .dot {display:inline-block; width: 0.5rem; height: 0.5rem; border-radius:50%; margin: 0 0 0.5rem;}
.about-detail-con .point-dots .dot:nth-child(1){background: #fff;}
.about-detail-con .point-dots .dot:nth-child(2){background: rgba(255,255,255,0.6);}
.about-detail-con .point-dots .dot:nth-child(3){background: rgba(255,255,255,0.2); margin-bottom: 0;}
.about-detail-con .detail-tit {text-align:center; color: #fff; font-size:2.6rem; letter-spacing:-0.05em; line-height:1.23;}
.about-detail-con .detail-tit > span {font-weight: 600;}
.about-detail-con ul li:last-child {position: relative; margin-top: 9rem;}
.about-detail-con ul li:last-child:after {display: block;
content: "";
position: absolute;
left: 50%; transform: translateX(calc(-50% + 0.1px));
background: #485473; width: 67.68%;
height: 1px;
top: -3rem; z-index: -1;}
.about-detail-con ul li:last-child .bottom-box {position: relative; height: 26rem; width: calc((100% - 4rem) / 3); margin-right: 2rem;}
.about-detail-con ul li:last-child .bottom-box .circle {display: block; content:""; position:absolute; width: 0.9rem; height: 0.9rem; border-radius:100%; background: #b3c3df; border:1px solid #4269ad;
box-sizing:border-box; top: -0.35rem;
left: 50%;
transform: translateX(-50%);}
.about-detail-con ul li:last-child .bottom-box .circle:after {display: block;
width: 1px;
height: 2.7rem;
position: absolute;
left: 50%;
transform: translateX(calc(-50% - 0.1px));
background: #485473;
bottom: 0.7rem;
content: "";
z-index: -1;}
.about-detail-con ul li:last-child .bottom-box:nth-of-type(2) .circle:after {height: 5.8rem;}
.about-detail-con ul li:last-child .bottom-box:nth-of-type(2) .circle:before{
display: block; content:""; position:absolute; width: 0.9rem; height: 0.9rem; border-radius:100%; background: #b3c3df; border:1px solid #4269ad;
box-sizing:border-box; top: -3.2rem;
left: 50%;
transform: translateX(-50%);
}
.about-detail-con ul li:last-child .bottom-box:last-of-type {margin-right: 0;}
.about-detail-con ul li:last-child .bottom-box .img-box {padding: 3.5rem 4rem; height: 100%;
box-sizing: border-box; border:2px solid #6b7c99; box-sizing:border-box; border-radius:4px; display: flex; align-items: flex-end;}
.about-detail-con ul li:last-child .bottom-box:nth-child(1) .img-box {background: url(/images/content/military_img.png) no-repeat; background-size: cover;
background-position: 50% 50%;}
.about-detail-con ul li:last-child .bottom-box:nth-child(2) .img-box {background: url(/images/content/drone_art_show_img.png) no-repeat; background-size: cover;
background-position: 50% 50%;}
.about-detail-con ul li:last-child .bottom-box:nth-child(3) .img-box {background: url(/images/content/swarm_application_img.jpg) no-repeat; background-size: cover;
background-position: 50% 50%;}
.about-detail-con ul li:last-child .bottom-box img {}
.about-detail-con ul li:last-child .bottom-box p {color: #fff; font-size:2.2rem; letter-spacing:-0.015em; font-weight: 500;}
.about-detail-con ul li:first-child {position: relative; display:flex;}
.about-detail-con ul li:first-child:after {display: block;
content: "";
position: absolute;
left: 50%;
transform: translateX(calc(-50% + 0.1px));
background: #485473;
width: 51.57%;
height: 1px;
bottom: -3rem;}
.about-detail-con ul li:last-child {display:flex;}
.about-detail-con ul li .top-box {position: relative; display:flex; align-items:center; width: calc((100% - 4rem) / 2); margin-right: 4rem; border:3px solid #4269ad; border-radius:4px; padding:0.7rem; box-sizing:border-box; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px);}
.about-detail-con ul li .top-box .circle {display: block; content:""; position:absolute; width: 0.9rem; height: 0.9rem; border-radius:100%; background: #b3c3df; border:1px solid #4269ad;
box-sizing:border-box; bottom: -0.7rem;
left: 50%;
transform: translateX(-50%);}
.about-detail-con ul li .top-box .circle:after {display: block;
width: 1px;
height: 2.7rem;
position: absolute;
left: 50%;
transform: translateX(calc(-50% - 0.1px));
background: #485473;
top: 0.7rem;
content: "";
z-index: -1;}
.about-detail-con ul li .top-box:last-of-type {border-color:#0a4bc3; margin-right: 0;}
.about-detail-con ul li .top-box p {color: #fff; font-size:2rem; font-weight: 500; letter-spacing:-0.015em; margin-left: 3rem; width:calc(100% - (7rem + 3rem)); line-height:1.25;}
.about-detail-con ul li .top-box .ico-box {display:flex; align-items:center; justify-content:center; width: 7rem; height: 7rem; border-radius:4px;}
.about-detail-con ul li .top-box .ico-box img {max-width:100%;}
.about-detail-con ul li .top-box:first-child .ico-box {background: #4269ad;}
.about-detail-con ul li .top-box:last-child .ico-box {background: var(--main-color);}	

.vision-con {position: relative; padding: 26.5rem 0; /* background: url(/images/content/vision_bg.png) no-repeat; background-size:cover; background-position: 100% 0%; */ }
.vision-bg {background: url(/images/content/vision_bg.png) no-repeat; background-size:cover; background-position: 100% 0%; position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block; transform: scale(1.1,1.1);}
.vision-con.animated .vision-bg {animation:sub-image-zoom-out 8s 0s forwards;}
.vision-tit {font-size:2.3rem; font-weight: 600; letter-spacing:-0.05em; color: #000; line-height:1.52; text-align:center; margin-top: 4.5rem;}
.vision-tit .highlight {color: var(--main-color);}
.vision-con .line-box {position: relative; width: 3px; height: 5rem; background: rgba(0,0,0,0.09); margin:5rem auto 0;}
.vision-con .line-box .line {display:inline-block;
height:1.85rem;
width:100%;
animation:line-ani 2s infinite ease;
position:absolute;
left:0;
top:0;
background:linear-gradient(45deg, black, transparent);}

@keyframes line-ani {
	0%{opacity:0; top:0;}
	100%{top:calc(100% - 1.85rem);}

}

.value-con {padding:11.5rem 0 30rem;}
.value-list {display:flex; align-items: center; border-radius:4px; margin-top: 11.5rem;}
.value-list li {position: relative; transition: var(--transition-custom);

width: 25%; height: 57rem; text-align:center; padding: 4.5rem 0; box-sizing:border-box;}
.value-list li .inner-box {width: 100%; height: 100%; display: flex;
align-items: flex-end; justify-content: center;}
.value-list li .inner-box .back {width: 100%; height: 100%; width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; opacity: 0; transition:var(--transition-custom); padding:0 var(--area-padding); box-sizing:border-box;}
.value-list li:nth-child(1) .inner-box {background: url(/images/content/value_img01.jpg) no-repeat; filter:grayscale(100%); border-radius:4px 0 0 4px; background-position: 50% 50%; background-size:cover;}
.value-list li:nth-child(2) .inner-box {background: url(/images/content/value_img02.jpg) no-repeat; filter:grayscale(100%); background-position: 50% 50%; background-size:cover;}
.value-list li:nth-child(3) .inner-box {background: url(/images/content/value_img03.jpg) no-repeat; filter:grayscale(100%); background-position: 50% 50%; background-size:cover;}
.value-list li:nth-child(4) .inner-box {background: url(/images/content/value_img04.jpg) no-repeat; filter:grayscale(100%); border-radius:0 4px 4px 0; background-position: 50% 50%; background-size:cover;}
.vision-sub-tit {font-size:1.6rem; letter-spacing:-0.015em; color: rgba(255,255,255,0.5); font-weight: 500;}
.vision-sub-tit02 {font-size:3rem; letter-spacing:-0.05em; color: #fff; font-weight: 600; margin-top: 2rem;}
.vision-sub-txt {font-size:1.6rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.625; margin-top: 2.5rem; opacity: 0; height: 0;}
.value-list li .tit-box {margin-bottom: 6rem; transition:var(--transition-custom);}

.value-list li.active {padding: 0;}
.value-list li.active .inner-box {align-items: center;
filter: grayscale(0);}
.value-list li.active .tit-box {margin-bottom: 0;}
.value-list li.active .vision-sub-txt {    opacity: 1;
height: auto;
align-items: center;}
.value-list li.active .inner-box .tit-box {display:none;}
.value-list li.active .inner-box .back {opacity: 1;}

.partner-con {background: #f6f6f6; padding: 20rem 0 23rem;}
.partner-con .partner-tit {font-size:3.6rem; font-weight: 500; letter-spacing:-0.015em; color: #000; line-height:1.2; text-align:center; margin-bottom: 4rem;}
.partner-detail-con:last-of-type {margin-top: 9.7rem;}
.partner-detail-con .logo-list {display:flex; flex-wrap:wrap; margin: -0.5rem;}
.partner-detail-con .logo-list > div {display: flex;
align-items: center;
justify-content: center; height: 10rem; margin: 0.5rem; width: calc(16.66% - 1rem); background: #fff; text-align:center; padding: 2rem; box-sizing:border-box;}
.partner-detail-con .logo-list .logo-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 20%;}
.partner-detail-con:first-of-type .logo-list .logo-box:nth-child(1) span {padding-top: 30%;}
.partner-detail-con:first-of-type .logo-list .logo-box:nth-child(2) span {padding-top: 30%;}
.partner-detail-con:first-of-type .logo-list .logo-box:nth-child(7) span {padding-top: 10%;}
.partner-detail-con:first-of-type .logo-list .logo-box:nth-child(10) span {padding-top: 18%;}
.partner-detail-con:first-of-type .logo-list .logo-box:nth-child(12) span {padding-top: 17%;}
.partner-detail-con:first-of-type .logo-list .logo-box:nth-child(22) span {padding-top: 12%;}
.partner-detail-con:first-of-type .logo-list .logo-box:nth-child(24) span {padding-top: 8%;}
.partner-detail-con:first-of-type .logo-list .logo-box:last-child span {padding-top: 16%;}
.partner-detail-con:first-of-type .logo-list .logo-box span.small {padding-top: 10%;}
.partner-detail-con:last-of-type .logo-list .logo-box span.small {padding-top: 13%;}

.partner-detail-con:last-of-type .logo-list .logo-box:nth-child(2) span {padding-top:17%;}
.partner-detail-con:last-of-type .logo-list .logo-box:nth-child(3) span {padding-top:16%;}
.partner-detail-con:last-of-type .logo-list .logo-box:nth-child(4) span {padding-top:10%;}
.partner-detail-con:last-of-type .logo-list .logo-box:nth-child(5) span {padding-top:16%;}
.partner-detail-con:last-of-type .logo-list .logo-box:nth-child(8) span {padding-top:12%;}
.partner-detail-con:last-of-type .logo-list .logo-box:nth-child(14) span {padding-top:15%;}

.partner-detail-con .logo-list > div img {max-width:100%;}

@media all and (max-width:1280px){
	.about-page .intro-con {padding:15rem 0; margin-bottom:12rem;}
	.about-page .intro-con p {font-size:4rem;}
	.about-detail-con ul li:last-child .bottom-box {height:auto;}
	.about-detail-con ul li:last-child .bottom-box .img-box {padding:15rem 4rem 3.5rem;}
	.about-detail-con ul li:first-child:after {width: 51.8%;}
	.about-detail-con ul li:last-child:after {width: 68%;}
}

@media all and (max-width:820px){
	.about-detail-con ul li:last-child:after {transform: translateX(calc(-50% - 0.6px));}
	.value-list li .tit-box {display:none;}
	.value-list li .txt-box {margin-top: 7rem; transition: var(--transition-custom);}
	.value-list li.active .txt-box {margin-top: 0;}
	.vision-sub-txt {height: auto; transition: var(--transition-custom);}
	.value-list li .inner-box .back {opacity: 1;}
}

@media all and (max-width:800px){
	.about-tit {font-size:3.2rem;}
	.about-page .intro-con p {/* font-size:3rem; */}
	.about-page .intro-con .intro-txt {font-size:2rem;}
	.about-detail-con {background-size:cover; padding: 6rem 0 6.5rem;}
	.about-detail-con ul li .top-box {width: calc((100% - 1rem) / 2); margin-right:1rem;}
	.about-detail-con ul li .top-box .ico-box {width:3rem; height:3rem; padding: 0.5rem; box-sizing: border-box; }
	.about-detail-con ul li .top-box p {font-size:1.3rem; margin-left:1rem; width:calc(100% - (3rem + 1rem));}
	.about-detail-con ul li:last-child {flex-wrap:wrap;}
	.about-detail-con ul li:last-child .bottom-box {width: 100%; margin-right: 0;         margin-top: 2rem;}
	.about-detail-con ul li:last-child .bottom-box .img-box {padding:10rem 2rem 2rem;}
	.about-detail-con ul li:last-child .bottom-box p	{font-size:1.8rem;}
	.vision-con {padding:13.25rem 0;}
	.value-con {padding:5rem 0 15rem;}
	.value-con {flex-wrap:wrap;}
	.value-list {flex-wrap:wrap; margin-top: 5rem; }
	.value-list li {width:100%; height:30rem; padding: 0;}
	.value-list li:nth-child(1) .inner-box {background-size:100%; border-radius:4px 4px 0 0;}
	.value-list li:nth-child(2) .inner-box {background-size:100%;}
	.value-list li:nth-child(3) .inner-box {background-size:100%;}
	.value-list li:nth-child(4) .inner-box {border-radius:0 0 4px 4px;}
	.partner-detail-con .logo-list > div {width:calc(50% - 1rem);}
	.about-detail-con ul li:last-child:after {width: 62%;
        transform: translateX(calc(-50% + 0.3px)) rotate(90deg);
        top: 14.2rem;}
	.about-detail-con ul li:last-child .bottom-box .circle:after {display:none;}
	.about-detail-con ul li:last-child .bottom-box:nth-of-type(2) .circle:before {display:none;}
	.about-detail-con ul li:first-child:after {width: 51%;}
	.partner-con {padding: 10rem 0 11.5rem;}
}

@media all and (max-width:640px){
	.about-detail-con ul li:last-child:after {width: 78%;
        transform: translateX(calc(-50% - 0.5px)) rotate(90deg);
        top: 14.4rem;}
	.about-page .intro-con p {/* font-size:2.3rem; */ letter-spacing: 0.15em;} 
	.about-page .intro-con.on p {letter-spacing: 0.07em;}
}

@media all and (max-width:480px){
	.about-detail-con ul li:last-child:after {
		width: 100%;
		transform: translateX(calc(-50% + 0.5px)) rotate(90deg);
	}
}

@media all and (max-width:412px){
	.about-detail-con ul li:last-child:after {width: 111%;}
}

/* ****************** 연혁 ********************** */
.history-page {padding-bottom:13rem;}
.history-top-con {position: relative; display: flex; flex-direction: column; justify-content: center; overflow:hidden; /* background: url(/images/content/history_top_bg.jpg) no-repeat; background-size:cover; */ height: 60rem; margin-bottom: 16rem; text-align: center;}
.history-bg {background: url(/images/content/history_top_bg.jpg) no-repeat;
    background-size: cover; display: block; position:absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(1.1,1.1);}
.history-top-con.on .history-bg {animation:sub-image-zoom-out 8s 0s forwards;}
.history-top-con .txt-box {position: relative;}
.history-top-con .tit {font-size:9.6rem; letter-spacing:-0.015em; font-weight: 300; color: #fff;}
.history-top-con .sub-txt p {font-size:3.2rem; letter-spacing:-0.015em; font-weight: 400; color: #fff; margin-top: 2.5rem;}
.history-top-con .sub-txt em {display:inline-block; margin-top: 1.5rem; font-size:1.8rem; letter-spacing:-0.05em; color: #fff; line-height:1.2;}
.award-img {margin-top: 2rem;}
.history-con-wrap .area {position: relative;}
.history-percent-bar {position: absolute;
top: 3.5rem;
left: 26.429%;
width: 0.4rem;
height: calc(100% - 20rem);
background-color: #eeeeee;}

.history-percent-bar .percent-bar-child {    position: absolute;
content: "";
width: 100%;
height: 0;
background-color: var(--main-color);
z-index: 1;}

.percent-bar-child .point {display: flex;
align-items:center; justify-content:center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: -6rem;
left: calc(50% - 3rem);
content: "";
z-index: 5;
width: 6rem;
height: 6rem;
border-radius:100%;
background: var(--main-color);
-webkit-box-shadow: 7px 13px 23px -3px rgba(10, 75, 195, 0.6);
-moz-box-shadow: 7px 13px 23px -3px rgba(10, 75, 195, 0.6);
box-shadow: 7px 13px 23px -3px rgba(10, 75, 195, 0.6);
}

.percent-bar-child .point i {font-size:2.2rem; color: #fff;}

.history-con .history-year-group-box {position: relative;
display: flex;
padding-bottom: 9rem;}

.history-con .history-year-group-box .history-year-group-tit-box {width: 26.429%; box-sizing: border-box;}

.history-con .history-year-list-box {width:calc(100% - 26.429%); box-sizing: border-box; padding-top: 2rem; }

.history-year-list-box .history-year-item {position: relative; display:flex; align-items:center; line-height:1.4; margin-top: 1.8rem;}
.history-year-list-box .history-year-item:first-of-type {margin-top: 0;}
.history-year-group-tit {font-size:10rem; letter-spacing:-0.015em; color: #000; line-height:1.2; font-weight: 400; transition:var(--transition-custom);}
.history-year-group-txt {font-size:1.6rem; letter-spacing:-0.015em; color: #a5a5a5; line-height:1.2; font-weight: 500; transition:var(--transition-custom);}
.history-month {font-size:1.8rem; letter-spacing:-0.05em; color: #000; font-weight: 700; width: 5rem; align-self: flex-start;} 
.history-detail-txt-con {width: calc(100% - 5rem);}
.history-detail-txt {position: relative; font-size: 1.8rem; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.8); padding-left: 1.5rem; margin-top: 1.5rem;}
.history-detail-txt:first-of-type {margin-top: 0;}
.history-detail-txt:before {display: block; content:"-"; position:absolute; left: 0; top: 0; font-size:1.8rem;}

.history-con .history-year-group-box.active .history-year-group-tit {color: var(--main-color);}
.history-con .history-year-group-box.active .history-year-group-txt {color: var(--main-color);}

.award-img-box {width: 81.786%; margin-top: 2rem;}
.award-img-box .img-box {display:inline-block; width: 5.5rem; margin: 0.15px;}
.award-img-box .img-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 138.2%;}


@media all and (min-width:801px){
	.history-con .history-year-group-box:not(.reverse) .history-year-group-tit-box {padding-right: 9rem;}
	.history-con .history-year-group-box:not(.reverse) .history-year-list-box {padding-left: 12.8rem;}
}

@media all and (max-width:1280px){
	.history-year-group-tit {font-size:7rem;}
	.award-img {width: 8.2rem;}
}

@media all and (max-width:800px){
	.history-page {padding-bottom:6.5rem;}
	.history-top-con {margin-bottom: 10rem; background-position: 10% 50%; height: 40rem;}
	.history-top-con .tit {font-size:7rem;}
	.history-percent-bar {left: calc(var(--area-padding) + 2rem); /* height: calc(100% - 12rem); */}
	.percent-bar-child .point i {font-size:1.7rem;}
	.percent-bar-child .point {width: 4rem; height: 4rem; bottom: -4rem; left: calc(50% - 2rem);}
	.history-con .history-year-group-box {    flex-direction: column; padding-left: 8rem;}
	.history-con .history-year-group-box .history-year-group-tit-box {width: 100%;}
	.history-year-group-tit {font-size:5.5rem;}
	.history-con .history-year-list-box {padding-top: 4rem; width: 100%;}
	.history-month {font-size:1.6rem; width: 3.5rem;}
	.history-detail-txt-con {width: calc(100% - 3.5rem);}
	.history-detail-txt {font-size:1.6rem;}
	
}

/* ****************** 문의하기 ********************** */
.inquiry-page {padding-bottom:20.7rem;}
.inquiry-top-con {position: relative; padding: 21.785rem 0; margin-bottom: 12.5rem; overflow:hidden;}
.inquiry-top-con .intro-bg {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/contact_bg.jpg) no-repeat; background-size:cover; background-position: 50% 50%; transform: scale(1.1,1.1);}
.inquiry-top-con.on .intro-bg {animation:sub-image-zoom-out 8s 0s forwards;}
.inquiry-top-txt {position: relative;}
.inquiry-top-txt .tit {font-size:5rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.2;}
.inquiry-top-txt .sub-tit {font-size:1.8rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.35; margin-top: 2rem;}
.inquiry-con-wrapper .cm-btn-controls {margin-top: 7.2rem;} 	
.inquiry-inner-box {display:flex; flex-wrap:wrap; margin: 1.2rem -1rem 0;}
.inquiry-con .w50 {width:calc((100% - 4rem) / 2); margin: 3.5rem 1rem 0; border-radius: 4px;}
.inquiry-con .w100 {margin: 3.5rem 1rem 0; width: 100%;}
.inquiry-con .sub-tab-wrapper-style {height: auto; margin-bottom: 0;}
.inquiry-con .write-input {width: 100%; background:#f3f3f3; border-radius:2px; border:0; height: 100%; font-weight: 500; text-indent:3rem; font-size:1.6rem; outline: 0; letter-spacing:-0.05em;}
.inquiry-con .write-textarea {width: 100%; border-radius:4px; background: #f3f3f3; border:0; height: 20rem; padding: 3rem; box-sizing:border-box; font-weight: 500; font-size:1.6rem; outline: 0; letter-spacing: -0.05em;}
.inquiry-con dl:not(.email-form) dd {border:2px solid #f3f3f3; box-sizing:border-box; border-radius: 4px; transition:all 0.4s;}
.inquiry-con dl:not(.w100) dd {height: 6rem;}
.inquiry-con dl:not(.email-form).active dd {border:2px solid var(--main-color); border-radius:4px; -webkit-box-shadow: 8px 5px 32px 0px rgba(10, 75, 195, 0.09);
-moz-box-shadow: 8px 5px 32px 0px rgba(10, 75, 195, 0.09);
box-shadow: 8px 5px 32px 0px rgba(10, 75, 195, 0.09);}
.inquiry-con dl:not(.email-form).active .write-input, .inquiry-con dl:not(.email-form).active .write-textarea {background: #fff;}
.inquiry-con dl.email-form.active .write-input {border:2px solid var(--main-color); background: #fff; -webkit-box-shadow: 8px 5px 32px 0px rgba(10, 75, 195, 0.09);
-moz-box-shadow: 8px 5px 32px 0px rgba(10, 75, 195, 0.09);
box-shadow: 8px 5px 32px 0px rgba(10, 75, 195, 0.09);} 
.inquiry-type-list {display:flex;}
.inquiry-type-list li {width: calc((100% - 5rem) / 6); margin-right: 1rem; background: #f3f3f3; border-radius:3px;     text-align: center;}
.inquiry-type-list li:last-of-type {margin-right: 0;}
.inquiry-type-list li label {font-size:1.8rem; color: #000; line-height:1.667em; letter-spacing:-0.05em; width: 100%;
position: relative;
display: block;
height: 6rem;
line-height: 6rem; border-radius: 3px; transition:all 0.4s;}
.inquiry-type-list li label em {font-weight: 500;}
.inquiry-type-list li input {display:none;}
.inquiry-type-list li input[type="radio"]:checked + label {color: #fff; background:#0a4bc3;}
.inquiry-con-tit {font-size:2.2rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.3; margin-bottom: 2rem;}
.inquiry-con .email-fieldset {height: 6rem;}
.inquiry-con .email-fieldset .fakeform-selectbox {width: calc(33.33% - 17.2px) !important;}
.inquiry-con .email-fieldset .fakeform-selectbox .select-title:after {display:none;}
.inquiry-con .email-fieldset .write-input {border:2px solid #f3f3f3; transition:all 0.4s;}
.inquiry-con .email-fieldset .write-input, .inquiry-con .email-fieldset .write-select {width: calc(33.33% - 17.2px) !important; border-radius:4px;}
.inquiry-con .email-fieldset .hypen {color: #000; font-size:1.6rem; padding: 0 1.15rem;}
.inquiry-con .email-fieldset .write-select {width: 100% !important; border:0; height: 6rem; margin-left: 1rem; text-indent: 2.3rem; font-size: 1.6rem; color: #000; appearance: none; 
background:url(/images/content/inquiry_arrow.png) no-repeat;  background-color: #fff; border:1px solid #c6c6c6; background-position: 90% 50%;}
.inquiry-con .email-fieldset .write-select:before {    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -1rem;
    width: 100%;
    height: 100%;
    border: 2px solid var(--main-color);
    box-sizing: border-box;
    opacity: 0; border-radius:4px;}
/* .inquiry-con .email-fieldset .write-select.active:before {opacity: 1;} */
.inquiry-con .email-fieldset .write-select.active {border-bottom-color:#fff;}
.inquiry-con .agree-txt {position: relative; background: #f3f3f3; height:100%; border-radius:3px;}
.inquiry-con .agree-txt input {display:none;}
.inquiry-con .agree-txt input:checked +label i {color: var(--main-color);}
.inquiry-con .agree-txt input:checked +label .check {display: block;}
.inquiry-con .agree-txt input:checked +label .not-check {display: none;}
.inquiry-con .agree-txt label {display: flex; align-items: center; padding-left: 4.5rem; height: 100%; font-size:1.6rem; letter-spacing:-0.05em; color: #000; line-height:1.2; font-weight: 500;}
.inquiry-con .agree-txt label i {font-size:2.2rem; position: relative; left: -1.5rem;}
.inquiry-con .agree-txt label .check {display:none;}
.inquiry-con .agree-txt .cm-modal-open-btn {width: 11.4rem; height: 4rem; border:2px solid #3f3f3f; box-sizing:border-box; position:absolute; right: 1.2rem; top: 50%; transform:translateY(-50%); border-radius:3px; background: #fff; font-size: 1.4rem; letter-spacing:-0.05em;
color: #000;
text-align: center;
line-height: 3.7rem;}
.inquiry-con .agree-txt .cm-modal-open-btn span {font-weight: 500;}
.inquiry-con .select-option {width: 100% !important;}
.file-box {display: flex; align-items: center; width: 100%; height: 100%; background: #f3f3f3; border-radius:3px;}
.file-box #file {display:none;}
.file-box .file-btn {width: 11.4rem; height: 4rem; border:2px solid #3f3f3f; border-radius:3px; background: #fff; font-size: 1.4rem;
color: #000;
display: flex;
justify-content: center;
align-items: center; margin-right: 2rem;}
.file-box .file-btn em {font-weight: 500;}
.file-box .file-btn i {font-size:1.6rem; margin-right: 1.8rem;}
.file-box label {display: flex;
align-items: center; line-height: 6rem; margin-left: 1.2rem; font-size: 1.6rem;
letter-spacing: -0.05em;}
.file-box .upload-name {font-size:1.6rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.5); line-height:1.25; border:0; background: none; outline:0; font-weight: 500;}

.security-code-box {display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    border-radius: 3px; position: relative; }

    .security-code-box .security-code {position: absolute;
    top: 50%;
    right: 3rem;
    width: 10rem;
    font-size: 1.6rem;
    letter-spacing: -0.015em;
    color: #000;
    text-align: right; font-weight: 500; transform: translateY(-50%);
    padding-top: 0.2rem;}

.contact-wrap ~ .select-option {
	border: 1px solid #c6c6c6; border-top: 0; background: #fff; max-height: 200px; overflow: auto; z-index: 999 !important; transform: translateY(-0.5rem);
	border-radius:4px; 
} 

@media all and (max-width:800px){
	.inquiry-page {padding-bottom:13rem;}
	.inquiry-top-con {margin-bottom: 7rem; padding: 12rem 0;}
	.inquiry-top-txt .tit {font-size:4rem;}
	.inquiry-con .w50 {width: 100%;}
	/* .inquiry-con .write-input {height: 5rem;} */
	
	.inquiry-con dl:not(.w100) dd {height: 5rem;}	
	.inquiry-con dl.w100 dd, .inquiry-con dl.email-form dd {height: auto;}
	.inquiry-con-tit {margin-bottom: 1rem; font-size:2rem;}
	.inquiry-con .email-fieldset {height: auto;}
	.inquiry-con .email-fieldset .write-input, .inquiry-con .email-fieldset .write-select {width: calc(50% - 1.9rem) !important; height: 5rem;}
	.inquiry-con .email-fieldset .write-select {width: 100% !important; margin-left: 0; background-position: 95% 50%; background-size: 1.3rem;}
	.inquiry-con .email-fieldset .fakeform-selectbox {width: 100% !important;}
	.inquiry-type-list li {margin-right: 0; height: 4rem;}
	.inquiry-type-list li label {height: 4rem; line-height:4rem; font-size:1.5rem; text-align:left; text-indent:1.5rem; border-radius:0;}
	.inquiry-con .agree-txt label {padding-left: 3rem;}
	.inquiry-con .agree-txt .cm-modal-open-btn {width: 7.5rem;}
}

/* ****************** 뉴스 ********************** */
@media all and (min-width:801px){
	.sub-visual-news + #middleArea #content {padding-top: 0;}
}
.news-page {padding-bottom:9rem; padding-top: 13.8rem;}
.news-page .sub-tab-wrapper-style.m-ver {display: none;}
/* .news-page .sub-tab-list-style ul {display:flex; justify-content:center;}
.news-page .sub-tab-list-style ul li {max-width: 22.5rem; background-color:initial; }
.news-page .sub-tab-list-style ul li:before {position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: var(--main-color);
    content: "";
    transition: var(--transition-custom);
    width: 100%;
    }
.news-page .sub-tab-list-style ul li a em {    transition: var(--transition-custom);}
.news-page .sub-tab-list-style ul li.selected {-webkit-box-shadow: 8px 5px 38px 3px rgba(5, 36, 92, 0.23);
-moz-box-shadow: 8px 5px 38px 3px rgba(5, 36, 92, 0.23);
box-shadow: 8px 5px 38px 3px rgba(5, 36, 92, 0.23); background-color:initial; border-color:initial;}
.news-page .sub-tab-list-style ul li:hover:before, .news-page .sub-tab-list-style ul li.selected:before {width: 100%; margin-left: -50%;}
.news-page .sub-tab-list-style ul li:hover a em {color: var(--main-color);}
.news-page .sub-tab-list-style ul li.selected a em {font-weight: 600; color:var(--main-color);} */

.sub-visual-news + #middleArea .sub-tab-list-style ul {display:flex; justify-content:center;}
.sub-visual-news + #middleArea .sub-tab-list-style ul li {max-width: 22.5rem; background-color:initial; }
.sub-visual-news + #middleArea .sub-tab-list-style ul li:before {position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: var(--main-color);
    content: "";
    transition: var(--transition-custom);
   
    }
.sub-visual-news + #middleArea .sub-tab-list-style ul li a em {    transition: var(--transition-custom);}
.sub-visual-news + #middleArea .sub-tab-list-style ul li.selected { background-color:initial; border-color:#eee;}
.sub-visual-news + #middleArea .sub-tab-list-style ul li:hover:before, .sub-visual-news + #middleArea .sub-tab-list-style ul li.selected:before {width: 100%; margin-left: -50%;}
.sub-visual-news + #middleArea .sub-tab-list-style ul li:hover a em {color: var(--main-color);}
.sub-visual-news + #middleArea .sub-tab-list-style ul li.selected a em {font-weight: 600; color:var(--main-color);}

.news-category {font-size:1.2rem; letter-spacing:-0.015em; color: rgba(0,0,0,0.7); line-height:1.3; background: #e8e8e8; border-radius:10.5px; height: 2.1rem;
display: inline-block;
line-height: 2.1rem;
padding: 0 1.128rem;}
.paging-wrap {display: flex; justify-content: space-between;}
.news-page .paging {display: flex; justify-content: flex-start; width: 100%; text-align: center; flex-wrap: wrap;}
.news-page .paging-arrow {background-color:initial; border:0;}
.paging-select {display: flex; align-items: center;}
.paging-select .slash {font-size: 2rem; color: #000; margin: 0 1rem 0 1.6rem;}
.paging-select .total-num {font-size: 1.4rem; color: #000; font-weight: 600;}
.paging-select .cur-num input {    display: block;
width: 4rem;
height: 4rem;
line-height: 4rem;
border: 1px solid #000;
text-align: center;
font-size: 1.4rem;
color: #000;
letter-spacing: -0.01em;
background-color: #fff;
border-radius: 0.5rem;
font-weight: 600;}
.paging a.paging-next-last-btn {background: none;
border: 0;
font-size: 1.8rem;
position: relative;
top: 0.3rem;}
.paging a.paging-next-last-btn i:last-child {margin-left: -1.1rem;}

@media all and (max-width:800px){
	.paging-wrap {padding-top: 3rem;}
	.news-page {padding-top:0;}
	.news-page .sub-tab-wrapper-style.m-ver {display: block;}
	.news-page .sub-tab-list-style ul {display:none;} 
	.news-page .sub-tab-list-style ul li {max-width:none;}
	.news-page .sub-tab-list-style ul li.selected {box-shadow:none;}

	.paging-select .cur-num input {width: 3rem; height: 3rem; line-height: 3rem;}
	.paging-select .slash {font-size:1.6rem;}

	.sub-visual-news + #middleArea .sub-tab-list-style .sub-drop-open-btn-style {height: 54px;
        line-height: 54px; border-radius:3px;}
	.sub-visual-news + #middleArea .sub-tab-list-style ul {        flex-direction: column;}
	.sub-visual-news + #middleArea .sub-tab-list-style ul li {max-width:none; border-radius: 0;}
	.sub-visual-news + #middleArea .sub-tab-list-style ul li:before {display:none;}
	.sub-visual-news + #middleArea .sub-tab-list-style ul li a em {font-size:1.6rem;}
}

/* 솔루션 */
#fullpageIndustry .section {overflow:hidden;}
#fullpageIndustry #fullpageIntro {overflow:visible !important;}
/* section 1 */
.intro-tit-box, .back-tit-box {text-align:center;}
.back-tit-box {padding: 0 10%;}
.intro-sub-tit {font-size:1.8rem; letter-spacing:-0.015em; color: #fff; line-height:1.25;}
.intro-tit {font-size:6.2rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.3em; margin-bottom: 1.8rem;
    margin-top: 2.5rem;}
.intro-txt {font-size:1.8rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.667em;}

/* #id_01 {overflow:visible !important;} */
#id_01.off .intro-tit-box {opacity: 0;}
.back_con {display: flex; align-items: center; justify-content: center; position:absolute; top: 0; left: 0; width: 100%; height: 100%; 
backdrop-filter: blur(30px); /* transform:translateY(50%); */ opacity: 0; transition:var(--transition-custom);}
.back_con.active {/* transform:translateY(0); */ opacity: 1;}
.ov-txt01 {font-size:3.6rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.388em; margin-bottom: 2.2rem; margin-top: 3.5rem;}
.ov-txt02 {font-size:2.1rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.428em;}
.ov-txt03 {font-size:1.8rem; letter-spacing:-0.05em; color: rgba(255,255,255,0.5); font-weight: 500; line-height:1.667em; margin-top: 1.2rem;}

/* #id_01.active {transform:translateY(0);} */
/* #id_01.active-section .back_con.down.up + .intro-tit-box .intro-sub-tit.ver01.splitting .char,
#id_01.active-section .back_con.down.up + .intro-tit-box .intro-tit.splitting .char,
#id_01.active-section .back_con.down.up + .intro-tit-box .intro-txt.splitting .char
{opacity: 0 !important;} */

#id_01.defense {position: relative; /* background: url(/images/content/defense_intro_bg.jpg) no-repeat; background-size:cover; background-position:50% 50%; */}
#id_01.defense .intro-bg {position:absolute; width: 100%; height: 100%; top: 0; left: 0; 
background: url(/images/content/defense_intro_bg.jpg) no-repeat; background-size:cover; background-position:50% 50%; transform:scale(1.15); transition:all 3.3s;}
#id_01.drone-art-show {position: relative;}
#id_01.drone-art-show .intro-bg {position:absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/content/drone_art_show_intro_bg.jpg) no-repeat; background-size:cover; background-position:50% 50%; transform:scale(1.15); transition:all 3.3s;}
#id_01.inspection {position: relative;}
#id_01.inspection .intro-bg {position:absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/content/inspection_intro_bg.jpg) no-repeat; background-size:cover; background-position:50% 50%; transform:scale(1.15); transition:all 3.3s;}
#id_01.drone-delivery {position: relative;}
#id_01.drone-delivery .intro-bg {position:absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/content/drone_delivery_intro_bg.jpg) no-repeat; background-size:cover; background-position:50% 50%; transform:scale(1.15); transition:all 3.3s;}
#id_01.urban_atm {position: relative;}
#id_01.urban_atm .intro-bg {position:absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/content/urban_atm_intro_bg.jpg) no-repeat; background-size:cover; background-position:50% 50%; transform:scale(1.15); transition:all 3.3s;}

#id_01.active-section .intro-bg {transform: scale(1);}

#id_01.active-section .intro-sub-tit.ver01.splitting .char, 
#id_01.active-section .intro-tit.splitting .char, 
#id_01.active-section .intro-txt.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

#id_01.active-section .back_con.active + .intro-tit-box .intro-sub-tit.ver01.splitting .char,
#id_01.active-section .back_con.active + .intro-tit-box .intro-tit.splitting .char,
#id_01.active-section .back_con.active + .intro-tit-box .intro-txt.splitting .char
{animation: none; opacity: 0 !important;}

.scroll-down {display: flex; flex-direction: column; align-items: center; position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(30%);
    bottom: 4rem; opacity: 0; transition:var(--transition-custom2); transition-delay:0.7s;}
.scroll-down .scroll-line {position: relative; display:inline-block; width: 0.3rem; height: 4rem; background: rgba(255,255,255,0.2); overflow:hidden; margin-bottom: 2rem;}
.scroll-down .scroll-line .inner-box {position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 1.2rem; animation: Scrollmotion 1.5s ease-in-out infinite;}
.scroll-down .scroll-txt {font-size:1.2rem; letter-spacing:0.2em; color: #fff; font-weight: 500;}
@keyframes Scrollmotion {
	0% {top: -1rem;}
	100% {top: 100%;}
}

#id_01.active-section .scroll-down{transform: translateX(-50%) translateY(0); opacity: 1;}

/* 모바일에서의 블러처리 컨텐츠 */
.m-ver-con {display:none;}

@media all and (max-width:1280px){
	.m-ver-con {display:block;}	
	#id_01 {padding: 0;}
	#id_01 .fp-tableCell > .intro-tit-box {display:none;} 
	#id_01 {
		background:none;
	}

	#id_01 .m-ver-con {
		display: block;
		position: relative;
		padding: 10rem 0 30rem;
	}

	#id_01 .back_con {
		padding: 10rem 0 25rem;
		position: static;
		opacity: 1;
	}

	#id_01.inspection .m-ver-con {		
		background: url(/images/content/inspection_intro_bg.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;		
	}

	#id_01.inspection .back_con {
		background-image: url(/images/content/inspection_intro_bg.jpg);
		background-size: cover;
		background-position: 50% 50%;		
	}

	#id_01.defense .m-ver-con {		
		background: url(/images/content/defense_intro_bg.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}

	#id_01.defense .back_con {
		background-image: url(/images/content/defense_intro_bg.jpg);
		background-size: cover;
		background-position: 50% 50%;		
	}

	#id_01.drone-art-show .m-ver-con {		
		background: url(/images/content/drone_art_show_intro_bg.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}

	#id_01.drone-art-show .back_con {
		background-image: url(/images/content/drone_art_show_intro_bg.jpg);
		background-size: cover;
		background-position: 50% 50%;		
	}

	#id_01.drone-delivery .m-ver-con {		
		background: url(/images/content/drone_delivery_intro_bg.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}

	#id_01.drone-delivery .back_con {
		background-image: url(/images/content/drone_delivery_intro_bg.jpg);
		background-size: cover;
		background-position: 50% 50%;		
	}

	#id_01.urban_atm .m-ver-con {		
		background: url(/images/content/urban_atm_intro_bg.jpg) no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}

	#id_01.urban_atm .back_con {
		background-image: url(/images/content/urban_atm_intro_bg.jpg);
		background-size: cover;
		background-position: 50% 50%;		
	}

	.back_con:before{
		display: block;
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    backdrop-filter: blur(30px);
	}
}

@media all and (max-width:800px){
	.ov-txt01 {font-size:3rem;}
}

/* section 2 */
.section.features {background: url(/images/content/industry_solution_bg.jpg) no-repeat; background-size:cover;}
#id_02 .cm-sub-tit {color: var(--main-color);}

.features-list {display:flex; margin-top: 15.3rem;}
.features-list li {position: relative; text-align: center; padding: 0 2rem; box-sizing: border-box;}
.features-list li:after {display:block; content:""; position:absolute; right: 0; top: 50%; transform:translateY(-50%); width: 1px; height: 20rem; background: rgba(0,0,0,0.1);}
.features-list li:last-of-type:after {display:none;}
.features-list.wd-03 li {width: 33.3333%;}
.features-list.wd-04 li {width: 25%;}
.features-list .ico-box {width: 12rem; margin: 0 auto 5.7rem;}
.features-list .ico-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 70%;}
.features-list .ico-box span:before {display: block; content: ""; width: 4rem; height: 4rem; background: rgba(10, 75, 195, 0.1); 
border-radius: 100%;}
.point {display:inline-block; background: var(--main-color); color: #fff; line-height: 2rem; border-radius:3px; width: 6.4rem; height: 2rem; font-size:1.2rem; letter-spacing:-0.015em;}
.point-tit {font-size:2.7rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.334em; margin-bottom: 1.7rem; margin-top: 2.8rem;}
.point-txt {font-size:1.6rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.6); font-weight: 500; line-height:1.6875em;}

.features-list.defense .ico-box {width: 7rem;}
.features-list.defense .ico-box span {padding-top: 107.15%;}
.features-list.defense .ico-box span:before {top: 2.2rem; left: -0.6rem; position: absolute;}
.features-list.defense li:nth-of-type(2) .ico-box span:before {top: 1.1rem; left: -1.5rem;}
.features-list.defense li:nth-of-type(3) .ico-box span:before {top: 0.4rem; left: -0.3rem;}
.features-list.defense li:nth-of-type(4) .ico-box span:before {top: -0.7rem; left: initial; right: -1.5rem;}

.features-list.drone-art-show .ico-box {width: 11.8rem;} 
.features-list.drone-art-show .ico-box span {padding-top: 71.19%;}
.features-list.drone-art-show li:nth-of-type(1) .ico-box span:before {position: absolute; top: 1.9rem; left: 2.8rem;}
.features-list.drone-art-show li:nth-of-type(2) .ico-box span:before {position: absolute; top: 2.7rem; left: 4.2rem;}
.features-list.drone-art-show li:nth-of-type(3) .ico-box span:before {position: absolute; top: 2.2rem; left: 6.4rem;}

.features-list.inspection li:nth-of-type(1) .ico-box span:before {position:absolute; top: 2.1rem; left: 2.1rem;}
.features-list.inspection li:nth-of-type(2) .ico-box span:before {position:absolute; top: 1.7rem; left: 2.1rem;}
.features-list.inspection li:nth-of-type(3) .ico-box span:before {position:absolute; top: 0; left: 6.6rem;}

.features-list.drone-delivery .ico-box {width: 9.6rem;} 
.features-list.drone-delivery .ico-box span {padding-top: 76.05%;}
.features-list.drone-delivery li:nth-of-type(1) .ico-box span:before {position: absolute; top: 1rem; left: 1.7rem;}
.features-list.drone-delivery li:nth-of-type(2) .ico-box span:before {position: absolute; top: 0.6rem; left: 2.1rem;}
.features-list.drone-delivery li:nth-of-type(3) .ico-box span:before {position: absolute; top: -1rem; left:5.4rem;}

.features-list.urban-atm .ico-box {width: 7.4rem;} 
.features-list.urban-atm .ico-box span {padding-top: 100%;}
.features-list.urban-atm li:nth-of-type(1) .ico-box span:before {position: absolute; top: -1.2rem; left: -1.3rem;}
.features-list.urban-atm li:nth-of-type(2) .ico-box span:before {position: absolute; top: 0.1rem; left: 50%; transform:translateX(-50%);}
.features-list.urban-atm li:nth-of-type(3) .ico-box span:before {position: absolute; top: -0.7rem; left: 4.5rem;}

/* section 3 */
#id_03 .con-tit-box {bottom: 28%;}
#id_03 .cm-sub-tit {color: #1f63df;}
.section.areas {background: url(/images/content/inspection_areas_bg01.jpg) no-repeat; background-size:cover;}
.main-areas-bg {position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    transform: scale(1.2);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
    background: #000;}
.main-areas-bg img {
	position: absolute;
    width: auto;
    min-height: 100vh;
    top: 0;
    left: 50%;
    /* right: 0; */
    bottom: 0;
    margin: auto;
    transform: translateX(-50%);
    opacity: 0;
    transition: var(--transition-custom);
}

.main-areas-bg .img01 span:nth-child(1) img{opacity:1;}
.main-areas-bg .img02 span:nth-child(2) img{opacity:1;}
.main-areas-bg .img03 span:nth-child(3) img{opacity:1;}
.main-areas-bg .img04 span:nth-child(4) img{opacity:1;}
.main-areas-bg .img05 span:nth-child(5) img{opacity:1;}
.main-areas-bg .img06 span:nth-child(6) img{opacity:1;}
.main-areas-bg .img07 span:nth-child(7) img{opacity:1;}
.main-areas-bg .img08 span:nth-child(8) img{opacity:1;}

.areas-list-box {height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.areas-list-box .area-box {height: 100%;}
.areas-list {display:flex; justify-content: center; height: 100%; margin: 0 auto;
/* -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); transition:var(--transition-custom2); transition-delay: 0.7s; */ /* opacity: 0; */}
.active-section .areas-list {/* transform:translateY(0); */ /* opacity: 1; */}
.active-section .areas-list .inner-box {opacity: 1; transition-delay: 0.7s; }
.areas-list li {position: relative; text-align:center; display: flex; flex-direction: column; will-change: transform;
    /* justify-content: center; */ justify-content: flex-end; 
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    transition: var(--transition-custom2);}
.active-section .areas-list li {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.areas-list li:nth-of-type(1) {transition-delay: 0.5s;}
.areas-list li:nth-of-type(2) {transition-delay: 0.6s;}
.areas-list li:nth-of-type(3) {transition-delay: 0.7s;}
.areas-list li:nth-of-type(4) {transition-delay: 0.8s;}
.areas-list li:nth-of-type(5) {transition-delay: 0.9s;}
.areas-list li:nth-of-type(6) {transition-delay: 1s;}
.areas-list li:nth-of-type(7) {transition-delay: 1.1s;}

.back-bg{
		width: 100%;
   	 height: 26rem;	
	margin: 0 0 10.3rem;
	position: absolute;
    	display: block;
	background: rgba(10, 75, 195, 0.5);
	border-radius: 4px;
    	backdrop-filter: blur(6px);
    	z-index: -1;
    	opacity: 0;
    	transition: var(--transition-custom);
	}
.areas-list li:hover .back-bg {opacity:1;}
.areas-list li .inner-box {/* margin: 0 0.7rem 10.3rem; */margin: 0 0 10.3rem;
    /* width: calc(100% - 1.4rem); */
    width: 100%;
    padding: 5.45rem 0;
    position: relative; opacity: 0; transition:var(--transition-custom2) !important;  will-change: opacity; transition-delay: -0.3s !important; border-radius:4px;}
.areas-list li .inner-box:after {display: block; content:""; position:absolute; right: 0; top: 50%; transform:translateY(calc(-50% + 3rem)); width: 1px; height: 10rem; background: rgba(255,255,255,0.15); transition: var(--transition-custom);}
/* .areas-list li .inner-box:before {display: block; content:""; position:absolute; top: 50%;
    transform: translateY(-50%); width: 100%; height: 100%; background: rgba(10,75,195,0.5); border-radius:4px; backdrop-filter:blur(8px); opacity: 0; transition: var(--transition-custom);}
 */.areas-list li:last-of-type .inner-box:after {display:none;}
/* .areas-list li:hover .inner-box:before {opacity: 1;} */
.areas-list li.on .inner-box:after {opacity: 0;}
/* .areas-list li:hover .inner-box:after {opacity: 0;} */

.areas-list li:hover .inner-box, .areas-list li.hover .inner-box {backdrop-filter: blur(8px);
    background: rgba(10, 75, 195, 0.5);}
.areas-list li .inner-box:before {display:none;}

.areas-list.wd-05 {width: 85.366%;}
.areas-list.wd-07 {width: 98.171%;}
.areas-list.wd-05 li {width: calc(100% / 5);}
.areas-list.wd-07 li {width: calc(100% / 7);}
.areas-list .ico-box {width: 6.8rem; margin: 0 auto;}
.areas-list .ico-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 82.36%;}
.areas-list .tit {position: relative; font-size:1.8rem; letter-spacing:-0.05em; color: #fff; min-height: 5.203rem; font-weight: 600; line-height:1.445em; margin-top: 4.3rem;}
.areas-list .tit span {display: block;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #fff;
    line-height: 1.733em;}

/* areas-list :: defense */
.areas-list.defense .ico-box {width: 9rem;}
.areas-list.defense .ico-box span {padding-top: 63.34%;}

/* areas-list :: drone art show */
.areas-list.drone-art-show .ico-box {width: 6.2rem;}
.areas-list.drone-art-show .ico-box span {padding-top: 96.78%;}

/* areas-list :: drone delivery */
.areas-list.drone-delivery .ico-box {width: 6.4rem;}
.areas-list.drone-delivery .ico-box span {padding-top: 98.44%;}

/* areas-list :: urban atm */
.areas-list.urban-atm .ico-box {width: 6.2rem;}
.areas-list.urban-atm .ico-box span {padding-top: 98.4%;}

@media all and (max-width:800px){
	.areas-list.wd-05 {width: 100%;}
	.areas-list.wd-07 {width: 100%;}
}

/* 관련제품 */
#id_04 .con-tit-box {margin-bottom: 4.7rem;}
.prd-area{width: 100%; max-width:1240px; margin:auto;}
.products-container, .prd-img-container {width: 100%; max-width:calc(1240px + 2rem); margin:auto;}
.prd-img-container {margin-top: 6.3rem; transform:translateY(30px); opacity: 0; transition:var(--transition-custom2); transition-delay:0.5s;}
.active-section .prd-img-container {transform:translateY(0); opacity: 1;}
.products-list, .prd-img-list {/* display: flex; justify-content: center;  */ }
.products-list .slick-list, .prd-img-list .slick-list {overflow:visible;}
.products-list li, .prd-img-list li {background:#f6f6f6; border-radius:4px; /* width: 50rem; */ padding: 10rem 2rem 2rem; box-sizing:border-box; margin:0 1rem; transition:var(--transition-custom);}
.prd-img-list .img-box img {margin: 0 auto;}
/* .products-list li.swiper-slide-next {pointer-events: none; transition:var(--transition-custom);}
.products-list li.swiper-slide-next > * {opacity: 0.1;} */
/* .products-list.multiple li {width: 40rem !important;} */
.products-list li.slick-active + li:not(.slick-active), .prd-img-list li.slick-active + li:not(.slick-active) {pointer-events: none;}
.products-list li.slick-active + li:not(.slick-active) > *, .prd-img-list li.slick-active + li:not(.slick-active) > * {opacity: 0.1;}
.products-list li.over:not(.slick-active), .prd-img-list li.over:not(.slick-active) {pointer-events: none;}
.products-list li.over:not(.slick-active) > *, .prd-img-list li.over:not(.slick-active) > * {opacity: 0.1;}

.products-list li.on, .prd-img-list li.on {pointer-events: auto !important;}
.products-list li.on > *, .prd-img-list li.on > * {opacity: 1 !important;}

#fullpageIndustry .products-list li {padding: 5.3rem 2rem 2rem;}
#fullpageIndustry .products-list .img-box {margin-bottom: 0;}

/* 관련제품 한개 일 때 */
.products-container.only {max-width:none;}
.products-container.only .products-list.only li {max-width: 50rem;}
.products-container.only .products-list.only.slick-slider .slick-track {display:flex; justify-content:center;}


.products-list.wd01 {}
.products-list .txt-box {text-align:center; transition: var(--transition-custom);}
.products-list .img-box , .prd-img-list .img-box {text-align:center; margin-bottom: 5.5rem; transition: var(--transition-custom);}
.prd-img-list .img-box {margin-bottom: 0;}
.products-list .img-box img, .prd-img-list .img-box img {margin: 0 auto; max-width:100%;}
.products-sub-tit {font-size:1.6rem; letter-spacing:-0.015em; color: rgba(0,0,0,0.4); line-height:1.1;}
.products-tit {font-size:3.2rem; letter-spacing:-0.015em; color:#000; line-height:1.2; margin-top: 0.9rem;}
.products-link {border:2px solid var(--main-color); border-radius:4px; display:flex; justify-content:space-between; padding: 0 1.5rem; 
height: 5.2rem; box-sizing: border-box; transition:var(--transition-custom); margin-top: 3rem;}
.products-link em {color: var(--main-color); line-height: 4.8rem; font-size:1.6rem; letter-spacing:-0.015em; }
.products-link i {color: var(--main-color); font-size: 1.6rem;
    line-height: 4.7rem;}
.products-link:hover {background: var(--main-color);}
.products-link:hover em, .products-link:hover i {color: #fff;}
.products-controls {max-width: 1240px;
    margin: 4.5rem auto 0;}
.swiper-pagination-progressbar.product-pagination {background-color:rgba(0,0,0,0.06); width: 100%; height: 0.4rem; position: relative;}
.swiper-pagination-progressbar.product-pagination .swiper-pagination-progressbar-fill {background: #000; }
.product-nav, .prd-nav, .img-product-nav {display: flex; justify-content: space-between; padding-top: 1rem;}
.product-nav button, .prd-nav button, .img-product-nav button {font-size:1.5rem; letter-spacing:-0.015em; font-weight: 500; line-height:1.2; color: #000;}

@media all and (max-width:1280px){
	.products-controls {margin: 4.5rem 1rem 0;}
}

/* footer */
.active-section .footer-contact-txt.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.industry-wrap #footer {height: 50%;}
#scrollCon.active-section .footer-contact-txt.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.5s;}
.fullpage-inner-scroll {    overflow: scroll;
    max-height: calc(100vh + 2rem);
    /* width: calc(100vw + 2rem); */ width: 100%;}
.footer-contact-txt {font-size:1.6rem; letter-spacing:-0.05em; color:#fff; font-weight: 500; line-height:1.15; margin-top: 2rem;}
.contact-box {position: relative; background: url(/images/content/footer_contact_bg.jpg) no-repeat; background-size:cover; padding: 15rem 0; height: 50%; box-sizing:border-box;}

.contact-circle {position: absolute; left:50%; transform:translateX(-50%); bottom: -7.8rem; /* width: 15.6rem; */ height: 15.6rem; border-radius: 100%; 
/* background: var(--main-color); */ animation: rolling 7.5s linear infinite;}
.contact-circle .bg {display: block; width: 15.6rem; height: 100%; border-radius: 100%; background: var(--main-color); transition:var(--transition-custom);}
.contact-circle:hover .bg {transform:scale(1.17);}
.contact-circle p {font-size:1.03rem; color: rgba(255,255,255,0.5); font-weight: 500;}
.contact-circle .dot {width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.contact-circle img {position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
@keyframes rolling {
	0%{transform:translateX(-50%) rotate(0);}
	100%{transform:translateX(-50%) rotate(360deg);}
}

/* .contact-circle:hover {transform: translateY(-50%) scale(1.17);} */

.progress, .prd-progress, .img-progress {
  display: block;
  width: 100%;
  height: 4px;
  overflow: hidden;  
  background-color: rgba(0,0,0,0.06);
  background-image: linear-gradient(to right, black, black);
  background-repeat: no-repeat;
  background-size: 0 100%;
  
  transition: background-size .4s ease-in-out;
}

@media all and (max-width:1460px){
	.contact-circle {height: 17.6rem;}
	.contact-circle .bg {width: 17.6rem;}
}

@media all and (max-width:1280px){
	.contact-circle img {width: 75%;}
	/* .fullpage-inner-scroll {max-height:initial;} */
}

@media all and (max-width:800px){
	.fullpage-inner-scroll {max-height:initial; overflow:auto;}
	.contact-circle {width:10rem; height:10rem; bottom:-5rem;}
	.contact-circle img{max-width: 90%;}
	.contact-circle .bg {width: 100%;}
}


/******************* 솔루션 ********************/
@media all and (max-width:1280px){
	#fullpageSolution{transform: none !important;}
	#fullpageSolution .section {height: auto !important;}
	#fullpageSolution .fp-section .fp-tableCell {height: auto !important;}
}




.prd-tit.splitting .char, .prd-txt.splitting .char {transition-delay: 0s !important;}

.active-section .prd-category.splitting .char,
.active-section .prd-tit.splitting .char,
.active-section .prd-txt.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/* ************ 버전 1의 솔루션 (ex)F40) ************ */
.section:not(#fullpageIntro){opacity:0; transition:var(--transition-custom);}
.section:not(#fullpageIntro).full-view{opacity:1;}
/* 메인 비주얼 영상영역 */
.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:before {
	    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    transform: translateY(-50%);
   transition: opacity 2.5s 0.2s;
   /* transition-delay:0.9s; */
}
.background-video.start:before {opacity: 0;}
.background-video iframe,
.background-video video{
	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 1.5s 0.2s;
}
/* .background-video.subtitle:before {transition-delay:0.9s;} */
.background-video.subtitle iframe,
.background-video.subtitle video{
	transform: translate(-50%, -53.5%);
}
/* .background-video.sub-video-container iframe {top: 45%;} */
.background-video.start iframe,
.background-video.start video{opacity:1;/* filter:Alpha(opacity=87); */}
.video-con.active-section .background-video iframe {opacity:1;/* filter:Alpha(opacity=87); */}
.video-con.active-section .background-video:before {opacity: 0;}

@media all and (max-width:1570px){
	.background-video.subtitle iframe,
	.background-video.subtitle video{transform: translate(-50%, -50%);}
}

@media all and (max-width:1280px){
	.background-video iframe,
	.background-video video{height: 100%; min-height:100%;}
}



/* 제품 메인 이미지 */
#st_01.ver01 {
	background-color:#f5f5f5;
}
/* 스크롤 변경 */
.fp-scrollGCS #st_01{height:100vh; display: flex; align-items:center;}
.fp-scrollGCS #st_01 > .area{width:100%; box-sizing:border-box;}

.intro-prd-con {position: relative;}
.intro-prd-con .prd-list{}
.intro-prd-con .prd-list .slick-list{overflow:visible;}
.intro-prd-con .prd-list .slick-list .slick-slide{transition:all 0.25s ease-in-out;}
.intro-prd-con .prd-list .slick-list .slick-slide:not(.slick-active):not(.slick-cloned){opacity:0;}
.prd-img-box img {margin: 0 auto; max-width:100%;}
.intro-prd-con .prd-list li.slick-current .prd-img-box img {transform: scale(1.1); transition: all 3s; transition-delay:0.2s;}
#st_01.ver01.active-section .intro-prd-con .prd-list li.slick-current .prd-img-box img { transform: scale(1.0);}
.prd-category {font-size:1.6rem; letter-spacing:-0.015em; color: #0a4bc3; font-weight: 500; }
.prd-list.only + .prd-controls .progress {display:none;}
.prd-controls {margin-top: 3.5rem; opacity: 0; transition:var(--transition-custom2); transition-delay:0.4s;}
.active-section .prd-controls {opacity: 1;} 
.prd-txt-box {display:flex; justify-content:space-between;}
.prd-txt-box .left-box {width: calc(100% - 10rem);}
.prd-txt-box .tit-box {display:flex;     align-items: center;}
.prd-tit {/* width: 40%; */ font-size:9.2rem; letter-spacing:-0.015em; color: #000; line-height:1.2; font-weight: 400; }
.prd-txt {/* width: calc(100% - (40% + 2rem)); */ font-size:1.8rem; letter-spacing:-0.05em; color: #000; line-height:1.667; font-weight: 500; margin: 0 2rem 0 4rem; }
.brochure-btn-box {opacity: 0; 
transition:var(--transition-custom2); transition-delay:0.4s; position:absolute; right: 0;}
.brochure-btn {display:flex; flex-direction: column; justify-content:center; align-items:center; background:#212121; border-radius:3px; width: 10rem; height: 10rem;
	transition:var(--transition-custom);
}
.active-section .brochure-btn-box {opacity: 1;}
.brochure-btn i {color: #fff; font-size:2.4rem;}
.brochure-btn em {font-size:1.5rem; letter-spacing:-0.015em; color: #fff; font-weight: 500; margin-top: 0.7rem;}
.brochure-btn:hover {background: var(--main-color);}
.intro-prd-con .products-controls {max-width:none;}

/* .hardcase .prd-tit {width: 55%;}
.hardcase .prd-txt {width: calc(100% - (55% + 2rem));}

.shelter .prd-tit {width: 45%;}
.shelter .prd-txt {width: calc(100% - (45% + 2rem));}

.l-foms .prd-tit {width: 30%;}
.l-foms .prd-txt {width: calc(100% - (30% + 2rem));}

.l-oras .prd-tit {width: 30%;}
.l-oras .prd-txt {width: calc(100% - (30% + 2rem));} */


@media all and (max-width:1280px){
	#st_01.ver01 {padding: 7rem 0;}
	.fp-scrollGCS #st_01 {height: auto !important;}
	.brochure-btn-box {margin-top: 3rem;}
	.prd-txt-box {flex-direction:column;}
	.prd-txt-box .left-box {width: 100%;}
	.prd-txt {margin-left: 0;}
	.prd-tit {font-size:6rem;}
	.prd-txt-box .tit-box {flex-direction: column; align-items: flex-start;}
	.intro-prd-con:has(.brochure-btn-box) {padding-bottom:12rem;}
	.brochure-btn-box {right: initial; left: 0; bottom:0;}
}

@media all and (max-width:800px){
	.prd-tit {font-size:5rem;}
	.brochure-btn {width: 7rem; height: 7rem; margin-top: 1rem;}
	.brochure-btn i {font-size:1.8rem;}
	.brochure-btn em {font-size:1.3rem;}
	.intro-prd-con:has(.brochure-btn-box) {padding-bottom:11rem;}
}

/* 비디오 */
@media all and (max-width:1280px){
	.video-con {height: 50rem !important;}
	.video-con .background-video-wrapper {height: 100%;}
}

@media all and (max-width:800px){
	.video-con {height: 26rem !important;}
}


/* 제품 이미지 */
#prd_img_con.ver01 {padding: 20.8rem 0; overflow:hidden;}
#prd_img_con .prd-img-container {max-width:calc(1400px + 2.5rem); margin: 6.3rem auto 0;}
#prd_img_con .prd-img-list li {margin: 0 1.25rem; padding: 0;}
#prd_img_con .products-controls {max-width:1400px;}

@media all and (max-width:1460px){
	#prd_img_con .products-controls {max-width:none; padding: 0 var(--area-padding);}
}

@media all and (max-width:800px){
	#prd_img_con.ver01 {padding: 10.4rem 0;}
	#prd_img_con .products-controls {margin: 3rem 1rem 0;}
}

/* 제품 특징 or 제품 주요기능 */
#st_01.ver01 + #st_features {padding-top: 20.8rem;}
#awards + #st_features {padding-top: 20.8rem;}
.st-features-list {margin-top: 6.3rem;}
.st-features-list li .bg {display: flex; align-items: center; height: 70rem;}
.st-features-list li .bg .area {width: 100%;}
.st-features-list li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01.jpg?ver=250626) no-repeat; background-size:cover;}
.st-features-list li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02.jpg?ver=250626) no-repeat; background-size:cover;}
.st-features-list li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03.jpg?ver=250626) no-repeat; background-size:cover;}
.st-features-list li:nth-of-type(4) .bg { background:url(/images/content/st_features_bg04.jpg) no-repeat; background-size:cover;}
.st-features-list li:nth-of-type(5) .bg { background:url(/images/content/st_features_bg05.jpg) no-repeat; background-size:cover;}
.st-feature-box {display: flex;
flex-direction: column;
justify-content: space-between; backdrop-filter:blur(20px); background: rgba(188,188,188,0.1); 
border-radius:3px; width: 50rem; height: 45rem; padding: 5rem 7rem 5rem 5rem; box-sizing:border-box; -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); opacity: 0; 
    transition: var(--transition-custom2);
    pointer-events: none;
    will-change: transform;
    will-change: opacity;}
.st-feature-box.bk {background: rgba(0,0,0,0.1);}
.st-features-tit {font-size:4.2rem; letter-spacing:-0.05em; color: #fff; font-weight: 600; line-height:1.2;}
.st-features-txt {font-size:1.8rem; letter-spacing:-0.05em; color: rgba(255,255,255,0.7); font-weight: 500; line-height:1.556; margin-top: 2rem;}
.st-features-list li:nth-of-type(even) .bg .area {display:flex; justify-content:flex-end;}
.st-features-list li.on .st-feature-box {transform:translateY(0); opacity: 1;}


.st-features-list.f40 .ico-box {width: 9.2rem;}
.st-features-list.f40 .ico-box span {position: relative; display: block; width: 100%; position: relative; height: 0; padding-top: 83.7%;}
/* .st-features-list.f40 .ico-box span:after {display: block; content:""; position:absolute; top: 0; left: 0; width: 3.6rem; height: 3.6rem; background: rgba(255,255,255,0.2); border-radius:100%;}
.st-features-list.f40 li:nth-child(1) .ico-box span:after {top: 8px; left: 5px;}
.st-features-list.f40 li:nth-child(2) .ico-box span:after {top:5.4rem; left: 2.7rem;}
.st-features-list.f40 li:nth-child(3) .ico-box span:after {top:5.4rem; left: 2.7rem;}
.st-features-list.f40 li:nth-child(4) .ico-box span:after {top:5.4rem; left: 2.7rem;} */

.st-features-list.s10s .ico-box {width: 6.7rem;}
.st-features-list.s10s .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 107.47%;}

.st-features-list.s10s  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_s10s.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.s10s  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_s10s.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.s10s  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_s10s.jpg) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.r10s .ico-box {width: 7.5rem;}
.st-features-list.r10s .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 96%;}

.st-features-list.r10s  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_r10s.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.r10s  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_r10s.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.r10s  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_r10s.jpg) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.l20 .ico-box {width: 7.6rem;}
.st-features-list.l20 .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 96.06%;}

.st-features-list.l20  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_l20.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l20  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_l20.jpg?ver=250626) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l20  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_l20.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l20  li:nth-of-type(4) .bg { background:url(/images/content/st_features_bg04_l20.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l20  li:nth-of-type(5) .bg { background:url(/images/content/st_features_bg05_l20.jpg?ver=250626_2) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.a20 .ico-box {width: 8.1rem;}
.st-features-list.a20 .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 93.83%;}

.st-features-list.a20  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_a20.jpg?ver=250626) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.a20  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_a20.jpg?ver=250626) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.a20  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_a20.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.a20  li:nth-of-type(4) .bg { background:url(/images/content/st_features_bg04_a20.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.a20  li:nth-of-type(5) .bg { background:url(/images/content/st_features_bg05_a20.jpg) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.smart-cls .ico-box {width: 7.2rem;}
.st-features-list.smart-cls .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 100%;}

.st-features-list.smart-cls  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_smart.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.smart-cls  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_smart.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.smart-cls  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_smart.jpg?ver=250626) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.hardcase .ico-box {width: 7.3rem;}
.st-features-list.hardcase .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 106.85%;}

.st-features-list.hardcase  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_hardcase.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.hardcase  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_hardcase.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.hardcase  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_hardcase.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.hardcase  li:nth-of-type(4) .bg { background:url(/images/content/st_features_bg04_hardcase.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.hardcase  li:nth-of-type(5) .bg { background:url(/images/content/st_features_bg05_hardcase.jpg) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.shelter .ico-box {width: 7.3rem;}
.st-features-list.shelter .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 104.12%;}

.st-features-list.shelter  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_shelter.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.shelter  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_shelter.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.shelter  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_shelter.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.shelter  li:nth-of-type(4) .bg { background:url(/images/content/st_features_bg04_shelter.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.shelter  li:nth-of-type(5) .bg { background:url(/images/content/st_features_bg05_shelter.jpg) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.tablet .ico-box {width: 7.4rem;}
.st-features-list.tablet .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 113.52%;}

.st-features-list.tablet  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_tablet.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.tablet  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_tablet.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.tablet  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_tablet.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.tablet  li:nth-of-type(4) .bg { background:url(/images/content/st_features_bg04_tablet.jpg) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.swarm .ico-box {width: 6.6rem;}
.st-features-list.swarm .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 116.67%;}

.st-features-list.neopicasso .ico-box {width: 7.5rem;}
.st-features-list.neopicasso .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 98.67%;}

.st-features-list.neopicasso  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_neopicasso.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.neopicasso  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_neopicasso.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.neopicasso  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_neopicasso.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.neopicasso  li:nth-of-type(4) .bg { background:url(/images/content/st_features_bg04_neopicasso.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.neopicasso  li:nth-of-type(5) .bg { background:url(/images/content/st_features_bg05_neopicasso.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.neopicasso  li:nth-of-type(6) .bg { background:url(/images/content/st_features_bg06_neopicasso.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.neopicasso  li:nth-of-type(7) .bg { background:url(/images/content/st_features_bg07_neopicasso.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.neopicasso  li:nth-of-type(8) .bg { background:url(/images/content/st_features_bg08_neopicasso.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.neopicasso  li:nth-of-type(9) .bg { background:url(/images/content/st_features_bg09_neopicasso.jpg) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.l-oras .ico-box {width: 7.8rem;}
.st-features-list.l-oras .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 91.03%;}

.st-features-list.l-oras  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_loras.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l-oras  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_loras.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l-oras  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_loras.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l-oras  li:nth-of-type(4) .bg { background:url(/images/content/st_features_bg04_loras.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l-oras  li:nth-of-type(5) .bg { background:url(/images/content/st_features_bg05_loras.jpg) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.l-foms .ico-box {width: 7.5rem;}
.st-features-list.l-foms .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 106.67%;}

.st-features-list.l-foms  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_lfoms.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l-foms  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_lfoms.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l-foms  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_lfoms.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l-foms  li:nth-of-type(4) .bg { background:url(/images/content/st_features_bg04_lfoms.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.l-foms  li:nth-of-type(5) .bg { background:url(/images/content/st_features_bg05_lfoms.jpg) no-repeat; background-size:cover; background-position:50% 50%;}

.st-features-list.urbanlinkx .ico-box {width: 7rem;}
.st-features-list.urbanlinkx .ico-box span {display: block; width: 100%; position: relative; height: 0; padding-top: 101.43%;}

.st-features-list.urbanlinkx  li:nth-of-type(1) .bg { background:url(/images/content/st_features_bg01_urbanlinkx.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.urbanlinkx  li:nth-of-type(2) .bg { background:url(/images/content/st_features_bg02_urbanlinkx.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.st-features-list.urbanlinkx  li:nth-of-type(3) .bg { background:url(/images/content/st_features_bg03_urbanlinkx.jpg) no-repeat; background-size:cover; background-position:50% 50%;}


@media all and (max-width:800px){
	#st_01.ver01 + #st_features {padding-top: 10.4rem;}
	#awards + #st_features {padding-top: 10.4rem;}
	.st-features-list li .bg {height:auto; padding:7rem 0;}
	.st-feature-box {height:auto; padding: 3rem 2.5rem; width:100%;}
	.st-feature-box .tit-box {margin-top:3rem;}
	.st-features-tit {font-size:3.2rem;}
	.st-features-txt {font-size:1.6rem;}
}


/* 스펙 */
.spec-con {margin-top: 3rem; transform:translateY(15%); transition:var(--transition-custom2); transition-delay:0.2s; opacity: 0;}
.active-section .spec-con {opacity: 1; transform:translateY(0);}
.spec-tb {border-top:3px solid #161616; width: 100%;}	
.spec-tb td {font-size:1.6rem; letter-spacing:-0.015em; font-weight: 500; line-height:1.3; color: rgba(0,0,0,0.7); padding: 3.21rem 3rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.spec-tb td.tit {color: #000; font-weight: 600; background: #f6f6f6;} 
.spec-tb td.center {text-align:center;}
.spec-tb td b {color: #000;}
#st_spec {padding: 22.5rem 0 11.25rem;}
.spec-con.hardcase td {padding: 1.7rem 2rem;}

@media all and (max-width:800px){
	#st_spec {padding: 11rem 0 5rem;}
	.spec-con {transform: translateY(10%);}
	.spec-tb td {font-size:1.4rem; padding: 2rem;}
}

/* 적용 가능 산업분야 */
#st_industrial_sector {padding:11.25rem 0 17.5rem; overflow:hidden;}
#st_industrial_sector .products-container {max-width: calc(1400px + 2.5rem);
margin: 6.3rem auto 0; transform:translateY(15%); transition:var(--transition-custom2); opacity: 0;}
.products-list.industrial li {display: flex;
flex-direction: column;
justify-content: space-between;
margin: 0 1.25rem;}
#st_industrial_sector .products-list li {position: relative; height: 45rem; margin: 0 1.25rem; padding: 5rem 6rem;}
#st_industrial_sector .products-list li:after {content: '';
    position: absolute;
    background: #000;
    /* z-index: -1; */
    inset: 0;
    opacity: 0;
    transition: var(--transition-custom); border-radius:4px;}
#st_industrial_sector .products-list li:hover:after {opacity: 0.5;}

#st_industrial_sector .products-list li .tit-box {position: relative; z-index: 1;}


#st_industrial_sector .products-list li.drone-art-show {background: url('/images/content/2_Drone-Art-Show.jpg') no-repeat; background-size:cover;}
#st_industrial_sector .products-list li.defense {background: url('/images/content/1_Defense.jpg') no-repeat; background-size:cover;}
#st_industrial_sector .products-list li.inspection {background: url('/images/content/3_Inspection.jpg') no-repeat; background-size:cover;}
#st_industrial_sector .products-list li.drone-delivery {background: url('/images/content/4_Drone-Delivery.jpg') no-repeat; background-size:cover;}
#st_industrial_sector .products-list li.urban-atm {background: url('/images/content/5_UrabnATM.jpg') no-repeat; background-size:cover;}

#st_industrial_sector .products-list li.over:not(.slick-active) {opacity: 0.2;}
#st_industrial_sector .products-list li.slick-active + li:not(.slick-active) {opacity: 0.2;}

#st_industrial_sector .products-controls {max-width:1400px;}
#st_industrial_sector .products-list .tit-box .tit {font-size:4rem; letter-spacing:-0.015em; font-weight: 300; line-height:1.2; margin-bottom: 1.2rem; color: #fff;}
#st_industrial_sector .products-list .tit-box .txt {font-size:1.6rem; letter-spacing:-0.05em; font-weight: 500; line-height:1.75; color: #fff;}
.item-link-btn {background: var(--main-color); display:flex; justify-content:space-between; height: 5rem;
padding: 0 2rem;
align-items: center; max-width:18.8rem; box-sizing:border-box; transition: var(--transition-custom); border-radius:3px; position: relative; z-index: 1;}
.item-link-btn em {font-size:1.6rem; letter-spacing:-0.015em; line-height:1.2; color: #fff;}
.item-link-btn i {color: #fff; font-size:1.6rem;}
#st_industrial_sector.active-section .products-container {opacity: 1; transform:translateY(0);}
.item-link-btn:hover {background: #fff;}
.item-link-btn:hover em, .item-link-btn:hover i {color: var(--main-color);}

/* 적용 가능 산업분야 한개버전 */
#st_industrial_sector .products-list2 li {position: relative; background:#f6f6f6; border-radius:4px; /* width: 50rem; */ padding: 8.5rem 12rem 10rem; box-sizing:border-box; margin:0 1.25rem; transition:var(--transition-custom);}
#st_industrial_sector .products-list2 li:after {
	content: '';
	position: absolute;
	background: #000;
	inset: 0;
	opacity: 0;
	transition: var(--transition-custom);
	border-radius: 4px;
}
#st_industrial_sector .products-list2 .tit-box {position: relative; z-index: 1;}
#st_industrial_sector .products-list2 .tit-box .tit {font-size:5rem; letter-spacing:-0.015em; font-weight: 300; line-height:1.2; margin-bottom: 1.2rem; color: #fff;}
#st_industrial_sector .products-list2 .tit-box .txt {font-size:1.6rem; letter-spacing:-0.05em; font-weight: 400; line-height:1.75; color: #fff;}
#st_industrial_sector .products-list2 li.defense {background: url('/images/content/1_Defense_wide.jpg') no-repeat; background-size:cover; background-position:50% 50%;}
#st_industrial_sector .products-list2 li.drone-art-show {background: url('/images/content/2_Drone-Art-Show_wide.jpg') no-repeat; background-size:cover; background-position:50% 50%;}
#st_industrial_sector .products-list2 li.urban-atm {background: url('/images/content/5_UrbanATM_wide.jpg') no-repeat; background-size:cover; background-position:50% 50%;}
#st_industrial_sector .products-list2 .item-link-btn {margin-top: 11.5rem;}
#st_industrial_sector .products-list2 li:hover:after {opacity: 0.5;}

@media all and (max-width:1280px){
	#st_industrial_sector .products-list2 li {padding: 8.5rem 6rem 10rem;}
}

@media all and (max-width:800px){
	#st_industrial_sector {padding: 5rem 0 8.5rem;}
	#st_industrial_sector .products-container {transform: translateY(10%);}
	#st_industrial_sector .products-list li {padding: 5rem 4rem;}
	#st_industrial_sector .products-list2 li {padding: 5rem 4rem; margin: 0;}
	#st_industrial_sector .products-list2 .item-link-btn {margin-top: 5rem;}
	#st_industrial_sector .products-list2 .tit-box .tit {font-size:4rem;}
	#st_industrial_sector .products-list2 .tit-box .txt {font-size:1.4rem;}
}

/* ******** 예상 사용처 ******** */
.st-uses-list {margin-top: 5.7rem; transform:translateY(6%); opacity: 0; transition-delay:0.4s; transition:var(--transition-custom2);}
.active-section .st-uses-list {opacity: 1; transform:translateY(0);}
.st-uses-list > li {display:flex; align-items:center; background: #f5f5f5; border-radius:1px; padding: 4rem 4.6rem; margin-top: 2rem;}
.st-uses-list > li:first-of-type {margin-top: 0;}
.st-uses-list > li .img-box {width: 40%;}
.st-uses-list > li .img-box img {max-width:100%;}
.st-uses-list > li .txt-box {width: calc(100% - 40%); padding-left: 9.4rem;
box-sizing: border-box;}
.st-uses-list > li .txt-box .tit {font-size:3.4rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.2;}
.st-uses-list .inner-list {margin-top: 2.2rem;}
.st-uses-list .inner-list li {margin-top: 1.2rem; display:flex;}
.st-uses-list .inner-list li:first-of-type {margin-top: 0;}
.st-uses-list .inner-list li em {color: #000; font-size:1.6rem; letter-spacing:-0.05em; font-weight: 500; line-height:1.3;}
.st-uses-list .inner-list li i {position: relative; top: 2px; color: #000; font-size:1.6rem; margin-right: 1rem;}

@media all and (max-width:800px){
	.st-uses-list > li {flex-wrap:wrap; padding: 4rem;}
	.st-uses-list > li .img-box {width: 100%;}
	.st-uses-list > li .txt-box {width: 100%; padding-left: 0; margin-top: 3rem;} 
	.st-uses-list > li .txt-box .tit {font-size:2.8rem;}
}

/* ******** swarm ******** */
.technology-list {display:flex; justify-content: center; margin-top: 8.4rem; transform:translateY(30px); opacity: 0; transition:var(--transition-custom2);}
.technology-list li {position: relative; padding: 0 5rem; text-align: center;}
.technology-list li:after {display: block; content:"\e916"; position:absolute; right: -1rem; bottom:0.2rem; font-family:'xeicon'; color: #fff; font-size:2rem;}
.technology-list li:last-of-type:after {display:none;}
.technology-list .ico-box {width: 7.8rem; margin: 0 auto;}
.technology-list .ico-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 101.3%;}
.tech-tit {font-size:2.4rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.25; margin-top: 2.5rem;}
.active-section .technology-list {transform:translateY(0); opacity: 1; transition-delay:0.5s;}

#st_02.swarm {position: relative; height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#st_02.swarm .intro-bg {position: absolute; height: 100vh; width: 100%; display: block; top: 0; left: 0; background: url(/images/content/swarm_st02_bg.jpg) no-repeat; background-size: cover;}
.st_03.swarm {padding: 30rem 0 23.3rem; overflow:hidden;}
.st_03.swarm .center { position: relative; width: 41.5rem;
height: 41.5rem;
border-radius: 100%;
background: rgba(10, 75, 195, 0.07);
display: flex;
align-items: center;
justify-content: center;}
.st_03.swarm .center:before {display: block; content:""; width: calc(100% * 1.2); height: calc(100% * 1.2); background:url(/images/content/swarm_circle02.png) no-repeat; 
position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background-size:contain; animation: circle_ani 15s linear infinite;}
@keyframes circle_ani {
	0%{transform:translate(-50%,-50%) rotate(0deg);}
	100% {transform:translate(-50%,-50%) rotate(360deg);}
}
.st_03.swarm .inner-box {display: flex; align-items: center; justify-content:center; width: 29.5rem; height: 29.5rem; background: url(/images/content/swarm_circle01.png) no-repeat; background-size:cover; color: #fff; font-size:3.2rem; letter-spacing:-0.015em; font-weight: 500; line-height:1.25;}
.st_03.swarm .diagram-box { position: relative; display: flex;
justify-content: center;}
.mobile-diagram {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:none;}
.mobile-diagram .m-list li { display: flex; align-items: center; position: absolute; top: 0; left: 50%; width: 100%;}
.mobile-diagram .m-list li:nth-child(1) {margin-top: -12%;
    margin-left: -7%;}
.mobile-diagram .m-list li:nth-child(2) {margin-left: -30.929%;
    margin-top: 29.5%;}
.mobile-diagram .m-list li:nth-child(3) {margin-top: 29.4%;
    margin-left: 16.643%;}
.mobile-diagram .m-list .m-item {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9rem;
    height: 9rem;
    border-radius: 100%;
    background: #fff;
    color: var(--main-color);
    font-size: 3rem;
    letter-spacing: -0.015em;
    font-weight: 500;
   /*  border: 1px dashed var(--main-color); */
   background: url(/images/content/border_line.png) no-repeat;
    background-size: 100%;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-shadow: 8px 16px 42px 1px rgba(10, 75, 195, 0.26);
    -moz-box-shadow: 8px 16px 42px 1px rgba(10, 75, 195, 0.26);
    box-shadow: 8px 16px 42px 1px rgba(10, 75, 195, 0.26);	
}

.diagram-txt-box {position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.diagram-txt-box .list li {display: flex; align-items: center; position:absolute; top: 0; left: 50%; width: 100%;}
.diagram-txt-box .list li:nth-child(1) {margin-top: -6.786%; margin-left: -4.286%;}
.diagram-txt-box .list li:nth-child(2) {margin-left: -18.929%; margin-top: 20.5%;}
.diagram-txt-box .list li:nth-child(3) {margin-top: 20.5%; margin-left: 10.643%;}
.diagram-txt-box .list .item {position: relative; display: flex; align-items: center; justify-content:center; width: 12rem; height: 12rem; border-radius:100%; background: #fff; color:  var(--main-color); font-size:3rem; letter-spacing:-0.015em; font-weight: 500; border:1px dashed var(--main-color); box-sizing:border-box; -webkit-box-shadow: 8px 16px 42px 1px rgba(10, 75, 195, 0.26);
-moz-box-shadow: 8px 16px 42px 1px rgba(10, 75, 195, 0.26);
box-shadow: 8px 16px 42px 1px rgba(10, 75, 195, 0.26);}
.diagram-txt-box .list .txt-box {position:absolute; left: 0; top: 50%; transform: translateY(-50%);}
.diagram-txt-box .list .tit01 {font-size:2.4rem; color: var(--main-color); letter-spacing:-0.015em; font-weight: 500; line-height:1.3;}
.diagram-txt-box .list .tit02 {font-size:1.6rem; color: rgba(10,75,195,0.5); letter-spacing:-0.05em; font-weight: 600; line-height:1.875; margin-left: 1rem;}
.diagram-txt-box .list .txt {font-size:1.6rem; letter-spacing:-0.05em; font-weight: 600; line-height:1.625; color: #000; margin-top: 0.5rem;}
.diagram-txt-box .list li:nth-child(1) .txt-box {margin-left: 20%;}
.diagram-txt-box .list li:nth-child(2) .txt-box {margin-left: -25.429%; text-align: right;} 
.diagram-txt-box .list li:nth-child(3) .txt-box {margin-left: 14.286%;}
.diagram-txt-box .list li .item .line {display: block; position:absolute; left:100%; background: url(/images/content/swarm_circle_line.png) no-repeat; width: 14rem; height: 1px; z-index: -1;}
.diagram-txt-box .list li .item .line:after {display: block; content:""; width: 0.8rem; height: 0.8rem; border-radius:100%; background: var(--main-color); border-radius:100%; position:absolute; right: 0; top: -0.3rem;}
.diagram-txt-box .list li:nth-child(2) .item .line {width: 9.4rem; left: initial; right: 100%; margin-right: -32%;}
.diagram-txt-box .list li:nth-child(2) .item .line:after {right: initial; left: 0;}
.diagram-txt-box .list li:nth-child(3) .item .line {width: 9.4rem; margin-left: -32%;}

.st_04.swarm {padding: 17.5rem 0 12.2rem; background:#f6f6f6;}
.swarming-levels-con {max-width:1470px; margin: 8rem auto 0; display:flex;}
.swarming-levels-con .left-box {width: 19.93%; margin-right: 1.7rem;     height: 54rem;
}
.swarming-levels-con .left-box .img-box {display: flex;
align-items: center;
justify-content: center; background: #fff; text-align:center; height: 25.1rem; margin-bottom: 1rem; border-radius:4px;}
.swarming-levels-con .right-box {width: calc(100% - (19.93% + 1.7rem)); }
.levels-detail-box {height: calc(100% - 26.1rem);
background: #fff;
display: flex;
flex-direction: column;}
.swarming-levels-con .left-box .img-box img {max-width:100%;}
.levels-detail-box .title-box {display: flex; justify-content: space-between;
align-items: center; background: #1c2e4e; border-radius:4px 4px 0 0; height: 7.6rem; padding: 0 2.3rem; box-sizing:border-box;}
.levels-detail-box .title-box p {font-size:2.2rem; letter-spacing:-0.05em; color: #fff; font-weight: 600; line-height:1.273em;}
.levels-detail-box .title-box .dots {display:flex;}
.levels-detail-box .title-box .dots span {display:inline-block; width: 6px; height: 6px; border-radius:100%; margin: 0 0.5rem;}
.levels-detail-box .title-box .dots span:nth-child(1) {background: rgba(255,255,255,0.2);}
.levels-detail-box .title-box .dots span:nth-child(2) {background: rgba(255,255,255,0.7);}
.levels-detail-box .title-box .dots span:nth-child(3) {background: rgba(255,255,255,1);}
.levels-detail-box .txt-box {height: calc(100% - 7.6rem);}
.levels-detail-box dl {background: #fff; display:flex; height: 33.3333%;}
.levels-detail-box dl:last-of-type dt {border-bottom:0;}
.levels-detail-box dl:last-of-type dd {border-bottom:0;}
.levels-detail-box dt {width: 50%; border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box; padding: 1.1rem 2.5rem;}
.levels-detail-box dt p {font-size:1.6rem; letter-spacing:-0.05em; color:#000; line-height:1.5; font-weight: 500;}
.levels-detail-box dt em {font-size:1.2rem; letter-spacing:-0.015em; color:rgba(0,0,0,0.4); line-height:1.5; }
.levels-detail-box dd {display: flex;
align-items: center; width: 50%; font-size:1.4rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.7); line-height:1.5; font-weight: 500; border-bottom:1px solid rgba(0,0,0,0.1);  box-sizing:border-box; padding: 1.1rem 2.5rem;}

@media all and (max-width:1280px){
	.st_03.swarm .center {width: 30rem; height: 30rem;}
	.st_03.swarm .inner-box {width: 22.5rem; height: 22.5rem; font-size:3.2rem;}
	.diagram-txt-box .list .item {width: 9rem; height: 9rem; font-size: 2rem;}
	.diagram-txt-box .list .txt-box {left: 2.5rem;}
	.diagram-txt-box .list li:nth-child(2) .txt-box {margin-left: -34%;}
	/* #st_02.swarm {height: 60vh;} */
	#st_02.swarm {height: auto; padding: 12rem 0;}
	#st_02.swarm .intro-bg {height: 100%;}
}

@media all and (max-width:800px){
	.mobile-diagram {display: block;}
	.diagram-txt-box .list .item {display:none;}
	.mobile-diagram .m-list li:nth-child(1) {width: auto; margin-top: -12%; margin-left: 0; transform: translateX(-50%);}
}

@media all and (max-width:640px){
	.mobile-diagram .m-list li:nth-child(1) {margin-top: -14%; /* margin-left: -9%; */}
	.mobile-diagram .m-list li:nth-child(2) {margin-left: -37.929%; margin-top: 39.5%;}
	.mobile-diagram .m-list li:nth-child(3) {margin-top: 39.5%; margin-left: 21%;}
	.mobile-diagram .m-list .m-item {font-size:2.5rem;}
}

@media all and (max-width:480px){
	.mobile-diagram .m-list li:nth-child(1) {margin-top: -20%; /* margin-left: -11%; */}
	.mobile-diagram .m-list li:nth-child(2) {margin-left: -46.929%;
        margin-top: 51.5%;}
	.mobile-diagram .m-list li:nth-child(3) {        margin-top: 51.5%;
        margin-left: 25%;}
}

@media all and (max-width:412px){
	.st_03.swarm .center {width: 28rem; height: 28rem;}
	.mobile-diagram .m-list .m-item {font-size:2rem; width: 8rem; height: 8rem;}
	.mobile-diagram .m-list li:nth-child(1) {margin-top: -17%; /* margin-left: -10%; */ }
	.mobile-diagram .m-list li:nth-child(3) {margin-left: 26%;}
}

@media all and (max-width:390px){
	.mobile-diagram .m-list li:nth-child(1) {margin-top: -15%;}
	.mobile-diagram .m-list li:nth-child(2) {margin-left: -38.5%;}
	.mobile-diagram .m-list li:nth-child(3) {margin-left: 22.5%;}
}


/* *************** career 채용 ************ */
.career-intro-con {position: relative; /* background: url(/images/content/career_intro_bg.jpg) no-repeat; background-size:cover; */ padding: 22.475rem 0; overflow:hidden;}
.career-intro-con .intro-bg {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/content/career_intro_bg.jpg) no-repeat; background-size:cover;
transform: scale(1.1,1.1); background-position:50% 50%;}
.career-intro-con.on .intro-bg {animation:sub-image-zoom-out 8s 0s forwards;}
.career-intro-con .txt-box {position: relative;}
.career-intro-con .intro-tit {font-size:6.2rem; letter-spacing:0.15em; font-weight: 300; line-height:1.25; color: #fff; text-align:center;}
.career-intro-con .intro-txt {font-size:2rem; letter-spacing:-0.05em; font-weight: 500; line-height:1.5; color: #fff; text-align:center;}

.career-point-con {background: #f3f3f3; display:flex;     padding: 17.79rem 0;}
.career-point-con > div {width: 50%; text-align: center; padding: 0 4rem;
    box-sizing: border-box;}
.career-point-con > div:first-of-type:after {display: block; content:""; width: 1px; height: 28rem; background: rgba(0,0,0,0.08); position:absolute; top: 50%; transform:translateY(-50%); right: 0;}
.career-point-con .point-sub-tit {font-size:1.6rem; letter-spacing:-0.015em; color: var(--main-color); font-weight: 500; line-height:1.2;}
.career-point-tit {font-size:3rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.334; margin: 3rem 0 2.5rem;}
.career-point-txt {font-size:1.8rem; letter-spacing:-0.05em; color: #000; font-weight: 500; line-height:1.667; }

.talent-con {max-width:1500px; margin: 0 auto; padding:17rem 0 24rem;}
.talent-list {display:flex; margin-top: 6.5rem;}
.talent-list li {position: relative; width: calc((100% - 6rem) / 4); margin-right: 2rem; border-radius:4px; padding: 4.5rem 5rem 4rem 3.5rem;}
.talent-list li:after {display: block; content:""; position:absolute; height: 4.2rem; width: 33.8rem; bottom:-8.1rem; left: 50%; 
transform:translateX(-50%); background: url(/images/content/talent_shadow.png); background-size:cover;}
.talent-list li:last-of-type {margin-right: 0;}
.talent-list li:nth-child(1) {background: #2185e2;}
.talent-list li:nth-child(2) {background: #0a4bc3;}
.talent-list li:nth-child(3) {background: #152575;}
.talent-list li:nth-child(4) {background: #181440;}
.talent-list .txt-box {margin-top: 11.9rem;}
.talent-list .tit {font-size:2.9rem; letter-spacing:-0.05em; color: #fff; font-weight: 600; line-height:1.241;}
.talent-list .txt01 {font-size:1.7rem; letter-spacing:-0.05em; color: #fff; font-weight: 700; line-height:1.529; margin-top: 2rem;}
.talent-list .txt02 {font-size:1.6rem; letter-spacing:-0.05em; color: rgba(255,255,255,0.6); font-weight: 500; line-height:1.625; margin-top: 1rem;}
.talent-list .ico-box {width: 7.3rem;}
.talent-list .ico-box span {width: 100%; display: block; position: relative; height: 0; padding-top:104.11%;}

.culture-con {background: #f5f5f5; padding:14.5rem 0 20rem;}
.culture-list {display:flex; flex-wrap:wrap; margin-top: 3.6rem;}
.culture-list li {/* display: flex;
flex-direction: column; */ height: 28rem; /* border:2px solid #fff;
justify-content: space-between; */ background: #fff; border-radius:4px; width: calc((100% - 3.8rem) / 3); margin-right: 1.9rem; margin-top: 1.9rem; /* padding: 4rem 5rem; box-sizing:border-box;
transition:var(--transition-custom); */
}
.culture-list li .inner-box {
	padding: 4rem 5rem;
    display: flex;
    flex-direction: column;
    border: 2px solid #fff;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: var(--transition-custom);
    border-radius:inherit;
}
.culture-list li:nth-of-type(3n) {margin-right: 0;}
.culture-list li:nth-of-type(4) .inner-box, .culture-list li:last-of-type .inner-box {padding: 0; border:0;}
.culture-list li .img-box {width: 100%;
position: relative;
height: 100%;}
.culture-list li .img-box img {max-width:100%; border-radius:4px; height: 100%;
position: absolute;
top: 0;
left: 0;}
.culture-list li.active .inner-box {border-color:var(--main-color); -webkit-box-shadow: 8px 8px 24px 0px rgba(10, 75, 195, 0.13);
-moz-box-shadow: 8px 8px 24px 0px rgba(10, 75, 195, 0.13);
box-shadow: 8px 8px 24px 0px rgba(10, 75, 195, 0.13);}
.culture-list li:nth-of-type(4).active .inner-box, .culture-list li:last-of-type.active .inner-box{box-shadow:none;}
.culture-list .tit {font-size:2.6rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.384; margin-bottom: 1.2rem;}
.culture-list .txt {font-size:1.6rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.65); font-weight: 500; line-height:1.625;}
.culture-list .ico-box {align-self: flex-end;}

/* 채용공고 */
.process-con {padding: 16rem 0 11.5rem;}
.process-intro-con {background: url(/images/content/career_process_bg.jpg) no-repeat; background-size:cover; padding: 24.2rem 0; text-align: center; margin-top: 5.5rem;}
.process-intro-con .tit {color: #fff; font-size:3.2rem; letter-spacing:0.012em; font-weight: 600; line-height:1.125;}
.career-process-list {display:flex; margin-bottom: 4.4rem; margin-top: 12.2rem;}
.career-process-list .ico-box {width: 5.7rem; margin: 6rem auto 0;}
.career-process-list .ico-box span {width: 100%; display: block; position: relative; height: 0; padding-top: 101.76%;}
.career-process-list .ico-box img.on {opacity: 0;}
.career-process-list li {position: relative; background: #fff; border-radius:4px; width: calc((100% - 12rem) / 4); /* padding: 6rem 4.5rem 4.8rem; box-sizing:border-box; */ margin-right: 4rem; text-align: center; -webkit-box-shadow: 8px 17px 41px -3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 8px 17px 41px -3px rgba(0, 0, 0, 0.1);
box-shadow: 8px 17px 41px -3px rgba(0, 0, 0, 0.1); /* transition:var(--transition-custom); */}
.career-process-list li .inner-box {padding: 6rem 4.5rem 4.8rem; box-sizing:border-box; width: 100%; height: 100%; transition:var(--transition-custom); border-radius:inherit;}
.career-process-list li:last-of-type {margin-right: 0;}
.career-process-list li:after {display: block; content:"\e93f"; position:absolute; right: -3.3rem; top: 50%;
transform: translateY(-50%); font-family:'xeicon'; font-size:2.6rem; color: rgba(0,0,0,0.3); }
.career-process-list li:last-of-type:after {display:none;}
.career-process-list .step {font-size:1.4rem; letter-spacing:-0.015em; color: var(--main-color); font-weight: 500; line-height:1.2; transition:var(--transition-custom);}
.career-process-list .tit {display: inline-block; font-size:2.6rem; letter-spacing:-0.05em; color: #000; font-weight: 600; line-height:1.384; margin-top: 5rem; transition:var(--transition-custom);}
.career-process-list .txt {font-size:1.6rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.65); font-weight: 500; line-height:1.625; margin-top: 1.3rem; transition:var(--transition-custom);}

.career-process-list li.active .inner-box {background: var(--main-color); -webkit-box-shadow: 8px 17px 41px -3px rgba(10, 75, 195, 0.35);
-moz-box-shadow: 8px 17px 41px -3px rgba(10, 75, 195, 0.35);
box-shadow: 8px 17px 41px -3px rgba(10, 75, 195, 0.35);}
.career-process-list li.active .step {color: #fff;}
.career-process-list li.active .tit  {color: #fff;}
.career-process-list li.active .txt {color: #fff; opacity: 0.65;}
.career-process-list li.active .ico-box img {opacity: 0;}
.career-process-list li.active .ico-box img.on {opacity: 1;}

.career-process-ps .inner-box { background:#f3f3f3; border-radius:4px; padding: 5.5rem 7rem;}
.career-process-ps p {font-size:1.6rem; letter-spacing:-0.05em; color: rgba(0,0,0,0.7); font-weight: 500; line-height:1.875;}

.career-category-list {width: 15rem; }
.career-category-list .fakeform-selectbox .select-title {border:2px solid #000; border-radius:25px; line-height:4.4rem;}
.career-category-list .fakeform-selectbox .select-title.active{border-radius: 22px 22px 0 0; border-bottom-color: transparent;}
.recruit-con {padding:11.5rem 0 17.8rem}
.recruit-container {margin-top: 4rem;}

@media all and (max-width:800px){
	.process-intro-con .tit {line-height:1.35;}
	.career-intro-con {padding: 10rem 0;}
}

/* 채용 타이틀 */
.career-page .animated .cm-sub-tit.splitting .char,
.career-page .animated .cm-tit.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/* 채용공고 검색창 */
.recruit-con .bbs-top-list-box .board-search-inner {transition: all 0.2s; transition-delay: 0.3s;}
.recruit-con .bbs-top-list-box .board-search-inner.open {border-radius: 2.5rem 2.5rem 2.5rem 0; transition-delay: 0s;}
.recruit-con .board-custom-select-box .custom-option-drop-list {border-radius: 0 0 2.5rem 2.5rem;     box-shadow: 3px 4px 7px 0px rgba(0, 0, 0, 0.1);}

/* 퀵 메뉴 */
#quickMenu {position: fixed; /* right: 0; */ z-index: 9999; /* top:40%; */ height: 44rem; bottom: 110px; right: -7.5rem; transition: var(--transition-custom2);}
#quickMenu.fixed:not(.bottom-remove) {right: 0;}
.brochure-quick {
	    position: absolute;
    top: 0;
    left: -6rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
   /*  width: 6rem; */
   width: calc(6rem + 15px);
    height: 22rem;
    padding: 3rem 0;
    background-color: var(--main-color);
    box-sizing: border-box;
    border-radius: 0.4rem 0 0 0;
    transition:var(--transition-custom);
}

.brochure-quick:hover {
	transform:translateX(-15px);
}

.brochure-quick i {
	position: absolute;
    bottom: 3.2rem;
    left: 50%;
    margin-left: -0.75rem;
    font-size: 2rem;
    color: #fff;
    transform: translateX(-8px);
     transition: var(--transition-custom);
     will-change:transform;
}

.brochure-quick span {
	top: 2rem;
    position: relative;
    font-size: 1.6rem;
    letter-spacing: -0.025em;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
 /*    transform: rotate(90deg); */
    transform: rotate(90deg) translateY(5px);
        transition: var(--transition-custom);
	will-change:transform;
}

.brochure-quick:hover span {    transform: rotate(90deg) translateY(calc(-3px + 0.5px));}
.brochure-quick:hover i {     transform: translateX(-1px);}

.contact-quick {
	position: absolute;
    top: 22rem;
    left: -6rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* width: 6rem; */
     width: calc(6rem + 15px);
    height: 22rem;
    padding: 3rem 0;
    background-color: #161616;
    box-sizing: border-box;
    border-radius: 0 0 0 0.4rem;
       transition:var(--transition-custom);
}

.contact-quick i {
	position: absolute;
    bottom: 3.2rem;
    left: 50%;
    margin-left: -0.75rem;
    font-size:2rem;
    color: #fff;
    transform: translateX(-8px);
     transition: var(--transition-custom);
     will-change:transform;
}

.contact-quick span {
	top: 2rem;
    position: relative;
    font-size: 1.6rem;
    letter-spacing: -0.025em;
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
/*     transform: rotate(90deg); */
    transform: rotate(90deg) translateY(5px);
        transition: var(--transition-custom);
	will-change:transform;
}

.contact-quick:hover {
	transform:translateX(-15px);
}

.contact-quick:hover span {    transform: rotate(90deg) translateY(calc(-3px + 0.5px));}
.contact-quick:hover i {     transform: translateX(-1px);}

@media all and (max-width:1280px){
	/* #quickMenu {bottom: 600px;} */
}

@media all and (max-width:800px){
	#quickMenu {top: initial; /* bottom: 180px; */height: 11rem; bottom: 70px;}
	.brochure-quick, .contact-quick { width: calc(5.5rem + 15px);     height: 5.5rem;     left: -5.5rem;     padding: 1rem 0;}
	.brochure-quick span, .contact-quick span {display:none;}
	.brochure-quick i, .contact-quick i {bottom: 1.7rem; font-size:1.9rem;} 
	.contact-quick {top: 5.5rem;}
}

/* Swarm Intelligence SW */
.swarming-levels-con .right-box {display: flex ; flex-direction: column;}
.swarming-levels-con .right-box ul {display:flex; height: 56rem; align-items: flex-start}
.swarming-levels-con .right-box ul li {position: relative; background: #fff; padding: 5.8rem 1.7rem 2.1rem; margin: 0 2px 0 0; /* height: 54rem; */ box-sizing: border-box; width: calc((100% - 10px) / 6); transition:var(--transition-custom);}
.swarming-levels-con .right-box ul li:last-of-type {margin-right: 0;}
.swarming-levels-con .right-box ul li:first-of-type {border-radius:4px 0 0 4px;}
.swarming-levels-con .right-box ul li:last-of-type {border-radius:0 4px 4px 0;}

.level-tit {position: absolute; top:0; left:0; width:100%; font-size:1.7rem; letter-spacing:-0.05em; line-height:1.647; font-weight: 500; color: #000; text-align:center; height:5.4rem; line-height:7.5rem; transition:var(--transition-custom);}
.swarming-levels-con .right-box ul li .img-box {background: #f3f3f3; border-radius:4px;}
.swarming-levels-con .right-box ul li .img-box img {max-width:100%;}
.swarming-levels-con .right-box .txt01 {display: flex; align-items: center; justify-content: center; font-size:1.7rem; letter-spacing:-0.015em; line-height:1.176; font-weight: 600; color: #000; text-align:center; border-bottom:1px solid rgba(0,0,0,0.07); height: 7.5rem; box-sizing: border-box; padding: 1.5rem 0; transition:var(--transition-custom);}
.swarming-levels-con .right-box .txt02, .swarming-levels-con .right-box .txt03, .swarming-levels-con .right-box .txt04 {display: flex; align-items: center; justify-content: center; font-size:1.4rem; letter-spacing:-0.015em; line-height:1.285; color: #000; text-align:center; border-bottom:1px solid rgba(0,0,0,0.07); box-sizing:border-box; padding: 1.5rem 0;}
.swarming-levels-con .right-box .txt03 {height: 8rem; }
.swarming-levels-con .right-box .txt04 {border-bottom:0; padding-bottom:0;}

.swarming-levels-con .right-box ul li:before { display: block; content: ""; position: absolute; top: 50%; left: -2px; width: calc(100% + 4px); height: 100%; border: 3px solid var(--main-color); box-sizing: border-box; transform: translateY(-50%); opacity: 0; transition: var(--transition-custom); z-index: 2; box-shadow: 0px 10px 29px -5px rgba(10,75,195,0.2);}

.swarming-levels-con .right-box ul li.active{padding-top:7.6rem; padding-bottom:3.9rem; margin-top:-1.8rem;}
.swarming-levels-con .right-box ul li.active:before { opacity: 1; }
.swarming-levels-con .right-box ul li.active .level-tit{background:var(--main-color); color:#fff; line-height:5.4rem;}
.swarming-levels-con .right-box ul li.active .txt01 {color: var(--main-color);}
.swarming-levels-bottom {height: 4.4rem; background: #1c2e4e; border-radius:4px; color: #fff; font-size:1.6rem; font-weight: 500; letter-spacing:0.015em; width: 50.08%;     align-self: flex-end;  text-align:center; line-height:4rem;}

.swarming-levels-bottom-wrapper {margin-top: 2.9rem; align-self: flex-end; width: 50.08%;  }
.swarming-levels-bottom {position: relative;
    z-index: 1; height: 4.4rem; background: #1c2e4e; border-radius:4px; color: #fff; font-size:1.6rem; font-weight: 500; letter-spacing:0.015em; width: 100%; text-align:center; line-height:4rem;}
.swarming-bottom-inner-box {display: flex;
    justify-content: space-between; width: 54.052%;
    margin: 1.5rem auto 0;}
.swarming-bottom-inner-box .box {position: relative; display:flex; align-items:center; justify-content:center; color:#e63803; width: 12rem; height: 4rem; border:2px solid #e63803; box-sizing:border-box; border-radius:4px; font-size:1.5rem; font-weight: 600; letter-spacing:-0.015em; background: #fff;}
.swarming-bottom-inner-box .box:last-of-type {border-color:var(--main-color); color: var(--main-color);}
.swarming-bottom-inner-box .box:before {display: block; content:""; width: 1.2rem; height: 0.9rem; background: url(/images/content/bottom_arrow.png) no-repeat; position:absolute; top:-8.5rem; left: 50%; transform:translateX(-50%); background-size:100%;}
.swarming-bottom-inner-box .box:after {display: block; content:""; position:absolute; top: -8rem; left: 50%; transform:translateX(-50%); width: 0.2rem; height: 8rem; background: #e63803; background-size:100%;}

.swarming-bottom-inner-box .box:last-of-type:before {background: url(/images/content/bottom_arrow2.png) no-repeat; background-size:100%;}
.swarming-bottom-inner-box .box:last-of-type:after {background: var(--main-color);}

.swarming-pc-ver {display: flex; flex-direction: column;}
/* .swarming-levels-con .right-box .cm-scroll-drag-guide {margin-bottom: 3rem;} */

@media all and (max-width:1530px){
	.swarming-levels-con {max-width:none; padding: 0 var(--area-padding);}
}

.swarming-levels-con {transform:translateY(15%); opacity: 0; transition:var(--transition-custom2);}
.active-section .swarming-levels-con {transform:translateY(0); opacity: 1;}

.st_03.swarm .diagram-box {transform:translateY(10%); opacity: 0; transition:var(--transition-custom2);}
.active-section.st_03.swarm .diagram-box {transform:translateY(0); opacity: 1;}

@media all and (max-width:1280px){
	.swarming-bottom-inner-box .box {width: 10rem;}
}

@media all and (max-width:800px){
	.swarming-levels-con {flex-wrap:wrap; transform: translateY(10%); margin-top: 4rem;}
	.swarming-levels-con .left-box {width: 100%; margin-right: 0;}
	.swarming-levels-con .right-box {width: 100%; margin-top: 3rem;}
	.swarming-levels-con .right-box ul {}
	.swarming-levels-con .right-box ul li {}
	.swarming-levels-con .right-box ul li .img-box {text-align:center;}
	.swarming-levels-bottom-wrapper {display:none;}
	.technology-list .ico-box {width: 5.2rem;}
	.tech-tit {font-size:2rem;}
	.technology-list li {padding: 0 2.5rem;}
	.technology-list li:after {font-size:1.7rem;}
	/* #st_02.swarm {height: auto; padding: 12rem 0;} */
	.st_03.swarm {padding: 15rem 0 11.5rem;}
	.st_03.swarm .diagram-box {flex-direction:column; align-items: center;}
	.diagram-txt-box {position:static; width: 60%; margin-top: 7rem;}
	.diagram-txt-box .list li {position:static; }
	.diagram-txt-box .list li:nth-child(1), .diagram-txt-box .list li:nth-child(2), .diagram-txt-box .list li:nth-child(3) {margin: 0;}
	.diagram-txt-box .list li:nth-child(2), .diagram-txt-box .list li:nth-child(3) {margin-top: 2.5rem;}
	.diagram-txt-box .list .txt-box {position:static;     transform: translateY(0); /* width: calc(100% - (9rem + 3rem)); */ width: 100%;}
	.diagram-txt-box .list li:nth-child(1) .txt-box, .diagram-txt-box .list li:nth-child(2) .txt-box, .diagram-txt-box .list li:nth-child(3) .txt-box {margin-left: 1.3rem;}
	.diagram-txt-box .list li:nth-child(2) .txt-box {text-align:left;}
	.diagram-txt-box .list li .item .line {display:none;}
	.st_04.swarm {padding: 8.5rem 0 10rem;}

	.swarming-pc-ver {overflow:auto; padding:5rem 1rem; box-sizing:border-box;}
	.swarming-pc-ver::-webkit-scrollbar {
		width: 15px;
		height: 5px;
	}
	.swarming-pc-ver::-webkit-scrollbar-track {
		background-color: #f1f1f1;
	}
	.swarming-pc-ver::-webkit-scrollbar-thumb {
		background-color: #c1c1c1;
	}
	.swarming-levels-con .right-box ul{width:420vw;}
}

@media all and (max-width:640px){
	.diagram-txt-box {width: auto;}
}

/* border-search-box */
.board-search-box.radius .board-search-inner { transition: all 0.2s; transition-delay: 0.3s;}
.board-search-box.radius .board-search-inner.open {border-radius: 2.5rem 2.5rem 2.5rem 0;
    transition-delay: 0s;}
.board-search-box.radius .board-custom-select-box .custom-option-drop-list {border-radius: 0 0 2.5rem 2.5rem;}

/* 250701  F40 / L20 비디오 재생멈춤 추가 */
.video-btn-wrap {position: absolute;width: 100%; height: 100%; top: 0; left: 0; z-index: 10; cursor:pointer;}
.video-btn {
	 position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 15.6rem;
    height: 15.6rem;
    transform: translate(-50%, -50%);
    transition: var(--transition-custom);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
	}

.video-btn .circle-bg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	transition: var(--transition-custom);
	background: rgba(10, 75, 195, 0.8);
	backdrop-filter: blur(1.4px);
	border-radius: 50%;
}

.video-btn .inner-circle{
	position: relative;
	display: block;
	width: 15.6rem;
	height: 15.6rem;
}

.video-btn .inner-circle img {
	position: absolute;
	content:url('/images/content/video_ico.png');
	width: 23px;
	height: 24px;
	max-width:100%;
/* 	background: #fff;
	border-radius: 50%; */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-btn svg {
	position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
animation: textRotate 10s linear infinite;
}

.video-btn svg * {
	fill: rgba(255, 255, 255, 0.5);
width: 100%;
height: 100%;
}



.video-btn-wrap.on i:before {content:"\ea3e";}
.video-btn.start {opacity: 0;}
.video-btn:hover .circle-bg {
	transform: translate(-50%, -50%) scale(1.12);
}


@keyframes textRotate {
	0% {
		transform: translate(-50%,-50%) rotate(0);
	}
	100% {
		transform: translate(-50%,-50%) rotate(360deg);
	}
}

@media all and (max-width:800px){
	.video-btn {width: 10rem; height: 10rem; }
	.video-btn .inner-circle {width: 10rem; height: 10rem;}
	.video-btn .inner-circle img {width: 18px; height: 19px;}
}