@charset "UTF-8"; /* default.css - Type Selector Definition */ body { margin:0;padding:0; font-size:.75em;} img { border:none; } label { cursor:pointer; } form { margin:0; padding:0; } /* Special Class Selector */ .fr { float:right; } .fl { float:left; } .clear { clear:both; } .fwB { font-weight:bold;} .tCenter { text-align:center; } .tRight { text-align:right; } .tLeft { text-align:left; } .gap1 { margin-top:.8em; } .nowrap { white-space:nowrap; } .iePngFix { behavior:url("./common/js/iePngFix.htc"); } .zbxe_info { vertical-align:middle; behavior:url("./common/js/iePngFix.htc"); } /* Input Style Definition */ .inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; } *:first-child+html .inputTypeText { font-size:9pt; } .inputTypeText:hover, .inputTypeText:focus { background:#f4f4f4; } .inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;} *:first-child+html .inputTypeTextArea { font-size:9pt; } .w40 { width:40px; } .w60 { width:60px; } .w70 { width:70px; } .w80 { width:80px; } .w90 { width:90px; } .w100 { width:100px; } .w110 { width:110px; } .w120 { width:120px; } .w130 { width:130px; } .w140 { width:140px; } .w150 { width:150px; } .w160 { width:160px; } .w170 { width:170px; } .w180 { width:180px; } .w190 { width:190px; } .w200 { width:200px; } .w210 { width:210px; } .w220 { width:220px; } .w230 { width:230px; } .w240 { width:240px; } .w250 { width:250px; } .w260 { width:260px; } .w270 { width:270px; } .w280 { width:280px; } .w290 { width:290px; } .w300 { width:300px; } .w400 { width:400px; } /* editor style */ a.bold { font-weight:bold; } .editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; } .editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; } .editor_red_text { color: #f42126 !important; text-decoration:underline !important; } .editor_red_text a { color: #f42126 !important; text-decoration:underline !important; } .editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; } .editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; } .editor_green_text { color: #08830B !important; text-decoration:underline !important; } .editor_green_text a { color: #08830B !important; text-decoration:underline !important; } .folder_opener { display: block; } .folder_closer { display: none; } .folder_area { display: none; } .xe_content { line-height:1.6; overflow:hidden; } .zbxe_widget_output { background:url("/common/tpl/images/widget_text.gif") no-repeat center bottom; display:block;} /* xe layer */ #waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("/common/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; } #popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;} #popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;} #popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;} #popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;} #popup_menu_area li a{ text-decoration:none; color:#000;} #popup_menu_area li a:hover, #popup_menu_area li a:active, #popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;} /* xe faceoff */ .faceOffManager { position:fixed; _position:absolute; right:3px; top:3px; height:23px; } /* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* Anchor Button */ a.button, a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;} a.button { padding:0; background-position:left top; overflow:visible;} a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;} /* Large Size */ a.button.large { background-position:left -30px; } a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;} /* xLarge Size */ a.button.xLarge { background-position:left -65px; } a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;} /* Small Size */ a.button.small { background-position:left -107px; } a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;} /* Control Button + Submit Button */ span.button, span.button button, span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;} span.button { padding:0; background-position:left top;} span.button button, span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;} /* Large Size */ span.button.large { background-position:left -30px;} span.button.large button, span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;} /* xLarge Size */ span.button.xLarge { background-position:left -65px;} span.button.xLarge button, span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;} /* Small Size */ span.button.small { background-position:left -107px;} span.button.small button, span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;} /* Strong Button */ a.button.strong *, span.button.strong * { font-weight:bold !important;} /* Icon Add */ a.button .icon { position:relative; border:0; vertical-align:middle;} span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;} /* Color Preset */ a.button.green, a.button.green span, span.button.green, span.button.green button, span.button.green input { background-image:url("/common/tpl/images/buttonGreen.gif"); color:#fff;} a.button.black, a.button.black span, span.button.black, span.button.black button, span.button.black input { background-image:url("/common/tpl/images/buttonBlack.gif"); color:#fff;} a.button.red, a.button.red span, span.button.red, span.button.red button, span.button.red input { background-image:url("/common/tpl/images/buttonRed.gif"); color:#fff;} a.button.blue, a.button.blue span, span.button.blue, span.button.blue button, span.button.blue input { background-image:url("/common/tpl/images/buttonBlue.gif"); color:#fff;} /* Offset Debug */ a.button, span.button{ margin-right:2px;} /* Button Set */ .buttonSet{ width:16px; height:16px; background-image:url("/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;} .buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;} .buttonSet.buttonUp{ background-position:0 0;} .buttonSet.buttonDown{ background-position:0 -16px;} .buttonSet.buttonLeft{ background-position:0 -32px;} .buttonSet.buttonRight{ background-position:0 -48px;} .buttonSet.buttonInfo{ background-position:0 -64px;} .buttonSet.buttonCopy{ background-position:0 -80px;} .buttonSet.buttonSetting{ background-position:0 -96px;} .buttonSet.buttonActive{ background-position:0 -112px;} .buttonSet.buttonDisable{ background-position:0 -128px;} .buttonSet.buttonDelete{ background-position:0 -144px;} .buttonSet.buttonHomepage{ background-position:0 -160px;} .buttonSet.buttonBlog{ background-position:0 -176px;} .buttonSet.buttonCalendar{ background-position:0 -192px;} .buttonSet.buttonLayoutEditor{ background-position:0 -208px;} .buttonSet.buttonAddWidget{ background-position:0 -224px;} .buttonSet.buttonAddContent{ background-position:0 -240px;} /* xe_sunooNSL layout. Layout Design by SunooTC (http://www.goodpr.me/) */ /* Site link style */ a:link {color:#555555; text-decoration:none;} a:visited {color:#555555; text-decoration:none;} a:hover {color:#555555; text-decoration:none;} a:active {color:#555555; text-decoration:none;} /* Element Reset */ html, body { margin:0; font-size:12px; } img, form { margin:0; } hr{ display:none;} /* Language font style */ body.en, body.jp, body.zh { font-family:AppleGothic, Tahoma, Sans-Serif;} body.ko { font-family:AppleGothic, Dotum, Sans-Serif;} /* Layout */ #bodyWrap{ padding:0px; margin:2px auto 0px auto; } /* Header */ #header{ position:relative; z-index:20; } #topmenuLine { position:relative; top:0px; padding:4px 0px; *padding:4px 0px 3px 0px; margin:0; height:12px; z-index:40; } #topmenuLine .topmemo{ position:absolute; left:5px; color:#555; font-size:11px; margin:0px; } #topmenuLine .topmenu{ position:absolute; right:2px; margin:0px; overflow:hidden; } #topmenuLine .topmenu li { display:inline; padding:0px; margin-left:-2px; font-size:11px; white-space:nowrap; overflow:visible; } #topmenuLine .topmenu li a { color:#555; padding:0px 6px 0px 8px; font-size:11px; background:url("/layouts/xe_sunooNSL/images/bgicons/lineAccessVr.gif") no-repeat 0px 2px; } #topmenuLine .topmenu li a:hover { color:#fc2306; text-decoration:none; } #topimagePi { position:relative; margin:0; background: url("/layouts/xe_sunooNSL/images/topimage.jpg") no-repeat center top; z-index:1; } #topimagePi .logoimg{ position:absolute; left:15px; top:40px; margin:0; z-index:3; } #topimageFi { position:relative; margin:0; z-index:1; } #topimageFi .logoimg{ position:absolute; left:15px; top:40px; margin:0; z-index:3; } #menuLine { position:relative; left:0px; bottom:0; height:63px; z-index:20; } #menuLine .tableM { position:relative; top:0px; width:100%; height:63px; padding:0px; margin:0px; } /* menuLine Language */ #language { position:absolute; top:4px; left:10px; margin:0; padding:0; z-index:30; } #language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; vertical-align:top; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLanguage.gif"); background-repeat:no-repeat; background-position:8px 5px; background-color:transparent;} #language button:hover{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; vertical-align:top; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLanguageHover.gif"); background-repeat:no-repeat; background-position:8px 5px; background-color:transparent;} #language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;} #language .sLanguage{ position:relative; width:100px; text-align:right;} #language .sLanguage span{ font-size:0; line-height:0; width:100%; height:15px; letter-spacing:-100px; display:inline-block; visibility:visible; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLanguageToggle.gif"); background-repeat:no-repeat; background-position:85px 4px;} #language.open .sLanguage span{ background-position:85px -6px;} #language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:11px; font-style:normal; vertical-align:top; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLanguage.gif"); background-repeat:no-repeat; background-position:8px -10px; } #language em span{ display:inline-block; overflow:hidden; visibility:hidden;} #language em.ko{ background-position:6px -10px;} #language em.en{ background-position:6px -25px;} #language em.jp{ background-position:6px -40px;} #language em.zh-CN{ background-position:-19px -55px;} #language em.zh-TW{ background-position:-20px -70px;} #language.open .languageList{ display:block; } #language .languageList{ display:none; width:98px; margin:0; padding:1px 0; position:absolute; top:16px; left:0; background:#fff; border:1px solid #eee; } #language .languageList button{ width:100%;} #language .languageList .ko button{ background-position:8px -10px;} #language .languageList .en button{ background-position:8px -25px;} #language .languageList .jp button{ background-position:8px -40px;} #language .languageList .zh-CN button{ background-position:8px -55px;} #language .languageList .zh-TW button{ background-position:8px -70px;} #language .languageList li { display:none;} #language .languageList .ko, #language .languageList .en, #language .languageList .jp, #language .languageList .zh-CN, #language .languageList .zh-TW { display:block; } /* menuLine Access */ #access{ position:absolute; top:17px; left:12px; margin:0; padding:0; z-index:5; } #access li{ position:relative; float:left; list-style:none; padding:0px 1px 0px 0px; } #access li *{ vertical-align:top;} #access li li{ float:none; height:auto; background-image:none;} #access li.logout{ background:url("/layouts/xe_sunooNSL/images/bgicons/lineAccessVr.gif") no-repeat right 4px; } #access li.logout a { display:block; width:33px; height:5px; padding:5px 8px; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLogout.gif"); background-repeat:no-repeat; background-position:center 5px;} #access li.logout a:hover { display:block; width:33px; height:5px; padding:5px 8px; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLogoutHover.gif"); background-repeat:no-repeat; background-position:center 5px;} #access li.logout a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #access li.login button{ border:0; width:41px; height:15px; padding:0px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLogin.gif"); background-repeat:no-repeat; background-position:center 5px; overflow:visible;} #access li.login button:hover{ border:0; padding:0; width:41px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLoginHover.gif"); background-repeat:no-repeat; background-position:center 5px; overflow:visible;} #access li.login button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #access li.register a{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonRegister.gif"); background-repeat:no-repeat; background-position:center 5px;} #access li.register a:hover{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonRegisterHover.gif"); background-repeat:no-repeat; background-position:center 5px;} #access li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #access li.profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonProfile.gif"); background-repeat:no-repeat; background-position:center 5px; overflow:visible;} #access li.profile button:hover{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonProfileHover.gif"); background-repeat:no-repeat; background-position:center 5px; overflow:visible;} #access li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #access li.profile .memberProfile{ display:none; position:absolute; top:15px; left:0px; padding:10px; background:#fff; border:1px solid #737373;} #access li.profile .memberProfile.active{ display:block;} #access li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:13px; font-weight:bold; color:#333; white-space:nowrap;} #access li.profile .memberProfile ul{ margin:0; padding:5px 7px 3px 7px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;} #access li.profile .memberProfile li{ float:none; white-space:nowrap; padding:3px 0px 3px 7px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletB.gif") no-repeat left center;} #access li.profile .memberProfile li.point{ color:#565fdf; } #access li.profile .memberProfile li.admin a{ color:#057ac5; } #access li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;} #access li.profile .memberProfile li a:hover, #access li.profile .memberProfile li a:active, #access li.profile .memberProfile li a:focus{ color:#fa1c05; text-decoration:underline;} #access li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/layouts/xe_sunooNSL/images/buttons/buttonCloseX.gif") no-repeat center center;} #access li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} #access li.profile .memberProfile .latestLogin{ position:relative; float:left; top:2px; left:0px; width:114px; margin:0 0 5px 0; padding:6px 2px 2px 4px; color:#555; border:1px solid #e8ebed; background:#f2f7fb; line-height:14px; } /* topmenuLine LanguageTop */ #languageTop { position:absolute; top:3px; right:5px; margin:0; padding:0; z-index:30; } #languageTop button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; vertical-align:top; background:url("/layouts/xe_sunooNSL/images/buttons/buttonLanguage.gif") no-repeat 8px 5px; background-color:transparent;} #languageTop button:hover{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; vertical-align:top; background:url("/layouts/xe_sunooNSL/images/buttons/buttonLanguageHover.gif") no-repeat 8px 5px; background-color:transparent;} #languageTop button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;} #languageTop .sLanguage{ position:relative; width:100px; text-align:right;} #languageTop .sLanguage span{ font-size:0; line-height:0; width:100%; height:15px; letter-spacing:-100px; display:inline-block; visibility:visible; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLanguageToggle.gif"); background-repeat:no-repeat; background-position:85px 4px;} #languageTop.open .sLanguage span{ background-position:85px -6px;} #languageTop em{ display:inline-block; height:15px; overflow:hidden; padding:0px 0px 0px 8px; font-size:11px; font-style:normal; vertical-align:top; background:url("/layouts/xe_sunooNSL/images/buttons/buttonLanguage.gif") no-repeat 8px -10px; } #languageTop em span{ display:inline-block; overflow:hidden; visibility:hidden;} #languageTop em.ko{ background-position:6px -10px;} #languageTop em.en{ background-position:6px -25px;} #languageTop em.jp{ background-position:6px -40px;} #languageTop em.zh-CN{ background-position:-19px -55px;} #languageTop em.zh-TW{ background-position:-20px -70px;} #languageTop.open .languageList{ display:block; } #languageTop .languageList{ display:none; width:98px; margin:0; padding:1px 0; position:absolute; top:16px; right:0px; background:#fff; border:1px solid #eee; } #languageTop .languageList button{ width:100%;} #languageTop .languageList .ko button{ background-position:8px -10px;} #languageTop .languageList .en button{ background-position:8px -25px;} #languageTop .languageList .jp button{ background-position:8px -40px;} #languageTop .languageList .zh-CN button{ background-position:8px -55px;} #languageTop .languageList .zh-TW button{ background-position:8px -70px;} #languageTop .languageList li { display:none;} #languageTop .languageList .ko, #languageTop .languageList .en, #languageTop .languageList .jp, #languageTop .languageList .zh-CN, #languageTop .languageList .zh-TW { display:block; } /* topmenuLine AccessTop */ #accessTop{ position:absolute; top:3px; right:150px; margin:0; padding:0; z-index:5; } #accessTop li{ position:relative; float:left; list-style:none; padding:0px 1px 0px 0px; } #accessTop li *{ vertical-align:top;} #accessTop li li{ float:none; height:auto; background-image:none;} #accessTop li.logout{ background:url("/layouts/xe_sunooNSL/images/bgicons/lineAccessVr.gif") no-repeat right 4px; } #accessTop li.logout a { display:block; width:33px; height:5px; padding:5px 8px; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLogout.gif"); background-repeat:no-repeat; background-position:center 5px;} #accessTop li.logout a:hover { display:block; width:33px; height:5px; padding:5px 8px; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLogoutHover.gif"); background-repeat:no-repeat; background-position:center 5px;} #accessTop li.logout a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #accessTop li.login button{ border:0; width:41px; height:15px; padding:0px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLogin.gif"); background-repeat:no-repeat; background-position:center 5px; overflow:visible;} #accessTop li.login button:hover{ border:0; padding:0; width:41px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonLoginHover.gif"); background-repeat:no-repeat; background-position:center 5px; overflow:visible;} #accessTop li.login button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #accessTop li.register a{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonRegister.gif"); background-repeat:no-repeat; background-position:center 5px;} #accessTop li.register a:hover{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonRegisterHover.gif"); background-repeat:no-repeat; background-position:center 5px;} #accessTop li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #accessTop li.profileT button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonProfile.gif"); background-repeat:no-repeat; background-position:center 5px; overflow:visible;} #accessTop li.profileT button:hover{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonProfileHover.gif"); background-repeat:no-repeat; background-position:center 5px; overflow:visible;} #accessTop li.profileT button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #accessTop li.profileT .profile{ display:none; position:absolute; top:15px; left:0px; padding:10px; background:#fff; border:1px solid #737373;} #accessTop li.profileT .profile.active{ display:block;} #accessTop li.profileT .profile .authorName{ margin:0 0 8px 0; font-size:13px; font-weight:bold; color:#333; white-space:nowrap;} #accessTop li.profileT .profile ul{ margin:0; padding:5px 7px 3px 7px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;} #accessTop li.profileT .profile li{ float:none; white-space:nowrap; padding:3px 0px 3px 7px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletB.gif") no-repeat left center;} #accessTop li.profileT .profile li.point{ color:#565fdf; } #accessTop li.profileT .profile li.admin a{ color:#057ac5; } #accessTop li.profileT .profile li a{ background:none; color:#333; text-decoration:none;} #accessTop li.profileT .profile li a:hover, #accessTop li.profileT .profile li a:active, #accessTop li.profileT .profile li a:focus{ color:#fa1c05; text-decoration:underline;} #accessTop li.profileT .profile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/layouts/xe_sunooNSL/images/buttons/buttonCloseX.gif") no-repeat center center;} #accessTop li.profileT .profile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} #accessTop li.profileT .profile .latestLogin{ position:relative; float:left; top:2px; left:0px; width:114px; margin:0 0 5px 0; padding:6px 2px 2px 4px; color:#555; border:1px solid #e8ebed; background:#f2f7fb; line-height:14px; } /* popupLog */ #popupLog{ display:none; position:absolute; z-index:100; } #popupLog.open{ display:block; } #popupLog .logFace{ position:absolute; width:260px; top:0px; left:0px; padding:10px 15px; margin:0px; } #popupLog .logFace form{ display:none; width:260px; *zoom:1; margin:0px; } #popupLog .logFace form fieldset{ border:0; margin:0; padding:0;} #popupLog .logFace form fieldset legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;} #popupLog .logFace.loginTypeA form.typeA, #popupLog .logFace.loginTypeB form.typeB{ display:block;} #popupLog .logFace form .plogimg { float:left; width:230px; height:26px;padding:0px 0px 10px 0px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/popuploginLogo.png") no-repeat 0px top; } #popupLog .logFace form .pidpw { float:left; width:172px; padding:0px 0px 10px 0px; margin:0px; } #popupLog .logFace.loginTypeA .pidpw input.idIn { width:154px; height:16px; padding:1px 8px; margin-bottom:3px; *margin-bottom:1px; border:1px solid #ccc; font:14px Tahoma; color:#333; background:#fff; } #popupLog .logFace.loginTypeA .pidpw.ko input.idOut { width:154px; height:16px; padding:1px 8px; margin-bottom:3px; *margin-bottom:1px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpidOutko.gif") no-repeat 8px 3px;} #popupLog .logFace.loginTypeA .pidpw.en input.idOut { width:154px; height:16px; padding:1px 8px; margin-bottom:3px; *margin-bottom:1px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpidOuten.gif") no-repeat 8px 4px;} #popupLog .logFace.loginTypeA .pidpw.jp input.idOut { width:154px; height:16px; padding:1px 8px; margin-bottom:3px; *margin-bottom:1px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpidOutjp.gif") no-repeat 8px 3px;} #popupLog .logFace.loginTypeA .pidpw.zh-CN input.idOut { width:154px; height:16px; padding:1px 8px; margin-bottom:3px; *margin-bottom:1px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpidOutcn.gif") no-repeat 8px 3px;} #popupLog .logFace.loginTypeA .pidpw.zh-TW input.idOut { width:154px; height:16px; padding:1px 8px; margin-bottom:3px; *margin-bottom:1px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpidOuttw.gif") no-repeat 8px 3px;} #popupLog .logFace.loginTypeA .pidpw input.pwIn { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; color:#333; background:#fff; } #popupLog .logFace.loginTypeA .pidpw.ko input.pwOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgppwOutko.gif") no-repeat 8px 3px;} #popupLog .logFace.loginTypeA .pidpw.en input.pwOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgppwOuten.gif") no-repeat 8px 4px;} #popupLog .logFace.loginTypeA .pidpw.jp input.pwOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgppwOutjp.gif") no-repeat 8px 3px;} #popupLog .logFace.loginTypeA .pidpw.zh-CN input.pwOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgppwOutcn.gif") no-repeat 8px 3px;} #popupLog .logFace.loginTypeA .pidpw.zh-TW input.pwOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgppwOuttw.gif") no-repeat 8px 3px;} #popupLog .logFace .loginButton{ float:right; padding:0px; margin:0px; } #popupLog .logFace .loginButton input{ position:relative; width:80px; height:45px; border:0; color:#fff; font-size:13px; font-weight:bold; letter-spacing:1px; overflow:visible; cursor:pointer; line-height:40px; background-color:transparent; } #popupLog .logFace.loginTypeB .pidpw p{ font-weight:bold; color:#555; padding:0px 0px 5px 0px; margin:0px;} #popupLog .logFace.loginTypeB .pidpw input.opidIn { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; color:#333; background:#fff; } #popupLog .logFace.loginTypeB .pidpw.ko input.opidOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpopenidLoginko.png") no-repeat 8px 2px; } #popupLog .logFace.loginTypeB .pidpw.en input.opidOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpopenidLoginen.png") no-repeat 8px 2px; } #popupLog .logFace.loginTypeB .pidpw.jp input.opidOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpopenidLoginjp.png") no-repeat 8px 2px; } #popupLog .logFace.loginTypeB .pidpw.zh-CN input.opidOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpopenidLogincn.png") no-repeat 8px 2px; } #popupLog .logFace.loginTypeB .pidpw.zh-TW input.opidOut { width:154px; height:16px; padding:1px 8px; border:1px solid #ccc; font:14px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpopenidLogintw.png") no-repeat 8px 2px; } #popupLog .logFace form .pinputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;} #popupLog .logFace form .pkeep{ float:left; width:260px; padding:0px 0px 8px 0px; margin:0px; border-bottom:1px solid #ddd; line-height:normal; white-space:nowrap;} #popupLog .logFace form .pkeep label{ color:#555; font-size:12px; } #popupLog .logFace .logMenu{ float:left; width:260px; padding:2px 0px 2px 0px; margin:0px; list-style:none; } #popupLog .logFace .logMenu li{ font-size:12px; line-height:11px; padding:4px 0px 0px 10px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletA.gif") no-repeat 2px center;} #popupLog .logFace .logMenu li.join{ font-weight:bold; } #popupLog .logFace .logMenu li.find{ font-weight:normal; } #popupLog .logFace .logMenu li a{ text-decoration:none; color:#555;} #popupLog .logFace .logMenu li a:hover{ color:#f81e08; text-decoration:underline;} #popupLog .logFace .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:25px; height:25px; background:transparent url("/layouts/xe_sunooNSL/images/buttons/buttonCloseX.gif") no-repeat center center;} #popupLog .logFace .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} /* menuLine Sitemap */ #sitemap{ position:absolute; top:17px; left:112px; margin:0; padding:0; z-index:2; } #sitemap button{ border:0; padding:0px; width:55px; height:15px; _height:1px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonSitemap.gif"); background-repeat:no-repeat; background-position:9px 5px; overflow:visible;} #sitemap button:hover{ border:0; padding:0px; width:55px; height:15px; _height:1px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_sunooNSL/images/buttons/buttonSitemapHover.gif"); background-repeat:no-repeat; background-position:9px 5px; overflow:visible;} #sitemap button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #totalMenu{ position:absolute; top:37px; left:73px; padding:0px; margin:0px; z-index:5; } #totalMenu .tmLayer{ display:none; position:relative; float:left; padding:10px; margin:0px; border:1px solid #7e7e7d; } #totalMenu .tmLayer.opens{ display:block;} #totalMenu .tmLayer .tmList.logo{ float:left; background:none; padding:0 5px 0 0; list-style:none;} #totalMenu .tmLayer .tmList{ float:left; margin:0px; padding:0px 0px 0px 6px; } #totalMenu .tmLayer .tmList h2{ font: 12px Tahoma; padding:3px 6px 3px 6px; *padding:3px 6px 2px 6px; margin:0px 0px 6px 0px; background:#f3fad6; border:1px solid #e1e1dd; } #totalMenu .tmLayer .tmList h2 a{ color:#444; } #totalMenu .tmLayer .tmList a:hover{ color:#fb0505; } #totalMenu .tmLayer .tmList ul{ margin:0px; padding:4px 6px 4px 3px; background:url("/layouts/xe_sunooNSL/images/bgicons/tmVarLine.gif") repeat-y 0 0;} #totalMenu .tmLayer .tmList ul a{ color:#666; font-size:12px; padding:4px 0px 6px 8px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletN.gif") no-repeat 0px center;} #totalMenu .tmLayer .tmList ul a:hover{ color:#0510fa; } #totalMenu .tmLayer .tmList ul li{ color:#808080; font-size:12px; list-style:none; padding:6px 0px 2px 4px; margin:0px; } #totalMenu .tmLayer .tmList ul li a{ color:#808080; font-size:12px; padding:2px 0px 4px 10px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletE.gif") no-repeat 0px center;} #totalMenu .tmLayer .tmList ul li a:hover{ color:#fb0505; text-decoration:underline; } #totalMenu .tmLayer .close{ position:absolute; left:10px; bottom:10px; cursor:pointer; border:0; padding:0; width:49px; height:13px; background:transparent url("/layouts/xe_sunooNSL/images/buttons/buttonCloseXt.gif") no-repeat center center;} #totalMenu .tmLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} /* topmenuLine Sitemap */ #sitemapTop{ position:absolute; top:3px; right:250px; margin:0; padding:0; z-index:2; } #sitemapTop button{ border:0; padding:0px; width:55px; height:15px; _height:1px; cursor:pointer; background-color:transparent; background:url("/layouts/xe_sunooNSL/images/buttons/buttonSitemap.gif") no-repeat 9px 5px; overflow:visible;} #sitemapTop button:hover{ border:0; padding:0px; width:55px; height:15px; _height:1px; cursor:pointer; background-color:transparent; background:url("/layouts/xe_sunooNSL/images/buttons/buttonSitemapHover.gif") no-repeat 9px 5px; overflow:visible;} #sitemapTop button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} #totalMenuT{ position:absolute; top:19px; right:0px; padding:0px; margin:0px; z-index:5; } #totalMenuT .tmLayer{ display:none; position:relative; float:left; padding:10px; margin:0px; border:1px solid #7e7e7d; } #totalMenuT .tmLayer.opens{ display:block;} #totalMenuT .tmLayer .tmList.logo{ float:left; background:none; padding:0 5px 0 0; list-style:none;} #totalMenuT .tmLayer .tmList{ float:left; margin:0px; padding:0px 0px 0px 6px; } #totalMenuT .tmLayer .tmList h2{ font: 12px Tahoma; padding:3px 6px 3px 6px; *padding:3px 6px 2px 6px; margin:0px 0px 6px 0px; background:#f3fad6; border:1px solid #e1e1dd; } #totalMenuT .tmLayer .tmList h2 a{ color:#444; } #totalMenuT .tmLayer .tmList a:hover{ color:#fb0505; } #totalMenuT .tmLayer .tmList ul{ margin:0px; padding:4px 6px 4px 3px; background:url("/layouts/xe_sunooNSL/images/bgicons/tmVarLine.gif") repeat-y 0 0;} #totalMenuT .tmLayer .tmList ul a{ color:#666; font-size:12px; padding:4px 0px 6px 8px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletN.gif") no-repeat 0px center;} #totalMenuT .tmLayer .tmList ul a:hover{ color:#0510fa; } #totalMenuT .tmLayer .tmList ul li{ color:#808080; font-size:12px; list-style:none; padding:6px 0px 2px 4px; margin:0px; } #totalMenuT .tmLayer .tmList ul li a{ color:#808080; font-size:12px; padding:2px 0px 4px 10px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletE.gif") no-repeat 0px center;} #totalMenuT .tmLayer .tmList ul li a:hover{ color:#fb0505; text-decoration:underline; } #totalMenuT .tmLayer .close{ position:absolute; left:10px; bottom:10px; cursor:pointer; border:0; padding:0; width:49px; height:13px; background:transparent url("/layouts/xe_sunooNSL/images/buttons/buttonCloseXt.gif") no-repeat center center;} #totalMenuT .tmLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;} /* menuLine Search */ #search{ position:absolute; left:10px; top:39px; width:168px; height:24px; z-index:1; } #search *{ vertical-align:middle;} #search .inputText{ position:absolute; top:4px; *top:5px; left:10px; border:0; background:#fff; width:130px; height:15px; padding:0; font-size:12px;} #search .inputSearch{ position:absolute; top:4px; left:144px;} fieldset{ border:0; margin:0; padding:0;} fieldset legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;} /* Header SearchR */ #searchR{ position:absolute; right:10px; top:39px; width:168px; height:24px; z-index:1; } #searchR *{ vertical-align:middle;} #searchR .inputTextR{ position:absolute; top:4px; *top:5px; left:10px; border:0; background:#fff; width:130px; height:15px; padding:0; font-size:12px;} #searchR .inputSearchR{ position:absolute; top:4px; left:144px;} /* menuLine main menu */ .mainMenu{ position:absolute; top:0px; _width:100%; margin:0px; padding:0px; } .mainMenu li{ position:relative; float:left; padding:0px; margin:0px; vertical-align:middle; list-style:none; } .mainMenu li a{ display:block; float:left; padding:12px 15px 8px 15px; margin:0px; color:#555; font-family:tahoma; text-decoration:none; } .mainMenu li a:hover { color:#f21a04; } .mainMenu li.on a { color:#0528fb; padding:12px 15px 8px 15px; margin:0px; } .mainMenu li.on a:hover { color:#f21a04; } /* menuLine drop down sub menu */ .dmSubMenu { position:absolute; padding:0px; margin:0px; *margin:0px; border:1px solid #a2a4af; background:#fff; visibility:hidden; z-index:100; } .dmSubMenu ul { position:relative; float:left; top:0px; left:0px; margin:0px; padding:0px; border:1px solid #fff; } .dmSubMenu ul li { float:none; margin:0px; padding:0px; list-style:none; } .dmSubMenu ul li a { display:block; font:normal 12px dotum; color:#555; padding:7px 8px; _padding:7px 8px 5px 8px; margin:0px; } .dmSubMenu ul li a:hover { color:#192221; text-decoration:none; background:#efefef; } .dmSubMenu ul li.on{ margin:0px; padding:0px; border-bottom:none; } #subLocation { position:absolute; top:43px; color:#777; padding:2px 2px 2px 17px; margin:0px; } #subLocation a { color:#555; padding:0px 0px 0px 0px; margin:0px; } #subLocation a:hover { color:#fc2306; } /* contentBody twoColumn */ #conhead{ position:relative; float:left; padding:10px 0px; margin:0px; background:#fff; overflow:hidden;} #conhead .contentHeader{ position:relative; float:left; color:#555; padding:0px; margin:0px; overflow:hidden;} /* twoColumnBody */ #twoColumnBody{ position:relative; margin:0; background:#fff url("/layouts/xe_sunooNSL/images/default/dividingLine.gif") repeat-y 191px 0; z-index:1; } #leftColumn {position:relative; padding:0px; margin:0px; } #logDefault{ position:relative; float:left; _float:none; top:0px; left:0px; width:182px; padding:0px; margin:0px 0px 8px 0px; _margin:0px 0px 1px 0px; } #logDefault .logDefaultTopbg{ float:left; _float:none; height:5px; top:0px; left:0px; width:182px; padding:0px; margin:0px; } #logDefault .logDefaultBottombg{ float:left; _float:none; height:5px; top:0px; left:0px; width:182px; padding:0px; margin:0px; } #logDefault .loginFace{ float:left; width:166px; top:0px; left:0px; padding:4px 8px; margin:0px; _margin:-7px 0px 0px 0px; background:#fcfbf9;} #logDefault .loginFace form{ display:none; *zoom:1; margin:0px;} #logDefault .loginFace form fieldset{ border:0; margin:0; padding:0;} #logDefault .loginFace form fieldset legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;} #logDefault .loginFace.loginTypeA form.typeA, #logDefault .loginFace.loginTypeB form.typeB{ display:block;} #logDefault .loginFace form .idpw { float:left; width:164px; padding:0px 0px 5px 0px; margin:0px; } #logDefault .loginFace.loginTypeA .idpw input.idIn { width:100px; height:14px; padding:1px 5px; margin-bottom:2px; *margin-bottom:0px; border:1px solid #ccc; font:12px Tahoma; color:#333; background:#fff; } #logDefault .loginFace.loginTypeA .idpw.ko input.idOut { width:100px; height:14px; padding:1px 5px; margin-bottom:2px; *margin-bottom:0px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgidOutko.gif") no-repeat 6px 3px; } #logDefault .loginFace.loginTypeA .idpw.en input.idOut { width:100px; height:14px; padding:1px 5px; margin-bottom:2px; *margin-bottom:0px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgidOuten.gif") no-repeat 6px 3px; } #logDefault .loginFace.loginTypeA .idpw.jp input.idOut { width:100px; height:14px; padding:1px 5px; margin-bottom:2px; *margin-bottom:0px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgidOutjp.gif") no-repeat 6px 3px; } #logDefault .loginFace.loginTypeA .idpw.zh-CN input.idOut { width:100px; height:14px; padding:1px 5px; margin-bottom:2px; *margin-bottom:0px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgidOutcn.gif") no-repeat 6px 3px; } #logDefault .loginFace.loginTypeA .idpw.zh-TW input.idOut { width:100px; height:14px; padding:1px 5px; margin-bottom:2px; *margin-bottom:0px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgidOuttw.gif") no-repeat 6px 3px; } #logDefault .loginFace.loginTypeA .idpw input.pwIn { width:100px; height:14px; padding:1px 5px; border:1px solid #ccc; font:12px Tahoma; color:#333; background:#fff; } #logDefault .loginFace.loginTypeA .idpw.ko input.pwOut { width:100px; height:14px; padding:1px 5px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpwOutko.gif") no-repeat 6px 3px;} #logDefault .loginFace.loginTypeA .idpw.en input.pwOut { width:100px; height:14px; padding:1px 5px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpwOuten.gif") no-repeat 6px 3px;} #logDefault .loginFace.loginTypeA .idpw.jp input.pwOut { width:100px; height:14px; padding:1px 5px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpwOutjp.gif") no-repeat 6px 3px;} #logDefault .loginFace.loginTypeA .idpw.zh-CN input.pwOut { width:100px; height:14px; padding:1px 5px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpwOutcn.gif") no-repeat 6px 3px;} #logDefault .loginFace.loginTypeA .idpw.zh-TW input.pwOut { width:100px; height:14px; padding:1px 5px; border:1px solid #ccc; font:12px Tahoma; background:#fbfbfb url("/layouts/xe_sunooNSL/images/bgicons/bgpwOuttw.gif") no-repeat 6px 3px;} #logDefault .loginFace.loginTypeA .idpw input.btnlogin{ position:absolute; top:9px; *top:10px; right:8px; width:47px; height:38px; padding:0px; margin:0px; } #logDefault .loginFace.loginTypeB .idpw p{ font-weight:bold; color:#555; padding:0px 0px 5px 0px; margin:0px;} #logDefault .loginFace.loginTypeB .idpw input.opidIn { width:100px; height:14px; padding:1px 5px; border:1px solid #ccc; font:12px Tahoma; color:#333; background:#fff; } #logDefault .loginFace.loginTypeB .idpw input.opidOut { width:100px; height:14px; padding:1px 5px; border:1px solid #ccc; font:12px Tahoma; color:#333; background:url("/layouts/xe_sunooNSL/images/bgicons/openidLoginIcon.gif") no-repeat 2px top; } #logDefault .loginFace.loginTypeB .idpw input.btnlogin{ position:absolute; top:3px; right:8px; width:47px; height:38px; padding:0px; margin:0px; } #logDefault .loginFace form .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;} #logDefault .loginFace form .keep{ float:left; font-size:11px; width:164px; padding:0px 0px 5px 0px; margin:0px; border-bottom:1px solid #ddd; line-height:normal; white-space:nowrap;} #logDefault .loginFace form .keep label{ color:#555;} #logDefault .loginFace .logMenu{ float:left; padding:2px 0px 0px 0px; margin:0px; list-style:none; background:#fafafa; border-top:1px solid #f2f2f2;} #logDefault .loginFace .logMenu li{ font-size:11px; line-height:11px; padding:4px 0px 0px 10px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletA.gif") no-repeat 2px center;} #logDefault .loginFace .logMenu li.join{ font-weight:bold; } #logDefault .loginFace .logMenu li.find{ font-weight:normal; } #logDefault .loginFace .logMenu li a{ text-decoration:none; color:#555;} #logDefault .loginFace .logMenu li a:hover{ color:#f81e08; text-decoration:underline;} #logDefault .loggedFace{ position:relative; float:left; top:0px; left:0px; width:166px; padding:3px 8px; margin:0px; _margin:-7px 0px 0px 0px; background:#fcfbf9; overflow:hidden; } #logDefault .loggedFace .authorName{ margin:0px; padding:0px 0px 8px 0px; font-size:13px; font-weight:bold; color:#333; border-bottom:1px solid #ddd; z-index:1;} #logDefault .loggedFace .btnlogout{ position:relative; float:right; top:-25px; *top:-24px; width:47px; height:18px; padding:0px; margin:0px 0px -20px 0px; z-index:2;} #logDefault .loggedFace ul{ position:relative; float:left; margin:0; padding:5px 0px 3px 2px; width:190px; } #logDefault .loggedFace ul li{ list-style:none; padding:3px 0px 3px 7px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletA.gif") no-repeat left center;} #logDefault .loggedFace ul li.point{ float:none; color:#666; } #logDefault .loggedFace ul li.list{ float:left; width:74px; padding:3px 8px 3px 7px; letter-spacing:-1px; } #logDefault .loggedFace ul li.admin{ float:left; color:#057ac5; } #logDefault .loggedFace ul li.admin a{ color:#057ac5; } #logDefault .loggedFace ul li a{ background:none; color:#666; text-decoration:none;} #logDefault .loggedFace ul li a:hover, #logDefault .loggedFace ul li a:active, #logDefault .loggedFace ul li a:focus{ color:#fa1c05; text-decoration:underline;} #logDefault .loggedFace .latestLogin{ position:relative; float:left; width:157px; margin:0px; padding:6px 2px 0px 6px; color:#555; border-top:1px solid #ddd; line-height:14px; } /* left Column Sub menu */ #leftSubm { position:relative; float:left; _float:none; width:182px; padding:0px; margin:0px 0px 8px 0px; _margin:0px 0px 1px 0px; } #leftSubm .submTitle { float:left; _float:none; height:23px; width:182px; padding:8px 0px 0px 20px; margin:0px; } #leftSubm .submTitle a { color:#0d04cd; font-size:13px; padding:9px 0px 0px 30px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/leftmenuList1.gif") no-repeat 10px 7px; } #leftSubm .submTitle a:hover { color:#e90505; } #leftSubm .submBottom { float:left; _float:none; height:5px; width:182px; padding:0px; margin:0px; } #leftSubm .lsm { float:left; top:0px; width:182px; padding:0px 2px; margin:0px; } #leftSubm .lsm li {list-style:none; padding:0px 3px 0px 2px; margin:0px; } #leftSubm .lsm li a {position:relative; display:block; width:151px; padding:5px 5px 5px 18px; border-bottom:1px solid #eeeeee; background:url("/layouts/xe_sunooNSL/images/bgicons/leftmenuList2.gif") no-repeat 7px 5px; color:#555555; text-decoration:none;} #leftSubm .lsm li a:hover, #leftSubm .lsm li a:focus {color:#0063FF; font-weight:bold; background:#CEFF63 url("/layouts/xe_sunooNSL/images/bgicons/leftMenuListOnL.gif") no-repeat 3px 5px;} #leftSubm .lsm li.on a {background:#CEFFFF url("/layouts/xe_sunooNSL/images/bgicons/leftMenuListOnL.gif") no-repeat 2px 5px; color:#3a66a2; } #leftSubm .lsm li.on a:hover, #leftSubm .lsm li.on a:focus { font-weight:bold;} #leftSubm .lsm li ul { display:block; position:relative; left:8px; width:165px; padding:0px; margin:0px; overflow:hidden;} #leftSubm .lsm li ul li { position:relative; top:-1px; padding:0; margin:0px; } #leftSubm .lsm li ul li a { padding:7px 5px 5px 17px; width:145px; color:#818181; font-weight:normal; letter-spacing:normal; background:url("/layouts/xe_sunooNSL/images/bgicons/leftmenuList3.gif") no-repeat 6px 7px; } #leftSubm .lsm li ul li a:hover, #leftSubm .lsm li ul li a:focus { color:#de4332; font-weight:normal; padding:7px 5px 5px 17px; background:#f8f4c2 url("/layouts/xe_sunooNSL/images/bgicons/leftMenuListOnS.gif") no-repeat 2px 7px; } #leftSubm .lsm li.on ul { display:block; } #leftSubm .lsm li.on ul li { background:#FFF; } #leftSubm .lsm li.on ul li a { padding:7px 5px 5px 17px; background:url("/layouts/xe_sunooNSL/images/bgicons/leftmenuList3.gif") no-repeat 6px 7px; } #leftSubm .lsm li.on ul li a:hover, #leftSubm .lsm li.on ul li a:focus { padding:7px 5px 5px 17px; background:#f8f4c2 url("/layouts/xe_sunooNSL/images/bgicons/leftMenuListOnS.gif") no-repeat 2px 7px; } #leftSubm .lsm li.on ul li.on a { color:#3163FF; font-weight:normal; padding:7px 5px 5px 17px; background:#FFF68F url("/layouts/xe_sunooNSL/images/bgicons/leftMenuListOnS.gif") no-repeat 2px 7px; } #leftSubm .lsm li.on ul li.on a:hover, #leftSubm .lsm li.on ul li.on a:focus { color:#3163FF; font-weight:bold; } #leftWidgetC{ position:relative; float:left; _float:none; left:0px; width:182px; padding:0px; margin:0px 0px 8px 0px; _margin:0px 0px 1px 0px; } #leftWidgetC .leftWidgetTop{ height:5px; top:0px; left:0px; padding:0px; margin:0px; } #leftWidgetC .leftWidget{ top:0px; left:0px; padding:1px 5px; margin:0px; _margin:-7px 0px 0px 0px; } #leftWidgetC .leftWidgetBottom{ height:5px; top:0px; left:0px; padding:0px; margin:0px; } #leftWidgetT{ position:relative; float:left; _float:none; left:0px; width:182px; padding:0px; margin:0px 0px 8px 0px; _margin:0px 0px 1px 0px; } #leftWidgetT .leftWidgetTop{ height:23px; padding:8px 0px 0px 42px; margin:0px; font-size:13px; } #leftWidgetT .leftWidgetTop .icon_title{ position:absolute; left:18px; top:6px; padding:0px; margin:0px; } #leftWidgetT .leftWidget{ top:0px; left:0px; padding:0px 4px; margin:0px; } #leftWidgetT .leftWidgetBottom{ height:5px; top:0px; left:0px; padding:0px; margin:0px; } #leftWidgetD{ position:relative; float:left; _float:none; left:0px; width:182px; padding:0px; margin:0px 0px 8px 0px; _margin:0px 0px 1px 0px; } #leftWidgetD .leftWidgetTop{ height:5px; top:0px; left:0px; padding:0px; margin:0px; } #leftWidgetD .leftWidget{ top:0px; left:0px; padding:0px 4px; margin:0px; _margin:-7px 0px 0px 0px; } #leftWidgetD .leftWidgetBottom{ height:5px; top:0px; left:0px; padding:0px; margin:0px; } #leftBanner { position:relative; left:0px; width:182px; padding:0px; margin:0px 0px 8px 0px; overflow:hidden; } #leftCounter{ position:relative; float:left; _float:none; left:0px; width:182px; padding:0px; margin:0px; } #leftCounter .leftCounterTop{ height:5px; top:0px; left:0px; padding:0px; margin:0px; } #leftCounter .leftCounterBody{ top:0px; left:0px; padding:0px 4px; margin:0px; _margin:-7px 0px 0px 0px; } #leftCounter .leftCounterBottom{ height:5px; top:0px; left:0px; padding:0px; margin:0px; } /* twoColumnBody rightColumn */ #rightColumn { position:relative; float:right; padding:0px; margin:0px; } #rightColumn .contentHeader{ float:left; color:#555; padding:0px; margin-bottom:10px; overflow:hidden;} #rightColumn .content{ float:left; padding:0px 0px 2px 0px; margin:0px; overflow:hidden;} /* contentBody oneColumn */ #oneColumnBody { position:relative; padding:8px 0px 10px 0px; margin:0px; background:#FFF; } #oneColumnBody .contentHeader{ position:relative; color:#555; padding:0px; margin-bottom:10px; overflow:hidden;} #oneColumnBody .content{ position:relative; padding:2px 5px; margin:0px; overflow:hidden; } #quickMenu { position:absolute; top:0px; width:72px; } #quickMenu .qMenu { position:relative; width:72px; top:0px; left:0px; padding:2px 0px 0px 0px; } #quickMenu .qMenu p { list-style:none; padding:5px 7px 0px 22px; margin:0px 0px 0px 0px; line-height:20px; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletA.gif") no-repeat 7px 10px; } #quickMenu .qMenu p a { display:block; color:#03698f; font:12px Tahoma; padding:0px 0px 0px 0px; margin:0px 0px 0px -10px; } #quickMenu .qMenu p a:hover { color:#f80404; text-decoration:underline; } #quickMenu .qMenu .arrowTop { position:relative; width:66px; bottom:0px; left:3px; margin:2px 0px -2px 0px; } #quickMenu .quickMenuBgTop { position:relative; width:70px; top:0px; left:0px; height:30px; } #quickMenu .quickMenuBgBottom { position:relative; width:70px; top:0px; _top:-2px; left:0px; height:10px; } /* Footer */ #footer{ position:relative; padding:0px; margin:0px; border-top:2px solid #d4d4d4; z-index:2; background:#FFF; } /* Related Site */ #linkSite {position:absolute; top:3px; *top:2px; left:10px; width:140px; padding:0px; margin:0px; z-index:4; border:0px solid #999; } #linkSite dl { position:relative; top:0px; width:137px; height:16px; padding-top:2px; margin:0px; cursor:pointer; z-index:2; background:url("/layouts/xe_sunooNSL/images/bgicons/bgLinkSite.gif") no-repeat; } #linkSite dl span { padding:2px 0px 0px 10px; margin:0px; color:#666; font:11px Tahoma; letter-spacing:1px; } #sitelist {position:absolute; bottom:14px; width:135px; height:0px; padding:0px; margin:0px; border:0px solid #d5d5d5; border-width:1px 1px 0px 1px; z-index:1; background:#fff; overflow:auto; } #sitelist ul { width:135px; padding:0px; margin:0px; overflow:hidden; } #sitelist ul li {list-style:none; line-height:14px; padding:3px 5px 2px 5px; margin:0px; } #sitelist ul li:hover { background:#f3f7fb; } #sitelist ul li a { color:#666; font:11px "돋움", Dotum; text-align:left; } #sitelist ul li a:hover, #sitelist ul li a:focus { color:#42a2ff; text-decoration:none; } #bottomMenu { position:relative; padding:5px 0px 3px 30px; margin:0px; border-bottom:1px solid #d4d4d4; text-align:center; overflow:hidden; } #bottomMenu li { display:inline; padding:0px; white-space:nowrap; } #bottomMenu li a { color:#666666; padding:0px 10px 0px 10px; margin:0px; font:12px; } #bottomMenu li a:hover { color:#fc2306; text-decoration:none; } #copyright {position:absolute; top:27px; left:0px; height:8px; margin:0px; } #copyright a { color:#fff; font:6px Tahoma; } #toplink {position:absolute; top:2px; *top:1px; right:10px; width:41px; height:20px; margin:0px; } #rssWrap li.rss{ position:absolute; top:4px; *top:3px; right:65px; margin:0; } #rssWrap li.rss{ list-style:none; background:url("/layouts/xe_sunooNSL/images/bgicons/iconRss.gif") no-repeat left center; } #rssWrap li.rss a{ color:#8b8b8b; padding-left:14px; font-size:11px; font-family:Tahoma;} #address {position:relative; top:8px; height:80px; padding:0px; margin-left:120px; margin-bottom:10px; font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; } #address td .bottom_logo { position:relative; padding:0px 10px 0px 0px; margin:0px; } #address td .bottom_text { color:#666666; line-height:120%; padding:0px 0px 0px 10px; margin:0px; background:url("/layouts/xe_sunooNSL/images/bgicons/lineHight.gif") repeat-y left top; } #address td .bottom_text a { text-decoration:none; color:#666666; font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; } #address td .bottom_text a:hover { color:#fc2306; text-decoration:none; } /* Calender */ #calendar table td.today { font-weight:bold; color:#54564b; background:url("/layouts/xe_sunooNSL/images/bgicons/bgToday.gif") center no-repeat; } #calendar table td.todaysun { font-weight:bold; color:#fe3614; background:url("/layouts/xe_sunooNSL/images/bgicons/bgTodaySun.gif") center no-repeat; } #calendar table td.todaysat { font-weight:bold; color:#0033FF; background:url("/layouts/xe_sunooNSL/images/bgicons/bgTodaySat.gif") center no-repeat; } /* newest_document */ .blog_widget_normal .newest_document, .blog_widget_normal .newest_document .items { margin:0; padding:0px; overflow:hidden;} .blog_widget_normal .newest_document .items li { font-size:.9em; display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; white-space:nowrap; list-style:none; width:100%;} .blog_widget_normal .newest_document .items li a {font:12px dotum; color:#777777; display:block; line-height:1.5em; text-decoration:none; padding:3px 0 3px 13px; border-bottom:1px solid #eae8e8; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletD.gif") no-repeat left; } .blog_widget_normal .newest_document .items li a:hover { color:#555555; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletD.gif") #f2f3fc no-repeat left; line-height:1.5em; text-decoration:none; } /* newest_comment */ .blog_widget_normal .newest_comment, .blog_widget_normal .newest_comment .items { margin:0; padding:0px; overflow:hidden;} .blog_widget_normal .newest_comment .items li { font-size:.9em; display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; white-space:nowrap; list-style:none; width:100%;} .blog_widget_normal .newest_comment .items li a {font:12px dotum; color:#777777; display:block; line-height:1.5em; text-decoration:none; padding:3px 0 3px 10px; border-bottom:1px dashed #e4e2e2; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletC.gif") no-repeat left; } .blog_widget_normal .newest_comment .items li a:hover { color:#555555; background:#eeeeee; line-height:1.5em; text-decoration:none; background:url("/layouts/xe_sunooNSL/images/bgicons/bulletC.gif") #eeeeee no-repeat left; } /* xe_sunooNSL layout. Layout Design by SunooTC (http://www.goodpr.me/) */ /* colorset */ body.default {background:url("/layouts/xe_sunooNSL/images/default/bgBody.gif") repeat-x left top;} body.spring {background:url("/layouts/xe_sunooNSL/images/spring/bgBody.gif") repeat-x left top;} body.summer {background:url("/layouts/xe_sunooNSL/images/summer/bgBody.gif") repeat-x left top;} body.autumn {background:url("/layouts/xe_sunooNSL/images/autumn/bgBody.gif") repeat-x left top;} body.winter {background:url("/layouts/xe_sunooNSL/images/winter/bgBody.gif") repeat-x left top;} .dmSubMenu ul.default { background:#f3f1e9; } .dmSubMenu ul.default li a:hover { color:#192221; background:#e9e6dc; } .dmSubMenu ul.spring { background:#f0f9e6; } .dmSubMenu ul.spring li a:hover { color:#192221; background:#ddf8bb; } .dmSubMenu ul.summer { background:#f2f3fa; } .dmSubMenu ul.summer li a:hover { color:#192221; background:#e3e6fb; } .dmSubMenu ul.autumn { background:#f8f1e2; } .dmSubMenu ul.autumn li a:hover { color:#192221; background:#fae9bf; } .dmSubMenu ul.winter { background:#ebf7f9; } .dmSubMenu ul.winter li a:hover { color:#192221; background:#dfeaec; } /* colorset default */ .default #menuLine .tableM .td1{ width:4px; background:url("/layouts/xe_sunooNSL/images/default/bgMenuL.gif") no-repeat left top; } .default #menuLine .tableM .td2{ width:183px; background:url("/layouts/xe_sunooNSL/images/default/bgMenuC.gif") repeat-x left top; } .default #menuLine .tableM .td3{ width:3px; background:url("/layouts/xe_sunooNSL/images/default/bgMenuR.gif") no-repeat left top; } .default #menuLine .tableM .td4{ width:4px; background:url("/layouts/xe_sunooNSL/images/default/bgMenuL.gif") no-repeat left top; } .default #menuLine .tableM .td5{ width:auto; background:url("/layouts/xe_sunooNSL/images/default/bgMenuC.gif") repeat-x left top; } .default #menuLine .tableM .td6{ width:4px; background:url("/layouts/xe_sunooNSL/images/default/bgMenuR.gif") no-repeat left top; } .default .mainMenu li a:hover { color:#f21a04; background:url("/layouts/xe_sunooNSL/images/autumn/bgMenuHover.gif") repeat-x left top; } .default .mainMenu li.on a { color:#0528fb; background:url("/layouts/xe_sunooNSL/images/default/bgMenuHover.gif") repeat-x left top; } .default .mainMenu li.on a:hover { color:#f21a04; } .default #language .languageList{ background:#fbf7ee; border-color:#888; } .default #language .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .default #languageTop .languageList{ background:#fbf7ee; border-color:#888; } .default #languageTop .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .default #access li{ background:url("/layouts/xe_sunooNSL/images/default/lineAccessVr.gif") no-repeat right 4px; } .default #accessTop li{ background:url("/layouts/xe_sunooNSL/images/default/lineAccessVr.gif") no-repeat right 4px; } .default #totalMenu .tmLayer{ background:#fbf7ee; } .default #totalMenuT .tmLayer{ background:#fbf7ee; } .default #search{ top:39px; background:url("/layouts/xe_sunooNSL/images/default/bgSearch.gif") no-repeat left top;} .default #searchR{ top:39px; background:url("/layouts/xe_sunooNSL/images/default/bgSearch.gif") no-repeat left top;} .default #twoColumnBody{ background:#fff url("/layouts/xe_sunooNSL/images/default/dividingLine.gif") repeat-y 191px 0; } .default #popupLog .logFace{ border:1px solid #3f678b; background:#f9f7e8; } .default #popupLog .logFace .loginButton input{ background:url("/layouts/xe_sunooNSL/images/default/buttonPupupLogin.gif") no-repeat 0px 0px; } .default #logDefault .logDefaultTopbg{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgTop.gif") no-repeat 0px 0px; } .default #logDefault .loginFace{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBody.gif") repeat-y 0px 0px; } .default #logDefault .loggedFace{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBody.gif") repeat-y 0px 0px; } .default #logDefault .logDefaultBottombg{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .default #leftSubm .submTitle { background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .default #leftSubm .lsm { background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBody.gif") repeat-y 0px 0px; } .default #leftSubm .submBottom { background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .default #leftWidgetC .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgTop.gif") no-repeat 0px 0px; } .default #leftWidgetC .leftWidget{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBody.gif") repeat-y 0px 0px; } .default #leftWidgetC .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .default #leftWidgetT .leftWidgetTop{ color:#555; background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .default #leftWidgetT .leftWidget{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBody.gif") repeat-y 0px 0px; } .default #leftWidgetT .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .default #leftWidgetD .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgTop.gif") no-repeat 0px 0px; } .default #leftWidgetD .leftWidget{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBody.gif") repeat-y 0px 0px; } .default #leftWidgetD .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .default #leftCounter .leftCounterTop{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgTop.gif") no-repeat 0px 0px; } .default #leftCounter .leftCounterBody{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBody.gif") repeat-y 0px 0px; } .default #leftCounter .leftCounterBottom{ background:url("/layouts/xe_sunooNSL/images/default/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .default #bottomMenu { background:#f3f1e9; } .default #quickMenu .qMenu { background:url("/layouts/xe_sunooNSL/images/default/bgQuickMenuBody.gif") repeat-y left top; } .default #quickMenu .qMenu p a { color:#665e50; } .default #quickMenu .quickMenuBgTop { background:url("/layouts/xe_sunooNSL/images/default/bgQuickMenuTop.gif") no-repeat left top; } .default #quickMenu .quickMenuBgBottom { background:url("/layouts/xe_sunooNSL/images/default/bgQuickMenuBottom.gif") no-repeat left bottom; } /* colorset spring */ .spring #menuLine .tableM .td1{ width:4px; background:url("/layouts/xe_sunooNSL/images/spring/bgMenuL.gif") no-repeat left top; } .spring #menuLine .tableM .td2{ width:183px; background:url("/layouts/xe_sunooNSL/images/spring/bgMenuC.gif") repeat-x left top; } .spring #menuLine .tableM .td3{ width:3px; background:url("/layouts/xe_sunooNSL/images/spring/bgMenuR.gif") no-repeat left top; } .spring #menuLine .tableM .td4{ width:4px; background:url("/layouts/xe_sunooNSL/images/spring/bgMenuL.gif") no-repeat left top; } .spring #menuLine .tableM .td5{ width:auto; background:url("/layouts/xe_sunooNSL/images/spring/bgMenuC.gif") repeat-x left top; } .spring #menuLine .tableM .td6{ width:4px; background:url("/layouts/xe_sunooNSL/images/spring/bgMenuR.gif") no-repeat left top; } .spring .mainMenu li a:hover { color:#f21a04; background:url("/layouts/xe_sunooNSL/images/summer/bgMenuHover.gif") repeat-x left top; } .spring .mainMenu li.on a { color:#0528fb; background:url("/layouts/xe_sunooNSL/images/spring/bgMenuHover.gif") repeat-x left top; } .spring .mainMenu li.on a:hover { color:#f21a04; } .spring #language .languageList{ background:#fbf7ee; border-color:#888; } .spring #language .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .spring #languageTop .languageList{ background:#fbf7ee; border-color:#888; } .spring #languageTop .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .spring #access li{ background:url("/layouts/xe_sunooNSL/images/spring/lineAccessVr.gif") no-repeat right 4px; } .spring #accessTop li{ background:url("/layouts/xe_sunooNSL/images/spring/lineAccessVr.gif") no-repeat right 4px; } .spring #totalMenu .tmLayer{ background:#fbf7ee; } .spring #totalMenuT .tmLayer{ background:#fbf7ee; } .spring #search{ top:38px; background:url("/layouts/xe_sunooNSL/images/spring/bgSearch.gif") no-repeat left top;} .spring #searchR{ top:38px; background:url("/layouts/xe_sunooNSL/images/spring/bgSearch.gif") no-repeat left top;} .spring #twoColumnBody{ background:#fff url("/layouts/xe_sunooNSL/images/spring/dividingLine.gif") repeat-y 191px 0; } .spring #popupLog .logFace{ border:1px solid #3f678b; background:#e2fbb6; } .spring #popupLog .logFace .loginButton input{ background:url("/layouts/xe_sunooNSL/images/spring/buttonPupupLogin.gif") no-repeat 0px 0px; background-color:transparent; } .spring #logDefault .logDefaultTopbg{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgTop.gif") no-repeat 0px 0px; } .spring #logDefault .loginFace{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBody.gif") repeat-y 0px 0px; } .spring #logDefault .loggedFace{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBody.gif") repeat-y 0px 0px; } .spring #logDefault .logDefaultBottombg{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .spring #leftSubm .submTitle { background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .spring #leftSubm .lsm { background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBody.gif") repeat-y 0px 0px; } .spring #leftSubm .submBottom { background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .spring #leftWidgetC .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgTop.gif") no-repeat 0px 0px; } .spring #leftWidgetC .leftWidget{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBody.gif") repeat-y 0px 0px; } .spring #leftWidgetC .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .spring #leftWidgetT .leftWidgetTop{ color:#555; background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .spring #leftWidgetT .leftWidget{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBody.gif") repeat-y 0px 0px; } .spring #leftWidgetT .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .spring #leftWidgetD .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgTop.gif") no-repeat 0px 0px; } .spring #leftWidgetD .leftWidget{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBody.gif") repeat-y 0px 0px; } .spring #leftWidgetD .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .spring #leftCounter .leftCounterTop{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgTop.gif") no-repeat 0px 0px; } .spring #leftCounter .leftCounterBody{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBody.gif") repeat-y 0px 0px; } .spring #leftCounter .leftCounterBottom{ background:url("/layouts/xe_sunooNSL/images/spring/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .spring #bottomMenu { background:#f0f9e6; } .spring #quickMenu .qMenu { background:url("/layouts/xe_sunooNSL/images/spring/bgQuickMenuBody.gif") repeat-y left top; } .spring #quickMenu .qMenu p a { color:#188303; } .spring #quickMenu .quickMenuBgTop { background:url("/layouts/xe_sunooNSL/images/spring/bgQuickMenuTop.gif") no-repeat left top; } .spring #quickMenu .quickMenuBgBottom { background:url("/layouts/xe_sunooNSL/images/spring/bgQuickMenuBottom.gif") no-repeat left bottom; } /* colorset summer */ .summer #menuLine .tableM .td1{ width:4px; background:url("/layouts/xe_sunooNSL/images/summer/bgMenuL.gif") no-repeat left top; } .summer #menuLine .tableM .td2{ width:183px; background:url("/layouts/xe_sunooNSL/images/summer/bgMenuC.gif") repeat-x left top; } .summer #menuLine .tableM .td3{ width:3px; background:url("/layouts/xe_sunooNSL/images/summer/bgMenuR.gif") no-repeat left top; } .summer #menuLine .tableM .td4{ width:4px; background:url("/layouts/xe_sunooNSL/images/summer/bgMenuL.gif") no-repeat left top; } .summer #menuLine .tableM .td5{ width:auto; background:url("/layouts/xe_sunooNSL/images/summer/bgMenuC.gif") repeat-x left top; } .summer #menuLine .tableM .td6{ width:4px; background:url("/layouts/xe_sunooNSL/images/summer/bgMenuR.gif") no-repeat left top; } .summer .mainMenu li a:hover { color:#f21a04; background:url("/layouts/xe_sunooNSL/images/spring/bgMenuHover.gif") repeat-x left top; } .summer .mainMenu li.on a { color:#0528fb; background:url("/layouts/xe_sunooNSL/images/summer/bgMenuHover.gif") repeat-x left top; } .summer .mainMenu li.on a:hover { color:#f21a04; } .summer #language .languageList{ background:#fbf7ee; border-color:#888; } .summer #language .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .summer #languageTop .languageList{ background:#fbf7ee; border-color:#888; } .summer #languageTop .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .summer #access li{ background:url("/layouts/xe_sunooNSL/images/summer/lineAccessVr.gif") no-repeat right 4px; } .summer #accessTop li{ background:url("/layouts/xe_sunooNSL/images/summer/lineAccessVr.gif") no-repeat right 4px; } .summer #totalMenu .tmLayer{ background:#fbf7ee; } .summer #totalMenuT .tmLayer{ background:#fbf7ee; } .summer #search{ top:39px; background:url("/layouts/xe_sunooNSL/images/summer/bgSearch.gif") no-repeat left top;} .summer #searchR{ top:39px; background:url("/layouts/xe_sunooNSL/images/summer/bgSearch.gif") no-repeat left top;} .summer #twoColumnBody{ background:#fff url("/layouts/xe_sunooNSL/images/summer/dividingLine.gif") repeat-y 191px 0; } .summer #popupLog .logFace{ border:1px solid #3f678b; background:#edf1fb; } .summer #popupLog .logFace .loginButton input{ background:url("/layouts/xe_sunooNSL/images/summer/buttonPupupLogin.gif") no-repeat 0px 0px; } .summer #logDefault .logDefaultTopbg{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgTop.gif") no-repeat 0px 0px; } .summer #logDefault .loginFace{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBody.gif") repeat-y 0px 0px; } .summer #logDefault .loggedFace{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBody.gif") repeat-y 0px 0px; } .summer #logDefault .logDefaultBottombg{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .summer #leftSubm .submTitle { background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .summer #leftSubm .lsm { background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBody.gif") repeat-y 0px 0px; } .summer #leftSubm .submBottom { background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .summer #leftWidgetC .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgTop.gif") no-repeat 0px 0px; } .summer #leftWidgetC .leftWidget{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBody.gif") repeat-y 0px 0px; } .summer #leftWidgetC .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .summer #leftWidgetT .leftWidgetTop{ color:#444; background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .summer #leftWidgetT .leftWidget{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBody.gif") repeat-y 0px 0px; } .summer #leftWidgetT .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .summer #leftWidgetD .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgTop.gif") no-repeat 0px 0px; } .summer #leftWidgetD .leftWidget{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBody.gif") repeat-y 0px 0px; } .summer #leftWidgetD .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .summer #leftCounter .leftCounterTop{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgTop.gif") no-repeat 0px 0px; } .summer #leftCounter .leftCounterBody{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBody.gif") repeat-y 0px 0px; } .summer #leftCounter .leftCounterBottom{ background:url("/layouts/xe_sunooNSL/images/summer/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .summer #bottomMenu { background:#f2f3fa; } .summer #quickMenu .qMenu { background:url("/layouts/xe_sunooNSL/images/summer/bgQuickMenuBody.gif") repeat-y left top; } .summer #quickMenu .qMenu p a { color:#4a50c5; } .summer #quickMenu .quickMenuBgTop { background:url("/layouts/xe_sunooNSL/images/summer/bgQuickMenuTop.gif") no-repeat left top; } .summer #quickMenu .quickMenuBgBottom { background:url("/layouts/xe_sunooNSL/images/summer/bgQuickMenuBottom.gif") no-repeat left bottom; } /* colorset autumn */ .autumn #menuLine .tableM .td1{ width:5px; background:url("/layouts/xe_sunooNSL/images/autumn/bgMenuL.gif") no-repeat left top; } .autumn #menuLine .tableM .td2{ width:182px; background:url("/layouts/xe_sunooNSL/images/autumn/bgMenuC.gif") repeat-x left top; } .autumn #menuLine .tableM .td3{ width:4px; background:url("/layouts/xe_sunooNSL/images/autumn/bgMenuR.gif") no-repeat left top; } .autumn #menuLine .tableM .td4{ width:5px; background:url("/layouts/xe_sunooNSL/images/autumn/bgMenuL.gif") no-repeat left top; } .autumn #menuLine .tableM .td5{ width:auto; background:url("/layouts/xe_sunooNSL/images/autumn/bgMenuC.gif") repeat-x left top; } .autumn #menuLine .tableM .td6{ width:5px; background:url("/layouts/xe_sunooNSL/images/autumn/bgMenuR.gif") no-repeat left top; } .autumn .mainMenu li a:hover { color:#f21a04; background:url("/layouts/xe_sunooNSL/images/winter/bgMenuHover.gif") repeat-x left top; } .autumn .mainMenu li.on a { color:#0528fb; background:url("/layouts/xe_sunooNSL/images/autumn/bgMenuHover.gif") repeat-x left top; } .autumn .mainMenu li.on a:hover { color:#f21a04; } .autumn #language .languageList{ background:#fbf7ee; border-color:#888; } .autumn #language .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .autumn #languageTop .languageList{ background:#fbf7ee; border-color:#888; } .autumn #languageTop .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .autumn #access li{ background:url("/layouts/xe_sunooNSL/images/autumn/lineAccessVr.gif") no-repeat right 4px; } .autumn #accessTop li{ background:url("/layouts/xe_sunooNSL/images/autumn/lineAccessVr.gif") no-repeat right 4px; } .autumn #totalMenu .tmLayer{ background:#fbf7ee; } .autumn #totalMenuT .tmLayer{ background:#fbf7ee; } .autumn #search{ top:39px; background:url("/layouts/xe_sunooNSL/images/autumn/bgSearch.gif") no-repeat left top;} .autumn #searchR{ top:39px; background:url("/layouts/xe_sunooNSL/images/autumn/bgSearch.gif") no-repeat left top;} .autumn #twoColumnBody{ background:#fff url("/layouts/xe_sunooNSL/images/autumn/dividingLine.gif") repeat-y 191px 0; } .autumn #popupLog .logFace{ border:1px solid #3f678b; background:#fbf0db; } .autumn #popupLog .logFace .loginButton input{ background:url("/layouts/xe_sunooNSL/images/autumn/buttonPupupLogin.gif") no-repeat 0px 0px; } .autumn #logDefault .logDefaultTopbg{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgTop.gif") no-repeat 0px 0px; } .autumn #logDefault .loginFace{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBody.gif") repeat-y 0px 0px; } .autumn #logDefault .loggedFace{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBody.gif") repeat-y 0px 0px; } .autumn #logDefault .logDefaultBottombg{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .autumn #leftSubm .submTitle { background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .autumn #leftSubm .lsm { background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBody.gif") repeat-y 0px 0px; } .autumn #leftSubm .submBottom { background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .autumn #leftWidgetC .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgTop.gif") no-repeat 0px 0px; } .autumn #leftWidgetC .leftWidget{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBody.gif") repeat-y 0px 0px; } .autumn #leftWidgetC .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .autumn #leftWidgetT .leftWidgetTop{ color:#555; background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .autumn #leftWidgetT .leftWidget{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBody.gif") repeat-y 0px 0px; } .autumn #leftWidgetT .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .autumn #leftWidgetD .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgTop.gif") no-repeat 0px 0px; } .autumn #leftWidgetD .leftWidget{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBody.gif") repeat-y 0px 0px; } .autumn #leftWidgetD .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .autumn #leftCounter .leftCounterTop{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgTop.gif") no-repeat 0px 0px; } .autumn #leftCounter .leftCounterBody{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBody.gif") repeat-y 0px 0px; } .autumn #leftCounter .leftCounterBottom{ background:url("/layouts/xe_sunooNSL/images/autumn/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .autumn #bottomMenu { background:#f8f1e2; } .autumn #quickMenu .qMenu { background:url("/layouts/xe_sunooNSL/images/autumn/bgQuickMenuBody.gif") repeat-y left top; } .autumn #quickMenu .qMenu p a { color:#84630b; } .autumn #quickMenu .quickMenuBgTop { background:url("/layouts/xe_sunooNSL/images/autumn/bgQuickMenuTop.gif") no-repeat left top; } .autumn #quickMenu .quickMenuBgBottom { background:url("/layouts/xe_sunooNSL/images/autumn/bgQuickMenuBottom.gif") no-repeat left bottom; } /* colorset winter */ .winter #menuLine .tableM .td1{ width:4px; background:url("/layouts/xe_sunooNSL/images/winter/bgMenuL.gif") no-repeat left top; } .winter #menuLine .tableM .td2{ width:183px; background:url("/layouts/xe_sunooNSL/images/winter/bgMenuC.gif") repeat-x left top; } .winter #menuLine .tableM .td3{ width:3px; background:url("/layouts/xe_sunooNSL/images/winter/bgMenuR.gif") no-repeat left top; } .winter #menuLine .tableM .td4{ width:4px; background:url("/layouts/xe_sunooNSL/images/winter/bgMenuL.gif") no-repeat left top; } .winter #menuLine .tableM .td5{ width:auto; background:url("/layouts/xe_sunooNSL/images/winter/bgMenuC.gif") repeat-x left top; } .winter #menuLine .tableM .td6{ width:4px; background:url("/layouts/xe_sunooNSL/images/winter/bgMenuR.gif") no-repeat left top; } .winter .mainMenu li a:hover { color:#f21a04; background:url("/layouts/xe_sunooNSL/images/autumn/bgMenuHover.gif") repeat-x left top; } .winter .mainMenu li.on a { color:#0528fb; background:url("/layouts/xe_sunooNSL/images/winter/bgMenuHover.gif") repeat-x left top; } .winter .mainMenu li.on a:hover { color:#f21a04; } .winter #language .languageList{ background:#fbf7ee; border-color:#888; } .winter #language .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .winter #languageTop .languageList{ background:#fbf7ee; border-color:#888; } .winter #languageTop .languageList li:hover{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; } .winter #access li{ background:url("/layouts/xe_sunooNSL/images/winter/lineAccessVr.gif") no-repeat right 4px; } .winter #accessTop li{ background:url("/layouts/xe_sunooNSL/images/winter/lineAccessVr.gif") no-repeat right 4px; } .winter #totalMenu .tmLayer{ background:#fbf7ee; } .winter #totalMenuT .tmLayer{ background:#fbf7ee; } .winter #search{ top:39px; background:url("/layouts/xe_sunooNSL/images/winter/bgSearch.gif") no-repeat left top;} .winter #searchR{ top:39px; background:url("/layouts/xe_sunooNSL/images/winter/bgSearch.gif") no-repeat left top;} .winter #twoColumnBody{ background:#fff url("/layouts/xe_sunooNSL/images/winter/dividingLine.gif") repeat-y 191px 0; } .winter #popupLog .logFace{ border:1px solid #3f678b; background:#f1f5f8; } .winter #popupLog .logFace .loginButton input{ background:url("/layouts/xe_sunooNSL/images/winter/buttonPupupLogin.gif") no-repeat 0px 0px; } .winter #logDefault .logDefaultTopbg{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgTop.gif") no-repeat 0px 0px; } .winter #logDefault .loginFace{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBody.gif") repeat-y 0px 0px; } .winter #logDefault .loggedFace{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBody.gif") repeat-y 0px 0px; } .winter #logDefault .logDefaultBottombg{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .winter #leftSubm .submTitle { background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .winter #leftSubm .lsm { background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBody.gif") repeat-y 0px 0px; } .winter #leftSubm .submBottom { background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .winter #leftWidgetC .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgTop.gif") no-repeat 0px 0px; } .winter #leftWidgetC .leftWidget{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBody.gif") repeat-y 0px 0px; } .winter #leftWidgetC .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .winter #leftWidgetT .leftWidgetTop{ color:#555; background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgTitle.gif") no-repeat 0px 0px; } .winter #leftWidgetT .leftWidget{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBody.gif") repeat-y 0px 0px; } .winter #leftWidgetT .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .winter #leftWidgetD .leftWidgetTop{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgTop.gif") no-repeat 0px 0px; } .winter #leftWidgetD .leftWidget{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBody.gif") repeat-y 0px 0px; } .winter #leftWidgetD .leftWidgetBottom{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .winter #leftCounter .leftCounterTop{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgTop.gif") no-repeat 0px 0px; } .winter #leftCounter .leftCounterBody{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBody.gif") repeat-y 0px 0px; } .winter #leftCounter .leftCounterBottom{ background:url("/layouts/xe_sunooNSL/images/winter/leftWidgetBgBottom.gif") no-repeat 0px 0px; } .winter #bottomMenu { background:#ebf7f9; } .winter #quickMenu .qMenu { background:url("/layouts/xe_sunooNSL/images/winter/bgQuickMenuBody.gif") repeat-y left top; } .winter #quickMenu .qMenu p a { color:#5a6872; } .winter #quickMenu .quickMenuBgTop { background:url("/layouts/xe_sunooNSL/images/winter/bgQuickMenuTop.gif") no-repeat left top; } .winter #quickMenu .quickMenuBgBottom { background:url("/layouts/xe_sunooNSL/images/winter/bgQuickMenuBottom.gif") no-repeat left bottom; } /* end colorset */ /* Calendar */ #calendar { padding:0px; margin:0px;} #calendar table { width:100%; background:url("/widgets/calendar/skins/sunoo_calendar/images/bgLine.gif") repeat-x left top;} #calendar table caption { font:bold 13px Tahoma; color:#9a9a9a; padding-bottom:6px;} #calendar table caption .mm { font:bold 15px Tahoma; color:#54564b;} #calendar table caption a { padding:.2em;} #calendar table caption a img { vertical-align:middle;} #calendar table th { padding:6px 0px; font-weight:normal; font-size:.9em; color:#9a9a9a;} #calendar table th.sun { color:#fe3614;} #calendar table th.sat { color:#0033FF;} #calendar table td { padding:3px 0px; text-align:center; font-family:Tahoma; color:#9a9a9a;} #calendar table td a {font-family:Tahoma; color:#9a9a9a;} #calendar table td.sun {color:#fe3614;} #calendar table td.sun a {font-family:Tahoma; color:#fe3614;} #calendar table td.sat {color:#0033FF;} #calendar table td.sat a { font-family:Tahoma; color:#0033FF;} #calendar table td.today { background-color:#ffffff; font-weight:bold; color:#54564b;} #calendar table td.todaysun { background-color:#ffffff; font-weight:bold; color:#fe3614;} #calendar table td.todaysat { background-color:#ffffff; font-weight:bold; color:#0033FF;} #calendar table td.posted a { text-decoration:underline;} #calendar table td.sunposted a { color:#fe3614; text-decoration:underline;} #calendar table td.satposted a { color:#0033FF; text-decoration:underline;} #calendar table td.todayposted { background-color:#CCCCCC; font-weight:bold; } #calendar table td.todaysunposted { background-color:#CCCCCC; font-weight:bold; color:#fe3614;} #calendar table td.todaysatposted { background-color:#CCCCCC; font-weight:bold; color:#0033FF;} .xeBanner { position:relative; z-index:100;} .xeBanner .section{ display:none; position:static; height:346px; padding-top:1px; margin:0 !important; } .xeBanner.v1 #v1, .xeBanner.v2 #v2, .xeBanner.v3 #v3{ display:block;} .xeBanner #v1{ background-position:0 0;} .xeBanner #v2{ background-position:0 -347px;} .xeBanner #v3{ background-position:0 -694px;} .xeBanner .section h2, .xeBanner .section p{ position:relative; margin:0; z-index:-1; line-height:1.2;} .xeBanner .section a{ position:absolute; height:22px; top:160px; left:15px; font-size:11px; padding:0 8px; overflow:hidden; text-decoration:none;} .xeBanner .section a span{ position:relative; top:-22px;} .xeBanner .vNavigation{ position:absolute; top:207px; left:15px; margin:0; padding:0; list-style:none;} .xeBanner .vNavigation li{ float:left; margin-right:15px; font-size:0; line-height:0;} .xeBanner .vNavigation li button{ overflow:visible; padding:0; cursor:pointer; background-color:transparent; border:0; width:19px; height:19px; font-size:0; line-height:0;} .xeBanner .vNavigation li button span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; z-index:-1;} /* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* NCW : Naradesign Content Widget */ .ncw { font-size:12px; line-height:normal; font-family:Tahoma; margin:1em 0; *zoom:1; color:#333;} .ncw:after{ content:""; display:block; clear:both;} .ncw img{ border:0;} .ncw ul{ margin:0; padding:0; list-style:none;} .ncw button{ font-size:12px; font-family:Tahoma; background:none; border:0; padding:0; overflow:visible; cursor:pointer;} .ncw a{ text-decoration:none; color:#333;} .ncw a:hover, .ncw a:active, .ncw a:focus{ text-decoration:underline;} /* Common Class */ .ncw .ncwListContainer{ position:relative;} .ncw .ncwThumbArea{ float:left; margin-top:0; margin-bottom:0;} .ncw .ncwListArea{} .ncw .thumb{ float:left; position:relative; display:block; border:1px solid #ddd; padding:8px; text-decoration:none !important; *zoom:1;} .ncw .thumb .moduleTitle, .ncw .thumb .categoryTitle{ display:block; position:absolute; padding:2px 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60);} .ncw .thumb .moduleTitle{ top:8px; left:8px;} .ncw .thumb .categoryTitle{ bottom:8px; left:8px;} .ncw .imgNone{ display:inline-block; text-align:center; background:#f8f8f8;} .ncw .textArea{ color:#767676;} .ncw .replyNum, .ncw .trackbackNum{ font:9px Tahoma; text-decoration:none;} .ncw .replyNum a{ color:#ff1a1a;} .ncw .trackbackNum a{ color:#19a0ff;} .ncw .time{ font-size:11px;} .ncw .date{ font-size:11px; color:#666;} .ncw .hour{ font-size:11px; color:#767676;} .ncw .icon{} /* Tab Container */ .ncwTabContainer .ncwListContainer{ display:none;} .ncwTabContainer .active .ncwListContainer{ display:block;} /* Pagination */ .ncwListPagination{ text-align:right; padding:5px !important; white-space:nowrap;} .ncwListPagination li{ display:inline;} .ncwListPagination button{ width:16px; height:16px; background-image:url("/widgets/content/skins/naradesign/img/buttonWidgetNavigation.gif"); border:1px solid #999; overflow:hidden;} .ncwListPagination button.prev{ background-position:left center; *background-position:-1px center;} .ncwListPagination button.next{ background-position:right center; *background-position:13px center;} .ncwListPagination button span{ position:absolute; display:block; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; white-space:nowrap;} /* Hr Tab */ .ncwTabHr { position:relative;} .ncwTabHr li.ncwTab { display:inline;} .ncwTabHr li.ncwTab .ncwTabButton{ float:left; position:relative; z-index:2; border:1px solid #ddd; background:#fff; height:26px; line-height:26px; padding:0 10px; margin:0 -1px 0 0; border-bottom:0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;} .ncwTabHr li.ncwTab.active .ncwTabButton{ font-weight:bold; letter-spacing:-1px; height:27px; margin-bottom:-1px;} .ncwTabHr li.ncwTab .ncwListContainer{ position:absolute; z-index:1; top:26px; left:0; width:100%; border-top:1px solid #ddd; padding:10px 0;} /* Vr Tab */ .ncwTabVr{ position:relative;} .ncwTabVr li.ncwTab .ncwTabButton{ width:25%; border:1px solid #ddd; padding:0 10px; height:27px; line-height:27px; text-align:left; margin:0 0 -1px 0; white-space:nowrap;} .ncwTabVr li.ncwTab.active .ncwTabButton{ font-weight:bold; letter-spacing:-1px;} .ncwTabVr li.ncwTab .ncwListContainer{ position:absolute; top:0; right:0; width:75%; border-top:1px solid #ddd; padding:10px 0;} .ncwTabVr li.ncwTab .ncwLastTitle, .ncwTabVr li.ncwTab .ncwLastThumb, .ncwTabVr li.ncwTab .ncwGallery, .ncwTabVr li.ncwTab .ncwWebzine{ margin:0 0 0 20px;} /* Widget List */ .ncwList{ line-height:1.5;} .ncwList .moduleTitle, .ncwList .categoryTitle{ color:#767676; font-weight:bold; margin:0 5px 0 0;} .ncwList .documentTitle{} /* Widget List - Unordered */ ul.ncwList{} /* Widget List - Table */ table.ncwList{ border:0; width:100%; border-spacing:0;} table.ncwList td{ border:0; white-space:nowrap; padding:0 5px;} table.ncwList td.titleArea{ width:100%; white-space:normal;} /* ncwLastTitle */ .ncwLastTitle{ *zoom:1;} .ncwLastTitle:after{ content:""; display:block; clear:both;} /* ncwLastThumb */ .ncwLastThumb{ *zoom:1;} .ncwLastThumb:after{ content:""; display:block; clear:both;} /* Gallery */ .ncwGallery{ *zoom:1;} .ncwGallery:after{ content:""; display:block; clear:both;} .ncwGallery li{ float:left; margin:0 10px 10px 0;} .ncwGallery .thumb{ margin:10px 0; font-size:11px; font-family:Dotum, 돋움;} .ncwGallery .documentTitle{} .ncwGallery .author{ display:block; float:left; clear:both;} .ncwGallery .time{ display:block; clear:both; line-height:1.5;} /* Webzine */ .ncwWebzine li{ *zoom:1; margin:0 0 10px 0;} .ncwWebzine li:after{ content:""; display:block; clear:both;} .ncwWebzine .thumb{ font-size:11px; font-family:Dotum, 돋움;} .ncwWebzine .titleArea{ margin:0 0 5px 0;} .ncwWebzine .moduleTitle{ padding:0 5px 0 0; background:url("/widgets/content/skins/naradesign/img/lineTextDiv.gif") no-repeat right center;} .ncwWebzine .documentTitle{ font-weight:bold;} .ncwWebzine .textArea{ margin:5px 0;} .ncwWebzine .authorArea{ margin:5px 0;} /* popup_menu_area */ #popup_menu_area{ position:absolute; z-index:1000; font-size:12px; padding:10px; border:1px solid #ddd; background:#fff; -moz-border-radius:5px; -webkit-border-radius:3px;} #popup_menu_area ul{ list-style:none; margin:0; padding:0;} #popup_menu_area li{ background-repeat:no-repeat; background-position:left center; height:16px; padding:0 0 0 20px;} #popup_menu_area a{ text-decoration:none; color:#333;} .xeOfficialStyle h2 { margin:0; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url("/widgetstyles/xe_official/img/white/lineNotice.gif") no-repeat left bottom; font-size:1em;} .xeOfficialStyle .widgetMoreLink { position:absolute; right:11px; color:#54564b; font:.8em Tahoma;} .xeOfficialStyle a.widgetMoreLink { text-decoration:none;} .xeOfficialStyle a.widgetMoreLink:hover { text-decoration:underline;} .xeOfficialStyleBlack h2 { margin:0; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#ffffff; background:url("/widgetstyles/xe_official/img/black/lineNotice.gif") no-repeat left bottom; font-size:1em;} .xeOfficialStyleBlack .widgetMoreLink { position:absolute; right:11px; color:#54564b; font:.8em Tahoma;} .xeOfficialStyleBlack a.widgetMoreLink { text-decoration:none;} .xeOfficialStyleBlack a.widgetMoreLink:hover { text-decoration:underline;} div.simpleWidgetStyle { position:relative;margin-bottom:20px; overflow:hidden; *zoom:1;} div.simpleWidgetStyle h2 { margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; border-bottom:2px solid #434343;} div.simpleWidgetStyle a.widgetMoreLink { position:absolute; top:8px; right:0; font:11px Dotum; text-decoration:none; color:#888;} div.simpleWidgetStyle.black h2 { color:#333; } div.simpleWidgetStyle.black h2 { color:#999; } div.simpleWidgetStyle { margin-bottom:20px; overflow:hidden; *zoom:1;} div.simpleWidgetStyle h2 { margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; border-bottom:2px solid #434343;} div.simpleWidgetStyle a.widgetMoreLink { position:absolute; top:8px; right:0; font:11px Dotum; text-decoration:none; color:888;} div.simpleWidgetStyle.black h2 { color:#333; } div.simpleWidgetStyle.black h2 { color:#999; } .carousel { padding: 10px 0 0 0; margin: 0 0 20px 10px; position: relative; color: #3a3a3a; } .carousel .noimage { background: url("/widgets/flowing_pictures/skins/default/img/noimage.png") no-repeat center; } /* buttons */ .carousel a.prev, .carousel a.next { display: block; float: left; width: 30px; text-decoration: none; background: url("/widgets/flowing_pictures/skins/default/img/imageNavLeft.png") left center no-repeat; } .carousel a.next { background: url("/widgets/flowing_pictures/skins/default/img/imageNavRight.png") right center no-repeat; } .carousel a.next:hover { background-image: url("/widgets/flowing_pictures/skins/default/img/imageNavRightHover.png"); } .carousel a.prev:hover { background-image: url("/widgets/flowing_pictures/skins/default/img/imageNavLeftHover.png"); } .carousel a.next:hover, .carousel a.next:active, .carousel a.prev:hover, .carousel a.prev:active{ border: none; outline: none; } /* frame background */ .carousel .jCarouselLite { float: left; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; } .carousel ul { margin: 0; } /* image size */ .carousel li img{ background-color: #fff; } .carousel .title{ overflow: visible; cursor: hand; text-align: center; } .carousel .title, .carousel .title:hover, .carousel .title:active, .carousel .title:visited{ text-decoration: none; }