@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url("./common/js/iePngFix.htc"); } 
.zbxe_info { vertical-align:middle; behavior:url("./common/js/iePngFix.htc"); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; overflow:hidden; }

.zbxe_widget_output { background:url("/common/tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("/common/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }

#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;}
#popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;}
#popup_menu_area li a{ text-decoration:none; color:#000;}
#popup_menu_area li a:hover,
#popup_menu_area li a:active,
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}

/* xe faceoff */
.faceOffManager { position:fixed; _position:absolute; right:3px; top:3px;  height:23px; }
 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;}
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url("/common/tpl/images/buttonGreen.gif"); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url("/common/tpl/images/buttonBlack.gif"); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url("/common/tpl/images/buttonRed.gif"); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url("/common/tpl/images/buttonBlue.gif"); color:#fff;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}

/* Button Set */
.buttonSet{ width:16px; height:16px; background-image:url("/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonSet.buttonUp{ background-position:0 0;}
.buttonSet.buttonDown{ background-position:0 -16px;}
.buttonSet.buttonLeft{ background-position:0 -32px;}
.buttonSet.buttonRight{ background-position:0 -48px;}
.buttonSet.buttonInfo{ background-position:0 -64px;}
.buttonSet.buttonCopy{ background-position:0 -80px;}
.buttonSet.buttonSetting{ background-position:0 -96px;}
.buttonSet.buttonActive{ background-position:0 -112px;}
.buttonSet.buttonDisable{ background-position:0 -128px;}
.buttonSet.buttonDelete{ background-position:0 -144px;}
.buttonSet.buttonHomepage{ background-position:0 -160px;}
.buttonSet.buttonBlog{ background-position:0 -176px;}
.buttonSet.buttonCalendar{ background-position:0 -192px;}
.buttonSet.buttonLayoutEditor{ background-position:0 -208px;}
.buttonSet.buttonAddWidget{ background-position:0 -224px;}
.buttonSet.buttonAddContent{ background-position:0 -240px;}

/* 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:260px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:760px;}
.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;}

/* 레이아웃
--------------------------------------------------------------------------------- */
.blue{ background:url("/layouts/aginet_official_v2/img/bgBlue.gif") no-repeat center 70px;}

body.gradBGblue {background:url("/layouts/aginet_official_v2/img/gradBGblue.png") repeat-x 0 0;}

#container{ margin:0 20px;}
#header{ height:90px; z-index:2;}
#body{ margin:11px 0 0 0; padding-top:20px; background:url("/layouts/aginet_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:760px;}
.fixed .ce #body .e1, 
.fixed .ec #body .e1{ width:160px;}
#footer{ padding:10px 0 9px 0; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; 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 #c5c5c5;}
div.black #sitemap{ border-bottom:1px solid #d4d4d4;}

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

#header h1{ margin:0; position:relative; top:15px;}
#header h1.noMargin { margin:0; position:relative; left:0; top:0; }
#header h1 a{ display:block; margin:0; float:left; 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; }

/* 상단 1차 메뉴
--------------------------------------------------------------------------------- */
.gnb{ position:absolute; left:0; bottom:0; margin:0; padding:0; list-style:none;}
.gnb li{ float:left; padding-right:40px;}
.gnb li a { font-weight:bold; font-size:13px; height:12px; display:block; text-decoration:none !important; font-family:tahoma; float:left;}
* html .gnb li a { font-size:12px; } /* 익스6전용 */
*+html .gnb li a { height:11px; } /* 익스7 전용 */
.gnb li a { height /*\**/: 11px\9 } /* 익스8 전용 */
.gnb li a { color:#535353;  }
.gnb li a:hover { color:#42a2ff; }
.gnb li.selected a { color:#42a2ff; }

/* new 아이콘 
--------------------------------------------------------------------------------- */
#new {position:absolute; top:50px; left:500px;} /* 익스6 7 빼고 나머지 */
* html #new {position:absolute; top:62px; left:480px;} /* 익스6 전용 */
*+html #new {position:absolute; top:62px; left:500px;} /* 익스7 전용 */

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

/* 사이트맵
--------------------------------------------------------------------------------- */
#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:110px; margin:0; padding:0 0 0 10px; background:url("/layouts/aginet_official_v2/img/lineKneeVr.gif") repeat-y; }
#sitemap .extension .section.logo{ background:none; padding:0 10px 0 0;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;} /* 링크 색상코드 ( #808080 ) */
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}

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

#footer address{ float:right; padding-left:auto; color:#8b8b8b; font-size:11px; font-family:Tahoma;}

/* 하단 메뉴
--------------------------------------------------------------------------------- */

#bottom_menu a:link {color:#555555; text-decoration:none;}
#bottom_menu a:visited {color:#555555; text-decoration:none;}
#bottom_menu a:hover {color:#0066cc; text-decoration:underline;}
#bottom_menu a:active {color:#555555; text-decoration:none;}
#bottom_menu { position:absolute; clear:both; height:11px; left:325px; margin:0 0 0 30px; padding:0px 0; border-top:0; text-align:center; overflow:hidden; }
#bottom_menu li { display:inline; padding:0 0 0 6px; white-space:nowrap; font:11px "돋움", Dotum; }
#bottom_menu li a { letter-spacing:-1px; }

* html #bottom_menu { padding:1px 0; } /* 익스6전용 */
*+html #bottom_menu { padding:1px 0; } /* 익스7 전용 */
#bottom_menu { padding /*\**/: 1px\9 } /* 익스8 전용 */

/* 서브 메뉴
--------------------------------------------------------------------------------- */
.lnb a{ text-decoration:none;}
.lnb a:hover,
.lnb a:active,
.lnb a:focus{ text-decoration:underline !important;}

.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:#42a2ff;}
.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 20px; list-style:none;}
.lnb ul ul{ margin:10px 0 10px 0;}
.lnb li{ margin-bottom:7px; font-size:11px;}
.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:#42a2ff;}
.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:#42a2ff;}
.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; margin-bottom:10px;}
#body .extension .dLink img{ border:none; }

/* 패밀리 사이트
--------------------------------------------------------------------------------- */
#family_site {position: absolute;	top: 8px; left: 10px;	background:url("/layouts/aginet_official_v2/img/bg_family_site.gif") no-repeat;}
#family_site a:link {color:#555555; text-decoration:none;}
#family_site a:visited {color:#555555; text-decoration:none;}
#family_site a:hover {color:#42a2ff; text-decoration:underline;}
#family_site a:active {color:#555555; text-decoration:none;}
#family_site h4 {width: 107px; height: 16px; margin: 0; cursor: pointer;	}
#family_site span {display: none;}
#family_site #site_list {position: absolute;	bottom: 15px;	border: solid #d5d5d5;	border-width:1px 1px 0 1px;	background-color:#fff; width: 105px;	height: 0; margin:0;	overflow: auto; }
#family_site #site_list a:hover,
#family_site #site_list a:focus {color:#42a2ff; text-decoration:none;}
#family_site #site_list ul {list-style: none; margin:0; padding:5px; text-align:left; overflow:hidden;}
#family_site #site_list ul li {color:#666;	line-height:14px !important; font:11px "돋움", Dotum; letter-spacing:-1px;}

/* WidgetTree 
--------------------------------------------------------------------------------- */
.widgetTree{ margin:0 0 0 10px; padding:22px 0 0 0;}
.widgetTree *{ margin:0; padding:0; font-size:12px;}
.widgetTree .all{ padding:0 0 0 5px; color:#333 !important;}
.widgetTree a{ text-decoration:none; padding-left:5px;}
.widgetTree a:hover,
.widgetTree a:active,
.widgetTree a:focus{ text-decoration:none; font-weight:bold;}
.widgetTree a strong{ letter-spacing:-1px; cursor:pointer;}
.widgetTree ul{ position:relative; display:block; padding:0; margin:0; zoom:1;}
.widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap;}
.widgetTree ul li a{ position:relative; left:12px; top:-1px; color:#666;}
.widgetTree ul li li a{ left:2px;}
.widgetTree ul li em{ font-style:normal;}
.widgetTree ul li button{ display:inline-block; position:relative; *top:-2px; width:13px; height:13px; *width:17px; *height:17px; margin:0 -13px 0 0; *margin:0 -17px -1px -2px; text-indent:-10000px; *font:0/0 Sans-serif; border:0; cursor:pointer; background:transparent url("/layouts/aginet_official_v2/img/buttonTreeCollapse.gif") no-repeat; *zoom:1;}
.widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 6px; background:url("/layouts/aginet_official_v2/img/lineTreeVr.gif") repeat-y left top; *zoom:0;}
.widgetTree ul li ul li{ display:none; background:url("/layouts/aginet_official_v2/img/lineTreeHr.gif") no-repeat 0 7px !important;}
.widgetTree ul li.nav_tree_on button{ background-position:0 -17px; *background-position:2px -15px;}
.widgetTree ul li.nav_tree_off button{ background-position:0 0; *background-position:2px 2px;}
.widgetTree ul li.nav_tree_on a{ font-weight:bold; color:#000; letter-spacing:-1px;}
.widgetTree ul li.nav_tree_on li a{ font-weight:normal; color:#8e8e8e; letter-spacing:normal;}
.widgetTree ul li.nav_tree_on ul{ display:block;}
.widgetTree ul li.nav_tree_on ul li{ display:block;}
.widgetTree ul li.nav_tree_off ul{ display:none;}
.widgetTree ul li.nav_tree_off ul li{ display:none;}
.widgetTree ul li.nav_tree_last{ background:url("/layouts/aginet_official_v2/img/lineTreeLastHr.gif") no-repeat 0 5px !important;}
.widgetTree ul li.active,
.widgetTree ul li.active a,
.widgetTree ul li.nav_tree_on.active a{ font-weight:bold; color:#2893bb !important; letter-spacing:-1px; padding-right:1px;}
.widgetTree ul li.active li,
.widgetTree ul li.active li a,
.widgetTree ul li.nav_tree_on.active li a{ font-weight:normal; color:#8e8e8e !important; letter-spacing:normal;}
.widgetTree .icon{ position:relative; left:5px; vertical-align:top;}

/* 메인 2차 메뉴 */
#header_sub { background:url("/layouts/aginet_official_v2/img/bg_hnb.gif") no-repeat; }
#header_sub .terminator { background:url("/layouts/aginet_official_v2/img/bg_hnb.gif") right top; }
#header_sub { position:relative; *zoom:1; }
#header_sub { margin:0px auto 0 auto; }
#header_sub { height:45px; overflow:hidden; }
#header_sub .terminator { position:absolute; top:0; right:0; width:20px; height:35px; }

/* 가로 서브 메뉴
--------------------------------------------------------------------------------- */
#hnb { position:relative; margin:0; padding:0; top:10px; left:100px; *zoom:1; font:12px Tahoma; list-style:none; }
* html #hnb { top:10px; } /* 익스6 전용 */
*+html #hnb { top:12px; } /* 익스7 전용 */
#hnb { top /*\**/: 12px\9 } /* 익스8 전용 */
#hnb li { float:left; margin-right:10px; *zoom:1; }
#hnb li a { float:left; padding-right:10px; display:block; text-decoration:none; *zoom:1; background:url("/layouts/aginet_official_v2/img/vr_hnb.gif") no-repeat right 4px; color:#535353; }
#hnb li a:hover,
#hnb li a:focus { color:#42a2ff; }
#hnb li.on a { color:#42a2ff; font-weight:bold; }
#hnb li.on a:hover,
#hnb li.on a:focus {  }
#hnb li:last-child a { background:none }


/*
이 마크업 문서는 아래 제공자에 의해 정리 및 수정, 배포 되었습니다
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/

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

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

.account li.profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/layouts/aginet_official_v2/img/buttonProfile.gif"); background-repeat:no-repeat; background-position:center -10px; overflow:visible;}
div.black .account li.profile button{ background-position:center 5px;}
.account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:11;}

.account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;}
.account li.profile .memberProfile.active{ display:block;}
.account li.profile .memberProfile .authorName{ margin:0 0 5px 0; font-size:14px; font-weight:bold; color:#333; white-space:nowrap;}
.account li.profile .memberProfile .point{ margin:0 0 5px 0; font-size:12px; color:#42a2ff; white-space:nowrap;}
.account li.profile .memberProfile .latestLogin{ margin:0 0 8px 0; font-size:12px; color:#888; white-space:nowrap;}
.account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
.account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url("/layouts/aginet_official_v2/img/bulletB.gif") no-repeat left center;}
.account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
.account li.profile .memberProfile li a:hover,
.account li.profile .memberProfile li a:active,
.account li.profile .memberProfile li a:focus{ text-decoration:underline;}
.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/aginet_official_v2/img/buttonCloseX.gif") no-repeat center center;}
.account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

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

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

.account li.language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url("/layouts/aginet_official_v2/img/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;}
div.black .account li.language button{ background-position:8px 5px;}
.account li.language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
.account li.language .sLanguage{ position:relative; width:100px; text-align:right;}
.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/aginet_official_v2/img/buttonSelectLanguageToggle.gif"); background-repeat:no-repeat; background-position:85px 4px;}
.account li.language.open .sLanguage span{ background-position:85px -6px;}
.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;}
.account li.language.open .languageList{ display:block; z-index:999;}
.account li.language .languageList button{ width:100%;}
div.black .account li.language .languageList{ background:#666; border-color:#888;}
.account li.language .languageList .ko button{ background-position:-92px -10px;}
div.black .account li.language .languageList .ko button{ background-position:8px -10px;}
.account li.language .languageList .en button{ background-position:-92px -25px;}
div.black .account li.language .languageList .en button{ background-position:8px -25px;}
.account li.language .languageList .jp button{ background-position:-92px -40px;}
div.black .account li.language .languageList .jp button{ background-position:8px -40px;}
.account li.language .languageList .zh-CN button{ background-position:-92px -55px;}
div.black .account li.language .languageList .zh-CN button{ background-position:8px -55px;}
.account li.language .languageList .zh-TW button{ background-position:-92px -70px;}
div.black .account li.language .languageList .zh-TW button{ background-position:8px -70px;}

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



/* Ajax Login Layer (Modal Window)
---------------------------------------------------------------------------------*/
.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:.6; filter:alpha(opacity:60);}
.loginWindow .loginLayer{ position:absolute; margin:0 0 0 -175px; width:305px; top:120px; left:50%; padding:30px 0 0 0; color:#797771; background:#f9f9f9 url("/layouts/aginet_official_v2/img/bg_shape.gif") no-repeat left bottom; border-top:2px solid #636870; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }

.loginWindow .loginLayer form{ *zoom:1; position:relative; }
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}

.loginWindow .loginLayer #commonLogin{ height:100px; }
.loginWindow .loginLayer #openidLogin{ height:55px; }
.loginWindow .loginLayer input.id{ position:absolute; top:0; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url("/layouts/aginet_official_v2/img/bg_id.gif") no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer input.password{ position:absolute; top:27px; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url("/layouts/aginet_official_v2/img/bg_pass.gif") no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}

.loginWindow .loginLayer .oid_desc { margin:20px 0 10px 33px; }
.loginWindow .loginLayer form_field { margin:0; padding:0; }
.loginWindow .loginLayer input.oid{ margin-left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url("/layouts/aginet_official_v2/img/bg_id.gif") no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer input.submit_oid { width:52px; height:22px; background:url("/layouts/aginet_official_v2/img/login_btn_submit.gif") no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:0px; left:199px; }

.loginWindow .loginLayer .saveIDinfo { position:absolute; top:5px; left:196px; font:8pt 돋움; letter-spacing:-1px; }
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer input.submit { width:52px; height:22px; background:url("/layouts/aginet_official_v2/img/login_btn_submit.gif") no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:27px; left:199px; }

.loginWindow .loginLayer .help{ position:absolute; top:98px; left:27px; font:8pt 돋움; letter-spacing:-1px; margin:0; padding:0;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:14px; 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 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/aginet_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 0 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/aginet_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/aginet_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/aginet_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/aginet_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/aginet_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";}
.carousel  {padding: 0;margin: 0;position: relative;color: #3a3a3a;}
.carousel .noimage {background: url("/widgets/gallery_frame/skins/default/img/noimage.png") no-repeat center; }
/* buttons */
.carousel .btn {padding:0px;height:0px; width:0px;}
.carousel .prev, .carousel .next {float: left;	position:relative;}
.carousel .next:hover, .carousel .next:active,
.carousel .prev:hover, .carousel .prev:active{border: none;outline: none;}    
			
	/* frame background */
    .carousel .jCarouselLiteCommon {float: left;margin-right:5px; margin-left:5px;
	
	/* Needed for rendering without flicker */position: relative;visibility: hidden;left: -5000px;}
        .carousel ul {margin: 0;}
		
	/* image size */
        .carousel li img{background-color: #fff;}

        .carousel .title{overflow: visible;cursor: hand;text-align: center;}      

		.carousel a,
		.carousel a:hover, 
		.carousel a:active,
		.carousel a:visited{text-decoration: none;}
/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: transparent; border: 0px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url("/widgets/gallery_frame/skins/default/js/loader.gif") center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay .title { font-size: 20px; font-weight:bold;  }
.panel .panel-overlay .content { font-size: 12px; }
.panel .panel-overlay .writer { font-size: 10px; }
.panel .panel-overlay a { color: white; text-decoration: none; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}
.newest_document_default_normal {
}

.newest_document_default_normal .newest_document_default_box {
}

.newest_document_default_normal .newest_document_default_box .title_box {
    border:1px solid #EEEEEE;
    padding:5px;
    height:14px;
    overflow:hidden;
}

.newest_document_default_normal .newest_document_default_box .title_box .title {
    background:url("/widgets/newest_document/skins/default/normal/title_bullet.gif") no-repeat left;
    font-weight:bold; 
    height:14px;
    padding-left:20px;
    float:left;
}

.newest_document_default_normal .newest_document_default_box .title_box .more A {
    float:right;
    color:#AAAAAA;
    text-decoration:none;
    font-weight:bold;
    font-size:.75em;
}

.newest_document_default_normal .newest_document_default_box .document_box {
    padding:3px 3px 3px 5px;
    clear:both;
    border-bottom:1px solid #EEEEEE;
    height:16px;
    margin:0px 0px 2px 0px;
    overflow:hidden;
}

.newest_document_default_normal .newest_document_default_box .document {
    padding:0px 0px 5px 20px;
    background:url("/widgets/newest_document/skins/default/normal/document_bullet.gif") no-repeat left;
    float:left;
}

.newest_document_default_normal .newest_document_default_box .document A {
    text-decoration:none;
    color:#555555;
}

.newest_document_default_normal .newest_document_default_box .document A:hover {
    text-decoration:underline;
    color:#000000;
}

.newest_document_default_normal .newest_document_default_box .document A:visited {
    color:#AAAAAA;
}

.newest_document_default_normal .newest_document_default_box .document .comment A {
    font-size:7pt;
    color:#AAAAAA;
    letter-spacing:-1px;
}

.newest_document_default_normal .newest_document_default_box .document .writer {
    color:#AAAAAA;
}


.newest_document_default_normal .newest_document_default_box .regdate {
    color:#AAAAAA;
    font-size:8pt;
    float:right;
    white-space:nowrap;
}

/* 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;}

.widgetBoxB .widgetBox{ border:1px solid #ccc;}
.widgetBoxB .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; text-indent:15px; border-bottom:1px solid #ddd; background:url("/widgetstyles/simpleSquare/img/headerBgB.gif") repeat-x;}
.widgetBoxB .widgetMore{ top:7px; right:15px;}
.widgetBoxB .rcContainer{ display:none !important;}


/* Main Topic */
.ideationBanner{ position:relative; height:170px; margin:0 0 26px 0; background:#F2F2F1 url("/widgets/ideationBanner/skins/default/img/bgMainTopic.gif") no-repeat right top; border:1px solid #DBDBDB; position:relative; overflow:hidden; padding-right:30px;}
.ideationBanner .topicContainer{ position:relative; height:170px; overflow:auto; margin-right:-20px; overflow:hidden;}
.ideationBanner dl{ position:relative; margin:0; padding:50px 25px 0 25px; display:none; overflow:hidden;}
.ideationBanner dl.show { display:block; }
.ideationBanner dt{ margin:0; padding:0; font-family:AppleGothic, NanumGothic, "Malgun Gothic"; font-size:21px; font-weight:bold; letter-spacing:-1px; line-height:1;}
.ideationBanner dt em,
.ideationBanner dt em span{ position:relative; font-style:normal; font-size:11px; color:#fff; display:inline-block; height:19px; line-height:17px; background:url("/widgets/ideationBanner/skins/default/img/bgTopicLabel.gif") no-repeat;}
.ideationBanner dt em{ position:absolute; top:26px; left:25px; background-position:left top; margin-right:8px;}
.ideationBanner dt em span{ left:8px; background-position:right top; padding:0 10px 0 2px;}
.ideationBanner dt strong{ color:#6caedf;}
.ideationBanner dd { margin:0; padding:0; color:#7d7d7d; font-size:11px; line-height:1.5; letter-spacing:-1px;}
.ideationBanner dd p{ margin-top:0; padding-top:0.5em;}
.ideationBanner dd a{ color:#7d7d7d; font-weight:bold; background:url("/widgets/ideationBanner/skins/default/img/iconJoin.gif") no-repeat right center; padding-right:8px;}

.ideationNavigation {position:absolute; right:24px; bottom:18px; list-style:none; margin:0; padding:0;}
.ideationNavigation li{ display:inline;}
.ideationNavigation li a{ display:inline-block; width:19px; height:13px; overflow:hidden; background-image:url("/widgets/ideationBanner/skins/default/img/buttonTopicNavigator.gif"); background-repeat:no-repeat;}
.ideationNavigation li.nav1 a{ background-position:0 0;}
.ideationNavigation li.nav2 a{ background-position:0 -13px;}
.ideationNavigation li.nav3 a{ background-position:0 -26px;}
.ideationNavigation li a span{ font-size:0; line-height:0;}
.ideationNavigation.topic1 .nav1 a{ background-position:-19px 0;}
.ideationNavigation.topic2 .nav2 a{ background-position:-19px -13px;}
.ideationNavigation.topic3 .nav3 a{ background-position:-19px -26px;}