@charset "UTF-8";

/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}
#footer address{ text-align:center;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}


/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Skip To Content */
a.skipToContent{ display:block; width:100%; position:absolute; top:0; clear:both; overflow:hidden; height:0; text-decoration:none; text-align:center;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ height:auto; margin:0 0 10px 0; padding:5px;}

/* Element Reset */
html,
body{ height:100%;}
body { margin:0; font-size:12px; background:#fff; color:#000;}
address { font-style:normal;}
img,
fieldset{ border:0; margin:0; padding:0;}
form{ margin:0;}
legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
hr{ display:none;}
sup,
sub{ font-style:normal; font-weight:normal;}

/* Layout */
div.black{ background:url("/layouts/xe_official_v2/./img/bgBlack.gif") repeat-x; border-bottom:37px solid #1a1a1a;}
#xe .black{ border-bottom:0;}
div.blue{ background:url("/layouts/xe_official_v2/./img/bgBlue.gif") no-repeat center 70px;}
.sky{ background:url("/layouts/xe_official_v2/./img/bgSky.gif") no-repeat center 70px;}
div.cyan{ background:url("/layouts/xe_official_v2/./img/bgCyan.gif") no-repeat center 70px;}
div.purple{ background:url("/layouts/xe_official_v2/./img/bgPurple.gif") no-repeat center 70px;}
div.orange{ background:url("/layouts/xe_official_v2/./img/bgOrange.gif") no-repeat center 70px;}

body.gradBGblack {background:url("/layouts/xe_official_v2/./img/gradBGblack.png") repeat-x 0 0;}
body.gradBGblue {background:url("/layouts/xe_official_v2/./img/gradBGblue.png") repeat-x 0 0;}
body.gradBGsky {background:url("/layouts/xe_official_v2/./img/gradBGsky.png") repeat-x 0 0;}
body.gradBGcyan {background:url("/layouts/xe_official_v2/./img/gradBGcyan.png") repeat-x 0 0;}
body.gradBGpurple {background:url("/layouts/xe_official_v2/./img/gradBGpurple.png") repeat-x 0 0;}
body.gradBGorange {background:url("/layouts/xe_official_v2/./img/gradBGorange.png") repeat-x 0 0;}


#container{ margin:0 20px;}
#header{ height:102px; z-index:2;}
#body{ margin:0; padding-top:10px; background:url("/layouts/xe_official_v2/./img/bgBody.gif") repeat-y 801px 0; z-index:1;}
.fixed .c #body{ background:none; margin-bottom:30px;}
#body .extension{ margin-bottom:60px;}
.fixed .ce #body #content, 
.fixed .ec #body #content{ padding-bottom:60px; width:780px;}
.fixed .ce #body .e1, 
.fixed .ec #body .e1{ width:160px;}
#footer{ padding:10px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin-bottom:60px; font-size:11px;}
div.black #footer{ border:0; margin-bottom:-36px; margin-top:100px;}
#sitemap{ padding:15px 0; margin-bottom:15px; border-top:2px solid #464646;}
div.black #sitemap{ border-bottom:1px solid #d4d4d4;}

/* Header */
#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}

#header h1{ margin:0; position:relative; top:6px;}
#header h1 a{ display:block; margin:0; height:62px; width:200px;  text-decoration:none;}
div.black #header h1 a{ background-position:0 0;}
#header h1 span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; }

#header .account{ position:absolute; top:16px; right:0; margin:0; padding:0; z-index:2;}
#header .account li{ position:relative; float:left; list-style:none; background-image:url("/layouts/xe_official_v2/./img/lineHeaderVr.gif"); background-repeat:no-repeat; background-position:left 4px;}
div.black #header .account li{ background-image:url("/layouts/xe_official_v2/./img/lineHeaderVrBlack.gif");}
#header .account li *{ vertical-align:top;}
#header .account li li{ float:none; height:auto; background-image:none;}

#header .account li.log{ background-image:none; font-size:0; line-height:0;}
#header .account li.log a{ display:block; padding:5px 8px;}

#header .account li.profile button{ border:0; width:80px; height:16px; cursor:pointer; background-color:transparent; overflow:visible; padding:20px 8px; margin-right:3px; margin-top:-15px;}
div.black #header .account li.profile button{ background-position:center 5px;}
#header .account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;}
#header .account li.profile .memberProfile.active{ display:block;}
#header .account li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#333; white-space:nowrap;}
#header .account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
#header .account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url("/layouts/xe_official_v2/./img/bulletB.gif") no-repeat left center;}
#header .account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
#header .account li.profile .memberProfile li a:hover,
#header .account li.profile .memberProfile li a:active,
#header .account li.profile .memberProfile li a:focus{ text-decoration:underline;}
#header .account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/layouts/xe_official_v2/./img/buttonCloseX.gif") no-repeat center center;}
#header .account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

#header .account li.register a{ display:block; width:72px; height:14px; padding:5px 8px; background-image:url("/layouts/xe_official_v2/./img/buttonRegister.gif"); background-repeat:no-repeat; background-position:center -10px;}
div.black #header .account li.register a{ background-position:center 5px;}
#header .account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.language{ position:relative;}
#header .account li.language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url("/layouts/xe_official_v2/./img/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px -10px;}
div.black #header .account li.language em{ background-position:8px -10px;}
#header .account li.language em span{ display:inline-block; overflow:hidden; visibility:hidden;}
#header .account li.language em.ko{ background-position:-92px -10px;}
div.black #header .account li.language em.ko{ background-position:8px -10px;}
#header .account li.language em.en{ background-position:-92px -25px;}
div.black #header .account li.language em.en{ background-position:8px -25px;}
#header .account li.language em.jp{ background-position:-92px -40px;}
div.black #header .account li.language em.jp{ background-position:8px -40px;}
#header .account li.language em.zh-CN{ background-position:-92px -55px;}
div.black #header .account li.language em.zh-CN{ background-position:8px -55px;}
#header .account li.language em.zh-TW{ background-position:-92px -70px;}
div.black #header .account li.language em.zh-TW{ background-position:8px -70px;}

#header .account li.language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url("/layouts/xe_official_v2/./img/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;}
div.black #header .account li.language button{ background-position:8px 5px;}
#header .account li.language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
#header .account li.language .sLanguage{ position:relative; width:100px; text-align:right;}
#header .account li.language .sLanguage span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; background-image:url("/layouts/xe_official_v2/./img/buttonSelectLanguageToggle.gif"); background-repeat:no-repeat; background-position:85px 4px;}
#header .account li.language.open .sLanguage span{ background-position:85px -6px;}
#header .account li.language .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:20px; right:0; background:#fff; border:1px solid #eee;}
#header .account li.language.open .languageList{ display:block; z-index:999;}
#header .account li.language .languageList button{ width:100%;}
div.black #header .account li.language .languageList{ background:#666; border-color:#888;}
#header .account li.language .languageList .ko button{ background-position:-92px -10px;}
div.black #header .account li.language .languageList .ko button{ background-position:8px -10px;}
#header .account li.language .languageList .en button{ background-position:-92px -25px;}
div.black #header .account li.language .languageList .en button{ background-position:8px -25px;}
#header .account li.language .languageList .jp button{ background-position:-92px -40px;}
div.black #header .account li.language .languageList .jp button{ background-position:8px -40px;}
#header .account li.language .languageList .zh-CN button{ background-position:-92px -55px;}
div.black #header .account li.language .languageList .zh-CN button{ background-position:8px -55px;}
#header .account li.language .languageList .zh-TW button{ background-position:-92px -70px;}
div.black #header .account li.language .languageList .zh-TW button{ background-position:8px -70px;}

#header .account li.language .languageList li { display:none;}
#header .account li.language .languageList .ko,
div.black #header .account li.language .languageList .ko,
#header .account li.language .languageList .en,
div.black #header .account li.language .languageList .en,
#header .account li.language .languageList .jp,
div.black #header .account li.language .languageList .jp,
#header .account li.language .languageList .zh-CN,
div.black #header .account li.language .languageList .zh-CN,
#header .account li.language .languageList .zh-TW,
div.black #header .account li.language .languageList .zh-TW { display:block; }

#header .account2{ position:absolute; top:40px; right:0; margin:0; padding:0; z-index:2;}
#header .account2 li{ position:relative; float:left; list-style:none; background-image:url("/layouts/xe_official_v2/./img/lineHeaderVr.gif"); background-repeat:no-repeat; background-position:left 4px;}
div.black #header .account2 li{ background-image:url("/layouts/xe_official_v2/./img/lineHeaderVrBlack.gif");}
#header .account2 li *{ vertical-align:top;}
#header .account2 li li{ float:none; height:auto; background-image:none;}

#header .account2 li.log{ background-image:none; font-size:0; line-height:0;}
#header .account2 li.log a{ display:block; padding:5px 8px;}

/* GNB */
.gnb{ position:absolute; left:0; bottom:0; margin:0; padding:0; list-style:none;}
.gnb li{ float:left; padding-right:10px;}
.gnb li a{ display:block; height:32px; text-decoration:none !important; color:#fff; font-family:tahoma; float:left;}
.gnb li a span{ display:inline-block; padding-top:10px;  }
.gnb li.black a:hover ,
.gnb li.black.selected a { color:#aaa; }
.gnb li.blue a:hover ,
.gnb li.blue.selected a { color:#9884FF; }
.gnb li.sky a:hover ,
.gnb li.sky.selected a { color:#5999E5; }
.gnb li.cyan a:hover ,
.gnb li.cyan.selected a { color:#2ACFCD; }
.gnb li.purple a:hover ,
.gnb li.purple.selected a { color:#C835CA; }
.gnb li.orange a:hover ,
.gnb li.orange.selected a { color:#F0B848; }

/* Search */
#header .search{ position:absolute; right:0; bottom:0; width:158px; height:32px; z-index:1;}
div.black #header .search{ background:url("/layouts/xe_official_v2/./img/bgBlackSearch.gif") no-repeat;}
#header .search *{ vertical-align:middle;}
#header .search .inputText{ position:absolute; top:9px; left:20px; border:0; background:#fff; width:110px; height:15px; padding:0; font-size:12px;} 
#header .search .inputSearch{ position:absolute; top:9px; left:135px;}

/* Sitemap */
#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}

#sitemap .extension{ *zoom:1;}
#sitemap .extension:after{ content:""; display:block; clear:both;}
#sitemap .extension .section{ float:left; width:185px; margin:0; padding:0 0 0 10px; background:url("/layouts/xe_official_v2/./img/lineKneeVr.gif") repeat-y 0 0;}
#sitemap .extension .section.logo{ background:none; padding:0 10px 0 0; margin-right:-20px;}
#sitemap .extension .section h2{ font-size:11px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;}
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}

/* Footer */
#footer a{ text-decoration:none;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:underline;}

#footer .rss{ float:left; margin:0;}
#footer .rss a{ color:#8b8b8b; padding-left:14px; background:url("/layouts/xe_official_v2/./img/iconRss.gif") no-repeat left center; font-size:11px; font-family:Tahoma;}
#footer address{ float:right; color:#8b8b8b; font-size:11px; font-family:Tahoma;}

/* LNB */
.lnb a{ text-decoration:none; font-family:'Lucida Grande', Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka;
}
.lnb a:hover,
.lnb a:active,
.lnb a:focus{ text-decoration:underline !important; font-family:'Lucida Grande', Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka;
}

.lnb{ margin-bottom:50px;}
.lnb h2{ margin:0 0 50px 0; padding:0 0 0 20px; font:normal 24px Tahoma;}
.lnb h3{ margin:0 0 12px 0; padding:0 0 0 20px; font-size:12px;}
.lnb h3 a{ color:#000;}
div.blue .lnb h2,
div.blue .lnb h2 a{ color:#6d55e5;}
.sky .lnb h2,
.sky .lnb h2 a{ color:#4e70b5;}
div.cyan .lnb h2,
div.cyan .lnb h2 a{ color:#48b2b1;}
div.purple .lnb h2,
div.purple .lnb h2 a{ color:#8f3190;}
div.orange .lnb h2,
div.orange .lnb h2 a{ color:#fdaa00;}
.lnb ul{ margin:0 0 40px 0; padding:0 0 0 10px; list-style:none;}
.lnb ul ul{ margin:10px 0 10px 0;}
.lnb li{ margin-bottom:7px; font-size:12px;}
.lnb li a{ color:#4d4d4d;}
.lnb li.active a{ font-weight:bold; text-decoration:underline;}
.lnb li.active li a{ font-weight:normal; text-decoration:none;}
div.blue .lnb li.active a{ color:#6d55e5;}
.sky .lnb li.active a{ color:#4e70b5;}
div.cyan .lnb li.active a{ color:#48b2b1;}
div.purple .lnb li.active a{ color:#8f3190;}
div.orange .lnb li.active a{ color:#fdaa00;}
div.blue .lnb li.active li a,
.sky .lnb li.active li a,
div.cyan .lnb li.active li a,
div.purple .lnb li.active li a,
div.orange .lnb li.active li a{ color:#4d4d4d;}
div.blue .lnb li.active li.active a{ color:#6d55e5;}
.sky .lnb li.active li.active a{ color:#4e70b5;}
div.cyan .lnb li.active li.active a{ color:#48b2b1;}
div.purple .lnb li.active li.active a{ color:#8f3190;}
div.orange .lnb li.active li.active a{ color:#fdaa00;}

#body .extension .dLink{ padding:0 0 0 20px;}
#body .extension .dLink img{ border:none; }

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url("/layouts/xe_official_v2/./img/bgLoginText.gif"); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url("/layouts/xe_official_v2/./img/bgOpenidText.gif"); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url("/layouts/xe_official_v2/./img/buttonLoginAction.gif"); background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/layouts/xe_official_v2/./img/buttonCloseX.gif") no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}












/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Home */
.black #content a{ text-decoration:none;}
.black #content a:hover,
.black #content a:active,
.black #content a:focus{ text-decoration:underline;}

.black .dLink{ float:left; margin:0 25px 0 0;}
.black .dLink img{ border:1px solid #ddd;}

/* Heading */
#content .h2{ color:#333; font-size:18px; margin:0 0 40px 0; clear:both;}
#content .h3{ position:relative; color:#333; font-size:15px; border-bottom:1px solid #dcdcdc; padding-bottom:7px; clear:both; margin:0 0 20px 0;}
#content .h4{ color:#333; font-size:14px; margin-top:1em; margin-bottom:10px;}
#content .h5{ color:#333; font-size:12px; margin-top:0; margin-bottom:10px;}

/* Table Of Content */
#content .toc{ margin:0 0 40px 0; padding:20px 50px; border:1px dotted #dcdcdc;}
#content .toc li{ margin-bottom:3px;}

/* Content Header */
.contentHeader{ position:relative; border:2px solid; border-left:160px solid;  *zoom:1; margin-bottom:50px; overflow:visible;}
.contentHeader:after{ content:""; display:block; clear:both;}

.sky .contentHeader{ border-color:#4b6aa8;}
.cyan .contentHeader{ border-color:#41a7a6;}
.purple .contentHeader{ border-color:#8f3190;}
.orange .contentHeader{ border-color:#eea000;}

.contentHeader .title{ position:relative; float:left; width:140px; padding:20px 0 20px 20px; margin:0 0 0 -160px; color:#fff; *zoom:1;}
.contentHeader .title h2{ margin:0 0 12px 0; font-size:8px; font-weight:normal; font-family:Tahoma; letter-spacing:2px;}
.contentHeader .title h3{ margin:0 0 0 0; font-size:20px;}

.contentHeader .summary{ *zoom:1; padding:25px 30px; height:105px; overflow:hidden;}
.contentHeader .summary:after{ content:""; display:block; clear:both;}
.contentHeader .summary .thumb{ float:left; display:block; margin:0 20px 0 0;}
.contentHeader .summary .description { color:#7f7f7f; line-height:1.5;}
.contentHeader .summary .description p{ margin-top:0;}
.contentHeader .summary .description ul { overflow:hidden; list-style:none; margin:0; padding:0; font-size:11px; color:#8b8b8b;}
.contentHeader .summary .description ul li{ display:inline; position:relative; left:-10px; padding-left:10px; margin-right:5px; background:url("/layouts/xe_official_v2/./img/lineHeaderVr.gif") no-repeat left center;}
.contentHeader .summary .description ul a { color:#8b8b8b;}

/* Content Section */
#content .section{ color:#666; line-height:1.5; margin-bottom:40px;}
#content .section em{ font-style:normal; color:#ff6600;}
#content .section strong{ color:#000;}

/* Content Table */
#content .section table { border-collapse:collapse; border:1px solid #ccc; border-right:none; border-bottom:none; margin-bottom:40px; width:100%; }
#content .section caption { position:relative; text-align:left; font-weight:bold; padding:10px 0;}
#content .section caption button{ overflow:visible; font:11px Tahoma; cursor:pointer;}
#content .section th,
#content .section td { padding:.3em .5em; vertical-align:top; border:1px solid #ccc; border-top:none; border-left:none; vertical-align:top;}
#content .section th { background:#f4f4f4; }
#content .section tbody th { text-align:left; }

/* Content Code */
#content .section code{ background:#f8f8f8; font-family:"Courier New", Monospace;}
#content .section code.block{ display:block; border:1px dashed #ddd; padding:1em;}

/* About */
.blue #content .info{ position:absolute; top:10px; right:0; font-size:11px; color:#8b8b8b; margin:0;}

.blue #content .history dl{ position:relative; margin:0; padding:0; *zoom:1;}
.blue #content .history dl:after{ content:""; display:block; clear:both;}
.blue #content .history dt{ position:absolute; top:0; font-weight:bold; color:#333; height:13px; padding-top:15px; padding-bottom:15px; text-align:center;}
.blue #content .history dt.dt1{ left:0; border:1px solid #efefef; border-right:0; width:259px; background:url("/layouts/xe_official_v2/./img/aboutXeHistoryBg.gif") no-repeat right center;}
.blue #content .history dt.dt2{ left:260px; border:1px solid #efefef; border-left:0; border-right:0; width:259px; background:url("/layouts/xe_official_v2/./img/aboutXeHistoryBg.gif") no-repeat right center;}
.blue #content .history dt.dt3{ left:519px; border:1px solid #efefef; border-left:0; width:240px;}
.blue #content .history dd{ float:left; _float:none; _display:inline; width:240px; margin:0 20px 0 0; padding-top:60px; *zoom:1; position:relative;}
.blue #content .history dd.dd1{ _top:-18px;}
.blue #content .history dd.dd3{ margin-right:0;}

.blue #content .character .item{ *zoom:1; margin-bottom:20px;}
.blue #content .character .item:after{ content:""; display:block; clear:both;}
.blue #content .character img { float:left; clear:left; margin-right:30px;}
.blue #content .character p{ margin-top:0;}

.blue #content .recommendation{ *zoom:1;}
.blue #content .recommendation:after{ content:""; display:block; clear:both;}
.blue #content .recommendation .item{ float:left;}
.blue #content .recommendation .xeType{ width:370px;}
.blue #content .recommendation .svType{ border-left:1px solid #f2f2f2; padding-left:35px;}
.blue #content .recommendation ul{ margin:0; padding:0; list-style:none;}
.blue #content .recommendation li{ padding:4px 0 0 20px; background:url("/layouts/xe_official_v2/./img/aboutXeRecommendation.gif") no-repeat; margin-bottom:8px;}
.blue #content .recommendation .xeType li{ background-position:0 0;}
.blue #content .recommendation .svType li{ background-position:0 -44px;}

.blue #content .environment{ *zoom:1;}
.blue #content .environment:after{ content:""; display:block; clear:both;}
.blue #content .environment .item{ float:left;}
.blue #content .environment .php{ width:370px;}
.blue #content .environment .db{ border-left:1px solid #f2f2f2; padding-left:35px;}
.blue #content .environment ul{ margin:0; padding:0; list-style:none;}
.blue #content .environment li{ padding-left:8px; background:url("/layouts/xe_official_v2/./img/bulletA.gif") no-repeat left center; color:#333;}

.blue #content .package{ overflow:hidden;}
.blue #content .package .item{ position:relative; top:-30px; *zoom:1; margin-bottom:20px; border-top:1px solid #eee; padding-top:30px;}
.blue #content .package .item:after{ content:""; display:block; clear:both;}
.blue #content .package img { float:left; clear:left; margin-right:30px;}
.blue #content .package p{ margin-top:0;}

.blue #content .communication{ overflow:hidden;}
.blue #content .communication .item{ position:relative; top:-30px; *zoom:1; margin-bottom:20px; border-top:1px solid #eee; padding-top:30px;}
.blue #content .communication .item:after{ content:""; display:block; clear:both;}
.blue #content .communication img { float:left; clear:left; margin-right:30px;}
.blue #content .communication p{ margin-top:0;}

.blue #content .textyle{ overflow:hidden;}
.blue #content .textyle .item{ position:relative; top:-30px; *zoom:1; margin-bottom:20px; border-top:1px solid #eee; padding-top:30px;}
.blue #content .textyle .item:after{ content:""; display:block; clear:both;}
.blue #content .textyle img { float:left; clear:left; margin-right:30px;}
.blue #content .textyle p{ margin-top:0;}

/* Download */
.sky .contentHeader .summary h4{ color:#5e95d6;}
.sky .contentHeader .summary h4 a{ color:#afcef3; }

/* LANGUAGE */
body.en,
body.jp,
body.zh { font-family:AppleGothic, Tahoma, Sans-Serif;}
body.ko { font-family:AppleGothic, Dotum, Sans-Serif;}
body.ko #content .h2,
body.ko #content .h3{ font-family:NanumGothic, "Malgun Gothic";}


/* SKAdesign > Open UI Technology Team > Sangwook Nam (skanetjp@yahoo.co.jp) */

#sn_title{
height:40px; line-height:40px;
background:url("/layouts/xe_official_v2/./img/iCal-empty-32x32.png") no-repeat 0px 50% ;
font-size:16px; font-weight:bolder; color:#336699; 
padding-left:40px;  border-bottom:2px dashed #CCCCCC; 
font-family:'Lucida Grande', Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka;
margin-bottom:10px;
}

#sn_sub_title{
height:30px; line-height:30px;
background: url("/layouts/xe_official_v2/./img/Text-Edit-24x24.png") no-repeat 0px 50% ;
font-size:14px; font-weight:bolder; color: #FF5167; 
padding-left:30px;border-bottom:1px dashed #CCCCCC;
font-family:'Lucida Grande', Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka;
margin-bottom:10px;
}

#sn_keypiont{
height:30px; line-height:30px;
background: url("/layouts/xe_official_v2/./img/book_open.png") no-repeat 0px 50% ;
font-size:14px; font-weight:bolder; color: #055692; 
padding-left:20px;
font-family:'Lucida Grande', Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka;
}

#sn_keypiont02{
height:24px; line-height:24px;
font-size:14px; font-weight:bolder; color: #000000;
background-color:#F2F2F2;
padding:4px;
font-family:'Lucida Grande', Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka;
font-weight:bolder;
margin-bottom:10px;
margin-top:10px;
}



#box01{padding:16px; border:1px solid #CCCCCC; margin-bottom:14px;}

#box_title01{ padding-left:50px; margin-bottom:10px; color:#003399; border:1px solid #ccc; font-size:14px; font-weight:bolder; line-height:3em;
background: url("/layouts/xe_official_v2/./img/pencil-32x32.png") no-repeat 10px 50% #F0F0F0;}


.sn_contents{
line-height:1.8em;
font-size:14px; color:#666666; 
font-family:'Lucida Grande', Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka;
}
.sn_contents a{
color:#3366CC;
text-decoration:none;
}

.sn_contents_green {
color: #339933;
line-height:1.8em;
font-size:14px; 
font-family:'Lucida Grande', Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka;
}

.sn_top_link{
color:#3366CC;
border-bottom:1px #0066CC dashed;
}
.img01{margin-right:10px; border:1px solid #999999; padding:2px;
}
.img02{margin-left:10px; border:1px solid #999999; padding:2px;
}

 
.xeBanner { position:relative; z-index:1;}
.xeBanner .section{ display:none; position:static; height:272px; padding-top:1px; margin:0 !important; }
.xeBanner.v1 #v1,
.xeBanner.v2 #v2,
.xeBanner.v3 #v3{ display:block;}
.xeBanner #v1{ background-position:0 0;}
.xeBanner #v2{ background-position:0 -347px;}
.xeBanner #v3{ background-position:0 -694px;}
.xeBanner .section h2,
.xeBanner .section p{ position:relative; margin:0; z-index:-1; line-height:1.2;}
.xeBanner .section a{ position:absolute; height:22px; top:160px; left:15px; font-size:11px; padding:0 8px; overflow:hidden; text-decoration:none;}
.xeBanner .section a span{ position:relative; top:-22px;}

.xeBanner .vNavigation{ position:absolute; top:207px; left:15px; margin:0; padding:0; list-style:none;}
.xeBanner .vNavigation li{ float:left; margin-right:15px; font-size:0; line-height:0;}
.xeBanner .vNavigation li button{ overflow:visible; padding:0; cursor:pointer; background-color:transparent; border:0; width:19px; height:19px; font-size:0; line-height:0;}
.xeBanner .vNavigation li button span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; z-index:-1;}


.login_default {margin:0; padding:0; border:0; background:#FFFFFF; background:#fff url("/widgets/login_info/skins/webmini_bg/images/default/loginbg.gif") no-repeat; width:200px; height:244px;}
.login_default legend {display:none; width:0; height:0; overflow:hidden; font-size:0;}
.login_default form {position:relative; border:0px solid #dedede; padding:5px 10px 5px 10px; margin:0px 10px;}
.login_default form .logintopimg {height:35px; background:url("/widgets/login_info/skins/webmini_bg/images/default/logintopimg.gif") no-repeat ; padding:0px; margin:0px;}
.login_default form .idpwWrap {overflow:hidden; clear:both; }
.login_default form .idpw {float:left; width:80px;}
.login_default form .idpw input {border:1px solid #d1d1d1; color:#282828; width:95px; background:#fbfbfb; padding:1px 3px; margin-bottom:2px; font:.9em Tahoma; }
.login_default form .idpw input.idOff {border:1px solid #d1d1d1; background:#fff url("/widgets/login_info/skins/webmini_bg/images/default/login_id.gif") no-repeat 5px 3px;  }
.login_default form .idpw input.idOn {border:1px solid #a8a8a8;  }
.login_default form .idpw input.passOff {border:1px solid #d1d1d1; background:#fff url("/widgets/login_info/skins/webmini_bg/images/default/login_pass.gif") no-repeat 5px 3px;}
.login_default form .idpw input.passOn {border:1px solid #a8a8a8;  }
.login_default form .login {float:right; }

.login_default form p.save {clear:both; margin:0; padding:.6em 0; letter-spacing:-1px;}
.login_default form p.save input {vertical-align:middle; _margin:-3px;}
*:first-child+html body .login_default form p input {margin:-3px;}
.login_default form p.save label {font:.9em "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#818181;}
.login_default form ul.help {margin:0; border-top:1px solid #e4e4e4; overflow:hidden; padding:10px 0 2px 0; white-space:nowrap;}
.login_default form ul.help li {float:left; display:block; padding:0 5px 0 5px; background:url("/widgets/login_info/skins/webmini_bg/images/default/vrType1.gif") no-repeat left center;}
.login_default form ul.help li.first-child {background:none; padding-left:0;}
.login_default form ul.help li a {color:#818181; font:.9em "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none;}
.login_default form ul.help li.first-child a {color:#818181; font-weight:bold; text-decoration:none; letter-spacing:-1px;}
.login_default form ul.help li a:hover {color:#999;}
.login_default form .userName {position:relative; overflow:hidden; border-bottom:1px solid #e4e4e4; padding:0 0 4px 0; margin-top:-5px;}
.login_default form .userName strong {color: #3366CC; padding:4px 0 0 0px; font:bold 12px "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Dotum, Tahoma;}
.login_default form .userName a {position:relative; right:0;}
.login_default form ul.userMenu {position:relative; padding:0 0 3px 5px; margin:5px 0 0 0; line-height:14px; overflow:hidden; font:12px "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Dotum, "굴림", Gulim, "arial", AppleGothic, Sans-serif; }
.login_default form ul.userMenu li {float:left; list-style:none;  width:120px; padding-left:6px; background:url("/widgets/login_info/skins/webmini_bg/images/default/bulletFF1A00.gif") no-repeat left 4px;  margin-bottom:4px; font:11px "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; letter-spacing:-1px;}
.login_default form ul.userMenu li a {color:#777; font:12px "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Dotum, "굴림", Gulim, "arial", AppleGothic, Sans-serif; line-height:15px; text-decoration:none;}
.login_default form ul.userMenu li a:hover {color:#999;}
.login_default form p.latestLogin {line-height:14px; margin:0; color:#818181; font:.9em "arial", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.login_default form p.latestLogin span {font:1em Tahoma;}

img.login_mask {height:5px; background:#F3F6FC; display:block;}
.openid_login_default {margin:0; padding:0; border:0; background:#F3F6FC; position:relative;}
.openid_login_default legend {display:none; width:0; height:0; overflow:hidden; font-size:0;}
.openid_login_default form {position:relative; padding:5px 10px 5px 10px;  border:1px solid #dedede;}
.openid_login_default form .idpwWrap {overflow:hidden; clear:both;}
.openid_login_default form .idpw {float:left;}
.openid_login_default form .idpw p {margin:0; padding:0; margin-bottom:5px; background: url("/widgets/login_info/skins/webmini_bg/images/openid_login_bg.gif") left no-repeat; padding-left:18px; font-size:.9em Tahoma; color:#999;}
.openid_login_default form .idpw input {border:1px solid #d1d1d1; color:#282828; width:75px; background:#fbfbfb; padding:1px 3px; margin-bottom:2px; font:.9em Tahoma;}
.openid_login_default form .idpw input.openidOff {border:1px solid #d1d1d1; background:#fff url("/widgets/login_info/skins/webmini_bg/images/default/open_id.gif") no-repeat 5px 3px;}
.openid_login_default form .idpw input.openidOn {border:1px solid #a8a8a8;}
.openid_login_default form .login {float:right;}
.openid_login_default form p.save {margin:0; padding:0; clear:both; padding:.3em 0;}
.openid_login_default form p.save input {vertical-align:middle; _margin:-3px;}
*:first-child+html body .openid_login_default form p input {margin:-3px;}
.openid_login_default form p.save label {font:.9em "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#999999;} 
.openid_login_default ul.help {margin:3px 0 0 0; border-top:1px solid #e4e4e4; overflow:hidden; padding:8px 0 2px 0; white-space:nowrap;}
.openid_login_default ul.help li {float:left; display:block; padding:0 5px 0 5px; background:url("/widgets/login_info/skins/webmini_bg/images/default/vrType1.gif") no-repeat left center;}
.openid_login_default ul.help li.first-child {background:none; padding-left:0;}
.openid_login_default ul.help li a {color:#818181; font:.9em "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none;}
.openid_login_default ul.help li a:hover {color:#999;}
.login_default form .levelpoint { color:#777; font-weight:bold; font:11px "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; padding-top:5px; text-align:center;}


/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* NCW : Naradesign Content Widget */
.ncw { font-size:12px; line-height:normal; font-family:Tahoma; margin:1em 0; *zoom:1; color:#333;}
.ncw:after{ content:""; display:block; clear:both;}
.ncw img{ border:0;}
.ncw ul{ margin:0; padding:0; list-style:none;}
.ncw button{ font-size:12px; font-family:Tahoma; background:none; border:0; padding:0; overflow:visible; cursor:pointer;}
.ncw a{ text-decoration:none; color:#333;}
.ncw a:hover,
.ncw a:active,
.ncw a:focus{ text-decoration:underline;}

/* Common Class */
.ncw .ncwListContainer{ position:relative;}
.ncw .ncwThumbArea{ float:left; margin-top:0; margin-bottom:0;}
.ncw .ncwListArea{}
.ncw .thumb{ float:left; position:relative; display:block; border:1px solid #ddd; padding:8px; text-decoration:none !important; *zoom:1;}
.ncw .thumb .moduleTitle,
.ncw .thumb .categoryTitle{ display:block; position:absolute; padding:2px 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60);}
.ncw .thumb .moduleTitle{ top:8px; left:8px;}
.ncw .thumb .categoryTitle{ bottom:8px; left:8px;}
.ncw .imgNone{ display:inline-block; text-align:center; background:#f8f8f8;}
.ncw .textArea{ color:#767676;}
.ncw .replyNum,
.ncw .trackbackNum{ font:9px Tahoma; text-decoration:none;}
.ncw .replyNum a{ color:#ff1a1a;}
.ncw .trackbackNum a{ color:#19a0ff;}
.ncw .time{ font-size:11px;}
.ncw .date{ font-size:11px; color:#666;}
.ncw .hour{ font-size:11px; color:#767676;}
.ncw .icon{}

/* Tab Container */
.ncwTabContainer .ncwListContainer{ display:none;}
.ncwTabContainer .active .ncwListContainer{ display:block;}

/* Pagination */
.ncwListPagination{ text-align:right; padding:5px !important; white-space:nowrap;}
.ncwListPagination li{ display:inline;}
.ncwListPagination button{ width:16px; height:16px; background-image:url("/widgets/content/skins/naradesign/img/buttonWidgetNavigation.gif"); border:1px solid #999; overflow:hidden;}
.ncwListPagination button.prev{ background-position:left center; *background-position:-1px center;}
.ncwListPagination button.next{ background-position:right center; *background-position:13px center;}
.ncwListPagination button span{ position:absolute; display:block; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; white-space:nowrap;}

/* Hr Tab */
.ncwTabHr { position:relative;}
.ncwTabHr li.ncwTab { display:inline;}
.ncwTabHr li.ncwTab .ncwTabButton{ float:left; position:relative; z-index:2; border:1px solid #ddd; background:#fff; height:26px; line-height:26px; padding:0 10px; margin:0 -1px 0 0; border-bottom:0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
.ncwTabHr li.ncwTab.active .ncwTabButton{ font-weight:bold; letter-spacing:-1px; height:27px; margin-bottom:-1px;}
.ncwTabHr li.ncwTab .ncwListContainer{ position:absolute; z-index:1; top:26px; left:0; width:100%; border-top:1px solid #ddd; padding:10px 0;}

/* Vr Tab */
.ncwTabVr{ position:relative;}
.ncwTabVr li.ncwTab .ncwTabButton{ width:25%; border:1px solid #ddd; padding:0 10px; height:27px; line-height:27px; text-align:left; margin:0 0 -1px 0; white-space:nowrap;}
.ncwTabVr li.ncwTab.active .ncwTabButton{ font-weight:bold; letter-spacing:-1px;}
.ncwTabVr li.ncwTab .ncwListContainer{ position:absolute; top:0; right:0; width:75%; border-top:1px solid #ddd; padding:10px 0;}
.ncwTabVr li.ncwTab .ncwLastTitle,
.ncwTabVr li.ncwTab .ncwLastThumb,
.ncwTabVr li.ncwTab .ncwGallery,
.ncwTabVr li.ncwTab .ncwWebzine{ margin:0 0 0 20px;}

/* Widget List */
.ncwList{ line-height:1.5;}
.ncwList .moduleTitle,
.ncwList .categoryTitle{ color:#767676; font-weight:bold; margin:0 5px 0 0;}
.ncwList .documentTitle{}

/* Widget List - Unordered */
ul.ncwList{}

/* Widget List - Table */
table.ncwList{ border:0; width:100%; border-spacing:0;}
table.ncwList td{ border:0; white-space:nowrap; padding:0 5px;}
table.ncwList td.titleArea{ width:100%; white-space:normal;}

/* ncwLastTitle */
.ncwLastTitle{ *zoom:1;}
.ncwLastTitle:after{ content:""; display:block; clear:both;}

/* ncwLastThumb */
.ncwLastThumb{ *zoom:1;}
.ncwLastThumb:after{ content:""; display:block; clear:both;}

/* Gallery */
.ncwGallery{ *zoom:1;}
.ncwGallery:after{ content:""; display:block; clear:both;}
.ncwGallery li{ float:left; margin:0 10px 10px 0;}
.ncwGallery .thumb{ margin:10px 0; font-size:11px; font-family:Dotum, 돋움;}
.ncwGallery .documentTitle{}
.ncwGallery .author{ display:block; float:left; clear:both;}
.ncwGallery .time{ display:block; clear:both; line-height:1.5;}

/* Webzine */
.ncwWebzine li{ *zoom:1; margin:0 0 10px 0;}
.ncwWebzine li:after{ content:""; display:block; clear:both;}
.ncwWebzine .thumb{ font-size:11px; font-family:Dotum, 돋움;}
.ncwWebzine .titleArea{ margin:0 0 5px 0;}
.ncwWebzine .moduleTitle{ padding:0 5px 0 0; background:url("/widgets/content/skins/naradesign/img/lineTextDiv.gif") no-repeat right center;}
.ncwWebzine .documentTitle{ font-weight:bold;}
.ncwWebzine .textArea{ margin:5px 0;}
.ncwWebzine .authorArea{ margin:5px 0;}

/* popup_menu_area */
#popup_menu_area{ position:absolute; z-index:1000; font-size:12px; padding:10px; border:1px solid #ddd; background:#fff; -moz-border-radius:5px; -webkit-border-radius:3px;}
#popup_menu_area ul{ list-style:none; margin:0; padding:0;}
#popup_menu_area li{ background-repeat:no-repeat; background-position:left center; height:16px; padding:0 0 0 20px;}
#popup_menu_area a{ text-decoration:none; color:#333;}


/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

.widgetBoxContainer{ position:relative;}

.widgetBox{ position:relative; *zoom:1; }
.widgetBox:after{content:""; display:block; clear:both; }
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}

.widgetBoxG .widgetBoxHeader{ position:relative; border:1px solid #ccc; padding:4px 0; text-indent:15px; background:url("/widgetstyles/simpleTitle/img/headerBgG.gif") repeat-x 0 center;}
.widgetBoxG .widgetMore{ top:7px; right:15px;}
.widgetBoxG .rcContainer{ display:none !important;}