@import url("default.css") ;





/*·¹À̾ƿô*/

body{position:relative; text-align:center;}

#header, #center, #footer{clear:both; width:1000px; margin:0 auto; text-align:left;}



	#header {position:relative; height:279px; background:url(/images/index/indxe_topbg.gif) no-repeat; } 

	#footer {height:110px; /*padding-top:30px !important;  padding-top:0px;  margin-top:30px;*/ }

	#visual {position:absolute; top:71px; left:0px; z-index:1;}	 







/*********ž¸Þ´º************/



/* ·Î°í */

#logo_box {position:absolute; top:0px; left:0px; margin:31px 0 0 15px; background:url(/images/index/top_logo.gif) no-repeat; width:142px; height:38px;}

	#logo_box a {background:url(/images/index/top_logo.gif) no-repeat; width:142px; height:38px; float:left; font-size:0px; text-indent:-2000px;}



/* ÀÛÀº°Å */

#top_insmenu {position:absolute; top:4px; left:450px; width:450px; height:42px;  }

	#top_insmenu li {float:left;} 	

	#top_insmenu .space {width:40px; height:15px;}





/* Å«°Å */

#main_menu {position:absolute; top:32px; left:200px; width:685px; height: 68px; background:url(/images/index/indext_topmenubg.gif) no-repeat; font-size:0px; z-index:2;} 

	#menu_box {position:absolute; top:9px; left:18px; width:660px; height:40px;}

	#menu_box li {float:left; margin-right:14px; }

	#menu_box dd {float:left; }





#sub_menu_101 ul, #sub_menu_201 ul, #sub_menu_301 ul, #sub_menu_401 ul, #sub_menu_501 ul {margin-left:2px; }

#sub_menu_101 li, #sub_menu_201 li, #sub_menu_301 li, #sub_menu_401 li, #sub_menu_501 li {margin-right:5px; padding-top:2px; }



/*ù¹ø° ¼­ºê¸Þ´º*/

#sub_menu_101 {clear:both; position:absolute; top:40px; left:0px; height:20px; width:342px !important; width:347px; background:#f0f5ff; }

/*µÎ¹ø° ¼­ºê¸Þ´º*/	

#sub_menu_201 {clear:both; position:absolute; top:40px; left:40px; height:20px; width:435px !important; width:416px; background:#f0f5ff; } 

/*¼¼¹ø° ¼­ºê¸Þ´º*/	

#sub_menu_301 {clear:both; position:absolute; top:40px; left:30px; height:20px; width:493px !important; width:498px; background:#f0f5ff;} 

/*³×¹ø° ¼­ºê¸Þ´º*/	

#sub_menu_401 {clear:both; position:absolute; top:40px; left:225px; height:20px; width:435px !important; width:440px;  background:#f0f5ff;} 

/*´Ù¼¸¹ø° ¼­ºê¸Þ´º*/	

#sub_menu_501 {clear:both; position:absolute; top:40px; left:325px; height:20px; width:329px !important; width:334px; background:#f0f5ff; } 







/**ÇÏ´Ü**/

#footer .bottom_left, #footer .bottom_right {float:left;}

	#footer .bottom_left {width:200px; height:110px;  }

	#footer .bottom_left .logo {margin:35px 0 0 15px; background:url(/images/common/bottom_logo.gif) no-repeat; width:137px; height:37px;}

	#footer .bottom_left .logo a {width:137px; height:37px; text-indent:-1000px; float:left; font-size:0px;}



	#footer .bottom_right {background:url(/images/common/bottom_bg.gif) no-repeat; width:667px; height:110px; padding:15px 0 0 18px; }

	#footer .bottom_right .os_download {position:relative; background:url(/images/common/bottom_viewbox.gif) no-repeat; width:440px; height:40px; }

	#footer .bottom_right .text_link {position:relative; background:url(/images/common/bottom_link.gif) no-repeat; width:210px; height:26px; }

	#footer .bottom_right .os_download, #footer .bottom_right .text_link {float:left;}

	

	#footer .bottom_right li {float:left; text-indent:-1000px;}

	#footer .bottom_right .os_download .hwp {position:absolute; top:0px; left:80px;  width:50px; height:24px; }

	#footer .bottom_right .os_download .hwp a {width:50px; height:24px; float:left; font-size:0px;}

	#footer .bottom_right .os_download .word {position:absolute; top:0px; left:137px; width:50px; height:24px; }

	#footer .bottom_right .os_download .word a {width:50px; height:24px; float:left; font-size:0px;}

	#footer .bottom_right .os_download .excel {position:absolute; top:0px; left:193px; width:50px; height:24px; }

	#footer .bottom_right .os_download .excel a {width:50px; height:24px; float:left; font-size:0px;}

	#footer .bottom_right .os_download .acrobat {position:absolute; top:0px; left:249px; width:75px; height:24px; }

	#footer .bottom_right .os_download .acrobat a {width:75px; height:24px; float:left; font-size:0px;}

	#footer .bottom_right .os_download .os {position:absolute; top:0px; left:330px; width:90px; height:24px; }

	#footer .bottom_right .os_download .os a {width:90px; height:24px; float:left; font-size:0px;}



	#footer .bottom_right .text_link .link_01 {position:absolute; top:0px; left:10px;  width:90px; height:24px; }

	#footer .bottom_right .text_link .link_01 a	{width:90px; height:24px; float:left; font-size:0px;}

	#footer .bottom_right .text_link .link_02 {position:absolute; top:0px; left:110px;  width:90px; height:24px; }

	#footer .bottom_right .text_link .link_02 a	{width:90px; height:24px; float:left; font-size:0px;}



	#footer .bottom_right .text  {clear:both; width:610px; height:20px; font-size:11px;}

	#footer .bottom_right .add  {position:relative; clear:both; background:url(/images/common/bottom_add.gif) no-repeat; width:600px; height:26px; }

	#footer .bottom_right .add .email {position:absolute; top:13px; left:465px; width:100px; height:15px; }

	#footer .bottom_right .add .email a {position:absolute; left:37px; width:100px; height:15px; float:left; font-size:0px; }







