body {
	margin: 0;
	padding: 0;
	border: 0;
	font: µ¸¿ò;
	font-size: 11px;
	background: url(../../../images/service2010/main/ground_bg_includeGNB.gif) repeat-x;
}

#wrapper {
	margin: 0;
	padding: 0;
	width: 1080px;
}


/***********************************************************
*
*   Layout			: Global
*   Layout Tag	:
*   Description	: °øÅë
*
************************************************************/

img {
	margin: 0;
	padding: 0;
	border: 0;
}

.alignLeft {
	float: left;
}

.alignRight {
	float: right;
}

.clear {
	clear: both;
}




/***********************************************************
*
*   Layout			: Top
*   Layout Tag	: #top
*   Description	: Top part
*
************************************************************/

#top {
	margin: 0;
	padding: 0;
	border: 0;
	height: 103px;
	background: url(../../../images/service2010/main/top_bg.gif) repeat-x;
}


/********************** Logo **********************/

#logo {
	width: 305px;
	margin: 0;
	padding: 0;
	float: left;
}


/********************** Menu **********************/

#menu {
	margin: 0;
	padding: 0;
	width: 767px;
	text-align: right;
	float: right;
}

/*********** topMenu ***********/

#menu #topMenu {
	margin: 0;
	padding: 0;
	width: 315px;
	height: 43px;
	text-align: left;
	background: url(../../../images/service2010/main/top_menu_bg.gif) no-repeat;
	float: right;
}

#menu #topMenu ul {
	margin: 3px 0 0 22px;
	padding: 0;
}

#menu #topMenu ul li {
	margin: 0 6px;
	padding: 0 0 0 5px;
	background: url(../../../images/service2010/main/top_menu_bullet.gif) no-repeat left 80%;
	display: inline;
	list-style-type: none;
}

#menu #topMenu a {
	font-size: 11px;
	color: white;
	text-decoration: none;
}

#menu #topMenu a:hover {
	text-decoration: underline;
}


/*********** subMenu ***********/

#menu #subMenu {
	margin: 0;
	padding: 0;
	width: 380px;
	height: 16px;
	text-align: left;
	line-height: 11px;
	background: url(../../../images/service2010/main/gnb_subMenu_bg.gif) no-repeat;
	float: right;
}

#menu #subMenu ul {
	margin: 5px 0 0 70px;
	padding: 0;
}

#menu #subMenu ul li {
	margin: 0 6px;
	padding: 0 0 0 5px;
	background: url(../../../images/service2010/main/gnb_subMenu_bullet.gif) no-repeat left 70%;
	display: inline;
}

#menu #subMenu a {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: white;
	text-decoration: none;
}

#menu #subMenu a:hover {
	text-decoration: underline;
}


/*********** Ã¢ÀÛ¸¶´ç °¡¸®±â ***********/

#menu #subMenu .option01 {
/*
	color: #AAAAAA;
	background: url(../../../images/service2010/main/gnb_subMenu_bullet_dimmed.gif) no-repeat left 70%;
*/
	display: none;
}

#menu #subMenu .option02 {
/*
	display: none;
*/
}


/*********** GNB Menu ***********/

#menu #gnbMenu {
	display: inline;
}

#gnbMenu a {
	color: black;
	text-decoration: none;
}

#gnbMenu a:hover {
	font-weight: bold;
	text-decoration: underline;
}

#gnbMenu ul {
	margin: 0;
	padding: 0;
	font: µ¸¿ò;
	font-size: 12px;
	text-align: left;
}

#gnbMenu ul li {
	margin: 16px 0 0 0;
	padding: 0;
	background: url(../../../images/service2010/main/gnb_devider_small.gif) no-repeat left 10%;
	text-align: center;
	display: inline;
}

/****** GNB Category ******/

#gnbMenu #gnbCategory {
	width: 295px;
	background: url(../../../images/service2010/main/gnb_menu_bg.gif) repeat-x;
	float: left;
}

#gnbMenu #gnbCategory ul {
	height: 44px;
	background: url(../../../images/service2010/main/gnb_bg_left.gif) no-repeat;
}

#gnbMenu #gnbCategory #menu01 {
	width: 84px;
	padding: 0 0 0 30px;
	background: ;
}

#gnbMenu #gnbCategory #menu02 {
	width: 84px;
}

