@charset "euc-kr";
.subVisImg { position:relative; width:100%; height:700px; overflow:hidden; z-index:2; }
.subVisImg .bgImg { position:absolute; top:0; left:0; bottom:0; right:0; text-indent:-99999px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; transform:scale(1.2); transition:transform 5s ease; z-index:-9; }
.subVisImg.bg-loaded .bgImg { transform:scale(1); }
.subVisImg.subImg_1 .bgImg { background-image:url(../company/images/subImg_1.jpg); }
.subVisImg.subImg_2 .bgImg { background-image:url(../business/images/subImg_2.jpg); }
.subVisImg.subImg_3 .bgImg { background-image:url(../drone/images/subImg_3.jpg); }
.subVisImg.subImg_4 .bgImg { background-image:url(../newsroom/images/subImg_4.jpg); }
.subVisImg.subImg_5 .bgImg { background-image:url(../customer/images/subImg_5.jpg); }
.subVisImg.subImg_6 .bgImg { background-image:url(../etc/images/subImg_6.jpg); }
.txtInner { display:table; width:100%; height:100%; }
.txt { display:table-cell; width:100%; height:100%; vertical-align:middle; }
.txt_1 { display:block; font-size:50px; color:rgba(255,255,255,1); font-family:'GmarketSansBold'; text-align:center; text-shadow:0 0 3px #222; opacity:0; -webkit-transform:translateX(2%); -moz-transform:translateX(2%); -o-transform:translateX(2%); transform:translateX(2%); -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s; transition-delay:1.5s; }
.txt_1.txtB { opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); }
.txt_2 { display:block; font-size:17px; color:rgba(255,255,255,.7); font-family:'GmarketSansMedium'; text-align:center; text-shadow:0 0 3px #222; -ms-word-break:keep-all; word-break:keep-all; opacity:0; -webkit-transform:translateX(-2%); -moz-transform:translateX(-2%); -o-transform:translateX(-2%); transform:translateX(-2%); -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s; transition-delay:1.5s; }
.txt_2.txtN { opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); }
#pageCogn { width:100%; border-bottom:1px solid #E8E8E8; background:rgba(255,255,255,1); }
#pageCogn ul { display:flex; justify-content:center; align-items:center; }
#pageCogn ul > li { width:auto; height:74px; line-height:74px; padding:0 32px; background:url('../company/images/lnb_v_line.gif') 100% 50% no-repeat; box-sizing:border-box; }
#pageCogn ul > li:last-child { background:none; }
#pageCogn ul > li > a { position:relative; display:block; padding:0; font-size:16px; font-weight:500; text-align:center; z-index:1; }
#pageCogn ul > li > a:before { content:''; position:absolute; bottom:-1px; left:-50%; width:100%; height:1px; background:#604A7B; opacity:0; z-index:2; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
#pageCogn ul > li > a.on,
#pageCogn ul > li:hover > a { color:#604A7B; }
#pageCogn ul > li:hover > a:before,
#pageCogn ul > li > a:focus:before { left:0; opacity:1; }
#subContents { position:relative; width:100%; background:rgba(255,255,255,1); overflow:hidden; z-index:2; }
#subContInner { position:relative; width:100%; max-width:1200px; margin:0 auto; overflow:hidden; }
#contents { margin:100px 0; width:100%; min-height:350px; overflow:hidden; }
h3.main_t { margin-top:100px; font-size:34px; font-weight:700; color:#111; }
.optbr { display:block; }

/* 회사비전 */
.con1_img { width:100%; }
.con1_img:after { content:''; display:block; width:1px; height:60px; background:#BBB; margin:45px auto; }
.con1_img img { max-width:100%; height:auto; }
.con1_2Txt { margin:0 auto; width:100%; font-size:16px; line-height:1.7; text-align:justify; }
.signArea { margin:0 auto; width:200px; }
.ceo { margin-top:59px; font-size:20px; font-weight:600; color:#111; }

/* 회사연혁 */
dl#history { position:relative; width:100%; background:url('../company/images/splayer.png') no-repeat 82% 195px; overflow:hidden; }
dl#history .history_drone { position:absolute; left:77%; top:20vh; margin-left:-15px; width:100%; height:auto; z-index:9; -webkit-animation:droneanim 2s ease-in-out 1s infinite normal; -moz-animation:droneanim 2s ease-in-out 1s infinite normal; animation:droneanim 2s ease-in-out 1s infinite normal; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; }
@keyframes droneanim { 0%{ top:22vh; }50%{ top:20vh; }100%{ top:22vh; }}
@-webkit-keyframes droneanim { 0%{ top:22vh; }50%{ top:20vh; }100%{ top:22vh; }}
dl#history dt.year { text-indent:-99999px; height:0; }
dl#history dd { border-top:1px solid #E2E2E2; padding:40px 0; line-height:38px; overflow:hidden; }
dl#history dd.fir { border-top:0; padding-top:0; }
dl#history dd.las { border-bottom:0; padding-bottom:0; }
dl#history dd em, dl#history dd strong, dl#history dd span { float:left; }
dl#history dd em { width:100%; max-width:340px; padding-top:1%; color:rgba(96,74,123,.3); font-size:46px; font-family:'Montserrat'; font-weight:600; text-align:center; }
dl#history dd span.point { color:rgba(96,74,123,1); font-weight:500; }
dl#history dd ul { overflow:hidden; }
dl#history dd ul li { float:left; width:100%; max-width:700px; font-size:16px; }
.js-load { display:none; }
.js-load.active,
.lists { display:block; }
.btn-wrap { width:100%; margin:30px auto 0; }
.btn-wrap a { display:block; padding:12px 0; font-size:14px; font-weight:500; text-align:center; border:1px solid #E9E6E6; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; }
.btn-wrap a:hover { background:#F6F6F6; }
.btn-wrap a i { padding-left:15px; }

/* 경영이념 */
.mpArea { float:left; width:100%; }
.mp_pic { width:100%; max-width:1063px; margin:0 auto 90px; }
.mp_pic img { max-width:100%; height:auto; }
ul.mp_desc { width:100%; }
ul.mp_desc li { float:left; width:100%; max-width:560px; }
ul.mp_desc li:first-child { padding-bottom:24px; }
ul.mp_desc li:nth-child(2n) { float:right; }
ul.mp_desc li:nth-child(3),
ul.mp_desc li:nth-child(4) { padding-top:50px; }
ul.mp_desc li .mp_st { font-size:20px; color:#604A7B; font-weight:600; padding-bottom:15px; }
ul.mp_desc li .mp_st_desc { font-size:15px; line-height:1.6; text-align:justify; }

/* 임원진 소개 */
.h_coachArea { float:left; width:100%; background:#F6F6F6; border-radius:0 20px 0 20px; }
.h_coachArea_2 { margin-top:80px; float:left; width:100%; background:#F6F6F6; border-radius:0 20px 0 20px; }
.h_coach { position:relative; display:flex; }
.h_coach:after { content:''; display:block; position:absolute; left:0; top:126px; width:80px; height:7px; background:#604A7B; }
.h_coach_con { width:100%; padding:70px 0; margin-left:150px; }
.h_coach_con .hc_et { color:#E65D65; font-size:26px; font-weight:500; }
.h_coach_con .hc_kt { color:#604A7B; font-size:46px; font-weight:600; }
.h_coach .h_coachImg { width:100%; max-width:283px; }
.h_coach .h_coachImg img { max-width:100%; height:auto; border-radius:0 20px 0 20px; }
ul.hc_history { float:left; margin-top:4px; }
ul.hc_history li { font-size:16px; line-height:1.8; }
ul.hc_history li.hc_tt { padding:35px 0 6px; font-size:20px; font-weight:600; color:#111; }
ul.hc_tt_sub.first { margin:0; }
ul.hc_tt_sub { margin-top:20px; }
ul.hc_tt_sub .inner { display:block; padding-left:12px; }

/* 팀 소개 */
.membersArea { float:left; width:100%; background:url('../company/images/page_t_bar.gif') no-repeat left top; }
.members_tit { padding-top:60px; text-align:center; font-size:30px; }
.members_tit .mbsb { color:#E65D65; font-weight:600; }
ul.members_desc { display:flex; width:100%; margin-top:100px; }
ul.members_desc li { position:relative; width:100%; margin-right:55px; padding-bottom:140px; }
ul.members_desc li:last-child { margin-right:0; }
ul.members_desc li .members_img { width:100%; margin:0 auto 40px; }
ul.members_desc li .members_img img { max-width:100%; height:auto; }
ul.members_desc li .descArea { position:absolute; bottom:0; }
ul.members_desc li .members_st { font-size:20px; color:#604A7B; font-weight:600; padding-bottom:15px; }
ul.members_desc li .members_st_desc { font-size:15px; line-height:1.6; text-align:justify; }

/* CAREER - 게시판 */
#gallWrap { float:left; }
#gallWrap .bbsnewf5 { float:left; }
#gallWrap .bbsnewf5 table { width:100%; max-width:376px; margin:0 12px 40px; }
#gallWrap .bbsnewf5 td[valign='bottom'] > a { position:relative; display:block; }
#gallWrap .bbsnewf5 td[valign='bottom'] > a > img { display:block; width:100%; height:auto; }
#gallWrap .bbsnewf5 td[valign='bottom'] > a:before { content:''; position:absolute; left:0; top:0; width:100%; height:0; background:rgba(0,0,0,1); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#gallWrap .bbsnewf5 td[valign='bottom'] > a:after { content:''; position:absolute; left:50%; top:50%; margin:0 0 0 -10px; width:26px; height:26px; background:url(../images/zoom_pict_b.png) center center no-repeat; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#gallWrap .bbsnewf5:hover td[valign='bottom'] > a:before,
#gallWrap .bbsnewf5 td[valign='bottom'] > a:focus:before { width:100%; height:100%; opacity:.7; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); }
#gallWrap .bbsnewf5:hover td[valign='bottom'] > a:after,
#gallWrap .bbsnewf5 td[valign='bottom'] > a:focus:after { margin-top:-13px; opacity:1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); }
.gallery_subject { display:block; text-align:left !important; padding:12px 0; }
.gallery_title { font-size:16px; font-weight:600; color:#333; } 
.gallery_cont { display:block; margin-bottom:10px; font-size:13px; color:#A1A1A1; }
.gallery_etc { display:block; text-align:right !important; color:#FFF !important; }
.gallery_etc font { color:#666 !important; } 
.gallery_etc font:nth-of-type(1) { padding-right:0; }
.gallery_etc font:nth-of-type(2) { display:block; }

/* 주요사업 */
.bizArea { float:left; width:100%; }
.biz_desc { width:100%; }
.biz_desc .biz_img { display:flex; margin:0 auto 50px; }
.biz_desc .biz_img li { margin-right:60px; }
.biz_desc .biz_img li:last-child { margin-right:0; }
.biz_desc .biz_img li img { max-width:100%; height:auto; border-radius:0 20px 0 20px; }
.biz_desc .biz_sub_st_first { position:relative; width:100%; margin:80px 0; padding:80px 0; border-top:1px dashed rgba(96,74,123,.3); border-bottom:1px dashed rgba(96,74,123,.3); overflow:hidden; }
.biz_desc .biz_sub_st_first_desc { width:100%; max-width:774px; margin:0 auto; font-size:18px; font-weight:500; color:#333; line-height:1.7; text-align:justify; opacity:0; -webkit-transition:all .6s .5s; -moz-transition:all .6s .5s; -o-transition:all .6s .5s; transition:all .6s .5s; }
.biz_desc .biz_sub_st_first_desc .acc { position:relative; font-size:22px; font-weight:600; line-height:1.55; color:rgba(230,93,101,1); padding:0 3px 3px; z-index:2; }
.biz_desc .biz_sub_st_first_desc .acc:before { content:''; display:block; position:absolute; width:100%; height:1px; left:0; bottom:0; background:rgba(230,93,101,1); z-index:1; }
.biz_desc .biz_sub_st_first_desc.onViewrep { opacity:1; }
.biz_desc .biz_sub_st_first:before { content:''; display:block; width:80px; height:64px; background:url(../business/images/mark_1.png) no-repeat top -10px left 0; position:absolute; left:12%; top:0; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
.biz_desc .biz_sub_st_first:after { content:''; display:block; width:80px; height:64px; background:url(../business/images/mark_2.png) no-repeat bottom -10px right 0; position:absolute; right:12%; bottom:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); }
.biz_desc .biz_sub_st_first.onViewrep:before { top:0; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); -webkit-transition:all 1s .5s; -moz-transition:all 1s .5s; -o-transition:all 1s .5s; transition:all 1s .5s; }
.biz_desc .biz_sub_st_first.onViewrep:after { bottom:0; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); -webkit-transition:all 1s .5s; -moz-transition:all 1s .5s; -o-transition:all 1s .5s; transition:all 1s .5s; }
.biz_desc .biz_st_desc { font-size:16px; line-height:1.7; text-align:justify; border-left:1px solid rgba(96,74,123,.4); padding-left:25px; }
.biz_desc .biz_sub_st { margin:60px 0 15px; font-size:22px; color:#604A7B; font-weight:500; }
.biz_desc .biz_sub_st_2 { margin:35px 0 15px; font-size:22px; color:#604A7B; font-weight:500; }
.biz_desc .biz_sub_st span.pixhawk_tit_num,
.biz_desc .biz_sub_st_2 span.pixhawk_tit_num { position:relative; left:10px; top:-4px; font-family:'GmarketSansMedium'; font-size:13px; color:#FFF; z-index:1; }
.biz_desc .biz_sub_st span.pixhawk_tit_num:after,
.biz_desc .biz_sub_st_2 span.pixhawk_tit_num:after { content:''; width:24px; height:24px; border-radius:100%; background:rgba(96,74,123,1); position:absolute; top:50%; left:50%; transform:translate(-50%, -57%); z-index:-1; }
.biz_desc .biz_sub_st span.pixhawk_tit,
.biz_desc .biz_sub_st span.pixhawk_tit_2,
.biz_desc .biz_sub_st_2 span.pixhawk_tit,
.biz_desc .biz_sub_st_2 span.pixhawk_tit_2 { font-size:22px; color:#604A7B; font-weight:500; padding-left:25px; }
.biz_desc .biz_sub { width:100%; }
.biz_desc .biz_sub .biz_sub_st_desc { font-size:16px; line-height:1.7; text-align:justify; background:rgba(248,248,248,1); padding:30px; }
.biz_sub_st_desc_1st { padding-bottom:16px; }
.biz_sub_st_desc_2nd { width:100%; }
.biz_sub_st_desc_2nd .biz_sub_st_desc_2nd_tit,
.biz_sub_st_desc_3rd .biz_sub_st_desc_3rd_tit { display:block; font-size:16px; font-weight:600; }
.biz_sub_st_desc_2nd .biz_sub_st_desc_2nd_tit_item { padding-left:18px; } 
.biz_sub_st_desc_2nd.sec { padding:16px 0; }
.biz_sub_st_desc_3rd { padding-bottom:16px; }

/* 드론소개 */
.droneArea { float:left; width:100%; background:url('../company/images/page_t_bar.gif') no-repeat left top; }
.droneArea_2 { float:left; width:100%; margin-top:40px; }
.drone_t { margin-top:60px; }
.drone_t .droneb { font-size:30px; color:#E65D65; font-weight:600; }
.drone_con { margin-top:20px; }
.sumArea { display:flex; width:100%; }
.sumArea .drone_sum { display:flex; justify-content:center;	align-items:center; width:25%; height:auto; background:#F6F6F6; padding:60px; }
.sumArea .drone_sum img { max-width:100%; height:auto; }
.sumArea .drone_desc { display:flex; align-items:center; width:75%; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
.sumArea .drone_desc .pdt { padding:60px 35px; font-size:16px; line-height:1.7; }
.droneInner { float:left; width:100%; margin:40px auto 0; }
.droneInner h3.drone_1_mt { font-size:20px; color:#604A7B; font-weight:500; padding-bottom:15px; }
#drone_table_1 { width:100%; font-size:16px; text-align:center; }
#drone_table_1 .tt1 { padding:18px 0; color:#FFF; font-weight:400; border-right:1px solid #E5E5E5; background:rgba(96,74,123,.8); }
#drone_table_1 .tt2 { color:#FFF; font-weight:400; border-right:1px solid #E5E5E5; background:rgba(96,74,123,.8); }
#drone_table_1 .tt3 { color:#FFF; font-weight:400; border-right:1px solid #E5E5E5; background:rgba(96,74,123,.8); }
#drone_table_1 .tt4 { color:#FFF; font-weight:400; border-right:1px solid #E5E5E5; background:rgba(96,74,123,.8); }
#drone_table_1 .tt5 { color:#FFF; font-weight:400; background:rgba(96,74,123,.8); }
#drone_table_1 .tt5.over { padding:21px 0; }
#drone_table_1 .tt1_con { padding:18px 0; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#drone_table_1 .tt2_con { border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#drone_table_1 .tt3_con { border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#drone_table_1 .tt4_con { border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#drone_table_1 .tt5_con { border-bottom:1px solid #E5E5E5; }
#drone_table_1 .tt5_con.over { padding:21px 0; }
.drone_sub_st { font-size:20px; color:#604A7B; font-weight:500; padding-bottom:15px; }
.drone_sub { width:100%; }
.drone_sub_st_desc { font-size:16px; line-height:1.7; text-align:justify; background:rgba(248,248,248,1); padding:30px; }

.con1, .con2, .con3, .con4, .con5, .con6 { width:100%; max-width:1200px; }
.con1 img, .con2 img, .con3 img, .con4 img, .con5 img, .con6 img { max-width:100%; height:auto; }
.commArea { float:left; width:100%; max-width:1000px; border-top:0px solid #353631; }
.comm_t { margin:45px auto; width:100%; max-width:760px; font-size:15px; text-align:center; font-family:'GmarketSansLight'; }
.comm_t .comm_Txt { margin:0 auto; width:100%; text-align:center; font-size:25px; font-family:'GmarketSansMedium'; }
.comm_t .commb { color:#F60; font-weight:600; }
.comm_con { width:100%; max-width:1000px; margin:0 auto; }
.comm_con img { max-width:100%; height:auto; }
.faqWrap { margin:0 auto; width:100%; max-width:1000px; }
.faqCon { width:100%; }
.faqCon h4 { position:relative; width:100%; border-bottom:1px solid #EEE; padding:28px 0; cursor:pointer; }
.faqCon h4 span { color:#333; font-size:20px; font-family:'GmarketSansMedium'; padding-right:6px; }
.faqCon h4 a { font-size:20px; color:#333; }
.faqCon h4.faqlast { border-bottom:0; }
.faqCon h4 .sp_arrow { display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); }
.faqContInner { display:none; background:#F9F9F9; border-bottom:1px solid #EEE; }
.faqContInner.faqConlast { border-top:1px solid #EEE; }
.Inner_2 { display:flex; position:relative; overflow:hidden; }
.Inner_2 span.a_tit { position:absolute; left:38px; top:35px; font-family:'GmarketSansMedium'; font-size:14px; color:#FFF; z-index:1; }
.Inner_2 span.a_tit:after { content:''; width:26px; height:26px; border-radius:100%; background:rgba(4,146,197,1); position:absolute; top:50%; left:50%; transform:translate(-50%, -56%); z-index:-1; }
.Inner_2 span.Inner_2_con { width:auto; font-size:16px; text-align:justify; padding:30px 30px 30px 70px; }