merge master into develop - CscListRForm.jsp FAQ 아코디언 버그 수정

build/resources/main/static/crm/css/jqueryui/black-tie/jquery-ui-1.8.16.custom.css

@@ -0,0 +1,586 @@
+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=333333&bgTextureHeader=08_diagonals_thick.png&bgImgOpacityHeader=8&borderColorHeader=a3a3a3&fcHeader=eeeeee&iconColorHeader=bbbbbb&bgColorContent=f9f9f9&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=222222&iconColorContent=222222&bgColorDefault=111111&bgTextureDefault=02_glass.png&bgImgOpacityDefault=40&borderColorDefault=777777&fcDefault=e3e3e3&iconColorDefault=ededed&bgColorHover=1c1c1c&bgTextureHover=02_glass.png&bgImgOpacityHover=55&borderColorHover=000000&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=cccccc&fcActive=222222&iconColorActive=222222&bgColorHighlight=ffeb80&bgTextureHighlight=06_inset_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=ffde2e&fcHighlight=363636&iconColorHighlight=4ca300&bgColorError=cd0a0a&bgTextureError=06_inset_hard.png&bgImgOpacityError=45&borderColorError=9e0505&fcError=ffffff&iconColorError=ffcf29&bgColorOverlay=aaaaaa&bgTextureOverlay=04_highlight_hard.png&bgImgOpacityOverlay=40&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=03_highlight_soft.png&bgImgOpacityShadow=50&opacityShadow=20&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget {/*font-family: Dotum, Gulim, Verdana, Arial, sans-serif;*/ font-size: 1.1em; }
+.ui-widget .ui-widget { font-size: 1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*font-family: Dotum, Gulim, Verdana, Arial, sans-serif;*/ font-size: 1em; }
+.ui-widget-content { border: 1px solid #cccccc; background: #f9f9f9 url(images/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x; color: #222222; }
+.ui-widget-content a { color: #222222; }
+.ui-widget-header { border: 1px solid #a3a3a3; background: #333333 url(images/ui-bg_diagonals-thick_8_333333_40x40.png) 50% 50% repeat; color: #eeeeee; font-weight: bold; }
+.ui-widget-header a { color: #eeeeee; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #777777; background: #111111 url(images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #e3e3e3; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #e3e3e3; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #000000; background: #1c1c1c url(images/ui-bg_glass_55_1c1c1c_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #222222; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #222222; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #ffde2e; background: #ffeb80 url(images/ui-bg_inset-hard_55_ffeb80_1x100.png) 50% bottom repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #9e0505; background: #cd0a0a url(images/ui-bg_inset-hard_45_cd0a0a_1x100.png) 50% bottom repeat-x; color: #ffffff; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_ededed_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_4ca300_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffcf29_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background-color:#ffffff; opacity: .50;filter:Alpha(Opacity=50); }
+.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_highlight-soft_50_aaaaaa_1x100.png) 50% top repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
+ * jQuery UI Resizable 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Resizable#theming
+ */
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
+ * jQuery UI Selectable 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Selectable#theming
+ */
+.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
+/*
+ * jQuery UI Accordion 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Accordion#theming
+ */
+/* IE/Win - Fix animation bug - #4615 */
+.ui-accordion { width: 100%; }
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
+.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
+.ui-accordion .ui-accordion-content-active { display: block; }
+/*
+ * jQuery UI Autocomplete 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete#theming
+ */
+.ui-autocomplete { position: absolute; cursor: default; }	
+
+/* workarounds */
+* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
+
+/*
+ * jQuery UI Menu 1.8.16
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+ */
+.ui-menu {
+	list-style:none;
+	padding: 2px;
+	margin: 0;
+	display:block;
+	float: left;
+}
+.ui-menu .ui-menu {
+	margin-top: -3px;
+}
+.ui-menu .ui-menu-item {
+	margin:0;
+	padding: 0;
+	zoom: 1;
+	float: left;
+	clear: left;
+	width: 100%;
+}
+.ui-menu .ui-menu-item a {
+	text-decoration:none;
+	display:block;
+	padding:.2em .4em;
+	line-height:1.5;
+	zoom:1;
+}
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+	font-weight: normal;
+	margin: -1px;
+}
+/*
+ * jQuery UI Button 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Button#theming
+ */
+.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
+.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
+button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
+.ui-button-icons-only { width: 3.4em; } 
+button.ui-button-icons-only { width: 3.7em; } 
+
+/*button text element */
+.ui-button .ui-button-text { display: block; line-height: 1.4;  }
+.ui-button-text-only .ui-button-text { padding: .4em 1em; }
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
+.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
+.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
+/* no icon support for input elements, provide padding by default */
+input.ui-button { padding: .4em 1em; }
+
+/*button icon element(s) */
+.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
+.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
+.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
+.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+
+/*button sets*/
+.ui-buttonset { margin-right: 7px; }
+.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
+
+/* workarounds */
+button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
+/*
+ * jQuery UI Dialog 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Dialog#theming
+ */
+.ui-dialog { position: absolute; padding:0px; width: 300px; overflow: hidden;}
+.ui-dialog .ui-dialog-titlebar { position: relative; border:0px; background-color:#39425b; line-height:40px; vertical-align:middle; padding-left:15px}
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0;  color:#fff;} 
+.ui-dialog .ui-dialog-title .desc {padding-left:5px; font-size:11px; color:#f1f1f1; font-weight:normal;}
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
+.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+
+/* Dialog 디자인 커스터마이징 */
+.ui-dialog {border:1px solid #4d4f55}
+.ui-dialog .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
+.ui-dialog .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
+.ui-dialog .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
+.ui-dialog .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
+.ui-dialog.ui-corner-all, .ui-dialog.ui-corner-top, .ui-dialog.ui-corner-left, .ui-dialog.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
+.ui-dialog.ui-corner-all, .ui-dialog.ui-corner-top, .ui-dialog.ui-corner-right, .ui-dialog.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
+.ui-dialog.ui-corner-all, .ui-dialog.ui-corner-bottom, .ui-dialog.ui-corner-left, .ui-dialog.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
+.ui-dialog.ui-corner-all, .ui-dialog.ui-corner-bottom, .ui-dialog.ui-corner-right, .ui-dialog.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
+.ui-dialog-titlebar.ui-widget-header {background-image: none; background-color:#39425b;}
+.ui-dialog a.ui-dialog-titlebar-close {right:10px; padding:0px; width:21px; height:21px; background:url('./images/btn_close_popup.gif');}
+.ui-dialog a.ui-dialog-titlebar-close.ui-state-hover {border:0px;}
+.ui-dialog a.ui-dialog-titlebar-close span {display:none}
+.ui-dialog .ui-dialog-content {padding:20px; background-image: none; background-color:#fff;}
+
+/*
+ * jQuery UI Slider 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
+ * jQuery UI Tabs 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Tabs#theming
+ */
+.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
+/*
+ * jQuery UI Datepicker 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}/*
+ * jQuery UI Progressbar 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Progressbar#theming
+ */
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } 

build/resources/main/static/crm/css/pay.css

@@ -0,0 +1,279 @@
+@charset "utf-8";
+.hide-text {font-size:0; line-height:0; text-shadow:none; color:transparent;}
+
+.order_gcPay {display: block; letter-spacing: -0.7px;}
+.order_gcPay img {-webkit-user-drag: none;}
+.order_gcPay a:hover {text-decoration: none;}
+.order_gcPay .po {color:#3053bc; }
+.order_gcPay .benefit .ez-radio {margin: 0 8px 0 0;}
+.order_gcPay .benefit .ez-checkbox {margin: 0 6px 0 0;}
+.order_gcPay .benefit .ez-radio-on{background: transparent url('../images/payment/bg_radio_gcone_on.png') 0 0px no-repeat}
+.order_gcPay .benefit .ez-checkbox-on{background: transparent url('../images/payment/bg_checkbox_gcone_on.png') 0 0px no-repeat}
+.payment-hide .ez-radio, .payment-hide ez-radio-on { display: none !important; background-image: url('') !important;  }
+
+.order_gcPay h4 {margin:0 !important;}
+/*.order_gcPay li:first-child {margin-top:0 !important;}*/
+
+.order_gcPay .titWrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
+
+.order_gcPay .btnWrap li {position: relative; display: inline-block; border: 1px solid #d6d6d6; margin:0; padding: 0 10px !important; font-size: 13px; height:35px; line-height: 35px; cursor: pointer; text-transform: uppercase; font-weight: 600; color:#999;}
+.order_gcPay .btnWrap li:first-child{margin: 0!important;}
+.order_gcPay .btnWrap .ico_info:before,
+.order_gcPay .btnWrap .ico_set:before{content: ""; display: inline-block; width:16px; height:16px; margin-right:5px; margin-top:-3px; vertical-align: middle;}
+.order_gcPay .btnWrap .ico_info:before {background: url("../images/payment/ico_info.png") no-repeat; background-size: 100%;}
+.order_gcPay .btnWrap .ico_set:before {background: url("../images/payment/ico_setting.png") no-repeat;  background-size: 100%;}
+.order_gcPay .benefit .gcpay_listWrap > li {display:block; padding:15px 0; border-bottom:1px solid #eeeeee;}
+.order_gcPay .benefit .gcpay_listWrap > li:last-child { border-bottom:0;}
+
+/*이벤트문구영역 220519 추가*/
+.order_gcPay .benefit .eventWrap {padding: 20px 15px 15px; background:#f5f9ff; margin:20px 0 10px 0; border-radius: 15px; text-align: center;}
+.order_gcPay .benefit .eventWrap:after {display:block; content:""; clear: both;}
+.order_gcPay .benefit .eventWrap dt{font-size: 16px; float: none; width: auto; font-weight: 600; color: #3053bc; display:block;}
+.order_gcPay .benefit .eventWrap dt:before {content: ""; display: block; width:40px; height:40px; background: url('../images/payment/ico_event_tit.png')no-repeat; background-size: cover; margin: 0 auto; margin-bottom: 10px;}
+.order_gcPay .benefit .eventWrap dt .sm_txt {font-weight: 500; font-size: 13px;}
+.order_gcPay .benefit .eventWrap dd {display: block; width: 100%; color: #3053bc;}
+.order_gcPay .benefit .eventWrap dd li{font-size:14px; color: #333;}
+
+/*이벤트문구영역 하단문구 220609 추가*/
+.order_gcPay .benefit .pointW {font-size: 14px; padding: 5px 0;}
+.order_gcPay .benefit .pointW strong{color: #000;}
+
+/*.order_gcPay .slick-current .selectWrap {display: block; margin-top:10px;}*/
+.order_gcPay .slick-initialized .slick-slide {opacity: 0.7; filter: blur(1px);}
+.order_gcPay .slick-initialized .slick-current{opacity: 1;  filter: blur(0px);}
+
+.order_gcPay .listW {display: flex; align-items: center; position: relative; }
+.order_gcPay .listW.chk_on ~ .conW {height: auto; visibility: visible; overflow: visible; margin:25px 0 0;}
+.order_gcPay .listW.chk_on ~ .commonsWrap{margin-top:15px !important;}
+.order_gcPay .listW .logo {display:inline-block; background: url('../images/payment/logo_gcpay.png') no-repeat; width:85px; height:23px; background-size: 100%; vertical-align: top;}
+.order_gcPay .listW .payment-label {color: #000; display: block; z-index: 1; flex: 1 0;}
+.order_gcPay .listW .stxt{font-size:14px; color:#aaa; padding-left:20px; margin-top:3px; display: inline-block; vertical-align: middle; position: absolute; right: 0;}
+
+/*슬라이드 영역*/
+.order_gcPay .slideW {width:732px;}
+.order_gcPay .slideW .slick-prev,
+.order_gcPay .slideW .slick-next{z-index:1; width:20px; height: 20px; border: 0; top:75px;  transform: rotate(315deg); }
+.order_gcPay .slideW .slick-prev {border-top: 2px solid #b1b1b1; border-left: 2px solid #b1b1b1;left: 50%; margin-left:-155px;}
+.order_gcPay .slideW .slick-next {border-bottom: 2px solid #b1b1b1; border-right: 2px solid #b1b1b1; right: 50%; margin-right:-155px;}
+.order_gcPay .slideW .slick-prev:before, .order_gcPay .slideW .slick-next:before {content: ""; display: none;}
+.order_gcPay .slideW .slick-prev:hover, .order_gcPay .slideW .slick-next:hover{border-color: #909090;}
+
+.order_gcPay .slideW .slick-disabled {opacity: 0;}
+.order_gcPay .slideW .slick-slide:not(:last-child) {margin-right: 40px;}
+.order_gcPay .conW {height: 0; visibility: hidden; overflow: hidden;}
+
+.order_gcPay .boxW {position: relative; width: 260px; height: 160px; border-radius: 8px; margin: 0 auto; cursor: pointer; box-sizing:border-box;}
+.order_gcPay .boxW .card_logo {position: absolute; top: 15px; left: 15px; width:100px; height:24px; background-size: 100%;}
+.order_gcPay .boxW .detaW {color: #fff; font-size: 15px; position: absolute; left: 15px; bottom: 15px;}
+.order_gcPay .boxW .detaW .txt{padding-bottom:5px; display: block; line-height: 1;}
+.order_gcPay .boxW .detaW .number {letter-spacing: 0; opacity: .6;}
+
+/*카카오뱅크 시*/
+.order_gcPay .boxW.ba_code_021 .detaW {color: #000;}
+
+/*카드&계좌 불가시*/
+.order_gcPay .boxW.none {position: relative}
+.order_gcPay .boxW.none:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: #000; opacity: 0.4; z-index: 1;  transition: .25s;}
+.order_gcPay .none:hover::before {opacity: 0.7;}
+
+.order_gcPay .boxW.none .noneTxt{display: flex; align-items: center; justify-content: center; font-size: 15px; text-align: center; color: #fff; height: 100%; width: 100%; position: relative; z-index: 2;}
+
+.order_gcPay .ca_point {border: 2px solid #eaeaea; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .25s;}
+.order_gcPay .ca_point:hover {border: 2px solid #3053bc; color: #fff;}
+.order_gcPay .ca_point:hover .contW a {background:#3053bc; color: #fff;}
+.order_gcPay .ca_point .contW {padding:15px;}
+.order_gcPay .ca_point .contW .txt {letter-spacing: -1px; line-height: 1.7; color: #333; font-size: 14px; font-weight: 600;}
+.order_gcPay .ca_point .contW a{display: block; background:#fff; border:1px solid #3053bc; color: #3053bc; font-size: 14px; padding: 10px; border-radius: 50px; margin-top:10px; transition: .25s;}
+
+.order_gcPay .ca_new {border: 2px dashed #eaeaea; text-align: center; display: flex; align-items: center; justify-content: center; transition: .25s;}
+.order_gcPay .ca_new:hover {border: 2px dashed #3053bc;}
+.order_gcPay .ca_new a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
+.order_gcPay .ca_new .ico{display: block; width: 45px; height: 45px; margin-bottom:10px; fill:#3053bc;}
+.order_gcPay .ca_new .txt {font-weight: 600; letter-spacing: -1px;}
+
+/*하단영역(포인트/할부영역)*/
+.order_gcPay .selectWrap {width: 732px; margin-top:10px;}
+.order_gcPay .cardW .selectWrap ul{display: flex; align-items: center; justify-content: space-between;}
+.order_gcPay .bankW .selectWrap,
+.order_gcPay .bankW .selectWrap .receiptWrap {display: none;}
+.order_gcPay .bankW .receiptWrap {margin-top:10px; padding-top:10px; border-top: 1px solid #eee;}
+.order_gcPay .bankW .receiptWrap li {padding-top:10px;}
+.order_gcPay .bankW .receiptWrap li:first-child{padding-top: 0;}
+
+.order_gcPay .listW.chk_on ~ .conW .selectWrap,
+.order_gcPay .checkW.chk_on ~ .receiptWrap{display: block;}
+
+/*일반결제*/
+.order_gcPay #payment_type > li > div {display:flex; flex-direction: column;  justify-content: center;}
+.order_gcPay #payment_type > li > div:before {height:33px; position: relative;}
+.order_gcPay #payment_type > li > div > label {height: auto;}
+.order_gcPay #payment_type > li > div p {padding-top:10px;}
+.order_gcPay #payment_type > li > div > label .ez-radio,
+.order_gcPay #payment_type > li > div > label .ez-radio-on {height: 0;}
+
+.order_gcPay .payco > div {width: auto !important}
+.order_gcPay #typereceiptlay label {vertical-align: middle;}
+
+/*카드영역*/
+.ca_code_001   {background-color: #529e4b; }  /* 001. 농협NH카드 */
+.ca_code_001 .card_logo   {background: url('../images/payment/ca_code_001.png') no-repeat;}
+.ca_code_002   {background-color: #1691d3; }  /* 002. 우리카드 */
+.ca_code_002 .card_logo   {background: url('../images/payment/ca_code_002.png') no-repeat;}
+.ca_code_003   {background-color: #3f5bb5;}  /* 003. 신한카드 */
+.ca_code_003 .card_logo   {background: url('../images/payment/ca_code_003.png') no-repeat;}
+.ca_code_004   {background-color: #786d62;}  /* 004. KB국민카드 */
+.ca_code_004 .card_logo   {background: url('../images/payment/ca_code_004.png') no-repeat;}
+.ca_code_005   {background-color: #008375; }  /* 005. 하나카드 */
+.ca_code_005 .card_logo   {background: url('../images/payment/ca_code_005.png') no-repeat;}
+.ca_code_006   {background-color: #004785; }  /* 006. 씨티카드 */
+.ca_code_006 .card_logo   {background: url('../images/payment/ca_code_006.png') no-repeat;}
+
+.ca_code_025   {background-color: #0c4da2;}  /* 025. 삼성카드 */
+.ca_code_025 .card_logo   {background: url('../images/payment/ca_code_025.png') no-repeat;}
+.ca_code_026   {background-color: #231f20;}  /* 026. 현대카드 */
+.ca_code_026 .card_logo   {background: url('../images/payment/ca_code_026.png') no-repeat;}
+.ca_code_027   {background-color: #ed1c24;}  /* 027. 롯데카드 */
+.ca_code_027 .card_logo   {background: url('../images/payment/ca_code_027.png') no-repeat;}
+.ca_code_028   {background-color: #21356c; }  /* 028. VISA */
+.ca_code_028 .card_logo  {background: url('../images/payment/ca_code_028.png') no-repeat;}
+.ca_code_029   {background-color: #21356c; }  /* 029. 마스터카드 */
+.ca_code_029 .card_logo  {background: url('../images/payment/ca_code_029.png') no-repeat;}
+.ca_code_030   {background-color: #0c4da2;}  /* 030. 비씨카드 */
+.ca_code_030 .card_logo   {background: url('../images/payment/ca_code_030.png') no-repeat;}
+.ca_code_031   {background-color: #231f20;}  /* 031. 현대백화점 */
+.ca_code_031 .card_logo   {background: url('../images/payment/ca_code_031.png') no-repeat;}
+.ca_code_032   {background-color: #0050a0;}  /* 032. 갤러리아 */
+.ca_code_032 .card_logo   {background: url('../images/payment/ca_code_032.png') no-repeat;}
+
+/*카드영역+은행로고*/
+.ca_code_007   {background-color: #003d89;}  /* 007. IBK기업은행 */
+.ca_code_007 .card_logo   {background: url('../images/payment/ba_code_007.png') no-repeat;}
+.ca_code_008   {background-color: #023279;}  /* 008. KDB산업은행 */
+.ca_code_008 .card_logo   {background: url('../images/payment/ba_code_008.png') no-repeat;}
+.ca_code_009   {background-color: #17c600;}  /* 009. SC제일은행 */
+.ca_code_009 .card_logo   {background: url('../images/payment/ba_code_009.png') no-repeat;}
+.ca_code_010   {background-color: #89d100;}  /* 010. 대구은행 */
+.ca_code_010 .card_logo   {background: url('../images/payment/ba_code_010.png') no-repeat;}
+.ca_code_011   {background-color: #e83434;}  /* 011. 부산은행 */
+.ca_code_011 .card_logo   {background: url('../images/payment/ba_code_011.png') no-repeat;}
+.ca_code_012   {background-color: #084295;}  /* 012. 전북은행 */
+.ca_code_012 .card_logo   {background: url('../images/payment/ba_code_012.png') no-repeat;}
+.ca_code_013   {background-color: #836d52;}  /* 013. 경남은행 */
+.ca_code_013 .card_logo   {background: url('../images/payment/ba_code_013.png') no-repeat;}
+.ca_code_014   {background-color: #006fce;}  /* 014. 제주은행 */
+.ca_code_014 .card_logo   {background: url('../images/payment/ba_code_014.png') no-repeat;}
+.ca_code_015   {background-color: #005cd9;}  /* 015. 광주은행 */
+.ca_code_015 .card_logo   {background: url('../images/payment/ba_code_015.png') no-repeat;}
+.ca_code_016   {background-color: #005367;}  /* 016. 새마을금고 */
+.ca_code_016 .card_logo   {background: url('../images/payment/ba_code_016.png') no-repeat;}
+.ca_code_017   {background-color: #00cbec;}  /* 017. 수협중앙 */
+.ca_code_017 .card_logo   {background: url('../images/payment/ba_code_017.png') no-repeat;}
+.ca_code_018   {background-color: #0050a0;}  /* 018. 신용협동조합(신협) */
+.ca_code_018 .card_logo   {background: url('../images/payment/ba_code_018.png') no-repeat;}
+.ca_code_019   {background-color: #de040a;}  /* 019. 우체국 */
+.ca_code_019 .card_logo   {background: url('../images/payment/ba_code_019.png') no-repeat;}
+.ca_code_020   {background-color: #120063;}  /* 020. 케이뱅크 */
+.ca_code_020 .card_logo   {background: url('../images/payment/ba_code_020.png') no-repeat;}
+.ca_code_021   {background-color: #ffe400;}  /* 021. 카카오뱅크 */
+.ca_code_021 .card_logo   {background: url('../images/payment/ba_code_021.png') no-repeat;}
+.ca_code_022   {background-color: #007360;}  /* 022. 상호저축은행 */
+.ca_code_022 .card_logo   {background: url('../images/payment/ba_code_022.png') no-repeat;}
+.ca_code_023   {background-color: #022562;}  /* 023. 산림조합 */
+.ca_code_023 .card_logo   {background: url('../images/payment/ba_code_023.png') no-repeat;}
+.ca_code_024   {background-color: #0064ff;}  /* 024. 토스뱅크 */
+.ca_code_024 .card_logo   {background: url('../images/payment/ba_code_024.png') no-repeat;}
+
+/*계좌영역*/
+.ba_code_001   {background-color: #00b259;}  /* 001. NH농협 */
+.ba_code_001 .card_logo   {background: url('../images/payment/ba_code_001.png') no-repeat;}
+.ba_code_002   {background-color: #1691d3;}  /* 002. 우리은행 */
+.ba_code_002 .card_logo   {background: url('../images/payment/ba_code_002.png') no-repeat;}
+.ba_code_003   {background-color: #3f5bb5;}  /* 003. 신한은행(통합) */
+.ba_code_003 .card_logo   {background: url('../images/payment/ba_code_003.png') no-repeat;}
+.ba_code_004   {background-color: #786d62;}  /* 004. KB국민은행 */
+.ba_code_004 .card_logo   {background: url('../images/payment/ba_code_004.png') no-repeat;}
+.ba_code_005   {background-color: #116d65;}  /* 005. KEB하나은행 */
+.ba_code_005 .card_logo   {background: url('../images/payment/ba_code_005.png') no-repeat;}
+.ba_code_006   {background-color: #004785;}  /* 006. 씨티은행 */
+.ba_code_006 .card_logo   {background: url('../images/payment/ba_code_006.png') no-repeat;}
+.ba_code_007   {background-color: #003d89;}  /* 007. IBK기업은행 */
+.ba_code_007 .card_logo   {background: url('../images/payment/ba_code_007.png') no-repeat;}
+.ba_code_008   {background-color: #023279;}  /* 008. KDB산업은행 */
+.ba_code_008 .card_logo   {background: url('../images/payment/ba_code_008.png') no-repeat;}
+.ba_code_009   {background-color: #17c600;}  /* 009. SC제일은행 */
+.ba_code_009 .card_logo   {background: url('../images/payment/ba_code_009.png') no-repeat;}
+.ba_code_010   {background-color: #89d100;}  /* 010. 대구은행 */
+.ba_code_010 .card_logo   {background: url('../images/payment/ba_code_010.png') no-repeat;}
+.ba_code_011   {background-color: #e83434;}  /* 011. 부산은행 */
+.ba_code_011 .card_logo   {background: url('../images/payment/ba_code_011.png') no-repeat;}
+.ba_code_012   {background-color: #084295;}  /* 012. 전북은행 */
+.ba_code_012 .card_logo   {background: url('../images/payment/ba_code_012.png') no-repeat;}
+.ba_code_013   {background-color: #836d52;}  /* 013. 경남은행 */
+.ba_code_013 .card_logo   {background: url('../images/payment/ba_code_013.png') no-repeat;}
+.ba_code_014   {background-color: #006fce;}  /* 014. 제주은행 */
+.ba_code_014 .card_logo   {background: url('../images/payment/ba_code_014.png') no-repeat;}
+.ba_code_015   {background-color: #005cd9;}  /* 015. 광주은행 */
+.ba_code_015 .card_logo   {background: url('../images/payment/ba_code_015.png') no-repeat;}
+.ba_code_016   {background-color: #005367;}  /* 016. 새마을금고 */
+.ba_code_016 .card_logo   {background: url('../images/payment/ba_code_016.png') no-repeat;}
+.ba_code_017   {background-color: #00cbec;}  /* 017. 수협중앙 */
+.ba_code_017 .card_logo   {background: url('../images/payment/ba_code_017.png') no-repeat;}
+.ba_code_018   {background-color: #0050a0;}  /* 018. 신용협동조합(신협) */
+.ba_code_018 .card_logo   {background: url('../images/payment/ba_code_018.png') no-repeat;}
+.ba_code_019   {background-color: #de040a;}  /* 019. 우체국 */
+.ba_code_019 .card_logo   {background: url('../images/payment/ba_code_019.png') no-repeat;}
+.ba_code_020   {background-color: #120063;}  /* 020. 케이뱅크 */
+.ba_code_020 .card_logo   {background: url('../images/payment/ba_code_020.png') no-repeat;}
+.ba_code_021   {background-color: #ffe400;}  /* 021. 카카오뱅크 */
+.ba_code_021 .card_logo   {background: url('../images/payment/ba_code_021.png') no-repeat;}
+.ba_code_022   {background-color: #007360;}  /* 022. 상호저축은행 */
+.ba_code_022 .card_logo   {background: url('../images/payment/ba_code_022.png') no-repeat;}
+.ba_code_023   {background-color: #022562;}  /* 023. 산림조합 */
+.ba_code_023 .card_logo   {background: url('../images/payment/ba_code_023.png') no-repeat;}
+.ba_code_024   {background-color: #0064ff;}  /* 024. 토스뱅크 */
+.ba_code_024 .card_logo   {background: url('../images/payment/ba_code_024.png') no-repeat;}
+
+
+/*세팅팝업*/
+/*table {border-collapse: collapse; border-spacing: 0;}*/
+.settingWrap .tableW table {border-collapse: collapse; border-spacing: 0;}
+.ui-widget-header.ui-dialog-titlebar {padding: 0px 70px 0 20px !important;}
+.ui-dialog .ui-dialog-title {font-size: 24px !important;}
+.ui-dialog a.ui-dialog-titlebar-close {right:0 !important;}
+.settingWrap {position: fixed !important; top:50% !important; left:50% !important; transform: translate(-50%, -50%) !important; width: 500px; z-index: 10;
+    background: #fff;  letter-spacing: -0.7px !important; overflow: hidden !important; border-radius: 20px !important; box-shadow: 15px 10px 20px #00000014 !important;}
+.settingWrap .ui-dialog-content {padding:0 !important;}
+.settingWrap .imgW {background: #3053bc; padding:40px 0 30px;}
+.settingWrap .imgW .popTit {text-align: center;}
+.settingWrap .imgW img {margin: 0 auto; width:500px;}
+.settingWrap .imgW .slick-slide img {margin: 0 auto; width:500px;}
+.settingWrap .txtW {padding: 25px 20px;}
+.settingWrap .txtW dl {margin-top:20px;}
+.settingWrap .txtW dl:first-child {margin-top:0;}
+.settingWrap .txtW dt {font-size: 14px; padding-bottom:10px; color: #333; font-weight: 600;}
+.settingWrap .txtW dd,
+.settingWrap .txtW li{font-size: 13px; padding-bottom:3px;}
+.settingWrap .txtW dd:last-child,
+.settingWrap .txtW li:last-child {padding-bottom: 0;}
+.settingWrap .txtW li {position: relative; padding-left: 7px;}
+.settingWrap .txtW li:before{content: 'ㆍ'; display: block; position: absolute; left: -5px;}
+
+.settingWrap .tableW {padding:25px 20px;}
+.settingWrap table {width: 100%;}
+.settingWrap table th,
+.settingWrap table td {text-align: center; padding: 15px 10px; border-bottom: 1px solid #e0e0e0;}
+.settingWrap table thead th {border-top:2px solid #e0e0e0; background: #fafafa;}
+.settingWrap table th.left,
+.settingWrap table tbody th {text-align: left;}
+.settingWrap table th {font-weight: bold;}
+.settingWrap table td {}
+
+.settingWrap .feeMonth .txtW {padding-top:0;}
+
+.settingWrap .slick-dots {position: relative; margin: 15px 0 0 0 !important; bottom: 0;}
+.settingWrap .slick-dotted.slick-slider {margin: 0;}
+.settingWrap .slick-dots li {margin: 0; width:17px; height:17px;}
+.settingWrap .slick-dots li button:before{display: none;}
+.settingWrap .slick-dots li button:after {content: '●'; display: inline-block; font-size: 10px; color: #6f87d0;}
+.settingWrap .slick-dots li.slick-active button:after {color:#fff;}
+

build/resources/main/static/crm/css/slick-theme.css

@@ -0,0 +1,205 @@
+@charset 'UTF-8';
+/* Slider */
+.slick-loading .slick-list
+{
+    /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/
+    background: #fff center no-repeat;
+}
+
+/* Icons */
+@font-face
+{
+    font-family: 'slick';
+    font-weight: normal;
+    font-style: normal;
+
+    src: url('./fonts/slick.eot');
+    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+}
+/* Arrows */
+.slick-prev,
+.slick-next
+{
+    font-size: 0;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+
+    cursor: pointer;
+
+    color: transparent;
+    border: none;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus
+{
+    color: transparent;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before
+{
+    opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before
+{
+    opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before
+{
+    font-family: 'slick';
+    font-size: 20px;
+    line-height: 1;
+
+    opacity: .75;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev
+{
+    left: -25px;
+}
+[dir='rtl'] .slick-prev
+{
+    right: -25px;
+    left: auto;
+}
+.slick-prev:before
+{
+    content: '←';
+}
+[dir='rtl'] .slick-prev:before
+{
+    content: '→';
+}
+
+.slick-next
+{
+    right: -25px;
+}
+[dir='rtl'] .slick-next
+{
+    right: auto;
+    left: -25px;
+}
+.slick-next:before
+{
+    content: '→';
+}
+[dir='rtl'] .slick-next:before
+{
+    content: '←';
+}
+
+/* Dots */
+.slick-dotted.slick-slider
+{
+    margin-bottom: 30px;
+}
+
+.slick-dots
+{
+    position: absolute;
+    bottom: -25px;
+
+    display: block;
+
+    width: 100%;
+    padding: 0;
+    margin: 0;
+
+    list-style: none;
+
+    text-align: center;
+}
+.slick-dots li
+{
+    position: relative;
+
+    display: inline-block;
+
+    width: 20px;
+    height: 20px;
+    margin: 0 5px;
+    padding: 0;
+
+    cursor: pointer;
+}
+.slick-dots li button
+{
+    font-size: 0;
+    line-height: 0;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 5px;
+
+    cursor: pointer;
+
+    color: transparent;
+    border: 0;
+    outline: none;
+    background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus
+{
+    outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before
+{
+    opacity: 1;
+}
+.slick-dots li button:before
+{
+    font-family: 'slick';
+    font-size: 6px;
+    line-height: 20px;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 20px;
+    height: 20px;
+
+    content: '•';
+    text-align: center;
+
+    opacity: .25;
+    color: black;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before
+{
+    opacity: .75;
+    color: black;
+}

build/resources/main/static/crm/css/slick.css

@@ -0,0 +1,119 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}