Apache License Version 2.0, January 2004
+http://www.apache.org/licenses/
+
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
1. Definitions .
+
"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
+
"Licensor" shall mean the copyright owner or entity authorized by the
+copyright owner that is granting the License.
+
"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.
+
"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.
+
"Source" form shall mean the preferred form for making modifications,
+including but not limited to software source code, documentation source,
+and configuration files.
+
"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.
+
"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).
+
"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.
+
"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."
+
"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.
+
2. Grant of Copyright License . 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.
+
3. Grant of Patent License . 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.
+
4. Redistribution . 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:
+
+
+You must give any other recipients of the Work or Derivative Works a
+copy of this License; and
+
+
+You must cause any modified files to carry prominent notices stating
+that You changed the files; and
+
+
+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
+
+
+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.
+
+
+
5. Submission of Contributions . 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.
+
6. Trademarks . 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.
+
7. Disclaimer of Warranty . 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.
+
8. Limitation of Liability . 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.
+
9. Accepting Warranty or Additional Liability .
+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.
+
END OF TERMS AND CONDITIONS
+
+
+
+
+
+
Copyright © 2011 The Apache Software Foundation, Licensed under the Apache License, Version 2.0 . Apache and the Apache feather logo are trademarks of The Apache Software Foundation.
+
+
+
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
index 0000000..fa0086a
--- /dev/null
+++ b/org.tizen.common.builder/about_files/MPL-2.0.txt
@@ -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
index 0000000..199c201
--- /dev/null
+++ b/org.tizen.common.builder/about_files/yuilibrary-LICENSE.txt
@@ -0,0 +1,29 @@
+Copyright (C) 2011 Yahoo! Inc. All Rights Reserved.
+
+Redistribution and use of this software in source and binary forms,
+ with or without modification, are permitted provided
+ that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice,
+ this list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+ this list of conditions and the following disclaimer in the documentation and/or other
+ materials provided with the distribution.
+
+3. Neither the name of Yahoo! Inc. nor the names of YUI's contributors
+ may be used to endorse or promote products derived from this software
+ without specific prior written permission of Yahoo! Inc.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+``AS IS'' AND ANY EXPRESSED OR IMPLIED WARRANTIES, INCLUDING, BUT
+NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
+FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL
+METASTUFF, LTD. OR ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT,
+INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
+HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
+STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+OF THE POSSIBILITY OF SUCH DAMAGE.
diff --git a/org.tizen.common.builder/build.properties b/org.tizen.common.builder/build.properties
new file mode 100644
index 0000000..1ba53c6
--- /dev/null
+++ b/org.tizen.common.builder/build.properties
@@ -0,0 +1,8 @@
+source.. = src/
+output.. = bin/
+bin.includes = META-INF/,\
+ .,\
+ about_files/,\
+ about.html,\
+ OSGI-INF/,\
+ lib/
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
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
index 0000000..7898ae5
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/BuildDependency.java
@@ -0,0 +1,48 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import java.util.Set;
+
+public interface BuildDependency
+{
+ void addVertex( Resource resource );
+ boolean containsVertex( Resource resource );
+ void removeVertex( Resource resource );
+
+ void addEdge( Resource in, Resource out, Dependency dependency );
+ void removeEdge( Dependency dependency );
+ Set edgesOf( Resource resource );
+
+ Resource getEdgeSource( Dependency dependency );
+ Resource getEdgeTarget( Dependency dependency );
+
+
+
+}
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
index 0000000..45d4ce6
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/BuildProcess.java
@@ -0,0 +1,426 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import java.io.File;
+import java.io.IOException;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collection;
+import java.util.Comparator;
+import java.util.HashMap;
+import java.util.HashSet;
+import java.util.LinkedHashSet;
+import java.util.List;
+import java.util.TreeSet;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.tizen.common.builder.dependency.DependencyInMemory;
+import org.tizen.common.builder.exception.BuildException;
+import org.tizen.common.file.FileHandler;
+import org.tizen.common.util.Assert;
+import org.tizen.common.util.CollectionUtil;
+import org.tizen.common.util.FileUtil;
+import org.tizen.common.util.FilenameUtil;
+
+public class BuildProcess
+{
+
+ protected final Logger logger = LoggerFactory.getLogger( getClass() );
+
+ protected final HashMap resources2builder = new HashMap();
+
+ protected final List builders = new ArrayList();
+
+ protected final BuildDependency dependencies = new DependencyInMemory();
+
+ protected boolean bInitialize = false;
+
+
+ public
+ void
+ addBuilder(
+ final Builder builder
+ )
+ {
+ this.builders.add( builder );
+ }
+
+ public Builder getLastBuilder() {
+ return CollectionUtil.pickupLast( this.builders );
+ }
+
+ public Builder getBuilder(String layerName) {
+ Assert.notNull( layerName );
+
+ Builder result = null;
+ for ( Builder builder : this.builders ) {
+ String name = builder.getResourceLayer().getName();
+ if ( layerName.equals( name ) ) {
+ result = builder;
+ break;
+ }
+ }
+
+ logger.info( "Find a builder by ResourceLayer name {} : {}",
+ layerName, ( result != null ) ? result.getResourceLayer().getName() : "Not found" );
+
+ return result;
+ }
+
+ public void enableBuilder(String layerName, Resource ...resources) throws IOException, BuildException {
+ // get a builder
+ Builder builder = getBuilder( layerName );
+ if ( builder == null ) {
+ return;
+ }
+
+ // If no state changes, skip this
+ if ( builder.isEnabled() ) {
+ return;
+ }
+ builder.setEnabled( true );
+
+ ResourceLayer builderLayer = builder.getResourceLayer();
+
+ // collect the rebuild resources
+ Collection rebuildResource = new HashSet();
+ for ( Resource resource : resources ) {
+ Resource res = builderLayer.getResource( resource.getPath() );
+ if ( res != null ) {
+ rebuildResource.add( res );
+ }
+ }
+
+ // reverse build
+ this.removeResources( rebuildResource.toArray( new Resource[0] ) );
+ }
+
+ public void disableBuilder(String layerName) throws BuildException, IOException {
+ // get a builder
+ Builder builder = getBuilder( layerName );
+ if ( builder == null ) {
+ return;
+ }
+
+ // If no state changes, skip this
+ if ( !builder.isEnabled() ) {
+ return;
+ }
+ builder.setEnabled( false );
+
+ ResourceLayer builderLayer = builder.getResourceLayer();
+
+ // get resources in layer
+ FileHandler builderHandler = builderLayer.getFileHandler();
+ File cwdFile = new File( builderHandler.getCurrentWorkingDirectory() );
+ List findFiles = FileUtil.findFiles( cwdFile, ".*", true);
+
+ // delete resources and collect the rebuild resources
+ Collection rebuildResource = new HashSet();
+ for ( File removeFile : findFiles ) {
+ String removePath = FilenameUtil.getRelativePath( cwdFile.getCanonicalPath(), removeFile.getCanonicalPath() );
+ Resource res = builderLayer.getResource( removePath );
+ if ( res != null ) {
+ rebuildResource.add( res );
+ }
+ builderLayer.removeResource( removePath );
+ }
+
+ // reverse build
+ this.removeResources( rebuildResource.toArray( new Resource[0] ) );
+ }
+
+ protected
+ Collection
+ getSortedResource( Collection resources )
+ {
+ final TreeSet sortedResources = new TreeSet( new Comparator()
+ {
+ @Override
+ public int compare(Resource o1, Resource o2)
+ {
+ ResourceLayer l1 = o1.getLayer();
+ ResourceLayer l2 = o2.getLayer();
+
+ ResourceLayer iter = l1;
+ while ( null != iter )
+ {
+ if ( iter == l2 )
+ {
+ return 1;
+ }
+ iter = iter.getParent();
+ }
+ return -1;
+ }
+ } );
+
+ sortedResources.addAll( resources );
+
+ return sortedResources;
+
+ }
+
+ public
+ void
+ build(
+ final Resource... resources
+ )
+ throws BuildException
+ {
+ final Collection sortedResources = getSortedResource( Arrays.asList( resources ) );
+
+ try
+ {
+ // Step#1 Remove dependency tree about resources what will be built
+ final Collection projectedResources = new HashSet();
+ for ( final Resource resource : sortedResources )
+ {
+ projectedResources.addAll( removeResource( resource ) );
+ }
+
+ logger.info( "Build target :{}", projectedResources );
+ Collection iter = projectedResources;
+
+ // Step#2 Build resources and related resources for reverse build.
+ for ( int i = 0 ; !iter.isEmpty() ; ++i )
+ {
+ logger.debug( "{} th iteration :{}", i, iter );
+ iter = buildInternal( iter );
+ }
+ } catch (IOException e)
+ {
+ throw new BuildException( e );
+ }
+ }
+
+ public
+ Collection
+ buildInternal(
+ final Collection resources
+ )
+ throws BuildException
+ {
+ final Collection next = new LinkedHashSet();
+
+ for ( final Resource resource : resources )
+ {
+ // Filter a registered filter resource or a resource in none-managing resource layer.
+ if ( !isValidResource( resource ) ) {
+ continue;
+ }
+
+ for ( final Builder builder : this.builders )
+ {
+ // check whether a builder enable state.
+ boolean bEnabled = builder.isEnabled();
+ logger.debug( "{} is enabled? {}", new Object[] { builder, bEnabled } );
+ if ( !bEnabled ) {
+ continue;
+ }
+
+ // check whether an already built resource.
+ boolean bBuilt = this.isBuiltResource( builder.getResourceLayer(), resource );
+ logger.debug( "{} is a built resource in {}? {}", new Object[] { resource, builder.getResourceLayer(), bBuilt } );
+ if ( bBuilt ) {
+ continue;
+ }
+
+ // check whether can build.
+ boolean bBuild = builder.canBuild( resource );
+ logger.debug( "{} can build {}? {}", new Object[] { builder, resource, bBuild } );
+ if ( !bBuild ) {
+ continue;
+ }
+
+ this.dependencies.addVertex( resource );
+ final BuildResult result = builder.build( resource );
+
+ // draw dependency graph
+ if ( null != result )
+ {
+ for ( Resource in : result.getInputs() )
+ {
+ if ( !this.dependencies.containsVertex( in ) )
+ {
+ this.dependencies.addVertex( in );
+ }
+ for ( final Resource out : result.getOutputs( in ) )
+ {
+ if ( !this.dependencies.containsVertex( out ) )
+ {
+ this.dependencies.addVertex( out );
+ }
+ this.dependencies.addEdge( in, out, new Dependency() );
+
+ next.add( out );
+
+ logger.debug( "Add edge : {} / {}", in.getLayer(), in.getPath() );
+ logger.debug( " => {} / {}", out.getLayer(), out.getPath() );
+ }
+ }
+ }
+
+ break;
+ }
+ }
+
+ // return build results for next build
+ return next;
+ }
+
+ public void removeResources(Resource ... resources) throws BuildException {
+ final Collection next = new LinkedHashSet();
+
+ // remove resources.
+ for ( final Resource resource : resources )
+ {
+ try {
+ next.addAll( removeResource( resource ) );
+ } catch (IOException e) {
+ throw new BuildException( e );
+ }
+ }
+
+ // reverse build
+ this.build( next.toArray( new Resource[0] ) );
+ }
+
+ protected
+ Collection
+ removeResource(
+ Resource resource
+ )
+ throws IOException
+ {
+ logger.info( "Remove resource :{}", resource );
+ ArrayList ret = new ArrayList();
+ if ( !this.dependencies.containsVertex( resource ) )
+ {
+ ret.add( resource );
+ return ret;
+ }
+
+ final ResourceLayer topLayer = getLastBuilder().getResourceLayer();
+
+ boolean bChange = resource.equals( resource.getLayer().getResource( resource.getPath() ) );
+
+ for ( final Dependency dependency : this.dependencies.edgesOf( resource ) )
+ {
+ this.dependencies.removeEdge( dependency );
+
+ Resource source = this.dependencies.getEdgeSource( dependency );
+ Resource target = this.dependencies.getEdgeTarget( dependency );
+
+ logger.debug( "Remove edge : {} / {}", source.getLayer(), source.getPath() );
+ logger.debug( " => {} / {}", target.getLayer(), target.getPath() );
+
+ if ( resource.equals( source ) )
+ {
+ target.getLayer().removeResource( target.getPath() );
+ removeResource( target );
+ }
+ else if ( !bChange && resource.equals( target ) )
+ {
+ Resource testResource = topLayer.getResource( source.getPath() );
+ if ( resource.equals( testResource ) )
+ {
+ // delete
+ ret.add( testResource );
+ }
+ else
+ {
+ ret.add( source );
+ }
+ }
+ }
+
+ if ( bChange )
+ {
+ // change
+ ret.add( resource );
+ }
+
+ this.dependencies.removeVertex( resource );
+
+ return ret;
+ }
+
+ public Collection getResult(Resource ... resources) throws IOException {
+ Collection result = new HashSet();
+
+ for (Resource resource : resources) {
+ Resource resultResource = getLastBuilder().getResourceLayer().getResource( resource.getPath() );
+ result.add( resultResource );
+ }
+
+ return result;
+ }
+
+ protected boolean isValidResource(Resource resource) {
+ ResourceLayer iter = getLastBuilder().getResourceLayer();
+
+ ResourceLayer resourceLayer = resource.getLayer();
+ while ( iter != null ) {
+ if ( iter == resourceLayer ) {
+ return !iter.isFilterResource( resource );
+ }
+ iter = iter.getParent();
+ }
+
+ return false;
+ }
+
+ protected boolean isBuiltResource(ResourceLayer currentLayer, Resource resource) {
+ logger.trace( "Resource :{}", resource );
+
+ ResourceLayer iter = resource.getLayer();
+ if ( currentLayer == iter )
+ {
+ logger.debug( "Layer is matching" );
+ return true;
+ }
+
+ iter = iter.getParent();
+ while( null != iter )
+ {
+ if ( currentLayer == iter )
+ {
+ logger.debug( "Find it" );
+ return true;
+ }
+ iter = iter.getParent();
+ }
+
+ logger.debug( "Can't find it" );
+ return false;
+ }
+}
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
index 0000000..1f26600
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/BuildResult.java
@@ -0,0 +1,64 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import java.util.Collection;
+
+import org.tizen.common.util.CollectionMap;
+
+public class
+BuildResult
+{
+ CollectionMap in2out = new CollectionMap();
+
+ public BuildResult()
+ {
+ }
+
+ public
+ void
+ addDependency(
+ final Resource in,
+ final Resource out
+ )
+ {
+ in2out.put( in, out );
+ }
+
+ public Collection getInputs()
+ {
+ return this.in2out.keySet();
+ }
+
+ public Collection getOutputs( final Resource input )
+ {
+ return this.in2out.get( input );
+ }
+
+}
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
index 0000000..83fa830
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/Builder.java
@@ -0,0 +1,47 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import org.tizen.common.builder.exception.BuildException;
+
+public interface
+Builder
+{
+ ResourceLayer getResourceLayer();
+
+ void setResourceLayer( ResourceLayer layer );
+
+ boolean canBuild( Resource resource );
+
+ BuildResult build( Resource resource ) throws BuildException;
+
+ boolean isEnabled();
+
+ void setEnabled(boolean enabled);
+}
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
index 0000000..dec0ec2
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/Dependency.java
@@ -0,0 +1,71 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import org.jgrapht.graph.DefaultEdge;
+
+public class Dependency
+extends DefaultEdge
+{
+
+ private static final long serialVersionUID = -5661642289487372891L;
+
+ protected Builder builder;
+
+ public Dependency()
+ {
+ }
+
+ public Dependency( final Builder builder )
+ {
+ this.builder = builder;
+ }
+
+ public Builder getBuilder()
+ {
+ return this.builder;
+ }
+
+ public void setBuilder( final Builder builder )
+ {
+ this.builder = builder;
+ }
+
+
+ public Resource getSource()
+ {
+ return (Resource) super.getSource();
+ }
+
+ public Resource getTarget()
+ {
+ return (Resource) super.getTarget();
+ }
+
+}
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
index 0000000..584d87f
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/Resource.java
@@ -0,0 +1,115 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import java.io.ByteArrayInputStream;
+import java.io.IOException;
+import java.io.InputStream;
+
+import org.apache.commons.lang3.builder.EqualsBuilder;
+import org.apache.commons.lang3.builder.HashCodeBuilder;
+import org.tizen.common.file.FileHandler.Attribute;
+
+public class
+Resource
+{
+ protected String path;
+
+ protected ResourceLayer layer;
+
+ public Resource(
+ final ResourceLayer layer,
+ final String path
+ )
+ {
+ this.layer = layer;
+ this.path = path;
+ }
+ public
+ String
+ getName()
+ throws IOException
+ {
+ return (String) this.getLayer().getFileHandler().get( this.path, Attribute.NAME );
+ }
+
+ public String getPath()
+ {
+ return this.path;
+ }
+
+ public ResourceLayer getLayer()
+ {
+ return this.layer;
+ }
+
+ public InputStream getContents() throws IOException
+ {
+ return layer.getFileHandler().read( this.path );
+ }
+
+ public void setContents( InputStream in ) throws IOException
+ {
+ layer.getFileHandler().write( this.path, in );
+ }
+
+ public void setContents( byte[] contents ) throws IOException
+ {
+ setContents( new ByteArrayInputStream( contents ) );
+ }
+
+ @Override
+ public int hashCode()
+ {
+ return new HashCodeBuilder().append( layer ).append( path ).toHashCode();
+ }
+
+ @Override
+ public
+ boolean
+ equals(
+ final Object obj
+ )
+ {
+ if ( !( obj instanceof Resource ) )
+ {
+ return false;
+ }
+
+ final Resource other = (Resource) obj;
+
+ return new EqualsBuilder().append( this.layer, other.layer ).append( this.path, other.path ).isEquals();
+ }
+
+ @Override
+ public String toString()
+ {
+ return "Resource[" + getPath() + "](" + getLayer() + ")";
+ }
+}
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
index 0000000..39ecbde
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/ResourceChangeListener.java
@@ -0,0 +1,35 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+public interface
+ResourceChangeListener
+{
+ void resourceChanged( final Resource... resources );
+}
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
index 0000000..3476c94
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/ResourceLayer.java
@@ -0,0 +1,207 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.Collection;
+import java.util.HashSet;
+
+import org.tizen.common.file.FileHandler;
+import org.tizen.common.file.FileHandler.Attribute;
+
+public class
+ResourceLayer
+{
+ protected final String name;
+
+ protected ResourceLayer parent;
+
+ protected final FileHandler fileHandler;
+
+ protected final Collection filter = new HashSet();
+
+
+ public
+ ResourceLayer(
+ final FileHandler fileHandler
+ )
+ {
+ this( "Unknown", null, fileHandler );
+ }
+
+ public
+ ResourceLayer(
+ final String name,
+ final FileHandler fileHandler
+ )
+ {
+ this( name, null, fileHandler );
+ }
+
+ public
+ ResourceLayer(
+ final ResourceLayer parent,
+ final FileHandler fileHandler
+ )
+ {
+ this( null, parent, fileHandler );
+ }
+
+ public
+ ResourceLayer(
+ final String name,
+ final ResourceLayer parent,
+ final FileHandler fileHandler
+ )
+ {
+ this.name = name;
+ this.parent = parent;
+ this.fileHandler = fileHandler;
+ }
+
+ public String getName() {
+ return this.name;
+ }
+
+ public
+ ResourceLayer
+ getParent()
+ {
+ return this.parent;
+ }
+
+ public
+ void
+ setParent(ResourceLayer parent)
+ {
+ this.parent = parent;
+ }
+
+ public
+ FileHandler
+ getFileHandler()
+ {
+ return this.fileHandler;
+ }
+
+ public
+ Resource
+ getResource(
+ final String path
+ )
+ throws IOException
+ {
+ if ( !(Boolean) fileHandler.get( path, Attribute.EXISTS ) )
+ {
+ if ( null == this.parent )
+ {
+ return null;
+ }
+
+ return this.parent.getResource( path );
+ }
+
+ Resource result = new Resource( this, path );
+ if ( isFilterResource( result ) ) {
+ return null;
+ }
+
+ return result;
+ }
+
+ /**
+ * Add a resource with small contents in the ResourceLayer
+ *
+ * @param path relative resource path
+ * @param contents resource contents byte array.
+ * @return new resource instance
+ * @throws IOException
+ */
+ public
+ Resource
+ addResource(
+ final String path,
+ final byte[] contents
+ )
+ throws IOException
+ {
+ final Resource ret = new Resource( this, path );
+ ret.setContents( contents );
+
+ return ret;
+ }
+
+
+ /**
+ * Add a resource with contents in the ResourceLayer
+ *
+ * @param path relative resource path
+ * @param in resource contents
+ * @return new resource instance
+ * @throws IOException
+ */
+ public Resource addResource(final String path, final InputStream in) throws IOException {
+ final Resource ret = new Resource( this, path );
+ ret.setContents( in );
+ return ret;
+ }
+
+ public
+ void
+ removeResource(
+ final String path
+ )
+ throws IOException
+ {
+ fileHandler.removeFile( path );
+ }
+
+ public void addFilterResource(Resource res) {
+ this.filter.add( res );
+ }
+
+ public Resource[] getFilterResources() {
+ return this.filter.toArray( new Resource[0] );
+ }
+
+ public boolean isFilterResource(Resource res) {
+ return this.filter.contains( res );
+ }
+
+ public void removeFilterResource(Resource res) {
+ this.filter.remove( res );
+ }
+
+ @Override
+ public String toString()
+ {
+ return "Layer[" + this.name + "]";
+ }
+}
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
index 0000000..6fd89b9
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/core/AbstractBuilder.java
@@ -0,0 +1,76 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder.core;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.tizen.common.builder.Builder;
+import org.tizen.common.builder.ResourceLayer;
+
+abstract public class
+AbstractBuilder
+implements Builder
+{
+ protected final Logger logger = LoggerFactory.getLogger( AbstractBuilder.class );
+
+ protected ResourceLayer layer;
+
+ protected boolean bEnabled;
+
+
+ protected AbstractBuilder() {
+ this( null );
+ }
+
+ protected AbstractBuilder( final ResourceLayer layer ) {
+ this.bEnabled = true;
+ setResourceLayer( layer );
+ }
+
+ @Override
+ public ResourceLayer getResourceLayer() {
+ return this.layer;
+ }
+
+ @Override
+ public void setResourceLayer( final ResourceLayer layer ) {
+ this.layer = layer;
+ }
+
+ @Override
+ public boolean isEnabled() {
+ return this.bEnabled;
+ }
+
+ @Override
+ public void setEnabled(boolean enabled) {
+ this.bEnabled = enabled;
+ }
+
+}
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
index 0000000..a97d3df
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/dependency/DependencyInFile.java
@@ -0,0 +1,98 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder.dependency;
+
+import java.util.Set;
+
+import org.tizen.common.builder.BuildDependency;
+import org.tizen.common.builder.Dependency;
+import org.tizen.common.builder.Resource;
+
+public class
+DependencyInFile
+implements BuildDependency
+{
+
+ @Override
+ public void addVertex(Resource resource)
+ {
+ // TODO Auto-generated method stub
+
+ }
+
+ @Override
+ public boolean containsVertex(Resource resource)
+ {
+ // TODO Auto-generated method stub
+ return false;
+ }
+
+ @Override
+ public void removeVertex(Resource resource)
+ {
+ // TODO Auto-generated method stub
+
+ }
+
+ @Override
+ public void addEdge(Resource in, Resource out, Dependency dependency)
+ {
+ // TODO Auto-generated method stub
+
+ }
+
+ @Override
+ public void removeEdge(Dependency dependency)
+ {
+ // TODO Auto-generated method stub
+
+ }
+
+ @Override
+ public Set edgesOf(Resource resource)
+ {
+ // TODO Auto-generated method stub
+ return null;
+ }
+
+ @Override
+ public Resource getEdgeSource(Dependency dependency)
+ {
+ // TODO Auto-generated method stub
+ return null;
+ }
+
+ @Override
+ public Resource getEdgeTarget(Dependency dependency)
+ {
+ // TODO Auto-generated method stub
+ return null;
+ }
+
+}
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
index 0000000..13e4e31
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/dependency/DependencyInMemory.java
@@ -0,0 +1,127 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder.dependency;
+
+import java.util.Set;
+
+import org.jgrapht.DirectedGraph;
+import org.jgrapht.graph.DefaultDirectedGraph;
+import org.tizen.common.builder.BuildDependency;
+import org.tizen.common.builder.Dependency;
+import org.tizen.common.builder.Resource;
+
+public class
+DependencyInMemory
+implements BuildDependency
+{
+ protected final DirectedGraph dependencies = new DefaultDirectedGraph( Dependency.class );
+
+ /**
+ * @param resource
+ * @see org.tizen.common.builder.BuildDependency#addVertex(org.tizen.common.builder.Resource)
+ */
+ public void addVertex(Resource resource)
+ {
+ dependencies.addVertex(resource);
+ }
+
+ /**
+ * @param resource
+ * @return
+ * @see org.tizen.common.builder.BuildDependency#containsVertex(org.tizen.common.builder.Resource)
+ */
+ public boolean containsVertex(Resource resource)
+ {
+ return dependencies.containsVertex(resource);
+ }
+
+ /**
+ * @param resource
+ * @see org.tizen.common.builder.BuildDependency#removeVertex(org.tizen.common.builder.Resource)
+ */
+ public void removeVertex(Resource resource)
+ {
+ dependencies.removeVertex(resource);
+ }
+
+ /**
+ * @param in
+ * @param out
+ * @param dependency
+ * @see org.tizen.common.builder.BuildDependency#addEdge(org.tizen.common.builder.Resource, org.tizen.common.builder.Resource, org.tizen.common.builder.BuildProcess.Dependency)
+ */
+ public void addEdge(Resource in, Resource out, Dependency dependency)
+ {
+ dependencies.addEdge(in, out, dependency);
+ }
+
+ /**
+ * @param dependency
+ * @see org.tizen.common.builder.BuildDependency#removeEdge(org.tizen.common.builder.BuildProcess.Dependency)
+ */
+ public void removeEdge(Dependency dependency)
+ {
+ dependencies.removeEdge(dependency);
+ }
+
+ /**
+ * @param resource
+ * @return
+ * @see org.tizen.common.builder.BuildDependency#edgesOf(org.tizen.common.builder.Resource)
+ */
+ public Set edgesOf(Resource resource)
+ {
+ return dependencies.edgesOf(resource);
+ }
+
+ /**
+ * @param dependency
+ * @return
+ * @see org.tizen.common.builder.BuildDependency#getEdgeSource(org.tizen.common.builder.BuildProcess.Dependency)
+ */
+ public Resource getEdgeSource(Dependency dependency)
+ {
+ return dependencies.getEdgeSource(dependency);
+ }
+
+ /**
+ * @param dependency
+ * @return
+ * @see org.tizen.common.builder.BuildDependency#getEdgeTarget(org.tizen.common.builder.BuildProcess.Dependency)
+ */
+ public Resource getEdgeTarget(Dependency dependency)
+ {
+ return dependencies.getEdgeTarget(dependency);
+ }
+
+
+
+
+
+}
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
index 0000000..f83ec56
--- /dev/null
+++ b/org.tizen.common.builder/src/org/tizen/common/builder/exception/BuildException.java
@@ -0,0 +1,42 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder.exception;
+
+public class
+BuildException
+extends Exception
+{
+ private static final long serialVersionUID = -1375835405078898617L;
+
+ public BuildException( Throwable th )
+ {
+ super( th );
+ }
+
+}
diff --git a/org.tizen.common.builder/test/file/a.css b/org.tizen.common.builder/test/file/a.css
new file mode 100755
index 0000000..20de43c
--- /dev/null
+++ b/org.tizen.common.builder/test/file/a.css
@@ -0,0 +1,6076 @@
+@CHARSET "EUC-KR";
+
+/* common style */
+html,body {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ min-height: 100%;
+}
+
+hr {
+ display: none;
+}
+
+ul,ol,form,h1,h2,h3,h4,h5,h6,dl,dt,dd {
+ margin: 0;
+ padding: 0
+}
+
+img {
+ border: none;
+}
+
+a:link {
+ text-decoration: none
+}
+
+a:visited {
+ text-decoration: none
+}
+
+a:hover {
+ text-decoration: underline
+}
+
+a:active {
+ text-decoration: none
+}
+
+.clear {
+ clear: both;
+}
+
+.blank5 {
+ height: 5px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank7 {
+ height: 7px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank10 {
+ height: 10px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank20 {
+ height: 20px;
+ overflow: hidden;
+}
+
+.tl {
+ text-align: left;
+}
+
+.tc {
+ text-align: center;
+}
+
+.tr {
+ text-align: right;
+}
+
+.fl {
+ float: left;
+}
+
+.fr {
+ float: right;
+}
+
+.fn {
+ float: none;
+}
+
+.vm {
+ vertical-align: middle;
+}
+
+.u,a.u {
+ text-decoration: underline;
+}
+
+.ls1 {
+ letter-spacing: -1px;
+}
+
+.nb {
+ font-weight: normal !important
+}
+
+input.cx {
+ width: 10px;
+ margin: 0;
+ padding: 0;
+ font-family: µ¸¿ò;
+ font-size: 10px;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+img.i_scrap {
+ margin: 0 0 3px 0;
+ vertical-align: middle;
+}
+
+img.i_open {
+ margin: 0 1px 4px 1px;
+ vertical-align: middle;
+}
+
+img.report {
+ margin: 0 0 -1px 0;
+}
+
+.p8 {
+ font-size: 8px;
+}
+
+.p9 {
+ font-size: 9px;
+}
+
+.p10 {
+ font-size: 10px;
+}
+
+.p11 {
+ font-size: 11px;
+}
+
+.p12 {
+ font-size: 12px;
+}
+
+.fil1 {
+ filter: alpha(opacity = 10);
+ opacity: 0.1;
+}
+
+.fil2 {
+ filter: alpha(opacity = 20);
+ opacity: 0.2;
+}
+
+.fil3 {
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+}
+
+.fil4 {
+ filter: alpha(opacity = 40);
+ opacity: 0.4;
+}
+
+.fil5 {
+ filter: alpha(opacity = 50);
+ opacity: 0.5;
+}
+
+.fil6 {
+ filter: alpha(opacity = 60);
+ opacity: 0.6;
+}
+
+.fil7 {
+ filter: alpha(opacity = 70);
+ opacity: 0.7;
+}
+
+.fil8 {
+ filter: alpha(opacity = 80);
+ opacity: 0.8;
+}
+
+.fil9 {
+ filter: alpha(opacity = 90);
+ opacity: 0.9;
+}
+
+.hand {
+ cursor: pointer;
+}
+
+/* Layout-X.jsp Áߺ¹µÈ ½ºÅ¸ÀÏ Á¸Àç È®ÀÎ ÇÊ¿ä */
+* html html {
+ overflow: scroll;
+ overflow-x: auto;
+}
+
+/* layout style */
+#head-skin {
+ width: 100%;
+ min-height: 100%;
+ background-repeat: repeat-x;
+ z-index: 1;
+}
+
+* html #head-skin {
+ height: 100%;
+}
+
+#whole-head,#whole-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+ clear: both;
+}
+
+#wrapper .side-head,#wrapper .side-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+ clear: both;
+}
+
+#whole-body {
+ clear: both;
+ padding: 0 8px;
+}
+
+#bottom-skin {
+ clear: both;
+ height: 75px;
+ background-repeat: repeat-x;
+}
+
+#body {
+ position: relative;
+ z-index: 10;
+ text-align: left;
+}
+
+#left-area,#right-area {
+ zoom: 1
+}
+
+#left-area:after,#right-area:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+#top-area #blog-title {
+ width: 100%
+}
+
+#left-area,#right-area,#content-area {
+ margin-top: 4px;
+} /*090824¼öÁ¤*/
+#bottom-area {
+ clear: both;
+}
+
+#blog-sign {
+ position: absolute;
+ width: 120px;
+ height: 20px;
+ right: 5px;
+ bottom: -30px;
+}
+
+#brandlink {
+ position: absolute;
+ left: 820px;
+ top: 545px;
+}
+
+div.division-line-x,div.division-line-y {
+ overflow: hidden;
+ font-size: 0;
+}
+
+div.division-line-x {
+ width: 171px;
+ height: 8px;
+ clear: both;
+}
+
+div.plile {
+ width: 100%;
+}
+
+#wrapper {
+ text-align: left;
+ clear: both;
+}
+
+#bottom-area {
+ padding-top: 8px;
+}
+
+#bottom-tight-area {
+ margin-top: 8px;
+}
+
+#top-tight-area .widget {
+ float: left;
+ margin-left: 8px;
+}
+
+#bottom-tight-area .widget {
+ float: left;
+ margin-left: 8px;
+}
+
+#top-tight-area div.division-line-x {
+ float: left;
+ width: 8px;
+ clear: none;
+}
+
+#bottom-tight-area div.division-line-x {
+ float: left;
+ width: 8px;
+ clear: none;
+}
+
+#top-tight-area .clear,#bottom-tight-area .clear {
+ height: 1px;
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+/* admin */
+#post-admin {
+ width: 147px;
+ margin: 0 auto;
+ padding: 0 0 6px 0;
+ text-align: left;
+} /* 0825 */
+#post-admin a {
+ font-weight: bold;
+ letter-spacing: -1px;
+} /* 0825 */
+#post-admin a.statistics {
+ font-weight: normal;
+} /* 0825 */
+#post-admin img.write {
+ width: 12px;
+ height: 12px;
+ margin: 0 2px -2px 2px;
+ background: url(http://blogimgs.naver.net/nblog/write_ico.png);
+}
+
+* html #post-admin img.write {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/write_ico.png',
+ sizingMethod='crop' )
+}
+
+#post-admin img.admin {
+ width: 12px;
+ height: 12px;
+ margin: 0 0 -2px 3px;
+ background: url(http://blogimgs.naver.net/nblog/edit_ico.png);
+} /* 0825 */
+* html #post-admin img.admin {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/edit_ico.png',
+ sizingMethod='crop' )
+}
+
+#post-admin img.admin-new {
+ width: 12px;
+ height: 12px;
+ margin: 0 0 -2px 3px;
+ background: url(http://blogimgs.naver.net/nblog/ico_new.gif) 0 1px
+ no-repeat;
+} /* 090506Ãß°¡ */
+#post-admin span.bar {
+ padding: 0 5px 0 3px;
+}
+
+#post-admin span.bar1 {
+ padding: 0 12px 0 9px;
+}
+
+#post-admin span.bar2 {
+ padding: 0 14px 0 11px;
+}
+
+#wrapper .side-body {
+ text-align: center;
+ clear: both;
+ font-family: µ¸¿ò;
+}
+
+#wrapper .side-body.onestyle {
+ padding: 0 0 10px 0;
+ zoom: 1;
+ width: 100%;
+}
+
+#wrapper .side-body .widget {
+ overflow: hidden
+}
+
+#wrapper h3.component {
+ position: absolute;
+ font-size: 12px;
+}
+
+#wrapper h3.component span {
+ cursor: default;
+}
+
+#wrapper .cm-head {
+ clear: both;
+ position: relative;
+ z-index: 1
+}
+
+#wrapper .cm-title {
+ position: absolute;
+ width: 171px;
+ z-index: 2
+}
+
+#wrapper .cm-body {
+ clear: both;
+}
+
+#wrapper .cm-footer {
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+#wrapper .cm-arw {
+ width: 3px;
+ height: 3px;
+ margin: 0 2px 2px 0;
+ vertical-align: middle;
+}
+
+#wrapper .cm-icol {
+ font-size: 12px;
+ font-family: µ¸¿ò;
+}
+
+#wrapper .cm-con {
+ width: 161px;
+ margin: 0 auto;
+}
+
+#wrapper .cmore {
+ position: absolute;
+ right: 8px;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+}
+
+#wrapper .cmore a {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ letter-spacing: -1px;
+}
+
+input.listup {
+ width: 15px;
+ height: 5px;
+ margin: 0 0 5px 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ text-align: center;
+ font-family: µ¸¿ò;
+ font-weight: bold;
+ cursor: pointer;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+input.listdown {
+ width: 15px;
+ height: 5px;
+ margin: 0 0 5px 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ text-align: center;
+ font-family: µ¸¿ò;
+ font-weight: bold;
+ cursor: pointer;
+ filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation= 2 );
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#idMenuDiv {
+ text-align: left;
+ font-family: µ¸¿ò;
+}
+
+#idMenuDiv .n_id {
+ cursor: pointer;
+}
+
+/* scrollbox */
+.template .scrollbox {
+ font-size: 12px;
+ border: 1px solid green;
+}
+
+.template .scrollbox .track {
+ background-color: #ff0;
+ width: 20px;
+}
+
+.template .scrollbox .button {
+ background-color: #f00;
+ width: 20px;
+ height: 20px;
+}
+
+.template .scrollbox .button.button_up {
+ background-color: #f0f;
+}
+
+.template .scrollbox .button.button_up.button_up_over {
+ background-color: #a00;
+}
+
+.template .scrollbox .button.button_up.button_up_down {
+ background-color: #0a0;
+}
+
+.template .scrollbox .button.button_dn {
+ background-color: #0f0;
+}
+
+.template .scrollbox .button.button_dn.button_dn_over {
+ background-color: #a00;
+}
+
+.template .scrollbox .button.button_dn.button_dn_down {
+ background-color: #0a0;
+}
+
+.template .scrollbox .thumb {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb .thumbtop {
+ width: 20px;
+ height: 10px;
+ background-color: gray;
+}
+
+.template .scrollbox .thumb .thumbbtm {
+ width: 20px;
+ height: 10px;
+ background-color: gray;
+}
+
+.template .scrollbox .thumb.thumb_over {
+ background-color: #aaa;
+}
+
+.template .scrollbox .thumb.thumb_over .thumbtop {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb.thumb_over .thumbbtm {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb.thumb_down {
+ background-color: #faa;
+}
+
+.template .scrollbox .thumb.thumb_down .thumbtop {
+ background-color: #a77;
+}
+
+.template .scrollbox .thumb.thumb_down .thumbbtm {
+ background-color: #a77;
+}
+
+/* selectbox */
+.ie7 {
+ font-size: 12px;
+ cursor: default;
+}
+
+.ie7 .box {
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/box.gif)
+ no-repeat;
+ position: relative;
+ text-decoration: none;
+ height: 22px;
+ color: #000;
+}
+
+.ie7 .selectbox_disabled {
+ opacity: 0.7;
+ -moz-opacity: 0.7;
+ -kthml-opacity: 0.7;
+ filter: alpha(opacity = 70);
+}
+
+.ie7 .box.box_over {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/box_over.gif);
+}
+
+.ie7 .box.box_down {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/box_down.gif);
+}
+
+.ie7 .box .label {
+ padding: 2px 5px;
+ height: 22px;
+ overflow: hidden;
+ cursor: default;
+}
+
+.ie7 .box .button {
+ float: right;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/button.gif)
+ no-repeat #fff;
+ width: 15px;
+ height: 22px;
+ _cursor: hand;
+ cursor: pointer;
+}
+
+.ie7 .box.box_over .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_over.gif);
+}
+
+.ie7 .box.box_down .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_down.gif);
+}
+
+.ie7.selectbox_expanded .box .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e.gif);
+}
+
+.ie7.selectbox_expanded .box.box_over .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e_over.gif);
+}
+
+.ie7.selectbox_expanded .box.box_down .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e_down.gif);
+}
+
+.ie7 .listbox {
+ border: 1px solid #9d9da1;
+ background-color: #fff;
+ margin: 2px 0 0 0;
+ padding: 0;
+}
+
+.ie7 .listbox li {
+ padding: 5px;
+ cursor: default;
+}
+
+.ie7 .listbox li.over {
+ background-color: #bbb7c7;
+}
+
+.png24 {
+ tmp: expression(setPng24(this) );
+}
+
+.division-line-x {
+ height: 5px;
+ font-size: 0;
+ overflow: hidden;
+}
+
+/* *** Float containers fix *** */
+.clearfix:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {
+ height: 1%;
+}
+
+.clearfix {
+ display: block;
+}
+/* End hide from IE-mac */
+
+/*printer styles*/
+@media print {
+ #leftcol {
+ display: none;
+ }
+ #rightcol {
+ display: none;
+ }
+ #twocols,#maincol {
+ width: 100%;
+ float: none;
+ }
+}
+
+.error_box {
+ width: 171px;
+ padding-top: 7px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left top
+ no-repeat;
+}
+
+.error_box p img {
+ border: 0
+}
+
+.error_box p {
+ margin: 7px !important;
+ padding: 3px 0 0 0 !important;
+ color: #6E6E6E;
+ font-family: Dotum;
+ font-size: 11px;
+ text-align: center;
+ line-height: 1.2
+}
+
+.error_box p.ico_recycle {
+ padding: 9px 0 3px 0;
+ text-align: center
+}
+
+.error_box_b {
+ overflow: hidden;
+ width: 171px;
+ height: 4px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left
+ bottom no-repeat;
+ font-size: 0
+}
+
+/* for log-integretion close-beta service */
+.betatest {
+ margin: 0 auto;
+ padding: 8px 0 8px;
+ width: 147px;
+ text-align: left;
+ font-weight: bold;
+}
+
+.betatest span {
+ display: inline-block;
+ padding-right: 8px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/profile/0158_icon.gif)
+ no-repeat right center;
+}
+
+.logbetalist {
+ position: relative;
+ left: -11px;
+ width: 105px;
+ height: 100%;
+ padding: 1px !important;
+ overflow: hidden;
+ border: 1px solid #9b9b9b;
+ background: #fff;
+}
+
+.logbetalist li {
+ width: 105px;
+ padding: 0 !important;
+}
+
+.logbetalist li a {
+ display: inline-block;
+ width: 96px;
+ padding: 5px 0 4px 9px;
+ color: #555;
+}
+
+.logbetalist li a:hover {
+ background: #f3f3f3 !important;
+}
+
+/* 090717 ·Î±×ÅëÇÕ ÀÌ¿ëÀÚ¼ÒÅë */
+div.log_intergration {
+ margin: 9px 0 6px;
+ padding: 0 0 0 22px;
+ font-size: 12px !important;
+ line-height: 1.4;
+ background:
+ url(http://blogimgs.naver.net/nblog/beta/ico_log_exclam2.gif)
+ no-repeat
+}
+
+strong.log_info {
+ display: block;
+ margin: 0;
+ padding-bottom: 2px;
+ font-size: 12px !important
+}
+
+span.log_info {
+ display: block;
+ margin-bottom: 11px;
+ padding-top: 4px;
+ font-size: 12px !important;
+ filter: alpha(opacity = 80);
+ opacity: 0.8;
+}
+
+/* 0921Ãß°¡ */
+.post_layer {
+ position: absolute;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ background: url(http://blogimgs.naver.net/nblog/spc.gif);
+}
+
+.shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .post_layer .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.post_layer .shadow01_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.post_layer .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .post_layer .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.post_layer .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.post_layer .border_type {
+ border: 2px solid #777777;
+ background-color: #FFFFFF;
+}
+
+.post_layer .close {
+ position: absolute;
+ top: 7px;
+ right: 8px;
+ background-color: #FFFFFF;
+}
+
+.post_layer .content {
+ padding-bottom: 3px;
+ margin: 13px 20px 0 20px;
+ border-bottom: 1px solid #E8E8E8;
+}
+
+.post_layer .btn {
+ margin: 0;
+ padding: 10px 0 10px 0;
+ text-align: center;
+}
+
+.post_layer .ln15 {
+ line-height: 1.5
+}
+
+.post_layer p {
+ padding: 0;
+ margin: 0
+}
+
+.post_layer .post_data {
+ margin-top: 3px;
+ padding: 9px 0 0 0;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_line2.gif)
+ top repeat-x;
+ text-align: left
+}
+
+.post_layer .post_data h3 {
+ margin: 0;
+ padding: 0 0 4px 7px;
+ font-size: 12px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_arrow.gif)
+ 0 3px no-repeat;
+}
+
+.post_layer .post_data ul {
+ margin: 0;
+ padding: 0
+}
+
+.post_layer .post_data li {
+ list-style-type: none;
+ position: relative;
+ margin: 0;
+ padding: 0 0 4px 7px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_dot3.gif)
+ 0 4px no-repeat;
+ letter-spacing: -1px;
+}
+
+.post_layer .post_data span {
+ position: absolute;
+ left: 0;
+ padding: 0 0 0 91px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_bar2.gif)
+ 81px 0 no-repeat;
+ color: #004790;
+}
+
+.post_layer .post_data span a {
+ color: #004790;
+}
+/* 0921Ãß°¡ */
+
+/* app box */
+#blog-socialappbox {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left
+}
+
+#blog-socialappbox .line {
+ width: 141px;
+ height: 1px;
+ margin: 0 auto;
+ border-top: 1px solid
+}
+
+#blog-socialappbox .cm-head em {
+ font-style: normal;
+ font-weight: normal;
+ font-size: 10px;
+ font-family: Tahoma
+}
+
+.app_box {
+ overflow: hidden;
+ padding: 9px 0 2px 10px;
+ zoom: 1
+}
+
+.app_box li {
+ float: left;
+ width: 44px;
+ margin: 0 5px 9px 0;
+ text-align: center;
+ list-style: none
+}
+
+.app_box li a {
+ display: inline-block
+}
+
+.app_box li a:hover {
+ text-decoration: none
+}
+
+.app_box li img {
+ vertical-align: top
+}
+
+.app_box li span {
+ display: inline-block;
+ overflow: hidden;
+ width: 44px;
+ margin-top: 5px;
+ font-size: 11px;
+ letter-spacing: -1px;
+ white-space: nowrap
+}
+
+.app_box_btn {
+ margin-right: 9px;
+ padding: 2px 0 6px;
+ text-align: right
+}
+
+.app_box_btn span,.app_box_btn a {
+ display: inline-block;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.app_box_btn .bar {
+ display: inline-block;
+ margin: 0 0 0 -1px;
+ font-style: normal;
+ font-size: 11px
+}
+
+.app_box_none {
+ text-align: center
+}
+
+.app_box_none p {
+ display: inline-block;
+ margin: 0;
+ padding: 24px 0 27px;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.app_box_none .p_type2 {
+ padding: 1px 0 0
+}
+
+.app_box_none .line {
+ padding-bottom: 10px
+}
+
+.app_box_ros {
+ padding: 5px 9px
+}
+
+.app_box_ros p {
+ margin: 0;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 16px
+}
+
+/* photo viewer */
+.photo_view {
+ position: absolute;
+}
+
+.photo_view .photo_shadow {
+ position: absolute;
+ bottom: -4px;
+ _bottom: -5px;
+ width: 100%;
+ height: 4px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png)
+ left top no-repeat;
+ font-size: 0;
+}
+
+* html .photo_view .photo_shadow {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png',
+ sizingMethod='scale' );
+ background: none
+}
+
+.photo_view img {
+ border: 0
+}
+
+.photo_view p {
+ margin: 0
+}
+
+.photo_view .view_top {
+ position: relative;
+ height: 31px;
+ margin-left: 4px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_top_r.gif)
+ right top no-repeat;
+}
+
+.photo_view h3 {
+ position: absolute;
+ top: 0;
+ left: -4px;
+ padding: 0;
+ margin: 0
+}
+
+.photo_view .btn_left {
+ position: absolute;
+ top: 6px;
+ right: 50%;
+}
+
+.photo_view .btn_left a {
+ display: block;
+ width: 31px;
+ height: 21px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left.gif)
+ no-repeat;
+}
+/*.photo_view .btn_left a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_over.gif) no-repeat;}
+.photo_view .btn_left a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_down.gif) no-repeat;}*/
+.photo_view .btn_left a img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .btn_right {
+ position: absolute;
+ top: 6px;
+ left: 50%;
+}
+
+.photo_view .btn_right a {
+ display: block;
+ width: 31px;
+ height: 21px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right.gif)
+ no-repeat;
+}
+/*.photo_view .btn_right a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_over.gif) no-repeat;}
+.photo_view .btn_right a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_down.gif) no-repeat;}*/
+.photo_view .btn_right a img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .photo_count {
+ position: absolute;
+ top: 9px;
+ right: 39px;
+ color: #6E6E6E;
+ font-size: 11px;
+ font-family: Verdana
+}
+
+.photo_view .photo_album {
+ position: absolute;
+ padding: 0 1px 1px 1px;
+ border: 1px solid #797979;
+ border-top: 0;
+ background-color: #fff
+}
+
+.photo_view .photo_album p {
+ border: 1px solid #AAA
+}
+
+.photo_view .btn_close {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+
+.photo_view .btn_close a {
+ display: block;
+ width: 23px;
+ height: 22px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close a:hover {
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_over.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close a:active {
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_down.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .btn_original {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+}
+
+* html .photo_view .btn_original img {
+ width: 80px;
+ height: 1px;
+ margin-top: -1px;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_original.png',
+ sizingMethod='image' );
+}
+
+.photo_view .loading_layer {
+ display: inline-block;
+ width: 150px;
+ height: 34px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/load_b01_01.gif)
+ 0 bottom no-repeat;
+ color: #4B4B4B;
+ font-size: 12px;
+ font-family: dotum;
+ letter-spacing: -1px;
+} /* 100524 */
+
+/* ipad */
+.guid_ipad_area2 {
+ width: 169px;
+ height: 178px;
+ margin: 0 auto;
+ border: 1px solid #ebebeb;
+ background: #f8f8f8;
+ color: #888;
+ text-align: center;
+}
+
+.guid_ipad_area2 p {
+ padding-top: 61px;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ line-height: 18px;
+}
+
+/* ÁöµµÀ§¿¡ ºí·Î±× : dz¼±¸» */
+.ic_new {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -14px;
+ left: 2px;
+ width: 20px;
+ height: 13px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/ic_new.png)
+ no-repeat;
+ text-indent: -9999px
+}
+
+.ic_event {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -14px;
+ left: -1px;
+ width: 26px;
+ height: 13px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/event/ic_event.png)
+ no-repeat;
+ text-indent: -9999px
+}
+/* for widget */
+
+/* for blog-category */
+#blog-category {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-category p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-category ul.profile-menu {
+ border-width: 1px 0;
+ border-color: #BCBCB8;
+ border-style: dotted;
+}
+
+#blog-category ul {
+ margin: 0;
+ padding: 5px 0 8px 9px;
+}
+
+#blog-category ul li {
+ list-style-type: none;
+ margin: 0 0 1px;
+ padding: 5px 0 0;
+ overflow: hidden;
+ zoom: 1;
+ word-break: break-all;
+ word-wrap: break-word; .
+ margin-bottom: -3px;
+}
+
+#blog-category ul li.allview {
+ padding-bottom: 7px;
+}
+
+#blog-category ul li.allview a {
+ font-weight: bold;
+}
+
+#blog-category ul li.selectedview a {
+ font-weight: bold;
+}
+
+#blog-category ul li.dilind {
+ margin: 0;
+ padding: 3px 0 5px;
+}
+
+#blog-category ul li.dilind input {
+ width: 145px;
+ height: 10px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ vertical-align: middle;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-category ul li.depth2dilind {
+ padding: 3px 0 5px;
+ background: none;
+ font-size: 0;
+}
+
+#blog-category ul li.depth2dilind input {
+ width: 145px;
+ height: 10px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ vertical-align: top;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-category ul li .num {
+ position: relative;
+ top: -1px;
+ font-family: verdana;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+#blog-category ul li img.listimage {
+ float: left;
+}
+
+#blog-category ul li img.albumimage {
+ float: left;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/admin/ico_n_photo.gif);
+}
+
+#blog-category ul li .tlink {
+ float: left;
+ width: 112px;
+}
+
+#blog-category ul li .tlink_nosub {
+ float: left;
+ width: 138px;
+}
+
+#blog-category ul li a.on {
+ text-decoration: underline;
+}
+
+#blog-category ul li.depth2 {
+ padding-left: 14px;
+ background-position: 4px 5px;
+ background-repeat: no-repeat;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_depth2_l.gif);
+}
+
+#blog-category ul li.depth2 .tlink {
+ width: 112px;
+}
+
+#blog-category .f_open {
+ float: left;
+ width: 16px;
+ height: 10px;
+ margin: 1px 0 0;
+ font: 0/0 arial;
+}
+
+#blog-category .f_open .f_icoclosed,#blog-category .f_open .f_icoopen {
+ background-repeat: no-repeat;
+ cursor: pointer;
+ _cursor: hand;
+} /* 090226¼öÁ¤ */
+#blog-category .f_open .f_icoclosed {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_f_closed_l.gif);
+}
+
+#blog-category .f_open .f_icoopen {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_f_open_l.gif);
+}
+
+#blog-category .allimage,#blog-category .listimage,#blog-category .albumimage
+ {
+ width: 10px;
+ height: 12px;
+ margin: 0 2px -2px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#blog-category h3.component span {
+ cursor: pointer;
+}
+/* for Category.jsp */
+.layer_popup {
+ top: 800px;
+ left: 350px;
+ position: absolute;
+ overflow: visible;
+ filter: progid:DXImageTransform.Microsoft.Shadow(color=#6c6c6c,
+ direction=135, strength=3 );
+}
+
+.layer_popup em {
+ font-style: normal;
+ font-weight: bold;
+}
+
+.layer_popup .shadow {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ overflow: visible;
+ z-index: 1;
+ _display: none;
+}
+
+*:first-child+html .layer_popup .shadow {
+ display: none;
+}
+
+.layer_popup .shadow1 {
+ left: 3px;
+ top: 3px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow1.png);
+}
+
+.layer_popup .shadow2 {
+ left: 2px;
+ top: 2px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow2.png);
+}
+
+.layer_popup .shadow3 {
+ left: 1px;
+ top: 1px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow3.png);
+}
+
+.layer_popup {
+ position: absolute;
+ overflow: visible;
+ width: 208px;
+ filter: progid:DXImageTransform.Microsoft.Shadow(color=#c6c6c6,
+ direction=135, strength=3 );
+}
+
+.layer_popup .layer_content {
+ border: 1px solid #6c6c6c;
+ background: #ffffff;
+ position: relative;
+ z-index: 2;
+}
+
+.layer_popup .layer_body {
+ font-size: 12px;
+ color: #333333;
+ line-height: 18px;
+ padding: 13px 0 10px 19px;
+ font-family: ±¼¸², Gulim, µ¸¿ò, Dotum, Helvetica, Sans-serif;
+ text-align: left;
+}
+
+.layer_popup .layer_content a {
+ color: #ff3333;
+ text-decoration: underline;
+}
+
+#prohibition {
+ position: absolute;
+ z-index: 1;
+ top: 1017px;
+ left: 389px;
+ background: url(img/bg_prohibition.gif) no-repeat;
+ line-height: 140%;
+ padding: 15px 0 0 20px;
+ width: 191px;
+ height: 85px;
+ color: #333;
+}
+
+#prohibition span {
+ color: #ff3333;
+ text-decoration: underline;
+}
+
+#blog-category ul li .tlink_nosub img {
+ margin: 0 0 0 4px;
+}
+
+#blog-category ul li .prohibit {
+ background: url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.png)
+ no-repeat 0 0;
+ _background:
+ url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.gif) no-repeat
+ 0 0
+}
+
+/* blog-search */
+#blog-search {
+ width: 171px;
+ height: 25px;
+ margin: 0 auto;
+ text-align: center;
+ font-size: 12px;
+}
+
+#blog-search h3 {
+ display: none;
+}
+
+#blog-search {
+ background: none;
+ padding: 0;
+}
+
+#blog-search .inp {
+ width: 120px;
+ height: 16px;
+ padding: 3px 0 0 3px;
+ vertical-align: middle;
+ border-top: 1px #999999 solid;
+ border-right: 1px #DBDBDB solid;
+ border-bottom: 1px #DBDBDB solid;
+ border-left: 1px #999999 solid;
+ background: #FFF;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-search .btn {
+ width: 43px;
+ height: 22px;
+ margin: 0 0 -1px 3px;
+ vertical-align: middle;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/btn_blogsearch.gif);
+ background-repeat: no-repeat;
+}
+
+/* blog-tag */
+#blog-tag {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-tag p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-tag .cmore a,#blog-tag .cmore span {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+}
+
+#blog-tag .cmore a.on {
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#blog-tag .taglist {
+ padding: 7px 9px;
+ line-height: 1.6;
+ word-break: break-all;
+ word-wrap: break-word;
+ overflow: hidden;
+ width: 153px;
+}
+
+#blog-tag .allview {
+ text-align: right;
+ padding: 0 10px 7px 0;
+}
+
+#blog-tag .allview span {
+ font-family: µ¸¿ò;
+ font-size: 9px;
+}
+
+#blog-tag .allview a {
+ font-size: 11px;
+}
+
+#blog-tag .allview img {
+ width: 4px;
+ height: 6px;
+ margin: 0 3px 2px 0;
+}
+
+/* blog-recent-comment */
+#blog-recent-comment {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-recent-comment h3.component span {
+ cursor: pointer;
+}
+
+#blog-recent-comment p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-recent-comment ul {
+ padding: 10px 0 1px 10px;
+}
+
+#blog-recent-comment ul li {
+ list-style-type: none;
+ margin-bottom: 6px;
+ padding: 0;
+}
+
+#blog-recent-comment .allview {
+ text-align: right;
+ padding: 0 10px 7px 0;
+}
+
+#blog-recent-comment .allview span {
+ font-family: µ¸¿ò;
+ font-size: 9px;
+}
+
+#blog-recent-comment .allview a {
+ font-size: 11px;
+}
+
+#blog-recent-comment .allview img {
+ width: 4px;
+ height: 6px;
+ margin: 0 3px 2px 0;
+}
+
+/* blog-visitor */
+#blog-visitor {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-visitor h3.component span {
+ cursor: pointer;
+}
+
+#blog-visitor p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-visitor ul {
+ padding: 10px 0 1px 10px;
+}
+
+#blog-visitor ul li {
+ list-style-type: none;
+ margin-bottom: 6px;
+ padding: 0;
+ word-break: break-all;
+}
+/* for Visitor.jsp */
+.layerpop2 {
+ position: absolute;
+ z-index: 999;
+ font: normal 12px µ¸¿ò, Dotum;
+ color: #333;
+ overflow: hidden;
+ display: none;
+}
+
+.layerpop2 .border_type {
+ position: relative;
+ border: solid 2px #777;
+ background-color: #fff;
+}
+
+.layerpop2 .close {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+}
+
+.layerpop2 .content1 {
+ padding: 30px 30px 21px;
+ border-bottom: solid 1px #f0f0f0;
+}
+
+.layerpop2 .content1 h6 {
+ font-weight: bold;
+ font-size: 14px;
+ padding-bottom: 22px;
+ margin: 0;
+ color: #333;
+}
+
+.layerpop2 .subtext {
+ font-size: 11px;
+ color: #999;
+ margin: 0;
+ padding: 7px 0 0;
+ line-height: 16px;
+ letter-spacing: -1px;
+ text-align: left;
+}
+
+.layerpop2 .check {
+ width: 13px;
+ height: 13px;
+ vertical-align: middle;
+ padding: 0 3px 2px 0;
+ margin-left: 2px;
+}
+
+.layerpop2 .btn1 {
+ background-color: #fbfbfb;
+ border-top: solid 1px #f7f7f7;
+ text-align: center;
+ margin: 0;
+ padding: 11px 0 20px;
+}
+
+.layerpop2 .btn1 img {
+ margin: 0 1px;
+ vertical-align: top;
+}
+
+/* blog-buddy */
+#blog-buddy {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-buddy h3.component span {
+ cursor: pointer;
+}
+
+#blog-buddy p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-buddy ul {
+ padding: 5px 0 5px 8px;
+}
+
+#blog-buddy ul li {
+ list-style-type: none;
+ font-weight: bold;
+ margin: 5px 0 0 0;
+ padding: 0 0 2px 0;
+ word-break: break-all;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+#blog-buddy .buddyup,#blog-buddy .buddydw {
+ width: 12px;
+ height: 12px;
+ margin: 0 3px 2px 0;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ vertical-align: middle;
+}
+
+#blog-buddy ul.depth2 {
+ padding: 0 0 0 15px;
+}
+
+#blog-buddy ul.depth2 li {
+ font-weight: normal;
+ margin: 4px 0 0 0;
+ padding: 0;
+ background: none;
+}
+
+#buddylist {
+ position: absolute;
+ top: 3px;
+ left: -8px;
+ border: 1px solid;
+ color: #9B9B9B;
+ background-color: #FFFFFF;
+ width: 355px;
+ height: 535px;
+ overflow: auto;
+}
+
+/* for Buddy4NaverBlog.jsp */
+.cm-slink:hover {
+ color: #56ac4b !important;
+}
+
+/* blog-stat */
+#blog-stat {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-stat p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-stat ul li {
+ list-style-type: none;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+}
+
+#blog-stat ul.info {
+ margin: 0;
+ padding: 9px 0 0 10px;
+}
+
+#blog-stat ul.info li {
+ height: 18px;
+ margin: 0;
+ padding: 0;
+}
+
+#blog-stat em {
+ font-style: normal;
+ font-weight: bold;
+ font-family: verdana;
+ font-size: 11px;
+}
+
+html>body #blog-stat ul.info li {
+ height: 18px;
+ margin: 0;
+}
+
+#blog-stat ul.item {
+ clear: both;
+ margin: 0;
+ padding: 0px 0 5px 10px;
+}
+
+#blog-stat ul.item li {
+ height: 15px;
+ margin: 0 0 3px 0;
+ padding: 0;
+}
+
+html>body #blog-stat ul.item li {
+ height: 18px;
+ margin: 0;
+}
+
+#blog-stat div.line {
+ height: 10px;
+ margin: 4px 10px 0 10px;
+ background: transparent;
+ border-top-width: 1px;
+ border-top-style: dotted;
+ overflow: hidden;
+ font-size: 0;
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+}
+
+/* blog-counter */
+#blog-counter {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-counter p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-counter h3 {
+ display: none;
+}
+
+#blog-counter p span.txt {
+ display: none;
+}
+
+#blog-counter span.cnt1,#blog-counter span.cnt2 {
+ display: block;
+}
+
+#blog-counter .today,#blog-counter .total {
+ position: absolute;
+}
+
+/* blog-rss */
+#blog-rss {
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-rss p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-rss span {
+ display: block;
+}
+
+#blog-rss span.no {
+ display: none;
+}
+
+#blog-rss a {
+ display: block;
+ position: absolute;
+}
+
+/* blog-powered */
+#blog-powered {
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-powered p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-powered span {
+ display: none;
+}
+
+#blog-powered a.naver {
+ display: block;
+ position: absolute;
+}
+
+#blog-powered a.blog {
+ display: block;
+ position: absolute;
+}
+
+/* widget-saying */
+#widget-saying {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#widget-saying p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-saying .bg-head {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#widget-saying .bg-body {
+ overflow: hidden;
+ background-repeat: repeat;
+ text-align: center;
+}
+
+#widget-saying .bg-footer {
+ clear: both;
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#widget-saying h3 {
+ display: none;
+}
+
+#widget-saying .con {
+ width: 142px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#widget-saying .con img {
+ cursor: pointer;
+}
+
+#widget-saying .saying {
+ ine-height: 1.4;
+}
+
+#widget-saying .saying span {
+
+}
+
+#widget-saying .writer {
+ float: right;
+ padding-top: 6px;
+}
+
+#widget-saying .icon {
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#widget-saying .btn-more {
+ padding: 8px 0 0 1px;
+}
+
+#widget-saying .btn-more a {
+ font-size: 10px;
+ text-decoration: none;
+}
+
+/* widget-currency */
+#widget-currency {
+ position: relative;
+ width: 171px;
+ margin: 0pt auto;
+}
+
+#widget-currency .skin-1,#widget-currency .skin-2 {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 11px;
+ background-repeat: no-repeat;
+}
+
+#widget-currency p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-currency .bg-head span {
+ display: none
+}
+
+#widget-currency .bg-head h3 {
+ margin: 0;
+ font-weight: normal;
+ text-align: center;
+}
+
+#widget-currency .bg-head h3 img {
+ border: 0
+}
+
+#widget-currency .bg-head h3 a {
+ position: absolute;
+ display: block;
+ width: 51px;
+ height: 20px;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ z-index: 99;
+ background: #fff;
+ opacity: 0;
+ filter: alpha(opacity = 0)
+}
+
+#widget-currency .bg-head h3.on a {
+ width: 55px;
+ height: 20px;
+}
+
+#widget-currency .bg-body h3.money {
+ position: absolute;
+ margin: 0;
+ font-weight: bold;
+ font-family: Times New Roman;
+}
+
+#widget-currency .bg-body {
+ clear: both;
+ text-align: center;
+}
+
+#widget-currency table {
+ position: absolute;
+}
+
+#widget-currency th {
+ display: none
+}
+
+#widget-currency td {
+ font-size: 10px;
+ font-family: Tahoma;
+ text-align: center
+}
+
+#widget-currency .rate {
+ height: 18px;
+ line-height: 1.4;
+}
+
+#widget-currency .no {
+ display: none
+}
+
+#widget-currency .rate-con {
+ position: absolute;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -1px
+}
+
+#widget-currency .buy {
+ position: absolute;
+ font-family: Tahoma;
+ font-size: 10px;
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#widget-currency .sell {
+ position: absolute;
+ font-family: Tahoma;
+ font-size: 10px;
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#widget-currency .country {
+ position: absolute;
+ z-index: 1
+}
+
+#widget-currency .bg-sel {
+ position: relative;
+ float: left;
+ width: 97px;
+ height: 19px;
+ padding: 0;
+ margin: 0
+}
+
+#widget-currency .bg-sel li {
+ width: 105px;
+ padding: 4px 0 3px 0;
+ font-size: 11px;
+ font-family: Dotum;
+ cursor: pointer;
+ cursor: hand;
+}
+
+#widget-currency .bg-sel li:first-letter {
+ padding-left: 7px
+}
+
+#widget-currency .bg-sel li.on {
+ background-color: #FF6501;
+ color: #FFFFFF;
+}
+
+#widget-currency .bg-sel li.on span {
+ color: #FFFFFF;
+}
+
+#widget-currency .bg-sel li span {
+ display: inline;
+ color: #8DA4B4;
+ font-size: 10px;
+ font-family: Arial;
+}
+
+#widget-currency .cal-input {
+ width: 40px;
+}
+
+#widget-currency .res-input {
+ width: 153px;
+}
+
+#widget-currency .nation select {
+ width: 95px;
+ font-size: 11px;
+}
+
+#widget-currency .btn-sel {
+ display: block;
+ position: absolute;
+ width: 13px;
+ height: 13px;
+ background-repeat: no-repeat;
+ top: 3px;
+ right: 4px;
+}
+
+#widget-currency .calculation-1,#widget-currency .calculation-2 {
+ float: left;
+ text-align: left;
+}
+
+#widget-currency .calculation-1 div,#widget-currency .calculation-2 div,#widget-currency .calculation-1 p,#widget-currency .calculation-2 p
+ {
+ float: left;
+}
+
+#widget-currency .calculation-1 input,#widget-currency .calculation-2 input
+ {
+ position: absolute;
+ margin: 1px 0 0 7px;
+ border: 0;
+ background-color: transparent;
+ font-size: 11px;
+ font-family: Arial;
+ color: #414141;
+ text-align: right;
+}
+
+#widget-currency .calculation-1 span,#widget-currency .calculation-2 span
+ {
+ display: none
+}
+
+#widget-currency .btn-calculation {
+ position: absolute;
+ width: 45px;
+ height: 17px;
+ text-align: right
+}
+
+#widget-currency .result {
+ float: left;
+}
+
+#widget-currency .result input {
+ float: left;
+ width: 153px;
+ border: 0;
+ background-color: transparent;
+ font-size: 11px;
+ font-family: Arial;
+ color: #414141;
+ text-align: right;
+}
+
+/* widget-weather */
+#widget-weather {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ overflow: hidden;
+}
+
+#widget-weather div {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-weather .weather,#widget-weather .today,#widget-weather .tomorrow
+ {
+ position: absolute;
+ background-repeat: no-repeat;
+}
+
+#widget-weather .temperature {
+ position: absolute;
+ width: 90px;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -2px;
+ line-height: 1.0;
+ z-index: 10;
+}
+
+#widget-weather .today-temperature,#widget-weather .tomorrow-temperature
+ {
+ position: absolute;
+ width: 40px;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -1px;
+ _letter-spacing: -2px;
+ line-height: 0.9;
+ z-index: 10;
+}
+
+#widget-weather .today-txt,#widget-weather .tomorrow-txt {
+ position: absolute;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 1.1;
+ z-index: 10
+}
+
+*:first-child+html #widget-weather .today-txt {
+ line-height: 1.2
+}
+
+* html #widget-weather .today-txt {
+ line-height: 1.2
+}
+
+*:first-child+html #widget-weather .tomorrow-txt {
+ line-height: 1.2
+}
+
+* html #widget-weather .tomorrow-txt {
+ line-height: 1.2
+}
+
+#widget-weather .area {
+ position: absolute;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 1.1;
+ z-index: 10
+}
+
+*:first-child+html #widget-weather .area {
+ line-height: 1.2
+}
+
+* html #widget-weather .area {
+ line-height: 1.2
+}
+
+*:first-child+html #widget-weather .area {
+ line-height: 1.2
+}
+
+* html #widget-weather .area {
+ line-height: 1.2
+}
+
+#widget-weather .tomorrow-minimum-temperature {
+ display: none
+}
+
+/* widget-count */
+#widget-count {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#widget-count p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-count h3 {
+ display: none;
+}
+
+#widget-count p span.txt {
+ display: none;
+}
+
+#widget-count span.cnt1,#widget-count span.cnt2 {
+ display: block;
+}
+
+#widget-count .today,#widget-count .total {
+ position: absolute;
+}
+
+/* widget-ccl */
+#widget-ccl {
+ width: 171px;
+ height: 38px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ overflow: visible !important
+}
+
+.ccl_layer {
+ position: absolute;
+ width: 179px;
+ letter-spacing: -1px;
+}
+
+.ccl_layer .content {
+ position: relative;
+ padding: 3px 9px 5px 9px;
+ border: 1px solid #919191;
+ background-color: #fff;
+ font-family: dotum;
+ font-size: 11px;
+ text-align: left
+}
+
+.ccl_layer p {
+ margin: 0;
+ padding: 5px 0 0 0
+}
+
+.ccl_layer ul {
+ margin: 0;
+ padding: 2px 0 0 0
+}
+
+.ccl_layer li {
+ list-style-type: none;
+ color: #888;
+ line-height: 1.2;
+ letter-spacing: 0;
+}
+
+.ccl_layer .ccl_layer_position {
+ position: absolute;
+ width: 7px;
+ height: 10px;
+ bottom: -10px;
+ _bottom: -12px;
+ left: 11px;
+ background:
+ url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png)
+ no-repeat;
+}
+
+* html .ccl_layer .ccl_layer_position {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png',
+ sizingMethod='crop' );
+ background: none;
+}
+
+.ccl_layer .shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .ccl_layer .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.ccl_layer .shadow01_side {
+ position: relative;
+ _width: 100%;
+ top: -2px;
+ left: -2px;
+}
+
+.ccl_layer .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .ccl_layer .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.ccl_layer .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.ccl_layer.top_position .ccl_layer_position {
+ position: absolute;
+ width: 7px;
+ height: 10px;
+ top: -9px;
+ _top: -8px;
+ left: 85px;
+ _left: 75px;
+ background:
+ url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png)
+ no-repeat;
+}
+
+* html .ccl_layer.top_position .ccl_layer_position {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png',
+ sizingMethod='crop' );
+ background: none;
+}
+
+/* blog-adpost */
+#blog-adpost {
+ width: 171px;
+ margin: 0 auto;
+ font-family: µ¸¿ò, dotum;
+ font-size: 12px;
+ text-align: left;
+}
+
+#blog-adpost .cm-side {
+ width: 1px;
+ margin: 0;
+ padding: 0;
+ *padding: 0 0 0 1px;
+ _padding: 0;
+ font-ssize: 0;
+ line-height: 0;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .cm-top {
+ clear: both;
+ height: 1px;
+ margin: 0;
+ padding: 0;
+ font-ssize: 0;
+ line-height: 0;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .cm-con {
+ width: 169px;
+ *width: 100%;
+ _width: 169px;
+ padding-top: 9px;
+}
+
+#blog-adpost .cm-con dl {
+ width: 141px;
+ margin: 0 auto;
+ padding: 6px 0;
+}
+
+#blog-adpost .cm-con dt a {
+ *width: 141px;
+ letter-spacing: -1px;
+}
+/*#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;}*/
+#blog-adpost .cm-con dt .pcol1 {
+ font-size: 13px
+}
+
+#blog-adpost .cm-con dt .sline {
+ border-bottom-width: 1px;
+ border-bottom-style: solid
+}
+
+#blog-adpost .cm-con dt a:hover {
+ text-decoration: none
+}
+
+#blog-adpost .cm-con dd {
+ line-height: 15px;
+ word-break: break-all;
+}
+
+#blog-adpost .cm-con .summary {
+ margin: 7px 0 4px
+}
+
+#blog-adpost .cm-con .summary a {
+ text-decoration: none !important;
+}
+
+#blog-adpost .cm-con .addr {
+ overflow: hidden;
+ width: 141px;
+ line-height: 13px;
+}
+
+#blog-adpost .cm-con .addr .pcol2 {
+ float: left;
+ font-size: 11px;
+ opacity: 0.5;
+ filter: alpha(opacity = 50);
+}
+
+#blog-adpost .cm-con .division {
+ width: 141px;
+ margin: 3px auto;
+ border-top-width: 1px;
+ border-top-style: solid;
+ line-height: 0;
+ opacity: 0.1;
+ filter: alpha(opacity = 10);
+}
+
+#blog-adpost .cm-con .nodata {
+ width: 100%;
+ margin: 0 auto;
+ padding: 32px 0 34px 0;
+ font-size: 11px;
+ text-align: center;
+ line-height: 15px;
+ opacity: 0.7;
+ filter: alpha(opacity = 70);
+}
+
+#blog-adpost .adsby {
+ width: 141px;
+ height: 22px;
+ margin: 6px auto 0 auto;
+ text-align: right;
+}
+
+#blog-adpost .adsby .by {
+ font-size: 10px;
+ font-family: verdana;
+}
+
+#blog-adpost .adsby .by .logo {
+ display: inline-block;
+ width: 44px;
+ height: 8px;
+ background: url(http://blogimgs.naver.net/nblog/adpost_logo.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/adpost_logo.png',
+ sizingMethod='image' );
+ cursor: hand;
+}
+
+#blog-adpost .adsby .by .logo span {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden;
+ font-size: 0;
+ line-height: 0;
+}
+
+#blog-adpost .adsby .bar {
+ display: inline-block;
+ padding: 0 2px 0 3px;
+ font-family: µ¸¿ò, dotum;
+ font-size: 11px;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .adsby .guide .pcol2 {
+ font-size: 11px;
+}
+
+/* blog-profile */
+#blog-profile {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-profile p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-profile .bg-head {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#blog-profile .bg-body {
+ background-repeat: repeat;
+ text-align: center;
+}
+
+#blog-profile .bg-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#blog-profile h3 {
+ display: none;
+}
+
+#blog-profile .con {
+ width: 161px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#blog-profile .image {
+ text-align: center;
+}
+
+#blog-profile .name {
+ width: 143px;
+ margin: 0 auto;
+ padding: 12px 0 0 0;
+ overflow: hidden;
+}
+
+#blog-profile .name a.col {
+ font-weight: bold;
+}
+
+#blog-profile .name .emo {
+ float: left;
+ width: 23px;
+}
+
+#blog-profile .name .nick {
+ float: left;
+ width: 120px;
+ font-size: 12px;
+ line-height: 1.4em;
+ word-break: break-all;
+}
+
+#blog-profile .pers {
+ margin: 0;
+ vertical-align: top;
+}
+
+#blog-profile .caption {
+ width: 143px;
+ margin: 0 auto;
+ padding: 8px 0 0 0;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ line-height: 1.3;
+ letter-spacing: -1px;
+ word-break: break-all;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+#blog-profile .more {
+ width: 143px;
+ margin: 0 auto;
+ padding: 8px 0 6px 0;
+ letter-spacing: -1px;
+}
+
+#blog-profile .id {
+ font-family: verdana;
+ font-size: 11px;
+}
+
+#blog-profile input {
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ border: none;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ font-weight: normal;
+ letter-spacing: -1px;
+ text-align: left;
+ filter: alpha(opacity = 60);
+ opacity: 0.6;
+ cursor: pointer;
+}
+
+#blog-profile .m1 input {
+ width: 30px;
+}
+
+#blog-profile .m2 input {
+ width: 20px;
+}
+
+#blog-profile .m3 input {
+ width: 41px;
+}
+
+#blog-profile .icon {
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ margin: 0 0 2px 2px;
+ vertical-align: middle;
+}
+
+#blog-profile .sub {
+ display: inline-block;
+ font-size: 11px;
+ opacity: 0.6;
+ -ms-filter: "Alpha(opacity=60)";
+ filter: alpha(opacity = 60)
+}
+
+#blog-profile .power_amb {
+ position: relative;
+ margin-top: 8px;
+ padding: 0 0 4px;
+ text-align: left;
+ overflow: hidden;
+}
+
+#blog-profile .power_amb .topline {
+ width: 100%;
+ height: 0;
+ border-left: 0;
+ border-right: 0;
+ border-bottom: 0;
+ border-top-style: solid;
+ border-top-width: 1px;
+ font: 0/0 arial;
+ opacity: .3;
+ filter: alpha(opacity : 30);
+}
+
+#blog-profile .power_amb .topline {
+ border-color: #999 !important;
+} /*ÀÓ½Ã*/
+#blog-profile .power_amb .mark1 {
+ display: block;
+ _display: inline;
+ margin: 0;
+ float: left;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',
+ sizingMethod='image' );
+}
+
+#blog-profile .power_amb .mark2 {
+ display: block;
+ _display: inline;
+ margin: 0;
+ float: left;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',
+ sizingMethod='image' );
+}
+
+#blog-profile .power_amb .x {
+ position: absolute;
+ top: 7px;
+ right: 3px;
+ font: bold 11px "µ¸¿ò", Dotum;
+ opacity: .5;
+ filter: alpha(opacity : 50);
+}
+
+#blog-profile .power_amb .x a {
+ text-decoration: none;
+}
+
+#blog-profile .power_amb .txt {
+ display: block;
+ _display: inline;
+ float: left;
+ width: 85px;
+ margin: 18px 0 0 4px;
+ font-family: verdana;
+ line-height: 12px;
+}
+
+#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
+ {
+ text-decoration: none;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+#blog-profile .power_amb .txt a:hover {
+ text-decoration: underline;
+}
+
+#blog-profile .power_amb .t7b {
+ font-size: 10px;
+ font-weight: bold;
+}
+
+#blog-profile .power_amb .t8b {
+ font-size: 11px;
+ font-weight: bold;
+ line-height: 13px;
+}
+
+#idMenuDiv td {
+ background-color: #FFF;
+}
+
+#idMenuDiv td.menu-over {
+ background-color: #e4ff75;
+}
+
+/* blog-calendar */
+#blog-calendar {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-calendar p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-calendar h3 {
+ display: none;
+}
+
+#blog-calendar .bg-head {
+ clear: both;
+ text-align: center;
+}
+
+* html #blog-calendar .bg-head {
+ height: 1%;
+}
+
+#blog-calendar .bg-body {
+ text-align: center;
+ padding-bottom: 5px;
+ clear: both;
+}
+
+#blog-calendar .bg-footer {
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+#blog-calendar .mlv {
+ position: relative;
+ width: 151px;
+ margin: 0 auto;
+ text-align: left;
+ clear: both;
+}
+
+#blog-calendar .location,#blog-calendar .mview {
+ position: absolute;
+}
+
+#blog-calendar .location {
+ bottom: 10px;
+ left: 3px;
+}
+
+#blog-calendar .mview {
+ bottom: 8px;
+ right: 3px;
+}
+
+#blog-calendar .location .date {
+ display: inline;
+ margin: -3px 0 0 0;
+ padding: 0;
+ text-align: center;
+ font-family: verdana;
+ font-size: 11px;
+ font-weight: bold;
+ letter-spacing: -1px;
+ cursor: pointer;
+}
+
+#blog-calendar .location .back {
+ display: inline;
+ padding: 0 3px 2px 0;
+ font-family: µ¸¿ò;
+ font-size: 9px;
+ cursor: pointer;
+}
+
+#blog-calendar .location .next {
+ display: inline;
+ padding: 0 0 2px 3px;
+ font-family: µ¸¿ò;
+ font-size: 9px;
+ cursor: pointer;
+}
+
+html>body #blog-calendar .location .date {
+ margin: 0;
+}
+
+#blog-calendar .calendar {
+ margin: 0 auto;
+ background: transparent;
+ text-align: center;
+}
+
+#blog-calendar .calendar .dis1,#blog-calendar .calendar .dis2 {
+ width: 147px;
+ height: 24px;
+ margin: 0 auto;
+ padding: 0;
+ margin-top: -5px;
+}
+
+#blog-calendar .calendar .dis1 span {
+ display: block;
+ float: left;
+ width: 21px;
+ font-weight: normal;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ text-align: center;
+ padding: 9px 0 0 0;
+}
+
+#blog-calendar .calendar .dis2 span {
+ display: block;
+ float: left;
+ width: 21px;
+ font-weight: normal;
+ font-family: tahoma;
+ font-size: 9px;
+ text-align: center;
+ padding: 9px 0 0 0;
+}
+
+#blog-calendar .calendar .dis3 {
+ width: 147px;
+ height: 3px;
+ margin: 0 auto;
+}
+
+#blog-calendar .calendar .dis3 img {
+ filter: alpha(opacity = 40);
+ opacity: 0.4;
+}
+
+#blog-calendar .calendar .dis3 img.li1 {
+ width: 20px;
+ margin-right: 1px;
+}
+
+#blog-calendar .calendar .dis3 img.li2 {
+ width: 21px;
+}
+
+#blog-calendar .calendar td {
+ width: 21px;
+ height: 19px;
+ margin: 0;
+ padding: 0;
+ font-family: verdana;
+ font-size: 11px;
+}
+
+html>body #blog-calendar .calendar td {
+ width: 21px;
+ height: 19px;
+}
+
+#blog-calendar .calendar td a {
+ font-family: verdana;
+ font-size: 11px;
+ font-weight: bold;
+}
+
+#blog-calendar .calendar td.today,#blog-calendar .calendar td.today a {
+ text-decoration: underline;
+}
+
+#blog-calendar .mview .col1 {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ letter-spacing: -1px;
+ cursor: pointer;
+}
+
+#blog-calendar ul.monthview {
+ margin: 0;
+ padding: 0 0 1px 0;
+ text-align: left;
+ clear: both;
+}
+
+#blog-calendar ul.monthview li {
+ list-style-type: none;
+ height: 13px;
+ margin-bottom: 5px;
+ padding: 0;
+ clear: both;
+}
+
+* html #blog-calendar ul.monthview li {
+ margin-bottom: 0;
+}
+
+#blog-calendar ul.monthview li .mon {
+ float: left;
+ padding-left: 15px;
+}
+
+#blog-calendar ul.monthview li .num {
+ float: right;
+ padding-right: 15px;
+ font-size: 10px;
+ font-family: verdana;
+}
+
+#blog-calendar ul.monthview li .num span {
+ font-size: 10px;
+ font-family: verdana;
+}
+
+/* foldset */
+#foldset {
+ position: relative;
+ clear: both;
+ float: none;
+ height: 13px;
+ margin-top: 4px;
+}
+
+#foldset div {
+ overflow: hidden;
+ height: 13px;
+}
+
+#foldset .close-fold {
+ width: 21px !important;
+}
+
+#foldset .go-left,#foldset .go-right {
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ vertical-align: top;
+}
+
+#foldset .l11s1close {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 13px !important;
+}
+
+#foldset .l11s1s2close {
+ margin: 0 !important
+}
+
+#foldset .l12s1close {
+ position: absolute;
+ float: none;
+ top: 0;
+ right: 0;
+ margin: 0 !important;
+}
+
+#foldset .l12s2close {
+ position: absolute;
+ float: none;
+ top: 0;
+ right: 0;
+ z-index: 2
+}
+
+#foldset .l12s1s2close {
+ margin: 0 !important;
+}
+
+/* blog-menu */
+#blog-menu {
+ clear: both;
+ font-size: 12px;
+ font-family: µ¸¿ò;
+}
+
+#blog-menu table {
+ width: 100%;
+ border-collapse: collapse;
+ table-layout: fixed;
+}
+
+#blog-menu table td {
+ padding-top: 4px;
+}
+
+#blog-menu p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-menu ul {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-menu ul li {
+ list-style-type: none;
+ float: left;
+ position: relative;
+}
+
+#blog-menu ul li a {
+ letter-spacing: -1px;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+#blog-menu ul li img {
+ margin-left: -2px
+}
+
+#blog-menu ul li .bar {
+ height: 10px;
+ margin: 2px 7px 4px 4px;
+ padding: 0;
+ vertical-align: middle;
+ filter: alpha(opacity = 30);
+ opacity: 0.3
+}
+
+#blog-menu .menu1 ul {
+ padding-left: 18px;
+}
+
+#blog-menu .menu2 {
+ width: 300px
+}
+
+#blog-menu .menu2 ul {
+ float: right;
+ padding-right: 12px;
+}
+
+#blog-menu .menu2 ul li a {
+ font-weight: normal;
+}
+
+#blog-menu .menu2 ul li a.on {
+ font-weight: bold;
+}
+
+/* blog-gnb */
+#blog-gnb {
+ height: 33px;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+}
+
+#blog-gnb p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-gnb .gnb {
+ float: right;
+}
+
+#blog-gnb .gnb {
+ margin: 8px 10px 0 0;
+}
+
+#blog-gnb .gnb ul {
+ margin: 0;
+ padding: 2px 0 0 0;
+ letter-spacing: -1px;
+}
+
+#blog-gnb .gnb ul li {
+ list-style-type: none;
+ float: left;
+ padding: 0 0 0 5px
+}
+
+#blog-gnb .gnb ul li a {
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ text-decoration: none;
+}
+
+#blog-gnb .bar {
+ margin: 0 1px -1px 4px;
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+ padding: 0
+}
+
+#blog-gnb .gnb ul li.i2,#blog-gnb .gnb ul li.i3,#blog-gnb .gnb ul li.i4
+ {
+ padding-top: 1px;
+}
+
+#blog-gnb .gnb ul li.me a {
+ display: inline-block
+}
+
+#blog-gnb .gnb ul li.me span {
+ display: inline-block;
+ position: relative
+}
+
+#blog-gnb .gnb ul li.me span em {
+ display: inline-block;
+ position: absolute;
+ top: -11px;
+ *top: -12px;
+ left: 0;
+ background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat 0
+ -13px
+}
+
+#blog-gnb .gnb ul li.me span em i {
+ display: block;
+ margin-left: 3px;
+ padding-right: 4px;
+ background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat
+ 100% -26px;
+ color: #fff;
+ font-style: normal;
+ font-size: 10px;
+ font-family: Tahoma;
+ letter-spacing: 0;
+ line-height: 13px
+}
+
+#blog-gnb .go-down,#blog-gnb .go-up {
+ width: 13px;
+ height: 13px;
+ margin: 0 0 -2px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#blog-gnb .log {
+ float: right;
+ margin: 7px 0 0 0;
+ padding: 0 8px 0 0;
+}
+
+#blog-gnb .logout,#blog-gnb .login {
+ width: 50px;
+ height: 20px;
+ margin: 0 0 0 0;
+ background-repeat: no-repeat;
+ vertical-align: middle;
+}
+
+#blog-gnb .remote {
+ width: 12px;
+ height: 18px;
+ margin: 0 3px 1px 3px;
+ background: url('http://blogimgs.naver.net/nblog/remote_icon.png')
+ no-repeat;
+ vertical-align: middle;
+}
+
+* html #blog-gnb .remote {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/remote_icon.png',
+ sizingMethod='crop' )
+}
+
+#blog-gnb .tb {
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ font-weight: bold;
+}
+
+/* gnb-direct */
+#gnb-direct {
+ width: 77px;
+ color: #676767;
+ font-family: µ¸¿ò;
+}
+
+#gnb-direct a.link1 {
+ color: #333333;
+}
+
+#gnb-direct .rnd-t {
+ height: 6px;
+ background: url('http://blogimgs.naver.net/nblog/bg_godiv_t.gif')
+ no-repeat;
+ overflow: hidden;
+ font-size: 0;
+}
+
+#gnb-direct .con {
+ background: url('http://blogimgs.naver.net/nblog/bg_godiv_b.gif') bottom
+ no-repeat;
+}
+
+#gnb-direct .con ul.gnb-direct {
+ margin: 0;
+ padding: 2px 0 7px 0;
+}
+
+#gnb-direct .con ul.gnb-direct li {
+ list-style-type: none;
+ float: none;
+ margin: 0 5px;
+ padding: 0 0 4px 12px;
+ background: url('http://blogimgs.naver.net/nblog/ico_arw_g.gif') 4px 4px
+ no-repeat;
+ letter-spacing: -1px;
+}
+
+#gnb-direct .rview {
+ margin: 0;
+ padding: 0 0 3px 0;
+ text-align: center;
+ letter-spacing: -1px;
+}
+
+#gnb-direct .rview a,#blog-gnb .directly-box .con ul li a {
+ color: #676767;
+}
+
+#gnb-direct1 {
+ width: 62px;
+ padding: 3px 8px;
+ border: 1px solid #9b9b9b;
+ background: #fff;
+ font-family: µ¸¿ò;
+ color: #676767
+}
+
+#gnb-direct1.mblog {
+ width: 52px
+}
+
+#gnb-direct1 .rview {
+ padding: 10px 0 0 5px;
+ margin: 0 6px 4px 6px;
+ text-align: left;
+} /*090629¼öÁ¤*/
+#gnb-direct1 ul {
+ padding: 5px 0 3px !important;
+ border-bottom: 1px solid #ebebeb
+}
+
+#gnb-direct1 ul li {
+ float: none !important;
+ margin: 0;
+ padding: 0 !important;
+ letter-spacing: -1px;
+ list-style-type: none
+}
+
+#gnb-direct1 ul li a {
+ display: block;
+ position: relative;
+ padding: 2px 0 1px 1px;
+ color: #4c4c4c;
+ zoom: 1
+}
+
+#gnb-direct1 ul li a:hover {
+ text-decoration: underline
+}
+
+#gnb-direct1 ul.dot li a {
+ padding-left: 7px
+}
+
+#gnb-direct1 ul.dot li span {
+ display: block;
+ position: absolute;
+ top: 7px;
+ left: 2px;
+ width: 2px;
+ height: 2px;
+ background: #999;
+ font-size: 0;
+ line-height: 0
+}
+
+#gnb-direct1 ul.last {
+ border-bottom: none
+}
+
+#gnb-direct1 .uview {
+ padding: 7px 0 0 5px;
+ margin: 0 6px;
+ border-top: solid 1px #DCDBDC;
+ text-align: left;
+} /*090629Ãß°¡*/
+
+/* blog-title */
+#blog-title table {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ border-collapse: collapse;
+}
+
+#blogTitleText {
+ padding: 23px;
+}
+
+#blogTitleName {
+ font-weight: bold;
+ text-decoration: none;
+ font-family: µ¸¿ò;
+}
+
+/* blog-music */
+#top-area #blog-music {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 213px;
+ height: 20px;
+}
+
+#wrapper #blog-music {
+ position: static;
+ width: 171px;
+ height: 38px;
+ margin: 0 auto;
+}
+
+#musicTop #blog-music {
+ position: absolute;
+ top: -25px;
+ left: 8px;
+ width: 213px;
+ height: 20px;
+}
+
+/* blog buddyconnect */
+#blog-buddyconnect {
+ width: 171px;
+}
+
+/* for layer */
+/* 1017Ãß°¡ */
+.cp_layer_popup {
+ position: absolute;
+ z-index: 99;
+ padding: 3px 0 0 3px;
+ font-size: 12px;
+ font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, Helvetica, Sans-serif;
+ text-align: left
+}
+
+.cp_layer_popup p {
+ margin: 0;
+ padding: 0
+}
+
+.cp_layer_popup .shadow1 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow01.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .cp_layer_popup .shadow1 {
+ background:
+ url('http://blogimgs.naver.net/nblog/mylog/post/shadow01.png')
+ transparent;
+}
+
+.cp_layer_popup .shadow1_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.cp_layer_popup .shadow2 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .cp_layer_popup .shadow2 {
+ background:
+ url('http://blogimgs.naver.net/nblog/mylog/post/shadow02.png')
+ transparent;
+}
+
+.cp_layer_popup .shadow2_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.cp_layer_popup .border_type {
+ border: 2px solid #777777;
+ background-color: #ffffff;
+}
+
+.cp_layer_popup .header {
+ display: block;
+ height: 22px;
+ _height: 30px;
+ padding: 8px 0 0 13px;
+ margin: 0;
+ background: #f4f4f4;
+ font: bold 13px ±¼¸², Gulim;
+ color: #444;
+}
+
+.cp_layer_popup .closelayer {
+ position: absolute;
+ right: 9px;
+ top: 9px;
+}
+
+.cp_layer_popup .content {
+ margin: 20px;
+}
+
+.cp_layer_popup .cp_noti {
+ margin: 0;
+ overflow: hidden;
+ _zoom: 1;
+}
+
+.cp_layer_popup .cp_noti dt {
+ float: left;
+ width: 44px;
+ height: 39px;
+ padding: 0;
+}
+
+.cp_layer_popup .cp_noti dd {
+ float: left;
+ background: url(http://blogimgs.naver.net/nblog/bu_1x26_ef.gif) 0 0
+ no-repeat;
+ padding: 0 0 0 16px;
+ margin: 0;
+ color: #222;
+ font-weight: bold;
+ font-size: 12px;
+ letter-spacing: -1px;
+ line-height: 1.3em;
+}
+
+.cp_layer_popup .cp_noti_desc {
+ padding: 11px 14px 1px;
+ border: solid 1px #DFDFDF;
+ overflow: hidden;
+}
+
+.cp_layer_popup .cp_noti_desc p {
+ font-size: 11px;
+ line-height: 1.4em;
+ letter-spacing: -1px;
+ padding-bottom: 7px;
+ color: #888;
+}
+
+.cp_layer_popup .cp_noti_desc span {
+ color: #444;
+}
+/* //1017Ãß°¡ */
+
+/* 100510 hashfilter */
+/* .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} */
+.layer_hashfilter {
+ position: absolute;
+ z-index: 999;
+ width: 390px;
+ padding: 17px 18px 4px;
+ border: 1px solid #888;
+ background: #fff;
+ font-size: 12px;
+ font-family: dotum, 'µ¸¿ò';
+ letter- spacing: -1px;
+ line-height: 15px;
+ text-align: left !important
+}
+
+.layer_hashfilter h2 {
+ margin: 0;
+ padding: 1px 0 12px 0;
+ font-size: 12px
+}
+
+.layer_hashfilter p {
+ color: #666;
+ margin: 0;
+ padding: 0
+}
+
+.layer_hashfilter .vaccine_link {
+ display: inline-block;
+ padding: 5px 7px 0 0;
+ background: url(http://blogimgs.naver.net/imgs/bul_arrow_green.gif)
+ no-repeat 100% 8px;
+ text-decoration: underline;
+ font-size: 11px;
+ color: #5BC139 !important
+}
+
+.layer_hashfilter .file {
+ padding: 3px 0 15px 0
+}
+
+.layer_hashfilter .file img {
+ vertical-align: middle;
+ margin-right: 6px
+}
+
+.layer_hashfilter .info_text {
+ margin-top: 18px;
+ padding: 19px 0 11px 0;
+ color: #999;
+ font-size: 11px;
+ border-top: 1px solid #ededed
+}
+
+.layer_hashfilter .close {
+ position: absolute;
+ top: 8px;
+ right: 8px
+}
+
+.layer_hashfilter .btns {
+ margin-top: 5px;
+ padding-top: 10px;
+ border-top: 1px solid #e8e8e8;
+ text-align: center
+}
+/* //100510 hashfilter */
+
+/* layer popup */
+.layerpop {
+ position: relative;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ background: url(http://blogimgs.naver.net/nblog/spc.gif);
+}
+/* .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"));} */
+.layerpop .shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpop .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.layerpop .shadow01_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.layerpop .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body #layerpop .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.layerpop .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.layerpop .border_type {
+ border: 2px solid #777777;
+ background-color: #FFFFFF;
+}
+
+.layerpop .close {
+ position: absolute;
+ top: 7px;
+ right: 8px;
+ background-color: #FFFFFF;
+}
+
+.layerpop .content {
+ margin: 13px 20px 0 20px;
+ border-bottom: 1px solid #E8E8E8;
+}
+
+.layerpop .content .q1 {
+ margin: 0;
+ padding: 0 0 8px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #222222;
+ line-height: 1.5;
+ text-align: left;
+}
+
+.layerpop .content .q2 {
+ margin: 0;
+ padding: 0 0 8px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #222222;
+ text-align: left;
+}
+
+.layerpop .content .q2 input {
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+
+* html .layerpop .content .q2 input {
+ height: 15px;
+ height: 15px;
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+
+.layerpop .content .q3 {
+ margin: 0;
+ padding: 0 0 3px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #444;
+ line-height: 1.5;
+ text-align: left;
+}
+
+.layerpop .content .q4 {
+ margin: 0;
+ padding: 0 0 9px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #444;
+ text-align: left;
+ letter-spacing: -1px;
+}
+
+.layerpop .content .q4 em {
+ font-style: normal;
+ color: #488C00;
+}
+
+.layerpop .btn {
+ margin: 0;
+ padding: 10px 0 10px 0;
+ text-align: center;
+}
+
+/*
+NHN WebStandard Team (http://html.nhndesign.com/)
+author : freebird@nhncorp.com 070808
+*/
+/* shadow */
+.layerpopup {
+ position: absolute;
+ z-index: 99;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+}
+
+.layerpopup img {
+ border: none;
+}
+
+.layerpopup .shadow1 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow1 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png')
+ transparent;
+}
+
+.layerpopup .shadow1_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .shadow2 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow2 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png')
+ transparent;
+}
+
+.layerpopup .shadow2_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .shadow3 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow3 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png')
+ transparent;
+}
+
+.layerpopup .shadow3_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .border_type {
+ border: 2px solid #777777;
+ background-color: #ffffff;
+}
+
+.layerpopup .closelayer {
+ position: absolute;
+ right: 8px;
+ top: 9px;
+}
+
+.layerpopup .btn_box {
+ text-align: center;
+ padding: 10px 0 15px 0;
+ margin: 10px 20px 0 20px;
+ border-top: 1px solid #e8e8e8;
+}
+
+.layerpopup .btn_box * {
+ vertical-align: middle;
+}
+
+.layerpopup .logbox_wrap {
+ width: auto;
+ _width: 100%;
+ padding-top: 6px;
+ background: url(http://blogimgs.naver.net/nblog/bg_area01.gif) left top
+ repeat-x;
+}
+
+.layerpopup .logbox_wrap p {
+ margin: 0;
+ font-size: 11px;
+ color: #333333;
+ letter-spacing: -1px;
+}
+
+.layerpopup .notice {
+ padding: 4px 0 5px 11px;
+ _padding: 4px 0 7px 11px;
+}
+
+.layerpopup .notice02 {
+ padding: 19px 0 9px 19px;
+ line-height: 1.4;
+}
+
+.layerpopup .notice02 strong {
+ color: #278F00;
+}
+
+.layerpopup .volume {
+ font-size: 12px !important;
+ margin: 16px 19px -8px 19px;
+ letter-spacing: 0 !important;
+}
+
+.layerpopup .frame_wrap {
+ width: auto;
+ _width: 350px;
+ margin: 0 10px 0 10px;
+}
+
+.layerpopup .frame_wrap.type03 {
+ margin: 0 0 0 20px !important;
+}
+
+/* for ±ÝÄ¢¾î °ü·Ã ·¹ÀÌ¾î ½ºÅ¸ÀÏ */
+/* initialization */
+#c_layer_popup {
+ margin: 0;
+ padding: 0;
+}
+
+#c_layer_popup div,#c_layer_popup p,#c_layer_popup ul,#c_layer_popup li,#c_layer_popup button
+ {
+ margin: 0;
+ padding: 0;
+ text-align: left;
+}
+
+#c_layer_popup ul,#c_layer_popup li {
+ list-style: none;
+}
+/* Layout */
+#c_layer_popup {
+ position: absolute;
+ z-index: 200;
+ width: 370px;
+ height: 428px;
+ display: none;
+ _height: 427px;
+ padding: 47px 20px 0 20px;
+ _padding: 48px 20px 0 20px;
+ border: 4px solid #777;
+ font: 12px dotum, sans-serif;
+ letter-spacing: -1px;
+ background: #fbfbfb
+ url('http://blogimgs.naver.net/static/common/popup/bg_not_available_word.gif')
+ repeat-x left top;
+ text-align: left;
+}
+
+#c_layer_popup .c_contents {
+ width: 360px;
+ padding: 17px 5px 0 5px;
+ _padding: 18px 5px 0 5px;
+ text-align: left;
+}
+
+#c_layer_popup .c_footer {
+ width: 360px;
+ _height /**/: 47px;
+ text-align: center;
+}
+/* c_contents */
+#c_layer_popup .c_desc00 {
+ width: 370px;
+ height: 57px;
+ _height: 56px;
+ border-bottom: 1px solid #d0d0d0;
+ font: 12px normal dotum;
+ color: #333;
+ line-height: 18px;
+ text-align: left;
+}
+
+#c_layer_popup .c_desc00 span {
+ color: #258102
+}
+
+#c_layer_popup .c_desc01 {
+ height: 42px;
+ _height: 41px;
+ line-height: 18px;
+ font-size: 12px;
+ color: #666;
+}
+
+#c_layer_popup .c_desc02 {
+ width: 348px;
+ _width /**/: 360px;
+ height: 84px;
+ _height: 83px;
+ _height /**/: 97px;
+ padding: 11px 0 0 10px;
+ _padding: 12px 0 0 10px;
+ _padding /**/: 10px 0 0 0;
+ font-size: 11px;
+ color: #666;
+ line-height: 17px;
+ background: #f8f8f8;
+ border: 1px solid #f1f1f1;
+}
+
+#c_layer_popup .c_desc02 li {
+ height: 40px;
+ padding: 0 0 0 6px;
+ _margin-left /**/: -6px;
+ background:
+ url('http://blogimgs.naver.net/static/common/popup/bu_dot.gif')
+ no-repeat left 6px;
+ font-size: 11px;
+}
+
+#c_layer_popup .c_desc03 {
+ height: 60px;
+ _height: 59px;
+ _height /**/: 71px;
+ padding: 12px 0 0 0;
+ _padding: 13px 0 0 0;
+ font-size: 11px;
+ color: #999;
+ line-height: 17px;
+}
+
+#c_layer_popup .c_desc04 {
+ height: 40px;
+ font-size: 11px;
+ color: #666;
+}
+
+#c_layer_popup .c_desc04 a {
+ color: #258102;
+ text-decoration: underline;
+}
+
+#c_layer_popup .c_desc05 {
+ height: 57px;
+ font-size: 14px;
+ font-weight: bold;
+ color: #333;
+ text-align: center;
+}
+
+#c_layer_popup button {
+ width: 52px;
+ height: 26px;
+ text-align: center;
+ font-size: 12px;
+}
+
+@media all and (-webkit-min-device-pixel-ratio:10000) , not all and
+ (-webkit-min-device-pixel-ratio:0) {
+ #c_layer_popup button {
+ padding-top: 6px;
+ }
+}
+
+#c_layer_popup button.c_close {
+ position: absolute;
+ top: 7px;
+ right: 6px;
+ width: 18px;
+ height: 17px;
+ background: none;
+ border: none;
+}
+
+#c_layer_popup button.c_close,x:-moz-any-link,x:default {
+ top: 5px;
+ right: 8px;
+}
+
+*:first-child+html #c_layer_popup button.c_close {
+ top: 7px;
+ right: 6px;
+}
+
+.readonly_visitor {
+ text-align: left;
+ padding: 10px 0 8px 8px !important
+}
+
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ ÀÖ´Â ºÎºÐÀ» »©³ÂÀ½.*/
+.layerpop2 {
+ position: absolute;
+ z-index: 999;
+ font: normal 12px µ¸¿ò, Dotum;
+ color: #333;
+ overflow: hidden;
+ display: none;
+}
+
+.layerpop2 .border_type {
+ position: relative;
+ border: solid 2px #777;
+ background-color: #fff;
+}
+
+.layerpop2 .close {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+}
+
+.layerpop2 .content1 {
+ padding: 30px 30px 21px;
+ border-bottom: solid 1px #f0f0f0;
+}
+
+.layerpop2 .content1 h6 {
+ font-weight: bold;
+ font-size: 14px;
+ padding-bottom: 22px;
+ margin: 0;
+ color: #333;
+}
+
+.layerpop2 .subtext {
+ font-size: 11px;
+ color: #999;
+ margin: 0;
+ padding: 7px 0 0;
+ line-height: 16px;
+ letter-spacing: -1px;
+ text-align: left;
+}
+
+.layerpop2 .check {
+ width: 13px;
+ height: 13px;
+ vertical-align: middle;
+ padding: 0 3px 2px 0;
+ margin-left: 2px;
+}
+
+.layerpop2 .btn1 {
+ background-color: #fbfbfb;
+ border-top: solid 1px #f7f7f7;
+ text-align: center;
+ margin: 0;
+ padding: 11px 0 20px;
+}
+
+.layerpop2 .btn1 img {
+ margin: 0 1px;
+ vertical-align: top;
+}
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ ÀÖ´Â ºÎºÐÀ» »©³ÂÀ½.*/
+.pwr_blog_wrap {
+ width: 143px;
+ margin: 5px auto 0
+}
+
+.pwr_blog_wrap .line {
+ width: 100%;
+ height: 0;
+ border-bottom: 1px solid #999;
+ font-size: 0;
+ line-height: 0
+}
+
+.pwr_emblem {
+ height: 69px;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png',
+ sizingMethod='crop' );
+ text-align: left
+}
+
+.pwr_emblem h4 {
+ margin: 0 !important;
+ padding: 26px 0 0 58px;
+ font-size: 10px !important;
+ font-family: Tahoma !important;
+ line-height: 12px
+}
+
+.pwr_blog {
+ position: relative
+}
+
+.pwr_blog .pcol2b {
+ position: absolute;
+ top: 0;
+ height: 100%
+}
+
+.pwr_blog .pwr_lft {
+ left: 0
+}
+
+.pwr_blog .pwr_rgt {
+ right: 0;
+ _right: -1px
+}
+
+.pwr_blog .pwr_cont {
+ margin: 0 2px;
+ padding-bottom: 7px
+}
+
+.pwr_blog .pwr_cont .pcol2b {
+ position: static;
+ height: 1px
+}
+
+.pwr_blog .pwr_cont ul {
+ margin: 3px 0 0;
+ padding: 0;
+ text-align: left;
+ list-style: none
+}
+
+.pwr_blog .pwr_cont li {
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 15px
+}
+
+.pwr_blog .pwr_cont li em {
+ display: inline-block;
+ position: relative;
+ top: -1px;
+ margin-right: 6px;
+ font-style: normal;
+ font-size: 10px;
+ font-family: Tahoma;
+ letter-spacing: 0;
+ _filter: none
+}
+
+.pwr_blog .pwr_cont li span {
+ display: inline-block
+}
+
+.pwr_blog .pwr_cont li .pcol2b {
+ height: auto
+}
+
+.pwr_blog .pwr_pgn {
+ padding-top: 1px;
+ text-align: right
+}
+
+.pwr_blog .pwr_pgn .prev,.pwr_blog .pwr_pgn .next {
+ display: inline-block;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.pwr_blog .pwr_pgn em {
+ display: inline-block;
+ margin-left: -1px;
+ font-style: normal;
+ font-size: 11px
+}
+
+.pwr_blog .pwr_clse {
+ display: inline-block;
+ position: absolute;
+ top: 5px;
+ right: -3px;
+ padding: 2px;
+ font-weight: bold;
+ font-size: 12px;
+ font-family: 'µ¸¿ò', dotum
+}
+
+.pwr_blog .pwr_clse:hover {
+ text-decoration: none
+}
+
+/*縰Áö À§Á¬*/
+.cwg_wrap,.cwg2_wrap {
+ font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;
+ font-size: 12px
+}
+
+/* goal widget */
+.cwg2_wrap {
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 396px;
+ margin: 0 auto;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_note2.png)
+ no-repeat;
+ _background: url(http://blogimgs.naver.net/challengewidget/bg_note2.gif)
+ no-repeat;
+ text-align: left
+}
+
+.cwg2_wrap .cwg2_badge {
+ overflow: hidden;
+ position: relative;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg2_badge h1 {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg2_badge h1 a {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: block;
+ width: 171px;
+ height: 78px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg2_badge h1 span {
+ display: block;
+ width: 171px;
+ height: 78px;
+}
+
+.cwg2_wrap .cwg2_badge h1.type span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type2 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type3 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type4 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type5 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .p_day {
+ position: relative;
+ width: 141px;
+ margin: 0 0 0 14px;
+ height: 24px;
+ overflow: hidden;
+ text-align: center
+}
+
+.cwg2_wrap .p_day span {
+ display: inline-block;
+ overflow: hidden;
+ margin-left: -1px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg2_wrap .p_day .ing {
+ width: 71px;
+ height: 21px;
+ background-position: 0 -17px
+}
+
+.cwg2_wrap .p_day .clear_no {
+ width: 90px;
+ height: 20px;
+ margin-top: 3px;
+ background-position: -71px -20px
+}
+
+.cwg2_wrap .p_day .clear_ok {
+ width: 122px;
+ height: 20px;
+ background-position: 0 -43px
+}
+
+.cwg2_wrap .p_day em {
+ display: inline-block;
+ height: 21px;
+ font-style: normal;
+ font-family: Tahoma;
+ font-size: 17px;
+ color: #525252;
+ font-weight: bold
+}
+
+.cwg2_wrap .lst_wrap {
+ position: relative;
+ width: 141px;
+ height: 142px;
+ margin: 3px auto 0;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat 0 -316px
+}
+
+.cwg2_wrap .lst_wrap .lst {
+ overflow: hidden;
+ zoom: 1;
+ padding: 6px 0 0 5px
+}
+
+.cwg2_wrap .lst_wrap .lst li {
+ overflow: hidden;
+ line-height: 999px;
+ display: inline;
+ float: left;
+ width: 12px;
+ height: 12px;
+ margin: 0 0 1px 1px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat
+}
+
+.cwg2_wrap .lst_wrap .lst .off {
+ background-position: -70px 0
+}
+
+.cwg2_wrap .cplt {
+ overflow: hidden;
+ position: absolute;
+ top: 121px;
+ left: 121px;
+ width: 16px;
+ height: 17px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat;
+ line-height: 999px
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay {
+ overflow: hidden;
+ position: absolute;
+ left: -2px;
+ top: -1px;
+ width: 145px;
+ height: 147px;
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 145px;
+ height: 147px;
+ background:
+ url(http://blogimgs.naver.net/challengewidget/bg_clear_box.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_clear_box.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar {
+ width: 90px;
+ height: 98px;
+ overflow: hidden;
+ margin: 14px 0 0 28px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat 0 -215px;
+ text-indent: -500em
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar2 {
+ width: 78px;
+ height: 97px;
+ overflow: hidden;
+ margin: 14px 0 0 33px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat -96px -215px;
+ text-indent: -500em
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .clse {
+ position: absolute;
+ right: 10px;
+ top: 6px;
+ width: 14px;
+ height: 14px;
+ overflow: hidden;
+ text-indent: -500em;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat -188px 2px
+}
+
+.cwg2_wrap .mod {
+ display: block;
+ position: absolute;
+ right: 13px;
+ bottom: 10px;
+ overflow: hidden;
+ width: 14px;
+ height: 14px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 0;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst {
+ position: relative;
+ height: 118px;
+ margin: 0 15px
+}
+
+.cwg2_wrap .cwg_lst .none {
+ margin: 0;
+ margin-top: 23px;
+ font-size: 11px;
+ color: #999;
+ line-height: 21px;
+ text-align: center
+}
+
+.cwg2_wrap .cwg_lst .more {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst h2 {
+ height: 17px;
+ padding-top: 4px;
+ font-size: 12px;
+ letter-spacing: -1px;
+ text-align: center
+}
+
+.cwg2_wrap .cwg_lst h2 a {
+ display: inline-block;
+ position: relative;
+ padding: 2px 17px 2px 2px;
+ color: #333;
+ text-decoration: none
+}
+
+.cwg2_wrap .cwg_lst h2 a span {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst ul {
+ height: 84px;
+ padding-top: 3px
+}
+
+.cwg2_wrap .cwg_lst li {
+ position: relative;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -112px;
+ font-size: 11px;
+ line-height: 21px;
+ vertical-align: top;
+ list-style: none
+}
+
+.cwg2_wrap .cwg_lst li a {
+ display: inline-block;
+ color: #666;
+ _vertical-align: baseline
+}
+
+.cwg2_wrap .cwg_lst li em {
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-style: normal;
+ font-size: 9px;
+ font-family: Tahoma;
+ color: #aeaeae
+}
+
+.cwg2_wrap .cwg_lst li em.time {
+ color: #7b7b7b
+}
+
+.cwg2_wrap .cwg_status {
+ width: 141px;
+ height: 133px;
+ margin: 0 auto;
+ text-align: center;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_cnt {
+ overflow: hidden;
+ height: 21px;
+ margin-bottom: 10px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_cnt strong {
+ display: inline-block;
+ overflow: hidden;
+ width: 42px;
+ height: 21px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_btm {
+ width: 145px;
+ margin: 0 auto;
+}
+
+.cwg2_wrap .cwg_btm a {
+ display: inline-block;
+ margin: 7px 0 0 -1px;
+ padding: 3px 9px 3px 2px;
+ font-size: 11px;
+ color: #999;
+ letter-spacing: -1px;
+ text-decoration: none
+}
+
+.cwg2_wrap .cwg_btm a em {
+ display: inline-block;
+ overflow: hidden;
+ width: 4px;
+ height: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat -26px -96px;
+ vertical-align: middle
+}
+
+/* goal widget types2 */
+.cwg2_type .cplt {
+ background-position: -84px 0
+}
+
+.cwg2_type2 .cplt {
+ background-position: -102px 0
+}
+
+.cwg2_type3 .cplt {
+ background-position: -120px 0
+}
+
+.cwg2_type4 .cplt {
+ background-position: -138px 0
+}
+
+.cwg2_type5 .cplt {
+ background-position: -156px 0
+}
+
+.cwg2_type .lst_wrap .lst li {
+ background-position: 0 0
+}
+
+.cwg2_type2 .lst_wrap .lst li {
+ background-position: -14px 0
+}
+
+.cwg2_type3 .lst_wrap .lst li {
+ background-position: -28px 0
+}
+
+.cwg2_type4 .lst_wrap .lst li {
+ background-position: -42px 0
+}
+
+.cwg2_type5 .lst_wrap .lst li {
+ background-position: -56px 0
+}
+
+/* master widget */
+.cwg_master {
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 364px;
+ margin: 0 auto;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_note.png);
+ _background: url(http://blogimgs.naver.net/challengewidget/bg_note.gif);
+ text-align: left
+}
+
+.cwg_wrap .cwg_badge {
+ overflow: hidden;
+ position: relative;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_badge h1 {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_badge h1 a {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: block;
+ width: 171px;
+ height: 78px;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_badge h1 span {
+ display: block;
+ width: 171px;
+ height: 78px;
+}
+
+.cwg_wrap .cwg_badge h1.type span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type2 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type2.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type2.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type3 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type3.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type3.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type4 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type4.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type4.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type5 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type5.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type5.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .mod {
+ display: block;
+ position: absolute;
+ right: 13px;
+ bottom: 13px;
+ overflow: hidden;
+ width: 14px;
+ height: 14px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 0;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_lst {
+ position: relative;
+ height: 118px;
+ margin: 0 15px
+}
+
+.cwg_wrap .cwg_lst .none {
+ margin: 0;
+ margin-top: 23px;
+ font-size: 11px;
+ color: #999;
+ line-height: 21px;
+ text-align: center
+}
+
+.cwg_wrap .cwg_lst h2 {
+ height: 17px;
+ padding-top: 4px;
+ font-size: 12px;
+ letter-spacing: -1px;
+ text-align: center
+}
+
+.cwg_wrap .cwg_lst h2 a {
+ display: inline-block;
+ position: relative;
+ padding: 2px 17px 2px 2px;
+ color: #333;
+ text-decoration: none
+}
+
+.cwg_wrap .cwg_lst h2 a span {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_lst ul {
+ height: 82px;
+ padding-top: 3px
+}
+
+.cwg_wrap .cwg_lst li {
+ position: relative;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -112px;
+ font-size: 11px;
+ line-height: 21px;
+ vertical-align: top;
+ list-style: none
+}
+
+.cwg_wrap .cwg_lst li a {
+ display: inline-block;
+ color: #666;
+ _vertical-align: baseline
+}
+
+.cwg_wrap .cwg_lst li em {
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-style: normal;
+ font-size: 9px;
+ font-family: Tahoma;
+ color: #aeaeae
+}
+
+.cwg_wrap .cwg_lst li em.time {
+ color: #7b7b7b
+}
+
+.cwg_wrap .cwg_status {
+ width: 141px;
+ height: 133px;
+ margin: 0 auto;
+ text-align: center;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt {
+ overflow: hidden;
+ height: 21px;
+ margin-bottom: 11px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt strong {
+ display: inline-block;
+ overflow: hidden;
+ width: 50px;
+ height: 21px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt strong.level span {
+ margin-top: 0
+}
+
+.cwg_wrap .cwg_cnt strong.level2 span {
+ margin-top: -30px
+}
+
+.cwg_wrap .cwg_cnt strong.level3 span {
+ margin-top: -60px
+}
+
+.cwg_wrap .cwg_cnt strong.level4 span {
+ margin-top: -90px
+}
+
+.cwg_wrap .cwg_cnt .lnr {
+ display: inline-block;
+ overflow: hidden;
+ width: 19px;
+ height: 21px;
+ margin-left: -1px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -30px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt em {
+ display: inline-block;
+ height: 21px;
+ margin-left: -2px;
+ padding: 2px 9px 0 0;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 100% -60px;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 12px;
+ font-family: Tahoma;
+ color: #525252;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt em span {
+ visibility: hidden;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 0;
+ font-size: 0;
+ line-height: 0
+}
+
+.cwg_wrap .cwg_track {
+ position: relative;
+ width: 141px;
+ height: 86px
+}
+
+.cwg_wrap .cwg_track span {
+ overflow: hidden;
+ float: left;
+ position: relative;
+ z-index: 10;
+ width: 7px;
+ height: 8px;
+ margin: -1px 0 6px;
+ background-color: #fff;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_track span.rtl {
+ float: right
+}
+
+.cwg_wrap .cwg_track span.cpt {
+ visibility: hidden
+}
+
+.cwg_wrap .cwg_track span.excp {
+ float: right;
+ width: 8px;
+ height: 7px;
+ margin: -6px 0 0 133px
+}
+
+.cwg_wrap .cwg_track span.excp2 {
+ width: 8px;
+ height: 7px;
+ margin: -6px 133px 0 0
+}
+
+.cwg_wrap .cwg_track span.excp3 {
+ width: 8px
+}
+
+.cwg_wrap .cwg_track span.excp4 {
+ width: 8px;
+ height: 7px;
+ margin-top: 0
+}
+
+.cwg_wrap .cwg_track em.rail_bg {
+ overflow: hidden;
+ position: absolute;
+ top: -1px;
+ left: 0;
+ z-index: 5;
+ width: 141px;
+ height: 86px
+}
+
+.cwg_wrap .cwg_track em.rail_bg strong {
+ margin-top: -120px
+}
+
+.cwg_wrap .cwg_track em.rail {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -1px;
+ left: 0;
+ z-index: 15;
+ width: 141px;
+ height: 70px;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_rail.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_rail.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_track em.goal {
+ overflow: hidden;
+ position: absolute;
+ top: -3px;
+ left: -2px;
+ z-index: 20;
+ width: 124px;
+ height: 68px
+}
+
+.cwg_wrap .cwg_track em.goal strong {
+ margin-top: -220px
+}
+
+.cwg_wrap .cwg_btm {
+ width: 145px;
+ margin: 0 auto;
+ border-top: 1px solid #ececec
+}
+
+.cwg_wrap .cwg_btm a {
+ display: inline-block;
+ margin: 7px 0 0 -1px;
+ padding: 3px 9px 3px 2px;
+ font-size: 11px;
+ color: #999;
+ letter-spacing: -1px;
+ text-decoration: none
+}
+
+.cwg_wrap .cwg_btm a em {
+ display: inline-block;
+ overflow: hidden;
+ width: 4px;
+ height: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat -26px -96px;
+ vertical-align: middle
+}
+
+/* master widget types */
+.cwg_wrap .flt {
+ display: block;
+ width: 150px;
+ height: 450px
+}
+
+.cwg_type .flt {
+ background: url(http://blogimgs.naver.net/challengewidget/spr_ctype.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type2 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype2.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype2.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type3 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype3.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype3.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type4 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype4.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype4.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type5 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype5.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype5.png',
+ sizingMethod='crop' )
+}
+
+/* business widget */
+/* company info widget */
+.cmp_wrap {
+ width: 171px;
+ margin: 0 auto;
+ font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;
+ font-size: 12px;
+ text-align: left;
+}
+
+.cmp_wrap .line_x {
+ height: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .line_y {
+ width: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .ls0 {
+ letter-spacing: 0
+}
+
+.cmp_wrap .tl_cmp {
+ width: 100%;
+ padding: 0;
+ border: 0;
+ border-collapse: collapse;
+ table-layout: fixed
+}
+
+.cmp_wrap .tl_cmp th,.cmp_wrap .tl_cmp td {
+ padding: 0;
+ border: 0
+}
+
+.cmp_wrap .cmp_content {
+ position: relative;
+ width: 147px;
+ padding: 10px 11px 9px 11px;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.cmp_wrap .cmp_content:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+.cmp_wrap .cmp_content h3 {
+ height: 31px;
+ *height: 30px;
+ margin: 0 !important;
+ padding-top: 2px;
+ font-size: 12px;
+ font-weight: bold;
+ letter-spacing: 0;
+ line-height: 14px
+}
+
+.cmp_wrap .cmp_content .bx_line:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+.cmp_wrap .cmp_content .bx_line .line_y {
+ float: left
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr {
+ *margin-top: -1px;
+ overflow: hidden
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a {
+ display: inline-block;
+ float: left;
+ text-align: center
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a:hover {
+ text-decoration: none
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a strong {
+ display: block
+}
+
+.cmp_wrap a .bu {
+ display: inline-block;
+ margin-left: 2px;
+ font-size: 4px;
+ vertical-align: 3px;
+ -webkit-text-size-adjust: none
+}
+/* button text type */
+.cmp_wrap .cmp_content .btn_txt {
+ width: 37px;
+ position: absolute;
+ top: 10px;
+ right: 7px
+}
+
+.cmp_wrap .cmp_content .btn_txt .line_x {
+ width: 35px
+}
+
+.cmp_wrap .cmp_content .btn_txt .line_y {
+ height: 14px
+}
+
+.cmp_wrap .cmp_content .btn_txt a {
+ width: 33px;
+ height: 12px;
+ padding-top: 2px
+}
+
+:root .cmp_wrap .cmp_content .btn_txt a {
+ padding-top: 0;
+ padding-top: 2px \0/IE9
+}
+/* button icon type */
+.cmp_wrap .cmp_content .btn_help {
+ width: 14px
+}
+
+.cmp_wrap .cmp_content .btn_help .line_x {
+ width: 14px
+}
+
+.cmp_wrap .cmp_content .btn_help .line_y {
+ height: 12px
+}
+
+.cmp_wrap .cmp_content .btn_help a {
+ display: block;
+ width: 12px;
+ height: 12px;
+ line-height: 15px
+}
+
+:root .cmp_wrap .cmp_content .btn_help a {
+ line-height: 14px
+}
+
+:root .cmp_wrap .cmp_content .btn_help a {
+ line-height: 14px;
+ line-height: 17px \0/IE9
+}
+
+.cmp_wrap .cmp_tt {
+ overflow: hidden;
+ position: absolute;
+ top: 33px;
+ left: 5px;
+ width: 159px;
+ height: 1px;
+ border-bottom: 1px dotted
+}
+
+.cmp_wrap .cmp_content .info_cont {
+ padding-left: 8px
+}
+
+.cmp_wrap .cmp_content .info_cont li {
+ position: relative;
+ line-height: 16px;
+ list-style: none
+}
+
+.cmp_wrap .cmp_content .info_cont li .info_wrp {
+ display: inline-block;
+ padding-bottom: 1px;
+ opacity: 0.8;
+ filter: alpha(opacity = 80)
+}
+
+.cmp_wrap .cmp_content .info_cont li .tt {
+ display: inline-block
+}
+
+.cmp_wrap .cmp_content .info_cont li .tx {
+ padding-right: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .ic {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 6px;
+ *top: 7px;
+ left: -6px;
+ width: 2px;
+ height: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .lk {
+ text-decoration: underline
+}
+
+.cmp_wrap .cmp_content .info_cont li .lk .bu {
+ text-decoration: none;
+ vertical-align: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .btn_help {
+ display: inline-block;
+ *display: inline;
+ margin-left: 1px;
+ vertical-align: -2px;
+ *vertical-align: middle;
+ zoom: 1
+}
+
+.cmp_wrap .cmp_content .layer_tip {
+ display: none;
+ position: absolute;
+ z-index: 1000;
+ padding: 9px 10px 7px;
+ border: 1px solid #888;
+ background-color: #fff
+}
+
+.cmp_wrap .cmp_content .layer_tip .tip {
+ position: absolute;
+ bottom: -6px;
+ width: 11px;
+ height: 6px;
+ background:
+ url(http://blogimgs.naver.net/nblog/admin50/bg_layer_arr.gif)
+ no-repeat 0 0;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .cmp_content .layer_tip .cont {
+ margin-left: -1px;
+ font-size: 11px;
+ font-family: dotum, 'µ¸¿ò';
+ color: #848689;
+ letter-spacing: -1px;
+ line-height: 14px
+}
+
+.cmp_wrap .cmp_content .layer_tip .clse_tip {
+ position: absolute;
+ top: 7px;
+ right: 8px
+}
+/* // business widget*/
+.new_blog {
+ height: 170px;
+ font-family: 'µ¸¿ò', dotum;
+ text-align: center
+}
+
+.new_blog .new_blog_inner {
+ padding-top: 34px
+}
+
+.new_blog .new_blog_inner2 {
+ padding-top: 78px
+}
+
+.new_blog .new_blog_inner3 {
+ padding-top: 50px
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu {
+ text-align: left
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu li {
+ list-style: none;
+ margin-bottom: 6px;
+ font-size: 12px;
+ line-height: 17px
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu li .pcol2b {
+ width: 3px;
+ height: 3px;
+ margin: 0 2px 2px 0;
+ vertical-align: middle
+}
+
+.new_blog strong {
+ display: block;
+ margin: 0 0 8px;
+ font-size: 14px !important
+}
+
+.new_blog p {
+ display: block;
+ margin: 0 0 13px;
+ font-size: 12px;
+ line-height: 17px
+}
+
+.new_blog a {
+ display: inline-block
+}
+
+.ly_newblog {
+ position: absolute;
+ z-index: 1000;
+ padding: 14px;
+ border: 1px solid #d1d1d1;
+ background: #fefefe
+}
+
+.ly_newblog table {
+ width: 100%;
+ border-collapse: collapse
+}
+
+.ly_newblog .ly_newblog_btm {
+ position: relative;
+ width: 100%;
+ padding: 16px 0 6px;
+ border-top: 1px solid #ececec;
+ text-align: center
+}
+
+.ly_newblog .ly_newblog_btm img {
+ vertical-align: top
+}
+
+.ly_newblog .ly_newblog_cache {
+ position: absolute;
+ top: 19px;
+ right: -1px
+}
+
+.ly_newblog .ly_newblog_cache .input_chk {
+ float: left;
+ width: 13px;
+ height: 13px;
+ margin: 5px 5px 0;
+ padding: 0;
+ vertical-align: middle
+}
+
+.ly_newblog .ly_newblog_cache label {
+ float: left;
+ font-size: 11px;
+ font-family: 'µ¸¿ò', dotum;
+ letter-spacing: -1px;
+ line-height: 27px;
+ color: #999;
+ vertical-align: middle
+}
+
+.ly_newblog .ly_newblog_cache a {
+ display: inline-block;
+ float: left;
+ margin-left: 5px;
+ vertical-align: middle
+}
+
+.ly_newblog .clse {
+ display: inline-block;
+ position: absolute;
+ top: 7px;
+ right: 7px;
+ padding: 2px
+}
+
+.ly_newblog_cont img {
+ vertical-align: top
+}
+
+/* service terminated(wizard widget) */
+.wzd_wrap {
+ width: 169px;
+ height: 80px;
+ margin: 0 auto;
+ border: 1px solid #ececec;
+ background: #f5f5f5;
+ font-family: 'µ¸¿ò', dotum;
+ font-size: 11px;
+ letter- spacing: -1px;
+ text-align: center
+}
+
+.wzd_wrap .info_txt {
+ width: 146px;
+ height: 36px;
+ margin: 0 auto;
+ margin-bottom: 8px;
+ padding-top: 11px;
+ border-bottom: 1px solid #e3e3e3;
+ color: #7d7d7d;
+ line-height: 16px
+}
+
+.wzd_wrap .info_a {
+ display: inline-block;
+ margin: 0 4px 0 6px;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/nblog/widget/ic_wzd.gif)
+ no-repeat 0 2px;
+ color: #7d7d7d;
+ font-size: 11px;
+ text-decoration: none
+}
+
+.wzd_wrap a:hover {
+ text-decoration: underline
+}
+
+.side-body.onestyle .wzd_wrap {
+ *display: inline;
+ zoom: 1
+}
+
+/* map */
+.map_wrp .sub_cnt .more,.map_wrp .set,.map_wrp .go_post .post,.map_wrp .go_post .clse
+ {
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat
+}
+
+.map_wrp {
+ width: 171px;
+ height: 260px;
+ margin: 0 auto
+}
+
+.map_wrp .country {
+ position: relative;
+ width: 171px;
+ height: 260px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/bg_country_v2.jpg)
+ no-repeat;
+ font-family: 'µ¸¿ò', dotum;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.map_wrp .country .tit {
+ overflow: hidden;
+ height: 28px;
+ margin: 0;
+ padding: 0;
+ text-align: left
+}
+
+.map_wrp .country .tit .set {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 8px;
+ right: 8px;
+ width: 11px;
+ height: 12px;
+ background-position: 100% -124px;
+ text-indent: -9999px
+}
+
+.map_wrp .country .tit em {
+ visibility: hidden;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1px;
+ height: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.map_wrp .country .tit strong {
+ display: inline-block;
+ margin: 8px 0 0 80px;
+ color: #00a403;
+ font-family: verdana;
+ font-size: 10px
+}
+
+.map_wrp .map_sec {
+ position: relative;
+ height: 232px
+}
+
+.map_wrp .pin,.map_wrp .pin10,.map_wrp .pin100 {
+ display: block;
+ position: absolute;
+ width: 19px;
+ height: 25px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat 0 -124px;
+ text-align: center
+}
+
+.map_wrp a.pin:hover {
+ text-decoration: none
+}
+
+.map_wrp .pin strong {
+ display: block;
+ margin-left: -1px;
+ color: #00a403;
+ font-family: verdana;
+ font-size: 10px;
+ line-height: 16px
+}
+
+.map_wrp .pin10 {
+ width: 23px;
+ height: 33px;
+ background-position: -28px -124px
+}
+
+.map_wrp .pin10 strong {
+ line-height: 22px
+}
+
+.map_wrp .pin100 {
+ width: 29px;
+ height: 42px;
+ background-position: -61px -124px
+}
+
+.map_wrp .pin100 strong {
+ line-height: 28px
+}
+
+.map_wrp .sub_cnt {
+ position: absolute;
+ top: 239px;
+ right: 10px
+}
+
+:root .map_wrp .sub_cnt {
+ top: 240px \0/IE9
+}
+
+.map_wrp .sub_cnt a {
+ display: inline-block;
+ padding-right: 1px;
+ color: #66717b;
+ line-height: 12px;
+ vertical-align: middle
+}
+
+.map_wrp .sub_cnt .more {
+ padding: 0 5px 0 1px;
+ background-position: 100% -170px;
+ font-size: 11px
+}
+
+:root .map_wrp .sub_cnt .more {
+ line-height: 14px \0/IE9
+}
+
+.map_wrp .dim {
+ position: absolute;
+ top: 28PX;
+ left: 0;
+ width: 171px;
+ height: 232px;
+ background: #000;
+ opacity: 0.1;
+ filter: alpha(opacity = 10)
+}
+
+.map_wrp .go_post {
+ position: absolute;
+ top: 85px;
+ left: 12px;
+ width: 147px;
+ height: 120px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat;
+ text-align: center
+}
+
+.map_wrp .go_post p {
+ margin: 0;
+ padding: 0;
+ line-height: 15px
+}
+
+.map_wrp .go_post .tt {
+ padding-top: 15px;
+ color: #333
+}
+
+.map_wrp .go_post .tx {
+ color: #999
+}
+
+.map_wrp .go_post a {
+ display: block;
+ overflow: hidden;
+ text-indent: -9999em
+}
+
+.map_wrp .go_post .post {
+ width: 68px;
+ height: 16px;
+ margin: 11px auto 0;
+ background-position: 0 -186px
+}
+
+.map_wrp .go_post .clse {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ width: 11px;
+ height: 11px;
+ background-position: 100% -148px
+}
+
+.map_wrp .go_evt {
+ position: absolute;
+ top: 66px;
+ left: 12px;
+ width: 147px;
+ height: 125px;
+ padding-top: 15px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/event/bg_evt_ly.png)
+ no-repeat;
+ text-align: center
+}
+
+.map_wrp .go_evt p {
+ margin: 0;
+ padding: 0;
+ font-size: 11px;
+ line-height: 15px
+}
+
+.map_wrp .go_evt .tt {
+ margin-bottom: 3px;
+ color: #999
+}
+
+.map_wrp .go_evt .tx {
+ color: #ee6e3c
+}
+
+.map_wrp .go_evt .tx a {
+ overflow: hidden;
+ background: none;
+ color: #f6b69d;
+ text-decoration: underline
+}
+
+.map_wrp .go_evt a {
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat;
+ font-size: 11px
+}
+
+.map_wrp .go_evt .post,.map_wrp .go_evt .clse {
+ display: block;
+ text-indent: -9999px
+}
+
+.map_wrp .go_evt .post {
+ width: 68px;
+ height: 16px;
+ margin: 13px auto 0;
+ background-position: 0 -186px
+}
+
+.map_wrp .go_evt .clse {
+ position: absolute;
+ top: 9px;
+ right: 10px;
+ width: 11px;
+ height: 11px;
+ background-position: 100% -148px
+}
+
+.readonly_box {
+ border: solid 1px #e7e7e7;
+ background-color: #fff;
+ margin: 0 0 8px;
+ padding: 20px 0 19px 20px;
+ text-align: left;
+ position: relative;
+ overflow: hidden
+}
+
+.readonly_box h3 {
+ color: #333;
+ font: bold 14px "µ¸¿ò", dotum;
+ margin: 0 0 15px !important
+}
+
+.readonly_box h3 img {
+ vertical-align: middle;
+ margin: 0 6px 3px 0
+}
+
+.readonly_box h3 span {
+ padding-left: 3px;
+ font-size: 12px;
+ color: #ff6d20;
+ letter-spacing: 0
+}
+
+.readonly_box .closepop {
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ width: 15px;
+ height: 15px;
+}
+
+.readonly_box ul {
+ margin: 0 0 3px !important;
+ padding: 0
+}
+
+.readonly_box ul li {
+ list-style: none;
+ padding-left: 7px;
+ line-height: 18px;
+ font-size: 12px;
+ color: #333;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bu_2x2_33.gif)
+ 0 7px no-repeat
+}
+
+.readonly_box .viewnotice {
+ display: inline-block;
+ margin-top: 7px;
+ padding-right: 6px;
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bu_arrow_readonly.gif)
+ right 3px no-repeat;
+ font-size: 12px;
+ color: #333;
+ text-decoration: underline !important
+}
+
+.inspection {
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bg_inspection.gif)
+ repeat-x;
+ text-align: center
+}
+
+.inspection .sub_inspection {
+ width: 980px;
+ height: 69px;
+ margin: 0 auto;
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bg_inspection2.gif)
+ no-repeat;
+ text-align: left
+}
+
+.inspection h1 {
+ float: left;
+ _display: inline;
+ padding: 23px 20px 0 0
+}
+
+.inspection p {
+ float: left;
+ _display: inline;
+ padding: 14px 0 0;
+ padding-left: 21px;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bg_line.gif) 0
+ 17px no-repeat;
+ color: #fff;
+ line-height: 20px
+}
+
+.inspection p * {
+ color: #fff;
+ line-height: 20px
+}
+
+.inspection p em {
+ font-style: normal;
+ font-weight: bold;
+ text-decoration: underline
+}
+
+.inspection .viewnotice {
+ float: right;
+ _display: inline;
+ padding: 24px 0 0 18px;
+ height: 26px;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bg_line2.gif) 0
+ 17px no-repeat
+}
+
+#defineNHNCSS_LayoutTopCommon-411216_css {
+ color: #ffe
+}
\ 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
index 0000000..3455a4a
--- /dev/null
+++ b/org.tizen.common.builder/test/file/a.html
@@ -0,0 +1,14 @@
+
+
+
+
+ Insert title here
+
+
+
+
+
+ Hello, World
+
+
+
\ 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
index 0000000..cb8aa38
--- /dev/null
+++ b/org.tizen.common.builder/test/file/a.js
@@ -0,0 +1,3 @@
+A = function() {
+ console.log( "A created" );
+};
diff --git a/org.tizen.common.builder/test/file/b.css b/org.tizen.common.builder/test/file/b.css
new file mode 100755
index 0000000..20de43c
--- /dev/null
+++ b/org.tizen.common.builder/test/file/b.css
@@ -0,0 +1,6076 @@
+@CHARSET "EUC-KR";
+
+/* common style */
+html,body {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ min-height: 100%;
+}
+
+hr {
+ display: none;
+}
+
+ul,ol,form,h1,h2,h3,h4,h5,h6,dl,dt,dd {
+ margin: 0;
+ padding: 0
+}
+
+img {
+ border: none;
+}
+
+a:link {
+ text-decoration: none
+}
+
+a:visited {
+ text-decoration: none
+}
+
+a:hover {
+ text-decoration: underline
+}
+
+a:active {
+ text-decoration: none
+}
+
+.clear {
+ clear: both;
+}
+
+.blank5 {
+ height: 5px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank7 {
+ height: 7px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank10 {
+ height: 10px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank20 {
+ height: 20px;
+ overflow: hidden;
+}
+
+.tl {
+ text-align: left;
+}
+
+.tc {
+ text-align: center;
+}
+
+.tr {
+ text-align: right;
+}
+
+.fl {
+ float: left;
+}
+
+.fr {
+ float: right;
+}
+
+.fn {
+ float: none;
+}
+
+.vm {
+ vertical-align: middle;
+}
+
+.u,a.u {
+ text-decoration: underline;
+}
+
+.ls1 {
+ letter-spacing: -1px;
+}
+
+.nb {
+ font-weight: normal !important
+}
+
+input.cx {
+ width: 10px;
+ margin: 0;
+ padding: 0;
+ font-family: µ¸¿ò;
+ font-size: 10px;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+img.i_scrap {
+ margin: 0 0 3px 0;
+ vertical-align: middle;
+}
+
+img.i_open {
+ margin: 0 1px 4px 1px;
+ vertical-align: middle;
+}
+
+img.report {
+ margin: 0 0 -1px 0;
+}
+
+.p8 {
+ font-size: 8px;
+}
+
+.p9 {
+ font-size: 9px;
+}
+
+.p10 {
+ font-size: 10px;
+}
+
+.p11 {
+ font-size: 11px;
+}
+
+.p12 {
+ font-size: 12px;
+}
+
+.fil1 {
+ filter: alpha(opacity = 10);
+ opacity: 0.1;
+}
+
+.fil2 {
+ filter: alpha(opacity = 20);
+ opacity: 0.2;
+}
+
+.fil3 {
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+}
+
+.fil4 {
+ filter: alpha(opacity = 40);
+ opacity: 0.4;
+}
+
+.fil5 {
+ filter: alpha(opacity = 50);
+ opacity: 0.5;
+}
+
+.fil6 {
+ filter: alpha(opacity = 60);
+ opacity: 0.6;
+}
+
+.fil7 {
+ filter: alpha(opacity = 70);
+ opacity: 0.7;
+}
+
+.fil8 {
+ filter: alpha(opacity = 80);
+ opacity: 0.8;
+}
+
+.fil9 {
+ filter: alpha(opacity = 90);
+ opacity: 0.9;
+}
+
+.hand {
+ cursor: pointer;
+}
+
+/* Layout-X.jsp Áߺ¹µÈ ½ºÅ¸ÀÏ Á¸Àç È®ÀÎ ÇÊ¿ä */
+* html html {
+ overflow: scroll;
+ overflow-x: auto;
+}
+
+/* layout style */
+#head-skin {
+ width: 100%;
+ min-height: 100%;
+ background-repeat: repeat-x;
+ z-index: 1;
+}
+
+* html #head-skin {
+ height: 100%;
+}
+
+#whole-head,#whole-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+ clear: both;
+}
+
+#wrapper .side-head,#wrapper .side-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+ clear: both;
+}
+
+#whole-body {
+ clear: both;
+ padding: 0 8px;
+}
+
+#bottom-skin {
+ clear: both;
+ height: 75px;
+ background-repeat: repeat-x;
+}
+
+#body {
+ position: relative;
+ z-index: 10;
+ text-align: left;
+}
+
+#left-area,#right-area {
+ zoom: 1
+}
+
+#left-area:after,#right-area:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+#top-area #blog-title {
+ width: 100%
+}
+
+#left-area,#right-area,#content-area {
+ margin-top: 4px;
+} /*090824¼öÁ¤*/
+#bottom-area {
+ clear: both;
+}
+
+#blog-sign {
+ position: absolute;
+ width: 120px;
+ height: 20px;
+ right: 5px;
+ bottom: -30px;
+}
+
+#brandlink {
+ position: absolute;
+ left: 820px;
+ top: 545px;
+}
+
+div.division-line-x,div.division-line-y {
+ overflow: hidden;
+ font-size: 0;
+}
+
+div.division-line-x {
+ width: 171px;
+ height: 8px;
+ clear: both;
+}
+
+div.plile {
+ width: 100%;
+}
+
+#wrapper {
+ text-align: left;
+ clear: both;
+}
+
+#bottom-area {
+ padding-top: 8px;
+}
+
+#bottom-tight-area {
+ margin-top: 8px;
+}
+
+#top-tight-area .widget {
+ float: left;
+ margin-left: 8px;
+}
+
+#bottom-tight-area .widget {
+ float: left;
+ margin-left: 8px;
+}
+
+#top-tight-area div.division-line-x {
+ float: left;
+ width: 8px;
+ clear: none;
+}
+
+#bottom-tight-area div.division-line-x {
+ float: left;
+ width: 8px;
+ clear: none;
+}
+
+#top-tight-area .clear,#bottom-tight-area .clear {
+ height: 1px;
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+/* admin */
+#post-admin {
+ width: 147px;
+ margin: 0 auto;
+ padding: 0 0 6px 0;
+ text-align: left;
+} /* 0825 */
+#post-admin a {
+ font-weight: bold;
+ letter-spacing: -1px;
+} /* 0825 */
+#post-admin a.statistics {
+ font-weight: normal;
+} /* 0825 */
+#post-admin img.write {
+ width: 12px;
+ height: 12px;
+ margin: 0 2px -2px 2px;
+ background: url(http://blogimgs.naver.net/nblog/write_ico.png);
+}
+
+* html #post-admin img.write {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/write_ico.png',
+ sizingMethod='crop' )
+}
+
+#post-admin img.admin {
+ width: 12px;
+ height: 12px;
+ margin: 0 0 -2px 3px;
+ background: url(http://blogimgs.naver.net/nblog/edit_ico.png);
+} /* 0825 */
+* html #post-admin img.admin {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/edit_ico.png',
+ sizingMethod='crop' )
+}
+
+#post-admin img.admin-new {
+ width: 12px;
+ height: 12px;
+ margin: 0 0 -2px 3px;
+ background: url(http://blogimgs.naver.net/nblog/ico_new.gif) 0 1px
+ no-repeat;
+} /* 090506Ãß°¡ */
+#post-admin span.bar {
+ padding: 0 5px 0 3px;
+}
+
+#post-admin span.bar1 {
+ padding: 0 12px 0 9px;
+}
+
+#post-admin span.bar2 {
+ padding: 0 14px 0 11px;
+}
+
+#wrapper .side-body {
+ text-align: center;
+ clear: both;
+ font-family: µ¸¿ò;
+}
+
+#wrapper .side-body.onestyle {
+ padding: 0 0 10px 0;
+ zoom: 1;
+ width: 100%;
+}
+
+#wrapper .side-body .widget {
+ overflow: hidden
+}
+
+#wrapper h3.component {
+ position: absolute;
+ font-size: 12px;
+}
+
+#wrapper h3.component span {
+ cursor: default;
+}
+
+#wrapper .cm-head {
+ clear: both;
+ position: relative;
+ z-index: 1
+}
+
+#wrapper .cm-title {
+ position: absolute;
+ width: 171px;
+ z-index: 2
+}
+
+#wrapper .cm-body {
+ clear: both;
+}
+
+#wrapper .cm-footer {
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+#wrapper .cm-arw {
+ width: 3px;
+ height: 3px;
+ margin: 0 2px 2px 0;
+ vertical-align: middle;
+}
+
+#wrapper .cm-icol {
+ font-size: 12px;
+ font-family: µ¸¿ò;
+}
+
+#wrapper .cm-con {
+ width: 161px;
+ margin: 0 auto;
+}
+
+#wrapper .cmore {
+ position: absolute;
+ right: 8px;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+}
+
+#wrapper .cmore a {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ letter-spacing: -1px;
+}
+
+input.listup {
+ width: 15px;
+ height: 5px;
+ margin: 0 0 5px 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ text-align: center;
+ font-family: µ¸¿ò;
+ font-weight: bold;
+ cursor: pointer;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+input.listdown {
+ width: 15px;
+ height: 5px;
+ margin: 0 0 5px 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ text-align: center;
+ font-family: µ¸¿ò;
+ font-weight: bold;
+ cursor: pointer;
+ filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation= 2 );
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#idMenuDiv {
+ text-align: left;
+ font-family: µ¸¿ò;
+}
+
+#idMenuDiv .n_id {
+ cursor: pointer;
+}
+
+/* scrollbox */
+.template .scrollbox {
+ font-size: 12px;
+ border: 1px solid green;
+}
+
+.template .scrollbox .track {
+ background-color: #ff0;
+ width: 20px;
+}
+
+.template .scrollbox .button {
+ background-color: #f00;
+ width: 20px;
+ height: 20px;
+}
+
+.template .scrollbox .button.button_up {
+ background-color: #f0f;
+}
+
+.template .scrollbox .button.button_up.button_up_over {
+ background-color: #a00;
+}
+
+.template .scrollbox .button.button_up.button_up_down {
+ background-color: #0a0;
+}
+
+.template .scrollbox .button.button_dn {
+ background-color: #0f0;
+}
+
+.template .scrollbox .button.button_dn.button_dn_over {
+ background-color: #a00;
+}
+
+.template .scrollbox .button.button_dn.button_dn_down {
+ background-color: #0a0;
+}
+
+.template .scrollbox .thumb {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb .thumbtop {
+ width: 20px;
+ height: 10px;
+ background-color: gray;
+}
+
+.template .scrollbox .thumb .thumbbtm {
+ width: 20px;
+ height: 10px;
+ background-color: gray;
+}
+
+.template .scrollbox .thumb.thumb_over {
+ background-color: #aaa;
+}
+
+.template .scrollbox .thumb.thumb_over .thumbtop {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb.thumb_over .thumbbtm {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb.thumb_down {
+ background-color: #faa;
+}
+
+.template .scrollbox .thumb.thumb_down .thumbtop {
+ background-color: #a77;
+}
+
+.template .scrollbox .thumb.thumb_down .thumbbtm {
+ background-color: #a77;
+}
+
+/* selectbox */
+.ie7 {
+ font-size: 12px;
+ cursor: default;
+}
+
+.ie7 .box {
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/box.gif)
+ no-repeat;
+ position: relative;
+ text-decoration: none;
+ height: 22px;
+ color: #000;
+}
+
+.ie7 .selectbox_disabled {
+ opacity: 0.7;
+ -moz-opacity: 0.7;
+ -kthml-opacity: 0.7;
+ filter: alpha(opacity = 70);
+}
+
+.ie7 .box.box_over {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/box_over.gif);
+}
+
+.ie7 .box.box_down {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/box_down.gif);
+}
+
+.ie7 .box .label {
+ padding: 2px 5px;
+ height: 22px;
+ overflow: hidden;
+ cursor: default;
+}
+
+.ie7 .box .button {
+ float: right;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/button.gif)
+ no-repeat #fff;
+ width: 15px;
+ height: 22px;
+ _cursor: hand;
+ cursor: pointer;
+}
+
+.ie7 .box.box_over .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_over.gif);
+}
+
+.ie7 .box.box_down .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_down.gif);
+}
+
+.ie7.selectbox_expanded .box .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e.gif);
+}
+
+.ie7.selectbox_expanded .box.box_over .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e_over.gif);
+}
+
+.ie7.selectbox_expanded .box.box_down .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e_down.gif);
+}
+
+.ie7 .listbox {
+ border: 1px solid #9d9da1;
+ background-color: #fff;
+ margin: 2px 0 0 0;
+ padding: 0;
+}
+
+.ie7 .listbox li {
+ padding: 5px;
+ cursor: default;
+}
+
+.ie7 .listbox li.over {
+ background-color: #bbb7c7;
+}
+
+.png24 {
+ tmp: expression(setPng24(this) );
+}
+
+.division-line-x {
+ height: 5px;
+ font-size: 0;
+ overflow: hidden;
+}
+
+/* *** Float containers fix *** */
+.clearfix:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {
+ height: 1%;
+}
+
+.clearfix {
+ display: block;
+}
+/* End hide from IE-mac */
+
+/*printer styles*/
+@media print {
+ #leftcol {
+ display: none;
+ }
+ #rightcol {
+ display: none;
+ }
+ #twocols,#maincol {
+ width: 100%;
+ float: none;
+ }
+}
+
+.error_box {
+ width: 171px;
+ padding-top: 7px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left top
+ no-repeat;
+}
+
+.error_box p img {
+ border: 0
+}
+
+.error_box p {
+ margin: 7px !important;
+ padding: 3px 0 0 0 !important;
+ color: #6E6E6E;
+ font-family: Dotum;
+ font-size: 11px;
+ text-align: center;
+ line-height: 1.2
+}
+
+.error_box p.ico_recycle {
+ padding: 9px 0 3px 0;
+ text-align: center
+}
+
+.error_box_b {
+ overflow: hidden;
+ width: 171px;
+ height: 4px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left
+ bottom no-repeat;
+ font-size: 0
+}
+
+/* for log-integretion close-beta service */
+.betatest {
+ margin: 0 auto;
+ padding: 8px 0 8px;
+ width: 147px;
+ text-align: left;
+ font-weight: bold;
+}
+
+.betatest span {
+ display: inline-block;
+ padding-right: 8px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/profile/0158_icon.gif)
+ no-repeat right center;
+}
+
+.logbetalist {
+ position: relative;
+ left: -11px;
+ width: 105px;
+ height: 100%;
+ padding: 1px !important;
+ overflow: hidden;
+ border: 1px solid #9b9b9b;
+ background: #fff;
+}
+
+.logbetalist li {
+ width: 105px;
+ padding: 0 !important;
+}
+
+.logbetalist li a {
+ display: inline-block;
+ width: 96px;
+ padding: 5px 0 4px 9px;
+ color: #555;
+}
+
+.logbetalist li a:hover {
+ background: #f3f3f3 !important;
+}
+
+/* 090717 ·Î±×ÅëÇÕ ÀÌ¿ëÀÚ¼ÒÅë */
+div.log_intergration {
+ margin: 9px 0 6px;
+ padding: 0 0 0 22px;
+ font-size: 12px !important;
+ line-height: 1.4;
+ background:
+ url(http://blogimgs.naver.net/nblog/beta/ico_log_exclam2.gif)
+ no-repeat
+}
+
+strong.log_info {
+ display: block;
+ margin: 0;
+ padding-bottom: 2px;
+ font-size: 12px !important
+}
+
+span.log_info {
+ display: block;
+ margin-bottom: 11px;
+ padding-top: 4px;
+ font-size: 12px !important;
+ filter: alpha(opacity = 80);
+ opacity: 0.8;
+}
+
+/* 0921Ãß°¡ */
+.post_layer {
+ position: absolute;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ background: url(http://blogimgs.naver.net/nblog/spc.gif);
+}
+
+.shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .post_layer .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.post_layer .shadow01_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.post_layer .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .post_layer .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.post_layer .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.post_layer .border_type {
+ border: 2px solid #777777;
+ background-color: #FFFFFF;
+}
+
+.post_layer .close {
+ position: absolute;
+ top: 7px;
+ right: 8px;
+ background-color: #FFFFFF;
+}
+
+.post_layer .content {
+ padding-bottom: 3px;
+ margin: 13px 20px 0 20px;
+ border-bottom: 1px solid #E8E8E8;
+}
+
+.post_layer .btn {
+ margin: 0;
+ padding: 10px 0 10px 0;
+ text-align: center;
+}
+
+.post_layer .ln15 {
+ line-height: 1.5
+}
+
+.post_layer p {
+ padding: 0;
+ margin: 0
+}
+
+.post_layer .post_data {
+ margin-top: 3px;
+ padding: 9px 0 0 0;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_line2.gif)
+ top repeat-x;
+ text-align: left
+}
+
+.post_layer .post_data h3 {
+ margin: 0;
+ padding: 0 0 4px 7px;
+ font-size: 12px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_arrow.gif)
+ 0 3px no-repeat;
+}
+
+.post_layer .post_data ul {
+ margin: 0;
+ padding: 0
+}
+
+.post_layer .post_data li {
+ list-style-type: none;
+ position: relative;
+ margin: 0;
+ padding: 0 0 4px 7px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_dot3.gif)
+ 0 4px no-repeat;
+ letter-spacing: -1px;
+}
+
+.post_layer .post_data span {
+ position: absolute;
+ left: 0;
+ padding: 0 0 0 91px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_bar2.gif)
+ 81px 0 no-repeat;
+ color: #004790;
+}
+
+.post_layer .post_data span a {
+ color: #004790;
+}
+/* 0921Ãß°¡ */
+
+/* app box */
+#blog-socialappbox {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left
+}
+
+#blog-socialappbox .line {
+ width: 141px;
+ height: 1px;
+ margin: 0 auto;
+ border-top: 1px solid
+}
+
+#blog-socialappbox .cm-head em {
+ font-style: normal;
+ font-weight: normal;
+ font-size: 10px;
+ font-family: Tahoma
+}
+
+.app_box {
+ overflow: hidden;
+ padding: 9px 0 2px 10px;
+ zoom: 1
+}
+
+.app_box li {
+ float: left;
+ width: 44px;
+ margin: 0 5px 9px 0;
+ text-align: center;
+ list-style: none
+}
+
+.app_box li a {
+ display: inline-block
+}
+
+.app_box li a:hover {
+ text-decoration: none
+}
+
+.app_box li img {
+ vertical-align: top
+}
+
+.app_box li span {
+ display: inline-block;
+ overflow: hidden;
+ width: 44px;
+ margin-top: 5px;
+ font-size: 11px;
+ letter-spacing: -1px;
+ white-space: nowrap
+}
+
+.app_box_btn {
+ margin-right: 9px;
+ padding: 2px 0 6px;
+ text-align: right
+}
+
+.app_box_btn span,.app_box_btn a {
+ display: inline-block;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.app_box_btn .bar {
+ display: inline-block;
+ margin: 0 0 0 -1px;
+ font-style: normal;
+ font-size: 11px
+}
+
+.app_box_none {
+ text-align: center
+}
+
+.app_box_none p {
+ display: inline-block;
+ margin: 0;
+ padding: 24px 0 27px;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.app_box_none .p_type2 {
+ padding: 1px 0 0
+}
+
+.app_box_none .line {
+ padding-bottom: 10px
+}
+
+.app_box_ros {
+ padding: 5px 9px
+}
+
+.app_box_ros p {
+ margin: 0;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 16px
+}
+
+/* photo viewer */
+.photo_view {
+ position: absolute;
+}
+
+.photo_view .photo_shadow {
+ position: absolute;
+ bottom: -4px;
+ _bottom: -5px;
+ width: 100%;
+ height: 4px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png)
+ left top no-repeat;
+ font-size: 0;
+}
+
+* html .photo_view .photo_shadow {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png',
+ sizingMethod='scale' );
+ background: none
+}
+
+.photo_view img {
+ border: 0
+}
+
+.photo_view p {
+ margin: 0
+}
+
+.photo_view .view_top {
+ position: relative;
+ height: 31px;
+ margin-left: 4px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_top_r.gif)
+ right top no-repeat;
+}
+
+.photo_view h3 {
+ position: absolute;
+ top: 0;
+ left: -4px;
+ padding: 0;
+ margin: 0
+}
+
+.photo_view .btn_left {
+ position: absolute;
+ top: 6px;
+ right: 50%;
+}
+
+.photo_view .btn_left a {
+ display: block;
+ width: 31px;
+ height: 21px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left.gif)
+ no-repeat;
+}
+/*.photo_view .btn_left a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_over.gif) no-repeat;}
+.photo_view .btn_left a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_down.gif) no-repeat;}*/
+.photo_view .btn_left a img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .btn_right {
+ position: absolute;
+ top: 6px;
+ left: 50%;
+}
+
+.photo_view .btn_right a {
+ display: block;
+ width: 31px;
+ height: 21px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right.gif)
+ no-repeat;
+}
+/*.photo_view .btn_right a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_over.gif) no-repeat;}
+.photo_view .btn_right a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_down.gif) no-repeat;}*/
+.photo_view .btn_right a img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .photo_count {
+ position: absolute;
+ top: 9px;
+ right: 39px;
+ color: #6E6E6E;
+ font-size: 11px;
+ font-family: Verdana
+}
+
+.photo_view .photo_album {
+ position: absolute;
+ padding: 0 1px 1px 1px;
+ border: 1px solid #797979;
+ border-top: 0;
+ background-color: #fff
+}
+
+.photo_view .photo_album p {
+ border: 1px solid #AAA
+}
+
+.photo_view .btn_close {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+
+.photo_view .btn_close a {
+ display: block;
+ width: 23px;
+ height: 22px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close a:hover {
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_over.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close a:active {
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_down.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .btn_original {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+}
+
+* html .photo_view .btn_original img {
+ width: 80px;
+ height: 1px;
+ margin-top: -1px;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_original.png',
+ sizingMethod='image' );
+}
+
+.photo_view .loading_layer {
+ display: inline-block;
+ width: 150px;
+ height: 34px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/load_b01_01.gif)
+ 0 bottom no-repeat;
+ color: #4B4B4B;
+ font-size: 12px;
+ font-family: dotum;
+ letter-spacing: -1px;
+} /* 100524 */
+
+/* ipad */
+.guid_ipad_area2 {
+ width: 169px;
+ height: 178px;
+ margin: 0 auto;
+ border: 1px solid #ebebeb;
+ background: #f8f8f8;
+ color: #888;
+ text-align: center;
+}
+
+.guid_ipad_area2 p {
+ padding-top: 61px;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ line-height: 18px;
+}
+
+/* ÁöµµÀ§¿¡ ºí·Î±× : dz¼±¸» */
+.ic_new {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -14px;
+ left: 2px;
+ width: 20px;
+ height: 13px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/ic_new.png)
+ no-repeat;
+ text-indent: -9999px
+}
+
+.ic_event {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -14px;
+ left: -1px;
+ width: 26px;
+ height: 13px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/event/ic_event.png)
+ no-repeat;
+ text-indent: -9999px
+}
+/* for widget */
+
+/* for blog-category */
+#blog-category {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-category p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-category ul.profile-menu {
+ border-width: 1px 0;
+ border-color: #BCBCB8;
+ border-style: dotted;
+}
+
+#blog-category ul {
+ margin: 0;
+ padding: 5px 0 8px 9px;
+}
+
+#blog-category ul li {
+ list-style-type: none;
+ margin: 0 0 1px;
+ padding: 5px 0 0;
+ overflow: hidden;
+ zoom: 1;
+ word-break: break-all;
+ word-wrap: break-word; .
+ margin-bottom: -3px;
+}
+
+#blog-category ul li.allview {
+ padding-bottom: 7px;
+}
+
+#blog-category ul li.allview a {
+ font-weight: bold;
+}
+
+#blog-category ul li.selectedview a {
+ font-weight: bold;
+}
+
+#blog-category ul li.dilind {
+ margin: 0;
+ padding: 3px 0 5px;
+}
+
+#blog-category ul li.dilind input {
+ width: 145px;
+ height: 10px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ vertical-align: middle;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-category ul li.depth2dilind {
+ padding: 3px 0 5px;
+ background: none;
+ font-size: 0;
+}
+
+#blog-category ul li.depth2dilind input {
+ width: 145px;
+ height: 10px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ vertical-align: top;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-category ul li .num {
+ position: relative;
+ top: -1px;
+ font-family: verdana;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+#blog-category ul li img.listimage {
+ float: left;
+}
+
+#blog-category ul li img.albumimage {
+ float: left;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/admin/ico_n_photo.gif);
+}
+
+#blog-category ul li .tlink {
+ float: left;
+ width: 112px;
+}
+
+#blog-category ul li .tlink_nosub {
+ float: left;
+ width: 138px;
+}
+
+#blog-category ul li a.on {
+ text-decoration: underline;
+}
+
+#blog-category ul li.depth2 {
+ padding-left: 14px;
+ background-position: 4px 5px;
+ background-repeat: no-repeat;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_depth2_l.gif);
+}
+
+#blog-category ul li.depth2 .tlink {
+ width: 112px;
+}
+
+#blog-category .f_open {
+ float: left;
+ width: 16px;
+ height: 10px;
+ margin: 1px 0 0;
+ font: 0/0 arial;
+}
+
+#blog-category .f_open .f_icoclosed,#blog-category .f_open .f_icoopen {
+ background-repeat: no-repeat;
+ cursor: pointer;
+ _cursor: hand;
+} /* 090226¼öÁ¤ */
+#blog-category .f_open .f_icoclosed {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_f_closed_l.gif);
+}
+
+#blog-category .f_open .f_icoopen {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_f_open_l.gif);
+}
+
+#blog-category .allimage,#blog-category .listimage,#blog-category .albumimage
+ {
+ width: 10px;
+ height: 12px;
+ margin: 0 2px -2px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#blog-category h3.component span {
+ cursor: pointer;
+}
+/* for Category.jsp */
+.layer_popup {
+ top: 800px;
+ left: 350px;
+ position: absolute;
+ overflow: visible;
+ filter: progid:DXImageTransform.Microsoft.Shadow(color=#6c6c6c,
+ direction=135, strength=3 );
+}
+
+.layer_popup em {
+ font-style: normal;
+ font-weight: bold;
+}
+
+.layer_popup .shadow {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ overflow: visible;
+ z-index: 1;
+ _display: none;
+}
+
+*:first-child+html .layer_popup .shadow {
+ display: none;
+}
+
+.layer_popup .shadow1 {
+ left: 3px;
+ top: 3px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow1.png);
+}
+
+.layer_popup .shadow2 {
+ left: 2px;
+ top: 2px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow2.png);
+}
+
+.layer_popup .shadow3 {
+ left: 1px;
+ top: 1px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow3.png);
+}
+
+.layer_popup {
+ position: absolute;
+ overflow: visible;
+ width: 208px;
+ filter: progid:DXImageTransform.Microsoft.Shadow(color=#c6c6c6,
+ direction=135, strength=3 );
+}
+
+.layer_popup .layer_content {
+ border: 1px solid #6c6c6c;
+ background: #ffffff;
+ position: relative;
+ z-index: 2;
+}
+
+.layer_popup .layer_body {
+ font-size: 12px;
+ color: #333333;
+ line-height: 18px;
+ padding: 13px 0 10px 19px;
+ font-family: ±¼¸², Gulim, µ¸¿ò, Dotum, Helvetica, Sans-serif;
+ text-align: left;
+}
+
+.layer_popup .layer_content a {
+ color: #ff3333;
+ text-decoration: underline;
+}
+
+#prohibition {
+ position: absolute;
+ z-index: 1;
+ top: 1017px;
+ left: 389px;
+ background: url(img/bg_prohibition.gif) no-repeat;
+ line-height: 140%;
+ padding: 15px 0 0 20px;
+ width: 191px;
+ height: 85px;
+ color: #333;
+}
+
+#prohibition span {
+ color: #ff3333;
+ text-decoration: underline;
+}
+
+#blog-category ul li .tlink_nosub img {
+ margin: 0 0 0 4px;
+}
+
+#blog-category ul li .prohibit {
+ background: url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.png)
+ no-repeat 0 0;
+ _background:
+ url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.gif) no-repeat
+ 0 0
+}
+
+/* blog-search */
+#blog-search {
+ width: 171px;
+ height: 25px;
+ margin: 0 auto;
+ text-align: center;
+ font-size: 12px;
+}
+
+#blog-search h3 {
+ display: none;
+}
+
+#blog-search {
+ background: none;
+ padding: 0;
+}
+
+#blog-search .inp {
+ width: 120px;
+ height: 16px;
+ padding: 3px 0 0 3px;
+ vertical-align: middle;
+ border-top: 1px #999999 solid;
+ border-right: 1px #DBDBDB solid;
+ border-bottom: 1px #DBDBDB solid;
+ border-left: 1px #999999 solid;
+ background: #FFF;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-search .btn {
+ width: 43px;
+ height: 22px;
+ margin: 0 0 -1px 3px;
+ vertical-align: middle;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/btn_blogsearch.gif);
+ background-repeat: no-repeat;
+}
+
+/* blog-tag */
+#blog-tag {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-tag p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-tag .cmore a,#blog-tag .cmore span {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+}
+
+#blog-tag .cmore a.on {
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#blog-tag .taglist {
+ padding: 7px 9px;
+ line-height: 1.6;
+ word-break: break-all;
+ word-wrap: break-word;
+ overflow: hidden;
+ width: 153px;
+}
+
+#blog-tag .allview {
+ text-align: right;
+ padding: 0 10px 7px 0;
+}
+
+#blog-tag .allview span {
+ font-family: µ¸¿ò;
+ font-size: 9px;
+}
+
+#blog-tag .allview a {
+ font-size: 11px;
+}
+
+#blog-tag .allview img {
+ width: 4px;
+ height: 6px;
+ margin: 0 3px 2px 0;
+}
+
+/* blog-recent-comment */
+#blog-recent-comment {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-recent-comment h3.component span {
+ cursor: pointer;
+}
+
+#blog-recent-comment p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-recent-comment ul {
+ padding: 10px 0 1px 10px;
+}
+
+#blog-recent-comment ul li {
+ list-style-type: none;
+ margin-bottom: 6px;
+ padding: 0;
+}
+
+#blog-recent-comment .allview {
+ text-align: right;
+ padding: 0 10px 7px 0;
+}
+
+#blog-recent-comment .allview span {
+ font-family: µ¸¿ò;
+ font-size: 9px;
+}
+
+#blog-recent-comment .allview a {
+ font-size: 11px;
+}
+
+#blog-recent-comment .allview img {
+ width: 4px;
+ height: 6px;
+ margin: 0 3px 2px 0;
+}
+
+/* blog-visitor */
+#blog-visitor {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-visitor h3.component span {
+ cursor: pointer;
+}
+
+#blog-visitor p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-visitor ul {
+ padding: 10px 0 1px 10px;
+}
+
+#blog-visitor ul li {
+ list-style-type: none;
+ margin-bottom: 6px;
+ padding: 0;
+ word-break: break-all;
+}
+/* for Visitor.jsp */
+.layerpop2 {
+ position: absolute;
+ z-index: 999;
+ font: normal 12px µ¸¿ò, Dotum;
+ color: #333;
+ overflow: hidden;
+ display: none;
+}
+
+.layerpop2 .border_type {
+ position: relative;
+ border: solid 2px #777;
+ background-color: #fff;
+}
+
+.layerpop2 .close {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+}
+
+.layerpop2 .content1 {
+ padding: 30px 30px 21px;
+ border-bottom: solid 1px #f0f0f0;
+}
+
+.layerpop2 .content1 h6 {
+ font-weight: bold;
+ font-size: 14px;
+ padding-bottom: 22px;
+ margin: 0;
+ color: #333;
+}
+
+.layerpop2 .subtext {
+ font-size: 11px;
+ color: #999;
+ margin: 0;
+ padding: 7px 0 0;
+ line-height: 16px;
+ letter-spacing: -1px;
+ text-align: left;
+}
+
+.layerpop2 .check {
+ width: 13px;
+ height: 13px;
+ vertical-align: middle;
+ padding: 0 3px 2px 0;
+ margin-left: 2px;
+}
+
+.layerpop2 .btn1 {
+ background-color: #fbfbfb;
+ border-top: solid 1px #f7f7f7;
+ text-align: center;
+ margin: 0;
+ padding: 11px 0 20px;
+}
+
+.layerpop2 .btn1 img {
+ margin: 0 1px;
+ vertical-align: top;
+}
+
+/* blog-buddy */
+#blog-buddy {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-buddy h3.component span {
+ cursor: pointer;
+}
+
+#blog-buddy p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-buddy ul {
+ padding: 5px 0 5px 8px;
+}
+
+#blog-buddy ul li {
+ list-style-type: none;
+ font-weight: bold;
+ margin: 5px 0 0 0;
+ padding: 0 0 2px 0;
+ word-break: break-all;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+#blog-buddy .buddyup,#blog-buddy .buddydw {
+ width: 12px;
+ height: 12px;
+ margin: 0 3px 2px 0;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ vertical-align: middle;
+}
+
+#blog-buddy ul.depth2 {
+ padding: 0 0 0 15px;
+}
+
+#blog-buddy ul.depth2 li {
+ font-weight: normal;
+ margin: 4px 0 0 0;
+ padding: 0;
+ background: none;
+}
+
+#buddylist {
+ position: absolute;
+ top: 3px;
+ left: -8px;
+ border: 1px solid;
+ color: #9B9B9B;
+ background-color: #FFFFFF;
+ width: 355px;
+ height: 535px;
+ overflow: auto;
+}
+
+/* for Buddy4NaverBlog.jsp */
+.cm-slink:hover {
+ color: #56ac4b !important;
+}
+
+/* blog-stat */
+#blog-stat {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-stat p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-stat ul li {
+ list-style-type: none;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+}
+
+#blog-stat ul.info {
+ margin: 0;
+ padding: 9px 0 0 10px;
+}
+
+#blog-stat ul.info li {
+ height: 18px;
+ margin: 0;
+ padding: 0;
+}
+
+#blog-stat em {
+ font-style: normal;
+ font-weight: bold;
+ font-family: verdana;
+ font-size: 11px;
+}
+
+html>body #blog-stat ul.info li {
+ height: 18px;
+ margin: 0;
+}
+
+#blog-stat ul.item {
+ clear: both;
+ margin: 0;
+ padding: 0px 0 5px 10px;
+}
+
+#blog-stat ul.item li {
+ height: 15px;
+ margin: 0 0 3px 0;
+ padding: 0;
+}
+
+html>body #blog-stat ul.item li {
+ height: 18px;
+ margin: 0;
+}
+
+#blog-stat div.line {
+ height: 10px;
+ margin: 4px 10px 0 10px;
+ background: transparent;
+ border-top-width: 1px;
+ border-top-style: dotted;
+ overflow: hidden;
+ font-size: 0;
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+}
+
+/* blog-counter */
+#blog-counter {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-counter p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-counter h3 {
+ display: none;
+}
+
+#blog-counter p span.txt {
+ display: none;
+}
+
+#blog-counter span.cnt1,#blog-counter span.cnt2 {
+ display: block;
+}
+
+#blog-counter .today,#blog-counter .total {
+ position: absolute;
+}
+
+/* blog-rss */
+#blog-rss {
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-rss p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-rss span {
+ display: block;
+}
+
+#blog-rss span.no {
+ display: none;
+}
+
+#blog-rss a {
+ display: block;
+ position: absolute;
+}
+
+/* blog-powered */
+#blog-powered {
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-powered p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-powered span {
+ display: none;
+}
+
+#blog-powered a.naver {
+ display: block;
+ position: absolute;
+}
+
+#blog-powered a.blog {
+ display: block;
+ position: absolute;
+}
+
+/* widget-saying */
+#widget-saying {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#widget-saying p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-saying .bg-head {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#widget-saying .bg-body {
+ overflow: hidden;
+ background-repeat: repeat;
+ text-align: center;
+}
+
+#widget-saying .bg-footer {
+ clear: both;
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#widget-saying h3 {
+ display: none;
+}
+
+#widget-saying .con {
+ width: 142px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#widget-saying .con img {
+ cursor: pointer;
+}
+
+#widget-saying .saying {
+ ine-height: 1.4;
+}
+
+#widget-saying .saying span {
+
+}
+
+#widget-saying .writer {
+ float: right;
+ padding-top: 6px;
+}
+
+#widget-saying .icon {
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#widget-saying .btn-more {
+ padding: 8px 0 0 1px;
+}
+
+#widget-saying .btn-more a {
+ font-size: 10px;
+ text-decoration: none;
+}
+
+/* widget-currency */
+#widget-currency {
+ position: relative;
+ width: 171px;
+ margin: 0pt auto;
+}
+
+#widget-currency .skin-1,#widget-currency .skin-2 {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 11px;
+ background-repeat: no-repeat;
+}
+
+#widget-currency p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-currency .bg-head span {
+ display: none
+}
+
+#widget-currency .bg-head h3 {
+ margin: 0;
+ font-weight: normal;
+ text-align: center;
+}
+
+#widget-currency .bg-head h3 img {
+ border: 0
+}
+
+#widget-currency .bg-head h3 a {
+ position: absolute;
+ display: block;
+ width: 51px;
+ height: 20px;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ z-index: 99;
+ background: #fff;
+ opacity: 0;
+ filter: alpha(opacity = 0)
+}
+
+#widget-currency .bg-head h3.on a {
+ width: 55px;
+ height: 20px;
+}
+
+#widget-currency .bg-body h3.money {
+ position: absolute;
+ margin: 0;
+ font-weight: bold;
+ font-family: Times New Roman;
+}
+
+#widget-currency .bg-body {
+ clear: both;
+ text-align: center;
+}
+
+#widget-currency table {
+ position: absolute;
+}
+
+#widget-currency th {
+ display: none
+}
+
+#widget-currency td {
+ font-size: 10px;
+ font-family: Tahoma;
+ text-align: center
+}
+
+#widget-currency .rate {
+ height: 18px;
+ line-height: 1.4;
+}
+
+#widget-currency .no {
+ display: none
+}
+
+#widget-currency .rate-con {
+ position: absolute;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -1px
+}
+
+#widget-currency .buy {
+ position: absolute;
+ font-family: Tahoma;
+ font-size: 10px;
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#widget-currency .sell {
+ position: absolute;
+ font-family: Tahoma;
+ font-size: 10px;
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#widget-currency .country {
+ position: absolute;
+ z-index: 1
+}
+
+#widget-currency .bg-sel {
+ position: relative;
+ float: left;
+ width: 97px;
+ height: 19px;
+ padding: 0;
+ margin: 0
+}
+
+#widget-currency .bg-sel li {
+ width: 105px;
+ padding: 4px 0 3px 0;
+ font-size: 11px;
+ font-family: Dotum;
+ cursor: pointer;
+ cursor: hand;
+}
+
+#widget-currency .bg-sel li:first-letter {
+ padding-left: 7px
+}
+
+#widget-currency .bg-sel li.on {
+ background-color: #FF6501;
+ color: #FFFFFF;
+}
+
+#widget-currency .bg-sel li.on span {
+ color: #FFFFFF;
+}
+
+#widget-currency .bg-sel li span {
+ display: inline;
+ color: #8DA4B4;
+ font-size: 10px;
+ font-family: Arial;
+}
+
+#widget-currency .cal-input {
+ width: 40px;
+}
+
+#widget-currency .res-input {
+ width: 153px;
+}
+
+#widget-currency .nation select {
+ width: 95px;
+ font-size: 11px;
+}
+
+#widget-currency .btn-sel {
+ display: block;
+ position: absolute;
+ width: 13px;
+ height: 13px;
+ background-repeat: no-repeat;
+ top: 3px;
+ right: 4px;
+}
+
+#widget-currency .calculation-1,#widget-currency .calculation-2 {
+ float: left;
+ text-align: left;
+}
+
+#widget-currency .calculation-1 div,#widget-currency .calculation-2 div,#widget-currency .calculation-1 p,#widget-currency .calculation-2 p
+ {
+ float: left;
+}
+
+#widget-currency .calculation-1 input,#widget-currency .calculation-2 input
+ {
+ position: absolute;
+ margin: 1px 0 0 7px;
+ border: 0;
+ background-color: transparent;
+ font-size: 11px;
+ font-family: Arial;
+ color: #414141;
+ text-align: right;
+}
+
+#widget-currency .calculation-1 span,#widget-currency .calculation-2 span
+ {
+ display: none
+}
+
+#widget-currency .btn-calculation {
+ position: absolute;
+ width: 45px;
+ height: 17px;
+ text-align: right
+}
+
+#widget-currency .result {
+ float: left;
+}
+
+#widget-currency .result input {
+ float: left;
+ width: 153px;
+ border: 0;
+ background-color: transparent;
+ font-size: 11px;
+ font-family: Arial;
+ color: #414141;
+ text-align: right;
+}
+
+/* widget-weather */
+#widget-weather {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ overflow: hidden;
+}
+
+#widget-weather div {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-weather .weather,#widget-weather .today,#widget-weather .tomorrow
+ {
+ position: absolute;
+ background-repeat: no-repeat;
+}
+
+#widget-weather .temperature {
+ position: absolute;
+ width: 90px;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -2px;
+ line-height: 1.0;
+ z-index: 10;
+}
+
+#widget-weather .today-temperature,#widget-weather .tomorrow-temperature
+ {
+ position: absolute;
+ width: 40px;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -1px;
+ _letter-spacing: -2px;
+ line-height: 0.9;
+ z-index: 10;
+}
+
+#widget-weather .today-txt,#widget-weather .tomorrow-txt {
+ position: absolute;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 1.1;
+ z-index: 10
+}
+
+*:first-child+html #widget-weather .today-txt {
+ line-height: 1.2
+}
+
+* html #widget-weather .today-txt {
+ line-height: 1.2
+}
+
+*:first-child+html #widget-weather .tomorrow-txt {
+ line-height: 1.2
+}
+
+* html #widget-weather .tomorrow-txt {
+ line-height: 1.2
+}
+
+#widget-weather .area {
+ position: absolute;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 1.1;
+ z-index: 10
+}
+
+*:first-child+html #widget-weather .area {
+ line-height: 1.2
+}
+
+* html #widget-weather .area {
+ line-height: 1.2
+}
+
+*:first-child+html #widget-weather .area {
+ line-height: 1.2
+}
+
+* html #widget-weather .area {
+ line-height: 1.2
+}
+
+#widget-weather .tomorrow-minimum-temperature {
+ display: none
+}
+
+/* widget-count */
+#widget-count {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#widget-count p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-count h3 {
+ display: none;
+}
+
+#widget-count p span.txt {
+ display: none;
+}
+
+#widget-count span.cnt1,#widget-count span.cnt2 {
+ display: block;
+}
+
+#widget-count .today,#widget-count .total {
+ position: absolute;
+}
+
+/* widget-ccl */
+#widget-ccl {
+ width: 171px;
+ height: 38px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ overflow: visible !important
+}
+
+.ccl_layer {
+ position: absolute;
+ width: 179px;
+ letter-spacing: -1px;
+}
+
+.ccl_layer .content {
+ position: relative;
+ padding: 3px 9px 5px 9px;
+ border: 1px solid #919191;
+ background-color: #fff;
+ font-family: dotum;
+ font-size: 11px;
+ text-align: left
+}
+
+.ccl_layer p {
+ margin: 0;
+ padding: 5px 0 0 0
+}
+
+.ccl_layer ul {
+ margin: 0;
+ padding: 2px 0 0 0
+}
+
+.ccl_layer li {
+ list-style-type: none;
+ color: #888;
+ line-height: 1.2;
+ letter-spacing: 0;
+}
+
+.ccl_layer .ccl_layer_position {
+ position: absolute;
+ width: 7px;
+ height: 10px;
+ bottom: -10px;
+ _bottom: -12px;
+ left: 11px;
+ background:
+ url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png)
+ no-repeat;
+}
+
+* html .ccl_layer .ccl_layer_position {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png',
+ sizingMethod='crop' );
+ background: none;
+}
+
+.ccl_layer .shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .ccl_layer .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.ccl_layer .shadow01_side {
+ position: relative;
+ _width: 100%;
+ top: -2px;
+ left: -2px;
+}
+
+.ccl_layer .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .ccl_layer .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.ccl_layer .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.ccl_layer.top_position .ccl_layer_position {
+ position: absolute;
+ width: 7px;
+ height: 10px;
+ top: -9px;
+ _top: -8px;
+ left: 85px;
+ _left: 75px;
+ background:
+ url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png)
+ no-repeat;
+}
+
+* html .ccl_layer.top_position .ccl_layer_position {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png',
+ sizingMethod='crop' );
+ background: none;
+}
+
+/* blog-adpost */
+#blog-adpost {
+ width: 171px;
+ margin: 0 auto;
+ font-family: µ¸¿ò, dotum;
+ font-size: 12px;
+ text-align: left;
+}
+
+#blog-adpost .cm-side {
+ width: 1px;
+ margin: 0;
+ padding: 0;
+ *padding: 0 0 0 1px;
+ _padding: 0;
+ font-ssize: 0;
+ line-height: 0;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .cm-top {
+ clear: both;
+ height: 1px;
+ margin: 0;
+ padding: 0;
+ font-ssize: 0;
+ line-height: 0;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .cm-con {
+ width: 169px;
+ *width: 100%;
+ _width: 169px;
+ padding-top: 9px;
+}
+
+#blog-adpost .cm-con dl {
+ width: 141px;
+ margin: 0 auto;
+ padding: 6px 0;
+}
+
+#blog-adpost .cm-con dt a {
+ *width: 141px;
+ letter-spacing: -1px;
+}
+/*#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;}*/
+#blog-adpost .cm-con dt .pcol1 {
+ font-size: 13px
+}
+
+#blog-adpost .cm-con dt .sline {
+ border-bottom-width: 1px;
+ border-bottom-style: solid
+}
+
+#blog-adpost .cm-con dt a:hover {
+ text-decoration: none
+}
+
+#blog-adpost .cm-con dd {
+ line-height: 15px;
+ word-break: break-all;
+}
+
+#blog-adpost .cm-con .summary {
+ margin: 7px 0 4px
+}
+
+#blog-adpost .cm-con .summary a {
+ text-decoration: none !important;
+}
+
+#blog-adpost .cm-con .addr {
+ overflow: hidden;
+ width: 141px;
+ line-height: 13px;
+}
+
+#blog-adpost .cm-con .addr .pcol2 {
+ float: left;
+ font-size: 11px;
+ opacity: 0.5;
+ filter: alpha(opacity = 50);
+}
+
+#blog-adpost .cm-con .division {
+ width: 141px;
+ margin: 3px auto;
+ border-top-width: 1px;
+ border-top-style: solid;
+ line-height: 0;
+ opacity: 0.1;
+ filter: alpha(opacity = 10);
+}
+
+#blog-adpost .cm-con .nodata {
+ width: 100%;
+ margin: 0 auto;
+ padding: 32px 0 34px 0;
+ font-size: 11px;
+ text-align: center;
+ line-height: 15px;
+ opacity: 0.7;
+ filter: alpha(opacity = 70);
+}
+
+#blog-adpost .adsby {
+ width: 141px;
+ height: 22px;
+ margin: 6px auto 0 auto;
+ text-align: right;
+}
+
+#blog-adpost .adsby .by {
+ font-size: 10px;
+ font-family: verdana;
+}
+
+#blog-adpost .adsby .by .logo {
+ display: inline-block;
+ width: 44px;
+ height: 8px;
+ background: url(http://blogimgs.naver.net/nblog/adpost_logo.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/adpost_logo.png',
+ sizingMethod='image' );
+ cursor: hand;
+}
+
+#blog-adpost .adsby .by .logo span {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden;
+ font-size: 0;
+ line-height: 0;
+}
+
+#blog-adpost .adsby .bar {
+ display: inline-block;
+ padding: 0 2px 0 3px;
+ font-family: µ¸¿ò, dotum;
+ font-size: 11px;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .adsby .guide .pcol2 {
+ font-size: 11px;
+}
+
+/* blog-profile */
+#blog-profile {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-profile p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-profile .bg-head {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#blog-profile .bg-body {
+ background-repeat: repeat;
+ text-align: center;
+}
+
+#blog-profile .bg-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#blog-profile h3 {
+ display: none;
+}
+
+#blog-profile .con {
+ width: 161px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#blog-profile .image {
+ text-align: center;
+}
+
+#blog-profile .name {
+ width: 143px;
+ margin: 0 auto;
+ padding: 12px 0 0 0;
+ overflow: hidden;
+}
+
+#blog-profile .name a.col {
+ font-weight: bold;
+}
+
+#blog-profile .name .emo {
+ float: left;
+ width: 23px;
+}
+
+#blog-profile .name .nick {
+ float: left;
+ width: 120px;
+ font-size: 12px;
+ line-height: 1.4em;
+ word-break: break-all;
+}
+
+#blog-profile .pers {
+ margin: 0;
+ vertical-align: top;
+}
+
+#blog-profile .caption {
+ width: 143px;
+ margin: 0 auto;
+ padding: 8px 0 0 0;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ line-height: 1.3;
+ letter-spacing: -1px;
+ word-break: break-all;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+#blog-profile .more {
+ width: 143px;
+ margin: 0 auto;
+ padding: 8px 0 6px 0;
+ letter-spacing: -1px;
+}
+
+#blog-profile .id {
+ font-family: verdana;
+ font-size: 11px;
+}
+
+#blog-profile input {
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ border: none;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ font-weight: normal;
+ letter-spacing: -1px;
+ text-align: left;
+ filter: alpha(opacity = 60);
+ opacity: 0.6;
+ cursor: pointer;
+}
+
+#blog-profile .m1 input {
+ width: 30px;
+}
+
+#blog-profile .m2 input {
+ width: 20px;
+}
+
+#blog-profile .m3 input {
+ width: 41px;
+}
+
+#blog-profile .icon {
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ margin: 0 0 2px 2px;
+ vertical-align: middle;
+}
+
+#blog-profile .sub {
+ display: inline-block;
+ font-size: 11px;
+ opacity: 0.6;
+ -ms-filter: "Alpha(opacity=60)";
+ filter: alpha(opacity = 60)
+}
+
+#blog-profile .power_amb {
+ position: relative;
+ margin-top: 8px;
+ padding: 0 0 4px;
+ text-align: left;
+ overflow: hidden;
+}
+
+#blog-profile .power_amb .topline {
+ width: 100%;
+ height: 0;
+ border-left: 0;
+ border-right: 0;
+ border-bottom: 0;
+ border-top-style: solid;
+ border-top-width: 1px;
+ font: 0/0 arial;
+ opacity: .3;
+ filter: alpha(opacity : 30);
+}
+
+#blog-profile .power_amb .topline {
+ border-color: #999 !important;
+} /*ÀÓ½Ã*/
+#blog-profile .power_amb .mark1 {
+ display: block;
+ _display: inline;
+ margin: 0;
+ float: left;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',
+ sizingMethod='image' );
+}
+
+#blog-profile .power_amb .mark2 {
+ display: block;
+ _display: inline;
+ margin: 0;
+ float: left;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',
+ sizingMethod='image' );
+}
+
+#blog-profile .power_amb .x {
+ position: absolute;
+ top: 7px;
+ right: 3px;
+ font: bold 11px "µ¸¿ò", Dotum;
+ opacity: .5;
+ filter: alpha(opacity : 50);
+}
+
+#blog-profile .power_amb .x a {
+ text-decoration: none;
+}
+
+#blog-profile .power_amb .txt {
+ display: block;
+ _display: inline;
+ float: left;
+ width: 85px;
+ margin: 18px 0 0 4px;
+ font-family: verdana;
+ line-height: 12px;
+}
+
+#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
+ {
+ text-decoration: none;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+#blog-profile .power_amb .txt a:hover {
+ text-decoration: underline;
+}
+
+#blog-profile .power_amb .t7b {
+ font-size: 10px;
+ font-weight: bold;
+}
+
+#blog-profile .power_amb .t8b {
+ font-size: 11px;
+ font-weight: bold;
+ line-height: 13px;
+}
+
+#idMenuDiv td {
+ background-color: #FFF;
+}
+
+#idMenuDiv td.menu-over {
+ background-color: #e4ff75;
+}
+
+/* blog-calendar */
+#blog-calendar {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-calendar p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-calendar h3 {
+ display: none;
+}
+
+#blog-calendar .bg-head {
+ clear: both;
+ text-align: center;
+}
+
+* html #blog-calendar .bg-head {
+ height: 1%;
+}
+
+#blog-calendar .bg-body {
+ text-align: center;
+ padding-bottom: 5px;
+ clear: both;
+}
+
+#blog-calendar .bg-footer {
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+#blog-calendar .mlv {
+ position: relative;
+ width: 151px;
+ margin: 0 auto;
+ text-align: left;
+ clear: both;
+}
+
+#blog-calendar .location,#blog-calendar .mview {
+ position: absolute;
+}
+
+#blog-calendar .location {
+ bottom: 10px;
+ left: 3px;
+}
+
+#blog-calendar .mview {
+ bottom: 8px;
+ right: 3px;
+}
+
+#blog-calendar .location .date {
+ display: inline;
+ margin: -3px 0 0 0;
+ padding: 0;
+ text-align: center;
+ font-family: verdana;
+ font-size: 11px;
+ font-weight: bold;
+ letter-spacing: -1px;
+ cursor: pointer;
+}
+
+#blog-calendar .location .back {
+ display: inline;
+ padding: 0 3px 2px 0;
+ font-family: µ¸¿ò;
+ font-size: 9px;
+ cursor: pointer;
+}
+
+#blog-calendar .location .next {
+ display: inline;
+ padding: 0 0 2px 3px;
+ font-family: µ¸¿ò;
+ font-size: 9px;
+ cursor: pointer;
+}
+
+html>body #blog-calendar .location .date {
+ margin: 0;
+}
+
+#blog-calendar .calendar {
+ margin: 0 auto;
+ background: transparent;
+ text-align: center;
+}
+
+#blog-calendar .calendar .dis1,#blog-calendar .calendar .dis2 {
+ width: 147px;
+ height: 24px;
+ margin: 0 auto;
+ padding: 0;
+ margin-top: -5px;
+}
+
+#blog-calendar .calendar .dis1 span {
+ display: block;
+ float: left;
+ width: 21px;
+ font-weight: normal;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ text-align: center;
+ padding: 9px 0 0 0;
+}
+
+#blog-calendar .calendar .dis2 span {
+ display: block;
+ float: left;
+ width: 21px;
+ font-weight: normal;
+ font-family: tahoma;
+ font-size: 9px;
+ text-align: center;
+ padding: 9px 0 0 0;
+}
+
+#blog-calendar .calendar .dis3 {
+ width: 147px;
+ height: 3px;
+ margin: 0 auto;
+}
+
+#blog-calendar .calendar .dis3 img {
+ filter: alpha(opacity = 40);
+ opacity: 0.4;
+}
+
+#blog-calendar .calendar .dis3 img.li1 {
+ width: 20px;
+ margin-right: 1px;
+}
+
+#blog-calendar .calendar .dis3 img.li2 {
+ width: 21px;
+}
+
+#blog-calendar .calendar td {
+ width: 21px;
+ height: 19px;
+ margin: 0;
+ padding: 0;
+ font-family: verdana;
+ font-size: 11px;
+}
+
+html>body #blog-calendar .calendar td {
+ width: 21px;
+ height: 19px;
+}
+
+#blog-calendar .calendar td a {
+ font-family: verdana;
+ font-size: 11px;
+ font-weight: bold;
+}
+
+#blog-calendar .calendar td.today,#blog-calendar .calendar td.today a {
+ text-decoration: underline;
+}
+
+#blog-calendar .mview .col1 {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ letter-spacing: -1px;
+ cursor: pointer;
+}
+
+#blog-calendar ul.monthview {
+ margin: 0;
+ padding: 0 0 1px 0;
+ text-align: left;
+ clear: both;
+}
+
+#blog-calendar ul.monthview li {
+ list-style-type: none;
+ height: 13px;
+ margin-bottom: 5px;
+ padding: 0;
+ clear: both;
+}
+
+* html #blog-calendar ul.monthview li {
+ margin-bottom: 0;
+}
+
+#blog-calendar ul.monthview li .mon {
+ float: left;
+ padding-left: 15px;
+}
+
+#blog-calendar ul.monthview li .num {
+ float: right;
+ padding-right: 15px;
+ font-size: 10px;
+ font-family: verdana;
+}
+
+#blog-calendar ul.monthview li .num span {
+ font-size: 10px;
+ font-family: verdana;
+}
+
+/* foldset */
+#foldset {
+ position: relative;
+ clear: both;
+ float: none;
+ height: 13px;
+ margin-top: 4px;
+}
+
+#foldset div {
+ overflow: hidden;
+ height: 13px;
+}
+
+#foldset .close-fold {
+ width: 21px !important;
+}
+
+#foldset .go-left,#foldset .go-right {
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ vertical-align: top;
+}
+
+#foldset .l11s1close {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 13px !important;
+}
+
+#foldset .l11s1s2close {
+ margin: 0 !important
+}
+
+#foldset .l12s1close {
+ position: absolute;
+ float: none;
+ top: 0;
+ right: 0;
+ margin: 0 !important;
+}
+
+#foldset .l12s2close {
+ position: absolute;
+ float: none;
+ top: 0;
+ right: 0;
+ z-index: 2
+}
+
+#foldset .l12s1s2close {
+ margin: 0 !important;
+}
+
+/* blog-menu */
+#blog-menu {
+ clear: both;
+ font-size: 12px;
+ font-family: µ¸¿ò;
+}
+
+#blog-menu table {
+ width: 100%;
+ border-collapse: collapse;
+ table-layout: fixed;
+}
+
+#blog-menu table td {
+ padding-top: 4px;
+}
+
+#blog-menu p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-menu ul {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-menu ul li {
+ list-style-type: none;
+ float: left;
+ position: relative;
+}
+
+#blog-menu ul li a {
+ letter-spacing: -1px;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+#blog-menu ul li img {
+ margin-left: -2px
+}
+
+#blog-menu ul li .bar {
+ height: 10px;
+ margin: 2px 7px 4px 4px;
+ padding: 0;
+ vertical-align: middle;
+ filter: alpha(opacity = 30);
+ opacity: 0.3
+}
+
+#blog-menu .menu1 ul {
+ padding-left: 18px;
+}
+
+#blog-menu .menu2 {
+ width: 300px
+}
+
+#blog-menu .menu2 ul {
+ float: right;
+ padding-right: 12px;
+}
+
+#blog-menu .menu2 ul li a {
+ font-weight: normal;
+}
+
+#blog-menu .menu2 ul li a.on {
+ font-weight: bold;
+}
+
+/* blog-gnb */
+#blog-gnb {
+ height: 33px;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+}
+
+#blog-gnb p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-gnb .gnb {
+ float: right;
+}
+
+#blog-gnb .gnb {
+ margin: 8px 10px 0 0;
+}
+
+#blog-gnb .gnb ul {
+ margin: 0;
+ padding: 2px 0 0 0;
+ letter-spacing: -1px;
+}
+
+#blog-gnb .gnb ul li {
+ list-style-type: none;
+ float: left;
+ padding: 0 0 0 5px
+}
+
+#blog-gnb .gnb ul li a {
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ text-decoration: none;
+}
+
+#blog-gnb .bar {
+ margin: 0 1px -1px 4px;
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+ padding: 0
+}
+
+#blog-gnb .gnb ul li.i2,#blog-gnb .gnb ul li.i3,#blog-gnb .gnb ul li.i4
+ {
+ padding-top: 1px;
+}
+
+#blog-gnb .gnb ul li.me a {
+ display: inline-block
+}
+
+#blog-gnb .gnb ul li.me span {
+ display: inline-block;
+ position: relative
+}
+
+#blog-gnb .gnb ul li.me span em {
+ display: inline-block;
+ position: absolute;
+ top: -11px;
+ *top: -12px;
+ left: 0;
+ background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat 0
+ -13px
+}
+
+#blog-gnb .gnb ul li.me span em i {
+ display: block;
+ margin-left: 3px;
+ padding-right: 4px;
+ background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat
+ 100% -26px;
+ color: #fff;
+ font-style: normal;
+ font-size: 10px;
+ font-family: Tahoma;
+ letter-spacing: 0;
+ line-height: 13px
+}
+
+#blog-gnb .go-down,#blog-gnb .go-up {
+ width: 13px;
+ height: 13px;
+ margin: 0 0 -2px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#blog-gnb .log {
+ float: right;
+ margin: 7px 0 0 0;
+ padding: 0 8px 0 0;
+}
+
+#blog-gnb .logout,#blog-gnb .login {
+ width: 50px;
+ height: 20px;
+ margin: 0 0 0 0;
+ background-repeat: no-repeat;
+ vertical-align: middle;
+}
+
+#blog-gnb .remote {
+ width: 12px;
+ height: 18px;
+ margin: 0 3px 1px 3px;
+ background: url('http://blogimgs.naver.net/nblog/remote_icon.png')
+ no-repeat;
+ vertical-align: middle;
+}
+
+* html #blog-gnb .remote {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/remote_icon.png',
+ sizingMethod='crop' )
+}
+
+#blog-gnb .tb {
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ font-weight: bold;
+}
+
+/* gnb-direct */
+#gnb-direct {
+ width: 77px;
+ color: #676767;
+ font-family: µ¸¿ò;
+}
+
+#gnb-direct a.link1 {
+ color: #333333;
+}
+
+#gnb-direct .rnd-t {
+ height: 6px;
+ background: url('http://blogimgs.naver.net/nblog/bg_godiv_t.gif')
+ no-repeat;
+ overflow: hidden;
+ font-size: 0;
+}
+
+#gnb-direct .con {
+ background: url('http://blogimgs.naver.net/nblog/bg_godiv_b.gif') bottom
+ no-repeat;
+}
+
+#gnb-direct .con ul.gnb-direct {
+ margin: 0;
+ padding: 2px 0 7px 0;
+}
+
+#gnb-direct .con ul.gnb-direct li {
+ list-style-type: none;
+ float: none;
+ margin: 0 5px;
+ padding: 0 0 4px 12px;
+ background: url('http://blogimgs.naver.net/nblog/ico_arw_g.gif') 4px 4px
+ no-repeat;
+ letter-spacing: -1px;
+}
+
+#gnb-direct .rview {
+ margin: 0;
+ padding: 0 0 3px 0;
+ text-align: center;
+ letter-spacing: -1px;
+}
+
+#gnb-direct .rview a,#blog-gnb .directly-box .con ul li a {
+ color: #676767;
+}
+
+#gnb-direct1 {
+ width: 62px;
+ padding: 3px 8px;
+ border: 1px solid #9b9b9b;
+ background: #fff;
+ font-family: µ¸¿ò;
+ color: #676767
+}
+
+#gnb-direct1.mblog {
+ width: 52px
+}
+
+#gnb-direct1 .rview {
+ padding: 10px 0 0 5px;
+ margin: 0 6px 4px 6px;
+ text-align: left;
+} /*090629¼öÁ¤*/
+#gnb-direct1 ul {
+ padding: 5px 0 3px !important;
+ border-bottom: 1px solid #ebebeb
+}
+
+#gnb-direct1 ul li {
+ float: none !important;
+ margin: 0;
+ padding: 0 !important;
+ letter-spacing: -1px;
+ list-style-type: none
+}
+
+#gnb-direct1 ul li a {
+ display: block;
+ position: relative;
+ padding: 2px 0 1px 1px;
+ color: #4c4c4c;
+ zoom: 1
+}
+
+#gnb-direct1 ul li a:hover {
+ text-decoration: underline
+}
+
+#gnb-direct1 ul.dot li a {
+ padding-left: 7px
+}
+
+#gnb-direct1 ul.dot li span {
+ display: block;
+ position: absolute;
+ top: 7px;
+ left: 2px;
+ width: 2px;
+ height: 2px;
+ background: #999;
+ font-size: 0;
+ line-height: 0
+}
+
+#gnb-direct1 ul.last {
+ border-bottom: none
+}
+
+#gnb-direct1 .uview {
+ padding: 7px 0 0 5px;
+ margin: 0 6px;
+ border-top: solid 1px #DCDBDC;
+ text-align: left;
+} /*090629Ãß°¡*/
+
+/* blog-title */
+#blog-title table {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ border-collapse: collapse;
+}
+
+#blogTitleText {
+ padding: 23px;
+}
+
+#blogTitleName {
+ font-weight: bold;
+ text-decoration: none;
+ font-family: µ¸¿ò;
+}
+
+/* blog-music */
+#top-area #blog-music {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 213px;
+ height: 20px;
+}
+
+#wrapper #blog-music {
+ position: static;
+ width: 171px;
+ height: 38px;
+ margin: 0 auto;
+}
+
+#musicTop #blog-music {
+ position: absolute;
+ top: -25px;
+ left: 8px;
+ width: 213px;
+ height: 20px;
+}
+
+/* blog buddyconnect */
+#blog-buddyconnect {
+ width: 171px;
+}
+
+/* for layer */
+/* 1017Ãß°¡ */
+.cp_layer_popup {
+ position: absolute;
+ z-index: 99;
+ padding: 3px 0 0 3px;
+ font-size: 12px;
+ font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, Helvetica, Sans-serif;
+ text-align: left
+}
+
+.cp_layer_popup p {
+ margin: 0;
+ padding: 0
+}
+
+.cp_layer_popup .shadow1 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow01.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .cp_layer_popup .shadow1 {
+ background:
+ url('http://blogimgs.naver.net/nblog/mylog/post/shadow01.png')
+ transparent;
+}
+
+.cp_layer_popup .shadow1_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.cp_layer_popup .shadow2 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .cp_layer_popup .shadow2 {
+ background:
+ url('http://blogimgs.naver.net/nblog/mylog/post/shadow02.png')
+ transparent;
+}
+
+.cp_layer_popup .shadow2_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.cp_layer_popup .border_type {
+ border: 2px solid #777777;
+ background-color: #ffffff;
+}
+
+.cp_layer_popup .header {
+ display: block;
+ height: 22px;
+ _height: 30px;
+ padding: 8px 0 0 13px;
+ margin: 0;
+ background: #f4f4f4;
+ font: bold 13px ±¼¸², Gulim;
+ color: #444;
+}
+
+.cp_layer_popup .closelayer {
+ position: absolute;
+ right: 9px;
+ top: 9px;
+}
+
+.cp_layer_popup .content {
+ margin: 20px;
+}
+
+.cp_layer_popup .cp_noti {
+ margin: 0;
+ overflow: hidden;
+ _zoom: 1;
+}
+
+.cp_layer_popup .cp_noti dt {
+ float: left;
+ width: 44px;
+ height: 39px;
+ padding: 0;
+}
+
+.cp_layer_popup .cp_noti dd {
+ float: left;
+ background: url(http://blogimgs.naver.net/nblog/bu_1x26_ef.gif) 0 0
+ no-repeat;
+ padding: 0 0 0 16px;
+ margin: 0;
+ color: #222;
+ font-weight: bold;
+ font-size: 12px;
+ letter-spacing: -1px;
+ line-height: 1.3em;
+}
+
+.cp_layer_popup .cp_noti_desc {
+ padding: 11px 14px 1px;
+ border: solid 1px #DFDFDF;
+ overflow: hidden;
+}
+
+.cp_layer_popup .cp_noti_desc p {
+ font-size: 11px;
+ line-height: 1.4em;
+ letter-spacing: -1px;
+ padding-bottom: 7px;
+ color: #888;
+}
+
+.cp_layer_popup .cp_noti_desc span {
+ color: #444;
+}
+/* //1017Ãß°¡ */
+
+/* 100510 hashfilter */
+/* .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} */
+.layer_hashfilter {
+ position: absolute;
+ z-index: 999;
+ width: 390px;
+ padding: 17px 18px 4px;
+ border: 1px solid #888;
+ background: #fff;
+ font-size: 12px;
+ font-family: dotum, 'µ¸¿ò';
+ letter- spacing: -1px;
+ line-height: 15px;
+ text-align: left !important
+}
+
+.layer_hashfilter h2 {
+ margin: 0;
+ padding: 1px 0 12px 0;
+ font-size: 12px
+}
+
+.layer_hashfilter p {
+ color: #666;
+ margin: 0;
+ padding: 0
+}
+
+.layer_hashfilter .vaccine_link {
+ display: inline-block;
+ padding: 5px 7px 0 0;
+ background: url(http://blogimgs.naver.net/imgs/bul_arrow_green.gif)
+ no-repeat 100% 8px;
+ text-decoration: underline;
+ font-size: 11px;
+ color: #5BC139 !important
+}
+
+.layer_hashfilter .file {
+ padding: 3px 0 15px 0
+}
+
+.layer_hashfilter .file img {
+ vertical-align: middle;
+ margin-right: 6px
+}
+
+.layer_hashfilter .info_text {
+ margin-top: 18px;
+ padding: 19px 0 11px 0;
+ color: #999;
+ font-size: 11px;
+ border-top: 1px solid #ededed
+}
+
+.layer_hashfilter .close {
+ position: absolute;
+ top: 8px;
+ right: 8px
+}
+
+.layer_hashfilter .btns {
+ margin-top: 5px;
+ padding-top: 10px;
+ border-top: 1px solid #e8e8e8;
+ text-align: center
+}
+/* //100510 hashfilter */
+
+/* layer popup */
+.layerpop {
+ position: relative;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ background: url(http://blogimgs.naver.net/nblog/spc.gif);
+}
+/* .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"));} */
+.layerpop .shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpop .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.layerpop .shadow01_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.layerpop .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body #layerpop .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.layerpop .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.layerpop .border_type {
+ border: 2px solid #777777;
+ background-color: #FFFFFF;
+}
+
+.layerpop .close {
+ position: absolute;
+ top: 7px;
+ right: 8px;
+ background-color: #FFFFFF;
+}
+
+.layerpop .content {
+ margin: 13px 20px 0 20px;
+ border-bottom: 1px solid #E8E8E8;
+}
+
+.layerpop .content .q1 {
+ margin: 0;
+ padding: 0 0 8px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #222222;
+ line-height: 1.5;
+ text-align: left;
+}
+
+.layerpop .content .q2 {
+ margin: 0;
+ padding: 0 0 8px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #222222;
+ text-align: left;
+}
+
+.layerpop .content .q2 input {
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+
+* html .layerpop .content .q2 input {
+ height: 15px;
+ height: 15px;
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+
+.layerpop .content .q3 {
+ margin: 0;
+ padding: 0 0 3px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #444;
+ line-height: 1.5;
+ text-align: left;
+}
+
+.layerpop .content .q4 {
+ margin: 0;
+ padding: 0 0 9px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #444;
+ text-align: left;
+ letter-spacing: -1px;
+}
+
+.layerpop .content .q4 em {
+ font-style: normal;
+ color: #488C00;
+}
+
+.layerpop .btn {
+ margin: 0;
+ padding: 10px 0 10px 0;
+ text-align: center;
+}
+
+/*
+NHN WebStandard Team (http://html.nhndesign.com/)
+author : freebird@nhncorp.com 070808
+*/
+/* shadow */
+.layerpopup {
+ position: absolute;
+ z-index: 99;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+}
+
+.layerpopup img {
+ border: none;
+}
+
+.layerpopup .shadow1 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow1 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png')
+ transparent;
+}
+
+.layerpopup .shadow1_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .shadow2 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow2 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png')
+ transparent;
+}
+
+.layerpopup .shadow2_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .shadow3 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow3 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png')
+ transparent;
+}
+
+.layerpopup .shadow3_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .border_type {
+ border: 2px solid #777777;
+ background-color: #ffffff;
+}
+
+.layerpopup .closelayer {
+ position: absolute;
+ right: 8px;
+ top: 9px;
+}
+
+.layerpopup .btn_box {
+ text-align: center;
+ padding: 10px 0 15px 0;
+ margin: 10px 20px 0 20px;
+ border-top: 1px solid #e8e8e8;
+}
+
+.layerpopup .btn_box * {
+ vertical-align: middle;
+}
+
+.layerpopup .logbox_wrap {
+ width: auto;
+ _width: 100%;
+ padding-top: 6px;
+ background: url(http://blogimgs.naver.net/nblog/bg_area01.gif) left top
+ repeat-x;
+}
+
+.layerpopup .logbox_wrap p {
+ margin: 0;
+ font-size: 11px;
+ color: #333333;
+ letter-spacing: -1px;
+}
+
+.layerpopup .notice {
+ padding: 4px 0 5px 11px;
+ _padding: 4px 0 7px 11px;
+}
+
+.layerpopup .notice02 {
+ padding: 19px 0 9px 19px;
+ line-height: 1.4;
+}
+
+.layerpopup .notice02 strong {
+ color: #278F00;
+}
+
+.layerpopup .volume {
+ font-size: 12px !important;
+ margin: 16px 19px -8px 19px;
+ letter-spacing: 0 !important;
+}
+
+.layerpopup .frame_wrap {
+ width: auto;
+ _width: 350px;
+ margin: 0 10px 0 10px;
+}
+
+.layerpopup .frame_wrap.type03 {
+ margin: 0 0 0 20px !important;
+}
+
+/* for ±ÝÄ¢¾î °ü·Ã ·¹ÀÌ¾î ½ºÅ¸ÀÏ */
+/* initialization */
+#c_layer_popup {
+ margin: 0;
+ padding: 0;
+}
+
+#c_layer_popup div,#c_layer_popup p,#c_layer_popup ul,#c_layer_popup li,#c_layer_popup button
+ {
+ margin: 0;
+ padding: 0;
+ text-align: left;
+}
+
+#c_layer_popup ul,#c_layer_popup li {
+ list-style: none;
+}
+/* Layout */
+#c_layer_popup {
+ position: absolute;
+ z-index: 200;
+ width: 370px;
+ height: 428px;
+ display: none;
+ _height: 427px;
+ padding: 47px 20px 0 20px;
+ _padding: 48px 20px 0 20px;
+ border: 4px solid #777;
+ font: 12px dotum, sans-serif;
+ letter-spacing: -1px;
+ background: #fbfbfb
+ url('http://blogimgs.naver.net/static/common/popup/bg_not_available_word.gif')
+ repeat-x left top;
+ text-align: left;
+}
+
+#c_layer_popup .c_contents {
+ width: 360px;
+ padding: 17px 5px 0 5px;
+ _padding: 18px 5px 0 5px;
+ text-align: left;
+}
+
+#c_layer_popup .c_footer {
+ width: 360px;
+ _height /**/: 47px;
+ text-align: center;
+}
+/* c_contents */
+#c_layer_popup .c_desc00 {
+ width: 370px;
+ height: 57px;
+ _height: 56px;
+ border-bottom: 1px solid #d0d0d0;
+ font: 12px normal dotum;
+ color: #333;
+ line-height: 18px;
+ text-align: left;
+}
+
+#c_layer_popup .c_desc00 span {
+ color: #258102
+}
+
+#c_layer_popup .c_desc01 {
+ height: 42px;
+ _height: 41px;
+ line-height: 18px;
+ font-size: 12px;
+ color: #666;
+}
+
+#c_layer_popup .c_desc02 {
+ width: 348px;
+ _width /**/: 360px;
+ height: 84px;
+ _height: 83px;
+ _height /**/: 97px;
+ padding: 11px 0 0 10px;
+ _padding: 12px 0 0 10px;
+ _padding /**/: 10px 0 0 0;
+ font-size: 11px;
+ color: #666;
+ line-height: 17px;
+ background: #f8f8f8;
+ border: 1px solid #f1f1f1;
+}
+
+#c_layer_popup .c_desc02 li {
+ height: 40px;
+ padding: 0 0 0 6px;
+ _margin-left /**/: -6px;
+ background:
+ url('http://blogimgs.naver.net/static/common/popup/bu_dot.gif')
+ no-repeat left 6px;
+ font-size: 11px;
+}
+
+#c_layer_popup .c_desc03 {
+ height: 60px;
+ _height: 59px;
+ _height /**/: 71px;
+ padding: 12px 0 0 0;
+ _padding: 13px 0 0 0;
+ font-size: 11px;
+ color: #999;
+ line-height: 17px;
+}
+
+#c_layer_popup .c_desc04 {
+ height: 40px;
+ font-size: 11px;
+ color: #666;
+}
+
+#c_layer_popup .c_desc04 a {
+ color: #258102;
+ text-decoration: underline;
+}
+
+#c_layer_popup .c_desc05 {
+ height: 57px;
+ font-size: 14px;
+ font-weight: bold;
+ color: #333;
+ text-align: center;
+}
+
+#c_layer_popup button {
+ width: 52px;
+ height: 26px;
+ text-align: center;
+ font-size: 12px;
+}
+
+@media all and (-webkit-min-device-pixel-ratio:10000) , not all and
+ (-webkit-min-device-pixel-ratio:0) {
+ #c_layer_popup button {
+ padding-top: 6px;
+ }
+}
+
+#c_layer_popup button.c_close {
+ position: absolute;
+ top: 7px;
+ right: 6px;
+ width: 18px;
+ height: 17px;
+ background: none;
+ border: none;
+}
+
+#c_layer_popup button.c_close,x:-moz-any-link,x:default {
+ top: 5px;
+ right: 8px;
+}
+
+*:first-child+html #c_layer_popup button.c_close {
+ top: 7px;
+ right: 6px;
+}
+
+.readonly_visitor {
+ text-align: left;
+ padding: 10px 0 8px 8px !important
+}
+
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ ÀÖ´Â ºÎºÐÀ» »©³ÂÀ½.*/
+.layerpop2 {
+ position: absolute;
+ z-index: 999;
+ font: normal 12px µ¸¿ò, Dotum;
+ color: #333;
+ overflow: hidden;
+ display: none;
+}
+
+.layerpop2 .border_type {
+ position: relative;
+ border: solid 2px #777;
+ background-color: #fff;
+}
+
+.layerpop2 .close {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+}
+
+.layerpop2 .content1 {
+ padding: 30px 30px 21px;
+ border-bottom: solid 1px #f0f0f0;
+}
+
+.layerpop2 .content1 h6 {
+ font-weight: bold;
+ font-size: 14px;
+ padding-bottom: 22px;
+ margin: 0;
+ color: #333;
+}
+
+.layerpop2 .subtext {
+ font-size: 11px;
+ color: #999;
+ margin: 0;
+ padding: 7px 0 0;
+ line-height: 16px;
+ letter-spacing: -1px;
+ text-align: left;
+}
+
+.layerpop2 .check {
+ width: 13px;
+ height: 13px;
+ vertical-align: middle;
+ padding: 0 3px 2px 0;
+ margin-left: 2px;
+}
+
+.layerpop2 .btn1 {
+ background-color: #fbfbfb;
+ border-top: solid 1px #f7f7f7;
+ text-align: center;
+ margin: 0;
+ padding: 11px 0 20px;
+}
+
+.layerpop2 .btn1 img {
+ margin: 0 1px;
+ vertical-align: top;
+}
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ ÀÖ´Â ºÎºÐÀ» »©³ÂÀ½.*/
+.pwr_blog_wrap {
+ width: 143px;
+ margin: 5px auto 0
+}
+
+.pwr_blog_wrap .line {
+ width: 100%;
+ height: 0;
+ border-bottom: 1px solid #999;
+ font-size: 0;
+ line-height: 0
+}
+
+.pwr_emblem {
+ height: 69px;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png',
+ sizingMethod='crop' );
+ text-align: left
+}
+
+.pwr_emblem h4 {
+ margin: 0 !important;
+ padding: 26px 0 0 58px;
+ font-size: 10px !important;
+ font-family: Tahoma !important;
+ line-height: 12px
+}
+
+.pwr_blog {
+ position: relative
+}
+
+.pwr_blog .pcol2b {
+ position: absolute;
+ top: 0;
+ height: 100%
+}
+
+.pwr_blog .pwr_lft {
+ left: 0
+}
+
+.pwr_blog .pwr_rgt {
+ right: 0;
+ _right: -1px
+}
+
+.pwr_blog .pwr_cont {
+ margin: 0 2px;
+ padding-bottom: 7px
+}
+
+.pwr_blog .pwr_cont .pcol2b {
+ position: static;
+ height: 1px
+}
+
+.pwr_blog .pwr_cont ul {
+ margin: 3px 0 0;
+ padding: 0;
+ text-align: left;
+ list-style: none
+}
+
+.pwr_blog .pwr_cont li {
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 15px
+}
+
+.pwr_blog .pwr_cont li em {
+ display: inline-block;
+ position: relative;
+ top: -1px;
+ margin-right: 6px;
+ font-style: normal;
+ font-size: 10px;
+ font-family: Tahoma;
+ letter-spacing: 0;
+ _filter: none
+}
+
+.pwr_blog .pwr_cont li span {
+ display: inline-block
+}
+
+.pwr_blog .pwr_cont li .pcol2b {
+ height: auto
+}
+
+.pwr_blog .pwr_pgn {
+ padding-top: 1px;
+ text-align: right
+}
+
+.pwr_blog .pwr_pgn .prev,.pwr_blog .pwr_pgn .next {
+ display: inline-block;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.pwr_blog .pwr_pgn em {
+ display: inline-block;
+ margin-left: -1px;
+ font-style: normal;
+ font-size: 11px
+}
+
+.pwr_blog .pwr_clse {
+ display: inline-block;
+ position: absolute;
+ top: 5px;
+ right: -3px;
+ padding: 2px;
+ font-weight: bold;
+ font-size: 12px;
+ font-family: 'µ¸¿ò', dotum
+}
+
+.pwr_blog .pwr_clse:hover {
+ text-decoration: none
+}
+
+/*縰Áö À§Á¬*/
+.cwg_wrap,.cwg2_wrap {
+ font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;
+ font-size: 12px
+}
+
+/* goal widget */
+.cwg2_wrap {
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 396px;
+ margin: 0 auto;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_note2.png)
+ no-repeat;
+ _background: url(http://blogimgs.naver.net/challengewidget/bg_note2.gif)
+ no-repeat;
+ text-align: left
+}
+
+.cwg2_wrap .cwg2_badge {
+ overflow: hidden;
+ position: relative;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg2_badge h1 {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg2_badge h1 a {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: block;
+ width: 171px;
+ height: 78px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg2_badge h1 span {
+ display: block;
+ width: 171px;
+ height: 78px;
+}
+
+.cwg2_wrap .cwg2_badge h1.type span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type2 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type3 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type4 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type5 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .p_day {
+ position: relative;
+ width: 141px;
+ margin: 0 0 0 14px;
+ height: 24px;
+ overflow: hidden;
+ text-align: center
+}
+
+.cwg2_wrap .p_day span {
+ display: inline-block;
+ overflow: hidden;
+ margin-left: -1px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg2_wrap .p_day .ing {
+ width: 71px;
+ height: 21px;
+ background-position: 0 -17px
+}
+
+.cwg2_wrap .p_day .clear_no {
+ width: 90px;
+ height: 20px;
+ margin-top: 3px;
+ background-position: -71px -20px
+}
+
+.cwg2_wrap .p_day .clear_ok {
+ width: 122px;
+ height: 20px;
+ background-position: 0 -43px
+}
+
+.cwg2_wrap .p_day em {
+ display: inline-block;
+ height: 21px;
+ font-style: normal;
+ font-family: Tahoma;
+ font-size: 17px;
+ color: #525252;
+ font-weight: bold
+}
+
+.cwg2_wrap .lst_wrap {
+ position: relative;
+ width: 141px;
+ height: 142px;
+ margin: 3px auto 0;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat 0 -316px
+}
+
+.cwg2_wrap .lst_wrap .lst {
+ overflow: hidden;
+ zoom: 1;
+ padding: 6px 0 0 5px
+}
+
+.cwg2_wrap .lst_wrap .lst li {
+ overflow: hidden;
+ line-height: 999px;
+ display: inline;
+ float: left;
+ width: 12px;
+ height: 12px;
+ margin: 0 0 1px 1px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat
+}
+
+.cwg2_wrap .lst_wrap .lst .off {
+ background-position: -70px 0
+}
+
+.cwg2_wrap .cplt {
+ overflow: hidden;
+ position: absolute;
+ top: 121px;
+ left: 121px;
+ width: 16px;
+ height: 17px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat;
+ line-height: 999px
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay {
+ overflow: hidden;
+ position: absolute;
+ left: -2px;
+ top: -1px;
+ width: 145px;
+ height: 147px;
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 145px;
+ height: 147px;
+ background:
+ url(http://blogimgs.naver.net/challengewidget/bg_clear_box.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_clear_box.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar {
+ width: 90px;
+ height: 98px;
+ overflow: hidden;
+ margin: 14px 0 0 28px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat 0 -215px;
+ text-indent: -500em
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar2 {
+ width: 78px;
+ height: 97px;
+ overflow: hidden;
+ margin: 14px 0 0 33px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat -96px -215px;
+ text-indent: -500em
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .clse {
+ position: absolute;
+ right: 10px;
+ top: 6px;
+ width: 14px;
+ height: 14px;
+ overflow: hidden;
+ text-indent: -500em;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat -188px 2px
+}
+
+.cwg2_wrap .mod {
+ display: block;
+ position: absolute;
+ right: 13px;
+ bottom: 10px;
+ overflow: hidden;
+ width: 14px;
+ height: 14px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 0;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst {
+ position: relative;
+ height: 118px;
+ margin: 0 15px
+}
+
+.cwg2_wrap .cwg_lst .none {
+ margin: 0;
+ margin-top: 23px;
+ font-size: 11px;
+ color: #999;
+ line-height: 21px;
+ text-align: center
+}
+
+.cwg2_wrap .cwg_lst .more {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst h2 {
+ height: 17px;
+ padding-top: 4px;
+ font-size: 12px;
+ letter-spacing: -1px;
+ text-align: center
+}
+
+.cwg2_wrap .cwg_lst h2 a {
+ display: inline-block;
+ position: relative;
+ padding: 2px 17px 2px 2px;
+ color: #333;
+ text-decoration: none
+}
+
+.cwg2_wrap .cwg_lst h2 a span {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst ul {
+ height: 84px;
+ padding-top: 3px
+}
+
+.cwg2_wrap .cwg_lst li {
+ position: relative;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -112px;
+ font-size: 11px;
+ line-height: 21px;
+ vertical-align: top;
+ list-style: none
+}
+
+.cwg2_wrap .cwg_lst li a {
+ display: inline-block;
+ color: #666;
+ _vertical-align: baseline
+}
+
+.cwg2_wrap .cwg_lst li em {
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-style: normal;
+ font-size: 9px;
+ font-family: Tahoma;
+ color: #aeaeae
+}
+
+.cwg2_wrap .cwg_lst li em.time {
+ color: #7b7b7b
+}
+
+.cwg2_wrap .cwg_status {
+ width: 141px;
+ height: 133px;
+ margin: 0 auto;
+ text-align: center;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_cnt {
+ overflow: hidden;
+ height: 21px;
+ margin-bottom: 10px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_cnt strong {
+ display: inline-block;
+ overflow: hidden;
+ width: 42px;
+ height: 21px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_btm {
+ width: 145px;
+ margin: 0 auto;
+}
+
+.cwg2_wrap .cwg_btm a {
+ display: inline-block;
+ margin: 7px 0 0 -1px;
+ padding: 3px 9px 3px 2px;
+ font-size: 11px;
+ color: #999;
+ letter-spacing: -1px;
+ text-decoration: none
+}
+
+.cwg2_wrap .cwg_btm a em {
+ display: inline-block;
+ overflow: hidden;
+ width: 4px;
+ height: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat -26px -96px;
+ vertical-align: middle
+}
+
+/* goal widget types2 */
+.cwg2_type .cplt {
+ background-position: -84px 0
+}
+
+.cwg2_type2 .cplt {
+ background-position: -102px 0
+}
+
+.cwg2_type3 .cplt {
+ background-position: -120px 0
+}
+
+.cwg2_type4 .cplt {
+ background-position: -138px 0
+}
+
+.cwg2_type5 .cplt {
+ background-position: -156px 0
+}
+
+.cwg2_type .lst_wrap .lst li {
+ background-position: 0 0
+}
+
+.cwg2_type2 .lst_wrap .lst li {
+ background-position: -14px 0
+}
+
+.cwg2_type3 .lst_wrap .lst li {
+ background-position: -28px 0
+}
+
+.cwg2_type4 .lst_wrap .lst li {
+ background-position: -42px 0
+}
+
+.cwg2_type5 .lst_wrap .lst li {
+ background-position: -56px 0
+}
+
+/* master widget */
+.cwg_master {
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 364px;
+ margin: 0 auto;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_note.png);
+ _background: url(http://blogimgs.naver.net/challengewidget/bg_note.gif);
+ text-align: left
+}
+
+.cwg_wrap .cwg_badge {
+ overflow: hidden;
+ position: relative;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_badge h1 {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_badge h1 a {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: block;
+ width: 171px;
+ height: 78px;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_badge h1 span {
+ display: block;
+ width: 171px;
+ height: 78px;
+}
+
+.cwg_wrap .cwg_badge h1.type span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type2 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type2.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type2.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type3 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type3.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type3.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type4 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type4.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type4.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type5 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type5.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type5.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .mod {
+ display: block;
+ position: absolute;
+ right: 13px;
+ bottom: 13px;
+ overflow: hidden;
+ width: 14px;
+ height: 14px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 0;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_lst {
+ position: relative;
+ height: 118px;
+ margin: 0 15px
+}
+
+.cwg_wrap .cwg_lst .none {
+ margin: 0;
+ margin-top: 23px;
+ font-size: 11px;
+ color: #999;
+ line-height: 21px;
+ text-align: center
+}
+
+.cwg_wrap .cwg_lst h2 {
+ height: 17px;
+ padding-top: 4px;
+ font-size: 12px;
+ letter-spacing: -1px;
+ text-align: center
+}
+
+.cwg_wrap .cwg_lst h2 a {
+ display: inline-block;
+ position: relative;
+ padding: 2px 17px 2px 2px;
+ color: #333;
+ text-decoration: none
+}
+
+.cwg_wrap .cwg_lst h2 a span {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_lst ul {
+ height: 82px;
+ padding-top: 3px
+}
+
+.cwg_wrap .cwg_lst li {
+ position: relative;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -112px;
+ font-size: 11px;
+ line-height: 21px;
+ vertical-align: top;
+ list-style: none
+}
+
+.cwg_wrap .cwg_lst li a {
+ display: inline-block;
+ color: #666;
+ _vertical-align: baseline
+}
+
+.cwg_wrap .cwg_lst li em {
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-style: normal;
+ font-size: 9px;
+ font-family: Tahoma;
+ color: #aeaeae
+}
+
+.cwg_wrap .cwg_lst li em.time {
+ color: #7b7b7b
+}
+
+.cwg_wrap .cwg_status {
+ width: 141px;
+ height: 133px;
+ margin: 0 auto;
+ text-align: center;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt {
+ overflow: hidden;
+ height: 21px;
+ margin-bottom: 11px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt strong {
+ display: inline-block;
+ overflow: hidden;
+ width: 50px;
+ height: 21px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt strong.level span {
+ margin-top: 0
+}
+
+.cwg_wrap .cwg_cnt strong.level2 span {
+ margin-top: -30px
+}
+
+.cwg_wrap .cwg_cnt strong.level3 span {
+ margin-top: -60px
+}
+
+.cwg_wrap .cwg_cnt strong.level4 span {
+ margin-top: -90px
+}
+
+.cwg_wrap .cwg_cnt .lnr {
+ display: inline-block;
+ overflow: hidden;
+ width: 19px;
+ height: 21px;
+ margin-left: -1px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -30px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt em {
+ display: inline-block;
+ height: 21px;
+ margin-left: -2px;
+ padding: 2px 9px 0 0;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 100% -60px;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 12px;
+ font-family: Tahoma;
+ color: #525252;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt em span {
+ visibility: hidden;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 0;
+ font-size: 0;
+ line-height: 0
+}
+
+.cwg_wrap .cwg_track {
+ position: relative;
+ width: 141px;
+ height: 86px
+}
+
+.cwg_wrap .cwg_track span {
+ overflow: hidden;
+ float: left;
+ position: relative;
+ z-index: 10;
+ width: 7px;
+ height: 8px;
+ margin: -1px 0 6px;
+ background-color: #fff;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_track span.rtl {
+ float: right
+}
+
+.cwg_wrap .cwg_track span.cpt {
+ visibility: hidden
+}
+
+.cwg_wrap .cwg_track span.excp {
+ float: right;
+ width: 8px;
+ height: 7px;
+ margin: -6px 0 0 133px
+}
+
+.cwg_wrap .cwg_track span.excp2 {
+ width: 8px;
+ height: 7px;
+ margin: -6px 133px 0 0
+}
+
+.cwg_wrap .cwg_track span.excp3 {
+ width: 8px
+}
+
+.cwg_wrap .cwg_track span.excp4 {
+ width: 8px;
+ height: 7px;
+ margin-top: 0
+}
+
+.cwg_wrap .cwg_track em.rail_bg {
+ overflow: hidden;
+ position: absolute;
+ top: -1px;
+ left: 0;
+ z-index: 5;
+ width: 141px;
+ height: 86px
+}
+
+.cwg_wrap .cwg_track em.rail_bg strong {
+ margin-top: -120px
+}
+
+.cwg_wrap .cwg_track em.rail {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -1px;
+ left: 0;
+ z-index: 15;
+ width: 141px;
+ height: 70px;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_rail.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_rail.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_track em.goal {
+ overflow: hidden;
+ position: absolute;
+ top: -3px;
+ left: -2px;
+ z-index: 20;
+ width: 124px;
+ height: 68px
+}
+
+.cwg_wrap .cwg_track em.goal strong {
+ margin-top: -220px
+}
+
+.cwg_wrap .cwg_btm {
+ width: 145px;
+ margin: 0 auto;
+ border-top: 1px solid #ececec
+}
+
+.cwg_wrap .cwg_btm a {
+ display: inline-block;
+ margin: 7px 0 0 -1px;
+ padding: 3px 9px 3px 2px;
+ font-size: 11px;
+ color: #999;
+ letter-spacing: -1px;
+ text-decoration: none
+}
+
+.cwg_wrap .cwg_btm a em {
+ display: inline-block;
+ overflow: hidden;
+ width: 4px;
+ height: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat -26px -96px;
+ vertical-align: middle
+}
+
+/* master widget types */
+.cwg_wrap .flt {
+ display: block;
+ width: 150px;
+ height: 450px
+}
+
+.cwg_type .flt {
+ background: url(http://blogimgs.naver.net/challengewidget/spr_ctype.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type2 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype2.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype2.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type3 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype3.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype3.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type4 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype4.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype4.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type5 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype5.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype5.png',
+ sizingMethod='crop' )
+}
+
+/* business widget */
+/* company info widget */
+.cmp_wrap {
+ width: 171px;
+ margin: 0 auto;
+ font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;
+ font-size: 12px;
+ text-align: left;
+}
+
+.cmp_wrap .line_x {
+ height: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .line_y {
+ width: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .ls0 {
+ letter-spacing: 0
+}
+
+.cmp_wrap .tl_cmp {
+ width: 100%;
+ padding: 0;
+ border: 0;
+ border-collapse: collapse;
+ table-layout: fixed
+}
+
+.cmp_wrap .tl_cmp th,.cmp_wrap .tl_cmp td {
+ padding: 0;
+ border: 0
+}
+
+.cmp_wrap .cmp_content {
+ position: relative;
+ width: 147px;
+ padding: 10px 11px 9px 11px;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.cmp_wrap .cmp_content:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+.cmp_wrap .cmp_content h3 {
+ height: 31px;
+ *height: 30px;
+ margin: 0 !important;
+ padding-top: 2px;
+ font-size: 12px;
+ font-weight: bold;
+ letter-spacing: 0;
+ line-height: 14px
+}
+
+.cmp_wrap .cmp_content .bx_line:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+.cmp_wrap .cmp_content .bx_line .line_y {
+ float: left
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr {
+ *margin-top: -1px;
+ overflow: hidden
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a {
+ display: inline-block;
+ float: left;
+ text-align: center
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a:hover {
+ text-decoration: none
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a strong {
+ display: block
+}
+
+.cmp_wrap a .bu {
+ display: inline-block;
+ margin-left: 2px;
+ font-size: 4px;
+ vertical-align: 3px;
+ -webkit-text-size-adjust: none
+}
+/* button text type */
+.cmp_wrap .cmp_content .btn_txt {
+ width: 37px;
+ position: absolute;
+ top: 10px;
+ right: 7px
+}
+
+.cmp_wrap .cmp_content .btn_txt .line_x {
+ width: 35px
+}
+
+.cmp_wrap .cmp_content .btn_txt .line_y {
+ height: 14px
+}
+
+.cmp_wrap .cmp_content .btn_txt a {
+ width: 33px;
+ height: 12px;
+ padding-top: 2px
+}
+
+:root .cmp_wrap .cmp_content .btn_txt a {
+ padding-top: 0;
+ padding-top: 2px \0/IE9
+}
+/* button icon type */
+.cmp_wrap .cmp_content .btn_help {
+ width: 14px
+}
+
+.cmp_wrap .cmp_content .btn_help .line_x {
+ width: 14px
+}
+
+.cmp_wrap .cmp_content .btn_help .line_y {
+ height: 12px
+}
+
+.cmp_wrap .cmp_content .btn_help a {
+ display: block;
+ width: 12px;
+ height: 12px;
+ line-height: 15px
+}
+
+:root .cmp_wrap .cmp_content .btn_help a {
+ line-height: 14px
+}
+
+:root .cmp_wrap .cmp_content .btn_help a {
+ line-height: 14px;
+ line-height: 17px \0/IE9
+}
+
+.cmp_wrap .cmp_tt {
+ overflow: hidden;
+ position: absolute;
+ top: 33px;
+ left: 5px;
+ width: 159px;
+ height: 1px;
+ border-bottom: 1px dotted
+}
+
+.cmp_wrap .cmp_content .info_cont {
+ padding-left: 8px
+}
+
+.cmp_wrap .cmp_content .info_cont li {
+ position: relative;
+ line-height: 16px;
+ list-style: none
+}
+
+.cmp_wrap .cmp_content .info_cont li .info_wrp {
+ display: inline-block;
+ padding-bottom: 1px;
+ opacity: 0.8;
+ filter: alpha(opacity = 80)
+}
+
+.cmp_wrap .cmp_content .info_cont li .tt {
+ display: inline-block
+}
+
+.cmp_wrap .cmp_content .info_cont li .tx {
+ padding-right: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .ic {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 6px;
+ *top: 7px;
+ left: -6px;
+ width: 2px;
+ height: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .lk {
+ text-decoration: underline
+}
+
+.cmp_wrap .cmp_content .info_cont li .lk .bu {
+ text-decoration: none;
+ vertical-align: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .btn_help {
+ display: inline-block;
+ *display: inline;
+ margin-left: 1px;
+ vertical-align: -2px;
+ *vertical-align: middle;
+ zoom: 1
+}
+
+.cmp_wrap .cmp_content .layer_tip {
+ display: none;
+ position: absolute;
+ z-index: 1000;
+ padding: 9px 10px 7px;
+ border: 1px solid #888;
+ background-color: #fff
+}
+
+.cmp_wrap .cmp_content .layer_tip .tip {
+ position: absolute;
+ bottom: -6px;
+ width: 11px;
+ height: 6px;
+ background:
+ url(http://blogimgs.naver.net/nblog/admin50/bg_layer_arr.gif)
+ no-repeat 0 0;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .cmp_content .layer_tip .cont {
+ margin-left: -1px;
+ font-size: 11px;
+ font-family: dotum, 'µ¸¿ò';
+ color: #848689;
+ letter-spacing: -1px;
+ line-height: 14px
+}
+
+.cmp_wrap .cmp_content .layer_tip .clse_tip {
+ position: absolute;
+ top: 7px;
+ right: 8px
+}
+/* // business widget*/
+.new_blog {
+ height: 170px;
+ font-family: 'µ¸¿ò', dotum;
+ text-align: center
+}
+
+.new_blog .new_blog_inner {
+ padding-top: 34px
+}
+
+.new_blog .new_blog_inner2 {
+ padding-top: 78px
+}
+
+.new_blog .new_blog_inner3 {
+ padding-top: 50px
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu {
+ text-align: left
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu li {
+ list-style: none;
+ margin-bottom: 6px;
+ font-size: 12px;
+ line-height: 17px
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu li .pcol2b {
+ width: 3px;
+ height: 3px;
+ margin: 0 2px 2px 0;
+ vertical-align: middle
+}
+
+.new_blog strong {
+ display: block;
+ margin: 0 0 8px;
+ font-size: 14px !important
+}
+
+.new_blog p {
+ display: block;
+ margin: 0 0 13px;
+ font-size: 12px;
+ line-height: 17px
+}
+
+.new_blog a {
+ display: inline-block
+}
+
+.ly_newblog {
+ position: absolute;
+ z-index: 1000;
+ padding: 14px;
+ border: 1px solid #d1d1d1;
+ background: #fefefe
+}
+
+.ly_newblog table {
+ width: 100%;
+ border-collapse: collapse
+}
+
+.ly_newblog .ly_newblog_btm {
+ position: relative;
+ width: 100%;
+ padding: 16px 0 6px;
+ border-top: 1px solid #ececec;
+ text-align: center
+}
+
+.ly_newblog .ly_newblog_btm img {
+ vertical-align: top
+}
+
+.ly_newblog .ly_newblog_cache {
+ position: absolute;
+ top: 19px;
+ right: -1px
+}
+
+.ly_newblog .ly_newblog_cache .input_chk {
+ float: left;
+ width: 13px;
+ height: 13px;
+ margin: 5px 5px 0;
+ padding: 0;
+ vertical-align: middle
+}
+
+.ly_newblog .ly_newblog_cache label {
+ float: left;
+ font-size: 11px;
+ font-family: 'µ¸¿ò', dotum;
+ letter-spacing: -1px;
+ line-height: 27px;
+ color: #999;
+ vertical-align: middle
+}
+
+.ly_newblog .ly_newblog_cache a {
+ display: inline-block;
+ float: left;
+ margin-left: 5px;
+ vertical-align: middle
+}
+
+.ly_newblog .clse {
+ display: inline-block;
+ position: absolute;
+ top: 7px;
+ right: 7px;
+ padding: 2px
+}
+
+.ly_newblog_cont img {
+ vertical-align: top
+}
+
+/* service terminated(wizard widget) */
+.wzd_wrap {
+ width: 169px;
+ height: 80px;
+ margin: 0 auto;
+ border: 1px solid #ececec;
+ background: #f5f5f5;
+ font-family: 'µ¸¿ò', dotum;
+ font-size: 11px;
+ letter- spacing: -1px;
+ text-align: center
+}
+
+.wzd_wrap .info_txt {
+ width: 146px;
+ height: 36px;
+ margin: 0 auto;
+ margin-bottom: 8px;
+ padding-top: 11px;
+ border-bottom: 1px solid #e3e3e3;
+ color: #7d7d7d;
+ line-height: 16px
+}
+
+.wzd_wrap .info_a {
+ display: inline-block;
+ margin: 0 4px 0 6px;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/nblog/widget/ic_wzd.gif)
+ no-repeat 0 2px;
+ color: #7d7d7d;
+ font-size: 11px;
+ text-decoration: none
+}
+
+.wzd_wrap a:hover {
+ text-decoration: underline
+}
+
+.side-body.onestyle .wzd_wrap {
+ *display: inline;
+ zoom: 1
+}
+
+/* map */
+.map_wrp .sub_cnt .more,.map_wrp .set,.map_wrp .go_post .post,.map_wrp .go_post .clse
+ {
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat
+}
+
+.map_wrp {
+ width: 171px;
+ height: 260px;
+ margin: 0 auto
+}
+
+.map_wrp .country {
+ position: relative;
+ width: 171px;
+ height: 260px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/bg_country_v2.jpg)
+ no-repeat;
+ font-family: 'µ¸¿ò', dotum;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.map_wrp .country .tit {
+ overflow: hidden;
+ height: 28px;
+ margin: 0;
+ padding: 0;
+ text-align: left
+}
+
+.map_wrp .country .tit .set {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 8px;
+ right: 8px;
+ width: 11px;
+ height: 12px;
+ background-position: 100% -124px;
+ text-indent: -9999px
+}
+
+.map_wrp .country .tit em {
+ visibility: hidden;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1px;
+ height: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.map_wrp .country .tit strong {
+ display: inline-block;
+ margin: 8px 0 0 80px;
+ color: #00a403;
+ font-family: verdana;
+ font-size: 10px
+}
+
+.map_wrp .map_sec {
+ position: relative;
+ height: 232px
+}
+
+.map_wrp .pin,.map_wrp .pin10,.map_wrp .pin100 {
+ display: block;
+ position: absolute;
+ width: 19px;
+ height: 25px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat 0 -124px;
+ text-align: center
+}
+
+.map_wrp a.pin:hover {
+ text-decoration: none
+}
+
+.map_wrp .pin strong {
+ display: block;
+ margin-left: -1px;
+ color: #00a403;
+ font-family: verdana;
+ font-size: 10px;
+ line-height: 16px
+}
+
+.map_wrp .pin10 {
+ width: 23px;
+ height: 33px;
+ background-position: -28px -124px
+}
+
+.map_wrp .pin10 strong {
+ line-height: 22px
+}
+
+.map_wrp .pin100 {
+ width: 29px;
+ height: 42px;
+ background-position: -61px -124px
+}
+
+.map_wrp .pin100 strong {
+ line-height: 28px
+}
+
+.map_wrp .sub_cnt {
+ position: absolute;
+ top: 239px;
+ right: 10px
+}
+
+:root .map_wrp .sub_cnt {
+ top: 240px \0/IE9
+}
+
+.map_wrp .sub_cnt a {
+ display: inline-block;
+ padding-right: 1px;
+ color: #66717b;
+ line-height: 12px;
+ vertical-align: middle
+}
+
+.map_wrp .sub_cnt .more {
+ padding: 0 5px 0 1px;
+ background-position: 100% -170px;
+ font-size: 11px
+}
+
+:root .map_wrp .sub_cnt .more {
+ line-height: 14px \0/IE9
+}
+
+.map_wrp .dim {
+ position: absolute;
+ top: 28PX;
+ left: 0;
+ width: 171px;
+ height: 232px;
+ background: #000;
+ opacity: 0.1;
+ filter: alpha(opacity = 10)
+}
+
+.map_wrp .go_post {
+ position: absolute;
+ top: 85px;
+ left: 12px;
+ width: 147px;
+ height: 120px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat;
+ text-align: center
+}
+
+.map_wrp .go_post p {
+ margin: 0;
+ padding: 0;
+ line-height: 15px
+}
+
+.map_wrp .go_post .tt {
+ padding-top: 15px;
+ color: #333
+}
+
+.map_wrp .go_post .tx {
+ color: #999
+}
+
+.map_wrp .go_post a {
+ display: block;
+ overflow: hidden;
+ text-indent: -9999em
+}
+
+.map_wrp .go_post .post {
+ width: 68px;
+ height: 16px;
+ margin: 11px auto 0;
+ background-position: 0 -186px
+}
+
+.map_wrp .go_post .clse {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ width: 11px;
+ height: 11px;
+ background-position: 100% -148px
+}
+
+.map_wrp .go_evt {
+ position: absolute;
+ top: 66px;
+ left: 12px;
+ width: 147px;
+ height: 125px;
+ padding-top: 15px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/event/bg_evt_ly.png)
+ no-repeat;
+ text-align: center
+}
+
+.map_wrp .go_evt p {
+ margin: 0;
+ padding: 0;
+ font-size: 11px;
+ line-height: 15px
+}
+
+.map_wrp .go_evt .tt {
+ margin-bottom: 3px;
+ color: #999
+}
+
+.map_wrp .go_evt .tx {
+ color: #ee6e3c
+}
+
+.map_wrp .go_evt .tx a {
+ overflow: hidden;
+ background: none;
+ color: #f6b69d;
+ text-decoration: underline
+}
+
+.map_wrp .go_evt a {
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat;
+ font-size: 11px
+}
+
+.map_wrp .go_evt .post,.map_wrp .go_evt .clse {
+ display: block;
+ text-indent: -9999px
+}
+
+.map_wrp .go_evt .post {
+ width: 68px;
+ height: 16px;
+ margin: 13px auto 0;
+ background-position: 0 -186px
+}
+
+.map_wrp .go_evt .clse {
+ position: absolute;
+ top: 9px;
+ right: 10px;
+ width: 11px;
+ height: 11px;
+ background-position: 100% -148px
+}
+
+.readonly_box {
+ border: solid 1px #e7e7e7;
+ background-color: #fff;
+ margin: 0 0 8px;
+ padding: 20px 0 19px 20px;
+ text-align: left;
+ position: relative;
+ overflow: hidden
+}
+
+.readonly_box h3 {
+ color: #333;
+ font: bold 14px "µ¸¿ò", dotum;
+ margin: 0 0 15px !important
+}
+
+.readonly_box h3 img {
+ vertical-align: middle;
+ margin: 0 6px 3px 0
+}
+
+.readonly_box h3 span {
+ padding-left: 3px;
+ font-size: 12px;
+ color: #ff6d20;
+ letter-spacing: 0
+}
+
+.readonly_box .closepop {
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ width: 15px;
+ height: 15px;
+}
+
+.readonly_box ul {
+ margin: 0 0 3px !important;
+ padding: 0
+}
+
+.readonly_box ul li {
+ list-style: none;
+ padding-left: 7px;
+ line-height: 18px;
+ font-size: 12px;
+ color: #333;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bu_2x2_33.gif)
+ 0 7px no-repeat
+}
+
+.readonly_box .viewnotice {
+ display: inline-block;
+ margin-top: 7px;
+ padding-right: 6px;
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bu_arrow_readonly.gif)
+ right 3px no-repeat;
+ font-size: 12px;
+ color: #333;
+ text-decoration: underline !important
+}
+
+.inspection {
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bg_inspection.gif)
+ repeat-x;
+ text-align: center
+}
+
+.inspection .sub_inspection {
+ width: 980px;
+ height: 69px;
+ margin: 0 auto;
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bg_inspection2.gif)
+ no-repeat;
+ text-align: left
+}
+
+.inspection h1 {
+ float: left;
+ _display: inline;
+ padding: 23px 20px 0 0
+}
+
+.inspection p {
+ float: left;
+ _display: inline;
+ padding: 14px 0 0;
+ padding-left: 21px;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bg_line.gif) 0
+ 17px no-repeat;
+ color: #fff;
+ line-height: 20px
+}
+
+.inspection p * {
+ color: #fff;
+ line-height: 20px
+}
+
+.inspection p em {
+ font-style: normal;
+ font-weight: bold;
+ text-decoration: underline
+}
+
+.inspection .viewnotice {
+ float: right;
+ _display: inline;
+ padding: 24px 0 0 18px;
+ height: 26px;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bg_line2.gif) 0
+ 17px no-repeat
+}
+
+#defineNHNCSS_LayoutTopCommon-411216_css {
+ color: #ffe
+}
\ 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
index 0000000..9aa8986
--- /dev/null
+++ b/org.tizen.common.builder/test/file/b.html
@@ -0,0 +1,13 @@
+
+
+
+
+ Insert title here
+
+
+
+
+
+
+
+
\ 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
index 0000000..b3b5a15
--- /dev/null
+++ b/org.tizen.common.builder/test/file/b.js
@@ -0,0 +1,3 @@
+B = function() {
+ console.log( "B created" );
+};
diff --git a/org.tizen.common.builder/test/file/c.js b/org.tizen.common.builder/test/file/c.js
new file mode 100755
index 0000000..249942d
--- /dev/null
+++ b/org.tizen.common.builder/test/file/c.js
@@ -0,0 +1,3 @@
+C = function() {
+ console.log( "C created" );
+};
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
index 0000000..96cc9bf
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/AbstractTestCase.java
@@ -0,0 +1,63 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import org.junit.After;
+import org.junit.Before;
+
+abstract public class AbstractTestCase
+{
+
+ protected String oldConfig;
+
+ @Before
+ public void
+ setUp()
+ throws Exception
+ {
+ oldConfig = System.getProperty( "java.protocol.handler.pkgs" );
+ System.setProperty( "java.protocol.handler.pkgs", "org.tizen.common.util.url" );
+ }
+
+ @After
+ public
+ void
+ tearDown()
+ {
+ if ( null == oldConfig )
+ {
+ System.clearProperty( "java.protocol.handler.pkgs" );
+ }
+ else
+ {
+ System.setProperty( "java.protocol.handler.pkgs", oldConfig );
+ }
+ }
+
+}
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
index 0000000..c2ef08c
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/BuildProcessTest.java
@@ -0,0 +1,362 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertFalse;
+import static org.junit.Assert.assertTrue;
+import static org.tizen.common.util.IOUtil.tryClose;
+
+import java.io.File;
+import java.io.IOException;
+import java.io.InputStream;
+import java.net.URL;
+import java.util.Arrays;
+import java.util.Collection;
+import java.util.Iterator;
+
+import org.junit.Test;
+import org.tizen.common.file.FileHandler;
+import org.tizen.common.file.StandardFileHandler;
+import org.tizen.common.file.VirtualFileHandler;
+import org.tizen.common.util.ObjectUtil;
+
+public class
+BuildProcessTest
+extends AbstractTestCase
+{
+
+ protected
+ void
+ load( FileHandler fileHandler, String path ) throws IOException
+ {
+ final URL u = new URL( "cp://" + path );
+ final InputStream in = u.openStream();
+ try
+ {
+ fileHandler.write( path, in );
+ }
+ finally
+ {
+ tryClose( in );
+ }
+ }
+
+ @Test
+ public void test_getSortedResource() throws Exception
+ {
+
+ final BuildProcess target = new BuildProcess();
+
+ ResourceLayer l1 = new ResourceLayer( new VirtualFileHandler() );
+ ResourceLayer l2 = new ResourceLayer( l1, new VirtualFileHandler() );
+ ResourceLayer l3 = new ResourceLayer( l2, new VirtualFileHandler() );
+
+ Resource res1 = new Resource( l1, "/aaa.js" );
+ Resource res2 = new Resource( l2, "/aaa.js" );
+ Resource res3 = new Resource( l3, "/aaa.js" );
+
+ {
+ Iterator iter = target.getSortedResource( Arrays.asList( res1, res2, res3 ) ).iterator();
+ assertTrue( iter.hasNext() );
+ assertEquals( res1, iter.next() );
+ assertTrue( iter.hasNext() );
+ assertEquals( res2, iter.next() );
+ assertTrue( iter.hasNext() );
+ assertEquals( res3, iter.next() );
+ assertFalse( iter.hasNext() );
+ }
+
+ {
+ Iterator iter = target.getSortedResource( Arrays.asList( res3, res2, res1 ) ).iterator();
+ assertTrue( iter.hasNext() );
+ assertEquals( res1, iter.next() );
+ assertTrue( iter.hasNext() );
+ assertEquals( res2, iter.next() );
+ assertTrue( iter.hasNext() );
+ assertEquals( res3, iter.next() );
+ assertFalse( iter.hasNext() );
+ }
+
+ {
+ Iterator iter = target.getSortedResource( Arrays.asList( res3, res1, res2 ) ).iterator();
+ assertTrue( iter.hasNext() );
+ assertEquals( res1, iter.next() );
+ assertTrue( iter.hasNext() );
+ assertEquals( res2, iter.next() );
+ assertTrue( iter.hasNext() );
+ assertEquals( res3, iter.next() );
+ assertFalse( iter.hasNext() );
+ }
+
+ }
+
+ /**
+ * Scenario
+ * there are a.css, b.css, a.js, b.js, c.js, a.html, and b.html.
+ *
+ * a.html use a.css, a.js and b.js
+ * b.html use b.css, b.js and c.js
+ *
+ * builder process this situation:
+ *
+ * a.js -(js-minifier)-> a-min.js
+ * b.js -(js-minifier)-> b-min.js
+ * c.js -(js-minifier)-> c-min.js
+ *
+ * a.html -(html-minifier)-> a-min.html
+ * b.html -(html-minifier)-> b-min.html
+ *
+ * a-min.js, b-min.js -(js-concatenator)-> ab-min.js
+ * b-min.js, c-min.js -(js-concatenator)-> bc-min.js
+ *
+ * a-min.html -(usemin)-> a-usemin.html
+ * b-min.html -(usemin)-> b-usemin.html
+ *
+ * @throws Exception
+ */
+ @Test
+ public void test_build() throws Exception
+ {
+
+ final VirtualFileHandler fileHandler = new VirtualFileHandler();
+ final ResourceLayer fileLayer = new ResourceLayer( "File", fileHandler );
+
+ final VirtualFileHandler tempHandler = new VirtualFileHandler();
+ final ResourceLayer tempLayer = new ResourceLayer( "Temp", fileLayer, tempHandler );
+
+ final VirtualFileHandler lastHandler = new VirtualFileHandler();
+ final ResourceLayer lastLayer = new ResourceLayer( "Last", tempLayer, lastHandler );
+
+ load( fileHandler, "/a.js" );
+ load( fileHandler, "/b.js" );
+ load( fileHandler, "/c.js" );
+
+ load( fileHandler, "/a.css" );
+ load( fileHandler, "/b.css" );
+
+ load( fileHandler, "/a.html" );
+ load( fileHandler, "/b.html" );
+
+ Builder jsMockBuilder = new MockBuilder(tempLayer){
+ @Override
+ public boolean canBuild(Resource resource) {
+ try {
+ if (resource!=null
+ && resource.getName().endsWith("js")) {
+ return true;
+ }
+ } catch (IOException e) {
+ return false;
+ }
+ return false;
+ }
+ };
+ Builder htmlMockBuilder = new MockBuilder(tempLayer){
+ @Override
+ public boolean canBuild(Resource resource) {
+ try {
+ if (resource!=null
+ && resource.getName().endsWith("html")) {
+ return true;
+ }
+ } catch (IOException e) {
+ return false;
+ }
+ return false;
+ }
+ };
+
+ BuildProcess target = new BuildProcess();
+ target.addBuilder( jsMockBuilder );
+ target.addBuilder( htmlMockBuilder );
+
+ target.build(
+ new Resource( fileLayer, "/a.js" ),
+ new Resource( fileLayer, "/b.js" ),
+ new Resource( fileLayer, "/c.js" ),
+ new Resource( fileLayer, "/a.css" ),
+ new Resource( fileLayer, "/b.css" ),
+ new Resource( fileLayer, "/a.html" ),
+ new Resource( fileLayer, "/b.html" )
+ );
+
+ assertEquals( tempLayer, lastLayer.getResource( "/a.js" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/b.js" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/c.js" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "/a.css" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "/b.css" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/a.html" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/b.html" ).getLayer() );
+
+
+ target.build(
+ new Resource( fileLayer, "/a.js" )
+ );
+ assertEquals( tempLayer, lastLayer.getResource( "/a.js" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/b.js" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/c.js" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "/a.css" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "/b.css" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/a.html" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/b.html" ).getLayer() );
+
+ fileLayer.getFileHandler().removeFile( "/a.js" );
+ target.build(
+ new Resource( fileLayer, "/a.js" )
+ );
+ assertEquals( null, lastLayer.getResource( "/a.js" ) );
+ assertEquals( tempLayer, lastLayer.getResource( "/b.js" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/c.js" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "/a.css" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "/b.css" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/a.html" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "/b.html" ).getLayer() );
+
+ }
+
+ @Test
+ public void test_filehandler() throws Exception
+ {
+ final FileHandler fileHandler = new StandardFileHandler();
+ fileHandler.setCurrentWorkingDirectory( "test/file" );
+ final ResourceLayer fileLayer = new ResourceLayer( "File", fileHandler );
+
+ final FileHandler tempHandler = new StandardFileHandler();
+ final String tempPath = "test/build/" + ObjectUtil.generateGUID( tempHandler );
+ new File( tempPath ).mkdir();
+ tempHandler.setCurrentWorkingDirectory( tempPath );
+
+ final ResourceLayer tempLayer = new ResourceLayer( "Temp", fileLayer, tempHandler );
+ new File( tempPath ).mkdir();
+
+ final FileHandler lastHandler = new StandardFileHandler();
+ final String lastPath = "test/build/" + ObjectUtil.generateGUID( lastHandler );
+ new File( lastPath ).mkdir();
+ lastHandler.setCurrentWorkingDirectory( lastPath );
+ final ResourceLayer lastLayer = new ResourceLayer( "Last", tempLayer, lastHandler );
+
+ Builder jsMockBuilder = new MockBuilder(tempLayer){
+ @Override
+ public boolean canBuild(Resource resource) {
+ try {
+ if (resource!=null
+ && resource.getName().endsWith("js")) {
+ return true;
+ }
+ } catch (IOException e) {
+ return false;
+ }
+ return false;
+ }
+ };
+ Builder htmlMockBuilder = new MockBuilder(tempLayer){
+ @Override
+ public boolean canBuild(Resource resource) {
+ try {
+ if (resource!=null
+ && resource.getName().endsWith("html")) {
+ return true;
+ }
+ } catch (IOException e) {
+ return false;
+ }
+ return false;
+ }
+ };
+
+ BuildProcess target = new BuildProcess();
+
+ target.addBuilder(jsMockBuilder);
+ target.addBuilder(htmlMockBuilder);
+
+ target.build(
+ new Resource( fileLayer, "a.js" ),
+ new Resource( fileLayer, "b.js" ),
+ new Resource( fileLayer, "c.js" ),
+ new Resource( fileLayer, "a.css" ),
+ new Resource( fileLayer, "b.css" ),
+ new Resource( fileLayer, "a.html" ),
+ new Resource( fileLayer, "b.html" )
+ );
+
+ assertEquals( tempLayer, lastLayer.getResource( "a.js" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "b.js" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "c.js" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "a.css" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "b.css" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "a.html" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "b.html" ).getLayer() );
+
+
+ target.build(
+ new Resource( fileLayer, "a.js" )
+ );
+ assertEquals( tempLayer, lastLayer.getResource( "a.js" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "b.js" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "c.js" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "a.css" ).getLayer() );
+ assertEquals( fileLayer, lastLayer.getResource( "b.css" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "a.html" ).getLayer() );
+ assertEquals( tempLayer, lastLayer.getResource( "b.html" ).getLayer() );
+
+// assertEquals( builder2, target.getLastBuilder() );
+
+ Collection result = target.getResult(
+ new Resource( fileLayer, "c.js" ),
+ new Resource( fileLayer, "a.css" )
+ );
+ {
+ Iterator iter = target.getSortedResource( result ).iterator();
+ assertTrue( iter.hasNext() );
+ Resource next = iter.next();
+ assertEquals( lastLayer.getResource( "a.css" ), next );
+ assertEquals( fileLayer, next.getLayer() );
+
+
+ assertTrue( iter.hasNext() );
+ next = iter.next();
+ assertEquals( lastLayer.getResource( "c.js" ), next );
+ assertEquals( tempLayer, next.getLayer() );
+ assertFalse( iter.hasNext() );
+ }
+
+// fileLayer.getFileHandler().removeFile( "a.js" );
+// target.build(
+// new Resource( fileLayer, "a.js" )
+// );
+// assertEquals( null, lastLayer.getResource( "a.js" ) );
+// assertEquals( tempLayer, lastLayer.getResource( "b.js" ).getLayer() );
+// assertEquals( tempLayer, lastLayer.getResource( "c.js" ).getLayer() );
+// assertEquals( fileLayer, lastLayer.getResource( "a.css" ).getLayer() );
+// assertEquals( fileLayer, lastLayer.getResource( "b.css" ).getLayer() );
+// assertEquals( tempLayer, lastLayer.getResource( "a.html" ).getLayer() );
+// assertEquals( tempLayer, lastLayer.getResource( "b.html" ).getLayer() );
+ }
+}
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
index 0000000..ad3c642
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/MockBuilder.java
@@ -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
index 0000000..535620d
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/ResourceLayerTest.java
@@ -0,0 +1,53 @@
+/*
+ * Web IDE - Builder
+ *
+ * Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. All rights reserved.
+ *
+ * Contact:
+ * Kangho Kim
+ * Hyeongseok Heo
+ * Bonyong Lee
+ * Jihoon Song
+ * Taeyoung Son
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * 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 "AS IS" 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.
+ *
+ * Contributors:
+ * - S-Core Co., Ltd
+ *
+ */
+package org.tizen.common.builder;
+
+import org.junit.Test;
+import org.tizen.common.builder.ResourceLayer;
+import org.tizen.common.file.VirtualFileHandler;
+
+public class ResourceLayerTest
+{
+
+ @Test
+ public
+ void
+ test_addResource()
+ throws Exception
+ {
+ final VirtualFileHandler fileHandler = new VirtualFileHandler();
+ final ResourceLayer target = new ResourceLayer( fileHandler );
+
+ // TODO
+// target.addResource( "/test", null );
+// target.addResource( "/test/hello.js", "Hello, world".getBytes() );
+
+ }
+
+}
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
index 0000000..20de43c
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/a.css
@@ -0,0 +1,6076 @@
+@CHARSET "EUC-KR";
+
+/* common style */
+html,body {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ min-height: 100%;
+}
+
+hr {
+ display: none;
+}
+
+ul,ol,form,h1,h2,h3,h4,h5,h6,dl,dt,dd {
+ margin: 0;
+ padding: 0
+}
+
+img {
+ border: none;
+}
+
+a:link {
+ text-decoration: none
+}
+
+a:visited {
+ text-decoration: none
+}
+
+a:hover {
+ text-decoration: underline
+}
+
+a:active {
+ text-decoration: none
+}
+
+.clear {
+ clear: both;
+}
+
+.blank5 {
+ height: 5px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank7 {
+ height: 7px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank10 {
+ height: 10px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank20 {
+ height: 20px;
+ overflow: hidden;
+}
+
+.tl {
+ text-align: left;
+}
+
+.tc {
+ text-align: center;
+}
+
+.tr {
+ text-align: right;
+}
+
+.fl {
+ float: left;
+}
+
+.fr {
+ float: right;
+}
+
+.fn {
+ float: none;
+}
+
+.vm {
+ vertical-align: middle;
+}
+
+.u,a.u {
+ text-decoration: underline;
+}
+
+.ls1 {
+ letter-spacing: -1px;
+}
+
+.nb {
+ font-weight: normal !important
+}
+
+input.cx {
+ width: 10px;
+ margin: 0;
+ padding: 0;
+ font-family: µ¸¿ò;
+ font-size: 10px;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+img.i_scrap {
+ margin: 0 0 3px 0;
+ vertical-align: middle;
+}
+
+img.i_open {
+ margin: 0 1px 4px 1px;
+ vertical-align: middle;
+}
+
+img.report {
+ margin: 0 0 -1px 0;
+}
+
+.p8 {
+ font-size: 8px;
+}
+
+.p9 {
+ font-size: 9px;
+}
+
+.p10 {
+ font-size: 10px;
+}
+
+.p11 {
+ font-size: 11px;
+}
+
+.p12 {
+ font-size: 12px;
+}
+
+.fil1 {
+ filter: alpha(opacity = 10);
+ opacity: 0.1;
+}
+
+.fil2 {
+ filter: alpha(opacity = 20);
+ opacity: 0.2;
+}
+
+.fil3 {
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+}
+
+.fil4 {
+ filter: alpha(opacity = 40);
+ opacity: 0.4;
+}
+
+.fil5 {
+ filter: alpha(opacity = 50);
+ opacity: 0.5;
+}
+
+.fil6 {
+ filter: alpha(opacity = 60);
+ opacity: 0.6;
+}
+
+.fil7 {
+ filter: alpha(opacity = 70);
+ opacity: 0.7;
+}
+
+.fil8 {
+ filter: alpha(opacity = 80);
+ opacity: 0.8;
+}
+
+.fil9 {
+ filter: alpha(opacity = 90);
+ opacity: 0.9;
+}
+
+.hand {
+ cursor: pointer;
+}
+
+/* Layout-X.jsp Áߺ¹µÈ ½ºÅ¸ÀÏ Á¸Àç È®ÀÎ ÇÊ¿ä */
+* html html {
+ overflow: scroll;
+ overflow-x: auto;
+}
+
+/* layout style */
+#head-skin {
+ width: 100%;
+ min-height: 100%;
+ background-repeat: repeat-x;
+ z-index: 1;
+}
+
+* html #head-skin {
+ height: 100%;
+}
+
+#whole-head,#whole-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+ clear: both;
+}
+
+#wrapper .side-head,#wrapper .side-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+ clear: both;
+}
+
+#whole-body {
+ clear: both;
+ padding: 0 8px;
+}
+
+#bottom-skin {
+ clear: both;
+ height: 75px;
+ background-repeat: repeat-x;
+}
+
+#body {
+ position: relative;
+ z-index: 10;
+ text-align: left;
+}
+
+#left-area,#right-area {
+ zoom: 1
+}
+
+#left-area:after,#right-area:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+#top-area #blog-title {
+ width: 100%
+}
+
+#left-area,#right-area,#content-area {
+ margin-top: 4px;
+} /*090824¼öÁ¤*/
+#bottom-area {
+ clear: both;
+}
+
+#blog-sign {
+ position: absolute;
+ width: 120px;
+ height: 20px;
+ right: 5px;
+ bottom: -30px;
+}
+
+#brandlink {
+ position: absolute;
+ left: 820px;
+ top: 545px;
+}
+
+div.division-line-x,div.division-line-y {
+ overflow: hidden;
+ font-size: 0;
+}
+
+div.division-line-x {
+ width: 171px;
+ height: 8px;
+ clear: both;
+}
+
+div.plile {
+ width: 100%;
+}
+
+#wrapper {
+ text-align: left;
+ clear: both;
+}
+
+#bottom-area {
+ padding-top: 8px;
+}
+
+#bottom-tight-area {
+ margin-top: 8px;
+}
+
+#top-tight-area .widget {
+ float: left;
+ margin-left: 8px;
+}
+
+#bottom-tight-area .widget {
+ float: left;
+ margin-left: 8px;
+}
+
+#top-tight-area div.division-line-x {
+ float: left;
+ width: 8px;
+ clear: none;
+}
+
+#bottom-tight-area div.division-line-x {
+ float: left;
+ width: 8px;
+ clear: none;
+}
+
+#top-tight-area .clear,#bottom-tight-area .clear {
+ height: 1px;
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+/* admin */
+#post-admin {
+ width: 147px;
+ margin: 0 auto;
+ padding: 0 0 6px 0;
+ text-align: left;
+} /* 0825 */
+#post-admin a {
+ font-weight: bold;
+ letter-spacing: -1px;
+} /* 0825 */
+#post-admin a.statistics {
+ font-weight: normal;
+} /* 0825 */
+#post-admin img.write {
+ width: 12px;
+ height: 12px;
+ margin: 0 2px -2px 2px;
+ background: url(http://blogimgs.naver.net/nblog/write_ico.png);
+}
+
+* html #post-admin img.write {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/write_ico.png',
+ sizingMethod='crop' )
+}
+
+#post-admin img.admin {
+ width: 12px;
+ height: 12px;
+ margin: 0 0 -2px 3px;
+ background: url(http://blogimgs.naver.net/nblog/edit_ico.png);
+} /* 0825 */
+* html #post-admin img.admin {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/edit_ico.png',
+ sizingMethod='crop' )
+}
+
+#post-admin img.admin-new {
+ width: 12px;
+ height: 12px;
+ margin: 0 0 -2px 3px;
+ background: url(http://blogimgs.naver.net/nblog/ico_new.gif) 0 1px
+ no-repeat;
+} /* 090506Ãß°¡ */
+#post-admin span.bar {
+ padding: 0 5px 0 3px;
+}
+
+#post-admin span.bar1 {
+ padding: 0 12px 0 9px;
+}
+
+#post-admin span.bar2 {
+ padding: 0 14px 0 11px;
+}
+
+#wrapper .side-body {
+ text-align: center;
+ clear: both;
+ font-family: µ¸¿ò;
+}
+
+#wrapper .side-body.onestyle {
+ padding: 0 0 10px 0;
+ zoom: 1;
+ width: 100%;
+}
+
+#wrapper .side-body .widget {
+ overflow: hidden
+}
+
+#wrapper h3.component {
+ position: absolute;
+ font-size: 12px;
+}
+
+#wrapper h3.component span {
+ cursor: default;
+}
+
+#wrapper .cm-head {
+ clear: both;
+ position: relative;
+ z-index: 1
+}
+
+#wrapper .cm-title {
+ position: absolute;
+ width: 171px;
+ z-index: 2
+}
+
+#wrapper .cm-body {
+ clear: both;
+}
+
+#wrapper .cm-footer {
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+#wrapper .cm-arw {
+ width: 3px;
+ height: 3px;
+ margin: 0 2px 2px 0;
+ vertical-align: middle;
+}
+
+#wrapper .cm-icol {
+ font-size: 12px;
+ font-family: µ¸¿ò;
+}
+
+#wrapper .cm-con {
+ width: 161px;
+ margin: 0 auto;
+}
+
+#wrapper .cmore {
+ position: absolute;
+ right: 8px;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+}
+
+#wrapper .cmore a {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ letter-spacing: -1px;
+}
+
+input.listup {
+ width: 15px;
+ height: 5px;
+ margin: 0 0 5px 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ text-align: center;
+ font-family: µ¸¿ò;
+ font-weight: bold;
+ cursor: pointer;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+input.listdown {
+ width: 15px;
+ height: 5px;
+ margin: 0 0 5px 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ text-align: center;
+ font-family: µ¸¿ò;
+ font-weight: bold;
+ cursor: pointer;
+ filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation= 2 );
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#idMenuDiv {
+ text-align: left;
+ font-family: µ¸¿ò;
+}
+
+#idMenuDiv .n_id {
+ cursor: pointer;
+}
+
+/* scrollbox */
+.template .scrollbox {
+ font-size: 12px;
+ border: 1px solid green;
+}
+
+.template .scrollbox .track {
+ background-color: #ff0;
+ width: 20px;
+}
+
+.template .scrollbox .button {
+ background-color: #f00;
+ width: 20px;
+ height: 20px;
+}
+
+.template .scrollbox .button.button_up {
+ background-color: #f0f;
+}
+
+.template .scrollbox .button.button_up.button_up_over {
+ background-color: #a00;
+}
+
+.template .scrollbox .button.button_up.button_up_down {
+ background-color: #0a0;
+}
+
+.template .scrollbox .button.button_dn {
+ background-color: #0f0;
+}
+
+.template .scrollbox .button.button_dn.button_dn_over {
+ background-color: #a00;
+}
+
+.template .scrollbox .button.button_dn.button_dn_down {
+ background-color: #0a0;
+}
+
+.template .scrollbox .thumb {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb .thumbtop {
+ width: 20px;
+ height: 10px;
+ background-color: gray;
+}
+
+.template .scrollbox .thumb .thumbbtm {
+ width: 20px;
+ height: 10px;
+ background-color: gray;
+}
+
+.template .scrollbox .thumb.thumb_over {
+ background-color: #aaa;
+}
+
+.template .scrollbox .thumb.thumb_over .thumbtop {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb.thumb_over .thumbbtm {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb.thumb_down {
+ background-color: #faa;
+}
+
+.template .scrollbox .thumb.thumb_down .thumbtop {
+ background-color: #a77;
+}
+
+.template .scrollbox .thumb.thumb_down .thumbbtm {
+ background-color: #a77;
+}
+
+/* selectbox */
+.ie7 {
+ font-size: 12px;
+ cursor: default;
+}
+
+.ie7 .box {
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/box.gif)
+ no-repeat;
+ position: relative;
+ text-decoration: none;
+ height: 22px;
+ color: #000;
+}
+
+.ie7 .selectbox_disabled {
+ opacity: 0.7;
+ -moz-opacity: 0.7;
+ -kthml-opacity: 0.7;
+ filter: alpha(opacity = 70);
+}
+
+.ie7 .box.box_over {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/box_over.gif);
+}
+
+.ie7 .box.box_down {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/box_down.gif);
+}
+
+.ie7 .box .label {
+ padding: 2px 5px;
+ height: 22px;
+ overflow: hidden;
+ cursor: default;
+}
+
+.ie7 .box .button {
+ float: right;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/button.gif)
+ no-repeat #fff;
+ width: 15px;
+ height: 22px;
+ _cursor: hand;
+ cursor: pointer;
+}
+
+.ie7 .box.box_over .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_over.gif);
+}
+
+.ie7 .box.box_down .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_down.gif);
+}
+
+.ie7.selectbox_expanded .box .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e.gif);
+}
+
+.ie7.selectbox_expanded .box.box_over .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e_over.gif);
+}
+
+.ie7.selectbox_expanded .box.box_down .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e_down.gif);
+}
+
+.ie7 .listbox {
+ border: 1px solid #9d9da1;
+ background-color: #fff;
+ margin: 2px 0 0 0;
+ padding: 0;
+}
+
+.ie7 .listbox li {
+ padding: 5px;
+ cursor: default;
+}
+
+.ie7 .listbox li.over {
+ background-color: #bbb7c7;
+}
+
+.png24 {
+ tmp: expression(setPng24(this) );
+}
+
+.division-line-x {
+ height: 5px;
+ font-size: 0;
+ overflow: hidden;
+}
+
+/* *** Float containers fix *** */
+.clearfix:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {
+ height: 1%;
+}
+
+.clearfix {
+ display: block;
+}
+/* End hide from IE-mac */
+
+/*printer styles*/
+@media print {
+ #leftcol {
+ display: none;
+ }
+ #rightcol {
+ display: none;
+ }
+ #twocols,#maincol {
+ width: 100%;
+ float: none;
+ }
+}
+
+.error_box {
+ width: 171px;
+ padding-top: 7px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left top
+ no-repeat;
+}
+
+.error_box p img {
+ border: 0
+}
+
+.error_box p {
+ margin: 7px !important;
+ padding: 3px 0 0 0 !important;
+ color: #6E6E6E;
+ font-family: Dotum;
+ font-size: 11px;
+ text-align: center;
+ line-height: 1.2
+}
+
+.error_box p.ico_recycle {
+ padding: 9px 0 3px 0;
+ text-align: center
+}
+
+.error_box_b {
+ overflow: hidden;
+ width: 171px;
+ height: 4px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left
+ bottom no-repeat;
+ font-size: 0
+}
+
+/* for log-integretion close-beta service */
+.betatest {
+ margin: 0 auto;
+ padding: 8px 0 8px;
+ width: 147px;
+ text-align: left;
+ font-weight: bold;
+}
+
+.betatest span {
+ display: inline-block;
+ padding-right: 8px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/profile/0158_icon.gif)
+ no-repeat right center;
+}
+
+.logbetalist {
+ position: relative;
+ left: -11px;
+ width: 105px;
+ height: 100%;
+ padding: 1px !important;
+ overflow: hidden;
+ border: 1px solid #9b9b9b;
+ background: #fff;
+}
+
+.logbetalist li {
+ width: 105px;
+ padding: 0 !important;
+}
+
+.logbetalist li a {
+ display: inline-block;
+ width: 96px;
+ padding: 5px 0 4px 9px;
+ color: #555;
+}
+
+.logbetalist li a:hover {
+ background: #f3f3f3 !important;
+}
+
+/* 090717 ·Î±×ÅëÇÕ ÀÌ¿ëÀÚ¼ÒÅë */
+div.log_intergration {
+ margin: 9px 0 6px;
+ padding: 0 0 0 22px;
+ font-size: 12px !important;
+ line-height: 1.4;
+ background:
+ url(http://blogimgs.naver.net/nblog/beta/ico_log_exclam2.gif)
+ no-repeat
+}
+
+strong.log_info {
+ display: block;
+ margin: 0;
+ padding-bottom: 2px;
+ font-size: 12px !important
+}
+
+span.log_info {
+ display: block;
+ margin-bottom: 11px;
+ padding-top: 4px;
+ font-size: 12px !important;
+ filter: alpha(opacity = 80);
+ opacity: 0.8;
+}
+
+/* 0921Ãß°¡ */
+.post_layer {
+ position: absolute;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ background: url(http://blogimgs.naver.net/nblog/spc.gif);
+}
+
+.shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .post_layer .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.post_layer .shadow01_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.post_layer .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .post_layer .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.post_layer .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.post_layer .border_type {
+ border: 2px solid #777777;
+ background-color: #FFFFFF;
+}
+
+.post_layer .close {
+ position: absolute;
+ top: 7px;
+ right: 8px;
+ background-color: #FFFFFF;
+}
+
+.post_layer .content {
+ padding-bottom: 3px;
+ margin: 13px 20px 0 20px;
+ border-bottom: 1px solid #E8E8E8;
+}
+
+.post_layer .btn {
+ margin: 0;
+ padding: 10px 0 10px 0;
+ text-align: center;
+}
+
+.post_layer .ln15 {
+ line-height: 1.5
+}
+
+.post_layer p {
+ padding: 0;
+ margin: 0
+}
+
+.post_layer .post_data {
+ margin-top: 3px;
+ padding: 9px 0 0 0;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_line2.gif)
+ top repeat-x;
+ text-align: left
+}
+
+.post_layer .post_data h3 {
+ margin: 0;
+ padding: 0 0 4px 7px;
+ font-size: 12px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_arrow.gif)
+ 0 3px no-repeat;
+}
+
+.post_layer .post_data ul {
+ margin: 0;
+ padding: 0
+}
+
+.post_layer .post_data li {
+ list-style-type: none;
+ position: relative;
+ margin: 0;
+ padding: 0 0 4px 7px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_dot3.gif)
+ 0 4px no-repeat;
+ letter-spacing: -1px;
+}
+
+.post_layer .post_data span {
+ position: absolute;
+ left: 0;
+ padding: 0 0 0 91px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_bar2.gif)
+ 81px 0 no-repeat;
+ color: #004790;
+}
+
+.post_layer .post_data span a {
+ color: #004790;
+}
+/* 0921Ãß°¡ */
+
+/* app box */
+#blog-socialappbox {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left
+}
+
+#blog-socialappbox .line {
+ width: 141px;
+ height: 1px;
+ margin: 0 auto;
+ border-top: 1px solid
+}
+
+#blog-socialappbox .cm-head em {
+ font-style: normal;
+ font-weight: normal;
+ font-size: 10px;
+ font-family: Tahoma
+}
+
+.app_box {
+ overflow: hidden;
+ padding: 9px 0 2px 10px;
+ zoom: 1
+}
+
+.app_box li {
+ float: left;
+ width: 44px;
+ margin: 0 5px 9px 0;
+ text-align: center;
+ list-style: none
+}
+
+.app_box li a {
+ display: inline-block
+}
+
+.app_box li a:hover {
+ text-decoration: none
+}
+
+.app_box li img {
+ vertical-align: top
+}
+
+.app_box li span {
+ display: inline-block;
+ overflow: hidden;
+ width: 44px;
+ margin-top: 5px;
+ font-size: 11px;
+ letter-spacing: -1px;
+ white-space: nowrap
+}
+
+.app_box_btn {
+ margin-right: 9px;
+ padding: 2px 0 6px;
+ text-align: right
+}
+
+.app_box_btn span,.app_box_btn a {
+ display: inline-block;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.app_box_btn .bar {
+ display: inline-block;
+ margin: 0 0 0 -1px;
+ font-style: normal;
+ font-size: 11px
+}
+
+.app_box_none {
+ text-align: center
+}
+
+.app_box_none p {
+ display: inline-block;
+ margin: 0;
+ padding: 24px 0 27px;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.app_box_none .p_type2 {
+ padding: 1px 0 0
+}
+
+.app_box_none .line {
+ padding-bottom: 10px
+}
+
+.app_box_ros {
+ padding: 5px 9px
+}
+
+.app_box_ros p {
+ margin: 0;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 16px
+}
+
+/* photo viewer */
+.photo_view {
+ position: absolute;
+}
+
+.photo_view .photo_shadow {
+ position: absolute;
+ bottom: -4px;
+ _bottom: -5px;
+ width: 100%;
+ height: 4px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png)
+ left top no-repeat;
+ font-size: 0;
+}
+
+* html .photo_view .photo_shadow {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png',
+ sizingMethod='scale' );
+ background: none
+}
+
+.photo_view img {
+ border: 0
+}
+
+.photo_view p {
+ margin: 0
+}
+
+.photo_view .view_top {
+ position: relative;
+ height: 31px;
+ margin-left: 4px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_top_r.gif)
+ right top no-repeat;
+}
+
+.photo_view h3 {
+ position: absolute;
+ top: 0;
+ left: -4px;
+ padding: 0;
+ margin: 0
+}
+
+.photo_view .btn_left {
+ position: absolute;
+ top: 6px;
+ right: 50%;
+}
+
+.photo_view .btn_left a {
+ display: block;
+ width: 31px;
+ height: 21px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left.gif)
+ no-repeat;
+}
+/*.photo_view .btn_left a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_over.gif) no-repeat;}
+.photo_view .btn_left a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_down.gif) no-repeat;}*/
+.photo_view .btn_left a img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .btn_right {
+ position: absolute;
+ top: 6px;
+ left: 50%;
+}
+
+.photo_view .btn_right a {
+ display: block;
+ width: 31px;
+ height: 21px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right.gif)
+ no-repeat;
+}
+/*.photo_view .btn_right a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_over.gif) no-repeat;}
+.photo_view .btn_right a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_down.gif) no-repeat;}*/
+.photo_view .btn_right a img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .photo_count {
+ position: absolute;
+ top: 9px;
+ right: 39px;
+ color: #6E6E6E;
+ font-size: 11px;
+ font-family: Verdana
+}
+
+.photo_view .photo_album {
+ position: absolute;
+ padding: 0 1px 1px 1px;
+ border: 1px solid #797979;
+ border-top: 0;
+ background-color: #fff
+}
+
+.photo_view .photo_album p {
+ border: 1px solid #AAA
+}
+
+.photo_view .btn_close {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+
+.photo_view .btn_close a {
+ display: block;
+ width: 23px;
+ height: 22px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close a:hover {
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_over.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close a:active {
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_down.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .btn_original {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+}
+
+* html .photo_view .btn_original img {
+ width: 80px;
+ height: 1px;
+ margin-top: -1px;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_original.png',
+ sizingMethod='image' );
+}
+
+.photo_view .loading_layer {
+ display: inline-block;
+ width: 150px;
+ height: 34px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/load_b01_01.gif)
+ 0 bottom no-repeat;
+ color: #4B4B4B;
+ font-size: 12px;
+ font-family: dotum;
+ letter-spacing: -1px;
+} /* 100524 */
+
+/* ipad */
+.guid_ipad_area2 {
+ width: 169px;
+ height: 178px;
+ margin: 0 auto;
+ border: 1px solid #ebebeb;
+ background: #f8f8f8;
+ color: #888;
+ text-align: center;
+}
+
+.guid_ipad_area2 p {
+ padding-top: 61px;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ line-height: 18px;
+}
+
+/* ÁöµµÀ§¿¡ ºí·Î±× : dz¼±¸» */
+.ic_new {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -14px;
+ left: 2px;
+ width: 20px;
+ height: 13px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/ic_new.png)
+ no-repeat;
+ text-indent: -9999px
+}
+
+.ic_event {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -14px;
+ left: -1px;
+ width: 26px;
+ height: 13px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/event/ic_event.png)
+ no-repeat;
+ text-indent: -9999px
+}
+/* for widget */
+
+/* for blog-category */
+#blog-category {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-category p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-category ul.profile-menu {
+ border-width: 1px 0;
+ border-color: #BCBCB8;
+ border-style: dotted;
+}
+
+#blog-category ul {
+ margin: 0;
+ padding: 5px 0 8px 9px;
+}
+
+#blog-category ul li {
+ list-style-type: none;
+ margin: 0 0 1px;
+ padding: 5px 0 0;
+ overflow: hidden;
+ zoom: 1;
+ word-break: break-all;
+ word-wrap: break-word; .
+ margin-bottom: -3px;
+}
+
+#blog-category ul li.allview {
+ padding-bottom: 7px;
+}
+
+#blog-category ul li.allview a {
+ font-weight: bold;
+}
+
+#blog-category ul li.selectedview a {
+ font-weight: bold;
+}
+
+#blog-category ul li.dilind {
+ margin: 0;
+ padding: 3px 0 5px;
+}
+
+#blog-category ul li.dilind input {
+ width: 145px;
+ height: 10px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ vertical-align: middle;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-category ul li.depth2dilind {
+ padding: 3px 0 5px;
+ background: none;
+ font-size: 0;
+}
+
+#blog-category ul li.depth2dilind input {
+ width: 145px;
+ height: 10px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ vertical-align: top;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-category ul li .num {
+ position: relative;
+ top: -1px;
+ font-family: verdana;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+#blog-category ul li img.listimage {
+ float: left;
+}
+
+#blog-category ul li img.albumimage {
+ float: left;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/admin/ico_n_photo.gif);
+}
+
+#blog-category ul li .tlink {
+ float: left;
+ width: 112px;
+}
+
+#blog-category ul li .tlink_nosub {
+ float: left;
+ width: 138px;
+}
+
+#blog-category ul li a.on {
+ text-decoration: underline;
+}
+
+#blog-category ul li.depth2 {
+ padding-left: 14px;
+ background-position: 4px 5px;
+ background-repeat: no-repeat;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_depth2_l.gif);
+}
+
+#blog-category ul li.depth2 .tlink {
+ width: 112px;
+}
+
+#blog-category .f_open {
+ float: left;
+ width: 16px;
+ height: 10px;
+ margin: 1px 0 0;
+ font: 0/0 arial;
+}
+
+#blog-category .f_open .f_icoclosed,#blog-category .f_open .f_icoopen {
+ background-repeat: no-repeat;
+ cursor: pointer;
+ _cursor: hand;
+} /* 090226¼öÁ¤ */
+#blog-category .f_open .f_icoclosed {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_f_closed_l.gif);
+}
+
+#blog-category .f_open .f_icoopen {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_f_open_l.gif);
+}
+
+#blog-category .allimage,#blog-category .listimage,#blog-category .albumimage
+ {
+ width: 10px;
+ height: 12px;
+ margin: 0 2px -2px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#blog-category h3.component span {
+ cursor: pointer;
+}
+/* for Category.jsp */
+.layer_popup {
+ top: 800px;
+ left: 350px;
+ position: absolute;
+ overflow: visible;
+ filter: progid:DXImageTransform.Microsoft.Shadow(color=#6c6c6c,
+ direction=135, strength=3 );
+}
+
+.layer_popup em {
+ font-style: normal;
+ font-weight: bold;
+}
+
+.layer_popup .shadow {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ overflow: visible;
+ z-index: 1;
+ _display: none;
+}
+
+*:first-child+html .layer_popup .shadow {
+ display: none;
+}
+
+.layer_popup .shadow1 {
+ left: 3px;
+ top: 3px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow1.png);
+}
+
+.layer_popup .shadow2 {
+ left: 2px;
+ top: 2px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow2.png);
+}
+
+.layer_popup .shadow3 {
+ left: 1px;
+ top: 1px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow3.png);
+}
+
+.layer_popup {
+ position: absolute;
+ overflow: visible;
+ width: 208px;
+ filter: progid:DXImageTransform.Microsoft.Shadow(color=#c6c6c6,
+ direction=135, strength=3 );
+}
+
+.layer_popup .layer_content {
+ border: 1px solid #6c6c6c;
+ background: #ffffff;
+ position: relative;
+ z-index: 2;
+}
+
+.layer_popup .layer_body {
+ font-size: 12px;
+ color: #333333;
+ line-height: 18px;
+ padding: 13px 0 10px 19px;
+ font-family: ±¼¸², Gulim, µ¸¿ò, Dotum, Helvetica, Sans-serif;
+ text-align: left;
+}
+
+.layer_popup .layer_content a {
+ color: #ff3333;
+ text-decoration: underline;
+}
+
+#prohibition {
+ position: absolute;
+ z-index: 1;
+ top: 1017px;
+ left: 389px;
+ background: url(img/bg_prohibition.gif) no-repeat;
+ line-height: 140%;
+ padding: 15px 0 0 20px;
+ width: 191px;
+ height: 85px;
+ color: #333;
+}
+
+#prohibition span {
+ color: #ff3333;
+ text-decoration: underline;
+}
+
+#blog-category ul li .tlink_nosub img {
+ margin: 0 0 0 4px;
+}
+
+#blog-category ul li .prohibit {
+ background: url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.png)
+ no-repeat 0 0;
+ _background:
+ url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.gif) no-repeat
+ 0 0
+}
+
+/* blog-search */
+#blog-search {
+ width: 171px;
+ height: 25px;
+ margin: 0 auto;
+ text-align: center;
+ font-size: 12px;
+}
+
+#blog-search h3 {
+ display: none;
+}
+
+#blog-search {
+ background: none;
+ padding: 0;
+}
+
+#blog-search .inp {
+ width: 120px;
+ height: 16px;
+ padding: 3px 0 0 3px;
+ vertical-align: middle;
+ border-top: 1px #999999 solid;
+ border-right: 1px #DBDBDB solid;
+ border-bottom: 1px #DBDBDB solid;
+ border-left: 1px #999999 solid;
+ background: #FFF;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-search .btn {
+ width: 43px;
+ height: 22px;
+ margin: 0 0 -1px 3px;
+ vertical-align: middle;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/btn_blogsearch.gif);
+ background-repeat: no-repeat;
+}
+
+/* blog-tag */
+#blog-tag {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-tag p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-tag .cmore a,#blog-tag .cmore span {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+}
+
+#blog-tag .cmore a.on {
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#blog-tag .taglist {
+ padding: 7px 9px;
+ line-height: 1.6;
+ word-break: break-all;
+ word-wrap: break-word;
+ overflow: hidden;
+ width: 153px;
+}
+
+#blog-tag .allview {
+ text-align: right;
+ padding: 0 10px 7px 0;
+}
+
+#blog-tag .allview span {
+ font-family: µ¸¿ò;
+ font-size: 9px;
+}
+
+#blog-tag .allview a {
+ font-size: 11px;
+}
+
+#blog-tag .allview img {
+ width: 4px;
+ height: 6px;
+ margin: 0 3px 2px 0;
+}
+
+/* blog-recent-comment */
+#blog-recent-comment {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-recent-comment h3.component span {
+ cursor: pointer;
+}
+
+#blog-recent-comment p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-recent-comment ul {
+ padding: 10px 0 1px 10px;
+}
+
+#blog-recent-comment ul li {
+ list-style-type: none;
+ margin-bottom: 6px;
+ padding: 0;
+}
+
+#blog-recent-comment .allview {
+ text-align: right;
+ padding: 0 10px 7px 0;
+}
+
+#blog-recent-comment .allview span {
+ font-family: µ¸¿ò;
+ font-size: 9px;
+}
+
+#blog-recent-comment .allview a {
+ font-size: 11px;
+}
+
+#blog-recent-comment .allview img {
+ width: 4px;
+ height: 6px;
+ margin: 0 3px 2px 0;
+}
+
+/* blog-visitor */
+#blog-visitor {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-visitor h3.component span {
+ cursor: pointer;
+}
+
+#blog-visitor p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-visitor ul {
+ padding: 10px 0 1px 10px;
+}
+
+#blog-visitor ul li {
+ list-style-type: none;
+ margin-bottom: 6px;
+ padding: 0;
+ word-break: break-all;
+}
+/* for Visitor.jsp */
+.layerpop2 {
+ position: absolute;
+ z-index: 999;
+ font: normal 12px µ¸¿ò, Dotum;
+ color: #333;
+ overflow: hidden;
+ display: none;
+}
+
+.layerpop2 .border_type {
+ position: relative;
+ border: solid 2px #777;
+ background-color: #fff;
+}
+
+.layerpop2 .close {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+}
+
+.layerpop2 .content1 {
+ padding: 30px 30px 21px;
+ border-bottom: solid 1px #f0f0f0;
+}
+
+.layerpop2 .content1 h6 {
+ font-weight: bold;
+ font-size: 14px;
+ padding-bottom: 22px;
+ margin: 0;
+ color: #333;
+}
+
+.layerpop2 .subtext {
+ font-size: 11px;
+ color: #999;
+ margin: 0;
+ padding: 7px 0 0;
+ line-height: 16px;
+ letter-spacing: -1px;
+ text-align: left;
+}
+
+.layerpop2 .check {
+ width: 13px;
+ height: 13px;
+ vertical-align: middle;
+ padding: 0 3px 2px 0;
+ margin-left: 2px;
+}
+
+.layerpop2 .btn1 {
+ background-color: #fbfbfb;
+ border-top: solid 1px #f7f7f7;
+ text-align: center;
+ margin: 0;
+ padding: 11px 0 20px;
+}
+
+.layerpop2 .btn1 img {
+ margin: 0 1px;
+ vertical-align: top;
+}
+
+/* blog-buddy */
+#blog-buddy {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-buddy h3.component span {
+ cursor: pointer;
+}
+
+#blog-buddy p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-buddy ul {
+ padding: 5px 0 5px 8px;
+}
+
+#blog-buddy ul li {
+ list-style-type: none;
+ font-weight: bold;
+ margin: 5px 0 0 0;
+ padding: 0 0 2px 0;
+ word-break: break-all;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+#blog-buddy .buddyup,#blog-buddy .buddydw {
+ width: 12px;
+ height: 12px;
+ margin: 0 3px 2px 0;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ vertical-align: middle;
+}
+
+#blog-buddy ul.depth2 {
+ padding: 0 0 0 15px;
+}
+
+#blog-buddy ul.depth2 li {
+ font-weight: normal;
+ margin: 4px 0 0 0;
+ padding: 0;
+ background: none;
+}
+
+#buddylist {
+ position: absolute;
+ top: 3px;
+ left: -8px;
+ border: 1px solid;
+ color: #9B9B9B;
+ background-color: #FFFFFF;
+ width: 355px;
+ height: 535px;
+ overflow: auto;
+}
+
+/* for Buddy4NaverBlog.jsp */
+.cm-slink:hover {
+ color: #56ac4b !important;
+}
+
+/* blog-stat */
+#blog-stat {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-stat p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-stat ul li {
+ list-style-type: none;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+}
+
+#blog-stat ul.info {
+ margin: 0;
+ padding: 9px 0 0 10px;
+}
+
+#blog-stat ul.info li {
+ height: 18px;
+ margin: 0;
+ padding: 0;
+}
+
+#blog-stat em {
+ font-style: normal;
+ font-weight: bold;
+ font-family: verdana;
+ font-size: 11px;
+}
+
+html>body #blog-stat ul.info li {
+ height: 18px;
+ margin: 0;
+}
+
+#blog-stat ul.item {
+ clear: both;
+ margin: 0;
+ padding: 0px 0 5px 10px;
+}
+
+#blog-stat ul.item li {
+ height: 15px;
+ margin: 0 0 3px 0;
+ padding: 0;
+}
+
+html>body #blog-stat ul.item li {
+ height: 18px;
+ margin: 0;
+}
+
+#blog-stat div.line {
+ height: 10px;
+ margin: 4px 10px 0 10px;
+ background: transparent;
+ border-top-width: 1px;
+ border-top-style: dotted;
+ overflow: hidden;
+ font-size: 0;
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+}
+
+/* blog-counter */
+#blog-counter {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-counter p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-counter h3 {
+ display: none;
+}
+
+#blog-counter p span.txt {
+ display: none;
+}
+
+#blog-counter span.cnt1,#blog-counter span.cnt2 {
+ display: block;
+}
+
+#blog-counter .today,#blog-counter .total {
+ position: absolute;
+}
+
+/* blog-rss */
+#blog-rss {
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-rss p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-rss span {
+ display: block;
+}
+
+#blog-rss span.no {
+ display: none;
+}
+
+#blog-rss a {
+ display: block;
+ position: absolute;
+}
+
+/* blog-powered */
+#blog-powered {
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-powered p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-powered span {
+ display: none;
+}
+
+#blog-powered a.naver {
+ display: block;
+ position: absolute;
+}
+
+#blog-powered a.blog {
+ display: block;
+ position: absolute;
+}
+
+/* widget-saying */
+#widget-saying {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#widget-saying p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-saying .bg-head {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#widget-saying .bg-body {
+ overflow: hidden;
+ background-repeat: repeat;
+ text-align: center;
+}
+
+#widget-saying .bg-footer {
+ clear: both;
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#widget-saying h3 {
+ display: none;
+}
+
+#widget-saying .con {
+ width: 142px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#widget-saying .con img {
+ cursor: pointer;
+}
+
+#widget-saying .saying {
+ ine-height: 1.4;
+}
+
+#widget-saying .saying span {
+
+}
+
+#widget-saying .writer {
+ float: right;
+ padding-top: 6px;
+}
+
+#widget-saying .icon {
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#widget-saying .btn-more {
+ padding: 8px 0 0 1px;
+}
+
+#widget-saying .btn-more a {
+ font-size: 10px;
+ text-decoration: none;
+}
+
+/* widget-currency */
+#widget-currency {
+ position: relative;
+ width: 171px;
+ margin: 0pt auto;
+}
+
+#widget-currency .skin-1,#widget-currency .skin-2 {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 11px;
+ background-repeat: no-repeat;
+}
+
+#widget-currency p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-currency .bg-head span {
+ display: none
+}
+
+#widget-currency .bg-head h3 {
+ margin: 0;
+ font-weight: normal;
+ text-align: center;
+}
+
+#widget-currency .bg-head h3 img {
+ border: 0
+}
+
+#widget-currency .bg-head h3 a {
+ position: absolute;
+ display: block;
+ width: 51px;
+ height: 20px;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ z-index: 99;
+ background: #fff;
+ opacity: 0;
+ filter: alpha(opacity = 0)
+}
+
+#widget-currency .bg-head h3.on a {
+ width: 55px;
+ height: 20px;
+}
+
+#widget-currency .bg-body h3.money {
+ position: absolute;
+ margin: 0;
+ font-weight: bold;
+ font-family: Times New Roman;
+}
+
+#widget-currency .bg-body {
+ clear: both;
+ text-align: center;
+}
+
+#widget-currency table {
+ position: absolute;
+}
+
+#widget-currency th {
+ display: none
+}
+
+#widget-currency td {
+ font-size: 10px;
+ font-family: Tahoma;
+ text-align: center
+}
+
+#widget-currency .rate {
+ height: 18px;
+ line-height: 1.4;
+}
+
+#widget-currency .no {
+ display: none
+}
+
+#widget-currency .rate-con {
+ position: absolute;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -1px
+}
+
+#widget-currency .buy {
+ position: absolute;
+ font-family: Tahoma;
+ font-size: 10px;
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#widget-currency .sell {
+ position: absolute;
+ font-family: Tahoma;
+ font-size: 10px;
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#widget-currency .country {
+ position: absolute;
+ z-index: 1
+}
+
+#widget-currency .bg-sel {
+ position: relative;
+ float: left;
+ width: 97px;
+ height: 19px;
+ padding: 0;
+ margin: 0
+}
+
+#widget-currency .bg-sel li {
+ width: 105px;
+ padding: 4px 0 3px 0;
+ font-size: 11px;
+ font-family: Dotum;
+ cursor: pointer;
+ cursor: hand;
+}
+
+#widget-currency .bg-sel li:first-letter {
+ padding-left: 7px
+}
+
+#widget-currency .bg-sel li.on {
+ background-color: #FF6501;
+ color: #FFFFFF;
+}
+
+#widget-currency .bg-sel li.on span {
+ color: #FFFFFF;
+}
+
+#widget-currency .bg-sel li span {
+ display: inline;
+ color: #8DA4B4;
+ font-size: 10px;
+ font-family: Arial;
+}
+
+#widget-currency .cal-input {
+ width: 40px;
+}
+
+#widget-currency .res-input {
+ width: 153px;
+}
+
+#widget-currency .nation select {
+ width: 95px;
+ font-size: 11px;
+}
+
+#widget-currency .btn-sel {
+ display: block;
+ position: absolute;
+ width: 13px;
+ height: 13px;
+ background-repeat: no-repeat;
+ top: 3px;
+ right: 4px;
+}
+
+#widget-currency .calculation-1,#widget-currency .calculation-2 {
+ float: left;
+ text-align: left;
+}
+
+#widget-currency .calculation-1 div,#widget-currency .calculation-2 div,#widget-currency .calculation-1 p,#widget-currency .calculation-2 p
+ {
+ float: left;
+}
+
+#widget-currency .calculation-1 input,#widget-currency .calculation-2 input
+ {
+ position: absolute;
+ margin: 1px 0 0 7px;
+ border: 0;
+ background-color: transparent;
+ font-size: 11px;
+ font-family: Arial;
+ color: #414141;
+ text-align: right;
+}
+
+#widget-currency .calculation-1 span,#widget-currency .calculation-2 span
+ {
+ display: none
+}
+
+#widget-currency .btn-calculation {
+ position: absolute;
+ width: 45px;
+ height: 17px;
+ text-align: right
+}
+
+#widget-currency .result {
+ float: left;
+}
+
+#widget-currency .result input {
+ float: left;
+ width: 153px;
+ border: 0;
+ background-color: transparent;
+ font-size: 11px;
+ font-family: Arial;
+ color: #414141;
+ text-align: right;
+}
+
+/* widget-weather */
+#widget-weather {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ overflow: hidden;
+}
+
+#widget-weather div {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-weather .weather,#widget-weather .today,#widget-weather .tomorrow
+ {
+ position: absolute;
+ background-repeat: no-repeat;
+}
+
+#widget-weather .temperature {
+ position: absolute;
+ width: 90px;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -2px;
+ line-height: 1.0;
+ z-index: 10;
+}
+
+#widget-weather .today-temperature,#widget-weather .tomorrow-temperature
+ {
+ position: absolute;
+ width: 40px;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -1px;
+ _letter-spacing: -2px;
+ line-height: 0.9;
+ z-index: 10;
+}
+
+#widget-weather .today-txt,#widget-weather .tomorrow-txt {
+ position: absolute;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 1.1;
+ z-index: 10
+}
+
+*:first-child+html #widget-weather .today-txt {
+ line-height: 1.2
+}
+
+* html #widget-weather .today-txt {
+ line-height: 1.2
+}
+
+*:first-child+html #widget-weather .tomorrow-txt {
+ line-height: 1.2
+}
+
+* html #widget-weather .tomorrow-txt {
+ line-height: 1.2
+}
+
+#widget-weather .area {
+ position: absolute;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 1.1;
+ z-index: 10
+}
+
+*:first-child+html #widget-weather .area {
+ line-height: 1.2
+}
+
+* html #widget-weather .area {
+ line-height: 1.2
+}
+
+*:first-child+html #widget-weather .area {
+ line-height: 1.2
+}
+
+* html #widget-weather .area {
+ line-height: 1.2
+}
+
+#widget-weather .tomorrow-minimum-temperature {
+ display: none
+}
+
+/* widget-count */
+#widget-count {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#widget-count p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-count h3 {
+ display: none;
+}
+
+#widget-count p span.txt {
+ display: none;
+}
+
+#widget-count span.cnt1,#widget-count span.cnt2 {
+ display: block;
+}
+
+#widget-count .today,#widget-count .total {
+ position: absolute;
+}
+
+/* widget-ccl */
+#widget-ccl {
+ width: 171px;
+ height: 38px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ overflow: visible !important
+}
+
+.ccl_layer {
+ position: absolute;
+ width: 179px;
+ letter-spacing: -1px;
+}
+
+.ccl_layer .content {
+ position: relative;
+ padding: 3px 9px 5px 9px;
+ border: 1px solid #919191;
+ background-color: #fff;
+ font-family: dotum;
+ font-size: 11px;
+ text-align: left
+}
+
+.ccl_layer p {
+ margin: 0;
+ padding: 5px 0 0 0
+}
+
+.ccl_layer ul {
+ margin: 0;
+ padding: 2px 0 0 0
+}
+
+.ccl_layer li {
+ list-style-type: none;
+ color: #888;
+ line-height: 1.2;
+ letter-spacing: 0;
+}
+
+.ccl_layer .ccl_layer_position {
+ position: absolute;
+ width: 7px;
+ height: 10px;
+ bottom: -10px;
+ _bottom: -12px;
+ left: 11px;
+ background:
+ url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png)
+ no-repeat;
+}
+
+* html .ccl_layer .ccl_layer_position {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png',
+ sizingMethod='crop' );
+ background: none;
+}
+
+.ccl_layer .shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .ccl_layer .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.ccl_layer .shadow01_side {
+ position: relative;
+ _width: 100%;
+ top: -2px;
+ left: -2px;
+}
+
+.ccl_layer .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .ccl_layer .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.ccl_layer .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.ccl_layer.top_position .ccl_layer_position {
+ position: absolute;
+ width: 7px;
+ height: 10px;
+ top: -9px;
+ _top: -8px;
+ left: 85px;
+ _left: 75px;
+ background:
+ url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png)
+ no-repeat;
+}
+
+* html .ccl_layer.top_position .ccl_layer_position {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png',
+ sizingMethod='crop' );
+ background: none;
+}
+
+/* blog-adpost */
+#blog-adpost {
+ width: 171px;
+ margin: 0 auto;
+ font-family: µ¸¿ò, dotum;
+ font-size: 12px;
+ text-align: left;
+}
+
+#blog-adpost .cm-side {
+ width: 1px;
+ margin: 0;
+ padding: 0;
+ *padding: 0 0 0 1px;
+ _padding: 0;
+ font-ssize: 0;
+ line-height: 0;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .cm-top {
+ clear: both;
+ height: 1px;
+ margin: 0;
+ padding: 0;
+ font-ssize: 0;
+ line-height: 0;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .cm-con {
+ width: 169px;
+ *width: 100%;
+ _width: 169px;
+ padding-top: 9px;
+}
+
+#blog-adpost .cm-con dl {
+ width: 141px;
+ margin: 0 auto;
+ padding: 6px 0;
+}
+
+#blog-adpost .cm-con dt a {
+ *width: 141px;
+ letter-spacing: -1px;
+}
+/*#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;}*/
+#blog-adpost .cm-con dt .pcol1 {
+ font-size: 13px
+}
+
+#blog-adpost .cm-con dt .sline {
+ border-bottom-width: 1px;
+ border-bottom-style: solid
+}
+
+#blog-adpost .cm-con dt a:hover {
+ text-decoration: none
+}
+
+#blog-adpost .cm-con dd {
+ line-height: 15px;
+ word-break: break-all;
+}
+
+#blog-adpost .cm-con .summary {
+ margin: 7px 0 4px
+}
+
+#blog-adpost .cm-con .summary a {
+ text-decoration: none !important;
+}
+
+#blog-adpost .cm-con .addr {
+ overflow: hidden;
+ width: 141px;
+ line-height: 13px;
+}
+
+#blog-adpost .cm-con .addr .pcol2 {
+ float: left;
+ font-size: 11px;
+ opacity: 0.5;
+ filter: alpha(opacity = 50);
+}
+
+#blog-adpost .cm-con .division {
+ width: 141px;
+ margin: 3px auto;
+ border-top-width: 1px;
+ border-top-style: solid;
+ line-height: 0;
+ opacity: 0.1;
+ filter: alpha(opacity = 10);
+}
+
+#blog-adpost .cm-con .nodata {
+ width: 100%;
+ margin: 0 auto;
+ padding: 32px 0 34px 0;
+ font-size: 11px;
+ text-align: center;
+ line-height: 15px;
+ opacity: 0.7;
+ filter: alpha(opacity = 70);
+}
+
+#blog-adpost .adsby {
+ width: 141px;
+ height: 22px;
+ margin: 6px auto 0 auto;
+ text-align: right;
+}
+
+#blog-adpost .adsby .by {
+ font-size: 10px;
+ font-family: verdana;
+}
+
+#blog-adpost .adsby .by .logo {
+ display: inline-block;
+ width: 44px;
+ height: 8px;
+ background: url(http://blogimgs.naver.net/nblog/adpost_logo.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/adpost_logo.png',
+ sizingMethod='image' );
+ cursor: hand;
+}
+
+#blog-adpost .adsby .by .logo span {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden;
+ font-size: 0;
+ line-height: 0;
+}
+
+#blog-adpost .adsby .bar {
+ display: inline-block;
+ padding: 0 2px 0 3px;
+ font-family: µ¸¿ò, dotum;
+ font-size: 11px;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .adsby .guide .pcol2 {
+ font-size: 11px;
+}
+
+/* blog-profile */
+#blog-profile {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-profile p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-profile .bg-head {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#blog-profile .bg-body {
+ background-repeat: repeat;
+ text-align: center;
+}
+
+#blog-profile .bg-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#blog-profile h3 {
+ display: none;
+}
+
+#blog-profile .con {
+ width: 161px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#blog-profile .image {
+ text-align: center;
+}
+
+#blog-profile .name {
+ width: 143px;
+ margin: 0 auto;
+ padding: 12px 0 0 0;
+ overflow: hidden;
+}
+
+#blog-profile .name a.col {
+ font-weight: bold;
+}
+
+#blog-profile .name .emo {
+ float: left;
+ width: 23px;
+}
+
+#blog-profile .name .nick {
+ float: left;
+ width: 120px;
+ font-size: 12px;
+ line-height: 1.4em;
+ word-break: break-all;
+}
+
+#blog-profile .pers {
+ margin: 0;
+ vertical-align: top;
+}
+
+#blog-profile .caption {
+ width: 143px;
+ margin: 0 auto;
+ padding: 8px 0 0 0;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ line-height: 1.3;
+ letter-spacing: -1px;
+ word-break: break-all;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+#blog-profile .more {
+ width: 143px;
+ margin: 0 auto;
+ padding: 8px 0 6px 0;
+ letter-spacing: -1px;
+}
+
+#blog-profile .id {
+ font-family: verdana;
+ font-size: 11px;
+}
+
+#blog-profile input {
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ border: none;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ font-weight: normal;
+ letter-spacing: -1px;
+ text-align: left;
+ filter: alpha(opacity = 60);
+ opacity: 0.6;
+ cursor: pointer;
+}
+
+#blog-profile .m1 input {
+ width: 30px;
+}
+
+#blog-profile .m2 input {
+ width: 20px;
+}
+
+#blog-profile .m3 input {
+ width: 41px;
+}
+
+#blog-profile .icon {
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ margin: 0 0 2px 2px;
+ vertical-align: middle;
+}
+
+#blog-profile .sub {
+ display: inline-block;
+ font-size: 11px;
+ opacity: 0.6;
+ -ms-filter: "Alpha(opacity=60)";
+ filter: alpha(opacity = 60)
+}
+
+#blog-profile .power_amb {
+ position: relative;
+ margin-top: 8px;
+ padding: 0 0 4px;
+ text-align: left;
+ overflow: hidden;
+}
+
+#blog-profile .power_amb .topline {
+ width: 100%;
+ height: 0;
+ border-left: 0;
+ border-right: 0;
+ border-bottom: 0;
+ border-top-style: solid;
+ border-top-width: 1px;
+ font: 0/0 arial;
+ opacity: .3;
+ filter: alpha(opacity : 30);
+}
+
+#blog-profile .power_amb .topline {
+ border-color: #999 !important;
+} /*ÀÓ½Ã*/
+#blog-profile .power_amb .mark1 {
+ display: block;
+ _display: inline;
+ margin: 0;
+ float: left;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',
+ sizingMethod='image' );
+}
+
+#blog-profile .power_amb .mark2 {
+ display: block;
+ _display: inline;
+ margin: 0;
+ float: left;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',
+ sizingMethod='image' );
+}
+
+#blog-profile .power_amb .x {
+ position: absolute;
+ top: 7px;
+ right: 3px;
+ font: bold 11px "µ¸¿ò", Dotum;
+ opacity: .5;
+ filter: alpha(opacity : 50);
+}
+
+#blog-profile .power_amb .x a {
+ text-decoration: none;
+}
+
+#blog-profile .power_amb .txt {
+ display: block;
+ _display: inline;
+ float: left;
+ width: 85px;
+ margin: 18px 0 0 4px;
+ font-family: verdana;
+ line-height: 12px;
+}
+
+#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
+ {
+ text-decoration: none;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+#blog-profile .power_amb .txt a:hover {
+ text-decoration: underline;
+}
+
+#blog-profile .power_amb .t7b {
+ font-size: 10px;
+ font-weight: bold;
+}
+
+#blog-profile .power_amb .t8b {
+ font-size: 11px;
+ font-weight: bold;
+ line-height: 13px;
+}
+
+#idMenuDiv td {
+ background-color: #FFF;
+}
+
+#idMenuDiv td.menu-over {
+ background-color: #e4ff75;
+}
+
+/* blog-calendar */
+#blog-calendar {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-calendar p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-calendar h3 {
+ display: none;
+}
+
+#blog-calendar .bg-head {
+ clear: both;
+ text-align: center;
+}
+
+* html #blog-calendar .bg-head {
+ height: 1%;
+}
+
+#blog-calendar .bg-body {
+ text-align: center;
+ padding-bottom: 5px;
+ clear: both;
+}
+
+#blog-calendar .bg-footer {
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+#blog-calendar .mlv {
+ position: relative;
+ width: 151px;
+ margin: 0 auto;
+ text-align: left;
+ clear: both;
+}
+
+#blog-calendar .location,#blog-calendar .mview {
+ position: absolute;
+}
+
+#blog-calendar .location {
+ bottom: 10px;
+ left: 3px;
+}
+
+#blog-calendar .mview {
+ bottom: 8px;
+ right: 3px;
+}
+
+#blog-calendar .location .date {
+ display: inline;
+ margin: -3px 0 0 0;
+ padding: 0;
+ text-align: center;
+ font-family: verdana;
+ font-size: 11px;
+ font-weight: bold;
+ letter-spacing: -1px;
+ cursor: pointer;
+}
+
+#blog-calendar .location .back {
+ display: inline;
+ padding: 0 3px 2px 0;
+ font-family: µ¸¿ò;
+ font-size: 9px;
+ cursor: pointer;
+}
+
+#blog-calendar .location .next {
+ display: inline;
+ padding: 0 0 2px 3px;
+ font-family: µ¸¿ò;
+ font-size: 9px;
+ cursor: pointer;
+}
+
+html>body #blog-calendar .location .date {
+ margin: 0;
+}
+
+#blog-calendar .calendar {
+ margin: 0 auto;
+ background: transparent;
+ text-align: center;
+}
+
+#blog-calendar .calendar .dis1,#blog-calendar .calendar .dis2 {
+ width: 147px;
+ height: 24px;
+ margin: 0 auto;
+ padding: 0;
+ margin-top: -5px;
+}
+
+#blog-calendar .calendar .dis1 span {
+ display: block;
+ float: left;
+ width: 21px;
+ font-weight: normal;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ text-align: center;
+ padding: 9px 0 0 0;
+}
+
+#blog-calendar .calendar .dis2 span {
+ display: block;
+ float: left;
+ width: 21px;
+ font-weight: normal;
+ font-family: tahoma;
+ font-size: 9px;
+ text-align: center;
+ padding: 9px 0 0 0;
+}
+
+#blog-calendar .calendar .dis3 {
+ width: 147px;
+ height: 3px;
+ margin: 0 auto;
+}
+
+#blog-calendar .calendar .dis3 img {
+ filter: alpha(opacity = 40);
+ opacity: 0.4;
+}
+
+#blog-calendar .calendar .dis3 img.li1 {
+ width: 20px;
+ margin-right: 1px;
+}
+
+#blog-calendar .calendar .dis3 img.li2 {
+ width: 21px;
+}
+
+#blog-calendar .calendar td {
+ width: 21px;
+ height: 19px;
+ margin: 0;
+ padding: 0;
+ font-family: verdana;
+ font-size: 11px;
+}
+
+html>body #blog-calendar .calendar td {
+ width: 21px;
+ height: 19px;
+}
+
+#blog-calendar .calendar td a {
+ font-family: verdana;
+ font-size: 11px;
+ font-weight: bold;
+}
+
+#blog-calendar .calendar td.today,#blog-calendar .calendar td.today a {
+ text-decoration: underline;
+}
+
+#blog-calendar .mview .col1 {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ letter-spacing: -1px;
+ cursor: pointer;
+}
+
+#blog-calendar ul.monthview {
+ margin: 0;
+ padding: 0 0 1px 0;
+ text-align: left;
+ clear: both;
+}
+
+#blog-calendar ul.monthview li {
+ list-style-type: none;
+ height: 13px;
+ margin-bottom: 5px;
+ padding: 0;
+ clear: both;
+}
+
+* html #blog-calendar ul.monthview li {
+ margin-bottom: 0;
+}
+
+#blog-calendar ul.monthview li .mon {
+ float: left;
+ padding-left: 15px;
+}
+
+#blog-calendar ul.monthview li .num {
+ float: right;
+ padding-right: 15px;
+ font-size: 10px;
+ font-family: verdana;
+}
+
+#blog-calendar ul.monthview li .num span {
+ font-size: 10px;
+ font-family: verdana;
+}
+
+/* foldset */
+#foldset {
+ position: relative;
+ clear: both;
+ float: none;
+ height: 13px;
+ margin-top: 4px;
+}
+
+#foldset div {
+ overflow: hidden;
+ height: 13px;
+}
+
+#foldset .close-fold {
+ width: 21px !important;
+}
+
+#foldset .go-left,#foldset .go-right {
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ vertical-align: top;
+}
+
+#foldset .l11s1close {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 13px !important;
+}
+
+#foldset .l11s1s2close {
+ margin: 0 !important
+}
+
+#foldset .l12s1close {
+ position: absolute;
+ float: none;
+ top: 0;
+ right: 0;
+ margin: 0 !important;
+}
+
+#foldset .l12s2close {
+ position: absolute;
+ float: none;
+ top: 0;
+ right: 0;
+ z-index: 2
+}
+
+#foldset .l12s1s2close {
+ margin: 0 !important;
+}
+
+/* blog-menu */
+#blog-menu {
+ clear: both;
+ font-size: 12px;
+ font-family: µ¸¿ò;
+}
+
+#blog-menu table {
+ width: 100%;
+ border-collapse: collapse;
+ table-layout: fixed;
+}
+
+#blog-menu table td {
+ padding-top: 4px;
+}
+
+#blog-menu p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-menu ul {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-menu ul li {
+ list-style-type: none;
+ float: left;
+ position: relative;
+}
+
+#blog-menu ul li a {
+ letter-spacing: -1px;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+#blog-menu ul li img {
+ margin-left: -2px
+}
+
+#blog-menu ul li .bar {
+ height: 10px;
+ margin: 2px 7px 4px 4px;
+ padding: 0;
+ vertical-align: middle;
+ filter: alpha(opacity = 30);
+ opacity: 0.3
+}
+
+#blog-menu .menu1 ul {
+ padding-left: 18px;
+}
+
+#blog-menu .menu2 {
+ width: 300px
+}
+
+#blog-menu .menu2 ul {
+ float: right;
+ padding-right: 12px;
+}
+
+#blog-menu .menu2 ul li a {
+ font-weight: normal;
+}
+
+#blog-menu .menu2 ul li a.on {
+ font-weight: bold;
+}
+
+/* blog-gnb */
+#blog-gnb {
+ height: 33px;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+}
+
+#blog-gnb p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-gnb .gnb {
+ float: right;
+}
+
+#blog-gnb .gnb {
+ margin: 8px 10px 0 0;
+}
+
+#blog-gnb .gnb ul {
+ margin: 0;
+ padding: 2px 0 0 0;
+ letter-spacing: -1px;
+}
+
+#blog-gnb .gnb ul li {
+ list-style-type: none;
+ float: left;
+ padding: 0 0 0 5px
+}
+
+#blog-gnb .gnb ul li a {
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ text-decoration: none;
+}
+
+#blog-gnb .bar {
+ margin: 0 1px -1px 4px;
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+ padding: 0
+}
+
+#blog-gnb .gnb ul li.i2,#blog-gnb .gnb ul li.i3,#blog-gnb .gnb ul li.i4
+ {
+ padding-top: 1px;
+}
+
+#blog-gnb .gnb ul li.me a {
+ display: inline-block
+}
+
+#blog-gnb .gnb ul li.me span {
+ display: inline-block;
+ position: relative
+}
+
+#blog-gnb .gnb ul li.me span em {
+ display: inline-block;
+ position: absolute;
+ top: -11px;
+ *top: -12px;
+ left: 0;
+ background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat 0
+ -13px
+}
+
+#blog-gnb .gnb ul li.me span em i {
+ display: block;
+ margin-left: 3px;
+ padding-right: 4px;
+ background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat
+ 100% -26px;
+ color: #fff;
+ font-style: normal;
+ font-size: 10px;
+ font-family: Tahoma;
+ letter-spacing: 0;
+ line-height: 13px
+}
+
+#blog-gnb .go-down,#blog-gnb .go-up {
+ width: 13px;
+ height: 13px;
+ margin: 0 0 -2px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#blog-gnb .log {
+ float: right;
+ margin: 7px 0 0 0;
+ padding: 0 8px 0 0;
+}
+
+#blog-gnb .logout,#blog-gnb .login {
+ width: 50px;
+ height: 20px;
+ margin: 0 0 0 0;
+ background-repeat: no-repeat;
+ vertical-align: middle;
+}
+
+#blog-gnb .remote {
+ width: 12px;
+ height: 18px;
+ margin: 0 3px 1px 3px;
+ background: url('http://blogimgs.naver.net/nblog/remote_icon.png')
+ no-repeat;
+ vertical-align: middle;
+}
+
+* html #blog-gnb .remote {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/remote_icon.png',
+ sizingMethod='crop' )
+}
+
+#blog-gnb .tb {
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ font-weight: bold;
+}
+
+/* gnb-direct */
+#gnb-direct {
+ width: 77px;
+ color: #676767;
+ font-family: µ¸¿ò;
+}
+
+#gnb-direct a.link1 {
+ color: #333333;
+}
+
+#gnb-direct .rnd-t {
+ height: 6px;
+ background: url('http://blogimgs.naver.net/nblog/bg_godiv_t.gif')
+ no-repeat;
+ overflow: hidden;
+ font-size: 0;
+}
+
+#gnb-direct .con {
+ background: url('http://blogimgs.naver.net/nblog/bg_godiv_b.gif') bottom
+ no-repeat;
+}
+
+#gnb-direct .con ul.gnb-direct {
+ margin: 0;
+ padding: 2px 0 7px 0;
+}
+
+#gnb-direct .con ul.gnb-direct li {
+ list-style-type: none;
+ float: none;
+ margin: 0 5px;
+ padding: 0 0 4px 12px;
+ background: url('http://blogimgs.naver.net/nblog/ico_arw_g.gif') 4px 4px
+ no-repeat;
+ letter-spacing: -1px;
+}
+
+#gnb-direct .rview {
+ margin: 0;
+ padding: 0 0 3px 0;
+ text-align: center;
+ letter-spacing: -1px;
+}
+
+#gnb-direct .rview a,#blog-gnb .directly-box .con ul li a {
+ color: #676767;
+}
+
+#gnb-direct1 {
+ width: 62px;
+ padding: 3px 8px;
+ border: 1px solid #9b9b9b;
+ background: #fff;
+ font-family: µ¸¿ò;
+ color: #676767
+}
+
+#gnb-direct1.mblog {
+ width: 52px
+}
+
+#gnb-direct1 .rview {
+ padding: 10px 0 0 5px;
+ margin: 0 6px 4px 6px;
+ text-align: left;
+} /*090629¼öÁ¤*/
+#gnb-direct1 ul {
+ padding: 5px 0 3px !important;
+ border-bottom: 1px solid #ebebeb
+}
+
+#gnb-direct1 ul li {
+ float: none !important;
+ margin: 0;
+ padding: 0 !important;
+ letter-spacing: -1px;
+ list-style-type: none
+}
+
+#gnb-direct1 ul li a {
+ display: block;
+ position: relative;
+ padding: 2px 0 1px 1px;
+ color: #4c4c4c;
+ zoom: 1
+}
+
+#gnb-direct1 ul li a:hover {
+ text-decoration: underline
+}
+
+#gnb-direct1 ul.dot li a {
+ padding-left: 7px
+}
+
+#gnb-direct1 ul.dot li span {
+ display: block;
+ position: absolute;
+ top: 7px;
+ left: 2px;
+ width: 2px;
+ height: 2px;
+ background: #999;
+ font-size: 0;
+ line-height: 0
+}
+
+#gnb-direct1 ul.last {
+ border-bottom: none
+}
+
+#gnb-direct1 .uview {
+ padding: 7px 0 0 5px;
+ margin: 0 6px;
+ border-top: solid 1px #DCDBDC;
+ text-align: left;
+} /*090629Ãß°¡*/
+
+/* blog-title */
+#blog-title table {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ border-collapse: collapse;
+}
+
+#blogTitleText {
+ padding: 23px;
+}
+
+#blogTitleName {
+ font-weight: bold;
+ text-decoration: none;
+ font-family: µ¸¿ò;
+}
+
+/* blog-music */
+#top-area #blog-music {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 213px;
+ height: 20px;
+}
+
+#wrapper #blog-music {
+ position: static;
+ width: 171px;
+ height: 38px;
+ margin: 0 auto;
+}
+
+#musicTop #blog-music {
+ position: absolute;
+ top: -25px;
+ left: 8px;
+ width: 213px;
+ height: 20px;
+}
+
+/* blog buddyconnect */
+#blog-buddyconnect {
+ width: 171px;
+}
+
+/* for layer */
+/* 1017Ãß°¡ */
+.cp_layer_popup {
+ position: absolute;
+ z-index: 99;
+ padding: 3px 0 0 3px;
+ font-size: 12px;
+ font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, Helvetica, Sans-serif;
+ text-align: left
+}
+
+.cp_layer_popup p {
+ margin: 0;
+ padding: 0
+}
+
+.cp_layer_popup .shadow1 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow01.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .cp_layer_popup .shadow1 {
+ background:
+ url('http://blogimgs.naver.net/nblog/mylog/post/shadow01.png')
+ transparent;
+}
+
+.cp_layer_popup .shadow1_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.cp_layer_popup .shadow2 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .cp_layer_popup .shadow2 {
+ background:
+ url('http://blogimgs.naver.net/nblog/mylog/post/shadow02.png')
+ transparent;
+}
+
+.cp_layer_popup .shadow2_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.cp_layer_popup .border_type {
+ border: 2px solid #777777;
+ background-color: #ffffff;
+}
+
+.cp_layer_popup .header {
+ display: block;
+ height: 22px;
+ _height: 30px;
+ padding: 8px 0 0 13px;
+ margin: 0;
+ background: #f4f4f4;
+ font: bold 13px ±¼¸², Gulim;
+ color: #444;
+}
+
+.cp_layer_popup .closelayer {
+ position: absolute;
+ right: 9px;
+ top: 9px;
+}
+
+.cp_layer_popup .content {
+ margin: 20px;
+}
+
+.cp_layer_popup .cp_noti {
+ margin: 0;
+ overflow: hidden;
+ _zoom: 1;
+}
+
+.cp_layer_popup .cp_noti dt {
+ float: left;
+ width: 44px;
+ height: 39px;
+ padding: 0;
+}
+
+.cp_layer_popup .cp_noti dd {
+ float: left;
+ background: url(http://blogimgs.naver.net/nblog/bu_1x26_ef.gif) 0 0
+ no-repeat;
+ padding: 0 0 0 16px;
+ margin: 0;
+ color: #222;
+ font-weight: bold;
+ font-size: 12px;
+ letter-spacing: -1px;
+ line-height: 1.3em;
+}
+
+.cp_layer_popup .cp_noti_desc {
+ padding: 11px 14px 1px;
+ border: solid 1px #DFDFDF;
+ overflow: hidden;
+}
+
+.cp_layer_popup .cp_noti_desc p {
+ font-size: 11px;
+ line-height: 1.4em;
+ letter-spacing: -1px;
+ padding-bottom: 7px;
+ color: #888;
+}
+
+.cp_layer_popup .cp_noti_desc span {
+ color: #444;
+}
+/* //1017Ãß°¡ */
+
+/* 100510 hashfilter */
+/* .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} */
+.layer_hashfilter {
+ position: absolute;
+ z-index: 999;
+ width: 390px;
+ padding: 17px 18px 4px;
+ border: 1px solid #888;
+ background: #fff;
+ font-size: 12px;
+ font-family: dotum, 'µ¸¿ò';
+ letter- spacing: -1px;
+ line-height: 15px;
+ text-align: left !important
+}
+
+.layer_hashfilter h2 {
+ margin: 0;
+ padding: 1px 0 12px 0;
+ font-size: 12px
+}
+
+.layer_hashfilter p {
+ color: #666;
+ margin: 0;
+ padding: 0
+}
+
+.layer_hashfilter .vaccine_link {
+ display: inline-block;
+ padding: 5px 7px 0 0;
+ background: url(http://blogimgs.naver.net/imgs/bul_arrow_green.gif)
+ no-repeat 100% 8px;
+ text-decoration: underline;
+ font-size: 11px;
+ color: #5BC139 !important
+}
+
+.layer_hashfilter .file {
+ padding: 3px 0 15px 0
+}
+
+.layer_hashfilter .file img {
+ vertical-align: middle;
+ margin-right: 6px
+}
+
+.layer_hashfilter .info_text {
+ margin-top: 18px;
+ padding: 19px 0 11px 0;
+ color: #999;
+ font-size: 11px;
+ border-top: 1px solid #ededed
+}
+
+.layer_hashfilter .close {
+ position: absolute;
+ top: 8px;
+ right: 8px
+}
+
+.layer_hashfilter .btns {
+ margin-top: 5px;
+ padding-top: 10px;
+ border-top: 1px solid #e8e8e8;
+ text-align: center
+}
+/* //100510 hashfilter */
+
+/* layer popup */
+.layerpop {
+ position: relative;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ background: url(http://blogimgs.naver.net/nblog/spc.gif);
+}
+/* .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"));} */
+.layerpop .shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpop .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.layerpop .shadow01_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.layerpop .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body #layerpop .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.layerpop .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.layerpop .border_type {
+ border: 2px solid #777777;
+ background-color: #FFFFFF;
+}
+
+.layerpop .close {
+ position: absolute;
+ top: 7px;
+ right: 8px;
+ background-color: #FFFFFF;
+}
+
+.layerpop .content {
+ margin: 13px 20px 0 20px;
+ border-bottom: 1px solid #E8E8E8;
+}
+
+.layerpop .content .q1 {
+ margin: 0;
+ padding: 0 0 8px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #222222;
+ line-height: 1.5;
+ text-align: left;
+}
+
+.layerpop .content .q2 {
+ margin: 0;
+ padding: 0 0 8px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #222222;
+ text-align: left;
+}
+
+.layerpop .content .q2 input {
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+
+* html .layerpop .content .q2 input {
+ height: 15px;
+ height: 15px;
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+
+.layerpop .content .q3 {
+ margin: 0;
+ padding: 0 0 3px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #444;
+ line-height: 1.5;
+ text-align: left;
+}
+
+.layerpop .content .q4 {
+ margin: 0;
+ padding: 0 0 9px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #444;
+ text-align: left;
+ letter-spacing: -1px;
+}
+
+.layerpop .content .q4 em {
+ font-style: normal;
+ color: #488C00;
+}
+
+.layerpop .btn {
+ margin: 0;
+ padding: 10px 0 10px 0;
+ text-align: center;
+}
+
+/*
+NHN WebStandard Team (http://html.nhndesign.com/)
+author : freebird@nhncorp.com 070808
+*/
+/* shadow */
+.layerpopup {
+ position: absolute;
+ z-index: 99;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+}
+
+.layerpopup img {
+ border: none;
+}
+
+.layerpopup .shadow1 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow1 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png')
+ transparent;
+}
+
+.layerpopup .shadow1_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .shadow2 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow2 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png')
+ transparent;
+}
+
+.layerpopup .shadow2_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .shadow3 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow3 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png')
+ transparent;
+}
+
+.layerpopup .shadow3_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .border_type {
+ border: 2px solid #777777;
+ background-color: #ffffff;
+}
+
+.layerpopup .closelayer {
+ position: absolute;
+ right: 8px;
+ top: 9px;
+}
+
+.layerpopup .btn_box {
+ text-align: center;
+ padding: 10px 0 15px 0;
+ margin: 10px 20px 0 20px;
+ border-top: 1px solid #e8e8e8;
+}
+
+.layerpopup .btn_box * {
+ vertical-align: middle;
+}
+
+.layerpopup .logbox_wrap {
+ width: auto;
+ _width: 100%;
+ padding-top: 6px;
+ background: url(http://blogimgs.naver.net/nblog/bg_area01.gif) left top
+ repeat-x;
+}
+
+.layerpopup .logbox_wrap p {
+ margin: 0;
+ font-size: 11px;
+ color: #333333;
+ letter-spacing: -1px;
+}
+
+.layerpopup .notice {
+ padding: 4px 0 5px 11px;
+ _padding: 4px 0 7px 11px;
+}
+
+.layerpopup .notice02 {
+ padding: 19px 0 9px 19px;
+ line-height: 1.4;
+}
+
+.layerpopup .notice02 strong {
+ color: #278F00;
+}
+
+.layerpopup .volume {
+ font-size: 12px !important;
+ margin: 16px 19px -8px 19px;
+ letter-spacing: 0 !important;
+}
+
+.layerpopup .frame_wrap {
+ width: auto;
+ _width: 350px;
+ margin: 0 10px 0 10px;
+}
+
+.layerpopup .frame_wrap.type03 {
+ margin: 0 0 0 20px !important;
+}
+
+/* for ±ÝÄ¢¾î °ü·Ã ·¹ÀÌ¾î ½ºÅ¸ÀÏ */
+/* initialization */
+#c_layer_popup {
+ margin: 0;
+ padding: 0;
+}
+
+#c_layer_popup div,#c_layer_popup p,#c_layer_popup ul,#c_layer_popup li,#c_layer_popup button
+ {
+ margin: 0;
+ padding: 0;
+ text-align: left;
+}
+
+#c_layer_popup ul,#c_layer_popup li {
+ list-style: none;
+}
+/* Layout */
+#c_layer_popup {
+ position: absolute;
+ z-index: 200;
+ width: 370px;
+ height: 428px;
+ display: none;
+ _height: 427px;
+ padding: 47px 20px 0 20px;
+ _padding: 48px 20px 0 20px;
+ border: 4px solid #777;
+ font: 12px dotum, sans-serif;
+ letter-spacing: -1px;
+ background: #fbfbfb
+ url('http://blogimgs.naver.net/static/common/popup/bg_not_available_word.gif')
+ repeat-x left top;
+ text-align: left;
+}
+
+#c_layer_popup .c_contents {
+ width: 360px;
+ padding: 17px 5px 0 5px;
+ _padding: 18px 5px 0 5px;
+ text-align: left;
+}
+
+#c_layer_popup .c_footer {
+ width: 360px;
+ _height /**/: 47px;
+ text-align: center;
+}
+/* c_contents */
+#c_layer_popup .c_desc00 {
+ width: 370px;
+ height: 57px;
+ _height: 56px;
+ border-bottom: 1px solid #d0d0d0;
+ font: 12px normal dotum;
+ color: #333;
+ line-height: 18px;
+ text-align: left;
+}
+
+#c_layer_popup .c_desc00 span {
+ color: #258102
+}
+
+#c_layer_popup .c_desc01 {
+ height: 42px;
+ _height: 41px;
+ line-height: 18px;
+ font-size: 12px;
+ color: #666;
+}
+
+#c_layer_popup .c_desc02 {
+ width: 348px;
+ _width /**/: 360px;
+ height: 84px;
+ _height: 83px;
+ _height /**/: 97px;
+ padding: 11px 0 0 10px;
+ _padding: 12px 0 0 10px;
+ _padding /**/: 10px 0 0 0;
+ font-size: 11px;
+ color: #666;
+ line-height: 17px;
+ background: #f8f8f8;
+ border: 1px solid #f1f1f1;
+}
+
+#c_layer_popup .c_desc02 li {
+ height: 40px;
+ padding: 0 0 0 6px;
+ _margin-left /**/: -6px;
+ background:
+ url('http://blogimgs.naver.net/static/common/popup/bu_dot.gif')
+ no-repeat left 6px;
+ font-size: 11px;
+}
+
+#c_layer_popup .c_desc03 {
+ height: 60px;
+ _height: 59px;
+ _height /**/: 71px;
+ padding: 12px 0 0 0;
+ _padding: 13px 0 0 0;
+ font-size: 11px;
+ color: #999;
+ line-height: 17px;
+}
+
+#c_layer_popup .c_desc04 {
+ height: 40px;
+ font-size: 11px;
+ color: #666;
+}
+
+#c_layer_popup .c_desc04 a {
+ color: #258102;
+ text-decoration: underline;
+}
+
+#c_layer_popup .c_desc05 {
+ height: 57px;
+ font-size: 14px;
+ font-weight: bold;
+ color: #333;
+ text-align: center;
+}
+
+#c_layer_popup button {
+ width: 52px;
+ height: 26px;
+ text-align: center;
+ font-size: 12px;
+}
+
+@media all and (-webkit-min-device-pixel-ratio:10000) , not all and
+ (-webkit-min-device-pixel-ratio:0) {
+ #c_layer_popup button {
+ padding-top: 6px;
+ }
+}
+
+#c_layer_popup button.c_close {
+ position: absolute;
+ top: 7px;
+ right: 6px;
+ width: 18px;
+ height: 17px;
+ background: none;
+ border: none;
+}
+
+#c_layer_popup button.c_close,x:-moz-any-link,x:default {
+ top: 5px;
+ right: 8px;
+}
+
+*:first-child+html #c_layer_popup button.c_close {
+ top: 7px;
+ right: 6px;
+}
+
+.readonly_visitor {
+ text-align: left;
+ padding: 10px 0 8px 8px !important
+}
+
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ ÀÖ´Â ºÎºÐÀ» »©³ÂÀ½.*/
+.layerpop2 {
+ position: absolute;
+ z-index: 999;
+ font: normal 12px µ¸¿ò, Dotum;
+ color: #333;
+ overflow: hidden;
+ display: none;
+}
+
+.layerpop2 .border_type {
+ position: relative;
+ border: solid 2px #777;
+ background-color: #fff;
+}
+
+.layerpop2 .close {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+}
+
+.layerpop2 .content1 {
+ padding: 30px 30px 21px;
+ border-bottom: solid 1px #f0f0f0;
+}
+
+.layerpop2 .content1 h6 {
+ font-weight: bold;
+ font-size: 14px;
+ padding-bottom: 22px;
+ margin: 0;
+ color: #333;
+}
+
+.layerpop2 .subtext {
+ font-size: 11px;
+ color: #999;
+ margin: 0;
+ padding: 7px 0 0;
+ line-height: 16px;
+ letter-spacing: -1px;
+ text-align: left;
+}
+
+.layerpop2 .check {
+ width: 13px;
+ height: 13px;
+ vertical-align: middle;
+ padding: 0 3px 2px 0;
+ margin-left: 2px;
+}
+
+.layerpop2 .btn1 {
+ background-color: #fbfbfb;
+ border-top: solid 1px #f7f7f7;
+ text-align: center;
+ margin: 0;
+ padding: 11px 0 20px;
+}
+
+.layerpop2 .btn1 img {
+ margin: 0 1px;
+ vertical-align: top;
+}
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ ÀÖ´Â ºÎºÐÀ» »©³ÂÀ½.*/
+.pwr_blog_wrap {
+ width: 143px;
+ margin: 5px auto 0
+}
+
+.pwr_blog_wrap .line {
+ width: 100%;
+ height: 0;
+ border-bottom: 1px solid #999;
+ font-size: 0;
+ line-height: 0
+}
+
+.pwr_emblem {
+ height: 69px;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png',
+ sizingMethod='crop' );
+ text-align: left
+}
+
+.pwr_emblem h4 {
+ margin: 0 !important;
+ padding: 26px 0 0 58px;
+ font-size: 10px !important;
+ font-family: Tahoma !important;
+ line-height: 12px
+}
+
+.pwr_blog {
+ position: relative
+}
+
+.pwr_blog .pcol2b {
+ position: absolute;
+ top: 0;
+ height: 100%
+}
+
+.pwr_blog .pwr_lft {
+ left: 0
+}
+
+.pwr_blog .pwr_rgt {
+ right: 0;
+ _right: -1px
+}
+
+.pwr_blog .pwr_cont {
+ margin: 0 2px;
+ padding-bottom: 7px
+}
+
+.pwr_blog .pwr_cont .pcol2b {
+ position: static;
+ height: 1px
+}
+
+.pwr_blog .pwr_cont ul {
+ margin: 3px 0 0;
+ padding: 0;
+ text-align: left;
+ list-style: none
+}
+
+.pwr_blog .pwr_cont li {
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 15px
+}
+
+.pwr_blog .pwr_cont li em {
+ display: inline-block;
+ position: relative;
+ top: -1px;
+ margin-right: 6px;
+ font-style: normal;
+ font-size: 10px;
+ font-family: Tahoma;
+ letter-spacing: 0;
+ _filter: none
+}
+
+.pwr_blog .pwr_cont li span {
+ display: inline-block
+}
+
+.pwr_blog .pwr_cont li .pcol2b {
+ height: auto
+}
+
+.pwr_blog .pwr_pgn {
+ padding-top: 1px;
+ text-align: right
+}
+
+.pwr_blog .pwr_pgn .prev,.pwr_blog .pwr_pgn .next {
+ display: inline-block;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.pwr_blog .pwr_pgn em {
+ display: inline-block;
+ margin-left: -1px;
+ font-style: normal;
+ font-size: 11px
+}
+
+.pwr_blog .pwr_clse {
+ display: inline-block;
+ position: absolute;
+ top: 5px;
+ right: -3px;
+ padding: 2px;
+ font-weight: bold;
+ font-size: 12px;
+ font-family: 'µ¸¿ò', dotum
+}
+
+.pwr_blog .pwr_clse:hover {
+ text-decoration: none
+}
+
+/*縰Áö À§Á¬*/
+.cwg_wrap,.cwg2_wrap {
+ font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;
+ font-size: 12px
+}
+
+/* goal widget */
+.cwg2_wrap {
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 396px;
+ margin: 0 auto;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_note2.png)
+ no-repeat;
+ _background: url(http://blogimgs.naver.net/challengewidget/bg_note2.gif)
+ no-repeat;
+ text-align: left
+}
+
+.cwg2_wrap .cwg2_badge {
+ overflow: hidden;
+ position: relative;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg2_badge h1 {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg2_badge h1 a {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: block;
+ width: 171px;
+ height: 78px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg2_badge h1 span {
+ display: block;
+ width: 171px;
+ height: 78px;
+}
+
+.cwg2_wrap .cwg2_badge h1.type span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type2 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type3 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type4 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type5 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .p_day {
+ position: relative;
+ width: 141px;
+ margin: 0 0 0 14px;
+ height: 24px;
+ overflow: hidden;
+ text-align: center
+}
+
+.cwg2_wrap .p_day span {
+ display: inline-block;
+ overflow: hidden;
+ margin-left: -1px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg2_wrap .p_day .ing {
+ width: 71px;
+ height: 21px;
+ background-position: 0 -17px
+}
+
+.cwg2_wrap .p_day .clear_no {
+ width: 90px;
+ height: 20px;
+ margin-top: 3px;
+ background-position: -71px -20px
+}
+
+.cwg2_wrap .p_day .clear_ok {
+ width: 122px;
+ height: 20px;
+ background-position: 0 -43px
+}
+
+.cwg2_wrap .p_day em {
+ display: inline-block;
+ height: 21px;
+ font-style: normal;
+ font-family: Tahoma;
+ font-size: 17px;
+ color: #525252;
+ font-weight: bold
+}
+
+.cwg2_wrap .lst_wrap {
+ position: relative;
+ width: 141px;
+ height: 142px;
+ margin: 3px auto 0;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat 0 -316px
+}
+
+.cwg2_wrap .lst_wrap .lst {
+ overflow: hidden;
+ zoom: 1;
+ padding: 6px 0 0 5px
+}
+
+.cwg2_wrap .lst_wrap .lst li {
+ overflow: hidden;
+ line-height: 999px;
+ display: inline;
+ float: left;
+ width: 12px;
+ height: 12px;
+ margin: 0 0 1px 1px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat
+}
+
+.cwg2_wrap .lst_wrap .lst .off {
+ background-position: -70px 0
+}
+
+.cwg2_wrap .cplt {
+ overflow: hidden;
+ position: absolute;
+ top: 121px;
+ left: 121px;
+ width: 16px;
+ height: 17px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat;
+ line-height: 999px
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay {
+ overflow: hidden;
+ position: absolute;
+ left: -2px;
+ top: -1px;
+ width: 145px;
+ height: 147px;
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 145px;
+ height: 147px;
+ background:
+ url(http://blogimgs.naver.net/challengewidget/bg_clear_box.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_clear_box.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar {
+ width: 90px;
+ height: 98px;
+ overflow: hidden;
+ margin: 14px 0 0 28px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat 0 -215px;
+ text-indent: -500em
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar2 {
+ width: 78px;
+ height: 97px;
+ overflow: hidden;
+ margin: 14px 0 0 33px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat -96px -215px;
+ text-indent: -500em
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .clse {
+ position: absolute;
+ right: 10px;
+ top: 6px;
+ width: 14px;
+ height: 14px;
+ overflow: hidden;
+ text-indent: -500em;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat -188px 2px
+}
+
+.cwg2_wrap .mod {
+ display: block;
+ position: absolute;
+ right: 13px;
+ bottom: 10px;
+ overflow: hidden;
+ width: 14px;
+ height: 14px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 0;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst {
+ position: relative;
+ height: 118px;
+ margin: 0 15px
+}
+
+.cwg2_wrap .cwg_lst .none {
+ margin: 0;
+ margin-top: 23px;
+ font-size: 11px;
+ color: #999;
+ line-height: 21px;
+ text-align: center
+}
+
+.cwg2_wrap .cwg_lst .more {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst h2 {
+ height: 17px;
+ padding-top: 4px;
+ font-size: 12px;
+ letter-spacing: -1px;
+ text-align: center
+}
+
+.cwg2_wrap .cwg_lst h2 a {
+ display: inline-block;
+ position: relative;
+ padding: 2px 17px 2px 2px;
+ color: #333;
+ text-decoration: none
+}
+
+.cwg2_wrap .cwg_lst h2 a span {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst ul {
+ height: 84px;
+ padding-top: 3px
+}
+
+.cwg2_wrap .cwg_lst li {
+ position: relative;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -112px;
+ font-size: 11px;
+ line-height: 21px;
+ vertical-align: top;
+ list-style: none
+}
+
+.cwg2_wrap .cwg_lst li a {
+ display: inline-block;
+ color: #666;
+ _vertical-align: baseline
+}
+
+.cwg2_wrap .cwg_lst li em {
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-style: normal;
+ font-size: 9px;
+ font-family: Tahoma;
+ color: #aeaeae
+}
+
+.cwg2_wrap .cwg_lst li em.time {
+ color: #7b7b7b
+}
+
+.cwg2_wrap .cwg_status {
+ width: 141px;
+ height: 133px;
+ margin: 0 auto;
+ text-align: center;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_cnt {
+ overflow: hidden;
+ height: 21px;
+ margin-bottom: 10px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_cnt strong {
+ display: inline-block;
+ overflow: hidden;
+ width: 42px;
+ height: 21px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_btm {
+ width: 145px;
+ margin: 0 auto;
+}
+
+.cwg2_wrap .cwg_btm a {
+ display: inline-block;
+ margin: 7px 0 0 -1px;
+ padding: 3px 9px 3px 2px;
+ font-size: 11px;
+ color: #999;
+ letter-spacing: -1px;
+ text-decoration: none
+}
+
+.cwg2_wrap .cwg_btm a em {
+ display: inline-block;
+ overflow: hidden;
+ width: 4px;
+ height: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat -26px -96px;
+ vertical-align: middle
+}
+
+/* goal widget types2 */
+.cwg2_type .cplt {
+ background-position: -84px 0
+}
+
+.cwg2_type2 .cplt {
+ background-position: -102px 0
+}
+
+.cwg2_type3 .cplt {
+ background-position: -120px 0
+}
+
+.cwg2_type4 .cplt {
+ background-position: -138px 0
+}
+
+.cwg2_type5 .cplt {
+ background-position: -156px 0
+}
+
+.cwg2_type .lst_wrap .lst li {
+ background-position: 0 0
+}
+
+.cwg2_type2 .lst_wrap .lst li {
+ background-position: -14px 0
+}
+
+.cwg2_type3 .lst_wrap .lst li {
+ background-position: -28px 0
+}
+
+.cwg2_type4 .lst_wrap .lst li {
+ background-position: -42px 0
+}
+
+.cwg2_type5 .lst_wrap .lst li {
+ background-position: -56px 0
+}
+
+/* master widget */
+.cwg_master {
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 364px;
+ margin: 0 auto;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_note.png);
+ _background: url(http://blogimgs.naver.net/challengewidget/bg_note.gif);
+ text-align: left
+}
+
+.cwg_wrap .cwg_badge {
+ overflow: hidden;
+ position: relative;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_badge h1 {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_badge h1 a {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: block;
+ width: 171px;
+ height: 78px;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_badge h1 span {
+ display: block;
+ width: 171px;
+ height: 78px;
+}
+
+.cwg_wrap .cwg_badge h1.type span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type2 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type2.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type2.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type3 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type3.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type3.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type4 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type4.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type4.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type5 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type5.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type5.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .mod {
+ display: block;
+ position: absolute;
+ right: 13px;
+ bottom: 13px;
+ overflow: hidden;
+ width: 14px;
+ height: 14px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 0;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_lst {
+ position: relative;
+ height: 118px;
+ margin: 0 15px
+}
+
+.cwg_wrap .cwg_lst .none {
+ margin: 0;
+ margin-top: 23px;
+ font-size: 11px;
+ color: #999;
+ line-height: 21px;
+ text-align: center
+}
+
+.cwg_wrap .cwg_lst h2 {
+ height: 17px;
+ padding-top: 4px;
+ font-size: 12px;
+ letter-spacing: -1px;
+ text-align: center
+}
+
+.cwg_wrap .cwg_lst h2 a {
+ display: inline-block;
+ position: relative;
+ padding: 2px 17px 2px 2px;
+ color: #333;
+ text-decoration: none
+}
+
+.cwg_wrap .cwg_lst h2 a span {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_lst ul {
+ height: 82px;
+ padding-top: 3px
+}
+
+.cwg_wrap .cwg_lst li {
+ position: relative;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -112px;
+ font-size: 11px;
+ line-height: 21px;
+ vertical-align: top;
+ list-style: none
+}
+
+.cwg_wrap .cwg_lst li a {
+ display: inline-block;
+ color: #666;
+ _vertical-align: baseline
+}
+
+.cwg_wrap .cwg_lst li em {
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-style: normal;
+ font-size: 9px;
+ font-family: Tahoma;
+ color: #aeaeae
+}
+
+.cwg_wrap .cwg_lst li em.time {
+ color: #7b7b7b
+}
+
+.cwg_wrap .cwg_status {
+ width: 141px;
+ height: 133px;
+ margin: 0 auto;
+ text-align: center;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt {
+ overflow: hidden;
+ height: 21px;
+ margin-bottom: 11px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt strong {
+ display: inline-block;
+ overflow: hidden;
+ width: 50px;
+ height: 21px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt strong.level span {
+ margin-top: 0
+}
+
+.cwg_wrap .cwg_cnt strong.level2 span {
+ margin-top: -30px
+}
+
+.cwg_wrap .cwg_cnt strong.level3 span {
+ margin-top: -60px
+}
+
+.cwg_wrap .cwg_cnt strong.level4 span {
+ margin-top: -90px
+}
+
+.cwg_wrap .cwg_cnt .lnr {
+ display: inline-block;
+ overflow: hidden;
+ width: 19px;
+ height: 21px;
+ margin-left: -1px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -30px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt em {
+ display: inline-block;
+ height: 21px;
+ margin-left: -2px;
+ padding: 2px 9px 0 0;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 100% -60px;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 12px;
+ font-family: Tahoma;
+ color: #525252;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt em span {
+ visibility: hidden;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 0;
+ font-size: 0;
+ line-height: 0
+}
+
+.cwg_wrap .cwg_track {
+ position: relative;
+ width: 141px;
+ height: 86px
+}
+
+.cwg_wrap .cwg_track span {
+ overflow: hidden;
+ float: left;
+ position: relative;
+ z-index: 10;
+ width: 7px;
+ height: 8px;
+ margin: -1px 0 6px;
+ background-color: #fff;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_track span.rtl {
+ float: right
+}
+
+.cwg_wrap .cwg_track span.cpt {
+ visibility: hidden
+}
+
+.cwg_wrap .cwg_track span.excp {
+ float: right;
+ width: 8px;
+ height: 7px;
+ margin: -6px 0 0 133px
+}
+
+.cwg_wrap .cwg_track span.excp2 {
+ width: 8px;
+ height: 7px;
+ margin: -6px 133px 0 0
+}
+
+.cwg_wrap .cwg_track span.excp3 {
+ width: 8px
+}
+
+.cwg_wrap .cwg_track span.excp4 {
+ width: 8px;
+ height: 7px;
+ margin-top: 0
+}
+
+.cwg_wrap .cwg_track em.rail_bg {
+ overflow: hidden;
+ position: absolute;
+ top: -1px;
+ left: 0;
+ z-index: 5;
+ width: 141px;
+ height: 86px
+}
+
+.cwg_wrap .cwg_track em.rail_bg strong {
+ margin-top: -120px
+}
+
+.cwg_wrap .cwg_track em.rail {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -1px;
+ left: 0;
+ z-index: 15;
+ width: 141px;
+ height: 70px;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_rail.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_rail.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_track em.goal {
+ overflow: hidden;
+ position: absolute;
+ top: -3px;
+ left: -2px;
+ z-index: 20;
+ width: 124px;
+ height: 68px
+}
+
+.cwg_wrap .cwg_track em.goal strong {
+ margin-top: -220px
+}
+
+.cwg_wrap .cwg_btm {
+ width: 145px;
+ margin: 0 auto;
+ border-top: 1px solid #ececec
+}
+
+.cwg_wrap .cwg_btm a {
+ display: inline-block;
+ margin: 7px 0 0 -1px;
+ padding: 3px 9px 3px 2px;
+ font-size: 11px;
+ color: #999;
+ letter-spacing: -1px;
+ text-decoration: none
+}
+
+.cwg_wrap .cwg_btm a em {
+ display: inline-block;
+ overflow: hidden;
+ width: 4px;
+ height: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat -26px -96px;
+ vertical-align: middle
+}
+
+/* master widget types */
+.cwg_wrap .flt {
+ display: block;
+ width: 150px;
+ height: 450px
+}
+
+.cwg_type .flt {
+ background: url(http://blogimgs.naver.net/challengewidget/spr_ctype.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type2 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype2.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype2.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type3 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype3.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype3.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type4 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype4.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype4.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type5 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype5.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype5.png',
+ sizingMethod='crop' )
+}
+
+/* business widget */
+/* company info widget */
+.cmp_wrap {
+ width: 171px;
+ margin: 0 auto;
+ font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;
+ font-size: 12px;
+ text-align: left;
+}
+
+.cmp_wrap .line_x {
+ height: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .line_y {
+ width: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .ls0 {
+ letter-spacing: 0
+}
+
+.cmp_wrap .tl_cmp {
+ width: 100%;
+ padding: 0;
+ border: 0;
+ border-collapse: collapse;
+ table-layout: fixed
+}
+
+.cmp_wrap .tl_cmp th,.cmp_wrap .tl_cmp td {
+ padding: 0;
+ border: 0
+}
+
+.cmp_wrap .cmp_content {
+ position: relative;
+ width: 147px;
+ padding: 10px 11px 9px 11px;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.cmp_wrap .cmp_content:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+.cmp_wrap .cmp_content h3 {
+ height: 31px;
+ *height: 30px;
+ margin: 0 !important;
+ padding-top: 2px;
+ font-size: 12px;
+ font-weight: bold;
+ letter-spacing: 0;
+ line-height: 14px
+}
+
+.cmp_wrap .cmp_content .bx_line:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+.cmp_wrap .cmp_content .bx_line .line_y {
+ float: left
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr {
+ *margin-top: -1px;
+ overflow: hidden
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a {
+ display: inline-block;
+ float: left;
+ text-align: center
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a:hover {
+ text-decoration: none
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a strong {
+ display: block
+}
+
+.cmp_wrap a .bu {
+ display: inline-block;
+ margin-left: 2px;
+ font-size: 4px;
+ vertical-align: 3px;
+ -webkit-text-size-adjust: none
+}
+/* button text type */
+.cmp_wrap .cmp_content .btn_txt {
+ width: 37px;
+ position: absolute;
+ top: 10px;
+ right: 7px
+}
+
+.cmp_wrap .cmp_content .btn_txt .line_x {
+ width: 35px
+}
+
+.cmp_wrap .cmp_content .btn_txt .line_y {
+ height: 14px
+}
+
+.cmp_wrap .cmp_content .btn_txt a {
+ width: 33px;
+ height: 12px;
+ padding-top: 2px
+}
+
+:root .cmp_wrap .cmp_content .btn_txt a {
+ padding-top: 0;
+ padding-top: 2px \0/IE9
+}
+/* button icon type */
+.cmp_wrap .cmp_content .btn_help {
+ width: 14px
+}
+
+.cmp_wrap .cmp_content .btn_help .line_x {
+ width: 14px
+}
+
+.cmp_wrap .cmp_content .btn_help .line_y {
+ height: 12px
+}
+
+.cmp_wrap .cmp_content .btn_help a {
+ display: block;
+ width: 12px;
+ height: 12px;
+ line-height: 15px
+}
+
+:root .cmp_wrap .cmp_content .btn_help a {
+ line-height: 14px
+}
+
+:root .cmp_wrap .cmp_content .btn_help a {
+ line-height: 14px;
+ line-height: 17px \0/IE9
+}
+
+.cmp_wrap .cmp_tt {
+ overflow: hidden;
+ position: absolute;
+ top: 33px;
+ left: 5px;
+ width: 159px;
+ height: 1px;
+ border-bottom: 1px dotted
+}
+
+.cmp_wrap .cmp_content .info_cont {
+ padding-left: 8px
+}
+
+.cmp_wrap .cmp_content .info_cont li {
+ position: relative;
+ line-height: 16px;
+ list-style: none
+}
+
+.cmp_wrap .cmp_content .info_cont li .info_wrp {
+ display: inline-block;
+ padding-bottom: 1px;
+ opacity: 0.8;
+ filter: alpha(opacity = 80)
+}
+
+.cmp_wrap .cmp_content .info_cont li .tt {
+ display: inline-block
+}
+
+.cmp_wrap .cmp_content .info_cont li .tx {
+ padding-right: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .ic {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 6px;
+ *top: 7px;
+ left: -6px;
+ width: 2px;
+ height: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .lk {
+ text-decoration: underline
+}
+
+.cmp_wrap .cmp_content .info_cont li .lk .bu {
+ text-decoration: none;
+ vertical-align: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .btn_help {
+ display: inline-block;
+ *display: inline;
+ margin-left: 1px;
+ vertical-align: -2px;
+ *vertical-align: middle;
+ zoom: 1
+}
+
+.cmp_wrap .cmp_content .layer_tip {
+ display: none;
+ position: absolute;
+ z-index: 1000;
+ padding: 9px 10px 7px;
+ border: 1px solid #888;
+ background-color: #fff
+}
+
+.cmp_wrap .cmp_content .layer_tip .tip {
+ position: absolute;
+ bottom: -6px;
+ width: 11px;
+ height: 6px;
+ background:
+ url(http://blogimgs.naver.net/nblog/admin50/bg_layer_arr.gif)
+ no-repeat 0 0;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .cmp_content .layer_tip .cont {
+ margin-left: -1px;
+ font-size: 11px;
+ font-family: dotum, 'µ¸¿ò';
+ color: #848689;
+ letter-spacing: -1px;
+ line-height: 14px
+}
+
+.cmp_wrap .cmp_content .layer_tip .clse_tip {
+ position: absolute;
+ top: 7px;
+ right: 8px
+}
+/* // business widget*/
+.new_blog {
+ height: 170px;
+ font-family: 'µ¸¿ò', dotum;
+ text-align: center
+}
+
+.new_blog .new_blog_inner {
+ padding-top: 34px
+}
+
+.new_blog .new_blog_inner2 {
+ padding-top: 78px
+}
+
+.new_blog .new_blog_inner3 {
+ padding-top: 50px
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu {
+ text-align: left
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu li {
+ list-style: none;
+ margin-bottom: 6px;
+ font-size: 12px;
+ line-height: 17px
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu li .pcol2b {
+ width: 3px;
+ height: 3px;
+ margin: 0 2px 2px 0;
+ vertical-align: middle
+}
+
+.new_blog strong {
+ display: block;
+ margin: 0 0 8px;
+ font-size: 14px !important
+}
+
+.new_blog p {
+ display: block;
+ margin: 0 0 13px;
+ font-size: 12px;
+ line-height: 17px
+}
+
+.new_blog a {
+ display: inline-block
+}
+
+.ly_newblog {
+ position: absolute;
+ z-index: 1000;
+ padding: 14px;
+ border: 1px solid #d1d1d1;
+ background: #fefefe
+}
+
+.ly_newblog table {
+ width: 100%;
+ border-collapse: collapse
+}
+
+.ly_newblog .ly_newblog_btm {
+ position: relative;
+ width: 100%;
+ padding: 16px 0 6px;
+ border-top: 1px solid #ececec;
+ text-align: center
+}
+
+.ly_newblog .ly_newblog_btm img {
+ vertical-align: top
+}
+
+.ly_newblog .ly_newblog_cache {
+ position: absolute;
+ top: 19px;
+ right: -1px
+}
+
+.ly_newblog .ly_newblog_cache .input_chk {
+ float: left;
+ width: 13px;
+ height: 13px;
+ margin: 5px 5px 0;
+ padding: 0;
+ vertical-align: middle
+}
+
+.ly_newblog .ly_newblog_cache label {
+ float: left;
+ font-size: 11px;
+ font-family: 'µ¸¿ò', dotum;
+ letter-spacing: -1px;
+ line-height: 27px;
+ color: #999;
+ vertical-align: middle
+}
+
+.ly_newblog .ly_newblog_cache a {
+ display: inline-block;
+ float: left;
+ margin-left: 5px;
+ vertical-align: middle
+}
+
+.ly_newblog .clse {
+ display: inline-block;
+ position: absolute;
+ top: 7px;
+ right: 7px;
+ padding: 2px
+}
+
+.ly_newblog_cont img {
+ vertical-align: top
+}
+
+/* service terminated(wizard widget) */
+.wzd_wrap {
+ width: 169px;
+ height: 80px;
+ margin: 0 auto;
+ border: 1px solid #ececec;
+ background: #f5f5f5;
+ font-family: 'µ¸¿ò', dotum;
+ font-size: 11px;
+ letter- spacing: -1px;
+ text-align: center
+}
+
+.wzd_wrap .info_txt {
+ width: 146px;
+ height: 36px;
+ margin: 0 auto;
+ margin-bottom: 8px;
+ padding-top: 11px;
+ border-bottom: 1px solid #e3e3e3;
+ color: #7d7d7d;
+ line-height: 16px
+}
+
+.wzd_wrap .info_a {
+ display: inline-block;
+ margin: 0 4px 0 6px;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/nblog/widget/ic_wzd.gif)
+ no-repeat 0 2px;
+ color: #7d7d7d;
+ font-size: 11px;
+ text-decoration: none
+}
+
+.wzd_wrap a:hover {
+ text-decoration: underline
+}
+
+.side-body.onestyle .wzd_wrap {
+ *display: inline;
+ zoom: 1
+}
+
+/* map */
+.map_wrp .sub_cnt .more,.map_wrp .set,.map_wrp .go_post .post,.map_wrp .go_post .clse
+ {
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat
+}
+
+.map_wrp {
+ width: 171px;
+ height: 260px;
+ margin: 0 auto
+}
+
+.map_wrp .country {
+ position: relative;
+ width: 171px;
+ height: 260px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/bg_country_v2.jpg)
+ no-repeat;
+ font-family: 'µ¸¿ò', dotum;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.map_wrp .country .tit {
+ overflow: hidden;
+ height: 28px;
+ margin: 0;
+ padding: 0;
+ text-align: left
+}
+
+.map_wrp .country .tit .set {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 8px;
+ right: 8px;
+ width: 11px;
+ height: 12px;
+ background-position: 100% -124px;
+ text-indent: -9999px
+}
+
+.map_wrp .country .tit em {
+ visibility: hidden;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1px;
+ height: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.map_wrp .country .tit strong {
+ display: inline-block;
+ margin: 8px 0 0 80px;
+ color: #00a403;
+ font-family: verdana;
+ font-size: 10px
+}
+
+.map_wrp .map_sec {
+ position: relative;
+ height: 232px
+}
+
+.map_wrp .pin,.map_wrp .pin10,.map_wrp .pin100 {
+ display: block;
+ position: absolute;
+ width: 19px;
+ height: 25px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat 0 -124px;
+ text-align: center
+}
+
+.map_wrp a.pin:hover {
+ text-decoration: none
+}
+
+.map_wrp .pin strong {
+ display: block;
+ margin-left: -1px;
+ color: #00a403;
+ font-family: verdana;
+ font-size: 10px;
+ line-height: 16px
+}
+
+.map_wrp .pin10 {
+ width: 23px;
+ height: 33px;
+ background-position: -28px -124px
+}
+
+.map_wrp .pin10 strong {
+ line-height: 22px
+}
+
+.map_wrp .pin100 {
+ width: 29px;
+ height: 42px;
+ background-position: -61px -124px
+}
+
+.map_wrp .pin100 strong {
+ line-height: 28px
+}
+
+.map_wrp .sub_cnt {
+ position: absolute;
+ top: 239px;
+ right: 10px
+}
+
+:root .map_wrp .sub_cnt {
+ top: 240px \0/IE9
+}
+
+.map_wrp .sub_cnt a {
+ display: inline-block;
+ padding-right: 1px;
+ color: #66717b;
+ line-height: 12px;
+ vertical-align: middle
+}
+
+.map_wrp .sub_cnt .more {
+ padding: 0 5px 0 1px;
+ background-position: 100% -170px;
+ font-size: 11px
+}
+
+:root .map_wrp .sub_cnt .more {
+ line-height: 14px \0/IE9
+}
+
+.map_wrp .dim {
+ position: absolute;
+ top: 28PX;
+ left: 0;
+ width: 171px;
+ height: 232px;
+ background: #000;
+ opacity: 0.1;
+ filter: alpha(opacity = 10)
+}
+
+.map_wrp .go_post {
+ position: absolute;
+ top: 85px;
+ left: 12px;
+ width: 147px;
+ height: 120px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat;
+ text-align: center
+}
+
+.map_wrp .go_post p {
+ margin: 0;
+ padding: 0;
+ line-height: 15px
+}
+
+.map_wrp .go_post .tt {
+ padding-top: 15px;
+ color: #333
+}
+
+.map_wrp .go_post .tx {
+ color: #999
+}
+
+.map_wrp .go_post a {
+ display: block;
+ overflow: hidden;
+ text-indent: -9999em
+}
+
+.map_wrp .go_post .post {
+ width: 68px;
+ height: 16px;
+ margin: 11px auto 0;
+ background-position: 0 -186px
+}
+
+.map_wrp .go_post .clse {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ width: 11px;
+ height: 11px;
+ background-position: 100% -148px
+}
+
+.map_wrp .go_evt {
+ position: absolute;
+ top: 66px;
+ left: 12px;
+ width: 147px;
+ height: 125px;
+ padding-top: 15px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/event/bg_evt_ly.png)
+ no-repeat;
+ text-align: center
+}
+
+.map_wrp .go_evt p {
+ margin: 0;
+ padding: 0;
+ font-size: 11px;
+ line-height: 15px
+}
+
+.map_wrp .go_evt .tt {
+ margin-bottom: 3px;
+ color: #999
+}
+
+.map_wrp .go_evt .tx {
+ color: #ee6e3c
+}
+
+.map_wrp .go_evt .tx a {
+ overflow: hidden;
+ background: none;
+ color: #f6b69d;
+ text-decoration: underline
+}
+
+.map_wrp .go_evt a {
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat;
+ font-size: 11px
+}
+
+.map_wrp .go_evt .post,.map_wrp .go_evt .clse {
+ display: block;
+ text-indent: -9999px
+}
+
+.map_wrp .go_evt .post {
+ width: 68px;
+ height: 16px;
+ margin: 13px auto 0;
+ background-position: 0 -186px
+}
+
+.map_wrp .go_evt .clse {
+ position: absolute;
+ top: 9px;
+ right: 10px;
+ width: 11px;
+ height: 11px;
+ background-position: 100% -148px
+}
+
+.readonly_box {
+ border: solid 1px #e7e7e7;
+ background-color: #fff;
+ margin: 0 0 8px;
+ padding: 20px 0 19px 20px;
+ text-align: left;
+ position: relative;
+ overflow: hidden
+}
+
+.readonly_box h3 {
+ color: #333;
+ font: bold 14px "µ¸¿ò", dotum;
+ margin: 0 0 15px !important
+}
+
+.readonly_box h3 img {
+ vertical-align: middle;
+ margin: 0 6px 3px 0
+}
+
+.readonly_box h3 span {
+ padding-left: 3px;
+ font-size: 12px;
+ color: #ff6d20;
+ letter-spacing: 0
+}
+
+.readonly_box .closepop {
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ width: 15px;
+ height: 15px;
+}
+
+.readonly_box ul {
+ margin: 0 0 3px !important;
+ padding: 0
+}
+
+.readonly_box ul li {
+ list-style: none;
+ padding-left: 7px;
+ line-height: 18px;
+ font-size: 12px;
+ color: #333;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bu_2x2_33.gif)
+ 0 7px no-repeat
+}
+
+.readonly_box .viewnotice {
+ display: inline-block;
+ margin-top: 7px;
+ padding-right: 6px;
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bu_arrow_readonly.gif)
+ right 3px no-repeat;
+ font-size: 12px;
+ color: #333;
+ text-decoration: underline !important
+}
+
+.inspection {
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bg_inspection.gif)
+ repeat-x;
+ text-align: center
+}
+
+.inspection .sub_inspection {
+ width: 980px;
+ height: 69px;
+ margin: 0 auto;
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bg_inspection2.gif)
+ no-repeat;
+ text-align: left
+}
+
+.inspection h1 {
+ float: left;
+ _display: inline;
+ padding: 23px 20px 0 0
+}
+
+.inspection p {
+ float: left;
+ _display: inline;
+ padding: 14px 0 0;
+ padding-left: 21px;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bg_line.gif) 0
+ 17px no-repeat;
+ color: #fff;
+ line-height: 20px
+}
+
+.inspection p * {
+ color: #fff;
+ line-height: 20px
+}
+
+.inspection p em {
+ font-style: normal;
+ font-weight: bold;
+ text-decoration: underline
+}
+
+.inspection .viewnotice {
+ float: right;
+ _display: inline;
+ padding: 24px 0 0 18px;
+ height: 26px;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bg_line2.gif) 0
+ 17px no-repeat
+}
+
+#defineNHNCSS_LayoutTopCommon-411216_css {
+ color: #ffe
+}
\ 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
index 0000000..3455a4a
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/a.html
@@ -0,0 +1,14 @@
+
+
+
+
+ Insert title here
+
+
+
+
+
+ Hello, World
+
+
+
\ 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
index 0000000..cb8aa38
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/a.js
@@ -0,0 +1,3 @@
+A = function() {
+ console.log( "A created" );
+};
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
index 0000000..20de43c
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/b.css
@@ -0,0 +1,6076 @@
+@CHARSET "EUC-KR";
+
+/* common style */
+html,body {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ min-height: 100%;
+}
+
+hr {
+ display: none;
+}
+
+ul,ol,form,h1,h2,h3,h4,h5,h6,dl,dt,dd {
+ margin: 0;
+ padding: 0
+}
+
+img {
+ border: none;
+}
+
+a:link {
+ text-decoration: none
+}
+
+a:visited {
+ text-decoration: none
+}
+
+a:hover {
+ text-decoration: underline
+}
+
+a:active {
+ text-decoration: none
+}
+
+.clear {
+ clear: both;
+}
+
+.blank5 {
+ height: 5px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank7 {
+ height: 7px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank10 {
+ height: 10px;
+ overflow: hidden;
+ font-size: 0;
+}
+
+.blank20 {
+ height: 20px;
+ overflow: hidden;
+}
+
+.tl {
+ text-align: left;
+}
+
+.tc {
+ text-align: center;
+}
+
+.tr {
+ text-align: right;
+}
+
+.fl {
+ float: left;
+}
+
+.fr {
+ float: right;
+}
+
+.fn {
+ float: none;
+}
+
+.vm {
+ vertical-align: middle;
+}
+
+.u,a.u {
+ text-decoration: underline;
+}
+
+.ls1 {
+ letter-spacing: -1px;
+}
+
+.nb {
+ font-weight: normal !important
+}
+
+input.cx {
+ width: 10px;
+ margin: 0;
+ padding: 0;
+ font-family: µ¸¿ò;
+ font-size: 10px;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+img.i_scrap {
+ margin: 0 0 3px 0;
+ vertical-align: middle;
+}
+
+img.i_open {
+ margin: 0 1px 4px 1px;
+ vertical-align: middle;
+}
+
+img.report {
+ margin: 0 0 -1px 0;
+}
+
+.p8 {
+ font-size: 8px;
+}
+
+.p9 {
+ font-size: 9px;
+}
+
+.p10 {
+ font-size: 10px;
+}
+
+.p11 {
+ font-size: 11px;
+}
+
+.p12 {
+ font-size: 12px;
+}
+
+.fil1 {
+ filter: alpha(opacity = 10);
+ opacity: 0.1;
+}
+
+.fil2 {
+ filter: alpha(opacity = 20);
+ opacity: 0.2;
+}
+
+.fil3 {
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+}
+
+.fil4 {
+ filter: alpha(opacity = 40);
+ opacity: 0.4;
+}
+
+.fil5 {
+ filter: alpha(opacity = 50);
+ opacity: 0.5;
+}
+
+.fil6 {
+ filter: alpha(opacity = 60);
+ opacity: 0.6;
+}
+
+.fil7 {
+ filter: alpha(opacity = 70);
+ opacity: 0.7;
+}
+
+.fil8 {
+ filter: alpha(opacity = 80);
+ opacity: 0.8;
+}
+
+.fil9 {
+ filter: alpha(opacity = 90);
+ opacity: 0.9;
+}
+
+.hand {
+ cursor: pointer;
+}
+
+/* Layout-X.jsp Áߺ¹µÈ ½ºÅ¸ÀÏ Á¸Àç È®ÀÎ ÇÊ¿ä */
+* html html {
+ overflow: scroll;
+ overflow-x: auto;
+}
+
+/* layout style */
+#head-skin {
+ width: 100%;
+ min-height: 100%;
+ background-repeat: repeat-x;
+ z-index: 1;
+}
+
+* html #head-skin {
+ height: 100%;
+}
+
+#whole-head,#whole-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+ clear: both;
+}
+
+#wrapper .side-head,#wrapper .side-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+ clear: both;
+}
+
+#whole-body {
+ clear: both;
+ padding: 0 8px;
+}
+
+#bottom-skin {
+ clear: both;
+ height: 75px;
+ background-repeat: repeat-x;
+}
+
+#body {
+ position: relative;
+ z-index: 10;
+ text-align: left;
+}
+
+#left-area,#right-area {
+ zoom: 1
+}
+
+#left-area:after,#right-area:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+#top-area #blog-title {
+ width: 100%
+}
+
+#left-area,#right-area,#content-area {
+ margin-top: 4px;
+} /*090824¼öÁ¤*/
+#bottom-area {
+ clear: both;
+}
+
+#blog-sign {
+ position: absolute;
+ width: 120px;
+ height: 20px;
+ right: 5px;
+ bottom: -30px;
+}
+
+#brandlink {
+ position: absolute;
+ left: 820px;
+ top: 545px;
+}
+
+div.division-line-x,div.division-line-y {
+ overflow: hidden;
+ font-size: 0;
+}
+
+div.division-line-x {
+ width: 171px;
+ height: 8px;
+ clear: both;
+}
+
+div.plile {
+ width: 100%;
+}
+
+#wrapper {
+ text-align: left;
+ clear: both;
+}
+
+#bottom-area {
+ padding-top: 8px;
+}
+
+#bottom-tight-area {
+ margin-top: 8px;
+}
+
+#top-tight-area .widget {
+ float: left;
+ margin-left: 8px;
+}
+
+#bottom-tight-area .widget {
+ float: left;
+ margin-left: 8px;
+}
+
+#top-tight-area div.division-line-x {
+ float: left;
+ width: 8px;
+ clear: none;
+}
+
+#bottom-tight-area div.division-line-x {
+ float: left;
+ width: 8px;
+ clear: none;
+}
+
+#top-tight-area .clear,#bottom-tight-area .clear {
+ height: 1px;
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+/* admin */
+#post-admin {
+ width: 147px;
+ margin: 0 auto;
+ padding: 0 0 6px 0;
+ text-align: left;
+} /* 0825 */
+#post-admin a {
+ font-weight: bold;
+ letter-spacing: -1px;
+} /* 0825 */
+#post-admin a.statistics {
+ font-weight: normal;
+} /* 0825 */
+#post-admin img.write {
+ width: 12px;
+ height: 12px;
+ margin: 0 2px -2px 2px;
+ background: url(http://blogimgs.naver.net/nblog/write_ico.png);
+}
+
+* html #post-admin img.write {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/write_ico.png',
+ sizingMethod='crop' )
+}
+
+#post-admin img.admin {
+ width: 12px;
+ height: 12px;
+ margin: 0 0 -2px 3px;
+ background: url(http://blogimgs.naver.net/nblog/edit_ico.png);
+} /* 0825 */
+* html #post-admin img.admin {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/edit_ico.png',
+ sizingMethod='crop' )
+}
+
+#post-admin img.admin-new {
+ width: 12px;
+ height: 12px;
+ margin: 0 0 -2px 3px;
+ background: url(http://blogimgs.naver.net/nblog/ico_new.gif) 0 1px
+ no-repeat;
+} /* 090506Ãß°¡ */
+#post-admin span.bar {
+ padding: 0 5px 0 3px;
+}
+
+#post-admin span.bar1 {
+ padding: 0 12px 0 9px;
+}
+
+#post-admin span.bar2 {
+ padding: 0 14px 0 11px;
+}
+
+#wrapper .side-body {
+ text-align: center;
+ clear: both;
+ font-family: µ¸¿ò;
+}
+
+#wrapper .side-body.onestyle {
+ padding: 0 0 10px 0;
+ zoom: 1;
+ width: 100%;
+}
+
+#wrapper .side-body .widget {
+ overflow: hidden
+}
+
+#wrapper h3.component {
+ position: absolute;
+ font-size: 12px;
+}
+
+#wrapper h3.component span {
+ cursor: default;
+}
+
+#wrapper .cm-head {
+ clear: both;
+ position: relative;
+ z-index: 1
+}
+
+#wrapper .cm-title {
+ position: absolute;
+ width: 171px;
+ z-index: 2
+}
+
+#wrapper .cm-body {
+ clear: both;
+}
+
+#wrapper .cm-footer {
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+#wrapper .cm-arw {
+ width: 3px;
+ height: 3px;
+ margin: 0 2px 2px 0;
+ vertical-align: middle;
+}
+
+#wrapper .cm-icol {
+ font-size: 12px;
+ font-family: µ¸¿ò;
+}
+
+#wrapper .cm-con {
+ width: 161px;
+ margin: 0 auto;
+}
+
+#wrapper .cmore {
+ position: absolute;
+ right: 8px;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+}
+
+#wrapper .cmore a {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ letter-spacing: -1px;
+}
+
+input.listup {
+ width: 15px;
+ height: 5px;
+ margin: 0 0 5px 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ text-align: center;
+ font-family: µ¸¿ò;
+ font-weight: bold;
+ cursor: pointer;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+input.listdown {
+ width: 15px;
+ height: 5px;
+ margin: 0 0 5px 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ text-align: center;
+ font-family: µ¸¿ò;
+ font-weight: bold;
+ cursor: pointer;
+ filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation= 2 );
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#idMenuDiv {
+ text-align: left;
+ font-family: µ¸¿ò;
+}
+
+#idMenuDiv .n_id {
+ cursor: pointer;
+}
+
+/* scrollbox */
+.template .scrollbox {
+ font-size: 12px;
+ border: 1px solid green;
+}
+
+.template .scrollbox .track {
+ background-color: #ff0;
+ width: 20px;
+}
+
+.template .scrollbox .button {
+ background-color: #f00;
+ width: 20px;
+ height: 20px;
+}
+
+.template .scrollbox .button.button_up {
+ background-color: #f0f;
+}
+
+.template .scrollbox .button.button_up.button_up_over {
+ background-color: #a00;
+}
+
+.template .scrollbox .button.button_up.button_up_down {
+ background-color: #0a0;
+}
+
+.template .scrollbox .button.button_dn {
+ background-color: #0f0;
+}
+
+.template .scrollbox .button.button_dn.button_dn_over {
+ background-color: #a00;
+}
+
+.template .scrollbox .button.button_dn.button_dn_down {
+ background-color: #0a0;
+}
+
+.template .scrollbox .thumb {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb .thumbtop {
+ width: 20px;
+ height: 10px;
+ background-color: gray;
+}
+
+.template .scrollbox .thumb .thumbbtm {
+ width: 20px;
+ height: 10px;
+ background-color: gray;
+}
+
+.template .scrollbox .thumb.thumb_over {
+ background-color: #aaa;
+}
+
+.template .scrollbox .thumb.thumb_over .thumbtop {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb.thumb_over .thumbbtm {
+ background-color: silver;
+}
+
+.template .scrollbox .thumb.thumb_down {
+ background-color: #faa;
+}
+
+.template .scrollbox .thumb.thumb_down .thumbtop {
+ background-color: #a77;
+}
+
+.template .scrollbox .thumb.thumb_down .thumbbtm {
+ background-color: #a77;
+}
+
+/* selectbox */
+.ie7 {
+ font-size: 12px;
+ cursor: default;
+}
+
+.ie7 .box {
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/box.gif)
+ no-repeat;
+ position: relative;
+ text-decoration: none;
+ height: 22px;
+ color: #000;
+}
+
+.ie7 .selectbox_disabled {
+ opacity: 0.7;
+ -moz-opacity: 0.7;
+ -kthml-opacity: 0.7;
+ filter: alpha(opacity = 70);
+}
+
+.ie7 .box.box_over {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/box_over.gif);
+}
+
+.ie7 .box.box_down {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/box_down.gif);
+}
+
+.ie7 .box .label {
+ padding: 2px 5px;
+ height: 22px;
+ overflow: hidden;
+ cursor: default;
+}
+
+.ie7 .box .button {
+ float: right;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/button.gif)
+ no-repeat #fff;
+ width: 15px;
+ height: 22px;
+ _cursor: hand;
+ cursor: pointer;
+}
+
+.ie7 .box.box_over .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_over.gif);
+}
+
+.ie7 .box.box_down .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_down.gif);
+}
+
+.ie7.selectbox_expanded .box .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e.gif);
+}
+
+.ie7.selectbox_expanded .box.box_over .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e_over.gif);
+}
+
+.ie7.selectbox_expanded .box.box_down .button {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/mylog/post/button_e_down.gif);
+}
+
+.ie7 .listbox {
+ border: 1px solid #9d9da1;
+ background-color: #fff;
+ margin: 2px 0 0 0;
+ padding: 0;
+}
+
+.ie7 .listbox li {
+ padding: 5px;
+ cursor: default;
+}
+
+.ie7 .listbox li.over {
+ background-color: #bbb7c7;
+}
+
+.png24 {
+ tmp: expression(setPng24(this) );
+}
+
+.division-line-x {
+ height: 5px;
+ font-size: 0;
+ overflow: hidden;
+}
+
+/* *** Float containers fix *** */
+.clearfix:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {
+ height: 1%;
+}
+
+.clearfix {
+ display: block;
+}
+/* End hide from IE-mac */
+
+/*printer styles*/
+@media print {
+ #leftcol {
+ display: none;
+ }
+ #rightcol {
+ display: none;
+ }
+ #twocols,#maincol {
+ width: 100%;
+ float: none;
+ }
+}
+
+.error_box {
+ width: 171px;
+ padding-top: 7px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left top
+ no-repeat;
+}
+
+.error_box p img {
+ border: 0
+}
+
+.error_box p {
+ margin: 7px !important;
+ padding: 3px 0 0 0 !important;
+ color: #6E6E6E;
+ font-family: Dotum;
+ font-size: 11px;
+ text-align: center;
+ line-height: 1.2
+}
+
+.error_box p.ico_recycle {
+ padding: 9px 0 3px 0;
+ text-align: center
+}
+
+.error_box_b {
+ overflow: hidden;
+ width: 171px;
+ height: 4px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/error/table_tl.gif) left
+ bottom no-repeat;
+ font-size: 0
+}
+
+/* for log-integretion close-beta service */
+.betatest {
+ margin: 0 auto;
+ padding: 8px 0 8px;
+ width: 147px;
+ text-align: left;
+ font-weight: bold;
+}
+
+.betatest span {
+ display: inline-block;
+ padding-right: 8px;
+ background:
+ url(http://blogimgs.naver.net/nblog/skins/profile/0158_icon.gif)
+ no-repeat right center;
+}
+
+.logbetalist {
+ position: relative;
+ left: -11px;
+ width: 105px;
+ height: 100%;
+ padding: 1px !important;
+ overflow: hidden;
+ border: 1px solid #9b9b9b;
+ background: #fff;
+}
+
+.logbetalist li {
+ width: 105px;
+ padding: 0 !important;
+}
+
+.logbetalist li a {
+ display: inline-block;
+ width: 96px;
+ padding: 5px 0 4px 9px;
+ color: #555;
+}
+
+.logbetalist li a:hover {
+ background: #f3f3f3 !important;
+}
+
+/* 090717 ·Î±×ÅëÇÕ ÀÌ¿ëÀÚ¼ÒÅë */
+div.log_intergration {
+ margin: 9px 0 6px;
+ padding: 0 0 0 22px;
+ font-size: 12px !important;
+ line-height: 1.4;
+ background:
+ url(http://blogimgs.naver.net/nblog/beta/ico_log_exclam2.gif)
+ no-repeat
+}
+
+strong.log_info {
+ display: block;
+ margin: 0;
+ padding-bottom: 2px;
+ font-size: 12px !important
+}
+
+span.log_info {
+ display: block;
+ margin-bottom: 11px;
+ padding-top: 4px;
+ font-size: 12px !important;
+ filter: alpha(opacity = 80);
+ opacity: 0.8;
+}
+
+/* 0921Ãß°¡ */
+.post_layer {
+ position: absolute;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ background: url(http://blogimgs.naver.net/nblog/spc.gif);
+}
+
+.shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .post_layer .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.post_layer .shadow01_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.post_layer .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .post_layer .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.post_layer .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.post_layer .border_type {
+ border: 2px solid #777777;
+ background-color: #FFFFFF;
+}
+
+.post_layer .close {
+ position: absolute;
+ top: 7px;
+ right: 8px;
+ background-color: #FFFFFF;
+}
+
+.post_layer .content {
+ padding-bottom: 3px;
+ margin: 13px 20px 0 20px;
+ border-bottom: 1px solid #E8E8E8;
+}
+
+.post_layer .btn {
+ margin: 0;
+ padding: 10px 0 10px 0;
+ text-align: center;
+}
+
+.post_layer .ln15 {
+ line-height: 1.5
+}
+
+.post_layer p {
+ padding: 0;
+ margin: 0
+}
+
+.post_layer .post_data {
+ margin-top: 3px;
+ padding: 9px 0 0 0;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_line2.gif)
+ top repeat-x;
+ text-align: left
+}
+
+.post_layer .post_data h3 {
+ margin: 0;
+ padding: 0 0 4px 7px;
+ font-size: 12px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_arrow.gif)
+ 0 3px no-repeat;
+}
+
+.post_layer .post_data ul {
+ margin: 0;
+ padding: 0
+}
+
+.post_layer .post_data li {
+ list-style-type: none;
+ position: relative;
+ margin: 0;
+ padding: 0 0 4px 7px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bu_dot3.gif)
+ 0 4px no-repeat;
+ letter-spacing: -1px;
+}
+
+.post_layer .post_data span {
+ position: absolute;
+ left: 0;
+ padding: 0 0 0 91px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/bg_bar2.gif)
+ 81px 0 no-repeat;
+ color: #004790;
+}
+
+.post_layer .post_data span a {
+ color: #004790;
+}
+/* 0921Ãß°¡ */
+
+/* app box */
+#blog-socialappbox {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left
+}
+
+#blog-socialappbox .line {
+ width: 141px;
+ height: 1px;
+ margin: 0 auto;
+ border-top: 1px solid
+}
+
+#blog-socialappbox .cm-head em {
+ font-style: normal;
+ font-weight: normal;
+ font-size: 10px;
+ font-family: Tahoma
+}
+
+.app_box {
+ overflow: hidden;
+ padding: 9px 0 2px 10px;
+ zoom: 1
+}
+
+.app_box li {
+ float: left;
+ width: 44px;
+ margin: 0 5px 9px 0;
+ text-align: center;
+ list-style: none
+}
+
+.app_box li a {
+ display: inline-block
+}
+
+.app_box li a:hover {
+ text-decoration: none
+}
+
+.app_box li img {
+ vertical-align: top
+}
+
+.app_box li span {
+ display: inline-block;
+ overflow: hidden;
+ width: 44px;
+ margin-top: 5px;
+ font-size: 11px;
+ letter-spacing: -1px;
+ white-space: nowrap
+}
+
+.app_box_btn {
+ margin-right: 9px;
+ padding: 2px 0 6px;
+ text-align: right
+}
+
+.app_box_btn span,.app_box_btn a {
+ display: inline-block;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.app_box_btn .bar {
+ display: inline-block;
+ margin: 0 0 0 -1px;
+ font-style: normal;
+ font-size: 11px
+}
+
+.app_box_none {
+ text-align: center
+}
+
+.app_box_none p {
+ display: inline-block;
+ margin: 0;
+ padding: 24px 0 27px;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.app_box_none .p_type2 {
+ padding: 1px 0 0
+}
+
+.app_box_none .line {
+ padding-bottom: 10px
+}
+
+.app_box_ros {
+ padding: 5px 9px
+}
+
+.app_box_ros p {
+ margin: 0;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 16px
+}
+
+/* photo viewer */
+.photo_view {
+ position: absolute;
+}
+
+.photo_view .photo_shadow {
+ position: absolute;
+ bottom: -4px;
+ _bottom: -5px;
+ width: 100%;
+ height: 4px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png)
+ left top no-repeat;
+ font-size: 0;
+}
+
+* html .photo_view .photo_shadow {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_bottom.png',
+ sizingMethod='scale' );
+ background: none
+}
+
+.photo_view img {
+ border: 0
+}
+
+.photo_view p {
+ margin: 0
+}
+
+.photo_view .view_top {
+ position: relative;
+ height: 31px;
+ margin-left: 4px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/bg_top_r.gif)
+ right top no-repeat;
+}
+
+.photo_view h3 {
+ position: absolute;
+ top: 0;
+ left: -4px;
+ padding: 0;
+ margin: 0
+}
+
+.photo_view .btn_left {
+ position: absolute;
+ top: 6px;
+ right: 50%;
+}
+
+.photo_view .btn_left a {
+ display: block;
+ width: 31px;
+ height: 21px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left.gif)
+ no-repeat;
+}
+/*.photo_view .btn_left a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_over.gif) no-repeat;}
+.photo_view .btn_left a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_left_down.gif) no-repeat;}*/
+.photo_view .btn_left a img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .btn_right {
+ position: absolute;
+ top: 6px;
+ left: 50%;
+}
+
+.photo_view .btn_right a {
+ display: block;
+ width: 31px;
+ height: 21px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right.gif)
+ no-repeat;
+}
+/*.photo_view .btn_right a:hover {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_over.gif) no-repeat;}
+.photo_view .btn_right a:active {background:url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_right_down.gif) no-repeat;}*/
+.photo_view .btn_right a img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .photo_count {
+ position: absolute;
+ top: 9px;
+ right: 39px;
+ color: #6E6E6E;
+ font-size: 11px;
+ font-family: Verdana
+}
+
+.photo_view .photo_album {
+ position: absolute;
+ padding: 0 1px 1px 1px;
+ border: 1px solid #797979;
+ border-top: 0;
+ background-color: #fff
+}
+
+.photo_view .photo_album p {
+ border: 1px solid #AAA
+}
+
+.photo_view .btn_close {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+
+.photo_view .btn_close a {
+ display: block;
+ width: 23px;
+ height: 22px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close a:hover {
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_over.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close a:active {
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_close_down.gif)
+ no-repeat;
+}
+
+.photo_view .btn_close img {
+ position: relative;
+ z-index: -1;
+}
+
+.photo_view .btn_original {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+}
+
+* html .photo_view .btn_original img {
+ width: 80px;
+ height: 1px;
+ margin-top: -1px;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/btn_original.png',
+ sizingMethod='image' );
+}
+
+.photo_view .loading_layer {
+ display: inline-block;
+ width: 150px;
+ height: 34px;
+ background:
+ url(http://blogimgs.naver.net/blog20/blog/layout_photo/viewer2/load_b01_01.gif)
+ 0 bottom no-repeat;
+ color: #4B4B4B;
+ font-size: 12px;
+ font-family: dotum;
+ letter-spacing: -1px;
+} /* 100524 */
+
+/* ipad */
+.guid_ipad_area2 {
+ width: 169px;
+ height: 178px;
+ margin: 0 auto;
+ border: 1px solid #ebebeb;
+ background: #f8f8f8;
+ color: #888;
+ text-align: center;
+}
+
+.guid_ipad_area2 p {
+ padding-top: 61px;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ line-height: 18px;
+}
+
+/* ÁöµµÀ§¿¡ ºí·Î±× : dz¼±¸» */
+.ic_new {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -14px;
+ left: 2px;
+ width: 20px;
+ height: 13px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/ic_new.png)
+ no-repeat;
+ text-indent: -9999px
+}
+
+.ic_event {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -14px;
+ left: -1px;
+ width: 26px;
+ height: 13px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/event/ic_event.png)
+ no-repeat;
+ text-indent: -9999px
+}
+/* for widget */
+
+/* for blog-category */
+#blog-category {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-category p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-category ul.profile-menu {
+ border-width: 1px 0;
+ border-color: #BCBCB8;
+ border-style: dotted;
+}
+
+#blog-category ul {
+ margin: 0;
+ padding: 5px 0 8px 9px;
+}
+
+#blog-category ul li {
+ list-style-type: none;
+ margin: 0 0 1px;
+ padding: 5px 0 0;
+ overflow: hidden;
+ zoom: 1;
+ word-break: break-all;
+ word-wrap: break-word; .
+ margin-bottom: -3px;
+}
+
+#blog-category ul li.allview {
+ padding-bottom: 7px;
+}
+
+#blog-category ul li.allview a {
+ font-weight: bold;
+}
+
+#blog-category ul li.selectedview a {
+ font-weight: bold;
+}
+
+#blog-category ul li.dilind {
+ margin: 0;
+ padding: 3px 0 5px;
+}
+
+#blog-category ul li.dilind input {
+ width: 145px;
+ height: 10px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ vertical-align: middle;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-category ul li.depth2dilind {
+ padding: 3px 0 5px;
+ background: none;
+ font-size: 0;
+}
+
+#blog-category ul li.depth2dilind input {
+ width: 145px;
+ height: 10px;
+ margin: 0;
+ padding: 0;
+ border: none;
+ background: transparent;
+ vertical-align: top;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-category ul li .num {
+ position: relative;
+ top: -1px;
+ font-family: verdana;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+#blog-category ul li img.listimage {
+ float: left;
+}
+
+#blog-category ul li img.albumimage {
+ float: left;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/admin/ico_n_photo.gif);
+}
+
+#blog-category ul li .tlink {
+ float: left;
+ width: 112px;
+}
+
+#blog-category ul li .tlink_nosub {
+ float: left;
+ width: 138px;
+}
+
+#blog-category ul li a.on {
+ text-decoration: underline;
+}
+
+#blog-category ul li.depth2 {
+ padding-left: 14px;
+ background-position: 4px 5px;
+ background-repeat: no-repeat;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_depth2_l.gif);
+}
+
+#blog-category ul li.depth2 .tlink {
+ width: 112px;
+}
+
+#blog-category .f_open {
+ float: left;
+ width: 16px;
+ height: 10px;
+ margin: 1px 0 0;
+ font: 0/0 arial;
+}
+
+#blog-category .f_open .f_icoclosed,#blog-category .f_open .f_icoopen {
+ background-repeat: no-repeat;
+ cursor: pointer;
+ _cursor: hand;
+} /* 090226¼öÁ¤ */
+#blog-category .f_open .f_icoclosed {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_f_closed_l.gif);
+}
+
+#blog-category .f_open .f_icoopen {
+ background-image:
+ url(http://blogimgs.naver.net/nblog/widget/ico_f_open_l.gif);
+}
+
+#blog-category .allimage,#blog-category .listimage,#blog-category .albumimage
+ {
+ width: 10px;
+ height: 12px;
+ margin: 0 2px -2px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#blog-category h3.component span {
+ cursor: pointer;
+}
+/* for Category.jsp */
+.layer_popup {
+ top: 800px;
+ left: 350px;
+ position: absolute;
+ overflow: visible;
+ filter: progid:DXImageTransform.Microsoft.Shadow(color=#6c6c6c,
+ direction=135, strength=3 );
+}
+
+.layer_popup em {
+ font-style: normal;
+ font-weight: bold;
+}
+
+.layer_popup .shadow {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ overflow: visible;
+ z-index: 1;
+ _display: none;
+}
+
+*:first-child+html .layer_popup .shadow {
+ display: none;
+}
+
+.layer_popup .shadow1 {
+ left: 3px;
+ top: 3px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow1.png);
+}
+
+.layer_popup .shadow2 {
+ left: 2px;
+ top: 2px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow2.png);
+}
+
+.layer_popup .shadow3 {
+ left: 1px;
+ top: 1px;
+ background: url(http://blogimgs.naver.net/nblog/mylog/post/shadow3.png);
+}
+
+.layer_popup {
+ position: absolute;
+ overflow: visible;
+ width: 208px;
+ filter: progid:DXImageTransform.Microsoft.Shadow(color=#c6c6c6,
+ direction=135, strength=3 );
+}
+
+.layer_popup .layer_content {
+ border: 1px solid #6c6c6c;
+ background: #ffffff;
+ position: relative;
+ z-index: 2;
+}
+
+.layer_popup .layer_body {
+ font-size: 12px;
+ color: #333333;
+ line-height: 18px;
+ padding: 13px 0 10px 19px;
+ font-family: ±¼¸², Gulim, µ¸¿ò, Dotum, Helvetica, Sans-serif;
+ text-align: left;
+}
+
+.layer_popup .layer_content a {
+ color: #ff3333;
+ text-decoration: underline;
+}
+
+#prohibition {
+ position: absolute;
+ z-index: 1;
+ top: 1017px;
+ left: 389px;
+ background: url(img/bg_prohibition.gif) no-repeat;
+ line-height: 140%;
+ padding: 15px 0 0 20px;
+ width: 191px;
+ height: 85px;
+ color: #333;
+}
+
+#prohibition span {
+ color: #ff3333;
+ text-decoration: underline;
+}
+
+#blog-category ul li .tlink_nosub img {
+ margin: 0 0 0 4px;
+}
+
+#blog-category ul li .prohibit {
+ background: url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.png)
+ no-repeat 0 0;
+ _background:
+ url(http://blogimgs.naver.net/nblog/mylog/block/ico_rst.gif) no-repeat
+ 0 0
+}
+
+/* blog-search */
+#blog-search {
+ width: 171px;
+ height: 25px;
+ margin: 0 auto;
+ text-align: center;
+ font-size: 12px;
+}
+
+#blog-search h3 {
+ display: none;
+}
+
+#blog-search {
+ background: none;
+ padding: 0;
+}
+
+#blog-search .inp {
+ width: 120px;
+ height: 16px;
+ padding: 3px 0 0 3px;
+ vertical-align: middle;
+ border-top: 1px #999999 solid;
+ border-right: 1px #DBDBDB solid;
+ border-bottom: 1px #DBDBDB solid;
+ border-left: 1px #999999 solid;
+ background: #FFF;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ -webkit-appearance: none;
+ -webkit-border-radius: 0
+}
+
+#blog-search .btn {
+ width: 43px;
+ height: 22px;
+ margin: 0 0 -1px 3px;
+ vertical-align: middle;
+ background-image:
+ url(http://blogimgs.naver.net/nblog/btn_blogsearch.gif);
+ background-repeat: no-repeat;
+}
+
+/* blog-tag */
+#blog-tag {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-tag p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-tag .cmore a,#blog-tag .cmore span {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+}
+
+#blog-tag .cmore a.on {
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#blog-tag .taglist {
+ padding: 7px 9px;
+ line-height: 1.6;
+ word-break: break-all;
+ word-wrap: break-word;
+ overflow: hidden;
+ width: 153px;
+}
+
+#blog-tag .allview {
+ text-align: right;
+ padding: 0 10px 7px 0;
+}
+
+#blog-tag .allview span {
+ font-family: µ¸¿ò;
+ font-size: 9px;
+}
+
+#blog-tag .allview a {
+ font-size: 11px;
+}
+
+#blog-tag .allview img {
+ width: 4px;
+ height: 6px;
+ margin: 0 3px 2px 0;
+}
+
+/* blog-recent-comment */
+#blog-recent-comment {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-recent-comment h3.component span {
+ cursor: pointer;
+}
+
+#blog-recent-comment p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-recent-comment ul {
+ padding: 10px 0 1px 10px;
+}
+
+#blog-recent-comment ul li {
+ list-style-type: none;
+ margin-bottom: 6px;
+ padding: 0;
+}
+
+#blog-recent-comment .allview {
+ text-align: right;
+ padding: 0 10px 7px 0;
+}
+
+#blog-recent-comment .allview span {
+ font-family: µ¸¿ò;
+ font-size: 9px;
+}
+
+#blog-recent-comment .allview a {
+ font-size: 11px;
+}
+
+#blog-recent-comment .allview img {
+ width: 4px;
+ height: 6px;
+ margin: 0 3px 2px 0;
+}
+
+/* blog-visitor */
+#blog-visitor {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-visitor h3.component span {
+ cursor: pointer;
+}
+
+#blog-visitor p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-visitor ul {
+ padding: 10px 0 1px 10px;
+}
+
+#blog-visitor ul li {
+ list-style-type: none;
+ margin-bottom: 6px;
+ padding: 0;
+ word-break: break-all;
+}
+/* for Visitor.jsp */
+.layerpop2 {
+ position: absolute;
+ z-index: 999;
+ font: normal 12px µ¸¿ò, Dotum;
+ color: #333;
+ overflow: hidden;
+ display: none;
+}
+
+.layerpop2 .border_type {
+ position: relative;
+ border: solid 2px #777;
+ background-color: #fff;
+}
+
+.layerpop2 .close {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+}
+
+.layerpop2 .content1 {
+ padding: 30px 30px 21px;
+ border-bottom: solid 1px #f0f0f0;
+}
+
+.layerpop2 .content1 h6 {
+ font-weight: bold;
+ font-size: 14px;
+ padding-bottom: 22px;
+ margin: 0;
+ color: #333;
+}
+
+.layerpop2 .subtext {
+ font-size: 11px;
+ color: #999;
+ margin: 0;
+ padding: 7px 0 0;
+ line-height: 16px;
+ letter-spacing: -1px;
+ text-align: left;
+}
+
+.layerpop2 .check {
+ width: 13px;
+ height: 13px;
+ vertical-align: middle;
+ padding: 0 3px 2px 0;
+ margin-left: 2px;
+}
+
+.layerpop2 .btn1 {
+ background-color: #fbfbfb;
+ border-top: solid 1px #f7f7f7;
+ text-align: center;
+ margin: 0;
+ padding: 11px 0 20px;
+}
+
+.layerpop2 .btn1 img {
+ margin: 0 1px;
+ vertical-align: top;
+}
+
+/* blog-buddy */
+#blog-buddy {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-buddy h3.component span {
+ cursor: pointer;
+}
+
+#blog-buddy p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-buddy ul {
+ padding: 5px 0 5px 8px;
+}
+
+#blog-buddy ul li {
+ list-style-type: none;
+ font-weight: bold;
+ margin: 5px 0 0 0;
+ padding: 0 0 2px 0;
+ word-break: break-all;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+#blog-buddy .buddyup,#blog-buddy .buddydw {
+ width: 12px;
+ height: 12px;
+ margin: 0 3px 2px 0;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ vertical-align: middle;
+}
+
+#blog-buddy ul.depth2 {
+ padding: 0 0 0 15px;
+}
+
+#blog-buddy ul.depth2 li {
+ font-weight: normal;
+ margin: 4px 0 0 0;
+ padding: 0;
+ background: none;
+}
+
+#buddylist {
+ position: absolute;
+ top: 3px;
+ left: -8px;
+ border: 1px solid;
+ color: #9B9B9B;
+ background-color: #FFFFFF;
+ width: 355px;
+ height: 535px;
+ overflow: auto;
+}
+
+/* for Buddy4NaverBlog.jsp */
+.cm-slink:hover {
+ color: #56ac4b !important;
+}
+
+/* blog-stat */
+#blog-stat {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-stat p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-stat ul li {
+ list-style-type: none;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+}
+
+#blog-stat ul.info {
+ margin: 0;
+ padding: 9px 0 0 10px;
+}
+
+#blog-stat ul.info li {
+ height: 18px;
+ margin: 0;
+ padding: 0;
+}
+
+#blog-stat em {
+ font-style: normal;
+ font-weight: bold;
+ font-family: verdana;
+ font-size: 11px;
+}
+
+html>body #blog-stat ul.info li {
+ height: 18px;
+ margin: 0;
+}
+
+#blog-stat ul.item {
+ clear: both;
+ margin: 0;
+ padding: 0px 0 5px 10px;
+}
+
+#blog-stat ul.item li {
+ height: 15px;
+ margin: 0 0 3px 0;
+ padding: 0;
+}
+
+html>body #blog-stat ul.item li {
+ height: 18px;
+ margin: 0;
+}
+
+#blog-stat div.line {
+ height: 10px;
+ margin: 4px 10px 0 10px;
+ background: transparent;
+ border-top-width: 1px;
+ border-top-style: dotted;
+ overflow: hidden;
+ font-size: 0;
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+}
+
+/* blog-counter */
+#blog-counter {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-counter p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-counter h3 {
+ display: none;
+}
+
+#blog-counter p span.txt {
+ display: none;
+}
+
+#blog-counter span.cnt1,#blog-counter span.cnt2 {
+ display: block;
+}
+
+#blog-counter .today,#blog-counter .total {
+ position: absolute;
+}
+
+/* blog-rss */
+#blog-rss {
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-rss p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-rss span {
+ display: block;
+}
+
+#blog-rss span.no {
+ display: none;
+}
+
+#blog-rss a {
+ display: block;
+ position: absolute;
+}
+
+/* blog-powered */
+#blog-powered {
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-powered p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-powered span {
+ display: none;
+}
+
+#blog-powered a.naver {
+ display: block;
+ position: absolute;
+}
+
+#blog-powered a.blog {
+ display: block;
+ position: absolute;
+}
+
+/* widget-saying */
+#widget-saying {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#widget-saying p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-saying .bg-head {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#widget-saying .bg-body {
+ overflow: hidden;
+ background-repeat: repeat;
+ text-align: center;
+}
+
+#widget-saying .bg-footer {
+ clear: both;
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#widget-saying h3 {
+ display: none;
+}
+
+#widget-saying .con {
+ width: 142px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#widget-saying .con img {
+ cursor: pointer;
+}
+
+#widget-saying .saying {
+ ine-height: 1.4;
+}
+
+#widget-saying .saying span {
+
+}
+
+#widget-saying .writer {
+ float: right;
+ padding-top: 6px;
+}
+
+#widget-saying .icon {
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#widget-saying .btn-more {
+ padding: 8px 0 0 1px;
+}
+
+#widget-saying .btn-more a {
+ font-size: 10px;
+ text-decoration: none;
+}
+
+/* widget-currency */
+#widget-currency {
+ position: relative;
+ width: 171px;
+ margin: 0pt auto;
+}
+
+#widget-currency .skin-1,#widget-currency .skin-2 {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 11px;
+ background-repeat: no-repeat;
+}
+
+#widget-currency p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-currency .bg-head span {
+ display: none
+}
+
+#widget-currency .bg-head h3 {
+ margin: 0;
+ font-weight: normal;
+ text-align: center;
+}
+
+#widget-currency .bg-head h3 img {
+ border: 0
+}
+
+#widget-currency .bg-head h3 a {
+ position: absolute;
+ display: block;
+ width: 51px;
+ height: 20px;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ z-index: 99;
+ background: #fff;
+ opacity: 0;
+ filter: alpha(opacity = 0)
+}
+
+#widget-currency .bg-head h3.on a {
+ width: 55px;
+ height: 20px;
+}
+
+#widget-currency .bg-body h3.money {
+ position: absolute;
+ margin: 0;
+ font-weight: bold;
+ font-family: Times New Roman;
+}
+
+#widget-currency .bg-body {
+ clear: both;
+ text-align: center;
+}
+
+#widget-currency table {
+ position: absolute;
+}
+
+#widget-currency th {
+ display: none
+}
+
+#widget-currency td {
+ font-size: 10px;
+ font-family: Tahoma;
+ text-align: center
+}
+
+#widget-currency .rate {
+ height: 18px;
+ line-height: 1.4;
+}
+
+#widget-currency .no {
+ display: none
+}
+
+#widget-currency .rate-con {
+ position: absolute;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -1px
+}
+
+#widget-currency .buy {
+ position: absolute;
+ font-family: Tahoma;
+ font-size: 10px;
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#widget-currency .sell {
+ position: absolute;
+ font-family: Tahoma;
+ font-size: 10px;
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+#widget-currency .country {
+ position: absolute;
+ z-index: 1
+}
+
+#widget-currency .bg-sel {
+ position: relative;
+ float: left;
+ width: 97px;
+ height: 19px;
+ padding: 0;
+ margin: 0
+}
+
+#widget-currency .bg-sel li {
+ width: 105px;
+ padding: 4px 0 3px 0;
+ font-size: 11px;
+ font-family: Dotum;
+ cursor: pointer;
+ cursor: hand;
+}
+
+#widget-currency .bg-sel li:first-letter {
+ padding-left: 7px
+}
+
+#widget-currency .bg-sel li.on {
+ background-color: #FF6501;
+ color: #FFFFFF;
+}
+
+#widget-currency .bg-sel li.on span {
+ color: #FFFFFF;
+}
+
+#widget-currency .bg-sel li span {
+ display: inline;
+ color: #8DA4B4;
+ font-size: 10px;
+ font-family: Arial;
+}
+
+#widget-currency .cal-input {
+ width: 40px;
+}
+
+#widget-currency .res-input {
+ width: 153px;
+}
+
+#widget-currency .nation select {
+ width: 95px;
+ font-size: 11px;
+}
+
+#widget-currency .btn-sel {
+ display: block;
+ position: absolute;
+ width: 13px;
+ height: 13px;
+ background-repeat: no-repeat;
+ top: 3px;
+ right: 4px;
+}
+
+#widget-currency .calculation-1,#widget-currency .calculation-2 {
+ float: left;
+ text-align: left;
+}
+
+#widget-currency .calculation-1 div,#widget-currency .calculation-2 div,#widget-currency .calculation-1 p,#widget-currency .calculation-2 p
+ {
+ float: left;
+}
+
+#widget-currency .calculation-1 input,#widget-currency .calculation-2 input
+ {
+ position: absolute;
+ margin: 1px 0 0 7px;
+ border: 0;
+ background-color: transparent;
+ font-size: 11px;
+ font-family: Arial;
+ color: #414141;
+ text-align: right;
+}
+
+#widget-currency .calculation-1 span,#widget-currency .calculation-2 span
+ {
+ display: none
+}
+
+#widget-currency .btn-calculation {
+ position: absolute;
+ width: 45px;
+ height: 17px;
+ text-align: right
+}
+
+#widget-currency .result {
+ float: left;
+}
+
+#widget-currency .result input {
+ float: left;
+ width: 153px;
+ border: 0;
+ background-color: transparent;
+ font-size: 11px;
+ font-family: Arial;
+ color: #414141;
+ text-align: right;
+}
+
+/* widget-weather */
+#widget-weather {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ overflow: hidden;
+}
+
+#widget-weather div {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-weather .weather,#widget-weather .today,#widget-weather .tomorrow
+ {
+ position: absolute;
+ background-repeat: no-repeat;
+}
+
+#widget-weather .temperature {
+ position: absolute;
+ width: 90px;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -2px;
+ line-height: 1.0;
+ z-index: 10;
+}
+
+#widget-weather .today-temperature,#widget-weather .tomorrow-temperature
+ {
+ position: absolute;
+ width: 40px;
+ font-family: Tahoma;
+ font-weight: bold;
+ letter-spacing: -1px;
+ _letter-spacing: -2px;
+ line-height: 0.9;
+ z-index: 10;
+}
+
+#widget-weather .today-txt,#widget-weather .tomorrow-txt {
+ position: absolute;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 1.1;
+ z-index: 10
+}
+
+*:first-child+html #widget-weather .today-txt {
+ line-height: 1.2
+}
+
+* html #widget-weather .today-txt {
+ line-height: 1.2
+}
+
+*:first-child+html #widget-weather .tomorrow-txt {
+ line-height: 1.2
+}
+
+* html #widget-weather .tomorrow-txt {
+ line-height: 1.2
+}
+
+#widget-weather .area {
+ position: absolute;
+ font-family: Dotum;
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 1.1;
+ z-index: 10
+}
+
+*:first-child+html #widget-weather .area {
+ line-height: 1.2
+}
+
+* html #widget-weather .area {
+ line-height: 1.2
+}
+
+*:first-child+html #widget-weather .area {
+ line-height: 1.2
+}
+
+* html #widget-weather .area {
+ line-height: 1.2
+}
+
+#widget-weather .tomorrow-minimum-temperature {
+ display: none
+}
+
+/* widget-count */
+#widget-count {
+ position: relative;
+ width: 171px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ text-align: left;
+ font-size: 12px;
+}
+
+#widget-count p {
+ margin: 0;
+ padding: 0;
+}
+
+#widget-count h3 {
+ display: none;
+}
+
+#widget-count p span.txt {
+ display: none;
+}
+
+#widget-count span.cnt1,#widget-count span.cnt2 {
+ display: block;
+}
+
+#widget-count .today,#widget-count .total {
+ position: absolute;
+}
+
+/* widget-ccl */
+#widget-ccl {
+ width: 171px;
+ height: 38px;
+ margin: 0 auto;
+ background-repeat: no-repeat;
+ overflow: visible !important
+}
+
+.ccl_layer {
+ position: absolute;
+ width: 179px;
+ letter-spacing: -1px;
+}
+
+.ccl_layer .content {
+ position: relative;
+ padding: 3px 9px 5px 9px;
+ border: 1px solid #919191;
+ background-color: #fff;
+ font-family: dotum;
+ font-size: 11px;
+ text-align: left
+}
+
+.ccl_layer p {
+ margin: 0;
+ padding: 5px 0 0 0
+}
+
+.ccl_layer ul {
+ margin: 0;
+ padding: 2px 0 0 0
+}
+
+.ccl_layer li {
+ list-style-type: none;
+ color: #888;
+ line-height: 1.2;
+ letter-spacing: 0;
+}
+
+.ccl_layer .ccl_layer_position {
+ position: absolute;
+ width: 7px;
+ height: 10px;
+ bottom: -10px;
+ _bottom: -12px;
+ left: 11px;
+ background:
+ url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png)
+ no-repeat;
+}
+
+* html .ccl_layer .ccl_layer_position {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position.png',
+ sizingMethod='crop' );
+ background: none;
+}
+
+.ccl_layer .shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .ccl_layer .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.ccl_layer .shadow01_side {
+ position: relative;
+ _width: 100%;
+ top: -2px;
+ left: -2px;
+}
+
+.ccl_layer .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .ccl_layer .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.ccl_layer .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.ccl_layer.top_position .ccl_layer_position {
+ position: absolute;
+ width: 7px;
+ height: 10px;
+ top: -9px;
+ _top: -8px;
+ left: 85px;
+ _left: 75px;
+ background:
+ url(http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png)
+ no-repeat;
+}
+
+* html .ccl_layer.top_position .ccl_layer_position {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/imgs/nblog/bg_layer_position_top.png',
+ sizingMethod='crop' );
+ background: none;
+}
+
+/* blog-adpost */
+#blog-adpost {
+ width: 171px;
+ margin: 0 auto;
+ font-family: µ¸¿ò, dotum;
+ font-size: 12px;
+ text-align: left;
+}
+
+#blog-adpost .cm-side {
+ width: 1px;
+ margin: 0;
+ padding: 0;
+ *padding: 0 0 0 1px;
+ _padding: 0;
+ font-ssize: 0;
+ line-height: 0;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .cm-top {
+ clear: both;
+ height: 1px;
+ margin: 0;
+ padding: 0;
+ font-ssize: 0;
+ line-height: 0;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .cm-con {
+ width: 169px;
+ *width: 100%;
+ _width: 169px;
+ padding-top: 9px;
+}
+
+#blog-adpost .cm-con dl {
+ width: 141px;
+ margin: 0 auto;
+ padding: 6px 0;
+}
+
+#blog-adpost .cm-con dt a {
+ *width: 141px;
+ letter-spacing: -1px;
+}
+/*#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;}*/
+#blog-adpost .cm-con dt .pcol1 {
+ font-size: 13px
+}
+
+#blog-adpost .cm-con dt .sline {
+ border-bottom-width: 1px;
+ border-bottom-style: solid
+}
+
+#blog-adpost .cm-con dt a:hover {
+ text-decoration: none
+}
+
+#blog-adpost .cm-con dd {
+ line-height: 15px;
+ word-break: break-all;
+}
+
+#blog-adpost .cm-con .summary {
+ margin: 7px 0 4px
+}
+
+#blog-adpost .cm-con .summary a {
+ text-decoration: none !important;
+}
+
+#blog-adpost .cm-con .addr {
+ overflow: hidden;
+ width: 141px;
+ line-height: 13px;
+}
+
+#blog-adpost .cm-con .addr .pcol2 {
+ float: left;
+ font-size: 11px;
+ opacity: 0.5;
+ filter: alpha(opacity = 50);
+}
+
+#blog-adpost .cm-con .division {
+ width: 141px;
+ margin: 3px auto;
+ border-top-width: 1px;
+ border-top-style: solid;
+ line-height: 0;
+ opacity: 0.1;
+ filter: alpha(opacity = 10);
+}
+
+#blog-adpost .cm-con .nodata {
+ width: 100%;
+ margin: 0 auto;
+ padding: 32px 0 34px 0;
+ font-size: 11px;
+ text-align: center;
+ line-height: 15px;
+ opacity: 0.7;
+ filter: alpha(opacity = 70);
+}
+
+#blog-adpost .adsby {
+ width: 141px;
+ height: 22px;
+ margin: 6px auto 0 auto;
+ text-align: right;
+}
+
+#blog-adpost .adsby .by {
+ font-size: 10px;
+ font-family: verdana;
+}
+
+#blog-adpost .adsby .by .logo {
+ display: inline-block;
+ width: 44px;
+ height: 8px;
+ background: url(http://blogimgs.naver.net/nblog/adpost_logo.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/adpost_logo.png',
+ sizingMethod='image' );
+ cursor: hand;
+}
+
+#blog-adpost .adsby .by .logo span {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden;
+ font-size: 0;
+ line-height: 0;
+}
+
+#blog-adpost .adsby .bar {
+ display: inline-block;
+ padding: 0 2px 0 3px;
+ font-family: µ¸¿ò, dotum;
+ font-size: 11px;
+ opacity: 0.2;
+ filter: alpha(opacity = 20);
+}
+
+#blog-adpost .adsby .guide .pcol2 {
+ font-size: 11px;
+}
+
+/* blog-profile */
+#blog-profile {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-profile p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-profile .bg-head {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#blog-profile .bg-body {
+ background-repeat: repeat;
+ text-align: center;
+}
+
+#blog-profile .bg-footer {
+ overflow: hidden;
+ font-size: 0;
+ background-repeat: no-repeat;
+}
+
+#blog-profile h3 {
+ display: none;
+}
+
+#blog-profile .con {
+ width: 161px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#blog-profile .image {
+ text-align: center;
+}
+
+#blog-profile .name {
+ width: 143px;
+ margin: 0 auto;
+ padding: 12px 0 0 0;
+ overflow: hidden;
+}
+
+#blog-profile .name a.col {
+ font-weight: bold;
+}
+
+#blog-profile .name .emo {
+ float: left;
+ width: 23px;
+}
+
+#blog-profile .name .nick {
+ float: left;
+ width: 120px;
+ font-size: 12px;
+ line-height: 1.4em;
+ word-break: break-all;
+}
+
+#blog-profile .pers {
+ margin: 0;
+ vertical-align: top;
+}
+
+#blog-profile .caption {
+ width: 143px;
+ margin: 0 auto;
+ padding: 8px 0 0 0;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ line-height: 1.3;
+ letter-spacing: -1px;
+ word-break: break-all;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+#blog-profile .more {
+ width: 143px;
+ margin: 0 auto;
+ padding: 8px 0 6px 0;
+ letter-spacing: -1px;
+}
+
+#blog-profile .id {
+ font-family: verdana;
+ font-size: 11px;
+}
+
+#blog-profile input {
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ border: none;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ font-weight: normal;
+ letter-spacing: -1px;
+ text-align: left;
+ filter: alpha(opacity = 60);
+ opacity: 0.6;
+ cursor: pointer;
+}
+
+#blog-profile .m1 input {
+ width: 30px;
+}
+
+#blog-profile .m2 input {
+ width: 20px;
+}
+
+#blog-profile .m3 input {
+ width: 41px;
+}
+
+#blog-profile .icon {
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ margin: 0 0 2px 2px;
+ vertical-align: middle;
+}
+
+#blog-profile .sub {
+ display: inline-block;
+ font-size: 11px;
+ opacity: 0.6;
+ -ms-filter: "Alpha(opacity=60)";
+ filter: alpha(opacity = 60)
+}
+
+#blog-profile .power_amb {
+ position: relative;
+ margin-top: 8px;
+ padding: 0 0 4px;
+ text-align: left;
+ overflow: hidden;
+}
+
+#blog-profile .power_amb .topline {
+ width: 100%;
+ height: 0;
+ border-left: 0;
+ border-right: 0;
+ border-bottom: 0;
+ border-top-style: solid;
+ border-top-width: 1px;
+ font: 0/0 arial;
+ opacity: .3;
+ filter: alpha(opacity : 30);
+}
+
+#blog-profile .power_amb .topline {
+ border-color: #999 !important;
+} /*ÀÓ½Ã*/
+#blog-profile .power_amb .mark1 {
+ display: block;
+ _display: inline;
+ margin: 0;
+ float: left;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',
+ sizingMethod='image' );
+}
+
+#blog-profile .power_amb .mark2 {
+ display: block;
+ _display: inline;
+ margin: 0;
+ float: left;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/icon_powerblog_03.png',
+ sizingMethod='image' );
+}
+
+#blog-profile .power_amb .x {
+ position: absolute;
+ top: 7px;
+ right: 3px;
+ font: bold 11px "µ¸¿ò", Dotum;
+ opacity: .5;
+ filter: alpha(opacity : 50);
+}
+
+#blog-profile .power_amb .x a {
+ text-decoration: none;
+}
+
+#blog-profile .power_amb .txt {
+ display: block;
+ _display: inline;
+ float: left;
+ width: 85px;
+ margin: 18px 0 0 4px;
+ font-family: verdana;
+ line-height: 12px;
+}
+
+#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
+ {
+ text-decoration: none;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+#blog-profile .power_amb .txt a:hover {
+ text-decoration: underline;
+}
+
+#blog-profile .power_amb .t7b {
+ font-size: 10px;
+ font-weight: bold;
+}
+
+#blog-profile .power_amb .t8b {
+ font-size: 11px;
+ font-weight: bold;
+ line-height: 13px;
+}
+
+#idMenuDiv td {
+ background-color: #FFF;
+}
+
+#idMenuDiv td.menu-over {
+ background-color: #e4ff75;
+}
+
+/* blog-calendar */
+#blog-calendar {
+ width: 171px;
+ margin: 0 auto;
+ text-align: left;
+ font-size: 12px;
+}
+
+#blog-calendar p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-calendar h3 {
+ display: none;
+}
+
+#blog-calendar .bg-head {
+ clear: both;
+ text-align: center;
+}
+
+* html #blog-calendar .bg-head {
+ height: 1%;
+}
+
+#blog-calendar .bg-body {
+ text-align: center;
+ padding-bottom: 5px;
+ clear: both;
+}
+
+#blog-calendar .bg-footer {
+ overflow: hidden;
+ font-size: 0;
+ clear: both;
+}
+
+#blog-calendar .mlv {
+ position: relative;
+ width: 151px;
+ margin: 0 auto;
+ text-align: left;
+ clear: both;
+}
+
+#blog-calendar .location,#blog-calendar .mview {
+ position: absolute;
+}
+
+#blog-calendar .location {
+ bottom: 10px;
+ left: 3px;
+}
+
+#blog-calendar .mview {
+ bottom: 8px;
+ right: 3px;
+}
+
+#blog-calendar .location .date {
+ display: inline;
+ margin: -3px 0 0 0;
+ padding: 0;
+ text-align: center;
+ font-family: verdana;
+ font-size: 11px;
+ font-weight: bold;
+ letter-spacing: -1px;
+ cursor: pointer;
+}
+
+#blog-calendar .location .back {
+ display: inline;
+ padding: 0 3px 2px 0;
+ font-family: µ¸¿ò;
+ font-size: 9px;
+ cursor: pointer;
+}
+
+#blog-calendar .location .next {
+ display: inline;
+ padding: 0 0 2px 3px;
+ font-family: µ¸¿ò;
+ font-size: 9px;
+ cursor: pointer;
+}
+
+html>body #blog-calendar .location .date {
+ margin: 0;
+}
+
+#blog-calendar .calendar {
+ margin: 0 auto;
+ background: transparent;
+ text-align: center;
+}
+
+#blog-calendar .calendar .dis1,#blog-calendar .calendar .dis2 {
+ width: 147px;
+ height: 24px;
+ margin: 0 auto;
+ padding: 0;
+ margin-top: -5px;
+}
+
+#blog-calendar .calendar .dis1 span {
+ display: block;
+ float: left;
+ width: 21px;
+ font-weight: normal;
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ text-align: center;
+ padding: 9px 0 0 0;
+}
+
+#blog-calendar .calendar .dis2 span {
+ display: block;
+ float: left;
+ width: 21px;
+ font-weight: normal;
+ font-family: tahoma;
+ font-size: 9px;
+ text-align: center;
+ padding: 9px 0 0 0;
+}
+
+#blog-calendar .calendar .dis3 {
+ width: 147px;
+ height: 3px;
+ margin: 0 auto;
+}
+
+#blog-calendar .calendar .dis3 img {
+ filter: alpha(opacity = 40);
+ opacity: 0.4;
+}
+
+#blog-calendar .calendar .dis3 img.li1 {
+ width: 20px;
+ margin-right: 1px;
+}
+
+#blog-calendar .calendar .dis3 img.li2 {
+ width: 21px;
+}
+
+#blog-calendar .calendar td {
+ width: 21px;
+ height: 19px;
+ margin: 0;
+ padding: 0;
+ font-family: verdana;
+ font-size: 11px;
+}
+
+html>body #blog-calendar .calendar td {
+ width: 21px;
+ height: 19px;
+}
+
+#blog-calendar .calendar td a {
+ font-family: verdana;
+ font-size: 11px;
+ font-weight: bold;
+}
+
+#blog-calendar .calendar td.today,#blog-calendar .calendar td.today a {
+ text-decoration: underline;
+}
+
+#blog-calendar .mview .col1 {
+ font-family: µ¸¿ò;
+ font-size: 11px;
+ letter-spacing: -1px;
+ cursor: pointer;
+}
+
+#blog-calendar ul.monthview {
+ margin: 0;
+ padding: 0 0 1px 0;
+ text-align: left;
+ clear: both;
+}
+
+#blog-calendar ul.monthview li {
+ list-style-type: none;
+ height: 13px;
+ margin-bottom: 5px;
+ padding: 0;
+ clear: both;
+}
+
+* html #blog-calendar ul.monthview li {
+ margin-bottom: 0;
+}
+
+#blog-calendar ul.monthview li .mon {
+ float: left;
+ padding-left: 15px;
+}
+
+#blog-calendar ul.monthview li .num {
+ float: right;
+ padding-right: 15px;
+ font-size: 10px;
+ font-family: verdana;
+}
+
+#blog-calendar ul.monthview li .num span {
+ font-size: 10px;
+ font-family: verdana;
+}
+
+/* foldset */
+#foldset {
+ position: relative;
+ clear: both;
+ float: none;
+ height: 13px;
+ margin-top: 4px;
+}
+
+#foldset div {
+ overflow: hidden;
+ height: 13px;
+}
+
+#foldset .close-fold {
+ width: 21px !important;
+}
+
+#foldset .go-left,#foldset .go-right {
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ vertical-align: top;
+}
+
+#foldset .l11s1close {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 13px !important;
+}
+
+#foldset .l11s1s2close {
+ margin: 0 !important
+}
+
+#foldset .l12s1close {
+ position: absolute;
+ float: none;
+ top: 0;
+ right: 0;
+ margin: 0 !important;
+}
+
+#foldset .l12s2close {
+ position: absolute;
+ float: none;
+ top: 0;
+ right: 0;
+ z-index: 2
+}
+
+#foldset .l12s1s2close {
+ margin: 0 !important;
+}
+
+/* blog-menu */
+#blog-menu {
+ clear: both;
+ font-size: 12px;
+ font-family: µ¸¿ò;
+}
+
+#blog-menu table {
+ width: 100%;
+ border-collapse: collapse;
+ table-layout: fixed;
+}
+
+#blog-menu table td {
+ padding-top: 4px;
+}
+
+#blog-menu p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-menu ul {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-menu ul li {
+ list-style-type: none;
+ float: left;
+ position: relative;
+}
+
+#blog-menu ul li a {
+ letter-spacing: -1px;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+#blog-menu ul li img {
+ margin-left: -2px
+}
+
+#blog-menu ul li .bar {
+ height: 10px;
+ margin: 2px 7px 4px 4px;
+ padding: 0;
+ vertical-align: middle;
+ filter: alpha(opacity = 30);
+ opacity: 0.3
+}
+
+#blog-menu .menu1 ul {
+ padding-left: 18px;
+}
+
+#blog-menu .menu2 {
+ width: 300px
+}
+
+#blog-menu .menu2 ul {
+ float: right;
+ padding-right: 12px;
+}
+
+#blog-menu .menu2 ul li a {
+ font-weight: normal;
+}
+
+#blog-menu .menu2 ul li a.on {
+ font-weight: bold;
+}
+
+/* blog-gnb */
+#blog-gnb {
+ height: 33px;
+ font-family: µ¸¿ò;
+ font-size: 12px;
+}
+
+#blog-gnb p {
+ margin: 0;
+ padding: 0;
+}
+
+#blog-gnb .gnb {
+ float: right;
+}
+
+#blog-gnb .gnb {
+ margin: 8px 10px 0 0;
+}
+
+#blog-gnb .gnb ul {
+ margin: 0;
+ padding: 2px 0 0 0;
+ letter-spacing: -1px;
+}
+
+#blog-gnb .gnb ul li {
+ list-style-type: none;
+ float: left;
+ padding: 0 0 0 5px
+}
+
+#blog-gnb .gnb ul li a {
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ text-decoration: none;
+}
+
+#blog-gnb .bar {
+ margin: 0 1px -1px 4px;
+ filter: alpha(opacity = 30);
+ opacity: 0.3;
+ padding: 0
+}
+
+#blog-gnb .gnb ul li.i2,#blog-gnb .gnb ul li.i3,#blog-gnb .gnb ul li.i4
+ {
+ padding-top: 1px;
+}
+
+#blog-gnb .gnb ul li.me a {
+ display: inline-block
+}
+
+#blog-gnb .gnb ul li.me span {
+ display: inline-block;
+ position: relative
+}
+
+#blog-gnb .gnb ul li.me span em {
+ display: inline-block;
+ position: absolute;
+ top: -11px;
+ *top: -12px;
+ left: 0;
+ background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat 0
+ -13px
+}
+
+#blog-gnb .gnb ul li.me span em i {
+ display: block;
+ margin-left: 3px;
+ padding-right: 4px;
+ background: url(http://blogimgs.naver.net/nblog/bg_me2.gif) no-repeat
+ 100% -26px;
+ color: #fff;
+ font-style: normal;
+ font-size: 10px;
+ font-family: Tahoma;
+ letter-spacing: 0;
+ line-height: 13px
+}
+
+#blog-gnb .go-down,#blog-gnb .go-up {
+ width: 13px;
+ height: 13px;
+ margin: 0 0 -2px 0;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+
+#blog-gnb .log {
+ float: right;
+ margin: 7px 0 0 0;
+ padding: 0 8px 0 0;
+}
+
+#blog-gnb .logout,#blog-gnb .login {
+ width: 50px;
+ height: 20px;
+ margin: 0 0 0 0;
+ background-repeat: no-repeat;
+ vertical-align: middle;
+}
+
+#blog-gnb .remote {
+ width: 12px;
+ height: 18px;
+ margin: 0 3px 1px 3px;
+ background: url('http://blogimgs.naver.net/nblog/remote_icon.png')
+ no-repeat;
+ vertical-align: middle;
+}
+
+* html #blog-gnb .remote {
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/remote_icon.png',
+ sizingMethod='crop' )
+}
+
+#blog-gnb .tb {
+ font-family: µ¸¿ò;
+ font-size: 12px;
+ font-weight: bold;
+}
+
+/* gnb-direct */
+#gnb-direct {
+ width: 77px;
+ color: #676767;
+ font-family: µ¸¿ò;
+}
+
+#gnb-direct a.link1 {
+ color: #333333;
+}
+
+#gnb-direct .rnd-t {
+ height: 6px;
+ background: url('http://blogimgs.naver.net/nblog/bg_godiv_t.gif')
+ no-repeat;
+ overflow: hidden;
+ font-size: 0;
+}
+
+#gnb-direct .con {
+ background: url('http://blogimgs.naver.net/nblog/bg_godiv_b.gif') bottom
+ no-repeat;
+}
+
+#gnb-direct .con ul.gnb-direct {
+ margin: 0;
+ padding: 2px 0 7px 0;
+}
+
+#gnb-direct .con ul.gnb-direct li {
+ list-style-type: none;
+ float: none;
+ margin: 0 5px;
+ padding: 0 0 4px 12px;
+ background: url('http://blogimgs.naver.net/nblog/ico_arw_g.gif') 4px 4px
+ no-repeat;
+ letter-spacing: -1px;
+}
+
+#gnb-direct .rview {
+ margin: 0;
+ padding: 0 0 3px 0;
+ text-align: center;
+ letter-spacing: -1px;
+}
+
+#gnb-direct .rview a,#blog-gnb .directly-box .con ul li a {
+ color: #676767;
+}
+
+#gnb-direct1 {
+ width: 62px;
+ padding: 3px 8px;
+ border: 1px solid #9b9b9b;
+ background: #fff;
+ font-family: µ¸¿ò;
+ color: #676767
+}
+
+#gnb-direct1.mblog {
+ width: 52px
+}
+
+#gnb-direct1 .rview {
+ padding: 10px 0 0 5px;
+ margin: 0 6px 4px 6px;
+ text-align: left;
+} /*090629¼öÁ¤*/
+#gnb-direct1 ul {
+ padding: 5px 0 3px !important;
+ border-bottom: 1px solid #ebebeb
+}
+
+#gnb-direct1 ul li {
+ float: none !important;
+ margin: 0;
+ padding: 0 !important;
+ letter-spacing: -1px;
+ list-style-type: none
+}
+
+#gnb-direct1 ul li a {
+ display: block;
+ position: relative;
+ padding: 2px 0 1px 1px;
+ color: #4c4c4c;
+ zoom: 1
+}
+
+#gnb-direct1 ul li a:hover {
+ text-decoration: underline
+}
+
+#gnb-direct1 ul.dot li a {
+ padding-left: 7px
+}
+
+#gnb-direct1 ul.dot li span {
+ display: block;
+ position: absolute;
+ top: 7px;
+ left: 2px;
+ width: 2px;
+ height: 2px;
+ background: #999;
+ font-size: 0;
+ line-height: 0
+}
+
+#gnb-direct1 ul.last {
+ border-bottom: none
+}
+
+#gnb-direct1 .uview {
+ padding: 7px 0 0 5px;
+ margin: 0 6px;
+ border-top: solid 1px #DCDBDC;
+ text-align: left;
+} /*090629Ãß°¡*/
+
+/* blog-title */
+#blog-title table {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ border-collapse: collapse;
+}
+
+#blogTitleText {
+ padding: 23px;
+}
+
+#blogTitleName {
+ font-weight: bold;
+ text-decoration: none;
+ font-family: µ¸¿ò;
+}
+
+/* blog-music */
+#top-area #blog-music {
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ width: 213px;
+ height: 20px;
+}
+
+#wrapper #blog-music {
+ position: static;
+ width: 171px;
+ height: 38px;
+ margin: 0 auto;
+}
+
+#musicTop #blog-music {
+ position: absolute;
+ top: -25px;
+ left: 8px;
+ width: 213px;
+ height: 20px;
+}
+
+/* blog buddyconnect */
+#blog-buddyconnect {
+ width: 171px;
+}
+
+/* for layer */
+/* 1017Ãß°¡ */
+.cp_layer_popup {
+ position: absolute;
+ z-index: 99;
+ padding: 3px 0 0 3px;
+ font-size: 12px;
+ font-family: "µ¸¿ò", Dotum, "±¼¸²", Gulim, Helvetica, Sans-serif;
+ text-align: left
+}
+
+.cp_layer_popup p {
+ margin: 0;
+ padding: 0
+}
+
+.cp_layer_popup .shadow1 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow01.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .cp_layer_popup .shadow1 {
+ background:
+ url('http://blogimgs.naver.net/nblog/mylog/post/shadow01.png')
+ transparent;
+}
+
+.cp_layer_popup .shadow1_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.cp_layer_popup .shadow2 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/mylog/post/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .cp_layer_popup .shadow2 {
+ background:
+ url('http://blogimgs.naver.net/nblog/mylog/post/shadow02.png')
+ transparent;
+}
+
+.cp_layer_popup .shadow2_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.cp_layer_popup .border_type {
+ border: 2px solid #777777;
+ background-color: #ffffff;
+}
+
+.cp_layer_popup .header {
+ display: block;
+ height: 22px;
+ _height: 30px;
+ padding: 8px 0 0 13px;
+ margin: 0;
+ background: #f4f4f4;
+ font: bold 13px ±¼¸², Gulim;
+ color: #444;
+}
+
+.cp_layer_popup .closelayer {
+ position: absolute;
+ right: 9px;
+ top: 9px;
+}
+
+.cp_layer_popup .content {
+ margin: 20px;
+}
+
+.cp_layer_popup .cp_noti {
+ margin: 0;
+ overflow: hidden;
+ _zoom: 1;
+}
+
+.cp_layer_popup .cp_noti dt {
+ float: left;
+ width: 44px;
+ height: 39px;
+ padding: 0;
+}
+
+.cp_layer_popup .cp_noti dd {
+ float: left;
+ background: url(http://blogimgs.naver.net/nblog/bu_1x26_ef.gif) 0 0
+ no-repeat;
+ padding: 0 0 0 16px;
+ margin: 0;
+ color: #222;
+ font-weight: bold;
+ font-size: 12px;
+ letter-spacing: -1px;
+ line-height: 1.3em;
+}
+
+.cp_layer_popup .cp_noti_desc {
+ padding: 11px 14px 1px;
+ border: solid 1px #DFDFDF;
+ overflow: hidden;
+}
+
+.cp_layer_popup .cp_noti_desc p {
+ font-size: 11px;
+ line-height: 1.4em;
+ letter-spacing: -1px;
+ padding-bottom: 7px;
+ color: #888;
+}
+
+.cp_layer_popup .cp_noti_desc span {
+ color: #444;
+}
+/* //1017Ãß°¡ */
+
+/* 100510 hashfilter */
+/* .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} */
+.layer_hashfilter {
+ position: absolute;
+ z-index: 999;
+ width: 390px;
+ padding: 17px 18px 4px;
+ border: 1px solid #888;
+ background: #fff;
+ font-size: 12px;
+ font-family: dotum, 'µ¸¿ò';
+ letter- spacing: -1px;
+ line-height: 15px;
+ text-align: left !important
+}
+
+.layer_hashfilter h2 {
+ margin: 0;
+ padding: 1px 0 12px 0;
+ font-size: 12px
+}
+
+.layer_hashfilter p {
+ color: #666;
+ margin: 0;
+ padding: 0
+}
+
+.layer_hashfilter .vaccine_link {
+ display: inline-block;
+ padding: 5px 7px 0 0;
+ background: url(http://blogimgs.naver.net/imgs/bul_arrow_green.gif)
+ no-repeat 100% 8px;
+ text-decoration: underline;
+ font-size: 11px;
+ color: #5BC139 !important
+}
+
+.layer_hashfilter .file {
+ padding: 3px 0 15px 0
+}
+
+.layer_hashfilter .file img {
+ vertical-align: middle;
+ margin-right: 6px
+}
+
+.layer_hashfilter .info_text {
+ margin-top: 18px;
+ padding: 19px 0 11px 0;
+ color: #999;
+ font-size: 11px;
+ border-top: 1px solid #ededed
+}
+
+.layer_hashfilter .close {
+ position: absolute;
+ top: 8px;
+ right: 8px
+}
+
+.layer_hashfilter .btns {
+ margin-top: 5px;
+ padding-top: 10px;
+ border-top: 1px solid #e8e8e8;
+ text-align: center
+}
+/* //100510 hashfilter */
+
+/* layer popup */
+.layerpop {
+ position: relative;
+ font-size: 12px;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+ background: url(http://blogimgs.naver.net/nblog/spc.gif);
+}
+/* .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"));} */
+.layerpop .shadow01 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpop .shadow01 {
+ background: url('http://blogimgs.naver.net/nblog/shadow.png')
+ transparent;
+}
+
+.layerpop .shadow01_side {
+ position: relative;
+ top: -2px;
+ left: -2px;
+}
+
+.layerpop .shadow02 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/shadow02.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body #layerpop .shadow02 {
+ background: url('http://blogimgs.naver.net/nblog/shadow02.png')
+ transparent;
+}
+
+.layerpop .shadow02_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+.layerpop .border_type {
+ border: 2px solid #777777;
+ background-color: #FFFFFF;
+}
+
+.layerpop .close {
+ position: absolute;
+ top: 7px;
+ right: 8px;
+ background-color: #FFFFFF;
+}
+
+.layerpop .content {
+ margin: 13px 20px 0 20px;
+ border-bottom: 1px solid #E8E8E8;
+}
+
+.layerpop .content .q1 {
+ margin: 0;
+ padding: 0 0 8px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #222222;
+ line-height: 1.5;
+ text-align: left;
+}
+
+.layerpop .content .q2 {
+ margin: 0;
+ padding: 0 0 8px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #222222;
+ text-align: left;
+}
+
+.layerpop .content .q2 input {
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+
+* html .layerpop .content .q2 input {
+ height: 15px;
+ height: 15px;
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+
+.layerpop .content .q3 {
+ margin: 0;
+ padding: 0 0 3px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #444;
+ line-height: 1.5;
+ text-align: left;
+}
+
+.layerpop .content .q4 {
+ margin: 0;
+ padding: 0 0 9px 0;
+ font-size: 12px;
+ font-weight: normal;
+ color: #444;
+ text-align: left;
+ letter-spacing: -1px;
+}
+
+.layerpop .content .q4 em {
+ font-style: normal;
+ color: #488C00;
+}
+
+.layerpop .btn {
+ margin: 0;
+ padding: 10px 0 10px 0;
+ text-align: center;
+}
+
+/*
+NHN WebStandard Team (http://html.nhndesign.com/)
+author : freebird@nhncorp.com 070808
+*/
+/* shadow */
+.layerpopup {
+ position: absolute;
+ z-index: 99;
+ font-family: µ¸¿ò, Dotum, Helvetica, sans-serif;
+}
+
+.layerpopup img {
+ border: none;
+}
+
+.layerpopup .shadow1 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow1 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow1.png')
+ transparent;
+}
+
+.layerpopup .shadow1_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .shadow2 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow2 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow2.png')
+ transparent;
+}
+
+.layerpopup .shadow2_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .shadow3 {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png',
+ sizingMethod='scale' );
+ width: 100%;
+}
+
+html>body .layerpopup .shadow3 {
+ background:
+ url('http://blogimgs.naver.net/nblog/admin/layerpopup_shadow3.png')
+ transparent;
+}
+
+.layerpopup .shadow3_side {
+ position: relative;
+ top: -1px;
+ left: -1px;
+ width: 100%;
+ height: 100%;
+}
+
+.layerpopup .border_type {
+ border: 2px solid #777777;
+ background-color: #ffffff;
+}
+
+.layerpopup .closelayer {
+ position: absolute;
+ right: 8px;
+ top: 9px;
+}
+
+.layerpopup .btn_box {
+ text-align: center;
+ padding: 10px 0 15px 0;
+ margin: 10px 20px 0 20px;
+ border-top: 1px solid #e8e8e8;
+}
+
+.layerpopup .btn_box * {
+ vertical-align: middle;
+}
+
+.layerpopup .logbox_wrap {
+ width: auto;
+ _width: 100%;
+ padding-top: 6px;
+ background: url(http://blogimgs.naver.net/nblog/bg_area01.gif) left top
+ repeat-x;
+}
+
+.layerpopup .logbox_wrap p {
+ margin: 0;
+ font-size: 11px;
+ color: #333333;
+ letter-spacing: -1px;
+}
+
+.layerpopup .notice {
+ padding: 4px 0 5px 11px;
+ _padding: 4px 0 7px 11px;
+}
+
+.layerpopup .notice02 {
+ padding: 19px 0 9px 19px;
+ line-height: 1.4;
+}
+
+.layerpopup .notice02 strong {
+ color: #278F00;
+}
+
+.layerpopup .volume {
+ font-size: 12px !important;
+ margin: 16px 19px -8px 19px;
+ letter-spacing: 0 !important;
+}
+
+.layerpopup .frame_wrap {
+ width: auto;
+ _width: 350px;
+ margin: 0 10px 0 10px;
+}
+
+.layerpopup .frame_wrap.type03 {
+ margin: 0 0 0 20px !important;
+}
+
+/* for ±ÝÄ¢¾î °ü·Ã ·¹ÀÌ¾î ½ºÅ¸ÀÏ */
+/* initialization */
+#c_layer_popup {
+ margin: 0;
+ padding: 0;
+}
+
+#c_layer_popup div,#c_layer_popup p,#c_layer_popup ul,#c_layer_popup li,#c_layer_popup button
+ {
+ margin: 0;
+ padding: 0;
+ text-align: left;
+}
+
+#c_layer_popup ul,#c_layer_popup li {
+ list-style: none;
+}
+/* Layout */
+#c_layer_popup {
+ position: absolute;
+ z-index: 200;
+ width: 370px;
+ height: 428px;
+ display: none;
+ _height: 427px;
+ padding: 47px 20px 0 20px;
+ _padding: 48px 20px 0 20px;
+ border: 4px solid #777;
+ font: 12px dotum, sans-serif;
+ letter-spacing: -1px;
+ background: #fbfbfb
+ url('http://blogimgs.naver.net/static/common/popup/bg_not_available_word.gif')
+ repeat-x left top;
+ text-align: left;
+}
+
+#c_layer_popup .c_contents {
+ width: 360px;
+ padding: 17px 5px 0 5px;
+ _padding: 18px 5px 0 5px;
+ text-align: left;
+}
+
+#c_layer_popup .c_footer {
+ width: 360px;
+ _height /**/: 47px;
+ text-align: center;
+}
+/* c_contents */
+#c_layer_popup .c_desc00 {
+ width: 370px;
+ height: 57px;
+ _height: 56px;
+ border-bottom: 1px solid #d0d0d0;
+ font: 12px normal dotum;
+ color: #333;
+ line-height: 18px;
+ text-align: left;
+}
+
+#c_layer_popup .c_desc00 span {
+ color: #258102
+}
+
+#c_layer_popup .c_desc01 {
+ height: 42px;
+ _height: 41px;
+ line-height: 18px;
+ font-size: 12px;
+ color: #666;
+}
+
+#c_layer_popup .c_desc02 {
+ width: 348px;
+ _width /**/: 360px;
+ height: 84px;
+ _height: 83px;
+ _height /**/: 97px;
+ padding: 11px 0 0 10px;
+ _padding: 12px 0 0 10px;
+ _padding /**/: 10px 0 0 0;
+ font-size: 11px;
+ color: #666;
+ line-height: 17px;
+ background: #f8f8f8;
+ border: 1px solid #f1f1f1;
+}
+
+#c_layer_popup .c_desc02 li {
+ height: 40px;
+ padding: 0 0 0 6px;
+ _margin-left /**/: -6px;
+ background:
+ url('http://blogimgs.naver.net/static/common/popup/bu_dot.gif')
+ no-repeat left 6px;
+ font-size: 11px;
+}
+
+#c_layer_popup .c_desc03 {
+ height: 60px;
+ _height: 59px;
+ _height /**/: 71px;
+ padding: 12px 0 0 0;
+ _padding: 13px 0 0 0;
+ font-size: 11px;
+ color: #999;
+ line-height: 17px;
+}
+
+#c_layer_popup .c_desc04 {
+ height: 40px;
+ font-size: 11px;
+ color: #666;
+}
+
+#c_layer_popup .c_desc04 a {
+ color: #258102;
+ text-decoration: underline;
+}
+
+#c_layer_popup .c_desc05 {
+ height: 57px;
+ font-size: 14px;
+ font-weight: bold;
+ color: #333;
+ text-align: center;
+}
+
+#c_layer_popup button {
+ width: 52px;
+ height: 26px;
+ text-align: center;
+ font-size: 12px;
+}
+
+@media all and (-webkit-min-device-pixel-ratio:10000) , not all and
+ (-webkit-min-device-pixel-ratio:0) {
+ #c_layer_popup button {
+ padding-top: 6px;
+ }
+}
+
+#c_layer_popup button.c_close {
+ position: absolute;
+ top: 7px;
+ right: 6px;
+ width: 18px;
+ height: 17px;
+ background: none;
+ border: none;
+}
+
+#c_layer_popup button.c_close,x:-moz-any-link,x:default {
+ top: 5px;
+ right: 8px;
+}
+
+*:first-child+html #c_layer_popup button.c_close {
+ top: 7px;
+ right: 6px;
+}
+
+.readonly_visitor {
+ text-align: left;
+ padding: 10px 0 8px 8px !important
+}
+
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ ÀÖ´Â ºÎºÐÀ» »©³ÂÀ½.*/
+.layerpop2 {
+ position: absolute;
+ z-index: 999;
+ font: normal 12px µ¸¿ò, Dotum;
+ color: #333;
+ overflow: hidden;
+ display: none;
+}
+
+.layerpop2 .border_type {
+ position: relative;
+ border: solid 2px #777;
+ background-color: #fff;
+}
+
+.layerpop2 .close {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+}
+
+.layerpop2 .content1 {
+ padding: 30px 30px 21px;
+ border-bottom: solid 1px #f0f0f0;
+}
+
+.layerpop2 .content1 h6 {
+ font-weight: bold;
+ font-size: 14px;
+ padding-bottom: 22px;
+ margin: 0;
+ color: #333;
+}
+
+.layerpop2 .subtext {
+ font-size: 11px;
+ color: #999;
+ margin: 0;
+ padding: 7px 0 0;
+ line-height: 16px;
+ letter-spacing: -1px;
+ text-align: left;
+}
+
+.layerpop2 .check {
+ width: 13px;
+ height: 13px;
+ vertical-align: middle;
+ padding: 0 3px 2px 0;
+ margin-left: 2px;
+}
+
+.layerpop2 .btn1 {
+ background-color: #fbfbfb;
+ border-top: solid 1px #f7f7f7;
+ text-align: center;
+ margin: 0;
+ padding: 11px 0 20px;
+}
+
+.layerpop2 .btn1 img {
+ margin: 0 1px;
+ vertical-align: top;
+}
+/*°ø°¨ css Ãß°¡. -sympathyDeleteLayer.jsp¿¡ ÀÖ´Â ºÎºÐÀ» »©³ÂÀ½.*/
+.pwr_blog_wrap {
+ width: 143px;
+ margin: 5px auto 0
+}
+
+.pwr_blog_wrap .line {
+ width: 100%;
+ height: 0;
+ border-bottom: 1px solid #999;
+ font-size: 0;
+ line-height: 0
+}
+
+.pwr_emblem {
+ height: 69px;
+ background:
+ url(http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/section/powerblog/bg_pwr_emblem_1.png',
+ sizingMethod='crop' );
+ text-align: left
+}
+
+.pwr_emblem h4 {
+ margin: 0 !important;
+ padding: 26px 0 0 58px;
+ font-size: 10px !important;
+ font-family: Tahoma !important;
+ line-height: 12px
+}
+
+.pwr_blog {
+ position: relative
+}
+
+.pwr_blog .pcol2b {
+ position: absolute;
+ top: 0;
+ height: 100%
+}
+
+.pwr_blog .pwr_lft {
+ left: 0
+}
+
+.pwr_blog .pwr_rgt {
+ right: 0;
+ _right: -1px
+}
+
+.pwr_blog .pwr_cont {
+ margin: 0 2px;
+ padding-bottom: 7px
+}
+
+.pwr_blog .pwr_cont .pcol2b {
+ position: static;
+ height: 1px
+}
+
+.pwr_blog .pwr_cont ul {
+ margin: 3px 0 0;
+ padding: 0;
+ text-align: left;
+ list-style: none
+}
+
+.pwr_blog .pwr_cont li {
+ font-size: 11px;
+ letter-spacing: -1px;
+ line-height: 15px
+}
+
+.pwr_blog .pwr_cont li em {
+ display: inline-block;
+ position: relative;
+ top: -1px;
+ margin-right: 6px;
+ font-style: normal;
+ font-size: 10px;
+ font-family: Tahoma;
+ letter-spacing: 0;
+ _filter: none
+}
+
+.pwr_blog .pwr_cont li span {
+ display: inline-block
+}
+
+.pwr_blog .pwr_cont li .pcol2b {
+ height: auto
+}
+
+.pwr_blog .pwr_pgn {
+ padding-top: 1px;
+ text-align: right
+}
+
+.pwr_blog .pwr_pgn .prev,.pwr_blog .pwr_pgn .next {
+ display: inline-block;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.pwr_blog .pwr_pgn em {
+ display: inline-block;
+ margin-left: -1px;
+ font-style: normal;
+ font-size: 11px
+}
+
+.pwr_blog .pwr_clse {
+ display: inline-block;
+ position: absolute;
+ top: 5px;
+ right: -3px;
+ padding: 2px;
+ font-weight: bold;
+ font-size: 12px;
+ font-family: 'µ¸¿ò', dotum
+}
+
+.pwr_blog .pwr_clse:hover {
+ text-decoration: none
+}
+
+/*縰Áö À§Á¬*/
+.cwg_wrap,.cwg2_wrap {
+ font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;
+ font-size: 12px
+}
+
+/* goal widget */
+.cwg2_wrap {
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 396px;
+ margin: 0 auto;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_note2.png)
+ no-repeat;
+ _background: url(http://blogimgs.naver.net/challengewidget/bg_note2.gif)
+ no-repeat;
+ text-align: left
+}
+
+.cwg2_wrap .cwg2_badge {
+ overflow: hidden;
+ position: relative;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg2_badge h1 {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg2_badge h1 a {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: block;
+ width: 171px;
+ height: 78px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg2_badge h1 span {
+ display: block;
+ width: 171px;
+ height: 78px;
+}
+
+.cwg2_wrap .cwg2_badge h1.type span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type2 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type2.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type3 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type3.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type4 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type4.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .cwg2_badge h1.type5 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg2_type5.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .p_day {
+ position: relative;
+ width: 141px;
+ margin: 0 0 0 14px;
+ height: 24px;
+ overflow: hidden;
+ text-align: center
+}
+
+.cwg2_wrap .p_day span {
+ display: inline-block;
+ overflow: hidden;
+ margin-left: -1px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg2_wrap .p_day .ing {
+ width: 71px;
+ height: 21px;
+ background-position: 0 -17px
+}
+
+.cwg2_wrap .p_day .clear_no {
+ width: 90px;
+ height: 20px;
+ margin-top: 3px;
+ background-position: -71px -20px
+}
+
+.cwg2_wrap .p_day .clear_ok {
+ width: 122px;
+ height: 20px;
+ background-position: 0 -43px
+}
+
+.cwg2_wrap .p_day em {
+ display: inline-block;
+ height: 21px;
+ font-style: normal;
+ font-family: Tahoma;
+ font-size: 17px;
+ color: #525252;
+ font-weight: bold
+}
+
+.cwg2_wrap .lst_wrap {
+ position: relative;
+ width: 141px;
+ height: 142px;
+ margin: 3px auto 0;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat 0 -316px
+}
+
+.cwg2_wrap .lst_wrap .lst {
+ overflow: hidden;
+ zoom: 1;
+ padding: 6px 0 0 5px
+}
+
+.cwg2_wrap .lst_wrap .lst li {
+ overflow: hidden;
+ line-height: 999px;
+ display: inline;
+ float: left;
+ width: 12px;
+ height: 12px;
+ margin: 0 0 1px 1px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat
+}
+
+.cwg2_wrap .lst_wrap .lst .off {
+ background-position: -70px 0
+}
+
+.cwg2_wrap .cplt {
+ overflow: hidden;
+ position: absolute;
+ top: 121px;
+ left: 121px;
+ width: 16px;
+ height: 17px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat;
+ line-height: 999px
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay {
+ overflow: hidden;
+ position: absolute;
+ left: -2px;
+ top: -1px;
+ width: 145px;
+ height: 147px;
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 145px;
+ height: 147px;
+ background:
+ url(http://blogimgs.naver.net/challengewidget/bg_clear_box.png)
+ no-repeat;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_clear_box.png',
+ sizingMethod='crop' )
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar {
+ width: 90px;
+ height: 98px;
+ overflow: hidden;
+ margin: 14px 0 0 28px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat 0 -215px;
+ text-indent: -500em
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .lay_group .p_celar2 {
+ width: 78px;
+ height: 97px;
+ overflow: hidden;
+ margin: 14px 0 0 33px;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat -96px -215px;
+ text-indent: -500em
+}
+
+.cwg2_wrap .lst_wrap .lst_clear_lay .clse {
+ position: absolute;
+ right: 10px;
+ top: 6px;
+ width: 14px;
+ height: 14px;
+ overflow: hidden;
+ text-indent: -500em;
+ background: url(http://blogimgs.naver.net/challengewidget/ico_com2.gif)
+ no-repeat -188px 2px
+}
+
+.cwg2_wrap .mod {
+ display: block;
+ position: absolute;
+ right: 13px;
+ bottom: 10px;
+ overflow: hidden;
+ width: 14px;
+ height: 14px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 0;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst {
+ position: relative;
+ height: 118px;
+ margin: 0 15px
+}
+
+.cwg2_wrap .cwg_lst .none {
+ margin: 0;
+ margin-top: 23px;
+ font-size: 11px;
+ color: #999;
+ line-height: 21px;
+ text-align: center
+}
+
+.cwg2_wrap .cwg_lst .more {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst h2 {
+ height: 17px;
+ padding-top: 4px;
+ font-size: 12px;
+ letter-spacing: -1px;
+ text-align: center
+}
+
+.cwg2_wrap .cwg_lst h2 a {
+ display: inline-block;
+ position: relative;
+ padding: 2px 17px 2px 2px;
+ color: #333;
+ text-decoration: none
+}
+
+.cwg2_wrap .cwg_lst h2 a span {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg2_wrap .cwg_lst ul {
+ height: 84px;
+ padding-top: 3px
+}
+
+.cwg2_wrap .cwg_lst li {
+ position: relative;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -112px;
+ font-size: 11px;
+ line-height: 21px;
+ vertical-align: top;
+ list-style: none
+}
+
+.cwg2_wrap .cwg_lst li a {
+ display: inline-block;
+ color: #666;
+ _vertical-align: baseline
+}
+
+.cwg2_wrap .cwg_lst li em {
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-style: normal;
+ font-size: 9px;
+ font-family: Tahoma;
+ color: #aeaeae
+}
+
+.cwg2_wrap .cwg_lst li em.time {
+ color: #7b7b7b
+}
+
+.cwg2_wrap .cwg_status {
+ width: 141px;
+ height: 133px;
+ margin: 0 auto;
+ text-align: center;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_cnt {
+ overflow: hidden;
+ height: 21px;
+ margin-bottom: 10px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_cnt strong {
+ display: inline-block;
+ overflow: hidden;
+ width: 42px;
+ height: 21px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg2_wrap .cwg_btm {
+ width: 145px;
+ margin: 0 auto;
+}
+
+.cwg2_wrap .cwg_btm a {
+ display: inline-block;
+ margin: 7px 0 0 -1px;
+ padding: 3px 9px 3px 2px;
+ font-size: 11px;
+ color: #999;
+ letter-spacing: -1px;
+ text-decoration: none
+}
+
+.cwg2_wrap .cwg_btm a em {
+ display: inline-block;
+ overflow: hidden;
+ width: 4px;
+ height: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat -26px -96px;
+ vertical-align: middle
+}
+
+/* goal widget types2 */
+.cwg2_type .cplt {
+ background-position: -84px 0
+}
+
+.cwg2_type2 .cplt {
+ background-position: -102px 0
+}
+
+.cwg2_type3 .cplt {
+ background-position: -120px 0
+}
+
+.cwg2_type4 .cplt {
+ background-position: -138px 0
+}
+
+.cwg2_type5 .cplt {
+ background-position: -156px 0
+}
+
+.cwg2_type .lst_wrap .lst li {
+ background-position: 0 0
+}
+
+.cwg2_type2 .lst_wrap .lst li {
+ background-position: -14px 0
+}
+
+.cwg2_type3 .lst_wrap .lst li {
+ background-position: -28px 0
+}
+
+.cwg2_type4 .lst_wrap .lst li {
+ background-position: -42px 0
+}
+
+.cwg2_type5 .lst_wrap .lst li {
+ background-position: -56px 0
+}
+
+/* master widget */
+.cwg_master {
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 364px;
+ margin: 0 auto;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_note.png);
+ _background: url(http://blogimgs.naver.net/challengewidget/bg_note.gif);
+ text-align: left
+}
+
+.cwg_wrap .cwg_badge {
+ overflow: hidden;
+ position: relative;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_badge h1 {
+ display: block;
+ overflow: hidden;
+ position: relative;
+ width: 171px;
+ height: 78px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_badge h1 a {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: block;
+ width: 171px;
+ height: 78px;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_badge h1 span {
+ display: block;
+ width: 171px;
+ height: 78px;
+}
+
+.cwg_wrap .cwg_badge h1.type span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type2 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type2.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type2.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type3 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type3.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type3.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type4 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type4.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type4.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_badge h1.type5 span {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/img_bdg_type5.png);
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/img_bdg_type5.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .mod {
+ display: block;
+ position: absolute;
+ right: 13px;
+ bottom: 13px;
+ overflow: hidden;
+ width: 14px;
+ height: 14px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 0;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_lst {
+ position: relative;
+ height: 118px;
+ margin: 0 15px
+}
+
+.cwg_wrap .cwg_lst .none {
+ margin: 0;
+ margin-top: 23px;
+ font-size: 11px;
+ color: #999;
+ line-height: 21px;
+ text-align: center
+}
+
+.cwg_wrap .cwg_lst h2 {
+ height: 17px;
+ padding-top: 4px;
+ font-size: 12px;
+ letter-spacing: -1px;
+ text-align: center
+}
+
+.cwg_wrap .cwg_lst h2 a {
+ display: inline-block;
+ position: relative;
+ padding: 2px 17px 2px 2px;
+ color: #333;
+ text-decoration: none
+}
+
+.cwg_wrap .cwg_lst h2 a span {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 15px;
+ height: 15px;
+ margin-top: -8px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -150px;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_lst ul {
+ height: 82px;
+ padding-top: 3px
+}
+
+.cwg_wrap .cwg_lst li {
+ position: relative;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -112px;
+ font-size: 11px;
+ line-height: 21px;
+ vertical-align: top;
+ list-style: none
+}
+
+.cwg_wrap .cwg_lst li a {
+ display: inline-block;
+ color: #666;
+ _vertical-align: baseline
+}
+
+.cwg_wrap .cwg_lst li em {
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-style: normal;
+ font-size: 9px;
+ font-family: Tahoma;
+ color: #aeaeae
+}
+
+.cwg_wrap .cwg_lst li em.time {
+ color: #7b7b7b
+}
+
+.cwg_wrap .cwg_status {
+ width: 141px;
+ height: 133px;
+ margin: 0 auto;
+ text-align: center;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt {
+ overflow: hidden;
+ height: 21px;
+ margin-bottom: 11px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt strong {
+ display: inline-block;
+ overflow: hidden;
+ width: 50px;
+ height: 21px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt strong.level span {
+ margin-top: 0
+}
+
+.cwg_wrap .cwg_cnt strong.level2 span {
+ margin-top: -30px
+}
+
+.cwg_wrap .cwg_cnt strong.level3 span {
+ margin-top: -60px
+}
+
+.cwg_wrap .cwg_cnt strong.level4 span {
+ margin-top: -90px
+}
+
+.cwg_wrap .cwg_cnt .lnr {
+ display: inline-block;
+ overflow: hidden;
+ width: 19px;
+ height: 21px;
+ margin-left: -1px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 0 -30px;
+ line-height: 999px;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt em {
+ display: inline-block;
+ height: 21px;
+ margin-left: -2px;
+ padding: 2px 9px 0 0;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat 100% -60px;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 12px;
+ font-family: Tahoma;
+ color: #525252;
+ vertical-align: top
+}
+
+.cwg_wrap .cwg_cnt em span {
+ visibility: hidden;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 0;
+ font-size: 0;
+ line-height: 0
+}
+
+.cwg_wrap .cwg_track {
+ position: relative;
+ width: 141px;
+ height: 86px
+}
+
+.cwg_wrap .cwg_track span {
+ overflow: hidden;
+ float: left;
+ position: relative;
+ z-index: 10;
+ width: 7px;
+ height: 8px;
+ margin: -1px 0 6px;
+ background-color: #fff;
+ line-height: 999px
+}
+
+.cwg_wrap .cwg_track span.rtl {
+ float: right
+}
+
+.cwg_wrap .cwg_track span.cpt {
+ visibility: hidden
+}
+
+.cwg_wrap .cwg_track span.excp {
+ float: right;
+ width: 8px;
+ height: 7px;
+ margin: -6px 0 0 133px
+}
+
+.cwg_wrap .cwg_track span.excp2 {
+ width: 8px;
+ height: 7px;
+ margin: -6px 133px 0 0
+}
+
+.cwg_wrap .cwg_track span.excp3 {
+ width: 8px
+}
+
+.cwg_wrap .cwg_track span.excp4 {
+ width: 8px;
+ height: 7px;
+ margin-top: 0
+}
+
+.cwg_wrap .cwg_track em.rail_bg {
+ overflow: hidden;
+ position: absolute;
+ top: -1px;
+ left: 0;
+ z-index: 5;
+ width: 141px;
+ height: 86px
+}
+
+.cwg_wrap .cwg_track em.rail_bg strong {
+ margin-top: -120px
+}
+
+.cwg_wrap .cwg_track em.rail {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: -1px;
+ left: 0;
+ z-index: 15;
+ width: 141px;
+ height: 70px;
+ background: url(http://blogimgs.naver.net/challengewidget/bg_rail.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/bg_rail.png',
+ sizingMethod='crop' )
+}
+
+.cwg_wrap .cwg_track em.goal {
+ overflow: hidden;
+ position: absolute;
+ top: -3px;
+ left: -2px;
+ z-index: 20;
+ width: 124px;
+ height: 68px
+}
+
+.cwg_wrap .cwg_track em.goal strong {
+ margin-top: -220px
+}
+
+.cwg_wrap .cwg_btm {
+ width: 145px;
+ margin: 0 auto;
+ border-top: 1px solid #ececec
+}
+
+.cwg_wrap .cwg_btm a {
+ display: inline-block;
+ margin: 7px 0 0 -1px;
+ padding: 3px 9px 3px 2px;
+ font-size: 11px;
+ color: #999;
+ letter-spacing: -1px;
+ text-decoration: none
+}
+
+.cwg_wrap .cwg_btm a em {
+ display: inline-block;
+ overflow: hidden;
+ width: 4px;
+ height: 6px;
+ background: url(http://blogimgs.naver.net/challengewidget/spr_cwg.gif)
+ no-repeat -26px -96px;
+ vertical-align: middle
+}
+
+/* master widget types */
+.cwg_wrap .flt {
+ display: block;
+ width: 150px;
+ height: 450px
+}
+
+.cwg_type .flt {
+ background: url(http://blogimgs.naver.net/challengewidget/spr_ctype.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type2 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype2.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype2.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type3 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype3.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype3.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type4 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype4.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype4.png',
+ sizingMethod='crop' )
+}
+
+.cwg_type5 .flt {
+ background:
+ url(http://blogimgs.naver.net/challengewidget/spr_ctype5.png)
+ no-repeat 0 0;
+ _background: none;
+ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://blogimgs.naver.net/challengewidget/spr_ctype5.png',
+ sizingMethod='crop' )
+}
+
+/* business widget */
+/* company info widget */
+.cmp_wrap {
+ width: 171px;
+ margin: 0 auto;
+ font-family: 'µ¸¿ò', Dotum, Helvetica, sans-serif;
+ font-size: 12px;
+ text-align: left;
+}
+
+.cmp_wrap .line_x {
+ height: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .line_y {
+ width: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .ls0 {
+ letter-spacing: 0
+}
+
+.cmp_wrap .tl_cmp {
+ width: 100%;
+ padding: 0;
+ border: 0;
+ border-collapse: collapse;
+ table-layout: fixed
+}
+
+.cmp_wrap .tl_cmp th,.cmp_wrap .tl_cmp td {
+ padding: 0;
+ border: 0
+}
+
+.cmp_wrap .cmp_content {
+ position: relative;
+ width: 147px;
+ padding: 10px 11px 9px 11px;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.cmp_wrap .cmp_content:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+.cmp_wrap .cmp_content h3 {
+ height: 31px;
+ *height: 30px;
+ margin: 0 !important;
+ padding-top: 2px;
+ font-size: 12px;
+ font-weight: bold;
+ letter-spacing: 0;
+ line-height: 14px
+}
+
+.cmp_wrap .cmp_content .bx_line:after {
+ display: block;
+ clear: both;
+ content: ''
+}
+
+.cmp_wrap .cmp_content .bx_line .line_y {
+ float: left
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr {
+ *margin-top: -1px;
+ overflow: hidden
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a {
+ display: inline-block;
+ float: left;
+ text-align: center
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a:hover {
+ text-decoration: none
+}
+
+.cmp_wrap .cmp_content .bx_line .bx_inr a strong {
+ display: block
+}
+
+.cmp_wrap a .bu {
+ display: inline-block;
+ margin-left: 2px;
+ font-size: 4px;
+ vertical-align: 3px;
+ -webkit-text-size-adjust: none
+}
+/* button text type */
+.cmp_wrap .cmp_content .btn_txt {
+ width: 37px;
+ position: absolute;
+ top: 10px;
+ right: 7px
+}
+
+.cmp_wrap .cmp_content .btn_txt .line_x {
+ width: 35px
+}
+
+.cmp_wrap .cmp_content .btn_txt .line_y {
+ height: 14px
+}
+
+.cmp_wrap .cmp_content .btn_txt a {
+ width: 33px;
+ height: 12px;
+ padding-top: 2px
+}
+
+:root .cmp_wrap .cmp_content .btn_txt a {
+ padding-top: 0;
+ padding-top: 2px \0/IE9
+}
+/* button icon type */
+.cmp_wrap .cmp_content .btn_help {
+ width: 14px
+}
+
+.cmp_wrap .cmp_content .btn_help .line_x {
+ width: 14px
+}
+
+.cmp_wrap .cmp_content .btn_help .line_y {
+ height: 12px
+}
+
+.cmp_wrap .cmp_content .btn_help a {
+ display: block;
+ width: 12px;
+ height: 12px;
+ line-height: 15px
+}
+
+:root .cmp_wrap .cmp_content .btn_help a {
+ line-height: 14px
+}
+
+:root .cmp_wrap .cmp_content .btn_help a {
+ line-height: 14px;
+ line-height: 17px \0/IE9
+}
+
+.cmp_wrap .cmp_tt {
+ overflow: hidden;
+ position: absolute;
+ top: 33px;
+ left: 5px;
+ width: 159px;
+ height: 1px;
+ border-bottom: 1px dotted
+}
+
+.cmp_wrap .cmp_content .info_cont {
+ padding-left: 8px
+}
+
+.cmp_wrap .cmp_content .info_cont li {
+ position: relative;
+ line-height: 16px;
+ list-style: none
+}
+
+.cmp_wrap .cmp_content .info_cont li .info_wrp {
+ display: inline-block;
+ padding-bottom: 1px;
+ opacity: 0.8;
+ filter: alpha(opacity = 80)
+}
+
+.cmp_wrap .cmp_content .info_cont li .tt {
+ display: inline-block
+}
+
+.cmp_wrap .cmp_content .info_cont li .tx {
+ padding-right: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .ic {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 6px;
+ *top: 7px;
+ left: -6px;
+ width: 2px;
+ height: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .lk {
+ text-decoration: underline
+}
+
+.cmp_wrap .cmp_content .info_cont li .lk .bu {
+ text-decoration: none;
+ vertical-align: 2px
+}
+
+.cmp_wrap .cmp_content .info_cont li .btn_help {
+ display: inline-block;
+ *display: inline;
+ margin-left: 1px;
+ vertical-align: -2px;
+ *vertical-align: middle;
+ zoom: 1
+}
+
+.cmp_wrap .cmp_content .layer_tip {
+ display: none;
+ position: absolute;
+ z-index: 1000;
+ padding: 9px 10px 7px;
+ border: 1px solid #888;
+ background-color: #fff
+}
+
+.cmp_wrap .cmp_content .layer_tip .tip {
+ position: absolute;
+ bottom: -6px;
+ width: 11px;
+ height: 6px;
+ background:
+ url(http://blogimgs.naver.net/nblog/admin50/bg_layer_arr.gif)
+ no-repeat 0 0;
+ font-size: 0;
+ line-height: 0
+}
+
+.cmp_wrap .cmp_content .layer_tip .cont {
+ margin-left: -1px;
+ font-size: 11px;
+ font-family: dotum, 'µ¸¿ò';
+ color: #848689;
+ letter-spacing: -1px;
+ line-height: 14px
+}
+
+.cmp_wrap .cmp_content .layer_tip .clse_tip {
+ position: absolute;
+ top: 7px;
+ right: 8px
+}
+/* // business widget*/
+.new_blog {
+ height: 170px;
+ font-family: 'µ¸¿ò', dotum;
+ text-align: center
+}
+
+.new_blog .new_blog_inner {
+ padding-top: 34px
+}
+
+.new_blog .new_blog_inner2 {
+ padding-top: 78px
+}
+
+.new_blog .new_blog_inner3 {
+ padding-top: 50px
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu {
+ text-align: left
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu li {
+ list-style: none;
+ margin-bottom: 6px;
+ font-size: 12px;
+ line-height: 17px
+}
+
+.new_blog .new_blog_inner3 ul.lst_bu li .pcol2b {
+ width: 3px;
+ height: 3px;
+ margin: 0 2px 2px 0;
+ vertical-align: middle
+}
+
+.new_blog strong {
+ display: block;
+ margin: 0 0 8px;
+ font-size: 14px !important
+}
+
+.new_blog p {
+ display: block;
+ margin: 0 0 13px;
+ font-size: 12px;
+ line-height: 17px
+}
+
+.new_blog a {
+ display: inline-block
+}
+
+.ly_newblog {
+ position: absolute;
+ z-index: 1000;
+ padding: 14px;
+ border: 1px solid #d1d1d1;
+ background: #fefefe
+}
+
+.ly_newblog table {
+ width: 100%;
+ border-collapse: collapse
+}
+
+.ly_newblog .ly_newblog_btm {
+ position: relative;
+ width: 100%;
+ padding: 16px 0 6px;
+ border-top: 1px solid #ececec;
+ text-align: center
+}
+
+.ly_newblog .ly_newblog_btm img {
+ vertical-align: top
+}
+
+.ly_newblog .ly_newblog_cache {
+ position: absolute;
+ top: 19px;
+ right: -1px
+}
+
+.ly_newblog .ly_newblog_cache .input_chk {
+ float: left;
+ width: 13px;
+ height: 13px;
+ margin: 5px 5px 0;
+ padding: 0;
+ vertical-align: middle
+}
+
+.ly_newblog .ly_newblog_cache label {
+ float: left;
+ font-size: 11px;
+ font-family: 'µ¸¿ò', dotum;
+ letter-spacing: -1px;
+ line-height: 27px;
+ color: #999;
+ vertical-align: middle
+}
+
+.ly_newblog .ly_newblog_cache a {
+ display: inline-block;
+ float: left;
+ margin-left: 5px;
+ vertical-align: middle
+}
+
+.ly_newblog .clse {
+ display: inline-block;
+ position: absolute;
+ top: 7px;
+ right: 7px;
+ padding: 2px
+}
+
+.ly_newblog_cont img {
+ vertical-align: top
+}
+
+/* service terminated(wizard widget) */
+.wzd_wrap {
+ width: 169px;
+ height: 80px;
+ margin: 0 auto;
+ border: 1px solid #ececec;
+ background: #f5f5f5;
+ font-family: 'µ¸¿ò', dotum;
+ font-size: 11px;
+ letter- spacing: -1px;
+ text-align: center
+}
+
+.wzd_wrap .info_txt {
+ width: 146px;
+ height: 36px;
+ margin: 0 auto;
+ margin-bottom: 8px;
+ padding-top: 11px;
+ border-bottom: 1px solid #e3e3e3;
+ color: #7d7d7d;
+ line-height: 16px
+}
+
+.wzd_wrap .info_a {
+ display: inline-block;
+ margin: 0 4px 0 6px;
+ padding-left: 6px;
+ background: url(http://blogimgs.naver.net/nblog/widget/ic_wzd.gif)
+ no-repeat 0 2px;
+ color: #7d7d7d;
+ font-size: 11px;
+ text-decoration: none
+}
+
+.wzd_wrap a:hover {
+ text-decoration: underline
+}
+
+.side-body.onestyle .wzd_wrap {
+ *display: inline;
+ zoom: 1
+}
+
+/* map */
+.map_wrp .sub_cnt .more,.map_wrp .set,.map_wrp .go_post .post,.map_wrp .go_post .clse
+ {
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat
+}
+
+.map_wrp {
+ width: 171px;
+ height: 260px;
+ margin: 0 auto
+}
+
+.map_wrp .country {
+ position: relative;
+ width: 171px;
+ height: 260px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/bg_country_v2.jpg)
+ no-repeat;
+ font-family: 'µ¸¿ò', dotum;
+ font-size: 11px;
+ letter-spacing: -1px
+}
+
+.map_wrp .country .tit {
+ overflow: hidden;
+ height: 28px;
+ margin: 0;
+ padding: 0;
+ text-align: left
+}
+
+.map_wrp .country .tit .set {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 8px;
+ right: 8px;
+ width: 11px;
+ height: 12px;
+ background-position: 100% -124px;
+ text-indent: -9999px
+}
+
+.map_wrp .country .tit em {
+ visibility: hidden;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1px;
+ height: 1px;
+ font-size: 0;
+ line-height: 0
+}
+
+.map_wrp .country .tit strong {
+ display: inline-block;
+ margin: 8px 0 0 80px;
+ color: #00a403;
+ font-family: verdana;
+ font-size: 10px
+}
+
+.map_wrp .map_sec {
+ position: relative;
+ height: 232px
+}
+
+.map_wrp .pin,.map_wrp .pin10,.map_wrp .pin100 {
+ display: block;
+ position: absolute;
+ width: 19px;
+ height: 25px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat 0 -124px;
+ text-align: center
+}
+
+.map_wrp a.pin:hover {
+ text-decoration: none
+}
+
+.map_wrp .pin strong {
+ display: block;
+ margin-left: -1px;
+ color: #00a403;
+ font-family: verdana;
+ font-size: 10px;
+ line-height: 16px
+}
+
+.map_wrp .pin10 {
+ width: 23px;
+ height: 33px;
+ background-position: -28px -124px
+}
+
+.map_wrp .pin10 strong {
+ line-height: 22px
+}
+
+.map_wrp .pin100 {
+ width: 29px;
+ height: 42px;
+ background-position: -61px -124px
+}
+
+.map_wrp .pin100 strong {
+ line-height: 28px
+}
+
+.map_wrp .sub_cnt {
+ position: absolute;
+ top: 239px;
+ right: 10px
+}
+
+:root .map_wrp .sub_cnt {
+ top: 240px \0/IE9
+}
+
+.map_wrp .sub_cnt a {
+ display: inline-block;
+ padding-right: 1px;
+ color: #66717b;
+ line-height: 12px;
+ vertical-align: middle
+}
+
+.map_wrp .sub_cnt .more {
+ padding: 0 5px 0 1px;
+ background-position: 100% -170px;
+ font-size: 11px
+}
+
+:root .map_wrp .sub_cnt .more {
+ line-height: 14px \0/IE9
+}
+
+.map_wrp .dim {
+ position: absolute;
+ top: 28PX;
+ left: 0;
+ width: 171px;
+ height: 232px;
+ background: #000;
+ opacity: 0.1;
+ filter: alpha(opacity = 10)
+}
+
+.map_wrp .go_post {
+ position: absolute;
+ top: 85px;
+ left: 12px;
+ width: 147px;
+ height: 120px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat;
+ text-align: center
+}
+
+.map_wrp .go_post p {
+ margin: 0;
+ padding: 0;
+ line-height: 15px
+}
+
+.map_wrp .go_post .tt {
+ padding-top: 15px;
+ color: #333
+}
+
+.map_wrp .go_post .tx {
+ color: #999
+}
+
+.map_wrp .go_post a {
+ display: block;
+ overflow: hidden;
+ text-indent: -9999em
+}
+
+.map_wrp .go_post .post {
+ width: 68px;
+ height: 16px;
+ margin: 11px auto 0;
+ background-position: 0 -186px
+}
+
+.map_wrp .go_post .clse {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ width: 11px;
+ height: 11px;
+ background-position: 100% -148px
+}
+
+.map_wrp .go_evt {
+ position: absolute;
+ top: 66px;
+ left: 12px;
+ width: 147px;
+ height: 125px;
+ padding-top: 15px;
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/event/bg_evt_ly.png)
+ no-repeat;
+ text-align: center
+}
+
+.map_wrp .go_evt p {
+ margin: 0;
+ padding: 0;
+ font-size: 11px;
+ line-height: 15px
+}
+
+.map_wrp .go_evt .tt {
+ margin-bottom: 3px;
+ color: #999
+}
+
+.map_wrp .go_evt .tx {
+ color: #ee6e3c
+}
+
+.map_wrp .go_evt .tx a {
+ overflow: hidden;
+ background: none;
+ color: #f6b69d;
+ text-decoration: underline
+}
+
+.map_wrp .go_evt a {
+ background:
+ url(http://blogimgs.naver.net/nblog/mylog/mapview/sp_widget_map_v3.png)
+ no-repeat;
+ font-size: 11px
+}
+
+.map_wrp .go_evt .post,.map_wrp .go_evt .clse {
+ display: block;
+ text-indent: -9999px
+}
+
+.map_wrp .go_evt .post {
+ width: 68px;
+ height: 16px;
+ margin: 13px auto 0;
+ background-position: 0 -186px
+}
+
+.map_wrp .go_evt .clse {
+ position: absolute;
+ top: 9px;
+ right: 10px;
+ width: 11px;
+ height: 11px;
+ background-position: 100% -148px
+}
+
+.readonly_box {
+ border: solid 1px #e7e7e7;
+ background-color: #fff;
+ margin: 0 0 8px;
+ padding: 20px 0 19px 20px;
+ text-align: left;
+ position: relative;
+ overflow: hidden
+}
+
+.readonly_box h3 {
+ color: #333;
+ font: bold 14px "µ¸¿ò", dotum;
+ margin: 0 0 15px !important
+}
+
+.readonly_box h3 img {
+ vertical-align: middle;
+ margin: 0 6px 3px 0
+}
+
+.readonly_box h3 span {
+ padding-left: 3px;
+ font-size: 12px;
+ color: #ff6d20;
+ letter-spacing: 0
+}
+
+.readonly_box .closepop {
+ position: absolute;
+ top: 14px;
+ right: 14px;
+ width: 15px;
+ height: 15px;
+}
+
+.readonly_box ul {
+ margin: 0 0 3px !important;
+ padding: 0
+}
+
+.readonly_box ul li {
+ list-style: none;
+ padding-left: 7px;
+ line-height: 18px;
+ font-size: 12px;
+ color: #333;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bu_2x2_33.gif)
+ 0 7px no-repeat
+}
+
+.readonly_box .viewnotice {
+ display: inline-block;
+ margin-top: 7px;
+ padding-right: 6px;
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bu_arrow_readonly.gif)
+ right 3px no-repeat;
+ font-size: 12px;
+ color: #333;
+ text-decoration: underline !important
+}
+
+.inspection {
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bg_inspection.gif)
+ repeat-x;
+ text-align: center
+}
+
+.inspection .sub_inspection {
+ width: 980px;
+ height: 69px;
+ margin: 0 auto;
+ background:
+ url(http://blogimgs.naver.net/nblog/readonly/bg_inspection2.gif)
+ no-repeat;
+ text-align: left
+}
+
+.inspection h1 {
+ float: left;
+ _display: inline;
+ padding: 23px 20px 0 0
+}
+
+.inspection p {
+ float: left;
+ _display: inline;
+ padding: 14px 0 0;
+ padding-left: 21px;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bg_line.gif) 0
+ 17px no-repeat;
+ color: #fff;
+ line-height: 20px
+}
+
+.inspection p * {
+ color: #fff;
+ line-height: 20px
+}
+
+.inspection p em {
+ font-style: normal;
+ font-weight: bold;
+ text-decoration: underline
+}
+
+.inspection .viewnotice {
+ float: right;
+ _display: inline;
+ padding: 24px 0 0 18px;
+ height: 26px;
+ background: url(http://blogimgs.naver.net/nblog/readonly/bg_line2.gif) 0
+ 17px no-repeat
+}
+
+#defineNHNCSS_LayoutTopCommon-411216_css {
+ color: #ffe
+}
\ 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
index 0000000..9aa8986
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/b.html
@@ -0,0 +1,13 @@
+
+
+
+
+ Insert title here
+
+
+
+
+
+
+
+
\ 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
index 0000000..b3b5a15
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/b.js
@@ -0,0 +1,3 @@
+B = function() {
+ console.log( "B created" );
+};
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
index 0000000..249942d
--- /dev/null
+++ b/org.tizen.common.builder/test/src/org/tizen/common/builder/c.js
@@ -0,0 +1,3 @@
+C = function() {
+ console.log( "C created" );
+};
diff --git a/org.tizen.common.feature/feature.xml b/org.tizen.common.feature/feature.xml
index 33e3704..8214501 100755
--- a/org.tizen.common.feature/feature.xml
+++ b/org.tizen.common.feature/feature.xml
@@ -77,4 +77,11 @@
version="0.0.0"
unpack="false"/>
+
+
diff --git a/org.tizen.common/src/org/tizen/common/file/AbstractFileHandler.java b/org.tizen.common/src/org/tizen/common/file/AbstractFileHandler.java
index c25d7cf..1c7c381 100644
--- a/org.tizen.common/src/org/tizen/common/file/AbstractFileHandler.java
+++ b/org.tizen.common/src/org/tizen/common/file/AbstractFileHandler.java
@@ -61,6 +61,4 @@ implements FileHandler
}
return false;
}
-
-
}