@charset 'utf-8';
/********** 서브 공통 **********/
.blank {height:100px; clear:both;}


#sub_visu1 {width:100%; height:406px; background:url(../images/sub_visual1.png) center bottom no-repeat;}
#sub_visu2 {width:100%; height:406px; background:url(../images/sub_visual2.png) center bottom no-repeat;}
#sub_visu3 {width:100%; height:406px; background:url(../images/sub_visual3.png) center bottom no-repeat;}
#sub_visu4 {width:100%; height:406px; background:url(../images/sub_visual4.png) center bottom no-repeat;}

/* Sub Layout :: Location */
/* 
--------------------------------------------------------------------------------------
  Contents
--------------------------------------------------------------------------------------
 */
#contents {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	}
#leftmenu_wrap {
	top:0px;
	left:0;
	bottom:0;
	width:250px;
	float:left;
	z-index:10;
	margin-top:30px;
	}
#left_top {
	width:250px;
	height:143px;
	background:#2d2d2d;	
	}
.left_top_txt1 {
	font-size:17px;
	font-family:'SamsungSharpSans' !important;
	font-weight:normal;
	color:#ffffff;
	padding:45px 0 0 22px;
}
.left_top_txt2 {
	font-size:28px;
	font-weight:bold;
	color:#ffffff;
	padding:15px 0 0 22px;
}
#left_menu{
	border-top:1px solid #202020;
	background-color:#eeeeee;
}
#left_menu a {
	display:block;
	height:54px;
	line-height:54px;
	border-bottom:1px solid #dfe3e0;	
	background-color:#eeeeee;
	color:#525252;
	padding-left:24px;
	font-weight:400;
	text-decoration:none;
	font-size:17px;
	}
#left_menu a.on{
	display:block;
	height:54px;
	line-height:54px;
	border-bottom:1px solid #dfe3e0;
	color:#fff;
	background:#009ddc;
	padding-left:24px;
	font-weight:400;
	text-decoration:none;
	}
#left_menu a:hover  {
	display:block;
	height:54px;
	line-height:54px;
	border-bottom:1px solid #e7e7e7;
	color:#fff;
	background:#009ddc;
	padding-left:24px;
	font-weight:400;
	text-decoration:none;
	}
#left_menu a.sub {
	display:block;
	height:35px;
	line-height:35px;
	color:#444444;
	padding-left:25px;
	border-bottom:none;
	text-decoration:none;
	background:#cddef3;
	font-size:15px;
	}
#left_menu a.sub_on {
	display:block;
	height:35px;
	line-height:35px;
	color:#0e0e0e;
	padding-left:25px;
	border-bottom:none;
	text-decoration:none;
	background:#cddef3;
	font-size:15px;
	font-weight:bold;
	}
#left_menu a.sub:hover {
	display:block;
	height:35px;
	line-height:35px;
	color:#0e0e0e;
	padding-left:25px;
	border-bottom:none;
	text-decoration:none;
	background:#cddef3;
	font-size:15px;
	font-weight:bold;	
	}	

/*-------------------------------------------------------------------------------------=-------*/
#article_wrap {
	width:880px;
	border-left:1px solid #e3e3e3;
	overflow:hidden;
	float:left;
	}
#article_right { width:880px;  float:right; overflow:hidden; }
#article_top {
	width:100%;
	height:118px;
	}
#article_top ul li.article_tit {
	float:left;
	padding:50px 0 0px;
	font-size:33px;
	font-weight:bold;
	color:#161616;
	}

#article {
	float:right;
	clear: both;
	width: 880px;
	}



.title {
	font-size:25px;
	line-height:60px;
	color:#1f4a9e;
	font-weight:normal;
}
.title2 {
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	color:#272727;
	font-weight:normal;
}
/********** 서브 공통 END **********/