/**ÄÁÅÙÃ÷**/



#first, #second, #third, #fourth, #fifth {clear:both; width:885px; margin-bottom:13px; }

	#first {height:172px;}

	#second {height:188px;}

	#third {height:176px; margin-bottom:20px;}

	#fourth {}

	#fifth {height:75px; margin-bottom:30px;}	



#one, #two, #three, #four, #five, #issue {float:left; }

	#one {width:249px; margin-right:11px;}

	#two {width:373px; margin-right:15px;}

	#three, #five {width:234px; }

	#four, #issue {width:636px; margin-right:15px;}





/*ù°ÁÙ*/

.search	{position:relative; margin-bottom:8px; z-index:1;}

	.search .title {position:absolute; top:-19px; left:10px;}

	.search .search_bg {background:url(/images/index/search_bg.gif) no-repeat; width:249px; height:34px; }

	.search .search_bg li {float:left; padding-left:3px;}

	.search .search_bg ul {padding:7px 0 0 10px;}

	.search .search_bg select {width:70px; }

	.search .search_bg input {width:110px !important; width:105px; }		

	.search .search_bg02 {background:url(/images/index/search_bg02.gif) no-repeat 0 2px; width:237px; height:20px; padding:5px 0 0 10px;}



.focus {background:url(/images/index/focus_bg.gif) no-repeat; width:249px; height:105px; }

	.focus li {float:left; margin:15px 12px 0 0 ;}

	.focus ul {clear:both; }

	.focus .list {padding:2px 0 0 20px;}

	.focus .title {padding:17px 0 0 27px;}



.popup {position:relative;}

	.popup_title {padding-left:10px;}

	.popup_title ul {position:absolute; top:10px; left:125px !important; left:115px; float:left; }

	.popup_title li {float:left; padding-left:1px;}

	.popup span {position:absolute; top:-5px; left:170px;}



.service { background:url(/images/index/service_bg.gif) no-repeat; width:234px; height:147px;  margin-top:25px; }

	.service li {float:left; padding:3px 17px 0;}

	.service ul {padding-left:10px; }

	.service .list {margin-top:0;}

	.mb10 {margin-bottom:12px;}





/*µÎ°ÁÙ*/

