/* 태그 공통 스타일 */
html, body { width:100%; height:100%; margin:0; padding:0; }
* { margin:0; padding:0; font-size:12px; font-family:맑은 고딕; }
body { border-top:3px solid #e7e7e7; }
img { border:0; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:underline; }
.mzBtns {
	display:inline-block !important; margin:0 !important; padding:2px 10px 2px 10px !important;
	border:1px solid #dfdfdf !important; background-color:#f9f9f9 !important; cursor:pointer; vertical-align:middle;
}
input.mzBtns { padding:0 5px 0 5px !important; }
/*a { behavior:url('http://www.ykd21.com/v2008/link.htc'); }*/
p.clear: { clear:both !important; height:0; font-size:0; line-height:0; }

#lBack { position:absolute; background-color:#cccccc; filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; z-index:90; top:0; left:0; visibility:hidden; }

/* 영역 지정 */
#ykdWrap { width:970px; float:left; }
#topArea { height:90px; position:relative; }
#main_leftArea { float:left; width:435px; }
#main_contentArea { float:right; width:535px; height:620px; }
#main_copyrightArea { clear:both; height:90px; }

/* topArea 영역 (전 페이지 공통) */
#topArea a.mainLogo { float:left; display:block; margin:10px 0 0 5px; }
#topArea img.mainLogo { width:230px; height:53px; border:0; }
#topArea p.topLine { clear:left; float:left; margin-top:12px; background-color:#d5d3d6; width:27px; height:8px; line-height:0; font-size:0; }
#topArea .mainMenu { float:right; width:531px; height:90px; }

/* botArea 영역 (전 페이지 공통) */
#botArea { clear:both; position:relative; width:100%; border-top:1px solid #e5e5e5; }
#botArea div.imgWrap { width:100%; height:80px; position:relative; border-top:3px solid #f3f3f3; }
#botArea img { vertical-align:middle !important; position:absolute; }
#botArea img.logo { width:230px; height:53px; top:15px; left:5px; }
#botArea img.info { width:333px; height:54px; top:15px; left:270px; }
#botArea img.bottom_blog_bar01 { top:10px; left:700px; }
#botArea img.naverblog { top:10px; left:710px; }
#botArea img.daumblog { top:10px; left:830px; }
#botArea img.bottom_blog_bar02 { top:10px; left:950px; }
#botArea img.support { top:10px; left:640px; }
#botArea img.support { width:310px; height:60px; top:10px; left:640px; }

#GNBquick { position:absolute; list-style:none; right:0; top:5px; height:8px; }
#GNBquick li { float:left; height:8px; line-height:8px; border-left:1px solid #ddd; padding:0; }
#GNBquick li.first { border-left:none; }
#GNBquick a { padding:0 5px 0 5px; margin:0; font-size:10px; color:#999999; font-family:Tahoma; text-decoration:none; }
#GNBquick a:hover,
#GNBquick a:focus { color:#bbbbbb; }

#GNBarea { position:absolute; top:35px; right:0; width:530px; height:65px; }
#GNB { position:absolute; top:0; right:0; list-style:none; height:15px; margin-bottom:5px; }
#GNB li { float:left; height:15px; overflow:hidden; border-left:1px solid #ddd; padding:0 15px 0 15px; }
#GNB li a { display:block; background-position:0 0; background-repeat:no-repeat; }
#GNB li a img { }

#GNBsub { position:absolute; top:35px; left:0; width:530px; height:10px; background-color:#5cac40; }
#GNBsub ul { position:absolute; top:7px; list-style:none; visibility:hidden; }
#GNBsub li { float:left; height:14px; overflow:hidden; border-left:1px solid #fff; padding:0 10px 0 10px; }
#GNBsub li.first { border-left:0; }
#GNBsub a { display:block; background-position:0 0; background-repeat:no-repeat; }
#GNBsub img { visibility:hidden; }
#GNBsub0 { left:0px; }
#GNBsub1 { left:100px; }
#GNBsub2 { left:210px; }
#GNBsub3 { left:300px; }
#GNBsub4 { left:410px; }

/* 하단 배너 */
#banners { text-align:center; margin:10px 0 10px 0; width:970px; }
#banners2 { text-align:center; margin:10px 0 10px 0; width:970px; }


/* main_midArea 영역 (only 메인페이지) */
#main_midArea { clear:both; width:970px; }
.main_Top { height:152px; }
.main_Top div.mainText { background-image:url('http://www.ykd21.com/v2008/images/main/back_mainText.jpg'); width:437px; height:152px; float:left; margin:0; }
.main_Top div.about { float:right; }
.main_Top div img { width:532px; height:152px; }


#mainConts a { cursor:pointer; }
#moreConts { z-index:99; position:absolute; top:70px; left:428px; width:569px; height:620px; padding:0 10px 10px 10px; background-color:#ffffff; visibility:hidden; overflow-y:scroll; }

/* 우측 플롯 */
#floating { z-index:99; position:absolute; top:75px; left:980px; width:120px; }

.main_Contents { clear:both; position:relative; }
.main_Contents div.mainImg { background-image:url('http://www.ykd21.com/v2008/images/main/back_main.gif'); width:489px; height:459px; z-index:1; }
.main_Contents div.contents { position:absolute; width:532px; height:459px; top:0; left:438px; z-index:10; }

/* 메인페이지 최근 게시물 */
.mainLatest { width:100%; border-collapse:collapse; border:0; margin-bottom:3px; }
.mainLatest th { height:47px; text-align:right; }
.mainLatest th img { width:40px; height:15px; border:0; margin:20px 8px 0 0; }
.mainLatest th.ykd { background:url('http://www.ykd21.com/v2008/images/main/latest_title1.gif') no-repeat; }
.mainLatest th.free { background:url('http://www.ykd21.com/v2008/images/main/latest_title2.gif') no-repeat; }

.latestList { list-style:none; margin:10px 0 0 5px; z-index:10;}
.latestList li { height:20px; padding:0 0 0 15px; background:url('http://www.ykd21.com/v2008/images/main/latest_dot.gif') no-repeat 8px 8px; }
.latestList li a { line-height:20px; color:#838383; font-size:9pt; }
.latestList li a:hover { color:#fc7c00; }

/* 메인페이지 하단 ucc & 뉴스 */
.main_contentsBottom { width:480px; float:right; position:relative; }
.main_contentsBottom img.uccTitle { width:480px; height:128px; }
.main_contentsBottom img.uccImage { width:191px; height:191px; z-index:20; position:absolute; top:0; right:0; }
#mainNewsArea { width:480px; height:164px; background:url('http://www.ykd21.com/v2008/images/main/news_back.gif') no-repeat 0 30px; position:relative; }
#mainNewsArea ul.newsTitle { list-style:none; height:30px; }
#mainNewsArea ul.newsTitle li { width:130px; height:30px; float:left; }
#mainNewsArea ul.newsTitle li img { cursor:pointer; position:absolute; }
dl.newsMain { clear:both; width:450px; position:absolute; top:55px; left:6px; z-index:30; }
dl.newsMain dt { clear:left; float:left; width:120px; }
dl.newsMain dt img { width:116px; height:86px; border:2px solid #ffffff; }
ul.newsMain { width:300px; margin:5px 0 0 0; }
ul.newsMain li { padding-left:15px; height:20px; background:url('http://www.ykd21.com/v2008/images/main/latest_dot.gif') no-repeat 8px 8px; }
ul.newsMain li a { line-height:20px; color:#444444; font-size:9pt; }
ul.newsMain li a:hover { color:#fc7c00; }


/* 좌측 메뉴 공통 사항 */
#menuArea { width:260px; float:left; }
ul.menu_sub { width:192px; list-style:none; margin:0 auto; }
ul.menu_sub li.subTitle_orange { border-bottom:3px solid #ed6609; margin: 0 0 10px 0; padding:0 0 10px 0; }
ul.menu_sub li.subTitle_blue { border-bottom:3px solid #195ea2; margin: 0 0 10px 0; padding:0 0 10px 0; }
ul.menu_sub li.subTitle_purple { border-bottom:3px solid #3f308e; margin: 0 0 10px 0; padding:0 0 10px 0; }
ul.menu_sub li.subTitle_green { border-bottom:3px solid #46902d; margin: 0 0 10px 0; padding:0 0 10px 0; }
ul.menu_sub li.subTitle_jade { border-bottom:3px solid #cde3d7; margin: 0 0 10px 0; padding:0 0 10px 0; }


/* 페이지별 공통 사항 */
#wkdContents { width:100%; border-width:0 6px 0 0; border-style:solid; }
#wkdContents div.subTop2 { margin:20px 0 20px 0; }
#mainArea { width:710px; float:right; }
#bottomImage { clear:both; border-width:0 6px 0 0; border-style:solid; }
.orange { border-color:#f8e0c6 !important; }
.blue { border-color:#d8e7ef !important; }
.purple { border-color:#e2d8ef !important; }
.green { border-color:#dde6d7 !important; }
.jade { border-color:#cde3d7 !important; }

/* 사이트맵 */
#sitemap div.map1 { }
#sitemap div.map2 { clear: left; }
#sitemap ul { list-style:none outside; width:210px; float:left; padding:0; margin:8px; }
#sitemap ul li { height:25px; padding:0 15px 0 10px; border-bottom:1px dashed #dadada;
					background:url('http://www.ykd21.com/v2008/images/pages/extra/sitemap/bul.gif') no-repeat 15px 8px; }
#sitemap ul li.first { list-style:none; margin:0; padding:0; height:61px; background:transparent; border:none; }
#sitemap ul li img { margin-left:15px; vertical-align:middle; width:150px; height:20px; }
#sitemap ul li.first img { margin:0; width:210px; height:61px; }

/* 50문 50답 */
#50qna dl { margin:20px 20px 0 20px; }
#50qna dl dt { font-weight:bold; height:25px; line-height:25px; background-color:#fafafa; padding-left:5px; }
#50qna dl dd { margin-left: 20px; line-height:20px; }

/* 설문조사 */
.sr_vote_exec { padding:20px; width:90%; background-color:#f0f0f0; text-align:left; }
.sr_vote_list { width:100%; border-collapse:collapse; margin:0 auto; }
.sr_vote_list thead th { background-color:#d9d9d9; border:2px solid #9f9f9f; border-width:2px 0 2px 0; line-height:30px; padding:0 10px 0 10px; }
.sr_vote_list td { line-height:25px; border-bottom:1px dashed #d0d0d0; text-align:center; }
.sr_vote_list td, .sr_vote_list th { white-space:nowrap; }
.sr_vote_list td.title { white-space:normal; width:100%; text-align:left; }
.sr_vote_exec ul.page { list-style:none; }
.sr_vote_exec ul.page li { float:left; padding:0 10px 0 10px; margin:5px; border-left:1px solid #d9d9d9; line-height:11px; }
.sr_vote_exec span.button { clear:left; vertical-align:middle; }

#sr_vote_write { background-color:#f0f0f0; padding:15px; text-align:left; }
#sr_vote_write fieldset { padding:15px; }
#sr_vote_write input { float:none; vertical-align:middle; height:20px; line-height:20px; }
#sr_vote_write label { clear:left; float:left; display:block; padding:2px 20px 2px 20px; margin:-2px 0 5px 0; background-color:#dfdfdf; }
#sr_vote_wrige input { float:left; }
#sr_vote_write ol { clear:both; list-style-position:inside; }
#sr_vote_write ol li { height:25px; line-height:25px; }

.sr_vote_view { width:100%; padding:10px; border-collapse:separate; margin:0 auto; background-color:#fcfcfc; }
.sr_vote_view thead th { text-align:left; line-height:30px; font-size:12pt; padding-left:10px; background-color:#f0f0f0; margin:10px; }
.sr_vote_view tbody td { white-space:nowrap; padding:5px; vertical-align:top; line-height:20px; }
.sr_vote_view tbody td.contents { border:1px solid #efefef; margin:10px; }
.sr_vote_view tbody td.title { line-height:20px; white-space:normal; width:100%; }
.sr_vote_view span.chart_bar { line-height:11px; font-size:11px; height:11px; background-color:#eeeeee; }
.sr_vote_view span.chart_bar.2 { background-color:#dddddd; }
.sr_vote_view span.chart_bar.3 { background-color:#cccccc; }
.sr_vote_view span.chart_bar.4 { background-color:#bbbbbb; }
.sr_vote_view span.chart_bar.5 { background-color:#aaaaaa; }
.sr_vote_view span.chart_bar.6 { background-color:#999999; }
.sr_vote_view span.chart_bar.7 { background-color:#888888; }
.sr_vote_view span.chart_bar.8 { background-color:#777777; }
.sr_vote_view span.chart_bar.9 { background-color:#666666; }
.sr_vote_view span.chart_bar.10 { background-color:#555555; }
.sr_vote_view span.chart_bar.11 { background-color:#444444; }
.sr_vote_view span.chart_bar.12 { background-color:#333333; }
.sr_vote_view span.chart_bar.13 { background-color:#222222; }
.sr_vote_view span.chart_bar.14 { background-color:#111111; }

#sr_vote { padding:10px; margin:0 auto; background-color:#fcfcfc; text-align:left; }
#sr_vote fieldset { border:0; }
#sr_vote fieldset legend { margin:0; width:100%; background-color:#f0f0f0; line-height:30px; font-size:12pt; padding-left:10px; }
#sr_vote ol { list-style-position:inside; }
#sr_vote ol li { margin:5px 5px 5px 10px; line-height:30px; }
#sr_vote ol li label { line-height:30px; }
#sr_vote ol li input { vertical-align:middle; }

/* button */
span.button, span.button a, span.button input {
    position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px;
    white-space:nowrap; vertical-align:middle; overflow:visible; color:#303030;
    background:url('/v2008/images/btn_white.gif') no-repeat;
}
span.button { height:20px; padding:0; margin-right:2px; background-position:left top; overflow:visible; }
span.button a, span.button input { left:2px; vertical-align:middle; }
span.button.s { height:18px; background-position:left -25px; }
span.button.l { height:25px; background-position:left -48px; }
span.button.x { height:30px; background-position:left -78px; }

span.button a   { padding:5px 12px 5px 10px; font-size:12px; line-height:12px; background-position:right top; }
span.button.s a { padding:4px 11px 5px 9px; font-size:11px; line-height:11px; background-position:right -25px; }
span.button.l a { padding:5px 13px 6px 11px; font-size:16px; line-height:16px; background-position:right -48px; }
span.button.x a { padding:7px 14px 7px 12px; font-size:18px; line-height:18px; background-position:right -78px; }

span.button input { height:20px; padding:0 12px 0 10px; font-size:12px; line-height:18px; background-position:right top; cursor:pointer; }
span.button.s input { height:20px; padding:0 11px 0 9px; font-size:11px; line-height:16px; background-position:right -25px; }
span.button.l input { height:25px; padding:0 13px 0 11px; font-size:16px; line-height:23px; background-position:right -48px; }
span.button.x input { height:30px; padding:0 14px 0 12px; font-size:18px; line-height:28px; background-position:right -78px; }

span.button *:hover, span.button *:active, span.button *:focus { color:#6699ff; }
span.button.green, span.button.green a, span.button.green input { background-image:url('/v2008/images/btn_green.gif'); color:#ffffff; }
span.button.orange, span.button.orange a, span.button.orange input{ background-image:url('/v2008/images/btn_orange.gif'); color:#ffffff; }
span.button.black, span.button.black a, span.button.black input { background-image:url('/v2008/images/btn_black.gif'); color:#ffffff; }