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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}

	#st_spec .custom-scrollbar-wrapper {margin-right: 0;}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style {margin-bottom: 4rem;}
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ******************  회사소개 ********************** */
@media all and (max-width:1280px){
	#fullpageIndustry .section {height:auto !important;}
	#fullpageIndustry .fp-section .fp-tableCell { height:auto !important; }
	/* #id_01 {padding: 10rem 0 40rem;} */
	#id_02 {padding:10rem 0;}
	#id_03 {padding: 10rem 0 50rem;}
	#id_04 {padding:10rem 0;}
	.point-tit {font-size:2.2rem;}
	.point-txt {font-size:1.5rem}
	.areas-list .tit {font-size:1.7rem;}
	.areas-list li .inner-box {padding:2.7rem 0}
	.areas-list li:last-of-type .inner-box:after {display:none;}
	.back-bg{
		height:20rem; margin:0 0 11rem;
	}
}

@media all and (max-width:800px){
	.intro-tit-box {padding: 0 var(--area-padding);}
	/* #id_01 {padding: 10rem 0 30rem;} */
	#id_03 {/* padding: 10rem 0 87rem; */ padding: 10rem 0; position: relative;}
	/* #id_03.defense {padding:10rem 0 65rem;}
	#id_03.drone-art {padding:10rem 0 65rem;}
	#id_03.drone-delivery {padding:10rem 0 75rem;}
	#id_03.urban-atm {padding:10rem 0 65rem;} */


	.intro-tit {font-size:5rem;}
	.intro-txt {font-size:1.6rem;}
	.features-list {margin-top: 7rem; flex-wrap:wrap;}
	.features-list li {width: 100% !important; margin-top: 5rem;}
	/* .features-list li.animated {transition-delay: 0.8s !important;} */
	.features-list li:first-of-type {margin-top: 0;}
	.features-list .ico-box {margin: 0 auto 3rem;}

	.back-bg {height: 16rem; margin: 0 0 1.5rem; width: 50%; left: 50%; transform: translateX(-50%);}
	/* .main-areas-bg {height: 100vw;} */
	.main-areas-bg {height: 100%; /* transform:scale(0); */}
	.areas-list-box {height: auto; /* margin-top: 24rem; */ margin-top: 5rem; position: static;}
	.areas-list{flex-wrap:wrap;}
	.areas-list li {width: calc((100% - 1rem) / 2) !important; }
	.areas-list li .inner-box {margin: 0; padding: 2.7rem 1rem; box-sizing: border-box;}
	/* .areas-list li .inner-box.animated {transition-delay: 0.8s !important;} */
	.areas-list li .inner-box:after {transform: translateY(-50%);}
	.areas-list li:nth-of-type(even) .inner-box:after {display:none;}
	/* .areas-list li.on .inner-box:after {opacity: 1;} */
	.areas-list .tit {margin-top: 2rem; min-height:initial;}
	.main-areas-bg img {min-height:100%;}

	.products-container {width: calc(100% - var(--area-padding) * 2);
    max-width: none;
    margin: 0 var(--area-padding);}

    .features-list li:after {display: block;
    content: "";
    position: absolute;
    right: 0;
    top: initial; width: 60%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    bottom: -2.5rem;
    left: 50%;
    transform: translateX(-50%);}

    /* .products-container.animated {transition-delay: 0.8s !important;} */
}

@media all and (max-width:480px){
	.back-bg {width: 80%;}
}


/* *************** career 채용 ************ */
@media all and (max-width:1560px){
	.talent-con {max-width:none; padding: 17rem var(--area-padding) 24rem;}
}

@media all and (max-width:1280px){
	.career-intro-con {padding: 15rem 0;}
	.career-intro-con .intro-tit {font-size:4.3rem;}
	.career-intro-con .intro-txt {font-size:1.8rem;}
	.career-point-con {padding: 12rem 0; flex-wrap: wrap;}
	.career-point-con > div {width: 100%;}
	.career-point-con > div:last-child {margin-top: 10rem;}
	.talent-con {padding: 12rem var(--area-padding);}
	.talent-list {flex-wrap:wrap;}
	.talent-list li {width: 100%; margin-right: 0; margin-top: 2.5rem;}
	.talent-list li:after {display:none;}
	.talent-list li:first-of-type {margin-top: 0;}
	.talent-list .txt-box {margin-top: 4rem;}
}

@media all and (max-width:800px){
	.culture-con {padding: 12rem 0;}
	.culture-list {flex-wrap:wrap;}
	.culture-list li {width: 100%; margin-right: 0; /* padding: 4.5rem 5rem 4rem 3.5rem; */}
	.culture-list li .inner-box {padding: 4.5rem 5rem 4rem 3.5rem;}
	.culture-list li .img-box img {width: 100%;}
	.process-con {padding: 12rem 0 11.5rem;}
	.process-intro-con {padding: 12rem 0;}
	.process-intro-con .tit {font-size:2.2rem;}
	.career-process-list {flex-wrap:wrap;}
	.career-process-list li {width: 100%; margin:0 0 4rem 0;}
	.career-process-list li:after {bottom: -3.3rem;
    top: initial;
    right: initial;
    left: 50%;
    transform: translateY(0) translateX(-50%) rotate(90deg);}
    .career-process-list li:last-child {margin-bottom: 0;}
    .career-process-ps .inner-box {padding: 3rem;}
    .recruit-con {padding: 5rem 0 10rem;}
}