#gnbMenu #gnbCategory #menu03 {
	width: 59px;
}

#gnbMenu #gnbCategory #menu04 {
	width: 68px;
}


/****** GNB Theme ******/

#gnbMenu #gnbTheme {
	background: url(../../../images/service2010/main/gnb_menu_bg.gif) repeat-x;
	float: left;
}

#gnbMenu #gnbTheme ul {
	width: 92px;
	text-align: center;
	background: url(../../../images/service2010/main/gnb_devider_large.gif) no-repeat left top;
}

#gnbMenu #gnbTheme ul li {
	height: 44px;
	background: ;
}


/****** GNB Search ******/

#gnbMenu #gnbSearch {
	width: 332px;
	height: 44px;
	text-align: left;
	background: url(../../../images/service2010/main/gnb_search_bg.gif) repeat-x;
	float: left;
}

#gnbMenu #gnbSearch #form_search {
	margin: 10px 0 0 12px;
	float: left;
}

#gnbMenu #gnbSearch #form_search select {
	margin: 0;
	padding: 0;
	width: 90px;
	height: 20px;
	border: #7F9DB9 1px solid;
	font-size: 12px;
	color: #0072BC;
	background: #DCE8EC;
}

#gnbMenu #gnbSearch #form_search input {
	margin: 0;
	padding: 3px;
	width: 160px;
	height: 20px;
	border: #7F9DB9 1px solid;
	font-size: 12px;
	color: #0072BC;
}


/****** Search Right Blank ******/

#gnbMenu #gnbRight {
	width: 48px;
	height: 44px;
	background: url(../../../images/service2010/main/gnb_bg_right.gif) no-repeat;
	float: left;
}



/***********************************************************
*
*   Layout			: Body
*   Layout Tag	: #body_Content
*   Description	: Body ÄÜÅÙÃ÷ ¼Ò°³
*
************************************************************/

#body_content {
	margin: 0;
	padding: 0;
	border: 0;
}


/********************** Content **********************/

#content {
	height: 411px;
	background: url(../../../images/service2010/main/main_bg.jpg) no-repeat;
	float: left;
}

#content #ct_design {
	margin-left: 108px;
	padding: 0;
	width: 131px;
	height: 411px;
	background: url(../../../images/service2010/main/main_content01_bg.jpg) no-repeat;
	float: left;
	display: inline;
}

#content #ct_multimedia {
	width: 114px;
	height: 411px;
	background: url(../../../images/service2010/main/main_content02_bg.jpg) no-repeat;
	float: left;
}

#content #ct_audio {
	width: 107px;
	height: 411px;
	background: url(../../../images/service2010/main/main_content03_bg.jpg) no-repeat;
	float: left;
}

#content #ct_document {
	width: 115px;
	height: 411px;
	background: url(../../../images/service2010/main/main_content04_bg.jpg) no-repeat;
	float: left;
}

#content ul {
	margin: 158px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#content ul li {
	margin: 0 0 5px 8px;
	padding: 0 0 0 5px;
	background: url(../../../images/service2010/main/main_content_bullet_white.gif) no-repeat left 50%;
	font: µ¸¿ò;
	font-size: 11px;
	color: white;
	list-style-type: none;
}

#content #design_list ul li {
	background: url(../../../images/service2010/main/main_content_bullet_black.gif) no-repeat left 50%;
	color: #898989;
	list-style-type: none;
}

#content a {
	color: white;
	text-decoration: none;
}

#content a:hover {
	color: white;
	text-decoration: underline;
}

#content #design_list a {
	color: #555555;
}


/********************** Visual **********************/

#visual {
	float: left;
}


/****** Visual Notice ******/

#visual #visualNotice {
	width: 350px;
	height: 115px;
}

#visual #visualNotice ul {
	margin: 9px 0 0 55px;
	padding: 0;
}

#visual #visualNotice ul li {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 20px;
	list-style-type: none;
	background: url(../../../images/service2010/main/notice_bullet.gif) no-repeat left 50%;
}

#visual #visualNotice ul li a {
	color: #444444;
	text-decoration: none;
	cursor: hand;
}

#visual #visualNotice ul li a:hover {
	color: #48A39C;
	text-decoration: underline;
	cursor: hand;
}

#visual #visualNotice ul li .alignRight {
	color: #999999;
}

