/*font*/
/*노토산스
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*reset css*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,table,tr,td,th,form,fieldset,input,label,button {margin:0; padding:0; -webkit-text-size-adjust: none}
body{font-family: 'Noto Sans KR','Raleway', sans-serif, Arial; font-size:16px; color:#414141; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333}
img{border:none;}
table { border-collapse : collapse; }
strong,em {font-weight:normal; font-style:normal;}
/*table{border-collapse:collapse;}*/
::-moz-selection { background-color: rgba(84, 163, 247, 0.80); color: #fff; } ::selection { background-color: rgba(84, 163, 247, 0.80); color: #fff; }


#maintablewrap {
    min-width: 1000px;
    overflow: hidden;
}
#contenttable2  {
    min-height: 500px;
    background-image: none!important;
    margin-bottom: 50px;
}
#Popup{display:none;}

/*margin*/
.margin30{ margin-top:30px;}
.margin60{ margin-top:60px;}
.margin120{ margin-top:120px;}
		
/*main_background*/
#maintablewrap{

}


/*메인 비주얼 텍스트*/
.mainvisual_txt {width:1000px; margin:0 auto; text-align:center;}
.mainvisual_txt h2{
    font-weight: 700;
    font-size: 50px;
    line-height: 43px;
    color: #fff;
    text-shadow: 1px 2px 6px rgba(0,0,0,0.3);
    cursor: default;
    font-family: 'Raleway', sans-serif;
}
.mainvisual_txt p{
	font-family:inherit;
    font-weight: 400;
    font-size: 18px;
	letter-spacing:-1px;
    color: #fcfdff;
	margin-top: 10px;
	text-shadow: 1px 1px 3px #201e21;
	cursor: default;
}
.mainvisual_txt a{
    color: #FFF;
	font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 13px;
	letter-spacing:1px;
    padding: 12px 24px;
    border: 1px solid #FFF;
    border-radius: 4px;
    margin-top: 36px;
    display: inline-block;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: hidden;
}
.mainvisual_txt a:after{
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    content: '';
    width: 0;
    bottom: 0;
    background: #e7201b;
    height: 100%;
    right: -10%;
    z-index: -1;
}
.mainvisual_txt a span{
    color:#ffde01;
    font-weight: 400;
    font-size:15px;
	padding-left:50px;
}
.mainvisual_txt a:hover, .mainvisual_txt a:hover span{
	color:#fff;
	font-weight:600;
	transition: .6s;
	border: 1px solid #e7201b;
    box-sizing: border-box;
}
.mainvisual_txt a:hover:after {
    left: 0;
    width: 100%;
}


/*서브비주얼 타이틀*/
.subvisual_tit {width:1000px;}
.subvisual_tit h3 {
	color: #FFF;
	font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 30px;
	letter-spacing:1px;
	text-align:center;
}

/*서브 공통*/
.sub_title {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 27px;
    color: #212121;
    font-weight: 500;
    line-height: 150%;
    text-align: left;
    letter-spacing: -1px;
}
.sub_title:before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #256ee6;
    position: absolute;
    left: 0px;
	top: 55px;
}
.sub_title:after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #e0e0e0;
    position: absolute;
    left: 20px;
    top: 55px;
}



