@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");

.after:after{display:block;visibility:hidden;clear:both;content:""}

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess*/

/* 초기화 */
a{color:inherit; text-decoration:none;}

*:not(.gallery_contents *, .product_content *) {
	margin:0;
	padding:0;
	box-sizing:border-box;
	/*font-family:'Noto Sans KR';*/
	/*font-weight:400;*/
	/*font-size:16px;*/
}


input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}
.placeholdersjs { color:#aaa !important; }

.clearfix{clear:both;}


body{
	font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	margin:0;
	padding:0;
	color:#333;
	font-size:16px;
	font-weight:400;
	line-height:1;
	overflow-x:hidden;
	overflow-y:auto;
	word-break:keep-all;
	position:relative;
}
html{
	width:100%;
	height:100%;
	overflow-x :hidden;
}

/*  ---------------------  header S------------------------*/
#header{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	right:0;
	z-index:10;
	background:rgba(0,0,0,0.2);
}

#header .inner {
	width:1200px;
	margin:auto;
	padding:25px 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

nav {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.gnb_wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.gnb_wrap li a {
	display:inline-block;
	color:#fff;
	font-size:18px;
	margin-left:45px;
}

/*  ---------------------  footer S------------------------*/
#footer{
	width:100%;
	background:#dddddd;
}

#footer .inner {
	width:1200px;
	margin:auto;
	padding:25px 0;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
}