#issue { }

	.issue_list, .issue_view {float:left;}

	.issue_list {background:url(/images/index/issue_list_bg.gif) no-repeat; width:260px; height:188px; }

	.issue_list ul {padding:3px 0 0 10px; }

	.issue_list li {padding:1px 0;}

	.issue_list span {color:#646464; font-size:11px; padding-left:3px;}

	.issue_view {position:relative; background:url(/images/index/issue_view_bg.gif) no-repeat; width:376px; height:188px;}

	.issue_view .more {position:absolute; top:10px; left:295px;}

	.issue_view dl dd dl {padding:10px 0 0 17px;}

	.issue_view dl dd dl dd {float:left;}

	.issue_view .text {padding:3px 0 0 10px; width:230px; line-height:1.3em;}

	.issue_view dl dd ul li {line-height:1.4em; border-bottom:#e9e9e9 solid 1px; width:335px; background:url(/images/index/issue_view_listicon.gif) no-repeat 0 6px; padding-left:6px;}

	.issue_view dl dd ul {padding:2px 0 0 15px;}

	.issue_view .title {padding:7px 0 0 19px;}







.media {position:relative;  background:url(/images/index/media_bg.gif) no-repeat; width:234px; height:188px;}

	.media .more {position:absolute; top:10px; left:165px;}

	.media .list {height:132px;}

	.media .list ul {padding:10px 0 0 7px;}

	.media .list .textbg {background:url(/images/index/media_textbg.gif) no-repeat 0 5px; width:105px; height:23px; padding:7px 2px 0;}

	





/*¼Â°ÁÙ*/

.customer .bg {position:relative; background:url(/images/index/customer_bg.gif) no-repeat; width:249px; height:150px;}

	.customer .one dd {float:left; padding-bottom:7px;}

	.customer .one dl {padding:7px 0 0 11px;}

	.customer .title {padding:5px 0 7px 10px;}

	.customer .list { font-size:12px; background:url(/images/index/customer_imgbg01.gif) no-repeat 145px 10px; width:235px; }

	.customer .list02 {font-size:12px; background:url(/images/index/customer_imgbg02.gif) no-repeat 145px 10px; width:235px; }	

	.customer .list03 {font-size:12px; background:url(/images/index/customer_imgbg03.gif) no-repeat 145px 10px; width:235px; }	

	.customer .list ul {padding:5px 15px;}

	.customer .list li {border-bottom:1px dashed #d5d5d5; padding:4px 0 3px 12px; background:url(/images/data/user_icon.gif) no-repeat 4px 8px; line-height:1.2em; }

	.customer .list .detail_btn	 {position:absolute; top:125px; left:180px;}





.board .tab {background:url(/images/index/board_tabbg.gif) repeat-x; width:373px; height:25px;}

	.board .tab span {padding-right:1px;}

	.board ul {margin-top:10px;}

	.board li {font-size:12px; height:21px;}

	.board .list {height:105px !important; height:115px; width:373px;}

	.board .list .icon {background:url(/images/index/board_listicon.gif) no-repeat 3px 5px; padding-left:10px; width:300px;}

	.board .list ul li {float:left; padding-right:3px;}

	.board .list li a:hover, a:active {color: #000; text-decoration: underline; }



.newsflash {position:relative; background:url(/images/index/newsflash_bg.gif) no-repeat; width:373px; height:29px; margin-top:7px;}

	.newsflash dd {float:left;}

	.newsflash .text {position:absolute; top:7px; left:70px; font-size:12px; overflow:hidden; height:20px; }

	.newsflash .title {padding:8px 0 0 10px;}





.benner {background:url(/images/index/benner_bg.gif) no-repeat; width:234px; height:176px;}

	.benner ul {padding:7px 0 0 12px;}





/*4°ÁÙ*/

.total_service_tab dd {float:left; }

	.total_service_bg {background:url(/images/index/total_service_bg.gif) repeat-y; width:885px; }

	.total_service_bg table {margin:0 0 0 20px;}

	.total_service_bg td {line-height:1.4em;  font-size:11px; width:107px;}

	.total_service_bg li {line-height:1.4em;  font-size:11px; }

	.total_service_bg .icon01 {background:url(/images/common/index_icon01.gif) no-repeat 0 3px; padding:0 0 3px 9px; font-weight:bold; color:#232323; font-size:12px;}

	.total_service_bg .icon02 {padding:3px 0 3px 9px; font-weight:bold; color:#5c5c5c; font-size:12px;}	





/*5°ÁÙ*/

.site {}

.site .bg {position:relative; background:url(/images/index/site_bg.gif) no-repeat; width:636px; height:40px;}

	.site .bg ul {padding:2px 0 0 8px; }

	.site .bg li {float:left; }

	.site .bg ul li ul {}

	.site .bg ul li ul li {padding-right:5px; paddin-bottom:2px;}

	.site .icon	{padding:5px 0 0 0;}

	.site .icon img {padding-bottom:3px;}

	.site span {position:absolute; top:-20px; left:570px;}

	

#bannerLayer {position: relative; overflow:hidden;  height: 33px;}

#bannerList {position:relative; width:600px; height:31px; }



.information_site select {font-size:11px; width:165px;}

	.information_site ul {padding-left: 9px;}

	.information_site ul li img {padding:1px 0 0 3px;}

	.information_site .box {padding-bottom:2px;} 





.top_title {padding:13px 0 5px 9px; }

.top_title02 {padding:11px 0 8px 9px;}

.fb {color:#000;}

.f0 {font-size:0px;}

.f11 {font-size:11px;} 

.fl {float:left;}

.cb {clear:both;}

.pt8 {padding-top:8px;}

.red {color:red;}

.fw {font-weight:bold;}

legend{top:-5000px; display:block; overflow:hidden; position:absolute; left:0;}











 	/*.total_service_bg {width:885px;}

	.total_box_top {background:url(/images/index/total_service_bg01.gif) no-repeat; width:885px; height:12px;}

	.total_box_bottom {background:url(/images/index/total_service_bg02.gif) no-repeat; width:885px; height:12px;}

	.total_service_bg {padding-left:23px;}

	.total_service_bg li {line-height:1.4em;  font-size:11px; width:98px;}

	.total_service_bg .icon01 {background:url(/images/common/index_icon01.gif) no-repeat 0 3px; padding:0 0 3px 9px; font-weight:bold; color:#5c5c5c; font-size:12px;}