Skip to content

A
appju_www_encrypt
Commit a906a58e authored by platyhouse's avatar platyhouse
Browse files
Options

- encrypted

parent fdaaac84
Pipeline #125 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 7926 additions and 277 deletions
      .gitignore
      View file @ a906a58e
      #created by https://www.gitignore.io/api/phpstorm
      ### PhpStorm ###
      # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
      # Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
      # User-specific stuff:
      .idea/**/workspace.xml
      .idea/**/tasks.xml
      .idea/dictionaries
      # Sensitive or high-churn files:
      .idea/**/dataSources/
      .idea/**/dataSources.ids
      .idea/**/dataSources.xml
      .idea/**/dataSources.local.xml
      .idea/**/sqlDataSources.xml
      .idea/**/dynamic.xml
      .idea/**/uiDesigner.xml
      # Gradle:
      .idea/**/gradle.xml
      .idea/**/libraries
      # CMake
      cmake-build-debug/
      # Mongo Explorer plugin:
      .idea/**/mongoSettings.xml
      ## File-based project format:
      *.iws
      ## Plugin-specific files:
      # IntelliJ
      /out/
      # mpeltonen/sbt-idea plugin
      .idea_modules/
      # JIRA plugin
      atlassian-ide-plugin.xml
      # Cursive Clojure plugin
      .idea/replstate.xml
      # Crashlytics plugin (for Android Studio and IntelliJ)
      com_crashlytics_export_strings.xml
      crashlytics.properties
      crashlytics-build.properties
      fabric.properties
      ### PhpStorm Patch ###
      # Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721
      # *.iml
      # modules.xml
      # .idea/misc.xml
      # *.ipr
      # Sonarlint plugin
      .idea/sonarlint
      # End of https://www.gitignore.io/api/phpstorm
      .idea/*
      config_db.php
      config.php
      admin/config_db.php
      config.php
      x_*
      *.log
      application/data/*
      admin/data/*
      data/*
      # storyshare
      config_db.php
      license.php
      git_*
      admin/config_db.php
      .idea/codeStyles/codeStyleConfig.xml 0 → 100644
      View file @ a906a58e
      <component name="ProjectCodeStyleConfiguration">
      <state>
      <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
      </state>
      </component>
      \ No newline at end of file
      .idea/deployment.xml 0 → 100644
      View file @ a906a58e
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="PublishConfigData" autoUpload="Always" promptOnRemoteOverwrite="CHECK_CONTENT" serverName="dev.makerslean.platyhouse.com" notifyRemoteChanges="true">
      <serverData>
      <paths name="dev.makerslean.platyhouse.com">
      <serverdata>
      <mappings>
      <mapping deploy="/www" local="$PROJECT_DIR$" web="/" />
      </mappings>
      </serverdata>
      </paths>
      </serverData>
      <option name="myAutoUpload" value="ALWAYS" />
      </component>
      </project>
      \ No newline at end of file
      .idea/inspectionProfiles/Project_Default.xml 0 → 100644
      View file @ a906a58e
      <component name="InspectionProjectProfileManager">
      <profile version="1.0">
      <option name="myName" value="Project Default" />
      <inspection_tool class="JSHint" enabled="true" level="ERROR" enabled_by_default="true" />
      </profile>
      </component>
      \ No newline at end of file
      .idea/jsLinters/jshint.xml 0 → 100644
      View file @ a906a58e
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="JSHintConfiguration" version="2.10.2" use-config-file="true" use-custom-config-file="true" custom-config-file-path="$PROJECT_DIR$/modules/ptyadmin/resources/AdminLTE-2.4.5/build/js/.jshintrc">
      <option bitwise="true" />
      <option browser="true" />
      <option curly="true" />
      <option eqeqeq="true" />
      <option forin="true" />
      <option maxerr="50" />
      <option noarg="true" />
      <option noempty="true" />
      <option nonew="true" />
      <option strict="true" />
      <option undef="true" />
      </component>
      </project>
      \ No newline at end of file
      .idea/makerslean_www_src.git.phpstorm.iml 0 → 100644
      View file @ a906a58e
      <?xml version="1.0" encoding="UTF-8"?>
      <module type="WEB_MODULE" version="4">
      <component name="NewModuleRootManager">
      <content url="file://$MODULE_DIR$" />
      <orderEntry type="inheritedJdk" />
      <orderEntry type="sourceFolder" forTests="false" />
      </component>
      </module>
      \ No newline at end of file
      .idea/misc.xml 0 → 100644
      View file @ a906a58e
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="JavaScriptSettings">
      <option name="languageLevel" value="ES6" />
      </component>
      </project>
      \ No newline at end of file
      .idea/modules.xml 0 → 100644
      View file @ a906a58e
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="ProjectModuleManager">
      <modules>
      <module fileurl="file://$PROJECT_DIR$/.idea/makerslean_www_src.git.phpstorm.iml" filepath="$PROJECT_DIR$/.idea/makerslean_www_src.git.phpstorm.iml" />
      </modules>
      </component>
      </project>
      \ No newline at end of file
      .idea/vcs.xml 0 → 100644
      View file @ a906a58e
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="VcsDirectoryMappings">
      <mapping directory="$PROJECT_DIR$" vcs="Git" />
      </component>
      </project>
      \ No newline at end of file
      .idea/webServers.xml 0 → 100644
      View file @ a906a58e
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="WebServers">
      <option name="servers">
      <webServer id="6017186a-e67d-4b65-b2a4-5209e1553d4d" name="cargomax - az365.co.kr" url="http://az365.co.kr">
      <fileTransfer host="az365.co.kr" port="22" rootFolder="/home/hosting_users/amazon365" accessType="SFTP" authAgent="true">
      <advancedOptions>
      <advancedOptions dataProtectionLevel="Private" passiveMode="true" shareSSLContext="true" />
      </advancedOptions>
      <option name="port" value="22" />
      </fileTransfer>
      </webServer>
      </option>
      </component>
      </project>
      \ No newline at end of file
      .idea/workspace.xml 0 → 100644
      View file @ a906a58e
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="ChangeListManager">
      <list default="true" id="cd1a7ab9-8b2b-4614-a3f4-6bd1ffab3051" name="Default Changelist" comment="">
      <change beforePath="$PROJECT_DIR$/modules/appconstruct/admin.controllers.appconstruct.items.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/appconstruct/admin.controllers.appconstruct.items.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/appconstruct/admin.views.appconstruct.item_edit.html" beforeDir="false" afterPath="$PROJECT_DIR$/modules/appconstruct/admin.views.appconstruct.item_edit.html" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/appconstruct/common.models.appconstruct.items.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/appconstruct/common.models.appconstruct.items.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyadmin/admin.controllers.admin.tableList.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyadmin/admin.controllers.admin.tableList.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyadmin/admin.views.index.index.index.html" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyadmin/admin.views.index.index.index.html" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyboard/ptyboard.api.common.controller.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyboard/ptyboard.api.common.controller.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyboard/ptyboard.boards.admin.controller.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyboard/ptyboard.boards.admin.controller.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyboard/ptyboard.item.common.model.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyboard/ptyboard.item.common.model.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyboard/ptyboard.items.admin.controller.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyboard/ptyboard.items.admin.controller.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyboard/ptyboard.items.common.model.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyboard/ptyboard.items.common.model.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyboard/ptyboard.items.edit.admin.view.html" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyboard/ptyboard.items.edit.admin.view.html" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptymobileapp/ptymobileapp.config.index.admin.view.html" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptymobileapp/ptymobileapp.config.index.admin.view.html" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptypush/ptypush.plugin.admin.controller.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptypush/ptypush.plugin.admin.controller.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyuser/common.models.ptyuser.item.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyuser/common.models.ptyuser.item.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyuser/ptyuser.items.admin.controller.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyuser/ptyuser.items.admin.controller.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/modules/ptyuser/ptyuser.plugin.admin.controller.php" beforeDir="false" afterPath="$PROJECT_DIR$/modules/ptyuser/ptyuser.plugin.admin.controller.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/platyFramework/action.php" beforeDir="false" afterPath="$PROJECT_DIR$/platyFramework/action.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/platyFramework/modules/ptyitems/common.ptyItemModel.php" beforeDir="false" afterPath="$PROJECT_DIR$/platyFramework/modules/ptyitems/common.ptyItemModel.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/platyFramework/platyLibrary/common/common.php" beforeDir="false" afterPath="$PROJECT_DIR$/platyFramework/platyLibrary/common/common.php" afterDir="false" />
      <change beforePath="$PROJECT_DIR$/platyFramework/plugin.php" beforeDir="false" afterPath="$PROJECT_DIR$/platyFramework/plugin.php" afterDir="false" />
      </list>
      <option name="SHOW_DIALOG" value="false" />
      <option name="HIGHLIGHT_CONFLICTS" value="true" />
      <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
      <option name="LAST_RESOLUTION" value="IGNORE" />
      </component>
      <component name="Compare Directories">
      <option name="identicalVisible" value="true" />
      <option name="differentVisible" value="true" />
      <option name="differentInBlanksVisible" value="true" />
      <option name="differentNonSignificantVisible" value="true" />
      <option name="leftOnlyVisible" value="true" />
      <option name="rightOnlyVisible" value="true" />
      <option name="mostProbablyIdenticalVisible" value="true" />
      <option name="probablyIdenticalLeftNewerVisible" value="true" />
      <option name="probablyIdenticalRightNewerVisible" value="true" />
      <option name="probablyDifferentLeftNewerVisible" value="true" />
      <option name="probablyDifferentRightNewerVisible" value="true" />
      <option name="javaStructureVisible" value="false" />
      <option name="autoExcludeHidden" value="false" />
      <option name="autoScrollFromSource" value="false" />
      <option name="lastLeftPaths">
      <value len="0" />
      </option>
      <option name="lastRightPaths">
      <value len="0" />
      </option>
      <option name="ignoredFileMasks">
      <value len="0" />
      </option>
      <option name="exportFileName" value="CompareDirectories.txt" />
      <option name="allowedDiffMasks">
      <value len="0" />
      </option>
      <option name="diffsInCommentsNonSignificant" value="false" />
      </component>
      <component name="ComposerSettings">
      <execution>
      <executable />
      </execution>
      </component>
      <component name="Git.Settings">
      <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
      </component>
      <component name="IgnoredFileRootStore">
      <option name="generatedRoots">
      <set>
      <option value="$PROJECT_DIR$/.idea" />
      </set>
      </option>
      </component>
      <component name="ProjectId" id="1YuYWus6jSEJTKrIprWLJcHqwQY" />
      <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
      <component name="ProjectViewState">
      <option name="hideEmptyMiddlePackages" value="true" />
      <option name="showExcludedFiles" value="true" />
      <option name="showLibraryContents" value="true" />
      </component>
      <component name="PropertiesComponent">
      <property name="SearchEverywhereHistoryKey" value="signin&#9;null&#9;null&#10;ptyshorturl&#9;FILE&#9;file:///Users/cpueblo/Desktop/platyHouse/projects/storyshare/makerslean/makerslean_www_src.git.phpstorm/modules/ptyshorturl/ptyshorturl.config.index.admin.view.html&#10;ptyou&#9;FILE&#9;file:///Users/cpueblo/Desktop/platyHouse/projects/storyshare/makerslean/makerslean_www_src.git.phpstorm/modules/ptyYoutubeBoard&#10;ptypush&#9;null&#9;null&#10;ptyboard/boards&#9;FILE&#9;file:///Users/cpueblo/Desktop/platyHouse/projects/storyshare/makerslean/makerslean_www_src.git.phpstorm/modules/ptyboard/ptyboard.boards.admin.controller.php&#10;model.php&#9;FILE&#9;file:///Users/cpueblo/Desktop/platyHouse/projects/storyshare/makerslean/makerslean_www_src.git.phpstorm/platyFramework/model.php" />
      <property name="WebServerToolWindowFactoryState" value="true" />
      <property name="WebServerToolWindowPanel.toolwindow.highlight.mappings" value="true" />
      <property name="WebServerToolWindowPanel.toolwindow.highlight.symlinks" value="true" />
      <property name="WebServerToolWindowPanel.toolwindow.show.date" value="false" />
      <property name="WebServerToolWindowPanel.toolwindow.show.permissions" value="false" />
      <property name="WebServerToolWindowPanel.toolwindow.show.size" value="false" />
      <property name="last_opened_file_path" value="$PROJECT_DIR$/modules/ptyshop" />
      <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
      <property name="nodejs_npm_path_reset_for_default_project" value="true" />
      <property name="php.override.implement.member.chooser.php.doc" value="NONE" />
      <property name="settings.editor.selected.configurable" value="preferences.sourceCode" />
      <property name="two.files.diff.last.used.file" value="$PROJECT_DIR$/../../../platyhouse.com/apps.platyhouse.com.phpstorm/modules/ptyadmin/admin.controllers.admin.tableList.php" />
      <property name="two.files.diff.last.used.folder" value="$PROJECT_DIR$/../../../platyhouse.com/apps.platyhouse.com.phpstorm/modules/ptyboard" />
      </component>
      <component name="RecentsManager">
      <key name="CopyFile.RECENT_KEYS">
      <recent name="$PROJECT_DIR$/modules/ptyshop" />
      <recent name="$PROJECT_DIR$/modules/makerslean" />
      </key>
      </component>
      <component name="SvnConfiguration">
      <configuration />
      </component>
      <component name="TaskManager">
      <task active="true" id="Default" summary="Default task">
      <changelist id="cd1a7ab9-8b2b-4614-a3f4-6bd1ffab3051" name="Default Changelist" comment="" />
      <created>1576116156554</created>
      <option name="number" value="Default" />
      <option name="presentableId" value="Default" />
      <updated>1576116156554</updated>
      <workItem from="1576116157713" duration="6350000" />
      <workItem from="1576136397919" duration="599000" />
      <workItem from="1576468383569" duration="915000" />
      <workItem from="1576549244138" duration="1196000" />
      <workItem from="1577073156915" duration="597000" />
      <workItem from="1577075939125" duration="1522000" />
      <workItem from="1577348968434" duration="2946000" />
      <workItem from="1577454838321" duration="624000" />
      <workItem from="1577626411363" duration="74000" />
      <workItem from="1577627294685" duration="1818000" />
      <workItem from="1577884279846" duration="597000" />
      <workItem from="1578015396455" duration="1807000" />
      <workItem from="1578148668427" duration="597000" />
      <workItem from="1578228424144" duration="598000" />
      <workItem from="1579217043430" duration="3787000" />
      <workItem from="1579390774302" duration="3285000" />
      <workItem from="1579744926710" duration="598000" />
      <workItem from="1580259021129" duration="598000" />
      <workItem from="1580798755818" duration="1314000" />
      <workItem from="1580935612667" duration="1241000" />
      <workItem from="1581308978471" duration="598000" />
      <workItem from="1581668471874" duration="8514000" />
      <workItem from="1582003134300" duration="1237000" />
      <workItem from="1582172962825" duration="607000" />
      <workItem from="1582509557715" duration="704000" />
      <workItem from="1582600196835" duration="608000" />
      <workItem from="1582701074144" duration="598000" />
      <workItem from="1583793983644" duration="1970000" />
      <workItem from="1583941986401" duration="591000" />
      <workItem from="1584066873634" duration="1556000" />
      <workItem from="1584800500007" duration="1346000" />
      <workItem from="1585041027486" duration="4698000" />
      <workItem from="1585657993975" duration="597000" />
      <workItem from="1586158024888" duration="598000" />
      <workItem from="1586212224768" duration="544000" />
      <workItem from="1586336486465" duration="598000" />
      <workItem from="1587002954745" duration="549000" />
      <workItem from="1587349525986" duration="597000" />
      <workItem from="1587451031607" duration="22000" />
      <workItem from="1590369276951" duration="1822000" />
      <workItem from="1593641695179" duration="782000" />
      <workItem from="1593826329992" duration="601000" />
      <workItem from="1594212152942" duration="641000" />
      <workItem from="1595339475065" duration="11848000" />
      <workItem from="1595506011829" duration="588000" />
      <workItem from="1595549121359" duration="105000" />
      <workItem from="1595840043219" duration="2182000" />
      <workItem from="1595900639532" duration="902000" />
      <workItem from="1595986032246" duration="574000" />
      <workItem from="1596067517110" duration="597000" />
      <workItem from="1596117470090" duration="613000" />
      <workItem from="1596616163774" duration="3323000" />
      <workItem from="1596665426444" duration="2667000" />
      <workItem from="1596689206360" duration="9986000" />
      <workItem from="1598305327561" duration="586000" />
      <workItem from="1598835943015" duration="609000" />
      <workItem from="1598928793352" duration="837000" />
      <workItem from="1600395230432" duration="576000" />
      <workItem from="1602904010811" duration="1327000" />
      <workItem from="1603155159261" duration="919000" />
      <workItem from="1605451916247" duration="606000" />
      <workItem from="1605772899157" duration="4563000" />
      <workItem from="1606884951389" duration="8000" />
      <workItem from="1607037506303" duration="3129000" />
      <workItem from="1607387882182" duration="599000" />
      <workItem from="1607470361129" duration="624000" />
      <workItem from="1607586239865" duration="9783000" />
      <workItem from="1609028175819" duration="20453000" />
      <workItem from="1609144924056" duration="7846000" />
      <workItem from="1609219532217" duration="4251000" />
      <workItem from="1609291219391" duration="17447000" />
      <workItem from="1610328483309" duration="425000" />
      <workItem from="1610332354194" duration="564000" />
      <workItem from="1610342556028" duration="18000" />
      <workItem from="1610345202098" duration="588000" />
      <workItem from="1610353088912" duration="2445000" />
      </task>
      <servers />
      </component>
      <component name="TypeScriptGeneratedFilesManager">
      <option name="version" value="1" />
      </component>
      <component name="Vcs.Log.History.Properties">
      <option name="COLUMN_ORDER">
      <list>
      <option value="0" />
      <option value="2" />
      <option value="3" />
      <option value="1" />
      </list>
      </option>
      </component>
      <component name="Vcs.Log.Tabs.Properties">
      <option name="TAB_STATES">
      <map>
      <entry key="MAIN">
      <value>
      <State>
      <option name="COLUMN_ORDER" />
      </State>
      </value>
      </entry>
      </map>
      </option>
      </component>
      <component name="WindowStateProjectService">
      <state x="761" y="217" key="#com.intellij.ide.util.MemberChooser" timestamp="1609031137876">
      <screen x="0" y="23" width="1920" height="1004" />
      </state>
      <state x="761" y="217" key="#com.intellij.ide.util.MemberChooser/1920.23.1920.1057/0.23.1920.1004/-2048.23.2048.1129@0.23.1920.1004" timestamp="1609031137876" />
      <state x="690" y="263" width="540" height="525" key="StructurePopup" timestamp="1609641758981">
      <screen x="0" y="23" width="1920" height="1004" />
      </state>
      <state x="690" y="263" width="540" height="525" key="StructurePopup/0.23.1920.1003/1920.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1609225899291" />
      <state x="690" y="263" width="540" height="524" key="StructurePopup/1920.23.1920.1057/0.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1608535187394" />
      <state x="690" y="263" width="540" height="525" key="StructurePopup/1920.23.1920.1057/0.23.1920.1004/-2048.23.2048.1129@0.23.1920.1004" timestamp="1609641758981" />
      <state x="100" y="123" width="1720" height="803" key="com.intellij.history.integration.ui.views.FileHistoryDialog" timestamp="1608536546982">
      <screen x="0" y="23" width="1920" height="1003" />
      </state>
      <state x="100" y="123" width="1720" height="803" key="com.intellij.history.integration.ui.views.FileHistoryDialog/1920.23.1920.1057/0.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1608536546982" />
      <state x="-1369" y="398" key="com.intellij.ide.util.TipDialog" timestamp="1605772981323">
      <screen x="-2048" y="23" width="2048" height="1129" />
      </state>
      <state x="637" y="356" key="com.intellij.ide.util.TipDialog/0.23.1920.1003/1920.23.1920.1057/-2048.23.2048.1129@0.23.1920.1003" timestamp="1603155161252" />
      <state x="-1369" y="398" key="com.intellij.ide.util.TipDialog/1920.23.1920.1057/0.23.1920.1003/-2048.23.2048.1129@-2048.23.2048.1129" timestamp="1605772981323" />
      <state x="743" y="448" key="com.intellij.openapi.vcs.update.UpdateOrStatusOptionsDialogupdate-v2" timestamp="1608538428216">
      <screen x="0" y="23" width="1920" height="1003" />
      </state>
      <state x="743" y="448" key="com.intellij.openapi.vcs.update.UpdateOrStatusOptionsDialogupdate-v2/1920.23.1920.1057/0.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1608538428216" />
      <state x="425" y="252" key="com.jetbrains.php.test.PhpNewTestDialog" timestamp="1607069321186">
      <screen x="0" y="23" width="1920" height="1003" />
      </state>
      <state x="425" y="252" key="com.jetbrains.php.test.PhpNewTestDialog/1920.23.1920.1003/0.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1607069321186" />
      <state x="497" y="70" width="1008" height="817" key="find.popup" timestamp="1609725281688">
      <screen x="0" y="23" width="1920" height="1005" />
      </state>
      <state x="497" y="70" width="1008" height="814" key="find.popup/0.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1605451930967" />
      <state x="497" y="70" width="1008" height="814" key="find.popup/0.23.1920.1003/1920.23.1920.1057/-2048.23.2048.1129@0.23.1920.1003" timestamp="1603155167790" />
      <state x="497" y="70" width="1008" height="814" key="find.popup/1920.23.1920.1003/0.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1607069323784" />
      <state x="497" y="70" width="1008" height="814" key="find.popup/1920.23.1920.1057/0.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1609663323018" />
      <state x="497" y="70" width="1008" height="816" key="find.popup/1920.23.1920.1057/0.23.1920.1004/-2048.23.2048.1129@0.23.1920.1004" timestamp="1609642053056" />
      <state x="497" y="70" width="1008" height="817" key="find.popup/1920.23.1920.1057/0.23.1920.1005/-2048.23.2048.1129@0.23.1920.1005" timestamp="1609725281688" />
      <state x="497" y="70" width="1008" height="817" key="find.popup/1920.23.1920.1057/0.23.1920.1006/-2048.23.2048.1129@0.23.1920.1006" timestamp="1609028302934" />
      <state x="625" y="244" width="670" height="677" key="search.everywhere.popup" timestamp="1609642096169">
      <screen x="0" y="23" width="1920" height="1004" />
      </state>
      <state x="625" y="244" width="670" height="676" key="search.everywhere.popup/0.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1609376982460" />
      <state x="625" y="244" width="670" height="676" key="search.everywhere.popup/0.23.1920.1003/1920.23.1920.1057/-2048.23.2048.1129@0.23.1920.1003" timestamp="1603160564090" />
      <state x="625" y="244" width="670" height="676" key="search.everywhere.popup/1920.23.1920.1057/0.23.1920.1003/-2048.23.2048.1129@0.23.1920.1003" timestamp="1609140646083" />
      <state x="625" y="244" width="670" height="677" key="search.everywhere.popup/1920.23.1920.1057/0.23.1920.1004/-2048.23.2048.1129@0.23.1920.1004" timestamp="1609642096169" />
      <state x="625" y="244" width="670" height="678" key="search.everywhere.popup/1920.23.1920.1057/0.23.1920.1005/-2048.23.2048.1129@0.23.1920.1005" timestamp="1609122992045" />
      </component>
      </project>
      \ No newline at end of file
      admin/startup.php
      View file @ a906a58e
      No preview for this file type
      git_pull.php 100755 → 100644
      View file @ a906a58e
      No preview for this file type
      git_push.php 100755 → 100644
      View file @ a906a58e
      No preview for this file type
      modules/appconstruct/admin.views.appconstruct.item_edit.html
      View file @ a906a58e
      ......@@ -32,6 +32,7 @@ namespace platyFramework;
      <?= $form->getInput("테마명", "themeName"); ?>
      <?= $form->getInput("name", "name"); ?>
      <?= $form->getInput("parentName", "parentName"); ?>
      <?= $form->getSelect("position", "position", [
      "초기화" => "init",
      "상단" => "header",
      ......@@ -43,10 +44,15 @@ namespace platyFramework;
      <?= $form->getInput("노출순서", "priority"); ?>
      <?= $form->getSelect("classType", "classType",
      [
      "Activity" => "Activity",
      "Fragment" => "Fragment",
      "메뉴바 A (ConstructTitleBarA)" => "ConstructTitleBarA",
      "메뉴바 B (ConstructTitleBarB)" => "ConstructTitleBarB",
      "페이징 탭 A (ConstructPagerA)" => "ConstructPagerA",
      "페이징 탭 A (ConstructPagerB)" => "ConstructPagerB",
      "-----1" => "-----------------------",
      "목록 A (ConstructItemsA)" => "ConstructItemsA",
      "상품목록 A (ConstructShopItemsA)" => "ConstructShopItemsA",
      "-----2" => "-----------------------",
      "에드몹 배너 A (ConstructAdmobBannerA)" => "ConstructAdmobBannerA",
      "-----3" => "-----------------------",
      ......@@ -56,6 +62,11 @@ namespace platyFramework;
      "글 댓글 내용 A (ConstructBoardCommentsA)" => "ConstructBoardCommentsA",
      "글 상태 바 A (ConstructBoardStatusBarA)" => "ConstructBoardStatusBarA",
      "글 댓글 쓰기 (ConstructBoardCommentWriteA)" => "ConstructBoardCommentWriteA",
      "-----3.1" => "-----------------------",
      "상품Item 읽기 초기화 (ConstructShopItemInitA)" => "ConstructShopItemInitA",
      "상품Item 본문 A (ConstructShopItemA)" => "ConstructShopItemA",
      "상품Item 주문 A (ConstructShopOrderA)" => "ConstructShopOrderA",
      "-----4" => "-----------------------",
      "유튜브 재생 본문 A (ConstructYoutubeBoardItemA)" => "ConstructYoutubeBoardItemA",
      "유튜브 컨르롤러 A (ConstructYoutubeControllerA)" => "ConstructYoutubeControllerA",
      ......@@ -68,6 +79,7 @@ namespace platyFramework;
      "검색바 노출 (ConstructSearchBarA)" => "ConstructSearchBarA",
      "-----6" => "-----------------------",
      "설정 메뉴 (ConstructSettingA)" => "ConstructSettingA",
      "설정 메뉴 (쇼핑) (ConstructSettingShopA)" => "ConstructSettingShopA",
      "회원 로그인 (ConstructSignInA)" => "ConstructSignInA",
      "회원 정보 수정 (ConstructUserProfileEditA)" => "ConstructUserProfileEditA",
      "-----7" => "-----------------------",
      ......
      modules/ptyadmin/admin.views.common.header.html
      View file @ a906a58e
      ......@@ -101,7 +101,6 @@ function createTree(&$list, $parent)
      <!-- Bootstrap 3.3.7 -->
      <script src="<?= $this->request->moduleUrl ?>/ptyadmin/resources/AdminLTE-2.4.5/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
      <script src="<?=$this->request->systemUrl?>/modules/ptycommon/resources/ptyCommon.js?<?=time()?>"></script>
      <?= $o = ""; $this->callAction("onAdminHeader",$o); echo $o; ?>
      </head>
      ......
      modules/ptyadmin/admin.views.tablelist.index.html
      View file @ a906a58e
      ......@@ -9,7 +9,6 @@
      </ol>
      </section>
      <section class="content">
      <?= $o = ""; $this->callAction("onAdminTopContent",$o); echo $o; ?>
      <div class="row">
      <div class="col-md-12">
      <div class="box">
      ......
      modules/ptyadmin/resources/ptyAdmin.html
      View file @ a906a58e
      ......@@ -27,25 +27,3 @@
      </div>
      </div>
      </div>
      <div class="modal fade" id="ptyConfirmDlg">
      <div class="modal-dialog">
      <div class="modal-content">
      <div class="modal-header bg-green">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">×</span></button>
      <h4 id="ptyConfirm_title" class="modal-title">계속 하시겠습니까?</h4>
      </div>
      <div class="modal-body">
      <p id="ptyConfirm_content"></p>
      <select class="form-control" id="ptyConfirm_select"></select>
      <div class="form-group" id="ptyConfirm_select2"></div>
      </div>
      <div class="modal-footer">
      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">취소</button>
      <button id=ptyConfirm_yesButtonTitle type="button" class="btn btn-warning">예</button>
      </div>
      </div>
      <!-- /.modal-content -->
      </div>
      </div>
      \ No newline at end of file
      modules/ptyadmin/resources/ptyAdmin.js
      View file @ a906a58e
      ......@@ -9,8 +9,6 @@ $(function () {
      var content2 = $(this).attr("content2");
      var content3 = $(this).attr("content3");
      var value = $(this).attr("value");
      var value2 = $(this).attr("value2");
      var value3 = $(this).attr("value3");
      // var yesButtonTitle = $(this).attr("yesButtonTitle");
      ptyAdminInputPopupSubmitUrl = $(this).attr("href");
      ......@@ -44,8 +42,8 @@ $(function () {
      */
      $("input[name=ptyAdminInputPopupDlg_input]").val(value);
      $("input[name=ptyAdminInputPopupDlg_input2]").val(value2);
      $("input[name=ptyAdminInputPopupDlg_input3]").val(value3);
      $("input[name=ptyAdminInputPopupDlg_input2]").val('');
      $("input[name=ptyAdminInputPopupDlg_input3]").val('');
      $("#ptyAdminInputPopupDlg").modal();
      $("input[name=ptyAdminInputPopupDlg_input]").focus();
      return false;
      ......@@ -56,7 +54,7 @@ $(function () {
      if (ptyAdminInputPopupInput3 === true)
      location.href = ptyAdminInputPopupSubmitUrl + "&value=" + $("input[name=ptyAdminInputPopupDlg_input]").val() + "&value2="+ $("input[name=ptyAdminInputPopupDlg_input2]").val() + "&value3="+ $("input[name=ptyAdminInputPopupDlg_input3]").val();
      else if (ptyAdminInputPopupInput2 === true)
      else if (ptyAdminInputPopupInput3 === true)
      location.href = ptyAdminInputPopupSubmitUrl + "&value=" + $("input[name=ptyAdminInputPopupDlg_input]").val() + "&value2="+ $("input[name=ptyAdminInputPopupDlg_input2]").val();
      else
      location.href = ptyAdminInputPopupSubmitUrl + "&value=" + $("input[name=ptyAdminInputPopupDlg_input]").val();
      ......@@ -65,128 +63,3 @@ $(function () {
      });
      });
      var ptyConfirm_yesUrl = "";
      var ptyConfirm_selectUrl = null;
      var ptyConfirm_selectArray = null;
      var ptyConfirm_selectArray2 = null;
      var ptyConfirm_postUrl = null;
      $(function () {
      /**
      * ptyConfirmDialog
      *
      * <button type="button" class="ptyConfirmDialog" content='삭제하시겠습니까?' title='삭제' yesButtonTitle='삭제' href='<?=$this->request->classUrl?>/remove/?id=<?=$item->id?>'">삭제</button>
      */
      $('.ptyShowConfirmDialog').click(function (e) {
      e.preventDefault();
      var title = $(this).attr("title");
      var content = $(this).attr("content");
      var yesButtonTitle = $(this).attr("yesButtonTitle");
      var selectUrl = $(this).attr("selectUrl");
      var selectArray = $(this).attr("selectArray");
      var selectArray2 = $(this).attr("selectArray2");
      var postUrl = $(this).attr("postUrl");
      ptyConfirm_yesUrl = $(this).attr("href");
      ptyConfirm_selectUrl = selectUrl;
      ptyConfirm_selectArray = selectArray;
      ptyConfirm_selectArray2 = selectArray2;
      ptyConfirm_postUrl = postUrl;
      if (typeof title !== typeof undefined && title !== false) {
      $("#ptyConfirm_title").html(title);
      }
      if (typeof content !== typeof undefined && content !== false) {
      $("#ptyConfirm_content").html(content);
      }
      if (typeof selectUrl !== typeof undefined && selectUrl !== false) {
      var $el = $('#ptyConfirm_select');
      ptyPost(selectUrl, {}, function (ret, result) {
      $el.html(' ');
      // console.log(result.items);
      $.each(result.items, function (key, value) {
      // console.log('key = ' + key + ', value = ' + value);
      $el.append($("<option></option>").attr("value", value).text(key));
      });
      $el.addClass('animated flash');
      $("#ptyConfirm_select").show();
      });
      }
      $("#ptyConfirm_select").hide();
      if (typeof selectArray !== typeof undefined && selectArray !== false) {
      var $el = $('#ptyConfirm_select');
      ptyConfirm_selectArray = JSON.parse(ptyConfirm_selectArray);
      $el.html(' ');
      $.each(ptyConfirm_selectArray, function (key, value) {
      // console.log('key = ' + key + ', value = ' + value);
      $el.append($("<option></option>").attr("value", value).text(key));
      });
      $el.addClass('animated flash');
      $("#ptyConfirm_select").show();
      }
      if (typeof selectArray2 !== typeof undefined && selectArray2 !== false) {
      var $el = $('#ptyConfirm_select2');
      ptyConfirm_selectArray2 = JSON.parse(ptyConfirm_selectArray2);
      $el.html(' ');
      $.each(ptyConfirm_selectArray2, function (key, value) {
      $el.append("<div class='checkbox'><label><input type='checkbox' name='ptyConfirm_selectArray2_value' value=" + value + ">" + key + "</label></div>");
      });
      $el.addClass('animated flash');
      $("#ptyConfirm_select").hide();
      $("#ptyConfirm_select2").show();
      }
      if (typeof yesButtonTitle !== typeof undefined && yesButtonTitle !== false) {
      $("#ptyConfirm_yesButtonTitle").html(yesButtonTitle);
      }
      $("#ptyConfirmDlg").modal();
      return false;
      });
      $('#ptyConfirm_yesButtonTitle').click(function () {
      $("#ptyConfirmDlg").modal('hide');
      if (typeof ptyConfirm_yesUrl !== typeof undefined && ptyConfirm_yesUrl !== false) {
      ptyConfirm_yesUrl = ptyConfirm_yesUrl.replace("%40value", $("#ptyConfirm_select").val());
      }
      if (typeof ptyConfirm_postUrl !== typeof undefined && ptyConfirm_postUrl !== false) {
      if (typeof ptyConfirm_selectUrl !== typeof undefined && ptyConfirm_selectUrl !== false) {
      ptyConfirm_postUrl = ptyConfirm_postUrl.replace("%40value", $("#ptyConfirm_select").val());
      }
      else if (typeof ptyConfirm_selectArray2 !== typeof undefined && ptyConfirm_selectArray2 !== false) {
      // 콤마로 구분하여 가져옴
      var valuesArray = $('input[name="ptyConfirm_selectArray2_value"]:checked').map(function () {
      return this.value;
      }).get().join(",");
      ptyConfirm_postUrl = ptyConfirm_postUrl.replace("%40value", valuesArray);
      }
      }
      if (typeof ptyConfirm_postUrl !== typeof undefined && ptyConfirm_postUrl !== false) {
      ptyPost(ptyConfirm_postUrl, {}, function (ret, result) {
      if (typeof ptyConfirm_yesUrl !== typeof undefined && ptyConfirm_yesUrl !== false) {
      location.href = ptyConfirm_yesUrl;
      }
      else
      window.location.reload();
      });
      return false;
      }
      if (typeof ptyConfirm_yesUrl !== typeof undefined && ptyConfirm_yesUrl !== false) {
      location.href = ptyConfirm_yesUrl;
      }
      else
      window.location.reload();
      return false;
      });
      });
      \ No newline at end of file
      modules/ptyadvertise/ptyadvertise.config.index.admin.view.html
      View file @ a906a58e
      ......@@ -33,37 +33,7 @@ namespace platyFramework;
      <input type="hidden" name="id" value="<?= $item->id ?>">
      <?= $form->getInput("에드몹 배너 광고ID", "admobBannerId", "placeholder='ca- 형식'"); ?>
      <?= $form->getInput("에드몹 전면 광고ID", "admobFullId", "placeholder='ca- 형식'"); ?>
      <div class="form-group">
      <label class='col-sm-2 control-label'>
      app-ads.txt 설정
      </label>
      <div class='col-sm-10'>
      <?= $form->getTextEditRaw("app-ads.txt 설정", "appadstxt"); ?>
      <b>특별한 사유가 없다면 위 영역은 빈 여백으로 놔두세요! 시스템이 자동으로 생성합니다. <a href="http://<?=$_SERVER['HTTP_HOST']?>/app-ads.txt" target="_blank">확인하러 가기</a></b><br>
      (pub-xxxx 는 '에드몹 전면 광고ID' 의 광고ID 값을 자동으로 참조하게 됩니다)<br>
      <br>* 구글 플레이 콘솔에 '웹사이트 항목' 을 반드시 http://<?=$_SERVER['HTTP_HOST']?> 로 설정하세요<br>
      <br>
      * 특별한 편집이 필요한 경우 위 내용을 입력하여 변경할 수 있으며,<br>
      시스템 기본값을 원하시면 빈 여백으로 남겨두세요<br>
      <br>
      <?
      $ptyadvertiseConfig = $this->config->getConfig("ptyadvertise");
      $pubs = $ptyadvertiseConfig->admobFullId;
      $pubs = explode("/", $pubs);
      $pub = str_replace("ca-app-", "", $pubs[0]);
      ?>
      <font color="green">[ 시스템 기본값 ]</font><br>
      google.com, <?=$pub?>, DIRECT, f08c47fec0942fa0<br>
      subdomain=<?=$_SERVER['HTTP_HOST']?><br>
      </div>
      </div>
      </div>
      <div class="box-footer">
      <button type="button" class="btn btn-default ptyGoBack pull-right">취소</button>
      <button type="submit" class="btn btn-info pull-left">저장</button>
      ......
      modules/ptyshop/ptyshop.order.index.common.view.html 0 → 100644
      View file @ a906a58e
      <!DOCTYPE html>
      <html lang="ko">
      <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
      <link rel="stylesheet" href="/modules/ptyshop/resources/app.css">
      <link rel="stylesheet" href="/modules/ptyshop/resources/app2.css">
      <link rel="icon" href="data:;base64,iVBORw0KGgo=">
      <script src="/modules/ptyshop/resources/jquery-3.1.1.min.js"></script>
      <script src="/modules/ptyshop/resources/clipboard.min.js"></script>
      <script src="/modules/ptyshop/resources/common.js?2020092313"></script><!-- // 공통 -->
      <script src="/modules/ptyshop/resources/commonLib.js?2020092313"></script><!-- // 앱간 인터페이스 -->
      <title></title>
      </head> <script>
      var AGENT = 'web';
      function $number(num) {
      return num.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,");
      }
      function $tel(str) {
      var num = str.replace(/[^0-9]/g, "");
      var phone = [];
      if (num.length < 4) {
      return num;
      } else if (num.length < 7) {
      phone.push(num.substr(0, 3));
      phone.push(num.substr(3));
      } else if (num.length < 11) {
      phone.push(num.substr(0, 3));
      phone.push(num.substr(3, 3));
      phone.push(num.substr(6));
      } else {
      phone.push(num.substr(0, 3));
      phone.push(num.substr(3, 4));
      phone.push(num.substr(7));
      }
      return phone.join('-');
      }
      (function ($) {
      //가격정보
      $.fn.totalsum = function (farprice) {
      $('#addrprice').val(farprice);
      if (goodsfarstop === true && parseInt(farprice) < 1) {
      goodsfarstop = false;
      }
      var po_shipping_fararea_fee = function ($goodsCnt, $fee, $shipUnit) {
      var $shipCnt = 1;
      if ($shipUnit > 0) {
      $shipCnt = Math.ceil($goodsCnt / $shipUnit);
      }
      return $fee * $shipCnt;
      };
      var t = $('#tprice');
      var g = $('#gprice');
      var d = $('#dprice');
      var gprice = 0;
      var dprice = 0;
      $('form[name=order] input[name="cidx[]"]').remove();
      for (var idx in goods) {
      if (goodsfarstop === true && parseInt(goods[idx].fararea) === 1) {
      continue;
      }
      gprice += parseInt(goods[idx].gprice);
      dprice += parseInt(goods[idx].dprice) + po_shipping_fararea_fee(parseInt(goods[idx].cnt), parseInt(farprice), parseInt(goods[idx].shippingcnt));
      for (var j in goods[idx].cidx) {
      $('#uid').after($('<input />', {"type": "hidden", "name": "cidx[]"}).val(goods[idx].cidx[j]));
      }
      }
      t.val($number(gprice + dprice));
      g.val($number(gprice));
      d.val($number(dprice));
      return this;
      };
      //주소만들기
      $.fn.address = function (address) {
      if (address.length < 1) {
      $('.tab_nav a.input').trigger('click');
      return this;
      }
      var _loop = function (_this, i) {
      _this.prepend(
      $('<div />', {"class": "address_item chkbx"}).prepend(
      $('<input />', {
      "type": "radio",
      "name": "addrno",
      "id": "addr" + i
      }).val(i).click(function () {
      $('#addrno').val(address[i].addrno);
      $('#addrprice').val(address[i].addrprice);
      $('#dname').val(address[i].dname);
      $('#dpcode').val(address[i].dpcode);
      $('#daddr1').val(address[i].daddr1);
      $('#daddr2').val(address[i].daddr2);
      $('#dtel').val(address[i].dtel);
      $(".order_result").totalsum(address[i].price);
      }),
      $('<label />', {"for": "addr" + i}).prepend(
      $('<span />', {"class": "name"}).prepend(
      $('<em />', {"class": "dname"}).text(address[i].dname)
      ),
      $('<span />', {"class": "addr"}).prepend(
      $('<em />', {"class": "dpcode"}).text(address[i].dpcode), " ",
      $('<em />', {"class": "daddr1"}).text(address[i].daddr1),
      $('<em />', {"class": "daddr2"}).text(address[i].daddr2)
      ),
      $('<span />', {"class": "dtel"}).prepend(
      $('<em />').text($tel(address[i].dtel))
      )
      ),
      $('<a />', {"class": "addr_set"}).click(function () {
      $('#addrno').val(address[i].addrno);
      $('#addrprice').val(address[i].price);
      $('#dname').val(address[i].dname);
      $('#dpcode').val(address[i].dpcode);
      $('#daddr1').val(address[i].daddr1);
      $('#daddr2').val(address[i].daddr2);
      $('#dtel').val(address[i].dtel);
      $(".tab.order_form").addClass('set');
      $("#duplarea").hide();
      }),
      $('<a />', {"class": "addr_remove"}).click(function () {
      if (!confirm("삭제 하시겠습니까?")) {
      return false;
      }
      $.ajax({
      url: '/address/del',
      type: 'POST',
      data: JSON.stringify({"uid": $('#uid').val(), "addrno": address[i].addrno}),
      dataType: 'json',
      headers: {
      "Content-Type": "application/json"
      },
      success: function (data) {
      $("#addr" + address[i].addrno).parent().remove();
      alert("삭제가 완료되었습니다.");
      if ($('#addr').children('.address_item').length < 1) {
      $('.tab_nav').find('.input').trigger('click');
      } else {
      $('#addr').children('.address_item:nth-child(1)').children('input').prop('checked', true).trigger('click');
      }
      }
      });
      })
      )
      );
      };
      for (var i in address) {
      _loop(this, i);
      }
      this.children('.address_item:nth-child(1)').children('input').prop('checked', true).trigger('click');
      return this;
      };
      }(jQuery));
      var address = JSON.parse('[]');
      var goods = JSON.parse('{"10031868":{"shipping":5000,"shippingcnt":0,"fararea":0,"tprice":34800,"gprice":29800,"dprice":5000,"cnt":1,"cidx":[13734513]}}');
      var PREPAIDCNT = parseInt('0');
      var goodsfarstop = false;
      var giftyn = 'N'; // 선물
      var isGift = giftyn === 'Y';
      $(document).ready(function () {
      //우편번호검색 있을 시 부모 <td> 태그 class 추가
      giftInit();
      function giftInit() {
      if(isGift) {
      $("#duplarea").hide();
      $(".guide-info-text").show();
      $(".order_title.address").html("<span>선물받는 분 정보</span>")
      $(".gift-desc").removeClass("hide");
      $(".order_form input[name='dname']").addClass("gift");
      $("#callInfo").on("click", function(e) {
      e.preventDefault();
      window.CL.callNative(1011, '연락처 불러오기', AGENT);
      });
      //연락처 불러오기 있을 시 부모 <td> 태그 class 추가
      $("#app.order .order_form .addr_form_area td:has(#callInfo)").addClass("call-info");
      // 추후 오픈
      } else {
      $("#callInfo").hide();
      }
      }
      //주소팝업 닫기
      $('.addr_close').click(function () {
      $('#addr').find('input[name=addrno]:checked').trigger('click');
      $(".tab.order_form").removeClass("set");
      $('#duplarea').show();
      });
      //주소팝업 저장
      $('.addr_save').click(function () {
      var uid = $('#uid');
      var addrno = $('#addrno');
      var addrprice = $('#addrprice');
      var bname = $('#bname');
      var btel = $('#btel');
      var dname = $('#dname');
      var dpcode = $('#dpcode');
      var daddr1 = $('#daddr1');
      var daddr2 = $('#daddr2');
      var dtel = $('#dtel');
      if (dname.val() === "") {
      alert("수령인을 입력 하십시오.");
      dname.focus();
      return false;
      }
      if (dpcode.val() === "" || daddr1.val() === "") {
      alert("배송지를 입력 하십시오.");
      $('#execDaumPostcode').trigger('click');
      return false;
      }
      if (daddr2.val() === "") {
      alert("나머지 배송지를 입력 하십시오.");
      daddr2.focus();
      return false;
      }
      if (dtel.val() === "") {
      alert("수령인 연락처를 입력 하십시오.");
      daddr2.focus();
      return false;
      }
      if (dtel.val().length < 10 || dtel.val().length > 11) {
      alert("수령인 연락처를 확인해 주세요.");
      dtel.focus();
      return false;
      }
      var data = {
      "uid": uid.val(),
      "addrno": addrno.val(),
      "bname": bname.val(),
      "btel": btel.val(),
      "dname": dname.val(),
      "dpcode": dpcode.val(),
      "daddr1": daddr1.val(),
      "daddr2": daddr2.val(),
      "dtel": dtel.val(),
      "price": addrprice.val()
      };
      $.ajax({
      url: '/address/set',
      type: 'POST',
      data: JSON.stringify(data),
      dataType: 'json',
      headers: {
      "Content-Type": "application/json"
      },
      success: function (addrno) {
      address[addrno] = data;
      var checkbox = $('#addr' + addrno);
      var address_item = checkbox.closest('.address_item');
      //console.log('#addr' + addrno);
      address_item.find('.dname').text(data.dname);
      address_item.find('.dpcode').text(data.dpcode);
      address_item.find('.daddr1').text(data.daddr1);
      address_item.find('.daddr2').text(data.daddr2);
      address_item.find('.dtel').text($tel(data.dtel));
      $(".tab.order_form").removeClass("set");
      $('#duplarea').show();
      alert("수정했습니다.");
      $('#addr').find('input[name=addrno]:checked').trigger('click');
      }
      });
      });
      //배송지 정보입력 텝
      $('.tab_nav a').click(function () {
      if ($(this).hasClass('list')) {
      $('.tab_nav li:eq(0) a').addClass('on');
      $('.tab_nav li:eq(1) a').removeClass('on');
      $('#addr_log').addClass('on');
      $('#addr_form').removeClass('on');
      $('#addr').find('input[name=addrno]:checked').trigger('click');
      } else {
      $('.tab_nav li:eq(0) a').removeClass('on');
      $('.tab_nav li:eq(1) a').addClass('on');
      $('#addr_log').removeClass('on');
      $('#addr_form').addClass('on');
      $('#addrno').val('');
      $('#addrprice').val('');
      if ($('#bname').val() === "") {
      $('#bname').focus();
      } else {
      $('#dname').val('').focus();
      }
      $('#dtel').val('');
      $('#dpcode').val('');
      $('#duplcheck').prop('checked', false);
      $('#daddr1').val('');
      $('#daddr2').val('');
      $(".order_result").totalsum(0);
      }
      });
      //카드번호
      $('.cardnumber').find('input').on('input', function () {
      var value = $(this).val();
      var maxLength = $(this).prop('maxLength');
      if (value.length === maxLength) {
      $(this).next('input').focus();
      }
      });
      //배송메모
      $('.datalist input').click(function () {
      $(this).closest('.datalist').toggleClass('on');
      });
      $('.datalist ul>li').click(function () {
      var str = $(this).children('a');
      var input = $('.datalist input');
      if (str.hasClass('_input')) {
      input.prop('readOnly', false);
      input.prop('placeholder', '');
      input.val('');
      input.focus();
      } else {
      input.prop('readOnly', true);
      input.val(str.text());
      }
      $(this).closest('.datalist').toggleClass('on');
      });
      $('#dmemo_options').on('change', function () {
      var dmemo_option = $(this).val();
      var dmemo = $('#dmemo');
      if (dmemo_option === "직접입력") {
      dmemo.val('').show().focus();
      } else {
      $('#dmemo').val(dmemo_option).hide();
      }
      });
      $('.payment').click(payment = function () {
      var _this = $(this);
      //도서산간이 있으면
      if (parseInt($('#addrprice').val()) > 0) {
      var farstop = 0;
      var goodscnt = 0;
      //도서산간 거부 상품 찾기
      for (var idx in goods) {
      if (parseInt(goods[idx].fararea) === 1) {
      farstop++;
      }
      goodscnt++;
      }
      if (farstop > 0 && goodscnt === farstop) {
      //도서산간 거부 상품만 있으면
      alert("도서산간 배송 불가 상품이 포함되어있어 구매가 불가능합니다.");
      return false;
      } else if (farstop > 0 && goodscnt > farstop) {
      //상품이 도서산간 거부와 섞여 있으면
      if (!confirm("도서산간 배송 불가 상품이 포함되어있습니다.\n도서산간 상품을 제외한 수정결제를 진행하시겠습니까?")) {
      return false;
      }
      for (var _idx in goods) {
      if (parseInt(goods[_idx].fararea) === 1) {
      goodsfarstop = true;
      }
      }
      $(".order_result").totalsum($('#addrprice').val());
      }
      }
      var bname = $('#bname');
      if (bname.val() === "") {
      alert("주문자명을 입력해주세요.");
      bname.focus();
      return false;
      }
      var btel = $('#btel');
      btel.val(btel.val().replace(/[^0-9]/g, ''));
      if (btel.val() === "") {
      alert("주문자 연락처를 입력해주세요.");
      btel.focus();
      return false;
      }
      if (btel.val().length < 10 || btel.val().length > 11) {
      alert("주문자 휴대폰번호를 확인해 주세요.");
      btel.focus();
      return false;
      }
      var dname = $('#dname');
      if (dname.val() === "") {
      alert("수령인을 입력해주세요.");
      dname.focus();
      return false;
      }
      var dpcode = $('#dpcode');
      var daddr1 = $('#daddr1');
      if (dpcode.val() === "" || daddr1.val() === "") {
      alert("배송지를 입력해주세요.");
      $('#execDaumPostcode').trigger('click');
      return false;
      }
      var daddr2 = $('#daddr2');
      if (daddr2.val() === "") {
      alert("상세 주소를 입력해주세요.");
      daddr2.focus();
      return false;
      }
      var dtel = $('#dtel');
      dtel.val(dtel.val().replace(/[^0-9]/g, ''));
      if (dtel.val() === "") {
      alert("수령인 연락처를 입력해주세요.");
      dtel.focus();
      return false;
      }
      if (dtel.val().length < 10 || dtel.val().length > 11) {
      alert("수령인 연락처를 확인해 주세요.");
      dtel.focus();
      return false;
      }
      var paymethod1 = $('#paymethod1');
      var cardnumber1 = $('#cardnumber1');
      var cardnumber2 = $('#cardnumber2');
      var cardnumber3 = $('#cardnumber3');
      var cardnumber4 = $('#cardnumber4');
      var authfield1 = $('#authfield1');
      var authfield2 = $('#authfield2');
      if (paymethod1.prop('checked')) {
      if (cardnumber1.val() === "") {
      alert("카드 번호를 입력해주세요.");
      cardnumber1.focus();
      return false;
      }
      if (cardnumber2.val() === "") {
      alert("카드 번호를 입력해주세요.");
      cardnumber2.focus();
      return false;
      }
      if (cardnumber3.val() === "") {
      alert("카드 번호를 입력해주세요.");
      cardnumber3.focus();
      return false;
      }
      if (cardnumber4.val() === "") {
      alert("카드 번호를 입력해주세요.");
      cardnumber4.focus();
      return false;
      }
      if (authfield1.val() === "") {
      alert("본인확인 정보를 입력해주세요.");
      authfield1.focus();
      return false;
      }
      if (authfield2.val() === "") {
      alert("카드 비밀번호 앞 2자리를 입력해주세요.");
      authfield2.focus();
      return false;
      }
      } else {
      cardnumber1.val('');
      cardnumber2.val('');
      cardnumber3.val('');
      cardnumber4.val('');
      authfield1.val('');
      authfield2.val('');
      }
      var terms1 = $('#terms1');
      if (terms1.prop('checked') === false) {
      if (confirm("만 14세 이상이신 경우 약관에 동의해주세요.")) {
      terms1.prop('checked', true);
      }
      return false;
      }
      var terms2 = $('#terms2');
      if (terms2.prop('checked') === false) {
      if (confirm("구매조건 확인 및 결제진행 약관에 동의 하시겠습니까?")) {
      terms2.trigger('click');
      }
      return false;
      }
      var cidx = [];
      $('form[name=order] input[name="cidx[]"]').each(function () {
      cidx.push($(this).val());
      });
      var paymethod = $('form[name=order] input[name=paymethod]:checked');
      var addaddr = $('#add_addr').prop('checked') ? 'save' : '';
      var uid = $('#uid');
      var dmemo = $('#dmemo');
      var cardexpm = $('#cardexpm');
      var cardexpy = $('#cardexpy');
      var cardquota = $('#cardquota');
      var neworder = {
      "uid": uid.val(),
      "cidx": cidx,
      "giftyn" : giftyn,
      "bname": bname.val(),
      "btel": btel.val(),
      "addaddr": addaddr,
      "dname": dname.val(),
      "dtel": dtel.val(),
      "dpcode": dpcode.val(),
      "daddr1": daddr1.val(),
      "daddr2": daddr2.val(),
      "dmemo": dmemo.val(),
      "paymethod": paymethod.val(),
      "cardnumber1": cardnumber1.val(),
      "cardnumber2": cardnumber2.val(),
      "cardnumber3": cardnumber3.val(),
      "cardnumber4": cardnumber4.val(),
      "cardexpm": cardexpm.val(),
      "cardexpy": cardexpy.val(),
      "cardquota": cardquota.val(),
      "authfield1": authfield1.val(),
      "authfield2": authfield2.val()
      };
      if (PREPAIDCNT > 0 && isGift) {
      if( !confirm("배송비가 착불인 상품입니다. \r\n결제를 진행하시겠습니까?") ) {
      return false;
      }
      }
      _this.text("결제가 진행 중입니다.").off().on('click', function () {
      alert("잠시만 기다려 주십시오.\n결제가 진행 중입니다.");
      return false;
      });
      $.ajax({
      type: 'post',
      contentType: 'application/json',
      dataType: 'json',
      url: '/inicis/get',
      data: JSON.stringify(neworder),
      success: function (request) {
      //비인증결제
      if ($('#paymethod1').prop('checked')) {
      var ini = {};
      for (var i in request.input) {
      ini[request.input[i].name] = request.input[i].value;
      }
      $.ajax({
      type: 'post',
      contentType: 'application/json',
      dataType: 'json',
      url: request.form.action,
      data: JSON.stringify(ini),
      success: function (request) {
      //console.log(request);
      window.location.href = '/order/payok?ordnum=' + request.ordnum + '&uid=' + request.uid;
      },
      beforeSend: function () {
      //$('.wrap-loading').show();
      },
      complete: function () {
      //$('.wrap-loading').hide();
      },
      error: function (request, status, _error) {
      if (typeof request.responseJSON === "undefined") {
      alert("네트워크 연결이 좋지 않습니다.\n확인 후 재시도 바랍니다.");
      } else {
      alert(request.responseJSON);
      }
      _this.text('결제하기').off().on('click', payment);
      }
      });
      } else {
      //인증결제
      $('form[name=jpay]').remove();
      var ini = $('<form />', request.form);
      for (var i in request.input) {
      ini.prepend($('<input />', request.input[i]));
      }
      $('body').prepend(ini);
      ini.submit();
      }
      },
      beforeSend: function () {
      //$('.wrap-loading').show();
      },
      complete: function () {
      //$('.wrap-loading').hide();
      },
      error: function (request, status, _error) {
      if (typeof request.responseJSON === "undefined") {
      alert("네트워크 연결이 좋지 않습니다.\n확인 후 재시도 바랍니다.");
      } else {
      alert(request.responseJSON);
      }
      _this.text('결제하기').off().on('click', payment);
      //console.log('code: ' + request.status + "\n" + 'message: ' + request.responseText + "\n" + 'error: ' + error);
      }
      });
      });
      $(".btn-paymethod").click(function () {
      var btType = $(this).val();
      $(".msg").hide();
      $(".cardinfo").hide();
      switch (btType) {
      case "wcard":
      $(".msg_card").show();
      break;
      case "card":
      $(".msg_card").show();
      $(".cardinfo").show();
      break;
      case "vbank":
      $(".msg_vbank").show();
      break;
      }
      /* 2019-05-22 추가 S */
      var pay_class = "." + $(this).val();
      $(".payinfo").hide();
      $(pay_class).show();
      /* 2019-05-22 추가 E */
      });
      // var popupScroll;
      // $(".msg_card").click(function () {
      // popupScroll = window.scrollY;
      // $("#main").css({top: -window.scrollY});
      // $("body").addClass("scroll_lock");
      // $(".layer_card_promotion").show();
      // });
      //
      // $(".layer_card_promotion .layer_close").click(function () {
      // $("#main").css({top: 0});
      // $("body").removeClass("scroll_lock");
      // $(".layer_card_promotion").hide();
      // $(window).scrollTop(popupScroll);
      // });
      var element_wrap = document.getElementById('post_wrap');
      function foldDaumPostcode() {
      // iframe을 넣은 element를 안보이게 한다.
      element_wrap.style.display = 'none';
      $('.post_wrap_bg').css('display', 'none');
      }
      function execDaumPostcode() {
      element_wrap.innerHTML = '<a id="btnCloseLayer"></a>';
      var currentScroll = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
      new daum.Postcode({
      oncomplete: function (data) {
      // 각 주소의 노출 규칙에 따라 주소를 조합한다.
      // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다.
      var fullAddr = data.address; // 최종 주소 변수
      var extraAddr = ''; // 조합형 주소 변수
      // 기본 주소가 도로명 타입일때 조합한다.
      if (data.userSelectedType === 'R') {
      // 법정동명이 있을 경우 추가한다.
      extraAddr = !!data.bname ? extraAddr += data.bname : extraAddr;
      // 건물명이 있을 경우 추가한다.
      extraAddr = !!data.buildingName ? extraAddr += ( !!extraAddr ? ', ' + data.buildingName : data.buildingName) : extraAddr;
      // 조합형주소의 유무에 따라 양쪽에 괄호를 추가하여 최종 주소를 만든다.
      fullAddr = data.roadAddress + (!!extraAddr ? ' (' + extraAddr + ')' : '');
      } else {
      fullAddr = data.jibunAddress;
      }
      $('#dpcode').val(data.zonecode);
      $('#daddr1').val(fullAddr);
      $('#daddr2').val('').focus();
      $("body").removeClass("scroll_lock");
      // 도서산간 금액 조회
      $.ajax({
      url: '/fararea/get/' + data.zonecode,
      type: 'POST',
      headers: {
      "Content-Type": "application/json"
      },
      success: function (data) {
      $('#addrprice').val(data.price);
      $(".order_result").totalsum(data.price);
      }
      });
      // (autoClose:false 기능을 이용한다면, 아래 코드를 제거해야 화면에서 사라지지 않는다.)
      element_wrap.style.display = 'none';
      $('.post_wrap_bg').css('display', 'none');
      // 우편번호 찾기 화면이 보이기 이전으로 scroll 위치를 되돌린다.
      document.body.scrollTop = currentScroll;
      },
      onresize : function(size) {
      element_wrap.style.height = size.height+'px';
      },
      width: '100%',
      height: '100%'
      }).embed(element_wrap);
      // iframe을 넣은 element를 보이게 한다.
      element_wrap.style.display = 'block';
      }
      $('#execDaumPostcode').on('click', function () {
      $("body").addClass("scroll_lock");
      $('.post_wrap_bg').css('display', 'block');
      $(document).scrollTop(0);
      if (typeof window.daum === "undefined") {
      $.ajax({
      'url': 'https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js',
      'dataType': "script",
      'success': execDaumPostcode
      });
      } else {
      execDaumPostcode();
      }
      });
      $('#post_wrap').on('click', function () {
      $("body").removeClass("scroll_lock");
      foldDaumPostcode();
      });
      var scroll;
      $('.more_cont').on('click', function () {
      var term = $(this).data('src');
      $('#agree').prop('src', '/order/agree/' + term);
      $('#titbox_l').html($(this).prev().text());
      scroll = $(window).scrollTop();
      $('.layer_clause').show();
      $('body, .order').addClass('layer_open');
      });
      /* 레이어 닫힘 */
      $('#titbox #titbox_r a').on('click', function () {
      $('body, .order').removeClass('layer_open');
      $('html, body').scrollTop(scroll);
      $('.layer_clause').hide();
      });
      //구매조건
      $('.more_toggle').click(function () {
      $('.term_cont').toggleClass('on');
      });
      $('#terms2').click(function () {
      $('.low_chk').prop('checked', $('#terms2').prop('checked'));
      });
      $('.low_chk').click(function () {
      $('#terms2').prop('checked', $('.low_chk').length === $('.low_chk:checked').length);
      });
      var tmp_dname = '';
      var tmp_dtel = '';
      $('#duplcheck').click(function () {
      if ($(this).prop('checked')) {
      tmp_dname = $('#dname').val();
      tmp_dtel = $('#dtel').val();
      $('#dname').val($('#bname').val());
      $('#dtel').val($('#btel').val());
      } else {
      $('#dname').val(tmp_dname);
      $('#dtel').val(tmp_dtel);
      }
      });
      $('#btel').on('input', function () {
      var tel = $(this);
      tel.val(tel.val().replace(/[^0-9]/g, ''));
      });
      $('#dtel').on('input', function () {
      var tel = $(this);
      tel.val(tel.val().replace(/[^0-9]/g, ''));
      });
      $('.maxlength').on('input', function () {
      if (this.value.length > this.maxLength) {
      this.value = this.value.slice(0, this.maxLength);
      }
      });
      //주소 리스트
      $('#addr').address(address);
      });
      </script>
      <div id="app" class="order">
      <div id="aside">
      <div id="post_wrap">
      </div>
      <i class="post_wrap_bg"></i>
      </div>
      <div id="main">
      <form name="order" method="post" action="/order/get">
      <input type="hidden" name="uid" id="uid" value="a27b1d76-d4aa-3f11-b384-d6b8431e6a51">
      <div class="order_item">
      <h3 class="order_title">
      <span>주문자 정보</span>
      </h3>
      <div class="order_form">
      <table>
      <caption>주문자 정보</caption>
      <tbody>
      <tr>
      <th scope="row">
      <label for="bname">*주문자명</label>
      </th>
      <td>
      <input type="text" name="bname" id="bname" value=""
      maxlength="25">
      </td>
      </tr>
      <tr>
      <th scope="row">
      <label for="btel">*연락처</label>
      </th>
      <td>
      <input type="tel" name="btel" id="btel" placeholder="예시) 010-1234-5678"
      value="" maxlength="11" class="maxlength">
      </td>
      </tr>
      </tbody>
      </table>
      </div>
      </div>
      <div class="order_item">
      <h3 class="order_title address">
      <span>배송지 정보입력</span>
      </h3>
      <div class='gift-desc hide'>선물 받으실 분의 배송정보를 입력해 주세요.</div>
      <div class="tab order_form">
      <div class="tab_area">
      <div class="tab_nav">
      <ul>
      <li><a class="list on">배송지목록</a></li>
      <li><a class="input">직접입력</a></li>
      </ul>
      </div>
      <div class="tab_cont on" id="addr_log">
      <div class="guide">
      <p>최근 사용된 배송지 목록입니다. 배송지를 선택해주세요.<br>주문후 배송지 변경은 1234-1234 문의주세요.</p>
      </div>
      <div id="addr">
      </div>
      </div>
      <div class="tab_cont" id="addr_form">
      <div class="guide">
      <p>*필수입력사항</p>
      <!-- 2019-04-29 추가 S -->
      <span class="checkbox" id="duplarea">
      <input type="checkbox" id="duplcheck" name="duplcheck">
      <label for="duplcheck"><em class="text">주문자정보 동일</em></label>
      </span>
      <!-- //2019-04-29 추가 E -->
      </div>
      <!-- <p class="guide-info-text">연락처 불러오기는 최신 버전 업데이트 후 이용이 가능합니다.</p>-->
      <div class="addr_form_area">
      <table>
      <caption>배송지 정보입력</caption>
      <tbody>
      <tr>
      <th scope="row">
      <label class="essential" for="dname">수령인</label>
      </th>
      <td>
      <input type="hidden" name="addrno" id="addrno" value="">
      <input type="hidden" name="addrprice" id="addrprice" value="">
      <input type="text" name="dname" id="dname" value="" maxlength="25">
      <!-- <a id="callInfo" href="#" class="call">연락처 불러오기</a>-->
      </td>
      </tr>
      <tr>
      <td colspan="2" class="br"></td>
      </tr>
      <tr>
      <th scope="row" rowspan="3">
      <label class="essential" for="dpcode">배송지</label>
      </th>
      <td class="address-info">
      <input type="text" name="dpcode" id="dpcode" value="" readonly><a
      id="execDaumPostcode">우편번호검색</a>
      </td>
      </tr>
      <tr>
      <td>
      <input type="text" name="daddr1" id="daddr1" value="" readonly>
      </td>
      </tr>
      <tr>
      <td>
      <input type="text" name="daddr2" id="daddr2" value="">
      </td>
      </tr>
      <tr>
      <td colspan="2" class="br"></td>
      </tr>
      <tr>
      <th scope="row">
      <label class="essential" for="dtel">연락처</label>
      </th>
      <td>
      <input type="tel" name="dtel" id="dtel" placeholder="예시) 010-1234-5678"
      value="" maxlength="11" class="maxlength">
      </td>
      </tr>
      <tr>
      <th colspan="2" class="add_addr">
      <div class="chkbx">
      <input id="add_addr" type="checkbox" name="addaddr" value="save"
      checked>
      <label for="add_addr">배송지 목록에 추가하기</label>
      </div>
      </th>
      </tr>
      </tbody>
      </table>
      <a class="addr_close">닫기</a>
      <div class="btns">
      <div class="btn">
      <a class="addr_save">수정</a>
      </div>
      </div>
      </div>
      </div>
      <div class="datalist">
      <!-- 2019-05-20 수정 S -->
      <select id='dmemo_options' class="options">
      <option value="">배송시 요청사항을 선택해주세요.</option>
      <option value="배송전, 연락바랍니다.">배송전, 연락바랍니다.</option>
      <option value="부재시, 경비실에 맡겨 주세요.">부재시, 경비실에 맡겨 주세요.</option>
      <option value="부재시, 전화 또는 문자 연락 주세요.">부재시, 전화 또는 문자 연락 주세요.</option>
      <option value="택배함에 넣어주세요.">택배함에 넣어주세요.</option>
      <option value="파손위험이 있는 상품이니 조심히 다뤄주세요.">파손위험이 있는 상품이니 조심히 다뤄주세요.</option>
      <option value="직접입력">직접입력</option>
      </select>
      <textarea id='dmemo' class="options_text" placeholder="배송시 요청사항을 입력해 주세요."></textarea>
      <!-- //2019-05-20 수정 E -->
      </div>
      </div>
      </div>
      </div>
      <div class="order_item">
      <h3 class="order_title">
      <span>결제 정보</span>
      </h3>
      <div class="order_form paymethods">
      <ul>
      <li>
      <div class="chkbx">
      <input id="paymethod1" type="radio" name="paymethod" value="card"
      class="btn-paymethod" checked>
      <label for="paymethod1">신용카드(카드번호입력)</label>
      </div>
      </li>
      <li>
      <div class="chkbx">
      <input id="paymethod2" type="radio" name="paymethod" value="wcard"
      class="btn-paymethod">
      <label for="paymethod2">신용카드(안심결제/ISP)</label>
      </div>
      </li>
      <li>
      <div class="chkbx">
      <input id="paymethod3" type="radio" name="paymethod" value="mobile"
      class="btn-paymethod">
      <label for="paymethod3">휴대전화</label>
      </div>
      </li>
      <li>
      <div class="chkbx">
      <input id="paymethod4" type="radio" name="paymethod" value="vbank"
      class="btn-paymethod">
      <label for="paymethod4">가상계좌(무통장)</label>
      </div>
      </li>
      <li>
      <div class="chkbx">
      <input id="paymethod5" type="radio" name="paymethod" value="kakaopay"
      class="btn-paymethod">
      <label for="paymethod5">카카오페이</label>
      </div>
      </li>
      <li>
      <div class="chkbx">
      <input id="paymethod6" type="radio" name="paymethod" value="payco"
      class="btn-paymethod">
      <label for="paymethod6">페이코</label>
      </div>
      </li>
      </ul>
      </div>
      <div class="order_form">
      <div class="cardinfo" style="display: block;">
      <table>
      <caption>결제 입력폼 양식</caption>
      <tbody>
      <tr>
      <th scope="row">
      <label>카드번호</label>
      </th>
      <td class="cardnumber">
      <input type="number" name="cardnumber1" id="cardnumber1" maxLength="4" title=""
      accesskey="L" value="" class="maxlength">
      <input type="number" name="cardnumber2" id="cardnumber2" maxLength="4" title=""
      accesskey="L" value="" class="maxlength">
      <input type="number" name="cardnumber3" id="cardnumber3" maxLength="4" title=""
      accesskey="L" value="" class="maxlength">
      <input type="password" name="cardnumber4" id="cardnumber4" maxLength="4"
      title="" accesskey="L" value="">
      </td>
      </tr>
      <tr>
      <th scope="row">
      <label>유효기간</label>
      </th>
      <td>
      <select name="cardexpm" id="cardexpm">
      <option value="01" >1월</option><option value="02" >2월</option><option value="03" >3월</option><option value="04" >4월</option><option value="05" >5월</option><option value="06" >6월</option><option value="07" >7월</option><option value="08" >8월</option><option value="09" >9월</option><option value="10" >10월</option><option value="11" >11월</option><option value="12" >12월</option> </select>
      <select name="cardexpy" id="cardexpy">
      <option value="21" >2021년</option><option value="22" >2022년</option><option value="23" >2023년</option><option value="24" >2024년</option><option value="25" >2025년</option><option value="26" >2026년</option><option value="27" >2027년</option><option value="28" >2028년</option><option value="29" >2029년</option><option value="30" >2030년</option><option value="31" >2031년</option><option value="32" >2032년</option><option value="33" >2033년</option><option value="34" >2034년</option><option value="35" >2035년</option> </select>
      </td>
      </tr>
      <tr>
      <th scope="row">
      <label>할부기간</label>
      </th>
      <td>
      <select name="cardquota" id="cardquota">
      <option value="00" selected>일시불</option>
      </select>
      </td>
      </tr>
      <tr>
      <th scope="row">
      <label>본인확인</label>
      </th>
      <td>
      <input name="authfield1" id="authfield1" maxLength="10" title="" accesskey="L"
      placeholder="" class="int maxlength" type="number" numberonly="true"
      value="">
      </td>
      </tr>
      <tr>
      <th>
      <span class="alt">본인확인 가이드</span>
      </th>
      <td>
      <div class="desc">개인카드 : 생년월일 6자리</div>
      <div class="desc">법인카드 : 사업자번호 10자리</div>
      </td>
      </tr>
      <tr>
      <th scope="row">
      <label>비밀번호</label>
      </th>
      <td>
      <input name="authfield2" id="authfield2" maxLength="2" title="" accesskey="L"
      placeholder="" class="int" type="password" numberonly="true" value="">
      <span class="desc">XX (앞2자리)</span>
      </td>
      </tr>
      </tbody>
      </table>
      </div>
      <!-- 2019-05-22 추가 S -->
      <ul class="payinfo kakaopay">
      <li>카카오페이는 카카오톡에 개인 신용/체크 카드를 등록하여 간단하게 비밀번호 만으로 결제할 수 있는 모바일 결제 서비스입니다.</li>
      <li>카드 등록 시 휴대폰과 카드 명의자가 동일해야 합니다.</li>
      </ul>
      <ul class="payinfo payco">
      <li>온/오프라인 쇼핑은 물론 송금, 멤버십 적립까지 가능한 통합 서비스입니다.</li>
      <li>카드 등록 시 휴대폰과 카드 명의자가 동일해야 합니다.</li>
      <li>PAYCO 고객센터 : 1544-6891</li>
      </ul>
      <ul class="payinfo samsungpay">
      <li>SAMSUNG PAY 지원 카드사 : 삼성, 하나, KB국민, 신한, 현대, 롯데, BC(씨티카드 제외)</li>
      <li>SAMSUNG PAY는 지원 단말에서 앱이 설치되어 있어야 결제가 가능합니다.</li>
      <li>앱버전 : 2.5.59부터 온라인 간편결제를 지원합니다. <br>온라인 간편결제를 사용하려면 앱 버전을 확인 후 업데이트 해주세요.</li>
      </ul>
      <!-- //2019-05-22 추가 E -->
      </div>
      </div>
      <div class="order_item">
      <h3 class="order_title">
      <span>가격 정보</span>
      </h3>
      <div class="order_form order_result">
      <table>
      <tbody>
      <tr>
      <th scope="row">
      <label for="gprice">상품금액</label>
      </th>
      <td>
      <input readonly type="text" name="gprice" id="gprice" data-gprice="29800"
      value="29,800">
      </td>
      </tr>
      <tr>
      <th scope="row">
      <label for="dprice">배송비</label>
      </th>
      <td>
      <input readonly type="text" name="dprice" id="dprice" data-dprice="5000"
      value="5,000">
      </td>
      </tr>
      <tr>
      <th colspan="2" align="right"><span></span></th>
      </tr>
      <tr class="order_total">
      <th scope="row">
      <label for="tprice">결제금액</label>
      </th>
      <td>
      <input readonly type="text" name="tprice" id="tprice" data-tprice="34800"
      value="34,800">
      </td>
      </tr>
      </tbody>
      </table>
      <!-- 카드 결제선택시에만 -->
      <div class="msg msg_card">
      결제금액 5만원 이상 카드 결제 시, 무이자 할부 가능 </div>
      <!-- 무통장 결제선택시에만 -->
      <div class="msg msg_vbank">
      무통장 입금 계좌번호는 주문일 포함 총 4일간만 유효하니 참고 부탁드립니다. <!-- 여기 -->
      </div>
      </div>
      </div>
      <div class="order_item terms">
      <div class="item chkbx">
      <input id="terms1" name="terms" type="checkbox">
      <div class="term_cont">
      <label for="terms1">만 14세 미만 구매불가 <em>(필수)</em></label>
      </div>
      </div>
      <div class="item chkbx">
      <input id="terms2" name="terms" type="checkbox">
      <div class="term_cont">
      <label for="terms2">구매조건 확인 및 결제진행 전체동의 <em>(필수)</em></label>
      <a class="more_toggle"></a>
      <div class="low">
      <div class="chkbx">
      <input class="low_chk" id="terms3" name="terms" type="checkbox">
      <div class="term_cont2 low">
      <label for="terms3">이용약관 <em>(필수)</em></label>
      <a class="more_cont" data-src="1">내용보기</a>
      </div>
      </div>
      <div class="chkbx">
      <input class="low_chk" id="terms4" name="terms" type="checkbox">
      <div class="term_cont2 low">
      <label for="terms4">개인정보 수집 및 동의 <em>(필수)</em></label>
      <a class="more_cont" data-src="5">내용보기</a>
      </div>
      </div>
      <div class="chkbx">
      <input class="low_chk" id="terms5" name="terms" type="checkbox">
      <div class="term_cont2 low">
      <label for="terms5">개인정보 제3자 제공동의 <em>(필수)</em></label>
      <a class="more_cont" data-src="4">내용보기</a>
      </div>
      </div>
      </div>
      <div class="term_cont low">
      <h3>법적고지</h3>
      <p>
      할인중독은 통신판매중개시스템의 제공자로서,
      통신판매의 당사자가 아니며 상품의 주문, 배송 및 환불
      등과 관련한 의무와 책임은 각 판매자에게 있습니다.
      </p>
      </div>
      </div>
      </div>
      </div>
      <div class="order_submit btns">
      <a class="onpay payment">결제하기</a>
      </div>
      <input type="hidden" name="__encrypted" value="nopwIG0Pzhmm2s41251AJJSRDcdg4DpYQAMmDul9TTJ/m905XNYjYoe5Lfw0+pQt1wDXDwWe4YfmUsui7W00SD1C8o9MPpssVNH6sK1GHm5BEcXcQmIh+Ow0+G+BGpZZwKpPnZI4xnqO15oI19aNbelFVJrStJ19AtLHRnbdOxYWY8MS8Rdb5jixb2hcLSDyOAKT35n6Y1I8P/06AgMjv8YpbIao2YokOih3en0BHaBGG82Q6ay4r4aERELFk2UlVHL1aRrQc1O/EtHnzAk5a5nbAQXAFPsvUN9GR0Q6WhvuuKLvnsxSVtr/bcDNSDIwbfqZW8b4fvbDk8/ysywY2jutj7OuVCe8wY4HWf2HJxMfOYX7CRL7Tw8rflMHS2gNbITFShT/COSZ4z2C2tlay1atKBHYfO0AO8x95fqljl04/MtEyFISYDOO+nBXwrzQhcfZnEuU0r/D0QtELkCsHIvh3yphNjNXj6S+sxIJX/6970uSuQdCq2xq9DU1YyyYgcAq1YK5ombv1QGHmyUkBirVd+EsSMNZAKv0RdF3qYwvl69bImJQ8P1pK8JAyd2s1OSPKgRCjTP7iFXEPJ/XkEYrijzpkp9xYtBdrbEq82sq97l7ru43/TEfx07A7Z3O7TCmiA/ah1ipaO+pdPK72Jdzn6st3bT1eQLHJy3wyHnKJForgPf0iA3kwKfBsk7kiDwBAoyJg9nITLHf6JWNXOt2DspD8yRszQIWHAZI3iGVmRFduHJPuFenAHfsXn3G5cghLHtnbCteCnOeYa0NaLHylPeWPoUz7NsM0fDWuTBhbHCo9LwHvCSXvwfYTkRiN+u7xNnE7zASmv+PVYrApjNYMPqOKL6JV0lVowHOZYH9P3gD1jRl+y+nN3+aP6zlzS2gW9ur60iq1mjzPnGsH1bG2WuTG/ADTTvJ+oFEjRnilNi8WFdbrq8dvvsexjoZqChzpPjjCwQ8165K9njnN+3jjHHsl8B0ZW6ZvKJ/St+7WORVHmvPVQKts+Vjrcy17+4n+bNzPVVbhVua+dRd45PVblVw4yzwWSo+LNOiGuV4n6sZV8HYtC5iorN1szJuKeAAoOqlpBdbydWvlUpGGWN2YLtTJqMmw6mNS300SV0nISzvWQwlMhhs1sAN56HhjVUCogfkpjpyDxsHidtzJaBE+IlICIHr8H/Q4UbfZpyV86FDwS7zL5j1z7AUeNJpmtpfpPmZojap9om63zAJCZ5hQZ3t90Ew+R6y1cSI9jG4xwLrTz8NXwcGtzD35stBZRVH3XEJ8d2oEK1atTienJi8lqhw1qg4XBMeqnSqyDQxP4lbn1D99iH8bP06x/NhFvcFtTbsk6uQYhuFrMmh4Upk9nsh9cJBbTd/1eh32h6GjxRIWCggSF/DDSQtPOCsZazn6YRcOIaIz7OQrVrMVzOuTUDYcgaDsu8dLggLCcTvGvsDsjIb68+LsfY6EyvytmirMBPytINlK0ZOJvFWPGUNwLzCnLSJ8sx0i8bR337fVo6NC7xZhUrfogkp4rin4Iffsywz+OhLlBsNvd+VT4Dn1kuG5lkYehDxej5Vz9FZe3hPSP0iFKcqZ5Muk6X63/fdz8PNXPOx8reVqgIUJGDX0de+bNPqlJc2ydRk9IuzTDN2bc+UdfGcVJUGYQKTxwv22mv9j7uquRqd3+5l1G0mntp3UvgwGbvn/x8jRYLpa+1hgc+6Yj9Qmv/jA/B64CGB1NJdZrHOm3lE7C06HIs2D4wIr//WfJtbuQAqdC+fO07nis95i/oqjnzCtZWtxyQM80BgTRIdB+zRzXMs/lwQhKALPNa1HrlNR1rGXiIueoGHptaiYQiV+Mc3uTvah7MWX9r4ORRI8vvT28H/fVfDS62jZqPIuV1OBjqI+kDS640CroiQ7++G6AsWmea72uJed5cq3JXGMEzsj6vBqsWjpECNzyFPDZA6jEul6JawHXK40+0cuxAQdlxL6zOqSgsw6Cbz92xPkkUGA3J9UbhmJkaHcicGEN5SsaDzDwpBUUgzykbNIoFXEYw3UPZfNntnaWtRrzMR92MenhF81IucLQ/+zA3DF4sOy0rQAj7m7Wvx77JHByBdiEGzpfZqhPnWfeSY4j6McCDZVFF9+mCb7zXw64qDCGQ4IM7iiP6RXMthqk7NSePy0xOgv773ArDn3n1unTneHE4H4tIXJd59/jVFc8SwO76NjUYnTKUu6oJcEL5pJ9VwPUzXFA4xTbTrMBWWkPtXRqGXR4mQxzYmBXsSsymN+Qih2ntAH5I7mrvgiaUalwUn93rhBuOoCrA31Z7UjU0="></form>
      </div>
      </div>
      <div class="layer_clause" id="layer_clause">
      <!-- 이용약관 S -->
      <div id="wrap">
      <div id="titbox">
      <div id="titbox_l"></div>
      <div id="titbox_r"><a href="#none">X</a></div>
      </div>
      <div id="txtbox">
      <iframe id="agree" src=""></iframe>
      </div>
      </div>
      <!-- //이용약관 E -->
      </div>
      <!-- 카드사 무이자 안내 팝업 -->
      <div class="layer_card_promotion" id="layer_card_promotion">
      <div class="layer_wrap">
      <div class="layer_title">
      <span>카드사 무이자 안내</span>
      <a href="#none" class="layer_close">닫기</a>
      </div>
      <div class="layer_contents">
      <img src="//gcdn.sale09.kr/data/banner/card_promotion_2101.png" x_onError="this.src='/static/img/common/card_promotion_popup_noimg.png'" alt="">
      </div>
      </div>
      </div>
      <!-- //카드사 무이자 안내 팝업 -->
      </html>
      \ No newline at end of file
      modules/ptyshop/resources/app.css 0 → 100644
      View file @ a906a58e
      @charset "UTF-8";
      /* font */
      @font-face {
      font-family: 'Noto Sans KR';
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),
      url(./fonts/NotoSansKR-Regular.woff) format('woff');
      }
      @font-face {
      font-family: 'Noto Sans KR';
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),
      url(./fonts/NotoSansKR-Bold.woff) format('woff');
      }
      @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      src: url(./fonts/Roboto-Regular.woff2) format('woff2'),
      url(./fonts/Roboto-Regular.woff) format('woff');
      }
      @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 700;
      src: url(./fonts/Roboto-Bold.woff2) format('woff2'),
      url(./fonts/Roboto-Bold.woff) format('woff');
      }
      * {margin:0; padding:0; line-height:1; text-decoration:none; list-style:none; font-style:normal; font-size:12px; font-family:'Roboto', 'Noto Sans KR', sans-serif; font-weight:400; color:inherit;}
      html, body {height:100%;}
      body{overflow-x:hidden; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; background-color: #f0f0f0;}
      input,
      textarea {-webkit-appearance:none; -webkit-border-radius: 0; box-shadow:none;}
      input[type="number"]::-webkit-outer-spin-button,
      input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
      button {outline:none;}
      b, strong {font-weight: bold;}
      a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
      .alt{position: absolute; overflow: hidden; left:-999999px; top:-999999px; text-indent: -999999px; width:1px; height:1px; font-size:1px;}
      .detail #header #top h1{transition-duration: 0.4s;}
      .detail #header #top h1,
      .detail #header{background:inherit;}
      .detail #header.fixed #top h1{background-color: #e51b13; transition-duration: 0.4s;}
      #header .nav{overflow:hidden; overflow-x:scroll; background-color: #fff;}
      #header.fixed .sticky .area{position:fixed; top:0; left:0; width:100%; z-index:10;}
      #header.fixed .sticky{min-height:50px;}
      #header.fixed .filter{display: block;}
      #top{position:relative; min-height:50px;}
      #top h1{overflow: hidden; text-indent: -9999px; line-height:50px; font-size:20px; font-weight: normal; text-align:center; background-color: #e51b13; color:#fff;}
      #top h1 a{display: block; margin: auto; width: 50px; height: 50px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwBAMAAADMe/ShAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABVQTFRFAAAA////////////////////////SM9tBAAAAAd0Uk5TAP/ms0x/GNu4G1QAAAKESURBVHic7dptcoIwEAZggx6AONP/eoTeoL2B3sD7n6IzHRSS7CYLyW78eN9/RcmThCUgdLdDEARBEARBEARBEARBkDne25uD/8/YvmXnmfF8+2V0YEEUhvx5sGyu3wmWzbWCu/vtBZNz/TV9qAnPc00cSHWYK57JParALlOyikWdD2Br2Nx1gBUVClaurceiPcablOHFNeIu9YZv5rBNUXeDiSuz2WlMwwYr9aEXHM9tL9jZrdSArQ5xBF97wXZFTcIW7lPBNre2AWxY1N3uo58WHtQmnocPjU5qZlQkfPVzal3uZ+CieU+mGhY+w3wjWPgME3CD03jbQX5luDjX5HcVYLsnShP4E20+qcOOXa3VaSqWdx1ByNoyiOsFdxux8ssAgby6vOq7ysNcZ5o8httnVrJoe7La17jZdrJLexV8CBs6RR+XLmitXO8vRnCxKSX4nDYVvWHTgcmJHDNfmT+jvitP0HF6FNwJWwW7kKKHzMxnFXyXbtHf8n3r4Mfea9781NRW6pBz3R4+J7B8yFWPPNPx2cLEpgu3SwRvqy1qeOKD3BoWX98bwGNpmyVcLpq2RQ24tHOjldoMri+uyqtxqTP8vg1h6cpF/FPDC8D7VHEmMHGnY1JbFJxuUYGTiRXPdCU83Ad4WzYnh7e6yS189KciHD7vefwhvRpvhze//HBh/9YfbsGPthIs3icMP2CXay7p8Gp4SN2RaTub9WcW3/dV8Go3keNf3npwKC+mTB1eEpmp0IAnO9pkA3OdIUPcpenA8aNM7ZcIxEC6vb0ADBgwYMCAAQMGbAXbu4ABAwYMGPCzwh0ux4A/A+7BIgiCIAiCIAiCIAiCIAiCIAgiyx8prccWySv0swAAAABJRU5ErkJggg==') no-repeat center; background-size: 45px;}
      #top .right,
      #top .left{position:absolute; top:-1px;}
      #top .left{left:0;}
      #top .right{right:0;}
      #app.menu_active{position: fixed; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%;}
      #app.menu_active #header{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 20;}
      #app.menu_active #header #top h1{background-color: #e51b13; transition-duration: inherit;}
      #app.menu_active #header #top .right{position: static; overflow: hidden; display: block; border-bottom: 1px solid #efefef; clear: both;}
      #app.menu_active #header #top .right a[class]{position: relative; float: left; display: block; width: 33.33%; height:40px; line-height:40px; text-align: center; text-indent: 0; background: #efefef;}
      #app.menu_active #header #top .right a.search{display: none;}
      #app.menu_active #header #gnb{border:0; height:auto;}
      #app.menu_active #header .nav{overflow-x: hidden;}
      #app.menu_active #header .nav li{float: left; position: relative; display:block; width:33.33%;}
      #app.menu_active #header .nav li:first-child{display: none;}
      #app.menu_active #header .nav li:before{content: ""; position: absolute; left:-1px; top:0; height: 100%; width: 1px; background-color: #efefef;}
      #app.menu_active #lnb{display: block;}
      #header .filter{display:none; position:relative;}
      #header .filter .sort{display:table; width:100%; background-color: #fff;}
      #header .filter .sort item{display:table-cell; border-bottom:1px solid #efefef; vertical-align:middle; text-align:center;}
      #header .filter .sort item a{display:block; line-height:40px; }
      #header .filter .sort item a span{font-size:11px;}
      #header .filter .sort.col3 li{width:33.33%;}
      #header .filter .sort.col5 li{width:20%;}
      #header #search{display: none;}
      #header .menu{display: block; position: relative; width:50px; height: 50px; transform: scale(0.85); cursor: pointer;}
      #header .menu a{display: block; width: 100%; height: 100%;}
      #header .menu i { display:block; position:absolute; top:50%; left:50%;
      -o-transform-origin:50% 50%;
      -ms-transform-origin:50% 50%;
      -moz-transform-origin:50% 50%;
      -webkit-transform-origin:50% 50%;
      transform-origin:50% 50%;
      }
      #header .menu i { margin-left:-11px; width:22px; height:2px; background:#fff;
      -o-transition:margin-top .1s .2s ease-in-out, -o-transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out;
      -ms-transition:margin-top .1s .2s ease-in-out, -ms-transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out;
      -moz-transition:margin-top .1s .2s ease-in-out, -moz-transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out;
      -webkit-transition:margin-top .1s .2s ease-in-out, -webkit-transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out;
      transition:margin-top .1s .2s ease-in-out, transform .1s .0s ease-in-out, opacity .0s .4s ease-in-out;
      }
      #app.menu_active .menu i {
      -o-transition:margin-top .1s .0s ease-in-out, -o-transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out;
      -ms-transition:margin-top .1s .0s ease-in-out, -ms-transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out;
      -moz-transition:margin-top .1s .0s ease-in-out, -moz-transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out;
      -webkit-transition:margin-top .1s .0s ease-in-out, -webkit-transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out;
      transition:margin-top .1s .0s ease-in-out, transform .2s .2s ease-in-out, opacity .0s .1s ease-in-out;
      }
      #header .menu i.line1 { margin-top:-8px }
      #header .menu i.line2 { }
      #header .menu i.line3 { margin-top:8px }
      #app.menu_active .menu i.line1 { margin-top:-1px;
      -o-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
      -moz-transform:rotate(135deg);
      -webkit-transform:rotate(135deg);
      transform:rotate(135deg);
      }
      #app.menu_active .menu i.line2{display:none;}
      #app.menu_active .menu i.line3 { margin-top:-1px;
      -o-transform:rotate(-315deg);
      -ms-transform:rotate(-315deg);
      -moz-transform:rotate(-315deg);
      -webkit-transform:rotate(-315deg);
      transform:rotate(-315deg);
      }
      #header .right .order{display: none; float: left; width:40px; height:50px; cursor: pointer;}
      #header .search { position: relative; float: left; right: 0; width:40px; height:50px; border-radius:22px; cursor: pointer;
      -o-transition:all .4s .0s ease-in-out;
      -ms-transition:all .4s .0s ease-in-out;
      -moz-transition:all .4s .0s ease-in-out;
      -webkit-transition:all .4s .0s ease-in-out;
      transition:all .4s .0s ease-in-out;
      }
      #header .search > i { display:block; position:absolute; top:50%; left:50%;
      -o-transform-origin:50% 50%;
      -ms-transform-origin:50% 50%;
      -moz-transform-origin:50% 50%;
      -webkit-transform-origin:50% 50%;
      transform-origin:50% 50%;
      }
      #header .search > i {
      -o-transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, -o-transform .1s .0s ease-in-out;
      -ms-transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, -ms-transform .1s .0s ease-in-out;
      -moz-transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, -moz-transform .1s .0s ease-in-out;
      -webkit-transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, -webkit-transform .1s .0s ease-in-out;
      transition:margin-top .1s .2s ease-in-out, margin-left .1s .2s ease-in-out, opacity .1s .2s ease-in-out, width .1s .2s ease-in-out, transform .1s .0s ease-in-out;
      }
      #header .search.on > i {
      -o-transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, -o-transform .1s .2s ease-in-out;
      -ms-transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, -ms-transform .1s .2s ease-in-out;
      -moz-transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, -moz-transform .1s .2s ease-in-out;
      -webkit-transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, -webkit-transform .1s .2s ease-in-out;
      transition:margin-top .1s .0s ease-in-out, margin-left .1s .0s ease-in-out, opacity .1s .0s ease-in-out, width .1s .0s ease-in-out, transform .1s .2s ease-in-out;
      }
      #header .search > i.line1 { width: 16px; height: 16px; margin-top: -11px; margin-left: -10px; border-radius: 12px; border: 1px solid #fff; position: relative; z-index: 1; }
      #header .search > i.line2 { width:10px ; height:1px; margin-top:6px; margin-left:3px; opacity:0; background:#fff;
      -o-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
      -moz-transform:rotate(45deg);
      -webkit-transform:rotate(45deg);
      transform:rotate(45deg);
      }
      #header .search > i.line3 { width:10px; height:2px; margin-top:6px; margin-left:2px; background:#fff;
      -o-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
      -moz-transform:rotate(45deg);
      -webkit-transform:rotate(45deg);
      transform:rotate(45deg);
      }
      #header .search.on > i.line1 { margin-top:-20px; margin-left:-20px; opacity:0 }
      #header .search.on > i.line2 { width:22px; margin-top:-1px; margin-left:-11px; opacity:1 }
      #header .search.on > i.line3 { width:22px; height:1px; margin-top:-1px; margin-left:-11px;
      -o-transform:rotate(315deg);
      -ms-transform:rotate(315deg);
      -moz-transform:rotate(315deg);
      -webkit-transform:rotate(315deg);
      transform:rotate(315deg);
      }
      #header .user,
      #header .cart{overflow:hidden; float: left; width: 40px; height: 50px; text-indent: -9999px; background-repeat: no-repeat; background-position: center;}
      #header .user{background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCglwYXRoe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZmZmZjt9DQo8L3N0eWxlPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTUwMCw1NTkuNGMtMTA5LjUsMC0xOTguNi04OS4xLTE5OC42LTE5OC43YzAtMTA5LjUsODkuMS0xOTguNiwxOTguNi0xOTguNmMxMDkuNSwwLDE5OC42LDg5LjEsMTk4LjYsMTk4LjZDNjk4LjYsNDcwLjMsNjA5LjUsNTU5LjQsNTAwLDU1OS40eiBNNTAwLDIwMy4zYy04Ni44LDAtMTU3LjQsNzAuNi0xNTcuNCwxNTcuNWMwLDg2LjksNzAuNiwxNTcuNSwxNTcuNCwxNTcuNWM4Ni44LDAsMTU3LjUtNzAuNiwxNTcuNS0xNTcuNUM2NTcuNCwyNzMuOSw1ODYuOCwyMDMuMyw1MDAsMjAzLjN6Ii8+PHBhdGggZD0iTTgxMi43LDg3MC45Yy0xMS40LDAtMjAuNi05LjItMjAuNi0yMC42YzAtMTYwLjUtMTMxLTI5MS4xLTI5Mi4xLTI5MS4xYy0xNjEsMC0yOTIsMTMwLjYtMjkyLDI5MS4xYzAsMTEuNC05LjIsMjAuNi0yMC42LDIwLjZjLTExLjQsMC0yMC42LTkuMi0yMC42LTIwLjZDMTY2LjgsNjY3LjEsMzE2LjMsNTE4LDUwMCw1MThjMTgzLjcsMCwzMzMuMywxNDkuMSwzMzMuMywzMzIuM0M4MzMuMiw4NjEuNyw4MjQsODcwLjksODEyLjcsODcwLjl6Ii8+PHBhdGggZD0iTTUwMCw5OTBDMjI5LjgsOTkwLDEwLDc3MC4yLDEwLDUwMEMxMCwyMjkuOCwyMjkuOCwxMCw1MDAsMTBjMjcwLjEsMCw0OTAsMjE5LjgsNDkwLDQ5MEM5OTAsNzcwLjIsNzcwLjIsOTkwLDUwMCw5OTB6IE01MDAsNTEuMkMyNTIuNSw1MS4yLDUxLjIsMjUyLjUsNTEuMiw1MDBjMCwyNDcuNSwyMDEuMyw0NDguOCw0NDguOSw0NDguOGMyNDcuNSwwLDQ0OC44LTIwMS4zLDQ0OC44LTQ0OC44Qzk0OC44LDI1Mi41LDc0Ny41LDUxLjIsNTAwLDUxLjJ6Ii8+PC9nPg0KPC9zdmc+'); background-size: 25px;}
      #header .cart{background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuugiOydtOyWtF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgOTAgOTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZmZmZjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2LjYsNTkuOGMtMy4zLDAtNiwyLjctNiw2czIuNyw2LDYsNnM2LTIuNyw2LTZTMzkuOSw1OS44LDM2LjYsNTkuOHogTTM2LjYsNjljLTEuOCwwLTMuNC0xLjQtMy40LTMuMgoJCWMwLTEuOCwxLjUtMy40LDMuMy0zLjRzMy4zLDEuNiwzLjMsMy40QzM5LjgsNjcuNywzOC40LDY5LDM2LjYsNjl6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTYuNiw1OS44Yy0zLjMsMC02LDIuNy02LDZzMi43LDYsNiw2czYtMi43LDYtNlM1OS45LDU5LjgsNTYuNiw1OS44eiBNNTYuNiw2OWMtMS44LDAtMy40LTEuNC0zLjQtMy4yCgkJYzAtMS44LDEuNS0zLjQsMy4zLTMuNHMzLjMsMS42LDMuMywzLjRDNTkuOSw2Ny43LDU4LjUsNjksNTYuNiw2OXoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02Ni43LDI4LjhIMjYuNGwwLDBoLTAuN0wyNCwyMS4zYy0xLjItMi43LTMuOC0yLjUtMy44LTIuNWgtNWMtMS43LDAtMS43LDEuNS0xLjcsMS41YzAsMS41LDIsMS41LDIsMS41aDMuNAoJCWMxLjktMC4xLDIuNSwxLjUsMi41LDEuNWw1LjEsMjVjMi4zLDcuOSw3LjgsNy40LDcuOCw3LjRoMjQuNGM3LjksMC42LDguNy02LjksOC43LTYuOXMyLjctMTQuNiwyLjgtMTUuM2MwLjEtMC43LDAuMi0wLjksMC4yLTAuOQoJCUM3MC40LDI4LjYsNjYuNywyOC44LDY2LjcsMjguOHogTTY3LjMsMzQuMWMtMC44LDMuNy0yLjcsMTMuMi0yLjksMTQuNmMtMC41LDMuOS01LjgsNC4xLTUuOCw0LjFIMzQuNGMtMy42LTAuNi00LjYtNS45LTQuNi01LjkKCQlsLTMuNC0xNS4xbDAsMGgzOS44QzY3LjcsMzEuOSw2Ny40LDMzLjUsNjcuMywzNC4xeiIvPgo8L2c+Cjwvc3ZnPgo='); background-size: 37px;}
      .menu_active #header .recent{display: block; border-bottom: 1px solid #efefef;}
      #header .recent{display: none;}
      #header #recent{overflow: hidden; overflow-x: scroll; padding: 15px; white-space: nowrap;}
      #header #recent li{display: inline-block; vertical-align: top; width: 140px;}
      #header #recent li+li{margin-left: 12px;}
      #header #recent li a{display: block;}
      #header #recent .prod_info{zoom:0.9;}
      #header #recent .price_info{padding: 5px; height: auto;}
      #header #recent .prod_title{overflow: hidden; display: block; padding: 5px; text-overflow: ellipsis;}
      #header #recent .prod_title em{font-size:12px;}
      #header #recent .prod_thumb img{display: block; width: 100%; height:auto;}
      #header #recent .price_info .sale em{font-size: 24px;}
      #header #recent .price_info .sale em:after{margin-left: 0;}
      #header #recent .price_info .price .oprice{margin-bottom: 0;}
      #header #recent .price_info .price .oprice em{font-size: 10px;}
      #header #recent .price_info .price .sprice em{font-size: 14px;}
      #gnb{display:block; white-space:nowrap; background-color: #fff;}
      #gnb li{position: relative; display: inline-block; vertical-align:top;}
      #gnb li a{display:block; border-bottom:1px solid #efefef; width:19vw; line-height:48px; text-align:center;}
      #gnb li a span{font-size:15px; color: #1a1a1a; font-weight: 700;}
      #gnb li a.on span{color: #fd2f6f;}
      #gnb li a.on:after{content:""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background-color: #ff053f;}
      input[id*="_toggle"]{display:none;}
      #list{}
      #list .list{height:auto !important;}
      #list .item{display:block; overflow:hidden; margin-top:7px; background-color: #fff;}
      #list .item .image{position:relative; display:block;}
      #list .item .image img{display:block; width:100%;}
      #list .item .image img.thumb{position:absolute; left:0; top:0; z-index:1;}
      #list .item .image img[src*="data:image/png"] {background-color: rgba(165, 165, 165, 0.1); animation: pulse 1s infinite ease-in-out;}
      #list .item .type{display: block; width: 34px; height: 34px; line-height: 32px; border: 2px solid; border-radius: 50%; text-align: center; color: #e51b13; font-size: 13px;}
      #list .item .info{display:block; margin:5px;}
      #list .item .row{display:table; width:100%;}
      #list .item .row .col{display:table-cell; vertical-align:middle;}
      #list .item .row .col:first-child{width:40px; padding:5px 9px 5px 5px;}
      #list .item .row .col>span{display:block;}
      #list .item .row .col .title{font-weight:700;}
      #list .item .row .col .title em{font-size:12px;}
      #list .item .row .col .brand em{font-size:0.8em; color:#aaa;}
      #list .item .row .desc{display:block; padding:6px 6px 10px; height:50px; box-sizing:border-box;}
      #list .item .row .desc em{display:block; font-size:11px; line-height:15px;}
      #list .sort{display:table; width:100%; background-color: #fff;}
      #list .sort item{display:table-cell; border-bottom:1px solid #efefef; vertical-align:middle; text-align:center;}
      #list .sort item a{display:block; line-height:40px;}
      #list .sort item a span{padding: 3px 6px; font-size: 11px;}
      #list .sort item a.on span{color: #ff3b33; border: 1px solid; border-radius: 14px;}
      #list .sort.col3 li{width:33.33%;}
      #list .sort.col5 li{width:20%;}
      #list .price_info .price{float:left;}
      #main{position:relative;z-index:0; padding-bottom:60px;}
      #list .list{height:auto !important;}
      #list item{display: block;}
      #list .item.placeholder{display:block; overflow:hidden; margin-top:7px; background-color: #fff;}
      #list .item.placeholder .image img{}
      #list .item.placeholder .type{display: block; width:40px; height:40px; line-height:38px; border:1px solid; border-radius:50%; text-align:center; box-sizing: border-box; border-color: rgba(165, 165, 165, 0.1); background-color: rgba(165, 165, 165, 0.1); color:transparent; animation: pulse 1s infinite ease-in-out;}
      #list [data-type="5"] .item.placeholder:before{color:#ff3b33;}
      #list .item.placeholder .info{display:block; margin:5px; height:98px;}
      #list .item.placeholder .row{display:table; width:100%;}
      #list .item.placeholder .row .col{display:table-cell; vertical-align:middle;}
      #list .item.placeholder .row .col:first-child{width:40px; padding:5px;}
      #list .item.placeholder .row .col>span{display:block;}
      #list .item.placeholder .row .col .title{width:130px; font-weight:700; background-color: rgba(165, 165, 165, 0.1); color:transparent; animation: pulse 1s infinite ease-in-out;}
      #list .item.placeholder .row .col .brand{width:100px; margin-top:5px; background-color: rgba(165, 165, 165, 0.1); animation: pulse 1s infinite ease-in-out;}
      #list .item.placeholder .row .col .brand em{font-size:0.8em; color:transparent;}
      #list .item.placeholder .row .desc{display:block; padding:6px 6px 10px;}
      #list .item.placeholder .row .desc em{display:block; width:150px; font-size:12px; line-height:14px; background-color: rgba(165, 165, 165, 0.1); color:transparent; animation: pulse 1s infinite ease-in-out;}
      #list .item.placeholder .row .desc em:first-child{margin-bottom:6px; width:177px;}
      #list [data-type="5"] .item.placeholder .row .desc em{height: 14px;}
      #list .item.placeholder .price_info .sale em{display: block; width: 50px; background-color: rgba(165, 165, 165, 0.1); color: transparent; animation: pulse 1s infinite ease-in-out;}
      #list .item.placeholder .price_info .price .oprice em{display: block; width:50px; background-color: rgba(165, 165, 165, 0.1); color: transparent; animation: pulse 1s infinite ease-in-out;}
      #list .item.placeholder .price_info .price .sprice em{display: block; width:80px; background-color: rgba(165, 165, 165, 0.1); color: transparent; animation: pulse 1s infinite ease-in-out;}
      #list [data-type="9"] .item.placeholder .price_info:after{background-color: rgba(165, 165, 165, 0.1); color: transparent; animation: pulse 1s infinite ease-in-out;}
      #list [data-type="5"]{counter-reset: item-counter;}
      #list [data-type="5"] .item .row .col:first-child{display:none;}
      #list [data-type="5"] .item .info{float:right; margin:0; width:63%}
      #list [data-type="5"] .item{position: relative; display: table; width: 95%; margin-left: auto; margin-right: auto;}
      #list [data-type="5"] .item .brand{display: none;}
      #list [data-type="5"] .item:before {position:absolute; left:0; top:0; background-color: #ff3b33; text-align:center; line-height:25px; width:25px; height:25px; content: counter(item-counter); counter-increment: item-counter; z-index:9; color:#fff;}
      #list [data-type="8"] .price_info{display:none;}
      #list [data-type="5"] .item .row .col .title{display: block; overflow:hidden; margin:10px 10px 6px; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; width:72%;}
      #list [data-type="5"] .item .row .col > span.brand{display:none;}
      #list [data-type="5"] .item .row .desc{padding: 0 10px 0;}
      #list [data-type="5"] .item .row .desc em{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; height:33px;}
      #list [data-type="5"] .item .image{float:left; width: 37%; height: 100%; vertical-align:top;}
      #list [data-type="5"] .item .image img[src*="data:image/png"]{height: 33.7vw;}
      #list [data-type="5"] .item .image img.thumb{}
      #list [data-type="5"] .price_info{position: absolute; padding: 10px 12px 8px; right: 0; bottom: 0; width: 64%; box-sizing: border-box;}
      #list [data-type="9"] .item .row{height:48px;}
      #list [data-type="9"] .price_info{position: relative;}
      #list [data-type="9"] .price_info:after{content: "쇼핑하기"; position: absolute; right: 10px; bottom: 11px; border-radius: 6px; width: 75px; line-height: 31px; text-align: center; font-size: 12px; font-weight: 700; background-color: #ff3b33; color: #fff;}
      #list [data-type="9"] .price_info .price{position: relative; top: 0;}
      .price_info{overflow:hidden; display: block; padding:10px 17px; height:55px; box-sizing:border-box;}
      .price_info .sale{float:left; margin-right: 10px;}
      .price_info .sale em{font-size:34px; font-weight:700; color: #ff3b33}
      .price_info .sale em:after{content:"%"; margin-left:3px; font-size:12px;}
      .price_info .price span em:after{content:"원"; font-size:0.7em;}
      .price_info .price .oprice{display: block; margin-bottom:4px;}
      .price_info .price .oprice em{font-size:11px; text-decoration: line-through; color:#999;}
      .price_info .price .sprice{}
      .price_info .price .sprice em{font-size:16px; font-weight:700;}
      .detail #header{position:fixed; left:0; top:0; width:100%; z-index:9;}
      .detail #header .sticky{display:none;}
      #detail #info .image img:first-child{display: block; width:100%;}
      #detail #info .image:after{content: ""; left: 0; top: -8px; width: 100%; box-shadow: 0 0 40px 40px #0009; height: 1px; position: fixed; z-index: -1;}
      #detail #info .thumb{position:fixed; left:0; top:0; width:100%; z-index:-1;}
      #detail .prod_info{overflow:hidden; border-top:1px solid #efefef; background-color: #fff;}
      #detail .shipping_fee{padding:12px; border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
      #detail .shipping_fee span:after{content:"원";}
      #detail .shipping{white-space:pre-wrap; padding:0 12px;}
      #detail .shipping p{font-size:11px; line-height:16px;}
      #detail product_info .btns{display:table; border-bottom:1px solid #efefef; width:100%;}
      #detail product_info .btns .btn{display:table-cell; width:50%;}
      #detail product_info .btns .btn input{display:none;}
      #detail product_info .btns .btn label{display:block; padding:12px; text-align:center;}
      #detail .prod_title{overflow: hidden; margin: 12px 12px 0;}
      #detail .prod_title em{font-size:13px;}
      #detail .price_info{display: block; padding: 12px;}
      #detail .price_info .sale{float:left; margin-right: 10px;}
      #detail .price_info .sale em{font-size:34px; font-weight:700; color: #ff3b33}
      #detail .price_info .sale em:after{content:"%"; margin-left:3px; font-size:12px;}
      #detail .price_info .price span em:after{content:"원"; font-size:0.7em;}
      #detail .price_info .price .oprice{display: block; margin-bottom:4px;}
      #detail .price_info .price .oprice em{font-size:11px; text-decoration: line-through; color:#999;}
      #detail .price_info .price .sprice{}
      #detail .price_info .price .sprice em{font-size:16px; font-weight:700;}
      #detail .tab {padding-bottom: 200px; background-color: #fff;}
      #detail .tab .tab_nav{border-top:1px solid #efefef; border-bottom:1px solid #efefef; background-color: #fff;}
      #detail .tab .tab_nav ul{display:table; width:100%;}
      #detail .tab .tab_nav ul li{display:table-cell; width:25%; text-align:center;}
      #detail .tab .tab_nav ul li a{position:relative; display: block; line-height:36px; font-size:12px; cursor:pointer;}
      #detail .tab .tab_nav ul li a.on{color:#ff3b33;}
      #detail .tab .tab_nav ul li a.on:after{content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background-color: #ff3b33;}
      #detail .tab .tab_area>div{display: none;}
      #detail .tab .tab_area>div.on{display: block;}
      #prod_parcel img{display: block; width: 100%;}
      #comment_list comment{display: block;}
      #comment_list .item{position:relative; padding:10px 10px 10px 65px; border-bottom:1px solid #efefef;}
      #comment_list .item.on{padding-left: 80px;}
      #comment_list .item.on .image{left:25px;}
      #comment_list .item .image{position: absolute; left: 10px; top: 10px; border-radius: 50%; width: 45px; height: 45px; background-size: cover; background-repeat: no-repeat; background-position: center;}
      #comment_list .item .name{margin-bottom:5px;}
      #comment_list .item .name span{font-size:12px; color:#000;}
      #comment_list .item .message p{font-size:11px; line-height:12px;}
      #comment_list .item .date{margin-top:3px;}
      #comment_list .item .date p{font-size:11px; color:#bbb}
      #detail .fixed_util{position:fixed; left:0; bottom:0; text-align:center; width:100%; box-shadow:0px 0 5px 1px #00000044}
      #detail .fixed_util .buy{}
      #detail .fixed_util .buy a{display: block; font-weight:700; font-size:18px; line-height:50px; background:#ff6967; color:#fff;}
      /* 옵션선택 - 시작 */
      .container-option .toggle_btn{overflow: hidden; position: absolute; margin: auto; top: -19px; right: 0; left: 0; width: 72px; height: 20px; background: url(/static/img/common/icon/common_option_close.svg?201905231) no-repeat center; line-height:20px;}
      /* 스크롤 영역 */
      .container-option{position: relative; padding:14px 20px 6px; background-color: #f0f0f0; border-top:1px solid #d6d6d6;}
      .container-option .scroll_area{overflow:hidden; overflow-y: auto; max-height:300px;}
      /* .container-option.on */
      .container-option.on{padding:6px 20px;}
      .container-option.on .toggle_btn {background: url(/static/img/common/icon/common_option_open.svg) no-repeat center;}
      /*
      .container-option.on .toggle_btn,
      .container-option.on .result,
      .container-option.on .scroll_area{display: none;}
      */
      /* 드롭박스 활성화/비활성화 스타일 - 시작 */
      /* 테스트
      .container-option {height:350px;}
      .container-option .result {position:absolute !important; bottom:60px; right:20px; width:100%; box-sizing:border-box;}
      .container-option .btns {position:absolute; bottom:10px; width:97%; box-sizing:border-box;}
      .container-option.on{padding:6px 20px;}
      .container-option.on .toggle_btn {background: url(/static/img/common/icon/common_option_open.svg) no-repeat center;}
      .container-option.on {height:auto;}
      .container-option.on .btns {position:relative; bottom:0; width:auto;}
      /* 테스트 */
      /* 노출&비노출 */
      .container-option .select-menu{display: none;}
      .container-option .open .select-menu{display: block;}
      /* 옵션 선택 영역 */
      body.option {height:auto; overflow:visible; padding:20px 0 0; background:transparent;}
      body.option.top {position:relative;}
      body.option.bottom {position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box;}
      .container-option .select{overflow: hidden; margin: 6px 0; border: 1px solid #e5e5e5; border-radius: 3px;}
      .container-option .select.open{border-color:#5a9eef;}
      .container-option .select.open .select-toggle{border-bottom: 1px solid #e5e5e5; background-image: url(/static/img/common/icon/icon_option_arrow.svg)}
      .container-option .select .select-toggle{padding: 0 25px 0 10px; border:0; line-height: 38px; width:100%; height: 38px; background: #fff url(/static/img/common/icon/icon_option_arrow_down.svg) no-repeat 98% center; box-sizing: border-box; text-align: left; outline:0; font-size:15px;}
      .container-option .select .select-toggle span{font-size: 15px; color: #777; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
      .container-option .select.open .select-toggle span{color:#cdcdcd;}
      .container-option .select.active {border:1px solid #5a9eef;}
      .container-option .select.selection .select-toggle span {color:#1a1a1a;}
      .container-option .select .select-menu li{display: table; width: 100%; height: 50px; background-color: #fff;}
      .container-option .select .select-menu li+li{border-top: 1px solid #e5e5e5;}
      .container-option .select .select-menu li a{display: table-cell; padding: 0 10px; vertical-align: middle; font-size:15px; font-weight: normal; line-height:1.2;}
      .container-option .select .select-menu li a.soldout {color:#cdcdcd;}
      .container-option .select .select-menu li a.soldout span{color:#2680eb; font-size: 15px;}
      /* 총가격, 총 개수 스타일 */
      .container-option .result{position:relative; overflow: hidden; margin: 10px 0;}
      .container-option .result .count{float: left; font-size: 16px;}
      .container-option .result .count span{line-height: 30px; font-size: 16px; font-weight: 700;}
      .container-option .result .total{float: right;}
      .container-option .result .total * {line-height:21px;}
      .container-option .result .total .text {font-size: 14px; font-weight: normal; color:#1a1a1a; float:left;}
      .container-option .result .total #result_price {margin-left: 6px; font-size: 21px; font-weight: 700; float:left;}
      .container-option .result .total .won {font-size:16px; font-weight: 700; float:left;}
      /* 장바구니, 결제하기 버튼 스타일 */
      .container-option .btns{margin:0 -13px;}
      .container-option .btn_area{display: table; width:100%;}
      .container-option .btn_area>div{display: table-cell; padding:2px;}
      .container-option .btn_area .btn{border:0; border-radius: 3px; width:100%; height:48px; line-height:48px; font-size:16px; box-sizing: border-box;}
      .container-option .btn_area .cart_btn{width:40%;}
      .container-option .btn_area .cart_btn .btn{background-color: #fff;}
      /*.container-option .btn_area .pay_btn {width:57%;}*/
      .container-option .btn_area .pay_btn .btn {font-weight:700;}
      .container-option .btn_area .pay_btn .btn{color:#fff;}
      .container-option .btn_area .soldout_btn {display:block; width:100%; box-sizing:border-box;}
      .container-option .btn_area .soldout_btn .btn{color:#fff; background-color: #cdcdcd;}
      /* 선물하기, 결제하기 버튼 스타일 */
      #addr_form .guide{padding:15px 0;}
      #addr_form .guide-info-text{display:none;font-size: 12px;line-height: 1.42;letter-spacing: -0.3px;text-align: left;color: #777777;margin-top: -10px;padding-bottom:12px;}
      .container-option .btn_area .gift_btn {width:102px;}
      .container-option .btns.gift .btn_area .gift_btn {width:100%;}
      .container-option .btn_area .gift_btn .btn {background: #fff;position: relative; transition: all;}
      .container-option .btns.gift .gift_btn .btn {color: #fff;font-weight: bold;}
      .container-option .btn_area .gift_btn.new .btn:before {
      content:'';
      display:inline-block;
      width:18px;
      height:24px;
      margin-right:2px;
      vertical-align:middle;
      margin-top: -4px;
      }
      .container-option .btns.gift .gift_btn .btn:before{
      width:26px;
      height:24px;
      margin-right:0;
      margin-top: -5px;
      }
      .container-option .btn_area .gift_btn.new .btn:after {
      content: "";
      display:block;
      position: absolute;
      top: -6px;
      left: 14px;
      width:37px;
      height:20px;
      animation: fadeOut .3s normal both ease-out;
      animation-delay: 3s;
      }
      .container-option .btns.gift .gift_btn .btn:after{
      display:none;
      }
      @keyframes fadeOut {
      0% {opacity: 1;}
      100% {opacity: 0;}
      }
      /* 카트 스타일 */
      .container-option .panel{position: relative; overflow: hidden; padding: 15px; border:1px solid #e5e5e5; border-radius: 3px; background-color: #fff;}
      .container-option .panel.panel-package{padding-bottom: 0;}
      .container-option .panel+.panel{margin-top: 6px;}
      .container-option .panel .panel-heading span{display: block; line-height: 19px; font-size:14px; break-word: keep-all; color:#1a1a1a;}
      .container-option .panel .btn-remove{position: absolute; overflow: hidden; text-indent: -9999px; border:0; top:15px; right: 15px; width: 18px; height: 18px; background: url(/static/img/common/icon/btn_x.svg) no-repeat;}
      /* 카트 - 수량 스타일 */
      .container-option .panel .sum{position: relative; border:1px solid #e5e5e5; border-radius: 3px;}
      .container-option .panel .sum .cnt{position: relative; display: block; margin: auto; border:0; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-size:16px; text-align: center; box-sizing: border-box;}
      .container-option .panel .sum .cnt::-webkit-inner-spin-button {
      -webkit-appearance: none;
      }
      .container-option .panel .sum .inc,
      .container-option .panel .sum .dec{overflow:hidden; position: absolute; top:0; text-indent: -9999px; background-repeat: no-repeat; background-position: center;}
      .container-option .panel .sum .inc{right:0; background-image: url(/static/img/common/icon/btn_num_plus.svg);}
      .container-option .panel .sum .dec{left:0; background-image: url(/static/img/common/icon/btn_num_minus.svg);}
      /* 카트 - 가격 스타일 */
      .container-option .panel .price{position: relative; top: 35px; right: 0; font-size: 14px; font-weight: 700; line-height: 20px;}
      .container-option .panel .price span{font-size:16px; font-weight: 700;}
      /* 카트 - 단일 상품 스타일 */
      .container-option .panel-body{}
      .container-option .panel-body:after {content:""; display:block; clear:both;}
      .container-option .panel-body .sum{float: left; margin-top: 14px; width:120px;}
      .container-option .panel-body .sum .cnt{width:48px; height: 36px;}
      .container-option .panel-body .sum .inc,
      .container-option .panel-body .sum .dec{width: 36px; height: 36px;}
      .container-option .panel-body .price{float: right;}
      /* 카트 - 선택 상품 스타일 */
      .container-option .panel-choice{margin: 15px -15px; padding: 0 15px; border-top: 1px solid #e5e5e5;}
      .container-option .panel-choice .choice-item{overflow: hidden;margin-top: 15px;}
      .container-option .panel-choice .name{float: left; line-height: 30px;}
      .container-option .panel-choice .name span{font-size:14px;}
      .container-option .panel-choice .sum{float: right; width:100px;}
      .container-option .panel-choice .sum .cnt{width:40px; height: 30px;}
      .container-option .panel-choice .sum .inc,
      .container-option .panel-choice .sum .dec{width: 30px; height: 30px;}
      .container-option #addbuy_cart:empty{margin-top: 0;}
      .container-option #addbuy_cart{margin-top: 6px;}
      /* 옵션선택 - 끝 */
      /* 사용자 페이지 */
      #app.user #gnb{display:table; width:100%;}
      #app.user #gnb li{display:table-cell;}
      #app.user #gnb li a{display: none;}
      #app.user #gnb li a.block{display: block; width: auto;}
      #app.user.menu_active #header .nav li a{display: block; width: 100%;}
      #app.user.menu_active #header .nav li a.block{display: none;}
      /* 아이템이 하나도 없을때 */
      #app.user #list[style*="height:100px;"] .list.on:after,
      #app.user #list[style*="height: 100px;"] .list.on:after{position: absolute; top:50%; left:0; right: 0; margin: 24px auto 0; height: 24px; line-height: 24px; font-size:16px; text-align: center; color:#777;}
      #app.user #list[style*="height:100px;"] .list.on[href="#order"]:after,
      #app.user #list[style*="height: 100px;"] .list.on[href="#order"]:after{content:"주문/배송 내역이 없습니다.";}
      #app.user #list[style*="height:100px;"] .list.on[href="#cart"]:after,
      #app.user #list[style*="height: 100px;"] .list.on[href="#cart"]:after{content:"장바구니에 상품이 없습니다.";}
      #app.user #list[style*="height:100px;"] .list.on[href="#wish"]:after,
      #app.user #list[style*="height: 100px;"] .list.on[href="#wish"]:after{content:"찜하신 내역이 없습니다.";}
      #app.user #list[style*="height:100px;"] .list.on[href="#comment"]:after,
      #app.user #list[style*="height: 100px;"] .list.on[href="#comment"]:after{content:"작성하신 댓글이 없습니다.";}
      #app.user #list[style*="height:100px;"] .list.on[href="#share"]:after,
      #app.user #list[style*="height: 100px;"] .list.on[href="#share"]:after{content:"공유하신 상품이 없습니다.";}
      #app.user #list[style*="height:100px;"] .list.on:before,
      #app.user #list[style*="height: 100px;"] .list.on:before{content:""; position: absolute; left:0; right:0; top:50%; margin: -80px auto 0; display:block; width:80px; height:80px; background: url(/static/img/common/icon/ico_noti_none.svg) no-repeat center; background-size:80px;}
      #app.user #list[style*="height:0;"] .list.on .sort_inquiry,
      #app.user #list[style*="height: 0;"] .list.on .sort_inquiry{opacity: 0;}
      #app.user #list {min-height:90vh; background-color: rgb(240, 240, 240);}
      #app.user #list item{display: block; position: relative;}
      #app.user #list item .area{overflow: hidden; position: relative; padding:20px; background-color: #fff; box-sizing: border-box;}
      #app.user #list item .area.total.on{padding-top: 20px;}
      #app.user #list item .area.total{padding-top: 0;}
      #app.user #list item .area:after{content:""; position: absolute; left:20px; right:20px; bottom:0; height: 1px; background-color: #e5e5e5;}
      #app.user #list item .area{position: relative; overflow: hidden; display: table; width: 100%;}
      #app.user #list item .image{display: table-cell; position: relative; overflow:hidden; border-radius:5px; width: 125px; height: 70px; text-align: center; vertical-align: top;}
      #app.user #list item .image .thumb{width: 100%; height: 100%;}
      #app.user #list item .info{display: table-cell; margin:5px; vertical-align: top;}
      #app.user #list item .info span{display: -webkit-box; overflow:hidden; padding:0 40px 0 10px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 15px; color: #1a1a1a;}
      #app.user #list item .info .sprice{margin-top:4px;}
      #app.user #list item .info .sprice em{font-size:16px; font-weight:700;}
      #app.user #list item .info .sprice em:after{content:"원"; font-size:14px;}
      #app.user #list item .info .cate_name{margin-top: 5px;}
      #app.user #list item .info .cate_name em{color: #e51b13;}
      #app.user #list item .area.total:after{display:none;}
      #app.user #list item a.remove{position: relative; display:block; border-radius: 100%; width: 18px; height: 18px; line-height: 15px; text-align: center; background-color: #cdd0d4;}
      #app.user #list item a.remove:before,
      #app.user #list item a.remove:after{content:""; position: absolute; margin:auto; left: 0; right: 0; top: 0; bottom: 0; width:10px; height:1px; background-color:#fff;}
      #app.user #list item a.remove:after{transform: rotate(47deg)}
      #app.user #list item a.remove:before{transform: rotate(-47deg)}
      #app.user #list item>a.remove{position: absolute; right: 20px; top: 20px;}
      #app.user #list item .info .title{}
      #app.user #list item .info .title strong{display: inline-block; padding-left: 12px; font-size:15px; line-height: 1.4; word-break: keep-all;}
      #app.user #list item .option .name{margin:18px 0;}
      #app.user #list item .option .name strong{display:none; font-size:14px; font-weight:normal;}
      #app.user #list item .option .name span{font-size:14px; font-weight:normal;}
      #app.user #list .placeholder{opacity:0;}
      #app.user #list .placeholder item .image .thumb{background-color: rgba(165, 165, 165, 0.1); animation: pulse 1s infinite ease-in-out;}
      #app.user #list .placeholder item .info span{height: 15px; background-color: rgba(165, 165, 165, 0.1); animation: pulse 1s infinite ease-in-out;}
      #app.user #list .placeholder item .info .title{width: 130px;}
      #app.user #list .placeholder item .info .cate_name{width: 80px;}
      #app.user #list .area .set{display:table; width:100%;}
      #app.user #list .area .set>div{display:table-cell; vertical-align: middle;}
      #app.user #list .area .set .price{text-align:right;}
      #app.user #list .area .set .price span{margin-right: 8px; font-size:16px; font-weight: 700;}
      #app.user #list .area .set .price span:after{content:"원"; font-weight:normal;}
      #app.user #list .area .set .btn{width:18px;}
      #app.user #list list{display: block; overflow: hidden;}
      #app.user #list .list[href*="#cart"] .area .sum{overflow:hidden; display: inline-block; border:1px solid #ddd; border-radius:3px;}
      #app.user #list .list[href*="#cart"] .area .sum a{position: relative; float: left; width: 36px; height: 36px; line-height: 34px; text-align: center; box-sizing: border-box;}
      #app.user #list .list[href*="#cart"] .area .sum a.dec:after,
      #app.user #list .list[href*="#cart"] .area .sum a.inc:before{width:10px; height:1.5px;}
      #app.user #list .list[href*="#cart"] .area .sum a.inc:after{width:1.5px; height:10px;}
      #app.user #list .list[href*="#cart"] .area .sum a.dec:after,
      #app.user #list .list[href*="#cart"] .area .sum a.inc:before,
      #app.user #list .list[href*="#cart"] .area .sum a.inc:after{content:""; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background-color: #777;}
      #app.user #list .list[href*="#cart"] .area .sum input{float: left; margin:0 -1px; border:1px solid #ddd; border-top:0; border-bottom:0; width: 48px; height: 36px; font-size:16px; text-align: center; box-sizing: border-box;}
      #app.user #list .list[href*="#cart"] .area .sum input[type='number'] {-moz-appearance:textfield;}
      #app.user #list .list[href*="#cart"] .area .sum input::-webkit-outer-spin-button,
      #app.user #list .list[href*="#cart"] .area .sum input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      }
      #app.user #list .list[href*="#cart"] .area>.info{display:table; margin:0; width: 100%;}
      #app.user #list .list[href*="#cart"] .area .info>*{display: table-cell; padding:0; vertical-align: top;}
      #app.user #list .list[href*="#cart"] .area.on .info>.thumb{display: table-cell;}
      #app.user #list .list[href*="#cart"] .area .info>.thumb{position: relative; width:80px;}
      #app.user #list .list[href*="#cart"] .area .info>.thumb{display: none;}
      #app.user #list .list[href*="#cart"] .area .info>.thumb img{position: absolute; left:0; top:0; width:100%; height:100%;}
      #app.user #list .list[href*="#cart"] .area .info>.thumb canvas{display: block; width:100%;}
      #app.user #list .area .checkbox{display: table-cell; width:30px;}
      #app.user #list .area .result{display:none;}
      #app.user #list .area .result input{display:none;}
      #app.user #list .area .result input:checked+div.calc{display: block;}
      #app.user #list .area.total .result{display: block;}
      #app.user #list .area.on{margin-top:10px;}
      #app.user #list .area.total .result{margin-top: 20px; border-top:1px solid #f5f5f5}
      #app.user #list .area.total .result label{position: relative; display: block; padding: 20px 0; margin-bottom: -20px;}
      #app.user #list .area.total .result label:after{content:""; position: absolute; right:0; bottom:20px; width: 26px; height:22px;
      background: url(/static/img/common/icon/arrowls_open.svg) no-repeat;}
      #app.user #list .area.total .result label span:before{content:"주문금액"; font-size:16px; font-weight:700; float: left;}
      #app.user #list .area.total .result label span:after{content:"원"; font-size:16px;}
      #app.user #list .area.total .result label span{overflow:hidden; display: block; padding-right: 30px; line-height:24px; font-size:18px; font-weight:700; text-align: right; color:#1a1a1a; background-repeat: no-repeat;}
      #app.user #list .area.total .result .calc{display:none; margin-top: 18px;}
      #app.user #list .area.total .result .calc span{font-size:16px; color:#1a1a1a;}
      #app.user #list .area.total .result .calc span:after{content:"원"; font-size:15px;}
      #app.user #list .area.total .result .calc div{overflow: hidden; text-align: right; font-size:15px; color:#777;}
      #app.user #list .area.total .result .calc div+div{margin-top:8px;}
      #app.user #list .area.total .result .calc div:after{float:left;}
      #app.user #list .area.total .result .calc .gprice:after{content:"상품금액";}
      #app.user #list .area.total .result .calc .shipping:after{content:"배송비";}
      #app.user #list .list[href*="#cart"] .area.on .info{display: block;}
      #app.user #list .list[href*="#cart"] .area .info{display:none;}
      /* checkbox */
      .checkbox {display: inline-block; margin-right: 10px;}
      .checkbox input[type="checkbox"] {display: none;}
      .checkbox input[type="checkbox"] + label {display: inline-block; position: relative;}
      .checkbox input[type="checkbox"] + label:before {content: ""; display: inline-block; width: 24px; height: 24px; line-height: 1.2;}
      .checkbox input[type="checkbox"]:disabled + label:before {background: url(/static/img/common/icon/checkbox_d.svg) no-repeat;}
      .checkbox .text {margin-left:5px; vertical-align: top; color: #555; font-size: 14px; line-height:24px; letter-spacing:-0.02em;}
      .checkbox .hide {display: none;}
      .hide {display: none;}
      /* 주문결제 */
      .chkbx input{display:none;}
      #app.order {position:relative;}
      #app.order form[name="order"]{}
      #app.order .order_item{margin:12px; padding:12px; border:1px solid #e5e5e5; background: #fff;}
      #app.order .order_form{position: relative;}
      #app.order .order_form table{width:100%;}
      #app.order .order_form table caption{position: absolute; overflow: hidden; left:-999999px; top:-999999px; text-indent: -999999px; width:1px; height:1px; font-size:1px;}
      #app.order .order_form tbody th{width:67px;}
      #app.order .order_form tbody th label{display: block; text-align: left; font-size:15px; font-weight:normal; white-space:nowrap;}
      #app.order .order_form tbody th label.essential:after{content:"*";}
      #app.order .order_form input[type="text"],
      #app.order .order_form input[type="number"],
      #app.order .order_form input[type="tel"] {padding-left:8px; border:1px solid #e5e5e5; border-radius: 3px; height:30px; box-sizing: border-box; vertical-align: top; color: #1a1a1a; box-shadow: none; font-size:15px;}
      #app.order .order_form input::placeholder {line-height:20px;}
      #app.order .order_form input#bname {width:60%;}
      #app.order .order_form input#btel {width:60%;}
      #app.order .order_form.paymethods{padding: 12px; background:#f5f5f5;}
      #app.order .order_form.paymethods ul li+li{margin-top:18px;}
      #app.order .order_form.paymethods .chkbx label{display: block; padding-left: 28px; height: 22px; line-height: 22px; font-size:15px;}
      #app.order .order_form.order_result input[type="text"]{float:right; border:0; text-align:right; font-size:16px; width: 150px; color:#1a1a1a; line-height:30px; height:33px; outline:none; cursor:default;}
      #app.order .order_form.order_result tr>*{/*height:28px;*/}
      #app.order .order_form.order_result th {color:#aaa;}
      #app.order .order_form.order_result td {color:#1a1a1a;}
      #app.order .order_form.order_result .fprice{display: none;}
      #app.order .order_form.order_result .fprice.on{display: table-row;}
      #app.order .order_form.order_result td:before{content:"원"; float:right; font-size:16px; padding-top:9px;}
      #app.order .order_form.order_result .order_total>*{padding-top: 9px; border-top:1px solid #f0f0f0;}
      #app.order .order_form.order_result .order_total th label{color: #1a1a1a;}
      #app.order .order_form.order_result .order_total td:before{font-weight:700;}
      #app.order .order_form.order_result .order_total td input{font-weight:700; outline:none; font-size:18px;}
      #app.order .order_form td,
      #app.order .order_form .addr_form_area td {padding:1px 0;}
      #app.order .order_form .addr_form_area td.call-info{position: relative;padding-right: 114px}
      #app.order .order_form .addr_form_area td.address-info{position: relative;padding-right: 85px}
      #app.order .order_form .msg { font-size: 12px; line-height: 16px; color: #777; word-break: keep-all; padding-left:3px;}
      #app.order .order_form .msg_vbank {display: none;}
      #app.order .order_form input[name="dname"] {width: 100%;float:left;}
      /*#app.order .order_form input[name="dname"].gift {width: 44%;}*/
      #app.order .order_form input[name="dpcode"] {width:100%;}
      #app.order .order_form input[name="dname"].gift~.call,
      #app.order .order_form input[name="dpcode"]+a{position:absolute;top:1px;right:0; margin-left: 2%; border-radius: 3px; width:79px; line-height:30px; font-size:12px; text-align: center; background-color: #1a1a1a; color:#fff;}
      /*#app.order .order_form input[name="dname"].gift~.call {display: inline-block;text-decoration: underline;color: #047AFF;margin-left: 2%;line-height: 1;background: none;text-align: left;letter-spacing:-0.8px; margin-top: 13px;}*/
      #app.order .order_form input[name="dname"].gift~.call {position: absolute;top: 1px;right: 0;width: 108px;height: 30px;line-height: 30px;border: 1px solid #1a75eb;border-radius: 3px;opacity: 0.8;padding: 0 7px 0 23px;font-size: 12px;color: #1a75eb;background: url(/static/img/common/icon/ico_phoneaddress.svg) no-repeat 3px 0;;box-sizing: border-box;letter-spacing: -0.8px}
      #app.order .order_form input[name*="daddr"]{width: 100%;}
      #app.order .order_form input[name="authfield1"]{min-width: 107px; width: 107px;}
      #app.order .order_title{position:relative; margin-bottom: 15px; padding-left: 17px; line-height: 14px;}
      #app.order .order_title:before,
      #app.order .order_title:after{content:""; display:block; position:absolute; border-radius: 50%;}
      #app.order .order_title:before{left:0; top:2px; width: 11px; height: 11px; z-index:0;}
      #app.order .order_title:after{left:3px; top:5px; width: 5px; height: 5px; background-color: #fff; z-index:1;}
      #app.order .order_title span{font-size: 15px; font-weight:700;}
      .gift-desc {margin-top: -9px;line-height: 17px;font-size: 13px;letter-spacing:-0.33px;color: #777; margin-bottom: 15px;}
      #app.order .order_form .cardinfo{margin-top: 8px;}
      #app.order .order_form .cardinfo td{padding:2px 0;}
      #app.order .order_form .cardinfo select{border:1px solid #e5e5e5; border-radius: 3px; width: 48px; height: 33px; box-sizing: border-box;}
      #app.order .order_form .cardinfo select[name*="cardex"]{float: left; width: 86px; font-size:15px;}
      #app.order .order_form .cardinfo select[name="cardexpm"]{margin-right: 4px; font-size:15px;}
      #app.order .order_form .cardinfo .cardnumber{position: relative; overflow: hidden; z-index:1;}
      #app.order .order_form .cardinfo .cardnumber:after{content:""; position: absolute; left: 0; top: 0; bottom: 0; margin:auto; width: 190px; height: 1px; background-color: #1a1a1a; z-index: -1;}
      #app.order .order_form .cardinfo .cardnumber input{float: left; text-align:center; font-size:15px; padding:0;}
      #app.order .order_form .cardinfo input{border:1px solid #e5e5e5; border-radius: 3px; width:19%; max-width: 48px; height: 33px; box-sizing: border-box; box-shadow: 0 0 0px 4px #fff;}
      #app.order .order_form .cardinfo input+input{margin-left: 14px;}
      #app.order .order_form .cardinfo select[name="cardquota"]{width: 176px; box-sizing: border-box; font-size:15px;}
      #app.order .order_form .cardinfo input[name="authfield1"]{width: 107px; text-align:center; font-size:15px; padding:0;}
      #app.order .order_form .cardinfo input[name="authfield2"]{width: 50px; margin-right: 3px; text-align:center; font-size:15px; padding:0;}
      #app.order .order_form .cardinfo div.desc{position: relative; display: block; padding-left: 9px; line-height: 21px; font-size:13px; color:#777;}
      #app.order .order_form .cardinfo div.desc:after{content:""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 3px; height: 3px; border-radius: 50%; background-color:#777;}
      #app.order .order_form .cardinfo span.desc{display: inline-block; line-height: 30px; font-size:13px; color:#777;}
      #app.order .order_form .guide p{font-size:14px; color:#777777;}
      #app.order .order_form .thumb img{display: block; width: 100%;}
      #app.order .order_form.tab .tab_nav ul {position: relative; overflow:hidden; border:1px solid #e5e5e5; border-bottom:0;}
      #app.order .order_form.tab .tab_nav ul:after{content:""; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 1px; background: #e5e5e5;}
      #app.order .order_form.tab .tab_nav ul li{float:left; width: 50%; box-sizing:border-box;}
      #app.order .order_form.tab .tab_nav ul li a{display: block; border-bottom:1px solid #e5e5e5; text-align:center; line-height:40px; background-color: #f5f5f5; font-size:14px;}
      #app.order .order_form.tab .tab_nav ul li a.on{border-color:#fff; background-color: #fff;}
      #app.order .order_form.tab {}
      #app.order .order_form.tab .tab_cont{display: none;}
      #app.order .order_form.tab .tab_cont.on{display: block;}
      #app.order .order_form.tab.set #addr_form{display: block; position:fixed; top:0; bottom:0; left:0; right:0; z-index:100; background: rgba(26,26,26,0.5);}
      #app.order .order_form.tab.set #addr_form .addr_form_area{position: relative; margin: 62px auto 0; padding:70px 16px 16px; border-radius:6px; max-width:320px; background-color: #fff;}
      #app.order .order_form.tab.set #addr_form .addr_form_area:after{content:"배송지 변경"; position: absolute; top:20px; left: 0; right: 0; font-size:17px; line-height:22px; text-align:center; color:#1a1a1a;}
      #app.order .order_form.tab.set #addr_form .addr_form_area tbody th label{}
      #app.order .order_form.tab.set #addr_form .addr_form_area tbody th label.essential:after{display:none;}
      #app.order .order_form.tab.set #addr_form .addr_form_area .btns{display:table; margin-top: 18px; border-bottom:1px solid #efefef; width:100%;}
      #app.order .order_form.tab.set #addr_form .addr_form_area .btn{display:table-cell; width:50%;}
      #app.order .order_form.tab.set #addr_form .addr_form_area .btn a{display:block; border-radius:3px; text-align:center; line-height:48px; font-size:16px; background-color: #fd2f6f; color:#fff;}
      #app.order .order_form.tab.set .add_addr{display:none;}
      #app.order .order_form.tab #addr_log .guide{margin:15px 0 20px;}
      #app.order .order_form.tab #addr_log .guide p{font-size:13px; line-height:18px; color:#777;letter-spacing:-.33px;}
      #app.order .order_form.tab .btns,
      #app.order .order_form.tab .addr_close{display: none;}
      #app.order .order_form.tab.set .addr_close{display: block; overflow:hidden; position: absolute; top:24px; right:16px; width: 18px; height: 18px; text-indent:-9999px; background-image: url(/static/img/common/icon/btn_x_popup.svg); z-index:100;}
      .address_item.chkbx{position: relative; margin-bottom: 20px;}
      .address_item.chkbx label{display: block; padding-left: 59px; line-height:20px; background-position: 0 center;}
      .address_item.chkbx label>span{display: block; line-height:20px; font-size:15px; color:#1a1a1a;}
      .address_item.chkbx label em{font-size:15px; color:#1a1a1a;}
      .address_item.chkbx label .daddr2{display: block; line-height:20px;}
      .address_item.chkbx .name{margin-bottom: 6px;}
      .address_item.chkbx .bname{font-size:15px; font-weight:700; color:#1a1a1a;}
      .address_item.chkbx .addr_remove,
      .address_item.chkbx .addr_set{position: absolute; overflow:hidden; top:0; width:20px; height:20px; text-indent:-9999px; background-position: center; background-repeat: no-repeat;}
      .address_item.chkbx .addr_set{right: 36px; background-image: url(/static/img/common/icon/ico_edit_reply.svg);}
      .address_item.chkbx .addr_remove{right: 0; background-image: url(/static/img/common/icon/ico_delete_reply.svg);}
      #app.order .order_form select {padding-left: 10px; -webkit-appearance: none; background: url(/static/img/common/icon/icon_option_arrow_down.svg) no-repeat 99%;}
      #app.order .order_form .datalist{position: relative;}
      #app.order .order_form .datalist .options {width:100%; border:1px solid #e5e5e5; border-radius: 3px; height: 33px; box-sizing: border-box; font-size:15px;}
      #app.order .order_form .datalist .options_text {display:none; margin-top:4px; padding:10px; width:100%; border:1px solid #e5e5e5; border-radius: 3px; height: 56px; box-sizing: border-box; font-size:15px; line-height:1.2; resize:none;}
      #app.order .terms .item+.item{margin-top: 10px;}
      #app.order .terms .chkbx label{display: block; padding-left: 28px; padding-right: 55px; min-height: 22px; line-height: 23px; font-size: 13px; word-break: normal; }
      #app.order .terms .low{display: none;}
      #app.order .terms .term_cont.on .low{display: block;}
      #app.order .terms .term_cont.low{display: block; padding: 10px; background-color: #f5f5f5;}
      #app.order .terms .term_cont.low h3{line-height: 17px; color:#aaa; font-weight:700;}
      #app.order .terms .term_cont.low p{line-height: 17px; color:#aaa;}
      #app.order .terms iframe{margin-top: 12px; border:0; width: 100%; background-color: #f5f5f5;}
      #app.order .terms .term_cont{position: relative;}
      #app.order .terms .term_cont.low{margin:13px 0 0;}
      #app.order .terms .term_cont2{position: relative; margin:10px 0;}
      /* 카카오페이, 페이코, 삼성페이 */
      #app.order .payinfo {display:none;}
      #app.order .payinfo li {position:relative; color:#777; font-size:13px; line-height:1.6; padding-left:10px; margin-top:11px;}
      #app.order .payinfo li:before {content:""; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background-color:#777;}
      /* 약관 토글 버튼 */
      #app.order .terms .term_cont .more_toggle:after{content:"내용보기"; position: relative; right: 0; top: 0; line-height: 22px; font-size:12px; color:#aaa; word-break: keep-all;}
      #app.order .terms .term_cont.on .more_toggle:after{content:"닫기";}
      #app.order .terms .term_cont a {position: absolute; right: 0; top: 0; line-height: 22px; font-size:12px; color:#aaa; z-index: 1;}
      #app.order .add_addr{height:60px; vertical-align: bottom;}
      #app.order .add_addr label{margin-bottom: 18px; padding-left: 28px; height: 22px; line-height: 22px;}
      #app.order .order_submit{padding:0 12px 12px; position:fixed; bottom:0; left:0; z-index:5; box-sizing:border-box; width:100%; background-color:#f0f0f0;}
      #app.order .order_submit .onpay{display: block; border-radius: 3px; font-size: 16px; line-height: 48px; text-align: center; color: #fff; font-weight:700;}
      #app.order #post_wrap{display:none;width:100%;height:100% !important;position:absolute; top:0; left:0; z-index:99;overflow-y:auto;box-sizing:border-box; padding-top:51px;-webkit-overflow-scrolling:touch;}
      #app.order .post_wrap_bg{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background-color:#ececec; z-index:90;}
      #app.order #post_wrap:after{content: "우편번호 검색"; position: fixed; top: 0; border-bottom: 1px solid #000; left: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background-color: #ececec;}
      /*#app.order #post_wrap:before{content:""; position: fixed; top:0; left:0; width:100%; height:100%; background-color: #ececec;}*/
      #app.order #btnCloseLayer{position: fixed; right: 10px; top:6px; width: 40px; line-height: 40px; text-align: center; z-index: 10;}
      #app.order #btnCloseLayer:after{content:""; position: absolute; width: 32px; height: 36px; right: 0; background: url(/static/img/common/icon/ico_x_2.svg) no-repeat;}
      /* 여백 */
      #app.order .br{height:16px;}
      /* 직접입력 선택 */
      #app.order .order_form.tab .tab_cont .guide {display:none; width:100%;}
      #app.order .order_form.tab .tab_cont .guide p {display:table-cell; vertical-align:middle; width:50%;}
      #app.order .order_form.tab .tab_cont .guide .checkbox {display:table-cell; vertical-align:middle; width:50%; text-align:right;}
      #app.order .order_form.tab .tab_cont.on .guide {display:table;}
      /* 결제완료 */
      .complete_payment {background-color:#f0f0f0;}
      .complete_payment .complete_message {margin-top:10px; padding:25px 0 35px; background-color:#fff; border-bottom:1px solid #ebebeb; text-align:center;}
      .complete_payment .complete_message .phrase {position:relative; padding:105px 20px 0; color:#1a1a1a; font-size:24px; letter-spacing:-0.02em;}
      .complete_payment .complete_message .phrase:before {content:""; position:absolute; top:0; left:50%; margin-left:-40px; width:80px; height:80px; background: url(/static/img/common/icon/ico_noti.svg) no-repeat;}
      .complete_payment .complete_message .phrase.none:before {content:""; position:absolute; top:0; left:50%; margin-left:-40px; width:80px; height:80px; background: url(/static/img/common/icon/ico_noti_none.svg) no-repeat;}
      .complete_payment .order_info {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;}
      .complete_payment .order_info .title {margin-bottom:25px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;}
      .complete_payment .order_info .individual {overflow:hidden; margin-bottom:10px;}
      .complete_payment .order_info .individual * {font-size:15px; letter-spacing:-0.03em; line-height:1.2em;}
      .complete_payment .order_info .individual dt {float:left; width:25%; color:#777;}
      .complete_payment .order_info .individual dd {position:relative; float:right; width:75%; text-align:right; color:#1a1a1a;}
      .complete_payment .order_info .individual .name {display:inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; width: 77%;}
      .complete_payment .order_info .individual .text {display:inline-block; color:#1a1a1a; vertical-align:top; margin-left:3px;}
      .complete_payment .order_info .individual .price strong {color:#1a1a1a; font-weight:normal;}
      .complete_payment .order_info .individual .total_price strong {color:#1a1a1a; font-size:18px; font-weight:700;}
      .complete_payment .order_info .individual .total_price span {color:#1a1a1a; font-size:16px; font-weight:700;}
      .complete_payment .delivery_info {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;}
      .complete_payment .delivery_info .title {margin-bottom:25px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;}
      .complete_payment .delivery_info .individual {overflow:hidden; margin-bottom:10px;}
      .complete_payment .delivery_info .individual * {font-size:15px; letter-spacing:-0.03em; line-height:1.2em;}
      .complete_payment .delivery_info .individual dt {float:left; width:25%; color:#777;}
      .complete_payme nt .delivery_info .individual dd {float:right; width:75%; color:#1a1a1a;}
      .complete_payment .button_area {margin-top:10px; padding:12px 10px; text-align:center; background-color:#fff;}
      .complete_payment .button_area .button_home {display:inline-block; margin:0 2px; box-sizing:border-box; width:48%; border-radius:3px; border:1px solid #e5e5e5; color:#555; font-size:16px; line-height:46px; letter-spacing:-0.03em;}
      .complete_payment .button_area .buttom_order {display:inline-block; margin:0 2px; box-sizing:border-box; width:48%; border-radius:3px; font-size:16px; line-height:46px; letter-spacing:-0.03em;}
      /* 카카오플러스 플로팅버튼*/
      .kakaoplus{}
      .kakaoplus p{display:block; width: 50px;height: 50px; position:fixed; right: 16px; bottom: 90px; text-indent:-9999px;}
      .kakaoplus .plus_link{bottom:142px; background:url(/static/img/common/icon/ico_plus_float.svg?20190920) 0 0 no-repeat;}
      .kakaoplus .plus_link2{background:url(/static/img/common/icon/ico_plus_kakao.svg?20190925) 0 0 no-repeat;}
      /* 장바구니 */
      .my_cart {background-color:#f0f0f0; height:auto; padding-bottom:82px;}
      .my_cart .sort_content {position:fixed; top:0; left:0; z-index:10; width:100%; border-bottom: 1px solid #ebebeb; background-color:#f0f0f0;}
      .my_cart .sort {box-sizing:border-box; margin-top:8px; padding:14px 15px 13px; background-color:#fff; height:54px;}
      .my_cart .sort:after {content: ""; display: block; clear: both;}
      .my_cart .sort .checkbox {float: left;}
      .my_cart .sort .checkbox .text {display:inline-block; margin:2px 0 0 8px;}
      .my_cart .sort .sort_delete {float: right;}
      .my_cart .sort .sort_delete .button_delete,
      .my_cart .sort .sort_delete .button_soldout {position:relative; float: left; padding-right: 20px; border: 0; background: transparent; color: #555; font-size:14px; line-height:28px; letter-spacing:-0.02em;}
      .my_cart .sort .sort_delete .button_soldout {position: relative; margin-left: 10px; padding-left: 10px;}
      .my_cart .sort .sort_delete .button_soldout:before {content: ""; position: absolute; top: 50%; left: 0; margin-top:-6px; width: 1px; height: 12px; background-color: #e5e5e5;}
      .my_cart .sort .sort_delete .button_delete:after,
      .my_cart .sort .sort_delete .button_soldout:after {content:""; position:absolute; top:1px; right:0; width:20px; height:24px; background:url(/static/img/common/icon/ico_delete.svg) no-repeat; background-size:20px 24px;}
      .my_cart .list {padding-top:53px;}
      .my_cart .item {overflow: hidden; position: relative; display: table; box-sizing:border-box; width: 100%; padding:20px 15px 0; background-color: #fff; margin-top:10px; border-bottom:1px solid #ebebeb;}
      .my_cart .item .info {}
      .my_cart .item .info:after {content:""; display:block; clear:both;}
      .my_cart .item .info .checkbox {float:left;}
      .my_cart .item .info .product {display:block; position:relative; overflow:hidden;}
      .my_cart .item .info .product .thumb {position:relative; float:left; width: 80px; height:80px;}
      .my_cart .item .info .product .thumb img {position:absolute; width:100%; height:80px; border-radius:6px;}
      .my_cart .item .info .product .title {display: -webkit-box; position:relative; overflow:hidden; padding-left:10px; color:#1a1a1a; font-size:15px; font-weight:normal; line-height:1.2em; letter-spacing:-0.03em; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
      .my_cart .item .panel {padding:20px 0; border-top:1px solid #f5f5f5; position:relative;}
      .my_cart .item .panel:first-child {border:0;}
      .my_cart .item .addbuy {border-top:1px solid #f5f5f5;}
      .my_cart .item .panel .panel-heading span {color:#1a1a1a; font-size:14px; letter-spacing:-0.02em;}
      .my_cart .item .panel .panel-body {display:table; margin-top:20px; width:100%; position:relative; padding-right:32px; box-sizing:border-box;}
      .my_cart .item .panel .panel-body .sum {overflow: hidden; display: inline-block; border: 1px solid #ddd; border-radius: 3px;}
      .my_cart .item .panel .panel-body .sum .dec,
      .my_cart .item .panel .panel-body .sum .inc {position: relative; float: left; width: 36px; height: 36px; line-height: 34px; text-align: center; box-sizing: border-box; border:0; background: transparent; font-size:0;}
      .my_cart .item .panel .panel-body .sum .dec:after,
      .my_cart .item .panel .panel-body .sum .inc:before,
      .my_cart .item .panel .panel-body .sum .inc:after {content: ""; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background-color: #777;}
      .my_cart .item .panel .panel-body .sum .dec:after {width: 10px; height: 1.5px;}
      .my_cart .item .panel .panel-body .sum .inc:before {width: 10px; height: 1.5px;}
      .my_cart .item .panel .panel-body .sum .inc:after {width: 1.5px; height: 10px;}
      .my_cart .item .panel .panel-body .sum input {float: left; margin: 0 -1px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; width: 48px; height: 36px; font-size: 16px; text-align: center; box-sizing: border-box;}
      .my_cart .item .panel .panel-body .sum input::-webkit-outer-spin-button,
      .my_cart .item .panel .panel-body .sum input::-webkit-inner-spin-button {-webkit-appearance: none;}
      .my_cart .item .panel .panel-body .price {display: table-cell; vertical-align: middle; text-align: right; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;}
      .my_cart .item .panel .panel-body .price span {color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;}
      .my_cart .item .panel .panel-body .price strong {color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;}
      .my_cart .item .panel .panel-body .price span {color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;}
      .my_cart .item .panel .panel-body .btn-remove {position:absolute; top:50%; right:5px; margin-top:-9px; width: 18px; height: 18px; font-size:0; line-height: 15px; border:0; background: url(/static/img/common/icon/btn_x.svg) no-repeat;}
      .my_cart .item .panel-choice {margin:18px 0 13px;}
      .my_cart .item .panel-choice .choice-item {position:relative; margin-bottom:13px;}
      .my_cart .item .panel-choice .choice-item .name {display:inline-block; position:relative; padding-left:10px; margin-right:7px;}
      .my_cart .item .panel-choice .choice-item .name:before {content:""; position:absolute; top:50%; left:0; width:4px; height:1px; background-color:#707070;}
      .my_cart .item .panel-choice .choice-item .name em {margin-left:7px;}
      .my_cart .item .panel-choice .choice-item .sum {display:inline-block; margin-left:-3px;}
      .my_cart .item .panel-choice .choice-item .sum .dec,
      .my_cart .item .panel-choice .choice-item .sum .inc {display:none;}
      .my_cart .item .panel-choice .choice-item .sum .cnt {display:inline; width:7px; background:none; border:none;}
      .my_cart .item .panel-choice * {color:#777; font-size:12px; letter-spacing:-0.02em;}
      .my_cart .item .result {padding:20px 0;}
      .my_cart .item .result .price_total {display:table; width:100%;}
      .my_cart .item .result .price_total .price_text {display: table-cell; vertical-align: middle; font-size:16px; font-weight:700;}
      .my_cart .item .result .price_total .price {display: table-cell; vertical-align: middle; text-align: right; color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;}
      .my_cart .item .result .price_total .price span {color:#1a1a1a; font-size: 18px; font-weight: 700; letter-spacing:-0.03em;}
      .my_cart .item .result .price_total .button {display: table-cell; width:30px; vertical-align: middle; text-align:right;}
      .my_cart .item .result .price_total .button .button_arrowls {display:inline-block; width:26px; height:22px; border:0; font-size:0;}
      .my_cart .item .result .price_total .button.close .button_arrowls {background:url(/static/img/common/icon/arrowls_open.svg) no-repeat;}
      .my_cart .item .result .price_total .button.open .button_arrowls {background:url(/static/img/common/icon/arrowls_close.svg) no-repeat;}
      .my_cart .item .result .calc {margin-top:20px; display:none;}
      .my_cart .item .result .calc .price_goods {margin-bottom:15px;}
      .my_cart .item .result .calc .price_goods,
      .my_cart .item .result .calc .price_delivery {display:table; width:100%;}
      .my_cart .item .result .calc .price_text {display:table-cell; width:25%; vertical-align:middle; color:#aaa; font-size:15px; letter-spacing:-0.03em;}
      .my_cart .item .result .calc .price {display:table-cell; width:75%; vertical-align:middle; text-align:right; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;}
      .my_cart .item .result .calc .price span {color:#1a1a1a; font-size:16px; font-weight: normal; letter-spacing:-0.03em;}
      .my_cart .item .total_price {padding:0; margin:0; border:0; border-top:1px solid #f5f5f5;}
      .my_cart .item .total_price .result {margin-bottom:0;}
      .my_cart .item .total_price .result .total {display: table-cell; vertical-align: middle; width:auto; color:#1a1a1a; font-size: 16px; font-weight: 700; letter-spacing:-0.03em;}
      .my_cart .item .total_price .result .total span {color:#1a1a1a; font-size: 18px;font-weight: 700; letter-spacing:-0.03em;}
      .my_cart .item .total_price .result .button {display: table-cell; width:30px; vertical-align: middle; text-align:right;}
      .my_cart .item .total_price .result .button .button_arrowls {display:inline-block; width:26px; height:22px; border:0; font-size:0;}
      .my_cart .item .total_price .result .button.close .button_arrowls {background:url(/static/img/common/icon/arrowls_open.svg) no-repeat;}
      .my_cart .item .total_price .result .button.open .button_arrowls {background:url(/static/img/common/icon/arrowls_close.svg) no-repeat;}
      .my_cart .item .total_price .delivery {margin-bottom:0;}
      .my_cart .item .total_price .calc {margin-bottom:20px; display:none;}
      .my_cart .item .total_price .calc.open {display:block;}
      .my_cart .item .panel.soldout {padding:20px 0;}
      .my_cart .item .panel.soldout .panel-heading span {color:#ff0000; display: -webkit-box; position: relative; overflow: hidden; padding-right: 30px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height:1.2;}
      .my_cart .item .panel.soldout .panel-body .sum {display:none;}
      .my_cart .item .panel.soldout .panel-body .price {display:none;}
      .my_cart .item .panel.soldout .panel-body {position:absolute; top:50%; right:0; margin:0; width:18px; height:18px; margin-top:-9px;}
      .my_cart .item .panel-choice .soldout,
      .my_cart .item .panel-choice .soldout span,
      .my_cart .item .panel-choice .soldout .cnt{color:#f00;}
      .my_cart .total_price {margin-top:10px; padding:25px 15px 10px; background-color:#fff; border-bottom:1px solid #ebebeb;}
      .my_cart .total_price .prearranged,
      .my_cart .total_price .goods,
      .my_cart .total_price .delivery {display:table; width:100%; margin-bottom:15px;}
      .my_cart .total_price dt {display:table-cell; width:40%; vertical-align:middle; color:#aaa; font-size:15px;}
      .my_cart .total_price dd {display:table-cell; width:60%; vertical-align:middle; text-align:right;}
      .my_cart .total_price .price strong {color:#1a1a1a; font-size:16px; font-weight: normal; letter-spacing:-0.03em;}
      .my_cart .total_price .price span {color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;}
      .my_cart .total_price .prearranged {margin-bottom:35px;}
      .my_cart .total_price .prearranged dt {color:#1a1a1a; font-weight:700;}
      .my_cart .total_price .prearranged strong {font-size:18px; font-weight: 700; letter-spacing:-0.03em;}
      .my_cart .total_price .prearranged span {font-size:16px; letter-spacing:-0.03em; font-weight:700;}
      .my_cart .total_price .prepaid {margin-top:-10px; text-align:right;}
      .my_cart .total_price .prepaid #total_prepaid {font-size:13px; }
      .my_cart .total_price .result {display:table; width:100%; margin-bottom:35px;}
      .my_cart .total_price .result .text {display:table-cell; width:50%; vertical-align:middle;}
      .my_cart .total_price .result .text span {color:#1a1a1a; font-weight:500; font-size:15px;}
      .my_cart .total_price .result .total {display:table-cell; width:50%; vertical-align:middle; text-align:right; font-size:16px; letter-spacing:-0.03em; font-weight:700;}
      .my_cart .total_price .result .total span {font-size:18px; font-weight: 700; letter-spacing:-0.03em;}
      .my_cart .total_price .goods {display:table; width:100%; margin-bottom:15px;}
      .my_cart .total_price .goods .text {display:table-cell; width:40%; vertical-align:middle;}
      .my_cart .total_price .goods .text span {color:#aaa; font-size:15px;}
      .my_cart .total_price .goods .total {display:table-cell; width:60%; vertical-align:middle; text-align:right; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;}
      .my_cart .total_price .goods .total span {color:#1a1a1a; font-size:16px; font-weight: normal; letter-spacing:-0.03em;}
      .my_cart .total_price .delivery {display:table; width:100%;}
      .my_cart .total_price .delivery .text {display:table-cell; width:40%; vertical-align:middle;}
      .my_cart .total_price .delivery .text span {color:#aaa; font-size:15px;}
      .my_cart .total_price .delivery .total {display:table-cell; width:60%; vertical-align:middle; text-align:right; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em;}
      .my_cart .total_price .delivery .total span {color:#1a1a1a; font-size:16px; font-weight: normal; letter-spacing:-0.03em;}
      .my_cart .notice {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;}
      .my_cart .notice dt {position:relative; margin-bottom:5px; padding-left:20px; color:#1a1a1a; font-size:13px; letter-spacing:-0.03em; font-weight:700;}
      .my_cart .notice dt:before {content:""; position:absolute; top:0; left:0; width:13px; height:14px; background:url(/static/img/common/icon/ico_i.svg) no-repeat;}
      .my_cart .notice dd {padding-left:20px; color:#777; font-size:13px; letter-spacing:-0.03em; line-height:1.3em;}
      .my_cart .button_area {padding:8px 7px; text-align:center; background-color:#f0f0f0; position:fixed; bottom:0; left:0; z-index:10; width:100%; box-sizing:border-box; border-top:1px solid #d6d6d6; }
      .my_cart .button_area .button_home {display:inline-block; margin:0 3px 0 0; box-sizing:border-box; width:40%; border-radius:3px; border:1px solid #e5e5e5; color:#555; font-size:16px; line-height:46px; letter-spacing:-0.03em; background-color:#fff; vertical-align:top;}
      .my_cart .button_area .buttom_order {display:inline-block; margin:0; box-sizing:border-box; width:56.3%; border-radius:3px; color:#fff; font-size:16px; line-height:46px; letter-spacing:-0.03em; vertical-align:top; font-weight:700;}
      .goods_none {position:absolute; top:0; left:0; margin-top:110px; width:100%; text-align:center;}
      .goods_none .message {position:relative; padding-top:100px; color:#777; font-size:16px; letter-spacing:-0.03em;}
      .goods_none .message:before {content: ""; position: absolute; left: 0; right: 0; top: 0; display: block; margin:0 auto; width: 80px; height: 80px; background: url(/static/img/common/icon/ico_noti_none.svg) no-repeat;}
      .goods_none .button {margin-top:30px;}
      .goods_none .button_home {display:inline-block; box-sizing:border-box; width:200px; height:48px; border-radius:3px; border:1px solid #e5e5e5; color:#555; font-size:16px; line-height:45px; letter-spacing:-0.03em; background-color:#fff;}
      /* 주문배송조회 */
      .my_order {background-color:#f0f0f0;}
      .my_order .date_search {box-sizing: border-box; margin-top: 10px; padding:20px 15px; background-color:#fff; border-bottom:1px solid #ebebeb;}
      .my_order .date_search .button_list {overflow:hidden; margin-bottom:15px;}
      .my_order .date_search .button_list li {float:left; width:16.77%; margin-left:-1px;}
      .my_order .date_search .button_list li button {display:inline-block; box-sizing:border-box; width:100%; line-height:38px; border:1px solid #e5e5e5; background-color:#fff; text-align: center; color: #cacaca;}
      .my_order .date_search .button_list li:first-child {margin-left:0;}
      .my_order .date_search .button_list li:first-child button {border-radius:3px 0 0 3px;}
      .my_order .date_search .button_list li:last-child button {border-radius:0 3px 3px 0;}
      .my_order .date_search .button_list li.active button {position:relative;}
      .my_order .date_search .period {margin-bottom:15px; width:100%;}
      .my_order .date_search .period:after {content:""; display:block; clear:both;}
      .my_order .date_search .period dt {float:left; color:#aaa; font-size:13px; letter-spacing:-0.03em;}
      .my_order .date_search .period dd {float:left; margin-left:5px;}
      .my_order .date_search .period dd span {font-size:13px; color:#555; letter-spacing:-0.03em;}
      .my_order .date_search .selectbox {margin-bottom:20px;}
      .my_order .date_search .selectbox .select {position:relative; padding:0 10px; width:100%; height:38px; border-radius:3px; border:1px solid #e5e5e5; color:#1a1a1a; font-size:15px; letter-spacing:-0.03em; appearance: none; -webkit-appearance: none; background:url(/static/img/common/icon/icon_option_arrow_down.svg) no-repeat 98% 50%;}
      .my_order .date_search .comment {position:relative; padding-left:20px; font-size:13px; color:#777; letter-spacing:-0.03em;}
      .my_order .date_search .comment:before {content:""; position:absolute; top:0; left:0; width:13px; height:14px; background:url(/static/img/common/icon/ico_i_2.svg) no-repeat;}
      .my_order .date_search .comment .underline {font-size:13px; color:#2680eb; letter-spacing:-0.03em; text-decoration:underline;}
      .my_order .list .item_order {margin-top:10px; background-color:#fff; border-bottom:1px solid #ebebeb;}
      .my_order .list .item_order .order_info {padding:15px 16px 15px 15px; border-bottom:1px solid #f5f5f5;}
      .my_order .list .item_order .order_info:after {content:""; display:block; clear:both;}
      .my_order .list .item_order .order_info .date {float:left; color:#1a1a1a; font-size:13px; letter-spacing:-0.03em; font-weight:700; line-height:20px;}
      .my_order .list .item_order .order_info .order_number {display:block; position:relative; float:left; margin-left:6px; padding-left:7px; color:#1a1a1a; font-size:13px; letter-spacing:-0.03em; line-height:20px;}
      .my_order .list .item_order .order_info .order_number:after {content:""; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:12px; background-color:#e5e5e5;}
      .my_order .list .item_order .order_info .order_number .number {color:#1a1a1a; font-size:13px; letter-spacing:-0.03em;}
      .my_order .list .item_order .order_info .button_order {float:right; position:relative; padding-right:16px; height:20px; color:#555; font-size:12px; letter-spacing:-0.03em; line-height:22px;}
      .my_order .list .item_order .order_info .button_order:after {content:""; position:absolute; top:0; right:0; width:16px; height:20px; background:url(/static/img/common/icon/arrow_more_n.svg) no-repeat;}
      .my_order .list .order_product {padding:20px 15px 20px; border-bottom:1px solid #f5f5f5;}
      .my_order .list .order_product:last-child {border-bottom:0;}
      .my_order .list .order_product .state {display:table; margin-bottom:15px; width:100%;}
      .my_order .list .order_product .state .text {display:table-cell; vertical-align:middle; font-size:16px; letter-spacing:-0.03em; font-weight:700; line-height:20px;}
      .my_order .list .order_product .state .button_hide {display:table-cell; vertical-align:middle; text-align:right;}
      .my_order .list .order_product .state .button_hide button {position:relative; border:0; background:transparent; color:#555; font-size:14px; letter-spacing:-0.03em; text-align:right; line-height: 22px; padding-right:20px;}
      .my_order .list .order_product .state .button_hide button:after {content: ""; position: absolute; top: -2.5px; right: 0; width: 20px; height: 24px; background: url(/static/img/common/icon/ico_delete.svg) no-repeat; background-size: 20px 24px;}
      .my_order .list .order_product .product {display:table; position:relative; width:100%;}
      .my_order .list .order_product .product:after {content:""; display:block; clear:both;}
      .my_order .list .order_product .product .thumb {display:table-cell; position: relative; width: 80px; height: 80px; vertical-align:top;}
      .my_order .list .order_product .product .thumb img {position: absolute; width:100%; height:80px; border-radius:6px;}
      .my_order .list .order_product .product .product_info {display:table-cell; vertical-align:top; padding-left:15px;}
      .my_order .list .order_product .product .product_info .option {}
      .my_order .list .order_product .product .product_info .option li {border-top:1px solid #f5f5f5; padding-bottom:15px;}
      .my_order .list .order_product .product .product_info .option li:first-child {border-top:0;}
      .my_order .list .order_product .product .product_info .option li:last-child {padding-bottom:0;}
      .my_order .list .order_product .product .product_info .title {display: -webkit-box; overflow: hidden; color: #1a1a1a; font-size: 15px; font-weight: normal; line-height: 1.2em; letter-spacing: -0.03em; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
      .my_order .list .order_product .product .product_info .title:before {content:""; position:absolute; top:0; left:0; width:80px; height:80px;}
      .my_order .list .order_product .product .product_info .name {margin-top:15px; color: #555; font-size: 14px; line-height:1.2}
      .my_order .list .order_product .product .product_info .price_amount {margin-top:5px;}
      .my_order .list .order_product .product .product_info .price_amount:after {content:""; display:block; clear:both;}
      .my_order .list .order_product .product .product_info .price {float:left; margin-right:7px;}
      .my_order .list .order_product .product .product_info .price strong {color:#1a1a1a; font-size: 14px; font-weight: 700; letter-spacing:-0.03em;}
      .my_order .list .order_product .product .product_info .price span {color:#1a1a1a; font-size:14px; letter-spacing:-0.03em;}
      .my_order .list .order_product .product .product_info .amount {float:left;}
      .my_order .list .order_product .product .product_info .amount strong {color:#1a1a1a; font-size: 14px; font-weight: normal; letter-spacing:-0.03em;}
      .my_order .list .order_product .product .product_info .amount span {color:#1a1a1a; font-size:14px; letter-spacing:-0.03em;}
      .my_order .list .order_product .product .product_info .different {margin:15px 0 13px;}
      .my_order .list .order_product .product .product_info .different .individual {position:relative; padding-left:10px; margin-bottom:7px;}
      .my_order .list .order_product .product .product_info .different .individual:before {content:""; position:absolute; top:50%; left:0; width:4px; height:1px; background-color:#707070;}
      .my_order .list .order_product .product .product_info .different .text {margin-right:7px;}
      .my_order .list .order_product .product .product_info .different * {color:#777; font-size:12px; letter-spacing:-0.02em;}
      .my_order .list .order_product .button_area {overflow:hidden; margin:30px -2px 0; text-align:center;}
      .my_order .list .order_product .button_area .button {display:inline-block; box-sizing:border-box; border-radius:3px; border:1px solid #e5e5e5; background-color:#fafafa; color:#555; font-size:14px; letter-spacing:-0.02em; text-align:center; line-height:38px; margin:0 2px;}
      .my_order .list .order_product .button_area.divide1 .button {width:48%; margin:0;}
      .my_order .list .order_product .button_area.divide2 .button {width:48%;}
      .my_order .button_more {margin-top:10px;}
      .my_order .button_more .button {display:block; position:relative; box-sizing:border-box; padding-right:17px; width:100%; background-color:#fff; border:0; text-align:center; color:#555; font-size:14px; letter-spacing:-0.02em; line-height:60px;}
      .my_order .button_more .button:after {content:""; position:absolute; top:50%; left:50%; margin:-10px 0 0 13px; width:16px; height:20px; background:url(/static/img/common/icon/arrow_and_n.svg) no-repeat;}
      .my_order .goods_none {position:static; margin-top: 50px;}
      .my_order .order_info {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;}
      .my_order .order_info .title {margin-bottom:25px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;}
      .my_order .order_info .individual {overflow:hidden; margin-bottom:10px;}
      .my_order .order_info .individual * {font-size:15px; letter-spacing:-0.03em; line-height:1.2em;}
      .my_order .order_info .individual dt {float:left; width:25%; color:#777;}
      .my_order .order_info .individual dd {position:relative; float:right; width:75%; text-align:right; color:#1a1a1a;}
      .my_order .order_info .individual .name {display: -webkit-box; overflow:hidden; color:#1a1a1a; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; vertical-align:top;}
      .my_order .order_info .individual .name {display:inline-block;}
      .my_order .order_info .individual .text {display:inline-block; width:40px; color:#1a1a1a; vertical-align:top;}
      .my_order .order_info .individual .price strong {color:#1a1a1a; font-weight:normal;}
      .my_order .order_info .individual .total_price strong {color:#1a1a1a; font-size:18px; font-weight:700;}
      .my_order .order_info .individual .total_price span {color:#1a1a1a; font-size:16px; font-weight:700;}
      .my_order .order_info .button_account {margin-top:20px;}
      .my_order .order_info .button_account .button {width:100%; height:40px; border-radius:3px; border:1px solid #e5e5e5; background-color:#fff; color:#555; font-size:14px; letter-spacing:-0.02em;}
      .my_order .order_info.expire .individual dd,
      .my_order .order_info.expire .individual .total_price * {color:#cdcdcd;}
      .my_order .order_date_info {position:relative; margin:-5px 0 25px; padding-bottom:20px; background-color:#fff;}
      .my_order .order_date_info:after {content:""; display:block; clear:both;}
      .my_order .order_date_info:before {content:""; position:absolute; bottom:0; left:-15px; right:-15px; height:1px; background-color:#f5f5f5;}
      .my_order .order_date_info .date {float:left; color:#1a1a1a; font-size:13px; font-weight:700;}
      .my_order .order_date_info .order_number {float:right; text-align:right;}
      .my_order .order_date_info .order_number * {font-size:13px; color:#1a1a1a;}
      .my_order .delivery_info {margin-top:10px; padding:25px 15px 20px; background-color:#fff; border-bottom:1px solid #ebebeb;}
      .my_order .delivery_info .title {margin-bottom:25px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;}
      .my_order .delivery_info .individual {position: relative; display: inline-block; width: 100%; margin-bottom:10px;}
      .my_order .delivery_info .individual * {font-size:15px; letter-spacing:-0.03em; line-height:1.2em;}
      .my_order .delivery_info .individual dt {float:left; width:25%; color:#777;}
      .my_order .delivery_info .individual dd {float:right; width:75%; color:#1a1a1a;}
      .my_order .delivery_info .individual.delivery_num dd{line-height: 20px;word-break: break-all;box-sizing: border-box;padding-right: 82px;margin-top: -1px;letter-spacing: -0.38px}
      .my_order .delivery_info .copy_deliver_btn {position: absolute; top: -6px; right: 0; width: 70px; height: 30px; border-radius: 3px; border: solid 1px #e5e5e5; background-color: #fafafa; font-size: 14px; color: #555;line-height: 30px; letter-spacing: -0.35px;}
      .my_order .layer_header + .delivery_info {margin-top:0; padding-top:1px;}
      .my_order .delivery_info .delivery_list {width:100%; border-collapse: collapse;}
      .my_order .delivery_info .delivery_list caption {display:none;}
      .my_order .delivery_info .delivery_list th {box-sizing:border-box; color:#777; font-size:13px; letter-spacing:-0.03em; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background-color:#fafafa; padding:15px 0;}
      .my_order .delivery_info .delivery_list th:first-child {border-left:1px solid #ebebeb; border-radius:3px 0 0 3px;}
      .my_order .delivery_info .delivery_list th:last-child {border-right:1px solid #ebebeb; border-radius:0 3px 3px 0;}
      .my_order .delivery_info .delivery_list td {padding:15px 0; color:#555; font-size:13px; letter-spacing:-0.03em; line-height:1.2em; text-align:center; border-bottom:1px solid #ebebeb;}
      .my_order .delivery_info .delivery_list td:first-child {color:#777; border-left:1px solid #ebebeb;}
      .my_order .delivery_info .delivery_list td:last-child {border-right:1px solid #ebebeb;}
      .my_order .delivery_info .delivery_list .expected_time {display:inline-block; margin-top:5px; color:#777; font-size:12px;}
      .my_order .complete {margin:10px 0 0; padding:25px 0 0; background-color:#fff; border-bottom:1px solid #ebebeb;}
      .my_order .complete h1.title {margin-bottom:0; padding:0 15px; color:#1a1a1a; font-size:16px; letter-spacing:-0.03em; font-weight:700;}
      .my_order .complete .item_order {margin-top:0; border-bottom:1px solid #f5f5f5;}
      .my_order .complete .item_order:last-child {border:0;}
      .my_order .complete .calc {margin-top:25px;}
      .my_order .complete .calc .price_goods,
      .my_order .complete .calc .price_delivery {display:table; width:100%; margin-top:6px;}
      .my_order .complete .calc .price_goods .price_text {display:table-cell; vertical-align:middle; color:#777; font-size:14px; letter-spacing:-0.02em;}
      .my_order .complete .order_product .product .product_info .calc .price_goods .price {float:none; display:table-cell; vertical-align:middle; text-align:right;}
      .my_order .complete .order_product .product .product_info .calc .price_goods .price span {font-weight:700;}
      .my_order .complete .calc .price_delivery {display:table; width:100%;}
      .my_order .complete .calc .price_delivery .price_text {display:table-cell; vertical-align:middle; color:#777; font-size:14px; letter-spacing:-0.02em;}
      .my_order .complete .order_product .product .product_info .calc .price_delivery .price {float:none; display:table-cell; vertical-align:middle; text-align:right;}
      .my_order .complete .order_product .product .product_info .calc .price_delivery .price strong {font-weight:normal;}
      /* 레이어 열림 시 스크롤 막기 */
      .layer_open {overflow: hidden; height:100%;}
      .layer_open2 #layer_order_info {overflow:hidden;} /* 이중팝업 */
      .my_order_inner {position:relative;}
      .my_order .layer_order_info {display:none; position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; background-color:#f5f5f5; overflow: auto; -webkit-overflow-scrolling: touch;}
      .my_order .layer_order_info .order_inner,
      .my_order .layer_order_info .deliver_inner {padding-top:9px;}
      .my_order .layer_order_info .layer_header {position:relative; box-sizing:border-box; padding:15px 0 0; height:50px; text-align:center; background-color:#fff;}
      .my_order .layer_order_info .layer_header .layer_title {color:#1a1a1a; font-size:18px; letter-spacing:-0.03em; font-weight:normal;}
      .my_order .layer_order_info .layer_header .layer_close {position:absolute; top:6px; right:10px; width:32px; height:36px; background:transparent; font-size:0; border:0; background:url(/static/img/common/icon/ico_x_2.svg) no-repeat;}
      .my_order .layer_order_info .order_info {margin:0 0 10px; padding:0; border:0; background:transparent;}
      .my_order .layer_order_info .order_info .order_date_info {position: relative; margin:0; padding:12px 15px 17px; background-color: #fff; border-bottom:1px solid #f5f5f5;}
      .my_order .layer_order_info .order_info .order_date_info:before {display:none;}
      .my_order .layer_order_info .order_info .order_info_inner {margin-bottom:10px; padding:25px 15px 13px; background-color: #fff; border-bottom:1px solid #ebebeb;}
      .my_order .layer_order_info .order_info .order_info_inner.expire .individual dd,
      .my_order .layer_order_info .order_info .order_info_inner.expire .individual .total_price * {color:#cdcdcd; text-decoration:line-through;}
      .my_order .layer_order_info .order_info .order_info_inner.expire .individual dd span,
      .my_order .layer_order_info .order_info .order_info_inner.expire .individual dd span.expire_text,
      .my_order .layer_order_info .order_info .order_info_inner.expire .individual dd.expire_text {color:#ff0000;}
      .my_order .layer_order_info .order_info .order_info_inner.expire .individual:nth-child(5) dd {text-decoration:none;}
      /* 알림 팝업 */
      .layer_notification {display:none; position:absolute; top:0; left:0; z-index:200; width:100%; height:100%; background-color:rgba(26,26,26,0.5);}
      .layer_notification .notification_inner {display:none; position:absolute; top:50%; left:0; right:0; padding:25px 16px 16px; width:60%; border-radius:6px; background-color:#fff; margin:-30% auto 0;}
      .layer_notification .layer_header {position:relative; margin-bottom:25px; text-align:center;}
      .layer_notification .layer_header .layer_title {color:#1a1a1a; font-size:17px; letter-spacing:-0.02em;}
      .layer_notification .layer_header .layer_close {position:absolute; top:0; right:0; width:18px; height:18px; border:0; background:transparent; font-size:0;}
      .layer_notification .layer_header .layer_close:before,
      .layer_notification .layer_header .layer_close:after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin:auto; width: 18px; height: 1px; background-color: #aaa;}
      .layer_notification .layer_header .layer_close:before {transform: rotate(45deg);}
      .layer_notification .layer_header .layer_close:after {transform: rotate(-45deg);}
      .layer_notification .layer_content {text-align:center; color:#777; font-size:14px; letter-spacing:-0.02em; line-height:1.35em;}
      .layer_notification .layer_button_area {margin:20px 0 0; text-align:right;}
      .layer_notification .layer_button_area .button.cancel {display:inline-block; padding:10px 16px; border:0; background:transparent; color:#777; font-size:16px; letter-spacing:-0.03em;}
      .layer_notification .layer_button_area .button.confirm {display:inline-block; padding:10px 16px; border:0; background:transparent; font-size:16px; letter-spacing:-0.03em;}
      .layer_notification .notification_inner.customer {width:78%;}
      .layer_notification .notification_inner.customer .layer_button_area {text-align:left;}
      .layer_notification .notification_inner.customer .layer_button_area .button {display:inline-block; box-sizing:border-box; margin:0 2px; width:48%; height:48px; border-radius:3px; border:0; color:#fff; font-size:15px; letter-spacing:-0.03em; text-align:center; line-height:47px;}
      /* 약관 팝업 */
      .layer_clause {display:none; position:absolute; top:0; left:0; z-index: 9999; width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling: touch; background-color:#fff;}
      .layer_clause #wrap {height:100%;}
      .layer_clause #txtbox {height:100%; padding-top:50px; box-sizing: border-box;}
      .layer_clause #txtbox iframe {border:0; width:100%; height:100%;}
      .layer_clause #titbox_r {position:absolute; top:6px; right:10px;}
      .layer_clause #titbox_r a {display:block; position:relative; width:32px; height:36px; font-size: 0;}
      #titbox {position:fixed; top:0; left:0; width:100%; height:50px; line-height:50px; background-color:#fff; text-align:center;}
      #titbox_l {font-size:18px; line-height:50px;color:#1a1a1a; font-weight:normal;}
      #titbox_r {position:absolute; top:6px; right:10px;}
      #titbox_r a {display:block; position:relative; width:32px; height:36px; font-size: 0; background:url(/static/img/common/icon/ico_x_2.svg) no-repeat;}
      /* 로딩 */
      .wrap-loading {position:absolute; top:50%; left:50%; z-index:9999; width:32px; height:32px; transform: translate(-50%,-50%); background:url(/static/img/common/icon/icon_loading.gif) no-repeat;}
      /* 레이어 오픈시 결제하기 버튼 숨기기 */
      .layer_open #app.order .order_submit {display:none;}
      /* 카드 무이자 안내 팝업 */
      body.scroll_lock, body.scroll_lock .order {position: relative; overflow: hidden; height: 100%;}
      .layer_card_promotion{display:none;position:fixed;top:0;left:0;padding:21px 18px;width:100%;height:100%;box-sizing:border-box;}
      .layer_card_promotion:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
      .layer_card_promotion .layer_wrap{position:relative;background:#fff;padding-top:59px;border-radius:10px;width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;box-sizing:border-box;}
      .layer_card_promotion .layer_title{position:fixed;top:21px;left:18px;width:calc(100% - 36px);background:#fff;border-radius:10px 10px 0 0;}
      .layer_card_promotion .layer_title span{display:block;height:59px;line-height:59px;font-size:17px;text-align:center;font-family:'Noto Sans KR', sans-serif;}
      .layer_card_promotion .layer_close{display:block;position:absolute;top:13px;right:6px;width:32px;height:32px;font-size:0;text-indent:-9999px;overflow:hidden;background:url(/static/img/common/icon/btn_layer_close.svg) center center no-repeat;}
      .layer_card_promotion .layer_contents img{width:100%;height:auto;}
      /* 선물하기 버튼 여백 수정 */
      .container-option .btns.gift{margin:0 -16px 0 -12px}
      \ No newline at end of file
      modules/ptyshop/resources/app2.css 0 → 100644
      View file @ a906a58e
      /*
      할인중독
      */
      /* 체크박스 이미지 */
      .chkbx input+*{background-image:url(/modules/ptyshop/resources/check_n.svg); background-repeat: no-repeat;}
      .chkbx input:checked+*{background-image: url(/modules/ptyshop/resources/check_p.svg);}
      /*
      옵션선택 웹뷰 페이지
      */
      /* 장바구니/구매하기 버튼 컬러 */
      #purchase cart .btns ul li a{border:1px solid #f60e00;}
      #purchase cart .btns ul li.oncart a{color: #f60e00;}
      #purchase cart .btns ul li.onorder a{background-color: #f60e00;}
      /* 총금액 컬러 */
      #purchase cart .result .total span{color:#f60e00;}
      /* 옵션 */
      .container-option .btn_area .cart_btn .btn{border:1px solid #f60e00; color:#f60e00;}
      .container-option .btn_area .pay_btn .btn{border:1px solid #f60e00; background-color: #f60e00;}
      .container-option .result .total{color: #f60e00;}
      .container-option .result .total span{color: #f60e00;}
      /*
      주문작성폼 페이지
      */
      #app.order .order_title:before{background-color: #f60e00;}
      #app.order .order_form.order_result .order_total td:before{color:#f60e00;}
      #app.order .order_form.order_result .order_total td input{color:#f60e00;}
      #app.order .order_submit .onpay{background-color: #f60e00;}
      #app.order .order_form.tab.set #addr_form .addr_form_area .btn a {background-color:#f60e00;}
      /* 결제완료 */
      .complete_payment .button_area .buttom_order {border:1px solid #f60e00; color:#f60e00;}
      /* 장바구니 */
      .checkbox input[type="checkbox"] + label:before {background: url(/modules/ptyshop/resources/checkbox_n.svg) no-repeat;}
      .checkbox input[type="checkbox"]:checked + label:before {background: url(/modules/ptyshop/resources/checkbox_p.svg) no-repeat;}
      .my_cart .sold_out .option .name {color:#ff0000;}
      .my_cart .total_price .prearranged strong,
      .my_cart .total_price .prearranged span {color:#f60e00;}
      .my_cart .button_area .buttom_order {background-color:#f60e00; border:1px solid #f60e00;}
      .my_cart .total_price .result .total,
      .my_cart .total_price .result .total span {color:#f60e00;}
      /* 주문/결제 */
      .my_order .date_search .button_list li.active button {border:1px solid #f60e00; color:#f60e00;}
      .my_order .list .order_product .state .text {color:#f60e00;}
      .my_order .complete .order_product .product .product_info .calc .price_goods .price strong,
      .my_order .complete .order_product .product .product_info .calc .price_goods .price span {color:#f60e00;}
      .my_order .order_info .individual .expire_text {color:#f60e00;}
      .my_order .delivery_info .delivery_list .point_color {color:#f60e00;}
      .layer_notification .layer_button_area .button.confirm {color:#f60e00;}
      .layer_notification .notification_inner.customer .layer_button_area .button {background-color:#f60e00;}
      /* 선물하기 */
      .container-option .btn_area .gift_btn .btn {border: 1px solid #f60e00;color: #f60e00;}
      .container-option .btns.gift .gift_btn .btn {background: #f60e00;}
      /*.container-option .btn_area .gift_btn.new .btn:after {*/
      /* background: url(/static/img/sale09/icon/tag_pd_gift.svg) no-repeat;*/
      /*}*/
      .container-option .btn_area .gift_btn.new .btn:before {
      background: url(/static/img/sale09/icon/ico_pd_gift.svg) no-repeat;
      }
      .container-option .btns.gift .gift_btn .btn:before{
      background: url(/static/img/sale09/icon/ico_pd_gift_p.svg) no-repeat;
      }
      \ No newline at end of file
      modules/ptyshop/resources/check_n.svg 0 → 100644
      View file @ a906a58e
      <svg xmlns="http://www.w3.org/2000/svg" id="check_n" width="22" height="22" viewBox="0 0 22 22">
      <defs>
      <style>
      .cls-1,.cls-2,.cls-4{fill:none}.cls-1,.cls-2{stroke:#cdcdcd}.cls-2{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px}.cls-3{stroke:none}
      </style>
      </defs>
      <g id="check_n-2" data-name="check_n">
      <g id="타원_1" class="cls-1" data-name="타원 1">
      <circle cx="11" cy="11" r="11" class="cls-3"/>
      <circle cx="11" cy="11" r="10.5" class="cls-4"/>
      </g>
      <path id="패스_1" d="M-129.764 3557.034l4 3.823 6-5.621" class="cls-2" data-name="패스 1" transform="translate(136.092 -3546.107)"/>
      </g>
      </svg>
      modules/ptyshop/resources/check_p.svg 0 → 100644
      View file @ a906a58e
      <svg xmlns="http://www.w3.org/2000/svg" id="check_p" width="22" height="22" viewBox="0 0 22 22">
      <defs>
      <style>
      .cls-1{fill:#f60e00;stroke:#f60e00}.cls-2,.cls-4{fill:none}.cls-2{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px}.cls-3{stroke:none}
      </style>
      </defs>
      <g id="타원_1" class="cls-1" data-name="타원 1">
      <circle cx="11" cy="11" r="11" class="cls-3"/>
      <circle cx="11" cy="11" r="10.5" class="cls-4"/>
      </g>
      <path id="패스_1" d="M-129.764 3557.034l4 3.823 6-5.621" class="cls-2" data-name="패스 1" transform="translate(136.092 -3546.107)"/>
      </svg>
      modules/ptyshop/resources/checkbox_n.svg 0 → 100644
      View file @ a906a58e
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
      <defs>
      <style>
      .cls-1{fill:#fff;stroke:#cdcdcd}.cls-2{stroke:none}.cls-3{fill:none}
      </style>
      </defs>
      <g id="checkbox__n" transform="translate(-20 -104)">
      <g id="사각형_697" class="cls-1" data-name="사각형 697" transform="translate(20 104)">
      <rect width="24" height="24" class="cls-2" rx="3"/>
      <rect width="23" height="23" x=".5" y=".5" class="cls-3" rx="2.5"/>
      </g>
      </g>
      </svg>
      modules/ptyshop/resources/checkbox_p.svg 0 → 100644
      View file @ a906a58e
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
      <defs>
      <style>
      .cls-1{fill:#f60e00}.cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px}
      </style>
      </defs>
      <g id="checkbox_p" transform="translate(-20 -106)">
      <rect id="bg" width="24" height="24" class="cls-1" rx="3" transform="translate(20 106)"/>
      <g id="check_n" transform="translate(18.522 104.211)">
      <path id="패스_1" d="M-129.764 3557.361l4.725 4.518 7.093-6.644" class="cls-2" data-name="패스 1" transform="translate(137.242 -3544.447)"/>
      </g>
      </g>
      </svg>
      modules/ptyshop/resources/clipboard.min.js 0 → 100644
      View file @ a906a58e
      /*!
      * clipboard.js v2.0.0
      * https://zenorocha.github.io/clipboard.js
      *
      * Licensed MIT © Zeno Rocha
      */
      !function(t, e) {
      "object" == typeof exports && "object" == typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define([], e) : "object" == typeof exports ? exports.ClipboardJS = e() : t.ClipboardJS = e()
      }(this, function() {
      return function(t) {
      function e(o) {
      if (n[o])
      return n[o].exports;
      var r = n[o] = {
      i: o,
      l: !1,
      exports: {}
      };
      return t[o].call(r.exports, r, r.exports, e),
      r.l = !0,
      r.exports
      }
      var n = {};
      return e.m = t,
      e.c = n,
      e.i = function(t) {
      return t
      }
      ,
      e.d = function(t, n, o) {
      e.o(t, n) || Object.defineProperty(t, n, {
      configurable: !1,
      enumerable: !0,
      get: o
      })
      }
      ,
      e.n = function(t) {
      var n = t && t.__esModule ? function() {
      return t.default
      }
      : function() {
      return t
      }
      ;
      return e.d(n, "a", n),
      n
      }
      ,
      e.o = function(t, e) {
      return Object.prototype.hasOwnProperty.call(t, e)
      }
      ,
      e.p = "",
      e(e.s = 3)
      }([function(t, e, n) {
      var o, r, i;
      !function(a, c) {
      r = [t, n(7)],
      o = c,
      void 0 !== (i = "function" == typeof o ? o.apply(e, r) : o) && (t.exports = i)
      }(0, function(t, e) {
      "use strict";
      function n(t, e) {
      if (!(t instanceof e))
      throw new TypeError("Cannot call a class as a function")
      }
      var o = function(t) {
      return t && t.__esModule ? t : {
      default: t
      }
      }(e)
      , r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {
      return typeof t
      }
      : function(t) {
      return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t
      }
      , i = function() {
      function t(t, e) {
      for (var n = 0; n < e.length; n++) {
      var o = e[n];
      o.enumerable = o.enumerable || !1,
      o.configurable = !0,
      "value"in o && (o.writable = !0),
      Object.defineProperty(t, o.key, o)
      }
      }
      return function(e, n, o) {
      return n && t(e.prototype, n),
      o && t(e, o),
      e
      }
      }()
      , a = function() {
      function t(e) {
      n(this, t),
      this.resolveOptions(e),
      this.initSelection()
      }
      return i(t, [{
      key: "resolveOptions",
      value: function() {
      var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
      this.action = t.action,
      this.container = t.container,
      this.emitter = t.emitter,
      this.target = t.target,
      this.text = t.text,
      this.trigger = t.trigger,
      this.selectedText = ""
      }
      }, {
      key: "initSelection",
      value: function() {
      this.text ? this.selectFake() : this.target && this.selectTarget()
      }
      }, {
      key: "selectFake",
      value: function() {
      var t = this
      , e = "rtl" == document.documentElement.getAttribute("dir");
      this.removeFake(),
      this.fakeHandlerCallback = function() {
      return t.removeFake()
      }
      ,
      this.fakeHandler = this.container.addEventListener("click", this.fakeHandlerCallback) || !0,
      this.fakeElem = document.createElement("textarea"),
      this.fakeElem.style.fontSize = "12pt",
      this.fakeElem.style.border = "0",
      this.fakeElem.style.padding = "0",
      this.fakeElem.style.margin = "0",
      this.fakeElem.style.position = "absolute",
      this.fakeElem.style[e ? "right" : "left"] = "-9999px";
      var n = window.pageYOffset || document.documentElement.scrollTop;
      this.fakeElem.style.top = n + "px",
      this.fakeElem.setAttribute("readonly", ""),
      this.fakeElem.value = this.text,
      this.container.appendChild(this.fakeElem),
      this.selectedText = (0,
      o.default)(this.fakeElem),
      this.copyText()
      }
      }, {
      key: "removeFake",
      value: function() {
      this.fakeHandler && (this.container.removeEventListener("click", this.fakeHandlerCallback),
      this.fakeHandler = null,
      this.fakeHandlerCallback = null),
      this.fakeElem && (this.container.removeChild(this.fakeElem),
      this.fakeElem = null)
      }
      }, {
      key: "selectTarget",
      value: function() {
      this.selectedText = (0,
      o.default)(this.target),
      this.copyText()
      }
      }, {
      key: "copyText",
      value: function() {
      var t = void 0;
      try {
      t = document.execCommand(this.action)
      } catch (e) {
      t = !1
      }
      this.handleResult(t)
      }
      }, {
      key: "handleResult",
      value: function(t) {
      this.emitter.emit(t ? "success" : "error", {
      action: this.action,
      text: this.selectedText,
      trigger: this.trigger,
      clearSelection: this.clearSelection.bind(this)
      })
      }
      }, {
      key: "clearSelection",
      value: function() {
      this.trigger && this.trigger.focus(),
      window.getSelection().removeAllRanges()
      }
      }, {
      key: "destroy",
      value: function() {
      this.removeFake()
      }
      }, {
      key: "action",
      set: function() {
      var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "copy";
      if (this._action = t,
      "copy" !== this._action && "cut" !== this._action)
      throw new Error('Invalid "action" value, use either "copy" or "cut"')
      },
      get: function() {
      return this._action
      }
      }, {
      key: "target",
      set: function(t) {
      if (void 0 !== t) {
      if (!t || "object" !== (void 0 === t ? "undefined" : r(t)) || 1 !== t.nodeType)
      throw new Error('Invalid "target" value, use a valid Element');
      if ("copy" === this.action && t.hasAttribute("disabled"))
      throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
      if ("cut" === this.action && (t.hasAttribute("readonly") || t.hasAttribute("disabled")))
      throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');
      this._target = t
      }
      },
      get: function() {
      return this._target
      }
      }]),
      t
      }();
      t.exports = a
      })
      }
      , function(t, e, n) {
      function o(t, e, n) {
      if (!t && !e && !n)
      throw new Error("Missing required arguments");
      if (!c.string(e))
      throw new TypeError("Second argument must be a String");
      if (!c.fn(n))
      throw new TypeError("Third argument must be a Function");
      if (c.node(t))
      return r(t, e, n);
      if (c.nodeList(t))
      return i(t, e, n);
      if (c.string(t))
      return a(t, e, n);
      throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")
      }
      function r(t, e, n) {
      return t.addEventListener(e, n),
      {
      destroy: function() {
      t.removeEventListener(e, n)
      }
      }
      }
      function i(t, e, n) {
      return Array.prototype.forEach.call(t, function(t) {
      t.addEventListener(e, n)
      }),
      {
      destroy: function() {
      Array.prototype.forEach.call(t, function(t) {
      t.removeEventListener(e, n)
      })
      }
      }
      }
      function a(t, e, n) {
      return u(document.body, t, e, n)
      }
      var c = n(6)
      , u = n(5);
      t.exports = o
      }
      , function(t, e) {
      function n() {}
      n.prototype = {
      on: function(t, e, n) {
      var o = this.e || (this.e = {});
      return (o[t] || (o[t] = [])).push({
      fn: e,
      ctx: n
      }),
      this
      },
      once: function(t, e, n) {
      function o() {
      r.off(t, o),
      e.apply(n, arguments)
      }
      var r = this;
      return o._ = e,
      this.on(t, o, n)
      },
      emit: function(t) {
      var e = [].slice.call(arguments, 1)
      , n = ((this.e || (this.e = {}))[t] || []).slice()
      , o = 0
      , r = n.length;
      for (o; o < r; o++)
      n[o].fn.apply(n[o].ctx, e);
      return this
      },
      off: function(t, e) {
      var n = this.e || (this.e = {})
      , o = n[t]
      , r = [];
      if (o && e)
      for (var i = 0, a = o.length; i < a; i++)
      o[i].fn !== e && o[i].fn._ !== e && r.push(o[i]);
      return r.length ? n[t] = r : delete n[t],
      this
      }
      },
      t.exports = n
      }
      , function(t, e, n) {
      var o, r, i;
      !function(a, c) {
      r = [t, n(0), n(2), n(1)],
      o = c,
      void 0 !== (i = "function" == typeof o ? o.apply(e, r) : o) && (t.exports = i)
      }(0, function(t, e, n, o) {
      "use strict";
      function r(t) {
      return t && t.__esModule ? t : {
      default: t
      }
      }
      function i(t, e) {
      if (!(t instanceof e))
      throw new TypeError("Cannot call a class as a function")
      }
      function a(t, e) {
      if (!t)
      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
      return !e || "object" != typeof e && "function" != typeof e ? t : e
      }
      function c(t, e) {
      if ("function" != typeof e && null !== e)
      throw new TypeError("Super expression must either be null or a function, not " + typeof e);
      t.prototype = Object.create(e && e.prototype, {
      constructor: {
      value: t,
      enumerable: !1,
      writable: !0,
      configurable: !0
      }
      }),
      e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e)
      }
      function u(t, e) {
      var n = "data-clipboard-" + t;
      if (e.hasAttribute(n))
      return e.getAttribute(n)
      }
      var l = r(e)
      , s = r(n)
      , f = r(o)
      , d = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {
      return typeof t
      }
      : function(t) {
      return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t
      }
      , h = function() {
      function t(t, e) {
      for (var n = 0; n < e.length; n++) {
      var o = e[n];
      o.enumerable = o.enumerable || !1,
      o.configurable = !0,
      "value"in o && (o.writable = !0),
      Object.defineProperty(t, o.key, o)
      }
      }
      return function(e, n, o) {
      return n && t(e.prototype, n),
      o && t(e, o),
      e
      }
      }()
      , p = function(t) {
      function e(t, n) {
      i(this, e);
      var o = a(this, (e.__proto__ || Object.getPrototypeOf(e)).call(this));
      return o.resolveOptions(n),
      o.listenClick(t),
      o
      }
      return c(e, t),
      h(e, [{
      key: "resolveOptions",
      value: function() {
      var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
      this.action = "function" == typeof t.action ? t.action : this.defaultAction,
      this.target = "function" == typeof t.target ? t.target : this.defaultTarget,
      this.text = "function" == typeof t.text ? t.text : this.defaultText,
      this.container = "object" === d(t.container) ? t.container : document.body
      }
      }, {
      key: "listenClick",
      value: function(t) {
      var e = this;
      this.listener = (0,
      f.default)(t, "click", function(t) {
      return e.onClick(t)
      })
      }
      }, {
      key: "onClick",
      value: function(t) {
      var e = t.delegateTarget || t.currentTarget;
      this.clipboardAction && (this.clipboardAction = null),
      this.clipboardAction = new l.default({
      action: this.action(e),
      target: this.target(e),
      text: this.text(e),
      container: this.container,
      trigger: e,
      emitter: this
      })
      }
      }, {
      key: "defaultAction",
      value: function(t) {
      return u("action", t)
      }
      }, {
      key: "defaultTarget",
      value: function(t) {
      var e = u("target", t);
      if (e)
      return document.querySelector(e)
      }
      }, {
      key: "defaultText",
      value: function(t) {
      return u("text", t)
      }
      }, {
      key: "destroy",
      value: function() {
      this.listener.destroy(),
      this.clipboardAction && (this.clipboardAction.destroy(),
      this.clipboardAction = null)
      }
      }], [{
      key: "isSupported",
      value: function() {
      var t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : ["copy", "cut"]
      , e = "string" == typeof t ? [t] : t
      , n = !!document.queryCommandSupported;
      return e.forEach(function(t) {
      n = n && !!document.queryCommandSupported(t)
      }),
      n
      }
      }]),
      e
      }(s.default);
      t.exports = p
      })
      }
      , function(t, e) {
      function n(t, e) {
      for (; t && t.nodeType !== o; ) {
      if ("function" == typeof t.matches && t.matches(e))
      return t;
      t = t.parentNode
      }
      }
      var o = 9;
      if ("undefined" != typeof Element && !Element.prototype.matches) {
      var r = Element.prototype;
      r.matches = r.matchesSelector || r.mozMatchesSelector || r.msMatchesSelector || r.oMatchesSelector || r.webkitMatchesSelector
      }
      t.exports = n
      }
      , function(t, e, n) {
      function o(t, e, n, o, r) {
      var a = i.apply(this, arguments);
      return t.addEventListener(n, a, r),
      {
      destroy: function() {
      t.removeEventListener(n, a, r)
      }
      }
      }
      function r(t, e, n, r, i) {
      return "function" == typeof t.addEventListener ? o.apply(null, arguments) : "function" == typeof n ? o.bind(null, document).apply(null, arguments) : ("string" == typeof t && (t = document.querySelectorAll(t)),
      Array.prototype.map.call(t, function(t) {
      return o(t, e, n, r, i)
      }))
      }
      function i(t, e, n, o) {
      return function(n) {
      n.delegateTarget = a(n.target, e),
      n.delegateTarget && o.call(t, n)
      }
      }
      var a = n(4);
      t.exports = r
      }
      , function(t, e) {
      e.node = function(t) {
      return void 0 !== t && t instanceof HTMLElement && 1 === t.nodeType
      }
      ,
      e.nodeList = function(t) {
      var n = Object.prototype.toString.call(t);
      return void 0 !== t && ("[object NodeList]" === n || "[object HTMLCollection]" === n) && "length"in t && (0 === t.length || e.node(t[0]))
      }
      ,
      e.string = function(t) {
      return "string" == typeof t || t instanceof String
      }
      ,
      e.fn = function(t) {
      return "[object Function]" === Object.prototype.toString.call(t)
      }
      }
      , function(t, e) {
      function n(t) {
      var e;
      if ("SELECT" === t.nodeName)
      t.focus(),
      e = t.value;
      else if ("INPUT" === t.nodeName || "TEXTAREA" === t.nodeName) {
      var n = t.hasAttribute("readonly");
      n || t.setAttribute("readonly", ""),
      t.select(),
      t.setSelectionRange(0, t.value.length),
      n || t.removeAttribute("readonly"),
      e = t.value
      } else {
      t.hasAttribute("contenteditable") && t.focus();
      var o = window.getSelection()
      , r = document.createRange();
      r.selectNodeContents(t),
      o.removeAllRanges(),
      o.addRange(r),
      e = o.toString()
      }
      return e
      }
      t.exports = n
      }
      ])
      });
      modules/ptyshop/resources/common.js 0 → 100644
      View file @ a906a58e
      function $number(num) {
      return num.toFixed(0).replace(/(\d)(?=(\d{3})+$)/g, "$1,");
      }
      function numberMaxLength(e){
      if(e.value.length > e.maxLength){
      e.value = e.value.slice(0, e.maxLength);
      }
      }
      function isPhoneNumber(_mNumber) {
      var mNumber = _mNumber && _mNumber.split('-').join('');
      var regPhone = /^((01[1|6|7|8|9])[1-9]+[0-9]{6,7})|(010[1-9][0-9]{7})$/;
      return regPhone.test(mNumber);
      }
      $(".numberOnly").on('keyup', function () {
      var _this = $(this);
      _this.val(_this.val().replace(/[^0-9]/g,""));
      });
      function dateCheck(obj) {
      if( !obj.start || !obj.end ) {
      // 12자리 맞춤 년월일시
      console.log( '시작일 혹은 종료일 누락: ', obj.start, " / ", obj.end);
      return false;
      }
      var startdate = obj.start,
      enddate = obj.end;
      var now = new Date();
      var year = now.getFullYear().toString(),
      month = parseInt(now.getMonth()+1).toString(),
      date = now.getDate().toString(),
      hour = now.getHours().toString(),
      min = now.getMinutes().toString(),
      sec = now.getSeconds().toString(),
      today;
      month = month.length < 2 ? "0"+month : month;
      date = date.length < 2 ? "0"+date : date;
      hour = hour.length < 2 ? "0"+hour : hour;
      min = min.length < 2 ? "0"+min : min;
      sec = sec.length < 2 ? "0"+sec : sec;
      today = year + month + date + hour + min + sec;
      return (eval(today) >= eval(startdate)) && ((eval(today) <= eval(enddate)))
      }
      \ No newline at end of file
      modules/ptyshop/resources/commonLib.js 0 → 100644
      View file @ a906a58e
      /**
      * Common Library
      * CL_PAY Common Lib PAY
      */
      ;(function (root, factory, undefined) {
      'use strict';
      if (typeof define === 'function' && define.amd) {
      // AMD
      define(['jquery'], function (jquery) {
      return (root.CL_PAY = factory(jquery));
      });
      } else if (typeof exports === 'object' && module.exports) {
      // CommonJS
      module.exports = factory(require('jquery'));
      } else {
      root.CL_PAY = factory(root.jQuery);
      }
      }(this, function ($, undefined) {
      'use strict';
      /*
      // Todo native bridge
      */
      var pushMessage = function (obj) {
      if (Object.keys(obj).length === 0) return;
      if (obj.code) {
      setAuthAutofill(obj);
      }
      if (obj.name || obj.phone ) {
      // 하이픈 제거
      obj.phone = obj.phone.split("-").join("");
      setUserInfoAutofill(obj);
      }
      }
      var setAuthAutofill = function (obj) {
      $(".individual #bnum").val(obj.code).hide().fadeIn('slow');
      }
      var setUserInfoAutofill = function (obj) {
      $("#dname").fadeOut('fast').fadeIn('slow').val(obj.name);
      $("#dtel").fadeOut('fast').fadeIn('slow').val(obj.phone);
      }
      return {
      pushMessage: pushMessage,
      setAuthAutofill: setAuthAutofill,
      setUserInfoAutofill: setUserInfoAutofill
      };
      }));
      /**
      * CL Common Library
      */
      ;(function (root, factory, undefined) {
      'use strict';
      if (typeof define === 'function' && define.amd) {
      // AMD
      define(['jquery'], function (jquery) {
      return (root.CL = factory(jquery));
      });
      } else if (typeof exports === 'object' && module.exports) {
      // CommonJS
      module.exports = factory(require('jquery'));
      } else {
      root.CL = factory(root.jQuery);
      }
      }(this, function ($, undefined) {
      'use strict';
      //--
      // util
      //--
      /**
      * get QueryString parameters
      * @param string url - full url
      * @param string q_mark - optional question mark
      */
      var queryParams = function(url, q_mark) {
      url = '' + url;
      var hashes = url.slice(url.indexOf((q_mark) ? q_mark : '?') + 1).split('&');
      var len = hashes.length;
      var pair = '';
      var params = {};
      for (var i = 0; i < len; i++) {
      pair = hashes[i].split('=');
      var key = decodeURIComponent(pair[0]); // key
      if (key === url) break; // no param
      var val = decodeURIComponent(pair[1]); // val
      if (key) {
      if (key.indexOf('[]') === -1) {
      params[key] = val;
      continue;
      }
      var arr = (Array.isArray(params[key])) ? params[key] : [];
      arr.push(val);
      params[key] = arr;
      }
      }
      return params;
      }
      /**
      * Native bridge
      * @param type int - native call case
      * 1001: 주소검색
      * 1002: 본인인증
      * 1003: 쿠폰 팝업 닫기
      * 1004: 장바구니 수 갱신
      * 1005: 프로모션 웹뷰 닫기
      * 1006: 본인인증 타계정 존재
      * 1007: 본인인증 미완료 안내
      * 1008: 애드브릭스
      * 1009: 점유인증 진행중
      * 1010: 점유인증 만료
      * 1011: 연락처 호출
      * @param msg str - data
      */
      function callNative(type, data, AGENT) {
      var NATIVE_NS = 'Native'; // native name space
      var FUNC_NAME = 'onJsResponse'; // only UIWebview
      var type = (type) ? Number(type) : 0; // cast int
      var msg = '';
      try {
      if (typeof data === 'object') msg = JSON.stringify(data);
      else if (typeof data === 'undefined') msg = '';
      else msg = ('' + data);
      if (AGENT === 'ios') {
      // window.webkit.messageHandlers.Native.postMessage({'type': type, 'msg': msg});
      window.webkit.messageHandlers[NATIVE_NS].postMessage({'type': type, 'msg': msg});
      } else if (AGENT === 'android') {
      //window.Native.onJsResponse(type, msg);
      window[NATIVE_NS][FUNC_NAME](type, msg);
      } else if (AGENT === 'web') {
      // WEBVIEW
      console.log('callNative: ', type, data, AGENT);
      }
      } catch (e) {
      console.log(e);
      }
      return true;
      }
      //--
      // public(closure)
      //--
      return {
      // util
      queryParams: queryParams,
      callNative: callNative,
      };
      }));
      modules/ptyshop/resources/jquery-3.1.1.min.js 0 → 100644
      View file @ a906a58e
      This source diff could not be displayed because it is too large. You can view the blob instead.
      modules/ptyshorturl/ptyshorturl.config.index.admin.view.html
      View file @ a906a58e
      ......@@ -31,38 +31,6 @@ namespace platyFramework;
      </div>
      <div class="box-body pad">
      <input type="hidden" name="id" value="<?= $item->id ?>">
      <div class='col-md-12'>
      <?= $form->getInput("Generic Access Token (V4)", "genericAccessToken", "", ""); ?>
      </div>
      <div class='col-md-12'>
      <div class='col-md-2'>
      </div>
      <div class='col-md-10'>
      <p>기존의 짧은글 생성기로 사용중인 Bitly API 는 Bitly 에 의해 <b>2020년 3월 1일</b>부터 사용이 금지됩니다. <br>
      반드시 아래의 내용을 참고하여 Generic Access Token (V4) 항목을 입력하셔야 합니다</p>
      <h1 class="animated fadeIn infinite">Generic Access Token 입력 방법</h1>
      <p>1. <a target=_blank
      href="https://app.bitly.com/Bk2e0oPIVP3/bitlinks/?actions=profile&actions=accessToken">https://app.bitly.com/Bk2e0oPIVP3/bitlinks/?actions=profile&actions=accessToken
      접속</a> <- 클릭하세요</p>
      <p>2. PASSWORD 항목에 로그인한 Bitly 의 계정 암호를 입력합니다</p>
      <p>3. GENERIC ACCESS TOKEN 을 클릭합니다</p>
      <p>4. COPY 클릭</p>
      <p>5. 위 빈 공간에 붙여넣기 합니다</p>
      <p class="animated flash infinite">6. 저장 꼭 눌러주세요!</p>
      <p>* 이 기능은 유지보수를 구독하는 분에 한해 지속적으로 이용 가능하며, 미구독시 짧은글이 자동으로 생성되지 않을 수 있습니다</p>
      </div>
      </div>
      <div class='col-md-12'>
      <div class='col-md-2'>
      </div>
      <div class='col-md-10'>
      <img align=center src="https://apps.platyhouse.com/resources/app_storyshare/bitly4.jpg"
      width="60%">
      </div>
      </div>
      <? if (false) { ?>
      <div class='col-md-12'>
      <?= $form->getInput("Bit.ly 로그인 ID", "bitlyLoginId", "", ""); ?>
      </div>
      ......@@ -75,7 +43,6 @@ namespace platyFramework;
      <p>https://app.bitly.com/Bh8b1RLJpYs/bitlinks/?actions=accountMain&actions=settings&actions=advancedSettings&actions=apiSupport</p>
      </div>
      </div>
      <? } ?>
      </div>
      <div class="box-footer">
      <button type="button" class="btn btn-default ptyGoBack pull-right">취소</button>
      ......
      platyFramework/git_push.php 100755 → 100644
      View file @ a906a58e
      No preview for this file type
      platyFramework/modules/ptyapp/ptyapp.config.index.admin.view.html
      View file @ a906a58e
      ......@@ -34,7 +34,6 @@ namespace platyFramework;
      <div class='col-md-12'>
      <?= $form->getInput("서비스명 (한글)", "appTitle", "", ""); ?>
      <?= $form->getInput("서비스명 (영문)", "appName", "", "띄어쓰기 없이 입력하세요"); ?>
      <?= $form->getInput("Apps API Access Token", "platyHouseAppsApiAccessToken", ""); ?>
      </div>
      </div>
      <div class="box-footer">
      ......
      platyFramework/theme.php
      View file @ a906a58e
      No preview for this file type
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment