@charset "utf-8";

/*****시작 pc mobile*****/
@media screen and (min-width: 575px){
.pc-575{display:block}
.mb-575{display:none}
}
@media screen and (max-width: 575px){
.pc-575{display:none}
.mb-575{display:block}
}
@media screen and (min-width: 600px){
.pc-600{display:block}
.mb-600{display:none}
}
@media screen and (max-width: 600px){
.pc-600{display:none}
.mb-600{display:block}
}
@media screen and (min-width: 767px){
.pc-767{display:block}
.mb-767{display:none}
}
@media screen and (max-width: 767px){
.pc-767{display:none}
.mb-767{display:block}
}
@media screen and (min-width: 1023px){
.pc-1023{display:block}
.mb-1023{display:none}
}
@media screen and (max-width: 1023px){
.pc-1023{display:none}
.mb-1023{display:block}
}
@media screen and (min-width: 1171px){
.pc-1170{display:block}
.mb-1170{display:none}
}
@media screen and (max-width: 1170px){
.pc-1170{display:none}
.mb-1170{display:block}
}
/*****끝 pc mobile*****/


/***sub-menu fixed***/
.navbar{overflow: hidden;background:#fff;position: fixed; top: 0;width: 100%;z-index:99999;}

/* sub header */
#header.sub {position:fixed; top:0; left:0; width:100%;background:#fff;}
#header.sub #gnb li .oneD {color:#000;}

/* sub header - SCROLLED, HOVER */
#header.sub.scrolled, #header.main.hover {background:#fff; border-bottom:1px solid #e0e0e0;}
#header.sub.scrolled #gnb li .oneD, #header.main.hover #gnb li .oneD {color:#000;}
#header.sub.scrolled .rightDiv .lang > a span, #header.main.hover .rightDiv .lang > a span {color:#555; }
#header.sub.scrolled .rightDiv .srchBtn, #header.main.hover .rightDiv .srchBtn {border-left:1px solid #e0e0e0;}



/***sub-visual****/
/*.sub-visual { width: 100%; height: 280px; background-repeat: no-repeat; background-position: 50% 108px; position: relative; padding-top: 75px; margin-top:90px;margin-bottom:100px; background-attachment: fixed; overflow: hidden; }*/
.sub-visual { width: 100%; height: 280px; background-repeat: no-repeat; background-position: 50% 108px; position: relative; padding-top: 75px; margin-top:75px;margin-bottom:100px; background-attachment: fixed; overflow: hidden; }
.sub-visual.company {background:url(./sub-aboutus-pc.jpg);}
.sub-visual.product {background:url(./sub-product-pc.png);}
.sub-visual.tech {background: url(./sub-tech-pc.jpg);}
.sub-visual.equipment {background: url(../images/equipment/sub-equipment-pc.png);}
.sub-visual.rcrt {background:url(./sub-rcrt-pc.jpg);}
.sub-visual.support { background: url(./sub-surport-pc.jpg);}
   


.sub-visual h2 { font-size: 50px; text-align: center; color: #fff; line-height: 100%; font-weight:700;padding-bottom:0.52rem;}
.sub-visual p {text-align: center;color:#fff; }

.sub-visual .sub-nav { width: 100%; font-size: 0; text-align: center; margin: 0 auto; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.sub-visual .sub-nav a { display: inline-block; font-size: 18px; height: 65px; line-height: 65px; background-color: #ff6c00; color: #fff; }

.sub-visual .sub-nav a.active { background-color: #fff; color: #000; }

.sub-visual .sub-nav.item2 { max-width: 500px; }

.sub-visual .sub-nav.item2 a { width: calc(100% / 2); }

.sub-visual .sub-nav.item3 { max-width: 651px; }

.sub-visual .sub-nav.item3 a { width: calc(100% / 3); }

.sub-visual .sub-nav.item4 { max-width: 868px; }

.sub-visual .sub-nav.item4 a { width: calc(100% / 4); }

.sub-visual .sub-nav.item5 { max-width: 1220px; }

.sub-visual .sub-nav.item5 a { width: calc(100% / 5); }

.sub-visual .sub-nav.item6 { max-width: 1300px; margin-left: 0; }

.sub-visual .sub-nav.item6 a { width: 16.66667%; }

@media (max-width: 1480px){
.sub-visual {margin-top:76px;}
}

@media (max-width: 1023px){
.sub-visual {
    margin-bottom: 40px;
    height: 220px;
    background-position: 50% 0;
    background-size: cover;
    padding-top: 70px;
    background-attachment: inherit;
    overflow: unset;
}
}

@media (max-width: 767px) {
	.sub-visual {
    margin-bottom: 40px;
				margin-top:25px;
    height: 180px;
    background-position: 50% 0;
    background-size: cover;
    padding-top: 41px;
    background-attachment: inherit;
    overflow: unset;
}
	.sub-visual .sub-nav { display: none; }
    .sub-visual.company {background:url(./sub-aboutus-pc.jpg);} 
	.sub-visual.product {background:url(./sub-product-pc.png); background-position:center;}
	.sub-visual.newbusiness {background:url(../images/newbness/sub-newbness-pc.png);}
	.sub-visual.cyberir {background:url(../images/ir/sub-ir-pc.png);}
	.sub-visual.support { background:url(./sub-surport-pc.jpg);}
	}   





/***서브페이지 content****/
.top-jkw-sub .jkw-sub{
padding-top:50px;
}
.jkw-sub{
width: 100%;
position: relative;
padding:100px 0 0 0;
}
.jkw-sub-gray{
background:#f9f9f9;
}
.jkw-sub .cont {
width: 100%;
max-width: 1220px;
height: 100%;
margin: 0 auto;
text-align: center;
}

@media (max-width: 1300px) { 
.jkw-sub{
padding: 80px 20px 0 20px;
}
.top-jkw-sub .jkw-sub{
padding:0 20px 0 20px;
}
}				

@media (max-width: 1023px) { 
.jkw-sub{
padding: 30px 20px 0 20px;
}
}

@media (max-width: 767px) { 
.top-jkw-sub .jkw-sub{
padding:0;
}
.jkw-sub .cont {
max-width:100%;
padding:0;
}
}				
/*//조광 sub 공통//*/		


/***서브페이지 탭***/
.jkw-sub .sub_tab { overflow: hidden; width: 800px; max-width: 100%; margin: 0 auto 70px auto; }

.jkw-sub .sub_tab li { float: left; border: 1px solid #dcdcdc; height: 70px; line-height: 70px; margin-left: -1px; }

.jkw-sub .sub_tab li:first-child { margin-left: 0; }
/*//*/
.jkw-sub .sub_tab li.active { border: 1px solid #ff6c00; position: relative; z-index: 1; }

.jkw-sub .sub_tab li.active a { color: #ff6c00; font-weight: bold; }

.jkw-sub .sub_tab li a { font-size: 18px; color: #666; text-align: center; display: block; line-height:70px;}

.jkw-sub .sub_tab.item1 li { width: 100%; }

.jkw-sub .sub_tab.item2 li { width: 50%; }

.jkw-sub .sub_tab.item3 { width: 1200px; }

.jkw-sub .sub_tab.item3 li { width: calc(100% / 3); }

.jkw-sub .sub_tab.item4 { width: 100%; }

.jkw-sub .sub_tab.item4 li { width: 25%; }

.jkw-sub .sub_tab.item5 { width: 100%; }

.jkw-sub .sub_tab.item5 li { width: 20%; }

.jkw-sub .sub_tab.item6 { width: 100%; }

.jkw-sub .sub_tab.item6 li { width: calc(100% / 6); }
.jkw-sub .sub_tab.item6 li:nth-child(6n+1){ margin-left: 0; }
.jkw-sub .sub_tab.item6 li:nth-child(n+7){ border-top:none; }

.jkw-sub .sub_tab.item7 { width: 100%; }

.jkw-sub .sub_tab.item7 li { width: calc(100% / 7); }

.jkw-sub .bold{color:#333;font-weight:700;}

@media (max-width: 1023px) { 
#container .jkw-sub .sub_tab li a { font-size: 12px; height: 40px; line-height: 40px;}
.jkw-sub .bold{font-size:18px;}
.jkw-sub .sub_tab.item6 li:nth-child(3n+1){ margin-left: 0; }
}


/*** 시작 서브페이지 모바일 메뉴 ***/
@media (min-width: 768px) { 
.sub-nav-drop {display:none;}
}
@media (max-width: 767px) { 
.sub-nav-drop {margin-top: 25px;display:block ;position:absolute;width:100%;z-index:99;}
nav .sub-drop-down {
  list-style: none; 
  overflow: hidden; /* When ul height is reduced, ensure overflowing li are not shown */
  /* height: 172px; 172px = (38 (li) + 5 (li border)) * 4 (number of li) */
  background-color: #ff6c00;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  -webkit-transition: height 0.3s ease;
          transition: height 0.3s ease;
}

nav .sub-drop-down.closed {
  /*  When toggled via jQuery this class will reduce the height of the ul which inconjuction
      with overflow: hidden set on the ul will hide all list items apart from the first */
  /* current li height 38px + 5px border */
  height: 55px;
}

nav .sub-drop-down li:first-child{
	background-color: #ff6c00;
}
nav .sub-drop-down li {
		border-top: 1px solid #ff6c00;
		border-bottom: 1px solid #ff6c00;
		background-color: #ff6c00;
}

nav .sub-drop-down li a {
  display: block;
  color: #ecf0f1;
  text-decoration: none;
  padding: 8px; /* Larger touch target area */
}

nav .sub-drop-down li:first-child a:after {
  content: "▾";
  float: right;
  margin-left: -30px; /* Excessive -margin to bring link text back to center */
  margin-right: 5px;
}
}

/*** 끝 서브페이지 모바일 메뉴 ***/



/*****column*****/

* {
  box-sizing: border-box;
}

/* Clear floats after the columns */
.row-box:after {
  content: "";
  display: table;
  clear: both;
}

.column-1 {
  float: left;
  width: 100%;
  padding: 10px;
  height: auto; /* Should be removed. Only for demonstration */
}

.column-2 {
  float: left;
  width: 48.3%;
  padding: 10px;
  height: auto; /* Should be removed. Only for demonstration */
}

.column-3 {
  float: left;
  width: 31.18%;
  padding: 10px;
  height: auto; /* Should be removed. Only for demonstration */
}

@media screen and (max-width: 992px) {
  .column-3 {
    width: 50%;
				margin:0;
  }
		
	
}
@media screen and (max-width: 767px) {
.column-1 {
font-size:14px;line-height:28px;
}
}

@media screen and (max-width: 600px) {

  .column-3 {
    width: 100%;font-size:14px;line-height:28px;
  }
}

.column-4 {
  float: left;
  width: 25%;
  height:auto; /* Should be removed. Only for demonstration */
}
/*****column
************/
/****시작 Column Grids****/
.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.end { margin-right: 0 !important; }


@media (max-width: 1023px){
.col_half img, .col_third img, .col_twothird img, .col_fourth img, .col_three_fourth img, .col_fifth img{
max-width:100%;}

}

@media (max-width: 767px){
.col_half { width: 100%; }
.col_third { width: 100%; }
.col_fourth { width: 100%; }
.col_fifth { width: 100%; }
.col_sixth { width: 100%; }
.col_three_fourth { width: 100%;}
.col_twothird{ width: 100%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	margin-right: 0%;
}

}
/****끝 Column Grids****/


/****시작 조광 table****/
.table-div{
width: 100%;
position:relative;

}
.jkw-table {
border-top: 2px solid #000;
border-bottom: 1px solid #e0e0e0;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}

.jkw-table caption {
display:none;
}
.jkw-table .col-25{
width:25%;
}
.jkw-table tr {
border-top: 1px solid #e0e0e0;
padding: .35em;
}

.jkw-table th,
.jkw-table td {
padding: 0.75em;
text-align: center;
}

.jkw-table th {
letter-spacing: .1em;
text-transform: uppercase;
background:#f5f5f5;
color:#111;
font-size:18px;
font-weight:400;
}
.jkw-table th.title{
background:#fff;
}
.jkw-table th.total, td.total{
font-weight:400;
color:#111;
background:#f5f5f5;
/*border-bottom:4px double #999;*/
}
.jkw-table td.rline, th.rline{
border-right:1px solid #ddd;

}
.jkw-table td.rwspn{
padding:0!important;
 vertical-align:middle;
}


@media screen and (max-width: 575px) {
.jkw-table {
    border: 0;
  }

.jkw-table .col-25{
width:100%;
displaly:block;
}
  
.jkw-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
.jkw-table tr {
    border-bottom: 3px solid #ddd;
				border:1px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

.jkw-table th {
letter-spacing: .1em;
text-transform: uppercase;
background:#f5f5f5;
color:#111;
font-weight:400;
}  
.jkw-table td {
		border-right:none;
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 14px;
/*    text-align: right;*/
  }
  
.jkw-table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
.jkw-table th,
.jkw-table td {
padding: .8em;
}  
.jkw-table td:last-child {
    border-bottom: 0;
  }
.jkw-table td.rline, th.rline{
border-right:none;

}
.jkw-table td.rwspn{
padding: .8em!important;
}
}

.jkw-table .jkw-table-1{
}
.jkw-table .jkw-table-1 th{
background:#fff;
}
/****끝 조광 table****/


/***서브페이지 색상단락***/
.bg-gray{
background-color:#fafafa;
}
.bg-white{
background-color:#fff;
}

/*** 시작 조광-페이징 ***/
.ppagination{
margin-top:70px;
}
.ppagination,
.ppagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.ppagination, .ppagination li a strong{
color:#fff;
font-size:18px;
}

.ppagination li { }

.ppagination a {
  font-weight: 400;
  text-decoration:none;  
  border: 1px solid #d8d8d8;
  min-width:44px;
  min-height:44px;
  color: #999;
		margin:0 2px;
		font-size:18px; 
		line-height:44px; 
 
}

.ppagination li:not([class*="current"]) a:hover { 
}

.ppagination li:not([class*="current"]) a:focus,
.ppagination li:not([class*="current"]) a:active {
}

.ppagination li:first-of-type a {
}

.ppagination li:first-of-type span,
.ppagination li:last-of-type span,
.ppagination li:nth-of-type(2) span,
.ppagination li:nth-last-of-type(2) span { 
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.ppagination li:first-child a::before,
.ppagination li:last-child a::after,
.ppagination li:nth-of-type(2) a::before,
.ppagination li:nth-last-of-type(2) a::after {  
  display: inline-block;
  font-family: Fontawesome;  
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.ppagination li:first-child a::before,
.ppagination li:last-child a::after { content: "◂"; color:#000;font-weight:500;}

/*
.ppagination li:nth-of-type(2) a::before,
.ppagination li:nth-last-of-type(2) a::after { content: "\f104";color:#000;font-weight:500;}
*/
.ppagination li:last-child a::after,
.ppagination li:nth-last-of-type(2) a::after { transform: rotate(180deg); }

.ppagination li.current a { 
  color: rgba(255,255,255,1);
  background-color: #ff6c00;
		border-color:#ff6c00;
  cursor: default;
  pointer-events: none;
}

.ppagination li.current a strong{
color:#fff;
}

@media only screen and ( max-width: 64.063em ) {  
  .ppagination li:first-child,
  .ppagination li:last-child {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .ppagination li:nth-of-type(2) a { border-left-width: 1px; }

}

@media only screen and ( max-width: 40.063em ) {  
  .ppagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .ppagination li.current,
  .ppagination li:first-of-type,
  .ppagination li:last-of-type,
  .ppagination li:nth-of-type(2),
  .ppagination li:nth-last-of-type(2){
    position: initial;
    top: initial;
    left: initial;
  }

  .ppagination li:nth-of-type(2) a { border-left-width: 1px; }

}

@media only screen and ( max-width: 30.063em ) {  
  
  /*h1 { font-size: 1.35em !important; }*/
  h1 { font-size: 1.20em !important; }
  
  .ppagination li:first-child,
  .ppagination li:last-child {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .ppagination li:nth-of-type(2) a { border-left-width: 1px; }

}

@media only screen and ( max-width: 15.063em ) {  /* For watches? */
  
  .ppagination li { width: 50%;}
  
  .ppagination li.current { 
    order: 2;
    width: 100%;
    border-left-width: 1px;
      
  }  

}	
/*** 끝 조광-페이징 ***/
/*** 시작 버튼 ****/
.btnn {
  /*flex: 1 1 auto;*/
  margin: 10px;
  padding:10px 40px 10px 30px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;
  
		font-size: 15px;
		width:40%;
		position: relative;
 }
.btnn:after{
	position: absolute;
    right: 30px;
    top: 50%;
    width: 17px;
    height: 16px;
    margin-top: -8px;
    background: url(../images/icon/ico_dwnld.png) no-repeat center ;
    content: "";
				}
	.btnn:hover {
  background-color:#9f0010; /* change the direction of the change here */
}

.btnn-1 {
  background-color:#ff6c00;
}

@media (max-width: 1300px){
.btnn:after{right: 20px;}
.btnn{padding: 10px 20px 10px 0px;}
}

.gnrl-button{
position: relative;
display: block;
width: 250px;
margin: 20px auto;
padding: 10px;
background-color: #ff6c00;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transform-style: flat;
transition: all 250ms ease-out;
}
.gnrl-button:before, .gnrl-button:after {
content: "";
position: absolute;
z-index: -2;
transition: all 250ms ease-out;
}	
.button-raise:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.button-raise:hover {
border: 1px solid #red;
box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}
.button-raise:hover:before {
box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 1);
}
/*** 끝 버튼 ****/

/***서브페이지 여백****/
.sub-p100{
height:100px
}
.sub-p80{
height:80px;
}
.sub-p70{
height:70px;
}
.sub-p50{
height:50px;
}
.sub-p40{
height:40px;
}
.sub-p30{
height:30px;
}
.sub-p20{
height:20px;
}
.sub-p10{
height:10px;
}
.ssub-p80{
height:80px;
}

/***서브페이지 타이틀**/
#sub-2step-title{}	
#sub-2step-title h3{
text-align:center;color:#282d39;font-size:45px;font-weight:500;margin-bottom:20px;
}
#sub-2step-title p{
font-size:18px;color:#666;text-align:center;font-weight:100;
}

#sub-3step-title{margin-bottom:30px;}
#sub-3step-title h4{text-align:center;font-weight: 500; font-size: 30px;letter-spacing: -0.4px;color: #333;}
#sub-3step-title h3{text-align:left;font-weight: 500; font-size: 30px;letter-spacing: -0.4px;color: #333;}
#sub-3step-title h4:after{content: "";display: block;width: 30px;height: 2px;margin: 15px auto 30px;}
#sub-3step-title p{font-size:17px;color:#666;text-align:center;font-weight:100;margin-bottom:70px;}

.cont h5 {
font-weight: 500;
font-size: 26px;
letter-spacing: -0.4px;
color: #333;
margin-bottom:55px;
text-align:left;
}	

#sub-rud-redtitle{
margin-top:-3em;
margin-bottom:50px;
}
#sub-rud-redtitle span{
color:#fff;
font-size:18px;
border-radius: 100px;
padding:10px 50px;
background:#ff6c00;
}

@media (max-width: 1023px){
#sub-2step-title h3{font-size:25px;margin-bottom: 10px;}
#sub-2step-title p{font-size:14px;padding:0 20px;}
#sub-3step-title{margin-bottom:30px;}
#sub-3step-title h4{font-size: 22px;}
#sub-3step-title p{font-size:14px;line-height: 24px;margin-bottom:30px;}
.cont h5 {font-size: 20px;text-align:center;margin-bottom:30px;}
}
@media (max-width: 767px){
#sub-rud-redtitle span{font-size:16px;}
#sub-rud-redtitle span.sub-rud-redtitle-nrw{ letter-spacing:-0.15em;}

}

/*** 시작 about us > 회사소개 > ceo인사말 ***/
.ceoo{}
.ceoo .col_half:nth-child(1){
width:28%;
text-align:left;
}
.ceoo .col_half:nth-child(2){
width:65%;
} 
.ceoo .col_half p{
text-align:left;
}
.ceoo .col_half p:nth-child(1){
margin-bottom:30px;
}
.ceoo .col_half p:nth-child(2){
line-height:28px;
}
.ceoo .col_half p span{
font-size:24px;font-weight:700;line-height:38px;color:#ff6c00;
}
.ceoo .col_half p span:nth-child(1){
color:#2d2d2d;
}
.ceoo .col_half p span:nth-child(2){

}

@media (max-width: 1023px) { 
.ceoo .col_half:nth-child(1){
width:42%;
text-align:left;
}
.ceoo .col_half:nth-child(2) {
width: 56%;
}
}

@media (max-width: 767px) { 
.ceoo .col_half:nth-child(1){
width:100%;
text-align:center;
}
.ceoo .col_half:nth-child(2) {
width: 100%;
}
.ceoo .col_half p span{
font-size:20px;font-weight:400;line-height:34px;
}
}
/*** 끝 about us > 회사소개 > ceo인사말 ***/

/*** 시작 about us > 회사소개 > 연혁 ***/

.company .company-history { width: 100%; max-width: 1220px; margin: 70px auto; padding-bottom: 200px; position: relative; }

.company .company-history:before { content: ''; display: block; background-color: #d6d6d6; width: 1px; height: 100%; position: absolute; left: 50%; }

/*.company .company-history .cont { margin-bottom: 50px; }*/
.company .company-history .cont {  }

.company .company-history .cont.typea { margin-bottom: 80px; }

.company .company-history .cont.typec .img-wrap { position: absolute; }

.company .company-history .cont:last-child { margin-bottom: 0; }

.company .company-history .cont > div { width: 50%; float: left; min-height: 1px; }

/*.company .company-history .cont > div.img-wrap { padding-right: 10%;margin-top:60px; }*/
.company .company-history .cont > div.img-wrap { padding-right: 10%;}

.company .company-history .cont > div.img-wrap p { font-size: 16px; line-height: 26px; height: 52px; margin-top: 12px; position: relative; }

.company .company-history .cont > div.img-wrap p span { position: absolute; bottom: 0; left: 0; }

.company .company-history .cont > div.img-wrap img { width: 100%; }

.company .company-history .cont > div.text-wrap { padding-left: 8%; position: relative; float: right; }

/*.company .company-history .cont > div.text-wrap.typeb { margin-top: 60px; }*/
.company .company-history .cont > div.text-wrap.typeb { }


/*.company .company-history .cont > div.text-wrap:before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; border: 1px solid #ff6c00; position: absolute; z-index: 2; top: 20px; left: -10px; }*/

.company .company-history .cont > div.text-wrap:after { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #ff6c00; border: 1px solid #ff6c00; position: absolute; z-index: 2; top: 45px; left: -3px; }

.company .company-history .cont > div.text-wrap .text {/* border: 1px solid #bed0e7; */padding: 5% 1.5%;text-align:left;}

.company .company-history .cont > div.text-wrap .text strong { font-family: 'Titillium Web'; font-size: 40px; font-weight: 600; display: inline-block; line-height: 1; margin-bottom: 20px; }

.company .company-history .cont > div.text-wrap .text p { color: #666; font-size: 18px; line-height: 26px; margin-bottom: 10px; width: 100%; display: block; }

.company .company-history .cont > div.text-wrap .text p:last-child { margin-bottom: 0; }

.company .company-history .cont > div.text-wrap .text p span { font-family: 'Titillium Web'; color: #333; font-weight: 600; display: inline-block; margin-right: 20px; vertical-align: top;font-size:18px; }

.company .company-history .cont > div.text-wrap .text p em { display: inline-block; width: calc(100% - 50px); }

.company .company-history .cont > div.text-wrap .text:before { content: ''; display: inline-block; width: 10%; height: 1px; background-color: #d6d6d6; position: absolute; z-index: 1; top: 48px; left: 0; }

.company .company-history .cont:after { content: ''; display: block; clear: both; }




.company .company-history .cont > div.hstry-top{padding-left: 10%; position: relative; float: right;}
.company .company-history .cont > div.hstry-top:before{
				content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ff6c00;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: -10px;
				}
.company .company-history .cont > div.hstry-top:after{
				content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ff6c00;
    border: 1px solid #ff6c00;
    position: absolute;
    z-index: 2;
    top: 8px;
    left: -3px;
				}	
				
/* DEFNIC BUTTONS
------------------------*/
.history > ul{text-align:center;}
.history > ul > li#defnic{display:inline-block;}
.history > ul > li#defnic.gps-button-wrapper.active a.gps-button{background-color: rgba(213,28,41,1);color:#fff;border: 1px solid #ff6c00;}

#defnic.gps-button-wrapper a.gps-button {
    background-color: rgba(213,28,41,0);
    border: 1px solid #ff6c00;
    border-radius: 100px;

    color: #ff6c00;
    display: inline-block;
    font-size: 16px;
				font-weight:400;
    overflow: hidden;
    padding: 13px 0;
				width:210px;
    position: relative;
    text-decoration: none;
    transition: all .75s ease-in-out; 
    z-index: 1; }
#defnic.gps-button-wrapper a.gps-button:hover, 
#defnic.gps-button-wrapper a.gps-button:focus {
    color: #fff; 
    transition: all .75s ease-in-out; }

#defnic.gps-button-wrapper a.gps-button::before {
    background: linear-gradient(#ff6c00, #ff6c00) -100px 0 no-repeat;
    content: "";
    display: inline-block;
    
    height: 10em;
    width: 200%;

    opacity: 0;
    
    position: absolute;
    top: 0;
    left: -30%;

    -webkit-transform: skewX(-30deg) translateX(-80%);
        -ms-transform: skewX(-30deg) translateX(-80%);
            transform: skewX(-30deg) translateX(-80%); 
    
    transition: opacity .75s ease-in-out, -webkit-transform 0s .85s;
    transition: opacity .75s ease-in-out, -ms-transform 0s .85s;
    transition: opacity .75s ease-in-out, transform 0s .85s; 

    z-index: -1; }
#defnic.gps-button-wrapper a.gps-button:hover::before, 
#defnic.gps-button-wrapper a.gps-button:focus::before {
    opacity: 1;
    
    -webkit-transform: skewX(-30deg) translateX(0);
        -ms-transform: skewX(-30deg) translateX(0);
            transform: skewX(-30deg) translateX(0); 
    
    transition: -webkit-transform 1s ease-in-out;
    transition: -ms-transform 1s ease-in-out;
    transition: transform 1s ease-in-out; }	
				
@media (max-width: 1023px) { 
.company .company-history { width: auto; margin: 0 15px; }
.company .company-history { width: 100%; max-width: 100%; margin: 0 0 50px 0; padding-top: 10px; padding-bottom: 100px; position: relative; }
.company .company-history:before { top: 0; left: 25px; }
/*.company .company-history .cont { margin: 0 25px 50px 25px; }*/
.company .company-history .cont { margin: 0 25px 0 25px; }
.company .company-history .cont.typea { margin-bottom: 50px; }
.company .company-history .cont.typec .img-wrap { position: relative; }
.company .company-history .cont:last-child { margin-bottom: 0; }
.company .company-history .cont > div { width: 100%; float: none; min-height: 1px; }
.company .company-history .cont > div.img-wrap { padding-right: 0; padding-left: 25px;text-align: left;}
.company .company-history .cont > div.img-wrap p { font-size: 14px; line-height: 20px; height: auto; margin-bottom: 12px; position: relative; }
.company .company-history .cont > div.img-wrap p span { position: relative; bottom: 0; left: 0; }
.company .company-history .cont > div.img-wrap img { width:90%; }
.company .company-history .cont > div.text-wrap { padding-left: 25px; position: relative; }

/*.company .company-history .cont > div.text-wrap.typeb { margin-top: 20px; }*/
.company .company-history .cont > div.text-wrap.typeb { }

.company .company-history .cont > div.text-wrap:before { width: 16px; height: 16px; border-radius: 50%; z-index: 2; top: 16px; left: -8px; }
.company .company-history .cont > div.text-wrap:after { width: 8px; height: 8px; top: 20px; left: -4px; }
.company .company-history .cont > div.text-wrap .text { padding: 10px 26px;text-align: left; }
.company .company-history .cont > div.text-wrap .text strong { font-size: 24px; margin-bottom: 10px; }
.company .company-history .cont > div.text-wrap .text p { color: #666; font-size: 14px; line-height: 20px; margin-bottom: 12px; white-space: normal; }
.company .company-history .cont > div.text-wrap .text p span { margin-right: 10px; vertical-align: top; }
.company .company-history .cont > div.text-wrap .text p em { display: inline-block; width:100%; word-break: keep-all !important;font-size:13px;line-height:24px; }
.company .company-history .cont > div.text-wrap .text p br { display: none; }
.company .company-history .cont > div.text-wrap .text:before { content: ''; display: inline-block; width: 25px; height: 1px; background-color: #bed0e7; position: absolute; z-index: 1; top: 25px; left: 0; }
.company .company-history .cont:after { content: ''; display: block; clear: both; }
.history > ul > li#defnic{width:24%;}
#defnic.gps-button-wrapper a.gps-button {
border-radius: 30px;
font-size: 15px;
font-weight:400;
padding:5px 0;
width:100%;
}
}

@media (max-width: 767px) {
.history > ul > li#defnic{width:49%; margin-bottom: 10px;}
#defnic.gps-button-wrapper a.gps-button {
border-radius: 30px;
font-size: 14px;
font-weight:400;
padding:0;
width:100%;
	}
}		
		
/*** 끝 about us > 회사소개 > 연혁 ***/


/*** 시작 about us > 회사소개 > 조직도 ***/
.orgnz{width: 100%;position: relative;}
.orgnz .cont{width: 100%;margin: 0 auto;text-align: center;}
.orgnz .orgnzImg-cont{width: 100%;position: relative;margin-bottom:0;}
.orgnz .orgnzImg-cont img{
width:100%;
	}

/*** 끝 about us > 회사소개 > 조직도 ***/	

/*** 시작 about us > 회사소개 > 위치 및 연락처***/
.lctn{width: 100%;position: relative;}
.map{width:100%;position:relative;}
.map-info-box {display:table;position:absolute;top:0;left:0;width:412px;height:480px;background-color:#ff6c00;box-sizing:border-box;z-index:1}
.map-info-box .map-tit {width: 100%; padding: 0 30px;margin-top:22%;margin-bottom:10px;font-weight: 100;font-size: 42px;line-height: 46px; color: #fff; text-align: center;vertical-align: middle;}
.map-info-box .cont-box {overflow: hidden;border-left: 1px solid #3bc58c;padding: 0 30px;} 
.map-info-box .cont-box address { display: block; font-size:20px;font-weight:100;line-height: 28px; color: #fff; font-style:normal;margin-bottom:70px;}  
.map-info-box .cont-box .tel-box {margin-bottom: -5px; margin-top: 15px;} 
.map-info-box .cont-box .tel-box .tel {display:block;width:100%;font-weight:600;font-size: 20px;line-height: 26px; color: #fff;margin-bottom:15px;}
.map-info-boxmb {display:none;}
.map-info-boxmb .map-tit {width: 100%; padding: 30px 30px 10px 30px;font-weight: 700;font-size: 25px;line-height: 46px; color: #fff; text-align: center;vertical-align: middle;}
.map-info-boxmb .cont-box {overflow: hidden;border-left: 1px solid #3bc58c;padding: 0 30px;} 
.map-info-boxmb .cont-box address { display: block; font-size:18px;font-weight:100;line-height: 28px; color: #fff; font-style:normal;margin-bottom:30px;}  
.map-info-boxmb .cont-box .tel-box {margin-bottom: -5px; margin-top: 15px;} 
.map-info-boxmb .cont-box .tel-box .tel {display:block;width:100%;font-weight:500;font-size: 18px;line-height: 26px; color: #fff;margin-bottom:15px; letter-spacing:0;}

@media (max-width: 1023px) {
.map-info-box {width:40%;}
.map-info-box .map-tit {padding: 0 30px;margin-top:22%;margin-bottom:10px;font-size: 30px;line-height: 46px; }
.map-info-box .cont-box {overflow: hidden;border-left: 1px solid #3bc58c;padding: 0 30px;} 
.map-info-box .cont-box address { display: block; font-size:20px;font-weight:100;line-height: 28px; color: #fff; font-style:normal;margin-bottom:70px;}  
.map-info-box .cont-box .tel-box {margin-bottom: -5px; margin-top: 15px;} 
.map-info-box .cont-box .tel-box .tel {font-weight:500;font-size: 14px;line-height: 18px;margin-bottom:10px;}
}


@media (max-width: 767px) {
.map iframe{height:240px;}
.map-info-box {display:none;;}
.map-info-boxmb {display:table;position: relative;top:0;left:0;width:100%;height:auto;background-color:#ff6c00;box-sizing:border-box;z-index:1;padding-bottom:30px;}
}

/*** 끝 about us > 회사소개 > 위치 및 연락처***/

/*** 시작 about us > 회사소개 > 인증서***/
.crtfct > ul{text-align:center;}
.crtfct > ul > li#defnic{display:inline-block;}
.crtfct > ul > li#defnic:first-child{margin-right:20px;}
.crtfct > ul > li#defnic.gps-button-wrapper.active a.gps-button{background-color: rgba(213,28,41,1);color:#fff;border: 1px solid #ff6c00;}





.crtfct #defnic.gps-button-wrapper a.gps-button {
    background-color: rgba(213,28,41,0);
    border: 1px solid #ff6c00;
    border-radius: 100px;
    color: #ff6c00;
    display: inline-block;
    font-size: 17px;
				font-weight:400;
    overflow: hidden;
    padding: 13px 0;
				width:210px;
    position: relative;
    text-decoration: none;
    transition: all .75s ease-in-out; 
    z-index: 1; }
.crtfct #defnic.gps-button-wrapper a.gps-button:hover, 
.crtfct #defnic.gps-button-wrapper a.gps-button:focus {
    color: #fff; 
    transition: all .75s ease-in-out; }

.crtfct #defnic.gps-button-wrapper a.gps-button::before {
    background: linear-gradient(#ff6c00, #ff6c00) -100px 0 no-repeat;
    content: "";
    display: inline-block;
    
    height: 10em;
    width: 200%;

    opacity: 0;
    
    position: absolute;
    top: 0;
    left: -30%;

    -webkit-transform: skewX(-30deg) translateX(-80%);
        -ms-transform: skewX(-30deg) translateX(-80%);
            transform: skewX(-30deg) translateX(-80%); 
    
    transition: opacity .75s ease-in-out, -webkit-transform 0s .85s;
    transition: opacity .75s ease-in-out, -ms-transform 0s .85s;
    transition: opacity .75s ease-in-out, transform 0s .85s; 

    z-index: -1; }
.crtfct #defnic.gps-button-wrapper a.gps-button:hover::before, 
.crtfct #defnic.gps-button-wrapper a.gps-button:focus::before {
    opacity: 1;
    
    -webkit-transform: skewX(-30deg) translateX(0);
        -ms-transform: skewX(-30deg) translateX(0);
            transform: skewX(-30deg) translateX(0); 
    
    transition: -webkit-transform 1s ease-in-out;
    transition: -ms-transform 1s ease-in-out;
    transition: transform 1s ease-in-out; }		
				
				
/*버튼*/
.crtfct-button-mgtop{margin-top:1px;}
#defnic.crtfct-button-wrapper a.crtfct-button {
    background-color: #ff6c00;
    border: 1px solid #ff6c00;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 15px;
				font-weight:400;
    overflow: hidden;
    padding: 15px 0;
				width:210px;
    position: relative;
    text-decoration: none;
    transition: all .75s ease-in-out; 
    z-index: 1; }
#defnic.crtfct-button-wrapper a.crtfct-button:hover, 
#defnic.crtfct-button-wrapper a.crtfct-button:focus {
    color: #ff6c00; 
    transition: all .75s ease-in-out; }

#defnic.crtfct-button-wrapper a.crtfct-button::before {
    background: linear-gradient(#fff, #fff) -100px 0 no-repeat;
    content: "";
    display: inline-block;
    
    height: 10em;
    width: 200%;

    opacity: 0;
    
    position: absolute;
    top: 0;
    left: -30%;

    -webkit-transform: skewX(-30deg) translateX(-80%);
        -ms-transform: skewX(-30deg) translateX(-80%);
            transform: skewX(-30deg) translateX(-80%); 
    
    transition: opacity .75s ease-in-out, -webkit-transform 0s .85s;
    transition: opacity .75s ease-in-out, -ms-transform 0s .85s;
    transition: opacity .75s ease-in-out, transform 0s .85s; 

    z-index: -1; }
#defnic.crtfct-button-wrapper a.crtfct-button:hover::before, 
#defnic.crtfct-button-wrapper a.crtfct-button:focus::before {
    opacity: 1;
    
    -webkit-transform: skewX(-30deg) translateX(0);
        -ms-transform: skewX(-30deg) translateX(0);
            transform: skewX(-30deg) translateX(0); 
    
    transition: -webkit-transform 1s ease-in-out;
    transition: -ms-transform 1s ease-in-out;
    transition: transform 1s ease-in-out; }			
				
	
	
				
/* ****************** 회사개요 :: 인증현황 ********************** */
.crtfct-list-wrap{width: 100%;max-width: 1220px;margin: 70px auto 0;/*padding-bottom: 200px;*/position: relative;}
.crtfct-list-container{width:100%;}
.crtfct-list-container > li{float:left; width:50%; padding:0 1.5%; margin-bottom:6%;}
.crtfct-list-con{width:100%; display:table;}
.crtfct-list-con > dt, .crtfct-list-con > dd{display:table-cell; /*vertical-align:middle;*/vertical-align:top;}
.crtfct-list-con > dt{width:39%;}
.crtfct-list-img-thum{width:100%; position:relative; padding-top:133.6%; background-color:#fff;}
.crtfct-list-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.crtfct-list-img-thum > span img{max-width:99%; display:block; margin:0 auto 50px 0; border:1px solid #dcdcdc; width:100%; height:100%; max-height:320px;} 
.crtfct-list-con > dd{width:61%; padding:3% 0 0 5%;}
.crtfct-tit{font-size:25px;border-bottom:1px solid #cfcfcf;margin-bottom:5%;}
.crtfct-tit > span{font-size:25px; color:#555;line-height:33px;font-weight:500; letter-spacing:-1px; display:inline-block; position:relative; padding-bottom:6%; word-break:keep-all;}
.crtfct-tit > span:after{display:block; position:absolute; bottom:-1px; left:0; content:""; width:40px; height:1px; background-color:#ff6c00;}
.crtfct-txt{display:table; width:100%; }
.crtfct-txt > dt, .crtfct-txt > dd{display:table-cell; vertical-align:top;}
.crtfct-txt > dt{width:25%; font-size:16px; line-height:33px; color:#111; font-weight:400; letter-spacing:-0.75px;}
.crtfct-txt > dd{width:75%; padding-left:3%;}
.crtfct-txt > dd p{font-size:16px; line-height:36px; color:#5e5e5e; letter-spacing:-0.5px; position:relative;}
.crtfct-txt > dd p:first-child:before{display:inline-block; content:""; vertical-align:middle; width:1px; height:8px; background-color:#cfcfcf; position:absolute; left:-5%; top:50%; margin-top:-4px;}
.crtfct-more-btn{display:block; width:185px; height:43px; background-color:#f4f4f4; border:1px solid #cfcfcf; margin-top:5%;}
.crtfct-more-btn > em, .crtfct-more-btn > span{float:left; height:43px; line-height:43px; text-align:center; color:#111;}
.crtfct-more-btn > em{width:43px; border-right:1px solid #cfcfcf;}
.crtfct-more-btn > em i{vertical-align:middle; line-height:43px;}
.crtfct-more-btn > span{width:141px; font-size:15px;}

@media all and (max-width:1300px){
	.crtfct-list-container > li{min-height:271px;}
	.crtfct-tit{font-size:20px; line-height:30px;}
	.crtfct-list-container > li{width:49%; padding: 0 0 20px 0;}
	.crtfct-list-container > li:nth-child(2n){float:right;}
	.crtfct-txt > dt, .crtfct-txt > dd p{font-size:15px; line-height:30px;}
}

@media all and (max-width:1023px){
.crtfct-tit > span{font-size:22px;}
}
@media all and (max-width:800px){
	.crtfct-list-container > li{float:none; width:100%; min-height:auto;}
	
	.crtfct-tit{font-size:18px; line-height:22px;}
	.crtfct-txt > dt, .crtfct-txt > dd p{font-size:15px; line-height:32px;}
}

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

.crtfct-button-mgtop{margin-bottom:50px;}
.crtfct-list-img-thum > span{position:static;}
.crtfct-list-img-thum > span img{margin:0 auto;width:50%;}

.crtfct-list-wrap{margin-top:50px;}
.crtfct-list-con > dd{padding:0;}
.crtfct-list-con > dt, .crtfct-list-con > dd{display:block; /*vertical-align:middle;*/vertical-align:top;}
	.crtfct-list-con > dt{width:100%;}
	.crtfct-list-con > dd{width:100%;}
	.crtfct-list-img-thum{max-width:100%; padding-top:0; margin:0px auto;}
	.crtfct-tit{font-size:16px; line-height:20px;}
	.crtfct-tit > span{padding:3% 0;}
	.crtfct-txt > dt{width:30%;}
	.crtfct-txt > dd{width:70%;}
	.crtfct-txt > dt, .crtfct-txt > dd p{font-size:14px; line-height:26px; letter-spacing:0;}
	.crtfct-more-btn{width:125px; height:35px; }
	.crtfct-more-btn > em, .crtfct-more-btn > span{height:35px; line-height:35px;}
	.crtfct-more-btn > em{width:35px;}
	.crtfct-more-btn > em i{line-height:35px;}
	.crtfct-more-btn > span{width:89px; font-size:14px;}
}	

@media all and (max-width:575px){
.crtfct-list-img-thum > span img{max-width:100%;margin:0 auto;}
}
/*탭 버튼 CSS*/
.sub-tab {position: relative;}
.sub-tab {}
.sub-tab > ul.crtfct {display:block; text-align:center; margin:70px 0 0 0;}
.sub-tab > ul.crtfct > li {display:inline-block; width:190px;margin:0 -2px; text-align: center; border-bottom: 1px solid #dcdcdc;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.sub-tab > ul.crtfct > li:before{content: '';
    /*display: inline-block;*/
				float:left;
    position: relative;
    width: 1px;
    height: 12px;
				margin:15px 0;
    background-color: #b1b1b1;
    vertical-align: middle;}
.sub-tab > ul.crtfct > li:first-child:before{display:none;}

.sub-tab > ul.crtfct > li.selected, .sub-tab > ul > li.selected a {border-bottom-color:#ff6c00; color: #ff6c00!important;}
.sub-tab > ul.crtfct > li > a {font-weight: 400; display: block; font-size: 17px; padding: 15px 0; letter-spacing: -0.75px; color: #757575;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
/* //탭 버튼 CSS*/	

        /* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            margin: 7% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 30%; /* Could be more or less, depending on screen size */                          
        }
        
        
/* 모달 테이블 레이아웃 */
#detail-table{}
.detail-table{width:100%;border:0;border-top:2px solid #222;border-spacing:0;margin:0;}
.detail-table td,.detail-table th{border:0;border-bottom:1px solid #ccc}
.detail-table th{font-size: 0.9rem;color:#222;font-weight:600;}
/*.detail-table td{font-size: 0.76rem;text-align:left;padding: 0 5px 5px 5px;line-height: 1.3rem;}*/
.detail-table td{font-size: 0.8rem;text-align:left;padding: 0 5px 5px 5px;line-height: 1.5rem;}
.detail-table caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}


@media (max-width: 1023px) {						
.sub-tab > ul.crtfct{  margin: 30px 0 0 0;}		
.sub-tab > ul.crtfct > li{width:50%;}
.sub-tab > ul.crtfct > li:nth-child(3):before {width:0;}
}	
@media (max-width: 767px) {				
.crtfct #defnic.gps-button-wrapper a.gps-button {border-radius: 30px; font-size: 14px; font-weight: 400;padding: 0;width: 100%;}
.crtfct > ul > li#defnic{width:49%;margin-bottom:10px;}
.crtfct > ul > li#defnic:first-child{margin-right:0;}



}	
/*** 끝 about us > 회사소개 > 인증서***/

/*** 시작 about us > 회사소개 > 납품실적 ***/


.col {
 /* The important bit. This percentage decides your columns. 
 The percent can be px. It just represents your minimum starting width.
  */
  margin: 1.3% 1%;
		box-sizing: border-box;
		width:23%;
  height: auto;
  color: white;
  height: 252px;
		display: flex;
				
			
}

@media only screen and (min-width: 1024px){
.col {width:23%;}
}
@media (max-width: 1023px) {
.col {width:31.3%;}
}
@media (max-width: 767px) {
.col {width:48%;}
}
@media (max-width: 575px) {
.col {width:100%;margin: 1.3% 0}
}

.col a {
padding:35px 38px;
background:#f2f2f2;
width:100%;
}

.pfmc {
    width: 100%;
    position: relative;
}
.pfmc .cont {
    width: 100%;
    max-width: 1220px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}
						
.row {
  display: flex;
  flex-wrap: wrap;
		width:100%;
}

.pfmc-active a {
background:#d61c29;
color:#fff;
}
.pfmc-active a h5 {
color:#fff;
height:auto;
margin-bottom:10px;
}
.pfmc-list{
width:100%;
}
.col .pfmc-list h5{
height:60px;
margin-bottom:10px;
} 
.pfmc-active a .pfmc-num{
color:#fff;
} 
.pfmc-active a .pfmc-num:after{
background: #fff;
}
.col .pfmc-num{
display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: left;
    font-size: 16px;
    letter-spacing: -0.75px;
    margin-bottom: 25px;
				}
.col .pfmc-num:after{				
				height: 1px;
    width: 30px;
    background: #666;
    content: '';
				display:block;
				}
				
.col h5{				
				font-size: 20px;
    line-height: 24px;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.75px;
    width: 100%;
    text-overflow: ellipsis;
				text-align:left;
    overflow: hidden;
				height:75px;
				}
.col .pfmc-more{
	z-index: 2;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    text-align: left;
    padding: 20px 20px 20px 0;
    font-size: 16px;
    letter-spacing: -0.6pt;
				background: url(ui/images/aboutus/btn-pfm-more-bl.png) 80px center no-repeat;

}	
.pfmc-active a .pfmc-more{
color:#fff;
background: url(ui/images/aboutus/btn-pfm-more.png) 80px center no-repeat;
}


.pfmc-inc h5{
    font-weight: 500;
    font-size: 26px;
    color: #333;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
}
.pfmc table {
  border-top: 2px solid #000;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.pfmc table caption {
display:none;
}

.pfmc table tr {
  border-top: 1px solid #e0e0e0;
  padding: .35em;
}

.pfmc table th,
.pfmc table td {
  padding: 1.2em;
  text-align: center;
}

.pfmc table th {
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media (max-width: 1023px){
.pfmc-inc h5{font-size: 20px;}
}

@media (max-width: 767px){
.pfmc-inc h5{
font-size: 18px;
text-align:center;
}

.pfmc table {
    border: 0;
				
  }

.pfmc table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
.pfmc table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
				padding:0;
  }
  
.pfmc table td {
				border-left: 1px solid #ddd; 
    border-right:  1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
.pfmc table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
.pfmc table td:last-child {
    border-bottom: 0;
  }
}
/*** 끝 about us > 회사소개 > 납품실적 ***/


/*** 시작 about us > 회사소개 > 채용공고***/
.cont h5.pdg1-h5{
margin-bottom:50px;
text-align:left;
}	
.rcrt1-ul {
position: relative;
display:flex;
justify-content: center;
margin-bottom:80px;
}
.rcrt1-ul li{
width:auto;
position: relative;
display:inline-block
}	

.rcrt1-ul li img{
width:auto;
}	

.mb-rcrt1	{
display:none;
}			
.rcrt2-ul {
position: relative;
display:block;
justify-content: center;
}
.rcrt2-ul li{
width:100%;
position: relative;
display:block;
line-height:36px;
text-align:left;
}	

.rcrt{
}

.rcrt .col_half{
}
.rcrt .col_half:nth-child(1){
text-align:right;
padding-right:10%;
}
.rcrt .col_half:nth-child(2){
text-align:left;
}
.wlfr-fourth .col_fourth{padding: 40px;border: 1px solid #ececec;	height:305px;}
.wlfr-fourth .col_fourth:nth-child(1){padding: 40px 50px;}
.wlfr-fourth .col_fourth:nth-child(4){padding: 40px 30px;}
.wlfr-fourth .col_fourth:nth-child(6){padding: 40px 20px;}
.wlfr-fourth .col_fourth:nth-child(10){padding: 40px 20px;}
.wlfr-fourth .col_fourth:nth-child(11){padding: 40px 20px;}

@media (max-width: 1170px){
.wlfr-fourth .col_fourth{padding:40px 10px}
.wlfr-fourth .col_fourth:nth-child(1){padding: 40px 10px;}
.wlfr-fourth .col_fourth:nth-child(4){padding: 40px 10px;}
.wlfr-fourth .col_fourth:nth-child(6){padding: 40px 10px;}
.wlfr-fourth .col_fourth:nth-child(10){padding: 40px 10px;}
.wlfr-fourth .col_fourth:nth-child(11){padding: 40px 15px;}
}  
  
@media (max-width: 767px){
.wlfr-fourth .col_fourth{padding:30px 40px!important;}
.wlfr-fourth .col_fourth:nth-child(1){padding:30px 40px;}
.wlfr-fourth .col_fourth:nth-child(4){padding:30px 40px;}
.wlfr-fourth .col_fourth:nth-child(5){padding:30px 20px!important;}
.wlfr-fourth .col_fourth:nth-child(6){padding:30px 40px;}
.wlfr-fourth .col_fourth:nth-child(7){padding:30px 55px!important;}
.wlfr-fourth .col_fourth:nth-child(10){padding:30px 40px;}
.wlfr-fourth .col_fourth:nth-child(11){padding:30px 40px;}
}    
			
@media (max-width: 575px){
.wlfr-fourth .col_fourth:nth-child(2){padding:30px 55px;}
.wlfr-fourth .col_fourth:nth-child(3){padding:30px 50px;}
.wlfr-fourth .col_fourth:nth-child(4){padding:30px 45px;}
.wlfr-fourth .col_fourth:nth-child(8){padding:30px 65px;}
}


.abt-rcrt{
}

.abt-rcrt .col_half{
}
.abt-rcrt .col_half:nth-child(1){
text-align:right;
padding-right:10%;
}
.abt-rcrt .col_half:nth-child(2){
text-align:left;
}
.abt-rcrt .col_fourth{
    padding: 40px;
    border: 1px solid #ececec;
				height:305px;
}


.wlfr-title{
color:#282828;
font-weight: 400;
height: 70px;
letter-spacing: -0.06em;
font-size:18px;

}
.wlfr-p{
color:#777;
font-size:16px;
line-height:24px;
height: 100px;
}

@media (max-width: 1300px){
.rcrt1-ul li img{
max-width:100%;
}

}
@media (max-width: 1023px){
.rcrt2-ul li{
font-size:14px;
line-height: 28px;
}
.rcrt1-ul {
margin-bottom:30px;
}
.rcrt2-ul {
margin-bottom:30px;
}
.rcrt .col_fourth{
width:32%;
}
.rcrt .col_fourth:nth-child(3n){
margin-right:0;
}

.rcrt .col_fourth:last-child{
margin-right:0!important;
}

.wlfr-fourth .end{
margin-right:2%!important;
}
}
@media (max-width: 767px){
.abt-rcrt .col_half p{font-size:14px;line-height:28px;}
.abt-rcrt .col_half{width:49%;}


.rcrt1-ul {
display:none;
}

.mb-rcrt1	{
display:block;
	}
.mb-rcrt1	img{
max-width:100%;
margin-bottom:30px;
	}
	
.rcrt .col_fourth{
width:49%;
				height:230px;
				padding:30px;
}
.rcrt .col_fourth:nth-child(3n){
margin-right:2%;
}
.rcrt .col_fourth:nth-child(2n){
margin-right:0;
float:right;
}
.wlfr-fourth .end {
    margin-right: 0!important;
}
.wlfr-title{
height:50px;
}	

.wlfr-p{
color:#777;
font-size:14px;
line-height:24px;
height: 60px;
}	
}

@media (max-width:575px){
.abt-rcrt .col_half{width:100%;text-align:center;}
.abt-rcrt .col_half:nth-child(1){width:100%;text-align:center;padding-right:0;}
.abt-rcrt .col_half p{text-align:center;}

.rcrt .col_half{
width:100%;
	}
.rcrt .col_half:nth-child(1){
text-align:center;
padding-right:0;
}
.cont h5.pdg1-h5{
text-align:center;
margin-bottom:10px;
}
.rcrt .col_half:nth-child(2) p{
font-size:14px;text-align:center;
line-height:28px;
}
.rcrt .col_fourth{
width:100%;
}
	
}
/*** 끝 about us > 회사소개 > 채용공고***/


/*** 시작 about us > 회사소개 > 전국대리점 ***/
.agnc{} 
.agnc .select-dropdown {
    position: relative;
    max-width: 100%;
    width: auto;
    cursor: pointer;
    display: block;
				}

.agnc .select-dropdown:after {
    content: '';
		cursor: pointer;
		display: block;
		position: absolute;
right: 16px;
    top: 50%;
    margin-top: -3px;
		width: 0;
    height: 0;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #222 transparent;

	}

.agnc select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 16px;
				color:#888;
				
				height:50px;
    outline: none;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
    box-shadow: none;
    padding-left: 20px;
				}

.agnc select :focus {
        outline: none;
    background-color: #fff;
    border-color: #1c86f2;
    box-shadow: 0 0 1px #1c86f2 inset;
  }

.agnc select::-ms-expand {
	display:none;
}

.agnc .board-search { display:inline-block;font-size: 0; text-align: center; margin:0;width:100%; }

.agnc .board-search .ui-select { display:inline-block;width: 155px; margin-right: 5px; }

.agnc .board-search .ui-select > button { height: 60px; }
.agnc .board-search .input-wrap { font-size: 0; display: inline-block;vertical-align:top }
.agnc .board-search .input-wrap input { width: 500px; height: 50px; background: none; border: none; line-height: 50px; padding-left: 20px; background-color: #f5f5f5;border:1px solid #d6d6d6;}

.agnc .board-search .input-wrap button { position: relative; width: 70px; height: 50px;font-size:15px;color:#fff;background:#ff6c00;margin-left:5px;}


@media (max-width: 1023px) {
.agnc .board-search .input-wrap input{width:300px;}
}

@media (max-width: 767px) { 
.agnc select{line-height:40px;height:50px;margin-bottom:0;}
.agnc .board-search .ui-select { width:30%;}
.agnc .board-search .input-wrap { width:68%;}
.agnc .board-search .input-wrap input { width:77.5%;padding-left:5px;}
.agnc .board-search .input-wrap button { width:20%;}
}


/*** 끝 about us > 회사소개 > 전국대리점 ***/ 

/*** 시작 about us > 회사소개 > 주요고객사 ***/ 
.ptnr {
}
.ptnr .col_fourth {
}
.ptnr .ptnr-redlink { 
    width: 100%;
				border: 1px solid #ececec;
				display: block;
    margin: 0px;
    box-sizing: border-box;
}
.ptnr .ptnr-redlink:hover,
.ptnr .ptnr-redlink:focus,
.ptnr .ptnr-redlink:active {
		width:100%;
  border: 1px solid #da291c;
		margin: 0px;
		display: block;
  box-sizing: border-box;
}
.ptnr .ptnr-img {
  margin:2rem 0;
}
.ptnr .ptnr-title {
    color: #282828;
    font-weight: 400;
    letter-spacing: -0.06em;
    font-size: 1rem;
				margin-bottom:2rem;
}
/*** 끝 about us > 회사소개 > 주요고객사 ***/ 


/*** 시작 product > 제품소개 ***/
.prdt-bimg {
  background-color: #cccccc;
  height: 360px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
		margin-bottom:70px;
}

.prdt-btext {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
		background-color:#d5212e;
		text-transform: uppercase;
		width:70%;
		
}
.prdt-btext h1{
color:#fff;
/*font-size:100px;*/
font-size:75px;
font-weight:900;
line-height:95px;
height:100px;
}


.business .list-wrap { width: 100%; max-width: 100%; margin: 0 auto; }

.business .list-wrap ul { text-align: left; /*text-align-last: left;*/ font-size: 0; /*margin-top: -2%;*/ }

.business .list-wrap ul li { display: inline-block; vertical-align: top;margin:1%;padding:2%; /*width: 32%;*/width: 23%; height: auto; position: relative;background-color:#f5f5f5; overflow: hidden; /*&.big{ width:66%; max-width:790px; }*/ }

.business .list-wrap ul li p{width:100%;text-align:center;background:#fff;}

/*.business .list-wrap ul li:nth-child(3n) { margin-right: 0; }*/

.business .list-wrap ul li > span { display: inline-block; position: absolute; bottom:0;right:0; z-index: 1; color: #fff; font-size: 30px; padding: 0 10px; width:45px;height: 45px; line-height: 45px; text-align: center;font-weight:100;}
.business .list-wrap ul li .dev-dataul-img{width:100%;height:190px;}
.business .list-wrap ul li img { transition: .7s all; width: 100%;height:100%; }

.business .list-wrap ul li .more { /*position: absolute; z-index: 2; top: 0; left: 0;*/ width: 100%; height: 8em; /*background-color: rgba(0, 0, 0, 0.7); overflow: hidden; transition: .7s all; *//*text-align: left;text-align-last: left;*/ /*opacity: 0;*/ color: #222;background:#f5f5f5; }

.business .list-wrap ul li .more .text { /*position: absolute; bottom: 35px;*/ padding: 10% 0;text-align:center; }

.business .list-wrap ul li .more strong { font-size: 16px; display: block;color:#000;line-height:30px;}

.business .list-wrap ul li .more em { font-size: 16px; display: block; line-height: 1; margin-bottom: 10px; }

.business .list-wrap ul li .more p { font-size: 14px; line-height: 24px; margin: 5% 0 5%; width:100%;height:77px;}

.business .list-wrap ul li .more span { font-size: 14px; font-weight: 600; font-family: 'Titillium Web'; display: block; line-height: 1; }

@media (max-width: 1023px) {
		.business .list-wrap { margin: 0; width: 100%;max-width: 100%;  }
  .business .list-wrap ul { overflow: hidden; margin-top: -2%; }
  .business .list-wrap ul li {width:48%;display: inline-block; vertical-align: top;  margin-top: 2%;  max-width: none; height: auto; /*&.big{ width:100%; max-width:none; }*/ }
  .business .list-wrap ul li:nth-child(even) { float:right;margin-right: 0 !important; }
  .business .list-wrap ul li img { max-width: 100%;height:100%; }
  .business .list-wrap ul li > span { width:40px;height: 40px; line-height: 40px; font-size: 18px; }
  .business .list-wrap ul li .more { position:relative; width: 100%; text-align: left;}
  .business .list-wrap ul li .more .text { position: absolute; width: 100%;height:8em; padding: 30px; bottom: 0; left: 0; }
  .business .list-wrap ul li .more strong { font-size: 17px; display: block; line-height: 24px; margin-bottom: 8px; }
  .business .list-wrap ul li .more em { font-size: 13px; display: block; line-height: 18px; margin-bottom: 0; display: block; }
  .business .list-wrap ul li .more p { font-size: 14px; line-height: 28px; margin-bottom: 0; display: inline-block; }
  .business .list-wrap ul li .more span { font-size: 13px; font-weight: 400; font-family: 'Titillium Web'; line-height: 18px; display: block; }
}

@media (max-width: 767px) { 
.prdt-bimg {	margin-bottom:20px;}
.prdt-btext h1{font-size:33px;line-height:70px;height:70px;}
}

@media (max-width: 575px) {


.business .list-wrap ul li{width:100%;margin:0;padding:5%;margin: 0 0 8% 0;}
.business .list-wrap ul li .more .text { position: absolute; width: 100%;padding: 20px 10px; top:0; }

}

/*제품상세*/
.column-2 {
	float: left;
	width: 49%;
	padding: 90px 0 50px 70px;
}
.column-2 h5 {
	font-size:20px;
	font-weight:900;
	color:#222;
	margin-bottom:30px;
}
.column-2 ul {
}
.column-2 ul li {
	width:100%;
	text-align:left;
	font-size:16px;
	line-height:30px;
}
.column-2 .gnrl-button {
	margin: 50px 0 0 0;
	width:200px;
}
.column-2 .gnrl-button span {
	padding:0 10px 0 0;
	margin:0;
}
/* Clear floats after the columns */
.prdt-row {
	background:#f9f9f9;
}
.prdt-row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

/* Create two equal columns that floats next to each other */
.column-2-big-1 {
	float: left;
	width: 50%;
	padding: 10px;
	height: 300px; /* Should be removed. Only for demonstration */
	background: url(../images/products/prdt-prcs.png) no-repeat center 0;
	background-size: cover;
	
}
.column-2-big-1 h2{
color:#fff;
font-weight:500;
font-size:26px;
padding:50px 40px 20px;
}
.column-2-big-1 p{
color:#fff;
padding:0px 40px;
font-size:16px;
}

.column-2-big-1 a{
padding:20px 40px;
font-size:16px;
}
.column-2-big-2 {
	float: left;
	width: 50%;
	padding: 10px;
	height: 300px; /* Should be removed. Only for demonstration */
	background: url(../images/products/prdt-ctlg.png) no-repeat center 0;
	background-size: cover;
}
.column-2-big-2 h2{
color:#fff;
font-weight:500;
font-size:26px;
padding:50px 40px 20px;
}
.column-2-big-2 p{
color:#fff;
padding:0px 40px;
font-size:16px;
}
.column-2-big-2 a{
padding:20px 40px;
font-size:16px;
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

h5.prdt-dtl {
	margin-top:80px;
}
h5.prdt-dtll {
	margin-top:80px;
	margin-bottom:30px;
}
p.prdt-dtl {
	text-align:left!important;
	
}
ul.prdt-dtl {width:100%;display:flex;}
ul.prdt-dtl li{display:inline-block;margin-right:5%;}
ul.prdt-dtl li:last-child{margin-right:0;}
@media (max-width: 575px) {
ul.prdt-dtl {display:table-cell;text-align:center;}
ul.prdt-dtl li{display:inline;}
}


.prdt-dtl-spec{width:100%;position:relative;}
.prdt-dtl-spec img{text-align:center;}

.prdt-dtl-spec .jkw-table-prdt {
border-top: 2px solid #000;
border-bottom: 1px solid #e0e0e0;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 1220px;
table-layout: fixed;
}

.prdt-dtl-spec .jkw-table-prdt caption {
display:none;
}
.prdt-dtl-spec .jkw-table-prdt .col-25{
width:25%;
}
.prdt-dtl-spec .jkw-table-prdt tr {
border-top: 1px solid #e0e0e0;
padding: .35em;
}

.prdt-dtl-spec .jkw-table-prdt th,
.prdt-dtl-spec .jkw-table-prdt td {
padding: 0.75em;
text-align: center;
}

.prdt-dtl-spec .jkw-table-prdt th {
letter-spacing: .1em;
text-transform: uppercase;
background:#f5f5f5;
color:#111;
font-size:16px;
font-weight:400;
}
.prdt-dtl-spec .jkw-table-prdt th.title{
background:#fff;
}
.prdt-dtl-spec .jkw-table-prdt th.total, .jkw-table-prdt td.total{
font-weight:400;
color:#111;
background:#f5f5f5;
/*border-bottom:4px double #999;*/
}
.prdt-dtl-spec .jkw-table-prdt td{font-size:14px;line-height:24px;}
.prdt-dtl-spec .jkw-table-prdt td.rline, th.rline{
border-right:1px solid #ddd;

}
.prdt-dtl-spec .jkw-table-prdt td.rwspn{
padding:0!important;
 vertical-align:middle;
}





#sub-3step-title h4.prdt-nm{
font-size:50px;
font-weight:900;
line-height:1em;
color:#222;
margin-bottom:50px;
}

@media (max-width: 1300px) {
.prdt-dtl-spec img{max-width:100%;}
}

@media (max-width: 1023px) {
#sub-3step-title h4.prdt-nm{
font-size:24px;
font-weight:700;
color:#222;
margin-bottom:30px;
}
h5.prdt-dtll {
	margin-top:30px;
}
p.prdt-dtl{text-align:center!important;}
.prdt-row .column-2:nth-child(2){padding:50px 2em;text-align:center;}
.prdt-row .column-2 img{max-width:100%;}
}

@media screen and (max-width: 767px) {
.prdt-row .column-2 {
 width: 100%;padding: 50px 30px;
}
.prdt-row .column-2 img{max-width:100%;}
.column-2 .gnrl-button {width: 200px;margin: 50px auto 0;}
h5.prdt-dtll {
	margin-top:30px;
}
}


@media screen and (max-width: 600px) {

 .column-2-big-1 {
 width: 100%;
}
 .column-2-big-2 {
 width: 100%;
}
}
@media screen and (max-width: 1219px) {
.prdt-dtl-spec .tableWrapper{overflow-x:auto;}
}


/*** 끝 product > 제품소개 ***/


/*** 시작 product > 제품카탈로그 ***/
.ctlg{
}
.ctlg .col_half h5{
font-size:22px;color:#333;font-weight:400;
line-height:32px;
margin-bottom:20px;
text-align:center;
}
.ctlg .col_half img{
border:1px solid #ececec;
margin-bottom:20px;
}
.ctlg .col_half ul{
}
.ctlg .col_half ul li{
display:inline;

}
.ctlg .col_fourth{
}
.ctlg .col_fourth .btnn{
width:100%;
margin:0;
}
.ctlg .col_fourth h5{
font-size:18px;color:#333;font-weight:300;
line-height:32px;
margin-bottom:20px;
text-align:center;
}
.ctlg .col_fourth img{
border:1px solid #ececec;
margin-bottom:20px;
}

@media (max-width:1300px) {
.ctlg .col_fourth img{max-width:100%}
}

@media (max-width: 1023px) {
.ctlg .col_half h5{font-size:20px;}
.ctlg .col_half ul li .btnn{width:70%;margin:0 0 10px 0;}
}
@media (max-width:767px) {
.ctlg .col_half ul li{width:100%;}
.ctlg .col_half ul li .btnn{width:40%;margin-bottom:10px;}
.ctlg .col_fourth .btnn{width:40%;margin-bottom:10px;}
}
@media (max-width:575px) {
.ctlg .col_half ul li .btnn{width:70%;margin-bottom:10px;}
.ctlg .col_fourth .btnn{width:70%;margin-bottom:10px;}
}

/*** 끝 product > 제품카탈로그 ***/

/*** 시작 new business > 기술개발 ***/
#nwbsns {
  width: 100%;
  height: auto;
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-flow:row wrap;
}

#nwbsns div {
  -webkit-flex: 3;  /* Safari 6.1+ */
  -ms-flex: 3;  /* IE 10 */  
  flex: 3;
  margin:10px;
}

.dvlpmt .column-3{
		width:32%;
  padding:0;
  margin-right:2%;
		margin-bottom:4%;
}
.dvlpmt .column-3:nth-child(3n){
  margin-right:0;
}
.dvlpmt .column-3:last-child{
  margin-bottom:0;
}

.nwbsns-rdimg {
  margin: 0px auto 40px;
}

.nwbsns-rdimg img{
		max-width:100%;
}
		
.nwbsns-contents{
height:;
margin:0;
}
.nwbsns-contents h4{
font-size:30px;
font-weight:500;
color:#333;
margin-bottom:30px;

}


.nwbsns-contents h4.nwbsns-h4-1{
height:60px;
}
.nwbsns-contents h4.nwbsns-h4-2{
height:160px;
}
.nwbsns-contents h4.nwbsns-h4-3{
height:140px;
}

.nwbsns-contents h4 span{
font-size:20px;
color:#333;
font-weight:500;
}
.nwbsns-contents p{
font-size:18px;
font-weight:300;
color:#666;
}

@media (max-width: 1023px) {
.dvlpmt .column-3{
width:49%
}
.dvlpmt .column-3:nth-child(3n){
  padding:0;
  margin-right:2%;
}
.dvlpmt .column-3:nth-child(2n){
  padding:0;
  margin-right:0;
}
.nwbsns-contents{
margin-bottom:20px;
}
.nwbsns-contents h4{
font-size:20px;
margin-bottom:10px;
}

.nwbsns-contents p{
font-size:14px;
}

.nwbsns-contents h4.nwbsns-h4-3{
height:100px;
}

}

@media (max-width: 575px) {
.dvlpmt .column-3{
width:100%
}

}

/*** 끝 new business > 기술개발 ***/


/*** 시작 new business > 특허기술 ***/
/***시작 특허기술 공통***/
.top-ptnt .column-3:nth-child(1){
float:left;
 margin: 3.2% 0;
	text-align:left;
}
.top-ptnt .column-3:nth-child(2){
 margin: 3.2% ;
	text-align:left;
}
.top-ptnt .column-3:nth-child(3){
float:right;
 margin: 3.2% 0;
	text-align:left;
}

.ptnt1 h5{
font-size:24px;
margin:55px 0 30px 0;
letter-spacing:0;
}
.ptnt1-clm-1-padding{
padding:0 55px 55px 55px;
}
.ptnt1-clm-3-padding{
padding:0 30px 55px 30px;
}
.ptnt1-clm-3-ul{
margin-left:20px;
height:295px;
}
.ptnt1-clm-3-ul li{
line-height:24px;
padding:0 0 10px 0;
list-style-image: url(../images/icon/li-icon.png);
list-style-position: inherit;
}
.ptnt1-clm-3-ul li ul{
margin:20px 0 0 20px;
}
.ptnt1-clm-3-ul li ul li{
font-size:16px;
color:#888;
line-height:22px;
list-style-image: url(../images/icon/lili-icon.png);
}

.mdl-ptnt .column-2:nth-child(1){
float:left;
}
.mdl-ptnt .column-2:nth-child(2){
float:right;
}

.mdl-ptnt2 .column-2:nth-child(1){
float:left;
}
.mdl-ptnt2 .column-2:nth-child(2){
float:right;
}


.ptnt2{
}
.ptnt2 img{
max-width:100%;
}
.ptnt2-clm-2-bdr{
border:1px solid #ececec;
position:relative;
background:#fff;
padding: 60px;
}
.ptnt2-clm-2-padding{
padding:0;
}
.ptnt2-red{
position: absolute;
top: -25px;
left: 0;
width:100%;
}
.ptnt2-red-title{
position:relative;
margin:0 auto;
width:40%;
background:#ff6c00;
color:#fff;
font-size:15px;
padding:5px 0;
}
.ptnt3{
position:relative;
padding:0;
}
.ptnt3 img{
max-width:100%;
}
.ptnt3 dl{
width:100%;
margin-bottom: 55px;
text-align: left;
}
.ptnt3 dt{
width:10%;
float:left;
font-weight: 500;
font-size: 26px;
letter-spacing: -0.4px;
color: #333;
line-height:36px;
}
.ptnt3 dd{
width:90%;
float:right;
font-weight: 500;
font-size: 26px;
letter-spacing: -0.4px;
color: #333;
line-height:36px;
}
.ptnt3 li{
text-align:left;
}
.ptnt3-clm-2-padding{
padding:0 0 0 40px ;
}
.ptnt3-img1{
    position: relative;
    z-index: 1;
				width:90%;
}
.ptnt3-img1 > img {
box-shadow: 10px 10px 30px 1px rgba(0, 0, 0, 0.2);
		}
.ptnt3-img-color1{
background:#ff6c00;
width: 80%;
    box-sizing: border-box;
    position: absolute;
    top: 60px;
    right: 0;
				height:100%;
				box-shadow: 10px 10px 30px 1px rgba(0, 0, 0, 0.2);
}
.ptnt3-img-color2{
background:#333;
width: 80%;
    box-sizing: border-box;
    position: absolute;
    top: 60px;
    right: 0;
				height:100%;
				box-shadow: 10px 10px 30px 1px rgba(0, 0, 0, 0.2);
}
.ptnt3-img2{
    position: relative;
    z-index: 1;
				width:90%;
				float:right;
}
.ptnt3-img2 > img {
box-shadow: 10px 10px 30px 1px rgba(0, 0, 0, 0.2);
		}
.ptnt3-img2-color1{
background:#ff6c00;
width: 80%;
    box-sizing: border-box;
    position: absolute;
    top: 60px;
    right: 13.5%;
				height:100%;
				box-shadow: 10px 10px 30px 1px rgba(0, 0, 0, 0.2);
}
.ptnt3-img2-color2{
background:#333;
width: 80%;
    box-sizing: border-box;
    position: absolute;
    top: 60px;
    right: 13.5%;
				height:100%;
				box-shadow: 10px 10px 30px 1px rgba(0, 0, 0, 0.2);
}


@media (max-width: 1300px){
.ptnt1-clm-3-ul{height:320px;}
.ptnt1 h5{ letter-spacing:-0.05em;margin: 30px 0 20px 0;}
.mdl-ptnt .column-2 img{max-width:100%;}
}

@media (max-width: 1023px){
.top-ptnt .column-3:nth-child(1) {width: 49%;	}
.top-ptnt .column-3:nth-child(2) {width: 49%;	margin:3.2% 0;float:right;}
.top-ptnt .column-3:nth-child(3) {width: 100%;	margin:0;clear:both;}
.top-ptnt .column-3:nth-child(3) .ptnt1-clm-3-ul{height:auto;}
.ptnt1 h5 {font-size: 24px;margin: 30px 0 20px 0;}
.ptnt1 p{font-size:14px;line-height:28px;}
.ptnt1-clm-1-padding{padding: 0 30px 30px 30px;}
.ptnt1-clm-3-ul{height:280px;}
.ptnt1-clm-3-ul li{font-size:14px;line-height:28px;}
.ptnt1-clm-3-ul li:last-child{padding:0;}
.ptnt1-clm-3-ul li ul li{font-size:14px;line-height:28px;}
.ptnt1-clm-3-padding{ padding: 0 30px 30px 30px;}
.ptnt3 dt, .ptnt3 dd{font-size:20px;line-height:26px;}

}
@media screen and (max-width: 757px) {
.top-ptnt .column-1 {margin-bottom:3.2%;} 
.top-ptnt .column-3 {width: 100%;}
.top-ptnt .column-3:nth-child(1) {width: 100%;	}
.top-ptnt .column-3:nth-child(2) {width:100%;margin: 3.2% 0}
.mdl-ptnt h5{font-size:20px;line-height:26px;}
.mdl-ptnt .column-2 {width:100%;}
.mdl-ptnt .column-2:first-child{margin-top:8%;margin-bottom:20%;}
.mdl-ptnt .mdl-ptntt .column-2:first-child{margin-top:0;margin-bottom:8%;}
.mdl-ptnt .column-2 img{max-width:100%;}
.mdl-ptnt2 .column-2 {width:100%;}
.mdl-ptnt2 .column-2:first-child{margin-top:0;margin-bottom:5%;}
.mdl-ptnt2 .column-2 img{max-width:100%;}
.ptnt1-clm-3-ul{height:auto;}
.ptnt3-clm-2-padding {padding: 40px 0 0 0;}
.ptnt3-img-color1{top: 30px;}
.ptnt3-img-color2{top: 30px;}
.ptnt3-img2-color1{top: 10px;left:0;height:80%;}
.ptnt3-img2-color2{top: 10px;left:0;height:80%;}
.ptnt3 dl{margin-bottom: 30px;}
.col_half-49 .col_half{width:100%;}


}

@media screen and (max-width:575px) {

}
/***끝 특허기술 공통***/
/***시작 LENIENT***/
.ptnt-lnnt{
}
.ptnt-lnnt ul{
    margin: 20px 0 0 20px;
    height: 15em;
}
.ptnt-lnnt ul.ptnt-lnnt-2{
	  margin:80px 0 0 20px;
}
.ptnt-lnnt ul li{
line-height: 24px;
    padding: 0 0 10px 0;
    list-style-image: url(../images/icon/li-icon.png);
    list-style-position: inherit;
    text-align: left;
}
.ptnt-lnnt2{
}
.ptnt-lnnt2 .col_half{
border: 1px solid #dcdcdc;
padding:50px 0;
}
.ptnt-lnnt3{
} 
.ptnt-lnnt3 .col_half{
padding:5% 5% 0 5%;
}
.ptnt-lnnt3 .col_half h5{
font-weight: 100;
    font-size: 18px;
    color: #fff;
    margin-bottom: 35px;
				text-align:center;
				background:#333;
				padding:10px;
				border-radius: 100px;
}
.ptnt-lnnt3 .col_half h6{
font-weight: 500;
    font-size: 20px;
    color: #555;
    margin-bottom: 20px;
    text-align: left;
}
.ptnt-lnnt3 .col_half ul{
margin: 20px 0 30px 20px;
}
.ptnt-lnnt3 .col_half ul li{
line-height: 24px;
    padding: 0 0 10px 0;
    list-style-image: url(../images/icon/li-icon.png);
    list-style-position: inherit;
    text-align: left;
}
.ptnt-lnnt4{}
.ptnt-lnnt4 .col_half{
}
.ptnt-lnnt4 .col_half img{
padding:6%;
background:#fff;
}
@media (max-width: 1023px){
.ptnt-lnnt3 .col_half{
padding:2% 2% 0 2%;
}
}
@media (max-width: 767px){
.ptnt-lnnt ul li{font-size:14px;line-height:28px;}
.ptnt-lnnt ul.ptnt-lnnt-2{margin: 20px 0 0 20px;}
.ptnt-lnnt3 .col_half h5{font-size:16px;}
.ptnt-lnnt3 .col_half ul li{font-size:14px;line-height:26px;}
}
/***끝 LENIENT***/
/*** 끝 new business > 특허기술 ***/


/*** 시작 CYBER IR > 조광IR > 회사현황***/
.cpny-state{}
.cpny-state-bg{background:url(../images/ir/cpny01-bg.png) no-repeat center center;background-size:cover;}
.wrapper { width: 980px; margin: 30px auto; position: relative;}
.cpny-state .counter { /*background-color: #ffffff;*/padding: 20px 0; border-radius: 5px;}
.cpny-state .count-title { color:#fff;font-size: 38px; font-weight: 700;  margin-top: 20px; margin-bottom: 0; text-align: center; }
.cpny-state-bg .count-text { color:#fff;font-size: 16px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }

/***시작 주요재무현황 차트***/
.fnnc{}
.fnnc .col_half{
width:45%;
}
.fnnc .col_half:nth-child(1){
margin-right:5%;
}
.fnnc .col_half:nth-child(2){
margin-left:5%;
}
.fnnc h5{
font-weight: 500;
    font-size: 26px;
    letter-spacing: -0.4px;
    color: #333;
    margin-bottom: 55px;
    text-align: left;
				position:relative;
}
.fnnc h5 span{
font-size:13px;
color:#999;
position:absolute;
right:2%;
bottom:0;
}
.igFrameBar {
  width: 100%;
  height: 400px;
  position: relative;
  /*background: #f2f2f2;*/
  margin: 0 auto 0px auto;
  transform: translate(0, -25%);
		border-bottom:1px solid #222;
		float:left;
}

.igFrameBar:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 50%;
		left:0;
}

.igFrameBar:after {
  content: "";
  width: 100%;
  height: 50%;
  background: transparent;
  position: absolute;
  top: 25%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
		left:0;
}

.igData {
  width: 50px;
  position: absolute;
  bottom: 0;
  margin: 0px 0px 0px 0px;
  z-index: 99;
  float: left;
}

.igData1 {
  background: #d9e1e8;
  height: 0px;
  left: 6%;
  -webkit-animation: showBar1 1.2s 0.1s forwards;
  -moz-animation: showBar1 1.2s 0.1s forwards;
  animation: showBar1 1.2s 0.1s forwards;
}

.igData2 {
  background: #9baec8;
  height: 0px;
  left: 31%;
  -webkit-animation: showBar2 1.2s 0.2s forwards;
  -moz-animation: showBar2 1.2s 0.2s forwards;
  animation: showBar2 1.2s 0.2s forwards;
}

.igData3 {
  background: #8ec0e4;
  height: 0px;
  left: 58%;
  -webkit-animation: showBar3 1.2s 0.3s forwards;
  -moz-animation: showBar3 1.2s 0.3s forwards;
  animation: showBar3 1.2s 0.3s forwards;
}

.igData4 {
  background: #2b90d9;
  height: 0px;
  left: 85%;
  -webkit-animation: showBar4 1.2s 0.4s forwards;
  -moz-animation: showBar4 1.2s 0.4s forwards;
  animation: showBar4 1.2s 0.4s forwards;
}

.igData5 {
  background: #cadbe9;
  height: 0px;
  left: 6%;
  -webkit-animation: showBar5 1.2s 0.5s forwards;
  -moz-animation: showBar5 1.2s 0.5s forwards;
  animation: showBar5 1.2s 0.5s forwards;
}

.igData6 {
  background: #d6ecfa;
  height:0px;
  left: 31%;
  -webkit-animation: showBar6 1.2s 0.6s forwards;
  -moz-animation: showBar6 1.2s 0.6s forwards;
  animation: showBar6 1.2s 0.6s forwards;
}

.igData7 {
  background: #a5dff9;
  height: 0px;
  left: 58%;
  -webkit-animation: showBar7 1.2s 0.7s forwards;
  -moz-animation: showBar7 1.2s 0.7s forwards;
  animation: showBar7 1.2s 0.7s forwards;
}

.igData8 {
  background: #2b90d9;
  height: 0px;
  left: 85%;
  -webkit-animation: showBar8 1.2s 0.8s forwards;
  -moz-animation: showBar8 1.2s 0.8s forwards;
  animation: showBar8 1.2s 0.8s forwards;
}

.igData9 {
  background: #dae9f4;
  height: 0px;
  left: 317.2727272727px;
  -webkit-animation: showBar9 1.2s 0.9s forwards;
  -moz-animation: showBar9 1.2s 0.9s forwards;
  animation: showBar9 1.2s 0.9s forwards;
}

.igData10 {
  background: #d3e0f7;
  height: 0px;
  left: 353.6363636364px;
  -webkit-animation: showBar10 1.2s 1s forwards;
  -moz-animation: showBar10 1.2s 1s forwards;
  animation: showBar10 1.2s 1s forwards;
}

.igData:before {
  position: absolute;
  top: -30px;
  font-size: 12px;
  color: #333;
  /*font-family: "roboto";*/
  font-weight: 300;
		width:100px;
		left:-50%;
}

.igData1:before {
  content: "312억 3천만원";
}

.igData2:before {
  content: "244억 9천만원";
}

.igData3:before {
  content: "203억 2천만원";
}

.igData4:before {
  content: "246억 200만원";
}

.igData5:before {
  content: "70억 5천만원";
}

.igData6:before {
  content: "37억 4천만원";
}

.igData7:before {
  content: "33억 9천만원";
}

.igData8:before {
  content: "48억 3천만원";
}

.igData9:before {
  content: "88%";
}

.igData10:before {
  content: "62%";
}

.igData:after {
  position: absolute;
  bottom: -35px;
  transform: rotate(0deg);
  color: #666;
  font-size: 14px;
  text-align: left;
  /*font-family: "roboto";*/
  font-weight: 300;
  width: 50px;
		left:14%;
}

.igData1:after {
  content: "2015";
}

.igData2:after {
  content: "2016";
}

.igData3:after {
  content: "2017";
}

.igData4:after {
  content: "2018";
}

.igData5:after {
  content: "2015";
}

.igData6:after {
  content: "2016";
}

.igData7:after {
  content: "2017";
}

.igData8:after {
  content: "2018";
}

.igData9:after {
  content: "Malcom";
}

.igData10:after {
  content: "Ted";
}

@-webkit-keyframes showBar1 {
  0% {
    height: 0px;
  }
  100% {
    height: 67%;
  }
}
@-webkit-keyframes showBar2 {
  0% {
    height: 0px;
  }
  100% {
    height: 51%;
  }
}
@-webkit-keyframes showBar3 {
  0% {
    height: 0px;
  }
  100% {
    height: 42%;
  }
}
@-webkit-keyframes showBar4 {
  0% {
    height: 0px;
  }
  100% {
    height: 52%;
  }
}
@-webkit-keyframes showBar5 {
  0% {
    height: 69%;
  }
  100% {
    height: 35%;
  }
}
@-webkit-keyframes showBar6 {
  0% {
    height: 0px;
  }
  100% {
    height: 36%;
  }
}
@-webkit-keyframes showBar7 {
  0% {
    height: 0px;
  }
  100% {
    height: 34%;
  }
}
@-webkit-keyframes showBar8 {
  0% {
    height: 0px;
  }
  100% {
    height: 48%;
  }
}
@-webkit-keyframes showBar9 {
  0% {
    height: 0px;
  }
  100% {
    height: 88%;
  }
}
@-webkit-keyframes showBar10 {
  0% {
    height: 0px;
  }
  100% {
    height: 62%;
  }
}
@-moz-keyframes showBar1 {
  0% {
    height: 0px;
  }
  100% {
    height: 67%;
  }
}
@-moz-keyframes showBar2 {
  0% {
    height: 0px;
  }
  100% {
    height: 51%;
  }
}
@-moz-keyframes showBar3 {
  0% {
    height: 0px;
  }
  100% {
    height: 42%;
  }
}
@-moz-keyframes showBar4 {
  0% {
    height: 0px;
  }
  100% {
    height: 52%;
  }
}
@-moz-keyframes showBar5 {
  0% {
    height: 0px;
  }
  100% {
    height: 69%;
  }
}
@-moz-keyframes showBar6 {
  0% {
    height: 0px;
  }
  100% {
    height: 36%;
  }
}
@-moz-keyframes showBar7 {
  0% {
    height: 0px;
  }
  100% {
    height: 34%;
  }
}
@-moz-keyframes showBar8 {
  0% {
    height: 0px;
  }
  100% {
    height: 48%;
  }
}
@-moz-keyframes showBar9 {
  0% {
    height: 0px;
  }
  100% {
    height: 88%;
  }
}
@-moz-keyframes showBar10 {
  0% {
    height: 0px;
  }
  100% {
    height: 62%;
  }
}
@keyframes showBar1 {
  0% {
    height: 0px;
  }
  100% {
    height: 67%;
  }
}
@keyframes showBar2 {
  0% {
    height: 0px;
  }
  100% {
    height: 51%;
  }
}
@keyframes showBar3 {
  0% {
    height: 0px;
  }
  100% {
    height: 42%;
  }
}
@keyframes showBar4 {
  0% {
    height: 0px;
  }
  100% {
    height: 52%;
  }
}
@keyframes showBar5 {
  0% {
    height: 0px;
  }
  100% {
    height: 69%;
  }
}
@keyframes showBar6 {
  0% {
    height: 0px;
  }
  100% {
    height: 36%;
  }
}
@keyframes showBar7 {
  0% {
    height: 0px;
  }
  100% {
    height: 34%;
  }
}
@keyframes showBar8 {
  0% {
    height: 0px;
  }
  100% {
    height: 48%;
  }
}
@keyframes showBar9 {
  0% {
    height: 0px;
  }
  100% {
    height: 88%;
  }
}
@keyframes showBar10 {
  0% {
    height: 0px;
  }
  100% {
    height: 62%;
  }
}
/***끝 주요재무현황 ***/

@media (max-width: 1023px){
.fnnc h5{font-size:20px;}
.fnnc .col_half {width:100%;margin-left: 0%;margin-right: 0%;}
.fnnc .col_half:nth-child(2) { margin-left: 0%;}

}

/*** 끝 CYBER IR > 조광IR > 회사현황***/

/*** 시작 CYBER IR > 조광IR > 재무 경영현황***/
/****  경영현황  ***/
.mngmt-cndtn{
width:1046px;
margin:0 auto;
}
.mngmt-cndtn .column-4:nth-child(1){
width:25.65%;
}
.mngmt-cndtn .column-4:nth-child(2){
width:24.35%;
}
.mngmt-cndtn .column-4:nth-child(3){
width:24.25%;
}
.mngmt-cndtn .column-4:nth-child(4){
width:25.7%;
}
.mngmt-cndtn-div{
height:283px
}
.mngmt-cndtn01{ 
background:url(../images/ir/mngmt-cndtn01.png) no-repeat;
}
.mngmt-cndtn02{ 
background:url(../images/ir/mngmt-cndtn02.png) no-repeat;
}
.mngmt-cndtn03{ 
background:url(../images/ir/mngmt-cndtn03.png) no-repeat;
}
.mngmt-cndtn04{ 
background:url(../images/ir/mngmt-cndtn04.png) no-repeat;
}
.mngmt-cndtn-txt p{
margin-top:2.5em;
}

@media (max-width:1300px){
.mngmt-cndtn{width:100%;}
.mngmt-cndtn01{ 
background:url(../images/ir/mngmt-cndtn01-m.png) no-repeat center;background-size: contain;
}
.mngmt-cndtn02{ 
background:url(../images/ir/mngmt-cndtn02-m.png) no-repeat center;background-size: contain;
}
.mngmt-cndtn03{ 
background:url(../images/ir/mngmt-cndtn03-m.png) no-repeat center;background-size: contain;
}
.mngmt-cndtn04{ 
background:url(../images/ir/mngmt-cndtn04-m.png) no-repeat center;background-size: contain;
}
.mngmt-cndtn .column-4:nth-child(1){
width:25%;
}
.mngmt-cndtn .column-4:nth-child(2){
width:25%;
}
.mngmt-cndtn .column-4:nth-child(3){
width:25%;
}
.mngmt-cndtn .column-4:nth-child(4){
width:25%;
}
.mngmt-cndtn-div{height: 13em;}
.mngmt-cndtn-txt p{
margin-top:2.5em;
}
}

@media (max-width:767px){
.mngmt-cndtn-txt p{font-size:14px;margin:2em 0;}
.mngmt-cndtn .column-4:nth-child(1), .mngmt-cndtn .column-4:nth-child(2), .mngmt-cndtn .column-4:nth-child(3), .mngmt-cndtn .column-4:nth-child(4){
    width: 50%;
}
.mngmt-cndtn-txt p{height:90px;}
}

@media (max-width:575px){
.mngmt-cndtn .column-4:nth-child(1), .mngmt-cndtn .column-4:nth-child(2), .mngmt-cndtn .column-4:nth-child(3), .mngmt-cndtn .column-4:nth-child(4){
    width: 100%;
}
.mngmt-cndtn-txt p{height:auto;}
}

/****  사업개념  ***/
.mngmt-cncpt-clm-3-padding{
padding: 55px 30px;
}
.mngmt-cncpt:nth-child(1){
float:left;
 margin: 0;
}
.mngmt-cncpt:nth-child(2){
 margin: 0 3.2% ;
}
.mngmt-cncpt:nth-child(3){
float:right;
  margin: 0;
}
.mngmt-cncpt {
text-align:center;
}
.mngmt-cncpt img{
margin-bottom:20px;
}
.mngmt-cncpt h5{
font-size:24px;
text-align:center;
}

.mngmt-cncpt-clm-3-ul{
margin:20px 0 0 20px;
height:15em;
}
.mngmt-cncpt-clm-3-ul li{
line-height:24px;
padding:0 0 10px 0;
list-style-image: url(../images/icon/li-icon.png);
list-style-position: inherit;
text-align:left;
}

@media (max-width:1300px){
.mngmt-cncpt h5{text-align:center;margin-bottom:30px;}
}

@media (max-width:1023px){
.mngmt-cncpt h5{font-size:20px;}
.mngmt-cncpt-clm-3-ul{height:8em;}
.top-ptnt .column-3:nth-child(3) .mngmt-cncpt-clm-3-ul{height:12em;}
.mngmt-cncpt-clm-3-ul li{font-size:14px;line-height:28px;}
}

@media (max-width:767px){
.mngmt-cncpt-clm-3-ul{height:auto;}
.top-ptnt .column-3:nth-child(3) .mngmt-cncpt-clm-3-ul{height:auto;}
}
/****  사업전략  ***/
.mngmt-plan{
border:1px solid #dcdcdc
}

.mngmt-plan:nth-child(1){
float:left;
 margin: 0;
}
.mngmt-plan:nth-child(2){
 margin: 0 3.2% ;
}
.mngmt-plan:nth-child(3){
float:right;
  margin: 0;
}

.mngmt-plan img{
margin-bottom:20px;
}
.mngmt-plan h5{
font-size:24px;
height: 3.3em;
text-align:center;
margin-bottom:20px;
}
.mngmt-plan-clm-3-ul{
margin:20px 0 0 20px;
height:12em;
}
.mngmt-plan-clm-3-ul li{
line-height:24px;
padding:0 0 10px 0;
list-style-image: url(../images/icon/li-icon.png);
list-style-position: inherit;
text-align:left;
}


@media (max-width:1300px){
.mngmt-plan h5{text-align:center;margin-bottom:10px;}
.mngmt-plan-clm-3-ul{height:15em;}
}

@media (max-width:1023px){
.mngmt-plan h5{font-size:20px;}
.mngmt-plan-clm-3-ul li{font-size:14px;line-height:28px;}
.mngmt-plan h5{height:auto;}
.mngmt-plan-clm-3-ul{height:12em;}
.mrktig .mngmt-plan-clm-3-ul{height:auto;}
}

@media (max-width:767px){
.mngmt-plan-clm-3-ul{height:auto;}

}

/***  valve 산업의 특징 ***/
.mngmt-valve{
position:relative;
border-top:2px solid #333;
border-bottom:1px solid #ddd;
}
.mngmt-valve-div{
position:relative;
border-bottom:1px solid #ddd;
float:left;
width:100%;
text-align:left;
}
.mngmt-valve-div h5{
font-size:24px;
margin-bottom: 10px;
}
.mngmt-valve-div-lft{
width:25%;
padding:20px;
}
.mngmt-valve-div-rgt{
width:75%;
padding:20px;
}
.column-1 .mngmt-valve-div-lft{
width:11.3%;
}
.column-1 .mngmt-valve-div-lft{
width:11.3%;
}
.column-1 .mngmt-valve-div-rgt{
width:88.7%;
}
.mngmt-valve-div-rgt ul{ 
margin-left: 20px;
}
.mngmt-valve-div-rgt ul li{
font-size:16px;
line-height: 22px;
padding: 0 0 10px 0;
list-style-image: url(../images/icon/li-icon.png);
}

@media (max-width:767px){
.mngmt-valve .column-2{width:100%;padding:15px;}
.mngmt-valve-div-lft{text-align:center;}
.mngmt-valve-div-rgt ul{}
}

@media (max-width:767px){
.mngmt-valve-div-rgt ul{}
}
/***  valve 공정현황  ***/
.process_box > ul:after {clear:both; content:""; display:block;}
.process_box > ul > li {float:left; width:30.43%; margin-right:53px; position:relative; margin-bottom:35px;}
.process_box > ul > li:after {/*content: url('../images/sub/con3_1_1_arrow.png')*/content:"➨"; opacity:0.8; position:absolute; top:50%; margin-top:-10px; right:-40px;color:#000;font-weight:700;font-size:30px;}
.process_box > ul > li:nth-child(3n) {margin-right:0;}
.process_box > ul > li:nth-child(3):after {content:"";}
.process_box > ul > li:nth-child(6):after {content:"";}
.process_box > ul > li:nth-child(9):after {content:"";}
.process_box > ul > li:nth-child(12):after {content:"";}
.process_box > ul > li:nth-child(14):after {content:"";}
.process_box > ul > li .img_wrap {position:relative; width:100%; height:auto; min-height:180px;}
.process_box > ul > li:nth-child(1) .img_wrap {background:url("../images/ir/mngmt-prcss1-1.png"); background-size:cover;}
.process_box > ul > li:nth-child(2) .img_wrap {background:url("../images/ir/mngmt-prcss1-2.png"); background-size:cover;}
.process_box > ul > li:nth-child(3) .img_wrap {background:url("../images/ir/mngmt-prcss1-3.png"); background-size:cover;}
.process_box > ul > li:nth-child(4) .img_wrap {background:url("../images/ir/mngmt-prcss1-4.png"); background-size:cover;}
.process_box > ul > li:nth-child(5) .img_wrap {background:url("../images/ir/mngmt-prcss1-5.png"); background-size:cover;}
.process_box > ul > li:nth-child(6) .img_wrap {background:url("../images/ir/mngmt-prcss1-6.png"); background-size:cover;}
.process_box > ul > li:nth-child(1):hover .img_wrap {background:url("../images/ir/mngmt-prcss1-1.png"); background-size:cover;}
.process_box > ul > li:nth-child(2):hover .img_wrap {background:url("../images/ir/mngmt-prcss1-2.png"); background-size:cover;}
.process_box > ul > li:nth-child(3):hover .img_wrap {background:url("../images/ir/mngmt-prcss1-3.png"); background-size:cover;}
.process_box > ul > li:nth-child(4):hover .img_wrap {background:url("../images/ir/mngmt-prcss1-4.png"); background-size:cover;}
.process_box > ul > li:nth-child(5):hover .img_wrap {background:url("../images/ir/mngmt-prcss1-5.png"); background-size:cover;}
.process_box > ul > li:nth-child(6):hover .img_wrap {background:url("../images/ir/mngmt-prcss1-6.png"); background-size:cover;}
.process_box > ul > li:nth-child(7) .img_wrap {background:url("../images/ir/mngmt-prcss2-1.png"); background-size:cover;}
.process_box > ul > li:nth-child(8) .img_wrap {background:url("../images/ir/mngmt-prcss2-2.png"); background-size:cover;}
.process_box > ul > li:nth-child(9) .img_wrap {background:url("../images/ir/mngmt-prcss2-3.png"); background-size:cover;}
.process_box > ul > li:nth-child(10) .img_wrap {background:url("../images/ir/mngmt-prcss3.png"); background-size:cover;}
.process_box > ul > li:nth-child(11) .img_wrap {background:url("../images/ir/mngmt-prcss4.png"); background-size:cover;}
.process_box > ul > li:nth-child(12) .img_wrap {background:url("../images/ir/mngmt-prcss5.png"); background-size:cover;}
.process_box > ul > li:nth-child(7):hover .img_wrap {background:url("../images/ir/mngmt-prcss2-1.png"); background-size:cover;}
.process_box > ul > li:nth-child(8):hover .img_wrap {background:url("../images/ir/mngmt-prcss2-2.png"); background-size:cover;}
.process_box > ul > li:nth-child(9):hover .img_wrap {background:url("../images/ir/mngmt-prcss2-3.png"); background-size:cover;}
.process_box > ul > li:nth-child(10):hover .img_wrap {background:url("../images/ir/mngmt-prcss3.png"); background-size:cover;}
.process_box > ul > li:nth-child(11):hover .img_wrap {background:url("../images/ir/mngmt-prcss4.png"); background-size:cover;}
.process_box > ul > li:nth-child(12):hover .img_wrap {background:url("../images/ir/mngmt-prcss5.png"); background-size:cover;}
.process_box > ul > li:nth-child(13) .img_wrap {background:url("../images/ir/mngmt-prcss6.png"); background-size:cover;}
.process_box > ul > li:nth-child(14) .img_wrap {background:url("../images/ir/mngmt-prcss7.png"); background-size:cover;}
.process_box > ul > li:nth-child(13):hover .img_wrap {background:url("../images/ir/mngmt-prcss6.png"); background-size:cover;}
.process_box > ul > li:nth-child(14):hover .img_wrap {background:url("../images/ir/mngmt-prcss7.png"); background-size:cover;}
.process_box > ul > li .gd_img {background:linear-gradient(45deg, rgb(0,108,255), rgb(0,57,134)); position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; opacity:0.2; transition:opacity 0.3s linear;}
.process_box > ul > li .gd_img img {padding-top:50px;}
.process_box > ul > li:hover .gd_img{opacity:0;}
.process_box > ul > li .txt_wrap {padding:10px 10px 15px 10px;}
.process_box > ul > li .txt_wrap:after {clear:both; content:""; display:block;}
.process_box > ul > li .txt_wrap > p {float:left;}
.process_box > ul > li .txt_wrap > p.num {color:#222;font-size: 18px;font-weight: 700;}
.process_box > ul > li .txt_wrap > p.pc_txt {color:#333; font-size:18px; font-weight:500; padding:0 0 0 15px;text-align:left;}
.process_box > ul > li .txt_wrap .eng {display:block; line-height:15px; font-size:15px; color:#555;text-transform:uppercase }


@media (max-width:1300px) {
	.process_box > ul > li {width:28%; max-width:100%; margin-right:8%;}
	.process_box > ul > li:nth-child(3) {margin-right:0;}
	.process_box > ul > li:nth-child(6) {margin-right:0;}
	.process_box > ul > li:nth-child(4) {margin-right:8%;}

	.process_box > ul > li:nth-child(3):after {content:"";}
	.process_box > ul > li:nth-child(6):after {content:"";}
}

@media (max-width:767px) {
	.process_box > ul {margin:0 auto;}
	.process_box > ul > li {float:none; width:100%; margin:0 auto;}
	.process_box > ul > li .img_wrap {min-height:260px;}
	.process_box > ul > li .gif_img img {display:block; width:100%;}
	.process_box > ul > li .gd_img img { max-height: 100%;  max-width: 100%; width: auto;height: auto;position: absolute;  top:0;  bottom:0;  left:0;  right:0;  margin: auto; padding-top:0;}
	.process_box > ul > li:after {content: url('../images/sub/con3_1_1_bot.png')! important; position:static; display:block; width:100%; text-align:center; padding:25px 0 15px 0;}
	.process_box > ul > li:last-child:after {content:""! important;}
}

@media (max-width:375px) {
	.process_box > ul > li .img_wrap {min-height:160px;}
}
/*** 끝 CYBER IR > 조광IR > 재무 경영현황 ***/

/*** 시작 CYBER IR > 조광IR > 기업가치 및 투자포인트 ***/
.vlpint-top{
background:url(../images/ir/vlpint-bg.png) no-repeat center bottom;
}
.vlpint-ttltxt{
position:relative;

}
.vlpint-ttltxt p{}
.vlpint-ttltxt p:nth-child(1){
font-size:35px;
line-height:50px;
color:#222;
font-weight:100;
text-align:center;
margin-bottom:50px;
}
.vlpint-ttltxt p:nth-child(2){
font-size:20px;
color:#333;
font-weight:500;
text-align:center;
margin-bottom:0;
margin-top:20px;
}
.vlpint-ttltxt p.mb-575{
font-size:20px;line-height:32px;margin-top:30px;color:#333;font-weight:500;
}
.vlpint{}
.vlpint img{
text-align:center;

}
.vlpint-div{
position:relative;
float:left;
width:100%;
text-align:left;
}
.vlpint-div h5{
font-size:24px;
}
.column-2 .vlpint-div-lft{
width:25%;
padding:20px;
}
.column-2 .vlpint-div-rgt{
width:75%;
padding:20px;
}
.vlpint-div-rgt ul{ 
margin-left: 20px;
}
.vlpint-div-rgt ul li{
font-size:18px;
line-height: 24px;
padding: 0 0 10px 0;
list-style-image: url(../images/icon/li-icon.png);
}

@media (max-width: 1023px){
.vlpint-ttltxt p:nth-child(1){
font-size:22px;
line-height:40px;
margin-bottom:0;
letter-spacing:-0.05em;
}
.vlpint img{max-width:100%;}
.vlpint-div h5{font-size:20px;}
.vlpint-div-rgt ul li{font-size:14px;line-height:28px;}

.column-2 .vlpint-div-lft{width:30%}
.column-2 .vlpint-div-rgt{width:70%}
}

@media (max-width: 767px){
.vlpint-div .column-2{width:100%;padding:0 10px 20px 10px}
.column-2 .vlpint-div-lft{padding:0;}
}
/*** 끝 CYBER IR > 조광IR > 기업가치 및 투자포인트 ***/

/*** 시작 support >기술자료실 ***/

.bboard{
border-top: 1px solid #000;
width: 100%;
}
.bboard .brd-list {
display: table;
width: 100%;
border-bottom: 1px solid #ddd;
}
.bboard .brd-list li {
display: table-cell;
line-height: 75px;
height:75px;
}
.bboard .brd-list li.brd-subject{
width: auto;
font-weight: 500;
padding-left: 30px;
display: block;
color: #333;
text-align:left;
}
.bboard .brd-list li.brd-date {
width: 12%;
text-align: right;
padding-right: 30px;
font-size:16px;
}


.bboard .bbrd-list li {
width:100%;
display:block;
}
.bboard .bbrd-list li.bbrd-date {
width: 100%;
font-size:16px;
text-align:center;
line-height:16px;
padding-bottom:30px;
border-bottom:1px solid #ddd;
}
.bboard .bbrd-list li.bbrd-subject{
width: 100%;
font-weight: 600;
display: block;
color: #333;
text-align:center;
font-size:30px;
line-height:36px;
padding: 30px 0 10px 0;
}
.bboard .bbrd-contents{
padding: 30px;
text-align:left;

}

.bbboard{
border-top: 1px solid #ddd;
width: 100%;
}
.bbboard .bbrd-list {
display: table;
width: 100%;
border-bottom: 1px solid #ddd;
padding: 20px 0;
}

.bbboard .bbrd-list li.brd-dwnld-text {
display: table-cell;
width:15%;
text-align:left;
padding:0 30px;
}
.bbboard .bbrd-list li.brd-dwnld {
display: table-cell;
width:85%;
text-align:left;
padding:0 30px 0 0;
}

.tchncl-view-bttn{text-align:right;}
.tchncl-view-bttn button{width:100px;cursor:pointer;color:#fff;background-color:#ff6c00;text-align: center;padding-bottom: 10px;padding-top: 10px;}

@media screen and (max-width: 1023px){
.bboard .brd-list li.brd-date {width: 20%;}
.bboard .brd-list li{font-size:14px;}
.bboard .bbrd-list li.bbrd-subject{font-size:22px}
.bboard .bbrd-contents p{font-size:14px;line-height:28px;}
.bbboard .bbrd-list li.brd-dwnld-text {font-size:14px;}
.bbboard .bbrd-list li.brd-dwnld {font-size:14px;}
}

@media screen and (max-width: 767px){

.bboard {
    display: block;
}
.bboard .brd-list {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}
.bboard .brd-list li {
    display: block;
    line-height: 30px;
				height:30px;
    border-bottom: none;
}

.bboard .brd-list li.brd-subject {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.bboard .brd-list li.brd-date {
    width: 100%;
    text-align: left;
    padding-left: 20px;
}
.bboard .bbrd-contents{padding:20px;}
.bbboard .bbrd-list li.brd-dwnld-text {width:40%;}
.bbboard .bbrd-list li.brd-dwnld {width:60%;}
.tchncl-view-bttn{text-align:center;}

}

/*** 시작 설비소개 >생산설비 ***/
.eqmt-prdt-box {
    border: 1px solid #e5e5e5;
    padding: 30px 60px;
    position: relative;
				display:inline-block;
				width:100%;
				margin-bottom:3rem;
}
.eqmt-prdt-box:before {
    content: "";
    display: block;
    width: 90px;
    height: 1px;
    background-color: #ff6c00;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -45px;
}
.eqmt-prdt-box .col_eqmt-prdt{
				float: left;
    width: calc(100% - 400px);
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
				position:relative;
}
.eqmt-prdt-box .col_eqmt-prdt-img{
				float: right;
    width: 300px;
}
.eqmt-prdt-box .col_eqmt-prdt-img p {
				font-size:0.85rem;
				margin-bottom:1rem;
}
.eqmt-prdt-box .col_eqmt-prdt-100 {
    width:60%;
    padding-right: 0;
				margin:0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
				position:relative;
}
.eqmt-prdt-box h5 {
    font-family: "Montserrat";
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: -0.1px;
    color: #282d39;
}
.eqmt-prdt-box h5:before {
    content: "";
    display: block;
    width: 7px;
    height: 3px;
    background: #ff6c00;
    position: absolute;
    left: -20px;
				margin-top:0.5rem;
}
.eqmt-prdt-info {
				margin-bottom:2rem;
}
.eqmt-prdt-info ul li {
    width: 100%;
    position: relative;
    display: block;
				font-size:0.9rem;
    line-height: 30px;
    text-align: left;
}
.eqmt-prdt-info ul li:before {
    content: "";
				padding-right:0rem;
}

.eqmt-prdt-info .eqmt-prdt-li-none li:before {
    content: "";
				padding-right:0;
}
.eqmt-prdt-info ul .eqmt-prdt-li-half {
    width:50%;
				float:left;
}
.eqmt-prdt-info p {
    text-align:left;
				font-weight:500;
				color:#444;
				margin:1rem 0 0.2rem 0;
}

@media (max-width: 1220px){
.eqmt-prdt-box {padding: 70px;}
}
@media all and (max-width:800px){

.eqmt-prdt-box {padding: 15px;}
.eqmt-prdt-box h5{text-align:left;padding-left:15px;font-size:18px;}
.eqmt-prdt-box h5:before {left:0;}
.eqmt-prdt-box #sub-3step-title h4 {font-size: 24px; }
.eqmt-prdt-box .col_eqmt-prdt{width: calc(100% - 200px);}
.eqmt-prdt-box .col_eqmt-prdt-img {width:200px;}
.eqmt-prdt-box .col_eqmt-prdt-img img{width:100%;}
}

@media all and (max-width:480px){
.eqmt-prdt-box h5{font-size:16px;}
.eqmt-prdt-box #sub-3step-title h4 {font-size: 20px;padding-top:20px; }
.eqmt-prdt-box #sub-3step-title{margin-bottom:20px;}
.eqmt-prdt-box .col_eqmt-prdt{width:100%;}
.eqmt-prdt-box .col_eqmt-prdt-img{width:100%;text-align:center;}
}