/* ------------- 서브 공통 -----------------*/
.subTop_wrap {
	width:100%;
	height:500px;
	position:relative;
}
.sub_inner {
	width:100%;
}
.subTop_01 {
	background:url('/images/subTop_01.png') center center / cover no-repeat;
}
.subTop_02 {
	background:url('/images/subtop_02.png') center center / cover no-repeat;
}
.subTop_03 {
	background:url('/images/subtop_03.png') center center / cover no-repeat;
}
.subTop_04 {
	background:url('/images/subtop_04.png') center center / cover no-repeat;
}
.subTop_05 {
	background:url('/images/subtop_05.png') center center / cover no-repeat;
}
.sub_inner .tit {
	width:100%;
	position:absolute;
	bottom:110px;
}
.sub_inner h2{
	width:1200px;
	margin:Auto;
	font-size:49px;
	font-weight:800;
}
.sub_inner .wh{
	width:1200px;
	color:#fff;
	margin:Auto;
	font-size:49px;
	font-weight:800;
}
.subMenu_wrap {
	width:100%;
	background:rgba(0,0,0,0.37);
	position:absolute;
	bottom:0;
}
.sub_menu {
	width:1200px;
	margin:Auto;

	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
}
.sub_menu li {
	width:calc(100% / 6);
	height:70px;
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.sub_menu li a {
	display:inline-block;
	color:#fff;
	font-size:20px;
	line-height:28px;
	/*margin:0 auto;*/
}
.sub_menu li a:hover {
	font-weight:600;
}
.sub_menu li .on {
	font-weight:600;
	border-bottom:1px solid #fff;
}
/* company 공통 */
.company_wrap {
	width:100%;
	padding:50px 0 100px;
}
.company_wrap .inner {
	width:1200px;
	margin:Auto;
}
.company_wrap .title {
	font-size:25px;
	text-align:center;
	padding-bottom:50px;
}

/* ------------ ceo ----------- */
.ceoImg_box {
	width:100%;
	height:400px;
	margin-bottom:157px;
	background:url('/images/company_info.png') center center / cover no-repeat;
}
.ceoImg_box .title_box {
	width:640px;
	color:#fff;
	padding:49px 42px;
	background:rgba(18,48,0,0.89);

	position:relative;
	top:315px;
	left:28px;
}
.ceoImg_box .title_box .txt {
	font-size:18px;
	padding-bottom:20px;
}
.ceoImg_box .title_box .tit {
	font-size:30px;
}
.ceo_textBox {
	padding:0 70px 125px;
}
.ceo_textBox p {
	font-size:18px;
	line-height:36px;
	padding-bottom:36px;
}
.ceo_textBox .ceo{
	font-size:18px;
	line-height:24px;
	padding-top:80px;
}
.ceo_textBox .ceo span {
	font-size:23px;
	font-weight:700;
	line-height:36px;
}

/* hisory */

.history_tab {
	width:100%;

	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.history_tab li {
	width:23%;
	font-size:18px;
	font-weight:500;
	text-align:center;
	padding:15px 0;
	cursor:pointer;
}
.history_tab li.current{
  background:#1f59ae;
  color:#fff;
}

.historyTbl_wrap{
  display:none;
  background:#ededed80;
  padding:15px;
}

.historyTbl_wrap.current{
  display:inherit;
}
.historyTbl_wrap p{
	color:#1f59ae;
	font-size:30px;
	font-weight:700;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:1px solid #1f59ae;
}
.history_tbl {
	width:100%;
}
.history_tbl th {
	font-size:18px;
	font-weight:600;
	text-align:left;
	padding:8px 0;
	border-bottom:1px solid #ddd;
}
.history_tbl td {
	font-size:16px;
	font-weight:500;
	line-height:30px;
	padding:8px 0;
	border-bottom:1px solid #ddd;
}

.company_activity {
	width:100%;
	margin-top:80px;
}
.company_activity .tit {
	color:#1f59ae;
	font-size:30px;
	font-weight:700;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:2px solid #1f59ae;
}
.company_activity ul {
	width:100%;

	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	flex-direction:column;
}
.company_activity li {
	width:100%;
	font-size:16px;
	font-weight:500;
	line-height:30px;
	/*text-align:center;*/
	padding:8px 0;
	border-bottom:1px solid #ddd;
}

/* 인증서 */
.certificate_List {
	width:100%;

	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-top:80px;
}
.certificate_List li {
	width:9%;
	margin-bottom:20px;
}
.certificate_List li img {
	width:100%;
	margin:auto;
}

.certificatePhoto_List {
	width:100%;

	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-top:80px;
}
.certificatePhoto_List li {
	width:24%;
	margin-bottom:20px;
}
.photo_box {
	width:100%;
}
.photo_box img {
	width:100%;
}
.certificatePhoto_List li .txt {
	font-size:16px;
	font-weight:500;
	text-align:center;
}


.certificate_tab {
	width:100%;

	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.certificate_tab li {
	width:50%;
	font-size:18px;
	font-weight:500;
	text-align:center;
	padding:15px 0;
	cursor:pointer;
}
.certificate_tab li.current{
  background:#1f59ae;
  color:#fff;
}

.certificateTbl_wrap{
  display:none;
  background:#ededed80;
  padding:15px;
}

.certificateTbl_wrap.current{
  display:inherit;
}
.certificateTbl_wrap p{
	color:#1f59ae;
	font-size:30px;
	font-weight:700;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:1px solid #1f59ae;
}
.certificate_tbl {
	width:100%;
}
.certificate_tbl th {
	font-size:18px;
	font-weight:600;
	text-align:left;
	padding:8px 0;
	border-bottom:1px solid #ddd;
}
.certificate_tbl td {
	font-size:16px;
	font-weight:500;
	line-height:30px;
	padding:8px 0;
	border-bottom:1px solid #ddd;
}


/*.StateAgencycertificate_List {
	display:flex;
}
.StateAgencycertificate_List div {
	width:50%;
}
.StateAgencycertificate_List div .txt {
	width:50%;
	font-size:16px;
	font-weight:500;
}*/

.StateAgencycertificate_List {
	width:100%;
	margin-top:80px;
}
.StateAgencycertificate_List .tit {
	color:#1f59ae;
	font-size:30px;
	font-weight:700;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:2px solid #1f59ae;
}
.StateAgencycertificate_List ul {
	width:100%;

	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.StateAgencycertificate_List li {
	width:49%;
	font-size:16px;
	font-weight:500;
	line-height:30px;
	/*text-align:center;*/
	padding:8px 0;
	border-bottom:1px solid #ddd;
}

/* 대표자 TV */
.movie_list {
	width:100%;

	display:flex;
	justify-content:space-around;
	align-items:flex-start;
	flex-wrap:wrap;
	padding:50px 0;
}
.movie_list li {
	width:320px;
	height:330px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	cursor:pointer;
}
.movie_list li .textBox{
	color:#fff;
	margin-top:130px;
	text-align:center;
}
.movie_list li .textBox .tit {
	font-size:25px;
	font-weight:700;
	padding-bottom:5px;
}
.movie_list li .textBox .txt {
	font-size:20px;
	font-weight:400;
}
.movie_list li .textBox .txt span {
	font-size:20px;
	font-weight:600;
}
.movieBox_01 {
	background:url('/images/movie_icon01.png') center center / cover no-repeat;
}
.movieBox_02 {
	background:url('/images/movie_icon02.png') center center / cover no-repeat;
}
.movieBox_03 {
	background:url('/images/movie_icon03.png') center center / cover no-repeat;
}


/* ------------ 주요제품  ------------- */

/* product 공통 */
.product_wrap {
	width:100%;
	padding:50px 0 100px;
}
.product_wrap .inner {
	width:1200px;
	margin:Auto;
}
.product_wrap .title {
	font-size:25px;
	text-align:center;
	padding-bottom:50px;
}
.product_wrap .title2 {
	font-size:30px;
	font-weight:700;
	text-align:center;
	padding:30px 0;
}
.pro_tabs {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
}
.pro_tabs li {
	width:33%;
	font-size:18px;
	font-weight:500;
	text-align:center;
	padding:15px 0;
	cursor:pointer;
}
.pro_tabs li.current{
  background:#1f59ae;
  color:#fff;
}

.productList_wrap{
  display:none;
  background:#ededed;
  padding:15px;
}

.productList_wrap.current{
  display:inherit;
}
.productList_wrap .title {
	font-size:30px;
	font-weight:700;
	text-align:center;
	padding:30px 0;
}

.prolist_wrap {
	width:100%;
  background:#fff;
}
.pro_list {
	width:100%;
	display:flex;
	justify-content:flex-start
	align-items:flex-start;
	flex-wrap:wrap;
}
.pro_list li {
	width:33%;
	text-align:center;
	margin-right:0.5%;
	margin-bottom:20px;
	/*cursor:pointer;*/
	box-sizing:border-box;
	border:1px solid #fff;
	transition:all 250ms ease;
	position:relative;
}
.pro_list li:nth-child(3n){
	margin-right:0;
}
.pro_list li:hover {
	border:1px solid #1f59ae80;
}
.pro_list .proImg_box{
}
.pro_box img {
	width:280px;
	height:350px;
	object-fit:contain;
}
.pro_box .pro_textbox p{
	font-size:16px;
	font-weight:500;
	padding:10px;
	border-top:1px solid #ddd;
}

.pro_box .fileWrap {
	padding:0px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	/*min-height:28px;*/
}
.pro_box .fileWrap input[type=button]{
	cursor:pointer;
	font-size:12px;
	font-weight:normal;
	border:1px solid #ddd;
	padding:6px;
	border-radius:5px;
	background:#fff;
}
.pro_box .detailView {
	text-align:right;
	padding:10px 5px;
	/*position:absolute;*/
	/*right:0;*/
	/*bottom:0;*/
}
.pro_box .detailView a {
	color:#009900;
	font-weight:600;
	font-size:14px;
}

/* 제품 view페이지 */
.proInfo_wrap {
	width:100%;
}
.proInfo_wrap .title_box {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.proInfo_wrap .title_box .tit{
	font-size:20px;
	font-weight:700;
	text-align:center;
	padding-bottom:30px;
}
.proInfo_wrap .title_box .txt {
	color:#1f59ae;
	font-size:30px;
	font-weight:600;
	letter-spacing:-1px;
}
.product_content {
	width:100%;
	min-height:200px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;

	font-family:system-ui;
}
.product_content table {
	/*margin:0 auto;*/
}
.product_content table tr td {
	/*padding:7px;*/
	/*font-size:15px !important;*/

	padding:5px;
}
.product_content b {
	font-weight:600;
	font-size:15px !important;
}
.fileWrap {
	text-align:center;
	font-size:16px;
	font-weight:600;
}
.fileWrap input[type=button]{
	cursor:pointer;
	font-size:16px;
	font-weight:600;
	border:1px solid #ddd;
	padding:10px;
	border-radius:5px;
	background:#fff;
}
.mark_imgs {
	text-align:center;
	padding:10px 0;
	margin-bottom:100px;
}
.mark_imgs img {
	width:123px;
	height:36px;
	margin-left:20px;
}
.mark_imgs img:nth-child(1) {
	margin-left:0px;
}
.fileWrap {
	padding:30px 0;
}
.fileWrap a {
	font-size:16px;
	font-weight:600;
	border:1px solid #ddd;
	padding:10px;
	border-radius:5px;
}
.backBtn_wrap {
	width:100%;
	text-align:center;
	margin-top:50px;
}
.back_btn {
	display:inline-block;
	color:#fff;
	font-size:16px;
	font-weight:600;
	padding:10px 40px;
	background:#1f59ae;
	border:1px solid #1f59ae;
	border-radius:5px;
}
.youtubeBtn:hover {
	background:#efefef;
}

/* ------------------ 기술지원 ----------------- */
.tech_contents {
	width:100%:
	border:1px solid red;
}
.tech_contents .title {
	color:#1f59ae;
	font-size:30px;
	font-weight:600;
	letter-spacing:-1px;
	text-align:center;
	border-bottom:1px solid #ddd;
}

.tect_menu {
	width:400px;
	margin:50px auto 0 auto;
	line-height:1.5;
}
.tect_menu li {
	font-size:23px;
	font-weight:600;
	list-style:inside;
	cursor:pointer;
}

.tect_list {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	padding:20px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.tect_list li:first-child {
	width:255px;
	margin-right:30px;
}
.tect_list li:last-child {
	width:700px;
}
.tect_img {
	width:100%;
}
.tect_img img{
	width:100%;
}
.tect_list li .txt {
	font-size:18px;
	font-weight:500;
	line-height:25px;
}



/* ------------------ 납품실적 ----------------- */
.gallery_list {
	width:100%;
	min-height:500px;
	padding:30px 0;
	display:flex;
	justify-content:flex-start
	align-items:flex-start;
	flex-wrap:wrap;
}
.gallery_list li {
	width:25%;
	overflow:hidden;
	text-align:center;
	margin-bottom:30px;
	cursor:pointer;
}
.gallery_list li:nth-child(4n){
	margin-right:0;
}
.gallery_list li img {
	width:280px;
	height:220px;
	object-fit:cover;
	margin:auto;
	transition:all 250ms ease;
}
.gallery_list li img:hover {
	transform:scale(1.2);
}

.gallery_contents {
	width:100%;
	min-height:500px;
}