/* common */
html, body{ width:100%; height:100%; margin:0px; padding:0px; font-family:'Jeju Gothic',"Nanum Gothic","ngeot","돋움","sans-serif"; 
font-size: 13px; color:#000000; line-height: 1.5; letter-spacing: 0px;font-weight: normal;}
ul{ list-style: none;}
div, ul, ol, dl, dt, dd, p, input, textarea, select, h1, h2, h3, h4, em, address, fieldset, form, iframe, object{ margin: 0; padding: 0; }
image{ border: 0 none;}
a{text-decoration:none; color:#323232;}
ul.ul_circle{list-style-type: square; margin-left:15px; line-height: 1.6; }

.center_box{width:1090px; height:100%; padding-left:30px; margin-left: auto; margin-right: auto; position: relative;}
.hidden{position: absolute; top:-1000em; left:0px;}
.gray, .history dl dt{color:#535353;}
.txt_blue, .history span{color: #0a79b0; }
.h_center{text-align: center;}
.table_box{display: table; height: 100%;}
.v_middle{display:table-cell; vertical-align: middle; }
.no_margin_r{margin-right:0px;}
.bold{font-weight:bold;}
.clear_both{content:""; display:block; clear: both;}

/*공지사항*/
.notice{
	position: absolute;
	top:10px;
	left:10px;
	z-index:1000;
	background-color:#000000;
	border:4px solid #313131;
	margin-left:20px;
	display: none;
}

#close_box { height:40px; background-color:#eeeeee; text-align: right; }
#close_box * {margin-top:5px; margin-right:10px;}


#header { width:100%; height:100px; line-height:1;
	background-color:#0a79b0; 
	background-image:url(../image/header_bg.gif);
	position: fixed;
	top: 0px;
	z-index: 100;
}
#login{
	width:100%;
	height:37px;
	background-color: #313131;
	/*margin-top:100px;*/
	top:100px;
	position: fixed;
	z-index:100;
}
#content{margin-top: 170px; position: relative;}
#footer{width:100%; height:110px; background-color:#f5f5f5; margin-top: 100px; }

.test_border{border: 1px solid black;}


/*header common*/
#lnb>img, #lnb>ul, .center_box h1{ position: relative; float:left;}
#lnb>img, #v_lnb>div>img{padding-right:18px; padding-left:34px;}
#v_lnb img, #v_lnb ul{ position: relative; float:left;}
#v_lnb div{float:left;}
#lnb > ul > li {padding-bottom:4px;}
#header .center_box h1{padding-right: 80px;}
#logo{width: 150px}
.right{right: 0; position: absolute; height: 100%; } 
.right img{padding-left:28px;} 
#veh_link{margin-top: 22px; } 
/*#service_call{margin-top:5px;}*/ 
#v_dot_line{margin-top:15px;}

.loginout_box{height:100%; vertical-align: middle; color:#ffffff; font-size: 12px; margin-top:5px;}
.loginout_box span{padding-right:10px;}
.loginout_box .user_input{width:114px; height:18px; 
background-color: #e5e5e5; color:#4e4e4e;
padding: 2px 0px 3px 5px;
border:1px solid #bebebe;
border-radius:5px;
}
.loginout_box label{color:#dcdcdc;}
.loginout_box *{display:table-cell; vertical-align: middle; }
.loginout_left *{float: left; margin-right: 5px;}
#saveYn {margin-top: 5px; margin-left:10px}
#login_box{display: none;}
#logout_box{display: none;}

/*content common*/
.visual{position: relative; width:100%;}
.visual_image{position: absolute; right: 0;  z-index: -100;}
.visual_title{font-size: 65px; letter-spacing: -2px; margin-bottom: 50px;}
.visual_subtitle{font-size: 40px; margin-bottom: 30px; letter-spacing: -3px; line-height: 1.2;}
.visual_subtitle_request{font-size:36px; margin-bottom: 30px; letter-spacing: -3px; line-height: 1.2;}
.visual_subtext{font-size:20px; margin-bottom:37px;}
.visual_text{font-size:15px; }


.sub_box{margin-top: 90px;}
.sub_box:after{content:""; display:block; clear: both;}
.sub_title{font-size: 25px; font-weight: normal; margin-bottom: 40px}
.sub_text{font-size:16px; margin-bottom:37px;}
.sub_more{font-size:14px;margin-left:80px;}
.sub_red{font-size: 25px; font-weight: normal; color: red}

/*서비스 소개 service*/
.service1_box{width:146px; text-align: center; float: left; margin-right: 9px;}
.service1_box img{margin-bottom:20px;}
.service1_box span{font-size:18px;}
.service1_box p{margin-top:10px;}
.service2_box{
	background-image: url(../image/service2_box_bg.gif); 
	background-repeat:no-repeat; 
	width: 211px; height:auto; 
	float:left; 
	margin-right:7px;
}
.service2_box:after{content:""; display:block; clear: both;}
.service2_box > div{width:100%; height:124px; padding-left: 15px; padding-top: 10px;}
.service2_box p{padding-left:10px; padding-top:20px; padding-right:15px; }
.numberling{font-size:40px; margin-right:8px; letter-spacing: -3px; float:left;}
.numberling_t{font-size:19px; color:#3e5461; float:left; margin-top:23px; letter-spacing: -2px; line-height:1.3}
.solution > img{position: absolute; right:0;}
.solution .gray{width:640px;}

/*서비스 요청 request*/
.request_m_t{margin-top:50px; }
.request_paper > *{float:left;}
.request_paper:after{content:""; display:block; clear: both;}
.request_paper > ul , .request_paper > p {margin-left: 50px; }
.request_paper > ul{margin-top:15px;}
.request_paper > p.coment{margin-top:25px; width:900px;}
.install_content{width:900px;}

/*관제용 단말기 termainal*/
.terminals_navi{height:40px; border-bottom:6px solid #edf0f2;}
.terminals_navi li{height:40px; float:left; padding-left:20px; padding-right:20px; font-size:22px; }
.terminals_navi li.active{font-weight:bold; color:#000000; border-bottom:6px solid #0a79b0; } 
.terminal_detail > div{float:left;}
.terminal_info{width:364px; margin-right:80px; }
.terminal_info .title{font-size:18px; font-weight:bold;} 
.terminal_info .subtitle{font-size:16px; color: #0a79b0; font-weight: bold;} 
.terminal_img_box{background-color: #edf0f2; margin-top: 45px; margin-bottom:45px; }
.terminal_feature{width:645px;}
.terminal_feature > ul{margin-top: 20px; margin-bottom:60px;}
.terminal_feature > span{font-size:20px; color: #0a79b0; font-weight: 600;}

.myDean_info{background-color: #104469; width:100%; color:#ffffff; padding-top:50px; padding-bottom: 50px;}
.myDean_info > span{font-size:18px; margin-left:200px;}
.myDean_info > div{margin-top: 15px; margin-left:200px;}
.myDean_info > div > *{float:left;}
.myDean_info > div > ul{margin-left: 80px;}
.myDean_detail{background-color:#e7e9e6; padding-top:50px; padding-bottom:50px; text-align: center; width:100%}


/*주요고객*/
.mark_box{float:left; width:211px; text-align: center; margin-right:7px; margin-bottom:54px;}
.mark_box > img{border:1px solid #dbe3e8; margin-bottom:15px;}
.mark_box > span{font-size:13pt;}

/*회사소개*/
.introduce_box{background-image: url(../image/introduce_bg.png); background-repeat: no-repeat; position: relative;}
.introduce_box .intro_01{width:100%; margin-bottom:100px; text-align:center;}
.introduce_box .intro_02{float:left; width:300px; text-align:right;}
.introduce_box .intro_03{float:right; width:300px; margin-left:480px; margin-top:50px; text-align:left; }
.introduce_box .intro_04{margin-top:100px; text-align:center;}

.history_box:after{content:""; display:block; clear: both;}
.history_box{margin-bottom:30px;}
.history_box .history{width:520px; float:left; margin-right:20px;}
.history .top_bar{border:2px solid #959595; }
.history .bottom_bar{border:1px solid #e5e5e5; }
.history span{font-size:36px; font-weight:bold;}
.history dl{margin-top:20px; margin-bottom:25px;}
.history dl > * {float:left;}
.history dl dt{font-size:25px; font-weight:bold; width:50px; height:24px; margin-bottom:8px;}
.history dl dd{width:460px; height:24px; margin-bottom:8px; padding-top:7px;}

.location_box{width:100%;}
.location_box div{text-align:center; font-size:14pt; margin-bottom:5px;}
.location_box .add_old{color:#959595;}
.location_box img{margin-top:30px; margin-bottom:30px;}

.tel_fax{font-size: 20px; height:146px; font-weight:bold;}
.tel_fax > *{float:left;}
.tel_fax img{margin-right: 50px;}
.tel_fax p{text-align:left; width:340px; margin-top:70px;}


/*elis 소개 elis*/
.elis1_box{width:250px; text-align: center; float: left; margin-right: 9px;}
.elis1_box img{margin-bottom:20px;}
.elis1_box span{font-size:18px;}
.elis1_box p{margin-top:10px;}
.elis1_box:after{content:""; display:block; clear: both;}

.w_half_box{float:left;width:45%;}
.elis3_box{ margin-right: 9px;vertical-align:text-top;}
.elis3_box  > * {float:left;}
.elis3_box img{margin-bottom:20px;}
.elis3_box span{font-size:18px;margin-left:20px;margin-top: 20px;}
.elis3_box p{margin-top:10px;margin-left:20px;}
.elis3_box:after{content:""; display:block; clear: both;}

.elis4_box{margin-top:30px;}
.elis4_box span{font-size:18px;}
.elis4_box p{width:70%;margin-top:10px;padding: 20px 40px; background-color: #d5ecfb; -webkit-border-radius: 50px;  -moz-border-radius: 30px;  border-radius: 30px;  border: none;}

.elis5_box{margin-top:30px;}
.elis5_box span{font-size:18px;}
.elis5_box p{width:70%;margin-top:10px;padding: 20px 40px; background-color: #00aeef; color:#fff;-webkit-border-radius: 50px;  -moz-border-radius: 30px;  border-radius: 30px;  border: none;}

.elis6_box{margin-top:30px;}
.elis6_box > * {float:left;}
.elis6_box span {font-size:18px;color:#fff200;}
.elis6_box .elis6_sub_box{width: 30%;height:150px;padding: 30px 30px; background-color: #23408f; color:#fff;-webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  border: none;
margin-bottom: 10px; margin-right: 10px; }

.adas_right > *{float:right;}