/********** 회사소개 **********/
.company {width:880px;}
.company.bg1{
	background:url(../images/pcvue_img3.png) no-repeat;
	background-position:right 35px;
	background-size:300px auto;
}
.company figure.img_parent{margin-top:25px}
.com1_tit {font-size:30px; font-weight:bold; line-height:40px; color:#337eff; padding:50px 0 30px;}
.com1_sign {font-size:20px; font-weight:bold; color:#4c4c4c; padding:30px 0 40px 0; background:url(../images/sign.png) 320px no-repeat;}

.com_tit {font-size:25px; font-weight:bold; line-height:25px; color:#337eff; padding:50px 0 10px;}
.com_tit2 {font-size:18px; font-weight:bold; line-height:18px; color:#ccccccc; padding:10px 0 10px;}
.com_tit2_2 {font-size:18px; font-weight:bold; line-height:18px; color:#ccccccc; padding:30px 0 10px;}
.com_subtit{font-size:18px; font-weight:bold; line-height:18px; color:#ccccccc; padding:10px 0; display:inline-block;}
.com_subtit2{font-size:15px; font-weight:bold; line-height:15px; color:#ccccccc; padding:10px 0;}
h2 {font-size:25px; font-weight:bold; line-height:25px; color:#337eff; padding:50px 0 10px;}

table.com_table {
	margin-top:15px;
	color:#666;
	width:880px;
	background:#eaebec;
	border:#ccc 1px solid;
}
table.com_table tr:first-child {
	border-top:1px solid #e0e0e0;
}
table.com_table tr{
	text-align: center;
	padding-left:20px;
}
table.com_table tr td:first-child{
	text-align: center;
	padding-left:20px;
	border-left: 0;
	border-right: 0;
	border-top:1px solid #ccc;
}
table.com_table tr td:last-child{
	text-align: left;
	padding-left:20px;
	border-left: 1px solid #e0e0e0;
	border-top:1px solid #ccc;
}
table.com_table tr td {
	font-size:15px;
	padding:12px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.com_table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.com_table tr:last-child td{
	border-bottom:0;
}


.select {
    float: right;
    position: relative;
    display: block;
    width: 100%;
    max-width: 200px;
	margin-top:30px;
    color: #cccccc;
	z-index:1;
    vertical-align: middle;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}
.select .placeholder {
    position: relative;
    display: block;
    background-color: #393d41;
    z-index: 1;
    padding: 5px 0 5px 15px;
    cursor: pointer;
}
.select .placeholder:hover {
    background: #34383c;
}
.select .placeholder:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    content: '\f078';
    z-index: 10;
}
.select.is-open .placeholder:after {
    content: '\f077';
}
.select.is-open ul {
    display: block;
}
.select ul {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #e6f0f9;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    z-index: 100;
}
.select ul li {
    display: block;
    text-align: left;
    padding: 0 0 0 15px;
    color: #4e4e4e;
    cursor: pointer;
}
.select ul li:hover {
    background: #4ebbf0;
    color: #fff;
}
.product_tab {
    width:880px;
    float:left;
}
.product_tab a {
    width:403px;
    float:left;
    height:47px;
    line-height:47px;
    padding:0;
    margin:0;
}

table.com2_table {
	color:#666;
	width:880px;
	background:#eaebec;
	border:#ccc 1px solid;
}
table.com2_table th {
	font-size:15px;
	padding:15px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #e0e0e0;	
	border-left:1px solid #ffffff;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.com2_table th:first-child{
	text-align: left;
	border-left:0px solid #ffffff;
}
table.com2_table tr{
	text-align: center;
}
table.com2_table tr td:first-child{
	text-align: left;
	border-left: 0;
}
table.com2_table tr td.table_txt_left{
	text-align: left;
	padding-left:20px;
	border-left: 0;
	border-left: 1px solid #e0e0e0;
}
table.com2_table tr td {
	font-size:15px;
	padding:12px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.com2_table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.com2_table tr:last-child td{
	border-bottom:0;
}
table.com2_table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.com2_table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

table.com3_table {
	color:#666;
	width:540px;
	background:#eaebec;
	border:#ccc 1px solid;
}
table.com3_table th {
	font-size:15px;
	padding:15px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #e0e0e0;	
	border-left:1px solid #ffffff;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.com3_table th:first-child{
	text-align: left;
	border-left:0px solid #ffffff;
}
table.com3_table tr{
	text-align: center;
}
table.com3_table tr td:first-child{
	text-align: left;
	border-left: 0;
}
table.com3_table tr td.table_txt_left{
	text-align: left;
	padding-left:20px;
	border-left: 0;
	border-left: 1px solid #e0e0e0;
}
table.com3_table tr td {
	font-size:15px;
	padding:12px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.com3_table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.com3_table tr:last-child td{
	border-bottom:0;
}
table.com3_table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.com3_table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

table.com4_table {
	color:#666;
	width:540px;
	background:#eaebec;
}
table.com4_table th {
	font-size:15px;
	padding:15px;
	border-top:none;
	border-bottom:none;	
	border-left:none;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.com4_table th:first-child{
	text-align: left;
	border-left:none;
}
table.com4_table tr{
	text-align: center;
}
table.com4_table tr td:first-child{
	text-align: left;
	border-left: 0;
}
table.com4_table tr td.table_txt_left{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table.com4_table tr td {
	font-size:15px;
	padding:12px;
	border-top:none;
	border-bottom:none;
	border-left:none;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.com4_table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.com4_table tr:last-child td{
	border-bottom:0;
}
table.com4_table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.com4_table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

/********** 회사소개  END **********/

/********** 사업영역  END **********/
.business_list.bg1{
	background:url(../images/pcvue_img6.png) no-repeat;
	background-position:right 85px;
	background-size:430px auto;
	padding-top:30px;
}
.business_list.bg2{
	background:url(../images/pcvue_img5.png) no-repeat;
	background-position:right 85px;
	padding-bottom:200px;
	padding-top:30px;	
}
.business_list li {padding-left:25px; line-height:30px; background:url(../images/bullet.png) 12px 11px no-repeat;}
.business_list.type li{line-height:35px;}
.business1_img {padding-top:40px; text-align:center;}
.business1_img2 {padding-top:0px; text-align:center;}
.business1_img3 {padding-top:10px; padding-bottom:20px; text-align:center;}
.business1_img4 {padding-top:10px; text-align:center;}

.business_link {
	width:880px;
	margin:0 auto;
	position:relative;
	padding-top: 30px;
}
.business_link > ul > li {
	float:left;
	width:220px;
	text-align:center;
	line-height:30px;
	font-weight:bold;
}
.business_link ul li.tit {
	font-size:18px;
	float:left;
	width:220px;
	text-align:center;
	line-height:30px;
	color:#262626;
	font-weight:bold;
	padding-bottom:15px;
}
.business_link ul li.tit2 {
	font-size:15px
	float:left;
	width:205px;
	text-align:left;
	line-height:30px;
	padding-left:15px;	
	padding-top:15px;
}
.business_img_txt {width:880px; height:380px; padding-top:15px;}
.business_img {float:left; width:350px;}
.business_txt {float:right; width:530px; }
.business_txt ul li {padding-left:25px; line-height:30px; background:url(../images/bullet.png) 12px 11px no-repeat;}

.business_img_txt2 {width:880px; height:775px; padding-top:15px;}
.business_img2 {float:left; width:310px;}
.business_txt2 {float:right; width:540px; }
.business_txt2 ul li {padding-left:25px; line-height:30px; background:url(../images/bullet.png) 12px 11px no-repeat;}

.business_link ul:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;	
}
.business_link2{
	margin-top:40px;	
}
.business_link2 > li{
	display:block!important;
	float:none!important;	
}

.business_link li a:hover{
	color:#337eff
}
/********** 사업영역  END **********/


/********** 제품소개 **********/
.txt_half {width:880px;}
.txt_left {width:420px; float:left; margin-right:40px;}
.txt_right {width:420px; float:right;}
.txt_left.wid{width:285px!important; float:left; margin-right:40px;}
.txt_right.wid {width:230px!important; float:left!important;}
.btn_box {
	width:100%;
	text-align:center;
	margin:25px 0
}
.btn {
	  display: inline-block;
	  background: transparent;/*색상을 지정한 후 비워두기*/
	  text-transform: uppercase;
	  font-weight:500;
	  font-style: normal;
	  font-size: 16px;
	  color: rgba(51,126,255,1);
	  border-radius: 0;
	  padding:15px 50px 15px;
	  transition: all 0.7s ease-out;
	  background: linear-gradient(270deg, rgba(51,41,112,0.8), rgba(14,80,167,0.8), rgba(0,116,199,0), rgba(0,129,210,0));
	  background-position: 1% 50%;
	  background-size: 300% 300%;
	  text-decoration: none;
	  margin: 0.625rem;
	  border: none;
	  border: 1px solid rgba(51,126,255,1);
}
.btn:hover{
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color:white;
  background-position: 99% 50%;	
}
.txt_half:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;		
}
.txt_half ul:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;	
}

.pro_list_btn{
	width:100%;
	margin:40px 0 35px;
}
.pro_list_btn ul{
	width:100%;
	height:49px;
	border:1px solid #dcdcdc;	
	border-right:0!important;
	box-sizing:border-box;
}
	
.pro_list_btn ul:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;	
}
.pro_list_btn ul li{
	float:left;	
	width:20%;
	height:100%;
	box-sizing:border-box;	
	border-right:1px solid #dcdcdc;
	background:#f6f6f6;
}
.pro_list_btn ul li a{
	display:block;
	width:100%;
	height:100%;
	line-height:49px;
	color:#333;
	text-align:center;	
}
.pro_list_btn ul li.this{
	background:#fff;	
}
.pro_list_btn ul li:hover{
	background:#fff;		
}
.pro_list_btn ul.ul_last{
	width:90%;
	margin:10px auto;
}
.pro_list_btn ul.ul_last li{
	width:50%;
}


.company .pro_tab_info{
	width:100%;
	position:relative;	
	margin-top:50px;
}
.company .pro_tab_info > section{
	width:880px!important;
    min-width:880px!important;	
	display:none;
}	
.company .pro_tab_info > section#d1{display:block}
.company .pro_tab_info > section > table{
	width:100%;
	border:1px solid #dcdcdc;	
	border-right:none!important
}
.company .pro_tab_info > section > table th{
	padding:20px;	
	background:#f6f6f6;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.company .pro_tab_info > section > table tr td{
	padding:13px;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;	
}
.company .pro_tab_info > section > table tr:nth-of-type(2n){
	background:#f6f6f6;	
}
.company .pro_section > table{
	width:100%;
	border:1px solid #dcdcdc;	
}
.company .pro_section > table th{
	padding:10px 18px;	
	background:#f6f6f6;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.company .pro_section > table th.this{
	box-sizing:border-box!important	
}
.company .pro_section > table tr td{
	padding:11px;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;	
}
.company .pro_section > table tr:nth-of-type(2n){
	background:#f6f6f6;	
}

.company .in_text{
	color:#444;
	font-size:14px;	
}
.company .in_text2{
	color:#222;
	font-size:15px;
}
.company .in_text.bg{
	background:url(../images/relab_img3.png) no-repeat;
	background-position:right 30px center;
}
.company .pro_section ul{
	margin-top:20px;	
	padding-left:20px
}
.company .pro_section ul li{
	list-style:inside!important
}
.company .pro_section.type ul li{
	list-style:decimal!important
}
.company .wait{
	width:100%;
}
/********** 제품소개  END **********/