﻿@charset "utf-8";
*{margin:0; padding:0; font-size: 12px;}
/* ie 전용 핵이므로 될 수 있음 각 태그마다 마진과 패딩 0을 따로 지정하는게 크로스 브라우징에 좋습니다. */
body { background-image:url("/common/images/leftmenu_bg.jpg"); background-repeat:repeat-y; }
h1, h2, h3, p, li, ui, div { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
td {  font-family: Arial, Simsun, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 19px; }
.td {  font-family: Arial, Simsun, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 19px; }
.td333 {  font-family: Arial, Simsun, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 19px; }
.td666 {  font-family: Arial, Simsun, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 19px; }
.td999 {  font-family: Arial, Simsun, Helvetica, sans-serif; font-size: 12px; color: #999999; line-height: 19px; }

.input  { BACKGROUND-COLOR: #F4F4F4; BORDER-TOP: #B1B1B1 1px solid; BORDER-LEFT: #B1B1B1 1px solid; BORDER-RIGHT: #B1B1B1 1px solid; BORDER-BOTTOM: #B1B1B1 1px solid;  COLOR: #333333; FONT-FAMILY: Tahoma, Arial, Simsun, Helvetica, sans-serif; FONT-SIZE: 9pt; padding:4px; }

a.new_more:link 		{ font-size: 12px; color: #ffffff;  text-decoration: none; line-height:14px; }
a.new_more:visited		{ font-size: 12px; color: #ffffff;  text-decoration: none; line-height:14px; }
a.new_more:hover		{ font-size: 12px; color: #ffffff;  text-decoration: underline; line-height:14px; }
a.new_more:active		{ font-size: 12px; color: #ffffff;  text-decoration: underline; line-height:14px; }

a.newslist:link 		{ font-size: 12px; color: #666666;  text-decoration: none; line-height:17px; }
a.newslist:visited		{ font-size: 12px; color: #666666;  text-decoration: none; line-height:17px; }
a.newslist:hover		{ font-size: 12px; color: #666666;  text-decoration: underline; line-height:17px; }
a.newslist:active		{ font-size: 12px; color: #666666;  text-decoration: underline; line-height:17px; }

a.get_started:link 		{ font-size: 12px; color: #333333;  text-decoration: none; line-height:14px; }
a.get_started:visited	{ font-size: 12px; color: #333333;  text-decoration: none; line-height:14px; }
a.get_started:hover		{ font-size: 12px; color: #333333;  text-decoration: underline; line-height:14px; }
a.get_started:active	{ font-size: 12px; color: #333333;  text-decoration: underline; line-height:14px; }

a.enjoy:link 		{ font-size: 12px; color: #0C358D;  text-decoration: none; line-height:14px; }
a.enjoy:visited		{ font-size: 12px; color: #0C358D;  text-decoration: none; line-height:14px; }
a.enjoy:hover		{ font-size: 12px; color: #0C358D;  text-decoration: underline; line-height:14px; }
a.enjoy:active		{ font-size: 12px; color: #0C358D;  text-decoration: underline; line-height:14px; }

a.enjoy2:link 		{ font-size: 12px; color: #999999;  text-decoration: none; line-height:14px; }
a.enjoy2:visited	{ font-size: 12px; color: #999999;  text-decoration: none; line-height:14px; }
a.enjoy2:hover		{ font-size: 12px; color: #999999;  text-decoration: underline; line-height:14px; }
a.enjoy2:active		{ font-size: 12px; color: #999999;  text-decoration: underline; line-height:14px; }




a:link 		{ font-size: 12px; color: #1581D7;  text-decoration: none; }
a:visited	{ font-size: 12px; color: #1581D7;  text-decoration: none; }
a:hover		{ font-size: 12px; color: #1581D7;  text-decoration: underline; }
a:active	{ font-size: 12px; color: #1581D7;  text-decoration: underline; }

/* 
BODY {
background-color:#ffffff;
background-image:url("/common/images/leftmenu_bg.jpg");
background-repeat: repeat-y;
}
style="background:url() ;"
*/


#navi { width:997px; height:101px; background-image:url("/cn_s/img2009/middle_bg04.gif"); background-repeat:repeat-y; background-position:right;}
#naviv { width:997px; height:224px; background-image:url("/cn_s/img2009/middle_bg04.gif"); background-repeat:repeat-y; background-position:right;}

#footer_all { width:100%; height:71px; background-color:#464D5E;clear:both; margin: 0 0 21px 0;}
#footer_fix{width: 932px;}
#footer_logo { padding:12px 16px 12px 54px; float:left; }

#footer_menu { padding:17px 0 7px 0; float:left; width:481px; background-color:#464D5E; margin:0 !important ;}
#footer_menu ul { padding: 0 0 3px 0; margin:0 !important; }
#footer_menu ul li{display: inline; float:left; list-style:none; margin:0 !important; }
#footer_menu p { padding-bottom:3px; margin:0 !important; }

#footer_banner { padding:21px 0 21px 0; float left; margin:0 !important; }
#footer_banner ul li{display: inline; float:left; list-style:none;}
#footer_banner ul {margin:0 !important; }
	.footer_bar{margin:0 9px 0 9px ;}


#main_content {float: left; padding: 30px 0 30px 0; width: 997px; background-image:url("/cn_s/img2009/middle_bg04.gif"); background-repeat:repeat-y; background-position:right;}
#main_content01{float: left; width: 266px; padding:0 0 0 30px;}
#main_content01 h2{color:#ffffff; font-weight: bold; padding: 1px 0 0 15px; background: url(/cn_s/img2009/middle_bg01.gif) no-repeat; height: 18px; font-size: 12px; }
#main_content01 ol{width: 236px; padding: 0 0 3px 0; border-bottom: 1px solid #F6F6F6;}
#main_content01 ol li{list-style: none; color:#333333; font-size: 12px;}
#main_content01 img{padding: 0 13px;}
	.content_bg01{background: #F7F7F7;}


#main_content02{float: left; width: 360px;}
	.main_content02{padding: 10px 0 0 5px; float: left; clear: both; width: 100%;}
	.global{float: left; }
	.global h3 { margin:0;}
	.global p { margin:0;}
#main_content02 h2{color:#ffffff; font-weight: bold; padding: 1px 0 0 15px; background: url(/cn_s/img2009/middle_bg02.gif) no-repeat; height: 18px; font-size: 12px; }
#main_content02 h3{color: #0C358D; font-weight: bold; padding: 0 0 3px 0;}
#main_content02 p{color: #999999;}
#main_content02 img{border: 1px solid #CCCCCC; margin: 0 15px 0 0;}

#main_content03{float: left; width: 280px; }
	.main_content03{ background: url(/cn_s/img2009/middle_bg03.gif) no-repeat; width: 265px; height: 16px; font-weight: bold; color: #fff; padding: 0 13px 14px 13px;}
	.bbs_title{float: left; padding-top:3px;}
	.bbs_more{float: right; padding-top:2px;}
#main_content03 ol{margin: 15px 0 0 0;}	
#main_content03 ol li{list-style:none; padding: 1px 0 0 0; line-height:22px; }
	.title{float: left; color: #666666; width: 210px; height: 22px; }
	.date{float: right; width: 70px; color: #999999; height: 22px; }

#main_content03 h2{ color:#ffffff; font-weight: bold; padding: 3px 0 0 15px; background: url(/cn_s/img2009/middle_bg03.gif) no-repeat; height: 18px; font-size: 12px; margin-top:30px; }
#main_content03 select{width: 280px; margin: 10px 0 0 0;;}
/*레이어팝업*/
#layerPopup0 {
visibility : hidden;
position : absolute;
width : 419px;
left : 200px;
top : 100px;
z-index:100;
cursor:pointer;}
#layerPopup1 {
visibility : hidden;
position : absolute;
width : 259px;
height : 363px;
left : 620px;
top : 100px;
z-index:100;
cursor:pointer;}