#visual #visualNotice ul li a:hover .alignRight {
	color: #48A39C;
	text-decoration: underline;
	cursor: hand;
}


/****** Visual Bottom ******/

#visual #visualBottom {
	width: 449px;
	height: 120px;
	background: url(../../../images/service2010/main/visual_bg.jpg) no-repeat;
}


/********************** Quick Menu **********************/

#quick {
	height: 411px;
	float: left;
}

#quick p {
	margin: 0;
	padding: 0;
	width: 48px;
	height: 38px;
	list-style-type: none;
}

#quick .blank_01, #quick .blank_02 {
	margin: 0;
	padding: 0;
}

#quick .blank_01 {
	width: 48px;
	height: 96px;
	background: url(../../../images/service2010/main/quick_bg_top.gif) no-repeat left top;
}

#quick .blank_02 {
	width: 48px;
	height: 87px;
	background: url(../../../images/service2010/main/quick_bg_bottom.gif) no-repeat left top;
}

/****** Quick Button ******/

#quick p a {
	width: 48px;
	height: 38px;
	display: block;
}

#quick p a:hover img {
	display: none;
}
#quick p a.quickBtn_01:hover {
	background: url(../../../images/service2010/main/quick_btn_01_over.gif) no-repeat left top;
}
#quick p a.quickBtn_02:hover {
	background: url(../../../images/service2010/main/quick_btn_02_over.gif) no-repeat left top;
}
#quick p a.quickBtn_03:hover {
	background: url(../../../images/service2010/main/quick_btn_03_over.gif) no-repeat left top;
}
#quick p a.quickBtn_04:hover {
	background: url(../../../images/service2010/main/quick_btn_04_over.gif) no-repeat left top;
}
#quick p a.quickBtn_05:hover {
	background: url(../../../images/service2010/main/quick_btn_05_over.gif) no-repeat left top;
}
#quick p a.quickBtn_06:hover {
	background: url(../../../images/service2010/main/quick_btn_06_over.gif) no-repeat left top;
}


/***********************************************************
*
*   Layout			: Body
*   Layout Tag	: #body_Info
*   Description	: Body Á¤º¸ ¼Ò°³
*
************************************************************/

#body_info {
	margin: 0;
	padding: 0;
	border: 0;
}


/********************** ¹®È­¿øÇü°úÁ¦ Chart **********************/

#site {
	margin: 0 0 0 80px;
	width: 320px;
	height: 228px;
	background: url(../../../images/service2010/main/site_tab_bg.gif) repeat-x;
	float: left;
	display: inline;
}

/****** ¹®È­¿øÇü°úÁ¦ Chart Head ******/

#site #site_head a {
	width: 47px;
	height: 26px;
	display: block;
	float: left;
}

#site #site_head a:hover img {
	display: none;
}
#site #site_head a.moreBtn:hover {
	background: url(../../../images/service2010/main/site_btn_more_over.gif) no-repeat left top;
}

/****** ¹®È­¿øÇü°úÁ¦ Chart List ******/

#site #site_list {
	font-size: 12px;
}

#site #site_list ul {
	margin: 10px 15px 0 15px;
	padding: 0;
}

#site #site_list ul li {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 20px;
	list-style-type: none;
	background: url(../../../images/service2010/main/site_bullet.gif) no-repeat left 10%;
}

#site #site_list ul li a {
	color: #444444;
	text-decoration: none;
	cursor: hand;
}

#site #site_list ul li a:hover {
	color: #48A39C;
	text-decoration: underline;
	cursor: hand;
}

#site #site_list ul li .alignRight {
	color: #999999;
}

#site #site_list ul li a:hover .alignRight {
	color: #48A39C;
	text-decoration: underline;
	cursor: hand;
}



/********************** News Letter **********************/
#news {
	margin: 0 0 0 20px;
	background: url(../../../images/service2010/main/news_bg_left.gif) no-repeat left 25px;
	float: left;
}


/****** News Letter Head ******/

#news #news_head {
	width: 382px;
	background: url(../../../images/service2010/main/news_btn_bg_right.gif) no-repeat right top;
}

#news #news_head .alignRight {
	margin: 0 30px 0 0;
	display: block;
}

#news #news_head .alignRight p {
	margin: 0;
	padding: 0;
	display: inline;
}