/*footer*/
.footer_link {width:100%; height:42px; background:#151515;}
.footer_link .link {width:1000px; margin:0 auto; padding-top:13px; position:relative;}
.footer_link .link a{
	
    font-weight: 300;
    font-size:13px;	
	color:#c8c8c8;
	cursor:pointer;
}
.footer_link .link span {
    color: #c8c8c8;
    padding: 0 4px 0 12px;
}

.footer_wrap {width:100%; height:164px; background:#202020;}
.footer_wrap .footer {width:1000px; margin:0 auto; padding-top:34px;position:relative;}
.footer_wrap .footer .btn_up_layer {
    position: fixed;
    bottom: 10%;
    right: 5%;
    border: none;
    background: #031a49;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 150;	
}
.footer .foot_logo {float:left;padding-top: 20px;}
.foot_copy {float:left; padding-left:50px;}
.foot_copy p {
	
    font-weight: 300;
	font-size:13px;
	line-height:23px;
	color:#bdbdbd;
}
.foot_copy p > a {color:#bdbdbd;}
.foot_copy p > a:hover {color:#fff;}


/*메인 사업분야*/
.business {width:1000px; margin:0 auto;}
.business .mcont_tit {
	margin-top:80px;
	font-family: 'Raleway', sans-serif;
	font-size:32px;
	font-weight:800;
	color:#2f2f2f;
	text-align:center;
}

.business .mcont_txt {
	font-size:18px;
	letter-spacing:-1px;
	font-weight:400;
	color:#707070;
	text-align:center;
}

.cont1_wrap {
	overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
	margin-top:50px;
}

.cont1_wrap a {
	display: block;
    float: left;
    width: 25%;
    text-align: center;
}


.cont1_wrap a p {
	width: 144px;
	height: 144px;
	margin:0 auto;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}
.cont1_wrap a .icon1 {
	background:url(/USER_DATA/anb/content/editor/img/icon1.png) 0 0 no-repeat;

}
.cont1_wrap a:hover>.icon1 {
	background:url(/USER_DATA/anb/content/editor/img/icon1_hover.png) 0 0 no-repeat;

}

.cont1_wrap a .icon2 {
	background:url(/USER_DATA/anb/content/editor/img/icon2.png) 0 0 no-repeat;

}.cont1_wrap a:hover>.icon2 {
	background:url(/USER_DATA/anb/content/editor/img/icon2_hover.png) 0 0 no-repeat;

}


.cont1_wrap a .icon3 {
	background:url(/USER_DATA/anb/content/editor/img/icon3.png) 0 0 no-repeat;

}
.cont1_wrap a:hover>.icon3 {
	background:url(/USER_DATA/anb/content/editor/img/icon3_hover.png) 0 0 no-repeat;

}

.cont1_wrap a .icon4 {
	background:url(/USER_DATA/anb/content/editor/img/icon4.png) 0 0 no-repeat;

}
.cont1_wrap a:hover>.icon4 {
	background:url(/USER_DATA/anb/content/editor/img/icon4_hover.png) 0 0 no-repeat;

}



.cont1_wrap dl {}
.cont1_wrap dt {
	font-size:18px;
	letter-spacing:-1px;
	line-height:36px;
	font-weight:500;
	color:#353535;
}
.cont1_wrap dd {
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size:13px;
	color:#929292;
}




/*메인 회사소개*/

.about {padding-top:65px;}
.about h2 {
	font-family: 'Raleway', sans-serif;
	font-size:32px;
	font-weight:800;
	color:#FFF;
}
.about .small_tit {
	font-size:20px;
	letter-spacing:-1px;
	color:#dbdada;
	margin:0px;
}
.about span {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #256ee6;
    margin: 25px 0 25px 0;
    position: relative;
}
.about span:after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #fefefe;
    position: absolute;
    left: 20px;
}
.about p {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    color: #a9b0b7;
    margin-bottom: 40px;
    word-break: keep-all;
}
.about a{
    color: #FFF;
	font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 13px;
	letter-spacing:1px;
    padding: 12px 24px;
    border: 1px solid #FFF;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: hidden;
}
.about a:after{
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    content: '';
    width: 0;
    bottom: 0;
    background: #031a49;
    height: 100%;
    right: -10%;
    z-index: -1;
}
.about a span{
    color:#ffde01;
    font-weight: 400;
    font-size:15px;
	padding-left:50px;
}
.about a:hover, .about a:hover span{
	color:#fff;
	font-weight:600;
	transition: .6s;
	border:1px solid #031a49;
}
.about a:hover:after {
    left: 0;
    width: 100%;
}

/*메인 게시판추출*/
.prod {width:1000px; margin:0 auto; text-align:center; padding-top:85px;}
.prod:after {
    content: '';
    width: 2040px;
    height: 265px;
    background-image: url(/user_data/anb/content/editor/img/best_bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -51.5%;
    z-index: -1;
    box-shadow: rgba(188, 169, 136, 0.3) 0px 0px 16px inset;
}
.prod h2 {
	font-family: 'Raleway', sans-serif;
	font-size:32px;
	font-weight:800;
	color:#2b2d3b;
}
.prod span {
	font-size:30px;
	font-weight:700;
	padding-left:10px;
}
.prod p {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -1px;
    color: #2b2d3b;
    line-height: 1.618rem;
}

.prod a{
    color: #FFF;
	font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 13px;
	letter-spacing:1px;
    padding: 12px 24px;
    border: 1px solid #FFF;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    overflow: hidden;
	margin-top:36px;
}
.prod a:after{
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    content: '';
    width: 0;
    bottom: 0;
    background: #FFF;
    height: 100%;
    right: -10%;
    z-index: -1;
}
.prod a span{
    color:#ffde01;
    font-weight: 400;
    font-size:15px;
	padding-left:50px;
}
.prod a:hover, .prod a:hover span{
	color:#40d152;
	font-weight:600;
	transition: .6s;
	border:1px solid #FFF;
}
.prod a:hover:after {
    left: 0;
    width: 100%;
}



/*메인 contact us*/
#compolayer136 { z-index:-1!important; } /*강제로제일아래에위치하도록!*/

.m_contact_wrap {width:100%; height:1020px;}
.m_contact_wrap:after{
	content: '';
    width: 100%;
	height:100%;
	position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
	 background:#ededed;
}
.m_contact_wrap .contact_title {width:1000px; margin:0 auto; text-align:center; padding-top:450px;}
.m_contact_wrap h2 {
	font-family: 'Raleway', sans-serif;
	font-size:32px;
	font-weight:800;
	color:#303030;
}
.m_contact_wrap p {
	font-size:18px;
	font-weight:400;
	letter-spacing:-1px;
	color:#707070;
}
.contact_con{
    width: 980px;
    margin: 60px auto 0;
}
.wrap_controllers{
	display:none;
}
.contact table{
    width:960px;
    border-collapse: collapse;
}
.contact tr{
    border-top:1px solid #dde0e2;
    line-height: 68px;
}
.contact tr:last-child{
    border-bottom:2px solid #dde0e2;
}
.contact tr th, .contact tr td{
    font-family: 'Noto Sans KR',sans-serif;
    font-size:17px;
    color:#222324;
    text-align: left;
}
.contact tr th{
    font-weight: 500;
    width:160px;
    padding-left:90px;
}
.contact tr td{
    font-weight: 400;
}
.contact .contact_01 th{
    background: url(/USER_DATA/anb/content/editor/img/contact_ico_01.png) no-repeat 50px center;
    letter-spacing: 16px;
}
.contact .contact_02 th{
    background: url(/USER_DATA/anb/content/editor/img/contact_ico_02.png) no-repeat 50px 26px;
}
.contact .contact_03 th{
    background: url(/USER_DATA/anb/content/editor/img/contact_ico_03.png) no-repeat 50px 28px;
}
.contact .f_gray{
    color:#727579;
    width: 260px;
}
.contact a:hover{
    color:#727579;
}

/*메인-시스템소개*/
.main_product { 
	width:100%;	
	position: relative;
	margin-bottom: 5%;
}
.main_product::before {
	content:"";
	width:66.666%;
	height:370px;
	background: linear-gradient(to right,#083f89,#00a5e8);
	border-radius:0 0 30px 0;
	position:absolute;
	top:0;
	left:0;
	z-index: -100;
}
.main_product .main_product_box { width:70%; margin:0 auto; overflow: hidden;; }
.maincontnet_title { 
	color:#fff; 
	font-size:50px; 
	margin-top:150px;
}

/*롤링*/
.product_extract { position:relative; }
.product_extract #prev, .product_extract #next {
	background:#113277;
	padding:6px 30px 16px 30px;
	border-radius:5px;
	position:absolute;
	top:-110px;
	transition:all 0.2s;
}
.product_extract #prev { right:11.5%; }
.product_extract #next { right:2%; } 

.product_extract #prev:hover,.product_extract #next:hover { background:#031a49; transition:all 0.2s; }


.rolling_panel { 
	position: relative; 
	width: 100%; 
	height: 420px; 
	margin: 0; 
	padding: 0; 
	overflow: visible; 
	margin-top:50px;
	overflow:hidden;
}
.rolling_panel ul { 
	position: absolute; 
	width:100%!important; 
	max-width:100%;
	margin: 5px; 
	padding: 0; 
	list-style: none; 
}
.rolling_panel ul li { 
    float: left;
    width: 31%;
	height:410px;
    box-sizing: border-box;
    border: 1px solid #ccc;
	margin:0 1%;
	margin-bottom:5%;
	border-radius:8px;
	position:relative;
	overflow:hidden;
}
.rolling_panel ul li .systembg { position:absolute;  top:0; left:0; z-index:-1; }


.rolling_panel ul li .product_content { padding:50px 0 0 30px; }
.rolling_panel ul li .product_content h1 { color:#fff; font-size:35px; font-family: 'Poppins', sans-serif; font-weight:400; margin:30px 0 10px 0; opacity:0.8;}
.rolling_panel ul li .product_content h2 { color:#fff; font-size:25px; font-weight:normal; margin-bottom:10px; letter-spacing:-0.5px; text-shadow:2px 3px 8px rgba(0,0,0,0.5);}
.rolling_panel ul li .product_content h3 { color:#fff; font-size:18px; opacity:0.5; font-weight:normal; margin-bottom:100px;text-transform: uppercase; }
.rolling_panel ul li a {  
	padding:10px 65px 13px 25px;
	background:url(/user_data/anb/content/editor/img/arrow_right.png) 110px 16px rgba(0,0,0,0.5) no-repeat;
	border:1px solid #fff;
	border-radius:5px;
	color:#fff;
	font-size:15px;
	transition:all 0.2s;
}
.rolling_panel ul li a:hover {  
	background:url(/user_data/anb/content/editor/img/arrow_right.png) 110px 16px #113277 no-repeat;
	transition:all 0.2s;
}


/*-----서브-----*/
.sub_content { width:100%;margin-bottom:100px;}


/*개인정보 처리방침+이메일무단수집거부*/
.content__box {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 35px 25px;
    border: 1px solid #eaeaea;
    background: #f9f9f9;
    font-size: 0.9em;
	line-height: 1.6em;
    margin-top: 20px;
}
.content__box dl {
    margin-bottom: 20px;
}
.sub_content .content__box dl dt {
    font-size: 1em;
    font-weight: bold;
}
.content__box dl dd p { padding:5px 0 10px 0; }

/*서브페이지공통*/
.sub_content > h2 { 
    margin-bottom: 30px;
    background: #113277;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
    letter-spacing: -0.5px;
    color: #fff;
    font-weight: 500;
	font-size: 22px;
} 

.divcontent { 
	width:100%; 
	margin-bottom:50px;
    padding-bottom: 50px;
    border-bottom: 2px dotted #f0f0f0;
}
.divcontent:last-child { 
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}
.divcontent_title { 
	font-size: 22px;
	margin-bottom:20px; 
	position:relative; 
	padding-left: 20px;
}
.divcontent_title::before {
    content: "";
    width: 5px;
    height: 5px;
    border: 4px solid #256ee6;
    border-radius: 50px;
    position: absolute;
    top: 7px;
    left: 0;
}

.divcontent > section {
	border: 1px solid #eaeaea;
    border-radius: 5px;
    background: #f7f7f7;
    padding: 3% 2%;
    box-sizing: border-box;
    margin-top: 20px;
}
.divcontent > section ul { width:100%; }
.divcontent > section ul li { margin-bottom:15px; padding-left: 10px; position:relative; }
.divcontent > section ul li:last-child { margin-bottom:0px; }
.divcontent > section ul li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #113277;
    border-radius:50px;
	position: absolute;
    top: 7px;
    left: 0;
}
/*무인단속*/
.controlimg { width:100%; margin-bottom:20px;}
.table_box { width:100%; }
.table_box tr th { 
	padding:20px 2%;
	border-bottom:1px solid #eaeaea; 
	border-right:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
	background:#f9f9f9;
}
.table_box tr th:last-child {
	border-right:none;	
}
.table_box tr th:nth-child(1) { width:5%; }
.table_box tr th:nth-child(2) { width:10%; }

.table_box tr td {
	padding:20px 2%;
	border-bottom:1px solid #eaeaea;
	border-right:1px solid #eaeaea;	
}
.table_box tr td:last-child { border-right:none; text-align:left!important; }
.table_box tr td:nth-child(1) { text-align:center;}
.table_box tr td:nth-child(2) { text-align:center;}

.table_box tr td p { margin-bottom:20px; }
.table_box tr td ul li { margin-bottom:10px; padding-left:10px; position:relative;}
.table_box tr td ul li:last-child { margin-bottom:0; }

.table_box tr td ul li::before {
	content: "";
    width: 4px;
    height: 4px;
    background: #113277;
    border-radius: 50px;
    position: absolute;
    top: 7px;
    left: 0;
}

/*스마트교통*/
.letterbox { 
	width:100%; 
	border:1px solid #eaeaea;	
}
.letterbox tr td {  
	text-align:center;
	padding:2% 0;
}
.letterbox tr:last-child td { padding-top:0; }
.letterbox tr:last-child td p { 
	width:66%;
	background:#f9f9f9;
	border:1px solid #eaeaea;
	border-radius:5px;
	padding:15px 0;
	margin:0 17%;
}

/*그리드분할 이미지*/
.gridinfoimg1 {
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    padding: 3% 10%;
    width: 100%;	
}

.bg_green {
    background: #b4d49d;
    padding: 2px 10px 5px 10px;
    border-radius: 50px;
    margin: 0 5px;	
}
.bg_orange {
    background: #ffbc69;
    padding: 2px 10px 5px 10px;
    border-radius: 50px;
    margin: 0 5px;	
}

.bg_greeninfo,.bg_orangeinfo { font-size:14px; letter-spacing:-1px; margin-right: 10px; }
.bg_greeninfo { color:#b4d49d; }
.bg_orangeinfo { color:#ffbc69; }


.gridinfoimg2_section > img{
    display: inline-block;
    width: 27%;
    border: 1px solid #eaeaea;	
}
.gridinfoimg2_section > ul {
    width: 68%!important;
    display: inline-block;
    float: right;
    margin-top: 4%;	
}

.gridinfoimg3 {
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    padding: 3% 5%;
    width: 100%;
    margin-top: 30px;	
}



/*AI영상분석*/
.tl_mobileimg { display:none; }

.tl { width:100%; }
.tl tr td { text-align:center; padding:2% 0;}
.tl tr td:nth-child(1) { width:16%; }
.tl tr td:nth-child(2) { width:15%; }
.tl tr td:nth-child(3) { width:20%; }
.tl tr td:nth-child(4) { width:15%; }
.tl tr td:nth-child(5) { width:22%; }
.tl tr td >img { width:100%; }

.tl tr:first-child td p { /*전이학습, TEST*/
	font-size: 14px;
	background: #eceff4;
    padding: 10px 0px;
    border-radius: 50px;
    display: inline-block;
    width: 80px;
    position: relative;
    
}
.tl tr:first-child td p::after {
	content:"";
	width:18px;
	height:12px;
	background:url(/user_data/anb/content/editor/img/tl_arrow.png)no-repeat;
	position:absolute;
	top:12px;
	left:-25px;	
}
.tl tr:first-child td p::before {
	content:"";
	width:18px;
	height:12px;
	background:url(/user_data/anb/content/editor/img/tl_arrow.png)no-repeat;
	position:absolute;
	top:12px;
	right:-25px;	
}
 
.tl tr:last-child td p { /*이륜차데이터, MS COCO, 새로우영상...*/
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 15px 0;
}
.odimg1 {
	border: 1px solid #eaeaea;
    box-sizing: border-box;
    padding: 3% 5%;
    width: 100%;
    margin-top: 30px;
}

.odimg_section > img{
    display: inline-block;
    width: 27%;
    border: 1px solid #eaeaea;	
}
.odimg_section > ul {
    width: 68%!important;
    display: inline-block;
    float: right;
    margin-top: 4%;	
}
.odimg_section > ul li { line-height: 27px; word-break: keep-all; }
.odimg_section > ul li::before { top:12px!important; }

.odimg {
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    width: 100%;
    margin-top: 30px;	
}



/*인사말*/
.greeting_img { width:1000px; height:200px; }
.greeting_img::after {
	content: '';
    width: 1000px;
    height: 200px;
    background-image: url(/USER_DATA/ksj/content/editor/img/contactus_bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 16px inset;	
}
.greeting_img h1 { 
	font-size: 26px;
    word-break: keep-all;
    color: #fff;
    font-weight: 500;
    width: 80%;
    margin: 80px 10% 0;
    text-align: center;
    line-height: 36px;
	text-transform: uppercase;
}
.greeting ul { margin-top: 20px; }
.greeting ul li { margin-bottom:15px; position:relative; padding-left:17px; }
.greeting ul li:last-child { margin-bottom:0; }
.greeting ul li::before {
	content: "";
    width: 4px;
    height: 4px;
    background: #e7211c;
    border-radius: 50px;
    position: absolute;
    top: 7px;
    left: 5px;
}

.greeting p { float:right; margin-top:30px; }

/*연혁*/
.history { width:100%; border-top:2px solid #113277;}
.history tr td { 
	border-bottom:1px solid #eaeaea;  
	border-right:1px solid #eaeaea;
	padding:20px 5px;
}
.history tr td:last-child { border-right:none; }
.history tr td:nth-child(1) { text-align:center; }
.history tr td:nth-child(2) { text-align:center; }
.history tr td:nth-child(3) { text-align:center; }


/*오시는길*/
.contact_wrap .contact_con{
    margin: 0px auto 0;
}



/*사업영역*/
.gin_wrap-en {width:1000px; overflow:hidden;}
.gin_wrap-en p { font-size:14px; color:#373737; line-height:24px;}
.gin_wrap-en .cont_img {float:left;width:400px;height: 368px;position:relative;}
.gin_wrap-en .cont_img a {position:absolute;bottom: 45px;left: 135px;color:#39b549;border:1px solid #39b549;padding:5px 20px 8px;border-radius:20px;}
.gin_wrap-en .cont_txt {float:left;width: 560px;background: #f1f1f1;padding: 20px 0 50px 40px;}
.gin_wrap-en .cont_txt .cont_tit {font-size: 24px;font-weight:700;line-height: 30px;}
.gin_wrap-en .cont_txt p {font-size:14px; font-weight:400; 	color:#373737; line-height:24px; margin-top:20px;}

/*보유기술*/

.graph { 
	width:100%; 
	border-top:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
}
.graph tr td { 
	box-sizing:border-box; 
	width: 46%;
    padding: 2%;
	vertical-align: top;
	border-bottom:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
}
.graph tr .graph_title { 
	position:relative; 
	padding-left: 35px; 
    background: #f9f9f9;
}
.graph tr .graph_title::before {
	content: "";
    widtH: 4px;
    height: 4px;
    background: #113277;
    position: absolute;
    top: 28px;
    left: 20px;;
}
.graph tr td p { padding-top: 15px; }
.graph tr td img { width:100%; height:auto; }