[Title] split builder common and web
authorTaeyoung Son <taeyoung2.son@samsung.com>
Tue, 23 Apr 2013 08:26:36 +0000 (17:26 +0900)
committerTaeyoung Son <taeyoung2.son@samsung.com>
Wed, 24 Apr 2013 06:26:33 +0000 (15:26 +0900)
[Desc.]
[Issue]

Change-Id: Ic1c42e1ba615050ee27f005e219293a8cb0c14bf

45 files changed:
.gitignore
org.tizen.common.builder/.classpath [new file with mode: 0644]
org.tizen.common.builder/.project [new file with mode: 0644]
org.tizen.common.builder/.settings/org.eclipse.jdt.core.prefs [new file with mode: 0644]
org.tizen.common.builder/META-INF/MANIFEST.MF [new file with mode: 0644]
org.tizen.common.builder/OSGI-INF/l10n/bundle.properties [new file with mode: 0644]
org.tizen.common.builder/about.html [new file with mode: 0644]
org.tizen.common.builder/about_files/LGPL-2.1.txt [new file with mode: 0644]
org.tizen.common.builder/about_files/LICENSE-2.0.htm [new file with mode: 0644]
org.tizen.common.builder/about_files/MPL-2.0.txt [new file with mode: 0644]
org.tizen.common.builder/about_files/yuilibrary-LICENSE.txt [new file with mode: 0644]
org.tizen.common.builder/build.properties [new file with mode: 0644]
org.tizen.common.builder/lib/jgrapht-jdk1.6.jar [new file with mode: 0644]
org.tizen.common.builder/src/org/tizen/common/builder/BuildDependency.java [new file with mode: 0755]
org.tizen.common.builder/src/org/tizen/common/builder/BuildProcess.java [new file with mode: 0755]
org.tizen.common.builder/src/org/tizen/common/builder/BuildResult.java [new file with mode: 0644]
org.tizen.common.builder/src/org/tizen/common/builder/Builder.java [new file with mode: 0644]
org.tizen.common.builder/src/org/tizen/common/builder/Dependency.java [new file with mode: 0755]
org.tizen.common.builder/src/org/tizen/common/builder/Resource.java [new file with mode: 0755]
org.tizen.common.builder/src/org/tizen/common/builder/ResourceChangeListener.java [new file with mode: 0644]
org.tizen.common.builder/src/org/tizen/common/builder/ResourceLayer.java [new file with mode: 0755]
org.tizen.common.builder/src/org/tizen/common/builder/core/AbstractBuilder.java [new file with mode: 0755]
org.tizen.common.builder/src/org/tizen/common/builder/dependency/DependencyInFile.java [new file with mode: 0755]
org.tizen.common.builder/src/org/tizen/common/builder/dependency/DependencyInMemory.java [new file with mode: 0755]
org.tizen.common.builder/src/org/tizen/common/builder/exception/BuildException.java [new file with mode: 0644]
org.tizen.common.builder/test/file/a.css [new file with mode: 0755]
org.tizen.common.builder/test/file/a.html [new file with mode: 0755]
org.tizen.common.builder/test/file/a.js [new file with mode: 0644]
org.tizen.common.builder/test/file/b.css [new file with mode: 0755]
org.tizen.common.builder/test/file/b.html [new file with mode: 0755]
org.tizen.common.builder/test/file/b.js [new file with mode: 0755]
org.tizen.common.builder/test/file/c.js [new file with mode: 0755]
org.tizen.common.builder/test/src/org/tizen/common/builder/AbstractTestCase.java [new file with mode: 0644]
org.tizen.common.builder/test/src/org/tizen/common/builder/BuildProcessTest.java [new file with mode: 0755]
org.tizen.common.builder/test/src/org/tizen/common/builder/MockBuilder.java [new file with mode: 0644]
org.tizen.common.builder/test/src/org/tizen/common/builder/ResourceLayerTest.java [new file with mode: 0644]
org.tizen.common.builder/test/src/org/tizen/common/builder/a.css [new file with mode: 0644]
org.tizen.common.builder/test/src/org/tizen/common/builder/a.html [new file with mode: 0644]
org.tizen.common.builder/test/src/org/tizen/common/builder/a.js [new file with mode: 0644]
org.tizen.common.builder/test/src/org/tizen/common/builder/b.css [new file with mode: 0644]
org.tizen.common.builder/test/src/org/tizen/common/builder/b.html [new file with mode: 0644]
org.tizen.common.builder/test/src/org/tizen/common/builder/b.js [new file with mode: 0644]
org.tizen.common.builder/test/src/org/tizen/common/builder/c.js [new file with mode: 0644]
org.tizen.common.feature/feature.xml
org.tizen.common/src/org/tizen/common/file/AbstractFileHandler.java

index ae03f1b..47e3f29 100644 (file)
@@ -7,6 +7,7 @@ common-eplugin_*_*.zip
 sdblib_*_*.zip
 sdblib.package.*
 common-eplugin.package.*
+org.tizen.common.builder/test/build
 #log files
 .log
 #unnecessary files
diff --git a/org.tizen.common.builder/.classpath b/org.tizen.common.builder/.classpath
new file mode 100644 (file)
index 0000000..62bfeed
--- /dev/null
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+       <classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.6"/>
+       <classpathentry kind="con" path="org.eclipse.pde.core.requiredPlugins"/>
+       <classpathentry kind="src" path="src"/>
+       <classpathentry kind="src" path="test/src"/>
+       <classpathentry kind="lib" path="lib/jgrapht-jdk1.6.jar"/>
+       <classpathentry kind="output" path="bin"/>
+</classpath>
diff --git a/org.tizen.common.builder/.project b/org.tizen.common.builder/.project
new file mode 100644 (file)
index 0000000..7c1324e
--- /dev/null
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+       <name>org.tizen.common.builder</name>
+       <comment></comment>
+       <projects>
+       </projects>
+       <buildSpec>
+               <buildCommand>
+                       <name>org.eclipse.jdt.core.javabuilder</name>
+                       <arguments>
+                       </arguments>
+               </buildCommand>
+               <buildCommand>
+                       <name>org.eclipse.pde.ManifestBuilder</name>
+                       <arguments>
+                       </arguments>
+               </buildCommand>
+               <buildCommand>
+                       <name>org.eclipse.pde.SchemaBuilder</name>
+                       <arguments>
+                       </arguments>
+               </buildCommand>
+       </buildSpec>
+       <natures>
+               <nature>org.eclipse.pde.PluginNature</nature>
+               <nature>org.eclipse.jdt.core.javanature</nature>
+       </natures>
+</projectDescription>
diff --git a/org.tizen.common.builder/.settings/org.eclipse.jdt.core.prefs b/org.tizen.common.builder/.settings/org.eclipse.jdt.core.prefs
new file mode 100644 (file)
index 0000000..f287d53
--- /dev/null
@@ -0,0 +1,7 @@
+eclipse.preferences.version=1\r
+org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled\r
+org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.6\r
+org.eclipse.jdt.core.compiler.compliance=1.6\r
+org.eclipse.jdt.core.compiler.problem.assertIdentifier=error\r
+org.eclipse.jdt.core.compiler.problem.enumIdentifier=error\r
+org.eclipse.jdt.core.compiler.source=1.6\r
diff --git a/org.tizen.common.builder/META-INF/MANIFEST.MF b/org.tizen.common.builder/META-INF/MANIFEST.MF
new file mode 100644 (file)
index 0000000..02b53d5
--- /dev/null
@@ -0,0 +1,24 @@
+Manifest-Version: 1.0
+Bundle-ManifestVersion: 2
+Bundle-Name: %Bundle-Name
+Bundle-SymbolicName: org.tizen.common.builder;singleton:=true
+Bundle-Version: 2.0.0.qualifier
+Bundle-Vendor: %Bundle-Vendor
+Require-Bundle: org.eclipse.core.runtime,
+ org.tizen.common,
+ org.eclipse.core.resources
+Bundle-RequiredExecutionEnvironment: JavaSE-1.6
+Bundle-ClassPath: .,
+ lib/jgrapht-jdk1.6.jar,
+ lib/yuicompressor-2.4.7.jar,
+ lib/htmlcompressor-1.5.3.jar
+Export-Package: org.tizen.common.builder,
+ org.tizen.common.builder.core,
+ org.tizen.common.builder.exception
+Import-Package: org.tizen.common.verrari,
+ org.tizen.common.verrari.engine,
+ org.tizen.common.verrari.engine.jsoup,
+ org.tizen.common.verrari.template,
+ org.tizen.web.common,
+ org.tizen.web.common.core,
+ org.tizen.web.common.template.model
diff --git a/org.tizen.common.builder/OSGI-INF/l10n/bundle.properties b/org.tizen.common.builder/OSGI-INF/l10n/bundle.properties
new file mode 100644 (file)
index 0000000..2474ece
--- /dev/null
@@ -0,0 +1,2 @@
+Bundle-Name = Web SDK Builder
+Bundle-Vendor = The Linux Foundation
\ No newline at end of file
diff --git a/org.tizen.common.builder/about.html b/org.tizen.common.builder/about.html
new file mode 100644 (file)
index 0000000..c814783
--- /dev/null
@@ -0,0 +1,82 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
+<title>About</title>
+</head>
+<body lang="EN-US">
+<h2>About This Content</h2>
+
+<p>May, 2011</p>
+<h3>Tizen SDK</h3>
+
+<p><a href="http://www.tizen.org/" target="_blank">Tizen SDK</a>
+is a set of Eclipse plug-ins that helps programmers to develop applications for
+the mobile platform.</p>
+
+<h3>License</h3>
+
+<p>See <a href="about_files/LICENSE-2.0.htm">Apache License, Version 2.0</a>.</p>
+
+<h3>Third Party Content</h3>
+
+<p>The Content includes items that have been sourced from third parties as set out below. If you did not
+receive this Content directly from the Eclipse Foundation, the following is provided for informational
+purposes only, and you should look to the Redistributor's license for terms and conditions of use.</p>
+
+<h4>htmlcompressor</h4>
+<p>
+HtmlCompressor is a small, fast and very easy to use Java library that minifies given HTML or XML source by removing extra whitespaces, comments and other unneeded characters without breaking the content structure. As a result pages become smaller in size and load faster. A command-line version of the compressor is also available.
+</p>
+
+<p>See <a href="about_files/LICENSE-2.0.htm">Apache License, Version 2.0</a>.</p>
+
+<h4>JGraphT</h4>
+<p>
+JGraphT is a free Java graph library that provides mathematical graph-theory objects and algorithms.
+JGraphT supports various types of graphs including:
+<ul>
+    <li>directed and undirected graphs.</li>
+    <li>graphs with weighted / unweighted / labeled or any user-defined edges.</li>
+    <li>various edge multiplicity options, including: simple-graphs, multigraphs, pseudographs.</li>
+    <li>unmodifiable graphs - allow modules to provide "read-only" access to internal graphs.</li>
+    <li>listenable graphs - allow external listeners to track modification events.</li>
+    <li>subgraphs graphs that are auto-updating subgraph views on other graphs.</li>
+    <li>all compositions of above graphs.</li>
+</ul>
+</p>
+
+<p>
+A copy of the license is included in <a href="about_files/LGPL-2.1.txt">about_files/LGPL-2.1.txt</a>. The home page is located at:
+<ul>
+<a href="http://jgrapht.org/">http://jgrapht.org/</a>
+</ul>
+</p>
+
+<h4>Rhino</h4>
+<p>
+Rhino is an open-source implementation of JavaScript written entirely in Java. It is typically embedded into Java applications to provide scripting to end users. It is embedded in J2SE 6 as the default Java scripting engine.
+</p>
+
+<p>
+A copy of the license is included in <a href="about_files/MPL-2.0.txt">about_files/MPL-2.0.txt</a>. The home page is located at:
+<ul>
+<a href="https://developer.mozilla.org/en-US/docs/Rhino">https://developer.mozilla.org/en-US/docs/Rhino</a>
+</ul>
+</p>
+
+<h4>YUI Compressor</h4>
+<p>
+YUI Compressor is an open source tool that supports the compression of both JavaScript and CSS files. The JavaScript compression removes comments and white-spaces as well as obfuscates local variables using the smallest possible variable name. CSS compression is done using a regular-expression-based CSS minifier.
+</p>
+
+<p>
+A copy of the license is included in <a href="about_files/yuilibrary-LICENSE.txt">about_files/yuilibrary-LICENSE.txt</a>. The home page is located at:
+<ul>
+<a href="http://yuilibrary.com/">http://yuilibrary.com/</a>
+</ul>
+</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/org.tizen.common.builder/about_files/LGPL-2.1.txt b/org.tizen.common.builder/about_files/LGPL-2.1.txt
new file mode 100644 (file)
index 0000000..583509c
--- /dev/null
@@ -0,0 +1,504 @@
+          GNU LESSER GENERAL PUBLIC LICENSE
+               Version 2.1, February 1999
+
+ Copyright (C) 1991, 1999 Free Software Foundation, Inc.
+     59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+[This is the first released version of the Lesser GPL.  It also counts
+ as the successor of the GNU Library Public License, version 2, hence
+ the version number 2.1.]
+
+                Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+Licenses are intended to guarantee your freedom to share and change
+free software--to make sure the software is free for all its users.
+
+  This license, the Lesser General Public License, applies to some
+specially designated software packages--typically libraries--of the
+Free Software Foundation and other authors who decide to use it.  You
+can use it too, but we suggest you first think carefully about whether
+this license or the ordinary General Public License is the better
+strategy to use in any particular case, based on the explanations below.
+
+  When we speak of free software, we are referring to freedom of use,
+not price.  Our General Public Licenses are designed to make sure that
+you have the freedom to distribute copies of free software (and charge
+for this service if you wish); that you receive source code or can get
+it if you want it; that you can change the software and use pieces of
+it in new free programs; and that you are informed that you can do
+these things.
+
+  To protect your rights, we need to make restrictions that forbid
+distributors to deny you these rights or to ask you to surrender these
+rights.  These restrictions translate to certain responsibilities for
+you if you distribute copies of the library or if you modify it.
+
+  For example, if you distribute copies of the library, whether gratis
+or for a fee, you must give the recipients all the rights that we gave
+you.  You must make sure that they, too, receive or can get the source
+code.  If you link other code with the library, you must provide
+complete object files to the recipients, so that they can relink them
+with the library after making changes to the library and recompiling
+it.  And you must show them these terms so they know their rights.
+
+  We protect your rights with a two-step method: (1) we copyright the
+library, and (2) we offer you this license, which gives you legal
+permission to copy, distribute and/or modify the library.
+
+  To protect each distributor, we want to make it very clear that
+there is no warranty for the free library.  Also, if the library is
+modified by someone else and passed on, the recipients should know
+that what they have is not the original version, so that the original
+author's reputation will not be affected by problems that might be
+introduced by others.
+\f
+  Finally, software patents pose a constant threat to the existence of
+any free program.  We wish to make sure that a company cannot
+effectively restrict the users of a free program by obtaining a
+restrictive license from a patent holder.  Therefore, we insist that
+any patent license obtained for a version of the library must be
+consistent with the full freedom of use specified in this license.
+
+  Most GNU software, including some libraries, is covered by the
+ordinary GNU General Public License.  This license, the GNU Lesser
+General Public License, applies to certain designated libraries, and
+is quite different from the ordinary General Public License.  We use
+this license for certain libraries in order to permit linking those
+libraries into non-free programs.
+
+  When a program is linked with a library, whether statically or using
+a shared library, the combination of the two is legally speaking a
+combined work, a derivative of the original library.  The ordinary
+General Public License therefore permits such linking only if the
+entire combination fits its criteria of freedom.  The Lesser General
+Public License permits more lax criteria for linking other code with
+the library.
+
+  We call this license the "Lesser" General Public License because it
+does Less to protect the user's freedom than the ordinary General
+Public License.  It also provides other free software developers Less
+of an advantage over competing non-free programs.  These disadvantages
+are the reason we use the ordinary General Public License for many
+libraries.  However, the Lesser license provides advantages in certain
+special circumstances.
+
+  For example, on rare occasions, there may be a special need to
+encourage the widest possible use of a certain library, so that it becomes
+a de-facto standard.  To achieve this, non-free programs must be
+allowed to use the library.  A more frequent case is that a free
+library does the same job as widely used non-free libraries.  In this
+case, there is little to gain by limiting the free library to free
+software only, so we use the Lesser General Public License.
+
+  In other cases, permission to use a particular library in non-free
+programs enables a greater number of people to use a large body of
+free software.  For example, permission to use the GNU C Library in
+non-free programs enables many more people to use the whole GNU
+operating system, as well as its variant, the GNU/Linux operating
+system.
+
+  Although the Lesser General Public License is Less protective of the
+users' freedom, it does ensure that the user of a program that is
+linked with the Library has the freedom and the wherewithal to run
+that program using a modified version of the Library.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.  Pay close attention to the difference between a
+"work based on the library" and a "work that uses the library".  The
+former contains code derived from the library, whereas the latter must
+be combined with the library in order to run.
+\f
+          GNU LESSER GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License Agreement applies to any software library or other
+program which contains a notice placed by the copyright holder or
+other authorized party saying it may be distributed under the terms of
+this Lesser General Public License (also called "this License").
+Each licensee is addressed as "you".
+
+  A "library" means a collection of software functions and/or data
+prepared so as to be conveniently linked with application programs
+(which use some of those functions and data) to form executables.
+
+  The "Library", below, refers to any such software library or work
+which has been distributed under these terms.  A "work based on the
+Library" means either the Library or any derivative work under
+copyright law: that is to say, a work containing the Library or a
+portion of it, either verbatim or with modifications and/or translated
+straightforwardly into another language.  (Hereinafter, translation is
+included without limitation in the term "modification".)
+
+  "Source code" for a work means the preferred form of the work for
+making modifications to it.  For a library, complete source code means
+all the source code for all modules it contains, plus any associated
+interface definition files, plus the scripts used to control compilation
+and installation of the library.
+
+  Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running a program using the Library is not restricted, and output from
+such a program is covered only if its contents constitute a work based
+on the Library (independent of the use of the Library in a tool for
+writing it).  Whether that is true depends on what the Library does
+and what the program that uses the Library does.
+
+  1. You may copy and distribute verbatim copies of the Library's
+complete source code as you receive it, in any medium, provided that
+you conspicuously and appropriately publish on each copy an
+appropriate copyright notice and disclaimer of warranty; keep intact
+all the notices that refer to this License and to the absence of any
+warranty; and distribute a copy of this License along with the
+Library.
+
+  You may charge a fee for the physical act of transferring a copy,
+and you may at your option offer warranty protection in exchange for a
+fee.
+\f
+  2. You may modify your copy or copies of the Library or any portion
+of it, thus forming a work based on the Library, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) The modified work must itself be a software library.
+
+    b) You must cause the files modified to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    c) You must cause the whole of the work to be licensed at no
+    charge to all third parties under the terms of this License.
+
+    d) If a facility in the modified Library refers to a function or a
+    table of data to be supplied by an application program that uses
+    the facility, other than as an argument passed when the facility
+    is invoked, then you must make a good faith effort to ensure that,
+    in the event an application does not supply such function or
+    table, the facility still operates, and performs whatever part of
+    its purpose remains meaningful.
+
+    (For example, a function in a library to compute square roots has
+    a purpose that is entirely well-defined independent of the
+    application.  Therefore, Subsection 2d requires that any
+    application-supplied function or table used by this function must
+    be optional: if the application does not supply it, the square
+    root function must still compute square roots.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Library,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Library, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote
+it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Library.
+
+In addition, mere aggregation of another work not based on the Library
+with the Library (or with a work based on the Library) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may opt to apply the terms of the ordinary GNU General Public
+License instead of this License to a given copy of the Library.  To do
+this, you must alter all the notices that refer to this License, so
+that they refer to the ordinary GNU General Public License, version 2,
+instead of to this License.  (If a newer version than version 2 of the
+ordinary GNU General Public License has appeared, then you can specify
+that version instead if you wish.)  Do not make any other change in
+these notices.
+\f
+  Once this change is made in a given copy, it is irreversible for
+that copy, so the ordinary GNU General Public License applies to all
+subsequent copies and derivative works made from that copy.
+
+  This option is useful when you wish to copy part of the code of
+the Library into a program that is not a library.
+
+  4. You may copy and distribute the Library (or a portion or
+derivative of it, under Section 2) in object code or executable form
+under the terms of Sections 1 and 2 above provided that you accompany
+it with the complete corresponding machine-readable source code, which
+must be distributed under the terms of Sections 1 and 2 above on a
+medium customarily used for software interchange.
+
+  If distribution of object code is made by offering access to copy
+from a designated place, then offering equivalent access to copy the
+source code from the same place satisfies the requirement to
+distribute the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  5. A program that contains no derivative of any portion of the
+Library, but is designed to work with the Library by being compiled or
+linked with it, is called a "work that uses the Library".  Such a
+work, in isolation, is not a derivative work of the Library, and
+therefore falls outside the scope of this License.
+
+  However, linking a "work that uses the Library" with the Library
+creates an executable that is a derivative of the Library (because it
+contains portions of the Library), rather than a "work that uses the
+library".  The executable is therefore covered by this License.
+Section 6 states terms for distribution of such executables.
+
+  When a "work that uses the Library" uses material from a header file
+that is part of the Library, the object code for the work may be a
+derivative work of the Library even though the source code is not.
+Whether this is true is especially significant if the work can be
+linked without the Library, or if the work is itself a library.  The
+threshold for this to be true is not precisely defined by law.
+
+  If such an object file uses only numerical parameters, data
+structure layouts and accessors, and small macros and small inline
+functions (ten lines or less in length), then the use of the object
+file is unrestricted, regardless of whether it is legally a derivative
+work.  (Executables containing this object code plus portions of the
+Library will still fall under Section 6.)
+
+  Otherwise, if the work is a derivative of the Library, you may
+distribute the object code for the work under the terms of Section 6.
+Any executables containing that work also fall under Section 6,
+whether or not they are linked directly with the Library itself.
+\f
+  6. As an exception to the Sections above, you may also combine or
+link a "work that uses the Library" with the Library to produce a
+work containing portions of the Library, and distribute that work
+under terms of your choice, provided that the terms permit
+modification of the work for the customer's own use and reverse
+engineering for debugging such modifications.
+
+  You must give prominent notice with each copy of the work that the
+Library is used in it and that the Library and its use are covered by
+this License.  You must supply a copy of this License.  If the work
+during execution displays copyright notices, you must include the
+copyright notice for the Library among them, as well as a reference
+directing the user to the copy of this License.  Also, you must do one
+of these things:
+
+    a) Accompany the work with the complete corresponding
+    machine-readable source code for the Library including whatever
+    changes were used in the work (which must be distributed under
+    Sections 1 and 2 above); and, if the work is an executable linked
+    with the Library, with the complete machine-readable "work that
+    uses the Library", as object code and/or source code, so that the
+    user can modify the Library and then relink to produce a modified
+    executable containing the modified Library.  (It is understood
+    that the user who changes the contents of definitions files in the
+    Library will not necessarily be able to recompile the application
+    to use the modified definitions.)
+
+    b) Use a suitable shared library mechanism for linking with the
+    Library.  A suitable mechanism is one that (1) uses at run time a
+    copy of the library already present on the user's computer system,
+    rather than copying library functions into the executable, and (2)
+    will operate properly with a modified version of the library, if
+    the user installs one, as long as the modified version is
+    interface-compatible with the version that the work was made with.
+
+    c) Accompany the work with a written offer, valid for at
+    least three years, to give the same user the materials
+    specified in Subsection 6a, above, for a charge no more
+    than the cost of performing this distribution.
+
+    d) If distribution of the work is made by offering access to copy
+    from a designated place, offer equivalent access to copy the above
+    specified materials from the same place.
+
+    e) Verify that the user has already received a copy of these
+    materials or that you have already sent this user a copy.
+
+  For an executable, the required form of the "work that uses the
+Library" must include any data and utility programs needed for
+reproducing the executable from it.  However, as a special exception,
+the materials to be distributed need not include anything that is
+normally distributed (in either source or binary form) with the major
+components (compiler, kernel, and so on) of the operating system on
+which the executable runs, unless that component itself accompanies
+the executable.
+
+  It may happen that this requirement contradicts the license
+restrictions of other proprietary libraries that do not normally
+accompany the operating system.  Such a contradiction means you cannot
+use both them and the Library together in an executable that you
+distribute.
+\f
+  7. You may place library facilities that are a work based on the
+Library side-by-side in a single library together with other library
+facilities not covered by this License, and distribute such a combined
+library, provided that the separate distribution of the work based on
+the Library and of the other library facilities is otherwise
+permitted, and provided that you do these two things:
+
+    a) Accompany the combined library with a copy of the same work
+    based on the Library, uncombined with any other library
+    facilities.  This must be distributed under the terms of the
+    Sections above.
+
+    b) Give prominent notice with the combined library of the fact
+    that part of it is a work based on the Library, and explaining
+    where to find the accompanying uncombined form of the same work.
+
+  8. You may not copy, modify, sublicense, link with, or distribute
+the Library except as expressly provided under this License.  Any
+attempt otherwise to copy, modify, sublicense, link with, or
+distribute the Library is void, and will automatically terminate your
+rights under this License.  However, parties who have received copies,
+or rights, from you under this License will not have their licenses
+terminated so long as such parties remain in full compliance.
+
+  9. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Library or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Library (or any work based on the
+Library), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Library or works based on it.
+
+  10. Each time you redistribute the Library (or any work based on the
+Library), the recipient automatically receives a license from the
+original licensor to copy, distribute, link with or modify the Library
+subject to these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties with
+this License.
+\f
+  11. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Library at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Library by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Library.
+
+If any portion of this section is held invalid or unenforceable under any
+particular circumstance, the balance of the section is intended to apply,
+and the section as a whole is intended to apply in other circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  12. If the distribution and/or use of the Library is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Library under this License may add
+an explicit geographical distribution limitation excluding those countries,
+so that distribution is permitted only in or among countries not thus
+excluded.  In such case, this License incorporates the limitation as if
+written in the body of this License.
+
+  13. The Free Software Foundation may publish revised and/or new
+versions of the Lesser General Public License from time to time.
+Such new versions will be similar in spirit to the present version,
+but may differ in detail to address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Library
+specifies a version number of this License which applies to it and
+"any later version", you have the option of following the terms and
+conditions either of that version or of any later version published by
+the Free Software Foundation.  If the Library does not specify a
+license version number, you may choose any version ever published by
+the Free Software Foundation.
+\f
+  14. If you wish to incorporate parts of the Library into other free
+programs whose distribution conditions are incompatible with these,
+write to the author to ask for permission.  For software which is
+copyrighted by the Free Software Foundation, write to the Free
+Software Foundation; we sometimes make exceptions for this.  Our
+decision will be guided by the two goals of preserving the free status
+of all derivatives of our free software and of promoting the sharing
+and reuse of software generally.
+
+                NO WARRANTY
+
+  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
+WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
+EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
+OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
+KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
+LIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
+THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
+WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
+AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
+FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
+CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
+LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
+RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
+FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
+SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
+DAMAGES.
+
+             END OF TERMS AND CONDITIONS
+\f
+           How to Apply These Terms to Your New Libraries
+
+  If you develop a new library, and you want it to be of the greatest
+possible use to the public, we recommend making it free software that
+everyone can redistribute and change.  You can do so by permitting
+redistribution under these terms (or, alternatively, under the terms of the
+ordinary General Public License).
+
+  To apply these terms, attach the following notices to the library.  It is
+safest to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least the
+"copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the library's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This library is free software; you can redistribute it and/or
+    modify it under the terms of the GNU Lesser General Public
+    License as published by the Free Software Foundation; either
+    version 2.1 of the License, or (at your option) any later version.
+
+    This library is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+    Lesser General Public License for more details.
+
+    You should have received a copy of the GNU Lesser General Public
+    License along with this library; if not, write to the Free Software
+    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+
+Also add information on how to contact you by electronic and paper mail.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the library, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the
+  library `Frob' (a library for tweaking knobs) written by James Random Hacker.
+
+  <signature of Ty Coon>, 1 April 1990
+  Ty Coon, President of Vice
+
+That's all there is to it!
+
+
diff --git a/org.tizen.common.builder/about_files/LICENSE-2.0.htm b/org.tizen.common.builder/about_files/LICENSE-2.0.htm
new file mode 100644 (file)
index 0000000..7262b07
--- /dev/null
@@ -0,0 +1,188 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html lang="en">
+  <head>
+    <title>Apache License, Version 2.0</title>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <meta property="og:image" content="http://www.apache.org/images/asf_logo.gif" />
+
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="/css/code.css">
+
+    <script type="text/javascript" src="/js/jquery.js"></script>
+    <script type="text/javascript" src="/js/apache_boot.js"></script>
+
+    <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements.  See the NOTICE file distributed with this work for additional information regarding copyright ownership.  The ASF licenses this file to you under the Apache License, Version 2.0 (the &quot;License&quot;); you may not use this file except in compliance with the License.  You may obtain a copy of the License at . http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the License for the specific language governing permissions and limitations under the License. -->
+  </head>
+
+  <body>
+    <div id="page" class="container_16">
+      <div id="header" class="grid_8">
+        <h1>The Apache Software Foundation</h1>
+        <h2>Apache License, Version 2.0</h2>
+      </div>
+
+      <div class="clear"></div>
+      <div id="content" class="grid_16"><div class="section-content"><p>Apache License<br></br>Version 2.0, January 2004<br></br>
+<a href="http://www.apache.org/licenses/">http://www.apache.org/licenses/</a> </p>
+<p>TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION</p>
+<p><strong><a name="definitions">1. Definitions</a></strong>.</p>
+<p>"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.</p>
+<p>"Licensor" shall mean the copyright owner or entity authorized by the
+copyright owner that is granting the License.</p>
+<p>"Legal Entity" shall mean the union of the acting entity and all other
+entities that control, are controlled by, or are under common control with
+that entity. For the purposes of this definition, "control" means (i) the
+power, direct or indirect, to cause the direction or management of such
+entity, whether by contract or otherwise, or (ii) ownership of fifty
+percent (50%) or more of the outstanding shares, or (iii) beneficial
+ownership of such entity.</p>
+<p>"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.</p>
+<p>"Source" form shall mean the preferred form for making modifications,
+including but not limited to software source code, documentation source,
+and configuration files.</p>
+<p>"Object" form shall mean any form resulting from mechanical transformation
+or translation of a Source form, including but not limited to compiled
+object code, generated documentation, and conversions to other media types.</p>
+<p>"Work" shall mean the work of authorship, whether in Source or Object form,
+made available under the License, as indicated by a copyright notice that
+is included in or attached to the work (an example is provided in the
+Appendix below).</p>
+<p>"Derivative Works" shall mean any work, whether in Source or Object form,
+that is based on (or derived from) the Work and for which the editorial
+revisions, annotations, elaborations, or other modifications represent, as
+a whole, an original work of authorship. For the purposes of this License,
+Derivative Works shall not include works that remain separable from, or
+merely link (or bind by name) to the interfaces of, the Work and Derivative
+Works thereof.</p>
+<p>"Contribution" shall mean any work of authorship, including the original
+version of the Work and any modifications or additions to that Work or
+Derivative Works thereof, that is intentionally submitted to Licensor for
+inclusion in the Work by the copyright owner or by an individual or Legal
+Entity authorized to submit on behalf of the copyright owner. For the
+purposes of this definition, "submitted" means any form of electronic,
+verbal, or written communication sent to the Licensor or its
+representatives, including but not limited to communication on electronic
+mailing lists, source code control systems, and issue tracking systems that
+are managed by, or on behalf of, the Licensor for the purpose of discussing
+and improving the Work, but excluding communication that is conspicuously
+marked or otherwise designated in writing by the copyright owner as "Not a
+Contribution."</p>
+<p>"Contributor" shall mean Licensor and any individual or Legal Entity on
+behalf of whom a Contribution has been received by Licensor and
+subsequently incorporated within the Work.</p>
+<p><strong><a name="copyright">2. Grant of Copyright License</a></strong>. Subject to the
+terms and conditions of this License, each Contributor hereby grants to You
+a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+copyright license to reproduce, prepare Derivative Works of, publicly
+display, publicly perform, sublicense, and distribute the Work and such
+Derivative Works in Source or Object form.</p>
+<p><strong><a name="patent">3. Grant of Patent License</a></strong>. Subject to the terms
+and conditions of this License, each Contributor hereby grants to You a
+perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+(except as stated in this section) patent license to make, have made, use,
+offer to sell, sell, import, and otherwise transfer the Work, where such
+license applies only to those patent claims licensable by such Contributor
+that are necessarily infringed by their Contribution(s) alone or by
+combination of their Contribution(s) with the Work to which such
+Contribution(s) was submitted. If You institute patent litigation against
+any entity (including a cross-claim or counterclaim in a lawsuit) alleging
+that the Work or a Contribution incorporated within the Work constitutes
+direct or contributory patent infringement, then any patent licenses
+granted to You under this License for that Work shall terminate as of the
+date such litigation is filed.</p>
+<p><strong><a name="redistribution">4. Redistribution</a></strong>. You may reproduce and
+distribute copies of the Work or Derivative Works thereof in any medium,
+with or without modifications, and in Source or Object form, provided that
+You meet the following conditions:</p>
+<ol>
+<li>
+<p>You must give any other recipients of the Work or Derivative Works a
+copy of this License; and</p>
+</li>
+<li>
+<p>You must cause any modified files to carry prominent notices stating
+that You changed the files; and</p>
+</li>
+<li>
+<p>You must retain, in the Source form of any Derivative Works that You
+distribute, all copyright, patent, trademark, and attribution notices from
+the Source form of the Work, excluding those notices that do not pertain to
+any part of the Derivative Works; and</p>
+</li>
+<li>
+<p>If the Work includes a "NOTICE" text file as part of its distribution,
+then any Derivative Works that You distribute must include a readable copy
+of the attribution notices contained within such NOTICE file, excluding
+those notices that do not pertain to any part of the Derivative Works, in
+at least one of the following places: within a NOTICE text file distributed
+as part of the Derivative Works; within the Source form or documentation,
+if provided along with the Derivative Works; or, within a display generated
+by the Derivative Works, if and wherever such third-party notices normally
+appear. The contents of the NOTICE file are for informational purposes only
+and do not modify the License. You may add Your own attribution notices
+within Derivative Works that You distribute, alongside or as an addendum to
+the NOTICE text from the Work, provided that such additional attribution
+notices cannot be construed as modifying the License.
+You may add Your own copyright statement to Your modifications and may
+provide additional or different license terms and conditions for use,
+reproduction, or distribution of Your modifications, or for any such
+Derivative Works as a whole, provided Your use, reproduction, and
+distribution of the Work otherwise complies with the conditions stated in
+this License.</p>
+</li>
+</ol>
+<p><strong><a name="contributions">5. Submission of Contributions</a></strong>. Unless You
+explicitly state otherwise, any Contribution intentionally submitted for
+inclusion in the Work by You to the Licensor shall be under the terms and
+conditions of this License, without any additional terms or conditions.
+Notwithstanding the above, nothing herein shall supersede or modify the
+terms of any separate license agreement you may have executed with Licensor
+regarding such Contributions.</p>
+<p><strong><a name="trademarks">6. Trademarks</a></strong>. This License does not grant
+permission to use the trade names, trademarks, service marks, or product
+names of the Licensor, except as required for reasonable and customary use
+in describing the origin of the Work and reproducing the content of the
+NOTICE file.</p>
+<p><strong><a name="no-warranty">7. Disclaimer of Warranty</a></strong>. Unless required by
+applicable law or agreed to in writing, Licensor provides the Work (and
+each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT
+WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including,
+without limitation, any warranties or conditions of TITLE,
+NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You
+are solely responsible for determining the appropriateness of using or
+redistributing the Work and assume any risks associated with Your exercise
+of permissions under this License.</p>
+<p><strong><a name="no-liability">8. Limitation of Liability</a></strong>. In no event and
+under no legal theory, whether in tort (including negligence), contract, or
+otherwise, unless required by applicable law (such as deliberate and
+grossly negligent acts) or agreed to in writing, shall any Contributor be
+liable to You for damages, including any direct, indirect, special,
+incidental, or consequential damages of any character arising as a result
+of this License or out of the use or inability to use the Work (including
+but not limited to damages for loss of goodwill, work stoppage, computer
+failure or malfunction, or any and all other commercial damages or losses),
+even if such Contributor has been advised of the possibility of such
+damages.</p>
+<p><strong><a name="additional">9. Accepting Warranty or Additional Liability</a></strong>.
+While redistributing the Work or Derivative Works thereof, You may choose
+to offer, and charge a fee for, acceptance of support, warranty, indemnity,
+or other liability obligations and/or rights consistent with this License.
+However, in accepting such obligations, You may act only on Your own behalf
+and on Your sole responsibility, not on behalf of any other Contributor,
+and only if You agree to indemnify, defend, and hold each Contributor
+harmless for any liability incurred by, or claims asserted against, such
+Contributor by reason of your accepting any such warranty or additional
+liability.</p>
+<p>END OF TERMS AND CONDITIONS</p>
+
+    <div class="clear"></div>
+
+    </div>
+    <div id="copyright" class="container_16">
+      <p>Copyright &#169; 2011 The Apache Software Foundation, Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.<br/>Apache and the Apache feather logo are trademarks of The Apache Software Foundation.</p>
+    </div>
+  </body>
+</html>
diff --git a/org.tizen.common.builder/about_files/MPL-2.0.txt b/org.tizen.common.builder/about_files/MPL-2.0.txt
new file mode 100644 (file)
index 0000000..fa0086a
--- /dev/null
@@ -0,0 +1,373 @@
+Mozilla Public License Version 2.0
+==================================
+
+1. Definitions
+--------------
+
+1.1. "Contributor"
+    means each individual or legal entity that creates, contributes to
+    the creation of, or owns Covered Software.
+
+1.2. "Contributor Version"
+    means the combination of the Contributions of others (if any) used
+    by a Contributor and that particular Contributor's Contribution.
+
+1.3. "Contribution"
+    means Covered Software of a particular Contributor.
+
+1.4. "Covered Software"
+    means Source Code Form to which the initial Contributor has attached
+    the notice in Exhibit A, the Executable Form of such Source Code
+    Form, and Modifications of such Source Code Form, in each case
+    including portions thereof.
+
+1.5. "Incompatible With Secondary Licenses"
+    means
+
+    (a) that the initial Contributor has attached the notice described
+        in Exhibit B to the Covered Software; or
+
+    (b) that the Covered Software was made available under the terms of
+        version 1.1 or earlier of the License, but not also under the
+        terms of a Secondary License.
+
+1.6. "Executable Form"
+    means any form of the work other than Source Code Form.
+
+1.7. "Larger Work"
+    means a work that combines Covered Software with other material, in
+    a separate file or files, that is not Covered Software.
+
+1.8. "License"
+    means this document.
+
+1.9. "Licensable"
+    means having the right to grant, to the maximum extent possible,
+    whether at the time of the initial grant or subsequently, any and
+    all of the rights conveyed by this License.
+
+1.10. "Modifications"
+    means any of the following:
+
+    (a) any file in Source Code Form that results from an addition to,
+        deletion from, or modification of the contents of Covered
+        Software; or
+
+    (b) any new file in Source Code Form that contains any Covered
+        Software.
+
+1.11. "Patent Claims" of a Contributor
+    means any patent claim(s), including without limitation, method,
+    process, and apparatus claims, in any patent Licensable by such
+    Contributor that would be infringed, but for the grant of the
+    License, by the making, using, selling, offering for sale, having
+    made, import, or transfer of either its Contributions or its
+    Contributor Version.
+
+1.12. "Secondary License"
+    means either the GNU General Public License, Version 2.0, the GNU
+    Lesser General Public License, Version 2.1, the GNU Affero General
+    Public License, Version 3.0, or any later versions of those
+    licenses.
+
+1.13. "Source Code Form"
+    means the form of the work preferred for making modifications.
+
+1.14. "You" (or "Your")
+    means an individual or a legal entity exercising rights under this
+    License. For legal entities, "You" includes any entity that
+    controls, is controlled by, or is under common control with You. For
+    purposes of this definition, "control" means (a) the power, direct
+    or indirect, to cause the direction or management of such entity,
+    whether by contract or otherwise, or (b) ownership of more than
+    fifty percent (50%) of the outstanding shares or beneficial
+    ownership of such entity.
+
+2. License Grants and Conditions
+--------------------------------
+
+2.1. Grants
+
+Each Contributor hereby grants You a world-wide, royalty-free,
+non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark)
+    Licensable by such Contributor to use, reproduce, make available,
+    modify, display, perform, distribute, and otherwise exploit its
+    Contributions, either on an unmodified basis, with Modifications, or
+    as part of a Larger Work; and
+
+(b) under Patent Claims of such Contributor to make, use, sell, offer
+    for sale, have made, import, and otherwise transfer either its
+    Contributions or its Contributor Version.
+
+2.2. Effective Date
+
+The licenses granted in Section 2.1 with respect to any Contribution
+become effective for each Contribution on the date the Contributor first
+distributes such Contribution.
+
+2.3. Limitations on Grant Scope
+
+The licenses granted in this Section 2 are the only rights granted under
+this License. No additional rights or licenses will be implied from the
+distribution or licensing of Covered Software under this License.
+Notwithstanding Section 2.1(b) above, no patent license is granted by a
+Contributor:
+
+(a) for any code that a Contributor has removed from Covered Software;
+    or
+
+(b) for infringements caused by: (i) Your and any other third party's
+    modifications of Covered Software, or (ii) the combination of its
+    Contributions with other software (except as part of its Contributor
+    Version); or
+
+(c) under Patent Claims infringed by Covered Software in the absence of
+    its Contributions.
+
+This License does not grant any rights in the trademarks, service marks,
+or logos of any Contributor (except as may be necessary to comply with
+the notice requirements in Section 3.4).
+
+2.4. Subsequent Licenses
+
+No Contributor makes additional grants as a result of Your choice to
+distribute the Covered Software under a subsequent version of this
+License (see Section 10.2) or under the terms of a Secondary License (if
+permitted under the terms of Section 3.3).
+
+2.5. Representation
+
+Each Contributor represents that the Contributor believes its
+Contributions are its original creation(s) or it has sufficient rights
+to grant the rights to its Contributions conveyed by this License.
+
+2.6. Fair Use
+
+This License is not intended to limit any rights You have under
+applicable copyright doctrines of fair use, fair dealing, or other
+equivalents.
+
+2.7. Conditions
+
+Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
+in Section 2.1.
+
+3. Responsibilities
+-------------------
+
+3.1. Distribution of Source Form
+
+All distribution of Covered Software in Source Code Form, including any
+Modifications that You create or to which You contribute, must be under
+the terms of this License. You must inform recipients that the Source
+Code Form of the Covered Software is governed by the terms of this
+License, and how they can obtain a copy of this License. You may not
+attempt to alter or restrict the recipients' rights in the Source Code
+Form.
+
+3.2. Distribution of Executable Form
+
+If You distribute Covered Software in Executable Form then:
+
+(a) such Covered Software must also be made available in Source Code
+    Form, as described in Section 3.1, and You must inform recipients of
+    the Executable Form how they can obtain a copy of such Source Code
+    Form by reasonable means in a timely manner, at a charge no more
+    than the cost of distribution to the recipient; and
+
+(b) You may distribute such Executable Form under the terms of this
+    License, or sublicense it under different terms, provided that the
+    license for the Executable Form does not attempt to limit or alter
+    the recipients' rights in the Source Code Form under this License.
+
+3.3. Distribution of a Larger Work
+
+You may create and distribute a Larger Work under terms of Your choice,
+provided that You also comply with the requirements of this License for
+the Covered Software. If the Larger Work is a combination of Covered
+Software with a work governed by one or more Secondary Licenses, and the
+Covered Software is not Incompatible With Secondary Licenses, this
+License permits You to additionally distribute such Covered Software
+under the terms of such Secondary License(s), so that the recipient of
+the Larger Work may, at their option, further distribute the Covered
+Software under the terms of either this License or such Secondary
+License(s).
+
+3.4. Notices
+
+You may not remove or alter the substance of any license notices
+(including copyright notices, patent notices, disclaimers of warranty,
+or limitations of liability) contained within the Source Code Form of
+the Covered Software, except that You may alter any license notices to
+the extent required to remedy known factual inaccuracies.
+
+3.5. Application of Additional Terms
+
+You may choose to offer, and to charge a fee for, warranty, support,
+indemnity or liability obligations to one or more recipients of Covered
+Software. However, You may do so only on Your own behalf, and not on
+behalf of any Contributor. You must make it absolutely clear that any
+such warranty, support, indemnity, or liability obligation is offered by
+You alone, and You hereby agree to indemnify every Contributor for any
+liability incurred by such Contributor as a result of warranty, support,
+indemnity or liability terms You offer. You may include additional
+disclaimers of warranty and limitations of liability specific to any
+jurisdiction.
+
+4. Inability to Comply Due to Statute or Regulation
+---------------------------------------------------
+
+If it is impossible for You to comply with any of the terms of this
+License with respect to some or all of the Covered Software due to
+statute, judicial order, or regulation then You must: (a) comply with
+the terms of this License to the maximum extent possible; and (b)
+describe the limitations and the code they affect. Such description must
+be placed in a text file included with all distributions of the Covered
+Software under this License. Except to the extent prohibited by statute
+or regulation, such description must be sufficiently detailed for a
+recipient of ordinary skill to be able to understand it.
+
+5. Termination
+--------------
+
+5.1. The rights granted under this License will terminate automatically
+if You fail to comply with any of its terms. However, if You become
+compliant, then the rights granted under this License from a particular
+Contributor are reinstated (a) provisionally, unless and until such
+Contributor explicitly and finally terminates Your grants, and (b) on an
+ongoing basis, if such Contributor fails to notify You of the
+non-compliance by some reasonable means prior to 60 days after You have
+come back into compliance. Moreover, Your grants from a particular
+Contributor are reinstated on an ongoing basis if such Contributor
+notifies You of the non-compliance by some reasonable means, this is the
+first time You have received notice of non-compliance with this License
+from such Contributor, and You become compliant prior to 30 days after
+Your receipt of the notice.
+
+5.2. If You initiate litigation against any entity by asserting a patent
+infringement claim (excluding declaratory judgment actions,
+counter-claims, and cross-claims) alleging that a Contributor Version
+directly or indirectly infringes any patent, then the rights granted to
+You by any and all Contributors for the Covered Software under Section
+2.1 of this License shall terminate.
+
+5.3. In the event of termination under Sections 5.1 or 5.2 above, all
+end user license agreements (excluding distributors and resellers) which
+have been validly granted by You or Your distributors under this License
+prior to termination shall survive termination.
+
+************************************************************************
+*                                                                      *
+*  6. Disclaimer of Warranty                                           *
+*  -------------------------                                           *
+*                                                                      *
+*  Covered Software is provided under this License on an "as is"       *
+*  basis, without warranty of any kind, either expressed, implied, or  *
+*  statutory, including, without limitation, warranties that the       *
+*  Covered Software is free of defects, merchantable, fit for a        *
+*  particular purpose or non-infringing. The entire risk as to the     *
+*  quality and performance of the Covered Software is with You.        *
+*  Should any Covered Software prove defective in any respect, You     *
+*  (not any Contributor) assume the cost of any necessary servicing,   *
+*  repair, or correction. This disclaimer of warranty constitutes an   *
+*  essential part of this License. No use of any Covered Software is   *
+*  authorized under this License except under this disclaimer.         *
+*                                                                      *
+************************************************************************
+
+************************************************************************
+*                                                                      *
+*  7. Limitation of Liability                                          *
+*  --------------------------                                          *
+*                                                                      *
+*  Under no circumstances and under no legal theory, whether tort      *
+*  (including negligence), contract, or otherwise, shall any           *
+*  Contributor, or anyone who distributes Covered Software as          *
+*  permitted above, be liable to You for any direct, indirect,         *
+*  special, incidental, or consequential damages of any character      *
+*  including, without limitation, damages for lost profits, loss of    *
+*  goodwill, work stoppage, computer failure or malfunction, or any    *
+*  and all other commercial damages or losses, even if such party      *
+*  shall have been informed of the possibility of such damages. This   *
+*  limitation of liability shall not apply to liability for death or   *
+*  personal injury resulting from such party's negligence to the       *
+*  extent applicable law prohibits such limitation. Some               *
+*  jurisdictions do not allow the exclusion or limitation of           *
+*  incidental or consequential damages, so this exclusion and          *
+*  limitation may not apply to You.                                    *
+*                                                                      *
+************************************************************************
+
+8. Litigation
+-------------
+
+Any litigation relating to this License may be brought only in the
+courts of a jurisdiction where the defendant maintains its principal
+place of business and such litigation shall be governed by laws of that
+jurisdiction, without reference to its conflict-of-law provisions.
+Nothing in this Section shall prevent a party's ability to bring
+cross-claims or counter-claims.
+
+9. Miscellaneous
+----------------
+
+This License represents the complete agreement concerning the subject
+matter hereof. If any provision of this License is held to be
+unenforceable, such provision shall be reformed only to the extent
+necessary to make it enforceable. Any law or regulation which provides
+that the language of a contract shall be construed against the drafter
+shall not be used to construe this License against a Contributor.
+
+10. Versions of the License
+---------------------------
+
+10.1. New Versions
+
+Mozilla Foundation is the license steward. Except as provided in Section
+10.3, no one other than the license steward has the right to modify or
+publish new versions of this License. Each version will be given a
+distinguishing version number.
+
+10.2. Effect of New Versions
+
+You may distribute the Covered Software under the terms of the version
+of the License under which You originally received the Covered Software,
+or under the terms of any subsequent version published by the license
+steward.
+
+10.3. Modified Versions
+
+If you create software not governed by this License, and you want to
+create a new license for such software, you may create and use a
+modified version of this License if you rename the license and remove
+any references to the name of the license steward (except to note that
+such modified license differs from this License).
+
+10.4. Distributing Source Code Form that is Incompatible With Secondary
+Licenses
+
+If You choose to distribute Source Code Form that is Incompatible With
+Secondary Licenses under the terms of this version of the License, the
+notice described in Exhibit B of this License must be attached.
+
+Exhibit A - Source Code Form License Notice
+-------------------------------------------
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+If it is not possible or desirable to put the notice in a particular
+file, then You may include the notice in a location (such as a LICENSE
+file in a relevant directory) where a recipient would be likely to look
+for such a notice.
+
+You may add additional accurate notices of copyright ownership.
+
+Exhibit B - "Incompatible With Secondary Licenses" Notice
+---------------------------------------------------------
+
+  This Source Code Form is "Incompatible With Secondary Licenses", as
+  defined by the Mozilla Public License, v. 2.0.
\ No newline at end of file
diff --git a/org.tizen.common.builder/about_files/yuilibrary-LICENSE.txt b/org.tizen.common.builder/about_files/yuilibrary-LICENSE.txt
new file mode 100644 (file)
index 0000000..199c201
--- /dev/null
@@ -0,0 +1,29 @@
+Copyright (C) 2011 Yahoo! Inc. All Rights Reserved.\r
+\r
+Redistribution and use of this software in source and binary forms,\r
+ with or without modification, are permitted provided\r
+ that the following conditions are met:\r
+\r
+1. Redistributions of source code must retain the above copyright notice,\r
+    this list of conditions and the following disclaimer.\r
+\r
+2. Redistributions in binary form must reproduce the above copyright notice,\r
+    this list of conditions and the following disclaimer in the documentation and/or other\r
+    materials provided with the distribution.\r
+\r
+3. Neither the name of Yahoo! Inc. nor the names of YUI's contributors\r
+    may be used to endorse or promote products derived from this software\r
+    without specific prior written permission of Yahoo! Inc.\r
+\r
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\r
+``AS IS'' AND ANY EXPRESSED OR IMPLIED WARRANTIES, INCLUDING, BUT\r
+NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND\r
+FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL\r
+METASTUFF, LTD. OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT,\r
+INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\r
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\r
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)\r
+HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,\r
+STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)\r
+ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED\r
+OF THE POSSIBILITY OF SUCH DAMAGE.\r
diff --git a/org.tizen.common.builder/build.properties b/org.tizen.common.builder/build.properties
new file mode 100644 (file)
index 0000000..1ba53c6
--- /dev/null
@@ -0,0 +1,8 @@
+source.. = src/\r
+output.. = bin/\r
+bin.includes = META-INF/,\\r
+               .,\\r
+               about_files/,\\r
+               about.html,\\r
+               OSGI-INF/,\\r
+               lib/\r
diff --git a/org.tizen.common.builder/lib/jgrapht-jdk1.6.jar b/org.tizen.common.builder/lib/jgrapht-jdk1.6.jar
new file mode 100644 (file)
index 0000000..76db13c
Binary files /dev/null and b/org.tizen.common.builder/lib/jgrapht-jdk1.6.jar differ
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/BuildDependency.java b/org.tizen.common.builder/src/org/tizen/common/builder/BuildDependency.java
new file mode 100755 (executable)
index 0000000..7898ae5
--- /dev/null
@@ -0,0 +1,48 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import java.util.Set;\r
+\r
+public interface BuildDependency\r
+{\r
+    void addVertex( Resource resource );\r
+    boolean containsVertex( Resource resource );\r
+    void removeVertex( Resource resource );\r
+    \r
+    void addEdge( Resource in, Resource out, Dependency dependency );\r
+    void removeEdge( Dependency dependency );\r
+    Set<Dependency> edgesOf( Resource resource );\r
+    \r
+    Resource getEdgeSource( Dependency dependency );\r
+    Resource getEdgeTarget( Dependency dependency );\r
+    \r
+    \r
+\r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/BuildProcess.java b/org.tizen.common.builder/src/org/tizen/common/builder/BuildProcess.java
new file mode 100755 (executable)
index 0000000..45d4ce6
--- /dev/null
@@ -0,0 +1,426 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import java.io.File;\r
+import java.io.IOException;\r
+import java.util.ArrayList;\r
+import java.util.Arrays;\r
+import java.util.Collection;\r
+import java.util.Comparator;\r
+import java.util.HashMap;\r
+import java.util.HashSet;\r
+import java.util.LinkedHashSet;\r
+import java.util.List;\r
+import java.util.TreeSet;\r
+\r
+import org.slf4j.Logger;\r
+import org.slf4j.LoggerFactory;\r
+import org.tizen.common.builder.dependency.DependencyInMemory;\r
+import org.tizen.common.builder.exception.BuildException;\r
+import org.tizen.common.file.FileHandler;\r
+import org.tizen.common.util.Assert;\r
+import org.tizen.common.util.CollectionUtil;\r
+import org.tizen.common.util.FileUtil;\r
+import org.tizen.common.util.FilenameUtil;\r
+\r
+public class BuildProcess\r
+{\r
+    \r
+    protected final Logger logger = LoggerFactory.getLogger( getClass() );\r
+    \r
+    protected final HashMap<ResourceLayer, Builder> resources2builder = new HashMap<ResourceLayer, Builder>();\r
+    \r
+    protected final List<Builder> builders = new ArrayList<Builder>();\r
+    \r
+    protected final BuildDependency dependencies = new DependencyInMemory();\r
+    \r
+    protected boolean bInitialize = false;\r
+    \r
+    \r
+    public\r
+    void\r
+    addBuilder(\r
+        final Builder builder\r
+    )\r
+    {\r
+        this.builders.add( builder );\r
+    }\r
+    \r
+    public Builder getLastBuilder() {\r
+        return CollectionUtil.pickupLast( this.builders );\r
+    }\r
+    \r
+    public Builder getBuilder(String layerName) {\r
+        Assert.notNull( layerName );\r
+        \r
+        Builder result = null;\r
+        for ( Builder builder : this.builders ) {\r
+            String name = builder.getResourceLayer().getName();\r
+            if ( layerName.equals( name ) ) {\r
+                result = builder;\r
+                break;\r
+            }\r
+        }\r
+        \r
+        logger.info( "Find a builder by ResourceLayer name {} : {}",\r
+                layerName, ( result != null ) ? result.getResourceLayer().getName() : "Not found" );\r
+        \r
+        return result;\r
+    }\r
+    \r
+    public void enableBuilder(String layerName, Resource ...resources) throws IOException, BuildException {\r
+        // get a builder\r
+        Builder builder = getBuilder( layerName );\r
+        if ( builder == null ) {\r
+            return;\r
+        }\r
+        \r
+        // If no state changes, skip this\r
+        if ( builder.isEnabled() ) {\r
+            return;\r
+        }\r
+        builder.setEnabled( true );\r
+        \r
+        ResourceLayer builderLayer = builder.getResourceLayer();\r
+        \r
+        // collect the rebuild resources\r
+        Collection<Resource> rebuildResource = new HashSet<Resource>();\r
+        for ( Resource resource : resources ) {\r
+            Resource res = builderLayer.getResource( resource.getPath() );\r
+            if ( res != null ) {\r
+                rebuildResource.add( res );\r
+            }\r
+        }\r
+        \r
+        // reverse build\r
+        this.removeResources( rebuildResource.toArray( new Resource[0] ) );\r
+    }\r
+    \r
+    public void disableBuilder(String layerName) throws BuildException, IOException {\r
+        // get a builder\r
+        Builder builder = getBuilder( layerName );\r
+        if ( builder == null ) {\r
+            return;\r
+        }\r
+        \r
+        // If no state changes, skip this\r
+        if ( !builder.isEnabled() ) {\r
+            return;\r
+        }\r
+        builder.setEnabled( false );\r
+        \r
+        ResourceLayer builderLayer = builder.getResourceLayer();\r
+        \r
+        // get resources in layer\r
+        FileHandler builderHandler = builderLayer.getFileHandler();\r
+        File cwdFile = new File( builderHandler.getCurrentWorkingDirectory() );\r
+        List<File> findFiles = FileUtil.findFiles( cwdFile, ".*", true);\r
+        \r
+        // delete resources and collect the rebuild resources\r
+        Collection<Resource> rebuildResource = new HashSet<Resource>();\r
+        for ( File removeFile : findFiles ) {\r
+            String removePath = FilenameUtil.getRelativePath( cwdFile.getCanonicalPath(), removeFile.getCanonicalPath() );\r
+            Resource res = builderLayer.getResource( removePath );\r
+            if ( res != null ) {\r
+                rebuildResource.add( res );\r
+            }\r
+            builderLayer.removeResource( removePath );\r
+        }\r
+        \r
+        // reverse build\r
+        this.removeResources( rebuildResource.toArray( new Resource[0] ) );\r
+    }\r
+    \r
+    protected\r
+    Collection<Resource>\r
+    getSortedResource( Collection<Resource> resources )\r
+    {\r
+        final TreeSet<Resource> sortedResources = new TreeSet<Resource>( new Comparator<Resource>()\r
+        {\r
+            @Override\r
+            public int compare(Resource o1, Resource o2)\r
+            {\r
+                ResourceLayer l1 = o1.getLayer();\r
+                ResourceLayer l2 = o2.getLayer();\r
+                \r
+                ResourceLayer iter = l1;\r
+                while ( null != iter )\r
+                {\r
+                    if ( iter == l2 )\r
+                    {\r
+                        return 1;\r
+                    }\r
+                    iter = iter.getParent();\r
+                }\r
+                return -1;\r
+            }\r
+        } );\r
+        \r
+        sortedResources.addAll( resources );\r
+        \r
+        return sortedResources;\r
+        \r
+    }\r
+    \r
+    public\r
+    void\r
+    build(\r
+        final Resource... resources\r
+    )\r
+    throws BuildException\r
+    {\r
+        final Collection<Resource> sortedResources = getSortedResource( Arrays.asList( resources ) );\r
+        \r
+        try\r
+        {\r
+            // Step#1 Remove dependency tree about resources what will be built\r
+            final Collection<Resource> projectedResources = new HashSet<Resource>();\r
+            for ( final Resource resource : sortedResources )\r
+            {\r
+                projectedResources.addAll( removeResource( resource ) );\r
+            }\r
+\r
+            logger.info( "Build target :{}", projectedResources );\r
+            Collection<Resource> iter = projectedResources;\r
+\r
+            // Step#2 Build resources and related resources for reverse build.\r
+            for ( int i = 0 ; !iter.isEmpty() ; ++i )\r
+            {\r
+                logger.debug( "{} th iteration :{}", i, iter );\r
+                iter = buildInternal( iter );\r
+            }\r
+        } catch (IOException e)\r
+        {\r
+            throw new BuildException( e );\r
+        }\r
+    }\r
+    \r
+    public\r
+    Collection<Resource>\r
+    buildInternal(\r
+        final Collection<Resource> resources\r
+    )\r
+    throws BuildException\r
+    {\r
+        final Collection<Resource> next = new LinkedHashSet<Resource>();\r
+        \r
+        for ( final Resource resource : resources )\r
+        {\r
+            // Filter a registered filter resource or a resource in none-managing resource layer.\r
+            if ( !isValidResource( resource ) ) {\r
+                continue;\r
+            }\r
+            \r
+            for ( final Builder builder : this.builders )\r
+            {\r
+                // check whether a builder enable state.\r
+                boolean bEnabled = builder.isEnabled();\r
+                logger.debug( "{} is enabled? {}", new Object[] { builder, bEnabled } );\r
+                if ( !bEnabled ) {\r
+                    continue;\r
+                }\r
+                \r
+                // check whether an already built resource.\r
+                boolean bBuilt = this.isBuiltResource( builder.getResourceLayer(), resource );\r
+                logger.debug( "{} is a built resource in {}? {}", new Object[] { resource, builder.getResourceLayer(), bBuilt } );\r
+                if ( bBuilt ) {\r
+                    continue;\r
+                }\r
+                \r
+                // check whether can build.\r
+                boolean bBuild = builder.canBuild( resource );\r
+                logger.debug( "{} can build {}? {}", new Object[] { builder, resource, bBuild } );\r
+                if ( !bBuild ) {\r
+                    continue;\r
+                }\r
+                \r
+                this.dependencies.addVertex( resource );\r
+                final BuildResult result = builder.build( resource );\r
+                \r
+                // draw dependency graph\r
+                if ( null != result )\r
+                {\r
+                    for ( Resource in : result.getInputs() )\r
+                    {\r
+                        if ( !this.dependencies.containsVertex( in ) )\r
+                        {\r
+                            this.dependencies.addVertex( in );\r
+                        }\r
+                        for ( final Resource out : result.getOutputs( in ) )\r
+                        {\r
+                            if ( !this.dependencies.containsVertex( out ) )\r
+                            {\r
+                                this.dependencies.addVertex( out );\r
+                            }\r
+                            this.dependencies.addEdge( in, out, new Dependency() );\r
+                            \r
+                            next.add( out );\r
+                            \r
+                            logger.debug( "Add edge : {} / {}", in.getLayer(), in.getPath() );\r
+                            logger.debug( "        => {} / {}", out.getLayer(), out.getPath() );\r
+                        }\r
+                    }\r
+                }\r
+                \r
+                break;\r
+            }\r
+        }\r
+        \r
+        // return build results for next build\r
+        return next;\r
+    }\r
+    \r
+    public void removeResources(Resource ... resources) throws BuildException {\r
+        final Collection<Resource> next = new LinkedHashSet<Resource>();\r
+        \r
+        // remove resources.\r
+        for ( final Resource resource : resources )\r
+        {\r
+            try {\r
+                next.addAll( removeResource( resource ) );\r
+            } catch (IOException e) {\r
+                throw new BuildException( e );\r
+            }\r
+        }\r
+        \r
+        // reverse build\r
+        this.build( next.toArray( new Resource[0] ) );\r
+    }\r
+    \r
+    protected\r
+    Collection<Resource>\r
+    removeResource(\r
+        Resource resource\r
+    )\r
+    throws IOException\r
+    {\r
+        logger.info( "Remove resource :{}", resource );\r
+        ArrayList<Resource> ret = new ArrayList<Resource>();\r
+        if ( !this.dependencies.containsVertex( resource ) )\r
+        {\r
+            ret.add( resource );\r
+            return ret;\r
+        }\r
+        \r
+        final ResourceLayer topLayer = getLastBuilder().getResourceLayer();\r
+\r
+        boolean bChange = resource.equals( resource.getLayer().getResource( resource.getPath() ) );\r
+        \r
+        for ( final Dependency dependency : this.dependencies.edgesOf( resource ) )\r
+        {\r
+            this.dependencies.removeEdge( dependency );\r
+            \r
+            Resource source = this.dependencies.getEdgeSource( dependency );\r
+            Resource target = this.dependencies.getEdgeTarget( dependency );\r
+            \r
+            logger.debug( "Remove edge : {} / {}", source.getLayer(), source.getPath() );\r
+            logger.debug( "        => {} / {}", target.getLayer(), target.getPath() );\r
+            \r
+            if ( resource.equals( source ) )\r
+            {\r
+                target.getLayer().removeResource( target.getPath() );\r
+                removeResource( target );\r
+            }\r
+            else if ( !bChange && resource.equals( target ) )\r
+            {\r
+                Resource testResource = topLayer.getResource( source.getPath() );\r
+                if ( resource.equals( testResource ) ) \r
+                {\r
+                    // delete\r
+                    ret.add( testResource );\r
+                }\r
+                else\r
+                {\r
+                    ret.add( source );\r
+                }\r
+            }\r
+        }\r
+        \r
+        if ( bChange )\r
+        {\r
+            // change\r
+            ret.add( resource );\r
+        }\r
+        \r
+        this.dependencies.removeVertex( resource );\r
+        \r
+        return ret;\r
+    }\r
+    \r
+    public Collection<Resource> getResult(Resource ... resources) throws IOException {\r
+        Collection<Resource> result = new HashSet<Resource>();\r
+        \r
+        for (Resource resource : resources) {\r
+            Resource resultResource = getLastBuilder().getResourceLayer().getResource( resource.getPath() );\r
+            result.add( resultResource );\r
+       }\r
+        \r
+        return result;\r
+    }\r
+    \r
+    protected boolean isValidResource(Resource resource) {\r
+        ResourceLayer iter = getLastBuilder().getResourceLayer();\r
+        \r
+        ResourceLayer resourceLayer = resource.getLayer();\r
+        while ( iter != null ) {\r
+            if ( iter == resourceLayer ) {\r
+                return !iter.isFilterResource( resource );\r
+            }\r
+            iter = iter.getParent();\r
+        }\r
+        \r
+        return false;\r
+    }\r
+    \r
+    protected boolean isBuiltResource(ResourceLayer currentLayer, Resource resource) {\r
+        logger.trace( "Resource :{}", resource );\r
+        \r
+        ResourceLayer iter = resource.getLayer();\r
+        if ( currentLayer == iter )\r
+        {\r
+            logger.debug( "Layer is matching" );\r
+            return true;\r
+        }\r
+        \r
+        iter = iter.getParent();\r
+        while( null != iter )\r
+        {\r
+            if ( currentLayer == iter )\r
+            {\r
+                logger.debug( "Find it" );\r
+                return true;\r
+            }\r
+            iter = iter.getParent();\r
+        }\r
+        \r
+        logger.debug( "Can't find it" );\r
+        return false;\r
+    }\r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/BuildResult.java b/org.tizen.common.builder/src/org/tizen/common/builder/BuildResult.java
new file mode 100644 (file)
index 0000000..1f26600
--- /dev/null
@@ -0,0 +1,64 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import java.util.Collection;\r
+\r
+import org.tizen.common.util.CollectionMap;\r
+\r
+public class\r
+BuildResult\r
+{\r
+    CollectionMap<Resource, Resource> in2out = new CollectionMap<Resource, Resource>();\r
+    \r
+    public BuildResult()\r
+    {\r
+    }\r
+    \r
+    public\r
+    void\r
+    addDependency(\r
+        final Resource in,\r
+        final Resource out\r
+    )\r
+    {\r
+        in2out.put( in, out );\r
+    }\r
+    \r
+    public Collection<Resource> getInputs()\r
+    {\r
+        return this.in2out.keySet();\r
+    }\r
+    \r
+    public Collection<Resource> getOutputs( final Resource input )\r
+    {\r
+        return this.in2out.get( input );\r
+    }\r
+    \r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/Builder.java b/org.tizen.common.builder/src/org/tizen/common/builder/Builder.java
new file mode 100644 (file)
index 0000000..83fa830
--- /dev/null
@@ -0,0 +1,47 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import org.tizen.common.builder.exception.BuildException;\r
+\r
+public interface\r
+Builder\r
+{\r
+    ResourceLayer getResourceLayer();\r
+    \r
+    void setResourceLayer( ResourceLayer layer );\r
+\r
+    boolean canBuild( Resource resource );\r
+    \r
+    BuildResult build( Resource resource ) throws BuildException;\r
+    \r
+    boolean isEnabled();\r
+    \r
+    void setEnabled(boolean enabled);\r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/Dependency.java b/org.tizen.common.builder/src/org/tizen/common/builder/Dependency.java
new file mode 100755 (executable)
index 0000000..dec0ec2
--- /dev/null
@@ -0,0 +1,71 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import org.jgrapht.graph.DefaultEdge;\r
+\r
+public class Dependency\r
+extends DefaultEdge\r
+{\r
+    \r
+    private static final long serialVersionUID = -5661642289487372891L;\r
+    \r
+    protected Builder builder;\r
+    \r
+    public Dependency()\r
+    {\r
+    }\r
+    \r
+    public Dependency( final Builder builder )\r
+    {\r
+        this.builder = builder;\r
+    }\r
+    \r
+    public Builder getBuilder()\r
+    {\r
+        return this.builder;\r
+    }\r
+    \r
+    public void setBuilder( final Builder builder )\r
+    {\r
+        this.builder = builder;\r
+    }\r
+    \r
+    \r
+    public Resource getSource()\r
+    {\r
+        return (Resource) super.getSource();\r
+    }\r
+    \r
+    public Resource getTarget()\r
+    {\r
+        return (Resource) super.getTarget();\r
+    }\r
+    \r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/Resource.java b/org.tizen.common.builder/src/org/tizen/common/builder/Resource.java
new file mode 100755 (executable)
index 0000000..584d87f
--- /dev/null
@@ -0,0 +1,115 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import java.io.ByteArrayInputStream;\r
+import java.io.IOException;\r
+import java.io.InputStream;\r
+\r
+import org.apache.commons.lang3.builder.EqualsBuilder;\r
+import org.apache.commons.lang3.builder.HashCodeBuilder;\r
+import org.tizen.common.file.FileHandler.Attribute;\r
+\r
+public class\r
+Resource\r
+{\r
+    protected String path;\r
+    \r
+    protected ResourceLayer layer;\r
+    \r
+    public Resource(\r
+        final ResourceLayer layer,\r
+        final String path\r
+    )\r
+    {\r
+        this.layer = layer;\r
+        this.path = path;\r
+    }\r
+    public\r
+    String\r
+    getName()\r
+    throws IOException\r
+    {\r
+        return (String) this.getLayer().getFileHandler().get( this.path, Attribute.NAME );\r
+    }\r
+    \r
+    public String getPath()\r
+    {\r
+        return this.path;\r
+    }\r
+    \r
+    public ResourceLayer getLayer() \r
+    {\r
+        return this.layer;\r
+    }\r
+    \r
+    public InputStream getContents() throws IOException\r
+    {\r
+        return layer.getFileHandler().read( this.path );\r
+    }\r
+    \r
+    public void setContents( InputStream in ) throws IOException\r
+    {\r
+        layer.getFileHandler().write( this.path, in );\r
+    }\r
+    \r
+    public void setContents( byte[] contents ) throws IOException\r
+    {\r
+        setContents( new ByteArrayInputStream( contents ) );\r
+    }\r
+    \r
+    @Override\r
+    public int hashCode()\r
+    {\r
+        return new HashCodeBuilder().append( layer ).append( path ).toHashCode();\r
+    }\r
+\r
+    @Override\r
+    public\r
+    boolean\r
+    equals(\r
+        final Object obj\r
+    )\r
+    {\r
+        if ( !( obj instanceof Resource ) )\r
+        {\r
+            return false;\r
+        }\r
+        \r
+        final Resource other = (Resource) obj;\r
+        \r
+        return new EqualsBuilder().append( this.layer, other.layer ).append( this.path, other.path ).isEquals();\r
+    }\r
+    \r
+    @Override\r
+    public String toString()\r
+    {\r
+        return "Resource[" + getPath() + "](" + getLayer() + ")";\r
+    }\r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/ResourceChangeListener.java b/org.tizen.common.builder/src/org/tizen/common/builder/ResourceChangeListener.java
new file mode 100644 (file)
index 0000000..39ecbde
--- /dev/null
@@ -0,0 +1,35 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+public interface\r
+ResourceChangeListener\r
+{\r
+    void resourceChanged( final Resource... resources );\r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/ResourceLayer.java b/org.tizen.common.builder/src/org/tizen/common/builder/ResourceLayer.java
new file mode 100755 (executable)
index 0000000..3476c94
--- /dev/null
@@ -0,0 +1,207 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import java.io.IOException;\r
+import java.io.InputStream;\r
+import java.util.Collection;\r
+import java.util.HashSet;\r
+\r
+import org.tizen.common.file.FileHandler;\r
+import org.tizen.common.file.FileHandler.Attribute;\r
+\r
+public class\r
+ResourceLayer\r
+{\r
+    protected final String name;\r
+    \r
+    protected ResourceLayer parent;\r
+    \r
+    protected final FileHandler fileHandler;\r
+    \r
+    protected final Collection<Resource> filter = new HashSet<Resource>();\r
+    \r
+    \r
+    public\r
+    ResourceLayer(\r
+        final FileHandler fileHandler\r
+    )\r
+    {\r
+        this( "Unknown", null, fileHandler );\r
+    }\r
+    \r
+    public\r
+    ResourceLayer(\r
+        final String name,\r
+        final FileHandler fileHandler\r
+    )\r
+    {\r
+        this( name, null, fileHandler );\r
+    }\r
+    \r
+    public\r
+    ResourceLayer(\r
+        final ResourceLayer parent,\r
+        final FileHandler fileHandler\r
+    )\r
+    {\r
+        this( null, parent, fileHandler );\r
+    }\r
+    \r
+    public\r
+    ResourceLayer(\r
+        final String name,\r
+        final ResourceLayer parent,\r
+        final FileHandler fileHandler\r
+    )\r
+    {\r
+        this.name = name;\r
+        this.parent = parent;\r
+        this.fileHandler = fileHandler;\r
+    }\r
+    \r
+    public String getName() {\r
+        return this.name;\r
+    }\r
+    \r
+    public\r
+    ResourceLayer\r
+    getParent()\r
+    {\r
+        return this.parent;\r
+    }\r
+    \r
+    public\r
+    void\r
+    setParent(ResourceLayer parent)\r
+    {\r
+        this.parent = parent;\r
+    }\r
+    \r
+    public\r
+    FileHandler\r
+    getFileHandler()\r
+    {\r
+        return this.fileHandler;\r
+    }\r
+\r
+    public\r
+    Resource\r
+    getResource(\r
+        final String path\r
+    )\r
+    throws IOException\r
+    {\r
+        if ( !(Boolean) fileHandler.get( path, Attribute.EXISTS ) )\r
+        {\r
+            if ( null == this.parent )\r
+            {\r
+                return null;\r
+            }\r
+            \r
+            return this.parent.getResource( path );\r
+        }\r
+        \r
+        Resource result = new Resource( this, path );\r
+        if ( isFilterResource( result ) ) {\r
+            return null;\r
+        }\r
+        \r
+        return result;\r
+    }\r
+\r
+    /**\r
+     * Add a resource with small contents in the ResourceLayer\r
+     * \r
+     * @param path relative resource path\r
+     * @param contents resource contents byte array.\r
+     * @return new resource instance\r
+     * @throws IOException\r
+     */\r
+    public\r
+    Resource\r
+    addResource(\r
+        final String path,\r
+        final byte[] contents\r
+    )\r
+    throws IOException\r
+    {\r
+        final Resource ret = new Resource( this, path );\r
+        ret.setContents( contents );\r
+        \r
+        return ret;\r
+    }\r
+    \r
+    \r
+    /**\r
+     * Add a resource with contents in the ResourceLayer\r
+     * \r
+     * @param path relative resource path\r
+     * @param in resource contents\r
+     * @return new resource instance\r
+     * @throws IOException\r
+     */\r
+    public Resource addResource(final String path, final InputStream in) throws IOException {\r
+        final Resource ret = new Resource( this, path );\r
+        ret.setContents( in );\r
+        return ret;\r
+    }\r
+    \r
+    public\r
+    void\r
+    removeResource(\r
+        final String path\r
+    )\r
+    throws IOException\r
+    {\r
+        fileHandler.removeFile( path );\r
+    }\r
+    \r
+    public void addFilterResource(Resource res) {\r
+        this.filter.add( res );\r
+    }\r
+    \r
+    public Resource[] getFilterResources() {\r
+        return this.filter.toArray( new Resource[0] );\r
+    }\r
+    \r
+    public boolean isFilterResource(Resource res) {\r
+        return this.filter.contains( res );\r
+    }\r
+    \r
+    public void removeFilterResource(Resource res) {\r
+        this.filter.remove( res );\r
+    }\r
+    \r
+    @Override\r
+    public String toString()\r
+    {\r
+        return "Layer[" + this.name + "]";\r
+    }\r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/core/AbstractBuilder.java b/org.tizen.common.builder/src/org/tizen/common/builder/core/AbstractBuilder.java
new file mode 100755 (executable)
index 0000000..6fd89b9
--- /dev/null
@@ -0,0 +1,76 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder.core;\r
+\r
+import org.slf4j.Logger;\r
+import org.slf4j.LoggerFactory;\r
+import org.tizen.common.builder.Builder;\r
+import org.tizen.common.builder.ResourceLayer;\r
+\r
+abstract public class\r
+AbstractBuilder\r
+implements Builder\r
+{\r
+    protected final Logger logger = LoggerFactory.getLogger( AbstractBuilder.class );\r
+    \r
+    protected ResourceLayer layer;\r
+    \r
+    protected boolean bEnabled;\r
+    \r
+    \r
+    protected AbstractBuilder() {\r
+        this( null );\r
+    }\r
+    \r
+    protected AbstractBuilder( final ResourceLayer layer ) {\r
+        this.bEnabled = true;\r
+        setResourceLayer( layer );\r
+    }\r
+    \r
+    @Override\r
+    public ResourceLayer getResourceLayer() {\r
+        return this.layer;\r
+    }\r
+    \r
+    @Override\r
+    public void setResourceLayer( final ResourceLayer layer ) {\r
+        this.layer = layer;\r
+    }\r
+\r
+    @Override\r
+    public boolean isEnabled() {\r
+        return this.bEnabled;\r
+    }\r
+\r
+    @Override\r
+    public void setEnabled(boolean enabled) {\r
+        this.bEnabled = enabled;\r
+    }\r
+\r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/dependency/DependencyInFile.java b/org.tizen.common.builder/src/org/tizen/common/builder/dependency/DependencyInFile.java
new file mode 100755 (executable)
index 0000000..a97d3df
--- /dev/null
@@ -0,0 +1,98 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder.dependency;\r
+\r
+import java.util.Set;\r
+\r
+import org.tizen.common.builder.BuildDependency;\r
+import org.tizen.common.builder.Dependency;\r
+import org.tizen.common.builder.Resource;\r
+\r
+public class\r
+DependencyInFile\r
+implements BuildDependency\r
+{\r
+\r
+    @Override\r
+    public void addVertex(Resource resource)\r
+    {\r
+        // TODO Auto-generated method stub\r
+        \r
+    }\r
+\r
+    @Override\r
+    public boolean containsVertex(Resource resource)\r
+    {\r
+        // TODO Auto-generated method stub\r
+        return false;\r
+    }\r
+\r
+    @Override\r
+    public void removeVertex(Resource resource)\r
+    {\r
+        // TODO Auto-generated method stub\r
+        \r
+    }\r
+\r
+    @Override\r
+    public void addEdge(Resource in, Resource out, Dependency dependency)\r
+    {\r
+        // TODO Auto-generated method stub\r
+        \r
+    }\r
+\r
+    @Override\r
+    public void removeEdge(Dependency dependency)\r
+    {\r
+        // TODO Auto-generated method stub\r
+        \r
+    }\r
+\r
+    @Override\r
+    public Set<Dependency> edgesOf(Resource resource)\r
+    {\r
+        // TODO Auto-generated method stub\r
+        return null;\r
+    }\r
+\r
+    @Override\r
+    public Resource getEdgeSource(Dependency dependency)\r
+    {\r
+        // TODO Auto-generated method stub\r
+        return null;\r
+    }\r
+\r
+    @Override\r
+    public Resource getEdgeTarget(Dependency dependency)\r
+    {\r
+        // TODO Auto-generated method stub\r
+        return null;\r
+    }\r
+\r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/dependency/DependencyInMemory.java b/org.tizen.common.builder/src/org/tizen/common/builder/dependency/DependencyInMemory.java
new file mode 100755 (executable)
index 0000000..13e4e31
--- /dev/null
@@ -0,0 +1,127 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder.dependency;\r
+\r
+import java.util.Set;\r
+\r
+import org.jgrapht.DirectedGraph;\r
+import org.jgrapht.graph.DefaultDirectedGraph;\r
+import org.tizen.common.builder.BuildDependency;\r
+import org.tizen.common.builder.Dependency;\r
+import org.tizen.common.builder.Resource;\r
+\r
+public class\r
+DependencyInMemory\r
+implements BuildDependency\r
+{\r
+    protected final DirectedGraph<Resource, Dependency> dependencies = new DefaultDirectedGraph<Resource, Dependency>( Dependency.class );\r
+\r
+    /**\r
+     * @param resource\r
+     * @see org.tizen.common.builder.BuildDependency#addVertex(org.tizen.common.builder.Resource)\r
+     */\r
+    public void addVertex(Resource resource)\r
+    {\r
+        dependencies.addVertex(resource);\r
+    }\r
+\r
+    /**\r
+     * @param resource\r
+     * @return\r
+     * @see org.tizen.common.builder.BuildDependency#containsVertex(org.tizen.common.builder.Resource)\r
+     */\r
+    public boolean containsVertex(Resource resource)\r
+    {\r
+        return dependencies.containsVertex(resource);\r
+    }\r
+\r
+    /**\r
+     * @param resource\r
+     * @see org.tizen.common.builder.BuildDependency#removeVertex(org.tizen.common.builder.Resource)\r
+     */\r
+    public void removeVertex(Resource resource)\r
+    {\r
+        dependencies.removeVertex(resource);\r
+    }\r
+\r
+    /**\r
+     * @param in\r
+     * @param out\r
+     * @param dependency\r
+     * @see org.tizen.common.builder.BuildDependency#addEdge(org.tizen.common.builder.Resource, org.tizen.common.builder.Resource, org.tizen.common.builder.BuildProcess.Dependency)\r
+     */\r
+    public void addEdge(Resource in, Resource out, Dependency dependency)\r
+    {\r
+        dependencies.addEdge(in, out, dependency);\r
+    }\r
+\r
+    /**\r
+     * @param dependency\r
+     * @see org.tizen.common.builder.BuildDependency#removeEdge(org.tizen.common.builder.BuildProcess.Dependency)\r
+     */\r
+    public void removeEdge(Dependency dependency)\r
+    {\r
+        dependencies.removeEdge(dependency);\r
+    }\r
+\r
+    /**\r
+     * @param resource\r
+     * @return\r
+     * @see org.tizen.common.builder.BuildDependency#edgesOf(org.tizen.common.builder.Resource)\r
+     */\r
+    public Set<Dependency> edgesOf(Resource resource)\r
+    {\r
+        return dependencies.edgesOf(resource);\r
+    }\r
+\r
+    /**\r
+     * @param dependency\r
+     * @return\r
+     * @see org.tizen.common.builder.BuildDependency#getEdgeSource(org.tizen.common.builder.BuildProcess.Dependency)\r
+     */\r
+    public Resource getEdgeSource(Dependency dependency)\r
+    {\r
+        return dependencies.getEdgeSource(dependency);\r
+    }\r
+\r
+    /**\r
+     * @param dependency\r
+     * @return\r
+     * @see org.tizen.common.builder.BuildDependency#getEdgeTarget(org.tizen.common.builder.BuildProcess.Dependency)\r
+     */\r
+    public Resource getEdgeTarget(Dependency dependency)\r
+    {\r
+        return dependencies.getEdgeTarget(dependency);\r
+    }\r
+    \r
+    \r
+\r
+    \r
+    \r
+}\r
diff --git a/org.tizen.common.builder/src/org/tizen/common/builder/exception/BuildException.java b/org.tizen.common.builder/src/org/tizen/common/builder/exception/BuildException.java
new file mode 100644 (file)
index 0000000..f83ec56
--- /dev/null
@@ -0,0 +1,42 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder.exception;\r
+\r
+public class\r
+BuildException\r
+extends Exception\r
+{\r
+    private static final long serialVersionUID = -1375835405078898617L;\r
+    \r
+    public BuildException( Throwable th )\r
+    {\r
+        super( th );\r
+    }\r
+\r
+}\r
diff --git a/org.tizen.common.builder/test/file/a.css b/org.tizen.common.builder/test/file/a.css
new file mode 100755 (executable)
index 0000000..20de43c
--- /dev/null
@@ -0,0 +1,6076 @@
+@CHARSET "EUC-KR";\r
+\r
+/* common style */\r
+html,body {\r
+       margin: 0;\r
+       padding: 0;\r
+       height: 100%;\r
+       min-height: 100%;\r
+}\r
+\r
+hr {\r
+       display: none;\r
+}\r
+\r
+ul,ol,form,h1,h2,h3,h4,h5,h6,dl,dt,dd {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+img {\r
+       border: none;\r
+}\r
+\r
+a:link {\r
+       text-decoration: none\r
+}\r
+\r
+a:visited {\r
+       text-decoration: none\r
+}\r
+\r
+a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+a:active {\r
+       text-decoration: none\r
+}\r
+\r
+.clear {\r
+       clear: both;\r
+}\r
+\r
+.blank5 {\r
+       height: 5px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank7 {\r
+       height: 7px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank10 {\r
+       height: 10px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank20 {\r
+       height: 20px;\r
+       overflow: hidden;\r
+}\r
+\r
+.tl {\r
+       text-align: left;\r
+}\r
+\r
+.tc {\r
+       text-align: center;\r
+}\r
+\r
+.tr {\r
+       text-align: right;\r
+}\r
+\r
+.fl {\r
+       float: left;\r
+}\r
+\r
+.fr {\r
+       float: right;\r
+}\r
+\r
+.fn {\r
+       float: none;\r
+}\r
+\r
+.vm {\r
+       vertical-align: middle;\r
+}\r
+\r
+.u,a.u {\r
+       text-decoration: underline;\r
+}\r
+\r
+.ls1 {\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.nb {\r
+       font-weight: normal !important\r
+}\r
+\r
+input.cx {\r
+       width: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+}\r
+\r
+img.i_scrap {\r
+       margin: 0 0 3px 0;\r
+       vertical-align: middle;\r
+}\r
+\r
+img.i_open {\r
+       margin: 0 1px 4px 1px;\r
+       vertical-align: middle;\r
+}\r
+\r
+img.report {\r
+       margin: 0 0 -1px 0;\r
+}\r
+\r
+.p8 {\r
+       font-size: 8px;\r
+}\r
+\r
+.p9 {\r
+       font-size: 9px;\r
+}\r
+\r
+.p10 {\r
+       font-size: 10px;\r
+}\r
+\r
+.p11 {\r
+       font-size: 11px;\r
+}\r
+\r
+.p12 {\r
+       font-size: 12px;\r
+}\r
+\r
+.fil1 {\r
+       filter: alpha(opacity = 10);\r
+       opacity: 0.1;\r
+}\r
+\r
+.fil2 {\r
+       filter: alpha(opacity = 20);\r
+       opacity: 0.2;\r
+}\r
+\r
+.fil3 {\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+}\r
+\r
+.fil4 {\r
+       filter: alpha(opacity = 40);\r
+       opacity: 0.4;\r
+}\r
+\r
+.fil5 {\r
+       filter: alpha(opacity = 50);\r
+       opacity: 0.5;\r
+}\r
+\r
+.fil6 {\r
+       filter: alpha(opacity = 60);\r
+       opacity: 0.6;\r
+}\r
+\r
+.fil7 {\r
+       filter: alpha(opacity = 70);\r
+       opacity: 0.7;\r
+}\r
+\r
+.fil8 {\r
+       filter: alpha(opacity = 80);\r
+       opacity: 0.8;\r
+}\r
+\r
+.fil9 {\r
+       filter: alpha(opacity = 90);\r
+       opacity: 0.9;\r
+}\r
+\r
+.hand {\r
+       cursor: pointer;\r
+}\r
+\r
+/* Layout-X.jsp Áߺ¹µÈ ½ºÅ¸ÀÏ Á¸Àç È®ÀΠÇÊ¿ä */\r
+* html html {\r
+       overflow: scroll;\r
+       overflow-x: auto;\r
+}\r
+\r
+/* layout style */\r
+#head-skin {\r
+       width: 100%;\r
+       min-height: 100%;\r
+       background-repeat: repeat-x;\r
+       z-index: 1;\r
+}\r
+\r
+* html #head-skin {\r
+       height: 100%;\r
+}\r
+\r
+#whole-head,#whole-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+       clear: both;\r
+}\r
+\r
+#wrapper .side-head,#wrapper .side-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+       clear: both;\r
+}\r
+\r
+#whole-body {\r
+       clear: both;\r
+       padding: 0 8px;\r
+}\r
+\r
+#bottom-skin {\r
+       clear: both;\r
+       height: 75px;\r
+       background-repeat: repeat-x;\r
+}\r
+\r
+#body {\r
+       position: relative;\r
+       z-index: 10;\r
+       text-align: left;\r
+}\r
+\r
+#left-area,#right-area {\r
+       zoom: 1\r
+}\r
+\r
+#left-area:after,#right-area:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+#top-area #blog-title {\r
+       width: 100%\r
+}\r
+\r
+#left-area,#right-area,#content-area {\r
+       margin-top: 4px;\r
+} /*090824¼öÁ¤*/\r
+#bottom-area {\r
+       clear: both;\r
+}\r
+\r
+#blog-sign {\r
+       position: absolute;\r
+       width: 120px;\r
+       height: 20px;\r
+       right: 5px;\r
+       bottom: -30px;\r
+}\r
+\r
+#brandlink {\r
+       position: absolute;\r
+       left: 820px;\r
+       top: 545px;\r
+}\r
+\r
+div.division-line-x,div.division-line-y {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+div.division-line-x {\r
+       width: 171px;\r
+       height: 8px;\r
+       clear: both;\r
+}\r
+\r
+div.plile {\r
+       width: 100%;\r
+}\r
+\r
+#wrapper {\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#bottom-area {\r
+       padding-top: 8px;\r
+}\r
+\r
+#bottom-tight-area {\r
+       margin-top: 8px;\r
+}\r
+\r
+#top-tight-area .widget {\r
+       float: left;\r
+       margin-left: 8px;\r
+}\r
+\r
+#bottom-tight-area .widget {\r
+       float: left;\r
+       margin-left: 8px;\r
+}\r
+\r
+#top-tight-area div.division-line-x {\r
+       float: left;\r
+       width: 8px;\r
+       clear: none;\r
+}\r
+\r
+#bottom-tight-area div.division-line-x {\r
+       float: left;\r
+       width: 8px;\r
+       clear: none;\r
+}\r
+\r
+#top-tight-area .clear,#bottom-tight-area .clear {\r
+       height: 1px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+/* admin */\r
+#post-admin {\r
+       width: 147px;\r
+       margin: 0 auto;\r
+       padding: 0 0 6px 0;\r
+       text-align: left;\r
+} /* 0825 */\r
+#post-admin a {\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+} /* 0825 */\r
+#post-admin a.statistics {\r
+       font-weight: normal;\r
+} /* 0825 */\r
+#post-admin img.write {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 2px -2px 2px;\r
+       background: url(http://blogimgs.naver.net/nblog/write_ico.png);\r
+}\r
+\r
+* html #post-admin img.write {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/write_ico.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#post-admin img.admin {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 -2px 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/edit_ico.png);\r
+} /* 0825 */\r
+* html #post-admin img.admin {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/edit_ico.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#post-admin img.admin-new {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 -2px 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/ico_new.gif) 0 1px\r
+               no-repeat;\r
+} /* 090506Ãß°¡ */\r
+#post-admin span.bar {\r
+       padding: 0 5px 0 3px;\r
+}\r
+\r
+#post-admin span.bar1 {\r
+       padding: 0 12px 0 9px;\r
+}\r
+\r
+#post-admin span.bar2 {\r
+       padding: 0 14px 0 11px;\r
+}\r
+\r
+#wrapper .side-body {\r
+       text-align: center;\r
+       clear: both;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#wrapper .side-body.onestyle {\r
+       padding: 0 0 10px 0;\r
+       zoom: 1;\r
+       width: 100%;\r
+}\r
+\r
+#wrapper .side-body .widget {\r
+       overflow: hidden\r
+}\r
+\r
+#wrapper h3.component {\r
+       position: absolute;\r
+       font-size: 12px;\r
+}\r
+\r
+#wrapper h3.component span {\r
+       cursor: default;\r
+}\r
+\r
+#wrapper .cm-head {\r
+       clear: both;\r
+       position: relative;\r
+       z-index: 1\r
+}\r
+\r
+#wrapper .cm-title {\r
+       position: absolute;\r
+       width: 171px;\r
+       z-index: 2\r
+}\r
+\r
+#wrapper .cm-body {\r
+       clear: both;\r
+}\r
+\r
+#wrapper .cm-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+#wrapper .cm-arw {\r
+       width: 3px;\r
+       height: 3px;\r
+       margin: 0 2px 2px 0;\r
+       vertical-align: middle;\r
+}\r
+\r
+#wrapper .cm-icol {\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#wrapper .cm-con {\r
+       width: 161px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#wrapper .cmore {\r
+       position: absolute;\r
+       right: 8px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+}\r
+\r
+#wrapper .cmore a {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+input.listup {\r
+       width: 15px;\r
+       height: 5px;\r
+       margin: 0 0 5px 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       text-align: center;\r
+       font-family: µ¸¿ò;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+input.listdown {\r
+       width: 15px;\r
+       height: 5px;\r
+       margin: 0 0 5px 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       text-align: center;\r
+       font-family: µ¸¿ò;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+       filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=  2 );\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#idMenuDiv {\r
+       text-align: left;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#idMenuDiv .n_id {\r
+       cursor: pointer;\r
+}\r
+\r
+/* scrollbox */\r
+.template .scrollbox {\r
+       font-size: 12px;\r
+       border: 1px solid green;\r
+}\r
+\r
+.template .scrollbox .track {\r
+       background-color: #ff0;\r
+       width: 20px;\r
+}\r
+\r
+.template .scrollbox .button {\r
+       background-color: #f00;\r
+       width: 20px;\r
+       height: 20px;\r
+}\r
+\r
+.template .scrollbox .button.button_up {\r
+       background-color: #f0f;\r
+}\r
+\r
+.template .scrollbox .button.button_up.button_up_over {\r
+       background-color: #a00;\r
+}\r
+\r
+.template .scrollbox .button.button_up.button_up_down {\r
+       background-color: #0a0;\r
+}\r
+\r
+.template .scrollbox .button.button_dn {\r
+       background-color: #0f0;\r
+}\r
+\r
+.template .scrollbox .button.button_dn.button_dn_over {\r
+       background-color: #a00;\r
+}\r
+\r
+.template .scrollbox .button.button_dn.button_dn_down {\r
+       background-color: #0a0;\r
+}\r
+\r
+.template .scrollbox .thumb {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb .thumbtop {\r
+       width: 20px;\r
+       height: 10px;\r
+       background-color: gray;\r
+}\r
+\r
+.template .scrollbox .thumb .thumbbtm {\r
+       width: 20px;\r
+       height: 10px;\r
+       background-color: gray;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over {\r
+       background-color: #aaa;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over .thumbtop {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over .thumbbtm {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down {\r
+       background-color: #faa;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down .thumbtop {\r
+       background-color: #a77;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down .thumbbtm {\r
+       background-color: #a77;\r
+}\r
+\r
+/* selectbox */\r
+.ie7 {\r
+       font-size: 12px;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .box {\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/box.gif)\r
+               no-repeat;\r
+       position: relative;\r
+       text-decoration: none;\r
+       height: 22px;\r
+       color: #000;\r
+}\r
+\r
+.ie7 .selectbox_disabled {\r
+       opacity: 0.7;\r
+       -moz-opacity: 0.7;\r
+       -kthml-opacity: 0.7;\r
+       filter: alpha(opacity = 70);\r
+}\r
+\r
+.ie7 .box.box_over {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/box_over.gif);\r
+}\r
+\r
+.ie7 .box.box_down {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/box_down.gif);\r
+}\r
+\r
+.ie7 .box .label {\r
+       padding: 2px 5px;\r
+       height: 22px;\r
+       overflow: hidden;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .box .button {\r
+       float: right;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/button.gif)\r
+               no-repeat #fff;\r
+       width: 15px;\r
+       height: 22px;\r
+       _cursor: hand;\r
+       cursor: pointer;\r
+}\r
+\r
+.ie7 .box.box_over .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_over.gif);\r
+}\r
+\r
+.ie7 .box.box_down .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_down.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box.box_over .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e_over.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box.box_down .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e_down.gif);\r
+}\r
+\r
+.ie7 .listbox {\r
+       border: 1px solid #9d9da1;\r
+       background-color: #fff;\r
+       margin: 2px 0 0 0;\r
+       padding: 0;\r
+}\r
+\r
+.ie7 .listbox li {\r
+       padding: 5px;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .listbox li.over {\r
+       background-color: #bbb7c7;\r
+}\r
+\r
+.png24 {\r
+       tmp: expression(setPng24(this) );\r
+}\r
+\r
+.division-line-x {\r
+       height: 5px;\r
+       font-size: 0;\r
+       overflow: hidden;\r
+}\r
+\r
+/* *** Float containers fix *** */\r
+.clearfix:after {\r
+       content: ".";\r
+       display: block;\r
+       height: 0;\r
+       clear: both;\r
+       visibility: hidden;\r
+}\r
+\r
+/* Hides from IE-mac \*/\r
+* html .clearfix {\r
+       height: 1%;\r
+}\r
+\r
+.clearfix {\r
+       display: block;\r
+}\r
+/* End hide from IE-mac */\r
+\r
+/*printer styles*/\r
+@media print {\r
+       #leftcol {\r
+               display: none;\r
+       }\r
+       #rightcol {\r
+               display: none;\r
+       }\r
+       #twocols,#maincol {\r
+               width: 100%;\r
+               float: none;\r
+       }\r
+}\r
+\r
+.error_box {\r
+       width: 171px;\r
+       padding-top: 7px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left top\r
+               no-repeat;\r
+}\r
+\r
+.error_box p img {\r
+       border: 0\r
+}\r
+\r
+.error_box p {\r
+       margin: 7px !important;\r
+       padding: 3px 0 0 0 !important;\r
+       color: #6E6E6E;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       line-height: 1.2\r
+}\r
+\r
+.error_box p.ico_recycle {\r
+       padding: 9px 0 3px 0;\r
+       text-align: center\r
+}\r
+\r
+.error_box_b {\r
+       overflow: hidden;\r
+       width: 171px;\r
+       height: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left\r
+               bottom no-repeat;\r
+       font-size: 0\r
+}\r
+\r
+/* for log-integretion close-beta service */\r
+.betatest {\r
+       margin: 0 auto;\r
+       padding: 8px 0 8px;\r
+       width: 147px;\r
+       text-align: left;\r
+       font-weight: bold;\r
+}\r
+\r
+.betatest span {\r
+       display: inline-block;\r
+       padding-right: 8px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/profile/0158_icon.gif)\r
+               no-repeat right center;\r
+}\r
+\r
+.logbetalist {\r
+       position: relative;\r
+       left: -11px;\r
+       width: 105px;\r
+       height: 100%;\r
+       padding: 1px !important;\r
+       overflow: hidden;\r
+       border: 1px solid #9b9b9b;\r
+       background: #fff;\r
+}\r
+\r
+.logbetalist li {\r
+       width: 105px;\r
+       padding: 0 !important;\r
+}\r
+\r
+.logbetalist li a {\r
+       display: inline-block;\r
+       width: 96px;\r
+       padding: 5px 0 4px 9px;\r
+       color: #555;\r
+}\r
+\r
+.logbetalist li a:hover {\r
+       background: #f3f3f3 !important;\r
+}\r
+\r
+/* 090717 ·Î±×ÅëÇÕ ÀÌ¿ëÀÚ¼ÒÅë */\r
+div.log_intergration {\r
+       margin: 9px 0 6px;\r
+       padding: 0 0 0 22px;\r
+       font-size: 12px !important;\r
+       line-height: 1.4;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/beta/ico_log_exclam2.gif)\r
+               no-repeat\r
+}\r
+\r
+strong.log_info {\r
+       display: block;\r
+       margin: 0;\r
+       padding-bottom: 2px;\r
+       font-size: 12px !important\r
+}\r
+\r
+span.log_info {\r
+       display: block;\r
+       margin-bottom: 11px;\r
+       padding-top: 4px;\r
+       font-size: 12px !important;\r
+       filter: alpha(opacity = 80);\r
+       opacity: 0.8;\r
+}\r
+\r
+/* 0921Ãß°¡ */\r
+.post_layer {\r
+       position: absolute;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       background: url(http://blogimgs.naver.net/nblog/spc.gif);\r
+}\r
+\r
+.shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .post_layer .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.post_layer .shadow01_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.post_layer .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .post_layer .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.post_layer .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.post_layer .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.post_layer .close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.post_layer .content {\r
+       padding-bottom: 3px;\r
+       margin: 13px 20px 0 20px;\r
+       border-bottom: 1px solid #E8E8E8;\r
+}\r
+\r
+.post_layer .btn {\r
+       margin: 0;\r
+       padding: 10px 0 10px 0;\r
+       text-align: center;\r
+}\r
+\r
+.post_layer .ln15 {\r
+       line-height: 1.5\r
+}\r
+\r
+.post_layer p {\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+.post_layer .post_data {\r
+       margin-top: 3px;\r
+       padding: 9px 0 0 0;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_line2.gif)\r
+               top repeat-x;\r
+       text-align: left\r
+}\r
+\r
+.post_layer .post_data h3 {\r
+       margin: 0;\r
+       padding: 0 0 4px 7px;\r
+       font-size: 12px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_arrow.gif)\r
+               0 3px no-repeat;\r
+}\r
+\r
+.post_layer .post_data ul {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.post_layer .post_data li {\r
+       list-style-type: none;\r
+       position: relative;\r
+       margin: 0;\r
+       padding: 0 0 4px 7px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_dot3.gif)\r
+               0 4px no-repeat;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.post_layer .post_data span {\r
+       position: absolute;\r
+       left: 0;\r
+       padding: 0 0 0 91px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_bar2.gif)\r
+               81px 0 no-repeat;\r
+       color: #004790;\r
+}\r
+\r
+.post_layer .post_data span a {\r
+       color: #004790;\r
+}\r
+/* 0921Ãß°¡ */\r
+\r
+/* app box */\r
+#blog-socialappbox {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left\r
+}\r
+\r
+#blog-socialappbox .line {\r
+       width: 141px;\r
+       height: 1px;\r
+       margin: 0 auto;\r
+       border-top: 1px solid\r
+}\r
+\r
+#blog-socialappbox .cm-head em {\r
+       font-style: normal;\r
+       font-weight: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma\r
+}\r
+\r
+.app_box {\r
+       overflow: hidden;\r
+       padding: 9px 0 2px 10px;\r
+       zoom: 1\r
+}\r
+\r
+.app_box li {\r
+       float: left;\r
+       width: 44px;\r
+       margin: 0 5px 9px 0;\r
+       text-align: center;\r
+       list-style: none\r
+}\r
+\r
+.app_box li a {\r
+       display: inline-block\r
+}\r
+\r
+.app_box li a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.app_box li img {\r
+       vertical-align: top\r
+}\r
+\r
+.app_box li span {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 44px;\r
+       margin-top: 5px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       white-space: nowrap\r
+}\r
+\r
+.app_box_btn {\r
+       margin-right: 9px;\r
+       padding: 2px 0 6px;\r
+       text-align: right\r
+}\r
+\r
+.app_box_btn span,.app_box_btn a {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.app_box_btn .bar {\r
+       display: inline-block;\r
+       margin: 0 0 0 -1px;\r
+       font-style: normal;\r
+       font-size: 11px\r
+}\r
+\r
+.app_box_none {\r
+       text-align: center\r
+}\r
+\r
+.app_box_none p {\r
+       display: inline-block;\r
+       margin: 0;\r
+       padding: 24px 0 27px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.app_box_none .p_type2 {\r
+       padding: 1px 0 0\r
+}\r
+\r
+.app_box_none .line {\r
+       padding-bottom: 10px\r
+}\r
+\r
+.app_box_ros {\r
+       padding: 5px 9px\r
+}\r
+\r
+.app_box_ros p {\r
+       margin: 0;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 16px\r
+}\r
+\r
+/* photo viewer */\r
+.photo_view {\r
+       position: absolute;\r
+}\r
+\r
+.photo_view .photo_shadow {\r
+       position: absolute;\r
+       bottom: -4px;\r
+       _bottom: -5px;\r
+       width: 100%;\r
+       height: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png)\r
+               left top no-repeat;\r
+       font-size: 0;\r
+}\r
+\r
+* html .photo_view .photo_shadow {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png',\r
+               sizingMethod='scale' );\r
+       background: none\r
+}\r
+\r
+.photo_view img {\r
+       border: 0\r
+}\r
+\r
+.photo_view p {\r
+       margin: 0\r
+}\r
+\r
+.photo_view .view_top {\r
+       position: relative;\r
+       height: 31px;\r
+       margin-left: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_top_r.gif)\r
+               right top no-repeat;\r
+}\r
+\r
+.photo_view h3 {\r
+       position: absolute;\r
+       top: 0;\r
+       left: -4px;\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+.photo_view .btn_left {\r
+       position: absolute;\r
+       top: 6px;\r
+       right: 50%;\r
+}\r
+\r
+.photo_view .btn_left a {\r
+       display: block;\r
+       width: 31px;\r
+       height: 21px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left.gif)\r
+               no-repeat;\r
+}\r
+/*.photo_view   .btn_left a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_over.gif) no-repeat;}\r
+.photo_view .btn_left a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_down.gif) no-repeat;}*/\r
+.photo_view .btn_left a img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .btn_right {\r
+       position: absolute;\r
+       top: 6px;\r
+       left: 50%;\r
+}\r
+\r
+.photo_view .btn_right a {\r
+       display: block;\r
+       width: 31px;\r
+       height: 21px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right.gif)\r
+               no-repeat;\r
+}\r
+/*.photo_view   .btn_right a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_over.gif) no-repeat;}\r
+.photo_view .btn_right a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_down.gif) no-repeat;}*/\r
+.photo_view .btn_right a img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .photo_count {\r
+       position: absolute;\r
+       top: 9px;\r
+       right: 39px;\r
+       color: #6E6E6E;\r
+       font-size: 11px;\r
+       font-family: Verdana\r
+}\r
+\r
+.photo_view .photo_album {\r
+       position: absolute;\r
+       padding: 0 1px 1px 1px;\r
+       border: 1px solid #797979;\r
+       border-top: 0;\r
+       background-color: #fff\r
+}\r
+\r
+.photo_view .photo_album p {\r
+       border: 1px solid #AAA\r
+}\r
+\r
+.photo_view .btn_close {\r
+       position: absolute;\r
+       top: 5px;\r
+       right: 5px;\r
+}\r
+\r
+.photo_view .btn_close a {\r
+       display: block;\r
+       width: 23px;\r
+       height: 22px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close a:hover {\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_over.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close a:active {\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_down.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .btn_original {\r
+       position: absolute;\r
+       top: 20px;\r
+       left: 20px;\r
+}\r
+\r
+* html .photo_view .btn_original img {\r
+       width: 80px;\r
+       height: 1px;\r
+       margin-top: -1px;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_original.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+.photo_view .loading_layer {\r
+       display: inline-block;\r
+       width: 150px;\r
+       height: 34px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/load_b01_01.gif)\r
+               0 bottom no-repeat;\r
+       color: #4B4B4B;\r
+       font-size: 12px;\r
+       font-family: dotum;\r
+       letter-spacing: -1px;\r
+} /* 100524 */\r
+\r
+/* ipad */\r
+.guid_ipad_area2 {\r
+       width: 169px;\r
+       height: 178px;\r
+       margin: 0 auto;\r
+       border: 1px solid #ebebeb;\r
+       background: #f8f8f8;\r
+       color: #888;\r
+       text-align: center;\r
+}\r
+\r
+.guid_ipad_area2 p {\r
+       padding-top: 61px;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       line-height: 18px;\r
+}\r
+\r
+/* ÁöµµÀ§¿¡ ºí·Î±× : Ç³¼±¸» */\r
+.ic_new {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -14px;\r
+       left: 2px;\r
+       width: 20px;\r
+       height: 13px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/ic_new.png)\r
+               no-repeat;\r
+       text-indent: -9999px\r
+}\r
+\r
+.ic_event {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -14px;\r
+       left: -1px;\r
+       width: 26px;\r
+       height: 13px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/event/ic_event.png)\r
+               no-repeat;\r
+       text-indent: -9999px\r
+}\r
+/* for widget */\r
+\r
+/* for blog-category */\r
+#blog-category {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-category p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-category ul.profile-menu {\r
+       border-width: 1px 0;\r
+       border-color: #BCBCB8;\r
+       border-style: dotted;\r
+}\r
+\r
+#blog-category ul {\r
+       margin: 0;\r
+       padding: 5px 0 8px 9px;\r
+}\r
+\r
+#blog-category ul li {\r
+       list-style-type: none;\r
+       margin: 0 0 1px;\r
+       padding: 5px 0 0;\r
+       overflow: hidden;\r
+       zoom: 1;\r
+       word-break: break-all;\r
+       word-wrap: break-word; .\r
+       margin-bottom: -3px;\r
+}\r
+\r
+#blog-category ul li.allview {\r
+       padding-bottom: 7px;\r
+}\r
+\r
+#blog-category ul li.allview a {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-category ul li.selectedview a {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-category ul li.dilind {\r
+       margin: 0;\r
+       padding: 3px 0 5px;\r
+}\r
+\r
+#blog-category ul li.dilind input {\r
+       width: 145px;\r
+       height: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       vertical-align: middle;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-category ul li.depth2dilind {\r
+       padding: 3px 0 5px;\r
+       background: none;\r
+       font-size: 0;\r
+}\r
+\r
+#blog-category ul li.depth2dilind input {\r
+       width: 145px;\r
+       height: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       vertical-align: top;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-category ul li .num {\r
+       position: relative;\r
+       top: -1px;\r
+       font-family: verdana;\r
+       font-size: 10px;\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-category ul li img.listimage {\r
+       float: left;\r
+}\r
+\r
+#blog-category ul li img.albumimage {\r
+       float: left;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/admin/ico_n_photo.gif);\r
+}\r
+\r
+#blog-category ul li .tlink {\r
+       float: left;\r
+       width: 112px;\r
+}\r
+\r
+#blog-category ul li .tlink_nosub {\r
+       float: left;\r
+       width: 138px;\r
+}\r
+\r
+#blog-category ul li a.on {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-category ul li.depth2 {\r
+       padding-left: 14px;\r
+       background-position: 4px 5px;\r
+       background-repeat: no-repeat;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_depth2_l.gif);\r
+}\r
+\r
+#blog-category ul li.depth2 .tlink {\r
+       width: 112px;\r
+}\r
+\r
+#blog-category .f_open {\r
+       float: left;\r
+       width: 16px;\r
+       height: 10px;\r
+       margin: 1px 0 0;\r
+       font: 0/0 arial;\r
+}\r
+\r
+#blog-category .f_open .f_icoclosed,#blog-category .f_open .f_icoopen {\r
+       background-repeat: no-repeat;\r
+       cursor: pointer;\r
+       _cursor: hand;\r
+} /* 090226¼öÁ¤ */\r
+#blog-category .f_open .f_icoclosed {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_f_closed_l.gif);\r
+}\r
+\r
+#blog-category .f_open .f_icoopen {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_f_open_l.gif);\r
+}\r
+\r
+#blog-category .allimage,#blog-category .listimage,#blog-category .albumimage\r
+       {\r
+       width: 10px;\r
+       height: 12px;\r
+       margin: 0 2px -2px 0;\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#blog-category h3.component span {\r
+       cursor: pointer;\r
+}\r
+/* for Category.jsp */\r
+.layer_popup {\r
+       top: 800px;\r
+       left: 350px;\r
+       position: absolute;\r
+       overflow: visible;\r
+       filter: progid:DXImageTransform.Microsoft.Shadow(color=#6c6c6c,\r
+               direction=135, strength=3 );\r
+}\r
+\r
+.layer_popup em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+}\r
+\r
+.layer_popup .shadow {\r
+       position: absolute;\r
+       width: 100%;\r
+       height: 100%;\r
+       overflow: visible;\r
+       z-index: 1;\r
+       _display: none;\r
+}\r
+\r
+*:first-child+html .layer_popup .shadow {\r
+       display: none;\r
+}\r
+\r
+.layer_popup .shadow1 {\r
+       left: 3px;\r
+       top: 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow1.png);\r
+}\r
+\r
+.layer_popup .shadow2 {\r
+       left: 2px;\r
+       top: 2px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow2.png);\r
+}\r
+\r
+.layer_popup .shadow3 {\r
+       left: 1px;\r
+       top: 1px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow3.png);\r
+}\r
+\r
+.layer_popup {\r
+       position: absolute;\r
+       overflow: visible;\r
+       width: 208px;\r
+       filter: progid:DXImageTransform.Microsoft.Shadow(color=#c6c6c6,\r
+               direction=135, strength=3 );\r
+}\r
+\r
+.layer_popup .layer_content {\r
+       border: 1px solid #6c6c6c;\r
+       background: #ffffff;\r
+       position: relative;\r
+       z-index: 2;\r
+}\r
+\r
+.layer_popup .layer_body {\r
+       font-size: 12px;\r
+       color: #333333;\r
+       line-height: 18px;\r
+       padding: 13px 0 10px 19px;\r
+       font-family: ±¼¸², Gulim, µ¸¿ò, Dotum, Helvetica, Sans-serif;\r
+       text-align: left;\r
+}\r
+\r
+.layer_popup .layer_content a {\r
+       color: #ff3333;\r
+       text-decoration: underline;\r
+}\r
+\r
+#prohibition {\r
+       position: absolute;\r
+       z-index: 1;\r
+       top: 1017px;\r
+       left: 389px;\r
+       background: url(img/bg_prohibition.gif) no-repeat;\r
+       line-height: 140%;\r
+       padding: 15px 0 0 20px;\r
+       width: 191px;\r
+       height: 85px;\r
+       color: #333;\r
+}\r
+\r
+#prohibition span {\r
+       color: #ff3333;\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-category ul li .tlink_nosub img {\r
+       margin: 0 0 0 4px;\r
+}\r
+\r
+#blog-category ul li .prohibit {\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.png)\r
+               no-repeat 0 0;\r
+       _background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.gif) no-repeat\r
+               0 0\r
+}\r
+\r
+/* blog-search */\r
+#blog-search {\r
+       width: 171px;\r
+       height: 25px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-search h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-search {\r
+       background: none;\r
+       padding: 0;\r
+}\r
+\r
+#blog-search .inp {\r
+       width: 120px;\r
+       height: 16px;\r
+       padding: 3px 0 0 3px;\r
+       vertical-align: middle;\r
+       border-top: 1px #999999 solid;\r
+       border-right: 1px #DBDBDB solid;\r
+       border-bottom: 1px #DBDBDB solid;\r
+       border-left: 1px #999999 solid;\r
+       background: #FFF;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-search .btn {\r
+       width: 43px;\r
+       height: 22px;\r
+       margin: 0 0 -1px 3px;\r
+       vertical-align: middle;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/btn_blogsearch.gif);\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+/* blog-tag */\r
+#blog-tag {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-tag p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-tag .cmore a,#blog-tag .cmore span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-tag .cmore a.on {\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-tag .taglist {\r
+       padding: 7px 9px;\r
+       line-height: 1.6;\r
+       word-break: break-all;\r
+       word-wrap: break-word;\r
+       overflow: hidden;\r
+       width: 153px;\r
+}\r
+\r
+#blog-tag .allview {\r
+       text-align: right;\r
+       padding: 0 10px 7px 0;\r
+}\r
+\r
+#blog-tag .allview span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+}\r
+\r
+#blog-tag .allview a {\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-tag .allview img {\r
+       width: 4px;\r
+       height: 6px;\r
+       margin: 0 3px 2px 0;\r
+}\r
+\r
+/* blog-recent-comment */\r
+#blog-recent-comment {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-recent-comment h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-recent-comment p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-recent-comment ul {\r
+       padding: 10px 0 1px 10px;\r
+}\r
+\r
+#blog-recent-comment ul li {\r
+       list-style-type: none;\r
+       margin-bottom: 6px;\r
+       padding: 0;\r
+}\r
+\r
+#blog-recent-comment .allview {\r
+       text-align: right;\r
+       padding: 0 10px 7px 0;\r
+}\r
+\r
+#blog-recent-comment .allview span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+}\r
+\r
+#blog-recent-comment .allview a {\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-recent-comment .allview img {\r
+       width: 4px;\r
+       height: 6px;\r
+       margin: 0 3px 2px 0;\r
+}\r
+\r
+/* blog-visitor */\r
+#blog-visitor {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-visitor h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-visitor p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-visitor ul {\r
+       padding: 10px 0 1px 10px;\r
+}\r
+\r
+#blog-visitor ul li {\r
+       list-style-type: none;\r
+       margin-bottom: 6px;\r
+       padding: 0;\r
+       word-break: break-all;\r
+}\r
+/* for Visitor.jsp */\r
+.layerpop2 {\r
+       position: absolute;\r
+       z-index: 999;\r
+       font: normal 12px µ¸¿ò, Dotum;\r
+       color: #333;\r
+       overflow: hidden;\r
+       display: none;\r
+}\r
+\r
+.layerpop2 .border_type {\r
+       position: relative;\r
+       border: solid 2px #777;\r
+       background-color: #fff;\r
+}\r
+\r
+.layerpop2 .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+}\r
+\r
+.layerpop2 .content1 {\r
+       padding: 30px 30px 21px;\r
+       border-bottom: solid 1px #f0f0f0;\r
+}\r
+\r
+.layerpop2 .content1 h6 {\r
+       font-weight: bold;\r
+       font-size: 14px;\r
+       padding-bottom: 22px;\r
+       margin: 0;\r
+       color: #333;\r
+}\r
+\r
+.layerpop2 .subtext {\r
+       font-size: 11px;\r
+       color: #999;\r
+       margin: 0;\r
+       padding: 7px 0 0;\r
+       line-height: 16px;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop2 .check {\r
+       width: 13px;\r
+       height: 13px;\r
+       vertical-align: middle;\r
+       padding: 0 3px 2px 0;\r
+       margin-left: 2px;\r
+}\r
+\r
+.layerpop2 .btn1 {\r
+       background-color: #fbfbfb;\r
+       border-top: solid 1px #f7f7f7;\r
+       text-align: center;\r
+       margin: 0;\r
+       padding: 11px 0 20px;\r
+}\r
+\r
+.layerpop2 .btn1 img {\r
+       margin: 0 1px;\r
+       vertical-align: top;\r
+}\r
+\r
+/* blog-buddy */\r
+#blog-buddy {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-buddy h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-buddy p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-buddy ul {\r
+       padding: 5px 0 5px 8px;\r
+}\r
+\r
+#blog-buddy ul li {\r
+       list-style-type: none;\r
+       font-weight: bold;\r
+       margin: 5px 0 0 0;\r
+       padding: 0 0 2px 0;\r
+       word-break: break-all;\r
+       overflow: hidden;\r
+       word-wrap: break-word;\r
+}\r
+\r
+#blog-buddy .buddyup,#blog-buddy .buddydw {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 3px 2px 0;\r
+       background-position: 50% 50%;\r
+       background-repeat: no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-buddy ul.depth2 {\r
+       padding: 0 0 0 15px;\r
+}\r
+\r
+#blog-buddy ul.depth2 li {\r
+       font-weight: normal;\r
+       margin: 4px 0 0 0;\r
+       padding: 0;\r
+       background: none;\r
+}\r
+\r
+#buddylist {\r
+       position: absolute;\r
+       top: 3px;\r
+       left: -8px;\r
+       border: 1px solid;\r
+       color: #9B9B9B;\r
+       background-color: #FFFFFF;\r
+       width: 355px;\r
+       height: 535px;\r
+       overflow: auto;\r
+}\r
+\r
+/* for Buddy4NaverBlog.jsp */\r
+.cm-slink:hover {\r
+       color: #56ac4b !important;\r
+}\r
+\r
+/* blog-stat */\r
+#blog-stat {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-stat p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-stat ul li {\r
+       list-style-type: none;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-stat ul.info {\r
+       margin: 0;\r
+       padding: 9px 0 0 10px;\r
+}\r
+\r
+#blog-stat ul.info li {\r
+       height: 18px;\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-stat em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+html>body #blog-stat ul.info li {\r
+       height: 18px;\r
+       margin: 0;\r
+}\r
+\r
+#blog-stat ul.item {\r
+       clear: both;\r
+       margin: 0;\r
+       padding: 0px 0 5px 10px;\r
+}\r
+\r
+#blog-stat ul.item li {\r
+       height: 15px;\r
+       margin: 0 0 3px 0;\r
+       padding: 0;\r
+}\r
+\r
+html>body #blog-stat ul.item li {\r
+       height: 18px;\r
+       margin: 0;\r
+}\r
+\r
+#blog-stat div.line {\r
+       height: 10px;\r
+       margin: 4px 10px 0 10px;\r
+       background: transparent;\r
+       border-top-width: 1px;\r
+       border-top-style: dotted;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+}\r
+\r
+/* blog-counter */\r
+#blog-counter {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-counter p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-counter h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-counter p span.txt {\r
+       display: none;\r
+}\r
+\r
+#blog-counter span.cnt1,#blog-counter span.cnt2 {\r
+       display: block;\r
+}\r
+\r
+#blog-counter .today,#blog-counter .total {\r
+       position: absolute;\r
+}\r
+\r
+/* blog-rss */\r
+#blog-rss {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-rss p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-rss span {\r
+       display: block;\r
+}\r
+\r
+#blog-rss span.no {\r
+       display: none;\r
+}\r
+\r
+#blog-rss a {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+/* blog-powered */\r
+#blog-powered {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-powered p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-powered span {\r
+       display: none;\r
+}\r
+\r
+#blog-powered a.naver {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+#blog-powered a.blog {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+/* widget-saying */\r
+#widget-saying {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#widget-saying p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-saying .bg-head {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-saying .bg-body {\r
+       overflow: hidden;\r
+       background-repeat: repeat;\r
+       text-align: center;\r
+}\r
+\r
+#widget-saying .bg-footer {\r
+       clear: both;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-saying h3 {\r
+       display: none;\r
+}\r
+\r
+#widget-saying .con {\r
+       width: 142px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+}\r
+\r
+#widget-saying .con img {\r
+       cursor: pointer;\r
+}\r
+\r
+#widget-saying .saying {\r
+       ine-height: 1.4;\r
+}\r
+\r
+#widget-saying .saying span {\r
+       \r
+}\r
+\r
+#widget-saying .writer {\r
+       float: right;\r
+       padding-top: 6px;\r
+}\r
+\r
+#widget-saying .icon {\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#widget-saying .btn-more {\r
+       padding: 8px 0 0 1px;\r
+}\r
+\r
+#widget-saying .btn-more a {\r
+       font-size: 10px;\r
+       text-decoration: none;\r
+}\r
+\r
+/* widget-currency */\r
+#widget-currency {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0pt auto;\r
+}\r
+\r
+#widget-currency .skin-1,#widget-currency .skin-2 {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 11px;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-currency p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-currency .bg-head span {\r
+       display: none\r
+}\r
+\r
+#widget-currency .bg-head h3 {\r
+       margin: 0;\r
+       font-weight: normal;\r
+       text-align: center;\r
+}\r
+\r
+#widget-currency .bg-head h3 img {\r
+       border: 0\r
+}\r
+\r
+#widget-currency .bg-head h3 a {\r
+       position: absolute;\r
+       display: block;\r
+       width: 51px;\r
+       height: 20px;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       z-index: 99;\r
+       background: #fff;\r
+       opacity: 0;\r
+       filter: alpha(opacity = 0)\r
+}\r
+\r
+#widget-currency .bg-head h3.on a {\r
+       width: 55px;\r
+       height: 20px;\r
+}\r
+\r
+#widget-currency .bg-body h3.money {\r
+       position: absolute;\r
+       margin: 0;\r
+       font-weight: bold;\r
+       font-family: Times New Roman;\r
+}\r
+\r
+#widget-currency .bg-body {\r
+       clear: both;\r
+       text-align: center;\r
+}\r
+\r
+#widget-currency table {\r
+       position: absolute;\r
+}\r
+\r
+#widget-currency th {\r
+       display: none\r
+}\r
+\r
+#widget-currency td {\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       text-align: center\r
+}\r
+\r
+#widget-currency .rate {\r
+       height: 18px;\r
+       line-height: 1.4;\r
+}\r
+\r
+#widget-currency .no {\r
+       display: none\r
+}\r
+\r
+#widget-currency .rate-con {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -1px\r
+}\r
+\r
+#widget-currency .buy {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#widget-currency .sell {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#widget-currency .country {\r
+       position: absolute;\r
+       z-index: 1\r
+}\r
+\r
+#widget-currency .bg-sel {\r
+       position: relative;\r
+       float: left;\r
+       width: 97px;\r
+       height: 19px;\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+#widget-currency .bg-sel li {\r
+       width: 105px;\r
+       padding: 4px 0 3px 0;\r
+       font-size: 11px;\r
+       font-family: Dotum;\r
+       cursor: pointer;\r
+       cursor: hand;\r
+}\r
+\r
+#widget-currency .bg-sel li:first-letter {\r
+       padding-left: 7px\r
+}\r
+\r
+#widget-currency .bg-sel li.on {\r
+       background-color: #FF6501;\r
+       color: #FFFFFF;\r
+}\r
+\r
+#widget-currency .bg-sel li.on span {\r
+       color: #FFFFFF;\r
+}\r
+\r
+#widget-currency .bg-sel li span {\r
+       display: inline;\r
+       color: #8DA4B4;\r
+       font-size: 10px;\r
+       font-family: Arial;\r
+}\r
+\r
+#widget-currency .cal-input {\r
+       width: 40px;\r
+}\r
+\r
+#widget-currency .res-input {\r
+       width: 153px;\r
+}\r
+\r
+#widget-currency .nation select {\r
+       width: 95px;\r
+       font-size: 11px;\r
+}\r
+\r
+#widget-currency .btn-sel {\r
+       display: block;\r
+       position: absolute;\r
+       width: 13px;\r
+       height: 13px;\r
+       background-repeat: no-repeat;\r
+       top: 3px;\r
+       right: 4px;\r
+}\r
+\r
+#widget-currency .calculation-1,#widget-currency .calculation-2 {\r
+       float: left;\r
+       text-align: left;\r
+}\r
+\r
+#widget-currency .calculation-1 div,#widget-currency .calculation-2 div,#widget-currency .calculation-1 p,#widget-currency .calculation-2 p\r
+       {\r
+       float: left;\r
+}\r
+\r
+#widget-currency .calculation-1 input,#widget-currency .calculation-2 input\r
+       {\r
+       position: absolute;\r
+       margin: 1px 0 0 7px;\r
+       border: 0;\r
+       background-color: transparent;\r
+       font-size: 11px;\r
+       font-family: Arial;\r
+       color: #414141;\r
+       text-align: right;\r
+}\r
+\r
+#widget-currency .calculation-1 span,#widget-currency .calculation-2 span\r
+       {\r
+       display: none\r
+}\r
+\r
+#widget-currency .btn-calculation {\r
+       position: absolute;\r
+       width: 45px;\r
+       height: 17px;\r
+       text-align: right\r
+}\r
+\r
+#widget-currency .result {\r
+       float: left;\r
+}\r
+\r
+#widget-currency .result input {\r
+       float: left;\r
+       width: 153px;\r
+       border: 0;\r
+       background-color: transparent;\r
+       font-size: 11px;\r
+       font-family: Arial;\r
+       color: #414141;\r
+       text-align: right;\r
+}\r
+\r
+/* widget-weather */\r
+#widget-weather {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       overflow: hidden;\r
+}\r
+\r
+#widget-weather div {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-weather .weather,#widget-weather .today,#widget-weather .tomorrow\r
+       {\r
+       position: absolute;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-weather .temperature {\r
+       position: absolute;\r
+       width: 90px;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -2px;\r
+       line-height: 1.0;\r
+       z-index: 10;\r
+}\r
+\r
+#widget-weather .today-temperature,#widget-weather .tomorrow-temperature\r
+       {\r
+       position: absolute;\r
+       width: 40px;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+       _letter-spacing: -2px;\r
+       line-height: 0.9;\r
+       z-index: 10;\r
+}\r
+\r
+#widget-weather .today-txt,#widget-weather .tomorrow-txt {\r
+       position: absolute;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.1;\r
+       z-index: 10\r
+}\r
+\r
+*:first-child+html #widget-weather .today-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .today-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+*:first-child+html #widget-weather .tomorrow-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .tomorrow-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+#widget-weather .area {\r
+       position: absolute;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.1;\r
+       z-index: 10\r
+}\r
+\r
+*:first-child+html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+*:first-child+html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+#widget-weather .tomorrow-minimum-temperature {\r
+       display: none\r
+}\r
+\r
+/* widget-count */\r
+#widget-count {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#widget-count p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-count h3 {\r
+       display: none;\r
+}\r
+\r
+#widget-count p span.txt {\r
+       display: none;\r
+}\r
+\r
+#widget-count span.cnt1,#widget-count span.cnt2 {\r
+       display: block;\r
+}\r
+\r
+#widget-count .today,#widget-count .total {\r
+       position: absolute;\r
+}\r
+\r
+/* widget-ccl */\r
+#widget-ccl {\r
+       width: 171px;\r
+       height: 38px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       overflow: visible !important\r
+}\r
+\r
+.ccl_layer {\r
+       position: absolute;\r
+       width: 179px;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.ccl_layer .content {\r
+       position: relative;\r
+       padding: 3px 9px 5px 9px;\r
+       border: 1px solid #919191;\r
+       background-color: #fff;\r
+       font-family: dotum;\r
+       font-size: 11px;\r
+       text-align: left\r
+}\r
+\r
+.ccl_layer p {\r
+       margin: 0;\r
+       padding: 5px 0 0 0\r
+}\r
+\r
+.ccl_layer ul {\r
+       margin: 0;\r
+       padding: 2px 0 0 0\r
+}\r
+\r
+.ccl_layer li {\r
+       list-style-type: none;\r
+       color: #888;\r
+       line-height: 1.2;\r
+       letter-spacing: 0;\r
+}\r
+\r
+.ccl_layer .ccl_layer_position {\r
+       position: absolute;\r
+       width: 7px;\r
+       height: 10px;\r
+       bottom: -10px;\r
+       _bottom: -12px;\r
+       left: 11px;\r
+       background:\r
+               url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png)\r
+               no-repeat;\r
+}\r
+\r
+* html .ccl_layer .ccl_layer_position {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png',\r
+               sizingMethod='crop' );\r
+       background: none;\r
+}\r
+\r
+.ccl_layer .shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .ccl_layer .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.ccl_layer .shadow01_side {\r
+       position: relative;\r
+       _width: 100%;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.ccl_layer .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .ccl_layer .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.ccl_layer .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.ccl_layer.top_position .ccl_layer_position {\r
+       position: absolute;\r
+       width: 7px;\r
+       height: 10px;\r
+       top: -9px;\r
+       _top: -8px;\r
+       left: 85px;\r
+       _left: 75px;\r
+       background:\r
+               url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png)\r
+               no-repeat;\r
+}\r
+\r
+* html .ccl_layer.top_position .ccl_layer_position {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png',\r
+               sizingMethod='crop' );\r
+       background: none;\r
+}\r
+\r
+/* blog-adpost */\r
+#blog-adpost {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       font-family: µ¸¿ò, dotum;\r
+       font-size: 12px;\r
+       text-align: left;\r
+}\r
+\r
+#blog-adpost .cm-side {\r
+       width: 1px;\r
+       margin: 0;\r
+       padding: 0;\r
+       *padding: 0 0 0 1px;\r
+       _padding: 0;\r
+       font-ssize: 0;\r
+       line-height: 0;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .cm-top {\r
+       clear: both;\r
+       height: 1px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-ssize: 0;\r
+       line-height: 0;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .cm-con {\r
+       width: 169px;\r
+       *width: 100%;\r
+       _width: 169px;\r
+       padding-top: 9px;\r
+}\r
+\r
+#blog-adpost .cm-con dl {\r
+       width: 141px;\r
+       margin: 0 auto;\r
+       padding: 6px 0;\r
+}\r
+\r
+#blog-adpost .cm-con dt a {\r
+       *width: 141px;\r
+       letter-spacing: -1px;\r
+}\r
+/*#blog-adpost .cm-con dt a {display:block; overflow:hidden; *width:141px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}*/\r
+#blog-adpost .cm-con dt .pcol1 {\r
+       font-size: 13px\r
+}\r
+\r
+#blog-adpost .cm-con dt .sline {\r
+       border-bottom-width: 1px;\r
+       border-bottom-style: solid\r
+}\r
+\r
+#blog-adpost .cm-con dt a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+#blog-adpost .cm-con dd {\r
+       line-height: 15px;\r
+       word-break: break-all;\r
+}\r
+\r
+#blog-adpost .cm-con .summary {\r
+       margin: 7px 0 4px\r
+}\r
+\r
+#blog-adpost .cm-con .summary a {\r
+       text-decoration: none !important;\r
+}\r
+\r
+#blog-adpost .cm-con .addr {\r
+       overflow: hidden;\r
+       width: 141px;\r
+       line-height: 13px;\r
+}\r
+\r
+#blog-adpost .cm-con .addr .pcol2 {\r
+       float: left;\r
+       font-size: 11px;\r
+       opacity: 0.5;\r
+       filter: alpha(opacity = 50);\r
+}\r
+\r
+#blog-adpost .cm-con .division {\r
+       width: 141px;\r
+       margin: 3px auto;\r
+       border-top-width: 1px;\r
+       border-top-style: solid;\r
+       line-height: 0;\r
+       opacity: 0.1;\r
+       filter: alpha(opacity = 10);\r
+}\r
+\r
+#blog-adpost .cm-con .nodata {\r
+       width: 100%;\r
+       margin: 0 auto;\r
+       padding: 32px 0 34px 0;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       line-height: 15px;\r
+       opacity: 0.7;\r
+       filter: alpha(opacity = 70);\r
+}\r
+\r
+#blog-adpost .adsby {\r
+       width: 141px;\r
+       height: 22px;\r
+       margin: 6px auto 0 auto;\r
+       text-align: right;\r
+}\r
+\r
+#blog-adpost .adsby .by {\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+#blog-adpost .adsby .by .logo {\r
+       display: inline-block;\r
+       width: 44px;\r
+       height: 8px;\r
+       background: url(http://blogimgs.naver.net/nblog/adpost_logo.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/adpost_logo.png',\r
+               sizingMethod='image' );\r
+       cursor: hand;\r
+}\r
+\r
+#blog-adpost .adsby .by .logo span {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 0;\r
+       height: 0;\r
+       overflow: hidden;\r
+       visibility: hidden;\r
+       font-size: 0;\r
+       line-height: 0;\r
+}\r
+\r
+#blog-adpost .adsby .bar {\r
+       display: inline-block;\r
+       padding: 0 2px 0 3px;\r
+       font-family: µ¸¿ò, dotum;\r
+       font-size: 11px;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .adsby .guide .pcol2 {\r
+       font-size: 11px;\r
+}\r
+\r
+/* blog-profile */\r
+#blog-profile {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-profile p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-profile .bg-head {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#blog-profile .bg-body {\r
+       background-repeat: repeat;\r
+       text-align: center;\r
+}\r
+\r
+#blog-profile .bg-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#blog-profile h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-profile .con {\r
+       width: 161px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+}\r
+\r
+#blog-profile .image {\r
+       text-align: center;\r
+}\r
+\r
+#blog-profile .name {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 12px 0 0 0;\r
+       overflow: hidden;\r
+}\r
+\r
+#blog-profile .name a.col {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-profile .name .emo {\r
+       float: left;\r
+       width: 23px;\r
+}\r
+\r
+#blog-profile .name .nick {\r
+       float: left;\r
+       width: 120px;\r
+       font-size: 12px;\r
+       line-height: 1.4em;\r
+       word-break: break-all;\r
+}\r
+\r
+#blog-profile .pers {\r
+       margin: 0;\r
+       vertical-align: top;\r
+}\r
+\r
+#blog-profile .caption {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 8px 0 0 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       line-height: 1.3;\r
+       letter-spacing: -1px;\r
+       word-break: break-all;\r
+       overflow: hidden;\r
+       word-wrap: break-word;\r
+}\r
+\r
+#blog-profile .more {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 8px 0 6px 0;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-profile .id {\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-profile input {\r
+       margin: 0;\r
+       padding: 0;\r
+       background-color: transparent;\r
+       background-repeat: no-repeat;\r
+       border: none;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       font-weight: normal;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+       filter: alpha(opacity = 60);\r
+       opacity: 0.6;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-profile .m1 input {\r
+       width: 30px;\r
+}\r
+\r
+#blog-profile .m2 input {\r
+       width: 20px;\r
+}\r
+\r
+#blog-profile .m3 input {\r
+       width: 41px;\r
+}\r
+\r
+#blog-profile .icon {\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+       margin: 0 0 2px 2px;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-profile .sub {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       opacity: 0.6;\r
+       -ms-filter: "Alpha(opacity=60)";\r
+       filter: alpha(opacity = 60)\r
+}\r
+\r
+#blog-profile .power_amb {\r
+       position: relative;\r
+       margin-top: 8px;\r
+       padding: 0 0 4px;\r
+       text-align: left;\r
+       overflow: hidden;\r
+}\r
+\r
+#blog-profile .power_amb .topline {\r
+       width: 100%;\r
+       height: 0;\r
+       border-left: 0;\r
+       border-right: 0;\r
+       border-bottom: 0;\r
+       border-top-style: solid;\r
+       border-top-width: 1px;\r
+       font: 0/0 arial;\r
+       opacity: .3;\r
+       filter: alpha(opacity : 30);\r
+}\r
+\r
+#blog-profile .power_amb .topline {\r
+       border-color: #999 !important;\r
+} /*ÀÓ½Ã*/\r
+#blog-profile .power_amb .mark1 {\r
+       display: block;\r
+       _display: inline;\r
+       margin: 0;\r
+       float: left;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+#blog-profile .power_amb .mark2 {\r
+       display: block;\r
+       _display: inline;\r
+       margin: 0;\r
+       float: left;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+#blog-profile .power_amb .x {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 3px;\r
+       font: bold 11px "µ¸¿ò", Dotum;\r
+       opacity: .5;\r
+       filter: alpha(opacity : 50);\r
+}\r
+\r
+#blog-profile .power_amb .x a {\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-profile .power_amb .txt {\r
+       display: block;\r
+       _display: inline;\r
+       float: left;\r
+       width: 85px;\r
+       margin: 18px 0 0 4px;\r
+       font-family: verdana;\r
+       line-height: 12px;\r
+}\r
+\r
+#blog-profile .power_amb .txt a,#blog-profile .power_amb .txt a:link,#blog-profile .power_amb .txt a:visited,#blog-profile .power_amb .txt a:active\r
+       {\r
+       text-decoration: none;\r
+       font-size: 10px;\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-profile .power_amb .txt a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-profile .power_amb .t7b {\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-profile .power_amb .t8b {\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       line-height: 13px;\r
+}\r
+\r
+#idMenuDiv td {\r
+       background-color: #FFF;\r
+}\r
+\r
+#idMenuDiv td.menu-over {\r
+       background-color: #e4ff75;\r
+}\r
+\r
+/* blog-calendar */\r
+#blog-calendar {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-calendar p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-calendar h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-calendar .bg-head {\r
+       clear: both;\r
+       text-align: center;\r
+}\r
+\r
+* html #blog-calendar .bg-head {\r
+       height: 1%;\r
+}\r
+\r
+#blog-calendar .bg-body {\r
+       text-align: center;\r
+       padding-bottom: 5px;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .bg-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .mlv {\r
+       position: relative;\r
+       width: 151px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .location,#blog-calendar .mview {\r
+       position: absolute;\r
+}\r
+\r
+#blog-calendar .location {\r
+       bottom: 10px;\r
+       left: 3px;\r
+}\r
+\r
+#blog-calendar .mview {\r
+       bottom: 8px;\r
+       right: 3px;\r
+}\r
+\r
+#blog-calendar .location .date {\r
+       display: inline;\r
+       margin: -3px 0 0 0;\r
+       padding: 0;\r
+       text-align: center;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar .location .back {\r
+       display: inline;\r
+       padding: 0 3px 2px 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar .location .next {\r
+       display: inline;\r
+       padding: 0 0 2px 3px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+       cursor: pointer;\r
+}\r
+\r
+html>body #blog-calendar .location .date {\r
+       margin: 0;\r
+}\r
+\r
+#blog-calendar .calendar {\r
+       margin: 0 auto;\r
+       background: transparent;\r
+       text-align: center;\r
+}\r
+\r
+#blog-calendar .calendar .dis1,#blog-calendar .calendar .dis2 {\r
+       width: 147px;\r
+       height: 24px;\r
+       margin: 0 auto;\r
+       padding: 0;\r
+       margin-top: -5px;\r
+}\r
+\r
+#blog-calendar .calendar .dis1 span {\r
+       display: block;\r
+       float: left;\r
+       width: 21px;\r
+       font-weight: normal;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       padding: 9px 0 0 0;\r
+}\r
+\r
+#blog-calendar .calendar .dis2 span {\r
+       display: block;\r
+       float: left;\r
+       width: 21px;\r
+       font-weight: normal;\r
+       font-family: tahoma;\r
+       font-size: 9px;\r
+       text-align: center;\r
+       padding: 9px 0 0 0;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 {\r
+       width: 147px;\r
+       height: 3px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img {\r
+       filter: alpha(opacity = 40);\r
+       opacity: 0.4;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img.li1 {\r
+       width: 20px;\r
+       margin-right: 1px;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img.li2 {\r
+       width: 21px;\r
+}\r
+\r
+#blog-calendar .calendar td {\r
+       width: 21px;\r
+       height: 19px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+html>body #blog-calendar .calendar td {\r
+       width: 21px;\r
+       height: 19px;\r
+}\r
+\r
+#blog-calendar .calendar td a {\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-calendar .calendar td.today,#blog-calendar .calendar td.today a {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-calendar .mview .col1 {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar ul.monthview {\r
+       margin: 0;\r
+       padding: 0 0 1px 0;\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar ul.monthview li {\r
+       list-style-type: none;\r
+       height: 13px;\r
+       margin-bottom: 5px;\r
+       padding: 0;\r
+       clear: both;\r
+}\r
+\r
+* html #blog-calendar ul.monthview li {\r
+       margin-bottom: 0;\r
+}\r
+\r
+#blog-calendar ul.monthview li .mon {\r
+       float: left;\r
+       padding-left: 15px;\r
+}\r
+\r
+#blog-calendar ul.monthview li .num {\r
+       float: right;\r
+       padding-right: 15px;\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+#blog-calendar ul.monthview li .num span {\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+/* foldset */\r
+#foldset {\r
+       position: relative;\r
+       clear: both;\r
+       float: none;\r
+       height: 13px;\r
+       margin-top: 4px;\r
+}\r
+\r
+#foldset div {\r
+       overflow: hidden;\r
+       height: 13px;\r
+}\r
+\r
+#foldset .close-fold {\r
+       width: 21px !important;\r
+}\r
+\r
+#foldset .go-left,#foldset .go-right {\r
+       background-position: 50% 50%;\r
+       background-repeat: no-repeat;\r
+       vertical-align: top;\r
+}\r
+\r
+#foldset .l11s1close {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 13px !important;\r
+}\r
+\r
+#foldset .l11s1s2close {\r
+       margin: 0 !important\r
+}\r
+\r
+#foldset .l12s1close {\r
+       position: absolute;\r
+       float: none;\r
+       top: 0;\r
+       right: 0;\r
+       margin: 0 !important;\r
+}\r
+\r
+#foldset .l12s2close {\r
+       position: absolute;\r
+       float: none;\r
+       top: 0;\r
+       right: 0;\r
+       z-index: 2\r
+}\r
+\r
+#foldset .l12s1s2close {\r
+       margin: 0 !important;\r
+}\r
+\r
+/* blog-menu */\r
+#blog-menu {\r
+       clear: both;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#blog-menu table {\r
+       width: 100%;\r
+       border-collapse: collapse;\r
+       table-layout: fixed;\r
+}\r
+\r
+#blog-menu table td {\r
+       padding-top: 4px;\r
+}\r
+\r
+#blog-menu p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-menu ul {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-menu ul li {\r
+       list-style-type: none;\r
+       float: left;\r
+       position: relative;\r
+}\r
+\r
+#blog-menu ul li a {\r
+       letter-spacing: -1px;\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-menu ul li img {\r
+       margin-left: -2px\r
+}\r
+\r
+#blog-menu ul li .bar {\r
+       height: 10px;\r
+       margin: 2px 7px 4px 4px;\r
+       padding: 0;\r
+       vertical-align: middle;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3\r
+}\r
+\r
+#blog-menu .menu1 ul {\r
+       padding-left: 18px;\r
+}\r
+\r
+#blog-menu .menu2 {\r
+       width: 300px\r
+}\r
+\r
+#blog-menu .menu2 ul {\r
+       float: right;\r
+       padding-right: 12px;\r
+}\r
+\r
+#blog-menu .menu2 ul li a {\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-menu .menu2 ul li a.on {\r
+       font-weight: bold;\r
+}\r
+\r
+/* blog-gnb */\r
+#blog-gnb {\r
+       height: 33px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-gnb p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-gnb .gnb {\r
+       float: right;\r
+}\r
+\r
+#blog-gnb .gnb {\r
+       margin: 8px 10px 0 0;\r
+}\r
+\r
+#blog-gnb .gnb ul {\r
+       margin: 0;\r
+       padding: 2px 0 0 0;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-gnb .gnb ul li {\r
+       list-style-type: none;\r
+       float: left;\r
+       padding: 0 0 0 5px\r
+}\r
+\r
+#blog-gnb .gnb ul li a {\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-gnb .bar {\r
+       margin: 0 1px -1px 4px;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+       padding: 0\r
+}\r
+\r
+#blog-gnb .gnb ul li.i2,#blog-gnb .gnb ul li.i3,#blog-gnb .gnb ul li.i4\r
+       {\r
+       padding-top: 1px;\r
+}\r
+\r
+#blog-gnb .gnb ul li.me a {\r
+       display: inline-block\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span {\r
+       display: inline-block;\r
+       position: relative\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span em {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: -11px;\r
+       *top: -12px;\r
+       left: 0;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat 0\r
+               -13px\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span em i {\r
+       display: block;\r
+       margin-left: 3px;\r
+       padding-right: 4px;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat\r
+               100% -26px;\r
+       color: #fff;\r
+       font-style: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       letter-spacing: 0;\r
+       line-height: 13px\r
+}\r
+\r
+#blog-gnb .go-down,#blog-gnb .go-up {\r
+       width: 13px;\r
+       height: 13px;\r
+       margin: 0 0 -2px 0;\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#blog-gnb .log {\r
+       float: right;\r
+       margin: 7px 0 0 0;\r
+       padding: 0 8px 0 0;\r
+}\r
+\r
+#blog-gnb .logout,#blog-gnb .login {\r
+       width: 50px;\r
+       height: 20px;\r
+       margin: 0 0 0 0;\r
+       background-repeat: no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-gnb .remote {\r
+       width: 12px;\r
+       height: 18px;\r
+       margin: 0 3px 1px 3px;\r
+       background: url('http://blogimgs.naver.net/nblog/remote_icon.png')\r
+               no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+* html #blog-gnb .remote {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/remote_icon.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#blog-gnb .tb {\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       font-weight: bold;\r
+}\r
+\r
+/* gnb-direct */\r
+#gnb-direct {\r
+       width: 77px;\r
+       color: #676767;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#gnb-direct a.link1 {\r
+       color: #333333;\r
+}\r
+\r
+#gnb-direct .rnd-t {\r
+       height: 6px;\r
+       background: url('http://blogimgs.naver.net/nblog/bg_godiv_t.gif')\r
+               no-repeat;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+#gnb-direct .con {\r
+       background: url('http://blogimgs.naver.net/nblog/bg_godiv_b.gif') bottom\r
+               no-repeat;\r
+}\r
+\r
+#gnb-direct .con ul.gnb-direct {\r
+       margin: 0;\r
+       padding: 2px 0 7px 0;\r
+}\r
+\r
+#gnb-direct .con ul.gnb-direct li {\r
+       list-style-type: none;\r
+       float: none;\r
+       margin: 0 5px;\r
+       padding: 0 0 4px 12px;\r
+       background: url('http://blogimgs.naver.net/nblog/ico_arw_g.gif') 4px 4px\r
+               no-repeat;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#gnb-direct .rview {\r
+       margin: 0;\r
+       padding: 0 0 3px 0;\r
+       text-align: center;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#gnb-direct .rview a,#blog-gnb .directly-box .con ul li a {\r
+       color: #676767;\r
+}\r
+\r
+#gnb-direct1 {\r
+       width: 62px;\r
+       padding: 3px 8px;\r
+       border: 1px solid #9b9b9b;\r
+       background: #fff;\r
+       font-family: µ¸¿ò;\r
+       color: #676767\r
+}\r
+\r
+#gnb-direct1.mblog {\r
+       width: 52px\r
+}\r
+\r
+#gnb-direct1 .rview {\r
+       padding: 10px 0 0 5px;\r
+       margin: 0 6px 4px 6px;\r
+       text-align: left;\r
+} /*090629¼öÁ¤*/\r
+#gnb-direct1 ul {\r
+       padding: 5px 0 3px !important;\r
+       border-bottom: 1px solid #ebebeb\r
+}\r
+\r
+#gnb-direct1 ul li {\r
+       float: none !important;\r
+       margin: 0;\r
+       padding: 0 !important;\r
+       letter-spacing: -1px;\r
+       list-style-type: none\r
+}\r
+\r
+#gnb-direct1 ul li a {\r
+       display: block;\r
+       position: relative;\r
+       padding: 2px 0 1px 1px;\r
+       color: #4c4c4c;\r
+       zoom: 1\r
+}\r
+\r
+#gnb-direct1 ul li a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+#gnb-direct1 ul.dot li a {\r
+       padding-left: 7px\r
+}\r
+\r
+#gnb-direct1 ul.dot li span {\r
+       display: block;\r
+       position: absolute;\r
+       top: 7px;\r
+       left: 2px;\r
+       width: 2px;\r
+       height: 2px;\r
+       background: #999;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+#gnb-direct1 ul.last {\r
+       border-bottom: none\r
+}\r
+\r
+#gnb-direct1 .uview {\r
+       padding: 7px 0 0 5px;\r
+       margin: 0 6px;\r
+       border-top: solid 1px #DCDBDC;\r
+       text-align: left;\r
+} /*090629Ãß°¡*/\r
+\r
+/* blog-title */\r
+#blog-title table {\r
+       width: 100%;\r
+       height: 100%;\r
+       margin: 0;\r
+       padding: 0;\r
+       cursor: pointer;\r
+       border-collapse: collapse;\r
+}\r
+\r
+#blogTitleText {\r
+       padding: 23px;\r
+}\r
+\r
+#blogTitleName {\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+/* blog-music */\r
+#top-area #blog-music {\r
+       position: absolute;\r
+       top: 5px;\r
+       left: 5px;\r
+       width: 213px;\r
+       height: 20px;\r
+}\r
+\r
+#wrapper #blog-music {\r
+       position: static;\r
+       width: 171px;\r
+       height: 38px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#musicTop #blog-music {\r
+       position: absolute;\r
+       top: -25px;\r
+       left: 8px;\r
+       width: 213px;\r
+       height: 20px;\r
+}\r
+\r
+/* blog buddyconnect */\r
+#blog-buddyconnect {\r
+       width: 171px;\r
+}\r
+\r
+/* for layer */\r
+/* 1017Ãß°¡ */\r
+.cp_layer_popup {\r
+       position: absolute;\r
+       z-index: 99;\r
+       padding: 3px 0 0 3px;\r
+       font-size: 12px;\r
+       font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, Helvetica, Sans-serif;\r
+       text-align: left\r
+}\r
+\r
+.cp_layer_popup p {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.cp_layer_popup .shadow1 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow01.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .cp_layer_popup .shadow1 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/mylog/post/shadow01.png')\r
+               transparent;\r
+}\r
+\r
+.cp_layer_popup .shadow1_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.cp_layer_popup .shadow2 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .cp_layer_popup .shadow2 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/mylog/post/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.cp_layer_popup .shadow2_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.cp_layer_popup .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #ffffff;\r
+}\r
+\r
+.cp_layer_popup .header {\r
+       display: block;\r
+       height: 22px;\r
+       _height: 30px;\r
+       padding: 8px 0 0 13px;\r
+       margin: 0;\r
+       background: #f4f4f4;\r
+       font: bold 13px ±¼¸², Gulim;\r
+       color: #444;\r
+}\r
+\r
+.cp_layer_popup .closelayer {\r
+       position: absolute;\r
+       right: 9px;\r
+       top: 9px;\r
+}\r
+\r
+.cp_layer_popup .content {\r
+       margin: 20px;\r
+}\r
+\r
+.cp_layer_popup .cp_noti {\r
+       margin: 0;\r
+       overflow: hidden;\r
+       _zoom: 1;\r
+}\r
+\r
+.cp_layer_popup .cp_noti dt {\r
+       float: left;\r
+       width: 44px;\r
+       height: 39px;\r
+       padding: 0;\r
+}\r
+\r
+.cp_layer_popup .cp_noti dd {\r
+       float: left;\r
+       background: url(http://blogimgs.naver.net/nblog/bu_1x26_ef.gif) 0 0\r
+               no-repeat;\r
+       padding: 0 0 0 16px;\r
+       margin: 0;\r
+       color: #222;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.3em;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc {\r
+       padding: 11px 14px 1px;\r
+       border: solid 1px #DFDFDF;\r
+       overflow: hidden;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc p {\r
+       font-size: 11px;\r
+       line-height: 1.4em;\r
+       letter-spacing: -1px;\r
+       padding-bottom: 7px;\r
+       color: #888;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc span {\r
+       color: #444;\r
+}\r
+/* //1017Ãß°¡ */\r
+\r
+/* 100510 hashfilter */\r
+/* .layer_hashfilter{position:absolute;z-index:999;width:390px;padding:18px 19px 5px;border:1px solid #888;background:#fff;letter-spacing:-1px;line-height:15px;text-align:left !important} */\r
+.layer_hashfilter {\r
+       position: absolute;\r
+       z-index: 999;\r
+       width: 390px;\r
+       padding: 17px 18px 4px;\r
+       border: 1px solid #888;\r
+       background: #fff;\r
+       font-size: 12px;\r
+       font-family: dotum, 'µ¸¿ò';\r
+       letter- spacing: -1px;\r
+       line-height: 15px;\r
+       text-align: left !important\r
+}\r
+\r
+.layer_hashfilter h2 {\r
+       margin: 0;\r
+       padding: 1px 0 12px 0;\r
+       font-size: 12px\r
+}\r
+\r
+.layer_hashfilter p {\r
+       color: #666;\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.layer_hashfilter .vaccine_link {\r
+       display: inline-block;\r
+       padding: 5px 7px 0 0;\r
+       background: url(http://blogimgs.naver.net/imgs/bul_arrow_green.gif)\r
+               no-repeat 100% 8px;\r
+       text-decoration: underline;\r
+       font-size: 11px;\r
+       color: #5BC139 !important\r
+}\r
+\r
+.layer_hashfilter .file {\r
+       padding: 3px 0 15px 0\r
+}\r
+\r
+.layer_hashfilter .file img {\r
+       vertical-align: middle;\r
+       margin-right: 6px\r
+}\r
+\r
+.layer_hashfilter .info_text {\r
+       margin-top: 18px;\r
+       padding: 19px 0 11px 0;\r
+       color: #999;\r
+       font-size: 11px;\r
+       border-top: 1px solid #ededed\r
+}\r
+\r
+.layer_hashfilter .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px\r
+}\r
+\r
+.layer_hashfilter .btns {\r
+       margin-top: 5px;\r
+       padding-top: 10px;\r
+       border-top: 1px solid #e8e8e8;\r
+       text-align: center\r
+}\r
+/* //100510 hashfilter */\r
+\r
+/* layer popup */\r
+.layerpop {\r
+       position: relative;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       background: url(http://blogimgs.naver.net/nblog/spc.gif);\r
+}\r
+/* .layerpop {position:relative; font-size:12px; font-family:µ¸¿ò,Dotum,Helvetica,sans-serif; background:url(http://blogimgs.naver.net/nblog/spc.gif);position:absolute;left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));} */\r
+.layerpop .shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpop .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.layerpop .shadow01_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.layerpop .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body #layerpop .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.layerpop .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.layerpop .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.layerpop .close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.layerpop .content {\r
+       margin: 13px 20px 0 20px;\r
+       border-bottom: 1px solid #E8E8E8;\r
+}\r
+\r
+.layerpop .content .q1 {\r
+       margin: 0;\r
+       padding: 0 0 8px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #222222;\r
+       line-height: 1.5;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q2 {\r
+       margin: 0;\r
+       padding: 0 0 8px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #222222;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q2 input {\r
+       margin: 0 2px 0 0;\r
+       padding: 0;\r
+}\r
+\r
+* html .layerpop .content .q2 input {\r
+       height: 15px;\r
+       height: 15px;\r
+       margin: 0 2px 0 0;\r
+       padding: 0;\r
+}\r
+\r
+.layerpop .content .q3 {\r
+       margin: 0;\r
+       padding: 0 0 3px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #444;\r
+       line-height: 1.5;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q4 {\r
+       margin: 0;\r
+       padding: 0 0 9px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #444;\r
+       text-align: left;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.layerpop .content .q4 em {\r
+       font-style: normal;\r
+       color: #488C00;\r
+}\r
+\r
+.layerpop .btn {\r
+       margin: 0;\r
+       padding: 10px 0 10px 0;\r
+       text-align: center;\r
+}\r
+\r
+/*\r
+NHN WebStandard Team (http://html.nhndesign.com/)\r
+author : freebird@nhncorp.com 070808\r
+*/\r
+/* shadow */\r
+.layerpopup {\r
+       position: absolute;\r
+       z-index: 99;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+}\r
+\r
+.layerpopup  img {\r
+       border: none;\r
+}\r
+\r
+.layerpopup .shadow1 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow1 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow1_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .shadow2 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow2 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow2_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .shadow3 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow3 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow3_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #ffffff;\r
+}\r
+\r
+.layerpopup .closelayer {\r
+       position: absolute;\r
+       right: 8px;\r
+       top: 9px;\r
+}\r
+\r
+.layerpopup .btn_box {\r
+       text-align: center;\r
+       padding: 10px 0 15px 0;\r
+       margin: 10px 20px 0 20px;\r
+       border-top: 1px solid #e8e8e8;\r
+}\r
+\r
+.layerpopup .btn_box * {\r
+       vertical-align: middle;\r
+}\r
+\r
+.layerpopup .logbox_wrap {\r
+       width: auto;\r
+       _width: 100%;\r
+       padding-top: 6px;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_area01.gif) left top\r
+               repeat-x;\r
+}\r
+\r
+.layerpopup .logbox_wrap p {\r
+       margin: 0;\r
+       font-size: 11px;\r
+       color: #333333;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.layerpopup .notice {\r
+       padding: 4px 0 5px 11px;\r
+       _padding: 4px 0 7px 11px;\r
+}\r
+\r
+.layerpopup .notice02 {\r
+       padding: 19px 0 9px 19px;\r
+       line-height: 1.4;\r
+}\r
+\r
+.layerpopup .notice02 strong {\r
+       color: #278F00;\r
+}\r
+\r
+.layerpopup .volume {\r
+       font-size: 12px !important;\r
+       margin: 16px 19px -8px 19px;\r
+       letter-spacing: 0 !important;\r
+}\r
+\r
+.layerpopup .frame_wrap {\r
+       width: auto;\r
+       _width: 350px;\r
+       margin: 0 10px 0 10px;\r
+}\r
+\r
+.layerpopup .frame_wrap.type03 {\r
+       margin: 0 0 0 20px !important;\r
+}\r
+\r
+/* for ±ÝÄ¢¾î °ü·Ã ·¹À̾ºÅ¸ÀÏ */\r
+/* initialization  */\r
+#c_layer_popup {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#c_layer_popup div,#c_layer_popup p,#c_layer_popup ul,#c_layer_popup li,#c_layer_popup button\r
+       {\r
+       margin: 0;\r
+       padding: 0;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup ul,#c_layer_popup li {\r
+       list-style: none;\r
+}\r
+/* Layout */\r
+#c_layer_popup {\r
+       position: absolute;\r
+       z-index: 200;\r
+       width: 370px;\r
+       height: 428px;\r
+       display: none;\r
+       _height: 427px;\r
+       padding: 47px 20px 0 20px;\r
+       _padding: 48px 20px 0 20px;\r
+       border: 4px solid #777;\r
+       font: 12px dotum, sans-serif;\r
+       letter-spacing: -1px;\r
+       background: #fbfbfb\r
+               url('http://blogimgs.naver.net/static/common/popup/bg_not_available_word.gif')\r
+               repeat-x left top;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_contents {\r
+       width: 360px;\r
+       padding: 17px 5px 0 5px;\r
+       _padding: 18px 5px 0 5px;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_footer {\r
+       width: 360px;\r
+       _height /**/: 47px;\r
+       text-align: center;\r
+}\r
+/* c_contents */\r
+#c_layer_popup .c_desc00 {\r
+       width: 370px;\r
+       height: 57px;\r
+       _height: 56px;\r
+       border-bottom: 1px solid #d0d0d0;\r
+       font: 12px normal dotum;\r
+       color: #333;\r
+       line-height: 18px;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_desc00 span {\r
+       color: #258102\r
+}\r
+\r
+#c_layer_popup .c_desc01 {\r
+       height: 42px;\r
+       _height: 41px;\r
+       line-height: 18px;\r
+       font-size: 12px;\r
+       color: #666;\r
+}\r
+\r
+#c_layer_popup .c_desc02 {\r
+       width: 348px;\r
+       _width /**/: 360px;\r
+       height: 84px;\r
+       _height: 83px;\r
+       _height /**/: 97px;\r
+       padding: 11px 0 0 10px;\r
+       _padding: 12px 0 0 10px;\r
+       _padding /**/: 10px 0 0 0;\r
+       font-size: 11px;\r
+       color: #666;\r
+       line-height: 17px;\r
+       background: #f8f8f8;\r
+       border: 1px solid #f1f1f1;\r
+}\r
+\r
+#c_layer_popup .c_desc02 li {\r
+       height: 40px;\r
+       padding: 0 0 0 6px;\r
+       _margin-left /**/: -6px;\r
+       background:\r
+               url('http://blogimgs.naver.net/static/common/popup/bu_dot.gif')\r
+               no-repeat left 6px;\r
+       font-size: 11px;\r
+}\r
+\r
+#c_layer_popup .c_desc03 {\r
+       height: 60px;\r
+       _height: 59px;\r
+       _height /**/: 71px;\r
+       padding: 12px 0 0 0;\r
+       _padding: 13px 0 0 0;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 17px;\r
+}\r
+\r
+#c_layer_popup .c_desc04 {\r
+       height: 40px;\r
+       font-size: 11px;\r
+       color: #666;\r
+}\r
+\r
+#c_layer_popup .c_desc04 a {\r
+       color: #258102;\r
+       text-decoration: underline;\r
+}\r
+\r
+#c_layer_popup .c_desc05 {\r
+       height: 57px;\r
+       font-size: 14px;\r
+       font-weight: bold;\r
+       color: #333;\r
+       text-align: center;\r
+}\r
+\r
+#c_layer_popup button {\r
+       width: 52px;\r
+       height: 26px;\r
+       text-align: center;\r
+       font-size: 12px;\r
+}\r
+\r
+@media all and (-webkit-min-device-pixel-ratio:10000) , not all and\r
+       (-webkit-min-device-pixel-ratio:0) {\r
+       #c_layer_popup button {\r
+               padding-top: 6px;\r
+       }\r
+}\r
+\r
+#c_layer_popup button.c_close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 6px;\r
+       width: 18px;\r
+       height: 17px;\r
+       background: none;\r
+       border: none;\r
+}\r
+\r
+#c_layer_popup button.c_close,x:-moz-any-link,x:default {\r
+       top: 5px;\r
+       right: 8px;\r
+}\r
+\r
+*:first-child+html #c_layer_popup button.c_close {\r
+       top: 7px;\r
+       right: 6px;\r
+}\r
+\r
+.readonly_visitor {\r
+       text-align: left;\r
+       padding: 10px 0 8px 8px !important\r
+}\r
+\r
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ Àִ ºÎºÐÀ» »©³ÂÀ½.*/\r
+.layerpop2 {\r
+       position: absolute;\r
+       z-index: 999;\r
+       font: normal 12px µ¸¿ò, Dotum;\r
+       color: #333;\r
+       overflow: hidden;\r
+       display: none;\r
+}\r
+\r
+.layerpop2 .border_type {\r
+       position: relative;\r
+       border: solid 2px #777;\r
+       background-color: #fff;\r
+}\r
+\r
+.layerpop2 .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+}\r
+\r
+.layerpop2 .content1 {\r
+       padding: 30px 30px 21px;\r
+       border-bottom: solid 1px #f0f0f0;\r
+}\r
+\r
+.layerpop2 .content1 h6 {\r
+       font-weight: bold;\r
+       font-size: 14px;\r
+       padding-bottom: 22px;\r
+       margin: 0;\r
+       color: #333;\r
+}\r
+\r
+.layerpop2 .subtext {\r
+       font-size: 11px;\r
+       color: #999;\r
+       margin: 0;\r
+       padding: 7px 0 0;\r
+       line-height: 16px;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop2 .check {\r
+       width: 13px;\r
+       height: 13px;\r
+       vertical-align: middle;\r
+       padding: 0 3px 2px 0;\r
+       margin-left: 2px;\r
+}\r
+\r
+.layerpop2 .btn1 {\r
+       background-color: #fbfbfb;\r
+       border-top: solid 1px #f7f7f7;\r
+       text-align: center;\r
+       margin: 0;\r
+       padding: 11px 0 20px;\r
+}\r
+\r
+.layerpop2 .btn1 img {\r
+       margin: 0 1px;\r
+       vertical-align: top;\r
+}\r
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ Àִ ºÎºÐÀ» »©³ÂÀ½.*/\r
+.pwr_blog_wrap {\r
+       width: 143px;\r
+       margin: 5px auto 0\r
+}\r
+\r
+.pwr_blog_wrap .line {\r
+       width: 100%;\r
+       height: 0;\r
+       border-bottom: 1px solid #999;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.pwr_emblem {\r
+       height: 69px;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png',\r
+               sizingMethod='crop' );\r
+       text-align: left\r
+}\r
+\r
+.pwr_emblem h4 {\r
+       margin: 0 !important;\r
+       padding: 26px 0 0 58px;\r
+       font-size: 10px !important;\r
+       font-family: Tahoma !important;\r
+       line-height: 12px\r
+}\r
+\r
+.pwr_blog {\r
+       position: relative\r
+}\r
+\r
+.pwr_blog .pcol2b {\r
+       position: absolute;\r
+       top: 0;\r
+       height: 100%\r
+}\r
+\r
+.pwr_blog .pwr_lft {\r
+       left: 0\r
+}\r
+\r
+.pwr_blog .pwr_rgt {\r
+       right: 0;\r
+       _right: -1px\r
+}\r
+\r
+.pwr_blog .pwr_cont {\r
+       margin: 0 2px;\r
+       padding-bottom: 7px\r
+}\r
+\r
+.pwr_blog .pwr_cont .pcol2b {\r
+       position: static;\r
+       height: 1px\r
+}\r
+\r
+.pwr_blog .pwr_cont ul {\r
+       margin: 3px 0 0;\r
+       padding: 0;\r
+       text-align: left;\r
+       list-style: none\r
+}\r
+\r
+.pwr_blog .pwr_cont li {\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 15px\r
+}\r
+\r
+.pwr_blog .pwr_cont li em {\r
+       display: inline-block;\r
+       position: relative;\r
+       top: -1px;\r
+       margin-right: 6px;\r
+       font-style: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       letter-spacing: 0;\r
+       _filter: none\r
+}\r
+\r
+.pwr_blog .pwr_cont li span {\r
+       display: inline-block\r
+}\r
+\r
+.pwr_blog .pwr_cont li .pcol2b {\r
+       height: auto\r
+}\r
+\r
+.pwr_blog .pwr_pgn {\r
+       padding-top: 1px;\r
+       text-align: right\r
+}\r
+\r
+.pwr_blog .pwr_pgn .prev,.pwr_blog .pwr_pgn .next {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.pwr_blog .pwr_pgn em {\r
+       display: inline-block;\r
+       margin-left: -1px;\r
+       font-style: normal;\r
+       font-size: 11px\r
+}\r
+\r
+.pwr_blog .pwr_clse {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: 5px;\r
+       right: -3px;\r
+       padding: 2px;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       font-family: 'µ¸¿ò', dotum\r
+}\r
+\r
+.pwr_blog .pwr_clse:hover {\r
+       text-decoration: none\r
+}\r
+\r
+/*縰Áö À§Á¬*/\r
+.cwg_wrap,.cwg2_wrap {\r
+       font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;\r
+       font-size: 12px\r
+}\r
+\r
+/* goal widget */\r
+.cwg2_wrap {\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 396px;\r
+       margin: 0 auto;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_note2.png)\r
+               no-repeat;\r
+       _background: url(http://blogimgs.naver.net/challengewidget/bg_note2.gif)\r
+               no-repeat;\r
+       text-align: left\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge {\r
+       overflow: hidden;\r
+       position: relative;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 a {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 span {\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type2 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type3 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type4 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type5 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .p_day {\r
+       position: relative;\r
+       width: 141px;\r
+       margin: 0 0 0 14px;\r
+       height: 24px;\r
+       overflow: hidden;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .p_day span {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       margin-left: -1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .p_day .ing {\r
+       width: 71px;\r
+       height: 21px;\r
+       background-position: 0 -17px\r
+}\r
+\r
+.cwg2_wrap .p_day .clear_no {\r
+       width: 90px;\r
+       height: 20px;\r
+       margin-top: 3px;\r
+       background-position: -71px -20px\r
+}\r
+\r
+.cwg2_wrap .p_day .clear_ok {\r
+       width: 122px;\r
+       height: 20px;\r
+       background-position: 0 -43px\r
+}\r
+\r
+.cwg2_wrap .p_day em {\r
+       display: inline-block;\r
+       height: 21px;\r
+       font-style: normal;\r
+       font-family: Tahoma;\r
+       font-size: 17px;\r
+       color: #525252;\r
+       font-weight: bold\r
+}\r
+\r
+.cwg2_wrap .lst_wrap {\r
+       position: relative;\r
+       width: 141px;\r
+       height: 142px;\r
+       margin: 3px auto 0;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat 0 -316px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst {\r
+       overflow: hidden;\r
+       zoom: 1;\r
+       padding: 6px 0 0 5px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst li {\r
+       overflow: hidden;\r
+       line-height: 999px;\r
+       display: inline;\r
+       float: left;\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 1px 1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst .off {\r
+       background-position: -70px 0\r
+}\r
+\r
+.cwg2_wrap .cplt {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 121px;\r
+       left: 121px;\r
+       width: 16px;\r
+       height: 17px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       left: -2px;\r
+       top: -1px;\r
+       width: 145px;\r
+       height: 147px;\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       width: 145px;\r
+       height: 147px;\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/bg_clear_box.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_clear_box.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar {\r
+       width: 90px;\r
+       height: 98px;\r
+       overflow: hidden;\r
+       margin: 14px 0 0 28px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat 0 -215px;\r
+       text-indent: -500em\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar2 {\r
+       width: 78px;\r
+       height: 97px;\r
+       overflow: hidden;\r
+       margin: 14px 0 0 33px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat -96px -215px;\r
+       text-indent: -500em\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .clse {\r
+       position: absolute;\r
+       right: 10px;\r
+       top: 6px;\r
+       width: 14px;\r
+       height: 14px;\r
+       overflow: hidden;\r
+       text-indent: -500em;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat -188px 2px\r
+}\r
+\r
+.cwg2_wrap .mod {\r
+       display: block;\r
+       position: absolute;\r
+       right: 13px;\r
+       bottom: 10px;\r
+       overflow: hidden;\r
+       width: 14px;\r
+       height: 14px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 0;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst {\r
+       position: relative;\r
+       height: 118px;\r
+       margin: 0 15px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst .none {\r
+       margin: 0;\r
+       margin-top: 23px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 21px;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .cwg_lst .more {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 {\r
+       height: 17px;\r
+       padding-top: 4px;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 a {\r
+       display: inline-block;\r
+       position: relative;\r
+       padding: 2px 17px 2px 2px;\r
+       color: #333;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 a span {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst ul {\r
+       height: 84px;\r
+       padding-top: 3px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li {\r
+       position: relative;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -112px;\r
+       font-size: 11px;\r
+       line-height: 21px;\r
+       vertical-align: top;\r
+       list-style: none\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li a {\r
+       display: inline-block;\r
+       color: #666;\r
+       _vertical-align: baseline\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li em {\r
+       position: absolute;\r
+       top: 0;\r
+       right: 0;\r
+       font-style: normal;\r
+       font-size: 9px;\r
+       font-family: Tahoma;\r
+       color: #aeaeae\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li em.time {\r
+       color: #7b7b7b\r
+}\r
+\r
+.cwg2_wrap .cwg_status {\r
+       width: 141px;\r
+       height: 133px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_cnt {\r
+       overflow: hidden;\r
+       height: 21px;\r
+       margin-bottom: 10px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_cnt strong {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 42px;\r
+       height: 21px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_btm {\r
+       width: 145px;\r
+       margin: 0 auto;\r
+}\r
+\r
+.cwg2_wrap .cwg_btm a {\r
+       display: inline-block;\r
+       margin: 7px 0 0 -1px;\r
+       padding: 3px 9px 3px 2px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       letter-spacing: -1px;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg2_wrap .cwg_btm a em {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 4px;\r
+       height: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat -26px -96px;\r
+       vertical-align: middle\r
+}\r
+\r
+/* goal widget types2 */\r
+.cwg2_type .cplt {\r
+       background-position: -84px 0\r
+}\r
+\r
+.cwg2_type2 .cplt {\r
+       background-position: -102px 0\r
+}\r
+\r
+.cwg2_type3 .cplt {\r
+       background-position: -120px 0\r
+}\r
+\r
+.cwg2_type4 .cplt {\r
+       background-position: -138px 0\r
+}\r
+\r
+.cwg2_type5 .cplt {\r
+       background-position: -156px 0\r
+}\r
+\r
+.cwg2_type .lst_wrap .lst li {\r
+       background-position: 0 0\r
+}\r
+\r
+.cwg2_type2 .lst_wrap .lst li {\r
+       background-position: -14px 0\r
+}\r
+\r
+.cwg2_type3 .lst_wrap .lst li {\r
+       background-position: -28px 0\r
+}\r
+\r
+.cwg2_type4 .lst_wrap .lst li {\r
+       background-position: -42px 0\r
+}\r
+\r
+.cwg2_type5 .lst_wrap .lst li {\r
+       background-position: -56px 0\r
+}\r
+\r
+/* master widget */\r
+.cwg_master {\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 364px;\r
+       margin: 0 auto;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_note.png);\r
+       _background: url(http://blogimgs.naver.net/challengewidget/bg_note.gif);\r
+       text-align: left\r
+}\r
+\r
+.cwg_wrap .cwg_badge {\r
+       overflow: hidden;\r
+       position: relative;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 a {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 span {\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type2 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type2.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type3 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type3.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type4 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type4.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type5 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type5.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .mod {\r
+       display: block;\r
+       position: absolute;\r
+       right: 13px;\r
+       bottom: 13px;\r
+       overflow: hidden;\r
+       width: 14px;\r
+       height: 14px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 0;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_lst {\r
+       position: relative;\r
+       height: 118px;\r
+       margin: 0 15px\r
+}\r
+\r
+.cwg_wrap .cwg_lst .none {\r
+       margin: 0;\r
+       margin-top: 23px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 21px;\r
+       text-align: center\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 {\r
+       height: 17px;\r
+       padding-top: 4px;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 a {\r
+       display: inline-block;\r
+       position: relative;\r
+       padding: 2px 17px 2px 2px;\r
+       color: #333;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 a span {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_lst ul {\r
+       height: 82px;\r
+       padding-top: 3px\r
+}\r
+\r
+.cwg_wrap .cwg_lst li {\r
+       position: relative;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -112px;\r
+       font-size: 11px;\r
+       line-height: 21px;\r
+       vertical-align: top;\r
+       list-style: none\r
+}\r
+\r
+.cwg_wrap .cwg_lst li a {\r
+       display: inline-block;\r
+       color: #666;\r
+       _vertical-align: baseline\r
+}\r
+\r
+.cwg_wrap .cwg_lst li em {\r
+       position: absolute;\r
+       top: 0;\r
+       right: 0;\r
+       font-style: normal;\r
+       font-size: 9px;\r
+       font-family: Tahoma;\r
+       color: #aeaeae\r
+}\r
+\r
+.cwg_wrap .cwg_lst li em.time {\r
+       color: #7b7b7b\r
+}\r
+\r
+.cwg_wrap .cwg_status {\r
+       width: 141px;\r
+       height: 133px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt {\r
+       overflow: hidden;\r
+       height: 21px;\r
+       margin-bottom: 11px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 50px;\r
+       height: 21px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level span {\r
+       margin-top: 0\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level2 span {\r
+       margin-top: -30px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level3 span {\r
+       margin-top: -60px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level4 span {\r
+       margin-top: -90px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt .lnr {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 19px;\r
+       height: 21px;\r
+       margin-left: -1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -30px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt em {\r
+       display: inline-block;\r
+       height: 21px;\r
+       margin-left: -2px;\r
+       padding: 2px 9px 0 0;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 100% -60px;\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       font-family: Tahoma;\r
+       color: #525252;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt em span {\r
+       visibility: hidden;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 0;\r
+       height: 0;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cwg_wrap .cwg_track {\r
+       position: relative;\r
+       width: 141px;\r
+       height: 86px\r
+}\r
+\r
+.cwg_wrap .cwg_track span {\r
+       overflow: hidden;\r
+       float: left;\r
+       position: relative;\r
+       z-index: 10;\r
+       width: 7px;\r
+       height: 8px;\r
+       margin: -1px 0 6px;\r
+       background-color: #fff;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.rtl {\r
+       float: right\r
+}\r
+\r
+.cwg_wrap .cwg_track span.cpt {\r
+       visibility: hidden\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp {\r
+       float: right;\r
+       width: 8px;\r
+       height: 7px;\r
+       margin: -6px 0 0 133px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp2 {\r
+       width: 8px;\r
+       height: 7px;\r
+       margin: -6px 133px 0 0\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp3 {\r
+       width: 8px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp4 {\r
+       width: 8px;\r
+       height: 7px;\r
+       margin-top: 0\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail_bg {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -1px;\r
+       left: 0;\r
+       z-index: 5;\r
+       width: 141px;\r
+       height: 86px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail_bg strong {\r
+       margin-top: -120px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -1px;\r
+       left: 0;\r
+       z-index: 15;\r
+       width: 141px;\r
+       height: 70px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_rail.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_rail.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_track em.goal {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -3px;\r
+       left: -2px;\r
+       z-index: 20;\r
+       width: 124px;\r
+       height: 68px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.goal strong {\r
+       margin-top: -220px\r
+}\r
+\r
+.cwg_wrap .cwg_btm {\r
+       width: 145px;\r
+       margin: 0 auto;\r
+       border-top: 1px solid #ececec\r
+}\r
+\r
+.cwg_wrap .cwg_btm a {\r
+       display: inline-block;\r
+       margin: 7px 0 0 -1px;\r
+       padding: 3px 9px 3px 2px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       letter-spacing: -1px;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg_wrap .cwg_btm a em {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 4px;\r
+       height: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat -26px -96px;\r
+       vertical-align: middle\r
+}\r
+\r
+/* master widget types */\r
+.cwg_wrap .flt {\r
+       display: block;\r
+       width: 150px;\r
+       height: 450px\r
+}\r
+\r
+.cwg_type .flt {\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_ctype.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type2 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype2.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type3 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype3.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type4 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype4.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type5 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype5.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+/* business widget */\r
+/* company info widget */\r
+.cmp_wrap {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;\r
+       font-size: 12px;\r
+       text-align: left;\r
+}\r
+\r
+.cmp_wrap .line_x {\r
+       height: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .line_y {\r
+       width: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .ls0 {\r
+       letter-spacing: 0\r
+}\r
+\r
+.cmp_wrap .tl_cmp {\r
+       width: 100%;\r
+       padding: 0;\r
+       border: 0;\r
+       border-collapse: collapse;\r
+       table-layout: fixed\r
+}\r
+\r
+.cmp_wrap .tl_cmp th,.cmp_wrap .tl_cmp td {\r
+       padding: 0;\r
+       border: 0\r
+}\r
+\r
+.cmp_wrap .cmp_content {\r
+       position: relative;\r
+       width: 147px;\r
+       padding: 10px 11px 9px 11px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.cmp_wrap .cmp_content:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+.cmp_wrap .cmp_content h3 {\r
+       height: 31px;\r
+       *height: 30px;\r
+       margin: 0 !important;\r
+       padding-top: 2px;\r
+       font-size: 12px;\r
+       font-weight: bold;\r
+       letter-spacing: 0;\r
+       line-height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .line_y {\r
+       float: left\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr {\r
+       *margin-top: -1px;\r
+       overflow: hidden\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a {\r
+       display: inline-block;\r
+       float: left;\r
+       text-align: center\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a strong {\r
+       display: block\r
+}\r
+\r
+.cmp_wrap a .bu {\r
+       display: inline-block;\r
+       margin-left: 2px;\r
+       font-size: 4px;\r
+       vertical-align: 3px;\r
+       -webkit-text-size-adjust: none\r
+}\r
+/* button text type */\r
+.cmp_wrap .cmp_content .btn_txt {\r
+       width: 37px;\r
+       position: absolute;\r
+       top: 10px;\r
+       right: 7px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt .line_x {\r
+       width: 35px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt .line_y {\r
+       height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt a {\r
+       width: 33px;\r
+       height: 12px;\r
+       padding-top: 2px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_txt a {\r
+       padding-top: 0;\r
+       padding-top: 2px \0/IE9\r
+}\r
+/* button icon type */\r
+.cmp_wrap .cmp_content .btn_help {\r
+       width: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help .line_x {\r
+       width: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help .line_y {\r
+       height: 12px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help a {\r
+       display: block;\r
+       width: 12px;\r
+       height: 12px;\r
+       line-height: 15px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_help a {\r
+       line-height: 14px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_help a {\r
+       line-height: 14px;\r
+       line-height: 17px \0/IE9\r
+}\r
+\r
+.cmp_wrap .cmp_tt {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 33px;\r
+       left: 5px;\r
+       width: 159px;\r
+       height: 1px;\r
+       border-bottom: 1px dotted\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont {\r
+       padding-left: 8px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li {\r
+       position: relative;\r
+       line-height: 16px;\r
+       list-style: none\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .info_wrp {\r
+       display: inline-block;\r
+       padding-bottom: 1px;\r
+       opacity: 0.8;\r
+       filter: alpha(opacity = 80)\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .tt {\r
+       display: inline-block\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .tx {\r
+       padding-right: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .ic {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 6px;\r
+       *top: 7px;\r
+       left: -6px;\r
+       width: 2px;\r
+       height: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .lk {\r
+       text-decoration: underline\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .lk .bu {\r
+       text-decoration: none;\r
+       vertical-align: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .btn_help {\r
+       display: inline-block;\r
+       *display: inline;\r
+       margin-left: 1px;\r
+       vertical-align: -2px;\r
+       *vertical-align: middle;\r
+       zoom: 1\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip {\r
+       display: none;\r
+       position: absolute;\r
+       z-index: 1000;\r
+       padding: 9px 10px 7px;\r
+       border: 1px solid #888;\r
+       background-color: #fff\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .tip {\r
+       position: absolute;\r
+       bottom: -6px;\r
+       width: 11px;\r
+       height: 6px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/admin50/bg_layer_arr.gif)\r
+               no-repeat 0 0;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .cont {\r
+       margin-left: -1px;\r
+       font-size: 11px;\r
+       font-family: dotum, 'µ¸¿ò';\r
+       color: #848689;\r
+       letter-spacing: -1px;\r
+       line-height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .clse_tip {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px\r
+}\r
+/* // business widget*/\r
+.new_blog {\r
+       height: 170px;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       text-align: center\r
+}\r
+\r
+.new_blog .new_blog_inner {\r
+       padding-top: 34px\r
+}\r
+\r
+.new_blog .new_blog_inner2 {\r
+       padding-top: 78px\r
+}\r
+\r
+.new_blog .new_blog_inner3 {\r
+       padding-top: 50px\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu {\r
+       text-align: left\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu li {\r
+       list-style: none;\r
+       margin-bottom: 6px;\r
+       font-size: 12px;\r
+       line-height: 17px\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu li .pcol2b {\r
+       width: 3px;\r
+       height: 3px;\r
+       margin: 0 2px 2px 0;\r
+       vertical-align: middle\r
+}\r
+\r
+.new_blog strong {\r
+       display: block;\r
+       margin: 0 0 8px;\r
+       font-size: 14px !important\r
+}\r
+\r
+.new_blog p {\r
+       display: block;\r
+       margin: 0 0 13px;\r
+       font-size: 12px;\r
+       line-height: 17px\r
+}\r
+\r
+.new_blog a {\r
+       display: inline-block\r
+}\r
+\r
+.ly_newblog {\r
+       position: absolute;\r
+       z-index: 1000;\r
+       padding: 14px;\r
+       border: 1px solid #d1d1d1;\r
+       background: #fefefe\r
+}\r
+\r
+.ly_newblog table {\r
+       width: 100%;\r
+       border-collapse: collapse\r
+}\r
+\r
+.ly_newblog .ly_newblog_btm {\r
+       position: relative;\r
+       width: 100%;\r
+       padding: 16px 0 6px;\r
+       border-top: 1px solid #ececec;\r
+       text-align: center\r
+}\r
+\r
+.ly_newblog .ly_newblog_btm img {\r
+       vertical-align: top\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache {\r
+       position: absolute;\r
+       top: 19px;\r
+       right: -1px\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache .input_chk {\r
+       float: left;\r
+       width: 13px;\r
+       height: 13px;\r
+       margin: 5px 5px 0;\r
+       padding: 0;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache label {\r
+       float: left;\r
+       font-size: 11px;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       letter-spacing: -1px;\r
+       line-height: 27px;\r
+       color: #999;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache a {\r
+       display: inline-block;\r
+       float: left;\r
+       margin-left: 5px;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .clse {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 7px;\r
+       padding: 2px\r
+}\r
+\r
+.ly_newblog_cont img {\r
+       vertical-align: top\r
+}\r
+\r
+/* service terminated(wizard widget) */\r
+.wzd_wrap {\r
+       width: 169px;\r
+       height: 80px;\r
+       margin: 0 auto;\r
+       border: 1px solid #ececec;\r
+       background: #f5f5f5;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       font-size: 11px;\r
+       letter- spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.wzd_wrap .info_txt {\r
+       width: 146px;\r
+       height: 36px;\r
+       margin: 0 auto;\r
+       margin-bottom: 8px;\r
+       padding-top: 11px;\r
+       border-bottom: 1px solid #e3e3e3;\r
+       color: #7d7d7d;\r
+       line-height: 16px\r
+}\r
+\r
+.wzd_wrap .info_a {\r
+       display: inline-block;\r
+       margin: 0 4px 0 6px;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/nblog/widget/ic_wzd.gif)\r
+               no-repeat 0 2px;\r
+       color: #7d7d7d;\r
+       font-size: 11px;\r
+       text-decoration: none\r
+}\r
+\r
+.wzd_wrap a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+.side-body.onestyle .wzd_wrap {\r
+       *display: inline;\r
+       zoom: 1\r
+}\r
+\r
+/* map */\r
+.map_wrp .sub_cnt .more,.map_wrp .set,.map_wrp .go_post .post,.map_wrp .go_post .clse\r
+       {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat\r
+}\r
+\r
+.map_wrp {\r
+       width: 171px;\r
+       height: 260px;\r
+       margin: 0 auto\r
+}\r
+\r
+.map_wrp .country {\r
+       position: relative;\r
+       width: 171px;\r
+       height: 260px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/bg_country_v2.jpg)\r
+               no-repeat;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.map_wrp .country .tit {\r
+       overflow: hidden;\r
+       height: 28px;\r
+       margin: 0;\r
+       padding: 0;\r
+       text-align: left\r
+}\r
+\r
+.map_wrp .country .tit .set {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+       width: 11px;\r
+       height: 12px;\r
+       background-position: 100% -124px;\r
+       text-indent: -9999px\r
+}\r
+\r
+.map_wrp .country .tit em {\r
+       visibility: hidden;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 1px;\r
+       height: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.map_wrp .country .tit strong {\r
+       display: inline-block;\r
+       margin: 8px 0 0 80px;\r
+       color: #00a403;\r
+       font-family: verdana;\r
+       font-size: 10px\r
+}\r
+\r
+.map_wrp .map_sec {\r
+       position: relative;\r
+       height: 232px\r
+}\r
+\r
+.map_wrp .pin,.map_wrp .pin10,.map_wrp .pin100 {\r
+       display: block;\r
+       position: absolute;\r
+       width: 19px;\r
+       height: 25px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat 0 -124px;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp a.pin:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.map_wrp .pin strong {\r
+       display: block;\r
+       margin-left: -1px;\r
+       color: #00a403;\r
+       font-family: verdana;\r
+       font-size: 10px;\r
+       line-height: 16px\r
+}\r
+\r
+.map_wrp .pin10 {\r
+       width: 23px;\r
+       height: 33px;\r
+       background-position: -28px -124px\r
+}\r
+\r
+.map_wrp .pin10 strong {\r
+       line-height: 22px\r
+}\r
+\r
+.map_wrp .pin100 {\r
+       width: 29px;\r
+       height: 42px;\r
+       background-position: -61px -124px\r
+}\r
+\r
+.map_wrp .pin100 strong {\r
+       line-height: 28px\r
+}\r
+\r
+.map_wrp .sub_cnt {\r
+       position: absolute;\r
+       top: 239px;\r
+       right: 10px\r
+}\r
+\r
+:root .map_wrp .sub_cnt {\r
+       top: 240px \0/IE9\r
+}\r
+\r
+.map_wrp .sub_cnt a {\r
+       display: inline-block;\r
+       padding-right: 1px;\r
+       color: #66717b;\r
+       line-height: 12px;\r
+       vertical-align: middle\r
+}\r
+\r
+.map_wrp .sub_cnt .more {\r
+       padding: 0 5px 0 1px;\r
+       background-position: 100% -170px;\r
+       font-size: 11px\r
+}\r
+\r
+:root .map_wrp .sub_cnt .more {\r
+       line-height: 14px \0/IE9\r
+}\r
+\r
+.map_wrp .dim {\r
+       position: absolute;\r
+       top: 28PX;\r
+       left: 0;\r
+       width: 171px;\r
+       height: 232px;\r
+       background: #000;\r
+       opacity: 0.1;\r
+       filter: alpha(opacity = 10)\r
+}\r
+\r
+.map_wrp .go_post {\r
+       position: absolute;\r
+       top: 85px;\r
+       left: 12px;\r
+       width: 147px;\r
+       height: 120px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp .go_post p {\r
+       margin: 0;\r
+       padding: 0;\r
+       line-height: 15px\r
+}\r
+\r
+.map_wrp .go_post .tt {\r
+       padding-top: 15px;\r
+       color: #333\r
+}\r
+\r
+.map_wrp .go_post .tx {\r
+       color: #999\r
+}\r
+\r
+.map_wrp .go_post a {\r
+       display: block;\r
+       overflow: hidden;\r
+       text-indent: -9999em\r
+}\r
+\r
+.map_wrp .go_post .post {\r
+       width: 68px;\r
+       height: 16px;\r
+       margin: 11px auto 0;\r
+       background-position: 0 -186px\r
+}\r
+\r
+.map_wrp .go_post .clse {\r
+       position: absolute;\r
+       top: 10px;\r
+       right: 10px;\r
+       width: 11px;\r
+       height: 11px;\r
+       background-position: 100% -148px\r
+}\r
+\r
+.map_wrp .go_evt {\r
+       position: absolute;\r
+       top: 66px;\r
+       left: 12px;\r
+       width: 147px;\r
+       height: 125px;\r
+       padding-top: 15px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/event/bg_evt_ly.png)\r
+               no-repeat;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp .go_evt p {\r
+       margin: 0;\r
+       padding: 0;\r
+       font-size: 11px;\r
+       line-height: 15px\r
+}\r
+\r
+.map_wrp .go_evt .tt {\r
+       margin-bottom: 3px;\r
+       color: #999\r
+}\r
+\r
+.map_wrp .go_evt .tx {\r
+       color: #ee6e3c\r
+}\r
+\r
+.map_wrp .go_evt .tx a {\r
+       overflow: hidden;\r
+       background: none;\r
+       color: #f6b69d;\r
+       text-decoration: underline\r
+}\r
+\r
+.map_wrp .go_evt a {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat;\r
+       font-size: 11px\r
+}\r
+\r
+.map_wrp .go_evt .post,.map_wrp .go_evt .clse {\r
+       display: block;\r
+       text-indent: -9999px\r
+}\r
+\r
+.map_wrp .go_evt .post {\r
+       width: 68px;\r
+       height: 16px;\r
+       margin: 13px auto 0;\r
+       background-position: 0 -186px\r
+}\r
+\r
+.map_wrp .go_evt .clse {\r
+       position: absolute;\r
+       top: 9px;\r
+       right: 10px;\r
+       width: 11px;\r
+       height: 11px;\r
+       background-position: 100% -148px\r
+}\r
+\r
+.readonly_box {\r
+       border: solid 1px #e7e7e7;\r
+       background-color: #fff;\r
+       margin: 0 0 8px;\r
+       padding: 20px 0 19px 20px;\r
+       text-align: left;\r
+       position: relative;\r
+       overflow: hidden\r
+}\r
+\r
+.readonly_box h3 {\r
+       color: #333;\r
+       font: bold 14px "µ¸¿ò", dotum;\r
+       margin: 0 0 15px !important\r
+}\r
+\r
+.readonly_box h3 img {\r
+       vertical-align: middle;\r
+       margin: 0 6px 3px 0\r
+}\r
+\r
+.readonly_box h3 span {\r
+       padding-left: 3px;\r
+       font-size: 12px;\r
+       color: #ff6d20;\r
+       letter-spacing: 0\r
+}\r
+\r
+.readonly_box .closepop {\r
+       position: absolute;\r
+       top: 14px;\r
+       right: 14px;\r
+       width: 15px;\r
+       height: 15px;\r
+}\r
+\r
+.readonly_box ul {\r
+       margin: 0 0 3px !important;\r
+       padding: 0\r
+}\r
+\r
+.readonly_box ul li {\r
+       list-style: none;\r
+       padding-left: 7px;\r
+       line-height: 18px;\r
+       font-size: 12px;\r
+       color: #333;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bu_2x2_33.gif)\r
+               0 7px no-repeat\r
+}\r
+\r
+.readonly_box .viewnotice {\r
+       display: inline-block;\r
+       margin-top: 7px;\r
+       padding-right: 6px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bu_arrow_readonly.gif)\r
+               right 3px no-repeat;\r
+       font-size: 12px;\r
+       color: #333;\r
+       text-decoration: underline !important\r
+}\r
+\r
+.inspection {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bg_inspection.gif)\r
+               repeat-x;\r
+       text-align: center\r
+}\r
+\r
+.inspection .sub_inspection {\r
+       width: 980px;\r
+       height: 69px;\r
+       margin: 0 auto;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bg_inspection2.gif)\r
+               no-repeat;\r
+       text-align: left\r
+}\r
+\r
+.inspection h1 {\r
+       float: left;\r
+       _display: inline;\r
+       padding: 23px 20px 0 0\r
+}\r
+\r
+.inspection p {\r
+       float: left;\r
+       _display: inline;\r
+       padding: 14px 0 0;\r
+       padding-left: 21px;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bg_line.gif) 0\r
+               17px no-repeat;\r
+       color: #fff;\r
+       line-height: 20px\r
+}\r
+\r
+.inspection p * {\r
+       color: #fff;\r
+       line-height: 20px\r
+}\r
+\r
+.inspection p em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       text-decoration: underline\r
+}\r
+\r
+.inspection .viewnotice {\r
+       float: right;\r
+       _display: inline;\r
+       padding: 24px 0 0 18px;\r
+       height: 26px;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bg_line2.gif) 0\r
+               17px no-repeat\r
+}\r
+\r
+#defineNHNCSS_LayoutTopCommon-411216_css {\r
+       color: #ffe\r
+}
\ No newline at end of file
diff --git a/org.tizen.common.builder/test/file/a.html b/org.tizen.common.builder/test/file/a.html
new file mode 100755 (executable)
index 0000000..3455a4a
--- /dev/null
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
+<html>\r
+<head>\r
+    <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">\r
+    <title>Insert title here</title>\r
+    <script type="text/javascript" src="a.js"></script>\r
+    <script type="text/javascript" src="b.js"></script>\r
+    <link href="a.css" rel="stylesheet" type="text/css">\r
+</head>\r
+<body>\r
+    Hello, World\r
+\r
+</body>\r
+</html>
\ No newline at end of file
diff --git a/org.tizen.common.builder/test/file/a.js b/org.tizen.common.builder/test/file/a.js
new file mode 100644 (file)
index 0000000..cb8aa38
--- /dev/null
@@ -0,0 +1,3 @@
+A = function() {\r
+       console.log( "A created" );\r
+};\r
diff --git a/org.tizen.common.builder/test/file/b.css b/org.tizen.common.builder/test/file/b.css
new file mode 100755 (executable)
index 0000000..20de43c
--- /dev/null
@@ -0,0 +1,6076 @@
+@CHARSET "EUC-KR";\r
+\r
+/* common style */\r
+html,body {\r
+       margin: 0;\r
+       padding: 0;\r
+       height: 100%;\r
+       min-height: 100%;\r
+}\r
+\r
+hr {\r
+       display: none;\r
+}\r
+\r
+ul,ol,form,h1,h2,h3,h4,h5,h6,dl,dt,dd {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+img {\r
+       border: none;\r
+}\r
+\r
+a:link {\r
+       text-decoration: none\r
+}\r
+\r
+a:visited {\r
+       text-decoration: none\r
+}\r
+\r
+a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+a:active {\r
+       text-decoration: none\r
+}\r
+\r
+.clear {\r
+       clear: both;\r
+}\r
+\r
+.blank5 {\r
+       height: 5px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank7 {\r
+       height: 7px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank10 {\r
+       height: 10px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank20 {\r
+       height: 20px;\r
+       overflow: hidden;\r
+}\r
+\r
+.tl {\r
+       text-align: left;\r
+}\r
+\r
+.tc {\r
+       text-align: center;\r
+}\r
+\r
+.tr {\r
+       text-align: right;\r
+}\r
+\r
+.fl {\r
+       float: left;\r
+}\r
+\r
+.fr {\r
+       float: right;\r
+}\r
+\r
+.fn {\r
+       float: none;\r
+}\r
+\r
+.vm {\r
+       vertical-align: middle;\r
+}\r
+\r
+.u,a.u {\r
+       text-decoration: underline;\r
+}\r
+\r
+.ls1 {\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.nb {\r
+       font-weight: normal !important\r
+}\r
+\r
+input.cx {\r
+       width: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+}\r
+\r
+img.i_scrap {\r
+       margin: 0 0 3px 0;\r
+       vertical-align: middle;\r
+}\r
+\r
+img.i_open {\r
+       margin: 0 1px 4px 1px;\r
+       vertical-align: middle;\r
+}\r
+\r
+img.report {\r
+       margin: 0 0 -1px 0;\r
+}\r
+\r
+.p8 {\r
+       font-size: 8px;\r
+}\r
+\r
+.p9 {\r
+       font-size: 9px;\r
+}\r
+\r
+.p10 {\r
+       font-size: 10px;\r
+}\r
+\r
+.p11 {\r
+       font-size: 11px;\r
+}\r
+\r
+.p12 {\r
+       font-size: 12px;\r
+}\r
+\r
+.fil1 {\r
+       filter: alpha(opacity = 10);\r
+       opacity: 0.1;\r
+}\r
+\r
+.fil2 {\r
+       filter: alpha(opacity = 20);\r
+       opacity: 0.2;\r
+}\r
+\r
+.fil3 {\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+}\r
+\r
+.fil4 {\r
+       filter: alpha(opacity = 40);\r
+       opacity: 0.4;\r
+}\r
+\r
+.fil5 {\r
+       filter: alpha(opacity = 50);\r
+       opacity: 0.5;\r
+}\r
+\r
+.fil6 {\r
+       filter: alpha(opacity = 60);\r
+       opacity: 0.6;\r
+}\r
+\r
+.fil7 {\r
+       filter: alpha(opacity = 70);\r
+       opacity: 0.7;\r
+}\r
+\r
+.fil8 {\r
+       filter: alpha(opacity = 80);\r
+       opacity: 0.8;\r
+}\r
+\r
+.fil9 {\r
+       filter: alpha(opacity = 90);\r
+       opacity: 0.9;\r
+}\r
+\r
+.hand {\r
+       cursor: pointer;\r
+}\r
+\r
+/* Layout-X.jsp Áߺ¹µÈ ½ºÅ¸ÀÏ Á¸Àç È®ÀΠÇÊ¿ä */\r
+* html html {\r
+       overflow: scroll;\r
+       overflow-x: auto;\r
+}\r
+\r
+/* layout style */\r
+#head-skin {\r
+       width: 100%;\r
+       min-height: 100%;\r
+       background-repeat: repeat-x;\r
+       z-index: 1;\r
+}\r
+\r
+* html #head-skin {\r
+       height: 100%;\r
+}\r
+\r
+#whole-head,#whole-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+       clear: both;\r
+}\r
+\r
+#wrapper .side-head,#wrapper .side-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+       clear: both;\r
+}\r
+\r
+#whole-body {\r
+       clear: both;\r
+       padding: 0 8px;\r
+}\r
+\r
+#bottom-skin {\r
+       clear: both;\r
+       height: 75px;\r
+       background-repeat: repeat-x;\r
+}\r
+\r
+#body {\r
+       position: relative;\r
+       z-index: 10;\r
+       text-align: left;\r
+}\r
+\r
+#left-area,#right-area {\r
+       zoom: 1\r
+}\r
+\r
+#left-area:after,#right-area:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+#top-area #blog-title {\r
+       width: 100%\r
+}\r
+\r
+#left-area,#right-area,#content-area {\r
+       margin-top: 4px;\r
+} /*090824¼öÁ¤*/\r
+#bottom-area {\r
+       clear: both;\r
+}\r
+\r
+#blog-sign {\r
+       position: absolute;\r
+       width: 120px;\r
+       height: 20px;\r
+       right: 5px;\r
+       bottom: -30px;\r
+}\r
+\r
+#brandlink {\r
+       position: absolute;\r
+       left: 820px;\r
+       top: 545px;\r
+}\r
+\r
+div.division-line-x,div.division-line-y {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+div.division-line-x {\r
+       width: 171px;\r
+       height: 8px;\r
+       clear: both;\r
+}\r
+\r
+div.plile {\r
+       width: 100%;\r
+}\r
+\r
+#wrapper {\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#bottom-area {\r
+       padding-top: 8px;\r
+}\r
+\r
+#bottom-tight-area {\r
+       margin-top: 8px;\r
+}\r
+\r
+#top-tight-area .widget {\r
+       float: left;\r
+       margin-left: 8px;\r
+}\r
+\r
+#bottom-tight-area .widget {\r
+       float: left;\r
+       margin-left: 8px;\r
+}\r
+\r
+#top-tight-area div.division-line-x {\r
+       float: left;\r
+       width: 8px;\r
+       clear: none;\r
+}\r
+\r
+#bottom-tight-area div.division-line-x {\r
+       float: left;\r
+       width: 8px;\r
+       clear: none;\r
+}\r
+\r
+#top-tight-area .clear,#bottom-tight-area .clear {\r
+       height: 1px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+/* admin */\r
+#post-admin {\r
+       width: 147px;\r
+       margin: 0 auto;\r
+       padding: 0 0 6px 0;\r
+       text-align: left;\r
+} /* 0825 */\r
+#post-admin a {\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+} /* 0825 */\r
+#post-admin a.statistics {\r
+       font-weight: normal;\r
+} /* 0825 */\r
+#post-admin img.write {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 2px -2px 2px;\r
+       background: url(http://blogimgs.naver.net/nblog/write_ico.png);\r
+}\r
+\r
+* html #post-admin img.write {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/write_ico.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#post-admin img.admin {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 -2px 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/edit_ico.png);\r
+} /* 0825 */\r
+* html #post-admin img.admin {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/edit_ico.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#post-admin img.admin-new {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 -2px 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/ico_new.gif) 0 1px\r
+               no-repeat;\r
+} /* 090506Ãß°¡ */\r
+#post-admin span.bar {\r
+       padding: 0 5px 0 3px;\r
+}\r
+\r
+#post-admin span.bar1 {\r
+       padding: 0 12px 0 9px;\r
+}\r
+\r
+#post-admin span.bar2 {\r
+       padding: 0 14px 0 11px;\r
+}\r
+\r
+#wrapper .side-body {\r
+       text-align: center;\r
+       clear: both;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#wrapper .side-body.onestyle {\r
+       padding: 0 0 10px 0;\r
+       zoom: 1;\r
+       width: 100%;\r
+}\r
+\r
+#wrapper .side-body .widget {\r
+       overflow: hidden\r
+}\r
+\r
+#wrapper h3.component {\r
+       position: absolute;\r
+       font-size: 12px;\r
+}\r
+\r
+#wrapper h3.component span {\r
+       cursor: default;\r
+}\r
+\r
+#wrapper .cm-head {\r
+       clear: both;\r
+       position: relative;\r
+       z-index: 1\r
+}\r
+\r
+#wrapper .cm-title {\r
+       position: absolute;\r
+       width: 171px;\r
+       z-index: 2\r
+}\r
+\r
+#wrapper .cm-body {\r
+       clear: both;\r
+}\r
+\r
+#wrapper .cm-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+#wrapper .cm-arw {\r
+       width: 3px;\r
+       height: 3px;\r
+       margin: 0 2px 2px 0;\r
+       vertical-align: middle;\r
+}\r
+\r
+#wrapper .cm-icol {\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#wrapper .cm-con {\r
+       width: 161px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#wrapper .cmore {\r
+       position: absolute;\r
+       right: 8px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+}\r
+\r
+#wrapper .cmore a {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+input.listup {\r
+       width: 15px;\r
+       height: 5px;\r
+       margin: 0 0 5px 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       text-align: center;\r
+       font-family: µ¸¿ò;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+input.listdown {\r
+       width: 15px;\r
+       height: 5px;\r
+       margin: 0 0 5px 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       text-align: center;\r
+       font-family: µ¸¿ò;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+       filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=  2 );\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#idMenuDiv {\r
+       text-align: left;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#idMenuDiv .n_id {\r
+       cursor: pointer;\r
+}\r
+\r
+/* scrollbox */\r
+.template .scrollbox {\r
+       font-size: 12px;\r
+       border: 1px solid green;\r
+}\r
+\r
+.template .scrollbox .track {\r
+       background-color: #ff0;\r
+       width: 20px;\r
+}\r
+\r
+.template .scrollbox .button {\r
+       background-color: #f00;\r
+       width: 20px;\r
+       height: 20px;\r
+}\r
+\r
+.template .scrollbox .button.button_up {\r
+       background-color: #f0f;\r
+}\r
+\r
+.template .scrollbox .button.button_up.button_up_over {\r
+       background-color: #a00;\r
+}\r
+\r
+.template .scrollbox .button.button_up.button_up_down {\r
+       background-color: #0a0;\r
+}\r
+\r
+.template .scrollbox .button.button_dn {\r
+       background-color: #0f0;\r
+}\r
+\r
+.template .scrollbox .button.button_dn.button_dn_over {\r
+       background-color: #a00;\r
+}\r
+\r
+.template .scrollbox .button.button_dn.button_dn_down {\r
+       background-color: #0a0;\r
+}\r
+\r
+.template .scrollbox .thumb {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb .thumbtop {\r
+       width: 20px;\r
+       height: 10px;\r
+       background-color: gray;\r
+}\r
+\r
+.template .scrollbox .thumb .thumbbtm {\r
+       width: 20px;\r
+       height: 10px;\r
+       background-color: gray;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over {\r
+       background-color: #aaa;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over .thumbtop {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over .thumbbtm {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down {\r
+       background-color: #faa;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down .thumbtop {\r
+       background-color: #a77;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down .thumbbtm {\r
+       background-color: #a77;\r
+}\r
+\r
+/* selectbox */\r
+.ie7 {\r
+       font-size: 12px;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .box {\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/box.gif)\r
+               no-repeat;\r
+       position: relative;\r
+       text-decoration: none;\r
+       height: 22px;\r
+       color: #000;\r
+}\r
+\r
+.ie7 .selectbox_disabled {\r
+       opacity: 0.7;\r
+       -moz-opacity: 0.7;\r
+       -kthml-opacity: 0.7;\r
+       filter: alpha(opacity = 70);\r
+}\r
+\r
+.ie7 .box.box_over {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/box_over.gif);\r
+}\r
+\r
+.ie7 .box.box_down {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/box_down.gif);\r
+}\r
+\r
+.ie7 .box .label {\r
+       padding: 2px 5px;\r
+       height: 22px;\r
+       overflow: hidden;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .box .button {\r
+       float: right;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/button.gif)\r
+               no-repeat #fff;\r
+       width: 15px;\r
+       height: 22px;\r
+       _cursor: hand;\r
+       cursor: pointer;\r
+}\r
+\r
+.ie7 .box.box_over .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_over.gif);\r
+}\r
+\r
+.ie7 .box.box_down .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_down.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box.box_over .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e_over.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box.box_down .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e_down.gif);\r
+}\r
+\r
+.ie7 .listbox {\r
+       border: 1px solid #9d9da1;\r
+       background-color: #fff;\r
+       margin: 2px 0 0 0;\r
+       padding: 0;\r
+}\r
+\r
+.ie7 .listbox li {\r
+       padding: 5px;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .listbox li.over {\r
+       background-color: #bbb7c7;\r
+}\r
+\r
+.png24 {\r
+       tmp: expression(setPng24(this) );\r
+}\r
+\r
+.division-line-x {\r
+       height: 5px;\r
+       font-size: 0;\r
+       overflow: hidden;\r
+}\r
+\r
+/* *** Float containers fix *** */\r
+.clearfix:after {\r
+       content: ".";\r
+       display: block;\r
+       height: 0;\r
+       clear: both;\r
+       visibility: hidden;\r
+}\r
+\r
+/* Hides from IE-mac \*/\r
+* html .clearfix {\r
+       height: 1%;\r
+}\r
+\r
+.clearfix {\r
+       display: block;\r
+}\r
+/* End hide from IE-mac */\r
+\r
+/*printer styles*/\r
+@media print {\r
+       #leftcol {\r
+               display: none;\r
+       }\r
+       #rightcol {\r
+               display: none;\r
+       }\r
+       #twocols,#maincol {\r
+               width: 100%;\r
+               float: none;\r
+       }\r
+}\r
+\r
+.error_box {\r
+       width: 171px;\r
+       padding-top: 7px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left top\r
+               no-repeat;\r
+}\r
+\r
+.error_box p img {\r
+       border: 0\r
+}\r
+\r
+.error_box p {\r
+       margin: 7px !important;\r
+       padding: 3px 0 0 0 !important;\r
+       color: #6E6E6E;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       line-height: 1.2\r
+}\r
+\r
+.error_box p.ico_recycle {\r
+       padding: 9px 0 3px 0;\r
+       text-align: center\r
+}\r
+\r
+.error_box_b {\r
+       overflow: hidden;\r
+       width: 171px;\r
+       height: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left\r
+               bottom no-repeat;\r
+       font-size: 0\r
+}\r
+\r
+/* for log-integretion close-beta service */\r
+.betatest {\r
+       margin: 0 auto;\r
+       padding: 8px 0 8px;\r
+       width: 147px;\r
+       text-align: left;\r
+       font-weight: bold;\r
+}\r
+\r
+.betatest span {\r
+       display: inline-block;\r
+       padding-right: 8px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/profile/0158_icon.gif)\r
+               no-repeat right center;\r
+}\r
+\r
+.logbetalist {\r
+       position: relative;\r
+       left: -11px;\r
+       width: 105px;\r
+       height: 100%;\r
+       padding: 1px !important;\r
+       overflow: hidden;\r
+       border: 1px solid #9b9b9b;\r
+       background: #fff;\r
+}\r
+\r
+.logbetalist li {\r
+       width: 105px;\r
+       padding: 0 !important;\r
+}\r
+\r
+.logbetalist li a {\r
+       display: inline-block;\r
+       width: 96px;\r
+       padding: 5px 0 4px 9px;\r
+       color: #555;\r
+}\r
+\r
+.logbetalist li a:hover {\r
+       background: #f3f3f3 !important;\r
+}\r
+\r
+/* 090717 ·Î±×ÅëÇÕ ÀÌ¿ëÀÚ¼ÒÅë */\r
+div.log_intergration {\r
+       margin: 9px 0 6px;\r
+       padding: 0 0 0 22px;\r
+       font-size: 12px !important;\r
+       line-height: 1.4;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/beta/ico_log_exclam2.gif)\r
+               no-repeat\r
+}\r
+\r
+strong.log_info {\r
+       display: block;\r
+       margin: 0;\r
+       padding-bottom: 2px;\r
+       font-size: 12px !important\r
+}\r
+\r
+span.log_info {\r
+       display: block;\r
+       margin-bottom: 11px;\r
+       padding-top: 4px;\r
+       font-size: 12px !important;\r
+       filter: alpha(opacity = 80);\r
+       opacity: 0.8;\r
+}\r
+\r
+/* 0921Ãß°¡ */\r
+.post_layer {\r
+       position: absolute;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       background: url(http://blogimgs.naver.net/nblog/spc.gif);\r
+}\r
+\r
+.shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .post_layer .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.post_layer .shadow01_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.post_layer .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .post_layer .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.post_layer .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.post_layer .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.post_layer .close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.post_layer .content {\r
+       padding-bottom: 3px;\r
+       margin: 13px 20px 0 20px;\r
+       border-bottom: 1px solid #E8E8E8;\r
+}\r
+\r
+.post_layer .btn {\r
+       margin: 0;\r
+       padding: 10px 0 10px 0;\r
+       text-align: center;\r
+}\r
+\r
+.post_layer .ln15 {\r
+       line-height: 1.5\r
+}\r
+\r
+.post_layer p {\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+.post_layer .post_data {\r
+       margin-top: 3px;\r
+       padding: 9px 0 0 0;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_line2.gif)\r
+               top repeat-x;\r
+       text-align: left\r
+}\r
+\r
+.post_layer .post_data h3 {\r
+       margin: 0;\r
+       padding: 0 0 4px 7px;\r
+       font-size: 12px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_arrow.gif)\r
+               0 3px no-repeat;\r
+}\r
+\r
+.post_layer .post_data ul {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.post_layer .post_data li {\r
+       list-style-type: none;\r
+       position: relative;\r
+       margin: 0;\r
+       padding: 0 0 4px 7px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_dot3.gif)\r
+               0 4px no-repeat;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.post_layer .post_data span {\r
+       position: absolute;\r
+       left: 0;\r
+       padding: 0 0 0 91px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_bar2.gif)\r
+               81px 0 no-repeat;\r
+       color: #004790;\r
+}\r
+\r
+.post_layer .post_data span a {\r
+       color: #004790;\r
+}\r
+/* 0921Ãß°¡ */\r
+\r
+/* app box */\r
+#blog-socialappbox {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left\r
+}\r
+\r
+#blog-socialappbox .line {\r
+       width: 141px;\r
+       height: 1px;\r
+       margin: 0 auto;\r
+       border-top: 1px solid\r
+}\r
+\r
+#blog-socialappbox .cm-head em {\r
+       font-style: normal;\r
+       font-weight: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma\r
+}\r
+\r
+.app_box {\r
+       overflow: hidden;\r
+       padding: 9px 0 2px 10px;\r
+       zoom: 1\r
+}\r
+\r
+.app_box li {\r
+       float: left;\r
+       width: 44px;\r
+       margin: 0 5px 9px 0;\r
+       text-align: center;\r
+       list-style: none\r
+}\r
+\r
+.app_box li a {\r
+       display: inline-block\r
+}\r
+\r
+.app_box li a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.app_box li img {\r
+       vertical-align: top\r
+}\r
+\r
+.app_box li span {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 44px;\r
+       margin-top: 5px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       white-space: nowrap\r
+}\r
+\r
+.app_box_btn {\r
+       margin-right: 9px;\r
+       padding: 2px 0 6px;\r
+       text-align: right\r
+}\r
+\r
+.app_box_btn span,.app_box_btn a {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.app_box_btn .bar {\r
+       display: inline-block;\r
+       margin: 0 0 0 -1px;\r
+       font-style: normal;\r
+       font-size: 11px\r
+}\r
+\r
+.app_box_none {\r
+       text-align: center\r
+}\r
+\r
+.app_box_none p {\r
+       display: inline-block;\r
+       margin: 0;\r
+       padding: 24px 0 27px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.app_box_none .p_type2 {\r
+       padding: 1px 0 0\r
+}\r
+\r
+.app_box_none .line {\r
+       padding-bottom: 10px\r
+}\r
+\r
+.app_box_ros {\r
+       padding: 5px 9px\r
+}\r
+\r
+.app_box_ros p {\r
+       margin: 0;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 16px\r
+}\r
+\r
+/* photo viewer */\r
+.photo_view {\r
+       position: absolute;\r
+}\r
+\r
+.photo_view .photo_shadow {\r
+       position: absolute;\r
+       bottom: -4px;\r
+       _bottom: -5px;\r
+       width: 100%;\r
+       height: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png)\r
+               left top no-repeat;\r
+       font-size: 0;\r
+}\r
+\r
+* html .photo_view .photo_shadow {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png',\r
+               sizingMethod='scale' );\r
+       background: none\r
+}\r
+\r
+.photo_view img {\r
+       border: 0\r
+}\r
+\r
+.photo_view p {\r
+       margin: 0\r
+}\r
+\r
+.photo_view .view_top {\r
+       position: relative;\r
+       height: 31px;\r
+       margin-left: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_top_r.gif)\r
+               right top no-repeat;\r
+}\r
+\r
+.photo_view h3 {\r
+       position: absolute;\r
+       top: 0;\r
+       left: -4px;\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+.photo_view .btn_left {\r
+       position: absolute;\r
+       top: 6px;\r
+       right: 50%;\r
+}\r
+\r
+.photo_view .btn_left a {\r
+       display: block;\r
+       width: 31px;\r
+       height: 21px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left.gif)\r
+               no-repeat;\r
+}\r
+/*.photo_view   .btn_left a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_over.gif) no-repeat;}\r
+.photo_view .btn_left a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_down.gif) no-repeat;}*/\r
+.photo_view .btn_left a img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .btn_right {\r
+       position: absolute;\r
+       top: 6px;\r
+       left: 50%;\r
+}\r
+\r
+.photo_view .btn_right a {\r
+       display: block;\r
+       width: 31px;\r
+       height: 21px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right.gif)\r
+               no-repeat;\r
+}\r
+/*.photo_view   .btn_right a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_over.gif) no-repeat;}\r
+.photo_view .btn_right a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_down.gif) no-repeat;}*/\r
+.photo_view .btn_right a img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .photo_count {\r
+       position: absolute;\r
+       top: 9px;\r
+       right: 39px;\r
+       color: #6E6E6E;\r
+       font-size: 11px;\r
+       font-family: Verdana\r
+}\r
+\r
+.photo_view .photo_album {\r
+       position: absolute;\r
+       padding: 0 1px 1px 1px;\r
+       border: 1px solid #797979;\r
+       border-top: 0;\r
+       background-color: #fff\r
+}\r
+\r
+.photo_view .photo_album p {\r
+       border: 1px solid #AAA\r
+}\r
+\r
+.photo_view .btn_close {\r
+       position: absolute;\r
+       top: 5px;\r
+       right: 5px;\r
+}\r
+\r
+.photo_view .btn_close a {\r
+       display: block;\r
+       width: 23px;\r
+       height: 22px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close a:hover {\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_over.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close a:active {\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_down.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .btn_original {\r
+       position: absolute;\r
+       top: 20px;\r
+       left: 20px;\r
+}\r
+\r
+* html .photo_view .btn_original img {\r
+       width: 80px;\r
+       height: 1px;\r
+       margin-top: -1px;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_original.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+.photo_view .loading_layer {\r
+       display: inline-block;\r
+       width: 150px;\r
+       height: 34px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/load_b01_01.gif)\r
+               0 bottom no-repeat;\r
+       color: #4B4B4B;\r
+       font-size: 12px;\r
+       font-family: dotum;\r
+       letter-spacing: -1px;\r
+} /* 100524 */\r
+\r
+/* ipad */\r
+.guid_ipad_area2 {\r
+       width: 169px;\r
+       height: 178px;\r
+       margin: 0 auto;\r
+       border: 1px solid #ebebeb;\r
+       background: #f8f8f8;\r
+       color: #888;\r
+       text-align: center;\r
+}\r
+\r
+.guid_ipad_area2 p {\r
+       padding-top: 61px;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       line-height: 18px;\r
+}\r
+\r
+/* ÁöµµÀ§¿¡ ºí·Î±× : Ç³¼±¸» */\r
+.ic_new {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -14px;\r
+       left: 2px;\r
+       width: 20px;\r
+       height: 13px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/ic_new.png)\r
+               no-repeat;\r
+       text-indent: -9999px\r
+}\r
+\r
+.ic_event {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -14px;\r
+       left: -1px;\r
+       width: 26px;\r
+       height: 13px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/event/ic_event.png)\r
+               no-repeat;\r
+       text-indent: -9999px\r
+}\r
+/* for widget */\r
+\r
+/* for blog-category */\r
+#blog-category {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-category p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-category ul.profile-menu {\r
+       border-width: 1px 0;\r
+       border-color: #BCBCB8;\r
+       border-style: dotted;\r
+}\r
+\r
+#blog-category ul {\r
+       margin: 0;\r
+       padding: 5px 0 8px 9px;\r
+}\r
+\r
+#blog-category ul li {\r
+       list-style-type: none;\r
+       margin: 0 0 1px;\r
+       padding: 5px 0 0;\r
+       overflow: hidden;\r
+       zoom: 1;\r
+       word-break: break-all;\r
+       word-wrap: break-word; .\r
+       margin-bottom: -3px;\r
+}\r
+\r
+#blog-category ul li.allview {\r
+       padding-bottom: 7px;\r
+}\r
+\r
+#blog-category ul li.allview a {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-category ul li.selectedview a {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-category ul li.dilind {\r
+       margin: 0;\r
+       padding: 3px 0 5px;\r
+}\r
+\r
+#blog-category ul li.dilind input {\r
+       width: 145px;\r
+       height: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       vertical-align: middle;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-category ul li.depth2dilind {\r
+       padding: 3px 0 5px;\r
+       background: none;\r
+       font-size: 0;\r
+}\r
+\r
+#blog-category ul li.depth2dilind input {\r
+       width: 145px;\r
+       height: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       vertical-align: top;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-category ul li .num {\r
+       position: relative;\r
+       top: -1px;\r
+       font-family: verdana;\r
+       font-size: 10px;\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-category ul li img.listimage {\r
+       float: left;\r
+}\r
+\r
+#blog-category ul li img.albumimage {\r
+       float: left;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/admin/ico_n_photo.gif);\r
+}\r
+\r
+#blog-category ul li .tlink {\r
+       float: left;\r
+       width: 112px;\r
+}\r
+\r
+#blog-category ul li .tlink_nosub {\r
+       float: left;\r
+       width: 138px;\r
+}\r
+\r
+#blog-category ul li a.on {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-category ul li.depth2 {\r
+       padding-left: 14px;\r
+       background-position: 4px 5px;\r
+       background-repeat: no-repeat;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_depth2_l.gif);\r
+}\r
+\r
+#blog-category ul li.depth2 .tlink {\r
+       width: 112px;\r
+}\r
+\r
+#blog-category .f_open {\r
+       float: left;\r
+       width: 16px;\r
+       height: 10px;\r
+       margin: 1px 0 0;\r
+       font: 0/0 arial;\r
+}\r
+\r
+#blog-category .f_open .f_icoclosed,#blog-category .f_open .f_icoopen {\r
+       background-repeat: no-repeat;\r
+       cursor: pointer;\r
+       _cursor: hand;\r
+} /* 090226¼öÁ¤ */\r
+#blog-category .f_open .f_icoclosed {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_f_closed_l.gif);\r
+}\r
+\r
+#blog-category .f_open .f_icoopen {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_f_open_l.gif);\r
+}\r
+\r
+#blog-category .allimage,#blog-category .listimage,#blog-category .albumimage\r
+       {\r
+       width: 10px;\r
+       height: 12px;\r
+       margin: 0 2px -2px 0;\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#blog-category h3.component span {\r
+       cursor: pointer;\r
+}\r
+/* for Category.jsp */\r
+.layer_popup {\r
+       top: 800px;\r
+       left: 350px;\r
+       position: absolute;\r
+       overflow: visible;\r
+       filter: progid:DXImageTransform.Microsoft.Shadow(color=#6c6c6c,\r
+               direction=135, strength=3 );\r
+}\r
+\r
+.layer_popup em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+}\r
+\r
+.layer_popup .shadow {\r
+       position: absolute;\r
+       width: 100%;\r
+       height: 100%;\r
+       overflow: visible;\r
+       z-index: 1;\r
+       _display: none;\r
+}\r
+\r
+*:first-child+html .layer_popup .shadow {\r
+       display: none;\r
+}\r
+\r
+.layer_popup .shadow1 {\r
+       left: 3px;\r
+       top: 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow1.png);\r
+}\r
+\r
+.layer_popup .shadow2 {\r
+       left: 2px;\r
+       top: 2px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow2.png);\r
+}\r
+\r
+.layer_popup .shadow3 {\r
+       left: 1px;\r
+       top: 1px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow3.png);\r
+}\r
+\r
+.layer_popup {\r
+       position: absolute;\r
+       overflow: visible;\r
+       width: 208px;\r
+       filter: progid:DXImageTransform.Microsoft.Shadow(color=#c6c6c6,\r
+               direction=135, strength=3 );\r
+}\r
+\r
+.layer_popup .layer_content {\r
+       border: 1px solid #6c6c6c;\r
+       background: #ffffff;\r
+       position: relative;\r
+       z-index: 2;\r
+}\r
+\r
+.layer_popup .layer_body {\r
+       font-size: 12px;\r
+       color: #333333;\r
+       line-height: 18px;\r
+       padding: 13px 0 10px 19px;\r
+       font-family: ±¼¸², Gulim, µ¸¿ò, Dotum, Helvetica, Sans-serif;\r
+       text-align: left;\r
+}\r
+\r
+.layer_popup .layer_content a {\r
+       color: #ff3333;\r
+       text-decoration: underline;\r
+}\r
+\r
+#prohibition {\r
+       position: absolute;\r
+       z-index: 1;\r
+       top: 1017px;\r
+       left: 389px;\r
+       background: url(img/bg_prohibition.gif) no-repeat;\r
+       line-height: 140%;\r
+       padding: 15px 0 0 20px;\r
+       width: 191px;\r
+       height: 85px;\r
+       color: #333;\r
+}\r
+\r
+#prohibition span {\r
+       color: #ff3333;\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-category ul li .tlink_nosub img {\r
+       margin: 0 0 0 4px;\r
+}\r
+\r
+#blog-category ul li .prohibit {\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.png)\r
+               no-repeat 0 0;\r
+       _background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.gif) no-repeat\r
+               0 0\r
+}\r
+\r
+/* blog-search */\r
+#blog-search {\r
+       width: 171px;\r
+       height: 25px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-search h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-search {\r
+       background: none;\r
+       padding: 0;\r
+}\r
+\r
+#blog-search .inp {\r
+       width: 120px;\r
+       height: 16px;\r
+       padding: 3px 0 0 3px;\r
+       vertical-align: middle;\r
+       border-top: 1px #999999 solid;\r
+       border-right: 1px #DBDBDB solid;\r
+       border-bottom: 1px #DBDBDB solid;\r
+       border-left: 1px #999999 solid;\r
+       background: #FFF;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-search .btn {\r
+       width: 43px;\r
+       height: 22px;\r
+       margin: 0 0 -1px 3px;\r
+       vertical-align: middle;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/btn_blogsearch.gif);\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+/* blog-tag */\r
+#blog-tag {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-tag p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-tag .cmore a,#blog-tag .cmore span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-tag .cmore a.on {\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-tag .taglist {\r
+       padding: 7px 9px;\r
+       line-height: 1.6;\r
+       word-break: break-all;\r
+       word-wrap: break-word;\r
+       overflow: hidden;\r
+       width: 153px;\r
+}\r
+\r
+#blog-tag .allview {\r
+       text-align: right;\r
+       padding: 0 10px 7px 0;\r
+}\r
+\r
+#blog-tag .allview span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+}\r
+\r
+#blog-tag .allview a {\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-tag .allview img {\r
+       width: 4px;\r
+       height: 6px;\r
+       margin: 0 3px 2px 0;\r
+}\r
+\r
+/* blog-recent-comment */\r
+#blog-recent-comment {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-recent-comment h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-recent-comment p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-recent-comment ul {\r
+       padding: 10px 0 1px 10px;\r
+}\r
+\r
+#blog-recent-comment ul li {\r
+       list-style-type: none;\r
+       margin-bottom: 6px;\r
+       padding: 0;\r
+}\r
+\r
+#blog-recent-comment .allview {\r
+       text-align: right;\r
+       padding: 0 10px 7px 0;\r
+}\r
+\r
+#blog-recent-comment .allview span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+}\r
+\r
+#blog-recent-comment .allview a {\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-recent-comment .allview img {\r
+       width: 4px;\r
+       height: 6px;\r
+       margin: 0 3px 2px 0;\r
+}\r
+\r
+/* blog-visitor */\r
+#blog-visitor {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-visitor h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-visitor p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-visitor ul {\r
+       padding: 10px 0 1px 10px;\r
+}\r
+\r
+#blog-visitor ul li {\r
+       list-style-type: none;\r
+       margin-bottom: 6px;\r
+       padding: 0;\r
+       word-break: break-all;\r
+}\r
+/* for Visitor.jsp */\r
+.layerpop2 {\r
+       position: absolute;\r
+       z-index: 999;\r
+       font: normal 12px µ¸¿ò, Dotum;\r
+       color: #333;\r
+       overflow: hidden;\r
+       display: none;\r
+}\r
+\r
+.layerpop2 .border_type {\r
+       position: relative;\r
+       border: solid 2px #777;\r
+       background-color: #fff;\r
+}\r
+\r
+.layerpop2 .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+}\r
+\r
+.layerpop2 .content1 {\r
+       padding: 30px 30px 21px;\r
+       border-bottom: solid 1px #f0f0f0;\r
+}\r
+\r
+.layerpop2 .content1 h6 {\r
+       font-weight: bold;\r
+       font-size: 14px;\r
+       padding-bottom: 22px;\r
+       margin: 0;\r
+       color: #333;\r
+}\r
+\r
+.layerpop2 .subtext {\r
+       font-size: 11px;\r
+       color: #999;\r
+       margin: 0;\r
+       padding: 7px 0 0;\r
+       line-height: 16px;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop2 .check {\r
+       width: 13px;\r
+       height: 13px;\r
+       vertical-align: middle;\r
+       padding: 0 3px 2px 0;\r
+       margin-left: 2px;\r
+}\r
+\r
+.layerpop2 .btn1 {\r
+       background-color: #fbfbfb;\r
+       border-top: solid 1px #f7f7f7;\r
+       text-align: center;\r
+       margin: 0;\r
+       padding: 11px 0 20px;\r
+}\r
+\r
+.layerpop2 .btn1 img {\r
+       margin: 0 1px;\r
+       vertical-align: top;\r
+}\r
+\r
+/* blog-buddy */\r
+#blog-buddy {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-buddy h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-buddy p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-buddy ul {\r
+       padding: 5px 0 5px 8px;\r
+}\r
+\r
+#blog-buddy ul li {\r
+       list-style-type: none;\r
+       font-weight: bold;\r
+       margin: 5px 0 0 0;\r
+       padding: 0 0 2px 0;\r
+       word-break: break-all;\r
+       overflow: hidden;\r
+       word-wrap: break-word;\r
+}\r
+\r
+#blog-buddy .buddyup,#blog-buddy .buddydw {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 3px 2px 0;\r
+       background-position: 50% 50%;\r
+       background-repeat: no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-buddy ul.depth2 {\r
+       padding: 0 0 0 15px;\r
+}\r
+\r
+#blog-buddy ul.depth2 li {\r
+       font-weight: normal;\r
+       margin: 4px 0 0 0;\r
+       padding: 0;\r
+       background: none;\r
+}\r
+\r
+#buddylist {\r
+       position: absolute;\r
+       top: 3px;\r
+       left: -8px;\r
+       border: 1px solid;\r
+       color: #9B9B9B;\r
+       background-color: #FFFFFF;\r
+       width: 355px;\r
+       height: 535px;\r
+       overflow: auto;\r
+}\r
+\r
+/* for Buddy4NaverBlog.jsp */\r
+.cm-slink:hover {\r
+       color: #56ac4b !important;\r
+}\r
+\r
+/* blog-stat */\r
+#blog-stat {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-stat p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-stat ul li {\r
+       list-style-type: none;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-stat ul.info {\r
+       margin: 0;\r
+       padding: 9px 0 0 10px;\r
+}\r
+\r
+#blog-stat ul.info li {\r
+       height: 18px;\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-stat em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+html>body #blog-stat ul.info li {\r
+       height: 18px;\r
+       margin: 0;\r
+}\r
+\r
+#blog-stat ul.item {\r
+       clear: both;\r
+       margin: 0;\r
+       padding: 0px 0 5px 10px;\r
+}\r
+\r
+#blog-stat ul.item li {\r
+       height: 15px;\r
+       margin: 0 0 3px 0;\r
+       padding: 0;\r
+}\r
+\r
+html>body #blog-stat ul.item li {\r
+       height: 18px;\r
+       margin: 0;\r
+}\r
+\r
+#blog-stat div.line {\r
+       height: 10px;\r
+       margin: 4px 10px 0 10px;\r
+       background: transparent;\r
+       border-top-width: 1px;\r
+       border-top-style: dotted;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+}\r
+\r
+/* blog-counter */\r
+#blog-counter {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-counter p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-counter h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-counter p span.txt {\r
+       display: none;\r
+}\r
+\r
+#blog-counter span.cnt1,#blog-counter span.cnt2 {\r
+       display: block;\r
+}\r
+\r
+#blog-counter .today,#blog-counter .total {\r
+       position: absolute;\r
+}\r
+\r
+/* blog-rss */\r
+#blog-rss {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-rss p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-rss span {\r
+       display: block;\r
+}\r
+\r
+#blog-rss span.no {\r
+       display: none;\r
+}\r
+\r
+#blog-rss a {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+/* blog-powered */\r
+#blog-powered {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-powered p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-powered span {\r
+       display: none;\r
+}\r
+\r
+#blog-powered a.naver {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+#blog-powered a.blog {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+/* widget-saying */\r
+#widget-saying {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#widget-saying p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-saying .bg-head {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-saying .bg-body {\r
+       overflow: hidden;\r
+       background-repeat: repeat;\r
+       text-align: center;\r
+}\r
+\r
+#widget-saying .bg-footer {\r
+       clear: both;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-saying h3 {\r
+       display: none;\r
+}\r
+\r
+#widget-saying .con {\r
+       width: 142px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+}\r
+\r
+#widget-saying .con img {\r
+       cursor: pointer;\r
+}\r
+\r
+#widget-saying .saying {\r
+       ine-height: 1.4;\r
+}\r
+\r
+#widget-saying .saying span {\r
+       \r
+}\r
+\r
+#widget-saying .writer {\r
+       float: right;\r
+       padding-top: 6px;\r
+}\r
+\r
+#widget-saying .icon {\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#widget-saying .btn-more {\r
+       padding: 8px 0 0 1px;\r
+}\r
+\r
+#widget-saying .btn-more a {\r
+       font-size: 10px;\r
+       text-decoration: none;\r
+}\r
+\r
+/* widget-currency */\r
+#widget-currency {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0pt auto;\r
+}\r
+\r
+#widget-currency .skin-1,#widget-currency .skin-2 {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 11px;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-currency p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-currency .bg-head span {\r
+       display: none\r
+}\r
+\r
+#widget-currency .bg-head h3 {\r
+       margin: 0;\r
+       font-weight: normal;\r
+       text-align: center;\r
+}\r
+\r
+#widget-currency .bg-head h3 img {\r
+       border: 0\r
+}\r
+\r
+#widget-currency .bg-head h3 a {\r
+       position: absolute;\r
+       display: block;\r
+       width: 51px;\r
+       height: 20px;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       z-index: 99;\r
+       background: #fff;\r
+       opacity: 0;\r
+       filter: alpha(opacity = 0)\r
+}\r
+\r
+#widget-currency .bg-head h3.on a {\r
+       width: 55px;\r
+       height: 20px;\r
+}\r
+\r
+#widget-currency .bg-body h3.money {\r
+       position: absolute;\r
+       margin: 0;\r
+       font-weight: bold;\r
+       font-family: Times New Roman;\r
+}\r
+\r
+#widget-currency .bg-body {\r
+       clear: both;\r
+       text-align: center;\r
+}\r
+\r
+#widget-currency table {\r
+       position: absolute;\r
+}\r
+\r
+#widget-currency th {\r
+       display: none\r
+}\r
+\r
+#widget-currency td {\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       text-align: center\r
+}\r
+\r
+#widget-currency .rate {\r
+       height: 18px;\r
+       line-height: 1.4;\r
+}\r
+\r
+#widget-currency .no {\r
+       display: none\r
+}\r
+\r
+#widget-currency .rate-con {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -1px\r
+}\r
+\r
+#widget-currency .buy {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#widget-currency .sell {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#widget-currency .country {\r
+       position: absolute;\r
+       z-index: 1\r
+}\r
+\r
+#widget-currency .bg-sel {\r
+       position: relative;\r
+       float: left;\r
+       width: 97px;\r
+       height: 19px;\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+#widget-currency .bg-sel li {\r
+       width: 105px;\r
+       padding: 4px 0 3px 0;\r
+       font-size: 11px;\r
+       font-family: Dotum;\r
+       cursor: pointer;\r
+       cursor: hand;\r
+}\r
+\r
+#widget-currency .bg-sel li:first-letter {\r
+       padding-left: 7px\r
+}\r
+\r
+#widget-currency .bg-sel li.on {\r
+       background-color: #FF6501;\r
+       color: #FFFFFF;\r
+}\r
+\r
+#widget-currency .bg-sel li.on span {\r
+       color: #FFFFFF;\r
+}\r
+\r
+#widget-currency .bg-sel li span {\r
+       display: inline;\r
+       color: #8DA4B4;\r
+       font-size: 10px;\r
+       font-family: Arial;\r
+}\r
+\r
+#widget-currency .cal-input {\r
+       width: 40px;\r
+}\r
+\r
+#widget-currency .res-input {\r
+       width: 153px;\r
+}\r
+\r
+#widget-currency .nation select {\r
+       width: 95px;\r
+       font-size: 11px;\r
+}\r
+\r
+#widget-currency .btn-sel {\r
+       display: block;\r
+       position: absolute;\r
+       width: 13px;\r
+       height: 13px;\r
+       background-repeat: no-repeat;\r
+       top: 3px;\r
+       right: 4px;\r
+}\r
+\r
+#widget-currency .calculation-1,#widget-currency .calculation-2 {\r
+       float: left;\r
+       text-align: left;\r
+}\r
+\r
+#widget-currency .calculation-1 div,#widget-currency .calculation-2 div,#widget-currency .calculation-1 p,#widget-currency .calculation-2 p\r
+       {\r
+       float: left;\r
+}\r
+\r
+#widget-currency .calculation-1 input,#widget-currency .calculation-2 input\r
+       {\r
+       position: absolute;\r
+       margin: 1px 0 0 7px;\r
+       border: 0;\r
+       background-color: transparent;\r
+       font-size: 11px;\r
+       font-family: Arial;\r
+       color: #414141;\r
+       text-align: right;\r
+}\r
+\r
+#widget-currency .calculation-1 span,#widget-currency .calculation-2 span\r
+       {\r
+       display: none\r
+}\r
+\r
+#widget-currency .btn-calculation {\r
+       position: absolute;\r
+       width: 45px;\r
+       height: 17px;\r
+       text-align: right\r
+}\r
+\r
+#widget-currency .result {\r
+       float: left;\r
+}\r
+\r
+#widget-currency .result input {\r
+       float: left;\r
+       width: 153px;\r
+       border: 0;\r
+       background-color: transparent;\r
+       font-size: 11px;\r
+       font-family: Arial;\r
+       color: #414141;\r
+       text-align: right;\r
+}\r
+\r
+/* widget-weather */\r
+#widget-weather {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       overflow: hidden;\r
+}\r
+\r
+#widget-weather div {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-weather .weather,#widget-weather .today,#widget-weather .tomorrow\r
+       {\r
+       position: absolute;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-weather .temperature {\r
+       position: absolute;\r
+       width: 90px;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -2px;\r
+       line-height: 1.0;\r
+       z-index: 10;\r
+}\r
+\r
+#widget-weather .today-temperature,#widget-weather .tomorrow-temperature\r
+       {\r
+       position: absolute;\r
+       width: 40px;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+       _letter-spacing: -2px;\r
+       line-height: 0.9;\r
+       z-index: 10;\r
+}\r
+\r
+#widget-weather .today-txt,#widget-weather .tomorrow-txt {\r
+       position: absolute;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.1;\r
+       z-index: 10\r
+}\r
+\r
+*:first-child+html #widget-weather .today-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .today-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+*:first-child+html #widget-weather .tomorrow-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .tomorrow-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+#widget-weather .area {\r
+       position: absolute;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.1;\r
+       z-index: 10\r
+}\r
+\r
+*:first-child+html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+*:first-child+html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+#widget-weather .tomorrow-minimum-temperature {\r
+       display: none\r
+}\r
+\r
+/* widget-count */\r
+#widget-count {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#widget-count p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-count h3 {\r
+       display: none;\r
+}\r
+\r
+#widget-count p span.txt {\r
+       display: none;\r
+}\r
+\r
+#widget-count span.cnt1,#widget-count span.cnt2 {\r
+       display: block;\r
+}\r
+\r
+#widget-count .today,#widget-count .total {\r
+       position: absolute;\r
+}\r
+\r
+/* widget-ccl */\r
+#widget-ccl {\r
+       width: 171px;\r
+       height: 38px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       overflow: visible !important\r
+}\r
+\r
+.ccl_layer {\r
+       position: absolute;\r
+       width: 179px;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.ccl_layer .content {\r
+       position: relative;\r
+       padding: 3px 9px 5px 9px;\r
+       border: 1px solid #919191;\r
+       background-color: #fff;\r
+       font-family: dotum;\r
+       font-size: 11px;\r
+       text-align: left\r
+}\r
+\r
+.ccl_layer p {\r
+       margin: 0;\r
+       padding: 5px 0 0 0\r
+}\r
+\r
+.ccl_layer ul {\r
+       margin: 0;\r
+       padding: 2px 0 0 0\r
+}\r
+\r
+.ccl_layer li {\r
+       list-style-type: none;\r
+       color: #888;\r
+       line-height: 1.2;\r
+       letter-spacing: 0;\r
+}\r
+\r
+.ccl_layer .ccl_layer_position {\r
+       position: absolute;\r
+       width: 7px;\r
+       height: 10px;\r
+       bottom: -10px;\r
+       _bottom: -12px;\r
+       left: 11px;\r
+       background:\r
+               url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png)\r
+               no-repeat;\r
+}\r
+\r
+* html .ccl_layer .ccl_layer_position {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png',\r
+               sizingMethod='crop' );\r
+       background: none;\r
+}\r
+\r
+.ccl_layer .shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .ccl_layer .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.ccl_layer .shadow01_side {\r
+       position: relative;\r
+       _width: 100%;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.ccl_layer .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .ccl_layer .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.ccl_layer .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.ccl_layer.top_position .ccl_layer_position {\r
+       position: absolute;\r
+       width: 7px;\r
+       height: 10px;\r
+       top: -9px;\r
+       _top: -8px;\r
+       left: 85px;\r
+       _left: 75px;\r
+       background:\r
+               url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png)\r
+               no-repeat;\r
+}\r
+\r
+* html .ccl_layer.top_position .ccl_layer_position {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png',\r
+               sizingMethod='crop' );\r
+       background: none;\r
+}\r
+\r
+/* blog-adpost */\r
+#blog-adpost {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       font-family: µ¸¿ò, dotum;\r
+       font-size: 12px;\r
+       text-align: left;\r
+}\r
+\r
+#blog-adpost .cm-side {\r
+       width: 1px;\r
+       margin: 0;\r
+       padding: 0;\r
+       *padding: 0 0 0 1px;\r
+       _padding: 0;\r
+       font-ssize: 0;\r
+       line-height: 0;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .cm-top {\r
+       clear: both;\r
+       height: 1px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-ssize: 0;\r
+       line-height: 0;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .cm-con {\r
+       width: 169px;\r
+       *width: 100%;\r
+       _width: 169px;\r
+       padding-top: 9px;\r
+}\r
+\r
+#blog-adpost .cm-con dl {\r
+       width: 141px;\r
+       margin: 0 auto;\r
+       padding: 6px 0;\r
+}\r
+\r
+#blog-adpost .cm-con dt a {\r
+       *width: 141px;\r
+       letter-spacing: -1px;\r
+}\r
+/*#blog-adpost .cm-con dt a {display:block; overflow:hidden; *width:141px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}*/\r
+#blog-adpost .cm-con dt .pcol1 {\r
+       font-size: 13px\r
+}\r
+\r
+#blog-adpost .cm-con dt .sline {\r
+       border-bottom-width: 1px;\r
+       border-bottom-style: solid\r
+}\r
+\r
+#blog-adpost .cm-con dt a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+#blog-adpost .cm-con dd {\r
+       line-height: 15px;\r
+       word-break: break-all;\r
+}\r
+\r
+#blog-adpost .cm-con .summary {\r
+       margin: 7px 0 4px\r
+}\r
+\r
+#blog-adpost .cm-con .summary a {\r
+       text-decoration: none !important;\r
+}\r
+\r
+#blog-adpost .cm-con .addr {\r
+       overflow: hidden;\r
+       width: 141px;\r
+       line-height: 13px;\r
+}\r
+\r
+#blog-adpost .cm-con .addr .pcol2 {\r
+       float: left;\r
+       font-size: 11px;\r
+       opacity: 0.5;\r
+       filter: alpha(opacity = 50);\r
+}\r
+\r
+#blog-adpost .cm-con .division {\r
+       width: 141px;\r
+       margin: 3px auto;\r
+       border-top-width: 1px;\r
+       border-top-style: solid;\r
+       line-height: 0;\r
+       opacity: 0.1;\r
+       filter: alpha(opacity = 10);\r
+}\r
+\r
+#blog-adpost .cm-con .nodata {\r
+       width: 100%;\r
+       margin: 0 auto;\r
+       padding: 32px 0 34px 0;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       line-height: 15px;\r
+       opacity: 0.7;\r
+       filter: alpha(opacity = 70);\r
+}\r
+\r
+#blog-adpost .adsby {\r
+       width: 141px;\r
+       height: 22px;\r
+       margin: 6px auto 0 auto;\r
+       text-align: right;\r
+}\r
+\r
+#blog-adpost .adsby .by {\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+#blog-adpost .adsby .by .logo {\r
+       display: inline-block;\r
+       width: 44px;\r
+       height: 8px;\r
+       background: url(http://blogimgs.naver.net/nblog/adpost_logo.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/adpost_logo.png',\r
+               sizingMethod='image' );\r
+       cursor: hand;\r
+}\r
+\r
+#blog-adpost .adsby .by .logo span {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 0;\r
+       height: 0;\r
+       overflow: hidden;\r
+       visibility: hidden;\r
+       font-size: 0;\r
+       line-height: 0;\r
+}\r
+\r
+#blog-adpost .adsby .bar {\r
+       display: inline-block;\r
+       padding: 0 2px 0 3px;\r
+       font-family: µ¸¿ò, dotum;\r
+       font-size: 11px;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .adsby .guide .pcol2 {\r
+       font-size: 11px;\r
+}\r
+\r
+/* blog-profile */\r
+#blog-profile {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-profile p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-profile .bg-head {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#blog-profile .bg-body {\r
+       background-repeat: repeat;\r
+       text-align: center;\r
+}\r
+\r
+#blog-profile .bg-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#blog-profile h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-profile .con {\r
+       width: 161px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+}\r
+\r
+#blog-profile .image {\r
+       text-align: center;\r
+}\r
+\r
+#blog-profile .name {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 12px 0 0 0;\r
+       overflow: hidden;\r
+}\r
+\r
+#blog-profile .name a.col {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-profile .name .emo {\r
+       float: left;\r
+       width: 23px;\r
+}\r
+\r
+#blog-profile .name .nick {\r
+       float: left;\r
+       width: 120px;\r
+       font-size: 12px;\r
+       line-height: 1.4em;\r
+       word-break: break-all;\r
+}\r
+\r
+#blog-profile .pers {\r
+       margin: 0;\r
+       vertical-align: top;\r
+}\r
+\r
+#blog-profile .caption {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 8px 0 0 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       line-height: 1.3;\r
+       letter-spacing: -1px;\r
+       word-break: break-all;\r
+       overflow: hidden;\r
+       word-wrap: break-word;\r
+}\r
+\r
+#blog-profile .more {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 8px 0 6px 0;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-profile .id {\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-profile input {\r
+       margin: 0;\r
+       padding: 0;\r
+       background-color: transparent;\r
+       background-repeat: no-repeat;\r
+       border: none;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       font-weight: normal;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+       filter: alpha(opacity = 60);\r
+       opacity: 0.6;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-profile .m1 input {\r
+       width: 30px;\r
+}\r
+\r
+#blog-profile .m2 input {\r
+       width: 20px;\r
+}\r
+\r
+#blog-profile .m3 input {\r
+       width: 41px;\r
+}\r
+\r
+#blog-profile .icon {\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+       margin: 0 0 2px 2px;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-profile .sub {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       opacity: 0.6;\r
+       -ms-filter: "Alpha(opacity=60)";\r
+       filter: alpha(opacity = 60)\r
+}\r
+\r
+#blog-profile .power_amb {\r
+       position: relative;\r
+       margin-top: 8px;\r
+       padding: 0 0 4px;\r
+       text-align: left;\r
+       overflow: hidden;\r
+}\r
+\r
+#blog-profile .power_amb .topline {\r
+       width: 100%;\r
+       height: 0;\r
+       border-left: 0;\r
+       border-right: 0;\r
+       border-bottom: 0;\r
+       border-top-style: solid;\r
+       border-top-width: 1px;\r
+       font: 0/0 arial;\r
+       opacity: .3;\r
+       filter: alpha(opacity : 30);\r
+}\r
+\r
+#blog-profile .power_amb .topline {\r
+       border-color: #999 !important;\r
+} /*ÀÓ½Ã*/\r
+#blog-profile .power_amb .mark1 {\r
+       display: block;\r
+       _display: inline;\r
+       margin: 0;\r
+       float: left;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+#blog-profile .power_amb .mark2 {\r
+       display: block;\r
+       _display: inline;\r
+       margin: 0;\r
+       float: left;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+#blog-profile .power_amb .x {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 3px;\r
+       font: bold 11px "µ¸¿ò", Dotum;\r
+       opacity: .5;\r
+       filter: alpha(opacity : 50);\r
+}\r
+\r
+#blog-profile .power_amb .x a {\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-profile .power_amb .txt {\r
+       display: block;\r
+       _display: inline;\r
+       float: left;\r
+       width: 85px;\r
+       margin: 18px 0 0 4px;\r
+       font-family: verdana;\r
+       line-height: 12px;\r
+}\r
+\r
+#blog-profile .power_amb .txt a,#blog-profile .power_amb .txt a:link,#blog-profile .power_amb .txt a:visited,#blog-profile .power_amb .txt a:active\r
+       {\r
+       text-decoration: none;\r
+       font-size: 10px;\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-profile .power_amb .txt a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-profile .power_amb .t7b {\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-profile .power_amb .t8b {\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       line-height: 13px;\r
+}\r
+\r
+#idMenuDiv td {\r
+       background-color: #FFF;\r
+}\r
+\r
+#idMenuDiv td.menu-over {\r
+       background-color: #e4ff75;\r
+}\r
+\r
+/* blog-calendar */\r
+#blog-calendar {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-calendar p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-calendar h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-calendar .bg-head {\r
+       clear: both;\r
+       text-align: center;\r
+}\r
+\r
+* html #blog-calendar .bg-head {\r
+       height: 1%;\r
+}\r
+\r
+#blog-calendar .bg-body {\r
+       text-align: center;\r
+       padding-bottom: 5px;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .bg-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .mlv {\r
+       position: relative;\r
+       width: 151px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .location,#blog-calendar .mview {\r
+       position: absolute;\r
+}\r
+\r
+#blog-calendar .location {\r
+       bottom: 10px;\r
+       left: 3px;\r
+}\r
+\r
+#blog-calendar .mview {\r
+       bottom: 8px;\r
+       right: 3px;\r
+}\r
+\r
+#blog-calendar .location .date {\r
+       display: inline;\r
+       margin: -3px 0 0 0;\r
+       padding: 0;\r
+       text-align: center;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar .location .back {\r
+       display: inline;\r
+       padding: 0 3px 2px 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar .location .next {\r
+       display: inline;\r
+       padding: 0 0 2px 3px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+       cursor: pointer;\r
+}\r
+\r
+html>body #blog-calendar .location .date {\r
+       margin: 0;\r
+}\r
+\r
+#blog-calendar .calendar {\r
+       margin: 0 auto;\r
+       background: transparent;\r
+       text-align: center;\r
+}\r
+\r
+#blog-calendar .calendar .dis1,#blog-calendar .calendar .dis2 {\r
+       width: 147px;\r
+       height: 24px;\r
+       margin: 0 auto;\r
+       padding: 0;\r
+       margin-top: -5px;\r
+}\r
+\r
+#blog-calendar .calendar .dis1 span {\r
+       display: block;\r
+       float: left;\r
+       width: 21px;\r
+       font-weight: normal;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       padding: 9px 0 0 0;\r
+}\r
+\r
+#blog-calendar .calendar .dis2 span {\r
+       display: block;\r
+       float: left;\r
+       width: 21px;\r
+       font-weight: normal;\r
+       font-family: tahoma;\r
+       font-size: 9px;\r
+       text-align: center;\r
+       padding: 9px 0 0 0;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 {\r
+       width: 147px;\r
+       height: 3px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img {\r
+       filter: alpha(opacity = 40);\r
+       opacity: 0.4;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img.li1 {\r
+       width: 20px;\r
+       margin-right: 1px;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img.li2 {\r
+       width: 21px;\r
+}\r
+\r
+#blog-calendar .calendar td {\r
+       width: 21px;\r
+       height: 19px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+html>body #blog-calendar .calendar td {\r
+       width: 21px;\r
+       height: 19px;\r
+}\r
+\r
+#blog-calendar .calendar td a {\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-calendar .calendar td.today,#blog-calendar .calendar td.today a {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-calendar .mview .col1 {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar ul.monthview {\r
+       margin: 0;\r
+       padding: 0 0 1px 0;\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar ul.monthview li {\r
+       list-style-type: none;\r
+       height: 13px;\r
+       margin-bottom: 5px;\r
+       padding: 0;\r
+       clear: both;\r
+}\r
+\r
+* html #blog-calendar ul.monthview li {\r
+       margin-bottom: 0;\r
+}\r
+\r
+#blog-calendar ul.monthview li .mon {\r
+       float: left;\r
+       padding-left: 15px;\r
+}\r
+\r
+#blog-calendar ul.monthview li .num {\r
+       float: right;\r
+       padding-right: 15px;\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+#blog-calendar ul.monthview li .num span {\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+/* foldset */\r
+#foldset {\r
+       position: relative;\r
+       clear: both;\r
+       float: none;\r
+       height: 13px;\r
+       margin-top: 4px;\r
+}\r
+\r
+#foldset div {\r
+       overflow: hidden;\r
+       height: 13px;\r
+}\r
+\r
+#foldset .close-fold {\r
+       width: 21px !important;\r
+}\r
+\r
+#foldset .go-left,#foldset .go-right {\r
+       background-position: 50% 50%;\r
+       background-repeat: no-repeat;\r
+       vertical-align: top;\r
+}\r
+\r
+#foldset .l11s1close {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 13px !important;\r
+}\r
+\r
+#foldset .l11s1s2close {\r
+       margin: 0 !important\r
+}\r
+\r
+#foldset .l12s1close {\r
+       position: absolute;\r
+       float: none;\r
+       top: 0;\r
+       right: 0;\r
+       margin: 0 !important;\r
+}\r
+\r
+#foldset .l12s2close {\r
+       position: absolute;\r
+       float: none;\r
+       top: 0;\r
+       right: 0;\r
+       z-index: 2\r
+}\r
+\r
+#foldset .l12s1s2close {\r
+       margin: 0 !important;\r
+}\r
+\r
+/* blog-menu */\r
+#blog-menu {\r
+       clear: both;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#blog-menu table {\r
+       width: 100%;\r
+       border-collapse: collapse;\r
+       table-layout: fixed;\r
+}\r
+\r
+#blog-menu table td {\r
+       padding-top: 4px;\r
+}\r
+\r
+#blog-menu p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-menu ul {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-menu ul li {\r
+       list-style-type: none;\r
+       float: left;\r
+       position: relative;\r
+}\r
+\r
+#blog-menu ul li a {\r
+       letter-spacing: -1px;\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-menu ul li img {\r
+       margin-left: -2px\r
+}\r
+\r
+#blog-menu ul li .bar {\r
+       height: 10px;\r
+       margin: 2px 7px 4px 4px;\r
+       padding: 0;\r
+       vertical-align: middle;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3\r
+}\r
+\r
+#blog-menu .menu1 ul {\r
+       padding-left: 18px;\r
+}\r
+\r
+#blog-menu .menu2 {\r
+       width: 300px\r
+}\r
+\r
+#blog-menu .menu2 ul {\r
+       float: right;\r
+       padding-right: 12px;\r
+}\r
+\r
+#blog-menu .menu2 ul li a {\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-menu .menu2 ul li a.on {\r
+       font-weight: bold;\r
+}\r
+\r
+/* blog-gnb */\r
+#blog-gnb {\r
+       height: 33px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-gnb p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-gnb .gnb {\r
+       float: right;\r
+}\r
+\r
+#blog-gnb .gnb {\r
+       margin: 8px 10px 0 0;\r
+}\r
+\r
+#blog-gnb .gnb ul {\r
+       margin: 0;\r
+       padding: 2px 0 0 0;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-gnb .gnb ul li {\r
+       list-style-type: none;\r
+       float: left;\r
+       padding: 0 0 0 5px\r
+}\r
+\r
+#blog-gnb .gnb ul li a {\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-gnb .bar {\r
+       margin: 0 1px -1px 4px;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+       padding: 0\r
+}\r
+\r
+#blog-gnb .gnb ul li.i2,#blog-gnb .gnb ul li.i3,#blog-gnb .gnb ul li.i4\r
+       {\r
+       padding-top: 1px;\r
+}\r
+\r
+#blog-gnb .gnb ul li.me a {\r
+       display: inline-block\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span {\r
+       display: inline-block;\r
+       position: relative\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span em {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: -11px;\r
+       *top: -12px;\r
+       left: 0;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat 0\r
+               -13px\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span em i {\r
+       display: block;\r
+       margin-left: 3px;\r
+       padding-right: 4px;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat\r
+               100% -26px;\r
+       color: #fff;\r
+       font-style: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       letter-spacing: 0;\r
+       line-height: 13px\r
+}\r
+\r
+#blog-gnb .go-down,#blog-gnb .go-up {\r
+       width: 13px;\r
+       height: 13px;\r
+       margin: 0 0 -2px 0;\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#blog-gnb .log {\r
+       float: right;\r
+       margin: 7px 0 0 0;\r
+       padding: 0 8px 0 0;\r
+}\r
+\r
+#blog-gnb .logout,#blog-gnb .login {\r
+       width: 50px;\r
+       height: 20px;\r
+       margin: 0 0 0 0;\r
+       background-repeat: no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-gnb .remote {\r
+       width: 12px;\r
+       height: 18px;\r
+       margin: 0 3px 1px 3px;\r
+       background: url('http://blogimgs.naver.net/nblog/remote_icon.png')\r
+               no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+* html #blog-gnb .remote {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/remote_icon.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#blog-gnb .tb {\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       font-weight: bold;\r
+}\r
+\r
+/* gnb-direct */\r
+#gnb-direct {\r
+       width: 77px;\r
+       color: #676767;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#gnb-direct a.link1 {\r
+       color: #333333;\r
+}\r
+\r
+#gnb-direct .rnd-t {\r
+       height: 6px;\r
+       background: url('http://blogimgs.naver.net/nblog/bg_godiv_t.gif')\r
+               no-repeat;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+#gnb-direct .con {\r
+       background: url('http://blogimgs.naver.net/nblog/bg_godiv_b.gif') bottom\r
+               no-repeat;\r
+}\r
+\r
+#gnb-direct .con ul.gnb-direct {\r
+       margin: 0;\r
+       padding: 2px 0 7px 0;\r
+}\r
+\r
+#gnb-direct .con ul.gnb-direct li {\r
+       list-style-type: none;\r
+       float: none;\r
+       margin: 0 5px;\r
+       padding: 0 0 4px 12px;\r
+       background: url('http://blogimgs.naver.net/nblog/ico_arw_g.gif') 4px 4px\r
+               no-repeat;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#gnb-direct .rview {\r
+       margin: 0;\r
+       padding: 0 0 3px 0;\r
+       text-align: center;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#gnb-direct .rview a,#blog-gnb .directly-box .con ul li a {\r
+       color: #676767;\r
+}\r
+\r
+#gnb-direct1 {\r
+       width: 62px;\r
+       padding: 3px 8px;\r
+       border: 1px solid #9b9b9b;\r
+       background: #fff;\r
+       font-family: µ¸¿ò;\r
+       color: #676767\r
+}\r
+\r
+#gnb-direct1.mblog {\r
+       width: 52px\r
+}\r
+\r
+#gnb-direct1 .rview {\r
+       padding: 10px 0 0 5px;\r
+       margin: 0 6px 4px 6px;\r
+       text-align: left;\r
+} /*090629¼öÁ¤*/\r
+#gnb-direct1 ul {\r
+       padding: 5px 0 3px !important;\r
+       border-bottom: 1px solid #ebebeb\r
+}\r
+\r
+#gnb-direct1 ul li {\r
+       float: none !important;\r
+       margin: 0;\r
+       padding: 0 !important;\r
+       letter-spacing: -1px;\r
+       list-style-type: none\r
+}\r
+\r
+#gnb-direct1 ul li a {\r
+       display: block;\r
+       position: relative;\r
+       padding: 2px 0 1px 1px;\r
+       color: #4c4c4c;\r
+       zoom: 1\r
+}\r
+\r
+#gnb-direct1 ul li a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+#gnb-direct1 ul.dot li a {\r
+       padding-left: 7px\r
+}\r
+\r
+#gnb-direct1 ul.dot li span {\r
+       display: block;\r
+       position: absolute;\r
+       top: 7px;\r
+       left: 2px;\r
+       width: 2px;\r
+       height: 2px;\r
+       background: #999;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+#gnb-direct1 ul.last {\r
+       border-bottom: none\r
+}\r
+\r
+#gnb-direct1 .uview {\r
+       padding: 7px 0 0 5px;\r
+       margin: 0 6px;\r
+       border-top: solid 1px #DCDBDC;\r
+       text-align: left;\r
+} /*090629Ãß°¡*/\r
+\r
+/* blog-title */\r
+#blog-title table {\r
+       width: 100%;\r
+       height: 100%;\r
+       margin: 0;\r
+       padding: 0;\r
+       cursor: pointer;\r
+       border-collapse: collapse;\r
+}\r
+\r
+#blogTitleText {\r
+       padding: 23px;\r
+}\r
+\r
+#blogTitleName {\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+/* blog-music */\r
+#top-area #blog-music {\r
+       position: absolute;\r
+       top: 5px;\r
+       left: 5px;\r
+       width: 213px;\r
+       height: 20px;\r
+}\r
+\r
+#wrapper #blog-music {\r
+       position: static;\r
+       width: 171px;\r
+       height: 38px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#musicTop #blog-music {\r
+       position: absolute;\r
+       top: -25px;\r
+       left: 8px;\r
+       width: 213px;\r
+       height: 20px;\r
+}\r
+\r
+/* blog buddyconnect */\r
+#blog-buddyconnect {\r
+       width: 171px;\r
+}\r
+\r
+/* for layer */\r
+/* 1017Ãß°¡ */\r
+.cp_layer_popup {\r
+       position: absolute;\r
+       z-index: 99;\r
+       padding: 3px 0 0 3px;\r
+       font-size: 12px;\r
+       font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, Helvetica, Sans-serif;\r
+       text-align: left\r
+}\r
+\r
+.cp_layer_popup p {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.cp_layer_popup .shadow1 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow01.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .cp_layer_popup .shadow1 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/mylog/post/shadow01.png')\r
+               transparent;\r
+}\r
+\r
+.cp_layer_popup .shadow1_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.cp_layer_popup .shadow2 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .cp_layer_popup .shadow2 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/mylog/post/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.cp_layer_popup .shadow2_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.cp_layer_popup .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #ffffff;\r
+}\r
+\r
+.cp_layer_popup .header {\r
+       display: block;\r
+       height: 22px;\r
+       _height: 30px;\r
+       padding: 8px 0 0 13px;\r
+       margin: 0;\r
+       background: #f4f4f4;\r
+       font: bold 13px ±¼¸², Gulim;\r
+       color: #444;\r
+}\r
+\r
+.cp_layer_popup .closelayer {\r
+       position: absolute;\r
+       right: 9px;\r
+       top: 9px;\r
+}\r
+\r
+.cp_layer_popup .content {\r
+       margin: 20px;\r
+}\r
+\r
+.cp_layer_popup .cp_noti {\r
+       margin: 0;\r
+       overflow: hidden;\r
+       _zoom: 1;\r
+}\r
+\r
+.cp_layer_popup .cp_noti dt {\r
+       float: left;\r
+       width: 44px;\r
+       height: 39px;\r
+       padding: 0;\r
+}\r
+\r
+.cp_layer_popup .cp_noti dd {\r
+       float: left;\r
+       background: url(http://blogimgs.naver.net/nblog/bu_1x26_ef.gif) 0 0\r
+               no-repeat;\r
+       padding: 0 0 0 16px;\r
+       margin: 0;\r
+       color: #222;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.3em;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc {\r
+       padding: 11px 14px 1px;\r
+       border: solid 1px #DFDFDF;\r
+       overflow: hidden;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc p {\r
+       font-size: 11px;\r
+       line-height: 1.4em;\r
+       letter-spacing: -1px;\r
+       padding-bottom: 7px;\r
+       color: #888;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc span {\r
+       color: #444;\r
+}\r
+/* //1017Ãß°¡ */\r
+\r
+/* 100510 hashfilter */\r
+/* .layer_hashfilter{position:absolute;z-index:999;width:390px;padding:18px 19px 5px;border:1px solid #888;background:#fff;letter-spacing:-1px;line-height:15px;text-align:left !important} */\r
+.layer_hashfilter {\r
+       position: absolute;\r
+       z-index: 999;\r
+       width: 390px;\r
+       padding: 17px 18px 4px;\r
+       border: 1px solid #888;\r
+       background: #fff;\r
+       font-size: 12px;\r
+       font-family: dotum, 'µ¸¿ò';\r
+       letter- spacing: -1px;\r
+       line-height: 15px;\r
+       text-align: left !important\r
+}\r
+\r
+.layer_hashfilter h2 {\r
+       margin: 0;\r
+       padding: 1px 0 12px 0;\r
+       font-size: 12px\r
+}\r
+\r
+.layer_hashfilter p {\r
+       color: #666;\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.layer_hashfilter .vaccine_link {\r
+       display: inline-block;\r
+       padding: 5px 7px 0 0;\r
+       background: url(http://blogimgs.naver.net/imgs/bul_arrow_green.gif)\r
+               no-repeat 100% 8px;\r
+       text-decoration: underline;\r
+       font-size: 11px;\r
+       color: #5BC139 !important\r
+}\r
+\r
+.layer_hashfilter .file {\r
+       padding: 3px 0 15px 0\r
+}\r
+\r
+.layer_hashfilter .file img {\r
+       vertical-align: middle;\r
+       margin-right: 6px\r
+}\r
+\r
+.layer_hashfilter .info_text {\r
+       margin-top: 18px;\r
+       padding: 19px 0 11px 0;\r
+       color: #999;\r
+       font-size: 11px;\r
+       border-top: 1px solid #ededed\r
+}\r
+\r
+.layer_hashfilter .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px\r
+}\r
+\r
+.layer_hashfilter .btns {\r
+       margin-top: 5px;\r
+       padding-top: 10px;\r
+       border-top: 1px solid #e8e8e8;\r
+       text-align: center\r
+}\r
+/* //100510 hashfilter */\r
+\r
+/* layer popup */\r
+.layerpop {\r
+       position: relative;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       background: url(http://blogimgs.naver.net/nblog/spc.gif);\r
+}\r
+/* .layerpop {position:relative; font-size:12px; font-family:µ¸¿ò,Dotum,Helvetica,sans-serif; background:url(http://blogimgs.naver.net/nblog/spc.gif);position:absolute;left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));} */\r
+.layerpop .shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpop .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.layerpop .shadow01_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.layerpop .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body #layerpop .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.layerpop .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.layerpop .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.layerpop .close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.layerpop .content {\r
+       margin: 13px 20px 0 20px;\r
+       border-bottom: 1px solid #E8E8E8;\r
+}\r
+\r
+.layerpop .content .q1 {\r
+       margin: 0;\r
+       padding: 0 0 8px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #222222;\r
+       line-height: 1.5;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q2 {\r
+       margin: 0;\r
+       padding: 0 0 8px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #222222;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q2 input {\r
+       margin: 0 2px 0 0;\r
+       padding: 0;\r
+}\r
+\r
+* html .layerpop .content .q2 input {\r
+       height: 15px;\r
+       height: 15px;\r
+       margin: 0 2px 0 0;\r
+       padding: 0;\r
+}\r
+\r
+.layerpop .content .q3 {\r
+       margin: 0;\r
+       padding: 0 0 3px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #444;\r
+       line-height: 1.5;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q4 {\r
+       margin: 0;\r
+       padding: 0 0 9px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #444;\r
+       text-align: left;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.layerpop .content .q4 em {\r
+       font-style: normal;\r
+       color: #488C00;\r
+}\r
+\r
+.layerpop .btn {\r
+       margin: 0;\r
+       padding: 10px 0 10px 0;\r
+       text-align: center;\r
+}\r
+\r
+/*\r
+NHN WebStandard Team (http://html.nhndesign.com/)\r
+author : freebird@nhncorp.com 070808\r
+*/\r
+/* shadow */\r
+.layerpopup {\r
+       position: absolute;\r
+       z-index: 99;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+}\r
+\r
+.layerpopup  img {\r
+       border: none;\r
+}\r
+\r
+.layerpopup .shadow1 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow1 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow1_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .shadow2 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow2 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow2_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .shadow3 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow3 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow3_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #ffffff;\r
+}\r
+\r
+.layerpopup .closelayer {\r
+       position: absolute;\r
+       right: 8px;\r
+       top: 9px;\r
+}\r
+\r
+.layerpopup .btn_box {\r
+       text-align: center;\r
+       padding: 10px 0 15px 0;\r
+       margin: 10px 20px 0 20px;\r
+       border-top: 1px solid #e8e8e8;\r
+}\r
+\r
+.layerpopup .btn_box * {\r
+       vertical-align: middle;\r
+}\r
+\r
+.layerpopup .logbox_wrap {\r
+       width: auto;\r
+       _width: 100%;\r
+       padding-top: 6px;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_area01.gif) left top\r
+               repeat-x;\r
+}\r
+\r
+.layerpopup .logbox_wrap p {\r
+       margin: 0;\r
+       font-size: 11px;\r
+       color: #333333;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.layerpopup .notice {\r
+       padding: 4px 0 5px 11px;\r
+       _padding: 4px 0 7px 11px;\r
+}\r
+\r
+.layerpopup .notice02 {\r
+       padding: 19px 0 9px 19px;\r
+       line-height: 1.4;\r
+}\r
+\r
+.layerpopup .notice02 strong {\r
+       color: #278F00;\r
+}\r
+\r
+.layerpopup .volume {\r
+       font-size: 12px !important;\r
+       margin: 16px 19px -8px 19px;\r
+       letter-spacing: 0 !important;\r
+}\r
+\r
+.layerpopup .frame_wrap {\r
+       width: auto;\r
+       _width: 350px;\r
+       margin: 0 10px 0 10px;\r
+}\r
+\r
+.layerpopup .frame_wrap.type03 {\r
+       margin: 0 0 0 20px !important;\r
+}\r
+\r
+/* for ±ÝÄ¢¾î °ü·Ã ·¹À̾ºÅ¸ÀÏ */\r
+/* initialization  */\r
+#c_layer_popup {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#c_layer_popup div,#c_layer_popup p,#c_layer_popup ul,#c_layer_popup li,#c_layer_popup button\r
+       {\r
+       margin: 0;\r
+       padding: 0;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup ul,#c_layer_popup li {\r
+       list-style: none;\r
+}\r
+/* Layout */\r
+#c_layer_popup {\r
+       position: absolute;\r
+       z-index: 200;\r
+       width: 370px;\r
+       height: 428px;\r
+       display: none;\r
+       _height: 427px;\r
+       padding: 47px 20px 0 20px;\r
+       _padding: 48px 20px 0 20px;\r
+       border: 4px solid #777;\r
+       font: 12px dotum, sans-serif;\r
+       letter-spacing: -1px;\r
+       background: #fbfbfb\r
+               url('http://blogimgs.naver.net/static/common/popup/bg_not_available_word.gif')\r
+               repeat-x left top;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_contents {\r
+       width: 360px;\r
+       padding: 17px 5px 0 5px;\r
+       _padding: 18px 5px 0 5px;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_footer {\r
+       width: 360px;\r
+       _height /**/: 47px;\r
+       text-align: center;\r
+}\r
+/* c_contents */\r
+#c_layer_popup .c_desc00 {\r
+       width: 370px;\r
+       height: 57px;\r
+       _height: 56px;\r
+       border-bottom: 1px solid #d0d0d0;\r
+       font: 12px normal dotum;\r
+       color: #333;\r
+       line-height: 18px;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_desc00 span {\r
+       color: #258102\r
+}\r
+\r
+#c_layer_popup .c_desc01 {\r
+       height: 42px;\r
+       _height: 41px;\r
+       line-height: 18px;\r
+       font-size: 12px;\r
+       color: #666;\r
+}\r
+\r
+#c_layer_popup .c_desc02 {\r
+       width: 348px;\r
+       _width /**/: 360px;\r
+       height: 84px;\r
+       _height: 83px;\r
+       _height /**/: 97px;\r
+       padding: 11px 0 0 10px;\r
+       _padding: 12px 0 0 10px;\r
+       _padding /**/: 10px 0 0 0;\r
+       font-size: 11px;\r
+       color: #666;\r
+       line-height: 17px;\r
+       background: #f8f8f8;\r
+       border: 1px solid #f1f1f1;\r
+}\r
+\r
+#c_layer_popup .c_desc02 li {\r
+       height: 40px;\r
+       padding: 0 0 0 6px;\r
+       _margin-left /**/: -6px;\r
+       background:\r
+               url('http://blogimgs.naver.net/static/common/popup/bu_dot.gif')\r
+               no-repeat left 6px;\r
+       font-size: 11px;\r
+}\r
+\r
+#c_layer_popup .c_desc03 {\r
+       height: 60px;\r
+       _height: 59px;\r
+       _height /**/: 71px;\r
+       padding: 12px 0 0 0;\r
+       _padding: 13px 0 0 0;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 17px;\r
+}\r
+\r
+#c_layer_popup .c_desc04 {\r
+       height: 40px;\r
+       font-size: 11px;\r
+       color: #666;\r
+}\r
+\r
+#c_layer_popup .c_desc04 a {\r
+       color: #258102;\r
+       text-decoration: underline;\r
+}\r
+\r
+#c_layer_popup .c_desc05 {\r
+       height: 57px;\r
+       font-size: 14px;\r
+       font-weight: bold;\r
+       color: #333;\r
+       text-align: center;\r
+}\r
+\r
+#c_layer_popup button {\r
+       width: 52px;\r
+       height: 26px;\r
+       text-align: center;\r
+       font-size: 12px;\r
+}\r
+\r
+@media all and (-webkit-min-device-pixel-ratio:10000) , not all and\r
+       (-webkit-min-device-pixel-ratio:0) {\r
+       #c_layer_popup button {\r
+               padding-top: 6px;\r
+       }\r
+}\r
+\r
+#c_layer_popup button.c_close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 6px;\r
+       width: 18px;\r
+       height: 17px;\r
+       background: none;\r
+       border: none;\r
+}\r
+\r
+#c_layer_popup button.c_close,x:-moz-any-link,x:default {\r
+       top: 5px;\r
+       right: 8px;\r
+}\r
+\r
+*:first-child+html #c_layer_popup button.c_close {\r
+       top: 7px;\r
+       right: 6px;\r
+}\r
+\r
+.readonly_visitor {\r
+       text-align: left;\r
+       padding: 10px 0 8px 8px !important\r
+}\r
+\r
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ Àִ ºÎºÐÀ» »©³ÂÀ½.*/\r
+.layerpop2 {\r
+       position: absolute;\r
+       z-index: 999;\r
+       font: normal 12px µ¸¿ò, Dotum;\r
+       color: #333;\r
+       overflow: hidden;\r
+       display: none;\r
+}\r
+\r
+.layerpop2 .border_type {\r
+       position: relative;\r
+       border: solid 2px #777;\r
+       background-color: #fff;\r
+}\r
+\r
+.layerpop2 .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+}\r
+\r
+.layerpop2 .content1 {\r
+       padding: 30px 30px 21px;\r
+       border-bottom: solid 1px #f0f0f0;\r
+}\r
+\r
+.layerpop2 .content1 h6 {\r
+       font-weight: bold;\r
+       font-size: 14px;\r
+       padding-bottom: 22px;\r
+       margin: 0;\r
+       color: #333;\r
+}\r
+\r
+.layerpop2 .subtext {\r
+       font-size: 11px;\r
+       color: #999;\r
+       margin: 0;\r
+       padding: 7px 0 0;\r
+       line-height: 16px;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop2 .check {\r
+       width: 13px;\r
+       height: 13px;\r
+       vertical-align: middle;\r
+       padding: 0 3px 2px 0;\r
+       margin-left: 2px;\r
+}\r
+\r
+.layerpop2 .btn1 {\r
+       background-color: #fbfbfb;\r
+       border-top: solid 1px #f7f7f7;\r
+       text-align: center;\r
+       margin: 0;\r
+       padding: 11px 0 20px;\r
+}\r
+\r
+.layerpop2 .btn1 img {\r
+       margin: 0 1px;\r
+       vertical-align: top;\r
+}\r
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ Àִ ºÎºÐÀ» »©³ÂÀ½.*/\r
+.pwr_blog_wrap {\r
+       width: 143px;\r
+       margin: 5px auto 0\r
+}\r
+\r
+.pwr_blog_wrap .line {\r
+       width: 100%;\r
+       height: 0;\r
+       border-bottom: 1px solid #999;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.pwr_emblem {\r
+       height: 69px;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png',\r
+               sizingMethod='crop' );\r
+       text-align: left\r
+}\r
+\r
+.pwr_emblem h4 {\r
+       margin: 0 !important;\r
+       padding: 26px 0 0 58px;\r
+       font-size: 10px !important;\r
+       font-family: Tahoma !important;\r
+       line-height: 12px\r
+}\r
+\r
+.pwr_blog {\r
+       position: relative\r
+}\r
+\r
+.pwr_blog .pcol2b {\r
+       position: absolute;\r
+       top: 0;\r
+       height: 100%\r
+}\r
+\r
+.pwr_blog .pwr_lft {\r
+       left: 0\r
+}\r
+\r
+.pwr_blog .pwr_rgt {\r
+       right: 0;\r
+       _right: -1px\r
+}\r
+\r
+.pwr_blog .pwr_cont {\r
+       margin: 0 2px;\r
+       padding-bottom: 7px\r
+}\r
+\r
+.pwr_blog .pwr_cont .pcol2b {\r
+       position: static;\r
+       height: 1px\r
+}\r
+\r
+.pwr_blog .pwr_cont ul {\r
+       margin: 3px 0 0;\r
+       padding: 0;\r
+       text-align: left;\r
+       list-style: none\r
+}\r
+\r
+.pwr_blog .pwr_cont li {\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 15px\r
+}\r
+\r
+.pwr_blog .pwr_cont li em {\r
+       display: inline-block;\r
+       position: relative;\r
+       top: -1px;\r
+       margin-right: 6px;\r
+       font-style: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       letter-spacing: 0;\r
+       _filter: none\r
+}\r
+\r
+.pwr_blog .pwr_cont li span {\r
+       display: inline-block\r
+}\r
+\r
+.pwr_blog .pwr_cont li .pcol2b {\r
+       height: auto\r
+}\r
+\r
+.pwr_blog .pwr_pgn {\r
+       padding-top: 1px;\r
+       text-align: right\r
+}\r
+\r
+.pwr_blog .pwr_pgn .prev,.pwr_blog .pwr_pgn .next {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.pwr_blog .pwr_pgn em {\r
+       display: inline-block;\r
+       margin-left: -1px;\r
+       font-style: normal;\r
+       font-size: 11px\r
+}\r
+\r
+.pwr_blog .pwr_clse {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: 5px;\r
+       right: -3px;\r
+       padding: 2px;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       font-family: 'µ¸¿ò', dotum\r
+}\r
+\r
+.pwr_blog .pwr_clse:hover {\r
+       text-decoration: none\r
+}\r
+\r
+/*縰Áö À§Á¬*/\r
+.cwg_wrap,.cwg2_wrap {\r
+       font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;\r
+       font-size: 12px\r
+}\r
+\r
+/* goal widget */\r
+.cwg2_wrap {\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 396px;\r
+       margin: 0 auto;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_note2.png)\r
+               no-repeat;\r
+       _background: url(http://blogimgs.naver.net/challengewidget/bg_note2.gif)\r
+               no-repeat;\r
+       text-align: left\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge {\r
+       overflow: hidden;\r
+       position: relative;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 a {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 span {\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type2 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type3 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type4 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type5 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .p_day {\r
+       position: relative;\r
+       width: 141px;\r
+       margin: 0 0 0 14px;\r
+       height: 24px;\r
+       overflow: hidden;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .p_day span {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       margin-left: -1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .p_day .ing {\r
+       width: 71px;\r
+       height: 21px;\r
+       background-position: 0 -17px\r
+}\r
+\r
+.cwg2_wrap .p_day .clear_no {\r
+       width: 90px;\r
+       height: 20px;\r
+       margin-top: 3px;\r
+       background-position: -71px -20px\r
+}\r
+\r
+.cwg2_wrap .p_day .clear_ok {\r
+       width: 122px;\r
+       height: 20px;\r
+       background-position: 0 -43px\r
+}\r
+\r
+.cwg2_wrap .p_day em {\r
+       display: inline-block;\r
+       height: 21px;\r
+       font-style: normal;\r
+       font-family: Tahoma;\r
+       font-size: 17px;\r
+       color: #525252;\r
+       font-weight: bold\r
+}\r
+\r
+.cwg2_wrap .lst_wrap {\r
+       position: relative;\r
+       width: 141px;\r
+       height: 142px;\r
+       margin: 3px auto 0;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat 0 -316px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst {\r
+       overflow: hidden;\r
+       zoom: 1;\r
+       padding: 6px 0 0 5px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst li {\r
+       overflow: hidden;\r
+       line-height: 999px;\r
+       display: inline;\r
+       float: left;\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 1px 1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst .off {\r
+       background-position: -70px 0\r
+}\r
+\r
+.cwg2_wrap .cplt {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 121px;\r
+       left: 121px;\r
+       width: 16px;\r
+       height: 17px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       left: -2px;\r
+       top: -1px;\r
+       width: 145px;\r
+       height: 147px;\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       width: 145px;\r
+       height: 147px;\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/bg_clear_box.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_clear_box.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar {\r
+       width: 90px;\r
+       height: 98px;\r
+       overflow: hidden;\r
+       margin: 14px 0 0 28px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat 0 -215px;\r
+       text-indent: -500em\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar2 {\r
+       width: 78px;\r
+       height: 97px;\r
+       overflow: hidden;\r
+       margin: 14px 0 0 33px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat -96px -215px;\r
+       text-indent: -500em\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .clse {\r
+       position: absolute;\r
+       right: 10px;\r
+       top: 6px;\r
+       width: 14px;\r
+       height: 14px;\r
+       overflow: hidden;\r
+       text-indent: -500em;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat -188px 2px\r
+}\r
+\r
+.cwg2_wrap .mod {\r
+       display: block;\r
+       position: absolute;\r
+       right: 13px;\r
+       bottom: 10px;\r
+       overflow: hidden;\r
+       width: 14px;\r
+       height: 14px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 0;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst {\r
+       position: relative;\r
+       height: 118px;\r
+       margin: 0 15px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst .none {\r
+       margin: 0;\r
+       margin-top: 23px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 21px;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .cwg_lst .more {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 {\r
+       height: 17px;\r
+       padding-top: 4px;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 a {\r
+       display: inline-block;\r
+       position: relative;\r
+       padding: 2px 17px 2px 2px;\r
+       color: #333;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 a span {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst ul {\r
+       height: 84px;\r
+       padding-top: 3px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li {\r
+       position: relative;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -112px;\r
+       font-size: 11px;\r
+       line-height: 21px;\r
+       vertical-align: top;\r
+       list-style: none\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li a {\r
+       display: inline-block;\r
+       color: #666;\r
+       _vertical-align: baseline\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li em {\r
+       position: absolute;\r
+       top: 0;\r
+       right: 0;\r
+       font-style: normal;\r
+       font-size: 9px;\r
+       font-family: Tahoma;\r
+       color: #aeaeae\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li em.time {\r
+       color: #7b7b7b\r
+}\r
+\r
+.cwg2_wrap .cwg_status {\r
+       width: 141px;\r
+       height: 133px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_cnt {\r
+       overflow: hidden;\r
+       height: 21px;\r
+       margin-bottom: 10px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_cnt strong {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 42px;\r
+       height: 21px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_btm {\r
+       width: 145px;\r
+       margin: 0 auto;\r
+}\r
+\r
+.cwg2_wrap .cwg_btm a {\r
+       display: inline-block;\r
+       margin: 7px 0 0 -1px;\r
+       padding: 3px 9px 3px 2px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       letter-spacing: -1px;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg2_wrap .cwg_btm a em {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 4px;\r
+       height: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat -26px -96px;\r
+       vertical-align: middle\r
+}\r
+\r
+/* goal widget types2 */\r
+.cwg2_type .cplt {\r
+       background-position: -84px 0\r
+}\r
+\r
+.cwg2_type2 .cplt {\r
+       background-position: -102px 0\r
+}\r
+\r
+.cwg2_type3 .cplt {\r
+       background-position: -120px 0\r
+}\r
+\r
+.cwg2_type4 .cplt {\r
+       background-position: -138px 0\r
+}\r
+\r
+.cwg2_type5 .cplt {\r
+       background-position: -156px 0\r
+}\r
+\r
+.cwg2_type .lst_wrap .lst li {\r
+       background-position: 0 0\r
+}\r
+\r
+.cwg2_type2 .lst_wrap .lst li {\r
+       background-position: -14px 0\r
+}\r
+\r
+.cwg2_type3 .lst_wrap .lst li {\r
+       background-position: -28px 0\r
+}\r
+\r
+.cwg2_type4 .lst_wrap .lst li {\r
+       background-position: -42px 0\r
+}\r
+\r
+.cwg2_type5 .lst_wrap .lst li {\r
+       background-position: -56px 0\r
+}\r
+\r
+/* master widget */\r
+.cwg_master {\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 364px;\r
+       margin: 0 auto;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_note.png);\r
+       _background: url(http://blogimgs.naver.net/challengewidget/bg_note.gif);\r
+       text-align: left\r
+}\r
+\r
+.cwg_wrap .cwg_badge {\r
+       overflow: hidden;\r
+       position: relative;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 a {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 span {\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type2 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type2.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type3 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type3.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type4 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type4.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type5 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type5.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .mod {\r
+       display: block;\r
+       position: absolute;\r
+       right: 13px;\r
+       bottom: 13px;\r
+       overflow: hidden;\r
+       width: 14px;\r
+       height: 14px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 0;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_lst {\r
+       position: relative;\r
+       height: 118px;\r
+       margin: 0 15px\r
+}\r
+\r
+.cwg_wrap .cwg_lst .none {\r
+       margin: 0;\r
+       margin-top: 23px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 21px;\r
+       text-align: center\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 {\r
+       height: 17px;\r
+       padding-top: 4px;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 a {\r
+       display: inline-block;\r
+       position: relative;\r
+       padding: 2px 17px 2px 2px;\r
+       color: #333;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 a span {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_lst ul {\r
+       height: 82px;\r
+       padding-top: 3px\r
+}\r
+\r
+.cwg_wrap .cwg_lst li {\r
+       position: relative;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -112px;\r
+       font-size: 11px;\r
+       line-height: 21px;\r
+       vertical-align: top;\r
+       list-style: none\r
+}\r
+\r
+.cwg_wrap .cwg_lst li a {\r
+       display: inline-block;\r
+       color: #666;\r
+       _vertical-align: baseline\r
+}\r
+\r
+.cwg_wrap .cwg_lst li em {\r
+       position: absolute;\r
+       top: 0;\r
+       right: 0;\r
+       font-style: normal;\r
+       font-size: 9px;\r
+       font-family: Tahoma;\r
+       color: #aeaeae\r
+}\r
+\r
+.cwg_wrap .cwg_lst li em.time {\r
+       color: #7b7b7b\r
+}\r
+\r
+.cwg_wrap .cwg_status {\r
+       width: 141px;\r
+       height: 133px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt {\r
+       overflow: hidden;\r
+       height: 21px;\r
+       margin-bottom: 11px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 50px;\r
+       height: 21px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level span {\r
+       margin-top: 0\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level2 span {\r
+       margin-top: -30px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level3 span {\r
+       margin-top: -60px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level4 span {\r
+       margin-top: -90px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt .lnr {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 19px;\r
+       height: 21px;\r
+       margin-left: -1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -30px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt em {\r
+       display: inline-block;\r
+       height: 21px;\r
+       margin-left: -2px;\r
+       padding: 2px 9px 0 0;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 100% -60px;\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       font-family: Tahoma;\r
+       color: #525252;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt em span {\r
+       visibility: hidden;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 0;\r
+       height: 0;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cwg_wrap .cwg_track {\r
+       position: relative;\r
+       width: 141px;\r
+       height: 86px\r
+}\r
+\r
+.cwg_wrap .cwg_track span {\r
+       overflow: hidden;\r
+       float: left;\r
+       position: relative;\r
+       z-index: 10;\r
+       width: 7px;\r
+       height: 8px;\r
+       margin: -1px 0 6px;\r
+       background-color: #fff;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.rtl {\r
+       float: right\r
+}\r
+\r
+.cwg_wrap .cwg_track span.cpt {\r
+       visibility: hidden\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp {\r
+       float: right;\r
+       width: 8px;\r
+       height: 7px;\r
+       margin: -6px 0 0 133px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp2 {\r
+       width: 8px;\r
+       height: 7px;\r
+       margin: -6px 133px 0 0\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp3 {\r
+       width: 8px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp4 {\r
+       width: 8px;\r
+       height: 7px;\r
+       margin-top: 0\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail_bg {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -1px;\r
+       left: 0;\r
+       z-index: 5;\r
+       width: 141px;\r
+       height: 86px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail_bg strong {\r
+       margin-top: -120px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -1px;\r
+       left: 0;\r
+       z-index: 15;\r
+       width: 141px;\r
+       height: 70px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_rail.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_rail.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_track em.goal {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -3px;\r
+       left: -2px;\r
+       z-index: 20;\r
+       width: 124px;\r
+       height: 68px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.goal strong {\r
+       margin-top: -220px\r
+}\r
+\r
+.cwg_wrap .cwg_btm {\r
+       width: 145px;\r
+       margin: 0 auto;\r
+       border-top: 1px solid #ececec\r
+}\r
+\r
+.cwg_wrap .cwg_btm a {\r
+       display: inline-block;\r
+       margin: 7px 0 0 -1px;\r
+       padding: 3px 9px 3px 2px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       letter-spacing: -1px;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg_wrap .cwg_btm a em {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 4px;\r
+       height: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat -26px -96px;\r
+       vertical-align: middle\r
+}\r
+\r
+/* master widget types */\r
+.cwg_wrap .flt {\r
+       display: block;\r
+       width: 150px;\r
+       height: 450px\r
+}\r
+\r
+.cwg_type .flt {\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_ctype.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type2 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype2.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type3 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype3.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type4 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype4.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type5 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype5.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+/* business widget */\r
+/* company info widget */\r
+.cmp_wrap {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;\r
+       font-size: 12px;\r
+       text-align: left;\r
+}\r
+\r
+.cmp_wrap .line_x {\r
+       height: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .line_y {\r
+       width: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .ls0 {\r
+       letter-spacing: 0\r
+}\r
+\r
+.cmp_wrap .tl_cmp {\r
+       width: 100%;\r
+       padding: 0;\r
+       border: 0;\r
+       border-collapse: collapse;\r
+       table-layout: fixed\r
+}\r
+\r
+.cmp_wrap .tl_cmp th,.cmp_wrap .tl_cmp td {\r
+       padding: 0;\r
+       border: 0\r
+}\r
+\r
+.cmp_wrap .cmp_content {\r
+       position: relative;\r
+       width: 147px;\r
+       padding: 10px 11px 9px 11px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.cmp_wrap .cmp_content:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+.cmp_wrap .cmp_content h3 {\r
+       height: 31px;\r
+       *height: 30px;\r
+       margin: 0 !important;\r
+       padding-top: 2px;\r
+       font-size: 12px;\r
+       font-weight: bold;\r
+       letter-spacing: 0;\r
+       line-height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .line_y {\r
+       float: left\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr {\r
+       *margin-top: -1px;\r
+       overflow: hidden\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a {\r
+       display: inline-block;\r
+       float: left;\r
+       text-align: center\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a strong {\r
+       display: block\r
+}\r
+\r
+.cmp_wrap a .bu {\r
+       display: inline-block;\r
+       margin-left: 2px;\r
+       font-size: 4px;\r
+       vertical-align: 3px;\r
+       -webkit-text-size-adjust: none\r
+}\r
+/* button text type */\r
+.cmp_wrap .cmp_content .btn_txt {\r
+       width: 37px;\r
+       position: absolute;\r
+       top: 10px;\r
+       right: 7px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt .line_x {\r
+       width: 35px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt .line_y {\r
+       height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt a {\r
+       width: 33px;\r
+       height: 12px;\r
+       padding-top: 2px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_txt a {\r
+       padding-top: 0;\r
+       padding-top: 2px \0/IE9\r
+}\r
+/* button icon type */\r
+.cmp_wrap .cmp_content .btn_help {\r
+       width: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help .line_x {\r
+       width: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help .line_y {\r
+       height: 12px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help a {\r
+       display: block;\r
+       width: 12px;\r
+       height: 12px;\r
+       line-height: 15px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_help a {\r
+       line-height: 14px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_help a {\r
+       line-height: 14px;\r
+       line-height: 17px \0/IE9\r
+}\r
+\r
+.cmp_wrap .cmp_tt {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 33px;\r
+       left: 5px;\r
+       width: 159px;\r
+       height: 1px;\r
+       border-bottom: 1px dotted\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont {\r
+       padding-left: 8px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li {\r
+       position: relative;\r
+       line-height: 16px;\r
+       list-style: none\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .info_wrp {\r
+       display: inline-block;\r
+       padding-bottom: 1px;\r
+       opacity: 0.8;\r
+       filter: alpha(opacity = 80)\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .tt {\r
+       display: inline-block\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .tx {\r
+       padding-right: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .ic {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 6px;\r
+       *top: 7px;\r
+       left: -6px;\r
+       width: 2px;\r
+       height: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .lk {\r
+       text-decoration: underline\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .lk .bu {\r
+       text-decoration: none;\r
+       vertical-align: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .btn_help {\r
+       display: inline-block;\r
+       *display: inline;\r
+       margin-left: 1px;\r
+       vertical-align: -2px;\r
+       *vertical-align: middle;\r
+       zoom: 1\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip {\r
+       display: none;\r
+       position: absolute;\r
+       z-index: 1000;\r
+       padding: 9px 10px 7px;\r
+       border: 1px solid #888;\r
+       background-color: #fff\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .tip {\r
+       position: absolute;\r
+       bottom: -6px;\r
+       width: 11px;\r
+       height: 6px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/admin50/bg_layer_arr.gif)\r
+               no-repeat 0 0;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .cont {\r
+       margin-left: -1px;\r
+       font-size: 11px;\r
+       font-family: dotum, 'µ¸¿ò';\r
+       color: #848689;\r
+       letter-spacing: -1px;\r
+       line-height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .clse_tip {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px\r
+}\r
+/* // business widget*/\r
+.new_blog {\r
+       height: 170px;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       text-align: center\r
+}\r
+\r
+.new_blog .new_blog_inner {\r
+       padding-top: 34px\r
+}\r
+\r
+.new_blog .new_blog_inner2 {\r
+       padding-top: 78px\r
+}\r
+\r
+.new_blog .new_blog_inner3 {\r
+       padding-top: 50px\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu {\r
+       text-align: left\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu li {\r
+       list-style: none;\r
+       margin-bottom: 6px;\r
+       font-size: 12px;\r
+       line-height: 17px\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu li .pcol2b {\r
+       width: 3px;\r
+       height: 3px;\r
+       margin: 0 2px 2px 0;\r
+       vertical-align: middle\r
+}\r
+\r
+.new_blog strong {\r
+       display: block;\r
+       margin: 0 0 8px;\r
+       font-size: 14px !important\r
+}\r
+\r
+.new_blog p {\r
+       display: block;\r
+       margin: 0 0 13px;\r
+       font-size: 12px;\r
+       line-height: 17px\r
+}\r
+\r
+.new_blog a {\r
+       display: inline-block\r
+}\r
+\r
+.ly_newblog {\r
+       position: absolute;\r
+       z-index: 1000;\r
+       padding: 14px;\r
+       border: 1px solid #d1d1d1;\r
+       background: #fefefe\r
+}\r
+\r
+.ly_newblog table {\r
+       width: 100%;\r
+       border-collapse: collapse\r
+}\r
+\r
+.ly_newblog .ly_newblog_btm {\r
+       position: relative;\r
+       width: 100%;\r
+       padding: 16px 0 6px;\r
+       border-top: 1px solid #ececec;\r
+       text-align: center\r
+}\r
+\r
+.ly_newblog .ly_newblog_btm img {\r
+       vertical-align: top\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache {\r
+       position: absolute;\r
+       top: 19px;\r
+       right: -1px\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache .input_chk {\r
+       float: left;\r
+       width: 13px;\r
+       height: 13px;\r
+       margin: 5px 5px 0;\r
+       padding: 0;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache label {\r
+       float: left;\r
+       font-size: 11px;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       letter-spacing: -1px;\r
+       line-height: 27px;\r
+       color: #999;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache a {\r
+       display: inline-block;\r
+       float: left;\r
+       margin-left: 5px;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .clse {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 7px;\r
+       padding: 2px\r
+}\r
+\r
+.ly_newblog_cont img {\r
+       vertical-align: top\r
+}\r
+\r
+/* service terminated(wizard widget) */\r
+.wzd_wrap {\r
+       width: 169px;\r
+       height: 80px;\r
+       margin: 0 auto;\r
+       border: 1px solid #ececec;\r
+       background: #f5f5f5;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       font-size: 11px;\r
+       letter- spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.wzd_wrap .info_txt {\r
+       width: 146px;\r
+       height: 36px;\r
+       margin: 0 auto;\r
+       margin-bottom: 8px;\r
+       padding-top: 11px;\r
+       border-bottom: 1px solid #e3e3e3;\r
+       color: #7d7d7d;\r
+       line-height: 16px\r
+}\r
+\r
+.wzd_wrap .info_a {\r
+       display: inline-block;\r
+       margin: 0 4px 0 6px;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/nblog/widget/ic_wzd.gif)\r
+               no-repeat 0 2px;\r
+       color: #7d7d7d;\r
+       font-size: 11px;\r
+       text-decoration: none\r
+}\r
+\r
+.wzd_wrap a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+.side-body.onestyle .wzd_wrap {\r
+       *display: inline;\r
+       zoom: 1\r
+}\r
+\r
+/* map */\r
+.map_wrp .sub_cnt .more,.map_wrp .set,.map_wrp .go_post .post,.map_wrp .go_post .clse\r
+       {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat\r
+}\r
+\r
+.map_wrp {\r
+       width: 171px;\r
+       height: 260px;\r
+       margin: 0 auto\r
+}\r
+\r
+.map_wrp .country {\r
+       position: relative;\r
+       width: 171px;\r
+       height: 260px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/bg_country_v2.jpg)\r
+               no-repeat;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.map_wrp .country .tit {\r
+       overflow: hidden;\r
+       height: 28px;\r
+       margin: 0;\r
+       padding: 0;\r
+       text-align: left\r
+}\r
+\r
+.map_wrp .country .tit .set {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+       width: 11px;\r
+       height: 12px;\r
+       background-position: 100% -124px;\r
+       text-indent: -9999px\r
+}\r
+\r
+.map_wrp .country .tit em {\r
+       visibility: hidden;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 1px;\r
+       height: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.map_wrp .country .tit strong {\r
+       display: inline-block;\r
+       margin: 8px 0 0 80px;\r
+       color: #00a403;\r
+       font-family: verdana;\r
+       font-size: 10px\r
+}\r
+\r
+.map_wrp .map_sec {\r
+       position: relative;\r
+       height: 232px\r
+}\r
+\r
+.map_wrp .pin,.map_wrp .pin10,.map_wrp .pin100 {\r
+       display: block;\r
+       position: absolute;\r
+       width: 19px;\r
+       height: 25px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat 0 -124px;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp a.pin:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.map_wrp .pin strong {\r
+       display: block;\r
+       margin-left: -1px;\r
+       color: #00a403;\r
+       font-family: verdana;\r
+       font-size: 10px;\r
+       line-height: 16px\r
+}\r
+\r
+.map_wrp .pin10 {\r
+       width: 23px;\r
+       height: 33px;\r
+       background-position: -28px -124px\r
+}\r
+\r
+.map_wrp .pin10 strong {\r
+       line-height: 22px\r
+}\r
+\r
+.map_wrp .pin100 {\r
+       width: 29px;\r
+       height: 42px;\r
+       background-position: -61px -124px\r
+}\r
+\r
+.map_wrp .pin100 strong {\r
+       line-height: 28px\r
+}\r
+\r
+.map_wrp .sub_cnt {\r
+       position: absolute;\r
+       top: 239px;\r
+       right: 10px\r
+}\r
+\r
+:root .map_wrp .sub_cnt {\r
+       top: 240px \0/IE9\r
+}\r
+\r
+.map_wrp .sub_cnt a {\r
+       display: inline-block;\r
+       padding-right: 1px;\r
+       color: #66717b;\r
+       line-height: 12px;\r
+       vertical-align: middle\r
+}\r
+\r
+.map_wrp .sub_cnt .more {\r
+       padding: 0 5px 0 1px;\r
+       background-position: 100% -170px;\r
+       font-size: 11px\r
+}\r
+\r
+:root .map_wrp .sub_cnt .more {\r
+       line-height: 14px \0/IE9\r
+}\r
+\r
+.map_wrp .dim {\r
+       position: absolute;\r
+       top: 28PX;\r
+       left: 0;\r
+       width: 171px;\r
+       height: 232px;\r
+       background: #000;\r
+       opacity: 0.1;\r
+       filter: alpha(opacity = 10)\r
+}\r
+\r
+.map_wrp .go_post {\r
+       position: absolute;\r
+       top: 85px;\r
+       left: 12px;\r
+       width: 147px;\r
+       height: 120px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp .go_post p {\r
+       margin: 0;\r
+       padding: 0;\r
+       line-height: 15px\r
+}\r
+\r
+.map_wrp .go_post .tt {\r
+       padding-top: 15px;\r
+       color: #333\r
+}\r
+\r
+.map_wrp .go_post .tx {\r
+       color: #999\r
+}\r
+\r
+.map_wrp .go_post a {\r
+       display: block;\r
+       overflow: hidden;\r
+       text-indent: -9999em\r
+}\r
+\r
+.map_wrp .go_post .post {\r
+       width: 68px;\r
+       height: 16px;\r
+       margin: 11px auto 0;\r
+       background-position: 0 -186px\r
+}\r
+\r
+.map_wrp .go_post .clse {\r
+       position: absolute;\r
+       top: 10px;\r
+       right: 10px;\r
+       width: 11px;\r
+       height: 11px;\r
+       background-position: 100% -148px\r
+}\r
+\r
+.map_wrp .go_evt {\r
+       position: absolute;\r
+       top: 66px;\r
+       left: 12px;\r
+       width: 147px;\r
+       height: 125px;\r
+       padding-top: 15px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/event/bg_evt_ly.png)\r
+               no-repeat;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp .go_evt p {\r
+       margin: 0;\r
+       padding: 0;\r
+       font-size: 11px;\r
+       line-height: 15px\r
+}\r
+\r
+.map_wrp .go_evt .tt {\r
+       margin-bottom: 3px;\r
+       color: #999\r
+}\r
+\r
+.map_wrp .go_evt .tx {\r
+       color: #ee6e3c\r
+}\r
+\r
+.map_wrp .go_evt .tx a {\r
+       overflow: hidden;\r
+       background: none;\r
+       color: #f6b69d;\r
+       text-decoration: underline\r
+}\r
+\r
+.map_wrp .go_evt a {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat;\r
+       font-size: 11px\r
+}\r
+\r
+.map_wrp .go_evt .post,.map_wrp .go_evt .clse {\r
+       display: block;\r
+       text-indent: -9999px\r
+}\r
+\r
+.map_wrp .go_evt .post {\r
+       width: 68px;\r
+       height: 16px;\r
+       margin: 13px auto 0;\r
+       background-position: 0 -186px\r
+}\r
+\r
+.map_wrp .go_evt .clse {\r
+       position: absolute;\r
+       top: 9px;\r
+       right: 10px;\r
+       width: 11px;\r
+       height: 11px;\r
+       background-position: 100% -148px\r
+}\r
+\r
+.readonly_box {\r
+       border: solid 1px #e7e7e7;\r
+       background-color: #fff;\r
+       margin: 0 0 8px;\r
+       padding: 20px 0 19px 20px;\r
+       text-align: left;\r
+       position: relative;\r
+       overflow: hidden\r
+}\r
+\r
+.readonly_box h3 {\r
+       color: #333;\r
+       font: bold 14px "µ¸¿ò", dotum;\r
+       margin: 0 0 15px !important\r
+}\r
+\r
+.readonly_box h3 img {\r
+       vertical-align: middle;\r
+       margin: 0 6px 3px 0\r
+}\r
+\r
+.readonly_box h3 span {\r
+       padding-left: 3px;\r
+       font-size: 12px;\r
+       color: #ff6d20;\r
+       letter-spacing: 0\r
+}\r
+\r
+.readonly_box .closepop {\r
+       position: absolute;\r
+       top: 14px;\r
+       right: 14px;\r
+       width: 15px;\r
+       height: 15px;\r
+}\r
+\r
+.readonly_box ul {\r
+       margin: 0 0 3px !important;\r
+       padding: 0\r
+}\r
+\r
+.readonly_box ul li {\r
+       list-style: none;\r
+       padding-left: 7px;\r
+       line-height: 18px;\r
+       font-size: 12px;\r
+       color: #333;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bu_2x2_33.gif)\r
+               0 7px no-repeat\r
+}\r
+\r
+.readonly_box .viewnotice {\r
+       display: inline-block;\r
+       margin-top: 7px;\r
+       padding-right: 6px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bu_arrow_readonly.gif)\r
+               right 3px no-repeat;\r
+       font-size: 12px;\r
+       color: #333;\r
+       text-decoration: underline !important\r
+}\r
+\r
+.inspection {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bg_inspection.gif)\r
+               repeat-x;\r
+       text-align: center\r
+}\r
+\r
+.inspection .sub_inspection {\r
+       width: 980px;\r
+       height: 69px;\r
+       margin: 0 auto;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bg_inspection2.gif)\r
+               no-repeat;\r
+       text-align: left\r
+}\r
+\r
+.inspection h1 {\r
+       float: left;\r
+       _display: inline;\r
+       padding: 23px 20px 0 0\r
+}\r
+\r
+.inspection p {\r
+       float: left;\r
+       _display: inline;\r
+       padding: 14px 0 0;\r
+       padding-left: 21px;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bg_line.gif) 0\r
+               17px no-repeat;\r
+       color: #fff;\r
+       line-height: 20px\r
+}\r
+\r
+.inspection p * {\r
+       color: #fff;\r
+       line-height: 20px\r
+}\r
+\r
+.inspection p em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       text-decoration: underline\r
+}\r
+\r
+.inspection .viewnotice {\r
+       float: right;\r
+       _display: inline;\r
+       padding: 24px 0 0 18px;\r
+       height: 26px;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bg_line2.gif) 0\r
+               17px no-repeat\r
+}\r
+\r
+#defineNHNCSS_LayoutTopCommon-411216_css {\r
+       color: #ffe\r
+}
\ No newline at end of file
diff --git a/org.tizen.common.builder/test/file/b.html b/org.tizen.common.builder/test/file/b.html
new file mode 100755 (executable)
index 0000000..9aa8986
--- /dev/null
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
+<html>\r
+<head>\r
+    <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">\r
+    <title>Insert title here</title>\r
+    <script type="text/javascript" src="b.js"></script>\r
+    <script type="text/javascript" src="c.js"></script>\r
+    <link href="b.css" rel="stylesheet" type="text/css">\r
+</head>\r
+<body>\r
+\r
+</body>\r
+</html>
\ No newline at end of file
diff --git a/org.tizen.common.builder/test/file/b.js b/org.tizen.common.builder/test/file/b.js
new file mode 100755 (executable)
index 0000000..b3b5a15
--- /dev/null
@@ -0,0 +1,3 @@
+B = function() {\r
+       console.log( "B created" );\r
+};\r
diff --git a/org.tizen.common.builder/test/file/c.js b/org.tizen.common.builder/test/file/c.js
new file mode 100755 (executable)
index 0000000..249942d
--- /dev/null
@@ -0,0 +1,3 @@
+C = function() {\r
+       console.log( "C created" );\r
+};\r
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/AbstractTestCase.java b/org.tizen.common.builder/test/src/org/tizen/common/builder/AbstractTestCase.java
new file mode 100644 (file)
index 0000000..96cc9bf
--- /dev/null
@@ -0,0 +1,63 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import org.junit.After;\r
+import org.junit.Before;\r
+\r
+abstract public class AbstractTestCase\r
+{\r
+\r
+    protected String oldConfig;\r
+    \r
+    @Before\r
+    public void\r
+    setUp()\r
+    throws Exception\r
+    {\r
+        oldConfig = System.getProperty( "java.protocol.handler.pkgs" );\r
+        System.setProperty( "java.protocol.handler.pkgs", "org.tizen.common.util.url" );\r
+    }\r
+    \r
+    @After\r
+    public\r
+    void\r
+    tearDown()\r
+    {\r
+        if ( null == oldConfig )\r
+        {\r
+            System.clearProperty( "java.protocol.handler.pkgs" );\r
+        }\r
+        else\r
+        {\r
+            System.setProperty( "java.protocol.handler.pkgs", oldConfig );\r
+        }\r
+    }\r
+\r
+}\r
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/BuildProcessTest.java b/org.tizen.common.builder/test/src/org/tizen/common/builder/BuildProcessTest.java
new file mode 100755 (executable)
index 0000000..c2ef08c
--- /dev/null
@@ -0,0 +1,362 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import static org.junit.Assert.assertEquals;\r
+import static org.junit.Assert.assertFalse;\r
+import static org.junit.Assert.assertTrue;\r
+import static org.tizen.common.util.IOUtil.tryClose;\r
+\r
+import java.io.File;\r
+import java.io.IOException;\r
+import java.io.InputStream;\r
+import java.net.URL;\r
+import java.util.Arrays;\r
+import java.util.Collection;\r
+import java.util.Iterator;\r
+\r
+import org.junit.Test;\r
+import org.tizen.common.file.FileHandler;\r
+import org.tizen.common.file.StandardFileHandler;\r
+import org.tizen.common.file.VirtualFileHandler;\r
+import org.tizen.common.util.ObjectUtil;\r
+\r
+public class\r
+BuildProcessTest\r
+extends AbstractTestCase\r
+{\r
+    \r
+    protected\r
+    void\r
+    load( FileHandler fileHandler, String path ) throws IOException\r
+    {\r
+        final URL u = new URL( "cp://" + path );\r
+        final InputStream in = u.openStream();\r
+        try\r
+        {\r
+            fileHandler.write( path, in );\r
+        }\r
+        finally\r
+        {\r
+            tryClose( in );\r
+        }\r
+    }\r
+    \r
+    @Test\r
+    public void test_getSortedResource() throws Exception\r
+    {\r
+        \r
+        final BuildProcess target = new BuildProcess();\r
+        \r
+        ResourceLayer l1 = new ResourceLayer( new VirtualFileHandler() );\r
+        ResourceLayer l2 = new ResourceLayer( l1, new VirtualFileHandler() );\r
+        ResourceLayer l3 = new ResourceLayer( l2, new VirtualFileHandler() );\r
+        \r
+        Resource res1 = new Resource( l1, "/aaa.js" );\r
+        Resource res2 = new Resource( l2, "/aaa.js" );\r
+        Resource res3 = new Resource( l3, "/aaa.js" );\r
+        \r
+        {\r
+        Iterator<Resource> iter = target.getSortedResource( Arrays.asList( res1, res2, res3 ) ).iterator();\r
+        assertTrue( iter.hasNext() );\r
+        assertEquals( res1, iter.next() );\r
+        assertTrue( iter.hasNext() );\r
+        assertEquals( res2, iter.next() );\r
+        assertTrue( iter.hasNext() );\r
+        assertEquals( res3, iter.next() );\r
+        assertFalse( iter.hasNext() );\r
+        }\r
+        \r
+        {\r
+        Iterator<Resource> iter = target.getSortedResource( Arrays.asList( res3, res2, res1 ) ).iterator();\r
+        assertTrue( iter.hasNext() );\r
+        assertEquals( res1, iter.next() );\r
+        assertTrue( iter.hasNext() );\r
+        assertEquals( res2, iter.next() );\r
+        assertTrue( iter.hasNext() );\r
+        assertEquals( res3, iter.next() );\r
+        assertFalse( iter.hasNext() );\r
+        }\r
+        \r
+        {\r
+            Iterator<Resource> iter = target.getSortedResource( Arrays.asList( res3, res1, res2 ) ).iterator();\r
+            assertTrue( iter.hasNext() );\r
+            assertEquals( res1, iter.next() );\r
+            assertTrue( iter.hasNext() );\r
+            assertEquals( res2, iter.next() );\r
+            assertTrue( iter.hasNext() );\r
+            assertEquals( res3, iter.next() );\r
+            assertFalse( iter.hasNext() );\r
+        }\r
+        \r
+    }\r
+\r
+    /**\r
+     * Scenario\r
+     * there are a.css, b.css, a.js, b.js, c.js, a.html, and b.html.\r
+     * \r
+     * a.html use a.css, a.js and b.js\r
+     * b.html use b.css, b.js and c.js\r
+     * \r
+     * builder process this situation:\r
+     * \r
+     * a.js -(js-minifier)-> a-min.js\r
+     * b.js -(js-minifier)-> b-min.js\r
+     * c.js -(js-minifier)-> c-min.js\r
+     * \r
+     * a.html -(html-minifier)-> a-min.html\r
+     * b.html -(html-minifier)-> b-min.html\r
+     * \r
+     * a-min.js, b-min.js -(js-concatenator)-> ab-min.js\r
+     * b-min.js, c-min.js -(js-concatenator)-> bc-min.js\r
+     * \r
+     * a-min.html -(usemin)-> a-usemin.html\r
+     * b-min.html -(usemin)-> b-usemin.html\r
+     * \r
+     * @throws Exception \r
+     */\r
+    @Test\r
+    public void test_build() throws Exception\r
+    {\r
+        \r
+        final VirtualFileHandler fileHandler = new VirtualFileHandler();\r
+        final ResourceLayer fileLayer = new ResourceLayer( "File", fileHandler );\r
+        \r
+        final VirtualFileHandler tempHandler = new VirtualFileHandler();\r
+        final ResourceLayer tempLayer = new ResourceLayer( "Temp", fileLayer, tempHandler );\r
+        \r
+        final VirtualFileHandler lastHandler = new VirtualFileHandler();\r
+        final ResourceLayer lastLayer = new ResourceLayer( "Last", tempLayer, lastHandler );\r
+        \r
+        load( fileHandler, "/a.js" );\r
+        load( fileHandler, "/b.js" );\r
+        load( fileHandler, "/c.js" );\r
+        \r
+        load( fileHandler, "/a.css" );\r
+        load( fileHandler, "/b.css" );\r
+        \r
+        load( fileHandler, "/a.html" );\r
+        load( fileHandler, "/b.html" );\r
+\r
+        Builder jsMockBuilder = new MockBuilder(tempLayer){\r
+            @Override\r
+            public boolean canBuild(Resource resource) {\r
+                try {\r
+                    if (resource!=null\r
+                            && resource.getName().endsWith("js")) {\r
+                        return true; \r
+                    }\r
+                } catch (IOException e) {\r
+                    return false;\r
+                }\r
+                return false;\r
+            }\r
+        };\r
+        Builder htmlMockBuilder = new MockBuilder(tempLayer){\r
+            @Override\r
+            public boolean canBuild(Resource resource) {\r
+                try {\r
+                    if (resource!=null\r
+                            && resource.getName().endsWith("html")) {\r
+                        return true; \r
+                    }\r
+                } catch (IOException e) {\r
+                    return false;\r
+                }\r
+                return false;\r
+            }\r
+        };\r
+\r
+        BuildProcess target = new BuildProcess();\r
+        target.addBuilder( jsMockBuilder );\r
+        target.addBuilder( htmlMockBuilder );\r
+        \r
+        target.build(\r
+            new Resource( fileLayer, "/a.js" ),\r
+            new Resource( fileLayer, "/b.js" ),\r
+            new Resource( fileLayer, "/c.js" ),\r
+            new Resource( fileLayer, "/a.css" ),\r
+            new Resource( fileLayer, "/b.css" ),\r
+            new Resource( fileLayer, "/a.html" ),\r
+            new Resource( fileLayer, "/b.html" )\r
+        );\r
+        \r
+        assertEquals( tempLayer, lastLayer.getResource( "/a.js" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/b.js" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/c.js" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "/a.css" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "/b.css" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/a.html" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/b.html" ).getLayer() );\r
+        \r
+\r
+        target.build(\r
+            new Resource( fileLayer, "/a.js" )\r
+        );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/a.js" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/b.js" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/c.js" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "/a.css" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "/b.css" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/a.html" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/b.html" ).getLayer() );\r
+\r
+        fileLayer.getFileHandler().removeFile( "/a.js" );\r
+        target.build(\r
+            new Resource( fileLayer, "/a.js" )\r
+        );\r
+        assertEquals( null, lastLayer.getResource( "/a.js" ) );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/b.js" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/c.js" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "/a.css" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "/b.css" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/a.html" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "/b.html" ).getLayer() );\r
+\r
+    }\r
+\r
+    @Test\r
+    public void test_filehandler() throws Exception\r
+    {\r
+        final FileHandler fileHandler = new StandardFileHandler();\r
+        fileHandler.setCurrentWorkingDirectory( "test/file" );\r
+        final ResourceLayer fileLayer = new ResourceLayer( "File", fileHandler );\r
+        \r
+        final FileHandler tempHandler = new StandardFileHandler();\r
+        final String tempPath = "test/build/" + ObjectUtil.generateGUID( tempHandler );\r
+        new File( tempPath ).mkdir();\r
+        tempHandler.setCurrentWorkingDirectory( tempPath );\r
+        \r
+        final ResourceLayer tempLayer = new ResourceLayer( "Temp", fileLayer, tempHandler );\r
+        new File( tempPath ).mkdir();\r
+        \r
+        final FileHandler lastHandler = new StandardFileHandler();\r
+        final String lastPath = "test/build/" + ObjectUtil.generateGUID( lastHandler );\r
+        new File( lastPath ).mkdir();\r
+        lastHandler.setCurrentWorkingDirectory( lastPath );\r
+        final ResourceLayer lastLayer = new ResourceLayer( "Last", tempLayer, lastHandler );\r
+\r
+        Builder jsMockBuilder = new MockBuilder(tempLayer){\r
+            @Override\r
+            public boolean canBuild(Resource resource) {\r
+                try {\r
+                    if (resource!=null\r
+                            && resource.getName().endsWith("js")) {\r
+                        return true; \r
+                    }\r
+                } catch (IOException e) {\r
+                    return false;\r
+                }\r
+                return false;\r
+            }\r
+        };\r
+        Builder htmlMockBuilder = new MockBuilder(tempLayer){\r
+            @Override\r
+            public boolean canBuild(Resource resource) {\r
+                try {\r
+                    if (resource!=null\r
+                            && resource.getName().endsWith("html")) {\r
+                        return true; \r
+                    }\r
+                } catch (IOException e) {\r
+                    return false;\r
+                }\r
+                return false;\r
+            }\r
+        };\r
+\r
+        BuildProcess target = new BuildProcess();\r
+        \r
+        target.addBuilder(jsMockBuilder);\r
+        target.addBuilder(htmlMockBuilder);\r
+\r
+        target.build(\r
+            new Resource( fileLayer, "a.js" ),\r
+            new Resource( fileLayer, "b.js" ),\r
+            new Resource( fileLayer, "c.js" ),\r
+            new Resource( fileLayer, "a.css" ),\r
+            new Resource( fileLayer, "b.css" ),\r
+            new Resource( fileLayer, "a.html" ),\r
+            new Resource( fileLayer, "b.html" )\r
+        );\r
+        \r
+        assertEquals( tempLayer, lastLayer.getResource( "a.js" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "b.js" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "c.js" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "a.css" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "b.css" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "a.html" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "b.html" ).getLayer() );\r
+        \r
+\r
+        target.build(\r
+            new Resource( fileLayer, "a.js" )\r
+        );\r
+        assertEquals( tempLayer, lastLayer.getResource( "a.js" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "b.js" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "c.js" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "a.css" ).getLayer() );\r
+        assertEquals( fileLayer, lastLayer.getResource( "b.css" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "a.html" ).getLayer() );\r
+        assertEquals( tempLayer, lastLayer.getResource( "b.html" ).getLayer() );\r
+\r
+//        assertEquals( builder2, target.getLastBuilder() );\r
+\r
+        Collection<Resource> result = target.getResult(\r
+                new Resource( fileLayer, "c.js" ),\r
+                new Resource( fileLayer, "a.css" )\r
+                );\r
+        {\r
+            Iterator<Resource> iter = target.getSortedResource( result ).iterator();\r
+            assertTrue( iter.hasNext() );\r
+            Resource next = iter.next();\r
+            assertEquals( lastLayer.getResource( "a.css" ), next );\r
+            assertEquals( fileLayer, next.getLayer() );\r
+            \r
+            \r
+            assertTrue( iter.hasNext() );\r
+            next = iter.next();\r
+            assertEquals( lastLayer.getResource( "c.js" ), next );\r
+            assertEquals( tempLayer, next.getLayer() );\r
+            assertFalse( iter.hasNext() );\r
+        }\r
+        \r
+//        fileLayer.getFileHandler().removeFile( "a.js" );\r
+//        target.build(\r
+//            new Resource( fileLayer, "a.js" )\r
+//        );\r
+//        assertEquals( null, lastLayer.getResource( "a.js" ) );\r
+//        assertEquals( tempLayer, lastLayer.getResource( "b.js" ).getLayer() );\r
+//        assertEquals( tempLayer, lastLayer.getResource( "c.js" ).getLayer() );\r
+//        assertEquals( fileLayer, lastLayer.getResource( "a.css" ).getLayer() );\r
+//        assertEquals( fileLayer, lastLayer.getResource( "b.css" ).getLayer() );\r
+//        assertEquals( tempLayer, lastLayer.getResource( "a.html" ).getLayer() );\r
+//        assertEquals( tempLayer, lastLayer.getResource( "b.html" ).getLayer() );\r
+    }\r
+}\r
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/MockBuilder.java b/org.tizen.common.builder/test/src/org/tizen/common/builder/MockBuilder.java
new file mode 100644 (file)
index 0000000..ad3c642
--- /dev/null
@@ -0,0 +1,34 @@
+package org.tizen.common.builder;
+
+import java.io.IOException;
+
+import org.tizen.common.builder.core.AbstractBuilder;
+import org.tizen.common.builder.exception.BuildException;
+import org.tizen.common.util.IOUtil;
+
+public class MockBuilder extends AbstractBuilder {
+
+    public MockBuilder(ResourceLayer layer) {
+        super(layer);
+    }
+
+    @Override
+    public boolean canBuild(Resource resource) {
+        // TODO Auto-generated method stub
+        return false;
+    }
+
+    @Override
+    public BuildResult build(Resource resource) throws BuildException {
+        BuildResult result = new BuildResult();
+        Resource out;
+        try {
+            out = layer.addResource(resource.getPath(), IOUtil.getBytes(resource.getContents()));
+            result.addDependency(resource, out);
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+        return result;
+    }
+
+}
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/ResourceLayerTest.java b/org.tizen.common.builder/test/src/org/tizen/common/builder/ResourceLayerTest.java
new file mode 100644 (file)
index 0000000..535620d
--- /dev/null
@@ -0,0 +1,53 @@
+/*\r
+ * Web IDE - Builder\r
+ *\r
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.\r
+ *\r
+ * Contact:\r
+ * Kangho Kim <kh5325.kim@samsung.com>\r
+ * Hyeongseok Heo <hyeongseok.heo@samsung.com>\r
+ * Bonyong Lee <bonyong.lee@samsung.com>\r
+ * Jihoon Song <jihoon80.song@samsung.com>\r
+ * Taeyoung Son <taeyoung2.son@samsung.com>\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ *\r
+ * Contributors:\r
+ * - S-Core Co., Ltd\r
+ *\r
+ */\r
+package org.tizen.common.builder;\r
+\r
+import org.junit.Test;\r
+import org.tizen.common.builder.ResourceLayer;\r
+import org.tizen.common.file.VirtualFileHandler;\r
+\r
+public class ResourceLayerTest\r
+{\r
+\r
+    @Test\r
+    public\r
+    void\r
+    test_addResource()\r
+    throws Exception\r
+    {\r
+        final VirtualFileHandler fileHandler = new VirtualFileHandler();\r
+        final ResourceLayer target = new ResourceLayer( fileHandler );\r
+        \r
+        // TODO\r
+//        target.addResource( "/test", null );\r
+//        target.addResource( "/test/hello.js", "Hello, world".getBytes() );\r
+        \r
+    }\r
+\r
+}\r
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/a.css b/org.tizen.common.builder/test/src/org/tizen/common/builder/a.css
new file mode 100644 (file)
index 0000000..20de43c
--- /dev/null
@@ -0,0 +1,6076 @@
+@CHARSET "EUC-KR";\r
+\r
+/* common style */\r
+html,body {\r
+       margin: 0;\r
+       padding: 0;\r
+       height: 100%;\r
+       min-height: 100%;\r
+}\r
+\r
+hr {\r
+       display: none;\r
+}\r
+\r
+ul,ol,form,h1,h2,h3,h4,h5,h6,dl,dt,dd {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+img {\r
+       border: none;\r
+}\r
+\r
+a:link {\r
+       text-decoration: none\r
+}\r
+\r
+a:visited {\r
+       text-decoration: none\r
+}\r
+\r
+a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+a:active {\r
+       text-decoration: none\r
+}\r
+\r
+.clear {\r
+       clear: both;\r
+}\r
+\r
+.blank5 {\r
+       height: 5px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank7 {\r
+       height: 7px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank10 {\r
+       height: 10px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank20 {\r
+       height: 20px;\r
+       overflow: hidden;\r
+}\r
+\r
+.tl {\r
+       text-align: left;\r
+}\r
+\r
+.tc {\r
+       text-align: center;\r
+}\r
+\r
+.tr {\r
+       text-align: right;\r
+}\r
+\r
+.fl {\r
+       float: left;\r
+}\r
+\r
+.fr {\r
+       float: right;\r
+}\r
+\r
+.fn {\r
+       float: none;\r
+}\r
+\r
+.vm {\r
+       vertical-align: middle;\r
+}\r
+\r
+.u,a.u {\r
+       text-decoration: underline;\r
+}\r
+\r
+.ls1 {\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.nb {\r
+       font-weight: normal !important\r
+}\r
+\r
+input.cx {\r
+       width: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+}\r
+\r
+img.i_scrap {\r
+       margin: 0 0 3px 0;\r
+       vertical-align: middle;\r
+}\r
+\r
+img.i_open {\r
+       margin: 0 1px 4px 1px;\r
+       vertical-align: middle;\r
+}\r
+\r
+img.report {\r
+       margin: 0 0 -1px 0;\r
+}\r
+\r
+.p8 {\r
+       font-size: 8px;\r
+}\r
+\r
+.p9 {\r
+       font-size: 9px;\r
+}\r
+\r
+.p10 {\r
+       font-size: 10px;\r
+}\r
+\r
+.p11 {\r
+       font-size: 11px;\r
+}\r
+\r
+.p12 {\r
+       font-size: 12px;\r
+}\r
+\r
+.fil1 {\r
+       filter: alpha(opacity = 10);\r
+       opacity: 0.1;\r
+}\r
+\r
+.fil2 {\r
+       filter: alpha(opacity = 20);\r
+       opacity: 0.2;\r
+}\r
+\r
+.fil3 {\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+}\r
+\r
+.fil4 {\r
+       filter: alpha(opacity = 40);\r
+       opacity: 0.4;\r
+}\r
+\r
+.fil5 {\r
+       filter: alpha(opacity = 50);\r
+       opacity: 0.5;\r
+}\r
+\r
+.fil6 {\r
+       filter: alpha(opacity = 60);\r
+       opacity: 0.6;\r
+}\r
+\r
+.fil7 {\r
+       filter: alpha(opacity = 70);\r
+       opacity: 0.7;\r
+}\r
+\r
+.fil8 {\r
+       filter: alpha(opacity = 80);\r
+       opacity: 0.8;\r
+}\r
+\r
+.fil9 {\r
+       filter: alpha(opacity = 90);\r
+       opacity: 0.9;\r
+}\r
+\r
+.hand {\r
+       cursor: pointer;\r
+}\r
+\r
+/* Layout-X.jsp Áߺ¹µÈ ½ºÅ¸ÀÏ Á¸Àç È®ÀΠÇÊ¿ä */\r
+* html html {\r
+       overflow: scroll;\r
+       overflow-x: auto;\r
+}\r
+\r
+/* layout style */\r
+#head-skin {\r
+       width: 100%;\r
+       min-height: 100%;\r
+       background-repeat: repeat-x;\r
+       z-index: 1;\r
+}\r
+\r
+* html #head-skin {\r
+       height: 100%;\r
+}\r
+\r
+#whole-head,#whole-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+       clear: both;\r
+}\r
+\r
+#wrapper .side-head,#wrapper .side-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+       clear: both;\r
+}\r
+\r
+#whole-body {\r
+       clear: both;\r
+       padding: 0 8px;\r
+}\r
+\r
+#bottom-skin {\r
+       clear: both;\r
+       height: 75px;\r
+       background-repeat: repeat-x;\r
+}\r
+\r
+#body {\r
+       position: relative;\r
+       z-index: 10;\r
+       text-align: left;\r
+}\r
+\r
+#left-area,#right-area {\r
+       zoom: 1\r
+}\r
+\r
+#left-area:after,#right-area:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+#top-area #blog-title {\r
+       width: 100%\r
+}\r
+\r
+#left-area,#right-area,#content-area {\r
+       margin-top: 4px;\r
+} /*090824¼öÁ¤*/\r
+#bottom-area {\r
+       clear: both;\r
+}\r
+\r
+#blog-sign {\r
+       position: absolute;\r
+       width: 120px;\r
+       height: 20px;\r
+       right: 5px;\r
+       bottom: -30px;\r
+}\r
+\r
+#brandlink {\r
+       position: absolute;\r
+       left: 820px;\r
+       top: 545px;\r
+}\r
+\r
+div.division-line-x,div.division-line-y {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+div.division-line-x {\r
+       width: 171px;\r
+       height: 8px;\r
+       clear: both;\r
+}\r
+\r
+div.plile {\r
+       width: 100%;\r
+}\r
+\r
+#wrapper {\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#bottom-area {\r
+       padding-top: 8px;\r
+}\r
+\r
+#bottom-tight-area {\r
+       margin-top: 8px;\r
+}\r
+\r
+#top-tight-area .widget {\r
+       float: left;\r
+       margin-left: 8px;\r
+}\r
+\r
+#bottom-tight-area .widget {\r
+       float: left;\r
+       margin-left: 8px;\r
+}\r
+\r
+#top-tight-area div.division-line-x {\r
+       float: left;\r
+       width: 8px;\r
+       clear: none;\r
+}\r
+\r
+#bottom-tight-area div.division-line-x {\r
+       float: left;\r
+       width: 8px;\r
+       clear: none;\r
+}\r
+\r
+#top-tight-area .clear,#bottom-tight-area .clear {\r
+       height: 1px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+/* admin */\r
+#post-admin {\r
+       width: 147px;\r
+       margin: 0 auto;\r
+       padding: 0 0 6px 0;\r
+       text-align: left;\r
+} /* 0825 */\r
+#post-admin a {\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+} /* 0825 */\r
+#post-admin a.statistics {\r
+       font-weight: normal;\r
+} /* 0825 */\r
+#post-admin img.write {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 2px -2px 2px;\r
+       background: url(http://blogimgs.naver.net/nblog/write_ico.png);\r
+}\r
+\r
+* html #post-admin img.write {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/write_ico.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#post-admin img.admin {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 -2px 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/edit_ico.png);\r
+} /* 0825 */\r
+* html #post-admin img.admin {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/edit_ico.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#post-admin img.admin-new {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 -2px 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/ico_new.gif) 0 1px\r
+               no-repeat;\r
+} /* 090506Ãß°¡ */\r
+#post-admin span.bar {\r
+       padding: 0 5px 0 3px;\r
+}\r
+\r
+#post-admin span.bar1 {\r
+       padding: 0 12px 0 9px;\r
+}\r
+\r
+#post-admin span.bar2 {\r
+       padding: 0 14px 0 11px;\r
+}\r
+\r
+#wrapper .side-body {\r
+       text-align: center;\r
+       clear: both;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#wrapper .side-body.onestyle {\r
+       padding: 0 0 10px 0;\r
+       zoom: 1;\r
+       width: 100%;\r
+}\r
+\r
+#wrapper .side-body .widget {\r
+       overflow: hidden\r
+}\r
+\r
+#wrapper h3.component {\r
+       position: absolute;\r
+       font-size: 12px;\r
+}\r
+\r
+#wrapper h3.component span {\r
+       cursor: default;\r
+}\r
+\r
+#wrapper .cm-head {\r
+       clear: both;\r
+       position: relative;\r
+       z-index: 1\r
+}\r
+\r
+#wrapper .cm-title {\r
+       position: absolute;\r
+       width: 171px;\r
+       z-index: 2\r
+}\r
+\r
+#wrapper .cm-body {\r
+       clear: both;\r
+}\r
+\r
+#wrapper .cm-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+#wrapper .cm-arw {\r
+       width: 3px;\r
+       height: 3px;\r
+       margin: 0 2px 2px 0;\r
+       vertical-align: middle;\r
+}\r
+\r
+#wrapper .cm-icol {\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#wrapper .cm-con {\r
+       width: 161px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#wrapper .cmore {\r
+       position: absolute;\r
+       right: 8px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+}\r
+\r
+#wrapper .cmore a {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+input.listup {\r
+       width: 15px;\r
+       height: 5px;\r
+       margin: 0 0 5px 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       text-align: center;\r
+       font-family: µ¸¿ò;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+input.listdown {\r
+       width: 15px;\r
+       height: 5px;\r
+       margin: 0 0 5px 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       text-align: center;\r
+       font-family: µ¸¿ò;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+       filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=  2 );\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#idMenuDiv {\r
+       text-align: left;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#idMenuDiv .n_id {\r
+       cursor: pointer;\r
+}\r
+\r
+/* scrollbox */\r
+.template .scrollbox {\r
+       font-size: 12px;\r
+       border: 1px solid green;\r
+}\r
+\r
+.template .scrollbox .track {\r
+       background-color: #ff0;\r
+       width: 20px;\r
+}\r
+\r
+.template .scrollbox .button {\r
+       background-color: #f00;\r
+       width: 20px;\r
+       height: 20px;\r
+}\r
+\r
+.template .scrollbox .button.button_up {\r
+       background-color: #f0f;\r
+}\r
+\r
+.template .scrollbox .button.button_up.button_up_over {\r
+       background-color: #a00;\r
+}\r
+\r
+.template .scrollbox .button.button_up.button_up_down {\r
+       background-color: #0a0;\r
+}\r
+\r
+.template .scrollbox .button.button_dn {\r
+       background-color: #0f0;\r
+}\r
+\r
+.template .scrollbox .button.button_dn.button_dn_over {\r
+       background-color: #a00;\r
+}\r
+\r
+.template .scrollbox .button.button_dn.button_dn_down {\r
+       background-color: #0a0;\r
+}\r
+\r
+.template .scrollbox .thumb {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb .thumbtop {\r
+       width: 20px;\r
+       height: 10px;\r
+       background-color: gray;\r
+}\r
+\r
+.template .scrollbox .thumb .thumbbtm {\r
+       width: 20px;\r
+       height: 10px;\r
+       background-color: gray;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over {\r
+       background-color: #aaa;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over .thumbtop {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over .thumbbtm {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down {\r
+       background-color: #faa;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down .thumbtop {\r
+       background-color: #a77;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down .thumbbtm {\r
+       background-color: #a77;\r
+}\r
+\r
+/* selectbox */\r
+.ie7 {\r
+       font-size: 12px;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .box {\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/box.gif)\r
+               no-repeat;\r
+       position: relative;\r
+       text-decoration: none;\r
+       height: 22px;\r
+       color: #000;\r
+}\r
+\r
+.ie7 .selectbox_disabled {\r
+       opacity: 0.7;\r
+       -moz-opacity: 0.7;\r
+       -kthml-opacity: 0.7;\r
+       filter: alpha(opacity = 70);\r
+}\r
+\r
+.ie7 .box.box_over {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/box_over.gif);\r
+}\r
+\r
+.ie7 .box.box_down {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/box_down.gif);\r
+}\r
+\r
+.ie7 .box .label {\r
+       padding: 2px 5px;\r
+       height: 22px;\r
+       overflow: hidden;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .box .button {\r
+       float: right;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/button.gif)\r
+               no-repeat #fff;\r
+       width: 15px;\r
+       height: 22px;\r
+       _cursor: hand;\r
+       cursor: pointer;\r
+}\r
+\r
+.ie7 .box.box_over .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_over.gif);\r
+}\r
+\r
+.ie7 .box.box_down .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_down.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box.box_over .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e_over.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box.box_down .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e_down.gif);\r
+}\r
+\r
+.ie7 .listbox {\r
+       border: 1px solid #9d9da1;\r
+       background-color: #fff;\r
+       margin: 2px 0 0 0;\r
+       padding: 0;\r
+}\r
+\r
+.ie7 .listbox li {\r
+       padding: 5px;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .listbox li.over {\r
+       background-color: #bbb7c7;\r
+}\r
+\r
+.png24 {\r
+       tmp: expression(setPng24(this) );\r
+}\r
+\r
+.division-line-x {\r
+       height: 5px;\r
+       font-size: 0;\r
+       overflow: hidden;\r
+}\r
+\r
+/* *** Float containers fix *** */\r
+.clearfix:after {\r
+       content: ".";\r
+       display: block;\r
+       height: 0;\r
+       clear: both;\r
+       visibility: hidden;\r
+}\r
+\r
+/* Hides from IE-mac \*/\r
+* html .clearfix {\r
+       height: 1%;\r
+}\r
+\r
+.clearfix {\r
+       display: block;\r
+}\r
+/* End hide from IE-mac */\r
+\r
+/*printer styles*/\r
+@media print {\r
+       #leftcol {\r
+               display: none;\r
+       }\r
+       #rightcol {\r
+               display: none;\r
+       }\r
+       #twocols,#maincol {\r
+               width: 100%;\r
+               float: none;\r
+       }\r
+}\r
+\r
+.error_box {\r
+       width: 171px;\r
+       padding-top: 7px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left top\r
+               no-repeat;\r
+}\r
+\r
+.error_box p img {\r
+       border: 0\r
+}\r
+\r
+.error_box p {\r
+       margin: 7px !important;\r
+       padding: 3px 0 0 0 !important;\r
+       color: #6E6E6E;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       line-height: 1.2\r
+}\r
+\r
+.error_box p.ico_recycle {\r
+       padding: 9px 0 3px 0;\r
+       text-align: center\r
+}\r
+\r
+.error_box_b {\r
+       overflow: hidden;\r
+       width: 171px;\r
+       height: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left\r
+               bottom no-repeat;\r
+       font-size: 0\r
+}\r
+\r
+/* for log-integretion close-beta service */\r
+.betatest {\r
+       margin: 0 auto;\r
+       padding: 8px 0 8px;\r
+       width: 147px;\r
+       text-align: left;\r
+       font-weight: bold;\r
+}\r
+\r
+.betatest span {\r
+       display: inline-block;\r
+       padding-right: 8px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/profile/0158_icon.gif)\r
+               no-repeat right center;\r
+}\r
+\r
+.logbetalist {\r
+       position: relative;\r
+       left: -11px;\r
+       width: 105px;\r
+       height: 100%;\r
+       padding: 1px !important;\r
+       overflow: hidden;\r
+       border: 1px solid #9b9b9b;\r
+       background: #fff;\r
+}\r
+\r
+.logbetalist li {\r
+       width: 105px;\r
+       padding: 0 !important;\r
+}\r
+\r
+.logbetalist li a {\r
+       display: inline-block;\r
+       width: 96px;\r
+       padding: 5px 0 4px 9px;\r
+       color: #555;\r
+}\r
+\r
+.logbetalist li a:hover {\r
+       background: #f3f3f3 !important;\r
+}\r
+\r
+/* 090717 ·Î±×ÅëÇÕ ÀÌ¿ëÀÚ¼ÒÅë */\r
+div.log_intergration {\r
+       margin: 9px 0 6px;\r
+       padding: 0 0 0 22px;\r
+       font-size: 12px !important;\r
+       line-height: 1.4;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/beta/ico_log_exclam2.gif)\r
+               no-repeat\r
+}\r
+\r
+strong.log_info {\r
+       display: block;\r
+       margin: 0;\r
+       padding-bottom: 2px;\r
+       font-size: 12px !important\r
+}\r
+\r
+span.log_info {\r
+       display: block;\r
+       margin-bottom: 11px;\r
+       padding-top: 4px;\r
+       font-size: 12px !important;\r
+       filter: alpha(opacity = 80);\r
+       opacity: 0.8;\r
+}\r
+\r
+/* 0921Ãß°¡ */\r
+.post_layer {\r
+       position: absolute;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       background: url(http://blogimgs.naver.net/nblog/spc.gif);\r
+}\r
+\r
+.shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .post_layer .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.post_layer .shadow01_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.post_layer .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .post_layer .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.post_layer .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.post_layer .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.post_layer .close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.post_layer .content {\r
+       padding-bottom: 3px;\r
+       margin: 13px 20px 0 20px;\r
+       border-bottom: 1px solid #E8E8E8;\r
+}\r
+\r
+.post_layer .btn {\r
+       margin: 0;\r
+       padding: 10px 0 10px 0;\r
+       text-align: center;\r
+}\r
+\r
+.post_layer .ln15 {\r
+       line-height: 1.5\r
+}\r
+\r
+.post_layer p {\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+.post_layer .post_data {\r
+       margin-top: 3px;\r
+       padding: 9px 0 0 0;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_line2.gif)\r
+               top repeat-x;\r
+       text-align: left\r
+}\r
+\r
+.post_layer .post_data h3 {\r
+       margin: 0;\r
+       padding: 0 0 4px 7px;\r
+       font-size: 12px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_arrow.gif)\r
+               0 3px no-repeat;\r
+}\r
+\r
+.post_layer .post_data ul {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.post_layer .post_data li {\r
+       list-style-type: none;\r
+       position: relative;\r
+       margin: 0;\r
+       padding: 0 0 4px 7px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_dot3.gif)\r
+               0 4px no-repeat;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.post_layer .post_data span {\r
+       position: absolute;\r
+       left: 0;\r
+       padding: 0 0 0 91px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_bar2.gif)\r
+               81px 0 no-repeat;\r
+       color: #004790;\r
+}\r
+\r
+.post_layer .post_data span a {\r
+       color: #004790;\r
+}\r
+/* 0921Ãß°¡ */\r
+\r
+/* app box */\r
+#blog-socialappbox {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left\r
+}\r
+\r
+#blog-socialappbox .line {\r
+       width: 141px;\r
+       height: 1px;\r
+       margin: 0 auto;\r
+       border-top: 1px solid\r
+}\r
+\r
+#blog-socialappbox .cm-head em {\r
+       font-style: normal;\r
+       font-weight: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma\r
+}\r
+\r
+.app_box {\r
+       overflow: hidden;\r
+       padding: 9px 0 2px 10px;\r
+       zoom: 1\r
+}\r
+\r
+.app_box li {\r
+       float: left;\r
+       width: 44px;\r
+       margin: 0 5px 9px 0;\r
+       text-align: center;\r
+       list-style: none\r
+}\r
+\r
+.app_box li a {\r
+       display: inline-block\r
+}\r
+\r
+.app_box li a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.app_box li img {\r
+       vertical-align: top\r
+}\r
+\r
+.app_box li span {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 44px;\r
+       margin-top: 5px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       white-space: nowrap\r
+}\r
+\r
+.app_box_btn {\r
+       margin-right: 9px;\r
+       padding: 2px 0 6px;\r
+       text-align: right\r
+}\r
+\r
+.app_box_btn span,.app_box_btn a {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.app_box_btn .bar {\r
+       display: inline-block;\r
+       margin: 0 0 0 -1px;\r
+       font-style: normal;\r
+       font-size: 11px\r
+}\r
+\r
+.app_box_none {\r
+       text-align: center\r
+}\r
+\r
+.app_box_none p {\r
+       display: inline-block;\r
+       margin: 0;\r
+       padding: 24px 0 27px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.app_box_none .p_type2 {\r
+       padding: 1px 0 0\r
+}\r
+\r
+.app_box_none .line {\r
+       padding-bottom: 10px\r
+}\r
+\r
+.app_box_ros {\r
+       padding: 5px 9px\r
+}\r
+\r
+.app_box_ros p {\r
+       margin: 0;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 16px\r
+}\r
+\r
+/* photo viewer */\r
+.photo_view {\r
+       position: absolute;\r
+}\r
+\r
+.photo_view .photo_shadow {\r
+       position: absolute;\r
+       bottom: -4px;\r
+       _bottom: -5px;\r
+       width: 100%;\r
+       height: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png)\r
+               left top no-repeat;\r
+       font-size: 0;\r
+}\r
+\r
+* html .photo_view .photo_shadow {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png',\r
+               sizingMethod='scale' );\r
+       background: none\r
+}\r
+\r
+.photo_view img {\r
+       border: 0\r
+}\r
+\r
+.photo_view p {\r
+       margin: 0\r
+}\r
+\r
+.photo_view .view_top {\r
+       position: relative;\r
+       height: 31px;\r
+       margin-left: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_top_r.gif)\r
+               right top no-repeat;\r
+}\r
+\r
+.photo_view h3 {\r
+       position: absolute;\r
+       top: 0;\r
+       left: -4px;\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+.photo_view .btn_left {\r
+       position: absolute;\r
+       top: 6px;\r
+       right: 50%;\r
+}\r
+\r
+.photo_view .btn_left a {\r
+       display: block;\r
+       width: 31px;\r
+       height: 21px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left.gif)\r
+               no-repeat;\r
+}\r
+/*.photo_view   .btn_left a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_over.gif) no-repeat;}\r
+.photo_view .btn_left a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_down.gif) no-repeat;}*/\r
+.photo_view .btn_left a img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .btn_right {\r
+       position: absolute;\r
+       top: 6px;\r
+       left: 50%;\r
+}\r
+\r
+.photo_view .btn_right a {\r
+       display: block;\r
+       width: 31px;\r
+       height: 21px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right.gif)\r
+               no-repeat;\r
+}\r
+/*.photo_view   .btn_right a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_over.gif) no-repeat;}\r
+.photo_view .btn_right a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_down.gif) no-repeat;}*/\r
+.photo_view .btn_right a img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .photo_count {\r
+       position: absolute;\r
+       top: 9px;\r
+       right: 39px;\r
+       color: #6E6E6E;\r
+       font-size: 11px;\r
+       font-family: Verdana\r
+}\r
+\r
+.photo_view .photo_album {\r
+       position: absolute;\r
+       padding: 0 1px 1px 1px;\r
+       border: 1px solid #797979;\r
+       border-top: 0;\r
+       background-color: #fff\r
+}\r
+\r
+.photo_view .photo_album p {\r
+       border: 1px solid #AAA\r
+}\r
+\r
+.photo_view .btn_close {\r
+       position: absolute;\r
+       top: 5px;\r
+       right: 5px;\r
+}\r
+\r
+.photo_view .btn_close a {\r
+       display: block;\r
+       width: 23px;\r
+       height: 22px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close a:hover {\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_over.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close a:active {\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_down.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .btn_original {\r
+       position: absolute;\r
+       top: 20px;\r
+       left: 20px;\r
+}\r
+\r
+* html .photo_view .btn_original img {\r
+       width: 80px;\r
+       height: 1px;\r
+       margin-top: -1px;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_original.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+.photo_view .loading_layer {\r
+       display: inline-block;\r
+       width: 150px;\r
+       height: 34px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/load_b01_01.gif)\r
+               0 bottom no-repeat;\r
+       color: #4B4B4B;\r
+       font-size: 12px;\r
+       font-family: dotum;\r
+       letter-spacing: -1px;\r
+} /* 100524 */\r
+\r
+/* ipad */\r
+.guid_ipad_area2 {\r
+       width: 169px;\r
+       height: 178px;\r
+       margin: 0 auto;\r
+       border: 1px solid #ebebeb;\r
+       background: #f8f8f8;\r
+       color: #888;\r
+       text-align: center;\r
+}\r
+\r
+.guid_ipad_area2 p {\r
+       padding-top: 61px;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       line-height: 18px;\r
+}\r
+\r
+/* ÁöµµÀ§¿¡ ºí·Î±× : Ç³¼±¸» */\r
+.ic_new {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -14px;\r
+       left: 2px;\r
+       width: 20px;\r
+       height: 13px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/ic_new.png)\r
+               no-repeat;\r
+       text-indent: -9999px\r
+}\r
+\r
+.ic_event {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -14px;\r
+       left: -1px;\r
+       width: 26px;\r
+       height: 13px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/event/ic_event.png)\r
+               no-repeat;\r
+       text-indent: -9999px\r
+}\r
+/* for widget */\r
+\r
+/* for blog-category */\r
+#blog-category {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-category p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-category ul.profile-menu {\r
+       border-width: 1px 0;\r
+       border-color: #BCBCB8;\r
+       border-style: dotted;\r
+}\r
+\r
+#blog-category ul {\r
+       margin: 0;\r
+       padding: 5px 0 8px 9px;\r
+}\r
+\r
+#blog-category ul li {\r
+       list-style-type: none;\r
+       margin: 0 0 1px;\r
+       padding: 5px 0 0;\r
+       overflow: hidden;\r
+       zoom: 1;\r
+       word-break: break-all;\r
+       word-wrap: break-word; .\r
+       margin-bottom: -3px;\r
+}\r
+\r
+#blog-category ul li.allview {\r
+       padding-bottom: 7px;\r
+}\r
+\r
+#blog-category ul li.allview a {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-category ul li.selectedview a {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-category ul li.dilind {\r
+       margin: 0;\r
+       padding: 3px 0 5px;\r
+}\r
+\r
+#blog-category ul li.dilind input {\r
+       width: 145px;\r
+       height: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       vertical-align: middle;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-category ul li.depth2dilind {\r
+       padding: 3px 0 5px;\r
+       background: none;\r
+       font-size: 0;\r
+}\r
+\r
+#blog-category ul li.depth2dilind input {\r
+       width: 145px;\r
+       height: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       vertical-align: top;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-category ul li .num {\r
+       position: relative;\r
+       top: -1px;\r
+       font-family: verdana;\r
+       font-size: 10px;\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-category ul li img.listimage {\r
+       float: left;\r
+}\r
+\r
+#blog-category ul li img.albumimage {\r
+       float: left;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/admin/ico_n_photo.gif);\r
+}\r
+\r
+#blog-category ul li .tlink {\r
+       float: left;\r
+       width: 112px;\r
+}\r
+\r
+#blog-category ul li .tlink_nosub {\r
+       float: left;\r
+       width: 138px;\r
+}\r
+\r
+#blog-category ul li a.on {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-category ul li.depth2 {\r
+       padding-left: 14px;\r
+       background-position: 4px 5px;\r
+       background-repeat: no-repeat;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_depth2_l.gif);\r
+}\r
+\r
+#blog-category ul li.depth2 .tlink {\r
+       width: 112px;\r
+}\r
+\r
+#blog-category .f_open {\r
+       float: left;\r
+       width: 16px;\r
+       height: 10px;\r
+       margin: 1px 0 0;\r
+       font: 0/0 arial;\r
+}\r
+\r
+#blog-category .f_open .f_icoclosed,#blog-category .f_open .f_icoopen {\r
+       background-repeat: no-repeat;\r
+       cursor: pointer;\r
+       _cursor: hand;\r
+} /* 090226¼öÁ¤ */\r
+#blog-category .f_open .f_icoclosed {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_f_closed_l.gif);\r
+}\r
+\r
+#blog-category .f_open .f_icoopen {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_f_open_l.gif);\r
+}\r
+\r
+#blog-category .allimage,#blog-category .listimage,#blog-category .albumimage\r
+       {\r
+       width: 10px;\r
+       height: 12px;\r
+       margin: 0 2px -2px 0;\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#blog-category h3.component span {\r
+       cursor: pointer;\r
+}\r
+/* for Category.jsp */\r
+.layer_popup {\r
+       top: 800px;\r
+       left: 350px;\r
+       position: absolute;\r
+       overflow: visible;\r
+       filter: progid:DXImageTransform.Microsoft.Shadow(color=#6c6c6c,\r
+               direction=135, strength=3 );\r
+}\r
+\r
+.layer_popup em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+}\r
+\r
+.layer_popup .shadow {\r
+       position: absolute;\r
+       width: 100%;\r
+       height: 100%;\r
+       overflow: visible;\r
+       z-index: 1;\r
+       _display: none;\r
+}\r
+\r
+*:first-child+html .layer_popup .shadow {\r
+       display: none;\r
+}\r
+\r
+.layer_popup .shadow1 {\r
+       left: 3px;\r
+       top: 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow1.png);\r
+}\r
+\r
+.layer_popup .shadow2 {\r
+       left: 2px;\r
+       top: 2px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow2.png);\r
+}\r
+\r
+.layer_popup .shadow3 {\r
+       left: 1px;\r
+       top: 1px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow3.png);\r
+}\r
+\r
+.layer_popup {\r
+       position: absolute;\r
+       overflow: visible;\r
+       width: 208px;\r
+       filter: progid:DXImageTransform.Microsoft.Shadow(color=#c6c6c6,\r
+               direction=135, strength=3 );\r
+}\r
+\r
+.layer_popup .layer_content {\r
+       border: 1px solid #6c6c6c;\r
+       background: #ffffff;\r
+       position: relative;\r
+       z-index: 2;\r
+}\r
+\r
+.layer_popup .layer_body {\r
+       font-size: 12px;\r
+       color: #333333;\r
+       line-height: 18px;\r
+       padding: 13px 0 10px 19px;\r
+       font-family: ±¼¸², Gulim, µ¸¿ò, Dotum, Helvetica, Sans-serif;\r
+       text-align: left;\r
+}\r
+\r
+.layer_popup .layer_content a {\r
+       color: #ff3333;\r
+       text-decoration: underline;\r
+}\r
+\r
+#prohibition {\r
+       position: absolute;\r
+       z-index: 1;\r
+       top: 1017px;\r
+       left: 389px;\r
+       background: url(img/bg_prohibition.gif) no-repeat;\r
+       line-height: 140%;\r
+       padding: 15px 0 0 20px;\r
+       width: 191px;\r
+       height: 85px;\r
+       color: #333;\r
+}\r
+\r
+#prohibition span {\r
+       color: #ff3333;\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-category ul li .tlink_nosub img {\r
+       margin: 0 0 0 4px;\r
+}\r
+\r
+#blog-category ul li .prohibit {\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.png)\r
+               no-repeat 0 0;\r
+       _background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.gif) no-repeat\r
+               0 0\r
+}\r
+\r
+/* blog-search */\r
+#blog-search {\r
+       width: 171px;\r
+       height: 25px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-search h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-search {\r
+       background: none;\r
+       padding: 0;\r
+}\r
+\r
+#blog-search .inp {\r
+       width: 120px;\r
+       height: 16px;\r
+       padding: 3px 0 0 3px;\r
+       vertical-align: middle;\r
+       border-top: 1px #999999 solid;\r
+       border-right: 1px #DBDBDB solid;\r
+       border-bottom: 1px #DBDBDB solid;\r
+       border-left: 1px #999999 solid;\r
+       background: #FFF;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-search .btn {\r
+       width: 43px;\r
+       height: 22px;\r
+       margin: 0 0 -1px 3px;\r
+       vertical-align: middle;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/btn_blogsearch.gif);\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+/* blog-tag */\r
+#blog-tag {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-tag p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-tag .cmore a,#blog-tag .cmore span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-tag .cmore a.on {\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-tag .taglist {\r
+       padding: 7px 9px;\r
+       line-height: 1.6;\r
+       word-break: break-all;\r
+       word-wrap: break-word;\r
+       overflow: hidden;\r
+       width: 153px;\r
+}\r
+\r
+#blog-tag .allview {\r
+       text-align: right;\r
+       padding: 0 10px 7px 0;\r
+}\r
+\r
+#blog-tag .allview span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+}\r
+\r
+#blog-tag .allview a {\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-tag .allview img {\r
+       width: 4px;\r
+       height: 6px;\r
+       margin: 0 3px 2px 0;\r
+}\r
+\r
+/* blog-recent-comment */\r
+#blog-recent-comment {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-recent-comment h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-recent-comment p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-recent-comment ul {\r
+       padding: 10px 0 1px 10px;\r
+}\r
+\r
+#blog-recent-comment ul li {\r
+       list-style-type: none;\r
+       margin-bottom: 6px;\r
+       padding: 0;\r
+}\r
+\r
+#blog-recent-comment .allview {\r
+       text-align: right;\r
+       padding: 0 10px 7px 0;\r
+}\r
+\r
+#blog-recent-comment .allview span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+}\r
+\r
+#blog-recent-comment .allview a {\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-recent-comment .allview img {\r
+       width: 4px;\r
+       height: 6px;\r
+       margin: 0 3px 2px 0;\r
+}\r
+\r
+/* blog-visitor */\r
+#blog-visitor {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-visitor h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-visitor p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-visitor ul {\r
+       padding: 10px 0 1px 10px;\r
+}\r
+\r
+#blog-visitor ul li {\r
+       list-style-type: none;\r
+       margin-bottom: 6px;\r
+       padding: 0;\r
+       word-break: break-all;\r
+}\r
+/* for Visitor.jsp */\r
+.layerpop2 {\r
+       position: absolute;\r
+       z-index: 999;\r
+       font: normal 12px µ¸¿ò, Dotum;\r
+       color: #333;\r
+       overflow: hidden;\r
+       display: none;\r
+}\r
+\r
+.layerpop2 .border_type {\r
+       position: relative;\r
+       border: solid 2px #777;\r
+       background-color: #fff;\r
+}\r
+\r
+.layerpop2 .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+}\r
+\r
+.layerpop2 .content1 {\r
+       padding: 30px 30px 21px;\r
+       border-bottom: solid 1px #f0f0f0;\r
+}\r
+\r
+.layerpop2 .content1 h6 {\r
+       font-weight: bold;\r
+       font-size: 14px;\r
+       padding-bottom: 22px;\r
+       margin: 0;\r
+       color: #333;\r
+}\r
+\r
+.layerpop2 .subtext {\r
+       font-size: 11px;\r
+       color: #999;\r
+       margin: 0;\r
+       padding: 7px 0 0;\r
+       line-height: 16px;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop2 .check {\r
+       width: 13px;\r
+       height: 13px;\r
+       vertical-align: middle;\r
+       padding: 0 3px 2px 0;\r
+       margin-left: 2px;\r
+}\r
+\r
+.layerpop2 .btn1 {\r
+       background-color: #fbfbfb;\r
+       border-top: solid 1px #f7f7f7;\r
+       text-align: center;\r
+       margin: 0;\r
+       padding: 11px 0 20px;\r
+}\r
+\r
+.layerpop2 .btn1 img {\r
+       margin: 0 1px;\r
+       vertical-align: top;\r
+}\r
+\r
+/* blog-buddy */\r
+#blog-buddy {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-buddy h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-buddy p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-buddy ul {\r
+       padding: 5px 0 5px 8px;\r
+}\r
+\r
+#blog-buddy ul li {\r
+       list-style-type: none;\r
+       font-weight: bold;\r
+       margin: 5px 0 0 0;\r
+       padding: 0 0 2px 0;\r
+       word-break: break-all;\r
+       overflow: hidden;\r
+       word-wrap: break-word;\r
+}\r
+\r
+#blog-buddy .buddyup,#blog-buddy .buddydw {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 3px 2px 0;\r
+       background-position: 50% 50%;\r
+       background-repeat: no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-buddy ul.depth2 {\r
+       padding: 0 0 0 15px;\r
+}\r
+\r
+#blog-buddy ul.depth2 li {\r
+       font-weight: normal;\r
+       margin: 4px 0 0 0;\r
+       padding: 0;\r
+       background: none;\r
+}\r
+\r
+#buddylist {\r
+       position: absolute;\r
+       top: 3px;\r
+       left: -8px;\r
+       border: 1px solid;\r
+       color: #9B9B9B;\r
+       background-color: #FFFFFF;\r
+       width: 355px;\r
+       height: 535px;\r
+       overflow: auto;\r
+}\r
+\r
+/* for Buddy4NaverBlog.jsp */\r
+.cm-slink:hover {\r
+       color: #56ac4b !important;\r
+}\r
+\r
+/* blog-stat */\r
+#blog-stat {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-stat p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-stat ul li {\r
+       list-style-type: none;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-stat ul.info {\r
+       margin: 0;\r
+       padding: 9px 0 0 10px;\r
+}\r
+\r
+#blog-stat ul.info li {\r
+       height: 18px;\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-stat em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+html>body #blog-stat ul.info li {\r
+       height: 18px;\r
+       margin: 0;\r
+}\r
+\r
+#blog-stat ul.item {\r
+       clear: both;\r
+       margin: 0;\r
+       padding: 0px 0 5px 10px;\r
+}\r
+\r
+#blog-stat ul.item li {\r
+       height: 15px;\r
+       margin: 0 0 3px 0;\r
+       padding: 0;\r
+}\r
+\r
+html>body #blog-stat ul.item li {\r
+       height: 18px;\r
+       margin: 0;\r
+}\r
+\r
+#blog-stat div.line {\r
+       height: 10px;\r
+       margin: 4px 10px 0 10px;\r
+       background: transparent;\r
+       border-top-width: 1px;\r
+       border-top-style: dotted;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+}\r
+\r
+/* blog-counter */\r
+#blog-counter {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-counter p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-counter h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-counter p span.txt {\r
+       display: none;\r
+}\r
+\r
+#blog-counter span.cnt1,#blog-counter span.cnt2 {\r
+       display: block;\r
+}\r
+\r
+#blog-counter .today,#blog-counter .total {\r
+       position: absolute;\r
+}\r
+\r
+/* blog-rss */\r
+#blog-rss {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-rss p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-rss span {\r
+       display: block;\r
+}\r
+\r
+#blog-rss span.no {\r
+       display: none;\r
+}\r
+\r
+#blog-rss a {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+/* blog-powered */\r
+#blog-powered {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-powered p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-powered span {\r
+       display: none;\r
+}\r
+\r
+#blog-powered a.naver {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+#blog-powered a.blog {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+/* widget-saying */\r
+#widget-saying {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#widget-saying p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-saying .bg-head {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-saying .bg-body {\r
+       overflow: hidden;\r
+       background-repeat: repeat;\r
+       text-align: center;\r
+}\r
+\r
+#widget-saying .bg-footer {\r
+       clear: both;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-saying h3 {\r
+       display: none;\r
+}\r
+\r
+#widget-saying .con {\r
+       width: 142px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+}\r
+\r
+#widget-saying .con img {\r
+       cursor: pointer;\r
+}\r
+\r
+#widget-saying .saying {\r
+       ine-height: 1.4;\r
+}\r
+\r
+#widget-saying .saying span {\r
+       \r
+}\r
+\r
+#widget-saying .writer {\r
+       float: right;\r
+       padding-top: 6px;\r
+}\r
+\r
+#widget-saying .icon {\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#widget-saying .btn-more {\r
+       padding: 8px 0 0 1px;\r
+}\r
+\r
+#widget-saying .btn-more a {\r
+       font-size: 10px;\r
+       text-decoration: none;\r
+}\r
+\r
+/* widget-currency */\r
+#widget-currency {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0pt auto;\r
+}\r
+\r
+#widget-currency .skin-1,#widget-currency .skin-2 {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 11px;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-currency p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-currency .bg-head span {\r
+       display: none\r
+}\r
+\r
+#widget-currency .bg-head h3 {\r
+       margin: 0;\r
+       font-weight: normal;\r
+       text-align: center;\r
+}\r
+\r
+#widget-currency .bg-head h3 img {\r
+       border: 0\r
+}\r
+\r
+#widget-currency .bg-head h3 a {\r
+       position: absolute;\r
+       display: block;\r
+       width: 51px;\r
+       height: 20px;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       z-index: 99;\r
+       background: #fff;\r
+       opacity: 0;\r
+       filter: alpha(opacity = 0)\r
+}\r
+\r
+#widget-currency .bg-head h3.on a {\r
+       width: 55px;\r
+       height: 20px;\r
+}\r
+\r
+#widget-currency .bg-body h3.money {\r
+       position: absolute;\r
+       margin: 0;\r
+       font-weight: bold;\r
+       font-family: Times New Roman;\r
+}\r
+\r
+#widget-currency .bg-body {\r
+       clear: both;\r
+       text-align: center;\r
+}\r
+\r
+#widget-currency table {\r
+       position: absolute;\r
+}\r
+\r
+#widget-currency th {\r
+       display: none\r
+}\r
+\r
+#widget-currency td {\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       text-align: center\r
+}\r
+\r
+#widget-currency .rate {\r
+       height: 18px;\r
+       line-height: 1.4;\r
+}\r
+\r
+#widget-currency .no {\r
+       display: none\r
+}\r
+\r
+#widget-currency .rate-con {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -1px\r
+}\r
+\r
+#widget-currency .buy {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#widget-currency .sell {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#widget-currency .country {\r
+       position: absolute;\r
+       z-index: 1\r
+}\r
+\r
+#widget-currency .bg-sel {\r
+       position: relative;\r
+       float: left;\r
+       width: 97px;\r
+       height: 19px;\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+#widget-currency .bg-sel li {\r
+       width: 105px;\r
+       padding: 4px 0 3px 0;\r
+       font-size: 11px;\r
+       font-family: Dotum;\r
+       cursor: pointer;\r
+       cursor: hand;\r
+}\r
+\r
+#widget-currency .bg-sel li:first-letter {\r
+       padding-left: 7px\r
+}\r
+\r
+#widget-currency .bg-sel li.on {\r
+       background-color: #FF6501;\r
+       color: #FFFFFF;\r
+}\r
+\r
+#widget-currency .bg-sel li.on span {\r
+       color: #FFFFFF;\r
+}\r
+\r
+#widget-currency .bg-sel li span {\r
+       display: inline;\r
+       color: #8DA4B4;\r
+       font-size: 10px;\r
+       font-family: Arial;\r
+}\r
+\r
+#widget-currency .cal-input {\r
+       width: 40px;\r
+}\r
+\r
+#widget-currency .res-input {\r
+       width: 153px;\r
+}\r
+\r
+#widget-currency .nation select {\r
+       width: 95px;\r
+       font-size: 11px;\r
+}\r
+\r
+#widget-currency .btn-sel {\r
+       display: block;\r
+       position: absolute;\r
+       width: 13px;\r
+       height: 13px;\r
+       background-repeat: no-repeat;\r
+       top: 3px;\r
+       right: 4px;\r
+}\r
+\r
+#widget-currency .calculation-1,#widget-currency .calculation-2 {\r
+       float: left;\r
+       text-align: left;\r
+}\r
+\r
+#widget-currency .calculation-1 div,#widget-currency .calculation-2 div,#widget-currency .calculation-1 p,#widget-currency .calculation-2 p\r
+       {\r
+       float: left;\r
+}\r
+\r
+#widget-currency .calculation-1 input,#widget-currency .calculation-2 input\r
+       {\r
+       position: absolute;\r
+       margin: 1px 0 0 7px;\r
+       border: 0;\r
+       background-color: transparent;\r
+       font-size: 11px;\r
+       font-family: Arial;\r
+       color: #414141;\r
+       text-align: right;\r
+}\r
+\r
+#widget-currency .calculation-1 span,#widget-currency .calculation-2 span\r
+       {\r
+       display: none\r
+}\r
+\r
+#widget-currency .btn-calculation {\r
+       position: absolute;\r
+       width: 45px;\r
+       height: 17px;\r
+       text-align: right\r
+}\r
+\r
+#widget-currency .result {\r
+       float: left;\r
+}\r
+\r
+#widget-currency .result input {\r
+       float: left;\r
+       width: 153px;\r
+       border: 0;\r
+       background-color: transparent;\r
+       font-size: 11px;\r
+       font-family: Arial;\r
+       color: #414141;\r
+       text-align: right;\r
+}\r
+\r
+/* widget-weather */\r
+#widget-weather {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       overflow: hidden;\r
+}\r
+\r
+#widget-weather div {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-weather .weather,#widget-weather .today,#widget-weather .tomorrow\r
+       {\r
+       position: absolute;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-weather .temperature {\r
+       position: absolute;\r
+       width: 90px;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -2px;\r
+       line-height: 1.0;\r
+       z-index: 10;\r
+}\r
+\r
+#widget-weather .today-temperature,#widget-weather .tomorrow-temperature\r
+       {\r
+       position: absolute;\r
+       width: 40px;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+       _letter-spacing: -2px;\r
+       line-height: 0.9;\r
+       z-index: 10;\r
+}\r
+\r
+#widget-weather .today-txt,#widget-weather .tomorrow-txt {\r
+       position: absolute;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.1;\r
+       z-index: 10\r
+}\r
+\r
+*:first-child+html #widget-weather .today-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .today-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+*:first-child+html #widget-weather .tomorrow-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .tomorrow-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+#widget-weather .area {\r
+       position: absolute;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.1;\r
+       z-index: 10\r
+}\r
+\r
+*:first-child+html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+*:first-child+html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+#widget-weather .tomorrow-minimum-temperature {\r
+       display: none\r
+}\r
+\r
+/* widget-count */\r
+#widget-count {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#widget-count p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-count h3 {\r
+       display: none;\r
+}\r
+\r
+#widget-count p span.txt {\r
+       display: none;\r
+}\r
+\r
+#widget-count span.cnt1,#widget-count span.cnt2 {\r
+       display: block;\r
+}\r
+\r
+#widget-count .today,#widget-count .total {\r
+       position: absolute;\r
+}\r
+\r
+/* widget-ccl */\r
+#widget-ccl {\r
+       width: 171px;\r
+       height: 38px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       overflow: visible !important\r
+}\r
+\r
+.ccl_layer {\r
+       position: absolute;\r
+       width: 179px;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.ccl_layer .content {\r
+       position: relative;\r
+       padding: 3px 9px 5px 9px;\r
+       border: 1px solid #919191;\r
+       background-color: #fff;\r
+       font-family: dotum;\r
+       font-size: 11px;\r
+       text-align: left\r
+}\r
+\r
+.ccl_layer p {\r
+       margin: 0;\r
+       padding: 5px 0 0 0\r
+}\r
+\r
+.ccl_layer ul {\r
+       margin: 0;\r
+       padding: 2px 0 0 0\r
+}\r
+\r
+.ccl_layer li {\r
+       list-style-type: none;\r
+       color: #888;\r
+       line-height: 1.2;\r
+       letter-spacing: 0;\r
+}\r
+\r
+.ccl_layer .ccl_layer_position {\r
+       position: absolute;\r
+       width: 7px;\r
+       height: 10px;\r
+       bottom: -10px;\r
+       _bottom: -12px;\r
+       left: 11px;\r
+       background:\r
+               url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png)\r
+               no-repeat;\r
+}\r
+\r
+* html .ccl_layer .ccl_layer_position {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png',\r
+               sizingMethod='crop' );\r
+       background: none;\r
+}\r
+\r
+.ccl_layer .shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .ccl_layer .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.ccl_layer .shadow01_side {\r
+       position: relative;\r
+       _width: 100%;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.ccl_layer .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .ccl_layer .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.ccl_layer .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.ccl_layer.top_position .ccl_layer_position {\r
+       position: absolute;\r
+       width: 7px;\r
+       height: 10px;\r
+       top: -9px;\r
+       _top: -8px;\r
+       left: 85px;\r
+       _left: 75px;\r
+       background:\r
+               url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png)\r
+               no-repeat;\r
+}\r
+\r
+* html .ccl_layer.top_position .ccl_layer_position {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png',\r
+               sizingMethod='crop' );\r
+       background: none;\r
+}\r
+\r
+/* blog-adpost */\r
+#blog-adpost {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       font-family: µ¸¿ò, dotum;\r
+       font-size: 12px;\r
+       text-align: left;\r
+}\r
+\r
+#blog-adpost .cm-side {\r
+       width: 1px;\r
+       margin: 0;\r
+       padding: 0;\r
+       *padding: 0 0 0 1px;\r
+       _padding: 0;\r
+       font-ssize: 0;\r
+       line-height: 0;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .cm-top {\r
+       clear: both;\r
+       height: 1px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-ssize: 0;\r
+       line-height: 0;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .cm-con {\r
+       width: 169px;\r
+       *width: 100%;\r
+       _width: 169px;\r
+       padding-top: 9px;\r
+}\r
+\r
+#blog-adpost .cm-con dl {\r
+       width: 141px;\r
+       margin: 0 auto;\r
+       padding: 6px 0;\r
+}\r
+\r
+#blog-adpost .cm-con dt a {\r
+       *width: 141px;\r
+       letter-spacing: -1px;\r
+}\r
+/*#blog-adpost .cm-con dt a {display:block; overflow:hidden; *width:141px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}*/\r
+#blog-adpost .cm-con dt .pcol1 {\r
+       font-size: 13px\r
+}\r
+\r
+#blog-adpost .cm-con dt .sline {\r
+       border-bottom-width: 1px;\r
+       border-bottom-style: solid\r
+}\r
+\r
+#blog-adpost .cm-con dt a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+#blog-adpost .cm-con dd {\r
+       line-height: 15px;\r
+       word-break: break-all;\r
+}\r
+\r
+#blog-adpost .cm-con .summary {\r
+       margin: 7px 0 4px\r
+}\r
+\r
+#blog-adpost .cm-con .summary a {\r
+       text-decoration: none !important;\r
+}\r
+\r
+#blog-adpost .cm-con .addr {\r
+       overflow: hidden;\r
+       width: 141px;\r
+       line-height: 13px;\r
+}\r
+\r
+#blog-adpost .cm-con .addr .pcol2 {\r
+       float: left;\r
+       font-size: 11px;\r
+       opacity: 0.5;\r
+       filter: alpha(opacity = 50);\r
+}\r
+\r
+#blog-adpost .cm-con .division {\r
+       width: 141px;\r
+       margin: 3px auto;\r
+       border-top-width: 1px;\r
+       border-top-style: solid;\r
+       line-height: 0;\r
+       opacity: 0.1;\r
+       filter: alpha(opacity = 10);\r
+}\r
+\r
+#blog-adpost .cm-con .nodata {\r
+       width: 100%;\r
+       margin: 0 auto;\r
+       padding: 32px 0 34px 0;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       line-height: 15px;\r
+       opacity: 0.7;\r
+       filter: alpha(opacity = 70);\r
+}\r
+\r
+#blog-adpost .adsby {\r
+       width: 141px;\r
+       height: 22px;\r
+       margin: 6px auto 0 auto;\r
+       text-align: right;\r
+}\r
+\r
+#blog-adpost .adsby .by {\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+#blog-adpost .adsby .by .logo {\r
+       display: inline-block;\r
+       width: 44px;\r
+       height: 8px;\r
+       background: url(http://blogimgs.naver.net/nblog/adpost_logo.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/adpost_logo.png',\r
+               sizingMethod='image' );\r
+       cursor: hand;\r
+}\r
+\r
+#blog-adpost .adsby .by .logo span {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 0;\r
+       height: 0;\r
+       overflow: hidden;\r
+       visibility: hidden;\r
+       font-size: 0;\r
+       line-height: 0;\r
+}\r
+\r
+#blog-adpost .adsby .bar {\r
+       display: inline-block;\r
+       padding: 0 2px 0 3px;\r
+       font-family: µ¸¿ò, dotum;\r
+       font-size: 11px;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .adsby .guide .pcol2 {\r
+       font-size: 11px;\r
+}\r
+\r
+/* blog-profile */\r
+#blog-profile {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-profile p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-profile .bg-head {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#blog-profile .bg-body {\r
+       background-repeat: repeat;\r
+       text-align: center;\r
+}\r
+\r
+#blog-profile .bg-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#blog-profile h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-profile .con {\r
+       width: 161px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+}\r
+\r
+#blog-profile .image {\r
+       text-align: center;\r
+}\r
+\r
+#blog-profile .name {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 12px 0 0 0;\r
+       overflow: hidden;\r
+}\r
+\r
+#blog-profile .name a.col {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-profile .name .emo {\r
+       float: left;\r
+       width: 23px;\r
+}\r
+\r
+#blog-profile .name .nick {\r
+       float: left;\r
+       width: 120px;\r
+       font-size: 12px;\r
+       line-height: 1.4em;\r
+       word-break: break-all;\r
+}\r
+\r
+#blog-profile .pers {\r
+       margin: 0;\r
+       vertical-align: top;\r
+}\r
+\r
+#blog-profile .caption {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 8px 0 0 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       line-height: 1.3;\r
+       letter-spacing: -1px;\r
+       word-break: break-all;\r
+       overflow: hidden;\r
+       word-wrap: break-word;\r
+}\r
+\r
+#blog-profile .more {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 8px 0 6px 0;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-profile .id {\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-profile input {\r
+       margin: 0;\r
+       padding: 0;\r
+       background-color: transparent;\r
+       background-repeat: no-repeat;\r
+       border: none;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       font-weight: normal;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+       filter: alpha(opacity = 60);\r
+       opacity: 0.6;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-profile .m1 input {\r
+       width: 30px;\r
+}\r
+\r
+#blog-profile .m2 input {\r
+       width: 20px;\r
+}\r
+\r
+#blog-profile .m3 input {\r
+       width: 41px;\r
+}\r
+\r
+#blog-profile .icon {\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+       margin: 0 0 2px 2px;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-profile .sub {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       opacity: 0.6;\r
+       -ms-filter: "Alpha(opacity=60)";\r
+       filter: alpha(opacity = 60)\r
+}\r
+\r
+#blog-profile .power_amb {\r
+       position: relative;\r
+       margin-top: 8px;\r
+       padding: 0 0 4px;\r
+       text-align: left;\r
+       overflow: hidden;\r
+}\r
+\r
+#blog-profile .power_amb .topline {\r
+       width: 100%;\r
+       height: 0;\r
+       border-left: 0;\r
+       border-right: 0;\r
+       border-bottom: 0;\r
+       border-top-style: solid;\r
+       border-top-width: 1px;\r
+       font: 0/0 arial;\r
+       opacity: .3;\r
+       filter: alpha(opacity : 30);\r
+}\r
+\r
+#blog-profile .power_amb .topline {\r
+       border-color: #999 !important;\r
+} /*ÀÓ½Ã*/\r
+#blog-profile .power_amb .mark1 {\r
+       display: block;\r
+       _display: inline;\r
+       margin: 0;\r
+       float: left;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+#blog-profile .power_amb .mark2 {\r
+       display: block;\r
+       _display: inline;\r
+       margin: 0;\r
+       float: left;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+#blog-profile .power_amb .x {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 3px;\r
+       font: bold 11px "µ¸¿ò", Dotum;\r
+       opacity: .5;\r
+       filter: alpha(opacity : 50);\r
+}\r
+\r
+#blog-profile .power_amb .x a {\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-profile .power_amb .txt {\r
+       display: block;\r
+       _display: inline;\r
+       float: left;\r
+       width: 85px;\r
+       margin: 18px 0 0 4px;\r
+       font-family: verdana;\r
+       line-height: 12px;\r
+}\r
+\r
+#blog-profile .power_amb .txt a,#blog-profile .power_amb .txt a:link,#blog-profile .power_amb .txt a:visited,#blog-profile .power_amb .txt a:active\r
+       {\r
+       text-decoration: none;\r
+       font-size: 10px;\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-profile .power_amb .txt a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-profile .power_amb .t7b {\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-profile .power_amb .t8b {\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       line-height: 13px;\r
+}\r
+\r
+#idMenuDiv td {\r
+       background-color: #FFF;\r
+}\r
+\r
+#idMenuDiv td.menu-over {\r
+       background-color: #e4ff75;\r
+}\r
+\r
+/* blog-calendar */\r
+#blog-calendar {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-calendar p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-calendar h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-calendar .bg-head {\r
+       clear: both;\r
+       text-align: center;\r
+}\r
+\r
+* html #blog-calendar .bg-head {\r
+       height: 1%;\r
+}\r
+\r
+#blog-calendar .bg-body {\r
+       text-align: center;\r
+       padding-bottom: 5px;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .bg-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .mlv {\r
+       position: relative;\r
+       width: 151px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .location,#blog-calendar .mview {\r
+       position: absolute;\r
+}\r
+\r
+#blog-calendar .location {\r
+       bottom: 10px;\r
+       left: 3px;\r
+}\r
+\r
+#blog-calendar .mview {\r
+       bottom: 8px;\r
+       right: 3px;\r
+}\r
+\r
+#blog-calendar .location .date {\r
+       display: inline;\r
+       margin: -3px 0 0 0;\r
+       padding: 0;\r
+       text-align: center;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar .location .back {\r
+       display: inline;\r
+       padding: 0 3px 2px 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar .location .next {\r
+       display: inline;\r
+       padding: 0 0 2px 3px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+       cursor: pointer;\r
+}\r
+\r
+html>body #blog-calendar .location .date {\r
+       margin: 0;\r
+}\r
+\r
+#blog-calendar .calendar {\r
+       margin: 0 auto;\r
+       background: transparent;\r
+       text-align: center;\r
+}\r
+\r
+#blog-calendar .calendar .dis1,#blog-calendar .calendar .dis2 {\r
+       width: 147px;\r
+       height: 24px;\r
+       margin: 0 auto;\r
+       padding: 0;\r
+       margin-top: -5px;\r
+}\r
+\r
+#blog-calendar .calendar .dis1 span {\r
+       display: block;\r
+       float: left;\r
+       width: 21px;\r
+       font-weight: normal;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       padding: 9px 0 0 0;\r
+}\r
+\r
+#blog-calendar .calendar .dis2 span {\r
+       display: block;\r
+       float: left;\r
+       width: 21px;\r
+       font-weight: normal;\r
+       font-family: tahoma;\r
+       font-size: 9px;\r
+       text-align: center;\r
+       padding: 9px 0 0 0;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 {\r
+       width: 147px;\r
+       height: 3px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img {\r
+       filter: alpha(opacity = 40);\r
+       opacity: 0.4;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img.li1 {\r
+       width: 20px;\r
+       margin-right: 1px;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img.li2 {\r
+       width: 21px;\r
+}\r
+\r
+#blog-calendar .calendar td {\r
+       width: 21px;\r
+       height: 19px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+html>body #blog-calendar .calendar td {\r
+       width: 21px;\r
+       height: 19px;\r
+}\r
+\r
+#blog-calendar .calendar td a {\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-calendar .calendar td.today,#blog-calendar .calendar td.today a {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-calendar .mview .col1 {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar ul.monthview {\r
+       margin: 0;\r
+       padding: 0 0 1px 0;\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar ul.monthview li {\r
+       list-style-type: none;\r
+       height: 13px;\r
+       margin-bottom: 5px;\r
+       padding: 0;\r
+       clear: both;\r
+}\r
+\r
+* html #blog-calendar ul.monthview li {\r
+       margin-bottom: 0;\r
+}\r
+\r
+#blog-calendar ul.monthview li .mon {\r
+       float: left;\r
+       padding-left: 15px;\r
+}\r
+\r
+#blog-calendar ul.monthview li .num {\r
+       float: right;\r
+       padding-right: 15px;\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+#blog-calendar ul.monthview li .num span {\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+/* foldset */\r
+#foldset {\r
+       position: relative;\r
+       clear: both;\r
+       float: none;\r
+       height: 13px;\r
+       margin-top: 4px;\r
+}\r
+\r
+#foldset div {\r
+       overflow: hidden;\r
+       height: 13px;\r
+}\r
+\r
+#foldset .close-fold {\r
+       width: 21px !important;\r
+}\r
+\r
+#foldset .go-left,#foldset .go-right {\r
+       background-position: 50% 50%;\r
+       background-repeat: no-repeat;\r
+       vertical-align: top;\r
+}\r
+\r
+#foldset .l11s1close {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 13px !important;\r
+}\r
+\r
+#foldset .l11s1s2close {\r
+       margin: 0 !important\r
+}\r
+\r
+#foldset .l12s1close {\r
+       position: absolute;\r
+       float: none;\r
+       top: 0;\r
+       right: 0;\r
+       margin: 0 !important;\r
+}\r
+\r
+#foldset .l12s2close {\r
+       position: absolute;\r
+       float: none;\r
+       top: 0;\r
+       right: 0;\r
+       z-index: 2\r
+}\r
+\r
+#foldset .l12s1s2close {\r
+       margin: 0 !important;\r
+}\r
+\r
+/* blog-menu */\r
+#blog-menu {\r
+       clear: both;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#blog-menu table {\r
+       width: 100%;\r
+       border-collapse: collapse;\r
+       table-layout: fixed;\r
+}\r
+\r
+#blog-menu table td {\r
+       padding-top: 4px;\r
+}\r
+\r
+#blog-menu p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-menu ul {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-menu ul li {\r
+       list-style-type: none;\r
+       float: left;\r
+       position: relative;\r
+}\r
+\r
+#blog-menu ul li a {\r
+       letter-spacing: -1px;\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-menu ul li img {\r
+       margin-left: -2px\r
+}\r
+\r
+#blog-menu ul li .bar {\r
+       height: 10px;\r
+       margin: 2px 7px 4px 4px;\r
+       padding: 0;\r
+       vertical-align: middle;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3\r
+}\r
+\r
+#blog-menu .menu1 ul {\r
+       padding-left: 18px;\r
+}\r
+\r
+#blog-menu .menu2 {\r
+       width: 300px\r
+}\r
+\r
+#blog-menu .menu2 ul {\r
+       float: right;\r
+       padding-right: 12px;\r
+}\r
+\r
+#blog-menu .menu2 ul li a {\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-menu .menu2 ul li a.on {\r
+       font-weight: bold;\r
+}\r
+\r
+/* blog-gnb */\r
+#blog-gnb {\r
+       height: 33px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-gnb p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-gnb .gnb {\r
+       float: right;\r
+}\r
+\r
+#blog-gnb .gnb {\r
+       margin: 8px 10px 0 0;\r
+}\r
+\r
+#blog-gnb .gnb ul {\r
+       margin: 0;\r
+       padding: 2px 0 0 0;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-gnb .gnb ul li {\r
+       list-style-type: none;\r
+       float: left;\r
+       padding: 0 0 0 5px\r
+}\r
+\r
+#blog-gnb .gnb ul li a {\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-gnb .bar {\r
+       margin: 0 1px -1px 4px;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+       padding: 0\r
+}\r
+\r
+#blog-gnb .gnb ul li.i2,#blog-gnb .gnb ul li.i3,#blog-gnb .gnb ul li.i4\r
+       {\r
+       padding-top: 1px;\r
+}\r
+\r
+#blog-gnb .gnb ul li.me a {\r
+       display: inline-block\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span {\r
+       display: inline-block;\r
+       position: relative\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span em {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: -11px;\r
+       *top: -12px;\r
+       left: 0;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat 0\r
+               -13px\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span em i {\r
+       display: block;\r
+       margin-left: 3px;\r
+       padding-right: 4px;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat\r
+               100% -26px;\r
+       color: #fff;\r
+       font-style: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       letter-spacing: 0;\r
+       line-height: 13px\r
+}\r
+\r
+#blog-gnb .go-down,#blog-gnb .go-up {\r
+       width: 13px;\r
+       height: 13px;\r
+       margin: 0 0 -2px 0;\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#blog-gnb .log {\r
+       float: right;\r
+       margin: 7px 0 0 0;\r
+       padding: 0 8px 0 0;\r
+}\r
+\r
+#blog-gnb .logout,#blog-gnb .login {\r
+       width: 50px;\r
+       height: 20px;\r
+       margin: 0 0 0 0;\r
+       background-repeat: no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-gnb .remote {\r
+       width: 12px;\r
+       height: 18px;\r
+       margin: 0 3px 1px 3px;\r
+       background: url('http://blogimgs.naver.net/nblog/remote_icon.png')\r
+               no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+* html #blog-gnb .remote {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/remote_icon.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#blog-gnb .tb {\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       font-weight: bold;\r
+}\r
+\r
+/* gnb-direct */\r
+#gnb-direct {\r
+       width: 77px;\r
+       color: #676767;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#gnb-direct a.link1 {\r
+       color: #333333;\r
+}\r
+\r
+#gnb-direct .rnd-t {\r
+       height: 6px;\r
+       background: url('http://blogimgs.naver.net/nblog/bg_godiv_t.gif')\r
+               no-repeat;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+#gnb-direct .con {\r
+       background: url('http://blogimgs.naver.net/nblog/bg_godiv_b.gif') bottom\r
+               no-repeat;\r
+}\r
+\r
+#gnb-direct .con ul.gnb-direct {\r
+       margin: 0;\r
+       padding: 2px 0 7px 0;\r
+}\r
+\r
+#gnb-direct .con ul.gnb-direct li {\r
+       list-style-type: none;\r
+       float: none;\r
+       margin: 0 5px;\r
+       padding: 0 0 4px 12px;\r
+       background: url('http://blogimgs.naver.net/nblog/ico_arw_g.gif') 4px 4px\r
+               no-repeat;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#gnb-direct .rview {\r
+       margin: 0;\r
+       padding: 0 0 3px 0;\r
+       text-align: center;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#gnb-direct .rview a,#blog-gnb .directly-box .con ul li a {\r
+       color: #676767;\r
+}\r
+\r
+#gnb-direct1 {\r
+       width: 62px;\r
+       padding: 3px 8px;\r
+       border: 1px solid #9b9b9b;\r
+       background: #fff;\r
+       font-family: µ¸¿ò;\r
+       color: #676767\r
+}\r
+\r
+#gnb-direct1.mblog {\r
+       width: 52px\r
+}\r
+\r
+#gnb-direct1 .rview {\r
+       padding: 10px 0 0 5px;\r
+       margin: 0 6px 4px 6px;\r
+       text-align: left;\r
+} /*090629¼öÁ¤*/\r
+#gnb-direct1 ul {\r
+       padding: 5px 0 3px !important;\r
+       border-bottom: 1px solid #ebebeb\r
+}\r
+\r
+#gnb-direct1 ul li {\r
+       float: none !important;\r
+       margin: 0;\r
+       padding: 0 !important;\r
+       letter-spacing: -1px;\r
+       list-style-type: none\r
+}\r
+\r
+#gnb-direct1 ul li a {\r
+       display: block;\r
+       position: relative;\r
+       padding: 2px 0 1px 1px;\r
+       color: #4c4c4c;\r
+       zoom: 1\r
+}\r
+\r
+#gnb-direct1 ul li a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+#gnb-direct1 ul.dot li a {\r
+       padding-left: 7px\r
+}\r
+\r
+#gnb-direct1 ul.dot li span {\r
+       display: block;\r
+       position: absolute;\r
+       top: 7px;\r
+       left: 2px;\r
+       width: 2px;\r
+       height: 2px;\r
+       background: #999;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+#gnb-direct1 ul.last {\r
+       border-bottom: none\r
+}\r
+\r
+#gnb-direct1 .uview {\r
+       padding: 7px 0 0 5px;\r
+       margin: 0 6px;\r
+       border-top: solid 1px #DCDBDC;\r
+       text-align: left;\r
+} /*090629Ãß°¡*/\r
+\r
+/* blog-title */\r
+#blog-title table {\r
+       width: 100%;\r
+       height: 100%;\r
+       margin: 0;\r
+       padding: 0;\r
+       cursor: pointer;\r
+       border-collapse: collapse;\r
+}\r
+\r
+#blogTitleText {\r
+       padding: 23px;\r
+}\r
+\r
+#blogTitleName {\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+/* blog-music */\r
+#top-area #blog-music {\r
+       position: absolute;\r
+       top: 5px;\r
+       left: 5px;\r
+       width: 213px;\r
+       height: 20px;\r
+}\r
+\r
+#wrapper #blog-music {\r
+       position: static;\r
+       width: 171px;\r
+       height: 38px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#musicTop #blog-music {\r
+       position: absolute;\r
+       top: -25px;\r
+       left: 8px;\r
+       width: 213px;\r
+       height: 20px;\r
+}\r
+\r
+/* blog buddyconnect */\r
+#blog-buddyconnect {\r
+       width: 171px;\r
+}\r
+\r
+/* for layer */\r
+/* 1017Ãß°¡ */\r
+.cp_layer_popup {\r
+       position: absolute;\r
+       z-index: 99;\r
+       padding: 3px 0 0 3px;\r
+       font-size: 12px;\r
+       font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, Helvetica, Sans-serif;\r
+       text-align: left\r
+}\r
+\r
+.cp_layer_popup p {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.cp_layer_popup .shadow1 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow01.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .cp_layer_popup .shadow1 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/mylog/post/shadow01.png')\r
+               transparent;\r
+}\r
+\r
+.cp_layer_popup .shadow1_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.cp_layer_popup .shadow2 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .cp_layer_popup .shadow2 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/mylog/post/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.cp_layer_popup .shadow2_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.cp_layer_popup .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #ffffff;\r
+}\r
+\r
+.cp_layer_popup .header {\r
+       display: block;\r
+       height: 22px;\r
+       _height: 30px;\r
+       padding: 8px 0 0 13px;\r
+       margin: 0;\r
+       background: #f4f4f4;\r
+       font: bold 13px ±¼¸², Gulim;\r
+       color: #444;\r
+}\r
+\r
+.cp_layer_popup .closelayer {\r
+       position: absolute;\r
+       right: 9px;\r
+       top: 9px;\r
+}\r
+\r
+.cp_layer_popup .content {\r
+       margin: 20px;\r
+}\r
+\r
+.cp_layer_popup .cp_noti {\r
+       margin: 0;\r
+       overflow: hidden;\r
+       _zoom: 1;\r
+}\r
+\r
+.cp_layer_popup .cp_noti dt {\r
+       float: left;\r
+       width: 44px;\r
+       height: 39px;\r
+       padding: 0;\r
+}\r
+\r
+.cp_layer_popup .cp_noti dd {\r
+       float: left;\r
+       background: url(http://blogimgs.naver.net/nblog/bu_1x26_ef.gif) 0 0\r
+               no-repeat;\r
+       padding: 0 0 0 16px;\r
+       margin: 0;\r
+       color: #222;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.3em;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc {\r
+       padding: 11px 14px 1px;\r
+       border: solid 1px #DFDFDF;\r
+       overflow: hidden;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc p {\r
+       font-size: 11px;\r
+       line-height: 1.4em;\r
+       letter-spacing: -1px;\r
+       padding-bottom: 7px;\r
+       color: #888;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc span {\r
+       color: #444;\r
+}\r
+/* //1017Ãß°¡ */\r
+\r
+/* 100510 hashfilter */\r
+/* .layer_hashfilter{position:absolute;z-index:999;width:390px;padding:18px 19px 5px;border:1px solid #888;background:#fff;letter-spacing:-1px;line-height:15px;text-align:left !important} */\r
+.layer_hashfilter {\r
+       position: absolute;\r
+       z-index: 999;\r
+       width: 390px;\r
+       padding: 17px 18px 4px;\r
+       border: 1px solid #888;\r
+       background: #fff;\r
+       font-size: 12px;\r
+       font-family: dotum, 'µ¸¿ò';\r
+       letter- spacing: -1px;\r
+       line-height: 15px;\r
+       text-align: left !important\r
+}\r
+\r
+.layer_hashfilter h2 {\r
+       margin: 0;\r
+       padding: 1px 0 12px 0;\r
+       font-size: 12px\r
+}\r
+\r
+.layer_hashfilter p {\r
+       color: #666;\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.layer_hashfilter .vaccine_link {\r
+       display: inline-block;\r
+       padding: 5px 7px 0 0;\r
+       background: url(http://blogimgs.naver.net/imgs/bul_arrow_green.gif)\r
+               no-repeat 100% 8px;\r
+       text-decoration: underline;\r
+       font-size: 11px;\r
+       color: #5BC139 !important\r
+}\r
+\r
+.layer_hashfilter .file {\r
+       padding: 3px 0 15px 0\r
+}\r
+\r
+.layer_hashfilter .file img {\r
+       vertical-align: middle;\r
+       margin-right: 6px\r
+}\r
+\r
+.layer_hashfilter .info_text {\r
+       margin-top: 18px;\r
+       padding: 19px 0 11px 0;\r
+       color: #999;\r
+       font-size: 11px;\r
+       border-top: 1px solid #ededed\r
+}\r
+\r
+.layer_hashfilter .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px\r
+}\r
+\r
+.layer_hashfilter .btns {\r
+       margin-top: 5px;\r
+       padding-top: 10px;\r
+       border-top: 1px solid #e8e8e8;\r
+       text-align: center\r
+}\r
+/* //100510 hashfilter */\r
+\r
+/* layer popup */\r
+.layerpop {\r
+       position: relative;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       background: url(http://blogimgs.naver.net/nblog/spc.gif);\r
+}\r
+/* .layerpop {position:relative; font-size:12px; font-family:µ¸¿ò,Dotum,Helvetica,sans-serif; background:url(http://blogimgs.naver.net/nblog/spc.gif);position:absolute;left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));} */\r
+.layerpop .shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpop .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.layerpop .shadow01_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.layerpop .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body #layerpop .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.layerpop .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.layerpop .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.layerpop .close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.layerpop .content {\r
+       margin: 13px 20px 0 20px;\r
+       border-bottom: 1px solid #E8E8E8;\r
+}\r
+\r
+.layerpop .content .q1 {\r
+       margin: 0;\r
+       padding: 0 0 8px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #222222;\r
+       line-height: 1.5;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q2 {\r
+       margin: 0;\r
+       padding: 0 0 8px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #222222;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q2 input {\r
+       margin: 0 2px 0 0;\r
+       padding: 0;\r
+}\r
+\r
+* html .layerpop .content .q2 input {\r
+       height: 15px;\r
+       height: 15px;\r
+       margin: 0 2px 0 0;\r
+       padding: 0;\r
+}\r
+\r
+.layerpop .content .q3 {\r
+       margin: 0;\r
+       padding: 0 0 3px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #444;\r
+       line-height: 1.5;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q4 {\r
+       margin: 0;\r
+       padding: 0 0 9px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #444;\r
+       text-align: left;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.layerpop .content .q4 em {\r
+       font-style: normal;\r
+       color: #488C00;\r
+}\r
+\r
+.layerpop .btn {\r
+       margin: 0;\r
+       padding: 10px 0 10px 0;\r
+       text-align: center;\r
+}\r
+\r
+/*\r
+NHN WebStandard Team (http://html.nhndesign.com/)\r
+author : freebird@nhncorp.com 070808\r
+*/\r
+/* shadow */\r
+.layerpopup {\r
+       position: absolute;\r
+       z-index: 99;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+}\r
+\r
+.layerpopup  img {\r
+       border: none;\r
+}\r
+\r
+.layerpopup .shadow1 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow1 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow1_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .shadow2 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow2 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow2_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .shadow3 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow3 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow3_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #ffffff;\r
+}\r
+\r
+.layerpopup .closelayer {\r
+       position: absolute;\r
+       right: 8px;\r
+       top: 9px;\r
+}\r
+\r
+.layerpopup .btn_box {\r
+       text-align: center;\r
+       padding: 10px 0 15px 0;\r
+       margin: 10px 20px 0 20px;\r
+       border-top: 1px solid #e8e8e8;\r
+}\r
+\r
+.layerpopup .btn_box * {\r
+       vertical-align: middle;\r
+}\r
+\r
+.layerpopup .logbox_wrap {\r
+       width: auto;\r
+       _width: 100%;\r
+       padding-top: 6px;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_area01.gif) left top\r
+               repeat-x;\r
+}\r
+\r
+.layerpopup .logbox_wrap p {\r
+       margin: 0;\r
+       font-size: 11px;\r
+       color: #333333;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.layerpopup .notice {\r
+       padding: 4px 0 5px 11px;\r
+       _padding: 4px 0 7px 11px;\r
+}\r
+\r
+.layerpopup .notice02 {\r
+       padding: 19px 0 9px 19px;\r
+       line-height: 1.4;\r
+}\r
+\r
+.layerpopup .notice02 strong {\r
+       color: #278F00;\r
+}\r
+\r
+.layerpopup .volume {\r
+       font-size: 12px !important;\r
+       margin: 16px 19px -8px 19px;\r
+       letter-spacing: 0 !important;\r
+}\r
+\r
+.layerpopup .frame_wrap {\r
+       width: auto;\r
+       _width: 350px;\r
+       margin: 0 10px 0 10px;\r
+}\r
+\r
+.layerpopup .frame_wrap.type03 {\r
+       margin: 0 0 0 20px !important;\r
+}\r
+\r
+/* for ±ÝÄ¢¾î °ü·Ã ·¹À̾ºÅ¸ÀÏ */\r
+/* initialization  */\r
+#c_layer_popup {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#c_layer_popup div,#c_layer_popup p,#c_layer_popup ul,#c_layer_popup li,#c_layer_popup button\r
+       {\r
+       margin: 0;\r
+       padding: 0;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup ul,#c_layer_popup li {\r
+       list-style: none;\r
+}\r
+/* Layout */\r
+#c_layer_popup {\r
+       position: absolute;\r
+       z-index: 200;\r
+       width: 370px;\r
+       height: 428px;\r
+       display: none;\r
+       _height: 427px;\r
+       padding: 47px 20px 0 20px;\r
+       _padding: 48px 20px 0 20px;\r
+       border: 4px solid #777;\r
+       font: 12px dotum, sans-serif;\r
+       letter-spacing: -1px;\r
+       background: #fbfbfb\r
+               url('http://blogimgs.naver.net/static/common/popup/bg_not_available_word.gif')\r
+               repeat-x left top;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_contents {\r
+       width: 360px;\r
+       padding: 17px 5px 0 5px;\r
+       _padding: 18px 5px 0 5px;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_footer {\r
+       width: 360px;\r
+       _height /**/: 47px;\r
+       text-align: center;\r
+}\r
+/* c_contents */\r
+#c_layer_popup .c_desc00 {\r
+       width: 370px;\r
+       height: 57px;\r
+       _height: 56px;\r
+       border-bottom: 1px solid #d0d0d0;\r
+       font: 12px normal dotum;\r
+       color: #333;\r
+       line-height: 18px;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_desc00 span {\r
+       color: #258102\r
+}\r
+\r
+#c_layer_popup .c_desc01 {\r
+       height: 42px;\r
+       _height: 41px;\r
+       line-height: 18px;\r
+       font-size: 12px;\r
+       color: #666;\r
+}\r
+\r
+#c_layer_popup .c_desc02 {\r
+       width: 348px;\r
+       _width /**/: 360px;\r
+       height: 84px;\r
+       _height: 83px;\r
+       _height /**/: 97px;\r
+       padding: 11px 0 0 10px;\r
+       _padding: 12px 0 0 10px;\r
+       _padding /**/: 10px 0 0 0;\r
+       font-size: 11px;\r
+       color: #666;\r
+       line-height: 17px;\r
+       background: #f8f8f8;\r
+       border: 1px solid #f1f1f1;\r
+}\r
+\r
+#c_layer_popup .c_desc02 li {\r
+       height: 40px;\r
+       padding: 0 0 0 6px;\r
+       _margin-left /**/: -6px;\r
+       background:\r
+               url('http://blogimgs.naver.net/static/common/popup/bu_dot.gif')\r
+               no-repeat left 6px;\r
+       font-size: 11px;\r
+}\r
+\r
+#c_layer_popup .c_desc03 {\r
+       height: 60px;\r
+       _height: 59px;\r
+       _height /**/: 71px;\r
+       padding: 12px 0 0 0;\r
+       _padding: 13px 0 0 0;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 17px;\r
+}\r
+\r
+#c_layer_popup .c_desc04 {\r
+       height: 40px;\r
+       font-size: 11px;\r
+       color: #666;\r
+}\r
+\r
+#c_layer_popup .c_desc04 a {\r
+       color: #258102;\r
+       text-decoration: underline;\r
+}\r
+\r
+#c_layer_popup .c_desc05 {\r
+       height: 57px;\r
+       font-size: 14px;\r
+       font-weight: bold;\r
+       color: #333;\r
+       text-align: center;\r
+}\r
+\r
+#c_layer_popup button {\r
+       width: 52px;\r
+       height: 26px;\r
+       text-align: center;\r
+       font-size: 12px;\r
+}\r
+\r
+@media all and (-webkit-min-device-pixel-ratio:10000) , not all and\r
+       (-webkit-min-device-pixel-ratio:0) {\r
+       #c_layer_popup button {\r
+               padding-top: 6px;\r
+       }\r
+}\r
+\r
+#c_layer_popup button.c_close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 6px;\r
+       width: 18px;\r
+       height: 17px;\r
+       background: none;\r
+       border: none;\r
+}\r
+\r
+#c_layer_popup button.c_close,x:-moz-any-link,x:default {\r
+       top: 5px;\r
+       right: 8px;\r
+}\r
+\r
+*:first-child+html #c_layer_popup button.c_close {\r
+       top: 7px;\r
+       right: 6px;\r
+}\r
+\r
+.readonly_visitor {\r
+       text-align: left;\r
+       padding: 10px 0 8px 8px !important\r
+}\r
+\r
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ Àִ ºÎºÐÀ» »©³ÂÀ½.*/\r
+.layerpop2 {\r
+       position: absolute;\r
+       z-index: 999;\r
+       font: normal 12px µ¸¿ò, Dotum;\r
+       color: #333;\r
+       overflow: hidden;\r
+       display: none;\r
+}\r
+\r
+.layerpop2 .border_type {\r
+       position: relative;\r
+       border: solid 2px #777;\r
+       background-color: #fff;\r
+}\r
+\r
+.layerpop2 .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+}\r
+\r
+.layerpop2 .content1 {\r
+       padding: 30px 30px 21px;\r
+       border-bottom: solid 1px #f0f0f0;\r
+}\r
+\r
+.layerpop2 .content1 h6 {\r
+       font-weight: bold;\r
+       font-size: 14px;\r
+       padding-bottom: 22px;\r
+       margin: 0;\r
+       color: #333;\r
+}\r
+\r
+.layerpop2 .subtext {\r
+       font-size: 11px;\r
+       color: #999;\r
+       margin: 0;\r
+       padding: 7px 0 0;\r
+       line-height: 16px;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop2 .check {\r
+       width: 13px;\r
+       height: 13px;\r
+       vertical-align: middle;\r
+       padding: 0 3px 2px 0;\r
+       margin-left: 2px;\r
+}\r
+\r
+.layerpop2 .btn1 {\r
+       background-color: #fbfbfb;\r
+       border-top: solid 1px #f7f7f7;\r
+       text-align: center;\r
+       margin: 0;\r
+       padding: 11px 0 20px;\r
+}\r
+\r
+.layerpop2 .btn1 img {\r
+       margin: 0 1px;\r
+       vertical-align: top;\r
+}\r
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ Àִ ºÎºÐÀ» »©³ÂÀ½.*/\r
+.pwr_blog_wrap {\r
+       width: 143px;\r
+       margin: 5px auto 0\r
+}\r
+\r
+.pwr_blog_wrap .line {\r
+       width: 100%;\r
+       height: 0;\r
+       border-bottom: 1px solid #999;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.pwr_emblem {\r
+       height: 69px;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png',\r
+               sizingMethod='crop' );\r
+       text-align: left\r
+}\r
+\r
+.pwr_emblem h4 {\r
+       margin: 0 !important;\r
+       padding: 26px 0 0 58px;\r
+       font-size: 10px !important;\r
+       font-family: Tahoma !important;\r
+       line-height: 12px\r
+}\r
+\r
+.pwr_blog {\r
+       position: relative\r
+}\r
+\r
+.pwr_blog .pcol2b {\r
+       position: absolute;\r
+       top: 0;\r
+       height: 100%\r
+}\r
+\r
+.pwr_blog .pwr_lft {\r
+       left: 0\r
+}\r
+\r
+.pwr_blog .pwr_rgt {\r
+       right: 0;\r
+       _right: -1px\r
+}\r
+\r
+.pwr_blog .pwr_cont {\r
+       margin: 0 2px;\r
+       padding-bottom: 7px\r
+}\r
+\r
+.pwr_blog .pwr_cont .pcol2b {\r
+       position: static;\r
+       height: 1px\r
+}\r
+\r
+.pwr_blog .pwr_cont ul {\r
+       margin: 3px 0 0;\r
+       padding: 0;\r
+       text-align: left;\r
+       list-style: none\r
+}\r
+\r
+.pwr_blog .pwr_cont li {\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 15px\r
+}\r
+\r
+.pwr_blog .pwr_cont li em {\r
+       display: inline-block;\r
+       position: relative;\r
+       top: -1px;\r
+       margin-right: 6px;\r
+       font-style: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       letter-spacing: 0;\r
+       _filter: none\r
+}\r
+\r
+.pwr_blog .pwr_cont li span {\r
+       display: inline-block\r
+}\r
+\r
+.pwr_blog .pwr_cont li .pcol2b {\r
+       height: auto\r
+}\r
+\r
+.pwr_blog .pwr_pgn {\r
+       padding-top: 1px;\r
+       text-align: right\r
+}\r
+\r
+.pwr_blog .pwr_pgn .prev,.pwr_blog .pwr_pgn .next {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.pwr_blog .pwr_pgn em {\r
+       display: inline-block;\r
+       margin-left: -1px;\r
+       font-style: normal;\r
+       font-size: 11px\r
+}\r
+\r
+.pwr_blog .pwr_clse {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: 5px;\r
+       right: -3px;\r
+       padding: 2px;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       font-family: 'µ¸¿ò', dotum\r
+}\r
+\r
+.pwr_blog .pwr_clse:hover {\r
+       text-decoration: none\r
+}\r
+\r
+/*縰Áö À§Á¬*/\r
+.cwg_wrap,.cwg2_wrap {\r
+       font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;\r
+       font-size: 12px\r
+}\r
+\r
+/* goal widget */\r
+.cwg2_wrap {\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 396px;\r
+       margin: 0 auto;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_note2.png)\r
+               no-repeat;\r
+       _background: url(http://blogimgs.naver.net/challengewidget/bg_note2.gif)\r
+               no-repeat;\r
+       text-align: left\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge {\r
+       overflow: hidden;\r
+       position: relative;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 a {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 span {\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type2 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type3 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type4 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type5 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .p_day {\r
+       position: relative;\r
+       width: 141px;\r
+       margin: 0 0 0 14px;\r
+       height: 24px;\r
+       overflow: hidden;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .p_day span {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       margin-left: -1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .p_day .ing {\r
+       width: 71px;\r
+       height: 21px;\r
+       background-position: 0 -17px\r
+}\r
+\r
+.cwg2_wrap .p_day .clear_no {\r
+       width: 90px;\r
+       height: 20px;\r
+       margin-top: 3px;\r
+       background-position: -71px -20px\r
+}\r
+\r
+.cwg2_wrap .p_day .clear_ok {\r
+       width: 122px;\r
+       height: 20px;\r
+       background-position: 0 -43px\r
+}\r
+\r
+.cwg2_wrap .p_day em {\r
+       display: inline-block;\r
+       height: 21px;\r
+       font-style: normal;\r
+       font-family: Tahoma;\r
+       font-size: 17px;\r
+       color: #525252;\r
+       font-weight: bold\r
+}\r
+\r
+.cwg2_wrap .lst_wrap {\r
+       position: relative;\r
+       width: 141px;\r
+       height: 142px;\r
+       margin: 3px auto 0;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat 0 -316px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst {\r
+       overflow: hidden;\r
+       zoom: 1;\r
+       padding: 6px 0 0 5px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst li {\r
+       overflow: hidden;\r
+       line-height: 999px;\r
+       display: inline;\r
+       float: left;\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 1px 1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst .off {\r
+       background-position: -70px 0\r
+}\r
+\r
+.cwg2_wrap .cplt {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 121px;\r
+       left: 121px;\r
+       width: 16px;\r
+       height: 17px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       left: -2px;\r
+       top: -1px;\r
+       width: 145px;\r
+       height: 147px;\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       width: 145px;\r
+       height: 147px;\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/bg_clear_box.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_clear_box.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar {\r
+       width: 90px;\r
+       height: 98px;\r
+       overflow: hidden;\r
+       margin: 14px 0 0 28px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat 0 -215px;\r
+       text-indent: -500em\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar2 {\r
+       width: 78px;\r
+       height: 97px;\r
+       overflow: hidden;\r
+       margin: 14px 0 0 33px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat -96px -215px;\r
+       text-indent: -500em\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .clse {\r
+       position: absolute;\r
+       right: 10px;\r
+       top: 6px;\r
+       width: 14px;\r
+       height: 14px;\r
+       overflow: hidden;\r
+       text-indent: -500em;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat -188px 2px\r
+}\r
+\r
+.cwg2_wrap .mod {\r
+       display: block;\r
+       position: absolute;\r
+       right: 13px;\r
+       bottom: 10px;\r
+       overflow: hidden;\r
+       width: 14px;\r
+       height: 14px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 0;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst {\r
+       position: relative;\r
+       height: 118px;\r
+       margin: 0 15px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst .none {\r
+       margin: 0;\r
+       margin-top: 23px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 21px;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .cwg_lst .more {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 {\r
+       height: 17px;\r
+       padding-top: 4px;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 a {\r
+       display: inline-block;\r
+       position: relative;\r
+       padding: 2px 17px 2px 2px;\r
+       color: #333;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 a span {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst ul {\r
+       height: 84px;\r
+       padding-top: 3px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li {\r
+       position: relative;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -112px;\r
+       font-size: 11px;\r
+       line-height: 21px;\r
+       vertical-align: top;\r
+       list-style: none\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li a {\r
+       display: inline-block;\r
+       color: #666;\r
+       _vertical-align: baseline\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li em {\r
+       position: absolute;\r
+       top: 0;\r
+       right: 0;\r
+       font-style: normal;\r
+       font-size: 9px;\r
+       font-family: Tahoma;\r
+       color: #aeaeae\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li em.time {\r
+       color: #7b7b7b\r
+}\r
+\r
+.cwg2_wrap .cwg_status {\r
+       width: 141px;\r
+       height: 133px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_cnt {\r
+       overflow: hidden;\r
+       height: 21px;\r
+       margin-bottom: 10px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_cnt strong {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 42px;\r
+       height: 21px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_btm {\r
+       width: 145px;\r
+       margin: 0 auto;\r
+}\r
+\r
+.cwg2_wrap .cwg_btm a {\r
+       display: inline-block;\r
+       margin: 7px 0 0 -1px;\r
+       padding: 3px 9px 3px 2px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       letter-spacing: -1px;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg2_wrap .cwg_btm a em {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 4px;\r
+       height: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat -26px -96px;\r
+       vertical-align: middle\r
+}\r
+\r
+/* goal widget types2 */\r
+.cwg2_type .cplt {\r
+       background-position: -84px 0\r
+}\r
+\r
+.cwg2_type2 .cplt {\r
+       background-position: -102px 0\r
+}\r
+\r
+.cwg2_type3 .cplt {\r
+       background-position: -120px 0\r
+}\r
+\r
+.cwg2_type4 .cplt {\r
+       background-position: -138px 0\r
+}\r
+\r
+.cwg2_type5 .cplt {\r
+       background-position: -156px 0\r
+}\r
+\r
+.cwg2_type .lst_wrap .lst li {\r
+       background-position: 0 0\r
+}\r
+\r
+.cwg2_type2 .lst_wrap .lst li {\r
+       background-position: -14px 0\r
+}\r
+\r
+.cwg2_type3 .lst_wrap .lst li {\r
+       background-position: -28px 0\r
+}\r
+\r
+.cwg2_type4 .lst_wrap .lst li {\r
+       background-position: -42px 0\r
+}\r
+\r
+.cwg2_type5 .lst_wrap .lst li {\r
+       background-position: -56px 0\r
+}\r
+\r
+/* master widget */\r
+.cwg_master {\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 364px;\r
+       margin: 0 auto;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_note.png);\r
+       _background: url(http://blogimgs.naver.net/challengewidget/bg_note.gif);\r
+       text-align: left\r
+}\r
+\r
+.cwg_wrap .cwg_badge {\r
+       overflow: hidden;\r
+       position: relative;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 a {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 span {\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type2 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type2.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type3 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type3.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type4 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type4.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type5 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type5.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .mod {\r
+       display: block;\r
+       position: absolute;\r
+       right: 13px;\r
+       bottom: 13px;\r
+       overflow: hidden;\r
+       width: 14px;\r
+       height: 14px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 0;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_lst {\r
+       position: relative;\r
+       height: 118px;\r
+       margin: 0 15px\r
+}\r
+\r
+.cwg_wrap .cwg_lst .none {\r
+       margin: 0;\r
+       margin-top: 23px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 21px;\r
+       text-align: center\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 {\r
+       height: 17px;\r
+       padding-top: 4px;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 a {\r
+       display: inline-block;\r
+       position: relative;\r
+       padding: 2px 17px 2px 2px;\r
+       color: #333;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 a span {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_lst ul {\r
+       height: 82px;\r
+       padding-top: 3px\r
+}\r
+\r
+.cwg_wrap .cwg_lst li {\r
+       position: relative;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -112px;\r
+       font-size: 11px;\r
+       line-height: 21px;\r
+       vertical-align: top;\r
+       list-style: none\r
+}\r
+\r
+.cwg_wrap .cwg_lst li a {\r
+       display: inline-block;\r
+       color: #666;\r
+       _vertical-align: baseline\r
+}\r
+\r
+.cwg_wrap .cwg_lst li em {\r
+       position: absolute;\r
+       top: 0;\r
+       right: 0;\r
+       font-style: normal;\r
+       font-size: 9px;\r
+       font-family: Tahoma;\r
+       color: #aeaeae\r
+}\r
+\r
+.cwg_wrap .cwg_lst li em.time {\r
+       color: #7b7b7b\r
+}\r
+\r
+.cwg_wrap .cwg_status {\r
+       width: 141px;\r
+       height: 133px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt {\r
+       overflow: hidden;\r
+       height: 21px;\r
+       margin-bottom: 11px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 50px;\r
+       height: 21px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level span {\r
+       margin-top: 0\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level2 span {\r
+       margin-top: -30px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level3 span {\r
+       margin-top: -60px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level4 span {\r
+       margin-top: -90px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt .lnr {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 19px;\r
+       height: 21px;\r
+       margin-left: -1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -30px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt em {\r
+       display: inline-block;\r
+       height: 21px;\r
+       margin-left: -2px;\r
+       padding: 2px 9px 0 0;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 100% -60px;\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       font-family: Tahoma;\r
+       color: #525252;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt em span {\r
+       visibility: hidden;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 0;\r
+       height: 0;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cwg_wrap .cwg_track {\r
+       position: relative;\r
+       width: 141px;\r
+       height: 86px\r
+}\r
+\r
+.cwg_wrap .cwg_track span {\r
+       overflow: hidden;\r
+       float: left;\r
+       position: relative;\r
+       z-index: 10;\r
+       width: 7px;\r
+       height: 8px;\r
+       margin: -1px 0 6px;\r
+       background-color: #fff;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.rtl {\r
+       float: right\r
+}\r
+\r
+.cwg_wrap .cwg_track span.cpt {\r
+       visibility: hidden\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp {\r
+       float: right;\r
+       width: 8px;\r
+       height: 7px;\r
+       margin: -6px 0 0 133px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp2 {\r
+       width: 8px;\r
+       height: 7px;\r
+       margin: -6px 133px 0 0\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp3 {\r
+       width: 8px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp4 {\r
+       width: 8px;\r
+       height: 7px;\r
+       margin-top: 0\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail_bg {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -1px;\r
+       left: 0;\r
+       z-index: 5;\r
+       width: 141px;\r
+       height: 86px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail_bg strong {\r
+       margin-top: -120px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -1px;\r
+       left: 0;\r
+       z-index: 15;\r
+       width: 141px;\r
+       height: 70px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_rail.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_rail.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_track em.goal {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -3px;\r
+       left: -2px;\r
+       z-index: 20;\r
+       width: 124px;\r
+       height: 68px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.goal strong {\r
+       margin-top: -220px\r
+}\r
+\r
+.cwg_wrap .cwg_btm {\r
+       width: 145px;\r
+       margin: 0 auto;\r
+       border-top: 1px solid #ececec\r
+}\r
+\r
+.cwg_wrap .cwg_btm a {\r
+       display: inline-block;\r
+       margin: 7px 0 0 -1px;\r
+       padding: 3px 9px 3px 2px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       letter-spacing: -1px;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg_wrap .cwg_btm a em {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 4px;\r
+       height: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat -26px -96px;\r
+       vertical-align: middle\r
+}\r
+\r
+/* master widget types */\r
+.cwg_wrap .flt {\r
+       display: block;\r
+       width: 150px;\r
+       height: 450px\r
+}\r
+\r
+.cwg_type .flt {\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_ctype.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type2 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype2.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type3 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype3.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type4 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype4.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type5 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype5.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+/* business widget */\r
+/* company info widget */\r
+.cmp_wrap {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;\r
+       font-size: 12px;\r
+       text-align: left;\r
+}\r
+\r
+.cmp_wrap .line_x {\r
+       height: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .line_y {\r
+       width: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .ls0 {\r
+       letter-spacing: 0\r
+}\r
+\r
+.cmp_wrap .tl_cmp {\r
+       width: 100%;\r
+       padding: 0;\r
+       border: 0;\r
+       border-collapse: collapse;\r
+       table-layout: fixed\r
+}\r
+\r
+.cmp_wrap .tl_cmp th,.cmp_wrap .tl_cmp td {\r
+       padding: 0;\r
+       border: 0\r
+}\r
+\r
+.cmp_wrap .cmp_content {\r
+       position: relative;\r
+       width: 147px;\r
+       padding: 10px 11px 9px 11px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.cmp_wrap .cmp_content:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+.cmp_wrap .cmp_content h3 {\r
+       height: 31px;\r
+       *height: 30px;\r
+       margin: 0 !important;\r
+       padding-top: 2px;\r
+       font-size: 12px;\r
+       font-weight: bold;\r
+       letter-spacing: 0;\r
+       line-height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .line_y {\r
+       float: left\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr {\r
+       *margin-top: -1px;\r
+       overflow: hidden\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a {\r
+       display: inline-block;\r
+       float: left;\r
+       text-align: center\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a strong {\r
+       display: block\r
+}\r
+\r
+.cmp_wrap a .bu {\r
+       display: inline-block;\r
+       margin-left: 2px;\r
+       font-size: 4px;\r
+       vertical-align: 3px;\r
+       -webkit-text-size-adjust: none\r
+}\r
+/* button text type */\r
+.cmp_wrap .cmp_content .btn_txt {\r
+       width: 37px;\r
+       position: absolute;\r
+       top: 10px;\r
+       right: 7px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt .line_x {\r
+       width: 35px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt .line_y {\r
+       height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt a {\r
+       width: 33px;\r
+       height: 12px;\r
+       padding-top: 2px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_txt a {\r
+       padding-top: 0;\r
+       padding-top: 2px \0/IE9\r
+}\r
+/* button icon type */\r
+.cmp_wrap .cmp_content .btn_help {\r
+       width: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help .line_x {\r
+       width: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help .line_y {\r
+       height: 12px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help a {\r
+       display: block;\r
+       width: 12px;\r
+       height: 12px;\r
+       line-height: 15px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_help a {\r
+       line-height: 14px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_help a {\r
+       line-height: 14px;\r
+       line-height: 17px \0/IE9\r
+}\r
+\r
+.cmp_wrap .cmp_tt {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 33px;\r
+       left: 5px;\r
+       width: 159px;\r
+       height: 1px;\r
+       border-bottom: 1px dotted\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont {\r
+       padding-left: 8px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li {\r
+       position: relative;\r
+       line-height: 16px;\r
+       list-style: none\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .info_wrp {\r
+       display: inline-block;\r
+       padding-bottom: 1px;\r
+       opacity: 0.8;\r
+       filter: alpha(opacity = 80)\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .tt {\r
+       display: inline-block\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .tx {\r
+       padding-right: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .ic {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 6px;\r
+       *top: 7px;\r
+       left: -6px;\r
+       width: 2px;\r
+       height: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .lk {\r
+       text-decoration: underline\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .lk .bu {\r
+       text-decoration: none;\r
+       vertical-align: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .btn_help {\r
+       display: inline-block;\r
+       *display: inline;\r
+       margin-left: 1px;\r
+       vertical-align: -2px;\r
+       *vertical-align: middle;\r
+       zoom: 1\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip {\r
+       display: none;\r
+       position: absolute;\r
+       z-index: 1000;\r
+       padding: 9px 10px 7px;\r
+       border: 1px solid #888;\r
+       background-color: #fff\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .tip {\r
+       position: absolute;\r
+       bottom: -6px;\r
+       width: 11px;\r
+       height: 6px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/admin50/bg_layer_arr.gif)\r
+               no-repeat 0 0;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .cont {\r
+       margin-left: -1px;\r
+       font-size: 11px;\r
+       font-family: dotum, 'µ¸¿ò';\r
+       color: #848689;\r
+       letter-spacing: -1px;\r
+       line-height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .clse_tip {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px\r
+}\r
+/* // business widget*/\r
+.new_blog {\r
+       height: 170px;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       text-align: center\r
+}\r
+\r
+.new_blog .new_blog_inner {\r
+       padding-top: 34px\r
+}\r
+\r
+.new_blog .new_blog_inner2 {\r
+       padding-top: 78px\r
+}\r
+\r
+.new_blog .new_blog_inner3 {\r
+       padding-top: 50px\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu {\r
+       text-align: left\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu li {\r
+       list-style: none;\r
+       margin-bottom: 6px;\r
+       font-size: 12px;\r
+       line-height: 17px\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu li .pcol2b {\r
+       width: 3px;\r
+       height: 3px;\r
+       margin: 0 2px 2px 0;\r
+       vertical-align: middle\r
+}\r
+\r
+.new_blog strong {\r
+       display: block;\r
+       margin: 0 0 8px;\r
+       font-size: 14px !important\r
+}\r
+\r
+.new_blog p {\r
+       display: block;\r
+       margin: 0 0 13px;\r
+       font-size: 12px;\r
+       line-height: 17px\r
+}\r
+\r
+.new_blog a {\r
+       display: inline-block\r
+}\r
+\r
+.ly_newblog {\r
+       position: absolute;\r
+       z-index: 1000;\r
+       padding: 14px;\r
+       border: 1px solid #d1d1d1;\r
+       background: #fefefe\r
+}\r
+\r
+.ly_newblog table {\r
+       width: 100%;\r
+       border-collapse: collapse\r
+}\r
+\r
+.ly_newblog .ly_newblog_btm {\r
+       position: relative;\r
+       width: 100%;\r
+       padding: 16px 0 6px;\r
+       border-top: 1px solid #ececec;\r
+       text-align: center\r
+}\r
+\r
+.ly_newblog .ly_newblog_btm img {\r
+       vertical-align: top\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache {\r
+       position: absolute;\r
+       top: 19px;\r
+       right: -1px\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache .input_chk {\r
+       float: left;\r
+       width: 13px;\r
+       height: 13px;\r
+       margin: 5px 5px 0;\r
+       padding: 0;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache label {\r
+       float: left;\r
+       font-size: 11px;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       letter-spacing: -1px;\r
+       line-height: 27px;\r
+       color: #999;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache a {\r
+       display: inline-block;\r
+       float: left;\r
+       margin-left: 5px;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .clse {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 7px;\r
+       padding: 2px\r
+}\r
+\r
+.ly_newblog_cont img {\r
+       vertical-align: top\r
+}\r
+\r
+/* service terminated(wizard widget) */\r
+.wzd_wrap {\r
+       width: 169px;\r
+       height: 80px;\r
+       margin: 0 auto;\r
+       border: 1px solid #ececec;\r
+       background: #f5f5f5;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       font-size: 11px;\r
+       letter- spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.wzd_wrap .info_txt {\r
+       width: 146px;\r
+       height: 36px;\r
+       margin: 0 auto;\r
+       margin-bottom: 8px;\r
+       padding-top: 11px;\r
+       border-bottom: 1px solid #e3e3e3;\r
+       color: #7d7d7d;\r
+       line-height: 16px\r
+}\r
+\r
+.wzd_wrap .info_a {\r
+       display: inline-block;\r
+       margin: 0 4px 0 6px;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/nblog/widget/ic_wzd.gif)\r
+               no-repeat 0 2px;\r
+       color: #7d7d7d;\r
+       font-size: 11px;\r
+       text-decoration: none\r
+}\r
+\r
+.wzd_wrap a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+.side-body.onestyle .wzd_wrap {\r
+       *display: inline;\r
+       zoom: 1\r
+}\r
+\r
+/* map */\r
+.map_wrp .sub_cnt .more,.map_wrp .set,.map_wrp .go_post .post,.map_wrp .go_post .clse\r
+       {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat\r
+}\r
+\r
+.map_wrp {\r
+       width: 171px;\r
+       height: 260px;\r
+       margin: 0 auto\r
+}\r
+\r
+.map_wrp .country {\r
+       position: relative;\r
+       width: 171px;\r
+       height: 260px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/bg_country_v2.jpg)\r
+               no-repeat;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.map_wrp .country .tit {\r
+       overflow: hidden;\r
+       height: 28px;\r
+       margin: 0;\r
+       padding: 0;\r
+       text-align: left\r
+}\r
+\r
+.map_wrp .country .tit .set {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+       width: 11px;\r
+       height: 12px;\r
+       background-position: 100% -124px;\r
+       text-indent: -9999px\r
+}\r
+\r
+.map_wrp .country .tit em {\r
+       visibility: hidden;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 1px;\r
+       height: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.map_wrp .country .tit strong {\r
+       display: inline-block;\r
+       margin: 8px 0 0 80px;\r
+       color: #00a403;\r
+       font-family: verdana;\r
+       font-size: 10px\r
+}\r
+\r
+.map_wrp .map_sec {\r
+       position: relative;\r
+       height: 232px\r
+}\r
+\r
+.map_wrp .pin,.map_wrp .pin10,.map_wrp .pin100 {\r
+       display: block;\r
+       position: absolute;\r
+       width: 19px;\r
+       height: 25px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat 0 -124px;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp a.pin:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.map_wrp .pin strong {\r
+       display: block;\r
+       margin-left: -1px;\r
+       color: #00a403;\r
+       font-family: verdana;\r
+       font-size: 10px;\r
+       line-height: 16px\r
+}\r
+\r
+.map_wrp .pin10 {\r
+       width: 23px;\r
+       height: 33px;\r
+       background-position: -28px -124px\r
+}\r
+\r
+.map_wrp .pin10 strong {\r
+       line-height: 22px\r
+}\r
+\r
+.map_wrp .pin100 {\r
+       width: 29px;\r
+       height: 42px;\r
+       background-position: -61px -124px\r
+}\r
+\r
+.map_wrp .pin100 strong {\r
+       line-height: 28px\r
+}\r
+\r
+.map_wrp .sub_cnt {\r
+       position: absolute;\r
+       top: 239px;\r
+       right: 10px\r
+}\r
+\r
+:root .map_wrp .sub_cnt {\r
+       top: 240px \0/IE9\r
+}\r
+\r
+.map_wrp .sub_cnt a {\r
+       display: inline-block;\r
+       padding-right: 1px;\r
+       color: #66717b;\r
+       line-height: 12px;\r
+       vertical-align: middle\r
+}\r
+\r
+.map_wrp .sub_cnt .more {\r
+       padding: 0 5px 0 1px;\r
+       background-position: 100% -170px;\r
+       font-size: 11px\r
+}\r
+\r
+:root .map_wrp .sub_cnt .more {\r
+       line-height: 14px \0/IE9\r
+}\r
+\r
+.map_wrp .dim {\r
+       position: absolute;\r
+       top: 28PX;\r
+       left: 0;\r
+       width: 171px;\r
+       height: 232px;\r
+       background: #000;\r
+       opacity: 0.1;\r
+       filter: alpha(opacity = 10)\r
+}\r
+\r
+.map_wrp .go_post {\r
+       position: absolute;\r
+       top: 85px;\r
+       left: 12px;\r
+       width: 147px;\r
+       height: 120px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp .go_post p {\r
+       margin: 0;\r
+       padding: 0;\r
+       line-height: 15px\r
+}\r
+\r
+.map_wrp .go_post .tt {\r
+       padding-top: 15px;\r
+       color: #333\r
+}\r
+\r
+.map_wrp .go_post .tx {\r
+       color: #999\r
+}\r
+\r
+.map_wrp .go_post a {\r
+       display: block;\r
+       overflow: hidden;\r
+       text-indent: -9999em\r
+}\r
+\r
+.map_wrp .go_post .post {\r
+       width: 68px;\r
+       height: 16px;\r
+       margin: 11px auto 0;\r
+       background-position: 0 -186px\r
+}\r
+\r
+.map_wrp .go_post .clse {\r
+       position: absolute;\r
+       top: 10px;\r
+       right: 10px;\r
+       width: 11px;\r
+       height: 11px;\r
+       background-position: 100% -148px\r
+}\r
+\r
+.map_wrp .go_evt {\r
+       position: absolute;\r
+       top: 66px;\r
+       left: 12px;\r
+       width: 147px;\r
+       height: 125px;\r
+       padding-top: 15px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/event/bg_evt_ly.png)\r
+               no-repeat;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp .go_evt p {\r
+       margin: 0;\r
+       padding: 0;\r
+       font-size: 11px;\r
+       line-height: 15px\r
+}\r
+\r
+.map_wrp .go_evt .tt {\r
+       margin-bottom: 3px;\r
+       color: #999\r
+}\r
+\r
+.map_wrp .go_evt .tx {\r
+       color: #ee6e3c\r
+}\r
+\r
+.map_wrp .go_evt .tx a {\r
+       overflow: hidden;\r
+       background: none;\r
+       color: #f6b69d;\r
+       text-decoration: underline\r
+}\r
+\r
+.map_wrp .go_evt a {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat;\r
+       font-size: 11px\r
+}\r
+\r
+.map_wrp .go_evt .post,.map_wrp .go_evt .clse {\r
+       display: block;\r
+       text-indent: -9999px\r
+}\r
+\r
+.map_wrp .go_evt .post {\r
+       width: 68px;\r
+       height: 16px;\r
+       margin: 13px auto 0;\r
+       background-position: 0 -186px\r
+}\r
+\r
+.map_wrp .go_evt .clse {\r
+       position: absolute;\r
+       top: 9px;\r
+       right: 10px;\r
+       width: 11px;\r
+       height: 11px;\r
+       background-position: 100% -148px\r
+}\r
+\r
+.readonly_box {\r
+       border: solid 1px #e7e7e7;\r
+       background-color: #fff;\r
+       margin: 0 0 8px;\r
+       padding: 20px 0 19px 20px;\r
+       text-align: left;\r
+       position: relative;\r
+       overflow: hidden\r
+}\r
+\r
+.readonly_box h3 {\r
+       color: #333;\r
+       font: bold 14px "µ¸¿ò", dotum;\r
+       margin: 0 0 15px !important\r
+}\r
+\r
+.readonly_box h3 img {\r
+       vertical-align: middle;\r
+       margin: 0 6px 3px 0\r
+}\r
+\r
+.readonly_box h3 span {\r
+       padding-left: 3px;\r
+       font-size: 12px;\r
+       color: #ff6d20;\r
+       letter-spacing: 0\r
+}\r
+\r
+.readonly_box .closepop {\r
+       position: absolute;\r
+       top: 14px;\r
+       right: 14px;\r
+       width: 15px;\r
+       height: 15px;\r
+}\r
+\r
+.readonly_box ul {\r
+       margin: 0 0 3px !important;\r
+       padding: 0\r
+}\r
+\r
+.readonly_box ul li {\r
+       list-style: none;\r
+       padding-left: 7px;\r
+       line-height: 18px;\r
+       font-size: 12px;\r
+       color: #333;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bu_2x2_33.gif)\r
+               0 7px no-repeat\r
+}\r
+\r
+.readonly_box .viewnotice {\r
+       display: inline-block;\r
+       margin-top: 7px;\r
+       padding-right: 6px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bu_arrow_readonly.gif)\r
+               right 3px no-repeat;\r
+       font-size: 12px;\r
+       color: #333;\r
+       text-decoration: underline !important\r
+}\r
+\r
+.inspection {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bg_inspection.gif)\r
+               repeat-x;\r
+       text-align: center\r
+}\r
+\r
+.inspection .sub_inspection {\r
+       width: 980px;\r
+       height: 69px;\r
+       margin: 0 auto;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bg_inspection2.gif)\r
+               no-repeat;\r
+       text-align: left\r
+}\r
+\r
+.inspection h1 {\r
+       float: left;\r
+       _display: inline;\r
+       padding: 23px 20px 0 0\r
+}\r
+\r
+.inspection p {\r
+       float: left;\r
+       _display: inline;\r
+       padding: 14px 0 0;\r
+       padding-left: 21px;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bg_line.gif) 0\r
+               17px no-repeat;\r
+       color: #fff;\r
+       line-height: 20px\r
+}\r
+\r
+.inspection p * {\r
+       color: #fff;\r
+       line-height: 20px\r
+}\r
+\r
+.inspection p em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       text-decoration: underline\r
+}\r
+\r
+.inspection .viewnotice {\r
+       float: right;\r
+       _display: inline;\r
+       padding: 24px 0 0 18px;\r
+       height: 26px;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bg_line2.gif) 0\r
+               17px no-repeat\r
+}\r
+\r
+#defineNHNCSS_LayoutTopCommon-411216_css {\r
+       color: #ffe\r
+}
\ No newline at end of file
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/a.html b/org.tizen.common.builder/test/src/org/tizen/common/builder/a.html
new file mode 100644 (file)
index 0000000..3455a4a
--- /dev/null
@@ -0,0 +1,14 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
+<html>\r
+<head>\r
+    <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">\r
+    <title>Insert title here</title>\r
+    <script type="text/javascript" src="a.js"></script>\r
+    <script type="text/javascript" src="b.js"></script>\r
+    <link href="a.css" rel="stylesheet" type="text/css">\r
+</head>\r
+<body>\r
+    Hello, World\r
+\r
+</body>\r
+</html>
\ No newline at end of file
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/a.js b/org.tizen.common.builder/test/src/org/tizen/common/builder/a.js
new file mode 100644 (file)
index 0000000..cb8aa38
--- /dev/null
@@ -0,0 +1,3 @@
+A = function() {\r
+       console.log( "A created" );\r
+};\r
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/b.css b/org.tizen.common.builder/test/src/org/tizen/common/builder/b.css
new file mode 100644 (file)
index 0000000..20de43c
--- /dev/null
@@ -0,0 +1,6076 @@
+@CHARSET "EUC-KR";\r
+\r
+/* common style */\r
+html,body {\r
+       margin: 0;\r
+       padding: 0;\r
+       height: 100%;\r
+       min-height: 100%;\r
+}\r
+\r
+hr {\r
+       display: none;\r
+}\r
+\r
+ul,ol,form,h1,h2,h3,h4,h5,h6,dl,dt,dd {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+img {\r
+       border: none;\r
+}\r
+\r
+a:link {\r
+       text-decoration: none\r
+}\r
+\r
+a:visited {\r
+       text-decoration: none\r
+}\r
+\r
+a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+a:active {\r
+       text-decoration: none\r
+}\r
+\r
+.clear {\r
+       clear: both;\r
+}\r
+\r
+.blank5 {\r
+       height: 5px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank7 {\r
+       height: 7px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank10 {\r
+       height: 10px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+.blank20 {\r
+       height: 20px;\r
+       overflow: hidden;\r
+}\r
+\r
+.tl {\r
+       text-align: left;\r
+}\r
+\r
+.tc {\r
+       text-align: center;\r
+}\r
+\r
+.tr {\r
+       text-align: right;\r
+}\r
+\r
+.fl {\r
+       float: left;\r
+}\r
+\r
+.fr {\r
+       float: right;\r
+}\r
+\r
+.fn {\r
+       float: none;\r
+}\r
+\r
+.vm {\r
+       vertical-align: middle;\r
+}\r
+\r
+.u,a.u {\r
+       text-decoration: underline;\r
+}\r
+\r
+.ls1 {\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.nb {\r
+       font-weight: normal !important\r
+}\r
+\r
+input.cx {\r
+       width: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+}\r
+\r
+img.i_scrap {\r
+       margin: 0 0 3px 0;\r
+       vertical-align: middle;\r
+}\r
+\r
+img.i_open {\r
+       margin: 0 1px 4px 1px;\r
+       vertical-align: middle;\r
+}\r
+\r
+img.report {\r
+       margin: 0 0 -1px 0;\r
+}\r
+\r
+.p8 {\r
+       font-size: 8px;\r
+}\r
+\r
+.p9 {\r
+       font-size: 9px;\r
+}\r
+\r
+.p10 {\r
+       font-size: 10px;\r
+}\r
+\r
+.p11 {\r
+       font-size: 11px;\r
+}\r
+\r
+.p12 {\r
+       font-size: 12px;\r
+}\r
+\r
+.fil1 {\r
+       filter: alpha(opacity = 10);\r
+       opacity: 0.1;\r
+}\r
+\r
+.fil2 {\r
+       filter: alpha(opacity = 20);\r
+       opacity: 0.2;\r
+}\r
+\r
+.fil3 {\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+}\r
+\r
+.fil4 {\r
+       filter: alpha(opacity = 40);\r
+       opacity: 0.4;\r
+}\r
+\r
+.fil5 {\r
+       filter: alpha(opacity = 50);\r
+       opacity: 0.5;\r
+}\r
+\r
+.fil6 {\r
+       filter: alpha(opacity = 60);\r
+       opacity: 0.6;\r
+}\r
+\r
+.fil7 {\r
+       filter: alpha(opacity = 70);\r
+       opacity: 0.7;\r
+}\r
+\r
+.fil8 {\r
+       filter: alpha(opacity = 80);\r
+       opacity: 0.8;\r
+}\r
+\r
+.fil9 {\r
+       filter: alpha(opacity = 90);\r
+       opacity: 0.9;\r
+}\r
+\r
+.hand {\r
+       cursor: pointer;\r
+}\r
+\r
+/* Layout-X.jsp Áߺ¹µÈ ½ºÅ¸ÀÏ Á¸Àç È®ÀΠÇÊ¿ä */\r
+* html html {\r
+       overflow: scroll;\r
+       overflow-x: auto;\r
+}\r
+\r
+/* layout style */\r
+#head-skin {\r
+       width: 100%;\r
+       min-height: 100%;\r
+       background-repeat: repeat-x;\r
+       z-index: 1;\r
+}\r
+\r
+* html #head-skin {\r
+       height: 100%;\r
+}\r
+\r
+#whole-head,#whole-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+       clear: both;\r
+}\r
+\r
+#wrapper .side-head,#wrapper .side-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+       clear: both;\r
+}\r
+\r
+#whole-body {\r
+       clear: both;\r
+       padding: 0 8px;\r
+}\r
+\r
+#bottom-skin {\r
+       clear: both;\r
+       height: 75px;\r
+       background-repeat: repeat-x;\r
+}\r
+\r
+#body {\r
+       position: relative;\r
+       z-index: 10;\r
+       text-align: left;\r
+}\r
+\r
+#left-area,#right-area {\r
+       zoom: 1\r
+}\r
+\r
+#left-area:after,#right-area:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+#top-area #blog-title {\r
+       width: 100%\r
+}\r
+\r
+#left-area,#right-area,#content-area {\r
+       margin-top: 4px;\r
+} /*090824¼öÁ¤*/\r
+#bottom-area {\r
+       clear: both;\r
+}\r
+\r
+#blog-sign {\r
+       position: absolute;\r
+       width: 120px;\r
+       height: 20px;\r
+       right: 5px;\r
+       bottom: -30px;\r
+}\r
+\r
+#brandlink {\r
+       position: absolute;\r
+       left: 820px;\r
+       top: 545px;\r
+}\r
+\r
+div.division-line-x,div.division-line-y {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+div.division-line-x {\r
+       width: 171px;\r
+       height: 8px;\r
+       clear: both;\r
+}\r
+\r
+div.plile {\r
+       width: 100%;\r
+}\r
+\r
+#wrapper {\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#bottom-area {\r
+       padding-top: 8px;\r
+}\r
+\r
+#bottom-tight-area {\r
+       margin-top: 8px;\r
+}\r
+\r
+#top-tight-area .widget {\r
+       float: left;\r
+       margin-left: 8px;\r
+}\r
+\r
+#bottom-tight-area .widget {\r
+       float: left;\r
+       margin-left: 8px;\r
+}\r
+\r
+#top-tight-area div.division-line-x {\r
+       float: left;\r
+       width: 8px;\r
+       clear: none;\r
+}\r
+\r
+#bottom-tight-area div.division-line-x {\r
+       float: left;\r
+       width: 8px;\r
+       clear: none;\r
+}\r
+\r
+#top-tight-area .clear,#bottom-tight-area .clear {\r
+       height: 1px;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+/* admin */\r
+#post-admin {\r
+       width: 147px;\r
+       margin: 0 auto;\r
+       padding: 0 0 6px 0;\r
+       text-align: left;\r
+} /* 0825 */\r
+#post-admin a {\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+} /* 0825 */\r
+#post-admin a.statistics {\r
+       font-weight: normal;\r
+} /* 0825 */\r
+#post-admin img.write {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 2px -2px 2px;\r
+       background: url(http://blogimgs.naver.net/nblog/write_ico.png);\r
+}\r
+\r
+* html #post-admin img.write {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/write_ico.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#post-admin img.admin {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 -2px 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/edit_ico.png);\r
+} /* 0825 */\r
+* html #post-admin img.admin {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/edit_ico.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#post-admin img.admin-new {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 -2px 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/ico_new.gif) 0 1px\r
+               no-repeat;\r
+} /* 090506Ãß°¡ */\r
+#post-admin span.bar {\r
+       padding: 0 5px 0 3px;\r
+}\r
+\r
+#post-admin span.bar1 {\r
+       padding: 0 12px 0 9px;\r
+}\r
+\r
+#post-admin span.bar2 {\r
+       padding: 0 14px 0 11px;\r
+}\r
+\r
+#wrapper .side-body {\r
+       text-align: center;\r
+       clear: both;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#wrapper .side-body.onestyle {\r
+       padding: 0 0 10px 0;\r
+       zoom: 1;\r
+       width: 100%;\r
+}\r
+\r
+#wrapper .side-body .widget {\r
+       overflow: hidden\r
+}\r
+\r
+#wrapper h3.component {\r
+       position: absolute;\r
+       font-size: 12px;\r
+}\r
+\r
+#wrapper h3.component span {\r
+       cursor: default;\r
+}\r
+\r
+#wrapper .cm-head {\r
+       clear: both;\r
+       position: relative;\r
+       z-index: 1\r
+}\r
+\r
+#wrapper .cm-title {\r
+       position: absolute;\r
+       width: 171px;\r
+       z-index: 2\r
+}\r
+\r
+#wrapper .cm-body {\r
+       clear: both;\r
+}\r
+\r
+#wrapper .cm-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+#wrapper .cm-arw {\r
+       width: 3px;\r
+       height: 3px;\r
+       margin: 0 2px 2px 0;\r
+       vertical-align: middle;\r
+}\r
+\r
+#wrapper .cm-icol {\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#wrapper .cm-con {\r
+       width: 161px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#wrapper .cmore {\r
+       position: absolute;\r
+       right: 8px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+}\r
+\r
+#wrapper .cmore a {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+input.listup {\r
+       width: 15px;\r
+       height: 5px;\r
+       margin: 0 0 5px 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       text-align: center;\r
+       font-family: µ¸¿ò;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+input.listdown {\r
+       width: 15px;\r
+       height: 5px;\r
+       margin: 0 0 5px 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       text-align: center;\r
+       font-family: µ¸¿ò;\r
+       font-weight: bold;\r
+       cursor: pointer;\r
+       filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=  2 );\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#idMenuDiv {\r
+       text-align: left;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#idMenuDiv .n_id {\r
+       cursor: pointer;\r
+}\r
+\r
+/* scrollbox */\r
+.template .scrollbox {\r
+       font-size: 12px;\r
+       border: 1px solid green;\r
+}\r
+\r
+.template .scrollbox .track {\r
+       background-color: #ff0;\r
+       width: 20px;\r
+}\r
+\r
+.template .scrollbox .button {\r
+       background-color: #f00;\r
+       width: 20px;\r
+       height: 20px;\r
+}\r
+\r
+.template .scrollbox .button.button_up {\r
+       background-color: #f0f;\r
+}\r
+\r
+.template .scrollbox .button.button_up.button_up_over {\r
+       background-color: #a00;\r
+}\r
+\r
+.template .scrollbox .button.button_up.button_up_down {\r
+       background-color: #0a0;\r
+}\r
+\r
+.template .scrollbox .button.button_dn {\r
+       background-color: #0f0;\r
+}\r
+\r
+.template .scrollbox .button.button_dn.button_dn_over {\r
+       background-color: #a00;\r
+}\r
+\r
+.template .scrollbox .button.button_dn.button_dn_down {\r
+       background-color: #0a0;\r
+}\r
+\r
+.template .scrollbox .thumb {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb .thumbtop {\r
+       width: 20px;\r
+       height: 10px;\r
+       background-color: gray;\r
+}\r
+\r
+.template .scrollbox .thumb .thumbbtm {\r
+       width: 20px;\r
+       height: 10px;\r
+       background-color: gray;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over {\r
+       background-color: #aaa;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over .thumbtop {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_over .thumbbtm {\r
+       background-color: silver;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down {\r
+       background-color: #faa;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down .thumbtop {\r
+       background-color: #a77;\r
+}\r
+\r
+.template .scrollbox .thumb.thumb_down .thumbbtm {\r
+       background-color: #a77;\r
+}\r
+\r
+/* selectbox */\r
+.ie7 {\r
+       font-size: 12px;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .box {\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/box.gif)\r
+               no-repeat;\r
+       position: relative;\r
+       text-decoration: none;\r
+       height: 22px;\r
+       color: #000;\r
+}\r
+\r
+.ie7 .selectbox_disabled {\r
+       opacity: 0.7;\r
+       -moz-opacity: 0.7;\r
+       -kthml-opacity: 0.7;\r
+       filter: alpha(opacity = 70);\r
+}\r
+\r
+.ie7 .box.box_over {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/box_over.gif);\r
+}\r
+\r
+.ie7 .box.box_down {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/box_down.gif);\r
+}\r
+\r
+.ie7 .box .label {\r
+       padding: 2px 5px;\r
+       height: 22px;\r
+       overflow: hidden;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .box .button {\r
+       float: right;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/button.gif)\r
+               no-repeat #fff;\r
+       width: 15px;\r
+       height: 22px;\r
+       _cursor: hand;\r
+       cursor: pointer;\r
+}\r
+\r
+.ie7 .box.box_over .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_over.gif);\r
+}\r
+\r
+.ie7 .box.box_down .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_down.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box.box_over .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e_over.gif);\r
+}\r
+\r
+.ie7.selectbox_expanded .box.box_down .button {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/mylog/post/button_e_down.gif);\r
+}\r
+\r
+.ie7 .listbox {\r
+       border: 1px solid #9d9da1;\r
+       background-color: #fff;\r
+       margin: 2px 0 0 0;\r
+       padding: 0;\r
+}\r
+\r
+.ie7 .listbox li {\r
+       padding: 5px;\r
+       cursor: default;\r
+}\r
+\r
+.ie7 .listbox li.over {\r
+       background-color: #bbb7c7;\r
+}\r
+\r
+.png24 {\r
+       tmp: expression(setPng24(this) );\r
+}\r
+\r
+.division-line-x {\r
+       height: 5px;\r
+       font-size: 0;\r
+       overflow: hidden;\r
+}\r
+\r
+/* *** Float containers fix *** */\r
+.clearfix:after {\r
+       content: ".";\r
+       display: block;\r
+       height: 0;\r
+       clear: both;\r
+       visibility: hidden;\r
+}\r
+\r
+/* Hides from IE-mac \*/\r
+* html .clearfix {\r
+       height: 1%;\r
+}\r
+\r
+.clearfix {\r
+       display: block;\r
+}\r
+/* End hide from IE-mac */\r
+\r
+/*printer styles*/\r
+@media print {\r
+       #leftcol {\r
+               display: none;\r
+       }\r
+       #rightcol {\r
+               display: none;\r
+       }\r
+       #twocols,#maincol {\r
+               width: 100%;\r
+               float: none;\r
+       }\r
+}\r
+\r
+.error_box {\r
+       width: 171px;\r
+       padding-top: 7px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left top\r
+               no-repeat;\r
+}\r
+\r
+.error_box p img {\r
+       border: 0\r
+}\r
+\r
+.error_box p {\r
+       margin: 7px !important;\r
+       padding: 3px 0 0 0 !important;\r
+       color: #6E6E6E;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       line-height: 1.2\r
+}\r
+\r
+.error_box p.ico_recycle {\r
+       padding: 9px 0 3px 0;\r
+       text-align: center\r
+}\r
+\r
+.error_box_b {\r
+       overflow: hidden;\r
+       width: 171px;\r
+       height: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left\r
+               bottom no-repeat;\r
+       font-size: 0\r
+}\r
+\r
+/* for log-integretion close-beta service */\r
+.betatest {\r
+       margin: 0 auto;\r
+       padding: 8px 0 8px;\r
+       width: 147px;\r
+       text-align: left;\r
+       font-weight: bold;\r
+}\r
+\r
+.betatest span {\r
+       display: inline-block;\r
+       padding-right: 8px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/skins/profile/0158_icon.gif)\r
+               no-repeat right center;\r
+}\r
+\r
+.logbetalist {\r
+       position: relative;\r
+       left: -11px;\r
+       width: 105px;\r
+       height: 100%;\r
+       padding: 1px !important;\r
+       overflow: hidden;\r
+       border: 1px solid #9b9b9b;\r
+       background: #fff;\r
+}\r
+\r
+.logbetalist li {\r
+       width: 105px;\r
+       padding: 0 !important;\r
+}\r
+\r
+.logbetalist li a {\r
+       display: inline-block;\r
+       width: 96px;\r
+       padding: 5px 0 4px 9px;\r
+       color: #555;\r
+}\r
+\r
+.logbetalist li a:hover {\r
+       background: #f3f3f3 !important;\r
+}\r
+\r
+/* 090717 ·Î±×ÅëÇÕ ÀÌ¿ëÀÚ¼ÒÅë */\r
+div.log_intergration {\r
+       margin: 9px 0 6px;\r
+       padding: 0 0 0 22px;\r
+       font-size: 12px !important;\r
+       line-height: 1.4;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/beta/ico_log_exclam2.gif)\r
+               no-repeat\r
+}\r
+\r
+strong.log_info {\r
+       display: block;\r
+       margin: 0;\r
+       padding-bottom: 2px;\r
+       font-size: 12px !important\r
+}\r
+\r
+span.log_info {\r
+       display: block;\r
+       margin-bottom: 11px;\r
+       padding-top: 4px;\r
+       font-size: 12px !important;\r
+       filter: alpha(opacity = 80);\r
+       opacity: 0.8;\r
+}\r
+\r
+/* 0921Ãß°¡ */\r
+.post_layer {\r
+       position: absolute;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       background: url(http://blogimgs.naver.net/nblog/spc.gif);\r
+}\r
+\r
+.shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .post_layer .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.post_layer .shadow01_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.post_layer .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .post_layer .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.post_layer .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.post_layer .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.post_layer .close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.post_layer .content {\r
+       padding-bottom: 3px;\r
+       margin: 13px 20px 0 20px;\r
+       border-bottom: 1px solid #E8E8E8;\r
+}\r
+\r
+.post_layer .btn {\r
+       margin: 0;\r
+       padding: 10px 0 10px 0;\r
+       text-align: center;\r
+}\r
+\r
+.post_layer .ln15 {\r
+       line-height: 1.5\r
+}\r
+\r
+.post_layer p {\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+.post_layer .post_data {\r
+       margin-top: 3px;\r
+       padding: 9px 0 0 0;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_line2.gif)\r
+               top repeat-x;\r
+       text-align: left\r
+}\r
+\r
+.post_layer .post_data h3 {\r
+       margin: 0;\r
+       padding: 0 0 4px 7px;\r
+       font-size: 12px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_arrow.gif)\r
+               0 3px no-repeat;\r
+}\r
+\r
+.post_layer .post_data ul {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.post_layer .post_data li {\r
+       list-style-type: none;\r
+       position: relative;\r
+       margin: 0;\r
+       padding: 0 0 4px 7px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_dot3.gif)\r
+               0 4px no-repeat;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.post_layer .post_data span {\r
+       position: absolute;\r
+       left: 0;\r
+       padding: 0 0 0 91px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_bar2.gif)\r
+               81px 0 no-repeat;\r
+       color: #004790;\r
+}\r
+\r
+.post_layer .post_data span a {\r
+       color: #004790;\r
+}\r
+/* 0921Ãß°¡ */\r
+\r
+/* app box */\r
+#blog-socialappbox {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left\r
+}\r
+\r
+#blog-socialappbox .line {\r
+       width: 141px;\r
+       height: 1px;\r
+       margin: 0 auto;\r
+       border-top: 1px solid\r
+}\r
+\r
+#blog-socialappbox .cm-head em {\r
+       font-style: normal;\r
+       font-weight: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma\r
+}\r
+\r
+.app_box {\r
+       overflow: hidden;\r
+       padding: 9px 0 2px 10px;\r
+       zoom: 1\r
+}\r
+\r
+.app_box li {\r
+       float: left;\r
+       width: 44px;\r
+       margin: 0 5px 9px 0;\r
+       text-align: center;\r
+       list-style: none\r
+}\r
+\r
+.app_box li a {\r
+       display: inline-block\r
+}\r
+\r
+.app_box li a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.app_box li img {\r
+       vertical-align: top\r
+}\r
+\r
+.app_box li span {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 44px;\r
+       margin-top: 5px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       white-space: nowrap\r
+}\r
+\r
+.app_box_btn {\r
+       margin-right: 9px;\r
+       padding: 2px 0 6px;\r
+       text-align: right\r
+}\r
+\r
+.app_box_btn span,.app_box_btn a {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.app_box_btn .bar {\r
+       display: inline-block;\r
+       margin: 0 0 0 -1px;\r
+       font-style: normal;\r
+       font-size: 11px\r
+}\r
+\r
+.app_box_none {\r
+       text-align: center\r
+}\r
+\r
+.app_box_none p {\r
+       display: inline-block;\r
+       margin: 0;\r
+       padding: 24px 0 27px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.app_box_none .p_type2 {\r
+       padding: 1px 0 0\r
+}\r
+\r
+.app_box_none .line {\r
+       padding-bottom: 10px\r
+}\r
+\r
+.app_box_ros {\r
+       padding: 5px 9px\r
+}\r
+\r
+.app_box_ros p {\r
+       margin: 0;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 16px\r
+}\r
+\r
+/* photo viewer */\r
+.photo_view {\r
+       position: absolute;\r
+}\r
+\r
+.photo_view .photo_shadow {\r
+       position: absolute;\r
+       bottom: -4px;\r
+       _bottom: -5px;\r
+       width: 100%;\r
+       height: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png)\r
+               left top no-repeat;\r
+       font-size: 0;\r
+}\r
+\r
+* html .photo_view .photo_shadow {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png',\r
+               sizingMethod='scale' );\r
+       background: none\r
+}\r
+\r
+.photo_view img {\r
+       border: 0\r
+}\r
+\r
+.photo_view p {\r
+       margin: 0\r
+}\r
+\r
+.photo_view .view_top {\r
+       position: relative;\r
+       height: 31px;\r
+       margin-left: 4px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_top_r.gif)\r
+               right top no-repeat;\r
+}\r
+\r
+.photo_view h3 {\r
+       position: absolute;\r
+       top: 0;\r
+       left: -4px;\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+.photo_view .btn_left {\r
+       position: absolute;\r
+       top: 6px;\r
+       right: 50%;\r
+}\r
+\r
+.photo_view .btn_left a {\r
+       display: block;\r
+       width: 31px;\r
+       height: 21px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left.gif)\r
+               no-repeat;\r
+}\r
+/*.photo_view   .btn_left a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_over.gif) no-repeat;}\r
+.photo_view .btn_left a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_down.gif) no-repeat;}*/\r
+.photo_view .btn_left a img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .btn_right {\r
+       position: absolute;\r
+       top: 6px;\r
+       left: 50%;\r
+}\r
+\r
+.photo_view .btn_right a {\r
+       display: block;\r
+       width: 31px;\r
+       height: 21px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right.gif)\r
+               no-repeat;\r
+}\r
+/*.photo_view   .btn_right a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_over.gif) no-repeat;}\r
+.photo_view .btn_right a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_down.gif) no-repeat;}*/\r
+.photo_view .btn_right a img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .photo_count {\r
+       position: absolute;\r
+       top: 9px;\r
+       right: 39px;\r
+       color: #6E6E6E;\r
+       font-size: 11px;\r
+       font-family: Verdana\r
+}\r
+\r
+.photo_view .photo_album {\r
+       position: absolute;\r
+       padding: 0 1px 1px 1px;\r
+       border: 1px solid #797979;\r
+       border-top: 0;\r
+       background-color: #fff\r
+}\r
+\r
+.photo_view .photo_album p {\r
+       border: 1px solid #AAA\r
+}\r
+\r
+.photo_view .btn_close {\r
+       position: absolute;\r
+       top: 5px;\r
+       right: 5px;\r
+}\r
+\r
+.photo_view .btn_close a {\r
+       display: block;\r
+       width: 23px;\r
+       height: 22px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close a:hover {\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_over.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close a:active {\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_down.gif)\r
+               no-repeat;\r
+}\r
+\r
+.photo_view .btn_close img {\r
+       position: relative;\r
+       z-index: -1;\r
+}\r
+\r
+.photo_view .btn_original {\r
+       position: absolute;\r
+       top: 20px;\r
+       left: 20px;\r
+}\r
+\r
+* html .photo_view .btn_original img {\r
+       width: 80px;\r
+       height: 1px;\r
+       margin-top: -1px;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_original.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+.photo_view .loading_layer {\r
+       display: inline-block;\r
+       width: 150px;\r
+       height: 34px;\r
+       background:\r
+               url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/load_b01_01.gif)\r
+               0 bottom no-repeat;\r
+       color: #4B4B4B;\r
+       font-size: 12px;\r
+       font-family: dotum;\r
+       letter-spacing: -1px;\r
+} /* 100524 */\r
+\r
+/* ipad */\r
+.guid_ipad_area2 {\r
+       width: 169px;\r
+       height: 178px;\r
+       margin: 0 auto;\r
+       border: 1px solid #ebebeb;\r
+       background: #f8f8f8;\r
+       color: #888;\r
+       text-align: center;\r
+}\r
+\r
+.guid_ipad_area2 p {\r
+       padding-top: 61px;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       line-height: 18px;\r
+}\r
+\r
+/* ÁöµµÀ§¿¡ ºí·Î±× : Ç³¼±¸» */\r
+.ic_new {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -14px;\r
+       left: 2px;\r
+       width: 20px;\r
+       height: 13px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/ic_new.png)\r
+               no-repeat;\r
+       text-indent: -9999px\r
+}\r
+\r
+.ic_event {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -14px;\r
+       left: -1px;\r
+       width: 26px;\r
+       height: 13px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/event/ic_event.png)\r
+               no-repeat;\r
+       text-indent: -9999px\r
+}\r
+/* for widget */\r
+\r
+/* for blog-category */\r
+#blog-category {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-category p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-category ul.profile-menu {\r
+       border-width: 1px 0;\r
+       border-color: #BCBCB8;\r
+       border-style: dotted;\r
+}\r
+\r
+#blog-category ul {\r
+       margin: 0;\r
+       padding: 5px 0 8px 9px;\r
+}\r
+\r
+#blog-category ul li {\r
+       list-style-type: none;\r
+       margin: 0 0 1px;\r
+       padding: 5px 0 0;\r
+       overflow: hidden;\r
+       zoom: 1;\r
+       word-break: break-all;\r
+       word-wrap: break-word; .\r
+       margin-bottom: -3px;\r
+}\r
+\r
+#blog-category ul li.allview {\r
+       padding-bottom: 7px;\r
+}\r
+\r
+#blog-category ul li.allview a {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-category ul li.selectedview a {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-category ul li.dilind {\r
+       margin: 0;\r
+       padding: 3px 0 5px;\r
+}\r
+\r
+#blog-category ul li.dilind input {\r
+       width: 145px;\r
+       height: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       vertical-align: middle;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-category ul li.depth2dilind {\r
+       padding: 3px 0 5px;\r
+       background: none;\r
+       font-size: 0;\r
+}\r
+\r
+#blog-category ul li.depth2dilind input {\r
+       width: 145px;\r
+       height: 10px;\r
+       margin: 0;\r
+       padding: 0;\r
+       border: none;\r
+       background: transparent;\r
+       vertical-align: top;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-category ul li .num {\r
+       position: relative;\r
+       top: -1px;\r
+       font-family: verdana;\r
+       font-size: 10px;\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-category ul li img.listimage {\r
+       float: left;\r
+}\r
+\r
+#blog-category ul li img.albumimage {\r
+       float: left;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/admin/ico_n_photo.gif);\r
+}\r
+\r
+#blog-category ul li .tlink {\r
+       float: left;\r
+       width: 112px;\r
+}\r
+\r
+#blog-category ul li .tlink_nosub {\r
+       float: left;\r
+       width: 138px;\r
+}\r
+\r
+#blog-category ul li a.on {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-category ul li.depth2 {\r
+       padding-left: 14px;\r
+       background-position: 4px 5px;\r
+       background-repeat: no-repeat;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_depth2_l.gif);\r
+}\r
+\r
+#blog-category ul li.depth2 .tlink {\r
+       width: 112px;\r
+}\r
+\r
+#blog-category .f_open {\r
+       float: left;\r
+       width: 16px;\r
+       height: 10px;\r
+       margin: 1px 0 0;\r
+       font: 0/0 arial;\r
+}\r
+\r
+#blog-category .f_open .f_icoclosed,#blog-category .f_open .f_icoopen {\r
+       background-repeat: no-repeat;\r
+       cursor: pointer;\r
+       _cursor: hand;\r
+} /* 090226¼öÁ¤ */\r
+#blog-category .f_open .f_icoclosed {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_f_closed_l.gif);\r
+}\r
+\r
+#blog-category .f_open .f_icoopen {\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/widget/ico_f_open_l.gif);\r
+}\r
+\r
+#blog-category .allimage,#blog-category .listimage,#blog-category .albumimage\r
+       {\r
+       width: 10px;\r
+       height: 12px;\r
+       margin: 0 2px -2px 0;\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#blog-category h3.component span {\r
+       cursor: pointer;\r
+}\r
+/* for Category.jsp */\r
+.layer_popup {\r
+       top: 800px;\r
+       left: 350px;\r
+       position: absolute;\r
+       overflow: visible;\r
+       filter: progid:DXImageTransform.Microsoft.Shadow(color=#6c6c6c,\r
+               direction=135, strength=3 );\r
+}\r
+\r
+.layer_popup em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+}\r
+\r
+.layer_popup .shadow {\r
+       position: absolute;\r
+       width: 100%;\r
+       height: 100%;\r
+       overflow: visible;\r
+       z-index: 1;\r
+       _display: none;\r
+}\r
+\r
+*:first-child+html .layer_popup .shadow {\r
+       display: none;\r
+}\r
+\r
+.layer_popup .shadow1 {\r
+       left: 3px;\r
+       top: 3px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow1.png);\r
+}\r
+\r
+.layer_popup .shadow2 {\r
+       left: 2px;\r
+       top: 2px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow2.png);\r
+}\r
+\r
+.layer_popup .shadow3 {\r
+       left: 1px;\r
+       top: 1px;\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow3.png);\r
+}\r
+\r
+.layer_popup {\r
+       position: absolute;\r
+       overflow: visible;\r
+       width: 208px;\r
+       filter: progid:DXImageTransform.Microsoft.Shadow(color=#c6c6c6,\r
+               direction=135, strength=3 );\r
+}\r
+\r
+.layer_popup .layer_content {\r
+       border: 1px solid #6c6c6c;\r
+       background: #ffffff;\r
+       position: relative;\r
+       z-index: 2;\r
+}\r
+\r
+.layer_popup .layer_body {\r
+       font-size: 12px;\r
+       color: #333333;\r
+       line-height: 18px;\r
+       padding: 13px 0 10px 19px;\r
+       font-family: ±¼¸², Gulim, µ¸¿ò, Dotum, Helvetica, Sans-serif;\r
+       text-align: left;\r
+}\r
+\r
+.layer_popup .layer_content a {\r
+       color: #ff3333;\r
+       text-decoration: underline;\r
+}\r
+\r
+#prohibition {\r
+       position: absolute;\r
+       z-index: 1;\r
+       top: 1017px;\r
+       left: 389px;\r
+       background: url(img/bg_prohibition.gif) no-repeat;\r
+       line-height: 140%;\r
+       padding: 15px 0 0 20px;\r
+       width: 191px;\r
+       height: 85px;\r
+       color: #333;\r
+}\r
+\r
+#prohibition span {\r
+       color: #ff3333;\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-category ul li .tlink_nosub img {\r
+       margin: 0 0 0 4px;\r
+}\r
+\r
+#blog-category ul li .prohibit {\r
+       background: url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.png)\r
+               no-repeat 0 0;\r
+       _background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.gif) no-repeat\r
+               0 0\r
+}\r
+\r
+/* blog-search */\r
+#blog-search {\r
+       width: 171px;\r
+       height: 25px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-search h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-search {\r
+       background: none;\r
+       padding: 0;\r
+}\r
+\r
+#blog-search .inp {\r
+       width: 120px;\r
+       height: 16px;\r
+       padding: 3px 0 0 3px;\r
+       vertical-align: middle;\r
+       border-top: 1px #999999 solid;\r
+       border-right: 1px #DBDBDB solid;\r
+       border-bottom: 1px #DBDBDB solid;\r
+       border-left: 1px #999999 solid;\r
+       background: #FFF;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       -webkit-appearance: none;\r
+       -webkit-border-radius: 0\r
+}\r
+\r
+#blog-search .btn {\r
+       width: 43px;\r
+       height: 22px;\r
+       margin: 0 0 -1px 3px;\r
+       vertical-align: middle;\r
+       background-image:\r
+               url(http://blogimgs.naver.net/nblog/btn_blogsearch.gif);\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+/* blog-tag */\r
+#blog-tag {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-tag p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-tag .cmore a,#blog-tag .cmore span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-tag .cmore a.on {\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-tag .taglist {\r
+       padding: 7px 9px;\r
+       line-height: 1.6;\r
+       word-break: break-all;\r
+       word-wrap: break-word;\r
+       overflow: hidden;\r
+       width: 153px;\r
+}\r
+\r
+#blog-tag .allview {\r
+       text-align: right;\r
+       padding: 0 10px 7px 0;\r
+}\r
+\r
+#blog-tag .allview span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+}\r
+\r
+#blog-tag .allview a {\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-tag .allview img {\r
+       width: 4px;\r
+       height: 6px;\r
+       margin: 0 3px 2px 0;\r
+}\r
+\r
+/* blog-recent-comment */\r
+#blog-recent-comment {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-recent-comment h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-recent-comment p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-recent-comment ul {\r
+       padding: 10px 0 1px 10px;\r
+}\r
+\r
+#blog-recent-comment ul li {\r
+       list-style-type: none;\r
+       margin-bottom: 6px;\r
+       padding: 0;\r
+}\r
+\r
+#blog-recent-comment .allview {\r
+       text-align: right;\r
+       padding: 0 10px 7px 0;\r
+}\r
+\r
+#blog-recent-comment .allview span {\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+}\r
+\r
+#blog-recent-comment .allview a {\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-recent-comment .allview img {\r
+       width: 4px;\r
+       height: 6px;\r
+       margin: 0 3px 2px 0;\r
+}\r
+\r
+/* blog-visitor */\r
+#blog-visitor {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-visitor h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-visitor p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-visitor ul {\r
+       padding: 10px 0 1px 10px;\r
+}\r
+\r
+#blog-visitor ul li {\r
+       list-style-type: none;\r
+       margin-bottom: 6px;\r
+       padding: 0;\r
+       word-break: break-all;\r
+}\r
+/* for Visitor.jsp */\r
+.layerpop2 {\r
+       position: absolute;\r
+       z-index: 999;\r
+       font: normal 12px µ¸¿ò, Dotum;\r
+       color: #333;\r
+       overflow: hidden;\r
+       display: none;\r
+}\r
+\r
+.layerpop2 .border_type {\r
+       position: relative;\r
+       border: solid 2px #777;\r
+       background-color: #fff;\r
+}\r
+\r
+.layerpop2 .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+}\r
+\r
+.layerpop2 .content1 {\r
+       padding: 30px 30px 21px;\r
+       border-bottom: solid 1px #f0f0f0;\r
+}\r
+\r
+.layerpop2 .content1 h6 {\r
+       font-weight: bold;\r
+       font-size: 14px;\r
+       padding-bottom: 22px;\r
+       margin: 0;\r
+       color: #333;\r
+}\r
+\r
+.layerpop2 .subtext {\r
+       font-size: 11px;\r
+       color: #999;\r
+       margin: 0;\r
+       padding: 7px 0 0;\r
+       line-height: 16px;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop2 .check {\r
+       width: 13px;\r
+       height: 13px;\r
+       vertical-align: middle;\r
+       padding: 0 3px 2px 0;\r
+       margin-left: 2px;\r
+}\r
+\r
+.layerpop2 .btn1 {\r
+       background-color: #fbfbfb;\r
+       border-top: solid 1px #f7f7f7;\r
+       text-align: center;\r
+       margin: 0;\r
+       padding: 11px 0 20px;\r
+}\r
+\r
+.layerpop2 .btn1 img {\r
+       margin: 0 1px;\r
+       vertical-align: top;\r
+}\r
+\r
+/* blog-buddy */\r
+#blog-buddy {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-buddy h3.component span {\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-buddy p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-buddy ul {\r
+       padding: 5px 0 5px 8px;\r
+}\r
+\r
+#blog-buddy ul li {\r
+       list-style-type: none;\r
+       font-weight: bold;\r
+       margin: 5px 0 0 0;\r
+       padding: 0 0 2px 0;\r
+       word-break: break-all;\r
+       overflow: hidden;\r
+       word-wrap: break-word;\r
+}\r
+\r
+#blog-buddy .buddyup,#blog-buddy .buddydw {\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 3px 2px 0;\r
+       background-position: 50% 50%;\r
+       background-repeat: no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-buddy ul.depth2 {\r
+       padding: 0 0 0 15px;\r
+}\r
+\r
+#blog-buddy ul.depth2 li {\r
+       font-weight: normal;\r
+       margin: 4px 0 0 0;\r
+       padding: 0;\r
+       background: none;\r
+}\r
+\r
+#buddylist {\r
+       position: absolute;\r
+       top: 3px;\r
+       left: -8px;\r
+       border: 1px solid;\r
+       color: #9B9B9B;\r
+       background-color: #FFFFFF;\r
+       width: 355px;\r
+       height: 535px;\r
+       overflow: auto;\r
+}\r
+\r
+/* for Buddy4NaverBlog.jsp */\r
+.cm-slink:hover {\r
+       color: #56ac4b !important;\r
+}\r
+\r
+/* blog-stat */\r
+#blog-stat {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-stat p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-stat ul li {\r
+       list-style-type: none;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-stat ul.info {\r
+       margin: 0;\r
+       padding: 9px 0 0 10px;\r
+}\r
+\r
+#blog-stat ul.info li {\r
+       height: 18px;\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-stat em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+html>body #blog-stat ul.info li {\r
+       height: 18px;\r
+       margin: 0;\r
+}\r
+\r
+#blog-stat ul.item {\r
+       clear: both;\r
+       margin: 0;\r
+       padding: 0px 0 5px 10px;\r
+}\r
+\r
+#blog-stat ul.item li {\r
+       height: 15px;\r
+       margin: 0 0 3px 0;\r
+       padding: 0;\r
+}\r
+\r
+html>body #blog-stat ul.item li {\r
+       height: 18px;\r
+       margin: 0;\r
+}\r
+\r
+#blog-stat div.line {\r
+       height: 10px;\r
+       margin: 4px 10px 0 10px;\r
+       background: transparent;\r
+       border-top-width: 1px;\r
+       border-top-style: dotted;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+}\r
+\r
+/* blog-counter */\r
+#blog-counter {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-counter p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-counter h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-counter p span.txt {\r
+       display: none;\r
+}\r
+\r
+#blog-counter span.cnt1,#blog-counter span.cnt2 {\r
+       display: block;\r
+}\r
+\r
+#blog-counter .today,#blog-counter .total {\r
+       position: absolute;\r
+}\r
+\r
+/* blog-rss */\r
+#blog-rss {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-rss p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-rss span {\r
+       display: block;\r
+}\r
+\r
+#blog-rss span.no {\r
+       display: none;\r
+}\r
+\r
+#blog-rss a {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+/* blog-powered */\r
+#blog-powered {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-powered p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-powered span {\r
+       display: none;\r
+}\r
+\r
+#blog-powered a.naver {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+#blog-powered a.blog {\r
+       display: block;\r
+       position: absolute;\r
+}\r
+\r
+/* widget-saying */\r
+#widget-saying {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#widget-saying p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-saying .bg-head {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-saying .bg-body {\r
+       overflow: hidden;\r
+       background-repeat: repeat;\r
+       text-align: center;\r
+}\r
+\r
+#widget-saying .bg-footer {\r
+       clear: both;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-saying h3 {\r
+       display: none;\r
+}\r
+\r
+#widget-saying .con {\r
+       width: 142px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+}\r
+\r
+#widget-saying .con img {\r
+       cursor: pointer;\r
+}\r
+\r
+#widget-saying .saying {\r
+       ine-height: 1.4;\r
+}\r
+\r
+#widget-saying .saying span {\r
+       \r
+}\r
+\r
+#widget-saying .writer {\r
+       float: right;\r
+       padding-top: 6px;\r
+}\r
+\r
+#widget-saying .icon {\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#widget-saying .btn-more {\r
+       padding: 8px 0 0 1px;\r
+}\r
+\r
+#widget-saying .btn-more a {\r
+       font-size: 10px;\r
+       text-decoration: none;\r
+}\r
+\r
+/* widget-currency */\r
+#widget-currency {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0pt auto;\r
+}\r
+\r
+#widget-currency .skin-1,#widget-currency .skin-2 {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 11px;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-currency p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-currency .bg-head span {\r
+       display: none\r
+}\r
+\r
+#widget-currency .bg-head h3 {\r
+       margin: 0;\r
+       font-weight: normal;\r
+       text-align: center;\r
+}\r
+\r
+#widget-currency .bg-head h3 img {\r
+       border: 0\r
+}\r
+\r
+#widget-currency .bg-head h3 a {\r
+       position: absolute;\r
+       display: block;\r
+       width: 51px;\r
+       height: 20px;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       z-index: 99;\r
+       background: #fff;\r
+       opacity: 0;\r
+       filter: alpha(opacity = 0)\r
+}\r
+\r
+#widget-currency .bg-head h3.on a {\r
+       width: 55px;\r
+       height: 20px;\r
+}\r
+\r
+#widget-currency .bg-body h3.money {\r
+       position: absolute;\r
+       margin: 0;\r
+       font-weight: bold;\r
+       font-family: Times New Roman;\r
+}\r
+\r
+#widget-currency .bg-body {\r
+       clear: both;\r
+       text-align: center;\r
+}\r
+\r
+#widget-currency table {\r
+       position: absolute;\r
+}\r
+\r
+#widget-currency th {\r
+       display: none\r
+}\r
+\r
+#widget-currency td {\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       text-align: center\r
+}\r
+\r
+#widget-currency .rate {\r
+       height: 18px;\r
+       line-height: 1.4;\r
+}\r
+\r
+#widget-currency .no {\r
+       display: none\r
+}\r
+\r
+#widget-currency .rate-con {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -1px\r
+}\r
+\r
+#widget-currency .buy {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#widget-currency .sell {\r
+       position: absolute;\r
+       font-family: Tahoma;\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#widget-currency .country {\r
+       position: absolute;\r
+       z-index: 1\r
+}\r
+\r
+#widget-currency .bg-sel {\r
+       position: relative;\r
+       float: left;\r
+       width: 97px;\r
+       height: 19px;\r
+       padding: 0;\r
+       margin: 0\r
+}\r
+\r
+#widget-currency .bg-sel li {\r
+       width: 105px;\r
+       padding: 4px 0 3px 0;\r
+       font-size: 11px;\r
+       font-family: Dotum;\r
+       cursor: pointer;\r
+       cursor: hand;\r
+}\r
+\r
+#widget-currency .bg-sel li:first-letter {\r
+       padding-left: 7px\r
+}\r
+\r
+#widget-currency .bg-sel li.on {\r
+       background-color: #FF6501;\r
+       color: #FFFFFF;\r
+}\r
+\r
+#widget-currency .bg-sel li.on span {\r
+       color: #FFFFFF;\r
+}\r
+\r
+#widget-currency .bg-sel li span {\r
+       display: inline;\r
+       color: #8DA4B4;\r
+       font-size: 10px;\r
+       font-family: Arial;\r
+}\r
+\r
+#widget-currency .cal-input {\r
+       width: 40px;\r
+}\r
+\r
+#widget-currency .res-input {\r
+       width: 153px;\r
+}\r
+\r
+#widget-currency .nation select {\r
+       width: 95px;\r
+       font-size: 11px;\r
+}\r
+\r
+#widget-currency .btn-sel {\r
+       display: block;\r
+       position: absolute;\r
+       width: 13px;\r
+       height: 13px;\r
+       background-repeat: no-repeat;\r
+       top: 3px;\r
+       right: 4px;\r
+}\r
+\r
+#widget-currency .calculation-1,#widget-currency .calculation-2 {\r
+       float: left;\r
+       text-align: left;\r
+}\r
+\r
+#widget-currency .calculation-1 div,#widget-currency .calculation-2 div,#widget-currency .calculation-1 p,#widget-currency .calculation-2 p\r
+       {\r
+       float: left;\r
+}\r
+\r
+#widget-currency .calculation-1 input,#widget-currency .calculation-2 input\r
+       {\r
+       position: absolute;\r
+       margin: 1px 0 0 7px;\r
+       border: 0;\r
+       background-color: transparent;\r
+       font-size: 11px;\r
+       font-family: Arial;\r
+       color: #414141;\r
+       text-align: right;\r
+}\r
+\r
+#widget-currency .calculation-1 span,#widget-currency .calculation-2 span\r
+       {\r
+       display: none\r
+}\r
+\r
+#widget-currency .btn-calculation {\r
+       position: absolute;\r
+       width: 45px;\r
+       height: 17px;\r
+       text-align: right\r
+}\r
+\r
+#widget-currency .result {\r
+       float: left;\r
+}\r
+\r
+#widget-currency .result input {\r
+       float: left;\r
+       width: 153px;\r
+       border: 0;\r
+       background-color: transparent;\r
+       font-size: 11px;\r
+       font-family: Arial;\r
+       color: #414141;\r
+       text-align: right;\r
+}\r
+\r
+/* widget-weather */\r
+#widget-weather {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       overflow: hidden;\r
+}\r
+\r
+#widget-weather div {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-weather .weather,#widget-weather .today,#widget-weather .tomorrow\r
+       {\r
+       position: absolute;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#widget-weather .temperature {\r
+       position: absolute;\r
+       width: 90px;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -2px;\r
+       line-height: 1.0;\r
+       z-index: 10;\r
+}\r
+\r
+#widget-weather .today-temperature,#widget-weather .tomorrow-temperature\r
+       {\r
+       position: absolute;\r
+       width: 40px;\r
+       font-family: Tahoma;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+       _letter-spacing: -2px;\r
+       line-height: 0.9;\r
+       z-index: 10;\r
+}\r
+\r
+#widget-weather .today-txt,#widget-weather .tomorrow-txt {\r
+       position: absolute;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.1;\r
+       z-index: 10\r
+}\r
+\r
+*:first-child+html #widget-weather .today-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .today-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+*:first-child+html #widget-weather .tomorrow-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .tomorrow-txt {\r
+       line-height: 1.2\r
+}\r
+\r
+#widget-weather .area {\r
+       position: absolute;\r
+       font-family: Dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.1;\r
+       z-index: 10\r
+}\r
+\r
+*:first-child+html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+*:first-child+html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+* html #widget-weather .area {\r
+       line-height: 1.2\r
+}\r
+\r
+#widget-weather .tomorrow-minimum-temperature {\r
+       display: none\r
+}\r
+\r
+/* widget-count */\r
+#widget-count {\r
+       position: relative;\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#widget-count p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#widget-count h3 {\r
+       display: none;\r
+}\r
+\r
+#widget-count p span.txt {\r
+       display: none;\r
+}\r
+\r
+#widget-count span.cnt1,#widget-count span.cnt2 {\r
+       display: block;\r
+}\r
+\r
+#widget-count .today,#widget-count .total {\r
+       position: absolute;\r
+}\r
+\r
+/* widget-ccl */\r
+#widget-ccl {\r
+       width: 171px;\r
+       height: 38px;\r
+       margin: 0 auto;\r
+       background-repeat: no-repeat;\r
+       overflow: visible !important\r
+}\r
+\r
+.ccl_layer {\r
+       position: absolute;\r
+       width: 179px;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.ccl_layer .content {\r
+       position: relative;\r
+       padding: 3px 9px 5px 9px;\r
+       border: 1px solid #919191;\r
+       background-color: #fff;\r
+       font-family: dotum;\r
+       font-size: 11px;\r
+       text-align: left\r
+}\r
+\r
+.ccl_layer p {\r
+       margin: 0;\r
+       padding: 5px 0 0 0\r
+}\r
+\r
+.ccl_layer ul {\r
+       margin: 0;\r
+       padding: 2px 0 0 0\r
+}\r
+\r
+.ccl_layer li {\r
+       list-style-type: none;\r
+       color: #888;\r
+       line-height: 1.2;\r
+       letter-spacing: 0;\r
+}\r
+\r
+.ccl_layer .ccl_layer_position {\r
+       position: absolute;\r
+       width: 7px;\r
+       height: 10px;\r
+       bottom: -10px;\r
+       _bottom: -12px;\r
+       left: 11px;\r
+       background:\r
+               url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png)\r
+               no-repeat;\r
+}\r
+\r
+* html .ccl_layer .ccl_layer_position {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png',\r
+               sizingMethod='crop' );\r
+       background: none;\r
+}\r
+\r
+.ccl_layer .shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .ccl_layer .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.ccl_layer .shadow01_side {\r
+       position: relative;\r
+       _width: 100%;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.ccl_layer .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .ccl_layer .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.ccl_layer .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.ccl_layer.top_position .ccl_layer_position {\r
+       position: absolute;\r
+       width: 7px;\r
+       height: 10px;\r
+       top: -9px;\r
+       _top: -8px;\r
+       left: 85px;\r
+       _left: 75px;\r
+       background:\r
+               url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png)\r
+               no-repeat;\r
+}\r
+\r
+* html .ccl_layer.top_position .ccl_layer_position {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png',\r
+               sizingMethod='crop' );\r
+       background: none;\r
+}\r
+\r
+/* blog-adpost */\r
+#blog-adpost {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       font-family: µ¸¿ò, dotum;\r
+       font-size: 12px;\r
+       text-align: left;\r
+}\r
+\r
+#blog-adpost .cm-side {\r
+       width: 1px;\r
+       margin: 0;\r
+       padding: 0;\r
+       *padding: 0 0 0 1px;\r
+       _padding: 0;\r
+       font-ssize: 0;\r
+       line-height: 0;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .cm-top {\r
+       clear: both;\r
+       height: 1px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-ssize: 0;\r
+       line-height: 0;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .cm-con {\r
+       width: 169px;\r
+       *width: 100%;\r
+       _width: 169px;\r
+       padding-top: 9px;\r
+}\r
+\r
+#blog-adpost .cm-con dl {\r
+       width: 141px;\r
+       margin: 0 auto;\r
+       padding: 6px 0;\r
+}\r
+\r
+#blog-adpost .cm-con dt a {\r
+       *width: 141px;\r
+       letter-spacing: -1px;\r
+}\r
+/*#blog-adpost .cm-con dt a {display:block; overflow:hidden; *width:141px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}*/\r
+#blog-adpost .cm-con dt .pcol1 {\r
+       font-size: 13px\r
+}\r
+\r
+#blog-adpost .cm-con dt .sline {\r
+       border-bottom-width: 1px;\r
+       border-bottom-style: solid\r
+}\r
+\r
+#blog-adpost .cm-con dt a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+#blog-adpost .cm-con dd {\r
+       line-height: 15px;\r
+       word-break: break-all;\r
+}\r
+\r
+#blog-adpost .cm-con .summary {\r
+       margin: 7px 0 4px\r
+}\r
+\r
+#blog-adpost .cm-con .summary a {\r
+       text-decoration: none !important;\r
+}\r
+\r
+#blog-adpost .cm-con .addr {\r
+       overflow: hidden;\r
+       width: 141px;\r
+       line-height: 13px;\r
+}\r
+\r
+#blog-adpost .cm-con .addr .pcol2 {\r
+       float: left;\r
+       font-size: 11px;\r
+       opacity: 0.5;\r
+       filter: alpha(opacity = 50);\r
+}\r
+\r
+#blog-adpost .cm-con .division {\r
+       width: 141px;\r
+       margin: 3px auto;\r
+       border-top-width: 1px;\r
+       border-top-style: solid;\r
+       line-height: 0;\r
+       opacity: 0.1;\r
+       filter: alpha(opacity = 10);\r
+}\r
+\r
+#blog-adpost .cm-con .nodata {\r
+       width: 100%;\r
+       margin: 0 auto;\r
+       padding: 32px 0 34px 0;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       line-height: 15px;\r
+       opacity: 0.7;\r
+       filter: alpha(opacity = 70);\r
+}\r
+\r
+#blog-adpost .adsby {\r
+       width: 141px;\r
+       height: 22px;\r
+       margin: 6px auto 0 auto;\r
+       text-align: right;\r
+}\r
+\r
+#blog-adpost .adsby .by {\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+#blog-adpost .adsby .by .logo {\r
+       display: inline-block;\r
+       width: 44px;\r
+       height: 8px;\r
+       background: url(http://blogimgs.naver.net/nblog/adpost_logo.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/adpost_logo.png',\r
+               sizingMethod='image' );\r
+       cursor: hand;\r
+}\r
+\r
+#blog-adpost .adsby .by .logo span {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 0;\r
+       height: 0;\r
+       overflow: hidden;\r
+       visibility: hidden;\r
+       font-size: 0;\r
+       line-height: 0;\r
+}\r
+\r
+#blog-adpost .adsby .bar {\r
+       display: inline-block;\r
+       padding: 0 2px 0 3px;\r
+       font-family: µ¸¿ò, dotum;\r
+       font-size: 11px;\r
+       opacity: 0.2;\r
+       filter: alpha(opacity = 20);\r
+}\r
+\r
+#blog-adpost .adsby .guide .pcol2 {\r
+       font-size: 11px;\r
+}\r
+\r
+/* blog-profile */\r
+#blog-profile {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-profile p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-profile .bg-head {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#blog-profile .bg-body {\r
+       background-repeat: repeat;\r
+       text-align: center;\r
+}\r
+\r
+#blog-profile .bg-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+#blog-profile h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-profile .con {\r
+       width: 161px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+}\r
+\r
+#blog-profile .image {\r
+       text-align: center;\r
+}\r
+\r
+#blog-profile .name {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 12px 0 0 0;\r
+       overflow: hidden;\r
+}\r
+\r
+#blog-profile .name a.col {\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-profile .name .emo {\r
+       float: left;\r
+       width: 23px;\r
+}\r
+\r
+#blog-profile .name .nick {\r
+       float: left;\r
+       width: 120px;\r
+       font-size: 12px;\r
+       line-height: 1.4em;\r
+       word-break: break-all;\r
+}\r
+\r
+#blog-profile .pers {\r
+       margin: 0;\r
+       vertical-align: top;\r
+}\r
+\r
+#blog-profile .caption {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 8px 0 0 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       line-height: 1.3;\r
+       letter-spacing: -1px;\r
+       word-break: break-all;\r
+       overflow: hidden;\r
+       word-wrap: break-word;\r
+}\r
+\r
+#blog-profile .more {\r
+       width: 143px;\r
+       margin: 0 auto;\r
+       padding: 8px 0 6px 0;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-profile .id {\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+#blog-profile input {\r
+       margin: 0;\r
+       padding: 0;\r
+       background-color: transparent;\r
+       background-repeat: no-repeat;\r
+       border: none;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       font-weight: normal;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+       filter: alpha(opacity = 60);\r
+       opacity: 0.6;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-profile .m1 input {\r
+       width: 30px;\r
+}\r
+\r
+#blog-profile .m2 input {\r
+       width: 20px;\r
+}\r
+\r
+#blog-profile .m3 input {\r
+       width: 41px;\r
+}\r
+\r
+#blog-profile .icon {\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+       margin: 0 0 2px 2px;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-profile .sub {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       opacity: 0.6;\r
+       -ms-filter: "Alpha(opacity=60)";\r
+       filter: alpha(opacity = 60)\r
+}\r
+\r
+#blog-profile .power_amb {\r
+       position: relative;\r
+       margin-top: 8px;\r
+       padding: 0 0 4px;\r
+       text-align: left;\r
+       overflow: hidden;\r
+}\r
+\r
+#blog-profile .power_amb .topline {\r
+       width: 100%;\r
+       height: 0;\r
+       border-left: 0;\r
+       border-right: 0;\r
+       border-bottom: 0;\r
+       border-top-style: solid;\r
+       border-top-width: 1px;\r
+       font: 0/0 arial;\r
+       opacity: .3;\r
+       filter: alpha(opacity : 30);\r
+}\r
+\r
+#blog-profile .power_amb .topline {\r
+       border-color: #999 !important;\r
+} /*ÀÓ½Ã*/\r
+#blog-profile .power_amb .mark1 {\r
+       display: block;\r
+       _display: inline;\r
+       margin: 0;\r
+       float: left;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+#blog-profile .power_amb .mark2 {\r
+       display: block;\r
+       _display: inline;\r
+       margin: 0;\r
+       float: left;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',\r
+               sizingMethod='image' );\r
+}\r
+\r
+#blog-profile .power_amb .x {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 3px;\r
+       font: bold 11px "µ¸¿ò", Dotum;\r
+       opacity: .5;\r
+       filter: alpha(opacity : 50);\r
+}\r
+\r
+#blog-profile .power_amb .x a {\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-profile .power_amb .txt {\r
+       display: block;\r
+       _display: inline;\r
+       float: left;\r
+       width: 85px;\r
+       margin: 18px 0 0 4px;\r
+       font-family: verdana;\r
+       line-height: 12px;\r
+}\r
+\r
+#blog-profile .power_amb .txt a,#blog-profile .power_amb .txt a:link,#blog-profile .power_amb .txt a:visited,#blog-profile .power_amb .txt a:active\r
+       {\r
+       text-decoration: none;\r
+       font-size: 10px;\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-profile .power_amb .txt a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-profile .power_amb .t7b {\r
+       font-size: 10px;\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-profile .power_amb .t8b {\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       line-height: 13px;\r
+}\r
+\r
+#idMenuDiv td {\r
+       background-color: #FFF;\r
+}\r
+\r
+#idMenuDiv td.menu-over {\r
+       background-color: #e4ff75;\r
+}\r
+\r
+/* blog-calendar */\r
+#blog-calendar {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-calendar p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-calendar h3 {\r
+       display: none;\r
+}\r
+\r
+#blog-calendar .bg-head {\r
+       clear: both;\r
+       text-align: center;\r
+}\r
+\r
+* html #blog-calendar .bg-head {\r
+       height: 1%;\r
+}\r
+\r
+#blog-calendar .bg-body {\r
+       text-align: center;\r
+       padding-bottom: 5px;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .bg-footer {\r
+       overflow: hidden;\r
+       font-size: 0;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .mlv {\r
+       position: relative;\r
+       width: 151px;\r
+       margin: 0 auto;\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar .location,#blog-calendar .mview {\r
+       position: absolute;\r
+}\r
+\r
+#blog-calendar .location {\r
+       bottom: 10px;\r
+       left: 3px;\r
+}\r
+\r
+#blog-calendar .mview {\r
+       bottom: 8px;\r
+       right: 3px;\r
+}\r
+\r
+#blog-calendar .location .date {\r
+       display: inline;\r
+       margin: -3px 0 0 0;\r
+       padding: 0;\r
+       text-align: center;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+       letter-spacing: -1px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar .location .back {\r
+       display: inline;\r
+       padding: 0 3px 2px 0;\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar .location .next {\r
+       display: inline;\r
+       padding: 0 0 2px 3px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 9px;\r
+       cursor: pointer;\r
+}\r
+\r
+html>body #blog-calendar .location .date {\r
+       margin: 0;\r
+}\r
+\r
+#blog-calendar .calendar {\r
+       margin: 0 auto;\r
+       background: transparent;\r
+       text-align: center;\r
+}\r
+\r
+#blog-calendar .calendar .dis1,#blog-calendar .calendar .dis2 {\r
+       width: 147px;\r
+       height: 24px;\r
+       margin: 0 auto;\r
+       padding: 0;\r
+       margin-top: -5px;\r
+}\r
+\r
+#blog-calendar .calendar .dis1 span {\r
+       display: block;\r
+       float: left;\r
+       width: 21px;\r
+       font-weight: normal;\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       text-align: center;\r
+       padding: 9px 0 0 0;\r
+}\r
+\r
+#blog-calendar .calendar .dis2 span {\r
+       display: block;\r
+       float: left;\r
+       width: 21px;\r
+       font-weight: normal;\r
+       font-family: tahoma;\r
+       font-size: 9px;\r
+       text-align: center;\r
+       padding: 9px 0 0 0;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 {\r
+       width: 147px;\r
+       height: 3px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img {\r
+       filter: alpha(opacity = 40);\r
+       opacity: 0.4;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img.li1 {\r
+       width: 20px;\r
+       margin-right: 1px;\r
+}\r
+\r
+#blog-calendar .calendar .dis3 img.li2 {\r
+       width: 21px;\r
+}\r
+\r
+#blog-calendar .calendar td {\r
+       width: 21px;\r
+       height: 19px;\r
+       margin: 0;\r
+       padding: 0;\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+}\r
+\r
+html>body #blog-calendar .calendar td {\r
+       width: 21px;\r
+       height: 19px;\r
+}\r
+\r
+#blog-calendar .calendar td a {\r
+       font-family: verdana;\r
+       font-size: 11px;\r
+       font-weight: bold;\r
+}\r
+\r
+#blog-calendar .calendar td.today,#blog-calendar .calendar td.today a {\r
+       text-decoration: underline;\r
+}\r
+\r
+#blog-calendar .mview .col1 {\r
+       font-family: µ¸¿ò;\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       cursor: pointer;\r
+}\r
+\r
+#blog-calendar ul.monthview {\r
+       margin: 0;\r
+       padding: 0 0 1px 0;\r
+       text-align: left;\r
+       clear: both;\r
+}\r
+\r
+#blog-calendar ul.monthview li {\r
+       list-style-type: none;\r
+       height: 13px;\r
+       margin-bottom: 5px;\r
+       padding: 0;\r
+       clear: both;\r
+}\r
+\r
+* html #blog-calendar ul.monthview li {\r
+       margin-bottom: 0;\r
+}\r
+\r
+#blog-calendar ul.monthview li .mon {\r
+       float: left;\r
+       padding-left: 15px;\r
+}\r
+\r
+#blog-calendar ul.monthview li .num {\r
+       float: right;\r
+       padding-right: 15px;\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+#blog-calendar ul.monthview li .num span {\r
+       font-size: 10px;\r
+       font-family: verdana;\r
+}\r
+\r
+/* foldset */\r
+#foldset {\r
+       position: relative;\r
+       clear: both;\r
+       float: none;\r
+       height: 13px;\r
+       margin-top: 4px;\r
+}\r
+\r
+#foldset div {\r
+       overflow: hidden;\r
+       height: 13px;\r
+}\r
+\r
+#foldset .close-fold {\r
+       width: 21px !important;\r
+}\r
+\r
+#foldset .go-left,#foldset .go-right {\r
+       background-position: 50% 50%;\r
+       background-repeat: no-repeat;\r
+       vertical-align: top;\r
+}\r
+\r
+#foldset .l11s1close {\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 13px !important;\r
+}\r
+\r
+#foldset .l11s1s2close {\r
+       margin: 0 !important\r
+}\r
+\r
+#foldset .l12s1close {\r
+       position: absolute;\r
+       float: none;\r
+       top: 0;\r
+       right: 0;\r
+       margin: 0 !important;\r
+}\r
+\r
+#foldset .l12s2close {\r
+       position: absolute;\r
+       float: none;\r
+       top: 0;\r
+       right: 0;\r
+       z-index: 2\r
+}\r
+\r
+#foldset .l12s1s2close {\r
+       margin: 0 !important;\r
+}\r
+\r
+/* blog-menu */\r
+#blog-menu {\r
+       clear: both;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#blog-menu table {\r
+       width: 100%;\r
+       border-collapse: collapse;\r
+       table-layout: fixed;\r
+}\r
+\r
+#blog-menu table td {\r
+       padding-top: 4px;\r
+}\r
+\r
+#blog-menu p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-menu ul {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-menu ul li {\r
+       list-style-type: none;\r
+       float: left;\r
+       position: relative;\r
+}\r
+\r
+#blog-menu ul li a {\r
+       letter-spacing: -1px;\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-menu ul li img {\r
+       margin-left: -2px\r
+}\r
+\r
+#blog-menu ul li .bar {\r
+       height: 10px;\r
+       margin: 2px 7px 4px 4px;\r
+       padding: 0;\r
+       vertical-align: middle;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3\r
+}\r
+\r
+#blog-menu .menu1 ul {\r
+       padding-left: 18px;\r
+}\r
+\r
+#blog-menu .menu2 {\r
+       width: 300px\r
+}\r
+\r
+#blog-menu .menu2 ul {\r
+       float: right;\r
+       padding-right: 12px;\r
+}\r
+\r
+#blog-menu .menu2 ul li a {\r
+       font-weight: normal;\r
+}\r
+\r
+#blog-menu .menu2 ul li a.on {\r
+       font-weight: bold;\r
+}\r
+\r
+/* blog-gnb */\r
+#blog-gnb {\r
+       height: 33px;\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+}\r
+\r
+#blog-gnb p {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#blog-gnb .gnb {\r
+       float: right;\r
+}\r
+\r
+#blog-gnb .gnb {\r
+       margin: 8px 10px 0 0;\r
+}\r
+\r
+#blog-gnb .gnb ul {\r
+       margin: 0;\r
+       padding: 2px 0 0 0;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#blog-gnb .gnb ul li {\r
+       list-style-type: none;\r
+       float: left;\r
+       padding: 0 0 0 5px\r
+}\r
+\r
+#blog-gnb .gnb ul li a {\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       text-decoration: none;\r
+}\r
+\r
+#blog-gnb .bar {\r
+       margin: 0 1px -1px 4px;\r
+       filter: alpha(opacity = 30);\r
+       opacity: 0.3;\r
+       padding: 0\r
+}\r
+\r
+#blog-gnb .gnb ul li.i2,#blog-gnb .gnb ul li.i3,#blog-gnb .gnb ul li.i4\r
+       {\r
+       padding-top: 1px;\r
+}\r
+\r
+#blog-gnb .gnb ul li.me a {\r
+       display: inline-block\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span {\r
+       display: inline-block;\r
+       position: relative\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span em {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: -11px;\r
+       *top: -12px;\r
+       left: 0;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat 0\r
+               -13px\r
+}\r
+\r
+#blog-gnb .gnb ul li.me span em i {\r
+       display: block;\r
+       margin-left: 3px;\r
+       padding-right: 4px;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat\r
+               100% -26px;\r
+       color: #fff;\r
+       font-style: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       letter-spacing: 0;\r
+       line-height: 13px\r
+}\r
+\r
+#blog-gnb .go-down,#blog-gnb .go-up {\r
+       width: 13px;\r
+       height: 13px;\r
+       margin: 0 0 -2px 0;\r
+       background-repeat: no-repeat;\r
+       background-position: 50% 50%;\r
+}\r
+\r
+#blog-gnb .log {\r
+       float: right;\r
+       margin: 7px 0 0 0;\r
+       padding: 0 8px 0 0;\r
+}\r
+\r
+#blog-gnb .logout,#blog-gnb .login {\r
+       width: 50px;\r
+       height: 20px;\r
+       margin: 0 0 0 0;\r
+       background-repeat: no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+#blog-gnb .remote {\r
+       width: 12px;\r
+       height: 18px;\r
+       margin: 0 3px 1px 3px;\r
+       background: url('http://blogimgs.naver.net/nblog/remote_icon.png')\r
+               no-repeat;\r
+       vertical-align: middle;\r
+}\r
+\r
+* html #blog-gnb .remote {\r
+       background: none;\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/remote_icon.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+#blog-gnb .tb {\r
+       font-family: µ¸¿ò;\r
+       font-size: 12px;\r
+       font-weight: bold;\r
+}\r
+\r
+/* gnb-direct */\r
+#gnb-direct {\r
+       width: 77px;\r
+       color: #676767;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+#gnb-direct a.link1 {\r
+       color: #333333;\r
+}\r
+\r
+#gnb-direct .rnd-t {\r
+       height: 6px;\r
+       background: url('http://blogimgs.naver.net/nblog/bg_godiv_t.gif')\r
+               no-repeat;\r
+       overflow: hidden;\r
+       font-size: 0;\r
+}\r
+\r
+#gnb-direct .con {\r
+       background: url('http://blogimgs.naver.net/nblog/bg_godiv_b.gif') bottom\r
+               no-repeat;\r
+}\r
+\r
+#gnb-direct .con ul.gnb-direct {\r
+       margin: 0;\r
+       padding: 2px 0 7px 0;\r
+}\r
+\r
+#gnb-direct .con ul.gnb-direct li {\r
+       list-style-type: none;\r
+       float: none;\r
+       margin: 0 5px;\r
+       padding: 0 0 4px 12px;\r
+       background: url('http://blogimgs.naver.net/nblog/ico_arw_g.gif') 4px 4px\r
+               no-repeat;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#gnb-direct .rview {\r
+       margin: 0;\r
+       padding: 0 0 3px 0;\r
+       text-align: center;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+#gnb-direct .rview a,#blog-gnb .directly-box .con ul li a {\r
+       color: #676767;\r
+}\r
+\r
+#gnb-direct1 {\r
+       width: 62px;\r
+       padding: 3px 8px;\r
+       border: 1px solid #9b9b9b;\r
+       background: #fff;\r
+       font-family: µ¸¿ò;\r
+       color: #676767\r
+}\r
+\r
+#gnb-direct1.mblog {\r
+       width: 52px\r
+}\r
+\r
+#gnb-direct1 .rview {\r
+       padding: 10px 0 0 5px;\r
+       margin: 0 6px 4px 6px;\r
+       text-align: left;\r
+} /*090629¼öÁ¤*/\r
+#gnb-direct1 ul {\r
+       padding: 5px 0 3px !important;\r
+       border-bottom: 1px solid #ebebeb\r
+}\r
+\r
+#gnb-direct1 ul li {\r
+       float: none !important;\r
+       margin: 0;\r
+       padding: 0 !important;\r
+       letter-spacing: -1px;\r
+       list-style-type: none\r
+}\r
+\r
+#gnb-direct1 ul li a {\r
+       display: block;\r
+       position: relative;\r
+       padding: 2px 0 1px 1px;\r
+       color: #4c4c4c;\r
+       zoom: 1\r
+}\r
+\r
+#gnb-direct1 ul li a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+#gnb-direct1 ul.dot li a {\r
+       padding-left: 7px\r
+}\r
+\r
+#gnb-direct1 ul.dot li span {\r
+       display: block;\r
+       position: absolute;\r
+       top: 7px;\r
+       left: 2px;\r
+       width: 2px;\r
+       height: 2px;\r
+       background: #999;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+#gnb-direct1 ul.last {\r
+       border-bottom: none\r
+}\r
+\r
+#gnb-direct1 .uview {\r
+       padding: 7px 0 0 5px;\r
+       margin: 0 6px;\r
+       border-top: solid 1px #DCDBDC;\r
+       text-align: left;\r
+} /*090629Ãß°¡*/\r
+\r
+/* blog-title */\r
+#blog-title table {\r
+       width: 100%;\r
+       height: 100%;\r
+       margin: 0;\r
+       padding: 0;\r
+       cursor: pointer;\r
+       border-collapse: collapse;\r
+}\r
+\r
+#blogTitleText {\r
+       padding: 23px;\r
+}\r
+\r
+#blogTitleName {\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+       font-family: µ¸¿ò;\r
+}\r
+\r
+/* blog-music */\r
+#top-area #blog-music {\r
+       position: absolute;\r
+       top: 5px;\r
+       left: 5px;\r
+       width: 213px;\r
+       height: 20px;\r
+}\r
+\r
+#wrapper #blog-music {\r
+       position: static;\r
+       width: 171px;\r
+       height: 38px;\r
+       margin: 0 auto;\r
+}\r
+\r
+#musicTop #blog-music {\r
+       position: absolute;\r
+       top: -25px;\r
+       left: 8px;\r
+       width: 213px;\r
+       height: 20px;\r
+}\r
+\r
+/* blog buddyconnect */\r
+#blog-buddyconnect {\r
+       width: 171px;\r
+}\r
+\r
+/* for layer */\r
+/* 1017Ãß°¡ */\r
+.cp_layer_popup {\r
+       position: absolute;\r
+       z-index: 99;\r
+       padding: 3px 0 0 3px;\r
+       font-size: 12px;\r
+       font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, Helvetica, Sans-serif;\r
+       text-align: left\r
+}\r
+\r
+.cp_layer_popup p {\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.cp_layer_popup .shadow1 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow01.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .cp_layer_popup .shadow1 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/mylog/post/shadow01.png')\r
+               transparent;\r
+}\r
+\r
+.cp_layer_popup .shadow1_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.cp_layer_popup .shadow2 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .cp_layer_popup .shadow2 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/mylog/post/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.cp_layer_popup .shadow2_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.cp_layer_popup .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #ffffff;\r
+}\r
+\r
+.cp_layer_popup .header {\r
+       display: block;\r
+       height: 22px;\r
+       _height: 30px;\r
+       padding: 8px 0 0 13px;\r
+       margin: 0;\r
+       background: #f4f4f4;\r
+       font: bold 13px ±¼¸², Gulim;\r
+       color: #444;\r
+}\r
+\r
+.cp_layer_popup .closelayer {\r
+       position: absolute;\r
+       right: 9px;\r
+       top: 9px;\r
+}\r
+\r
+.cp_layer_popup .content {\r
+       margin: 20px;\r
+}\r
+\r
+.cp_layer_popup .cp_noti {\r
+       margin: 0;\r
+       overflow: hidden;\r
+       _zoom: 1;\r
+}\r
+\r
+.cp_layer_popup .cp_noti dt {\r
+       float: left;\r
+       width: 44px;\r
+       height: 39px;\r
+       padding: 0;\r
+}\r
+\r
+.cp_layer_popup .cp_noti dd {\r
+       float: left;\r
+       background: url(http://blogimgs.naver.net/nblog/bu_1x26_ef.gif) 0 0\r
+               no-repeat;\r
+       padding: 0 0 0 16px;\r
+       margin: 0;\r
+       color: #222;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       line-height: 1.3em;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc {\r
+       padding: 11px 14px 1px;\r
+       border: solid 1px #DFDFDF;\r
+       overflow: hidden;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc p {\r
+       font-size: 11px;\r
+       line-height: 1.4em;\r
+       letter-spacing: -1px;\r
+       padding-bottom: 7px;\r
+       color: #888;\r
+}\r
+\r
+.cp_layer_popup .cp_noti_desc span {\r
+       color: #444;\r
+}\r
+/* //1017Ãß°¡ */\r
+\r
+/* 100510 hashfilter */\r
+/* .layer_hashfilter{position:absolute;z-index:999;width:390px;padding:18px 19px 5px;border:1px solid #888;background:#fff;letter-spacing:-1px;line-height:15px;text-align:left !important} */\r
+.layer_hashfilter {\r
+       position: absolute;\r
+       z-index: 999;\r
+       width: 390px;\r
+       padding: 17px 18px 4px;\r
+       border: 1px solid #888;\r
+       background: #fff;\r
+       font-size: 12px;\r
+       font-family: dotum, 'µ¸¿ò';\r
+       letter- spacing: -1px;\r
+       line-height: 15px;\r
+       text-align: left !important\r
+}\r
+\r
+.layer_hashfilter h2 {\r
+       margin: 0;\r
+       padding: 1px 0 12px 0;\r
+       font-size: 12px\r
+}\r
+\r
+.layer_hashfilter p {\r
+       color: #666;\r
+       margin: 0;\r
+       padding: 0\r
+}\r
+\r
+.layer_hashfilter .vaccine_link {\r
+       display: inline-block;\r
+       padding: 5px 7px 0 0;\r
+       background: url(http://blogimgs.naver.net/imgs/bul_arrow_green.gif)\r
+               no-repeat 100% 8px;\r
+       text-decoration: underline;\r
+       font-size: 11px;\r
+       color: #5BC139 !important\r
+}\r
+\r
+.layer_hashfilter .file {\r
+       padding: 3px 0 15px 0\r
+}\r
+\r
+.layer_hashfilter .file img {\r
+       vertical-align: middle;\r
+       margin-right: 6px\r
+}\r
+\r
+.layer_hashfilter .info_text {\r
+       margin-top: 18px;\r
+       padding: 19px 0 11px 0;\r
+       color: #999;\r
+       font-size: 11px;\r
+       border-top: 1px solid #ededed\r
+}\r
+\r
+.layer_hashfilter .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px\r
+}\r
+\r
+.layer_hashfilter .btns {\r
+       margin-top: 5px;\r
+       padding-top: 10px;\r
+       border-top: 1px solid #e8e8e8;\r
+       text-align: center\r
+}\r
+/* //100510 hashfilter */\r
+\r
+/* layer popup */\r
+.layerpop {\r
+       position: relative;\r
+       font-size: 12px;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+       background: url(http://blogimgs.naver.net/nblog/spc.gif);\r
+}\r
+/* .layerpop {position:relative; font-size:12px; font-family:µ¸¿ò,Dotum,Helvetica,sans-serif; background:url(http://blogimgs.naver.net/nblog/spc.gif);position:absolute;left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));} */\r
+.layerpop .shadow01 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpop .shadow01 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow.png')\r
+               transparent;\r
+}\r
+\r
+.layerpop .shadow01_side {\r
+       position: relative;\r
+       top: -2px;\r
+       left: -2px;\r
+}\r
+\r
+.layerpop .shadow02 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body #layerpop .shadow02 {\r
+       background: url('http://blogimgs.naver.net/nblog/shadow02.png')\r
+               transparent;\r
+}\r
+\r
+.layerpop .shadow02_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+}\r
+\r
+.layerpop .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.layerpop .close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px;\r
+       background-color: #FFFFFF;\r
+}\r
+\r
+.layerpop .content {\r
+       margin: 13px 20px 0 20px;\r
+       border-bottom: 1px solid #E8E8E8;\r
+}\r
+\r
+.layerpop .content .q1 {\r
+       margin: 0;\r
+       padding: 0 0 8px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #222222;\r
+       line-height: 1.5;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q2 {\r
+       margin: 0;\r
+       padding: 0 0 8px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #222222;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q2 input {\r
+       margin: 0 2px 0 0;\r
+       padding: 0;\r
+}\r
+\r
+* html .layerpop .content .q2 input {\r
+       height: 15px;\r
+       height: 15px;\r
+       margin: 0 2px 0 0;\r
+       padding: 0;\r
+}\r
+\r
+.layerpop .content .q3 {\r
+       margin: 0;\r
+       padding: 0 0 3px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #444;\r
+       line-height: 1.5;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop .content .q4 {\r
+       margin: 0;\r
+       padding: 0 0 9px 0;\r
+       font-size: 12px;\r
+       font-weight: normal;\r
+       color: #444;\r
+       text-align: left;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.layerpop .content .q4 em {\r
+       font-style: normal;\r
+       color: #488C00;\r
+}\r
+\r
+.layerpop .btn {\r
+       margin: 0;\r
+       padding: 10px 0 10px 0;\r
+       text-align: center;\r
+}\r
+\r
+/*\r
+NHN WebStandard Team (http://html.nhndesign.com/)\r
+author : freebird@nhncorp.com 070808\r
+*/\r
+/* shadow */\r
+.layerpopup {\r
+       position: absolute;\r
+       z-index: 99;\r
+       font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;\r
+}\r
+\r
+.layerpopup  img {\r
+       border: none;\r
+}\r
+\r
+.layerpopup .shadow1 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow1 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow1_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .shadow2 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow2 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow2_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .shadow3 {\r
+       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png',\r
+               sizingMethod='scale' );\r
+       width: 100%;\r
+}\r
+\r
+html>body .layerpopup .shadow3 {\r
+       background:\r
+               url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png')\r
+               transparent;\r
+}\r
+\r
+.layerpopup .shadow3_side {\r
+       position: relative;\r
+       top: -1px;\r
+       left: -1px;\r
+       width: 100%;\r
+       height: 100%;\r
+}\r
+\r
+.layerpopup .border_type {\r
+       border: 2px solid #777777;\r
+       background-color: #ffffff;\r
+}\r
+\r
+.layerpopup .closelayer {\r
+       position: absolute;\r
+       right: 8px;\r
+       top: 9px;\r
+}\r
+\r
+.layerpopup .btn_box {\r
+       text-align: center;\r
+       padding: 10px 0 15px 0;\r
+       margin: 10px 20px 0 20px;\r
+       border-top: 1px solid #e8e8e8;\r
+}\r
+\r
+.layerpopup .btn_box * {\r
+       vertical-align: middle;\r
+}\r
+\r
+.layerpopup .logbox_wrap {\r
+       width: auto;\r
+       _width: 100%;\r
+       padding-top: 6px;\r
+       background: url(http://blogimgs.naver.net/nblog/bg_area01.gif) left top\r
+               repeat-x;\r
+}\r
+\r
+.layerpopup .logbox_wrap p {\r
+       margin: 0;\r
+       font-size: 11px;\r
+       color: #333333;\r
+       letter-spacing: -1px;\r
+}\r
+\r
+.layerpopup .notice {\r
+       padding: 4px 0 5px 11px;\r
+       _padding: 4px 0 7px 11px;\r
+}\r
+\r
+.layerpopup .notice02 {\r
+       padding: 19px 0 9px 19px;\r
+       line-height: 1.4;\r
+}\r
+\r
+.layerpopup .notice02 strong {\r
+       color: #278F00;\r
+}\r
+\r
+.layerpopup .volume {\r
+       font-size: 12px !important;\r
+       margin: 16px 19px -8px 19px;\r
+       letter-spacing: 0 !important;\r
+}\r
+\r
+.layerpopup .frame_wrap {\r
+       width: auto;\r
+       _width: 350px;\r
+       margin: 0 10px 0 10px;\r
+}\r
+\r
+.layerpopup .frame_wrap.type03 {\r
+       margin: 0 0 0 20px !important;\r
+}\r
+\r
+/* for ±ÝÄ¢¾î °ü·Ã ·¹À̾ºÅ¸ÀÏ */\r
+/* initialization  */\r
+#c_layer_popup {\r
+       margin: 0;\r
+       padding: 0;\r
+}\r
+\r
+#c_layer_popup div,#c_layer_popup p,#c_layer_popup ul,#c_layer_popup li,#c_layer_popup button\r
+       {\r
+       margin: 0;\r
+       padding: 0;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup ul,#c_layer_popup li {\r
+       list-style: none;\r
+}\r
+/* Layout */\r
+#c_layer_popup {\r
+       position: absolute;\r
+       z-index: 200;\r
+       width: 370px;\r
+       height: 428px;\r
+       display: none;\r
+       _height: 427px;\r
+       padding: 47px 20px 0 20px;\r
+       _padding: 48px 20px 0 20px;\r
+       border: 4px solid #777;\r
+       font: 12px dotum, sans-serif;\r
+       letter-spacing: -1px;\r
+       background: #fbfbfb\r
+               url('http://blogimgs.naver.net/static/common/popup/bg_not_available_word.gif')\r
+               repeat-x left top;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_contents {\r
+       width: 360px;\r
+       padding: 17px 5px 0 5px;\r
+       _padding: 18px 5px 0 5px;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_footer {\r
+       width: 360px;\r
+       _height /**/: 47px;\r
+       text-align: center;\r
+}\r
+/* c_contents */\r
+#c_layer_popup .c_desc00 {\r
+       width: 370px;\r
+       height: 57px;\r
+       _height: 56px;\r
+       border-bottom: 1px solid #d0d0d0;\r
+       font: 12px normal dotum;\r
+       color: #333;\r
+       line-height: 18px;\r
+       text-align: left;\r
+}\r
+\r
+#c_layer_popup .c_desc00 span {\r
+       color: #258102\r
+}\r
+\r
+#c_layer_popup .c_desc01 {\r
+       height: 42px;\r
+       _height: 41px;\r
+       line-height: 18px;\r
+       font-size: 12px;\r
+       color: #666;\r
+}\r
+\r
+#c_layer_popup .c_desc02 {\r
+       width: 348px;\r
+       _width /**/: 360px;\r
+       height: 84px;\r
+       _height: 83px;\r
+       _height /**/: 97px;\r
+       padding: 11px 0 0 10px;\r
+       _padding: 12px 0 0 10px;\r
+       _padding /**/: 10px 0 0 0;\r
+       font-size: 11px;\r
+       color: #666;\r
+       line-height: 17px;\r
+       background: #f8f8f8;\r
+       border: 1px solid #f1f1f1;\r
+}\r
+\r
+#c_layer_popup .c_desc02 li {\r
+       height: 40px;\r
+       padding: 0 0 0 6px;\r
+       _margin-left /**/: -6px;\r
+       background:\r
+               url('http://blogimgs.naver.net/static/common/popup/bu_dot.gif')\r
+               no-repeat left 6px;\r
+       font-size: 11px;\r
+}\r
+\r
+#c_layer_popup .c_desc03 {\r
+       height: 60px;\r
+       _height: 59px;\r
+       _height /**/: 71px;\r
+       padding: 12px 0 0 0;\r
+       _padding: 13px 0 0 0;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 17px;\r
+}\r
+\r
+#c_layer_popup .c_desc04 {\r
+       height: 40px;\r
+       font-size: 11px;\r
+       color: #666;\r
+}\r
+\r
+#c_layer_popup .c_desc04 a {\r
+       color: #258102;\r
+       text-decoration: underline;\r
+}\r
+\r
+#c_layer_popup .c_desc05 {\r
+       height: 57px;\r
+       font-size: 14px;\r
+       font-weight: bold;\r
+       color: #333;\r
+       text-align: center;\r
+}\r
+\r
+#c_layer_popup button {\r
+       width: 52px;\r
+       height: 26px;\r
+       text-align: center;\r
+       font-size: 12px;\r
+}\r
+\r
+@media all and (-webkit-min-device-pixel-ratio:10000) , not all and\r
+       (-webkit-min-device-pixel-ratio:0) {\r
+       #c_layer_popup button {\r
+               padding-top: 6px;\r
+       }\r
+}\r
+\r
+#c_layer_popup button.c_close {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 6px;\r
+       width: 18px;\r
+       height: 17px;\r
+       background: none;\r
+       border: none;\r
+}\r
+\r
+#c_layer_popup button.c_close,x:-moz-any-link,x:default {\r
+       top: 5px;\r
+       right: 8px;\r
+}\r
+\r
+*:first-child+html #c_layer_popup button.c_close {\r
+       top: 7px;\r
+       right: 6px;\r
+}\r
+\r
+.readonly_visitor {\r
+       text-align: left;\r
+       padding: 10px 0 8px 8px !important\r
+}\r
+\r
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ Àִ ºÎºÐÀ» »©³ÂÀ½.*/\r
+.layerpop2 {\r
+       position: absolute;\r
+       z-index: 999;\r
+       font: normal 12px µ¸¿ò, Dotum;\r
+       color: #333;\r
+       overflow: hidden;\r
+       display: none;\r
+}\r
+\r
+.layerpop2 .border_type {\r
+       position: relative;\r
+       border: solid 2px #777;\r
+       background-color: #fff;\r
+}\r
+\r
+.layerpop2 .close {\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+}\r
+\r
+.layerpop2 .content1 {\r
+       padding: 30px 30px 21px;\r
+       border-bottom: solid 1px #f0f0f0;\r
+}\r
+\r
+.layerpop2 .content1 h6 {\r
+       font-weight: bold;\r
+       font-size: 14px;\r
+       padding-bottom: 22px;\r
+       margin: 0;\r
+       color: #333;\r
+}\r
+\r
+.layerpop2 .subtext {\r
+       font-size: 11px;\r
+       color: #999;\r
+       margin: 0;\r
+       padding: 7px 0 0;\r
+       line-height: 16px;\r
+       letter-spacing: -1px;\r
+       text-align: left;\r
+}\r
+\r
+.layerpop2 .check {\r
+       width: 13px;\r
+       height: 13px;\r
+       vertical-align: middle;\r
+       padding: 0 3px 2px 0;\r
+       margin-left: 2px;\r
+}\r
+\r
+.layerpop2 .btn1 {\r
+       background-color: #fbfbfb;\r
+       border-top: solid 1px #f7f7f7;\r
+       text-align: center;\r
+       margin: 0;\r
+       padding: 11px 0 20px;\r
+}\r
+\r
+.layerpop2 .btn1 img {\r
+       margin: 0 1px;\r
+       vertical-align: top;\r
+}\r
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ Àִ ºÎºÐÀ» »©³ÂÀ½.*/\r
+.pwr_blog_wrap {\r
+       width: 143px;\r
+       margin: 5px auto 0\r
+}\r
+\r
+.pwr_blog_wrap .line {\r
+       width: 100%;\r
+       height: 0;\r
+       border-bottom: 1px solid #999;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.pwr_emblem {\r
+       height: 69px;\r
+       background:\r
+               url(http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png',\r
+               sizingMethod='crop' );\r
+       text-align: left\r
+}\r
+\r
+.pwr_emblem h4 {\r
+       margin: 0 !important;\r
+       padding: 26px 0 0 58px;\r
+       font-size: 10px !important;\r
+       font-family: Tahoma !important;\r
+       line-height: 12px\r
+}\r
+\r
+.pwr_blog {\r
+       position: relative\r
+}\r
+\r
+.pwr_blog .pcol2b {\r
+       position: absolute;\r
+       top: 0;\r
+       height: 100%\r
+}\r
+\r
+.pwr_blog .pwr_lft {\r
+       left: 0\r
+}\r
+\r
+.pwr_blog .pwr_rgt {\r
+       right: 0;\r
+       _right: -1px\r
+}\r
+\r
+.pwr_blog .pwr_cont {\r
+       margin: 0 2px;\r
+       padding-bottom: 7px\r
+}\r
+\r
+.pwr_blog .pwr_cont .pcol2b {\r
+       position: static;\r
+       height: 1px\r
+}\r
+\r
+.pwr_blog .pwr_cont ul {\r
+       margin: 3px 0 0;\r
+       padding: 0;\r
+       text-align: left;\r
+       list-style: none\r
+}\r
+\r
+.pwr_blog .pwr_cont li {\r
+       font-size: 11px;\r
+       letter-spacing: -1px;\r
+       line-height: 15px\r
+}\r
+\r
+.pwr_blog .pwr_cont li em {\r
+       display: inline-block;\r
+       position: relative;\r
+       top: -1px;\r
+       margin-right: 6px;\r
+       font-style: normal;\r
+       font-size: 10px;\r
+       font-family: Tahoma;\r
+       letter-spacing: 0;\r
+       _filter: none\r
+}\r
+\r
+.pwr_blog .pwr_cont li span {\r
+       display: inline-block\r
+}\r
+\r
+.pwr_blog .pwr_cont li .pcol2b {\r
+       height: auto\r
+}\r
+\r
+.pwr_blog .pwr_pgn {\r
+       padding-top: 1px;\r
+       text-align: right\r
+}\r
+\r
+.pwr_blog .pwr_pgn .prev,.pwr_blog .pwr_pgn .next {\r
+       display: inline-block;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.pwr_blog .pwr_pgn em {\r
+       display: inline-block;\r
+       margin-left: -1px;\r
+       font-style: normal;\r
+       font-size: 11px\r
+}\r
+\r
+.pwr_blog .pwr_clse {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: 5px;\r
+       right: -3px;\r
+       padding: 2px;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       font-family: 'µ¸¿ò', dotum\r
+}\r
+\r
+.pwr_blog .pwr_clse:hover {\r
+       text-decoration: none\r
+}\r
+\r
+/*縰Áö À§Á¬*/\r
+.cwg_wrap,.cwg2_wrap {\r
+       font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;\r
+       font-size: 12px\r
+}\r
+\r
+/* goal widget */\r
+.cwg2_wrap {\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 396px;\r
+       margin: 0 auto;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_note2.png)\r
+               no-repeat;\r
+       _background: url(http://blogimgs.naver.net/challengewidget/bg_note2.gif)\r
+               no-repeat;\r
+       text-align: left\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge {\r
+       overflow: hidden;\r
+       position: relative;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 a {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1 span {\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type2 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type3 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type4 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .cwg2_badge h1.type5 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .p_day {\r
+       position: relative;\r
+       width: 141px;\r
+       margin: 0 0 0 14px;\r
+       height: 24px;\r
+       overflow: hidden;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .p_day span {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       margin-left: -1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .p_day .ing {\r
+       width: 71px;\r
+       height: 21px;\r
+       background-position: 0 -17px\r
+}\r
+\r
+.cwg2_wrap .p_day .clear_no {\r
+       width: 90px;\r
+       height: 20px;\r
+       margin-top: 3px;\r
+       background-position: -71px -20px\r
+}\r
+\r
+.cwg2_wrap .p_day .clear_ok {\r
+       width: 122px;\r
+       height: 20px;\r
+       background-position: 0 -43px\r
+}\r
+\r
+.cwg2_wrap .p_day em {\r
+       display: inline-block;\r
+       height: 21px;\r
+       font-style: normal;\r
+       font-family: Tahoma;\r
+       font-size: 17px;\r
+       color: #525252;\r
+       font-weight: bold\r
+}\r
+\r
+.cwg2_wrap .lst_wrap {\r
+       position: relative;\r
+       width: 141px;\r
+       height: 142px;\r
+       margin: 3px auto 0;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat 0 -316px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst {\r
+       overflow: hidden;\r
+       zoom: 1;\r
+       padding: 6px 0 0 5px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst li {\r
+       overflow: hidden;\r
+       line-height: 999px;\r
+       display: inline;\r
+       float: left;\r
+       width: 12px;\r
+       height: 12px;\r
+       margin: 0 0 1px 1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst .off {\r
+       background-position: -70px 0\r
+}\r
+\r
+.cwg2_wrap .cplt {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 121px;\r
+       left: 121px;\r
+       width: 16px;\r
+       height: 17px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       left: -2px;\r
+       top: -1px;\r
+       width: 145px;\r
+       height: 147px;\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       width: 145px;\r
+       height: 147px;\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/bg_clear_box.png)\r
+               no-repeat;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_clear_box.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar {\r
+       width: 90px;\r
+       height: 98px;\r
+       overflow: hidden;\r
+       margin: 14px 0 0 28px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat 0 -215px;\r
+       text-indent: -500em\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar2 {\r
+       width: 78px;\r
+       height: 97px;\r
+       overflow: hidden;\r
+       margin: 14px 0 0 33px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat -96px -215px;\r
+       text-indent: -500em\r
+}\r
+\r
+.cwg2_wrap .lst_wrap .lst_clear_lay .clse {\r
+       position: absolute;\r
+       right: 10px;\r
+       top: 6px;\r
+       width: 14px;\r
+       height: 14px;\r
+       overflow: hidden;\r
+       text-indent: -500em;\r
+       background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)\r
+               no-repeat -188px 2px\r
+}\r
+\r
+.cwg2_wrap .mod {\r
+       display: block;\r
+       position: absolute;\r
+       right: 13px;\r
+       bottom: 10px;\r
+       overflow: hidden;\r
+       width: 14px;\r
+       height: 14px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 0;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst {\r
+       position: relative;\r
+       height: 118px;\r
+       margin: 0 15px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst .none {\r
+       margin: 0;\r
+       margin-top: 23px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 21px;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .cwg_lst .more {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 {\r
+       height: 17px;\r
+       padding-top: 4px;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 a {\r
+       display: inline-block;\r
+       position: relative;\r
+       padding: 2px 17px 2px 2px;\r
+       color: #333;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg2_wrap .cwg_lst h2 a span {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst ul {\r
+       height: 84px;\r
+       padding-top: 3px\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li {\r
+       position: relative;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -112px;\r
+       font-size: 11px;\r
+       line-height: 21px;\r
+       vertical-align: top;\r
+       list-style: none\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li a {\r
+       display: inline-block;\r
+       color: #666;\r
+       _vertical-align: baseline\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li em {\r
+       position: absolute;\r
+       top: 0;\r
+       right: 0;\r
+       font-style: normal;\r
+       font-size: 9px;\r
+       font-family: Tahoma;\r
+       color: #aeaeae\r
+}\r
+\r
+.cwg2_wrap .cwg_lst li em.time {\r
+       color: #7b7b7b\r
+}\r
+\r
+.cwg2_wrap .cwg_status {\r
+       width: 141px;\r
+       height: 133px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_cnt {\r
+       overflow: hidden;\r
+       height: 21px;\r
+       margin-bottom: 10px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_cnt strong {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 42px;\r
+       height: 21px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg2_wrap .cwg_btm {\r
+       width: 145px;\r
+       margin: 0 auto;\r
+}\r
+\r
+.cwg2_wrap .cwg_btm a {\r
+       display: inline-block;\r
+       margin: 7px 0 0 -1px;\r
+       padding: 3px 9px 3px 2px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       letter-spacing: -1px;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg2_wrap .cwg_btm a em {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 4px;\r
+       height: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat -26px -96px;\r
+       vertical-align: middle\r
+}\r
+\r
+/* goal widget types2 */\r
+.cwg2_type .cplt {\r
+       background-position: -84px 0\r
+}\r
+\r
+.cwg2_type2 .cplt {\r
+       background-position: -102px 0\r
+}\r
+\r
+.cwg2_type3 .cplt {\r
+       background-position: -120px 0\r
+}\r
+\r
+.cwg2_type4 .cplt {\r
+       background-position: -138px 0\r
+}\r
+\r
+.cwg2_type5 .cplt {\r
+       background-position: -156px 0\r
+}\r
+\r
+.cwg2_type .lst_wrap .lst li {\r
+       background-position: 0 0\r
+}\r
+\r
+.cwg2_type2 .lst_wrap .lst li {\r
+       background-position: -14px 0\r
+}\r
+\r
+.cwg2_type3 .lst_wrap .lst li {\r
+       background-position: -28px 0\r
+}\r
+\r
+.cwg2_type4 .lst_wrap .lst li {\r
+       background-position: -42px 0\r
+}\r
+\r
+.cwg2_type5 .lst_wrap .lst li {\r
+       background-position: -56px 0\r
+}\r
+\r
+/* master widget */\r
+.cwg_master {\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 364px;\r
+       margin: 0 auto;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_note.png);\r
+       _background: url(http://blogimgs.naver.net/challengewidget/bg_note.gif);\r
+       text-align: left\r
+}\r
+\r
+.cwg_wrap .cwg_badge {\r
+       overflow: hidden;\r
+       position: relative;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: relative;\r
+       width: 171px;\r
+       height: 78px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 a {\r
+       position: absolute;\r
+       left: 0;\r
+       top: 0;\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1 span {\r
+       display: block;\r
+       width: 171px;\r
+       height: 78px;\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type2 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type2.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type3 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type3.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type4 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type4.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_badge h1.type5 span {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/img_bdg_type5.png);\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .mod {\r
+       display: block;\r
+       position: absolute;\r
+       right: 13px;\r
+       bottom: 13px;\r
+       overflow: hidden;\r
+       width: 14px;\r
+       height: 14px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 0;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_lst {\r
+       position: relative;\r
+       height: 118px;\r
+       margin: 0 15px\r
+}\r
+\r
+.cwg_wrap .cwg_lst .none {\r
+       margin: 0;\r
+       margin-top: 23px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       line-height: 21px;\r
+       text-align: center\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 {\r
+       height: 17px;\r
+       padding-top: 4px;\r
+       font-size: 12px;\r
+       letter-spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 a {\r
+       display: inline-block;\r
+       position: relative;\r
+       padding: 2px 17px 2px 2px;\r
+       color: #333;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg_wrap .cwg_lst h2 a span {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 50%;\r
+       right: 0;\r
+       width: 15px;\r
+       height: 15px;\r
+       margin-top: -8px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -150px;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_lst ul {\r
+       height: 82px;\r
+       padding-top: 3px\r
+}\r
+\r
+.cwg_wrap .cwg_lst li {\r
+       position: relative;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -112px;\r
+       font-size: 11px;\r
+       line-height: 21px;\r
+       vertical-align: top;\r
+       list-style: none\r
+}\r
+\r
+.cwg_wrap .cwg_lst li a {\r
+       display: inline-block;\r
+       color: #666;\r
+       _vertical-align: baseline\r
+}\r
+\r
+.cwg_wrap .cwg_lst li em {\r
+       position: absolute;\r
+       top: 0;\r
+       right: 0;\r
+       font-style: normal;\r
+       font-size: 9px;\r
+       font-family: Tahoma;\r
+       color: #aeaeae\r
+}\r
+\r
+.cwg_wrap .cwg_lst li em.time {\r
+       color: #7b7b7b\r
+}\r
+\r
+.cwg_wrap .cwg_status {\r
+       width: 141px;\r
+       height: 133px;\r
+       margin: 0 auto;\r
+       text-align: center;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt {\r
+       overflow: hidden;\r
+       height: 21px;\r
+       margin-bottom: 11px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 50px;\r
+       height: 21px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level span {\r
+       margin-top: 0\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level2 span {\r
+       margin-top: -30px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level3 span {\r
+       margin-top: -60px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt strong.level4 span {\r
+       margin-top: -90px\r
+}\r
+\r
+.cwg_wrap .cwg_cnt .lnr {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 19px;\r
+       height: 21px;\r
+       margin-left: -1px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 0 -30px;\r
+       line-height: 999px;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt em {\r
+       display: inline-block;\r
+       height: 21px;\r
+       margin-left: -2px;\r
+       padding: 2px 9px 0 0;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat 100% -60px;\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       font-size: 12px;\r
+       font-family: Tahoma;\r
+       color: #525252;\r
+       vertical-align: top\r
+}\r
+\r
+.cwg_wrap .cwg_cnt em span {\r
+       visibility: hidden;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 0;\r
+       height: 0;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cwg_wrap .cwg_track {\r
+       position: relative;\r
+       width: 141px;\r
+       height: 86px\r
+}\r
+\r
+.cwg_wrap .cwg_track span {\r
+       overflow: hidden;\r
+       float: left;\r
+       position: relative;\r
+       z-index: 10;\r
+       width: 7px;\r
+       height: 8px;\r
+       margin: -1px 0 6px;\r
+       background-color: #fff;\r
+       line-height: 999px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.rtl {\r
+       float: right\r
+}\r
+\r
+.cwg_wrap .cwg_track span.cpt {\r
+       visibility: hidden\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp {\r
+       float: right;\r
+       width: 8px;\r
+       height: 7px;\r
+       margin: -6px 0 0 133px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp2 {\r
+       width: 8px;\r
+       height: 7px;\r
+       margin: -6px 133px 0 0\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp3 {\r
+       width: 8px\r
+}\r
+\r
+.cwg_wrap .cwg_track span.excp4 {\r
+       width: 8px;\r
+       height: 7px;\r
+       margin-top: 0\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail_bg {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -1px;\r
+       left: 0;\r
+       z-index: 5;\r
+       width: 141px;\r
+       height: 86px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail_bg strong {\r
+       margin-top: -120px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.rail {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -1px;\r
+       left: 0;\r
+       z-index: 15;\r
+       width: 141px;\r
+       height: 70px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/bg_rail.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_rail.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_wrap .cwg_track em.goal {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: -3px;\r
+       left: -2px;\r
+       z-index: 20;\r
+       width: 124px;\r
+       height: 68px\r
+}\r
+\r
+.cwg_wrap .cwg_track em.goal strong {\r
+       margin-top: -220px\r
+}\r
+\r
+.cwg_wrap .cwg_btm {\r
+       width: 145px;\r
+       margin: 0 auto;\r
+       border-top: 1px solid #ececec\r
+}\r
+\r
+.cwg_wrap .cwg_btm a {\r
+       display: inline-block;\r
+       margin: 7px 0 0 -1px;\r
+       padding: 3px 9px 3px 2px;\r
+       font-size: 11px;\r
+       color: #999;\r
+       letter-spacing: -1px;\r
+       text-decoration: none\r
+}\r
+\r
+.cwg_wrap .cwg_btm a em {\r
+       display: inline-block;\r
+       overflow: hidden;\r
+       width: 4px;\r
+       height: 6px;\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)\r
+               no-repeat -26px -96px;\r
+       vertical-align: middle\r
+}\r
+\r
+/* master widget types */\r
+.cwg_wrap .flt {\r
+       display: block;\r
+       width: 150px;\r
+       height: 450px\r
+}\r
+\r
+.cwg_type .flt {\r
+       background: url(http://blogimgs.naver.net/challengewidget/spr_ctype.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type2 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype2.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype2.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type3 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype3.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype3.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type4 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype4.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype4.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+.cwg_type5 .flt {\r
+       background:\r
+               url(http://blogimgs.naver.net/challengewidget/spr_ctype5.png)\r
+               no-repeat 0 0;\r
+       _background: none;\r
+       _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype5.png',\r
+               sizingMethod='crop' )\r
+}\r
+\r
+/* business widget */\r
+/* company info widget */\r
+.cmp_wrap {\r
+       width: 171px;\r
+       margin: 0 auto;\r
+       font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;\r
+       font-size: 12px;\r
+       text-align: left;\r
+}\r
+\r
+.cmp_wrap .line_x {\r
+       height: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .line_y {\r
+       width: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .ls0 {\r
+       letter-spacing: 0\r
+}\r
+\r
+.cmp_wrap .tl_cmp {\r
+       width: 100%;\r
+       padding: 0;\r
+       border: 0;\r
+       border-collapse: collapse;\r
+       table-layout: fixed\r
+}\r
+\r
+.cmp_wrap .tl_cmp th,.cmp_wrap .tl_cmp td {\r
+       padding: 0;\r
+       border: 0\r
+}\r
+\r
+.cmp_wrap .cmp_content {\r
+       position: relative;\r
+       width: 147px;\r
+       padding: 10px 11px 9px 11px;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.cmp_wrap .cmp_content:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+.cmp_wrap .cmp_content h3 {\r
+       height: 31px;\r
+       *height: 30px;\r
+       margin: 0 !important;\r
+       padding-top: 2px;\r
+       font-size: 12px;\r
+       font-weight: bold;\r
+       letter-spacing: 0;\r
+       line-height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line:after {\r
+       display: block;\r
+       clear: both;\r
+       content: ''\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .line_y {\r
+       float: left\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr {\r
+       *margin-top: -1px;\r
+       overflow: hidden\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a {\r
+       display: inline-block;\r
+       float: left;\r
+       text-align: center\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.cmp_wrap .cmp_content .bx_line .bx_inr a strong {\r
+       display: block\r
+}\r
+\r
+.cmp_wrap a .bu {\r
+       display: inline-block;\r
+       margin-left: 2px;\r
+       font-size: 4px;\r
+       vertical-align: 3px;\r
+       -webkit-text-size-adjust: none\r
+}\r
+/* button text type */\r
+.cmp_wrap .cmp_content .btn_txt {\r
+       width: 37px;\r
+       position: absolute;\r
+       top: 10px;\r
+       right: 7px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt .line_x {\r
+       width: 35px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt .line_y {\r
+       height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_txt a {\r
+       width: 33px;\r
+       height: 12px;\r
+       padding-top: 2px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_txt a {\r
+       padding-top: 0;\r
+       padding-top: 2px \0/IE9\r
+}\r
+/* button icon type */\r
+.cmp_wrap .cmp_content .btn_help {\r
+       width: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help .line_x {\r
+       width: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help .line_y {\r
+       height: 12px\r
+}\r
+\r
+.cmp_wrap .cmp_content .btn_help a {\r
+       display: block;\r
+       width: 12px;\r
+       height: 12px;\r
+       line-height: 15px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_help a {\r
+       line-height: 14px\r
+}\r
+\r
+:root .cmp_wrap .cmp_content .btn_help a {\r
+       line-height: 14px;\r
+       line-height: 17px \0/IE9\r
+}\r
+\r
+.cmp_wrap .cmp_tt {\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 33px;\r
+       left: 5px;\r
+       width: 159px;\r
+       height: 1px;\r
+       border-bottom: 1px dotted\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont {\r
+       padding-left: 8px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li {\r
+       position: relative;\r
+       line-height: 16px;\r
+       list-style: none\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .info_wrp {\r
+       display: inline-block;\r
+       padding-bottom: 1px;\r
+       opacity: 0.8;\r
+       filter: alpha(opacity = 80)\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .tt {\r
+       display: inline-block\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .tx {\r
+       padding-right: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .ic {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 6px;\r
+       *top: 7px;\r
+       left: -6px;\r
+       width: 2px;\r
+       height: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .lk {\r
+       text-decoration: underline\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .lk .bu {\r
+       text-decoration: none;\r
+       vertical-align: 2px\r
+}\r
+\r
+.cmp_wrap .cmp_content .info_cont li .btn_help {\r
+       display: inline-block;\r
+       *display: inline;\r
+       margin-left: 1px;\r
+       vertical-align: -2px;\r
+       *vertical-align: middle;\r
+       zoom: 1\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip {\r
+       display: none;\r
+       position: absolute;\r
+       z-index: 1000;\r
+       padding: 9px 10px 7px;\r
+       border: 1px solid #888;\r
+       background-color: #fff\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .tip {\r
+       position: absolute;\r
+       bottom: -6px;\r
+       width: 11px;\r
+       height: 6px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/admin50/bg_layer_arr.gif)\r
+               no-repeat 0 0;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .cont {\r
+       margin-left: -1px;\r
+       font-size: 11px;\r
+       font-family: dotum, 'µ¸¿ò';\r
+       color: #848689;\r
+       letter-spacing: -1px;\r
+       line-height: 14px\r
+}\r
+\r
+.cmp_wrap .cmp_content .layer_tip .clse_tip {\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 8px\r
+}\r
+/* // business widget*/\r
+.new_blog {\r
+       height: 170px;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       text-align: center\r
+}\r
+\r
+.new_blog .new_blog_inner {\r
+       padding-top: 34px\r
+}\r
+\r
+.new_blog .new_blog_inner2 {\r
+       padding-top: 78px\r
+}\r
+\r
+.new_blog .new_blog_inner3 {\r
+       padding-top: 50px\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu {\r
+       text-align: left\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu li {\r
+       list-style: none;\r
+       margin-bottom: 6px;\r
+       font-size: 12px;\r
+       line-height: 17px\r
+}\r
+\r
+.new_blog .new_blog_inner3 ul.lst_bu li .pcol2b {\r
+       width: 3px;\r
+       height: 3px;\r
+       margin: 0 2px 2px 0;\r
+       vertical-align: middle\r
+}\r
+\r
+.new_blog strong {\r
+       display: block;\r
+       margin: 0 0 8px;\r
+       font-size: 14px !important\r
+}\r
+\r
+.new_blog p {\r
+       display: block;\r
+       margin: 0 0 13px;\r
+       font-size: 12px;\r
+       line-height: 17px\r
+}\r
+\r
+.new_blog a {\r
+       display: inline-block\r
+}\r
+\r
+.ly_newblog {\r
+       position: absolute;\r
+       z-index: 1000;\r
+       padding: 14px;\r
+       border: 1px solid #d1d1d1;\r
+       background: #fefefe\r
+}\r
+\r
+.ly_newblog table {\r
+       width: 100%;\r
+       border-collapse: collapse\r
+}\r
+\r
+.ly_newblog .ly_newblog_btm {\r
+       position: relative;\r
+       width: 100%;\r
+       padding: 16px 0 6px;\r
+       border-top: 1px solid #ececec;\r
+       text-align: center\r
+}\r
+\r
+.ly_newblog .ly_newblog_btm img {\r
+       vertical-align: top\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache {\r
+       position: absolute;\r
+       top: 19px;\r
+       right: -1px\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache .input_chk {\r
+       float: left;\r
+       width: 13px;\r
+       height: 13px;\r
+       margin: 5px 5px 0;\r
+       padding: 0;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache label {\r
+       float: left;\r
+       font-size: 11px;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       letter-spacing: -1px;\r
+       line-height: 27px;\r
+       color: #999;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .ly_newblog_cache a {\r
+       display: inline-block;\r
+       float: left;\r
+       margin-left: 5px;\r
+       vertical-align: middle\r
+}\r
+\r
+.ly_newblog .clse {\r
+       display: inline-block;\r
+       position: absolute;\r
+       top: 7px;\r
+       right: 7px;\r
+       padding: 2px\r
+}\r
+\r
+.ly_newblog_cont img {\r
+       vertical-align: top\r
+}\r
+\r
+/* service terminated(wizard widget) */\r
+.wzd_wrap {\r
+       width: 169px;\r
+       height: 80px;\r
+       margin: 0 auto;\r
+       border: 1px solid #ececec;\r
+       background: #f5f5f5;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       font-size: 11px;\r
+       letter- spacing: -1px;\r
+       text-align: center\r
+}\r
+\r
+.wzd_wrap .info_txt {\r
+       width: 146px;\r
+       height: 36px;\r
+       margin: 0 auto;\r
+       margin-bottom: 8px;\r
+       padding-top: 11px;\r
+       border-bottom: 1px solid #e3e3e3;\r
+       color: #7d7d7d;\r
+       line-height: 16px\r
+}\r
+\r
+.wzd_wrap .info_a {\r
+       display: inline-block;\r
+       margin: 0 4px 0 6px;\r
+       padding-left: 6px;\r
+       background: url(http://blogimgs.naver.net/nblog/widget/ic_wzd.gif)\r
+               no-repeat 0 2px;\r
+       color: #7d7d7d;\r
+       font-size: 11px;\r
+       text-decoration: none\r
+}\r
+\r
+.wzd_wrap a:hover {\r
+       text-decoration: underline\r
+}\r
+\r
+.side-body.onestyle .wzd_wrap {\r
+       *display: inline;\r
+       zoom: 1\r
+}\r
+\r
+/* map */\r
+.map_wrp .sub_cnt .more,.map_wrp .set,.map_wrp .go_post .post,.map_wrp .go_post .clse\r
+       {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat\r
+}\r
+\r
+.map_wrp {\r
+       width: 171px;\r
+       height: 260px;\r
+       margin: 0 auto\r
+}\r
+\r
+.map_wrp .country {\r
+       position: relative;\r
+       width: 171px;\r
+       height: 260px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/bg_country_v2.jpg)\r
+               no-repeat;\r
+       font-family: 'µ¸¿ò', dotum;\r
+       font-size: 11px;\r
+       letter-spacing: -1px\r
+}\r
+\r
+.map_wrp .country .tit {\r
+       overflow: hidden;\r
+       height: 28px;\r
+       margin: 0;\r
+       padding: 0;\r
+       text-align: left\r
+}\r
+\r
+.map_wrp .country .tit .set {\r
+       display: block;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 8px;\r
+       right: 8px;\r
+       width: 11px;\r
+       height: 12px;\r
+       background-position: 100% -124px;\r
+       text-indent: -9999px\r
+}\r
+\r
+.map_wrp .country .tit em {\r
+       visibility: hidden;\r
+       overflow: hidden;\r
+       position: absolute;\r
+       top: 0;\r
+       left: 0;\r
+       width: 1px;\r
+       height: 1px;\r
+       font-size: 0;\r
+       line-height: 0\r
+}\r
+\r
+.map_wrp .country .tit strong {\r
+       display: inline-block;\r
+       margin: 8px 0 0 80px;\r
+       color: #00a403;\r
+       font-family: verdana;\r
+       font-size: 10px\r
+}\r
+\r
+.map_wrp .map_sec {\r
+       position: relative;\r
+       height: 232px\r
+}\r
+\r
+.map_wrp .pin,.map_wrp .pin10,.map_wrp .pin100 {\r
+       display: block;\r
+       position: absolute;\r
+       width: 19px;\r
+       height: 25px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat 0 -124px;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp a.pin:hover {\r
+       text-decoration: none\r
+}\r
+\r
+.map_wrp .pin strong {\r
+       display: block;\r
+       margin-left: -1px;\r
+       color: #00a403;\r
+       font-family: verdana;\r
+       font-size: 10px;\r
+       line-height: 16px\r
+}\r
+\r
+.map_wrp .pin10 {\r
+       width: 23px;\r
+       height: 33px;\r
+       background-position: -28px -124px\r
+}\r
+\r
+.map_wrp .pin10 strong {\r
+       line-height: 22px\r
+}\r
+\r
+.map_wrp .pin100 {\r
+       width: 29px;\r
+       height: 42px;\r
+       background-position: -61px -124px\r
+}\r
+\r
+.map_wrp .pin100 strong {\r
+       line-height: 28px\r
+}\r
+\r
+.map_wrp .sub_cnt {\r
+       position: absolute;\r
+       top: 239px;\r
+       right: 10px\r
+}\r
+\r
+:root .map_wrp .sub_cnt {\r
+       top: 240px \0/IE9\r
+}\r
+\r
+.map_wrp .sub_cnt a {\r
+       display: inline-block;\r
+       padding-right: 1px;\r
+       color: #66717b;\r
+       line-height: 12px;\r
+       vertical-align: middle\r
+}\r
+\r
+.map_wrp .sub_cnt .more {\r
+       padding: 0 5px 0 1px;\r
+       background-position: 100% -170px;\r
+       font-size: 11px\r
+}\r
+\r
+:root .map_wrp .sub_cnt .more {\r
+       line-height: 14px \0/IE9\r
+}\r
+\r
+.map_wrp .dim {\r
+       position: absolute;\r
+       top: 28PX;\r
+       left: 0;\r
+       width: 171px;\r
+       height: 232px;\r
+       background: #000;\r
+       opacity: 0.1;\r
+       filter: alpha(opacity = 10)\r
+}\r
+\r
+.map_wrp .go_post {\r
+       position: absolute;\r
+       top: 85px;\r
+       left: 12px;\r
+       width: 147px;\r
+       height: 120px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp .go_post p {\r
+       margin: 0;\r
+       padding: 0;\r
+       line-height: 15px\r
+}\r
+\r
+.map_wrp .go_post .tt {\r
+       padding-top: 15px;\r
+       color: #333\r
+}\r
+\r
+.map_wrp .go_post .tx {\r
+       color: #999\r
+}\r
+\r
+.map_wrp .go_post a {\r
+       display: block;\r
+       overflow: hidden;\r
+       text-indent: -9999em\r
+}\r
+\r
+.map_wrp .go_post .post {\r
+       width: 68px;\r
+       height: 16px;\r
+       margin: 11px auto 0;\r
+       background-position: 0 -186px\r
+}\r
+\r
+.map_wrp .go_post .clse {\r
+       position: absolute;\r
+       top: 10px;\r
+       right: 10px;\r
+       width: 11px;\r
+       height: 11px;\r
+       background-position: 100% -148px\r
+}\r
+\r
+.map_wrp .go_evt {\r
+       position: absolute;\r
+       top: 66px;\r
+       left: 12px;\r
+       width: 147px;\r
+       height: 125px;\r
+       padding-top: 15px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/event/bg_evt_ly.png)\r
+               no-repeat;\r
+       text-align: center\r
+}\r
+\r
+.map_wrp .go_evt p {\r
+       margin: 0;\r
+       padding: 0;\r
+       font-size: 11px;\r
+       line-height: 15px\r
+}\r
+\r
+.map_wrp .go_evt .tt {\r
+       margin-bottom: 3px;\r
+       color: #999\r
+}\r
+\r
+.map_wrp .go_evt .tx {\r
+       color: #ee6e3c\r
+}\r
+\r
+.map_wrp .go_evt .tx a {\r
+       overflow: hidden;\r
+       background: none;\r
+       color: #f6b69d;\r
+       text-decoration: underline\r
+}\r
+\r
+.map_wrp .go_evt a {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)\r
+               no-repeat;\r
+       font-size: 11px\r
+}\r
+\r
+.map_wrp .go_evt .post,.map_wrp .go_evt .clse {\r
+       display: block;\r
+       text-indent: -9999px\r
+}\r
+\r
+.map_wrp .go_evt .post {\r
+       width: 68px;\r
+       height: 16px;\r
+       margin: 13px auto 0;\r
+       background-position: 0 -186px\r
+}\r
+\r
+.map_wrp .go_evt .clse {\r
+       position: absolute;\r
+       top: 9px;\r
+       right: 10px;\r
+       width: 11px;\r
+       height: 11px;\r
+       background-position: 100% -148px\r
+}\r
+\r
+.readonly_box {\r
+       border: solid 1px #e7e7e7;\r
+       background-color: #fff;\r
+       margin: 0 0 8px;\r
+       padding: 20px 0 19px 20px;\r
+       text-align: left;\r
+       position: relative;\r
+       overflow: hidden\r
+}\r
+\r
+.readonly_box h3 {\r
+       color: #333;\r
+       font: bold 14px "µ¸¿ò", dotum;\r
+       margin: 0 0 15px !important\r
+}\r
+\r
+.readonly_box h3 img {\r
+       vertical-align: middle;\r
+       margin: 0 6px 3px 0\r
+}\r
+\r
+.readonly_box h3 span {\r
+       padding-left: 3px;\r
+       font-size: 12px;\r
+       color: #ff6d20;\r
+       letter-spacing: 0\r
+}\r
+\r
+.readonly_box .closepop {\r
+       position: absolute;\r
+       top: 14px;\r
+       right: 14px;\r
+       width: 15px;\r
+       height: 15px;\r
+}\r
+\r
+.readonly_box ul {\r
+       margin: 0 0 3px !important;\r
+       padding: 0\r
+}\r
+\r
+.readonly_box ul li {\r
+       list-style: none;\r
+       padding-left: 7px;\r
+       line-height: 18px;\r
+       font-size: 12px;\r
+       color: #333;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bu_2x2_33.gif)\r
+               0 7px no-repeat\r
+}\r
+\r
+.readonly_box .viewnotice {\r
+       display: inline-block;\r
+       margin-top: 7px;\r
+       padding-right: 6px;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bu_arrow_readonly.gif)\r
+               right 3px no-repeat;\r
+       font-size: 12px;\r
+       color: #333;\r
+       text-decoration: underline !important\r
+}\r
+\r
+.inspection {\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bg_inspection.gif)\r
+               repeat-x;\r
+       text-align: center\r
+}\r
+\r
+.inspection .sub_inspection {\r
+       width: 980px;\r
+       height: 69px;\r
+       margin: 0 auto;\r
+       background:\r
+               url(http://blogimgs.naver.net/nblog/readonly/bg_inspection2.gif)\r
+               no-repeat;\r
+       text-align: left\r
+}\r
+\r
+.inspection h1 {\r
+       float: left;\r
+       _display: inline;\r
+       padding: 23px 20px 0 0\r
+}\r
+\r
+.inspection p {\r
+       float: left;\r
+       _display: inline;\r
+       padding: 14px 0 0;\r
+       padding-left: 21px;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bg_line.gif) 0\r
+               17px no-repeat;\r
+       color: #fff;\r
+       line-height: 20px\r
+}\r
+\r
+.inspection p * {\r
+       color: #fff;\r
+       line-height: 20px\r
+}\r
+\r
+.inspection p em {\r
+       font-style: normal;\r
+       font-weight: bold;\r
+       text-decoration: underline\r
+}\r
+\r
+.inspection .viewnotice {\r
+       float: right;\r
+       _display: inline;\r
+       padding: 24px 0 0 18px;\r
+       height: 26px;\r
+       background: url(http://blogimgs.naver.net/nblog/readonly/bg_line2.gif) 0\r
+               17px no-repeat\r
+}\r
+\r
+#defineNHNCSS_LayoutTopCommon-411216_css {\r
+       color: #ffe\r
+}
\ No newline at end of file
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/b.html b/org.tizen.common.builder/test/src/org/tizen/common/builder/b.html
new file mode 100644 (file)
index 0000000..9aa8986
--- /dev/null
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
+<html>\r
+<head>\r
+    <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">\r
+    <title>Insert title here</title>\r
+    <script type="text/javascript" src="b.js"></script>\r
+    <script type="text/javascript" src="c.js"></script>\r
+    <link href="b.css" rel="stylesheet" type="text/css">\r
+</head>\r
+<body>\r
+\r
+</body>\r
+</html>
\ No newline at end of file
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/b.js b/org.tizen.common.builder/test/src/org/tizen/common/builder/b.js
new file mode 100644 (file)
index 0000000..b3b5a15
--- /dev/null
@@ -0,0 +1,3 @@
+B = function() {\r
+       console.log( "B created" );\r
+};\r
diff --git a/org.tizen.common.builder/test/src/org/tizen/common/builder/c.js b/org.tizen.common.builder/test/src/org/tizen/common/builder/c.js
new file mode 100644 (file)
index 0000000..249942d
--- /dev/null
@@ -0,0 +1,3 @@
+C = function() {\r
+       console.log( "C created" );\r
+};\r
index 33e3704..8214501 100755 (executable)
          version="0.0.0"
          unpack="false"/>
 
+   <plugin
+         id="org.tizen.common.builder"
+         download-size="0"
+         install-size="0"
+         version="0.0.0"
+         unpack="false"/>
+
 </feature>