<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html , body , p , table , tr , td , th ,ul  , ol , li { padding:0;margin:0;list-style:none;}
li { list-style:none; }
img { border:0px; }
a{ text-decoration:none; font-family:'�섎닎 怨좊뵓' , '�뗭�'; font-size:12px; }
h1,h2,h3,h4,h5,h6 {border:0; margin:0; padding:0;}
html{overflow-y:scroll;}

#header{position:relative; width:1100px; height:155px; margin:0 auto; z-index:99;}
#navi_wrap{width:940px; height:52px; position:absolute; left:50%; margin-left:-388px; top:51px;}
#navi_wrap ul {width:840px; position:absolute; left:50%; margin-left:-420px;}
#navi_wrap ul li{float:left; width:200px; height:50px;margin-left:10px;}
#navi_wrap ul li:hover a{color:#3021b9;}
#navi_wrap ul li a{display:block; font-size:18px; width:200px; height:50px; font-weight:bold; color:#2e2e2e; line-height:50px; text-align:center;  z-index:99999;}
.logo{background:url(../images/header/logo.png); width:164px; height:85px; position:absolute; top:29px; left:0px;}
.logo a{display:block; width:164px; height:85px; text-indent:-9999px;}
#right_btn{position:absolute; width:148px; height:15px; right:60px; top:12px;}
.sub{width:1280px; height:150px; background-color:#fff; position:absolute; top:50px; left:-302px;}


#sub01{display:none;}
#sub02{display:none;}
#sub03{display:none;}
#sub04{display:none;}

h2.title{display:block; width:300px; height:150px; position:absolute;}
#title01{background:url(../images/header/sub_menu/title01.png) no-repeat; text-indent:-9999px;}
#title02{background:url(../images/header/sub_menu/title02.png) no-repeat; text-indent:-9999px;}
#title03{background:url(../images/header/sub_menu/title03.png) no-repeat; text-indent:-9999px;}
#title04{background:url(../images/header/sub_menu/title04.png) no-repeat; text-indent:-9999px;}

.sub ul.subnav li {width:150px !important; height:150px !important; margin:0 !important; }
.sub ul.subnav li a {display:block; width:150px !important; height:150px !important; text-indent:-9999px; font-family:'�섎닎 怨좊뵓','�뗭�';}

#sub01_01{background:url(../images/header/sub_menu/greeting.png) no-repeat; margin-left:80px !important;}
#sub01_01:hover{background:url(../images/header/sub_menu/greeting_hover.png) no-repeat;}
#sub01_02{background:url(../images/header/sub_menu/map.png) no-repeat;}
#sub01_02:hover{background:url(../images/header/sub_menu/map_hover.png) no-repeat;}

#sub02_01{background:url(../images/header/sub_menu/product01.png) no-repeat; margin-left:80px !important;}
#sub02_01:hover{background:url(../images/header/sub_menu/product01_hover.png) no-repeat;}
#sub02_02{background:url(../images/header/sub_menu/product02.png) no-repeat;}
#sub02_02:hover{background:url(../images/header/sub_menu/product02_hover.png) no-repeat;}
#sub02_03{background:url(../images/header/sub_menu/product03.png) no-repeat;}
#sub02_03:hover{background:url(../images/header/sub_menu/product03_hover.png) no-repeat;}
#sub02_04{background:url(../images/header/sub_menu/product04.png) no-repeat;}
#sub02_04:hover{background:url(../images/header/sub_menu/product04_hover.png) no-repeat;}


#sub03_01{background:url(../images/header/sub_menu/video.png) no-repeat; margin-left:80px !important;}
#sub03_01:hover{background:url(../images/header/sub_menu/video_hover.png) no-repeat;}
#sub03_02{background:url(../images/header/sub_menu/example.png) no-repeat;}
#sub03_02:hover{background:url(../images/header/sub_menu/example_hover.png) no-repeat;}


#sub04_01{background:url(../images/header/sub_menu/news.png) no-repeat; margin-left:80px !important;}
#sub04_01:hover{background:url(../images/header/sub_menu/news_hover.png) no-repeat;}
#sub04_02{background:url(../images/header/sub_menu/as.png) no-repeat;}
#sub04_02:hover{background:url(../images/header/sub_menu/as_hover.png) no-repeat;}
#sub04_03{background:url(../images/header/sub_menu/reference.png) no-repeat;}
#sub04_03:hover{background:url(../images/header/sub_menu/reference_hover.png) no-repeat;}
#sub04_04{background:url(../images/header/sub_menu/estimate.png) no-repeat;}
#sub04_04:hover{background:url(../images/header/sub_menu/estimate_hover.png) no-repeat;}



/*sub_navi*/

div.left-menu-bar{
	width:206px;
	position:relative;
	float:left;
	margin-right:60px;

}

div.left-menu-bar strong.text-subject{
	width:250px;
	height:95px;
	line-height:26px;
	font-size:14px;
	font-family: 'Arial';
	color:#FFF;
	/*background:url('../image/header/top_bg1.png') no-repeat;*/
	text-align:center;
	font-weight:100;
	text-indent:-9999px;
	
	position:absolute;
	top:-95px;
	display:block;
	left:36%;
	margin-left:-77px;
	z-index:10;


}
div.left-menu-bar ul.left-menu{
	padding:30px 0 5px 0;
	list-style:none;
	background:url('../image/header/top_bg2.png') no-repeat 0 10px;
	overflow:hidden;
	width:211px;
}

div.left-menu-bar ul.left-menu li{
	width:124px;
	height:30px;
	font-size:12px;
	line-height:30px;
	padding-left: 25px;
	position:relative;
	z-index:2;
	top:-20px;
	
}
div.left-menu-bar ul.left-menu li &gt; a{
	text-decoration:none;
	color:#6d6660;
	font-size:12px;
	display:block;
	border-bottom:1px solid #efefef;
}
div.left-menu-bar ul.left-menu li.color &gt; a{
	color:#3067b9;
	font-weight:700;
}
div.endbottom{
	width:206px;
	height:20px;
	line-height:8px;
	background:url('../image/header/bottom_bg1.png') no-repeat;
}
</pre></body></html>