@charset "utf-8";

/**
 * 김무건 || Elkha (elkha1914@hotmail.com)
 * http://elkha.kr
 * 2010.04.11
 **/

/*
 * #tooltip { z-index:70; }
 */

/* body */
body { background:#efefea; font:12px "굴림", Arial; }
#wrap { padding:10px; margin:32px auto 25px; background:#fff; border:1px solid #e3e3e3; }
.wrapper { margin:0 auto; position:relative; width:960px; display:block; }

/* #header */
#header { padding:0 0 10px; background:#000 url(../img/li_1.gif) repeat-x center -630px; }
#header .sta { position:absolute; top:-32px; left:0px; }
#header .sta ul { float:left; display:inline; margin:0 24px 0 0; padding:0; list-style:none; }
#header .sta li { float:left; display:inline; margin:0 0 0 10px; padding:0 0 0 10px; background:url(../img/snb.png) no-repeat left -31px; }
#header .sta li.sta_0 { background:none; margin:0; padding:0; }
#header .sta li a { color:#444; text-decoration:none; font:12px Arial, "돋움"; }
#header .sta li a:hover { color:#111; text-decoration:underline; }
#header .lang { position:absolute; top:-30px; right:24px; }
#header .lang p { float:left; display:inline; margin:0 110px 0 0; padding:0; font:11px "돋움", Arial; }
#header .lang ul { position:absolute; right:0; top:-4px; display:block; width:100px; height:18px; overflow:hidden; margin:0; padding:0; list-style:none; background:#fff; border:1px solid #ccc; }
#header .lang ul.open { height:auto; }
#header .lang li { margin:0; padding:0; font-size:0; line-height:0; border-bottom:1px dashed #eee; }
#header .lang li button { display:block; width:100%; height:100%; margin:0; padding:0; background:none; border:0; font:12px "돋움", Arial; color:#000; text-align:left; cursor:pointer; vertical-align:center; }
#header .lang li button .padding { display:block; padding:1px 2px; }
#header .lang li:last-child { border:0; }
#header .lang li.em { display:block; height:18px; overflow:hidden; border-bottom:1px solid #eee; background:url(../img/login.png) no-repeat 82px -254px; }
#header .lang li.em button { background:none !important; }
#header .lang li button em { font-style:normal; }
#header .lang li button.hover { background:#f3f3f3; }
#header .rss { position:absolute; right:0; top:-31px; margin:0; padding:0; display:block; width:14px; height:14px; overflow:hidden; background:url(../img/login.png) no-repeat -49px -39px; }
#header .rss a { display:block; width:100%; height:100%; text-indent:100px; }
#header .headerBanner { clear:both; padding:10px 0 0; display:block; }
#header .headerBanner .a,
#header .headerBanner .img { border:0; margin:0; padding:0; display:block; font-size:0; line-height:0; }

#gnb { float:left; display:inline; height:70px; overflow:hidden; }
#gnb h1,
#gnb h1 * { float:left; margin:0; padding:0; border:0; overflow:hidden; }
#gnb ul { list-style:none; margin:0; padding:0; line-height:0; font-size:0; float:left; display:inline;}
#gnb ul li { float:left; display:inline; margin:0; padding:0; height:70px; overflow:hidden; background:url(../img/li_1.gif) no-repeat left top; position:relative; }
#gnb ul li a { display:block; width:auto !important; width:0; height:70px; text-decoration:none; color:#eee; font:bold 14px "나눔고딕", "돋움", Arial; white-space:nowrap; }
#gnb ul li a:hover,
#gnb ul li a:focus { color:#fff; background-color:#777; }
#gnb ul li a span { display:block; padding:28px 16px; }
#gnb ul li.selected a { background-color:#777; }

/* #container */
#container { }
#container.ec { background:url(../img/container.gif) repeat-y; }
#container.ec #widget { display:inline; float:left; }
#container.ec #content,
#container.ec #category.category { width:748px; display:inline; float:right; }
#container.ce { background:url(../img/container.gif) repeat-y right top; }
#container.ce #widget { display:inline; float:right; }
#container.ce #content,
#container.ce #category.category { width:748px; display:inline; float:left; }
#container.ce #content.noneBG,
#container.ec #content.noneBG { width:768px; }

#widget { display:none; padding:20px 15px; width:150px; overflow:hidden; }
#widget .loginLayer { margin:0 0 20px; *zoom:1; display:block; position:relative; }
#widget .loginLayer form { display:none; }
#widget .loginLayer form.show { display:block; margin:0; padding:0 0 28px; }
#widget .loginLayer form fieldset { margin:0; padding:0; }
#widget .loginLayer form legend { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}
#widget .loginLayer form dl { margin:0; padding:0; }
#widget .loginLayer form dl dt { margin:0; padding:1px 0; position:absolute; left:0; }
#widget .loginLayer form dl dt label { display:block; margin:0; padding:0; width:55px; height:23px; overflow:hidden; text-indent:-200px; background:url(../img/login.png) no-repeat; font-size:0; line-height:0; cursor:pointer; }
#widget .loginLayer form dl dt label.uid { background-position:left -117px; }
#widget .loginLayer form dl dt label.upw { background-position:left -140px; }
#widget .loginLayer form dl dt label.oid { background-position:left -163px; }
#widget .loginLayer form dl dd { height:24px; margin:0 0 0 70px; padding:1px 0; position:relative; }
#widget .loginLayer form dl dd .inputText { position:absolute; top:1px; right:5px; margin:0; padding:3px 0; background:#fff; border:1px solid #dbdbdb; text-align:center; font:13px Tahoma, "돋움"; width:90px; }
#widget .loginLayer form dl dd #oid { width:78px; padding-left:21px; text-align:left; background:#fff url(../img/login.png) no-repeat -53px -119px; }
#widget .loginLayer form .inputCheck { display:block; width:0; height:0; overflow:hidden; background:none; border:0; position:absolute; top:-50px; left:-200px; margin:0; padding:0; }
#widget .loginLayer .help { margin:0; padding:0; display:block; height:22px; list-style:none; border-top:1px solid #ccc; background:url(../img/login.png) repeat-x center -299px; }
#widget .logInfoLayer { margin:15px 0 20px; padding:0 10px; font:11px "돋움", Arial; background:#fff; border:1px solid #ccc; }
#widget .logInfoLayer .usr_id { position:absolute; left:7px; margin-top:-20px; font:bold 13px "돋움", Tahoma; }
#widget .logInfoLayer ul { margin:0; padding:9px 0 7px 25px; position:relative; *zoom:1; }
#widget .logInfoLayer ul li { margin:0; padding:1px 0 2px; }
#widget .logInfoLayer ul li a { color:#777; text-decoration:none; }
#widget .logInfoLayer ul li a:hover { color:#222; text-decoration:underline; }
#widget .logInfoLayer ul li.logout { position:absolute; padding:0; right:0; top:-18px; list-style:none; }
#widget .logInfoLayer ul li.logout a { color:#333; }
#widget .latestLogin { margin:0 3px; padding:7px 0; border-top:1px solid #ccc; text-align:right; }
#widget .latestLogin * { font-style:normal; font-weight:normal; }

#widget .imgLogin { margin:0; padding:0 !important; display:block; height:13px; overflow:hidden; position:absolute; bottom:20px; background:url(../img/login.png) no-repeat; }
#widget .imgLogin * { display:block; width:100%; height:100%; text-indent:-500px; background:none; border:0; cursor:pointer; }
#widget .imgLoginButton { width:34px; left:0; bottom:30px; } /* Up */
#widget .imgLoginKeep { width:62px; left:39px; bottom:30px; background-position:left -91px; } /* Up */
#widget .imgLoginKeepOn { background-position:left -104px; } /* Up */
#widget .imgLoginOID { width:42px; left:106px; bottom:30px; background-position:left -78px; } /* Up */
#widget .imgLoginOID_On { background-position:-29px -13px;} /* Up */
#widget .imgLoginJoin { width:29px; left:0; bottom:0; background-position:left -13px; } /* Down */
#widget .imgLoginFind { width:72px; left:34px; bottom:0; background-position:left -26px; } /* Down */
#widget .imgLoginEmail { width:39px; right:0; bottom:0; background-position:left -65px; } /* Down */
#widget .imgLoginLogout { width:49px; right:0; top:-18px; background-position:left -39px; } /* Logout */
#widget .loginLayerSimple form.show { padding:0 0 9px; }
#widget .loginLayerSimple .imgLoginButton { bottom:0; }
#widget .loginLayerSimple .imgLoginJoin { left:41px; }
#widget .loginLayerSimple .imgLoginFind { left:77px; }
#widget .loginLayerSimple .imgLoginKeep,
#widget .loginLayerSimple .imgLoginEmail,
#widget .loginLayerSimple .imgLoginOID { display:none; }

#widget .lnb { margin:-9px 0 20px; font:12px "나눔고딕", "돋움", Arial; }
#widget .lnb .ol_2 { margin:0; padding:0; list-style:none; }
#widget .lnb .ol_2 .li_2 { position:relative; *zoom:1; display:block; margin:0; padding:0 0 3px 20px; overflow:hidden; background:url(../img/li_2.png) no-repeat left 8px; border-bottom:1px solid #ccc; }
#widget .lnb .ol_2 .li_2 .a2 { display:inline-block; margin:6px 0 3px; color:#555; text-decoration:none; }
#widget .lnb .ol_2 .li_2 .a2:hover { color:#333; text-decoration:underline; }
#widget .lnb .ol_2 .li_2 .ol_3 { display:none; margin:0; padding:0; list-style:none; }
#widget .lnb .ol_2 .li_2 .ol_3 .li_3 { margin:0; padding:0; }
#widget .lnb .ol_2 .li_2 .ol_3 .li_3 .a3 { color:#777; text-decoration:none; }
#widget .lnb .ol_2 .li_2 .ol_3 .li_3 .a3:hover { color:#333; text-decoration:underline; }
#widget .lnb .ol_2 .se_2 { background-image:url(../img/se_2.png); }
#widget .lnb .ol_2 .se_2 .ol_3 .se_3 { margin-left:-3px; padding-left:15px; background:url(../img/se_2.png) no-repeat left center; }
#widget .lnb .more { position:absolute; display:block; width:26px; height:26px; overflow:hidden; right:0; top:0; background:#777 url(../img/login.png) no-repeat left -273px; }
#widget .lnb .more * { display:block; width:100%; height:100%; text-indent:-100px; background:none; border:0; cursor:pointer; }
#widget .lnb .moreOn { background-color:#333; }
#widget .lnb .ol_2 .expand_Y .ol_3,
#widget .lnb .ol_2 .se_2 .ol_3 { display:block; }
#widget .widgetTag { display:block; margin:0 0 20px; }
#widget .widgetTagLayer { background:#fff; border:1px solid #ccc; padding:10px; }

#category { display:none; position:relative;  margin:0 0 10px; padding:10px; height:14px; background:#f4f4f4; border:1px solid #dbdbdb; font:12px "돋움", Arial; }
#category.category { display:block; }
#category ol { margin:0; padding:0; list-style:none; }
#category ol li { margin:0 0 0 12px; padding:0 0 0 15px; float:left; display:inline; background:url(../img/snb.png) no-repeat left -70px; }
#category ol li.category_0 { background:none; margin:0 0 0 5px; padding:0; }
#category ol li a { color:#696969; text-decoration:none; }
#category ol li a:hover { color:#333; text-decoration:underline; }
#category .search { position:absolute; right:0; top:0; margin:0; padding:0; }
#category .search fieldset { position:relative; display:block; margin:7px 0 0; padding:0; width:155px; height:30px; overflow:hidden; }
#category .search fieldset .inputText { position:absolute; left:0; top:0; display:block; width:100px; margin:0; padding:2px 5px; font:12px "돋움", Arial; background:#fff; border:1px solid #ccc; }
#category .search fieldset .inputSearch { display:block; width:26px; height:26px; position:absolute; top:-3px; right:15px; overflow:hidden; background:url(../img/login.png) no-repeat -26px -273px; }
#category .search fieldset .inputSearch input { display:block; width:100%; height:26px; margin:0; padding:0; background:none; border:0; text-indent:-100px; cursor:pointer; }
#content { border:1px solid #ddd; display:block; padding:10px; }
#content.noneBG { border:0; padding:0; }

/* footer */
#footer { background:#2c2c2c; margin-top:10px; padding:25px 20px; }
#footer .snb { display:block; *zoom:1; margin:0 0 20px; padding:0 15px 20px; text-align:center; list-style:none; background:url(../img/snb.png) repeat-x center bottom; border-bottom:1px solid #494949; }
#footer .snb li { display:inline; margin:0; padding:0 9px 0 12px; background:url(../img/snb.png) no-repeat left top; }
#footer .snb li.snb_0 { background:none; }
#footer .snb li a { text-decoration:none; color:#ccc; display:inline-block; font:12px "돋움", Arial; }
#footer .snb li a:hover { text-decoration:underline; color:#eee; }

#footer .footerContent { margin:0; padding:0 10px; text-align:left; color:#999; font:11px "돋움", Arial; line-height:150%; }
#footer .footerContent a { color:#bbb; text-decoration:underline; }
#footer .footerContent a:hover { color:#fff; }
#footer .copyright { display:block; margin:20px 0 0; font:12px Arial, "돋움"; color:#aaa; text-align:center; }
#footer .copyright * { color:#ccc; text-decoration:none; font-style:normal; font-weight:normal; }
#footer .copyright a:hover { color:#eee; text-decoration:underline; }
#footer .copyright .powered { position:absolute; right:10px; bottom:10px; color:#555; font:11px Arial; }
#footer .goto { position:absolute; right:20px; top:25px; width:34px; height:13px; overflow:hidden; background:url(../img/login.png) no-repeat -34px top; }
#footer .goto * { display:block; width:100%; height:100%; margin:0; padding:0; background:none; border:0; text-indent:-100px; font-size:0; line-height:0; cursor:pointer; }

/* tooltip */
#tooltip { position:absolute; display:none; border:1px solid #cd932d; background:#fdf6cb; padding:2px 5px; font:12px "나눔고딕", "돋움", Arial; color:#784f31; z-index:70; }

/* colorset */
#wrap.blue #gnb ul li.selected a { color:#5b9fc8; background-color:#fff !important; }
#wrap.red #gnb ul li.selected a { color:#db6e6e; background-color:#fff !important; }
#wrap.orange #gnb ul li.selected a { color:#b7874a; background-color:#fff !important; }
#wrap.green #gnb ul li.selected a { color:#82a538; background-color:#fff !important; }
#wrap.pink #gnb ul li.selected a { color:#d6699a; background-color:#fff !important; }
#wrap.purple #gnb ul li.selected a { color:#c467d4; background-color:#fff !important; }
#wrap.cyan #gnb ul li.selected a { color:#43b0af; background-color:#fff !important; }

#wrap.blue #gnb ul li a.blue_:hover { color:#5b9fc8; background-color:#fff; }
#wrap.red #gnb ul li a.red_:hover { color:#db6e6e; background-color:#fff; }
#wrap.orange #gnb ul li a.orange_:hover { color:#b7874a; background-color:#fff; }
#wrap.green #gnb ul li a.green_:hover { color:#82a538; background-color:#fff; }
#wrap.pink #gnb ul li a.pink_:hover { color:#d6699a; background-color:#fff; }
#wrap.purple #gnb ul li a.purple_:hover { color:#c467d4; background-color:#fff; }
#wrap.cyan #gnb ul li a.cyan_:hover { color:#43b0af; background-color:#fff; }

#wrap.blue #header,
#wrap.blue #widget .lnb .moreOn,
#gnb ul li.selected a.blue_,
#gnb ul li a.blue_:focus,
#gnb ul li a.blue_:hover { background-color:#5b9fc8; }
#wrap.red #header,
#wrap.red #widget .lnb .moreOn,
#gnb ul li.selected a.red_,
#gnb ul li a.red_:focus,
#gnb ul li a.red_:hover { background-color:#db6e6e; }
#wrap.orange #header,
#wrap.orange #widget .lnb .moreOn,
#gnb ul li.selected a.orange_,
#gnb ul li a.orange_:focus,
#gnb ul li a.orange_:hover { background-color:#b7874a; }
#wrap.green #header,
#wrap.green #widget .lnb .moreOn,
#gnb ul li.selected a.green_,
#gnb ul li a.green_:focus,
#gnb ul li a.green_:hover { background-color:#82a538; }
#wrap.pink #header,
#wrap.pink #widget .lnb .moreOn,
#gnb ul li.selected a.pink_,
#gnb ul li a.pink_:focus,
#gnb ul li a.pink_:hover { background-color:#d6699a; }
#wrap.purple #header,
#wrap.purple #widget .lnb .moreOn,
#gnb ul li.selected a.purple_,
#gnb ul li a.purple_:focus,
#gnb ul li a.purple_:hover { background-color:#c467d4; }
#wrap.cyan #header,
#wrap.cyan #widget .lnb .moreOn,
#gnb ul li.selected a.cyan_,
#gnb ul li a.cyan_:focus,
#gnb ul li a.cyan_:hover { background-color:#43b0af; }

#wrap.blue #gnb ul li { background-position:left -70px; }
#wrap.red #gnb ul li { background-position:left -140px; }
#wrap.orange #gnb ul li { background-position:left -210px; }
#wrap.green #gnb ul li { background-position:left -280px; }
#wrap.pink #gnb ul li { background-position:left -350px; }
#wrap.purple #gnb ul li { background-position:left -420px; }
#wrap.cyan #gnb ul li { background-position:left -490px; }

#wrap.blue #widget .lnb .ol_2 .li_2 { background-position: -190px 8px; }
#wrap.red #widget .lnb .ol_2 .li_2 { background-position: -390px 8px; }
#wrap.orange #widget .lnb .ol_2 .li_2 { background-position: -590px 8px; }
#wrap.green #widget .lnb .ol_2 .li_2 { background-position: -790px 8px; }
#wrap.pink #widget .lnb .ol_2 .li_2 { background-position: -990px 8px; }
#wrap.purple #widget .lnb .ol_2 .li_2 { background-position: -1190px 8px; }
#wrap.cyan #widget .lnb .ol_2 .li_2 { background-position: -1390px 8px; }

#wrap.blue #widget .lnb .ol_2 .se_2 .ol_3 .se_3 { background-position:-190px center; }
#wrap.red #widget .lnb .ol_2 .se_2 .ol_3 .se_3 { background-position:-390px center; }
#wrap.orange #widget .lnb .ol_2 .se_2 .ol_3 .se_3 { background-position:-590px center; }
#wrap.green #widget .lnb .ol_2 .se_2 .ol_3 .se_3 { background-position:-790px center; }
#wrap.pink #widget .lnb .ol_2 .se_2 .ol_3 .se_3 { background-position:-990px center; }
#wrap.purple #widget .lnb .ol_2 .se_2 .ol_3 .se_3 { background-position:-1190px center; }
#wrap.cyan #widget .lnb .ol_2 .se_2 .ol_3 .se_3 { background-position:-1390px center; }