/* default.css - Type Selector Definition */ body { margin:0;padding:0; font-size:.75em;} img { border:none; } label { cursor:pointer; } form { margin:0; padding:0; } /* Special Class Selector */ .fr { float:right; } .fl { float:left; } .clear { clear:both; } .fwB { font-weight:bold;} .tCenter { text-align:center; } .tRight { text-align:right; } .tLeft { text-align:left; } .gap1 { margin-top:.8em; } .nowrap { white-space:nowrap; } .iePngFix { behavior:url(./common/js/iePngFix.htc); } .zbxe_info { vertical-align:middle; behavior:url(./common/js/iePngFix.htc); } /* Input Style Definition */ .inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; } *:first-child+html .inputTypeText { font-size:9pt; } .inputTypeText:hover, .inputTypeText:focus { background:#f4f4f4; } .inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;} *:first-child+html .inputTypeTextArea { font-size:9pt; } .w40 { width:40px; } .w60 { width:60px; } .w70 { width:70px; } .w80 { width:80px; } .w90 { width:90px; } .w100 { width:100px; } .w110 { width:110px; } .w120 { width:120px; } .w130 { width:130px; } .w140 { width:140px; } .w150 { width:150px; } .w160 { width:160px; } .w170 { width:170px; } .w180 { width:180px; } .w190 { width:190px; } .w200 { width:200px; } .w210 { width:210px; } .w220 { width:220px; } .w230 { width:230px; } .w240 { width:240px; } .w250 { width:250px; } .w260 { width:260px; } .w270 { width:270px; } .w280 { width:280px; } .w290 { width:290px; } .w300 { width:300px; } .w400 { width:400px; } /* editor style */ a.bold { font-weight:bold; } .editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; } .editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; } .editor_red_text { color: #f42126 !important; text-decoration:underline !important; } .editor_red_text a { color: #f42126 !important; text-decoration:underline !important; } .editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; } .editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; } .editor_green_text { color: #08830B !important; text-decoration:underline !important; } .editor_green_text a { color: #08830B !important; text-decoration:underline !important; } .folder_opener { display: block; } .folder_closer { display: none; } .folder_area { display: none; } .xe_content { line-height:1.6; overflow:hidden; } .zbxe_widget_output { background:url(/common/tpl/images/widget_text.gif) no-repeat center bottom; display:block;} /* xe layer */ #waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url(/common/tpl/images/loading.gif) no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; } #popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;} #popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;} #popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;} #popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;} #popup_menu_area li a{ text-decoration:none; color:#000;} #popup_menu_area li a:hover, #popup_menu_area li a:active, #popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;} /* xe faceoff */ .faceOffManager { position:fixed; _position:absolute; right:3px; top:3px; height:23px; } /* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* Anchor Button */ a.button, a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(/common/tpl/images/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;} a.button { padding:0; background-position:left top; overflow:visible;} a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;} /* Large Size */ a.button.large { background-position:left -30px; } a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;} /* xLarge Size */ a.button.xLarge { background-position:left -65px; } a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;} /* Small Size */ a.button.small { background-position:left -107px; } a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;} /* Control Button + Submit Button */ span.button, span.button button, span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(/common/tpl/images/buttonWhite.gif) no-repeat; vertical-align:middle;} span.button { padding:0; background-position:left top;} span.button button, span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;} /* Large Size */ span.button.large { background-position:left -30px;} span.button.large button, span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;} /* xLarge Size */ span.button.xLarge { background-position:left -65px;} span.button.xLarge button, span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;} /* Small Size */ span.button.small { background-position:left -107px;} span.button.small button, span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;} /* Strong Button */ a.button.strong *, span.button.strong * { font-weight:bold !important;} /* Icon Add */ a.button .icon { position:relative; border:0; vertical-align:middle;} span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;} /* Color Preset */ a.button.green, a.button.green span, span.button.green, span.button.green button, span.button.green input { background-image:url(/common/tpl/images/buttonGreen.gif); color:#fff;} a.button.black, a.button.black span, span.button.black, span.button.black button, span.button.black input { background-image:url(/common/tpl/images/buttonBlack.gif); color:#fff;} a.button.red, a.button.red span, span.button.red, span.button.red button, span.button.red input { background-image:url(/common/tpl/images/buttonRed.gif); color:#fff;} a.button.blue, a.button.blue span, span.button.blue, span.button.blue button, span.button.blue input { background-image:url(/common/tpl/images/buttonBlue.gif); color:#fff;} /* Offset Debug */ a.button, span.button{ margin-right:2px;} /* Button Set */ .buttonSet{ width:16px; height:16px; background-image:url(/common/tpl/images/buttonSet.gif); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;} .buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;} .buttonSet.buttonUp{ background-position:0 0;} .buttonSet.buttonDown{ background-position:0 -16px;} .buttonSet.buttonLeft{ background-position:0 -32px;} .buttonSet.buttonRight{ background-position:0 -48px;} .buttonSet.buttonInfo{ background-position:0 -64px;} .buttonSet.buttonCopy{ background-position:0 -80px;} .buttonSet.buttonSetting{ background-position:0 -96px;} .buttonSet.buttonActive{ background-position:0 -112px;} .buttonSet.buttonDisable{ background-position:0 -128px;} .buttonSet.buttonDelete{ background-position:0 -144px;} .buttonSet.buttonHomepage{ background-position:0 -160px;} .buttonSet.buttonBlog{ background-position:0 -176px;} .buttonSet.buttonCalendar{ background-position:0 -192px;} .buttonSet.buttonLayoutEditor{ background-position:0 -208px;} .buttonSet.buttonAddWidget{ background-position:0 -224px;} .buttonSet.buttonAddContent{ background-position:0 -240px;} /* * 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%; } /* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* Board Reset */ .board{ font-family:Tahoma, Sans-serif; line-height:normal; font-size:12px;} .board .inputText, .board textarea, .board select{ border:1px solid;} .board label{ cursor:pointer;} .board img{ border:0;} .board .document_popup_menu, .board .comment_popup_menu{ text-align:right; font-size:11px;} .board .document_popup_menu{ margin:1em 0;} .board .comment_popup_menu{ margin:1em 0;} .board .document_popup_menu a, .board .comment_popup_menu a{ text-decoration:underline;} .board .hr{ display:none;} /* Board Header */ .boardHeader *{ margin:0 0 20px 0; padding:0;} .boardHeader a{ text-decoration:none;} .boardHeader a:hover, .boardHeader a:active, .boardHeader a:focus{ text-decoration:underline;} .boardHeader .boardTitle{ letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid; *zoom:1; background-repeat:no-repeat; background-position:left 8px;} .boardHeader .boardTitle:after{ content:""; display:block; clear:both;} .boardHeader .boardTitleText{ font-size:18px; float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 5px; border-bottom:3px solid; background-repeat:no-repeat; background-position:right bottom;} .boardHeader .boardTitleText a{ text-decoration:none;} .boardHeader .boardTitleText em{ font-style:normal; font-weight:normal;} .boardHeader .boardDescription{ padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;} /* Board Information */ .boardInformation{width:100%; padding:15px 0; font-size:1em; line-height:normal; *zoom:1;} .boardInformation *{ margin:0; padding:0;} .boardInformation a{ text-decoration:none;} .boardInformation a:hover, .boardInformation a:active, .boardInformation a:focus{ text-decoration:underline;} .boardInformation:after{ content:""; display:block; float:none; clear:both;} .boardInformation ul{ overflow:hidden;} .boardInformation .infoSum{ float:left; font-size:16px; font-weight:bold;} .boardInformation .infoView{ float:right;} .boardInformation .infoView li{ position:relative; float:left; margin-left:3px; display:inline;} .boardInformation .infoView li.icon a{ display:block; float:left; width:23px; height:23px; overflow:hidden; background-repeat:no-repeat;} .boardInformation .infoView li.icon a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} .boardInformation .infoView li.listTypeClassic a{ background-position:0 0;} .boardInformation .infoView li.listTypeClassic.active a{ background-position:0 -23px;} .boardInformation .infoView li.listTypeZine a{ background-position:-23px 0;} .boardInformation .infoView li.listTypeZine.active a{ background-position:-23px -23px;} .boardInformation .infoView li.listTypeGallery a{ background-position:-46px 0;} .boardInformation .infoView li.listTypeGallery.active a{ background-position:-46px -23px;} .boardInformation .infoView li.setup{ margin:0 7px;} .boardInformation .infoView li.setup a{ display:block; float:left; width:43px; height:23px; background-repeat:no-repeat;} .boardInformation .infoView li.setup a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* Board List Form */ .boardListForm{ margin:0; line-height:normal;} .boardListForm *{ margin:0; padding:0;} .boardListForm fieldset{ border:0; clear:both;} .boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;} .boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;} .boardListForm em, .boardListForm strong{ font-style:normal;} .boardListForm strong.trackback { color:#423CC4; } /* Board List */ .boardList{ border:0; border-top:1px solid; width:100%;} .boardList a{ text-decoration:none;} .boardList a:hover, .boardList a:active, .boardList a:focus{ text-decoration:underline;} .boardList .inputCheck{ width:13px; height:13px;} .boardList .jumpTo{ float:left;} .boardList .jumpTo *{ vertical-align:middle; *vertical-align:top;} .boardList .jumpTo select{ height:20px; font-size:12px; *margin-right:5px;} .boardList .jumpTo button{ width:22px; height:20px; line-height:18px; _line-height:normal; border:1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0; padding:0; text-align:center; background-repeat:no-repeat; font-size:11px; cursor:pointer; overflow:visible;} .boardList .meta{ position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap;} .boardList .meta li{ position:relative; left:-10px; display:inline; padding:0 5px 0 10px; background-repeat:no-repeat; background-position:left center; font-size:11px;} .boardList .meta li.author{ font-size:11px;} .boardList .meta li.date{ font:9px Tahoma;} .boardList .meta li em{ font-size:9px;} .boardList .replyNum, .boardList .trackbackNum{ font:9px Verdana;} .boardList th{ border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:normal;} .boardList th.title{ width:100%;} .boardList th a .sort{ vertical-align:middle; margin:0 5px;} .boardList td{ border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top;} .boardList td.notice{ font-size:11px; font-weight:bold;} .boardList td.num{ font:9px Tahoma;} .boardList td.check{ font:11px Tahoma;} .boardList td.title { width:100%; white-space:normal; text-align:left;} .boardList td.title img{ vertical-align:middle; margin:0 1px;} .boardList td.title .author{ font-size:11px;} .boardList td.author{ font-size:11px; text-align:left;} .boardList td.replies{ font:9px Tahoma;} .boardList td.reading{ font:9px Tahoma;} .boardList td.recommend{ font:bold 9px Tahoma;} .boardList td.date{ font:9px Tahoma;} .boardList td.summary { text-align:left; border-top-style:dotted; white-space:normal;} .boardList td.summary .thumb{ display:block; float:left; padding:2px; border:1px solid; margin-right:10px;} .boardList td.summary .thumb img{ display:block;} .boardList td.lastReply{ text-align:left; font-size:11px;} .boardList td .notice{ font-size:11px; padding-right:7px; margin-right:2px; background-repeat:no-repeat; background-position:right center;} .boardList td .category{ font-weight:normal; font-size:11px; padding-right:7px; margin-right:2px; background-repeat:no-repeat; background-position:right center;} .boardList td .replyAnchor{ position:relative; font-size:9px;} .boardList td .by{ font:9px Tahoma;} .boardList.webZine tr.bg1 td, .boardList.webZine tr.bg2 td{padding:22px 6px 22px 6px; *padding:22px 6px 21px 6px;} .boardList.webZine td.title p.title{ margin-bottom:9px;} .boardList.webZine td.title p.title .category{ font-size:12px;} .boardList.webZine td.title p.title a.title{ font-weight:bold;} .boardList.webZine td.title p.summary{ line-height:18px; margin-bottom:8px;} .boardList.webZine td.title p.summary a{ text-decoration:none;} .boardList.webZine td.title .thumb{ float:right; clear:right; border:1px solid; padding:8px; margin-left:50px;} .boardList.webZine td.title .by{ font:9px Tahoma;} .thumbList{ border-bottom:1px solid; border-top:0; *zoom:1; margin-right:-30px; padding:25px 0 0 0;} .thumbList:after{ content:""; display:block; clear:both;} .thumbList li{ position:relative; margin:0 17px 10px 17px; padding:0; list-style:none; overflow:hidden; float:left; display:inline;} .thumbList li .num{ color:#888; font-size:9px; margin-bottom:6px;} .thumbList li .thumb{ position:relative; float:left; clear:both; overflow:hidden; padding:8px; margin-bottom:14px; border:1px solid;} .thumbList li .thumb a{ display:block; position:relative; *zoom:1; text-decoration:none !important;} .thumbList li .thumb a *{ cursor:pointer;} .thumbList li .thumb a img{ display:block;} .thumbList li .thumb a .text{ position:absolute; left:0; top:50%; margin-top:-.8em; *margin-top:-1.5em; display:block; width:100%; text-align:center; font-size:2em; font-weight:bold; white-space:nowrap; letter-spacing:-1px;} .thumbList li .thumb a .category{ position:absolute; left:0; bottom:0; width:100%; overflow:hidden; padding:3px 0; white-space:nowrap; text-indent:5px; font-weight:normal; font-size:11px;} .thumbList li .thumb a .noPhoto{ display:inline-block; font-size:11px; text-align:center;} .thumbList li .title{ font-weight:bold; clear:both; white-space:nowrap; margin-bottom:3px;} .thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;} .thumbList li .summary{ line-height:16px; margin-bottom:8px;} .thumbList li .summary a{ text-decoration:none;} .thumbList li .meta{ position:relative; white-space:normal; *zoom:1; text-align:left; overflow:visible;} .thumbList li .meta li{ float:none; display:inline; margin:0; white-space:nowrap; *zoom:1;;} .thumbList .lastReply { text-align:left; font-size:11px;} .thumbList .lastReply a { display:block; } .thumbList .by{ font:9px Tahoma;} /* Board Navigation */ .board .boardNavigation{ padding:30px 0; margin:-1px 0 0 0; text-align:center; border-top:1px solid; *zoom:1; _zoom:0;} .board .boardNavigation:after{ content:""; display:block; float:none; clear:both;} .board .boardNavigation .pagination{ padding:5px 0;} .board .boardNavigation .buttonLeft{ float:left; text-align:left;} .board .boardNavigation .buttonRight{ float:right; text-align:right;} /* Search Form */ .boardSearchForm{ position:relative; margin:0; padding:1px 0; line-height:normal;} .boardSearchForm *{ margin:0; padding:0;} .boardSearchForm fieldset{ border:0; clear:both; text-align:center; position:relative;} .boardSearchForm fieldset:after{ content:""; display:block; float:none; clear:both;} .boardSearchForm fieldset *{ vertical-align:top;} .boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;} .boardSearchForm select{ font-size:12px; height:23px; border:1px solid;} .boardSearchForm .inputText{ width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;} .boardSearchForm .infoEtc{ position:absolute; top:7px; right:0;} .boardSearchForm .infoEtc li{ display:inline;} .boardSearchForm .infoEtc li a{ display:inline-block; height:11px; background-repeat:no-repeat; overflow:hidden;} .boardSearchForm .infoEtc li a span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;} .boardSearchForm .infoEtc li.contributors a{ width:12px; background-position:0 0;} .boardSearchForm .infoEtc li.tag a{ width:42px; background-position:-11px 0;} /* Board Read */ .boardReadHeader{ *zoom:1;} .boardReadHeader a{ text-decoration:none;} .boardReadHeader a:hover, .boardReadHeader a:active, .boardReadHeader a:focus{ text-decoration:underline;} .boardReadHeader:after{ content:""; display:block; float:none; clear:both;} .boardReadHeader *{ margin:0; padding:0;} .boardReadHeader .titleArea{ *zoom:1; padding:7px 0; border-top:1px solid; border-bottom:1px solid;} .boardReadHeader .titleArea:after{ content:""; display:block; clear:both;} .boardReadHeader .titleArea .title{ float:left; font-size:16px; margin-right:10px;} .boardReadHeader .titleArea .category{ float:left; padding-left:10px; margin-top:4px; font-size:12px; background-repeat:no-repeat; background-position:left center;} .boardReadHeader .titleArea .sum{ float:right; white-space:nowrap; margin-top:2px;} .boardReadHeader .titleArea .sum .read, .boardReadHeader .titleArea .sum .vote{ font-size:11px; margin-right:5px;} .boardReadHeader .titleArea .sum .num{ font-size:9px;} .boardReadHeader .titleArea .sum .date{ padding-left:10px; font-size:9px; background-repeat:no-repeat; background-position:left center;} .boardReadHeader .authorArea{ *zoom:1; padding:10px 0;} .boardReadHeader .authorArea:after{ content:""; display:block; clear:both;} .boardReadHeader .authorArea .author{ float:left; margin-right:10px;} .boardReadHeader .authorArea .ipAddress{ float:left; font-size:9px; margin-top:3px;} .boardReadHeader .authorArea .permaLink{ float:right; font-size:9px; margin-top:3px;} .boardReadBody{ overflow:hidden; *zoom:1;} .boardReadBody .xe_content{ overflow:hidden; } .boardReadBody .xe_content a { text-decoration:underline; } .boardReadFooter .memberSignature { border:1px solid; padding:10px; margin:1em 0; overflow:hidden; *zoom:1; clear:both; -moz-border-radius:5px; -webkit-border-radius:5px;} .boardReadFooter .memberSignature img.profile { margin:0 1em 0 0; border:1px solid;} .boardReadFooter .tag{ margin:1em 0; clear:both;} .boardReadFooter .tag *{ display:inline; margin:0; padding:0; font-size:11px; vertical-align:middle;} .boardReadFooter .tag dt{ margin-right:10px;} .boardReadFooter .tag dd{ margin-right:5px;} .boardReadFooter .trackbackURL{ margin:1em 0; clear:both;} .boardReadFooter .trackbackURL *{ display:inline; margin:0; padding:0;} .boardReadFooter .trackbackURL dt{ margin-right:5px; font-size:11px;} .boardReadFooter .trackbackURL dd{ font-size:9px; text-decoration:none;} .boardReadFooter .trackbackURL a{ text-decoration:none;} .boardReadFooter .trackbackURL a:hover, .boardReadFooter .trackbackURL a:active, .boardReadFooter .trackbackURL a:focus{ text-decoration:underline;} .boardRead .boardNavigation{ border-top:1px solid;} /* Feedback List */ .feedbackList{ overflow:hidden; padding-top:15px; margin-bottom:10px; border-top:1px solid;} .feedbackList .feedbackHeader{ float:left; font-weight:bold; margin:1em 1em .5em 0; font-size:16px;} .feedbackList .feedbackHeader em{ font-style:normal;} .feedbackList .trackbackURL{ position:relative; top:1.5em; float:left; font-size:9px;} .feedbackList .trackbackURL a{ text-decoration:none;} .feedbackList .trackbackURL a:hover, .feedbackList .trackbackURL a:active, .feedbackList .trackbackURL a:focus{ text-decoration:underline;} .feedbackList .trackbackList, .feedbackList .replyList{ clear:both;} .feedbackList .item{ position:relative; border-top:1px dashed; *zoom:1;} .feedbackList .item .indent{ position:relative; *zoom:1;} .feedbackList .item .indent:after{ content:""; display:block; clear:both;} .feedbackList .item.itemReply .indent{ padding-left:15px; background-repeat:no-repeat; background-position:0 1.2em;} .feedbackList .item .header{ margin:0 0 5px 0;} .feedbackList .item .header a{ font-size:12px; text-decoration:none;} .feedbackList .item .header a:hover, .feedbackList .item .header a:active, .feedbackList .item .header a:focus{ text-decoration:underline;} .feedbackList .item .itemContent { position:relative; padding:1em 0 1em 120px; *zoom:1; z-index:1;} .feedbackList .item .itemContent:after{ content:""; display:block; clear:both;} .feedbackList .item .itemContent .xe_content{ width:auto !important;} .feedbackList .item .itemContent .xe_content *{ margin-top:0;} .feedbackList .item .itemContent .xe_content a { text-decoration:underline; } .feedbackList .item .itemContent .option{ position:relative; margin:1em 0; padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right;} .feedbackList .item .itemContent .option li{ position:relative; left:-1px; display:inline; padding:0 0 0 5px; background-repeat:no-repeat; background-position:left center; font-size:11px;} .feedbackList .item .itemContent .option li.wouldYou{ background:none;} .feedbackList .item .itemContent .option li a{ text-decoration:none;} .feedbackList .item .itemContent .option li a:hover, .feedbackList .item .itemContent .option li a:active, .feedbackList .item .itemContent .option li a:focus{ text-decoration:underline;} .feedbackList .item .itemContent .delete{ position:relative; display:inline-block; width:13px; height:13px; background-repeat:no-repeat; background-position:center center; vertical-align:middle;} .feedbackList .item .itemContent .delete span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;} .feedbackList .item.itemOnly{ border-top:0;} .feedbackList .item .itemAside{ position:relative; float:left; width:100px; margin-right:-100px; padding:1em 0 0 0; *zoom:1; text-align:left; z-index:2;} .feedbackList .item .itemAside a{ text-decoration:none;} .feedbackList .item .itemAside a:hover, .feedbackList .item .itemAside a:active, .feedbackList .item .itemAside a:focus{ text-decoration:underline;} .feedbackList .item .itemAside img.profile{ display:block; border:1px solid; margin-bottom:5px;} .feedbackList .item .itemAside .meta{ font-size:9px; margin:0 0 5px 0; white-space:nowrap;} .feedbackList .item .itemAside .vote{ margin:0; *zoom:1; overflow:hidden;} .feedbackList .item .itemAside .vote:after{ content:""; display:block; clear:both;} .feedbackList .item .itemAside .vote *{margin:0; padding:0;} .feedbackList .item .itemAside .vote dt{ position:relative; left:-5px; float:left; width:10px; height:9px; margin-right:2px; padding-left:5px; background-image:url(/modules/board/skins/xe_official/img/common/iconLove.gif); background-repeat:no-repeat; overflow:hidden; border-left:1px solid #e5e5e5;} .feedbackList .item .itemAside .vote dt.love{ background-position:5px 1px;} .feedbackList .item .itemAside .vote dt.hate{ background-position:5px -19px;} .feedbackList .item .itemAside .vote dt span{ position:absolute; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;} .feedbackList .item .itemAside .vote dd{ position:relative; left:-5px; float:left; margin-right:5px; font-size:9px; font-weight:bold;} .feedbackList .item .secretMessage{ margin:0; padding:1em 3em;} .feedbackList .item .secretMessage p{ text-align:center; margin:1em 0; font-size:18px;} .feedbackList .item .secretMessage dl{ text-align:center; margin:1em 0;} .feedbackList .item .secretMessage dt{ font-weight:bold; display:inline;} .feedbackList .item .secretMessage dd{ margin:0; display:inline;} .feedbackList .item .secretMessage dd .inputText{ padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;} /* Attached File */ .attachedFile { position:relative; float:left; width:100%;} .attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;} .attachedFile dt img{ margin-right:10px;} .attachedFile dt .fileToggle{ border:0; padding:0; overflow:visible; cursor:pointer; font-size:11px; background:none; vertical-align:middle;} .attachedFile dd{ position:relative; margin-right:5px; display:none; margin-top:5px; padding-left:40px;} .attachedFile.open dd{ display:block;} .attachedFile ul.files { position:relative; margin:0 0 1em 0; padding:0; clear:both; list-style:none; text-align:left;} .attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;} .attachedFile ul.files li{ position:relative; margin:0 10px 0 0;} .attachedFile ul.files a{ position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;} .attachedFile ul.files a .bubble{ display:none; position:absolute; top:-20px; left:0; padding:2px 5px; z-index:100; white-space:nowrap;} .attachedFile ul.files a:hover .bubble, .attachedFile ul.files a:active .bubble, .attachedFile ul.files a:focus .bubble{ display:block;} /* Board Write */ .boardWrite fieldset{ border:0;} .boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;} .boardWrite .boardWriteHeader{ margin:0 0 1em 0;} .boardWrite .boardWriteHeader *{ vertical-align:middle;} .boardWrite .boardWriteHeader select{ font-size:12px; vertical-align:top; height:23px;} .boardWrite .boardWriteHeader .inputText{ width:400px; padding:3px 4px; height:15px; font-size:12px; *margin-top:-1px;} .boardWrite .boardWriteHeader dl.title dd{ white-space:nowrap;} .boardWrite .boardWriteHeader dl.title dd .inputText{ width:60%;} .boardWrite .tag{ clear:both; margin-bottom:10px; *zoom:1;} .boardWrite .tag:after{ content:""; display:block; float:none; clear:both;} .boardWrite .tag .inputText{ float:left; width:330px; padding:4px 4px 2px 4px; margin-right:10px; font-size:12px;} .boardWrite .tag p{ float:left; margin:3px 0;} /* Editor */ .board .boardEditor{ border:1px solid; margin-bottom:20px; -moz-border-radius:5px; -webkit-border-radius:5px; } .board .boardEditor .commentEditor{ margin:15px; *zoom:1; position:relative;} /* Editor Option */ .board .editorOption{ margin:1em 0; text-align:left;} .board .editorOption *{ vertical-align:middle;} .board .editorOption select{ margin-right:10px; font-size:12px;} .board .editorOption label{ margin-right:10px;} .board .editorOption .inputText{ padding:3px 4px; height:15px; margin:0 10px 5px 0; font-size:12px; vertical-align:middle;} .board .editorOption .inputText.userName{ width:100px;} .board .editorOption .inputText.userPw{ width:50px; font:11px Tahoma;} .board .editorOption .inputText.emailAddress{ width:140px; font:11px Tahoma;} .board .editorOption .inputText.homePage{ width:140px; font:11px Tahoma;} /* Require Password */ .board .requirePassword{ text-align:center;} .board .requirePassword fieldset{ border:0; padding:3em 0 4em 0;} .board .requirePassword h3{ font-size:16px;} .board .requirePassword .inputText{ height:15px; width:150px; padding:3px 4px;} /* Extra Var Table */ .extraVarsList{ width:100%; border:0; border-bottom:1px solid; margin-bottom:15px;} .extraVarsList caption{ text-align:right;} .extraVarsList em{ font-style:normal; font-weight:normal;} .extraVarsList th, .extraVarsList td{ border:0; padding:5px 10px; text-align:left; border-top:1px solid; vertical-align:top;} .extraVarsList th{ white-space:nowrap;} .extraVarsList td{ width:100%;} .extraVarsList td p{ display:block; *display:block; margin:3px 0;} .extraVarsList td *{ vertical-align:middle;} .extraVarsList td li{ display:inline; margin-right:10px;} .extraVarsList td .inputText{ padding:3px 4px; font-size:12px; width:96%; display:block;} .extraVarsList td .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid;} .extraVarsList td .inputCheck{ width:13px; height:13px; margin-right:5px;} .extraVarsList td select { font-size:12px;} .extraVarsList td textarea{ padding:3px 4px; font-size:12px; width:96%; display:block; overflow:auto;} /* Tag Cloud */ .tagCloud{ padding:3em 0; border-top:1px solid; border-bottom:1px solid;} .tagCloud *{ margin:0; padding:0;} .tagCloud ul{ text-align:justify;} .tagCloud li{ display:inline; list-style:none; margin:0 5px; } .tagCloud li.rank1 a{ font-weight:bold; font-size:24px;} .tagCloud li.rank2 a{ font-weight:bold; font-size:18px;} .tagCloud li.rank3 a{ font-weight:bold; font-size:14px;} .tagCloud li.rank4 a{ font-size:12px;} .tagCloud li.rank5 a{ font-size:11px;} /* 확장 변수 폼 */ .extraVarsList tr td input, .extraVarsList tr td textarea{ font-size:12px;} .extraVarsList tr td .text { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:90%; } .extraVarsList tr td .email_address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:300px; } .extraVarsList tr td .homepage { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:300px; } .extraVarsList tr td .tel { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:40px; margin-right:10px;} .extraVarsList tr td .textarea { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:90%; height:80px; } .extraVarsList tr td ul { margin:0; padding:0; list-style:none; } .extraVarsList tr td ul li { display:inline-block; margin-right:10px; } .extraVarsList tr td ul li input { margin-right:5px; vertical-align:middle;} .extraVarsList tr td .date { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:100px; } .extraVarsList tr td .address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; margin-right:10px; width:300px; } /* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* Button */ .buttonOfficial, .buttonOfficial span, .buttonOfficial input, .buttonOfficial button{ position:relative; vertical-align:middle; display:inline-block; height:25px; font-size:12px; line-height:25px; color:#4d4d4d; cursor:pointer; background-image:url(/modules/board/skins/xe_official/img/white/buttonOfficial.gif); background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;} .buttonOfficial{ background-position:left top; margin-right:4px;} .buttonOfficial span, .buttonOfficial input, .buttonOfficial button{ left:4px; background-position:right top; padding:0 8px 0 4px;} a.buttonOfficial{ _margin-top:-1px;} a.buttonOfficial span{ _vertical-align:top;} /* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* Pagination */ .pagination{ padding:15px 0; margin:0; text-align:center;} .pagination *{ margin:0; padding:0;} .pagination img{ border:0;} .pagination a, .pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#4d4d4d; font-family:Tahoma, Sans-serif; margin:0; padding:2px 6px; font-size:11px; vertical-align:middle;} .pagination strong{ color:#ff3636 !important; border:1px solid #e7e7e7;} .pagination a.prev, .pagination a.prevEnd, .pagination a.next, .pagination a.nextEnd{ font-weight:normal !important; margin:0 !important; white-space:nowrap; text-decoration:none !important; border:1px solid #e7e7e7; background-image:url(/modules/board/skins/xe_official/img/common/arrowPagination.gif); background-repeat:no-repeat;} .pagination a.prevEnd{ padding-left:14px; background-position:left center; } .pagination a.nextEnd{ padding-right:14px; background-position:right center; } /* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* XE White Theme */ /* Board Reset */ .board{ background:#fff; color:#333;} .board .inputText, .board textarea, .board select{ background:#fff; color:#333; border-top-color:#a6a6a6; border-left-color:#a6a6a6; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8;} .board .document_popup_menu a, .board .comment_popup_menu a{ color:#8b8b8b;} .board .boardNavigation{ border-color:#bababa;} /* Board Header */ .boardHeader a{ color:#4d4d4d;} .boardHeader .boardTitle{ border-color:#ddd; } .boardHeader .boardTitleText{ border-color:#666; background-image:url(/modules/board/skins/xe_official/img/white/lineVr11.gif);} .boardHeader .boardTitleText a{ color:#000;} .boardHeader .boardTitleText em{ color:#666;} .boardHeader .boardDescription{ background:#f8f8f8; } /* Board Information */ .boardInformation em, .boardInformation strong{ color:#ff6600;} .boardInformation .infoView li.icon a{ background-image:url(/modules/board/skins/xe_official/img/common/icons.gif);} .boardInformation .infoView li.setup a{ background-image:url(/modules/board/skins/xe_official/img/common/buttonSetup.gif);} /* Board List Form */ .boardListForm em, .boardListForm strong{color:#ff3636;} /* Board List */ .boardList{ border-color:#bababa;} .boardList a{ color:#4d4d4d;} .boardList .jumpTo button{ background-color:#eee; border-color:#ccc; color:#000;} .boardList .meta li{ background-image:url(/modules/board/skins/xe_official/img/white/lineVr9.gif);} .boardList .replyNum{ color:#ff3636;} .boardList .trackbackNum{ color:#66c;} .boardList .replyAnchor{ color:#06C;} .boardList th{ border-color:#dcdcdc; color:#4d4d4d;} .boardList th a{ color:#66c;} .boardList td{ border-color:#eee; color:#4d4d4d;} .boardList td.title a.forum:link, .boardList td.recommend{ color:#ff3636;} .boardList td.summary .thumb{ border-color:#ddd; background:#fff;} .boardList td .notice{ background-image:url(/modules/board/skins/xe_official/img/white/lineVr9.gif);} .boardList td .category{ color:#888; background-image:url(/modules/board/skins/xe_official/img/white/lineVr9.gif);} .boardList td .by{ color:#ccc;} .boardList.webZine td.title p.summary a{ color:#888;} .boardList.webZine td.title .thumb{ border-color:#e0e0e0;} .thumbList{ border-color:#ddd;} .thumbList li .thumb{ background:#fff; border-color:#ddd;} .thumbList li .thumb a .text{ color:#ccc;} .thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;} .thumbList li .thumb a .noPhoto{ background:#eee;} .thumbList li .title a{ color:#262626;} .thumbList li .summary a{ color:#888;} /* Search Form */ .boardSearchForm .infoEtc li a{ background-image:url(/modules/board/skins/xe_official/img/common/buttonContributorsTaglist.gif);} /* Board Read */ .boardReadHeader a{ color:#262626;} .boardReadHeader .titleArea{ border-top-color:#bababa; border-bottom-color:#dcdcdc;} .boardReadHeader .titleArea .category{ color:#4d4d4d; background-image:url(/modules/board/skins/xe_official/img/white/lineVr9.gif);} .boardReadHeader .titleArea .num{ color:#adadad;} .boardReadHeader .titleArea .date{ color:#adadad; background-image:url(/modules/board/skins/xe_official/img/white/lineVr9.gif);} .boardReadHeader .authorArea .ipAddress{ color:#adadad;} .boardReadHeader .authorArea .permaLink{ color:#adadad;} .boardReadFooter .memberSignature{ border-color:#f0f0f0; background-color:#fdfdfd;} .boardReadFooter .memberSignature img.profile { border-color:#eee;} .boardReadFooter .tag dd a{ color:#4d4d4d;} .boardReadFooter .trackbackURL dt{ color:#4d4d4d;} .boardReadFooter .trackbackURL dd a{ color:#adadad;} .feedbackList{ border-color:#f0f0f0;} .feedbackList .feedbackHeader a{ color:#000;} .feedbackList .feedbackHeader em{ color:#ff6600;} .feedbackList .trackbackURL a{ color:#adadad;} .feedbackList .item{ border-color:#f0f0f0;} .feedbackList .item.itemReply .indent{ background-image:url(/modules/board/skins/xe_official/img/common/iconReply.gif);} .feedbackList .item .header{ color:#8b8b8b;} .feedbackList .item .header a{ color:#262626;} .feedbackList .item .itemContent .option li{ background-image:url(/modules/board/skins/xe_official/img/white/lineVr9.gif);} .feedbackList .item .itemContent .option li a{ color:#666;} .feedbackList .item .itemContent .delete{ background-image:url(/modules/board/skins/xe_official/img/common/buttonDelete.gif);} .feedbackList .item .itemAside img.profile{ border-color:#eee;} .feedbackList .item .itemAside .meta{ color:#adadad;} .feedbackList .item .itemAside .vote *{ color:#8b8b8b;} /* Time */ .time *{ color:#666;} .time dt{ background:#fff;} /* Attached File */ .attachedFile ul.files a{ padding-left:15px; background-image:url(/modules/board/skins/xe_official/img/common/iconFile.gif); color:#4d4d4d;} .attachedFile dt a { color:#4d4d4d;} .attachedFile ul.files a .bubble{ border:1px solid #ddd; background-color:#fff; color:#4d4d4d;} /* Editor */ .board .boardEditor{ border-color:#ddd; background:#f8f8f8;} /* Extra Var Table */ .extraVarsList{ border-color:#ddd;} .extraVarsList caption{ color:#999;} .extraVarsList em{ color:#ff6600;} .extraVarsList th, .extraVarsList td{ border-color:#ddd;} .extraVarsList th{ background:#f4f4f4;} .extraVarsList td{ background:#fff;} .extraVarsList td .inputNum{ border-color:#ccc;} /* Tag Cloud */ .tagCloud{ border-color:#bababa;} .tagCloud li.rank1 a{ color:#000;} .tagCloud li.rank2 a{ color:#222;} .tagCloud li.rank3 a{ color:#444;} .tagCloud li.rank4 a{ color:#666;} .tagCloud li.rank5 a{ color:#888;} /* Layer */ #popup_menu_area{background:#fff; border-color:#eee;} #popup_menu_area ul{ border-color:#ddd;} #popup_menu_area li a{ color:#000;} /* PXE Platinum Public layout XpressEngine 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; } a, a:visited { color:#4773a5; } /* Layouts - Restricted Preference - 수정하지 마십시오 ---------------------------------------------------------------------------------*/ #cinemaWrapper { *zoom:1; overflow:hidden; } #container_site { *zoom:1; } #header { position:relative; *zoom:1; z-index:1 } #container_body { *zoom:1; overflow:hidden; } #container_contents { *zoom:1; overflow:hidden; } #container_contents .wrapper { *zoom:1; overflow:hidden; } #container_contents .wrapperTrans { *zoom:1; overflow:hidden; } #container_contents .wrapperCinema { *zoom:1; overflow:hidden; } #container_cinema_contents { position:relative; *zoom:1; overflow:hidden; } #e1 { *zoom:1; overflow:hidden; } #e1 .wrapper { overflow:hidden; } #e2 { *zoom:1; overflow:hidden; } #e2 .wrapper { overflow:hidden; } #footer { position:relative; *zoom:1; clear:both; overflow:hidden; } #footer_sub { position:relative; *zoom:1; clear:both; overflow:hidden; } /* Layouts - Margin & Position Preference - 필요에 따라 marginê³¼ Padding 값만 수정하세요 ---------------------------------------------------------------------------------*/ #container_site { } #header { margin:0 auto; } #container_body { margin:0 auto; } #container_contents { } #container_contents .wrapper { padding:20px; } #container_contents .wrapperTrans { padding:0; } #container_contents .wrapperCinema { margin:0 auto; } #container_cinema_contents { margin:20px auto 0 auto; } #footer { margin:0px auto 0 auto; padding:30px 0;} #footer_sub { margin:0px auto -40px auto; padding:3px 0; } /* 사이드바 1을 좌측에 정렬 */ .ec #e1 { float:left; margin-right:10px; } .ec #container_contents { _float:right; } /* 사이드바 1을 우측에 정렬 */ .ce #e1 { float:right; margin-left:10px; } .ce #container_contents { _float:left; } /* 사이드바 1,2를 좌측에 정렬 */ .eec #e1 { float:left; margin-right:10px; } .eec #e2 { float:left; margin-right:10px; } .eec #container_contents { _float:right; } /* 사이드바 1,2를 우측에 정렬 */ .cee #e1 { float:right; margin-left:10px; } .cee #e2 { float:right; margin-left:10px; } .cee #container_contents { _float:left; } /* 사이드바 1,2를 양쪽에 위치시키고 컨텐츠부를 가운데로 정렬 */ .ece #e1 { float:left; margin-right:10px; } .ece #e2 { float:right; margin-left:10px; } .ece #container_contents { _float:left } #e1 .wrapper { } #e2 .wrapper { } /* Layouts - Customization - 여기서부터 자유롭게 코딩합니다 ---------------------------------------------------------------------------------*/ body { background:url(/layouts/PXE_platinum_public/css/layouts/PXE_platinum/img/bg_default.gif) repeat-x; color:#707070; height:100%; margin-top:-4px; } p { margin-bottom:10px; line-height:140%; text-align:justify; } p a { } a, a:visited { text-decoration: none; } a:hover { text-decoration:none; } #cinemaWrapper { } #container_site { } #header { height:73px; color:#666; } #header a.logo { position:absolute; top:15px; left:0; } #header #submenu { position:relative; top:77px; height:28px; background:url(/layouts/PXE_platinum_public/img/bg_submenu.gif) no-repeat; z-index:2; } #header #mainmenu { position:relative; top:76px; height:46px; background:url(/layouts/PXE_platinum_public/img/bg_mainmenu.gif) no-repeat right top; margin-top:1px; z-index:1; } #header .topBanner { position:absolute; display:block; top:9px; right:0px; } #container_body { } #container_body_headline { margin-bottom:15px; height:66px; color:#fff; font-family:"Century Gothic","Lucida Grande",Arial,sans-serif; font-size:40px; font-weight:normal; text-transform:uppercase; line-height:140% } #container_contents { text-align:justify; line-height:140%; } #container_contents .description a { color:#8493aa; font-weight:bold; } #container_contents .wrapper { } #container_contents .wrapperTrans { } #container_contents .wrapperCinema { height:372px; } #container_cinema_contents { } #e1 { overflow:hidden; } #e1 .wrapper { } #e2 { overflow:hidden; } #e2 .wrapper { } /* Footer Contents ---------------------------------------------------------------------------------*/ #footer { width:960px; overflow:hidden; margin:0 auto 0px auto; } #footer #more { height:34px; border-top:3px solid #636870; border-bottom:1px solid #ebebeb; background:#fafafa; margin-top:-31px; } #footer #more #notice { width:602px; padding-left:65px; padding-top:4px; float:left; background:url(/layouts/PXE_platinum_public/img/img_notice.gif) no-repeat 15px 12px; } #footer #more #gototop { width:288px; padding-top:12px; float:right; } #footer #bottom_menu { padding:15px 0px; } #footer #bottom_menu li { padding:0 5px; font:8pt 돋움; letter-spacing:-1px; color:#848689; list-style:none; background:url(/layouts/PXE_platinum_public/img/vrType1.gif) no-repeat right 0px; ; float:left; } #footer #bottom_menu li a, a:visited { color:#848689; list-style:none; } #footer #bottom_menu li a:hover { color:#848689; font-weight:bold; } #footer .provider { margin-left:15px; } /* 위젯 박스 스타일 ---------------------------------------------------------------------------------*/ .section01 { margin-bottom:10px; } .section01 .section_headline { height:18px; padding:7px 0 0 12px; background:url(/layouts/PXE_platinum_public/img/bg_desc.gif) repeat-x; font:8pt 돋움; letter-spacing:-1px; color:#fff; overflow:hidden; } .section01 .section_headline a { color:#727d8a } .section01 .section_contents { background:url(/layouts/PXE_platinum_public/img/bg_widstyle_01.gif) repeat-x; border:1px solid #aaa; border-top:none; overflow:hidden; *zoom:1; } .section02 { margin-bottom:10px; padding:16px 12px; background:url(/layouts/PXE_platinum_public/img/bg_sidebar_dark.gif) repeat-x; } .section02 .section_headline { margin-bottom:10px; } .section02 .section_contents { } /* contentsBox Type 1 ---------------------------------------------------------------------------------*/ .contentsBox1 { width:530px; height:160px; background:url(/layouts/PXE_platinum_public/img/bg_contentsBox01.gif) no-repeat; margin-bottom:5px; position:relative; } .contentsBox1 .idTabs { position:absolute; top:30px; left:-28px; overflow:hidden; } .contentsBox1 .idTabs li { list-style:none; font:8pt 돋움; letter-spacing:-1px; margin-bottom:5px; width:100px; } .contentsBox1 .idTabs li a { color:#6b6d70; } .contentsBox1 .idTabs li a:hover { text-decoration:underline; color:#333333; } .contentsBox1 .idTabs li a.selected { font-weight:bold; color:#93ca0c; } .contentsBox1 #tabNews01,#tabNews02,#tabNews03,#tabNews04 { position:absolute; top:0px; left:72px; } /* Right Contents Banner & Tabs ---------------------------------------------------------------------------------*/ #sideBox { border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3; height:300px; overflow:hidden; margin-top:-6px; margin-bottom:-4px; position:relative; } #sideBox .idTabs { position:absolute; overflow:hidden; top:2px; left:-20px; z-index:1; } #sideBox .idTabs li { float:left; list-style:none; font:8pt 돋움; letter-spacing:-1px; } #sideBox .idTabs li a { color:#6b6d70; display:block; width:65px; height:18px; padding-top:7px; text-align:center; } #sideBox .idTabs li a:hover { color:#333333; } #sideBox .idTabs li a.selected { font-weight:bold; color:#333333; background:url(/layouts/PXE_platinum_public/img/bg_tab.gif) no-repeat; } #sideBox #tabNews13,#tabNews14,#tabNews15 { padding:10px 15px 10px 15px; border-top:1px solid #b5b5b5; position:relative; top:36px; } /* 리스트 스타일 ---------------------------------------------------------------------------------*/ .defaultList { font:12px 굴림; color:#707070; margin:0; padding:0; } .defaultList li { padding:5px 10px; display:block; border-bottom:1px solid #e2e2e2; list-style:none; } .defaultList li a { text-decoration:none; font-weight:bold; } .defaultList li.headline { padding:6px 10px; display:block; border-bottom:1px solid #e2e2e2; color:#fff; font-weight:bold; background: url(/layouts/PXE_platinum_public/img/bg_hover.gif) repeat-x ; } .defaultList li.articles { color:#707070; font-weight:normal; background:#f3f3f3 url(/layouts/PXE_platinum_public/img/icon_allow_right.gif) no-repeat right center; _background:#f3f3f3; } .defaultList li.articles a { color:#707070; font-weight:normal; } .defaultList li.paragraph { padding:15px; background:#fff; position:relative; *zoom:1; } .defaultList li.paragraph span.top { position:absolute; width:41px; height:25px; right:5px; bottom:-5px; } .defaultList li.paragraph p.paraTitle { color:#353535; font-weight:bold; display:block; margin-bottom:5px; } /* 이 마크업 문서는 아래 제공자에 의해 정리 및 수정, 배포 되었습니다 Markup : Hyunhw Jung Website: http://www.premiumxe.com Email : clubnb2@naver.com */ /* Site Accounts ---------------------------------------------------------------------------------*/ .account{ position:absolute; top:7px; left:42px; margin:0; padding:0; z-index:10;} .account li{ position:relative; float:left; list-style:none; background-image:url(/layouts/PXE_platinum_public/packages/basic_plugin/images/lineHeaderVr.gif); background-repeat:no-repeat; background-position:left 4px;} div.black .account li{ background-image:url(/layouts/PXE_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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_platinum_public/packages/basic_plugin/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;} /* 이 마크업 문서는 아래 제공자에 의해 정리 및 수정, 배포 되었습니다 Markup : Hyunhw Jung Website: http://www.premiumxe.com Email : clubnb2@naver.com */ #isSearch { position:absolute; top:0; right:0; width:240px; height:28px; text-align:right; top:-1px; } #isSearch .searchOrder { display:none;} #isSearch .inputText { font:8pt 돋움; letter-spacing:-1px; vertical-align:middle; position:relative; top:0; left:3px; border:none; padding:9px 5px 0px 5px; width:175px; height:20px; color:#999; background:none; } #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;} /* 이 마크업 문서는 아래 제공자에 의해 작성 및 수정, 배포 되었습니다 Markup : Hyunhw Jung Website: http://www.premiumxe.com Email : clubnb2@naver.com */ /* Main Menu (Navigation) ---------------------------------------------------------------------------------*/ #nav { display: block; margin: 0; padding: 0; position:relative; } #nav li { display: block; list-style: none; margin: 0; padding: 0; float:left; position: relative; } #nav { display: block; } #nav ul { display: none; position: absolute; left: 0; margin: 0; padding:0; } * html #nav ul { line-height: 0; } /* IE6 "fix" */ #nav ul a { zoom: 1; } /* IE6/7 fix */ #nav ul li a { float: none; } #nav ul ul { top: 0; } /* Essentials - configure this */ #nav ul { width: 186px; } #nav ul ul { left: 184px; } /* Everything else is theming */ #nav { top:0; left:0; font:bold 12px Tahoma; } #nav *:hover { background-color: none; } #nav li a { width:186px; height:41px; text-align:center; color:#648534; display:block; text-align:left; background:url(/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/bg_menuOff.gif) no-repeat left top; text-align:center; line-height:340%; } #nav li.on a { background:url(/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/menu_hover.gif) no-repeat; color:#fff; } #nav li.hover a { background:url(/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/menu_hover.gif) no-repeat; color:#fff; } #nav li.tools a { }4F819F #nav li.tools a:hover { } #nav ul { top:41px; } #nav ul li { border-bottom:1px solid #222; border-right:1px solid #222; border-left:1px solid #222; background:#373737; color:#fff } #nav ul a { color:#fff; display:block; width:172px; height:21px; padding-bottom:none; padding-top:9px; padding-left:12px; font:8pt 돋움; letter-spacing:-1px; text-align:left; background:none !important; } #nav ul a span { position:absolute; top:10px; right:10px; } #nav ul a:hover { background:#444 !important; } #nav ul .on { background:url(/layouts/PXE_platinum_public/packages/pxe_droppy_menu/images/2nd_menu_on.gif); } /* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */ /* 이 마크업 문서는 아래 제공자에 의해 작성 및 수정, 배포 되었습니다 Markup : Hyunhw Jung Website: http://www.premiumxe.com Email : clubnb2@naver.com */ #sub_nav { margin:0; padding:0; font:9pt 돋움; letter-spacing:0px; *zoom:1; list-style:none; overflow:hidden; } /* 1ì°¨ */ #sub_nav li a { padding:6px 0px 6px 0px; display:block; border:0px solid #e6e6e6; url(/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/icon_allow_right.gif) no-repeat right center; *zoom:1; } #sub_nav li a:hover { color:#2F98E6 !important; } #sub_nav li.on a { font-weight:bold; color:#2F98E6; } /*2ì°¨ */ #sub_nav li ul { list-style:none; margin:0 0 0 13px; padding:0; } #sub_nav li ul li a { padding-left:0; font-weight:normal; border:none; background:url(/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/breaker.png) no-repeat left bottom; _background:url(/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/breaker.gif) no-repeat left bottom; color:#555; } #sub_nav li.on ul li a { font-weight:normal !important; color:#555; } #sub_nav li.on ul li.on a { font-weight:bold !important; color:#2F98E6; } /*3ì°¨ */ #sub_nav li ul li ul li a { background:none; } #sub_nav li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; } #sub_nav li.on ul li.on ul li.on a { font-weight:bold !important; color:#2F98E6; background:url(/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/icon_allow_left.gif) no-repeat right center; } /*4ì°¨ */ #sub_nav li.on ul li.on ul li.on ul li a { font-weight:normal !important; color:#555; background:none; } #sub_nav li.on ul li.on ul li.on ul li.on a{ font-weight:bold !important; color:#555f6a; background:url(/layouts/PXE_platinum_public/packages/pxe_vertical_menu/img/icon_allow_left.gif) no-repeat right center; } #menu_location { border: 1px solid #E1E1DD; padding: 5px 10px; margin-bottom: 10px; background-color: #F9F9F9; } #menu_location a { color: #000; text-decoration: none; } #menu_location a:hover { text-decoration: underline; } .news_ticker_none { height:25px; overflow:hidden; clear:both; white-space:nowrap; } .news_ticker_none table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed;} .news_ticker_none table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; } .news_ticker_none .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; } .news_ticker_none ul { margin:0; padding:0; white-space:nowrap; overflow:hidden; } .news_ticker_none li { list-style:none; height:25px; overflow:hidden; white-space:nowrap; font-size:9pt;} .news_ticker_none ul li .title a { color:#555555; text-decoration:none; font-size:9pt;} .news_ticker_none ul li .title a:hover { text-decoration:underline; } .news_ticker_none ul li .title span.comment { color:#FE6700; font:.8em Tahoma; } .news_ticker_none ul li .title span.comment a { color:#FE6700; font:.8em Tahoma; text-decoration:none; } .news_ticker_none ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;} /* PXE Platinum Public layout XpressEngine 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; } a, a:visited { color:#4773a5; } /* Layouts - Restricted Preference - 수정하지 마십시오 ---------------------------------------------------------------------------------*/ #cinemaWrapper { *zoom:1; overflow:hidden; } #container_site { *zoom:1; } #header { position:relative; *zoom:1; z-index:1 } #container_body { *zoom:1; overflow:hidden; } #container_contents { *zoom:1; overflow:hidden; } #container_contents .wrapper { *zoom:1; overflow:hidden; } #container_contents .wrapperTrans { *zoom:1; overflow:hidden; } #container_contents .wrapperCinema { *zoom:1; overflow:hidden; } #container_cinema_contents { position:relative; *zoom:1; overflow:hidden; } #e1 { *zoom:1; overflow:hidden; } #e1 .wrapper { overflow:hidden; } #e2 { *zoom:1; overflow:hidden; } #e2 .wrapper { overflow:hidden; } #footer { position:relative; *zoom:1; clear:both; overflow:hidden; } #footer_sub { position:relative; *zoom:1; clear:both; overflow:hidden; } /* Layouts - Margin & Position Preference - 필요에 따라 marginê³¼ Padding 값만 수정하세요 ---------------------------------------------------------------------------------*/ #container_site { } #header { margin:0 auto; } #container_body { margin:0 auto; } #container_contents { } #container_contents .wrapper { padding:20px; } #container_contents .wrapperTrans { padding:0; } #container_contents .wrapperCinema { margin:0 auto; } #container_cinema_contents { margin:20px auto 0 auto; } #footer { margin:30px auto 0 auto; padding:30px 0;} #footer_sub { margin:0px auto -40px auto; padding:3px 0; } /* 사이드바 1을 좌측에 정렬 */ .ec #e1 { float:left; margin-right:10px; } .ec #container_contents { _float:right; } /* 사이드바 1을 우측에 정렬 */ .ce #e1 { float:right; margin-left:10px; } .ce #container_contents { _float:left; } /* 사이드바 1,2를 좌측에 정렬 */ .eec #e1 { float:left; margin-right:10px; } .eec #e2 { float:left; margin-right:10px; } .eec #container_contents { _float:right; } /* 사이드바 1,2를 우측에 정렬 */ .cee #e1 { float:right; margin-left:10px; } .cee #e2 { float:right; margin-left:10px; } .cee #container_contents { _float:left; } /* 사이드바 1,2를 양쪽에 위치시키고 컨텐츠부를 가운데로 정렬 */ .ece #e1 { float:left; margin-right:10px; } .ece #e2 { float:right; margin-left:10px; } .ece #container_contents { _float:left } #e1 .wrapper { } #e2 .wrapper { } /* Layouts - Customization - 여기서부터 자유롭게 코딩합니다 ---------------------------------------------------------------------------------*/ body { background:url(http://www.kasda.com/layouts/layouts/PXE_platinum_public/img/bg_default.gif) repeat-x; color:#707070; height:100%; margin-top:-4px; } p { margin-bottom:10px; line-height:140%; text-align:justify; } p a { } a, a:visited { text-decoration: none; } a:hover { text-decoration:none; } #cinemaWrapper { } #container_site { } #header { height:73px; color:#666; } #header a.logo { position:absolute; top:15px; left:0; } #header #submenu { position:relative; top:77px; height:28px; background:url(http://www.kasda.com/layouts/PXE_platinum_public/img/bg_submenu.gif) no-repeat; z-index:2; } #header #mainmenu { position:relative; top:76px; height:46px; background:url(http://www.kasda.com/layouts/PXE_platinum_public/img/bg_mainmenu.gif) no-repeat right top; margin-top:1px; z-index:1; } #header .topBanner { position:absolute; display:block; top:9px; right:0px; } #container_body { } #container_body_headline { margin-bottom:15px; height:66px; color:#fff; font-family:"Century Gothic","Lucida Grande",Arial,sans-serif; font-size:40px; font-weight:normal; text-transform:uppercase; line-height:140% } #container_contents { text-align:justify; line-height:140%; } #container_contents .description a { color:#8493aa; font-weight:bold; } #container_contents .wrapper { background:#fff; } #container_contents .wrapperTrans { } #container_contents .wrapperCinema { height:372px; } #container_cinema_contents { } #e1 { overflow:hidden; } #e1 .wrapper { } #e2 { overflow:hidden; } #e2 .wrapper { } /* Footer Contents ---------------------------------------------------------------------------------*/ #footer { width:960px; overflow:hidden; margin:0 auto 0 auto; margin-bottom:0px;} #footer #more { height:34px; border-top:3px solid #636870; border-bottom:1px solid #ebebeb; background:#fafafa; margin-top:-31px; } #footer #more #notice { width:602px; padding-left:65px; padding-top:4px; float:left; background:url(http://www.kasda.com/layouts/PXE_platinum_public/img/img_notice.gif) no-repeat 15px 12px; } #footer #more #gototop { width:288px; padding-top:12px; float:right; } #footer #bottom_menu { padding:15px 10px; } #footer #bottom_menu li { padding:0 5px; font:8pt 돋움; letter-spacing:-1px; color:#848689; list-style:none; background:url(http://www.kasda.com/layouts/PXE_platinum_public/img/vrType1.gif) no-repeat right 0px; ; float:left; } #footer #bottom_menu li a, a:visited { color:#848689; list-style:none; } #footer #bottom_menu li a:hover { color:#848689; font-weight:bold; } #footer .provider { margin-left:15px; } /* 위젯 박스 스타일 ---------------------------------------------------------------------------------*/ .section01 { margin-bottom:10px; } .section01 .section_headline { height:18px; padding:7px 0 0 12px; background:url(/files/faceOff/557/img/bg_desc.gif) repeat-x; font:8pt 돋움; letter-spacing:-1px; color:#fff; overflow:hidden; } .section01 .section_headline a { color:#727d8a } .section01 .section_contents { background:url(/files/faceOff/557/img/bg_widstyle_01.gif) repeat-x; border:1px solid #aaa; border-top:none; overflow:hidden; *zoom:1; } .section02 { margin-bottom:10px; padding:16px 12px; background:url(/files/faceOff/557/img/bg_sidebar_dark.gif) repeat-x; } .section02 .section_headline { margin-bottom:10px; } .section02 .section_contents { } /* 리스트 스타일 ---------------------------------------------------------------------------------*/ .defaultList { font:12px 굴림; color:#707070; margin:0; padding:0; } .defaultList li { padding:5px 10px; display:block; border-bottom:1px solid #e2e2e2; list-style:none; } .defaultList li a { text-decoration:none; font-weight:bold; } .defaultList li.headline { padding:6px 10px; display:block; border-bottom:1px solid #e2e2e2; color:#fff; font-weight:bold; background: url(/files/faceOff/557/img/bg_hover.gif) repeat-x ; } .defaultList li.articles { color:#707070; font-weight:normal; background:#f3f3f3 url(/files/faceOff/557/img/icon_allow_right.gif) no-repeat right center; _background:#f3f3f3; } .defaultList li.articles a { color:#707070; font-weight:normal; } .defaultList li.paragraph { padding:15px; background:#fff; position:relative; *zoom:1; } .defaultList li.paragraph span.top { position:absolute; width:41px; height:25px; right:5px; bottom:-5px; } .defaultList li.paragraph p.paraTitle { color:#353535; font-weight:bold; display:block; margin-bottom:5px; }