/* file:/home/hosting_users/ahnhongjun/www/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(/common/tpl/images/widget_text.gif) no-repeat center bottom; display:block;} /* xe layer */ #waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url(/common/tpl/images/loading.gif) no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; } #popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;} #popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;} #popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;} #popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;} #popup_menu_area li a{ text-decoration:none; color:#000;} #popup_menu_area li a:hover, #popup_menu_area li a:active, #popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;} /* xe faceoff */ .faceOffManager { position:fixed; _position:absolute; right:3px; top:3px; height:23px; } /* file:/home/hosting_users/ahnhongjun/www/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(/common/tpl/images/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;} a.button { padding:0; background-position:left top; overflow:visible;} a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;} /* Large Size */ a.button.large { background-position:left -30px; } a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;} /* xLarge Size */ a.button.xLarge { background-position:left -65px; } a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;} /* Small Size */ a.button.small { background-position:left -107px; } a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;} /* Control Button + Submit Button */ span.button, span.button button, span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(/common/tpl/images/buttonWhite.gif) no-repeat; vertical-align:middle;} span.button { padding:0; background-position:left top;} span.button button, span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;} /* Large Size */ span.button.large { background-position:left -30px;} span.button.large button, span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;} /* xLarge Size */ span.button.xLarge { background-position:left -65px;} span.button.xLarge button, span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;} /* Small Size */ span.button.small { background-position:left -107px;} span.button.small button, span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;} /* Strong Button */ a.button.strong *, span.button.strong * { font-weight:bold !important;} /* Icon Add */ a.button .icon { position:relative; border:0; vertical-align:middle;} span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;} /* Color Preset */ a.button.green, a.button.green span, span.button.green, span.button.green button, span.button.green input { background-image:url(/common/tpl/images/buttonGreen.gif); color:#fff;} a.button.black, a.button.black span, span.button.black, span.button.black button, span.button.black input { background-image:url(/common/tpl/images/buttonBlack.gif); color:#fff;} a.button.red, a.button.red span, span.button.red, span.button.red button, span.button.red input { background-image:url(/common/tpl/images/buttonRed.gif); color:#fff;} a.button.blue, a.button.blue span, span.button.blue, span.button.blue button, span.button.blue input { background-image:url(/common/tpl/images/buttonBlue.gif); color:#fff;} /* Offset Debug */ a.button, span.button{ margin-right:2px;} /* Button Set */ .buttonSet{ width:16px; height:16px; background-image:url(/common/tpl/images/buttonSet.gif); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;} .buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;} .buttonSet.buttonUp{ background-position:0 0;} .buttonSet.buttonDown{ background-position:0 -16px;} .buttonSet.buttonLeft{ background-position:0 -32px;} .buttonSet.buttonRight{ background-position:0 -48px;} .buttonSet.buttonInfo{ background-position:0 -64px;} .buttonSet.buttonCopy{ background-position:0 -80px;} .buttonSet.buttonSetting{ background-position:0 -96px;} .buttonSet.buttonActive{ background-position:0 -112px;} .buttonSet.buttonDisable{ background-position:0 -128px;} .buttonSet.buttonDelete{ background-position:0 -144px;} .buttonSet.buttonHomepage{ background-position:0 -160px;} .buttonSet.buttonBlog{ background-position:0 -176px;} .buttonSet.buttonCalendar{ background-position:0 -192px;} .buttonSet.buttonLayoutEditor{ background-position:0 -208px;} .buttonSet.buttonAddWidget{ background-position:0 -224px;} .buttonSet.buttonAddContent{ background-position:0 -240px;} /* file:/home/hosting_users/ahnhongjun/www/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(/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(/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(/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(/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(/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(/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(/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(/common/js/plugins/ui/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/common/js/plugins/ui/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/common/js/plugins/ui/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/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(/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(/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(/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:/home/hosting_users/ahnhongjun/www/files/cache/optimized/c18134897c9de1f4d87b199f0f944250.cache.php */ /* ⓒ 2010 hika */ .soo_exif{ display:block; opacity:0.8; filter:alpha(opacity=80); color:#fff; background:#000; font:11px Tahoma; line-height:1.6; padding:0 15px 12px 15px; margin:15px; border:1px solid #333; z-index:1000;} .soo_exif strong{ font-size:17px; line-height:2.5;} .soo_exif_hide{ display:none;} .soo_exif_show{ display:block;} /* file:/home/hosting_users/ahnhongjun/www/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/modules/planet/skins/xe_planet/images/boxAuthorHeader.png) no-repeat; _background:url(/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:105px;} .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(/modules/planet/skins/xe_planet/images/rssOff.png); _behavior:url(./common/js/iePngFix.htc);} .authorHeader .rss.on{ background-image:url(/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(/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 .apiTwitter{ position:relative; float:right; width:16px; margin:0 5px 0 0;} .authorHeader .apiTwitter fieldset{ width:16px;} .authorHeader .apiTwitter *{ font-size:12px;} .authorHeader .apiTwitter .setupButton{ width:16px; height:16px; background:url(/modules/planet/skins/xe_planet/images/icon_twitter.png) no-repeat center; _behavior:url(./common/js/iePngFix.htc);} .authorHeader .apiTwitter .apiProtocol{ position:relative; width:240px; border:2px solid #eee; background:#fff; padding:10px 15px 10px 20px; position:absolute; top:25px; right:0;} .authorHeader .apiTwitter .apiProtocol.open{ display:block;} .authorHeader .apiTwitter .apiProtocol.close{ display:none;} .authorHeader .apiTwitter .apiProtocol .summary{ font-weight:bold; margin-bottom:10px;} .authorHeader .apiTwitter .apiProtocol dl{ font-size:12px; overflow:hidden;} .authorHeader .apiTwitter .apiProtocol dt{ float:left; clear:left; margin:0 4px 0 0; padding-top:3px;} .authorHeader .apiTwitter .apiProtocol dd{ clear:right; margin-bottom:2px;} .authorHeader .apiTwitter .apiProtocol dd input{ width:120px; border:1px solid #ccc; padding:2px 4px; *margin:-1px 0;} .authorHeader .apiTwitter .apiProtocol .autoPush{ padding:5px 0;} .authorHeader .apiTwitter .apiProtocol .autoPush input{ width:13px; height:13px; vertical-align:top; margin-right:4px;} .authorHeader .apiTwitter .apiProtocol .autoPush label{} .authorHeader .apiTwitter .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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;} .writePost .toggle{ display:none !important; position:absolute; top:1px; right:15px; background:url(/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:0px; 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(/modules/planet/skins/xe_planet/images/boxAuthorHeader.png) no-repeat; _background:url(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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:/home/hosting_users/ahnhongjun/www/files/cache/optimized/1db62d7f2a7535400485deb760651055.cache.php */ /* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ .authorHeader, .writePost{ background:#999;} .authorFooter, .commentList{ background:#efefef;} .writePost .writeBody button{ background-image:url(/modules/planet/skins/xe_planet/images/buttonWriteGray.gif);} .myTab li, .exTab li, .myTab li a, .exTab li a, .tagRank .buttonTag, .tagRank .buttonTag button{ background-color:#b7b7b7;} .myTab li.active, .exTab li.active, .myTab li.active a, .exTab li.active a{ background-color:#999;} /* file:/home/hosting_users/ahnhongjun/www/files/cache/optimized/fad14dc470a8355de3814aff4d54e80b.cache.php */ /* PXE Default layout template for XpressEngine (Dummy Version) Markup : Hyunhw Jung Website: http://www.premiumxe.com Email : clubnb2@naver.com */ /* Browser Reset Preference - 수정하지 마십시오 ---------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em } a img { border: none; } fieldset { border:none; } /* Layouts - Restricted Preference - 수정하지 마십시오 ---------------------------------------------------------------------------------*/ #container_site { *zoom:1; } #leaflet_normal { *zoom:1; } #leaflet_wide { *zoom:1; } #header { position:relative; *zoom:1; z-index:1; } #header_sub { position:relative; *zoom:1; } #container_body { *zoom:1; } #container_body:after{ content:""; display:block; clear:both;} #container_contents { *zoom:1; } #container_contents .wrapper { *zoom:1; } #container_contents .wrapperTrans { *zoom:1; } #footer { position:relative; *zoom:1; } #footer_box1 { position:relative; *zoom:1; } #footer_box2 { position:relative; *zoom:1; } #footer_box3 { position:relative; *zoom:1; } #footer_sub { position:relative; *zoom:1; } /* Layouts - Margin & Position Preference - 필요에 따라 margin 값만 수정하세요 ---------------------------------------------------------------------------------*/ #container_site { margin:0 auto; padding:0 0 50px 0; } #header { margin:0 auto; } #header_sub { margin:25px auto 0 auto; } #container_body { margin:0px auto 0 auto; } #container_contents { margin-top:35px; } #container_contents .wrapper { padding:20px; } #container_contents .wrapperTrans { padding:0 0 0 0; } #footer { margin:12px auto 80px auto; padding:0; } #footer .wrapper { margin:0 auto; } #footer_sub { margin:0 auto; padding:10px 0 20px 0; *padding:10px 0 9px 0; _padding:10px 0 7px 0; } #footer_sub .wrapper { margin:0 auto; } #footer_box1 { margin-left:28px; _margin-left:14px; } /* 리플렛을 좌측에 정렬 */ #leaflet_normal { float:left; margin-right:20px; } #leaflet_wide { float:left; margin-right:20px; } #leaflet_normal .wrapper { margin:0; padding:62px 58px 65px 56px; } #leaflet_wide .wrapper { margin:0; padding:62px 68px 65px 66px; } /* Layouts - Customization - 여기서부터 자유롭게 코딩합니다 ---------------------------------------------------------------------------------*/ body { } p a { } a, a:visited { text-decoration: none; } a:hover, a:active, a:focus { text-decoration:none; } #container_site { } #leaflet_normal { width:279px; overflow:hidden; } #leaflet_wide { width:436px; overflow:hidden; } .leaflet_banner { margin-bottom:20px; display:block; } #header { height:105px; } #header a.logo { position:relative; top:20px; left:0; } #header_sub { height:35px; overflow:hidden; } #header_sub .terminator { position:absolute; top:0; right:0; width:20px; height:35px; } #container_body { } #container_contents { text-align:justify; line-height:140%; overflow:hidden; } #container_contents .wrapper { overflow:hidden; } #container_contents .wrapperTrans { overflow:hidden; } #e1 { overflow:hidden; } #e1 .wrapper { overflow:hidden; } #e2 { overflow:hidden; } #e2 .wrapper { overflow:hidden; } #footer { font:8pt 돋움, Dotum; letter-spacing:-1px; overflow:hidden; } #footer_box1 { float:left; overflow:hidden; } #footer_box2 { } #footer_box3 { float:right; text-align:right; overflow:hidden; } #footer_sub { font:8pt 돋움, Dotum; letter-spacing:-1px; clear:both; } /* 메인메뉴 ---------------------------------------------------------------------------------*/ .gnb{ position:relative; left:0; top:46px; margin:0; padding:0; list-style:none; *zoom:1; } .gnb li { float:left; *zoom:1; } .gnb li a{ padding:0 14px 0 0; margin:0 14px 0 0; _margin:0 8px 0 0; display:block; text-decoration:none !important; font-weight:bold; float:left; *zoom:1; } /* 가로 서브메뉴 ---------------------------------------------------------------------------------*/ #hnb { position:relative; margin:0; padding:0; top:11px; left:100px; *zoom:1; font:12px Tahoma; list-style:none; } #hnb li { float:left; margin-right:10px; *zoom:1; } #hnb li a { float:left; padding-right:10px; display:block; text-decoration:none; *zoom:1; } #hnb li a:hover, #hnb li a:focus { } #hnb li.on a { } #hnb li.on a:hover, #hnb li.on a:focus { } /* 하단메뉴 ---------------------------------------------------------------------------------*/ .extraMenuLeft { list-style:none; margin:0 0 0 28px; padding:0; } .extraMenuLeft li { float:left; margin-right:10px; } .extraMenuLeft li a { padding-right:10px; } .extraMenuLeft li:last-child a { } .extraMenuLeft li a:hover { } .extraMenuRight { list-style:none; margin:0; padding:0; } .extraMenuRight li { float:left; margin-left:10px; } .extraMenuRight li a { padding-left:10px; } .extraMenuRight li:last-child a { } .extraMenuRight li a:hover { } #bottomBanner { list-style:none; position:absolute; top:11px; right:0; margin:0; padding:0; } #bottomBanner li { float:left; margin-right:30px; height:30px; } /* 2 Coulmn 박스 ---------------------------------------------------------------------------------*/ .box { margin-bottom:40px; overflow:hidden; *zoom:1; } .box .box_left { width:48%; float:left; } .box .box_right { width:48%; float:right; } /* file:/home/hosting_users/ahnhongjun/www/files/cache/optimized/71d2a56ed20453bcc57a018ee3c2d661.cache.php */ /* PXE Sky Markup : Hyunhw Jung Website: http://www.premiumxe.com Email : clubnb2@naver.com */ /* Colorset - Sky ---------------------------------------------------------------------------------*/ body { color:#999; background:url(/layouts/PXE_leaflet_lite/img/sky/background.gif) repeat-x; } a, a:visited { color:#999; } a:hover, a:active, a:focus { color:#f67336; } .wideLeaflet { background:url(/layouts/PXE_leaflet_lite/img/sky/bg_leaflet_wide.gif) repeat-y; } .normalLeaflet { background:url(/layouts/PXE_leaflet_lite/img/sky/bg_leaflet_normal.gif) repeat-y; } #leaflet_normal { background:url(/layouts/PXE_leaflet_lite/img/sky/bg_leaflet_normal_style.gif) no-repeat; } #leaflet_wide { background:url(/layouts/PXE_leaflet_lite/img/sky/bg_leaflet_wide_style.gif) no-repeat; } #header_sub { background:url(/layouts/PXE_leaflet_lite/img/sky/bg_hnb.gif) no-repeat; } #header_sub .terminator { background:url(/layouts/PXE_leaflet_lite/img/sky/bg_hnb.gif) right top; } #container_contents { background-color:#fff; } #footer_sub { border-top:1px solid #e3e3e3; border-bottom:1px solid #f4f4f4; } /* 메인메뉴 ---------------------------------------------------------------------------------*/ .gnb li a { color:#fff; _color:#fff!important; background:url(/layouts/PXE_leaflet_lite/img/sky/vr.gif) no-repeat right 0px; } .gnb li a:hover { color:#000; _color:#000!important;} .gnb li.selected a { color:#000; _color:#000!important;} /* 가로 서브메뉴 ---------------------------------------------------------------------------------*/ #hnb li a { background:url(/layouts/PXE_leaflet_lite/img/sky/vr_hnb.gif) no-repeat right 4px; color:#999; } #hnb li.on a { color:#f67336; font-weight:bold; } #hnb li:last-child a { background:none } /* 하단메뉴 ---------------------------------------------------------------------------------*/ .extraMenuLeft li a { color:#999 !important; background:url(/layouts/PXE_leaflet_lite/img/sky/vr_extra.gif) no-repeat right 1px; } .extraMenuLeft li:last-child a { background:none } .extraMenuRight li a { color:#999 !important; background:url(/layouts/PXE_leaflet_lite/img/sky/vr_extra.gif) no-repeat left 1px; } .extraMenuRight li:First-child a { background:none } /* file:/home/hosting_users/ahnhongjun/www/files/cache/optimized/b07eea06d7ce7f4c98fd90994f86ef8d.cache.php */ /* 이 마크업 문서는 아래 제공자에 의해 정리 및 수정, 배포 되었습니다 Markup : Hyunhw Jung Website: http://www.premiumxe.com Email : clubnb2@naver.com */ /* Site Accounts ---------------------------------------------------------------------------------*/ .account{ position:absolute; top:13px; right:0; margin:0; padding:0; z-index:10;} .account li{ position:relative; float:left; list-style:none; background-image:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/lineHeaderVr.gif); background-repeat:no-repeat; background-position:left 4px;} div.black .account li{ background-image:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/lineHeaderVrBlack.gif);} .account li *{ vertical-align:top;} .account li li{ float:none; height:auto; background-image:none;} .account li.log{ background-image:none; font-size:0; line-height:0;} .account li.log a{ display:block; padding:5px 8px;} .account li.profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonProfile.gif); background-repeat:no-repeat; background-position:center -10px; overflow:visible;} div.black .account li.profile button{ background-position:center 5px;} .account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} .account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;} .account li.profile .memberProfile.active{ display:block;} .account li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#333; white-space:nowrap;} .account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;} .account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bulletB.gif) no-repeat left center;} .account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;} .account li.profile .memberProfile li a:hover, .account li.profile .memberProfile li a:active, .account li.profile .memberProfile li a:focus{ text-decoration:underline;} .account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonCloseX.gif) no-repeat center center;} .account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} .account li.register a{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonRegister.gif); background-repeat:no-repeat; background-position:center -10px;} div.black .account li.register a{ background-position:center 5px;} .account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} .account li.language{ position:relative;} .account li.language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonLanguage.gif); background-repeat:no-repeat; background-position:-92px -10px;} div.black .account li.language em{ background-position:8px -10px;} .account li.language em span{ display:inline-block; overflow:hidden; visibility:hidden;} .account li.language em.ko{ background-position:-92px -10px;} div.black .account li.language em.ko{ background-position:8px -10px;} .account li.language em.en{ background-position:-92px -25px;} div.black .account li.language em.en{ background-position:8px -25px;} .account li.language em.jp{ background-position:-92px -40px;} div.black .account li.language em.jp{ background-position:8px -40px;} .account li.language em.zh-CN{ background-position:-92px -55px;} div.black .account li.language em.zh-CN{ background-position:8px -55px;} .account li.language em.zh-TW{ background-position:-92px -70px;} div.black .account li.language em.zh-TW{ background-position:8px -70px;} .account li.language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonLanguage.gif); background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;} div.black .account li.language button{ background-position:8px 5px;} .account li.language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;} .account li.language .sLanguage{ position:relative; width:100px; text-align:right;} .account li.language .sLanguage span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; background-image:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/buttonSelectLanguageToggle.gif); background-repeat:no-repeat; background-position:85px 4px;} .account li.language.open .sLanguage span{ background-position:85px -6px;} .account li.language .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:20px; right:0; background:#fff; border:1px solid #eee;} .account li.language.open .languageList{ display:block; z-index:999;} .account li.language .languageList button{ width:100%;} div.black .account li.language .languageList{ background:#666; border-color:#888;} .account li.language .languageList .ko button{ background-position:-92px -10px;} div.black .account li.language .languageList .ko button{ background-position:8px -10px;} .account li.language .languageList .en button{ background-position:-92px -25px;} div.black .account li.language .languageList .en button{ background-position:8px -25px;} .account li.language .languageList .jp button{ background-position:-92px -40px;} div.black .account li.language .languageList .jp button{ background-position:8px -40px;} .account li.language .languageList .zh-CN button{ background-position:-92px -55px;} div.black .account li.language .languageList .zh-CN button{ background-position:8px -55px;} .account li.language .languageList .zh-TW button{ background-position:-92px -70px;} div.black .account li.language .languageList .zh-TW button{ background-position:8px -70px;} .account li.language .languageList li { display:none;} .account li.language .languageList .ko, div.black .account li.language .languageList .ko, .account li.language .languageList .en, div.black .account li.language .languageList .en, .account li.language .languageList .jp, div.black .account li.language .languageList .jp, .account li.language .languageList .zh-CN, div.black .account li.language .languageList .zh-CN, .account li.language .languageList .zh-TW, div.black .account li.language .languageList .zh-TW { display:block; } /* Ajax Login Layer (Modal Window) ---------------------------------------------------------------------------------*/ .loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} .loginWindow.open{ display:block;} .loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity:60);} .loginWindow .loginLayer{ position:absolute; margin:0 0 0 -175px; width:305px; top:120px; left:50%; padding:30px 0 0 0; color:#797771; background:#f9f9f9 url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bg_shape.gif) no-repeat left bottom; border-top:2px solid #636870; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } .loginWindow .loginLayer form{ *zoom:1; position:relative; } .loginWindow .loginLayer form:after{ content:""; display:block; clear:both;} .loginWindow .loginLayer #commonLogin{ height:100px; } .loginWindow .loginLayer #openidLogin{ height:55px; } .loginWindow .loginLayer input.id{ position:absolute; top:0; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bg_id.gif) no-repeat; border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;} .loginWindow .loginLayer input.password{ position:absolute; top:27px; left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bg_pass.gif) no-repeat; border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;} .loginWindow .loginLayer .oid_desc { margin:20px 0 10px 33px; } .loginWindow .loginLayer form_field { margin:0; padding:0; } .loginWindow .loginLayer input.oid{ margin-left:33px; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/bg_id.gif) no-repeat; border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#666666; font:8pt 돋움; letter-spacing:-1px;} .loginWindow .loginLayer input.submit_oid { width:52px; height:22px; background:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:0px; left:199px; } .loginWindow .loginLayer .saveIDinfo { position:absolute; top:5px; left:196px; font:8pt 돋움; letter-spacing:-1px; } .loginWindow .loginLayer .keep label{ color:#555;} .loginWindow .loginLayer input.submit { width:52px; height:22px; background:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:27px; left:199px; } .loginWindow .loginLayer .help{ position:absolute; top:98px; left:27px; font:8pt 돋움; letter-spacing:-1px; margin:0; padding:0;} .loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:14px; padding:0 0 0 5px;} .loginWindow .loginLayer .help li.join{ font-weight:bold;} .loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;} .loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;} .loginWindow .loginLayer .help li a:hover, .loginWindow .loginLayer .help li a:active, .loginWindow .loginLayer .help li a:focus{ text-decoration:underline;} .loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/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:/home/hosting_users/ahnhongjun/www/files/cache/optimized/5fa34063b16f061b34a039ded02540de.cache.php */ /* 이 마크업 문서는 아래 제공자에 의해 정리 및 수정, 배포 되었습니다 Markup : Hyunhw Jung Website: http://www.premiumxe.com Email : clubnb2@naver.com */ #isSearch { position:absolute; top:32px; right:0; text-align:right; } #isSearch .searchOrder { display:none;} #isSearch .inputText { font:8pt 돋움; letter-spacing:-1px; vertical-align:middle; position:relative; top:0; _top:-1px; left:4px; *left:3px; border:none; padding:4px 5px 0px 5px; width:202px; height:17px; color:#000; background:url(/layouts/PXE_leaflet_lite/packages/basic_plugin_pxeLeaflet/images/searchInput.gif) no-repeat; } #isSearch .inputText:hover, #isSearch .inputText:focus { } *:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;} #isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;} *:first-child+html body#default #isSearch .submit { position:relative; top:-1px;} /* file:/home/hosting_users/ahnhongjun/www/files/cache/optimized/86d197499abcf83a5560fd470ec444a1.cache.php */ /* 이 마크업 문서는 아래 제공자에 의해 작성 및 수정, 배포 되었습니다 Markup : Hyunhw Jung Website: http://www.premiumxe.com Email : clubnb2@naver.com */ /* Colorset - pxeSky ---------------------------------------------------------------------------------*/ #sub_nav_pxeSky { margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; overflow:hidden; } /* 1차 */ #sub_nav_pxeSky li a { padding:8px 12px 8px 12px; display:block; border:1px solid #eee; color:#555; background:#fdfdfd url(/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_right.gif) no-repeat right center; *zoom:1; } #sub_nav_pxeSky li a:hover { color:#22aaee !important; } #sub_nav_pxeSky li.on a { font-weight:bold; color:#22aaee; } /*2차 */ #sub_nav_pxeSky li ul { list-style:none; margin:0; padding:0; } #sub_nav_pxeSky li ul li a { padding-left:0; font-weight:normal; border:none; border-bottom:1px solid #eee; background:none; color:#999; } #sub_nav_pxeSky li.on ul li a { font-weight:normal !important; color:#999; } #sub_nav_pxeSky li.on ul li.on a { font-weight:bold !important; color:#555; } /*3차 */ #sub_nav_pxeSky li ul li ul { margin:0 0 0 13px; } #sub_nav_pxeSky li ul li ul li a { background:none; } #sub_nav_pxeSky li.on ul li.on ul li a { font-weight:normal !important; color:#999; background:none; } #sub_nav_pxeSky li.on ul li.on ul li.on a { font-weight:bold !important; color:#555; background:url(/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_left.gif) no-repeat right center; } /*4차 */ #sub_nav_pxeSky li.on ul li.on ul li.on ul li a { font-weight:normal !important; color:#999; background:none; } #sub_nav_pxeSky li.on ul li.on ul li.on ul li.on a{ font-weight:bold !important; color:#555; background:url(/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_left.gif) no-repeat right center; } /* Colorset - pxeBlack ---------------------------------------------------------------------------------*/ #sub_nav_pxeBlack { margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; overflow:hidden; } /* 1차 */ #sub_nav_pxeBlack li a { padding:8px 12px 8px 12px; display:block; border:1px solid #282828; color:#555; background:#161616 url(/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_right.gif) no-repeat right center; *zoom:1; } #sub_nav_pxeBlack li a:hover { color:#fff !important; } #sub_nav_pxeBlack li.on a { font-weight:bold; color:#ff0000; } /*2차 */ #sub_nav_pxeBlack li ul { list-style:none; margin:0; padding:0; } #sub_nav_pxeBlack li ul li a { padding-left:0; font-weight:normal; border:none; background:url(/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/breaker.png) no-repeat left bottom; _background:url(/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/breaker.gif) no-repeat left bottom; color:#555; } #sub_nav_pxeBlack li.on ul li a { font-weight:normal !important; color:#555; } #sub_nav_pxeBlack li.on ul li.on a { font-weight:bold !important; color:#ff0000; } /*3차 */ #sub_nav_pxeBlack li ul li ul { margin:0 0 0 13px; } #sub_nav_pxeBlack li ul li ul li a { background:none; } #sub_nav_pxeBlack li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; } #sub_nav_pxeBlack li.on ul li.on ul li.on a { font-weight:bold !important; color:#ff0000; background:url(/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_left.gif) no-repeat right center; } /*4차 */ #sub_nav_pxeBlack li.on ul li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; } #sub_nav_pxeBlack li.on ul li.on ul li.on ul li.on a{ font-weight:bold !important; color:#ff0000; background:url(/layouts/PXE_leaflet_lite/packages/pxe_vertical_menu_pxeLeaflet/img/icon_allow_left.gif) no-repeat right center; }