@charset "utf-8";

/*───────────────────────────────────────────────────────────

	robot

───────────────────────────────────────────────────────────*/
	.sub_tech{text-align: center;}
	.sub_tech .tech_main_title{margin-bottom:27px;}
	.sub_tech .tech_main_title h3{font-size:50px;color:#111;font-weight:300;letter-spacing:-1px;line-height:70px;}
	.sub_tech .tech_main_title h3 strong{font-size:inherit;color:inherit;font-weight:700;}	
	.sub_tech .link_list{display:flex; justify-content:center; margin-top:41px;}
	.sub_tech .link_list li{border:1px solid #ddd;width:180px;height:160px;display:inline-flex;align-items:center;justify-content:center;margin:0 15px;padding: 15px;box-sizing: border-box;}
	.sub_tech .link_list li em{display:flex; align-items:center; justify-content:center; height:60px;}
	.sub_tech .link_list li em img{max-height:100%;}
	.sub_tech .catal_down{display: inline-block;  box-sizing:border-box; }
	.sub_tech .catal_down span{font-size:14px;color:#111;font-weight:400;display: inline-block;margin-top:9px;border-bottom:1px solid #111;}

	.sub_tech .sub_tech_cont{}
		 
		.sub_tech .sub_tech_cont + .sub_tech_cont{margin-top:80px;}
	.sub_tech .sub_tech_cont .title{}
	.sub_tech .sub_tech_cont .title h4{font-size:40px;color:#111;font-weight:500;letter-spacing:-0.8px;word-break:keep-all;}
	.sub_tech .sub_tech_cont .title h4 strong{font-size:inherit; font-weight:bold; color:inherit;}
	.sub_tech .sub_tech_cont .title p{font-size:16px;color:#666;font-weight:300;line-height:24px;margin-top:14px;word-break:keep-all;}
	.sub_tech .sub_tech_cont .img{margin-top:45px;}
	.sub_tech .sub_tech_cont .tech_main_title + .img{margin-top:0;}

	@media only screen and (max-width:800px){
		.sub_tech .tech_main_title h3{font-size:40px;line-height:54px;}
		.sub_tech .link_list{margin-top:30px;}
		.sub_tech .link_list li{margin:0 7.5px; width:170px; height:150px;}
		.sub_tech .link_list li em{height:50px;}
		.sub_tech .catal_down{}
		.sub_tech .catal_down img{}
	
		.sub_tech .sub_tech_cont + .sub_tech_cont{margin-top:12vw;}
		.sub_tech .sub_tech_cont .title h4{font-size:32px;}
		.sub_tech .sub_tech_cont .title p{font-size:14px;line-height:22px;margin-top:10px;}
		.sub_tech .sub_tech_cont .title p br{display: none;}
		.sub_tech .sub_tech_cont .img{margin-top:30px;}
	}
	@media only screen and (max-width:500px){
		.sub_tech .tech_main_title h3{font-size:30px;line-height:40px;}
		.sub_tech .link_list{margin-top:15px;}
		.sub_tech .link_list li{width:160px; height:140px;}
		.sub_tech .link_list li em{height:40px;}
		.sub_tech .catal_down span{font-size:12px;}
		
		.sub_tech .sub_tech_cont .title h4{font-size:24px;}
		.sub_tech .sub_tech_cont .title p{font-size:13px;line-height:20px;}
		.sub_tech .sub_tech_cont .img{margin-top:20px;}
	}

	/*camera*/
	.sub_tech .sub_tech_cont .camera_title{margin:80px 0 30px;}
	.sub_tech .sub_tech_cont .camera_title span{display:flex;align-items:center;justify-content:center;width:300px;height:80px;box-sizing:border-box;border-radius:10px;background:#4c5054;font-size:36px;color:#fff;font-weight:700;margin:0 auto;}
	.img_swiper p{display: none;}
	.sub_solution .cont .img_list{display:flex;flex-wrap:wrap;}
	.sub_solution .cont .img_list.line2{width:calc(100% + 30px);margin-left:-15px;}
	.sub_solution .cont .img_list.line2 li{width:calc(50% - 30px);margin:0 15px 20px;}
	.sub_solution .cont .img_list.line3{width:calc(100% + 20px);margin-left:-10px;}
	.sub_solution .cont .img_list.line3 li{width:calc(33.3333% - 20px);margin:0 10px 20px;}
	.sub_solution .cont .youtube_box{width:100%;height:0;padding-bottom:54.9%;box-sizing:border-box;overflow:hidden;border-radius:20px;position: relative;}
	.sub_solution .cont .youtube_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
	.sub_solution .cont .youtube_box + .youtube_box{margin-top:30px;}

	@media only screen and (max-width:1024px){
		.sub_tech .sub_tech_cont .camera_title{margin:40px 0 30px;}
		.sub_tech .sub_tech_cont .camera_title span{width:200px;height:60px;font-size:26px;}

		.img_swiper .swiper-slide{min-width:1000px;}
		.img_swiper p{text-align:left;font-size:16px;color:#333;font-weight:400;padding-bottom:10px;display: block;}
	}
	@media only screen and (max-width:640px){
		.sub_tech .sub_tech_cont .camera_title{margin:15px 0;}
		.sub_tech .sub_tech_cont .camera_title span{width:160px;height:46px;font-size:20px;}

		.img_swiper p{font-size:13px;}

		.sub_solution .cont .img_list.line2{width:100%;margin-left:0;}
		.sub_solution .cont .img_list.line2 li{width:100%;margin:0 0 30px;}
		.sub_solution .cont .img_list.line3{width:100%;margin-left:0;}
		.sub_solution .cont .img_list.line3 li{width:100%;margin:0 0 30px;}

		.sub_solution .cont .youtube_box{border-radius:10px;}
	}

/*───────────────────────────────────────────────────────────

	avg

───────────────────────────────────────────────────────────*/
	.sub_tech.sub_avg .sub_tech_cont .tech_main_title  + .title{padding-top:37px;}
	.sub_tech.sub_avg .sub_tech_cont .tech_main_title  + .title + .img{margin-top:26px;}

	@media only screen and (max-width:640px){
		.sub_tech.sub_avg .sub_tech_cont .tech_main_title + .title{padding-top:25px;}
		.sub_tech.sub_avg .sub_tech_cont .tech_main_title  + .title + .img{margin-top:15px;}
	}

/*───────────────────────────────────────────────────────────

	채용정보

───────────────────────────────────────────────────────────*/
	.recruit_sub_tit{margin-bottom:71px;}
	.recruit_info{text-align: center;}
	.recruit_info .recruit_tit{} 
	.recruit_info .recruit_tit h4{font-size:40px;color:#111;font-weight:600;letter-spacing:-0.8px;}
	.recruit_info .recruit_tit p{font-size:26px;color:#b42e2b;font-weight:400;letter-spacing:-0.52px;margin-top:20px;}

	/*복지*/
	.recruit_info .welfare_list{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px;margin-top:33px;}
	.recruit_info .welfare_list li{width: calc(25% - 20px);margin:0 10px 20px;box-sizing:border-box;border-radius:10px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;padding: 80px 0;}
	.recruit_info .welfare_list li .img{display:flex;align-items:center;justify-content:center;height:50px;}
	.recruit_info .welfare_list li .img img{max-height:100%;}
	.recruit_info .welfare_list li span{font-size:17px;color:#111;font-weight:500;display: block;margin-top:24px;word-break:keep-all;}

	/*절차*/
	.recruit_info .recruit_process{margin-top:114px;}	
	.recruit_info .process_box{box-sizing:border-box;width:100%;border:1px dotted #aaa;border-radius:195px;padding:20px 20px;margin-top:45px;}
	.recruit_info .process_box ol{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;box-sizing:border-box;border-radius:175px;background:#f5f5f5;padding:35px 40px;}
	.recruit_info .process_box ol li{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:100%;background:#fff;padding:25.3% 0px;position: relative;}
	.recruit_info .process_box ol li + li:before{width:60px;height:60px;content:"";box-sizing:border-box;border-radius:100%;background:#4c5054;position: absolute;top:50%;left:-30px;transform:translateY(-50%);z-index:5;}
	.recruit_info .process_box ol li + li:after{width:10px;height:10px;content:"";border:2px solid #f5f5f5;border-width:2px 2px 0 0;transform:rotate(45deg);top:48%;left:-7px;position: absolute;z-index:6;}	
	/* .recruit_info .process_box ol li > div{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} */
	.recruit_info .process_box ol li span{font-size:18px;color:#b42e2b;font-weight:600;letter-spacing:-0.36px;}
	.recruit_info .process_box ol li p{font-size:20px;color:#111;font-weight:500;letter-spacing:-0.4px;margin-top:16px;}
	.recruit_info .process_box ol li .img{display:flex;align-items:center;justify-content:center;height:50px;margin-top:27px;}
	.recruit_info .process_box ol li .img img{max-height:100%;}

	@media only screen and (max-width:1200px){
		/*복지*/
		.recruit_info .welfare_list li{}

		/*절차*/
		.recruit_info .process_box ol{padding:20px 25px;}
		.recruit_info .process_box ol li{padding:15.3% 0;}
		.recruit_info .process_box ol li + li:before{width:40px;height:40px;left:-20px;}
		.recruit_info .process_box ol li + li:after{width:8px;height:8px;top:47.5%;left:-6px;}
		.recruit_info .process_box ol li span{font-size:16px;}
		.recruit_info .process_box ol li p{font-size:18px;margin-top:6px;}
		.recruit_info .process_box ol li .img{margin-top:15px;}

	}
	@media only screen and (max-width:860px){
		.recruit_info .process_box ol li{padding:15.3% 0;}
	}
	@media only screen and (max-width:767px){
		.recruit_sub_tit{margin-bottom:60px;}
		.recruit_info .recruit_tit h4{font-size:30px;}
		.recruit_info .recruit_tit p{font-size:22px;margin-top:10px;}

		/*복지*/
		.recruit_info .welfare_list{margin-top:20px;}
		.recruit_info .welfare_list li{padding:30px 0 28px;}
		.recruit_info .welfare_list li span{font-size:14px;}

		/*절차*/
		.recruit_info .recruit_process{margin-top:60px;}
		.recruit_info .process_box{margin-top:20px;border-radius:100px;}
		.recruit_info .process_box ol{grid-template-columns:1fr 1fr;border-radius:70px;}
		.recruit_info .process_box ol li{padding:25.7% 0;}
		.recruit_info .process_box ol li + li:after{top:48.5%;}
		.recruit_info .process_box ol li:nth-child(3){order:4;}
		.recruit_info .process_box ol li:nth-child(3):before{top:-20px;left:50%;transform:translate(-50%);}
		.recruit_info .process_box ol li:nth-child(3):after{transform:rotate(135deg);top:-7px;left:48.5%;}
		.recruit_info .process_box ol li:nth-child(4):before{left:auto;right:-20px;}
		.recruit_info .process_box ol li:nth-child(4):after{transform:rotate(-135deg);left:auto;right:-8px;}
	}
	@media only screen and (max-width:640px){
		/*복지*/
		.recruit_info .welfare_list{width:calc(100% + 10px);margin-left:-5px;}
		.recruit_info .welfare_list li{width:calc(33.3333% - 10px);margin:0 5px 10px;}

		/*절차*/
		.recruit_info .process_box ol li{padding:22.2% 0;}
		.recruit_info .process_box ol li:nth-child(3):after{left:48%;}
	}
	@media only screen and (max-width:500px){
		.recruit_sub_tit{margin-bottom:50px;}
		.recruit_info .recruit_tit h4{font-size:20px;}
		.recruit_info .recruit_tit p{font-size:16px;margin-top:5px;}
		.recruit_info .welfare_list li{border-radius:5px;padding:20px 0 20px;}
		.recruit_info .welfare_list li .img{height:38px;}
		.recruit_info .welfare_list li span{font-size:13px;margin-top:15px;;}

		/*절차*/
		.recruit_info .process_box{border-radius:25px;padding:10px 10px;}
		.recruit_info .process_box ol{border-radius:10px;padding:10px 10px;}
		.recruit_info .process_box ol li{padding:15.7% 0;}
		.recruit_info .process_box ol li + li:before{width:30px;height:30px;left:-15px;}
		.recruit_info .process_box ol li:nth-child(3):before{top:-15px;}
		.recruit_info .process_box ol li:nth-child(4):before{right:-15px;}
		.recruit_info .process_box ol li + li:after{width:6px;height:6px;top:46.5%;}
		.recruit_info .process_box ol li:nth-child(3):after{top:-5px;left:47%;}
		.recruit_info .process_box ol li:nth-child(4):after{right:-6px;}
		.recruit_info .process_box ol li span{font-size:14px;}
		.recruit_info .process_box ol li p{font-size:16px;margin-top:4px;}
		.recruit_info .process_box ol li .img{margin-top:10px;height:36px;}

	}

/*───────────────────────────────────────────────────────────

	채용정보 게시판

───────────────────────────────────────────────────────────*/
	.recruit_board_title{text-align: center;margin-top:95px;}
	.recruit_board_title h4{font-size:40px;color:#111;font-weight:600;letter-spacing:-0.8px;}
	.recruit_board_title + div .board_search{margin-top:55px;}

	@media only screen and (max-width:1024px){
		.recruit_board_title{margin-top:60px;}
		.recruit_board_title h4{font-size:34px;}
		.recruit_board_title + div .board_search{margin-top:30px;}
	}
	@media only screen and (max-width:640px){
		.recruit_board_title h4{font-size:28px;}
	}
	@media only screen and (max-width:500px){
		.recruit_board_title h4{font-size:24px;}
		.recruit_board_title + div .board_search{margin-top:20px;}
	}

/*───────────────────────────────────────────────────────────

	게시판 뷰페이지

───────────────────────────────────────────────────────────*/

/* 뷰페이지(공통) */
		.bbs_view div.view_tit{border-top:2px solid #000;background:#fff;padding:30px 40px;border-bottom:1px solid #ddd;}
		.bbs_view div.view_tit > h3{width:100%;font-size:26px;letter-spacing:-0.03em;font-weight:500;color:#222;line-height:1.5;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
		.bbs_view div.view_tit > h3 .notice{font-size:16px;color:#fff;font-weight:500;letter-spacing:-0.03em;padding:0 15px;height:30px;line-height:30px;border-radius:15px;background:#006bb5;display:inline-block;vertical-align:top;margin-top:6px;margin-right:20px;}
		.bbs_view div.view_tit > p{width:100%;text-align:left;margin-top: 18px;}
		.bbs_view div.view_tit > p span{color:#888;display:inline-block;vertical-align:top;position:relative;font-size:18px;letter-spacing:-0.03em;padding-right: 30px;margin-right: 26px;}
		.bbs_view div.view_tit > p span em{font-size:inherit;font-weight:400;color:#555;margin-right:3px;}
		.bbs_view div.view_tit > p span:before{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background:#ddd;margin-top: -4px;}
		.bbs_view div.view_tit > p span:last-child:before{display:none;}
		.sub_board .bbs_view .extra_editor_wrap{border-top:0;border-bottom:1px solid #ddd;display:block;padding:20px 50px;background:#f5f5f5;box-sizing:border-box;margin-top:0;}
		.sub_board .bbs_view .extra_editor_wrap > h4, .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{display:inline-block;background:none;padding:0;}
		.sub_board .bbs_view .extra_editor_wrap > h4{width: 134px;font-size:18px;font-weight:400;color:#555;letter-spacing:-0.03em;}
		.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 138px);box-sizing:border-box;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{position:relative;padding-left:20px;margin-left: 17px;color:#333;font-weight:400;letter-spacing:-0.03em;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;font-size:18px;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{content:'';width:1px;height:12px;background:#ddd;position:absolute;top:50%;left:0;margin-top:-4px;}
		.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span a{color:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;text-decoration:underline;}
		.bbs_view div.view_cont{padding:60px 30px;border-bottom:1px solid #ddd;}
		.view_btn{min-height:120px;}
		.view_btn .btn_wrap{padding-top:60px;}

		@media only screen and (max-width:1023px) {
			.bbs_view div.view_tit{padding:20px 30px;}
			.bbs_view div.view_tit > h3{font-size:22px;}
			.bbs_view div.view_tit > h3 .notice{font-size:15px;margin-right:15px;margin-top:3px;}
			.bbs_view div.view_tit > p{margin-top:15px;}
			.bbs_view div.view_tit > p span{font-size:16px;padding-right:20px;margin-right:16px;}
			.bbs_view div.view_tit > p span:before{height:10px;}
			.sub_board .bbs_view .extra_editor_wrap{padding:15px 30px;}
			.sub_board .bbs_view .extra_editor_wrap > h4{font-size:16px;width:120px;}
			.sub_board .bbs_view .extra_editor_wrap > div.extra_cont{width:calc(100% - 124px)}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:16px;padding-left:15px;margin-left:12px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span:before{height:10px;margin-top:-3px;}
			.bbs_view div.view_cont{padding:50px 30px;border-bottom:1px solid #ddd;}
			.view_btn .btn_wrap{padding-top:50px;}
		}
		@media only screen and (max-width:640px) {
			.bbs_view div.view_tit{padding:20px 15px;}
			.bbs_view div.view_tit > h3{font-size:18px;}
			.bbs_view div.view_tit > h3 .notice{font-size:14px;margin-right:10px;margin-top:2px;height:25px;line-height:23px;padding:0 13px;}
			.bbs_view div.view_tit > p{margin-top:10px;padding-top:0;}
			.bbs_view div.view_tit > p span{font-size:14px;padding-right:10px;margin-right:6px;}
			.sub_board .bbs_view .extra_editor_wrap{padding:12px 15px;}
			.sub_board .bbs_view .extra_editor_wrap > h4{font-size:14px;width:105px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont{width:calc(100% - 109px)}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:14px;padding-left:12px;margin-left:10px;}
			
			.bbs_view div.view_cont{padding:35px 20px;}
			.view_btn .btn_wrap{padding-top:40px;}
		}
		@media only screen and (max-width:350px) {
			.bbs_view div.view_tit{padding:15px 10px;}
			.bbs_view div.view_tit > p span{font-size:13px;padding-right:7px;margin-right:3px;}
			.sub_board .bbs_view .extra_editor_wrap{padding:10px;}
			.sub_board .bbs_view .extra_editor_wrap div.extra_cont > span{font-size:13px;}
		}