@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600;600&display=swap');

html,body{height: 100%;}
.wrap{width: 100%;font-weight:500;/* letter-spacing: -0.25px; */line-height: 1.2;height: 100%;}

.container{position: relative;padding-top: 65px;}
/* header  */
.logo{padding: 23px 0 0 15px;box-sizing: border-box;display: block;width: 207px;}
.header{height: 65px;width: 100%;position: fixed;top: 0;left: 0;z-index: 100;background:#fff;}
.menu{position: absolute;top: 27px;right: 15px;width: 24px;}
.mainNav{width: 100%;height: 100%;}
.mainNav > li{display: block;position: relative;border-bottom: 1px solid #E5E5E5;padding: 12px 30px;font-size: 20px;}
.mainNav > li > a{display: block;padding: 5px 0;position: relative;font-weight: bold;}


.mainNav_sub{display: none;margin-top: 12px;margin-left: 15px;}
.mainNav_2depth.on .mainNav_sub{display: block;}
.mainNav_sub >li{padding: 10px;font-size: 16px;}
.mainNav_sub >li > a{font-weight: bold;}

.mainNav_2depth{position: relative;}
.mainNav_2depth > div{position: relative;}

.mainNav_2depth .arrow_menu{position: absolute;top: 50%;margin-top:-5px;right: 0;width: 22px;height:11px;background: url(../images/ico/ico_navBtn.jpg) no-repeat center;background-size: cover;display: block;}
.mainNav_2depth.on .arrow_menu{transform: rotate(180deg);}

.menuWrap{position: fixed;top: 0;left: 0;z-index: 101;background-color: #fff;height: 100%;width: 100%;}
.menuWrap .menuHeader{height: 65px;width: 100%;position: relative;}
.menuHeader{height: 65px;width: 100%;position: relative;}
.menuHeader_logo{width:50%;}
.menuHeader_close{position: absolute;top: 24px;right: 18px;width: 19px;}
.menu_footer{position: absolute;bottom: 30px;width: 100%;text-align: center;}
.menu_footer_lang li{display: inline-block;font-size: 18px;}
.menu_footer_lang li .font_ko{font-size: 16px;font-weight: 600;}
.menu_footer_lang li.on a{color: #000;}
.menu_footer_lang li a{color: #CDCDCD;}
.menu_footer_lang li:after{content: '';display: inline-block;width: 1px;height: 15px;background: #707070;margin: 0 5px;vertical-align: middle;}
.menu_footer_lang li:last-child:after{display: none;}
.menu_copyright{text-align: center;width: 100%;font-size: 12px;font-family: 'Arial',sans-serif;margin-top: 27px;}

/* section */
.section{position: relative;}
.section_wrap{position: relative;box-sizing: border-box;width: 100%;}
.nextSection_arrow{width: 40px;height:18px;position: absolute;bottom: 13px;left: 50%;margin-left: -20px;display: block;}
.ani_bounce{animation: bounce 1s infinite linear;  }
@-webkit-keyframes bounce { 0% { transform:translateY(3px) } 50% { transform:translateY(0) } 100%{transform:translateY(3px)} }
.section_wrap-3{padding: 50px 25px;text-align: center} 
.section_wrap-4{/* height: 450px; */text-align: center;/*padding: 33px 0 44px;*/position: relative}/*20210928 수정*/
.section_comp-3{padding: 50px 20px 83px;}
.section_comp-4{padding: 33px 20px;}
.section_wrap-5{margin:0 auto;padding: 100px 0;text-align: center;}
.section_micro-2{/* margin: 0 auto 20px; */text-align: center;color: #004E7F;padding: 0 20px;}
.section_micro-3{padding: 30px 0 50px;}
.section_micro-4{margin-bottom: 40px}
.section-news{margin-top: 10px;}
.section-newsContent{padding: 20px 20px 50px;font-family: 'Noto Sans KR',sans-serif;}
.section-contact{padding: 0 20px;margin: 50px auto;}
.section-table{margin: 54px auto 53px;}
.section_slider{margin: -13px 0 30px;padding: 30px 0 0;}
.section-pipe{margin:  0 auto 50px;}
.section-pipe .tblImg >span{font-size: 10px;font-weight: bold;font-family: 'Arial',sans-serif;margin: 10px;display: block;}


/* bg */
.section_wrap-main1{width: 100%;height:calc(100% - 65px); background: url(../images/main/mainImg.jpg) no-repeat center;background-size: cover;}
.section_bgDots{width: 100%;background:url(../images/bg/bg_dots.jpg) no-repeat center;background-size: cover;}
.section_bgDots2{width: 100%;background:url(../images/bg/bg_dots2.jpg) repeat center;background-size: cover;}
.section_bgDots3{width: 100%;background:url(../images/bg/bg_dots3.png) repeat center;}
.section_comp-2{width: 100%;background:url(../images/company/mainBg.jpg) no-repeat center;background-size: cover;}

/* section-animate */
.section-animate{color: #fff;text-align: center;margin-top: 25px;}


/* txtWrap */
.txt_tit{font-weight: bold;}
.section_wrap-main1 .section{position: absolute;left: 21px;bottom: 14%;width: 70%;color: #fff;font-size: 20px;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.section_wrap-main1 .section .txtWrap p > span{font-size: 13px;display: block;margin-top: 5px;font-family: 'Noto Sans KR',sans-serif;font-weight: 500;line-height: 16px;}
.section_wrap-1 .txtWrap{position: absolute;bottom: 70px;left: 0;color: #fff;font-size: 40px;line-height: 1.2;}
.section_wrap-6 .txtWrap{position: absolute;top: 30px;width: 100%;color: #0A458D;font-size: 25px;line-height: 1.3;text-align: center;}
.section_wrap-6 .txtWrap .txt_tit {font-size: 25px;color: #0A458D;line-height: 1}
.section_wrap-6 .txtWrap .txt_tit > span{font-size: 14px;display: block;margin: 20px 0 43px;color: #fff;font-family: 'Noto Sans KR',sans-serif;font-weight: 500;line-height: 18px;}
.section_comp-1 .txtWrap{text-align: center;padding: 25px 40px 52px;}
.section_comp-1 .txtWrap .txt_tit {font-size: 24px;color: #004E7F;line-height: 1.08;}
.section_comp-1 .txtWrap .txt_tit > span{font-size: 18px;display: block;margin-top: 14px;color: #18668e;letter-spacing: 0px;font-family: 'Noto Sans KR',sans-serif;font-weight: 500;line-height: 24px;}

.section_comp-1.section_micro .txtWrap .txt_tit > span{font-size: 14px;display: block;margin-top: 14px;color: #18668e;letter-spacing: 0px;font-family: 'Noto Sans KR',sans-serif;font-weight: 500;line-height: 18px;}
.section_comp-2 .txtWrap{padding: 29.6%  15%;}

.section_micro-1 .txtWrap{text-align: left;position: absolute;bottom: 49px;left: 0;}
.section_micro-1 .txtWrap .txt_tit {font-size: 50px;color:#0CCCCC;line-height: 1;}
.section_micro-1 .txtWrap .txt_tit > span{font-size: 20px;display: block;margin-top: 20px;color: #E6E6E6;line-height: 1.2;}

.section_tech-1 .txtWrap{text-align: left;position: absolute;bottom: 49px;left: 0;}
.section_tech-1 .txtWrap .txt_tit {font-size: 50px;color:#0CCCCC;line-height: 1;}
.section_tech-1 .txtWrap .txt_tit > span{font-size: 20px;display: block;margin-top: 20px;color: #E6E6E6;line-height: 1.2;} 

/* txt */
.txt_sub{font-family: 'Noto Sans KR',sans-serif;}
.section_wrap-animate .txt-st01{padding-top: 78px;font-size: 20px;box-sizing: border-box;margin-bottom: 20px;color: #fff;}
.section_wrap-3 .txt_tit{font-size: 20px;margin: 0 0 19px;color: #034C7C;line-height: 1.15;font-weight: bold;}
.section_wrap-3 .txt_sub{font-size: 14px;color: #2a7393;line-height: 18px;margin-bottom: 50px;font-weight: bold;}

.section_wrap-4 .txt_tit{font-size: 20px;padding: 0 0 20px;color: #fff;line-height: 1;box-sizing: border-box;text-transform: uppercase;color: #55E3DF;}/*20210928 수정*/
.section_wrap-4 .txt_sub{font-size: 14px;font-family: 'Noto Sans KR',sans-serif;color: #fff;margin-bottom: 24px;font-weight: 500;line-height: 18px;}/*20210928 수정*/
.section_micro-2 .txt_tit{color: #034C7C;font-size: 20px;text-align: center;}
.section_micro-3 .txt_tit{font-size: 20px;color: #034C7C;text-align: center;margin: 5px 0 16px;}
.section_micro-4 .txt_tit{color: #034C7C;font-size: 20px;text-align: center;margin: 50px 0 34px;}
.section_comp-2 .txt_tit{color: #69C6C8;font-size: 24px;text-align: center;/* padding-top: 75px; */box-sizing: border-box;}
.section_comp-2 .txt_tit > span{display: block;margin-top: 10px;font-size: 20px;color: #FAFAFA}
.section_comp-3 .txt_tit{color: #034C7C;font-size: 30px;text-align: center;}
.section_comp-3 .txt_tit.txt_tit-bottom{margin: 85px 0 0;}
.section_comp-3 .txt_tit > span{display: block;margin-top: 1px;font-size: 20px;color: #69C6C8;border-bottom: 1px solid #0CCCCC;padding-bottom: 9px;}
.section_comp-3 .txt_sub{color: #034C7C;font-size: 14px;width: 80%;margin: 10px auto 27px;text-align: center;line-height: 18px;font-weight: bold;}
.section_comp-4 .txt_tit{text-align: center;font-size: 20px;}
.section_comp-4 .txt_tit-bottom{font-size: 27px;color: #034c7c;line-height: 23px;margin-bottom: 30px;}
.section_comp-4 .txt_tit > span{border-bottom: 1px solid #004E7F;color: #004E7F;display: inline-block;line-height: 1;}
.section_comp-4 .txt_tit > span.clBrown{border-bottom: 1px solid #843c0b;color: #843c0b;display: inline-block;line-height: 1;}
.section_comp-4 .txt_sub{margin: 30px 0 10px}
.section-contact .txt_tit{font-size: 20px;color: #034C7C;text-align: center;}
.section-contact .txt_sub{font-size: 14px;color: #000;line-height: 1.3;text-align: center;margin-top: 12px;font-weight:bold;font-family: 'Arial',sans-serif;}
.section_comp-2 .txt_tit > span{display: block;margin-top: 7px;font-size: 14px;color: #FAFAFA;line-height: 21px;font-family: 'Noto Sans KR',sans-serif;font-weight: 500;}
.section_comp-4 .txt_sub{margin: 30px 0 10px}
.section_slider .txt_tit{font-size: 22px;color: #034C7C;text-align: center;margin-bottom: 27px;}
.section_slider .txt_tit2{font-size: 20px;color: #034C7C;text-align: center;margin: 100px 0 50px;}
.section-pipe .txt_tit{color: #034C7C;font-size: 20px;text-align: center;margin-bottom: 30px;} 
.section-table .txt_tit{font-size: 25px;text-align: center;margin-bottom: 24px;}

/* style */
.micList {margin: 40px auto 32px;font-size: 0;width: 84%;}
.micList .micList_txt{font-size: 14px;margin: 17px 0 34px;color: #034C7C;display: block;font-weight: bold;}
.micList .micList_img{width: 73%;margin: 0 auto;}

.tbl {width: 100%;box-sizing: border-box;padding: 0;border-top: 1px solid #000;}
.table_wrap-bdGrey .tbl{border-top:1px solid #E5E5E5;}
.tbl > li {width: 100%;box-sizing: border-box;padding: 16px 4px;border-bottom: 1px solid #E5E5E5;}
.tbl_date{display: block;margin-bottom: 8px;font-size: 16px;font-family: 'Arial',sans-serif;}
.tbl_tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 90%;font-weight: 600;font-size: 16px;font-family: 'Noto Sans KR',sans-serif;}
.tabContent{display: none;margin-top: 40px;width: 90%;margin: 50px auto 0;}
.tabContent.on{display: block;}
/* 20220422 :: S */
.tabs{font-size: 0;width:100%;margin: 0 auto 20px;text-align: center;display: table;table-layout: fixed;}
.tabs .tabList{display: table-cell;font-size: 16px;padding: 15px 0;width: auto;position: relative;color: #BFBFBF;cursor: pointer;line-height: 1;word-break: break-all;vertical-align: middle}

.tabs .tabList.on{color: #000;}
.tabs .tabList:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid #000000;}
.tabs .tabList.on:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background: #000;}

.thumbList ul{font-size: 0;}
.thumbList ul > li{position: relative;width: 50%;display: inline-block;vertical-align: top;padding: 0 2.5%}
.thumbList .thumbTextWrap{font-size: 13px;margin: 10px 0 25px;}
.thumbList .thumbTextWrap > span{display: block;}
.thumbList .thumbTextWrap .title{overflow: hidden;font-size: 14px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 37px; font-weight: 600;line-height: 1.3;}
.thumbList .thumbTextWrap > span + span{margin-top: 10px;}
.tabContent.thumbContent{width: 95%;}
/* 20220422 :: E */



/* 20210928 추가 :: S */
.useNeedleVdo{width: 100%;}
.useNeedleVdo video{width: 100%;}
/* .section_wrap-4 > video{height: 450px;width: 1920px} */
.section_wrap-4 > video + .section{display: none;position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%)}
/* 20210928 추가 :: E */


/* footer */
.footer{color: #ffff;padding: 30px 55px;width: 100%;background-color: #353C48;margin: 0 auto;box-sizing: border-box;text-align: center;font-family: 'Arial',sans-serif;font-size: 12px;font-weight: bold;}
.addrInfo_addr{line-height: 19px;}
.addrInfo_tel{margin-top:25px;}
.footer_logo{width: 125px;margin: 50px auto 19px;}
.copyright{font-size: 8px;font-weight: normal;}
.footer .select_lang{margin-bottom: 30px;}
.footer .select_lang > span{display: inline-block;vertical-align: middle;width: 75px;margin-left: 10px;}/*211024 수정*/
.footer .select_lang > span.select_lang_tit{color: #fff;font-size: 14px;margin-right: 5px;font-family: 'Poppins',sans-serif;font-weight: 500;}


/* leadership */
.leader{margin: 30px 0;}
.leader > li{margin-bottom: 68px;}
.leader_img{width: 75%;margin: 0 auto;}
.leader_info{overflow: hidden;margin-top: 18px;}
.leader_info .jbtitle{color:#004E7F;font-size: 17px;font-weight: bold;}
.leader_info .name{font-size: 29px;margin-top: 10px;border-bottom: 2px solid #69C6C8;padding-bottom: 15px;text-transform: uppercase;color: #004E7F;line-height: 1;font-family: 'Noto Sans KR',sans-serif;font-weight: normal;}
.leader_info .introduce{font-size: 14px;margin-top: 16px;line-height: 1.3;color: #555;font-family: 'Arial',sans-serif;word-break: keep-all}

.scLeader{font-size: 0;line-height: 1.2;color: #004E7F;margin-top: 30px;width: 100%;font-family: 'Noto Sans KR',sans-serif;}
.scLeader > li{display: inline-block;vertical-align: top;width: calc(50% - 7px);border-radius: 50%;margin-bottom: 30px;text-align: center;}
.scLeader > li:nth-child(2n-1){margin-right: 14px;}
.clBrown{color:#843c0b !important;}
.scLeader.clBrown .scleader_info .name{border-bottom: 2px solid #843c0b;font-weight: bold;}
.scLeader_img{ background-color: #E0E0E0;border-radius: 50%;margin: 0 auto;}
.scleader_info .name{font-weight: 400; font-size: 14px;margin-top: 16px;border-bottom: 2px solid #69C6C8;padding-bottom: 10px;text-transform: uppercase;}
.scleader_info .introduce{font-size: 14px;margin-top: 10px;line-height: 16px;/* font-family: 'Noto Sans KR',sans-serif; */font-weight: 500;}

/* company */
.advList{font-size: 0;margin: 36px 0 0;}
.advList li{display: inline-block;vertical-align: top;width:calc(50% - 6px);margin: 0 12px 26px 0;}
.advList li:nth-child(2n){margin-right: 0;}
.advList .advList_tit{font-size: 20px;margin-top: 12px;padding-bottom: 9px;border-bottom:2px solid #69C6C8;font-weight: bold;}
.advList .advList_info{font-size: 13px;word-break: break-all;margin-top: 10px;color: #004e7f;margin: 10px auto;width: 85%;line-height: 18px;font-weight: normal;font-family: 'Noto Sans KR',sans-serif;font-weight: 500;}
.mappApplications{text-align: center;margin: 0 auto;width: 77%;}
.useNeedleImg img{width: 100%;vertical-align: top}

/* news */
.paging_area{position: relative;margin: 27px auto 50px;}
.pagination {margin-top: 64px;text-align:center;}
.pagination .page_num {padding:0 6px;display: inline-block;vertical-align: top;line-height: 17px;height: 17px;}
.pagination .page_num a{display:inline-block;color:#919191;font-size:15px;text-align:center;vertical-align:top;padding: 0 5px;margin: 0px 14px;}
.pagination .page_num a.on{color: #000;font-weight: bold;}
.pagination .btn_prev {width: 9px;height: 17px;background: url(../images/ico/btn_pag_prev.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: top;}
.pagination .btn_next {width: 9px;height: 17px;background: url(../images/ico/btn_pag_next.png) no-repeat center;background-size:contain;vertical-align: top;display: inline-block;}
.paging_search{position: relative;width: 50%;margin: 0 auto;}
input[type="text"].btn_search_input{border-bottom: 1px solid #BFBFBF;padding: 10px 30px 10px 10px;width: 100%;box-sizing: border-box;}
.btn_search{background: url(../images/ico/ico_search.png) no-repeat right center;background-size: 17px;width: 17px;height: 17px;display: block;position: absolute;right: 10px;top: 50%;margin-top: -8px;}

/* news content */
.news_content{font-size: 14px;font-family: 'Arial',sans-serif;line-height: 1.5;}
.news_content img{display: block;}
.news_header{position: relative;margin-bottom: 27px;}
.news_header_tit{font-size: 16px;margin: 10px 0 22px;font-weight: bold;}
.news_header_date{font-family: 'Arial',sans-serif;font-size: 14px;}
.news_content_img{margin: 10px auto 10px;}

/* contact */
.contact_form > div{margin-bottom: 21px;}
.contact_form input.ip_txt,.contact_form textarea{border: 1px solid #C7C7C7;width: 100%;padding: 13px 10px;font-size: 14px;}
.contact_form input::placeholder,.contact_form textarea::placeholder{color: #BABABA;}

/* btn_wrap */
.section-table .btn_wrap{margin: 30px 0 0;}

/* animate */
.section_wrap-animate .section{display: none;text-align: center}
.section_wrap-animate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;width: 100%;height: 200px;margin-top: 20px;}
.section_wrap-animate:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#034C7C;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.section_wrap-animate.on:before{-webkit-transform:scaleX(1);transform:scaleX(1);}  
.ico_animate{position: absolute;top: 22%;left: 40%;z-index: 1;width: 20%;}

/* slider */
.slide_wrap .slick-slider{position: relative;width: 100%;}  
.slide_wrap .slick-prev{width: 17px;height: 35px;background: url(../images/ico/slider_prev.png) no-repeat center;background-size: cover;position: absolute;left: 5px;top: 50%;margin-top: -19px;text-indent: -99999px;display: block;z-index: 1;}
.slide_wrap .slick-next{width: 17px;height: 35px;background: url(../images/ico/slider_next.png) no-repeat center;background-size: cover;position: absolute;right: 5px;top: 50%;margin-top: -19px;text-indent: -99999px;display: block;z-index: 1;}
  
.slick-dots{position:absolute;bottom: 16px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
.slick-dots li{position:relative;display:inline-block;width:8px;height:8px;margin: 0 3px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:8px;height:8px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:8px;height:8px;content:'';text-align:center;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;border-radius: 50%;}
.slick-dots li.slick-active button:before{background:#55E3DF}

/* technology */
.section_tech-4 .slider_infoWrap{padding-bottom: 73px;}
.slider_infoWrap{position: relative;text-align: center;padding: 20px 20px 87px;}  
.slider_infoWrap .slider_info_number{font-size: 40px;font-weight: 600;position: relative;color: #004E7F;}  
.slider_infoWrap .slider_tit{font-size: 20px;color:#004E7F;padding: 7px 0 13px;border-bottom: 2px solid #0CCCCC;font-weight: bold;}
.slider_infoWrap .slider_intro{font-size: 14px;color:#555;padding-top: 15px;font-family: 'Noto Sans KR',sans-serif;font-weight: 500;width: 85%;margin: 0 auto;line-height: 18px;}
.section_platform img{max-width: 100%;}
.section_platform{padding: 0 20px;}
.section_platform .txt_tit2{font-size: 20px;text-align: center;margin: 50px 0 34px;color: #004E7F;font-weight: bold;}
.platform_info .txt_tit{font-size: 30px;font-weight: 300;line-height: 1;padding-bottom: 15px;border-bottom: 2px solid #69C6C8;color: #004E7F;margin: 39px 0 19px;}
.platform_info .txt_sub{margin-top: 10px;color: #555;font-size: 14px;margin-bottom: 33px;width: 90%;font-family: 'Noto Sans KR',sans-serif;line-height: 18px;}
.list_wrap .list_tit{margin-bottom: 8px;display: block;color: #004E7F;font-size: 12px;font-weight: bold;}
.plat_list:after{content: '';clear: both;display: block;}
.plat_list{margin-bottom: 46px;}
.plat_list > li{text-align: center;line-height: 1;margin: 0 15px 0 0;float: left;width: 17%;}
.plat_list > li:first-child{margin-left: 0;}
.plat_list > li:last-child{margin-right: 0;}
.plat_list .list_img_tit{font-size: 8px;line-height: 1;display: block;margin-top: 9px;font-family: 'Arial',sans-serif;font-weight: bold;letter-spacing: -0.37px} /*20211114*/
.plat_list .list_img_tit.list_img_tit-st01{color: #004E7F;}
.plat_list .list_img_tit.list_img_tit-st02{color: #ADE2E5;}
  

/* contact */
.contact_form{margin-top: 55px;}
.contact_form .btn.btn-st02{margin: 28px auto 0;display: block;}

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

}