/* file:/usr/local/apache_2.0.55/htdocs/board/files/cache/optimized/c9430d2d9163dbe65b24847fb1950c05.cache.php */ /* 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(/board/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(/board/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; } /* file:/usr/local/apache_2.0.55/htdocs/board/files/cache/optimized/41af1049f8cfb3892b55804d88eaf576.cache.php */ /* 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(/board/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(/board/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(/board/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(/board/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(/board/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(/board/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(/board/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;} /* file:/usr/local/apache_2.0.55/htdocs/board/files/cache/optimized/cd04dc45b9a17501d93fefcfeb0de0e9.cache.php */ /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/board/common/js/plugins/ui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/board/common/js/plugins/ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/board/common/js/plugins/ui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(/board/common/js/plugins/ui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/board/common/js/plugins/ui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(/board/common/js/plugins/ui/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/board/common/js/plugins/ui/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/board/common/js/plugins/ui/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/board/common/js/plugins/ui/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/board/common/js/plugins/ui/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/board/common/js/plugins/ui/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/board/common/js/plugins/ui/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(/board/common/js/plugins/ui/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/board/common/js/plugins/ui/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/board/common/js/plugins/ui/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/board/common/js/plugins/ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/board/common/js/plugins/ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url(/board/common/js/plugins/ui/images/ui-anim_basic_16x16.gif) right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { margin: -1px; } /* Button ----------------------------------*/ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* Dialog ----------------------------------*/ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* file:/usr/local/apache_2.0.55/htdocs/board/files/cache/optimized/79c87b11d9bfeeef6c0f753009587572.cache.php */ /* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* Reset */ img, fieldset, button{border:0;} fieldset{ padding:0;} hr, button img{display:none;} a{text-decoration:none;} a:hover, a:active, a:focus{text-decoration:underline;} textarea{overflow:auto;} html:first-child select{padding-right:6px; height:20px;} option{ padding-right:6px;} button, label{cursor:pointer; cursor:hand;} button{background:none; background-repeat:no-repeat;} button *{position:relative;} button span{ position:absolute; width:0; height:0; font:0/0 Sans-serif; visibility:hidden;} .inputText, textarea{*margin:-1px 0; border:1px solid;} .inputCheck, .inputRadio{width:13px; height:13px;} .blind, legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0 !important; line-height:0;} /* Layout */ #planet {font-family:Sans-serif; margin:0; padding:0; } #container {} #planetHeader{ z-index:30; clear:both; margin:0 0 5px 0; overflow:hidden; *zoom:1; position:relative; height:70px;} #planetHeader *{ margin:0; padding:0;} #planetHeader li{ list-style:none;} #planetBody{ clear:both; z-index:20;} /* Heading */ #planetHeader h1 { white-space:nowrap; margin:0 0 20px 0; padding:0 0 4px 0; border-bottom:2px solid #666; } #planetHeader h1 a { font-weight:bold; font-size:18px; color:#000; text-decoration:none !important;} .buttonArea{ text-align:center;} #planetHeader li{ list-style:none;} #planetHeader .gnb { float:left; margin:0;} #planetHeader .gnb ul{ margin:0;} #planetHeader .gnb{ margin-bottom:5px; } #planetHeader .gnb ul{ margin:0; padding:0; position:relative; float:left; overflow:hidden;} #planetHeader .gnb ul li{ position:relative; float:left;} #planetHeader .gnb ul li a{ position:relative; display:block; float:left; background:url(/board/modules/planet/skins/xe_planet/images/buttonGnb.gif) no-repeat center top; padding:11px 25px 11px 25px; font:12px AppleGothic, Dotum, Gulim, Sans-serif; color:#fff !important; text-decoration:none !important; letter-spacing:-1px; white-space:nowrap;} #planetHeader .gnb ul li.active a{ opacity:0.7; filter:alpha(opacity=70); font-weight:bold;} #planetHeader .gnb ul li a:hover, #planetHeader .gnb ul li a:active, #planetHeader .gnb ul li a:focus{ opacity:0.9; filter:alpha(opacity=90);} #planetHeader .gnb ul li.first a{ background-position:left top;} #planetHeader .gnb ul li.last a{ background-position:right top;} #planetHeader .search{ padding:0; white-space:nowrap; text-align:right; *zoom:1; margin:10px 2px 0 0; } #planetHeader .search .inputText{ padding:4px 0 0 4px; height:17px; width:160px; border:1px solid #e7e7e7; vertical-align:top; font:12px AppleGothic, Dotum, Gulim, Sans-serif;} #planetHeader .search .inputText.focus{padding:3px 0 1px 4px; border:3px solid #4ba300; height:13px; width:156px;} #planetHeader .search .button{ *top:1px; margin-right:5px; } #planetHeader .search .button button{ padding:0 10px 0 8px; *padding:0; font-family:Dotum;} #planetHeader .search .button.hotTag { margin-right:0; } /* Footer */ #planetFooter{margin:0; clear:both; text-align:center; padding:30px 0;} #planetFooter *{margin:0; padding:0; color:#444; list-style:none; font:9px Verdana; line-height:normal;} #planetFooter a{text-decoration:none; color:#444;} #planetFooter a:visited{text-decoration:none; color:#666;} #planetFooter a:hover{text-decoration:underline;} #planetFooter address a{font-weight:bold; font-family:Tahoma; color:#00535d;} /* ---------- Content ---------- */ /* Tab */ .generalTab{ float:left; margin:0; padding:0 0 0 16px; position:relative; *zoom:1;} .generalTab *{ margin:0; padding:0; list-style:none;} .generalTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:#848f97 url(/board/modules/planet/skins/xe_planet/images/cr3pxLeft.gif) no-repeat left top;} .generalTab li a{ position:relative; left:3px; display:block; float:left; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:#848f97 url(/board/modules/planet/skins/xe_planet/images/cr3pxRight.gif) no-repeat right top;} .generalTab li a sup{ font:9px Tahoma, Sans-serif;} .generalTab li.active{ top:0; background-color:#50606B;} .generalTab li.active a{ padding:7px 23px 0 20px; background-color:#50606B; font-weight:bold;} .tab{ *zoom:1;} .tab:after{ content:""; display:block; clear:both;} .myTab{ float:left; margin:0; padding:0 0 0 4px; position:relative; *zoom:1;} .myTab:after{ content:""; display:block; clear:both;} .myTab *{ margin:0; padding:0; list-style:none;} .myTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:url(/board/modules/planet/skins/xe_planet/images/cr3pxLeft.gif) no-repeat left top;} .myTab li a{ position:relative; left:3px; display:block; float:left; height:22px; padding:1px 13px 0 10px; *padding-top:5px; font-size:12px; color:#fff; text-decoration:none !important; background:url(/board/modules/planet/skins/xe_planet/images/cr3pxRight.gif) no-repeat right top;} .myTab li a sup{ font:9px Tahoma, Sans-serif;} .myTab li.active{ top:2px;} .myTab li.active a{ padding:1px 13px 0 10px; font-weight:bold;*padding-top:5px; } .exTab{ float:right; margin:0; padding:0; position:relative; *zoom:1;} .exTab:after{ content:""; display:block; clear:both;} .exTab *{ margin:0; padding:0; list-style:none;} .exTab li{ position:relative; top:2px; float:left; margin-right:6px; _margin-right:3px; text-align:center; background:url(/board/modules/planet/skins/xe_planet/images/cr3pxLeft.gif) no-repeat left top;} .exTab li a{ position:relative; left:3px; display:block; float:left; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(/board/modules/planet/skins/xe_planet/images/cr3pxRight.gif) no-repeat right top;} .exTab li a sup{ font:9px Tahoma, Sans-serif;} .exTab li.active{ top:0;} .exTab li.active a{ padding:7px 23px 0 20px; font-weight:bold;} /* Try Planet */ .tryPlanet{ position:relative; height:90px; background:url(/board/modules/planet/skins/xe_planet/images/boxTryPlanet.gif) repeat-x 0 0; margin-bottom:15px;} .tryPlanet *{ margin:0; padding:0;} .tryPlanet p{ position:relative; top:20px; margin-left:80px; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#50606b;} .tryPlanet .leftCap, .tryPlanet .rightCap{ position:absolute; display:block; top:0; width:5px; height:90px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxTryPlanet.gif) no-repeat; white-space:nowrap;} .tryPlanet .leftCap{ left:0; background-position:left bottom;} .tryPlanet .rightCap{ right:0; _left:100%; _margin-left:-4px; background-position:right bottom;} .tryPlanet .button{ position:absolute; top:30px; right:80px;} /* Personal Header */ .personalHeader{ position:relative; height:90px; background:url(/board/modules/planet/skins/xe_planet/images/boxTryPlanet.gif) repeat-x 0 0; margin-bottom:15px;} .personalHeader *{ margin:0; padding:0; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;} .personalHeader h2{ position:absolute; top:15px; left:30px; padding-top:15px; font-size:24px; _zoom:1; padding-left:30px; background:url(/board/modules/planet/skins/xe_planet/images/bgPerson.png) no-repeat; _behavior:url(./common/js/iePngFix.htc); } .personalHeader p{ position:absolute; top:46px; left:220px;} .personalHeader .leftCap, .personalHeader .rightCap{ position:absolute; display:block; top:0; width:5px; height:90px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxTryPlanet.gif) no-repeat; white-space:nowrap;} .personalHeader .leftCap{ left:0; background-position:left bottom;} .personalHeader .rightCap{ right:0; _left:100%; _margin-left:-4px; background-position:right bottom;} .personalHeader .button{ position:absolute; top:30px; right:80px;} .searchHeader{ position:relative; height:90px; background:url(/board/modules/planet/skins/xe_planet/images/boxTryPlanet.gif) repeat-x 0 0; margin-bottom:30px;} .searchHeader *{ margin:0; padding:0;} .searchHeader p{ position:absolute; top:27px; margin-left:80px; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#50606b;} .searchHeader p strong{ font:bold 18px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;} .searchHeader .leftCap, .searchHeader .rightCap{ position:absolute; display:block; top:0; width:5px; height:90px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxTryPlanet.gif) no-repeat; white-space:nowrap;} .searchHeader .leftCap{ left:0; background-position:left bottom;} .searchHeader .rightCap{ right:0; _left:100%; _margin-left:-4px; background-position:right bottom;} /* My Info */ .myInfo{ padding:20px 30px 20px 30px; margin-bottom:15px; position:relative; border:1px solid #e9e9e9; *zoom:1;} .myInfo *{ margin:0; padding:0; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;} .myInfo dl.login{ position:relative; width:500px; margin:0 auto; padding:70px 0;} .myInfo dt{ float:left; width:100px; font-weight:bold;} .myInfo dd{ margin-bottom:10px;} .myInfo .inputText{ border:1px solid #ccc; padding:3px 4px; width:190px;} .myInfo em{ color:#f00; font-style:normal; } .myInfo .thumb{ display:block; position:relative; left:110px; margin-top:5px; vertical-align:top; border:2px solid #eee;} .myInfo .tl, .myInfo .tr, .myInfo .bl, .myInfo .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxTagCloud.gif) no-repeat;} .myInfo .tl{ top:-1px; left:-1px; background-position:0 0;} .myInfo .tr{ top:-1px; right:-1px; background-position:-4px 0;} .myInfo .bl{ bottom:-1px; left:-1px; background-position:0 -4px;} .myInfo .br{ bottom:-1px; right:-1px; background-position:-4px -4px;} .myInfo button{ width:90px; height:60px; position:absolute; top:90px; left:50%; margin-left:80px; background:url(/board/modules/planet/skins/xe_planet/images/buttonLogin.gif) no-repeat;} .myInfo button span{ position:relative; display:block; *padding-top:15px; visibility:visible; width:auto; height:auto; text-align:center; font:bold 14px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff;} /* Tag Cloud */ .tagCloud{ display:none; padding:20px 20px 30px 20px; margin-bottom:15px; position:relative; border:1px solid #e9e9e9; *zoom:1;} .tagCloud *{ margin:0; padding:0;} .tagCloud.open{ display:block;} .tagCloud h2{ display:inline; margin-right:15px; font-size:18px; color:#50606b; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; letter-spacing:-2px;} .tagCloud p{ display:inline; color:#a7afb5; font:11px AppleGothic, Dotum, Gulim, Sans-serif;} .tagCloud ul{ position:relative; overflow:hidden; text-align:justify; line-height:24px; *zoom:1; margin-top:10px;} .tagCloud li{ position:relative; left:-5px; display:inline-block; *display:inline !important; background:url(/board/modules/planet/skins/xe_planet/images/lineVccc.gif) no-repeat 0 center; padding:0 0 0 7px; *padding:0 5px 0 6px; *zoom:1;} .tagCloud li, x:-moz-any-link{ display:inline;} /* Firefox 2 Fix */ .tagCloud li, x:-moz-any-link, x:default{ display:inline-block;} /* Firefox 2 Fix */ .tagCloud a{ position:relative; color:#999; font-size:12px; font-family:AppleGothic, Dotum, Gulim, Sans-serif; white-space:nowrap; text-decoration:none !important;} .tagCloud a:hover, .tagCloud a:active, .tagCloud a:focus{ background:#000 !important; color:#ff0 !important;} .tagCloud a.closeButton { position:absolute; right:5px; bottom:5px; } .tagCloud li.rank1 a{ font-weight:bold; font-size:20px; background:#12d763; color:#fff;} .tagCloud li.rank2 a{ font-weight:bold; font-size:18px; color:#666;} .tagCloud li.rank3 a{ font-weight:bold; font-size:16px; color:#00b4b5;} .tagCloud li.rank4 a{ font-size:14px; color:#666;} .tagCloud .tl, .tagCloud .tr, .tagCloud .bl, .tagCloud .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxTagCloud.gif) no-repeat;} .tagCloud .tl{ top:-1px; left:-1px; background-position:0 0;} .tagCloud .tr{ top:-1px; right:-1px; background-position:-4px 0;} .tagCloud .bl{ bottom:-1px; left:-1px; background-position:0 -4px;} .tagCloud .br{ bottom:-1px; right:-1px; background-position:-4px -4px;} /* Comment List */ .noDocumentList { border:1px solid #dedede; *zoom:1; z-index:10; clear:both; background:#fff; padding:10px;} .commentList{ position:relative; padding:15px; border:1px solid #dedede; *zoom:1; z-index:10; clear:both; background:#eee;} .commentList h3{ position:relative; display:inline-block; *display:inline; margin-right:20px; background:url(/board/modules/planet/skins/xe_planet/images/boxH2Comment.gif) no-repeat 0 0; vertical-align:middle; *zoom:1; line-height:18px;} .commentList h3, x:-moz-any-link { display:inline; padding-top:3px;} .commentList h3, x:-moz-any-link, x:default { display:inline-block; *display:inline; padding-top:0;} .commentList h3 span{ position:relative; left:3px; _top:-1px; display:inline-block; padding:4px 20px 0 17px; height:25px; _height /**/:29px; vertical-align:top; color:#fff; background:url(/board/modules/planet/skins/xe_planet/images/boxH2Comment.gif) no-repeat right 0; font:bold 14px/18px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; vertical-align:middle; *zoom:1;} .commentList h3 span strong{ color:#ff0; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; font-size:12px;} .commentList h3 span, x:-moz-any-link{ padding:8px 20px 5px 17px; } .commentList h3 span, x:-moz-any-link, x:default{ padding:5px 20px 0 17px} .commentList .commentHeader .button *{ font-size:12px;} .commentList .planetBlue{ top:-3px;} .commentList span.planetBlue{ margin-right:10px;} .commentList a.planetBlue{ *top:1px;} .commentList .planetGreen{ position:absolute; top:0; right:3px; _right:18px;} .commentList .tagChoiceAfter{ display:none; position:absolute; top:45px; left:50%; width:289px; height:121px; text-align:center; margin-left:-145px;} .commentList .tagChoiceAfter.alert{ display:block;} .commentList .tagChoiceAfter p{ position:absolute; top:0; left:0; width:289px; height:94px; _height /**/:121px; font-size:12px; color:#fff; padding:37px 0 0 0; background:url(/board/modules/planet/skins/xe_planet/images/boxTagChoice.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);} .commentList .tagChoiceAfter button, .commentList .tagChoiceAfter a{ position:relative; display:inline-block; top:60px; font-size:12px; color:#fff; text-decoration:none; vertical-align:top; cursor:pointer; _cursor /**/:hand;} .commentList .tagChoiceAfter button{ width:45px; height:23px; text-align:center; background:url(/board/modules/planet/skins/xe_planet/images/buttonFixedBlack45.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);} .commentList .tagChoiceAfter a{ width:94px; height:18px; _height /**/:23px; padding-top:5px; text-align:center; background:url(/board/modules/planet/skins/xe_planet/images/buttonFixedBlack94.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);} .commentBody.myPlanet .comment .tongue{ margin:0 !important;} .commentBody.myPlanet .comment .tongue .post, .commentBody.myPlanet .comment .tongue .postScript, .commentBody.myPlanet .comment .tongue .postExtra{ *zoom:1;} /* Comment Body */ .commentBody{ position:relative; margin:10px 0; border:1px solid #d7dfe2; background:#fff; *zoom:1; clear:both;} .commentBody .comment{ position:relative; margin:0 15px; padding:15px 0 15px 0; clear:both; *zoom:1;} .commentBody .comment:after { content:""; display:block; width:0; height:0; font:0/0 Sans-serif; overflow:hidden; visibility:hidden; clear:both; float:none;} .commentBody .comment .identity{ position:relative; width:98px; float:left; margin:0 -98px 0 0; font-size:12px; background:none; *zoom:1; white-space:nowrap;} .commentBody .comment .identity a{ position:relative; display:block; text-align:center; font-size:12px; color:#fff !important; font-weight:bold;} .commentBody .comment .identity a img{ display:block; border:1px solid #ddd;} .commentBody .comment .identity em{ position:absolute; width:96px; text-align:center; left:1px; bottom:1px; display:block; padding:5px 0; font-style:normal; background:#000; opacity:.6; filter:alpha(opacity=60); line-height:normal;} .commentBody .comment .identity em img { border:0; display:inline; } .commentBody .comment .tongue{ position:relative; margin-left:113px; *zoom:1;} .commentBody .comment .tongue .post .xe_content { margin:0 0 7px 0; font:16px/1.6 NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; word-break:break-all; } .commentBody .comment .tongue .post a { font:16px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#06C;} .commentBody .comment .tongue .post strong{ background:#f7b100; font:normal 16px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff;} .commentBody .comment .tongue .postScript{ margin:0 0 10px 0; font-size:12px; color:#999;} .commentBody .comment .tongue .postScript strong{ font-family:Arial; letter-spacing:-1px; margin-right:5px;} .commentBody .comment .tongue .postExtra{ overflow:hidden; padding-top:10px; border-top:1px dotted #ccc; *zoom:1;} .commentBody .comment .tongue .postExtra *{ margin:0; padding:0;} .commentBody .comment .tongue .postExtra .tag { float:left;} .commentBody .comment .tongue .postExtra .tag .time{ display:inline; margin-right:5px; color:#999; font:11px AppleGothic, Dotum, Gulim, Sans-serif;} .commentBody .comment .tongue .postExtra .tag .time a{color:#999;} .commentBody .comment .tongue .postExtra .tag dl{ display:inline;} .commentBody .comment .tongue .postExtra .tag dt{ text-align:center; padding:0 7px; margin-right:5px; display:inline; background:url(/board/modules/planet/skins/xe_planet/images/bgTag.gif) no-repeat center; font:bold 11px Tahoma; color:#fff;} .commentBody .comment .tongue .postExtra .tag dd{ display:inline; position:relative;} .commentBody .comment .tongue .postExtra .tag dd.tagRead a{ position:relative; margin-right:2px; font:11px AppleGothic, Dotum, Gulim, Sans-serif; color:#999;} .commentBody .comment .tongue .postExtra .tag dd.tagRead a strong{ font:normal 12px AppleGothic, Dotum, Gulim, Sans-serif; background:#f7b100; color:#fff;} .commentBody .comment .tongue .postExtra .tag dd.tagRead .delete{ position:relative; top:-7px; left:-8px; display:none; width:12px; height:11px; margin-right:-12px; background:url(/board/modules/planet/skins/xe_planet/images/buttonX.gif) no-repeat center;} .commentBody .comment .tongue .postExtra .tag dd.tagRead .delete.hover{ display:inline-block;} .commentBody .comment .tongue .postExtra .tag dd.tagRead .modify{ position:relative; width:13px; height:13px; background:url(/board/modules/planet/skins/xe_planet/images/buttonModify.gif) no-repeat center; vertical-align:middle; *vertical-align:baseline; *top:-1px; *left:5px;} .commentBody .comment .tongue .postExtra .tag dd.tagModify{ display:none; top:2px;} .commentBody .comment .tongue .postExtra .tag dd.tagModify form{ display:inline;} .commentBody .comment .tongue .postExtra .tag dd.tagModify .inputText{ border:1px solid #ccc; padding:2px 4px; height:13px; width:290px; font-size:12px;} .commentBody .comment .tongue .postExtra .tag dd.tagModify button{ height:19px; font-size:11px; background:#eee; border:1px solid #ccc; margin-left:5px; vertical-align:top;} .commentBody .comment .tongue .postExtra .tag.edit dd{ display:none;} .commentBody .comment .tongue .postExtra .tag.edit dd.tagModify{ display:inline;} .commentBody .comment .tongue .postExtra .sympathy{ float:right; position:relative; top:-2px;} .commentBody .comment .tongue .postExtra .sympathy span.btnPlus { display:block; float:left; margin-right:10px; padding-top:3px;} .commentBody .comment .tongue .postExtra .sympathy button { color:#999;} .commentBody .comment .tongue .postExtra .sympathy .num{ position:relative; display:inline-block; width:22px; height:22px; padding-top:6px; letter-spacing:-1px; color:#fff; text-align:center; font:bold 11px AppleGothic, Dotum, Gulim, Sans-serif; background:url(/board/modules/planet/skins/xe_planet/images/bgSympathy.gif) no-repeat center top; *margin-bottom:-10px;} .commentBody .comment .tongue .postExtra .sympathy .num, x:-moz-any-link { padding-left:11px; padding-right:11px;} .commentBody .comment .tongue .postExtra .sympathy .num, x:-moz-any-link, x:default { padding-left:0; padding-right:0;} .commentBody .comment .tongue .postExtra .sympathy a{ position:relative; *top:-2px; margin-right:1px; color:#999; padding-left:8px; font:11px AppleGothic, Dotum, Gulim, Sans-serif; letter-spacing:-1px; background:url(/board/modules/planet/skins/xe_planet/images/arrowReplyOpen.gif) no-repeat left 3px;} /* Todo Manager */ .commentList .commentHeader h3.exTitle{ font-family:"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; line-height:normal; background:none; float:left;} .commentList .commentHeader .todoWrite{ float:right; } .todoManager ul{ position:relative; margin:0 0 0 40px; padding:20px 0;} .todoManager li{ position:relative; font-family:"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;} .todoManager li .button{ margin-left:5px;} .todoManager .time{ position:absolute; top:0; right:20px;} .todoManager .tag{ position:absolute; top:0; right:20px;} .todoManager .tag img { margin-right:5px; vertical-align:middle; } /* Comment Reply */ .commentBody .reply{ display:none; clear:both; padding:15px; background:#f3f3f3; *zoom:1;} .commentBody .reply.open{ display:block;} .commentBody .reply dl{ position:relative; clear:both; overflow:hidden; *zoom:1; margin:0 0 5px 0;} .commentBody .reply dt{ float:left; width:83px; padding-left:15px; margin-right:-98px; font-size:12px; font-weight:bold; color:#666; white-space:nowrap;} .commentBody .reply dt a{ color:#a5b2c2; } .commentBody .reply dd{ margin:0 80px 0 113px; font-size:12px; color:#666; line-height:1.4em;} .commentBody .reply dd a{ text-decoration:underline; color:#333;} .commentBody .reply dd .time{ position:absolute; top:0; right:0;} .commentBody .reply dd input{ position:relative; border:1px solid #ccc; padding:4px 5px; width:96%; height:14px; vertical-align:top; font-size:12px; *zoom:1;} .commentBody .reply dd .button{ position:absolute; top:0; right:3px;} .commentList .tl, .commentList .tr, .commentList .bl, .commentList .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxCommentOut.gif) no-repeat;} .commentList .commentBody .tl, .commentList .commentBody .tr, .commentList .commentBody .bl, .commentList .commentBody .br{ background-image:url(/board/modules/planet/skins/xe_planet/images/boxCommentIn.gif); background-repeat:no-repeat;} .commentList .tl{ top:-1px; left:-1px; background-position:0 0;} .commentList .tr{ top:-1px; right:-1px; background-position:-4px 0;} .commentList .bl{ bottom:-1px; left:-1px; background-position:0 -4px;} .commentList .br{ bottom:-1px; right:-1px; background-position:-4px -4px;} /* Author Header */ .authorHeader{ position:relative; padding:20px; *zoom:1; z-index:30;} .authorHeader *{ margin:0; padding:0; list-style:none;} .authorHeader fieldset{ position:relative;} .authorHeader .thumb{ position:relative; float:left; margin-right:-100px; z-index:10;} .authorHeader .thumb a{ position:relative; display:block; width:100px; height:100px; text-decoration:none;} .authorHeader .thumb a img{ position:relative; border:2px solid #fff;} .authorHeader .thumb a span{ position:absolute; display:none; top:2px; left:2px; padding-top:44px; width:96px; height:52px; _height /**/:96px; font-size:12px; color:#fff; font-weight:bold; text-align:center; cursor:pointer; _cursor /**/:hand; background:#000; opacity:.6; filter:alpha(opacity=60);} .authorHeader .thumb a:hover span, .authorHeader .thumb a:active span, .authorHeader .thumb a:focus span{ display:block;} .authorHeader .thumb .file{ display:none; position:absolute; top:0; left:115px; background:#fff; border:2px solid #eee; padding:15px; height:66px; _height /**/:100px; width:446px; font-size:12px;} .authorHeader .thumb .file p{ margin-bottom:5px;} .authorHeader .thumb .file input{ padding:2px 4px; width:400px;} .authorHeader .thumb .file .buttonArea{ padding-top:10px;} .authorHeader .thumb .file .buttonArea button{ height:19px; font-size:11px; background:#eee; border:1px solid #ccc; margin-right:4px;} .authorHeader .thumb.edit .file{ position:absolute; display:block; z-index:100;} .authorHeader .title{ position:relative; margin-left:120px; height:60px; margin-bottom:10px; _margin-bottom:0; } .authorHeader .title h2{ position:relative; margin-bottom:10px; } .authorHeader .title h2 a{ font-size:12px; color:#fff; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; text-decoration:none;} .authorHeader .title h2 a:hover, .authorHeader .title .authorPersonality a:hover, .authorHeader .title h2 a:active, .authorHeader .title .authorPersonality a:active, .authorHeader .title h2 a:focus, .authorHeader .title .authorPersonality a:focus{ padding-right:15px; background:url(/board/modules/planet/skins/xe_planet/images/buttonModify.gif) no-repeat right center;} .authorHeader .title h2.disable a { background:none !important; } .authorHeader .title p.disable a { background:none !important; } .authorHeader .title h2 .inputText, .authorHeader .title .authorPersonality .inputText{ display:none; border:1px solid #ccc; padding:2px 4px; height:13px; width:290px;} .authorHeader .title h2 .inputText{ height:30px; *margin-right:5px; font:bold 12px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;} .authorHeader .title h2 button, .authorHeader .title .authorPersonality button{ display:none; height:19px; font-size:11px; background:#eee; border:1px solid #ccc; margin-left:5px; vertical-align:top;} .authorHeader .title h2 button{ height:36px;} .authorHeader .title h2.edit a, .authorHeader .title .authorPersonality.edit a{ display:none;} .authorHeader .title *.edit .inputText, .authorHeader .title *.edit button{ display:inline; vertical-align:top;} .authorHeader .title .authorPersonality{ float:left;} .authorHeader .title .authorPersonality a{ position:relative; float:left; color:#fff; font-size:12px; font-family:AppleGothic, Dotum, Gulim, Sans-serif; text-decoration:none;} .authorHeader .title .addFavorite{ position:relative; top:-3px; float:right; clear:right; background:url(/board/modules/planet/skins/xe_planet/images/iconAddFavorite.gif) no-repeat left center; padding-left:7px; } .authorHeader .title .addFavorite button{ position:relative; *top:2px; width:80px; height:20px; font-size:11px; font-family:AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; text-align:right; letter-spacing:-1px;} .authorHeader .authorTag{ position:relative; border-top:1px solid #ddd; margin-left:120px; padding-top:10px; *zoom:1;} .authorHeader .authorTag dl{ position:relative; display:block; float:left;} .authorHeader .authorTag dt{ text-align:center; padding:0 7px; _padding:0 3px; margin-right:5px; display:inline; background:url(/board/modules/planet/skins/xe_planet/images/bgTag.png) no-repeat center; _behavior:url(./common/js/iePngFix.htc); font:bold 11px Tahoma; color:#fff; *zoom:1;} .authorHeader .authorTag dd{ display:inline;} .authorHeader .authorTag.edit dd{ display:none;} .authorHeader .authorTag dd a{ font-size:11px; font-family:AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; margin-right:2px;} .authorHeader .authorTag dd .delete{ position:relative; top:-7px; left:-8px; display:none; width:12px; height:11px; margin-right:-12px; background:url(/board/modules/planet/skins/xe_planet/images/buttonX.gif) no-repeat center;} .authorHeader .authorTag dd .delete span{ display:inline-block; width:0; height:0; font:0/0 Sans-serif; visibility:hidden;} .authorHeader .authorTag dd .delete.hover{ display:inline-block;} .authorHeader .authorTag dd .modify{ position:relative; width:13px; height:13px; background:url(/board/modules/planet/skins/xe_planet/images/buttonModify.gif) no-repeat center; vertical-align:middle; *vertical-align:baseline; *top:-1px; *left:5px;} .authorHeader .authorTag dd.tagModify{ display:none;} .authorHeader .authorTag.edit dd.tagModify{ display:inline;} .authorHeader .authorTag dd.tagModify .inputText{ border:1px solid #ccc; padding:2px 4px; height:13px; width:290px;} .authorHeader .authorTag dd.tagModify button{ height:19px; font-size:11px; background:#eee; border:1px solid #ccc; margin-left:5px; vertical-align:top;} .authorHeader .authorTag .planetUri{ position:relative; float:right; color:#fff; font-size:11px; font-family:Tahoma Sans-serif;} .authorHeader .authorTag .rssFeed{ float:right; display:block; margin:0 0 0 5px; width:12px; height:12px; cursor:pointer; background:url(/board/modules/planet/skins/xe_planet/images/rssFeed.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);} .authorHeader .authorTag .rssFeed span{ position:absolute; width:0; height:0; overflow:hidden;} .authorHeader .tl, .authorHeader .tr{position:absolute; top:0; display:block; width:4px; height:4px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxAuthorHeader.png) no-repeat; _background:url(/board/modules/planet/skins/xe_planet/images/boxAuthorHeader.gif) no-repeat;} .authorHeader .tl{ left:0; background-position:left top;} .authorHeader .tr{ right:0; background-position:right top;} .authorHeader .myOption{ position:absolute; top:20px; right:15px; width:90px;} .authorHeader .rss{ float:right; margin:0 5px 0 0; position:relative; display:block; width:15px; height:15px; background-repeat:no-repeat; background-position:center; cursor:pointer;} .authorHeader .rss.off{ background-image:url(/board/modules/planet/skins/xe_planet/images/rssOff.png); _behavior:url(./common/js/iePngFix.htc);} .authorHeader .rss.on{ background-image:url(/board/modules/planet/skins/xe_planet/images/rssOn.png); _behavior:url(./common/js/iePngFix.htc);} .authorHeader .rss span{ display:block; width:0; height:0; overflow:hidden;} .authorHeader .color{ float:right; margin:0 5px 0 0; display:block; border:1px solid #ccc; width:16px; height:16px;} .authorHeader .colorPreset{ position:absolute; display:none; top:25px; right:0; width:131px;} .authorHeader .colorPreset.open{ display:block;} .authorHeader .colorPreset.close{ display:none;} .authorHeader .colorPreset li{ float:left; border:1px solid #ccc; margin-left:5px;} .authorHeader .colorPreset li.gray{ background:#999;} .authorHeader .colorPreset li.green{ background:#75B570;} .authorHeader .colorPreset li.blue{ background:#8BBED8;} .authorHeader .colorPreset li.cyan{ background:#9DB0B2;} .authorHeader .colorPreset li.red{ background:#D18675;} .authorHeader .colorPreset li.orange{ background:#E8A15E;} .authorHeader .colorPreset li a{ display:block; width:14px; height:14px;} .authorHeader .colorPreset li a span{ display:block; width:0; height:0; overflow:hidden; visibility:hidden;} .authorHeader .apiMe2day{ position:relative; float:right; width:16px; margin:0 5px 0 0;} .authorHeader .apiMe2day fieldset{ width:16px;} .authorHeader .apiMe2day *{ font-size:12px;} .authorHeader .apiMe2day .setupButton{ width:16px; height:16px; background:url(/board/modules/planet/skins/xe_planet/images/iconMe2day.png) no-repeat center; _behavior:url(./common/js/iePngFix.htc);} .authorHeader .apiMe2day .apiProtocol{ position:relative; width:240px; border:2px solid #eee; background:#fff; padding:10px 15px 10px 20px; position:absolute; top:25px; right:0;} .authorHeader .apiMe2day .apiProtocol.open{ display:block;} .authorHeader .apiMe2day .apiProtocol.close{ display:none;} .authorHeader .apiMe2day .apiProtocol .summary{ font-weight:bold; margin-bottom:10px;} .authorHeader .apiMe2day .apiProtocol dl{ font-size:12px; overflow:hidden;} .authorHeader .apiMe2day .apiProtocol dt{ float:left; clear:left; margin:0 4px 0 0; padding-top:3px;} .authorHeader .apiMe2day .apiProtocol dd{ clear:right; margin-bottom:2px;} .authorHeader .apiMe2day .apiProtocol dd input{ width:120px; border:1px solid #ccc; padding:2px 4px; *margin:-1px 0;} .authorHeader .apiMe2day .apiProtocol .autoPush{ padding:5px 0;} .authorHeader .apiMe2day .apiProtocol .autoPush input{ width:13px; height:13px; vertical-align:top; margin-right:4px;} .authorHeader .apiMe2day .apiProtocol .autoPush label{} .authorHeader .apiMe2day .apiProtocol .buttonArea button{ border:1px solid #ccc; background:#eee; font-size:11px; *margin-right:4px;} .authorHeader .mobile{ float:right; width:12px; margin:0 5px 0 0; position:relative;} .authorHeader .mobile fieldset{ width:12px;} .authorHeader .mobile .setupButton{ position:relative; top:-3px; width:12px; height:19px; background:url(/board/modules/planet/skins/xe_planet/images/iconMobile.gif) no-repeat;} .authorHeader .mobile .address{ display:none; position:absolute; border:2px solid #eee; background:#fff; padding:10px 15px 10px 20px; position:absolute; top:25px; right:0; white-space:nowrap;} .authorHeader .mobile .address.open{ display:block;} .authorHeader .mobile .address *{ font-size:12px;} .authorHeader .mobile .address dt{ font-weight:bold; display:inline;} .authorHeader .mobile .address dd{ display:inline;} .authorHeader .mobile .address dd input { width:30px; border:1px solid #ccc; padding:2px 4px; *margin:-1px 0;} .authorHeader .mobile .address dd.buttonArea{ display:block; text-align:center; padding-top:10px;} .authorHeader .mobile .address dd.buttonArea button{ border:1px solid #ccc; background:#eee; font-size:11px; vertical-align:top; margin-right:4px;} /* Author Footer */ .authorFooter{ position:relative; clear:both; padding:12px 18px 0 17px; height:45px; _height /**/:57px; margin-bottom:10px; z-index:20; border:1px solid #dedede; border-top-color:#fff;} .authorFooter *{ margin:0; padding:0;} .authorFooter .memo{ position:absolute; left:17px; top:12px; width:500px; background:url(/board/modules/planet/skins/xe_planet/images/boxMemo.gif) no-repeat;} .authorFooter .memo p{ display:block; height:20px; padding-top:9px; margin:0; font-size:12px;white-space:nowrap;} .authorFooter .memo p .toggle, .authorFooter .memo li.first .toggle{ position:absolute; top:2px; right:2px; width:25px; height:25px; background:url(/board/modules/planet/skins/xe_planet/images/arrowTagNavigation.gif) no-repeat center -9px;} .authorFooter .memo p .delete{ display:none;} .authorFooter .memo ul{ clear:both; display:none; position:relative; width:100%; padding:5px 0 10px 0; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxMemo.gif) no-repeat left bottom;} .authorFooter .memo li{ clear:both; position:relative; font-size:12px; padding:7px 0 3px 0; overflow:hidden; *float:left; *zoom:1; width:100%; background:#333;} .authorFooter .memo li.first{ background:#333 url(/board/modules/planet/skins/xe_planet/images/boxMemo.gif) no-repeat left top;} .authorFooter .memo p em, .authorFooter .memo li em{ display:block; padding-left:15px; width:370px; float:left; font-style:normal; color:#fff; overflow:hidden;} .authorFooter .memo p em a, .authorFooter .memo li em a{ color:#fff;} .authorFooter .memo p span, .authorFooter .memo li span{ position:relative; right:40px; float:right; color:#fff; font:11px AppleGothic, Dotum, Gulim, Sans-serif;} .authorFooter .memo p span .delete, .authorFooter .memo li span .delete{ position:relative; left:5px; vertical-align:top; width:12px; height:11px; background:url(/board/modules/planet/skins/xe_planet/images/buttonX.gif) no-repeat center;} .authorFooter .memo .pagination{ position:relative; top:-14px; display:none; padding:0 0 10px 0; clear:both; background:url(/board/modules/planet/skins/xe_planet/images/boxMemo.gif) no-repeat left bottom;} .authorFooter .memo .pagination a, .authorFooter .memo .pagination strong{ background:#333; color:#ccc; border-color:#666;} .authorFooter .memo .bottomCap{ clear:both; position:relative; top:2px; height:2px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxMemo.gif) no-repeat left -27px;} .authorFooter .memo.open p{ display:none;} .authorFooter .memo.open p .delete{ display:inline-block;} .authorFooter .memo.open p .toggle, .authorFooter .memo.open li.first .toggle{ display:block; background-position: center 10px;} .authorFooter .memo.open ul, .authorFooter .memo.open .pagination{ display:block; padding-top:3px; } .authorFooter .memoWrite{ position:relative; float:left; width:600px;} .authorFooter .memoWrite.close{ display:none;} .authorFooter .memoWrite .form.close{ display:none; } .authorFooter .memoWrite .inputText{ border:1px solid #ccc; width:480px; _width /**/:500px; padding:6px 9px 0 9px; height:21px; _height /**/:29px;} .authorFooter .memoWrite .button{ position:absolute; top:0; left:505px;} .authorFooter .memoWrite .button, x:-moz-any-link{ padding:0;} .authorFooter .memoWrite .button, x:-moz-any-link, x:default{ padding:0;} .authorFooter .button *{ font-size:12px !important;} .authorFooter .nav{ float:right; } .authorFooter .nav *{ font:11px Dotum; letter-spacing:-1px; color:#333; text-decoration:none !important;} .authorFooter .nav li{ list-style:none; text-align:right;} .authorFooter .nav li button{ position:relative; height:16px; text-align:right; left:3px; *left:1px;} .authorFooter .tl, .authorFooter .tr{position:absolute; bottom:-1px; display:block; width:4px; height:4px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxCommentOut.gif) no-repeat;} .authorFooter .tl{ left:-1px; background-position:left bottom;} .authorFooter .tr{ right:-1px; background-position:right bottom;} /* Author List */ .authorList{ position:relative; padding:15px; background:#e7e7e7; border:1px solid #dedede; *zoom:1; z-index:10; clear:both;} .authorList *{ margin:0; padding:0;} .authorList .authorBody{ position:relative; margin-top:10px; padding:15px; border:1px solid #d7dfe2; background:#fff; *zoom:1; clear:both; overflow:hidden;} .authorList .authorBody .thumb{ float:left; border:1px solid #ccc; margin-right:-98px;} .authorList .authorBody .thumb img{ display:block;} .authorList .authorBody .title{ position:relative; margin-left:120px; margin-bottom:10px; *zoom:1;} .authorList .authorBody .title h2{ margin-bottom:5px;} .authorList .authorBody .title h2 a{ font:bold 12px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#465f7d;} .authorList .authorBody .title p{ color:#a2afbe; font-size:12px;} .authorList .authorBody .title .planetUri{ position:absolute; right:0; bottom:0; font-size:11px; color:#999;} .authorList .authorBody .authorTag{ position:relative; padding-top:10px; margin-left:120px; border-top:1px dotted #ccc; font-size:12px; *zoom:1;} .authorList .authorBody .authorTag dt{ display:inline;} .authorList .authorBody .authorTag dd{ display:inline;} .authorList .authorBody .authorTag dd a{ color:#747474;} .authorList .authorBody .authorTag dd a strong{ font-weight:normal; color:#fff; background:#ffba00;} .authorList .authorBody .authorTag .addFavorite{ position:absolute; top:7px; right:0; background:url(/board/modules/planet/skins/xe_planet/images/iconAddFavorite.gif) no-repeat left center;} .authorList .authorBody .authorTag .addFavorite button{ position:relative; *top:2px; width:80px; height:20px; font-size:11px; color:#999; font-family:AppleGothic, Dotum, Gulim, Sans-serif; text-align:right; letter-spacing:-1px;} .authorList .tl, .authorList .tr, .authorList .bl, .authorList .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxCommentIn.gif) no-repeat;} .authorList .tl{ top:-1px; left:-1px; background-position:0 0;} .authorList .tr{ top:-1px; right:-1px; background-position:-4px 0;} .authorList .bl{ bottom:-1px; left:-1px; background-position:0 -4px;} .authorList .br{ bottom:-1px; right:-1px; background-position:-4px -4px;} /* Write Post */ .writePost{ position:relative; margin-bottom:15px; padding:10px 0; *zoom:1;} .writePost *{ margin:0; padding:0; color:#fff; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;} .writePost h3{ margin-left:15px; line-height:12px; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;} .writePost .toggle{ display:none !important; position:absolute; top:5px; right:15px; background:url(/board/modules/planet/skins/xe_planet/images/arrowTagNavigation.gif) no-repeat;} .writePost.close .toggle{ background-position:left -14px;} .writePost.open .toggle{ background-position:left 5px;} .writePost.open .toggle.close { display:block !important; } .writePost.close .toggle.open { display:block !important; } .writePost .toggle button{ padding-left:8px; position:relative; font:bold 12px AppleGothic, Dotum, Gulim, Sans-serif; letter-spacing:-1px;} .writePost.close .writeBody{ display:none;} .writePost.open .writeBody{ display:block;} .writePost .writeHeader{ position:relative;} .writePost .writeBody{ position:relative; *zoom:1; padding-top:25px;} .writePost .writeBody form, .writePost .writeBody fieldset{ width:100%; position:relative;} .writePost .writeBody dl{ position:relative; margin:0 120px 0 90px; clear:both; *zoom:1; clear:both;} .writePost .writeBody dt{ position:relative; left:-65px; float:left; clear:left; width:70px; margin-right:-70px; font-weight:bold;} .writePost .writeBody dd{ position:relative; clear:right; margin-bottom:10px; width:100%;} .writePost .writeBody dd textarea, .writePost .writeBody dd .inputText{ position:relative; width:96%; border:1px solid #ccc; color:#333;} .writePost .writeBody dd textarea{ position:relative; padding:5px 10px; height:30px; overflow:auto;} .writePost .writeBody dd .inputText{ padding:3px 10px;} .writePost .writeBody dd.preview{ display:block; clear:both;} .writePost .writeBody dd.preview.off{ display:none;} .writePost .writeBody dd.preview p{ padding:5px 10px; border:1px solid #ccc; width:96%; background:#fff; color:#000; opacity:.5; filter:alpha(opacity=50); font-size:12px;} .writePost .writeBody dd.preview p a{ color:#00f;} .writePost .writeBody .writeOptions{ position:absolute; top:-8px; left:100%; margin-left:-105px;} .writePost .writeBody .writeOptions p{ white-space:nowrap; margin:0; padding:0;} .writePost .writeBody .writeOptions input{ vertical-align:middle; width:13px; height:13px; margin-right:4px;} .writePost .writeBody button{ width:90px; height:68px; position:absolute; bottom:5px; right:15px; background-repeat:no-repeat;} .writePost .writeBody button span{ position:relative; display:block; *padding-top:20px; visibility:visible; width:auto; height:auto; text-align:center; font:bold 16px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serifl;} .writePost .tl, .writePost .tr, .writePost .bl, .writePost .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxAuthorHeader.png) no-repeat; _background:url(/board/modules/planet/skins/xe_planet/images/boxAuthorHeader.gif) no-repeat;} .writePost .tl{ top:0; left:0; background-position:left top;} .writePost .tr{ top:0; right:0; background-position:right top;} .writePost .bl{ bottom:0; _bottom:-1px; left:0; background-position:left -4px;} .writePost .br{ bottom:0; _bottom:-1px; right:0; background-position:right -4px;} /* My Favorite Tag */ .myFavoriteTag{ position:relative; background:#fff; border:1px solid #DDD; margin-bottom:10px; *zoom:1; padding:15px 20px 15px 20px; clear:both;} .myFavoriteTag *{ margin:0; padding:0;} .myFavoriteTag.open{ display:block;} .myFavoriteTag *{ color:#777;} .myFavoriteTag ul{ position:relative; padding:5px 0; overflow:hidden; *zoom:1;} .myFavoriteTag li{ position:relative; padding:0 6px 0 10px; left:-11px; display:inline; background:url(/board/modules/planet/skins/xe_planet/images/lineVccc.gif) no-repeat left center; line-height:18px;} .myFavoriteTag li a, .myFavoriteTag li strong{ font-size:12px; white-space:nowrap;} .myFavoriteTag li strong{ color:#000;} .myFavoriteTag li .delete{ position:relative; top:-7px; left:-6px; display:none; width:12px; height:11px; margin-right:-12px; background:url(/board/modules/planet/skins/xe_planet/images/buttonX.gif) no-repeat center;} .myFavoriteTag li .delete span{ display:inline-block; width:0; height:0; font:0/0 Sans-serif; visibility:hidden;} .myFavoriteTag li .delete.hover{ display:inline-block;} .myFavoriteTag .addTag{ text-align:right;} .myFavoriteTag .addTag .inputText{ border:1px solid #ccc; padding:3px 4px; color:#000; font-size:12px; margin-right:5px;} .myFavoriteTag .addTag .addFavorite{ display:inline-block; position:relative; background:url(/board/modules/planet/skins/xe_planet/images/iconAddFavorite.gif) no-repeat left center;} .myFavoriteTag .addTag .addFavorite button{ position:relative; *top:2px; width:80px; height:20px; font-size:11px; font-family:AppleGothic, Dotum, Gulim, Sans-serif; color:#777; text-align:right; letter-spacing:-1px;} .myFavoriteTag .tl, .myFavoriteTag .tr, .myFavoriteTag .bl, .myFavoriteTag .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxAuthorHeader.gif) no-repeat;} .myFavoriteTag .tl{ top:0; left:0; background-position:left top;} .myFavoriteTag .tr{ top:0; right:0; background-position:right top;} .myFavoriteTag .bl{ bottom:0; left:0; background-position:left -4px;} .myFavoriteTag .br{ bottom:0; right:0; background-position:right -4px;} /* Welcome Message */ .welcome{ position:relative; *zoom:1; margin-bottom:15px; padding:30px; background:#000;} .welcome *{ margin:0; padding:0; color:#fff; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;} .welcome h2{ position:relative; _zoom:1; margin-bottom:10px; padding:10px 0 0 70px; height:50px; _height /**/:60px; background:url(/board/modules/planet/skins/xe_planet/images/bgSmile.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);} .welcome p{ margin-bottom:10px; line-height:1.5em;} .welcome ol{ padding-left:20px; margin-bottom:10px; margin-left:20px;} .welcome ol li{ list-style:decimal; line-height:1.5em;} .welcome .tl, .welcome .tr, .welcome .bl, .welcome .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(/board/modules/planet/skins/xe_planet/images/boxWelcome.gif) no-repeat;} .welcome .tl{ top:0; left:0; background-position:left top;} .welcome .tr{ top:0; right:0; background-position:right top;} .welcome .bl{ bottom:0; left:0; background-position:left -4px;} .welcome .br{ bottom:0; right:0; background-position:right -4px;} /* Time Navigation */ .timeNav{ font:11px Dotum, Tahoma; white-space:nowrap; color:#999; float:left; text-align:right; margin-bottom:5px; } .timeNav *{ color:#000;} .timeNav strong{ font-family:Arial; font-size:12px;} .timeNav em{ font-style:normal; font-weight:bold; font-size:12px; font-family:"Malgun Gothic", AppleGothic, Dotum, Tahoma, Sans-serif;} .timeNav .prev, .timeNav .next { display:inline-block; font-size:12px; font-family:Arial; font-weight:bold; color:#000; padding:0 5px !important; text-decoration:none !important;} .timeNav span.prev, .timeNav span.next { color:#AAA; } /* Pagination */ .pagination{ float:right; margin-bottom:5px; } text-align:center;} .pagination *{ margin:0; padding:0;} .pagination a, .pagination strong{ _position:relative; font-weight:bold; display:inline-block; padding:0 5px 0 5px; color:#313031; text-decoration:none; line-height:normal; font:bold 12px Tahoma, Sans-serif !important;} .pagination strong{ color:#ff8600 !important;} .pagination a:hover{ background:#eee; } .pagination a.prev{ padding:0 10px 0 10px; background:url(/board/modules/planet/skins/xe_planet/images/paginationPrev.gif) no-repeat left center !important; border:none; font-weight:normal; } .pagination a.prevEnd{ padding:0 10px 0 10px; background:url(/board/modules/planet/skins/xe_planet/images/paginationPrevEnd.gif) no-repeat left center !important; border:none; border-right:1px solid #ccc;} .pagination a.next{ padding:0 10px 0 10px; background:url(/board/modules/planet/skins/xe_planet/images/paginationNext.gif) no-repeat right center !important; border:none; font-weight:normal; } .pagination a.nextEnd{ padding:0 10px 0 10px; background:url(/board/modules/planet/skins/xe_planet/images/paginationNextEnd.gif) no-repeat right center !important; border:none; border-left:1px solid #ccc;} form.deleteContent { display:inline; margin-right:5px !important; } form.deleteContent input { vertical-align:middle; width:16px !important; height:16px !important; padding:0 !important; border:0 !important;} /* file:/usr/local/apache_2.0.55/htdocs/board/files/cache/optimized/99c596fbac2a27f3b5186d28a24f31b0.cache.php */ /* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ .authorHeader, .writePost{ background:#8BBED8;} .authorFooter, .commentList{ background:#f3f8fb;} .writePost .writeBody button{ background-image:url(/board/modules/planet/skins/xe_planet/images/buttonWriteBlue.gif);} .myTab li, .exTab li, .myTab li a, .exTab li a, .tagRank .buttonTag, .tagRank .buttonTag button{ background-color:#aed1e4;} .myTab li.active, .exTab li.active, .myTab li.active a, .exTab li.active a{ background-color:#8BBED8;} /* file:/usr/local/apache_2.0.55/htdocs/board/files/cache/optimized/3ce62540dd9fd0bfc93628b64ee16a05.cache.php */ /* 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;} /* file:/usr/local/apache_2.0.55/htdocs/board/files/cache/optimized/258d50863dedbee529e8e6bdf731c82c.cache.php */ /* 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(/board/layouts/xe_official_v2/img/bgBlack.gif) repeat-x; border-bottom:37px solid #1a1a1a;} #xe .black{ border-bottom:0;} div.blue{ background:url(/board/layouts/xe_official_v2/img/bgBlue.gif) no-repeat center 70px;} .sky{ background:url(/board/layouts/xe_official_v2/img/bgSky.gif) no-repeat center 70px;} div.cyan{ background:url(/board/layouts/xe_official_v2/img/bgCyan.gif) no-repeat center 70px;} div.purple{ background:url(/board/layouts/xe_official_v2/img/bgPurple.gif) no-repeat center 70px;} div.orange{ background:url(/board/layouts/xe_official_v2/img/bgOrange.gif) no-repeat center 70px;} body.gradBGblack {background:url(/board/layouts/xe_official_v2/img/gradBGblack.png) repeat-x 0 0;} body.gradBGblue {background:url(/board/layouts/xe_official_v2/img/gradBGblue.png) repeat-x 0 0;} body.gradBGsky {background:url(/board/layouts/xe_official_v2/img/gradBGsky.png) repeat-x 0 0;} body.gradBGcyan {background:url(/board/layouts/xe_official_v2/img/gradBGcyan.png) repeat-x 0 0;} body.gradBGpurple {background:url(/board/layouts/xe_official_v2/img/gradBGpurple.png) repeat-x 0 0;} body.gradBGorange {background:url(/board/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:30px; background:url(/board/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:760px;} .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: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; } #header .account{ position:absolute; top:40px; right:0; margin:0; padding:0; z-index:2;} #header .account li{ position:relative; float:left; list-style:none; background-image:url(/board/layouts/xe_official_v2/img/lineHeaderVr.gif); background-repeat:no-repeat; background-position:left 4px;} div.black #header .account li{ background-image:url(/board/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; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url(/board/layouts/xe_official_v2/img/buttonProfile.gif); background-repeat:no-repeat; background-position:center -10px; overflow:visible;} 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(/board/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(/board/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:43px; height:5px; padding:5px 8px; background-image:url(/board/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(/board/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(/board/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(/board/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; } /* GNB */ .gnb{ position:absolute; left:0; bottom:0; margin:0; padding:0; list-style:none;} .gnb li{ float:left; padding-right:40px;} .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(/board/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:150px; margin:0; padding:0 0 0 10px; background:url(/board/layouts/xe_official_v2/img/lineKneeVr.gif) repeat-y 0 0;} #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;} #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(/board/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;} .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:#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 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:#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; margin-bottom:10px;} #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(/board/layouts/xe_official_v2/img/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;} .loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(/board/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(/board/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(/board/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;} /* file:/usr/local/apache_2.0.55/htdocs/board/files/cache/optimized/4479f9492df5e4f53eb33310d9cc162b.cache.php */ /* 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(/board/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(/board/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(/board/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(/board/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(/board/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:NanumGothic, "Malgun Gothic", AppleGothic, Dotum, Sans-Serif;} body.ko #content .h2, body.ko #content .h3{ font-family:NanumGothic, "Malgun Gothic";}