/*** ÁÖÂ÷ Button ***/

#news #news_head .alignRight p a {
	width: 15px;
	height: 25px;
	display: block;
	float: left;
}

#news #news_head .alignRight p a:hover img {
	display: none;
}
#news #news_head .alignRight p a.newsBtn00:hover {
	background: url(../../../images/service2010/main/news_btn_00_over.gif) no-repeat left top;
}
#news #news_head .alignRight p a.newsBtn01:hover {
	background: url(../../../images/service2010/main/news_btn_01_over.gif) no-repeat left top;
}
#news #news_head .alignRight p a.newsBtn02:hover {
	background: url(../../../images/service2010/main/news_btn_02_over.gif) no-repeat left top;
}
#news #news_head .alignRight p a.newsBtn03:hover {
	background: url(../../../images/service2010/main/news_btn_03_over.gif) no-repeat left top;
}


/****** News Letter List ******/

#news #news_list {
	width: 382px;
	height: 154px;
	background: url(../../../images/service2010/main/news_bg_right.gif) no-repeat right top;
}

#news #news_list #newsImgFrame {
	margin: 0 0 0 30px;
	width: 125px;
	height: 95px;
	background: url(../../../images/service2010/main/news_imgFrame_bg.gif) no-repeat right top;
	float: left;
	display: inline;
}

#news #news_list #newsImgFrame img {
	margin: 7px 0 0 14px;
}


#news #news_list #newsTitle {
	margin: 10px 0 0 0;
	width: 197px;
	height: 34px;
	float: left;
}

#news #news_list #newsTitle a {
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#news #news_list #newsTitle a:hover {
	color: #0072BC;
	text-decoration: underline;
}

#news #news_list #newsDetail {
	width: 197px;
	float: left;
}

#news #news_list #newsDetail a {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#news #news_list #newsDetail a:hover {
	color: #0072BC;
	text-decoration: underline;
}


#news #news_list #newsOther ul {
	margin: 6px 0 0 44px;
	font-size: 11px;
	color: #666666;
	list-style-type: none;
}

#news #news_list #newsOther ul li {
	padding: 0 0 0 54px;
	line-height: 15px;
}

#news #news_list #newsOther a {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#news #news_list #newsOther a:hover {
	color: #0072BC;
	text-decoration: underline;
}

#news #news_list #newsOther ul .ctNews {
	background: url(../../../images/service2010/main/news_icon_01.gif) no-repeat left 50%;
}

#news #news_list #newsOther ul .ctEvent {
	background: url(../../../images/service2010/main/news_icon_02.gif) no-repeat left 50%;
}


/********************** Weekly °Ë»ö¾î **********************/
#searchWord {
	margin: 0 0 0 10px;
	float: left;
}

#searchWord #searchWord_head {
	width: 196px;
	height: 26px;
	background: url(../../../images/service2010/main/searchWord_tab_bg.gif) repeat-x;
}

#searchWord #searchWord_list {
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
}

#searchWord #searchWord_list ul {
	margin: 5px 0 5px 12px;
	list-style-type: none;
	line-height: 19px;
}

#searchWord #searchWord_list a {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#searchWord #searchWord_list a:hover {
	color: #57CB11;
	text-decoration: underline;
}

#searchWord #searchWord_list ul li img {
	margin: 0 10px 0 0;
}



/***********************************************************
*
*   Layout			: Footer
*   Layout Tag	: #footer
*   Description	: Footer part
*
************************************************************/



/********************** Footer **********************/
#footer {
	height: 62px;
	background: url(../../../images/service2010/main/footer_bg.gif);
}

#footer #footMenu {
	margin-left: 80px;
	margin-top: 13px;
	float: left;
	display: inline;
}

#footer #footMenu p {
	margin: 0;
	padding: 0;
	display: inline;
}

#footer #footCopy {
	margin-left: 150px;
	margin-top: 12px;
	float: left;
	display: inline;
}


/****** Footer Button ******/

/*#footMenu p a {
	float: left;
	display: block;
}

#footMenu p a:hover img {
	display: none;
}
#footMenu p a.footBtn_01 {
	width: 86px;
	height: 19px;
	background: url(../../../images/service2010/main/footer_btn_01_over.gif) no-repeat left top;
	display: block;
}
*/
