/* 1. Global
---------------------------------------*/
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,input,textarea,table,tr,th,td { margin:0; padding:0 }
body { background:#FFF url(/images/bg_grey_top.gif) repeat-x; font:12px Tahoma, ¸¼Àº°íµñ, Aerial; color:#4d4d4d }
button, input, select, textarea { font:12px Tahoma, ¸¼Àº°íµñ, Aerial }
button { font-weight:bold }
fieldset,img { border:0 }
hr { clear:both; visibility:hidden }
ol, ul { list-style:none }
table { border-collapse:collapse; border-spacing:0 }
:focus { outline:0 }
h1 { font-size:19px }
h2 { font-size:12px }
h3 { font-size:11px }
a { /*color:#7f99ae;*/ color:#3a3939; text-decoration:none }
a:hover { text-decoration:underline }

/* 2. Wrapper
---------------------------------------*/
#width { margin:0 auto; padding:0 10px; width:952px; text-align:left }

/* 3. Header
---------------------------------------*/
#masthead #site-logo { margin:10px 0 0 0; float:left; width:250px; background:url(/images/logo1.gif) no-repeat }
#masthead #site-logo a { display:block; height:50px; text-indent:-9999px }
#masthead #leaderboard { margin:7px 0 0 0; padding:10px 0 0 0; float:right; width:300px; height:20px; background:url(/images/ad_grey.gif) no-repeat 100% 0 }

/* 4. Navigation
---------------------------------------*/
#tabs {margin:10px 0 0 0;padding:0 0 10px 0;background:url(/images/fade_grey_tab.gif) repeat-x 0 100%;border-top:4px solid #a2a2a2}
	#tabs ul{position:absolute;display:block}
	#tabs li{float:left;height:auto;display:inline;background:#969696 url(/images/bg_grey_tab.gif) no-repeat}
	#tabs li ul{visibility:hidden;z-index:100;border-top:1px solid #bffd38}
	#tabs li li{float:none;display:block;background:#eafdd5}
	#tabs a{width:137px;font-weight:bold;color:#fff;line-height:25px;text-align:center;display:block;background:url(/images/bg_grey_tab.gif) no-repeat top left;border-right:1px solid #a2a2a2}   
	#tabs a:hover, #tabs a.selected{background:url(/images/bg_green_tab.gif) #cbfc61 no-repeat top left;color:#fff;text-decoration:none}
	#tabs li.l a{width:124px;border:none}
	#tabs ul a{font-weight:normal;color:#666;line-height:25px;width:135px;background:#eafdd5;border-right:1px solid #bffd38;border-left:1px solid #bffd38;border-bottom:1px solid #bffd38}
	#tabs li li li{background:#fff9ea}
	#tabs li li ul{position:absolute;margin:-22px 0 0 137px}
	#tabs ul ul a{background:#eafdd5}
	#tabs ul a:hover, #tabs ul a.selected{background:url(/images/bg_green_tab.gif) no-repeat bottom left}
	#tabs a.promo, #tabs a.promo:hover{background:url(/images/bg_promo_tab.gif) #6d889d no-repeat top left;color:#b8d4ea;text-decoration:none}

#sub-nav #links { float:left; width:500px; line-height:23px; color:#999 }
	#search-bar { float:right; width:380px; text-align:right }
	#search-bar legend { display:none }
	#search-bar input { width:270px; vertical-align:middle }
	#search-bar button { margin:0 0 1px 3px; vertical-align:middle }

#languages { margin:10px 0 0 0; background:#849eb3 url(/images/bg_blue_tab.gif) repeat-x; border-top:4px solid #d8e1e9 }
	#languages li { float:left; width:79px }
	#languages li a { display:block; border-right:1px solid #d8e1e9; line-height:20px; text-align:center; color:#FFF }
	#languages li a:hover, #languages a.selected { background:#bffd38 url(/images/bg_green_tab.gif) no-repeat; text-decoration:none }
	#languages li.l { width:81px }
	#languages li.l a { border:none }

/* 5. Content
---------------------------------------*/
#content { padding:0 0 10px 0; background:url(/images/fade_grey_tab.gif) repeat-x }

#col1 { padding:15px 0; float:left; width:610px }

#col2 { padding:0 0 13px 0; float:right; width:320px; background:url(/images/bg_right-end.gif) no-repeat 0 100% }
	#col2-top { padding:10px 10px 10px 0; background:url(/images/bg_right-bottom.gif) no-repeat 0 100% }
	#col2-bottom { padding:5px 10px 0px 9px; background:#f2f2f2 url(/images/bg_right-top.gif) no-repeat; border-left:1px solid #CCC; border-right:1px solid #CCC }

#col3 { padding:0 0 13px 0; float:right; width:20px; no-repeat 0 100% }
	#col3-top { padding:10px 10px 10px 0;  no-repeat 0 100% }
	#col3-bottom { padding:5px 10px 0px 9px; background:#f2f2f2  no-repeat; border-left:1px solid #CCC; border-right:1px solid #CCC }

#col4 { padding:15px 0; float:left; width:910px }


/* 6.2 Listing
---------------------------------------*/
#listing { padding:0 0 10px 0 }
	#listing .latest-story { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #e5e5e5; line-height:16px }
	#listing .latest-story h2, #listing .latest-story h3 { margin-top: 0px; font:  9pt "Verdana", "±¼¸²Ã¼"; margin-left: 0px; color: #3a3939; line-height:18px; letter-spacing: -1px; TEXT-DECORATION: none }
	#listing .latest-story .story-img { margin:5px 7px 0 0; float:left }
	#listing .latest-story .tags { /*padding:0 0 0 12px; background:url(/images/icon-tags.gif) no-repeat; color:#999*/ }

#listing .listing-top h2 { font-size:21px }
	#listing .listing-top .latest-story { margin:0; padding:0 10px 0 0; float:left; width:429px; border-right:1px solid #e5e5e5; border-bottom:none }
	#listing .related-stories { padding:0 0 0 10px; float:right; width:160px }
	#listing .related-stories .list { margin:10px 0 }



/* 7.1 Boxes
---------------------------------------*/
.box-tabs { background:url(/images/box-tab-btm.gif) repeat-x 0 100% }
	.box-tabs li { float:left }
	.box-tabs li span { padding:5px 10px; display:block; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; cursor:pointer; color:#999 }
	.box-tabs li span:hover { background:#f2f2f2 }
	.box-tabs .last-tab { border-right-color:#FFF }
	.box-tabs .active span, .box-tabs .active span:hover { background:#FFF; border-bottom-color:#FFF; font-weight:bold; color:#666 }
	.box-tabs .active .last-tab { border-right-color:#e5e5e5 }

.box { margin:10px 0 0; border-bottom:3px solid #e5e5e5 }
	.box .box-border { background:#FFF; border:1px solid #CCC }
	.box-content, .box-content-dl { margin:10px }
	.box-content li { margin:0 0 7px 0; padding:0 0 7px 0; border-bottom:1px solid #e5e5e5; line-height:14px }
	.box-content li a span, .box-content li a:hover span { color:#4d4d4d }
	.box-content .last, .box-content .more { margin:0; padding:0; border:none }
	.box-content .more { font-weight:normal; text-align:right }
	.box-content .timestamp { font-size:10px; white-space:nowrap; color:#999 }

.most-discussed .comments { margin:0; float:right; width:26px; height:19px; background:url(/images/comments.gif) no-repeat; text-align:center; color:#666 }
	.most-discussed .comments span { display:none }

#box-blogs .box-content img, #box-marketing .box-content img { margin:0 0 10px 10px; float:right }
	#box-blogs .author { clear:both; float:right; font-size:10px; text-align:right }

#box-downloads .box-tabs .active span { background:url(/images/box-tab-btm.gif) repeat-x 0 0 }

#box-news .box-content li { margin:0 0 5px 0; padding:0 0 5px 0 }
	#box-news .box-content a { font-weight:bold }
	#box-news .more a { font-weight:normal }

#box-tag-cloud .box-content { text-align:center }

/* ÅëÇÕ
---------------------------------------*/
#box-newsletters ul li { border-bottom:1px solid #e5e5e5; vertical-align:bottom }
	#box-newsletters ul li p { margin:0 5px 0 0; padding:7px 10px; float:left; width:68px }
	#box-newsletters ul li ul { padding:7px 0; float:left; width:195px }
	#box-newsletters ul li ul li { margin:0; padding:0; border:none; display:inline }
	#box-newsletters .selected { background:#FFF url(/images/newsletters-bg.gif) repeat-x 0 100% }
	#box-newsletters .selected p { ; background:url(/images/newsletters-flag3.gif) no-repeat 100% 50%; color:#FFF }
	#box-newsletters .selected p, #box-newsletters .selected a { font-weight:bold }
	#box-newsletters table { border-bottom:1px solid #e5e5e5; vertical-align:bottom }

/* 8. Advertisements
---------------------------------------*/
#mpu { padding:10px 0 0 0; margin:10px 0 0 0; background:url(/images/ad_grey.gif) no-repeat 100% 0 }

/* 9. Common
---------------------------------------*/


.center { margin:0 auto; text-align:center }

.error { font-weight:bold; color:#E00 }
	.error-msg, .confirm-msg { margin:0 0 10px 0; padding:10px 10px 10px 50px; border:1px solid #FCC; background:#fff5f5 url(/images/icon-error.gif) no-repeat 10px 50% }
	.confirm-msg { background-color:#F2FFE3; background-image:url(/images/icon-confirm.gif); border-color:#BFF2A5 }

.fl { float:left }
	.fr { float:right }

.form {margin:5px 0 10px 0}
	.form h2{margin:15px 0 5px 0}
	.form p{margin:0 0 5px 0}
	.form input{float:left;width:190px;margin:0 5px 0 0}
	.form textarea{float:left;width:350px;height:100px;margin:0 5px 0 0}
	.form input.checkbox{width:15px}
	.form button{float:left;width:auto;margin:0 5px 0 0}
	.form select{float:left;width:195px;margin:0 5px 0 0}

.grid-2-col { float:left; width:305px }
	.grid-3-col { float:left; width:203px }
	.grid-4-col { float:left; width:152px }

.hide, .builder-hide, .trdeck { display:none }

.list li { margin:0 0 7px 0; padding:0 0 0 15px; background:url(/images/arrow-grey.gif) no-repeat 0 3px }
	.list a { font-weight:bold }

.list-forum-posts li, .list-downloads li { margin:0 0 7px 0; padding:0 0 5px 20px; background:url(/images/icon-forum.gif) no-repeat 0 1px }
	.list-forum-posts li a, .list-downloads li a { margin-top: 0px; font:  9pt "Verdana", "±¼¸²Ã¼"; margin-left: 0px; color: #3a3939; line-height:18px; letter-spacing: -1px; TEXT-DECORATION: none }
	.list-forum-posts li { padding-right:20px }
	.list-downloads li { padding-left:12px; background-image:url(/images/top_tri01.gif); border:none }

.section-heading { margin:0 0 10px 0; padding:10px; background:url(/images/heading-bg-col.gif) repeat-x 0 100%; color:#4d4d4d }
	.section-heading h1, .section-heading h2 { float:left; font:bold 14px µ¸¿òü, Helvetica, Arial, sans-serif }
//	.section-heading h1 a, .section-heading h2 a { padding:0 28px 0 0; background:url(/images/heading-more.gif) 100% 50% no-repeat; color:#4d4d4d }
//	.section-heading h1 a:hover, .section-heading h2 a:hover { background-image:url(/images/heading-more-hover.gif); text-decoration:none }
	.section-heading p { padding:5px 0 0 0; float:right }
	.section-heading span { font-weight:normal; color:#999 }
	#col2 .section-heading, #page-top .section-heading, #members-sidebar .section-heading { margin:0 0 7px 0; padding:0; background:none }
	#col2 .section-heading h2, #page-top .section-heading h2, #members-sidebar .section-heading h2 { font:bold 15px ¸¼Àº°íµñ, Arial }
//	#col2 .section-heading h2 a, #page-top .section-heading h2 a, #members-sidebar .section-heading h2 a { padding:2px 24px 2px 0; background-image:url(/images/heading-more-sml.gif) }
//	#col2 .section-heading h2 a:hover, #page-top .section-heading h2 a:hover, #members-sidebar .section-heading h2 a:hover { background-image:url(/images/heading-more-sml-hover.gif) }
	#col2 .section-heading p, #members-sidebar .section-heading p { padding:0 }
	#col2-bottom .section-heading, #members-sidebar .section-heading { margin:0; padding:7px 10px; background-image:url(/images/heading-bg-col.gif); border-bottom:1px solid #CCC }
	#col2 .comments .section-heading { margin:0; padding:0 0 6px 0; border-bottom:1px solid #e5e5e5 }

.timestamp { font-size:10px; white-space:nowrap; color:#999 }

span.download, span.login, span.rss, span.tag, span.thumb-down, span.thumb-up { padding:2px 0 2px 20px; background:url(/images/feedico.gif) no-repeat 0 50% }
	span.download { background-image:url(/images/downloadico.gif) }
	span.login { background-image:url(/images/loginico.gif) }
	span.rss { padding-left:16px }
	span.tag { background-image:url(/images/c/tag-add.gif) }
	span.thumb-down { background-image:url(/images/thumb_down.gif) }
	span.thumb-up { background-image:url(/images/thumb_up.gif) }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfix { display:inline-block }
/* Hides from IE-mac \*/
.clearfix { display:block }
/* End hide from IE-mac */

/* 10. Homepage
---------------------------------------*/
#page-top { position:relative; background:url(/images/page-top-shadow.gif) repeat-x }
	#page-top #news-carousel { float:left; width:912px; height:175px; position:relative }
	#page-top #carousel, #page-top #carousel a { color:#FFF }
	#page-top #carousel h2 { padding:0 180px 0 0; font:bold 25px/32px ¹ÙÅÁü, ¸¼Àº°íµñ, Tahoma, Arial }
	#page-top #carousel p { margin:8px 0 0 0; padding:0 200px 0 0; line-height:16px }
	#page-top #carousel-nav { position:absolute; bottom:0; left:20px; z-index:100 }
	#page-top #carousel-nav a { margin:0 2px 0 0; padding:5px 8px; float:left; display:block; border:1px solid #acb9c1; border-bottom:none; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer }
	#page-top #carousel-nav a.selected, #page-top #carousel-nav a.selected:hover { background:#e4e8eb; border-color:#e4e8eb; color:#6b8499 }
	#page-top #carousel .slide { padding:20px; position:absolute; top:0; left:0; height:135px; width:912px; background-repeat:no-repeat; background-color:#6b8499 }
	#page-top #carousel .tags a { color:#cad4d9 }
/*  #page-top #latest-stories { float:right; width:320px }
	#page-top #latest-stories #col2-top { padding:15px; min-height:190px; background-position:100% 100% }*/



/* 15. Search/Tags
---------------------------------------*/
#search-results-hd, #search-listing .list { margin:0 0 15px 0 }
	#search-listing h1 { margin:0 0 5px 0 }
	#search-listing .categories { padding:5px 0 0 0 }
	#search-listing .list li { float:left; width:135px; color:#999 }
	#search-listing .archive-listing { padding:10px 0 0 0; border-top:1px solid #e5e5e5 }

#search-results-hd { position:relative }
	#search-results-hd .highlight { color:#F63 }
	#search-results-hd ul { position:absolute; top:0; right:0; width:250px; text-align:right }
	#search-results-hd li { margin:0 0 0 7px; display:inline }
	#search-results-hd span { padding-top:3px; padding-bottom:3px; line-height:21px }



/* 19. Footer
---------------------------------------*/
#footer { margin:15px 0 0 0 }
	#footer p { padding:0 0 10px 0 }


#subnav-container { padding:10px 0 }

#schedule{width:100%;margin:0; padding: 0 0 15px 0;}
.schedule-col1{width:80%;float:left;text-align:center;line-height:20px;background:#A2A2A2 url(/images/bg_grey_tab.gif) repeat-x top left;color:#fff}
.schedule-col2{width:60%;float:left;text-align:center;line-height:20px;background:#A2A2A2 url(/images/bg_grey_tab.gif) repeat-x top left;color:#fff}
.schedule-col3{width:20%;float:left;text-align:center;line-height:20px;background:#F79D1D url(/images/bg_green_tab.gif) repeat-x top left;color:#fff;font-weight:bold}
.schedule-col4{width:20%;float:left;text-align:center;line-height:20px;background:#A2A2A2 url(/images/bg_grey_tab.gif) repeat-x top left;color:#fff}
#schedule table{clear:both;width:100%;border-right:1px solid #A2A2A2;}
#schedule table td, #schedule table th{padding:5px;border-left:1px solid #A2A2A2;border-bottom:1px solid #A2A2A2;text-align:center}
#schedule table th{background:#D8E1E9}

.taglink { padding-left:15px}
.img-hack{display:block;width:88px;height:66px;}

.story-tag { position:relative; top:4px; }
#story-tags { margin-top:9px }
.author-image {  }

/* 20. Á¦·Îº¸µå
------------------------------------*/
BODY,TD,input,DIV,form,TEXTAREA,center,pre,blockquote {font-size:9pt;font-family:±¼¸²;color:888888}

select,option {font-size:9pt;font-family:tahoma;color:13485D;background-color:B4D2DE}

TD {line-height:140%}

body{
	scrollbar-face-color:#CCCCCC;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-3dlight-color: #EEEEEE;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-darkshadow-color: #EEEEEE;
	scrollbar-track-color: #EFEFEF;
	scrollbar-arrow-color: #DDDDDD;
}

A:link    {color:888888;text-decoration:none;}
A:visited {color:888888;text-decoration:none;}
A:active  {color:888888;text-decoration:none;}
A:hover  {color:555555;text-decoration:underline}

.textarea {border:solid 1;border-color:347088;font-size:9pt;color:042330;background-color:white;}
.input {border:solid 1;border-color:739BAB;font-size:9pt;color:042330;background-color:white;height:19px}
.submit {border:solid 1;border-color:1F556A;font-size:9pt;color:white;background-color:50889F;height:19px}
.button {border:solid 1;border-color:1F556A;font-size:9pt;color:white;background-color:50889F;height:19px}

.thm7pt {font-family:tahoma;font-size:7pt}

.ment {border:1 solid; border-color:e7e7e7; background-color:fafafa; font-size:9pt; table-layout:fixed}
.ment_text {color:666666;font-size:9pt;line-height:140%;padding:10px;}

.line1 {background-color:#B4D2DE; padding:0}
.line2 {background-color:#D7EDF2; padding:0}

.title {background-image: url(http://www.spromotion.com/bbs/skin/nzeo_ver4_bbs/list_back.gif); background-repeat-x; height:33px;}
.list0 {background-color:#EEF3F6; height:28px; font-size:9pt;}
.list1 {background-color:#F7FAFB; height:28px; font-size:9pt;}

.title_han {color:FFFFFF;font-weight:bold;font-size:9pt}
.list_han {color:13485D;font-size:9pt;text-decoration:none;text-decoration:none}

.title_eng {font-family:tahoma;color:ffffff;font-weight:bold;font-size:8pt;text-decoration:none}
.list_eng {font-family:tahoma;color:13485D;font-size:8pt;text-decoration:none}
.title_han {font-family:tahoma;color:ffffff;font-weight:bold;font-size:8pt;text-decoration:none}