/*GmarketSan*/
@font-face {
font-family: 'GmarketSansLight';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GmarketSansMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GmarketSansBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* Pretendard */
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face{font-family:'xeicon';src:url("//shipang.kr/dfloor/plugin/ex-fonts/xeicon/xeicon.eot?3ka2yj");src:url("//shipang.kr/dfloor/plugin/ex-fonts/xeicon/xeicon.eot?3ka2yj#iefix") format("embedded-opentype"),url("//shipang.kr/dfloor/plugin/ex-fonts/xeicon/xeicon.woff2?3ka2yj") format("woff2"),url("//shipang.kr/dfloor/plugin/ex-fonts/xeicon/xeicon.ttf?3ka2yj") format("truetype"),url("//shipang.kr/dfloor/plugin/ex-fonts/xeicon/xeicon.woff?3ka2yj") format("woff"),url("//shipang.kr/dfloor/plugin/ex-fonts/xeicon/xeicon.svg?3ka2yj#xeicon") format("svg");font-weight:400;font-style:normal}[class^="xi-"],[class*=" xi-"]{font-family:'xeicon'!important;display:inline-block;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xi-home:before{content:"\e900"}.xi-home-o:before{content:"\e902"}.xi-bars:before{content:"\e91c"}.xi-hamburger-back:before{content:"\eb46"}.xi-hamburger-out:before{content:"\eb45"}.xi-apps:before{content:"\e903"}.xi-ellipsis-h:before{content:"\e94a"}.xi-ellipsis-v:before{content:"\e949"}.xi-drag-vertical:before{content:"\e996"}.xi-drag-handle:before{content:"\e960"}.xi-arrow-top:before{content:"\e912"}.xi-arrow-bottom:before{content:"\e904"}.xi-arrow-left:before{content:"\e906"}.xi-arrow-right:before{content:"\e907"}.xi-arrow-up:before{content:"\e915"}.xi-arrow-down:before{content:"\e905"}.xi-long-arrow-left:before{content:"\e908"}.xi-long-arrow-right:before{content:"\e90b"}.xi-long-arrow-up:before{content:"\e909"}.xi-long-arrow-down:before{content:"\e90a"}.xi-angle-left:before{content:"\e93b"}.xi-angle-left-min:before{content:"\e93c"}.xi-angle-left-thin:before{content:"\e93d"}.xi-angle-right:before{content:"\e93e"}.xi-angle-right-min:before{content:"\e93f"}.xi-angle-right-thin:before{content:"\e940"}.xi-angle-up:before{content:"\e944"}.xi-angle-up-min:before{content:"\e945"}.xi-angle-up-thin:before{content:"\e946"}.xi-angle-down:before{content:"\e941"}.xi-angle-down-min:before{content:"\e942"}.xi-angle-down-thin:before{content:"\e943"}.xi-caret-up:before{content:"\e92f"}.xi-caret-up-min:before{content:"\e930"}.xi-caret-down:before{content:"\e935"}.xi-caret-down-min:before{content:"\e936"}.xi-caret-up-circle:before{content:"\e931"}.xi-caret-up-circle-o:before{content:"\e932"}.xi-caret-down-circle:before{content:"\e937"}.xi-caret-down-circle-o:before{content:"\e938"}.xi-caret-up-square:before{content:"\e933"}.xi-caret-up-square-o:before{content:"\e934"}.xi-caret-down-square:before{content:"\e939"}.xi-caret-down-square-o:before{content:"\e93a"}.xi-arrows-h:before{content:"\e90e"}.xi-arrows-v:before{content:"\e90f"}.xi-expand:before{content:"\e910"}.xi-compress:before{content:"\e911"}.xi-arrows:before{content:"\e90c"}.xi-arrows-alt:before{content:"\e90d"}.xi-compare-arrows:before{content:"\e947"}.xi-scroll:before{content:"\e94b"}.xi-dashboard:before{content:"\e948"}.xi-dashboard-o:before{content:"\e95e"}.xi-refresh:before{content:"\e973"}.xi-catched:before{content:"\e923"}.xi-renew:before{content:"\e977"}.xi-sync:before{content:"\e982"}.xi-eye:before{content:"\e951"}.xi-eye-o:before{content:"\e950"}.xi-eye-off:before{content:"\e953"}.xi-eye-slash:before{content:"\e953"}.xi-eye-off-o:before{content:"\e952"}.xi-eye-slash2:before{content:"\e952"}.xi-lock:before{content:"\e964"}.xi-lock-o:before{content:"\e966"}.xi-unlock:before{content:"\e965"}.xi-unlock-o:before{content:"\e967"}.xi-trash:before{content:"\e96e"}.xi-trash-o:before{content:"\e96f"}.xi-flag:before{content:"\e961"}.xi-flag-o:before{content:"\e962"}.xi-expand-square:before{content:"\e954"}.xi-compress-square:before{content:"\e955"}.xi-log-in:before{content:"\e963"}.xi-log-out:before{content:"\e972"}.xi-search:before{content:"\e97a"}.xi-magnifier:before{content:"\e97a"}.xi-zoom-in:before{content:"\e97b"}.xi-magnifier-expand:before{content:"\e97b"}.xi-zoom-out:before{content:"\e97c"}.xi-magnifier-reduce:before{content:"\e97c"}.xi-subdirectory:before{content:"\e97e"}.xi-subdirectory-arrow:before{content:"\e981"}.xi-external-link:before{content:"\e980"}.xi-cog:before{content:"\e986"}.xi-view-array:before{content:"\e983"}.xi-view-carousel:before{content:"\e984"}.xi-view-column:before{content:"\e985"}.xi-view-day:before{content:"\e98d"}.xi-view-list:before{content:"\e993"}.xi-view-module:before{content:"\e997"}.xi-view-stream:before{content:"\e99a"}.xi-wrench:before{content:"\e99b"}.xi-filter:before{content:"\e9d9"}.xi-funnel:before{content:"\e9d9"}.xi-plus:before{content:"\e913"}.xi-plus-min:before{content:"\e914"}.xi-plus-thin:before{content:"\e9c5"}.xi-minus:before{content:"\e91a"}.xi-minus-min:before{content:"\e91b"}.xi-minus-thin:before{content:"\e9c1"}.xi-close:before{content:"\e921"}.xi-close-min:before{content:"\e922"}.xi-close-thin:before{content:"\e9af"}.xi-check:before{content:"\e928"}.xi-check-min:before{content:"\e929"}.xi-check-thin:before{content:"\e92a"}.xi-plus-circle:before{content:"\e916"}.xi-plus-circle-o:before{content:"\e917"}.xi-minus-circle:before{content:"\e91d"}.xi-minus-circle-o:before{content:"\e91e"}.xi-close-circle:before{content:"\e924"}.xi-close-circle-o:before{content:"\e925"}.xi-check-circle:before{content:"\e92b"}.xi-check-circle-o:before{content:"\e92c"}.xi-plus-square:before{content:"\e918"}.xi-plus-square-o:before{content:"\e919"}.xi-minus-square:before{content:"\e91f"}.xi-minus-square-o:before{content:"\e920"}.xi-close-square:before{content:"\e926"}.xi-close-square-o:before{content:"\e927"}.xi-check-square:before{content:"\e92d"}.xi-check-box:before{content:"\e92d"}.xi-checkbox-blank:before{content:"\ea0e"}.xi-check-square-o:before{content:"\e92e"}.xi-checkbox-checked:before{content:"\e92e"}.xi-radiobox-blank:before{content:"\e9c6"}.xi-radiobox-checked:before{content:"\e9c7"}.xi-cut:before{content:"\e9b0"}.xi-label:before{content:"\e9b1"}.xi-label-o:before{content:"\e9b2"}.xi-library-add:before{content:"\e9b3"}.xi-library-bookmark:before{content:"\e9b4"}.xi-tagged-book:before{content:"\e9b4"}.xi-save:before{content:"\e9b9"}.xi-lightbulb:before{content:"\e9be"}.xi-idea:before{content:"\e9be"}.xi-lightbulb-o:before{content:"\e9bf"}.xi-link:before{content:"\e9c0"}.xi-package:before{content:"\e9c2"}.xi-archive:before{content:"\e9c2"}.xi-pen:before{content:"\e9c3"}.xi-pen-o:before{content:"\e9c4"}.xi-undo:before{content:"\e9d2"}.xi-redo:before{content:"\e9c8"}.xi-switch-off:before{content:"\e9c9"}.xi-switch-on:before{content:"\e9ca"}.xi-toggle-off:before{content:"\e9cb"}.xi-toggle-on:before{content:"\e9cd"}.xi-bookmark:before{content:"\ea1c"}.xi-bookmark-o:before{content:"\ea1d"}.xi-tag:before{content:"\ea36"}.xi-tags:before{content:"\ea37"}.xi-mail:before{content:"\ea06"}.xi-envelope:before{content:"\ea06"}.xi-social-email:before{content:"\ea06"}.xi-mail-o:before{content:"\ea07"}.xi-mail-read:before{content:"\ea08"}.xi-envelope-open:before{content:"\ea08"}.xi-mail-read-o:before{content:"\ea09"}.xi-send:before{content:"\ea0b"}.xi-paper-plane:before{content:"\ea0b"}.xi-reply:before{content:"\ea0d"}.xi-reply-all:before{content:"\ea0c"}.xi-share:before{content:"\e9fa"}.xi-share-l:before{content:"\e9fa"}.xi-share-alt:before{content:"\e9e9"}.xi-share-alt-o:before{content:"\e9ea"}.xi-call:before{content:"\e9d3"}.xi-phone:before{content:"\e9d3"}.xi-call-outgoing:before{content:"\e9d4"}.xi-call-incoming:before{content:"\e9d6"}.xi-call-reception:before{content:"\e9d6"}.xi-call-missed:before{content:"\e9d5"}.xi-comment:before{content:"\e9d7"}.xi-comment-o:before{content:"\e9d8"}.xi-forum:before{content:"\e9f0"}.xi-comments:before{content:"\e9f0"}.xi-forum-o:before{content:"\e9f1"}.xi-video-call:before{content:"\ea18"}.xi-xi-film:before{content:"\ea18"}.xi-voicemail:before{content:"\ea19"}.xi-note:before{content:"\ea1a"}.xi-note-o:before{content:"\ea1b"}.xi-at:before{content:"\ea0a"}.xi-message:before{content:"\ea14"}.xi-message-o:before{content:"\ea15"}.xi-speech:before{content:"\ea12"}.xi-speech-o:before{content:"\ea13"}.xi-user-address:before{content:"\e9f4"}.xi-profile:before{content:"\e9f2"}.xi-user-circle:before{content:"\e9f2"}.xi-profile-o:before{content:"\ea2a"}.xi-user:before{content:"\e9f3"}.xi-users:before{content:"\e9f9"}.xi-group:before{content:"\ea2e"}.xi-community:before{content:"\ea2e"}.xi-user-plus:before{content:"\e9f7"}.xi-users-plus:before{content:"\ea17"}.xi-user-o:before{content:"\e9f5"}.xi-users-o:before{content:"\ea04"}.xi-user-plus-o:before{content:"\e9f8"}.xi-star:before{content:"\ea0f"}.xi-star-o:before{content:"\ea16"}.xi-heart:before{content:"\ea10"}.xi-heart-o:before{content:"\ea11"}.xi-thumbs-up:before{content:"\ea28"}.xi-thumbs-down:before{content:"\ea29"}.xi-crown:before{content:"\e9da"}.xi-trophy:before{content:"\ea38"}.xi-emoticon-happy:before{content:"\e9dd"}.xi-happy-face:before{content:"\e9dd"}.xi-emoticon-happy-o:before{content:"\e9ed"}.xi-emoticon-smiley:before{content:"\e9e4"}.xi-smiley-face:before{content:"\e9e4"}.xi-emoticon-smiley-o:before{content:"\e9e6"}.xi-emoticon-neutral:before{content:"\e9eb"}.xi-neutral-face:before{content:"\e9eb"}.xi-emoticon-neutral-o:before{content:"\e9ec"}.xi-emoticon-bad:before{content:"\e9de"}.xi-emoticon-bad-o:before{content:"\e9df"}.xi-emoticon-sad:before{content:"\e9ee"}.xi-sad-face:before{content:"\e9ee"}.xi-emoticon-sad-o:before{content:"\e9ef"}.xi-emoticon-devil:before{content:"\e9e2"}.xi-angry-face:before{content:"\e9e2"}.xi-emoticon-devil-o:before{content:"\e9e3"}.xi-emoticon-cool:before{content:"\e9e0"}.xi-emoticon-cool-o:before{content:"\e9e1"}.xi-bell:before{content:"\e99c"}.xi-bell-o:before{content:"\e99d"}.xi-bell-off:before{content:"\e99e"}.xi-bell-slash:before{content:"\e99e"}.xi-bell-off-o:before{content:"\e99f"}.xi-alarm:before{content:"\ea1e"}.xi-alarm-o:before{content:"\ea1f"}.xi-alarm-off:before{content:"\ea20"}.xi-time:before{content:"\ea2b"}.xi-time-o:before{content:"\ea2c"}.xi-snooze:before{content:"\ea27"}.xi-calendar:before{content:"\e9a0"}.xi-calendar-add:before{content:"\e9a1"}.xi-calendar-remove:before{content:"\e9a2"}.xi-calendar-cancle:before{content:"\e9a3"}.xi-calendar-check:before{content:"\e9a4"}.xi-calendar-list:before{content:"\e9a5"}.xi-new:before{content:"\e9a8"}.xi-new-o:before{content:"\e9a9"}.xi-info:before{content:"\e9a6"}.xi-information-circle:before{content:"\e9a6"}.xi-info-o:before{content:"\e9a7"}.xi-help:before{content:"\e9ad"}.xi-unknown-circle:before{content:"\e9ad"}.xi-help-o:before{content:"\e9ac"}.xi-error:before{content:"\e9aa"}.xi-error-o:before{content:"\e9ab"}.xi-ban:before{content:"\e9ae"}.xi-slash-circle:before{content:"\e9ae"}.xi-warning:before{content:"\ea2d"}.xi-hand-paper:before{content:"\ea21"}.xi-key:before{content:"\ea22"}.xi-security:before{content:"\ea24"}.xi-shield:before{content:"\ea24"}.xi-shield-checked:before{content:"\ea25"}.xi-check-shield:before{content:"\ea25"}.xi-shield-checked-o:before{content:"\ea26"}.xi-align-justify:before{content:"\e956"}.xi-align-left:before{content:"\e957"}.xi-align-center:before{content:"\e958"}.xi-align-right:before{content:"\e959"}.xi-indent:before{content:"\e95a"}.xi-dedent:before{content:"\e95b"}.xi-list-dot:before{content:"\e95c"}.xi-list-ul:before{content:"\e95c"}.xi-list-square:before{content:"\e95d"}.xi-list-ul-square:before{content:"\e95d"}.xi-list-number:before{content:"\ea6b"}.xi-list-ol:before{content:"\ea6b"}.xi-list:before{content:"\e95f"}.xi-list-ul-l:before{content:"\e95f"}.xi-paragraph:before{content:"\e968"}.xi-bold:before{content:"\e96a"}.xi-italic:before{content:"\e96c"}.xi-strikethrough:before{content:"\e969"}.xi-underline:before{content:"\e96b"}.xi-caps:before{content:"\e96d"}.xi-text-size:before{content:"\eaba"}.xi-text-type:before{content:"\e97f"}.xi-type:before{content:"\e97f"}.xi-spellcheck:before{content:"\eaa9"}.xi-translate:before{content:"\eabc"}.xi-line-height:before{content:"\e976"}.xi-lineheight:before{content:"\e976"}.xi-font:before{content:"\ea63"}.xi-text-format:before{content:"\eab9"}.xi-text-color:before{content:"\eaaa"}.xi-color-fill:before{content:"\ea5e"}.xi-color-helper:before{content:"\ea5f"}.xi-scissors:before{content:"\e994"}.xi-document:before{content:"\e998"}.xi-form:before{content:"\e998"}.xi-palette:before{content:"\e995"}.xi-color:before{content:"\e995"}.xi-color-dropper:before{content:"\e97d"}.xi-eye-dropper:before{content:"\e97d"}.xi-eraser:before{content:"\e970"}.xi-eraser-o:before{content:"\e971"}.xi-sort-asc:before{content:"\e974"}.xi-lineheight-plus:before{content:"\e974"}.xi-sort-desc:before{content:"\e975"}.xi-lineheight-minus:before{content:"\e975"}.xi-rotate-right:before{content:"\e978"}.xi-rotate-left:before{content:"\e979"}.xi-layout:before{content:"\e988"}.xi-layout-top:before{content:"\e988"}.xi-layout-o:before{content:"\e98e"}.xi-layout-full:before{content:"\e989"}.xi-layout-full-o:before{content:"\e98f"}.xi-layout-snb:before{content:"\e98a"}.xi-layout-top-left:before{content:"\e98a"}.xi-layout-snb-o:before{content:"\e990"}.xi-layout-aside:before{content:"\e98b"}.xi-layout-top-right:before{content:"\e98b"}.xi-layout-aside-o:before{content:"\e991"}.xi-layout-column:before{content:"\e98c"}.xi-layout-top-three:before{content:"\e98c"}.xi-layout-column-o:before{content:"\e992"}.xi-crop:before{content:"\e999"}.xi-border-color:before{content:"\ea39"}.xi-line-style:before{content:"\ea66"}.xi-line-weight:before{content:"\ea67"}.xi-border-all:before{content:"\e987"}.xi-border-bottom:before{content:"\ea32"}.xi-border-clear:before{content:"\ea33"}.xi-border-horizontal:before{content:"\ea45"}.xi-border-inner:before{content:"\ea46"}.xi-border-left:before{content:"\ea49"}.xi-border-outer:before{content:"\ea4f"}.xi-border-right:before{content:"\ea51"}.xi-border-style:before{content:"\ea52"}.xi-border-top:before{content:"\ea54"}.xi-border-vertical:before{content:"\ea5c"}.xi-valign-top:before{content:"\eabf"}.xi-valign-bottom:before{content:"\eabd"}.xi-valign-center:before{content:"\eabe"}.xi-code:before{content:"\ea5d"}.xi-emoticon:before{content:"\ea62"}.xi-emoji:before{content:"\ea62"}.xi-face:before{content:"\ea62"}.xi-link-insert:before{content:"\ea6a"}.xi-link-l:before{content:"\ea6a"}.xi-link-broken:before{content:"\ea68"}.xi-unlink:before{content:"\ea68"}.xi-omega:before{content:"\ea6c"}.xi-opacity:before{content:"\ea6d"}.xi-overscan:before{content:"\ea78"}.xi-paperclip:before{content:"\ea7f"}.xi-transform:before{content:"\eabb"}.xi-power-off:before{content:"\e94c"}.xi-esc:before{content:"\e94f"}.xi-command:before{content:"\e94e"}.xi-alt:before{content:"\e94d"}.xi-tab:before{content:"\eaf8"}.xi-backspace:before{content:"\eac4"}.xi-capslock:before{content:"\ead6"}.xi-watch:before{content:"\e9b5"}.xi-mouse:before{content:"\e9b6"}.xi-sdcard:before{content:"\e9b7"}.xi-usb-drive:before{content:"\e9b8"}.xi-diskette:before{content:"\e9ba"}.xi-print:before{content:"\e9bb"}.xi-social-print:before{content:"\e9bb"}.xi-fax:before{content:"\e9bc"}.xi-webcam:before{content:"\e9cc"}.xi-projector:before{content:"\e9ce"}.xi-presentation:before{content:"\e9cf"}.xi-plug:before{content:"\e9d0"}.xi-speaker:before{content:"\ea60"}.xi-airplay:before{content:"\eac0"}.xi-alarm-clock:before{content:"\eac1"}.xi-alarm-clock-o:before{content:"\eac2"}.xi-alarm-clock-off:before{content:"\eac3"}.xi-battery:before{content:"\eac5"}.xi-battery-full:before{content:"\eac5"}.xi-battery-o:before{content:"\ead0"}.xi-battery-min:before{content:"\ead0"}.xi-battery-10:before{content:"\eac6"}.xi-battery-20:before{content:"\eac7"}.xi-battery-30:before{content:"\eac8"}.xi-battery-40:before{content:"\eac9"}.xi-battery-50:before{content:"\eacb"}.xi-battery-60:before{content:"\eacc"}.xi-battery-70:before{content:"\eacd"}.xi-battery-80:before{content:"\eace"}.xi-battery-90:before{content:"\eacf"}.xi-bluetooth:before{content:"\ead1"}.xi-bluetooth-off:before{content:"\ead2"}.xi-bluetooth-on:before{content:"\ead3"}.xi-bluetooth-search:before{content:"\ead4"}.xi-brightness:before{content:"\ead5"}.xi-clock:before{content:"\ead7"}.xi-clock-o:before{content:"\ead8"}.xi-contrast:before{content:"\ead9"}.xi-desktop:before{content:"\eada"}.xi-monitor:before{content:"\eada"}.xi-laptop:before{content:"\eae9"}.xi-devices:before{content:"\eadb"}.xi-tablet:before{content:"\eaf9"}.xi-mobile:before{content:"\eaed"}.xi-tv:before{content:"\eafb"}.xi-enter:before{content:"\eadc"}.xi-flashlight:before{content:"\eadd"}.xi-flashlight-off:before{content:"\eade"}.xi-flight-off:before{content:"\eadf"}.xi-flight-on:before{content:"\eae0"}.xi-gamepad:before{content:"\eae1"}.xi-gps:before{content:"\eae2"}.xi-gps-none:before{content:"\eae3"}.xi-gps-off:before{content:"\eae4"}.xi-hdd:before{content:"\eae5"}.xi-hdmi:before{content:"\eae6"}.xi-keyboard:before{content:"\eae7"}.xi-keyboard-o:before{content:"\eae8"}.xi-space-bar:before{content:"\eaf7"}.xi-lock-rotation:before{content:"\eaea"}.xi-chip:before{content:"\eaeb"}.xi-chip-o:before{content:"\eaec"}.xi-mouse-pointer:before{content:"\eaee"}.xi-router:before{content:"\eaef"}.xi-wifi-router:before{content:"\eaef"}.xi-router-o:before{content:"\eaf0"}.xi-signal:before{content:"\eaf1"}.xi-signal-1:before{content:"\eaf2"}.xi-signal-2:before{content:"\eaf3"}.xi-signal-3:before{content:"\eaf4"}.xi-signal-4:before{content:"\eaf5"}.xi-signal-none:before{content:"\eaf6"}.xi-touch:before{content:"\eafa"}.xi-usb:before{content:"\eafc"}.xi-wifi:before{content:"\eafd"}.xi-wifi-signal:before{content:"\eafd"}.xi-wifi-signal-mid:before{content:"\eafe"}.xi-wifi-signal-min:before{content:"\eaff"}.xi-wifi-signal-off:before{content:"\eb00"}.xi-chart-bar:before{content:"\e901"}.xi-book:before{content:"\ea34"}.xi-book-o:before{content:"\ea35"}.xi-play:before{content:"\ea3e"}.xi-caret-right:before{content:"\ea3e"}.xi-play-circle:before{content:"\ea40"}.xi-play-circle-o:before{content:"\ea3f"}.xi-pause-circle:before{content:"\ea3d"}.xi-pause-circle-o:before{content:"\ea3c"}.xi-pause:before{content:"\ea3b"}.xi-stop:before{content:"\ea41"}.xi-recording-stop:before{content:"\eb24"}.xi-recording:before{content:"\eb21"}.xi-record:before{content:"\eb21"}.xi-eject:before{content:"\ea42"}.xi-step-backward:before{content:"\ea43"}.xi-step-forward:before{content:"\ea44"}.xi-backward:before{content:"\ea47"}.xi-forward:before{content:"\ea48"}.xi-fast-backward:before{content:"\eb08"}.xi-fast-forward:before{content:"\eb07"}.xi-camera:before{content:"\ea4b"}.xi-camera-o:before{content:"\ea4a"}.xi-videocam:before{content:"\ea4d"}.xi-video-camera:before{content:"\ea4d"}.xi-videocam-o:before{content:"\ea4c"}.xi-image:before{content:"\ea50"}.xi-image-o:before{content:"\ea4e"}.xi-microphone-o:before{content:"\ea56"}.xi-microphone:before{content:"\ea57"}.xi-microphone-off:before{content:"\ea58"}.xi-microphone-slash:before{content:"\ea58"}.xi-volume-mute:before{content:"\ea59"}.xi-volume:before{content:"\ea59"}.xi-volume-down:before{content:"\ea5a"}.xi-volume-min:before{content:"\ea5a"}.xi-volume-up:before{content:"\ea5b"}.xi-volume-max:before{content:"\ea5b"}.xi-volume-off:before{content:"\eb39"}.xi-volume-slash:before{content:"\eb39"}.xi-album:before{content:"\ea61"}.xi-record-play:before{content:"\ea61"}.xi-cd-r:before{content:"\ea61"}.xi-headset:before{content:"\ea64"}.xi-music:before{content:"\ea65"}.xi-chart-pyramid:before{content:"\ea69"}.xi-chart-bar-square:before{content:"\eb01"}.xi-chart-line:before{content:"\eb02"}.xi-chart-pie:before{content:"\eb03"}.xi-chart-pie-o:before{content:"\eb04"}.xi-equalizer:before{content:"\eb05"}.xi-volume-bar:before{content:"\eb05"}.xi-equalizer-thin:before{content:"\ea55"}.xi-exposure:before{content:"\eb06"}.xi-flash:before{content:"\eb09"}.xi-flash-off:before{content:"\eb0a"}.xi-focus-center:before{content:"\eb0b"}.xi-focus-frame:before{content:"\eb0c"}.xi-focus-weak:before{content:"\eb11"}.xi-paper:before{content:"\eb1e"}.xi-paper-o:before{content:"\eb1f"}.xi-library-books:before{content:"\eb14"}.xi-library-books-o:before{content:"\eb16"}.xi-library-image:before{content:"\eb17"}.xi-library-image-o:before{content:"\eb18"}.xi-library-music:before{content:"\eb19"}.xi-library-video:before{content:"\eb1a"}.xi-movie:before{content:"\eb1b"}.xi-movie-o:before{content:"\eb1c"}.xi-pacman:before{content:"\eb1d"}.xi-radio:before{content:"\eb20"}.xi-repeat:before{content:"\eb25"}.xi-repeat-one:before{content:"\eb26"}.xi-shuffle:before{content:"\eb27"}.xi-timer:before{content:"\eb29"}.xi-timer-o:before{content:"\eb2a"}.xi-timer-off-o:before{content:"\eb2f"}.xi-timer-sand:before{content:"\eb30"}.xi-sandwatch-min:before{content:"\eb30"}.xi-timer-sand-o:before{content:"\eb31"}.xi-trending-flat:before{content:"\eb36"}.xi-trending-down:before{content:"\eb33"}.xi-decline:before{content:"\eb33"}.xi-trending-up:before{content:"\eb37"}.xi-rise:before{content:"\eb37"}.xi-tune:before{content:"\eb38"}.xi-map:before{content:"\eb22"}.xi-map-folding:before{content:"\eb22"}.xi-map-o:before{content:"\eb23"}.xi-my-location:before{content:"\eb5d"}.xi-location-arrow:before{content:"\eb58"}.xi-woman:before{content:"\ea2f"}.xi-man:before{content:"\ea30"}.xi-toilet:before{content:"\ea31"}.xi-pregnant-woman:before{content:"\eb61"}.xi-maternity:before{content:"\eb61"}.xi-walk:before{content:"\eb6d"}.xi-walking:before{content:"\eb6d"}.xi-run:before{content:"\eb63"}.xi-wheelchair:before{content:"\eb6e"}.xi-glass:before{content:"\eb28"}.xi-market:before{content:"\eb2b"}.xi-shopping-bag:before{content:"\eb2b"}.xi-pharmacy:before{content:"\eb2c"}.xi-laundry:before{content:"\eb2e"}.xi-florist:before{content:"\eb32"}.xi-hlz:before{content:"\eb34"}.xi-park:before{content:"\eb35"}.xi-airplane:before{content:"\eb3a"}.xi-all:before{content:"\eb3b"}.xi-flight-takeoff:before{content:"\eb3c"}.xi-flight:before{content:"\eb3c"}.xi-flight-land:before{content:"\eb3d"}.xi-bank:before{content:"\eb3e"}.xi-bank-o:before{content:"\eb3e"}.xi-beach:before{content:"\eb3f"}.xi-bicycle:before{content:"\eb40"}.xi-building:before{content:"\eb41"}.xi-bus:before{content:"\eb42"}.xi-business:before{content:"\eb43"}.xi-cafe:before{content:"\eb44"}.xi-cake:before{content:"\eb47"}.xi-car:before{content:"\eb48"}.xi-church:before{content:"\eb49"}.xi-city:before{content:"\eb4a"}.xi-compass:before{content:"\eb4b"}.xi-compass-o:before{content:"\eb4c"}.xi-convenience-store:before{content:"\eb4d"}.xi-directions:before{content:"\eb4e"}.xi-factory:before{content:"\eb4f"}.xi-fitness-center:before{content:"\eb50"}.xi-garden:before{content:"\eb51"}.xi-gas-station:before{content:"\eb52"}.xi-golf:before{content:"\eb53"}.xi-hand-pointing:before{content:"\eb54"}.xi-hospital:before{content:"\eb55"}.xi-hotel:before{content:"\eb56"}.xi-library:before{content:"\eb57"}.xi-maker:before{content:"\eb59"}.xi-marker-circle:before{content:"\eb59"}.xi-marker-plus:before{content:"\eb5b"}.xi-maker-drop:before{content:"\eb5f"}.xi-map-marker:before{content:"\eb5f"}.xi-marker-check:before{content:"\eb5a"}.xi-motorcycle:before{content:"\eb5c"}.xi-navigation:before{content:"\eb5e"}.xi-pool:before{content:"\eb60"}.xi-restaurant:before{content:"\eb62"}.xi-school:before{content:"\eb64"}.xi-ship:before{content:"\eb65"}.xi-spa:before{content:"\eb66"}.xi-stroller:before{content:"\eb67"}.xi-subway:before{content:"\eb68"}.xi-taxi:before{content:"\eb69"}.xi-theater:before{content:"\eb6a"}.xi-film:before{content:"\eb6a"}.xi-traffic:before{content:"\eb6b"}.xi-train:before{content:"\eb6c"}.xi-cart:before{content:"\eb6f"}.xi-cart-o:before{content:"\e9fb"}.xi-cart-add:before{content:"\e9fc"}.xi-cart-remove:before{content:"\e9fd"}.xi-basket:before{content:"\e9fe"}.xi-box:before{content:"\ea01"}.xi-fragile:before{content:"\ea02"}.xi-coupon:before{content:"\ea03"}.xi-shop:before{content:"\ea05"}.xi-gift:before{content:"\eb70"}.xi-present:before{content:"\eb70"}.xi-gift-o:before{content:"\ea3a"}.xi-exchange:before{content:"\ea53"}.xi-barter:before{content:"\ea53"}.xi-yuan:before{content:"\ea6e"}.xi-won:before{content:"\ea6f"}.xi-yen:before{content:"\ea70"}.xi-pound:before{content:"\ea71"}.xi-euro:before{content:"\ea72"}.xi-rial:before{content:"\ea73"}.xi-dollar:before{content:"\ea74"}.xi-peso:before{content:"\ea75"}.xi-rupee:before{content:"\ea76"}.xi-credit-card:before{content:"\ea77"}.xi-money:before{content:"\ea79"}.xi-piggy-bank:before{content:"\ea7a"}.xi-strongbox:before{content:"\ea7b"}.xi-briefcase:before{content:"\ea7c"}.xi-percent:before{content:"\ea7d"}.xi-calculator:before{content:"\ea7e"}.xi-medicine:before{content:"\eb2d"}.xi-receipt:before{content:"\eb71"}.xi-truck:before{content:"\eb72"}.xi-wallet:before{content:"\eb73"}.xi-file:before{content:"\ea94"}.xi-file-o:before{content:"\ea80"}.xi-file-add:before{content:"\ea95"}.xi-file-add-o:before{content:"\ea81"}.xi-file-remove:before{content:"\ea96"}.xi-file-remove-o:before{content:"\ea82"}.xi-file-text:before{content:"\ea97"}.xi-file-text-o:before{content:"\ea83"}.xi-documents:before{content:"\ea98"}.xi-stack-paper:before{content:"\ea98"}.xi-documents-o:before{content:"\ea84"}.xi-file-image:before{content:"\ea99"}.xi-file-image-o:before{content:"\ea85"}.xi-file-video:before{content:"\ea9a"}.xi-file-video-o:before{content:"\ea86"}.xi-file-music:before{content:"\ea9b"}.xi-file-music-o:before{content:"\ea87"}.xi-file-code:before{content:"\ea9c"}.xi-file-code-o:before{content:"\ea88"}.xi-file-zip:before{content:"\ea9d"}.xi-file-zip-o:before{content:"\ea89"}.xi-file-upload:before{content:"\ea9e"}.xi-file-upload-o:before{content:"\ea8a"}.xi-file-download:before{content:"\ea9f"}.xi-file-download-o:before{content:"\ea8b"}.xi-file-check:before{content:"\eaa0"}.xi-file-check-o:before{content:"\ea8c"}.xi-folder:before{content:"\eaa1"}.xi-folder-o:before{content:"\ea8d"}.xi-folder-open:before{content:"\eaa8"}.xi-folder-shared:before{content:"\eb7d"}.xi-folder-zip:before{content:"\eaa7"}.xi-folder-zip-o:before{content:"\ea93"}.xi-folder-add:before{content:"\eaa2"}.xi-folder-add-o:before{content:"\ea8e"}.xi-folder-remove:before{content:"\eaa3"}.xi-folder-remove-o:before{content:"\ea8f"}.xi-folder-check:before{content:"\eaa4"}.xi-folder-check-o:before{content:"\ea90"}.xi-folder-upload:before{content:"\eaa5"}.xi-folder-upload-o:before{content:"\ea91"}.xi-folder-download:before{content:"\eaa6"}.xi-folder-download-o:before{content:"\ea92"}.xi-attachment:before{content:"\eb74"}.xi-cloud:before{content:"\eb75"}.xi-cloud-o:before{content:"\eb78"}.xi-cloud-off:before{content:"\eb79"}.xi-cloud-upload:before{content:"\eb7a"}.xi-cloud-upload-o:before{content:"\eb7b"}.xi-cloud-download:before{content:"\eb76"}.xi-cloud-download-o:before{content:"\eb77"}.xi-upload:before{content:"\eb7e"}.xi-download:before{content:"\eb7c"}.xi-globus:before{content:"\e9d1"}.xi-browser:before{content:"\e9db"}.xi-browser-text:before{content:"\e9dc"}.xi-rss-square:before{content:"\e9e5"}.xi-central-signal:before{content:"\e9e7"}.xi-central-router:before{content:"\e9e8"}.xi-antenna:before{content:"\e9f6"}.xi-barcode:before{content:"\e9ff"}.xi-qr-code:before{content:"\ea00"}.xi-accessibility:before{content:"\eb7f"}.xi-branch:before{content:"\eb80"}.xi-fork:before{content:"\eb85"}.xi-code-fork:before{content:"\eb85"}.xi-pull-requests:before{content:"\eb92"}.xi-merge:before{content:"\eb8b"}.xi-log:before{content:"\eb8a"}.xi-bug:before{content:"\eb81"}.xi-cookie:before{content:"\eb82"}.xi-fingerprint:before{content:"\eb84"}.xi-css3:before{content:"\eb83"}.xi-html5:before{content:"\eb86"}.xi-javascript:before{content:"\eb87"}.xi-csharp:before{content:"\eb88"}.xi-php:before{content:"\eb91"}.xi-python:before{content:"\eb94"}.xi-milestone:before{content:"\eb8c"}.xi-network-company:before{content:"\eb8d"}.xi-network-folder:before{content:"\eb8e"}.xi-network-home:before{content:"\eb8f"}.xi-home-network:before{content:"\eb8f"}.xi-network-public:before{content:"\eb90"}.xi-cloud-network:before{content:"\eb90"}.xi-puzzle:before{content:"\eb93"}.xi-rss:before{content:"\eb95"}.xi-social-rssfeed:before{content:"\eb95"}.xi-server:before{content:"\eb96"}.xi-network-server:before{content:"\eb97"}.xi-sitemap:before{content:"\eb98"}.xi-sitemap-o:before{content:"\eb99"}.xi-spinner-1:before{content:"\ec33"}.xi-spinner-2:before{content:"\ec34"}.xi-spinner-3:before{content:"\ec35"}.xi-spinner-4:before{content:"\ec36"}.xi-spinner-5:before{content:"\ec37"}.xi-full-moon:before{content:"\eb0d"}.xi-fullmoon:before{content:"\eb0d"}.xi-half-moon:before{content:"\eb0e"}.xi-halfmoon:before{content:"\eb0e"}.xi-crescent:before{content:"\eb9b"}.xi-moon:before{content:"\eb0f"}.xi-night:before{content:"\eb10"}.xi-snow-crystal:before{content:"\eb15"}.xi-snow:before{content:"\eb15"}.xi-cloudy:before{content:"\eb9c"}.xi-fog:before{content:"\eb9d"}.xi-foggy:before{content:"\eb9e"}.xi-lightning:before{content:"\eb9f"}.xi-partly-cloudy:before{content:"\eba0"}.xi-pouring:before{content:"\eba1"}.xi-rain:before{content:"\eba1"}.xi-snowy:before{content:"\eba2"}.xi-heavy-snow:before{content:"\eba2"}.xi-sun:before{content:"\eba3"}.xi-sun-o:before{content:"\eba4"}.xi-sunset:before{content:"\eba5"}.xi-sunset-down:before{content:"\eba6"}.xi-sunset-up:before{content:"\eba7"}.xi-thermometer:before{content:"\eba8"}.xi-tint:before{content:"\eba9"}.xi-humidity:before{content:"\eba9"}.xi-tint-o:before{content:"\ebaa"}.xi-tornado:before{content:"\ebab"}.xi-umbrella:before{content:"\ebac"}.xi-umbrella-o:before{content:"\ebad"}.xi-windy:before{content:"\ebae"}.xi-wind:before{content:"\ebae"}.xi-windy-variant:before{content:"\ebaf"}.xi-windsock:before{content:"\eb13"}.xi-cc-cc:before{content:"\eaad"}.xi-cc-by:before{content:"\eaae"}.xi-cc-sa:before{content:"\eaaf"}.xi-cc-nd:before{content:"\eab0"}.xi-cc-nc:before{content:"\eab1"}.xi-cc-nc-eu:before{content:"\eab2"}.xi-cc-nc-jp:before{content:"\eab3"}.xi-cc-remix:before{content:"\eab4"}.xi-cc-pd:before{content:"\eab5"}.xi-cc-sampling:before{content:"\eab6"}.xi-cc-zero:before{content:"\eab7"}.xi-cc-share:before{content:"\eab8"}.xi-copyleft:before{content:"\ebb0"}.xi-copyright:before{content:"\ebb1"}.xi-registered:before{content:"\eaab"}.xi-trademark:before{content:"\eaac"}.xi-500px:before{content:"\ebb2"}.xi-adobe:before{content:"\ebb3"}.xi-amazon:before{content:"\ebb4"}.xi-android:before{content:"\ebb5"}.xi-apple:before{content:"\ebb6"}.xi-beats:before{content:"\ebb7"}.xi-behance:before{content:"\ebb8"}.xi-bing:before{content:"\ebb9"}.xi-bitbucket:before{content:"\ebba"}.xi-blackberry:before{content:"\ebbb"}.xi-blogger:before{content:"\ebbc"}.xi-cc-amex:before{content:"\ebbe"}.xi-cc-discover:before{content:"\ebbf"}.xi-cc-mastercard:before{content:"\ebc0"}.xi-cc-paypal:before{content:"\ebc1"}.xi-cc-stripe:before{content:"\ebc2"}.xi-cc-visa:before{content:"\ebc3"}.xi-chrome:before{content:"\ebc5"}.xi-codepen:before{content:"\ebc6"}.xi-connectdevelop:before{content:"\ebc7"}.xi-d2:before{content:"\ebc8"}.xi-dashcube:before{content:"\ebc9"}.xi-delicious:before{content:"\ebca"}.xi-deviantart:before{content:"\ebcb"}.xi-digg:before{content:"\ebcc"}.xi-disqus:before{content:"\ebcd"}.xi-dribbble:before{content:"\ebce"}.xi-dropbox:before{content:"\ebcf"}.xi-drupal:before{content:"\ebd0"}.xi-edge:before{content:"\ebd1"}.xi-evernote:before{content:"\ebd2"}.xi-facebook:before{content:"\ebd3"}.xi-facebook-messenger:before{content:"\ebd4"}.xi-facebook-official:before{content:"\ebd5"}.xi-feedly:before{content:"\ebd6"}.xi-firefox:before{content:"\ebd7"}.xi-flickr:before{content:"\eaca"}.xi-flickr-square:before{content:"\ebd8"}.xi-foursquare:before{content:"\ebd9"}.xi-ghost:before{content:"\ebda"}.xi-git:before{content:"\ebdb"}.xi-git-symbol:before{content:"\ebdc"}.xi-github:before{content:"\ebdd"}.xi-github-alt:before{content:"\ebde"}.xi-gmail:before{content:"\ebdf"}.xi-google:before{content:"\ebe0"}.xi-google-play:before{content:"\ebe1"}.xi-google-plus:before{content:"\ebe2"}.xi-google-wallet:before{content:"\ebe3"}.xi-gratipay:before{content:"\ebe4"}.xi-hangouts:before{content:"\ebe5"}.xi-hunie:before{content:"\ebe6"}.xi-illustrator:before{content:"\ebe7"}.xi-illustrator-circle:before{content:"\ebe8"}.xi-instagram:before{content:"\ebe9"}.xi-internet-explorer:before{content:"\ebea"}.xi-jira:before{content:"\ebeb"}.xi-joomla:before{content:"\ebec"}.xi-jsfiddle:before{content:"\ebed"}.xi-kakaostory:before{content:"\ebef"}.xi-kakaotalk:before{content:"\ebee"}.xi-kickstarter:before{content:"\ebf0"}.xi-laravel:before{content:"\eb89"}.xi-line:before{content:"\ebf1"}.xi-line-messenger:before{content:"\ebf2"}.xi-linkedin:before{content:"\ebf3"}.xi-linkedin-square:before{content:"\ebf4"}.xi-linux:before{content:"\ebf5"}.xi-magento:before{content:"\ebf6"}.xi-maxcdn:before{content:"\ebf7"}.xi-medium:before{content:"\ebf8"}.xi-naver:before{content:"\ebf9"}.xi-naver-square:before{content:"\ebfa"}.xi-office:before{content:"\ebfb"}.xi-opencart:before{content:"\ebfc"}.xi-opera:before{content:"\ebfd"}.xi-oscommerce:before{content:"\ebfe"}.xi-path:before{content:"\ebff"}.xi-paypal:before{content:"\ec00"}.xi-photoshop:before{content:"\ec01"}.xi-photoshop-circle:before{content:"\ec02"}.xi-pinterest:before{content:"\ec03"}.xi-pinterest-p:before{content:"\ec04"}.xi-pocket:before{content:"\ec05"}.xi-qq:before{content:"\ec06"}.xi-quicktime:before{content:"\ec07"}.xi-reddit:before{content:"\ec08"}.xi-renren:before{content:"\ec09"}.xi-safari:before{content:"\ec0a"}.xi-sellsy:before{content:"\ec0b"}.xi-silverstripe:before{content:"\ebbd"}.xi-simplybuilt:before{content:"\ec0c"}.xi-sketch:before{content:"\ec0d"}.xi-skype:before{content:"\ec0e"}.xi-slack:before{content:"\ec0f"}.xi-slideshare:before{content:"\ec10"}.xi-soundcloud:before{content:"\ec11"}.xi-spotify:before{content:"\ec12"}.xi-stack-exchange:before{content:"\ec13"}.xi-stack-overflow:before{content:"\ec14"}.xi-steam:before{content:"\ec15"}.xi-steam-square:before{content:"\ec16"}.xi-stumbleupon:before{content:"\ec17"}.xi-stumbleupon-circle:before{content:"\ec18"}.xi-telegram:before{content:"\ec19"}.xi-tencent-weibo:before{content:"\ec1a"}.xi-trello:before{content:"\ec1b"}.xi-tumblr:before{content:"\ec1c"}.xi-tumblr-square:before{content:"\ec1d"}.xi-twich:before{content:"\ec1e"}.xi-twitter:before{content:"\ec1f"}.xi-ubercart:before{content:"\ec20"}.xi-ubuntu:before{content:"\ec21"}.xi-ubuntu-circle:before{content:"\ec22"}.xi-vimeo:before{content:"\ec23"}.xi-vine:before{content:"\ec24"}.xi-vk:before{content:"\ec25"}.xi-wechat:before{content:"\ec26"}.xi-whatsapp:before{content:"\ec27"}.xi-wikipedia:before{content:"\ec28"}.xi-windows:before{content:"\ec29"}.xi-wordpress:before{content:"\ec2a"}.xi-wordpress-official:before{content:"\ec2b"}.xi-xe:before{content:"\ec2c"}.xi-xing:before{content:"\ec2d"}.xi-xpressengine:before{content:"\ec2e"}.xi-yahoo:before{content:"\ec2f"}.xi-yelp:before{content:"\ec30"}.xi-youtube:before{content:"\ec31"}.xi-youtube-play:before{content:"\ec32"}.xi-x{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.xi-2x{font-size:2em}.xi-3x{font-size:3em}.xi-4x{font-size:4em}.xi-5x{font-size:5em}.xi-spin{-webkit-animation:xi-spin 2s infinite linear;animation:xi-spin 2s infinite linear}@-webkit-keyframes xi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes xi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.xi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.xi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.xi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.xi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1,1);transform:scale(-1,1)}.xi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1,-1);transform:scale(1,-1)}:root .xi-rotate-90,:root .xi-rotate-180,:root .xi-rotate-270,:root .xi-flip-horizontal,:root .xi-flip-vertical{-webkit-filter:none;filter:none}.xi-fw{width:1.28571em;text-align:center}.xi-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.xi-ul > li{position:relative}.xi-li{position:absolute;left:-2.14286em;width:2.14286em;top:.14286em;text-align:center}.xi-li.xi-lg{left:-1.85714em}.xi-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right;margin-right:.3em}.pull-left{float:left;margin-right:.3em}
@charset "utf-8";
/* **************************** //필수 CSS ìˆ˜ì • ë° ì‚ì œ 불가 **************************** */
/* tag reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,code { font:0.75em Verdana,Dotum,AppleGothic,sans-serif; color:#353535; background:#fff; }
body { min-width:1480px; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }
table.nneditor-table { width:auto !important; }
/* ê²°ì œì§„í–‰ë°” */
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; }
#progressPaybarView .box { height:180px; background:url(//img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; }
#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; }
/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}
.displaynone { display:none; }
.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }
/* **************************** 필수 CSS ìˆ˜ì • ë° ì‚ì œ 불가 **************************** */
/* Font */
.txtInfo { color:#707070; }
.txtWarn { color:#f76560; }
.txtEm { color:#008bcc; }
.txtDel, .strike, .discount { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:11px; color:#939393; word-break:normal; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; letter-spacing:-1px; }
.txtIcon { font-size:12px; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
/* JP, TW, CN */
html:lang(ja) .txt11,
html:lang(zh) .txt11,
html:lang(zh-tw) .txt11 { font-size:12px; }
/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gIndent10 { margin-left:10px; }
.gIndent20 { margin-left:20px; }
.gSpace10 { margin-right:10px; }
.gSpace20 { margin-right:20px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }
/* ec-base-qty */
.ec-base-qty { position:relative; display:inline-block; width:50px; margin:0 1px 0 0; text-align:left; }
.ec-base-qty input[type="text"] { width:22px; height:23px; padding:0 0 0 5px; line-height:25px; border:1px solid #d4d8d9; border-radius:3px 0 0 3px; }
.ec-base-qty .up { position:absolute; left:27px; top:0; }
.ec-base-qty .down { position:absolute; left:27px; bottom:0; }
.ec-base-qty .qtyUp {position:absolute; left:27px; top:0;}
.ec-base-qty .qtyDown { position:absolute; left:27px; bottom:0;}
.ec-base-qty .qtyUp .up { position:static; left:auto; top:auto; }
.ec-base-qty .qtyDown .down { position:static; left:auto; top:auto; }
/* ec-base-chk */
.ec-base-chk { display:inline-block; position:relative; margin:0 8px 0 0; width:22px; height:22px; vertical-align:top; cursor:pointer; }
.ec-base-chk input { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.ec-base-chk .checkbox { position:absolute; top:0; left:0; width:100%; height:100%; background:url("//img.echosting.cafe24.com/skin/base/common/bg_join_check.png") no-repeat 0 0; }
.ec-base-chk input:checked + .checkbox { background-position:-34px 0; }
/* Form */
input,select,textarea { font-size:100%; font-family:"ë‹ì›€", Dotum; color:#353535; vertical-align:middle; }
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; }
input[type=text],
input[type=password] { height:18px; line-height:20px; padding:2px 4px; border:1px solid #d5d5d5; color:#353535; font-size:12px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
select { height:24px; border:1px solid #d5d5d5; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; line-height:22px; }
.fWidthFull input[type=text] { width:100%; height:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull select { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }
/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label{display:block;}
.ec-base-tooltip { display:none; z-index:2; position:absolute; top:24px; padding:15px; border:1px solid #565960; background:#fff;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%; }
.ec-base-tooltip h3 + p { margin:0 5px 10px; }
.ec-base-tooltip h4 { margin:15px 10px 8px 5px; font-size:12px; }
.ec-base-tooltip h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
.ec-base-tooltip .btnClose { position:absolute; right:14px; top:14px; }
.ec-base-tooltip .edge { z-index:20; position:absolute; left:50%; top:-6px; display:block; margin:0 0 0 -5px; width:10px; height:6px; }
.ec-base-tooltip .edge:before,
.ec-base-tooltip .edge:after { display:inline-block; content:""; position:absolute; top:0; width:0; height:0; border:solid transparent; }
.ec-base-tooltip .edge:before { margin:1px 0 0; border-bottom-color:#565960; border-width:0 5px 5px 5px; }
.ec-base-tooltip .edge:after { left:1px; margin:2px 0 0; border-bottom-color:#fff; border-width:0 4px 4px 4px; }
.ec-base-tooltip table th,
.ec-base-tooltip table td { padding:8px 10px 7px 10px; border:1px solid #e8e8e8; line-height:1.5em; }
.ec-base-tooltip table th { padding-right:0; background:#fbf9fa; }
.ec-base-tooltip table thead th { text-align:center; }
.ec-base-tooltip table tbody th { text-align:left; }
.ec-base-tooltip table .left { text-align:left; }
.ec-base-tooltip table .center { text-align:center; }
.ec-base-tooltip table .right { text-align:right; }
.ec-base-tooltip table .info { padding:0; color:#757575; }
.ec-base-tooltip table p.info:before,
.ec-base-tooltip table ul.info li:before { display:inline-block; content:""; margin:0 3px 0 0; width:4px; height:1px; background:#757575; vertical-align:middle; }
.ec-base-tooltip .info { padding:10px 10px 0; margin:5px 0 0; }
.ec-base-tooltip p.bullet,
.ec-base-tooltip ul.bullet { margin:8px 10px; }
.ec-base-tooltip p.bullet:before,
.ec-base-tooltip ul.bullet li:before { display:inline-block; content:""; margin:-3px 3px 0 0; width:0; height:0; border:solid transparent; border-left-color:#333; border-width:2px 0 2px 2px; vertical-align:middle; }
.ec-base-tooltip ul.bullet li { line-height:1.5em; }
.ec-base-tooltip .txtEm { color:#008bcc; }
.ec-base-tooltip .txtWarn { color:#f65b54; }
/* typeUpper */
.ec-base-tooltip.typeUpper { top:auto; bottom:34px; }
.ec-base-tooltip.typeUpper .edge { top:auto; bottom:-6px; }
.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px; border-top-color:#565960; border-width:5px 5px 0 5px; }
.ec-base-tooltip.typeUpper .edge:after { left:1px; margin:0 0 -4px; border-top-color:#fff; border-width:4px 4px 0 4px; }
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:2px 9px; padding:1px 0 1px 20px; line-height:1.4; background:url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px; }
div.ec-base-help { margin:20px 0; border:1px solid #d6d4d4; line-height:18px; }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:9px 0 6px 10px; border-bottom:1px solid #e8e7e7; color:#101010; font-size:12px; background:#fbfbfb; }
div.ec-base-help .inner { padding:0 9px 12px; }
div.ec-base-help h4 { margin:22px 0 -4px; color:#404040; font-size:12px; font-weight:normal; }
div.ec-base-help h4:first-child { margin-top:13px; }
div.ec-base-help p { margin:15px 0 0 10px; color:#707070; }
div.ec-base-help ul,
div.ec-base-help ol { margin:15px 0 0 11px; }
div.ec-base-help li { color:#707070; }
/* number */
div.ec-base-help ol li { padding:0 0 0 25px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_number.png') no-repeat; }
div.ec-base-help ol .item1 { background-position:-484px 0; }
div.ec-base-help ol .item2 { background-position:-434px -100px; }
div.ec-base-help ol .item3 { background-position:-384px -200px; }
div.ec-base-help ol .item4 { background-position:-334px -300px; }
div.ec-base-help ol .item5 { background-position:-284px -400px; }
div.ec-base-help ol .item6 { background-position:-234px -500px; }
div.ec-base-help ol .item7 { background-position:-184px -600px; }
div.ec-base-help ol .item8 { background-position:-134px -700px; }
div.ec-base-help ol .item9 { background-position:-84px -800px; }
div.ec-base-help ol .item10 { background-position:-34px -900px; }
/* typeDash */
div.ec-base-help ul li { padding:0 0 0 11px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px; }
.ec-base-help.typeDash li { padding:0 0 0 11px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px; }
.ec-base-tooltip .ec-base-help.typeDash li { margin:2px 0; }
.ec-base-product { margin:22px 0 0; }
.ec-base-product .title { margin:0 0 17px; }
.ec-base-product .title h2 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.ec-base-product .title h3 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }
.ec-base-product .prdList { width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.ec-base-product .prdList > li { position:relative; display:inline-block; margin:30px 0 20px; color:#757575; vertical-align:top; }
.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail { position:relative; margin:10px 7px; text-align:center; }
.ec-base-product .prdList .thumbnail .prdImg { position:relative; }
.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .thumbnail .icon { margin:10px 0 0; border-bottom:1px solid #e8e8e8; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .thumbnail .promotion { float:left; margin:0 0 4px; text-align:left; }
.ec-base-product .prdList .thumbnail .promotion img { margin:0 4px 0 0; }
.ec-base-product .prdList .thumbnail .button { float:right; margin:0 0 4px; }
.ec-base-product .prdList .thumbnail .button img { margin:0 2px 0 0; cursor:pointer; }
.ec-base-product .prdList .thumbnail .button .option { display:inline; position:relative; }
.ec-base-product .prdList .thumbnail .button .likeButton { display:inline-block; margin:0 5px; }
.ec-base-product .prdList .thumbnail .button .likeButton button { font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.ec-base-product .prdList .thumbnail .button .likeButton button img { margin:0; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton button strong {height:16px; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton.selected button { color:#353535; }
.ec-base-product .prdList .description { margin:0 auto; padding:0 7px; font-size:12px; line-height:18px; text-align:center; }
.ec-base-product .prdList .description .name { display:block; text-align:left; font-weight:normal; }
.ec-base-product .prdList .description .name a { color:#2e2e2e; }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }
/* grid */
.ec-base-product ul.grid2 > li { width:50%; }
.ec-base-product ul.grid3 > li { width:33.33%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }
/* right display */
.ec-base-product ul.grid2 li:after { content:""; display:block; clear:both; }
.ec-base-product ul.grid2 li .thumbnail { float:left; width:220px; text-align:left; margin:0; }
.ec-base-product ul.grid2 li .description { float:left; width:247px; padding:0 20px; }
.ec-base-product ul.grid2 li .description .chk { position:static; text-align:left; }
/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { text-align:left; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.ec-base-product .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }
.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }
.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }
.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { margin:0; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }
/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }
.ec-base-paginate { margin:30px 0; text-align:center; font-size:0; line-height:0; }
.ec-base-paginate ol { display:inline-block; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.ec-base-paginate li { display:inline-block; margin:0 0 0 -1px; border:1px solid #d7d5d5; font-size:12px; color:#757575; vertical-align:top; *display:inline; *zoom:1; }
.ec-base-paginate li:first-child { margin-left:0; }
.ec-base-paginate img { vertical-align:top; }
.ec-base-paginate li a { display:block; width:33px; padding:9px 0; font-weight:bold; color:#939393; line-height:14px; background:#fff; }
.ec-base-paginate li a:hover { text-decoration:none; background:#f0f2f2; }
.ec-base-paginate li a.this { padding-bottom:6px; border-bottom:3px solid #495164; color:#495164; }
.ec-base-paginate a.nolink { cursor:default; }
/* typeSub */
.ec-base-paginate.typeSub ol { margin:0 15px; vertical-align:middle; }
.ec-base-paginate.typeSub li { font-size:12px; border:0; }
.ec-base-paginate.typeSub img { vertical-align:middle; }
.ec-base-paginate.typeSub li a { width:auto; margin:0 5px 0; padding:2px; color:#353535; background:none; }
.ec-base-paginate.typeSub li a.this { color:#008bcc; text-decoration:underline; border:0; }
.ec-base-paginate.typeSub .first { margin-right:3px; }
.ec-base-paginate.typeSub .last { margin-left:3px; }
.ec-base-tab { position:relative; }
.ec-base-tab .menu {
margin:0 0 20px; border:1px solid #cbcdce; border-bottom-color:#202020; border-left:0; background:#f2f2f2;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
.ec-base-tab .menu:after { content:""; display:block; clear:both; }
.ec-base-tab .menu li { float:left; border-left:1px solid #cbcdce; background:#f2f2f2; }
.ec-base-tab .menu li a { display:block; min-width:187px; margin:0 0 0 -1px; padding:12px 5px 11px; border-right:1px solid #cbcdce; color:#707070; text-decoration:none; outline:0; text-align:center; background:#f2f2f2; }
.ec-base-tab .menu li:first-child a { margin-left:0; }
.ec-base-tab .menu li.selected a { position:relative; top:-1px; left:-2px; margin:0 0 -1px; border:1px solid #202020; border-bottom:0; color:#fff; font-weight:bold; background:#4a5164; }
.ec-base-tab .menu li.selected:first-child a { left:-1px; }
.ec-base-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }
/* typeLight */
.ec-base-tab.typeLight .menu li.selected a { margin:0 0 -2px; border-bottom:1px solid #fff; color:#404040; background:#fff; }
/* grid (2~7) */
.ec-base-tab[class*="grid"] .menu { display:table; table-layout:fixed; width:100%; }
.ec-base-tab[class*="grid"] .menu li { float:none; display:table-cell; vertical-align:middle; }
.ec-base-tab[class*="grid"] .menu li a { display:inline-block; width:100%; min-width:0; margin:0; padding:11px 0; border:0; }
.ec-base-tab[class*="grid"] .menu li.selected { position:relative; top:0; right:-1px; border:1px solid #292929; border-bottom:0; background:#4a5164; }
.ec-base-tab[class*="grid"] .menu li:first-child.selected { right:0; }
.ec-base-tab[class*="grid"] .menu li.selected a { position:static; background:none; }
.ec-base-tab.grid2 .menu li { width:50.5%; }
.ec-base-tab.grid3 .menu li { width:34%; }
.ec-base-tab.grid4 .menu li { width:25.5%; }
.ec-base-tab.grid5 .menu li { width:20.5%; }
.ec-base-tab.grid6 .menu li { width:17%; }
.ec-base-tab.grid7 .menu li { width:14.8%; width:15% \0/; }
.ec-base-tab.grid7 .menu li:first-child { width:13% \0/; }
/* gFlex */
.ec-base-tab.gFlex .menu { display:flex; border-right:0; }
.ec-base-tab.gFlex .menu:after { display:none; }
.ec-base-tab.gFlex .menu li { display:flex; align-items: center; float:none; flex:1; position:relative; }
.ec-base-tab.gFlex .menu li:last-child { border-right:1px solid #cbcdce; }
.ec-base-tab.gFlex .menu li a { width:100%; min-width:0; border-right:0; background:none; word-break:break-all; }
.ec-base-tab.gFlex .menu li a:after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; }
.ec-base-tab.gFlex .menu li.selected { border:1px solid #292929; border-bottom:0; background:#4a5164; }
.ec-base-tab.gFlex .menu li.selected a { left:0; margin:0 0 -1px -1px; background:#4a5164; border:0; position: initial;}
/* reset */
li { list-style:none; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
h1, h3 { margin:0; }
/* common */
.ec-base-layer { position:absolute; z-index:100; border:1px solid #757575; background:#fff; }
.ec-base-layer .header { padding:7px 35px 7px 19px; color:#fff; background:#495164; }
.ec-base-layer .header > h1,
.ec-base-layer .header > h3 { font-size:14px; line-height:1.5; }
.ec-base-layer .content { padding:20px; font-size:12px; }
.ec-base-layer div.ec-base-help { margin-top:0; }
.ec-base-layer .ec-base-button { padding:9px; border-top:1px solid #d7d5d5; text-align:center; background:#fbfafa; }
.ec-base-layer .close { position:absolute; right:0; top:0; padding:11px 20px; cursor:pointer; }
/* popup */
#popup .ec-base-layer { position:relative; border:0; }
#popup .ec-base-layer .header { padding:12px 35px 12px 19px; }
#popup .ec-base-layer .close { top:5px; }
/* ec-base-table */
.ec-base-layer .content > .ec-base-table table:first-child { margin-top:0; }
.ec-base-layer .ec-base-table table { line-height:1.4; }
.ec-base-layer .ec-base-table thead th { padding:9px 0 8px; }
.ec-base-layer .ec-base-table tbody th { padding:9px 0 8px 10px; }
.ec-base-layer .ec-base-table td { padding:9px 10px 8px; }
/* horizontal - typeWrite */
.ec-base-layer .ec-base-table.typeWrite td { padding:5px 10px 4px; }
/* vertical - typeList */
.ec-base-layer .ec-base-table.typeList tfoot td { padding:10px 10px 12px; }
/* typeBorder */
.ec-base-layer .ec-base-table.typeBorder tfoot td { padding:10px 10px 12px; }
/* address */
.ec-base-layer .ec-base-table .ec-address { margin:-6px -10px -4px; }
.ec-base-layer .ec-base-table .ec-address > li { padding:5px 10px 4px; }
/* button */
[class^='btnNormal'], a[class^='btnNormal'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; border-radius:2px; font-family:"굴림",Gulim; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#222; background-color:#fff; }
[class^='btnSubmit'], a[class^='btnSubmit'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; border-radius:2px; font-family:"굴림",Gulim; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#4a5164; }
[class^='btnEm'], a[class^='btnEm'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; border-radius:2px; font-family:"굴림",Gulim; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#84868b; }
[class^='btnBasic'], a[class^='btnBasic'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; border-radius:2px; font-family:"굴림",Gulim; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#222; background-color:#f0f0f0; }
[class^='btnNormal']:not(.disabled):hover { background-color:#f3f3f3; }
[class^='btnSubmit']:not(.disabled):hover { background-color:#43495a; }
[class^='btnEm']:not(.disabled):hover { background-color:#77797d; }
[class^='btnBasic']:not(.disabled):hover { background-color:#e5e5e5; }
[class^='btnNormal'].disabled { border-color:#e3e3e3; color:#999; }
[class^='btnSubmit'].disabled { background-color:#9297a2; color:#f0f0f0; }
[class^='btnEm'].disabled { background-color:#b5b6b9; color:#f0f0f0; }
[class^='btnBasic'].disabled { color:#999; }
/* size */
[class^='btn'].sizeS { padding:6px 8px; }
[class^='btn'].sizeM { padding:10px 16px; }
[class^='btn'].sizeL { padding:14px 16px; min-width:80px; font-weight:bold; }
/* width Fix */
[class^='btn'][class*='Fix'] { width:72px; word-break:keep-all; word-wrap:break-word; }
[class^='btn'][class*='Fix'].sizeS { width:96px; }
[class^='btn'][class*='Fix'].sizeM { width:120px; padding-left:8px; padding-right:8px; }
[class^='btn'][class*='Fix'].sizeL { width:160px; padding-left:8px; padding-right:8px; }
/* icon button */
a.btnLink { color:#222; }
a.btnLink:hover { text-decoration:none; -webkit-box-shadow:0 1px 0 0 #222; -moz-box-shadow:0 1px 0 0 #222; box-shadow:0 1px 0 0 #222; }
a.btnLink:after { content:""; display:inline-block; margin:-2px -2px 0 3px; vertical-align:middle; border:0 0 0 10px; border-style:solid; border-color:transparent transparent transparent #77797d; }
[class^='btn'] i { display:none \0/IE8; }
[class^='btn'] .icoArrow { display:inline-block; width:3px; height:3px; margin:-2px 1px 0 1px; border:2px solid #77797d; border-width:0 2px 2px 0; vertical-align:middle;
transform:rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);
}
[class^='btnSubmit'] .icoArrow,
[class^='btnEm'] .icoArrow { border-color:#f0f0f0; }
[class^='btn'] .icoDelete { position:relative; overflow:hidden; display:inline-block; width:10px; height:10px; margin:-2px 2px 0 0; vertical-align:middle; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
[class^='btn'] .icoDelete:before { content:""; position:absolute; top:0; right:4px; width:2px; height:10px; background:#77797d; }
[class^='btn'] .icoDelete:after { content:""; position:absolute; top:4px; right:0; width:10px; height:2px; background:#77797d; }
[class^='btnSubmit'] .icoDelete:before, [class^='btnSubmit'] .icoDelete:after,
[class^='btnEm'] .icoDelete:before, [class^='btnEm'] .icoDelete:after { background:#f0f0f0; }
[class^='btn'] .icoAdd, [class^='btn'] .icoRemove { position:relative; overflow:hidden; display:inline-block; width:8px; height:8px; margin:-2px 2px 0 0; vertical-align:middle; }
[class^='btn'] .icoAdd:before, [class^='btn'] .icoAdd:after, [class^='btn'] .icoRemove:before { content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-radius:2px; background:#77797d; }
[class^='btn'] .icoAdd:before, [class^='btn'] .icoRemove:before { height:2px; margin:-1px 0 0 -4px; }
[class^='btn'] .icoAdd:after { width:2px; margin:-4px 0 0 -1px; }
[class^='btn'] img { margin:-2px 1px 0; vertical-align:middle; }
/* unique */
.btnLogin, a.btnLogin { display:inline-block; box-sizing:border-box; width:100px; height:70px; line-height:70px; border-radius:2px; text-align:center; font-family:"굴림",Gulim; font-size:12px; font-weight:bold; text-decoration:none; color:#fff; background-color:#4a5164; }
.btnLogin:hover { background-color:#43495a; }
.btnAgree, a.btnAgree { display:inline-block; box-sizing:border-box; width:80px; height:70px; line-height:70px; border:1px solid #d1d1d1; border-radius:2px; text-align:center; font-family:"굴림",Gulim; font-size:12px; font-weight:bold; color:#222; text-decoration:none; background-color:#fff; }
.btnAgree:hover { background-color:#f3f3f3; }
.btnToggle { display:inline-block; font-size:0; line-height:0; }
.btnToggle button { display:inline-block; box-sizing:border-box; border:1px solid #d1d1d1; margin:0 -1px 0 0; padding:0 7px; height:24px; line-height:24px; text-align:center; font-family:"굴림",Gulim; font-size:12px; outline:0; text-decoration:none; color:#222; background:#fff; }
.btnToggle button:first-child { border-radius:2px 0 0 2px; }
.btnToggle button:last-child { border-radius:0 2px 2px 0; }
.btnToggle button.selected { position:relative; border:1px solid #84868b; color:#fff; background:#84868b; }
/* ec-base-button */
.ec-base-button { padding:10px 0; text-align:center; }
.ec-base-button.justify { position:relative; }
.ec-base-button:after { display:block; content:""; clear:both; }
.ec-base-button .gLeft { float:left; text-align:left; }
.ec-base-button .gRight { float:right; text-align:right; }
.ec-base-button.justify .gLeft { position:absolute; left:0; }
.ec-base-button.justify .gRight { position:absolute; right:0; }
.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; }
/* type */
.ec-base-button.typeBorder { margin-top:-1px; padding:10px 20px; border:1px solid #d7d5d5; }
.ec-base-button.typeBG { padding:10px 20px; border:1px solid #d7d5d5; background:#fbfafa; }
/* gColumn */
.ec-base-button[class*="gColumn"] { margin:0 auto; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
.ec-base-button[class*="gColumn"]:after { display:none; }
.ec-base-button[class*="gColumn"] [class^='btn'] { margin:0 2px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
.ec-base-button[class*="gColumn"] [class^='btn'][class*='Fix'] { -webkit-flex:none; -moz-flex:none; -ms-flex:none; flex:none; }
/* gFlex */
.ec-base-button[class*="gColumn"] .gFlex2 { -webkit-flex:2; -moz-flex:2; -ms-flex:2; flex:2; }
.ec-base-button[class*="gColumn"] .gFlex3 { -webkit-flex:3; -moz-flex:3; -ms-flex:3; flex:3; }
.ec-base-button[class*="gColumn"] .gFlex4 { -webkit-flex:4; -moz-flex:4; -ms-flex:4; flex:4; }
/* base */
.ec-base-box { padding:20px; margin-left:auto; margin-right:auto; border:5px solid #e8e8e8; color:#404040; }
.ec-base-box.gHalf { position:relative; padding:20px 0; }
.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#e6e6e6; }
.ec-base-box.typeBg { background-color:#fbfafa; }
.ec-base-box.typeThin { border-width:1px; border-color:#d7d5d5; }
.ec-base-box.typeThin h3.boxTitle { margin:0 0 20px; font-size:20px; text-align:center; }
.ec-base-box.typeThinBg { border-width:1px; border-color:#d7d5d5; background-color:#fbfafa; }
.ec-base-box.center { text-align:center; }
/* 약관 */
.ec-base-box.typeThinBg > .agree { padding:20px; border:1px solid #e6e6e6; background:#fff; }
.ec-base-box.typeThinBg > .agree p { padding:0 0 17px; }
/* typeMember */
.ec-base-box.typeMember { padding:0; }
.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:10px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information > .thumbnail img { max-width:70px; }
.ec-base-box.typeMember .information .description { display:table-cell; padding:0 10px; width:auto; line-height:1.5em; border-left:1px solid #e8e8e8; vertical-align:middle; }
.ec-base-box.typeMember.gMessage { border-width:1px; border-color:#d7d5d5; }
.ec-base-box .message { display:block; padding:10px 0 10px 35px; border-bottom:1px solid #e8e7e7; background:#fbfbfb url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center; }
/* typeProduct */
.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:15px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell; padding:0 20px; vertical-align:middle; }
.ec-base-box.typeProduct .thumbnail { width:100px; }
.ec-base-box.typeProduct .thumbnail img { max-width:90px; border:1px solid #d7d5d5; }
.ec-base-box.typeProduct .information { padding-left:0; }
.ec-base-table table { position:relative; margin:10px 0 0; border:1px solid #d7d5d5; border-top:0; color:#fff; line-height:1.5; }
.ec-base-table.gLayoutFixed table { table-layout:fixed; }
.ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
.ec-base-table table:before { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#d7d5d5; }
.ec-base-table thead th { padding:11px 0 10px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#353535; vertical-align:middle; font-weight:normal; background:#fbfafa; }
.ec-base-table tbody th { padding:11px 0 10px 18px; border:1px solid #dfdfdf; border-bottom-width:0; color:#353535; text-align:left; font-weight:normal; background-color:#fbfafa; }
.ec-base-table th { word-break:break-all; word-wrap:break-word; }
.ec-base-table th:first-child { border-left:0; }
.ec-base-table td { padding:11px 10px 10px; border-top:1px solid #dfdfdf; color:#353535; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.ec-base-table td.clear { padding:0 !important; border:0 !important; }
/* horizontal */
/* typeWrite */
.ec-base-table.typeWrite td { padding:8px 10px 7px; }
.ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }
/* vertical */
/* typeList */
.ec-base-table.typeList table { border-top:1px solid #d7d5d5; }
.ec-base-table.typeList table:before { display:none; }
.ec-base-table.typeList td { padding:8px 10px 7px; }
.ec-base-table.typeList tfoot td { padding:15px 10px 17px; background:#fbfafa; }
.ec-base-table .message { border:1px solid #d7d5d5; padding:50px 0; text-align:center; color:#757575; font-weight:bold; }
.ec-base-table table + .message { margin:-1px 0 0; }
.ec-base-table table td.message { padding:50px 0; }
.ec-base-table .scroll .message { border:0; }
/* scroll */
.ec-base-table.typeList .head td { padding:11px 0 10px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#353535; vertical-align:middle; text-align:center; background:#fbfafa; }
.ec-base-table.typeList .head td:first-child { border-left:0; }
.ec-base-table.typeList .scroll { position:relative; overflow-x:hidden; overflow-y:scroll; max-height:185px; min-height:100px; border:1px solid #d7d5d5; border-top-width:0; margin-top:-1px; }
.ec-base-table.typeList .scroll table { border:0; margin:0; }
.ec-base-table.typeList .scroll table:before { display:none; }
.ec-base-table.typeList .scroll .message { border: 0; }
/* thead - blind */
.ec-base-table thead.blind,
.ec-base-table thead.blind th { display:none; }
.ec-base-table thead.blind + tbody tr:first-child th,
.ec-base-table thead.blind + tbody tr:first-child td { border-top-width:0; }
/* Line */
.ec-base-table.typeList.gLine table { border-width:0; border-bottom-width:1px; }
/* common */
/* border, background style none */
.ec-base-table.typeClear table:before { display:none; }
.ec-base-table.typeClear table,
.ec-base-table.typeClear th,
.ec-base-table.typeClear td { border:0 none; background:none; }
.ec-base-table.typeClear th { font-weight:bold; }
/* border */
.ec-base-table.gBorder td { border-left:1px solid #dfdfdf; }
.ec-base-table.gBorder td:first-child { border-left:0; }
.ec-base-table.gBorder td.gClearLine { border-left:0; }
.ec-base-table.typeList.gBorder tbody td { border-color:#eee; }
/* align */
.ec-base-table .left { text-align:left; }
.ec-base-table .center { text-align:center; }
.ec-base-table .right { text-align:right; }
.ec-base-table.typeList .center td,
.ec-base-table.typeList td.center { padding-left:0; padding-right:0; }
.ec-base-table.typeList .center td.left { padding-left:10px; }
.ec-base-table.typeList .center td.right { padding-right:10px; }
.ec-base-table .top th, .ec-base-table th.top,
.ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
.ec-base-table .middle th, .ec-base-table th.middle,
.ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
/* form */
.ec-base-table img { vertical-align:middle; }
/* address */
.ec-base-table .ec-address { margin:-9px -10px -7px; }
.ec-base-table .ec-address > li { padding:8px 10px 7px; border-top:1px solid #dfdfdf; }
.ec-base-table .ec-address > li input[type="text"] { width:373px; }
.ec-base-table .ec-address > li select { width:383px; }
.ec-base-table .ec-address .ec-base-help { margin-left:0; }
.ec-base-table .ec-address .ec-address-area select { display:block; }
.ec-base-table .ec-address .ec-address-area select:not(:first-child) { margin-top:6px; }
.ec-base-table .ec-address .ec-address-zipcode input[type="text"] { width:80px; margin-right:3px; }
.ec-base-table .ec-address .ec-address-zipcode .btnBasic { margin-right:4px; }
@media print {
.ec-base-table table:before { display:none; }
}
.ec-base-desc { overflow:hidden; text-align:left; }
.ec-base-desc:after { content:""; display:block; clear:both; }
.ec-base-desc dt, .ec-base-desc .term { float:left; width:100px; margin:0 0 2px; padding:0 4px 0 0; line-height:22px;-webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; font-weight:normal; }
.ec-base-desc dd, .ec-base-desc .desc { display:block; margin:0 0 2px; padding:0 5px 0 100px; min-height:22px; line-height:22px; word-wrap:break-word; word-break:break-all; }
.ec-base-desc dd:after, .ec-base-desc .desc:after { content:""; display:block; clear:left; }
/* size */
.ec-base-desc.gSmall dt, .ec-base-desc.gSmall .term { width:30%; }
.ec-base-desc.gSmall dd, .ec-base-desc.gSmall .desc { padding-left:30%; }
.ec-base-desc.gMedium dt, .ec-base-desc.gMedium .term { width:40%; }
.ec-base-desc.gMedium dd, .ec-base-desc.gMedium .desc { padding-left:40%; }
.ec-base-desc.gLarge dt, .ec-base-desc.gLarge .term { width:50%; }
.ec-base-desc.gLarge dd, .ec-base-desc.gLarge .desc { padding:0 0 0 50%; }
/* align */
.ec-base-desc.centerDT dt, .ec-base-desc.centerDD dd, .ec-base-desc.centerDT .term, .ec-base-desc.centerDD .desc,
.ec-base-desc.center, .ec-base-desc .center { text-align:center; }
.ec-base-desc.rightDT dt, .ec-base-desc.rightDD dd, .ec-base-desc.rightDT .term, .ec-base-desc.rightDD .desc,
.ec-base-desc.right, .ec-base-desc .right { text-align:right; }
.ec-base-desc.rightDD dd, .ec-base-desc.rightDD .desc { padding-right:0; }
/* typeBullet */
.ec-base-desc.typeBullet dt,
.ec-base-desc.typeBullet .term { padding:0 4px 0 10px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px; }
/* typeDot */
.ec-base-desc.typeDot dt,
.ec-base-desc.typeDot .term { position:relative; padding:0 4px 0 10px; }
.ec-base-desc.typeDot dt:before,
.ec-base-desc.typeDot .term:before { position:absolute; top:50%; left:0; content:""; display:block; width:2px; height:2px; margin:-2px 0 0 0; background:#383838; }
/**
PCë””ìžì¸ ì „ìš©
ì—…ë°ì´íŠ¸: 2021-02-03
â€»ì—°ê´€ëœ íŒŒì¼â€»
- df-product-list.css(íƒ€ìž„ì„¸ì¼ ì•„ì´ì½˜)
- df-layout.css(분류디ìžì¸, 분류픽스, 분류ì 프, ì„ íƒëœë¶„류, í°íŠ¸ì‚¬ì´ì¦ˆ, í°íŠ¸ì»¬ëŸ¬ 등)
**/
/*---------------------------------------------------------
ë””ìžì¸ ì‚¬ìš©ìž ì •ì˜
---------------------------------------------------------*/
.df-lnb-allmenu,
.df-allmenu-btn { width:50px; height:100% }
.df-lnb-allmenu .df-allmenu-wrap { margin-top:50px }
/* df-lnb horizontal mode */
.df-lnb_horizontal { height:50px }
/*---------------------------------------------------------
ì „ì²´ WRAP ì˜ì—
---------------------------------------------------------*/
/* horizontal mode */
.df-lnb_horizontal { }
.df-lnb_horizontal .df-lnb-position { position:relative; display:flex; height:100%; margin-left:auto; margin-right:auto }
.df-lnb_horizontal .df-lnb-allmenu { display:none; flex-grow:0; flex-shrink:0 }
.df-lnb_horizontal .df-lnb-category .df-cnb-m1 { height:100% }
.df-lnb_horizontal .df-lnb-category { display:none; width:100%; flex-grow:1; flex-shrink:1 }
.df-lnb_horizontal .df-cnb-items { height:100%; display:flex; flex-wrap:nowrap; justify-content:space-evenly }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
/* ie11 vender prefix */
.df-lnb_horizontal .df-cnb-items { justify-content:space-between }
.df-lnb-category .df-cnb-items:before, .df-lnb-category .df-cnb-items:after { content:"" }
}
/* vertical mode */
.df-lnb_vertical { }
.df-lnb_vertical .df-cnb-item-link { display:block; line-height:26px }
.df-lnb_vertical .df-cnb-item-link > j { display:block; margin-top:10px }
.df-lnb_vertical .df-cnb-item-link > img { max-width:100% }
/* ì „ì²´ë³´ê¸°ë²„íŠ¼ ì˜ì—(+ì„¤ì •ì—°ë™ìœ¼ë¡œ ì¸í•œ 숨김처리) */
.df-lnb .df-lnb-allmenu_active { display:block }
/* ì¹´í…Œê³ ë¦¬ ì˜ì—(+ë Œë” íŠ ë°©ì§€ë¡œ ì¸í•œ 숨김처리) */
.df-lnb .df-lnb-category_active { display:block }
/* 분류 íŒì—…배너 ìŠ¤í† ë¦¬ì§€ 숨김 */
.df-popupbanner-storage { display:none }
/*---------------------------------------------------------
ìƒí’ˆë¶„류-대분류
---------------------------------------------------------*/
/* 대분류-ì•„ì´í…œ */
.df-cnb-item { position:relative; /* margin-left:auto; margin-right:auto 가로형 IEí•œì¤„ì„ ì´ˆê³¼ì‹œ 가운ë°ì •ë ¬ í• ìˆ˜ìžˆìœ¼ë‚˜ justify-content ë°˜ì˜ì•ˆë¨ìœ¼ë¡œ 보류 */ }
.df-lnb_horizontal .df-cnb-item-link { height:100%; padding-left:4px; padding-right:4px; display:flex; justify-content:center; align-items:center }
.df-cnb-item-link { font-size:13px; color:#000; white-space:nowrap }
/* 대분류-롤오버 */
.df-cnb-item_on > .df-cnb-item-link { color:#999 }
.df-cnb-item_on > .df-cnb-item-link font { color:#999 }
/* 대분류-활성화 분류(layout.cssì—ì„œ 별ë„ì§€ì •) */
/* 하위분류 기본 숨김처리 */
.df-lnb-category .df-cnb-m2,
.df-lnb-category .df-cnb-m3,
.df-lnb-category .df-cnb-m4 { display:none }
/* 중분류 */
.df-lnb-category .df-cnb-m2 { position:absolute; z-index:97; border:1px solid #ddd; white-space:nowrap; background:#fff }
.df-lnb-category .df-cnb-m2 > .df-cnb-sub-items { padding-top:8px; padding-bottom:8px; display:table-cell; position:relative; min-width:158px }
/* 중분류 í¬ì§€ì…˜(horizontal·vertical) */
.df-lnb_horizontal .df-lnb-category .df-cnb-m2 { top:auto; left:0 }
.df-lnb_vertical .df-lnb-category .df-cnb-m2 { left:calc(100% - 40px); top:-12px }
/* 하위분류 */
.df-cnb-sub-item { position:relative; text-align:left }
.df-cnb-sub-item-link { display:block; font-size:12px; color:#2f2f2f; padding:6px 20px 6px 14px; line-height:1.5 }
/* 하위분류-롤오버 */
.df-cnb-item_on > .df-cnb-sub-item-link { background-color:rgba(100,100,100,.05); color:#111 }
.df-cnb-item_on > .df-cnb-sub-item-link font { color:#111 }
/* 소분류·ìƒì„¸ë¶„류 */
.df-cnb-m3 > .df-cnb-sub-items,
.df-cnb-m4 > .df-cnb-sub-items { min-width:138px; padding-top:8px; padding-bottom:8px; display:inline-block; position:relative }
/* 소분류·ìƒì„¸ë¶„류 í¬ì§€ì…˜ */
.df-cnb-m3,
.df-cnb-m4 { position:absolute; z-index:98; top:0; left:100%; margin-top:-9px; border:1px solid #ddd; background:rgba(255,255,255,0.98); white-space:nowrap }
/* 소분류·ìƒì„¸ë¶„류 블릿 */
.df-cnb-item-subicon { position:absolute; right:5px; top:5px; font-size:14px; color:#555 }
.df-cnb-item-subicon:before { font-family:xeicon !important; content:"\e93f"; font-style:normal }
.df-cnb-item_on > .df-cnb-sub-item-link .df-cnb-item-subicon { right:6px }
.df-cnb-item_on > .df-cnb-sub-item-link .df-cnb-item-subicon:before { font-size:13px; content:"\e91b" }
/* 분류 íŒì—…배너 */
.df-cnb-popupbanner { display:table-cell; padding:10px; vertical-align:top }
.df-cnb-popupbanner-link[href="#none"] { cursor:default }
/* 분류 íŒì—…배너(중분류가 ì¡´ìž¬í• ë•Œë§Œ ë³´ë” ê°’ì„ ì¶”ê°€í•œë‹¤) */
.df-cnb-sub-items + .df-cnb-popupbanner { border-left:1px solid #ddd }
/*---------------------------------------------------------
ì „ì²´ë©”ë‰´ë³´ê¸°
---------------------------------------------------------*/
/* ì „ì²´ë³´ê¸° 버튼 */
.df-allmenu-btn { cursor:pointer; position:absolute; top:0; left:0;
transition:background 0.15s 0.0s ease-in-out;
}
.df-lnb-allmenu:hover .df-allmenu-btn { background:#474747;
transition:background 0.15s 0.0s ease-in-out;
}
.df-allmenu-btn-line { display:inline-block; position:absolute; width:18px; height:2px; top:50%; left:50%; margin-left:-9px; box-sizing:border-box }
.df-allmenu-btn-line_1 { margin-top:-6px; border-style:solid; border-width:1px; border-color:#444; background:#444 /* 1:1 í•´ìƒë„ê°€ ì•„ë‹ë•Œ 비어보ì´ëŠ” ë¬¸ì œë¡œ ì¸í•œ 처리 */ }
.df-allmenu-btn-line_2 { background:#444 }
.df-allmenu-btn-line_3 { margin-top:6px; background:#444 }
.df-allmenu-btn-line_1 {
transition:height 0.15s 0.0s ease-in-out, border-width 0.0s 0.15s ease-in-out, border-color 0.15s 0.0s ease-in-out, margin-top 0.15s 0.0s ease-in-out;
}
.df-allmenu-btn-line_2 {
transition:background 0.15s 0.0s ease-in-out, margin-top 0.15s 0.0s ease-in-out;
}
.df-allmenu-btn-line_3 {
transition:background 0.15s 0.0s ease-in-out, margin-top 0.15s 0.0s ease-in-out;
}
.df-lnb-allmenu:hover .df-allmenu-btn-line_1 { height:8px; border-width:2px; border-color:#fff; margin-top:0;
transition:height 0.15s 0.0s ease-in-out, border-width 0.0s 0.0s ease-in-out, border-color 0.15s 0.0s ease-in-out, margin-top 0.15s 0.0s ease-in-out;
}
.df-lnb-allmenu:hover .df-allmenu-btn-line_2 { background:#fff; margin-top:6px;
transition:background 0.15s 0.0s ease-in-out, margin-top 0.15s 0.0s ease-in-out;
}
.df-lnb-allmenu:hover .df-allmenu-btn-line_3 { background:#fff; margin-top:-6px;
transition:background 0.15s 0.0s ease-in-out, margin-top 0.15s 0.0s ease-in-out;
}
/* ì „ì²´ë³´ê¸° ì˜ì— 콘í…ì¸ í‘œì‹œ */
.df-lnb-allmenu:hover .df-allmenu-wrap { display:block }
/* ì „ì²´ë³´ê¸° ì˜ì— 콘í…ì¸ */
.df-lnb-allmenu .df-allmenu-wrap { display:none; box-sizing:border-box; position:absolute; z-index:98; top:0; left:0; width:100%; border:1px solid #5f5f5f; text-align:left; background-color:rgba(255,255,255,1) }
.df-allmenu-scrollarea { max-height:550px }
.df-allmenu-scrollarea.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { background-color:#aaa; left:-9px }
/* ìƒí’ˆë¶„류 ì˜ì— */
.df-allmenu-left { padding:10px 10px 20px; box-sizing:border-box }
.df-allmenu-left .df-cnb-m2 > .df-cnb-sub-items { padding-top:6px }
.df-allmenu-left .df-am-cnb-item-link { display:block; padding-left:14px; padding-right:14px; font-size:12px; line-height:34px; font-weight:bold; color:#222; background:#f8f8f8 }
.df-allmenu-left .df-cnb-sub-item-link { padding:5px 20px 5px 14px; color:#666 }
.df-allmenu-left .df-cnb-sub-item-link:hover { color:#000 }
/* ìƒí’ˆë¶„류 ì˜ì— 그리드 */
.df-allmenu-scrollarea > .df-allmenu-scrollarea { display:flex; flex-wrap:wrap; flex-direction:row }
.df-allmenu-left { display:flex; flex-wrap:wrap; flex-grow:0; flex-shrink:1; width:calc(100% - 210px) }
.df-allmenu-left > .df-cnb-item_d1 { box-sizing:border-box; margin:8px }
.df-allmenu_grid_1 > .df-cnb-item_d1 { width:calc(100% - 16px) }
.df-allmenu_grid_2 > .df-cnb-item_d1 { width:calc(50% - 16px) }
.df-allmenu_grid_3 > .df-cnb-item_d1 { width:calc(33.333% - 16px) }
.df-allmenu_grid_4 > .df-cnb-item_d1 { width:calc(25% - 16px) }
.df-allmenu_grid_5 > .df-cnb-item_d1 { width:calc(20% - 16px) }
.df-allmenu_grid_6 > .df-cnb-item_d1 { width:calc(16.666% - 16px) }
.df-allmenu_grid_7 > .df-cnb-item_d1 { width:calc(14.286% - 16px) }
.df-allmenu_grid_8 > .df-cnb-item_d1 { width:calc(12.5% - 16px) }
.df-allmenu_grid_9 > .df-cnb-item_d1 { width:calc(11.111% - 16px) }
.df-allmenu_grid_10 > .df-cnb-item_d1 { width:calc(10% - 16px) }
/* ìƒí’ˆë¶„류(하위분류) 기본 숨김처리 */
.df-lnb-allmenu .df-cnb-m3,
.df-lnb-allmenu .df-cnb-m4 { display:none }
/* 게시íŒÂ·ì‡¼í•‘ëª°ì •ë³´ ì˜ì— */
.df-allmenu-right { flex-grow:0; flex-shrink:1; width:210px; box-sizing:border-box; padding:19px 20px; background:#f8f8f8 }
/* 게시íŒÂ·ì‡¼í•‘ëª°ì •ë³´ 공통 */
.df-am-sec_forum { margin-bottom:25px }
.df-am-sec-tit { font-size:13px; line-height:34px; padding-left:9px; padding-right:9px; border-bottom:1px solid #ddd }
.df-am-sec-items { padding-top:6px }
.df-am-sec-item-link { display:block; font-size:12px; line-height:30px; padding-left:9px; padding-right:9px; color:#555 }
.df-am-sec-item-link:hover { background-color:rgba(70,70,70,.3); color:#fff }
/* í…스트 ìžë¥´ê¸° */
.df-allmenu-left .df-am-cnb-item-link,
.df-allmenu-left .df-cnb-sub-item-link,
.df-am-sec-tit,
.df-am-sec-item-link { white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
overflow: hidden !important;
padding: 0 !important;
position: relative;
height:100%;
}
.scroll-wrapper > .scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-element {
display: none;
}
.scroll-element, .scroll-element div {
box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor:pointer;
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-inner > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
bottom: 2px;
height: 8px;
left: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
height: 100%;
right: 2px;
top: 0;
width: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
}
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-outer > .scroll-element {
background-color: #ffffff;
}
.scrollbar-outer > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-y {
height: 100%;
right: 0;
top: 0;
width: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }
.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; }
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }
/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-macosx > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
background-color: #6C6E71;
display: block;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.scrollbar-macosx > .scroll-element.scroll-x {
bottom: 0px;
height: 0px;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0px;
top: 0;
width: 0px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -7px; min-height: 10px; width: 7px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-light > .scroll-element {
background-color: #ffffff;
}
.scrollbar-light > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-light > .scroll-element .scroll-element_outer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.scrollbar-light > .scroll-element .scroll-element_size {
background: #dbdbdb;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.scrollbar-light > .scroll-element.scroll-x {
bottom: 0;
height: 17px;
left: 0;
min-width: 100%;
width: 100%;
}
.scrollbar-light > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 17px;
}
.scrollbar-light > .scroll-element .scroll-bar {
background: #fefefe;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);
border: 1px solid #dbdbdb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }
/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-rail > .scroll-element {
background-color: #ffffff;
}
.scrollbar-rail > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-rail > .scroll-element .scroll-element_size {
background-color: #999;
background-color: rgba(0, 0, 0, 0.3);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
background-color: #666;
background-color: rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
min-width: 100%;
padding: 3px 0 2px;
width: 100%;
}
.scrollbar-rail > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
padding: 0 2px 0 3px;
right: 0;
top: 0;
width: 12px;
}
.scrollbar-rail > .scroll-element .scroll-bar {
background-color: #d0b9a0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }
/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-dynamic > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-x {
bottom: 2px;
height: 7px;
left: 0;
min-width: 100%;
width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 2px;
top: 0;
width: 7px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_outer {
opacity: 0.3;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
background-color: #cccccc;
opacity: 0;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.scrollbar-dynamic > .scroll-element .scroll-bar {
background-color: #6c6e71;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
bottom: 0;
height: 7px;
min-width: 24px;
top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
left: auto;
min-height: 24px;
right: 0;
width: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
bottom: 0;
top: auto;
left: 2px;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
-o-transition: height 0.2s;
-ms-transition: height 0.2s;
transition: height 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
left: auto;
right: 0;
top: 2px;
-webkit-transition: width 0.2s;
-moz-transition: width 0.2s;
-o-transition: width 0.2s;
-ms-transition: width 0.2s;
transition: width 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
overflow: hidden;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
height: 100%;
width: 100%;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
height: 20px;
min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
min-width: 7px;
width: 20px;
}
/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-chrome > .scroll-element {
background-color: #ffffff;
}
.scrollbar-chrome > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-chrome > .scroll-element .scroll-element_outer {}
.scrollbar-chrome > .scroll-element .scroll-element_track {
background: #f1f1f1;
border: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x {
bottom: 0;
height: 16px;
left: 0;
min-width: 100%;
width: 100%;
}
.scrollbar-chrome > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 16px;
}
.scrollbar-chrome > .scroll-element .scroll-bar {
background-color: #d9d9d9;
border: 1px solid #bdbdbd;
cursor: default;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.scrollbar-chrome > .scroll-element .scroll-bar:hover {
background-color: #c2c2c2;
border-color: #a9a9a9;
}
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
background-color: #919191;
border-color: #7e7e7e;
}
/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }
/*
DF Slider Default
*/
/**
PCÂ·ëª¨ë°”ì¼ ê³µí†µ
ì—…ë°ì´íŠ¸: 2022-06-11
**/
/*
swiper original
*/
.swiper-container-vertical > .swiper-wrapper { flex-direction:column }
/*
df-common
*/
.df-slider {
position: relative;
z-index: 1;
}
.df-slider *:focus {
outline: none;
}
.df-slider .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.df-slider .swiper-wrapper {
display: flex;
position: relative;
width: 100%;
height: 100%;
z-index: 1;
transition-property: transform;
box-sizing: content-box;
transform: translate3d(0px, 0, 0);
}
.df-slider .swiper-container-android .swiper-slide {
transform: translate3d(0px, 0, 0);
}
.df-slider .swiper-slide {
position: relative;
width: 100%;
height: 100%;
margin-top: 0;
flex-shrink: 0;
transition-property: transform;
}
.df-slider .swiper-slide > * {
display: block;
}
.df-slider .swiper-slide-invisible-blank {
visibility: hidden;
}
.df-slider .swiper-slide-rows {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.df-slider .swiper-slide-rows-item {
flex-grow: 0;
flex-shrink: 1;
}
.df-slider .swiper-slide-rows-item-last {
margin-right: auto !important;
}
/*
Youtube Default
*/
.df-slider .swiper-slide-yt > a {
display: block;
width: 100%;
}
.df-slider .swiper-slide-yt .df-iframe {
width: 100%;
margin: 0 auto;
text-align: initial;
}
.df-slider .swiper-slide-yt iframe {
width: 160%;
margin-left: -30%;
}
/* DF-mobile only */
.df-native-mobile .df-slider .swiper-slide-yt iframe {
width: 500%;
margin-left: -200%;
}
/*
Auto Height
*/
.df-slider .swiper-container-autoheight,
.df-slider .swiper-container-autoheight .swiper-slide {
height: auto;
}
.df-slider .swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
/*
Navigation
*/
.df-slider .swiper-navigation {
}
.df-slider .swiper-button-prev,
.df-slider .swiper-button-next {
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
color: #333;
/* 네비게ì´ì…˜ - 옵션분리로 ì¸í•´ ì œê±° */
/*
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #dfe1e5;
background-color: rgba(255,255,255,0.9);
box-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 0px 4px 0 rgba(0,0,0,0.07);
*/
width:30px;
height:30px;
font-size:24px;
overflow: hidden;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.df-slider .swiper-button-prev.swiper-button-disabled,
.df-slider .swiper-button-next.swiper-button-disabled {
/* 네비게ì´ì…˜ - 옵션분리로 ì¸í•´ ì œê±° */
/*
background-color: rgba(255,255,255,0.9);
*/
}
.df-slider .swiper-button-prev:hover,
.df-slider .swiper-button-next:hover {
color:#666;
}
.df-slider .swiper-button-prev:after,
.df-slider .swiper-button-next:after {
position: relative;
font-family: xeicon !important;
/* font-size: 18px; */
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.df-slider .swiper-button-prev {
left: 10px;
right: auto;
}
.df-slider .swiper-button-prev:after {
margin-right: 3px;
content: "\e93b";
}
.df-slider .swiper-button-next {
right: 10px;
left: auto;
}
.df-slider .swiper-button-next:after {
margin-left: 3px;
content: "\e93e";
}
.df-slider .swiper-button-lock {
display: none;
}
.df-slider .swiper-button-timer {
position: absolute;
top: 0;
width: 0;
height: 100%;
background: rgba(0,0,0,0.5);
}
.df-slider .swiper-button-timer-yt {
position: absolute;
top: 0;
width: 0;
height: 100%;
background: #f00;
}
.df-slider .swiper-button-prev .swiper-button-timer {
right: 0;
}
.df-slider .swiper-button-next .swiper-button-timer {
left: 0;
}
.df-slider .swiper-button-prev .swiper-button-timer-yt {
right: 0;
}
.df-slider .swiper-button-next .swiper-button-timer-yt {
left: 0;
}
/*
Pagination
*/
.df-slider .swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
box-sizing:border-box;
}
.df-slider .swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.df-slider .swiper-pagination-bullets {
width: 100%;
height: 0;
left: 0;
bottom: 20px;
font-size:0;
line-height:0;
}
.df-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 4px;
display: inline-block;
border-radius: 100%;
background: #bbb;
opacity: 1;
}
.df-slider .swiper-pagination-bullet:hover,
.df-slider .swiper-pagination-bullet-active {
background-color: #555;
}
.df-slider .swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.df-slider .swiper-pagination-bullet-active {
opacity: 1;
}
.df-slider .swiper-pagination-clickable .swiper-pagination-bullet-active {
cursor: default;
}
/*
Pagination - Dynamic
*/
.df-slider .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
left: 50%;
white-space: nowrap;
transform: translateX(-50%);
transition: 200ms transform, 200ms left;
}
.df-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
transform: scale(0.33);
transition: 200ms transform, 200ms right;
}
.df-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.df-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.df-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.df-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.df-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.df-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
/*
Pagination - Circle
*/
.df-slider .swiper-pagination-bullet.circle {
width: 10px;
height: 10px;
margin: 0 3px;
border-radius: 5px
}
.df-slider .swiper-pagination-bullet.circle.wide {
width: 8px;
height: 8px;
margin: 0 2.5px;
border-radius:4px;
transition: all 0.3s
}
.df-slider .swiper-pagination-bullet.swiper-pagination-bullet-active.circle.wide {
width: 28px
}
.df-slider .swiper-pagination-item-yt.circle > * {
display: none;
}
/*
Pagination - Square
*/
.df-slider .swiper-pagination-bullet.square {
width: 10px;
height: 10px;
margin: 0 3px;
border-radius: 0
}
.df-slider .swiper-pagination-bullet.square.wide {
width: 8px;
height: 8px;
margin: 0 2.5px;
transition: all 0.3s
}
.df-slider .swiper-pagination-bullet.swiper-pagination-bullet-active.square.wide {
width: 28px
}
.df-slider .swiper-pagination-item-yt.square > * {
display: none;
}
/*
Pagination - Stick
*/
.df-slider .swiper-pagination-bullet.stick {
width: 16px;
height: 3px;
margin: 2px 2px;
border-radius: 0
}
.df-slider .swiper-pagination-bullet.stick.wide {
width: 14px;
transition: all 0.3s
}
.df-slider .swiper-pagination-bullet.swiper-pagination-bullet-active.stick.wide {
width: 32px
}
.df-slider .swiper-pagination-item-yt.stick > * {
display: none;
}
/*
Pagination - Fraction
*/
.df-slider .swiper-pagination-fraction {
display: inline-block;
width: auto;
height: auto;
left: 50%;
bottom: 12px;
padding: 0 12px;
line-height: 22px;
font-size: 12px;
font-weight: normal;
color: #fff;
border-radius: 11px;
background-color: rgba(170,170,170,.8);
transform: translateX(-50%);
}
/*
Pagination - Progressbar
*/
.df-slider .swiper-pagination-progressbar {
background: rgba(0,0,0,0.1);
position: absolute;
width: 100%;
height: 4px;
left: 0;
top: 0;
bottom: 0;
}
.df-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(170,170,170,.92);
transform: scale(0);
transform-origin: left top;
}
.df-slider .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
/*
Pagination - Timer
*/
.df-slider .swiper-pagination-timer {
bottom: 18px;
}
.df-slider .swiper-pagination-timer .swiper-pagination-item-link {
transition: all 0.2s;
display: inline-block;
position: relative;
min-width: 14px;
min-height: 4px;
border: 0;
}
.df-slider .swiper-pagination-timer .swiper-pagination-item-active .swiper-pagination-item-link {
min-width: 32px;
}
.df-slider .swiper-pagination-item-timer {
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.df-slider .swiper-pagination-item-timer-yt {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #f00;
}
/*
Pagination - Text
*/
.df-slider .swiper-pagination-text {
bottom: 44px;
}
.df-slider .swiper-pagination-text .swiper-pagination-item-link {
border: 1px solid rgba(0,0,0,.06);
}
.df-slider .swiper-pagination-text .swiper-pagination-item-link:before {
background-color: rgba(255,255,255,.92);
}
.df-slider .swiper-pagination-text .swiper-pagination-item-link:hover:before,
.df-slider .swiper-pagination-text .swiper-pagination-item-active .swiper-pagination-item-link:before {
background-color: rgba(170,170,170,.92);
}
.df-slider .swiper-pagination-item-text {
display: block;
position: relative;
z-index: 1;
padding: 0 12px;
min-width: 23px;
line-height: 27px;
min-height: 27px;
color: #2f2f2f;
}
.df-slider .swiper-pagination-item-link:hover .swiper-pagination-item-text,
.df-slider .swiper-pagination-item-active .swiper-pagination-item-text {
color: #fff;
}
/* DF-mobile only */
.df-native-mobile .df-slider .swiper-pagination-item-text {
padding: 0 6px;
min-width: 8px;
max-width: 90px;
line-height: 24px;
min-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.df-native-mobile .df-slider .swiper-pagination-item-yt.swiper-pagination-item-active .swiper-pagination-item-text {
min-width: 50px;
}
.df-native-mobile .df-slider .swiper-pagination-item-yt .swiper-yt-button-play,
.df-native-mobile .df-slider .swiper-pagination-item-yt .swiper-yt-button-sound { display:none }
/*
Pagination - Youtube
*/
.df-slider .swiper-pagination-item-yt .swiper-yt-button-play,
.df-slider .swiper-pagination-item-yt .swiper-yt-button-sound {
display: inline-block;
vertical-align: top;
font-size: 14px;
width: 25px;
line-height: 27px;
cursor: pointer;
border: 1px solid rgba(0,0,0,.06);
border-right: 0;
}
.df-slider .swiper-pagination-item-yt .swiper-yt-button-play:after,
.df-slider .swiper-pagination-item-yt .swiper-yt-button-sound:after {
display: block;
font-size: 13px;
color: #888;
background-color: rgba(255,255,255,.92);
}
.df-slider .swiper-pagination-bullets:not(.swiper-pagination-text) .swiper-yt-button-play,
.df-slider .swiper-pagination-bullets:not(.swiper-pagination-text) .swiper-yt-button-sound { display:none }
/*
Pagination - Timer, Text, Youtbe Used
*/
.df-slider .swiper-pagination-item {
display: inline-block;
margin: 0 2px;
vertical-align: top;
}
.df-slider .swiper-pagination-item-link {
display: inline-block;
vertical-align: top;
position: relative;
width: auto;
height: auto;
text-indent: 0;
font-size: 12px;
line-height: 1.4;
letter-spacing:-.25px;
font-weight: normal;
cursor: pointer;
}
.df-slider .swiper-pagination-item-link:before {
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: #bbb;
content: '';
}
.df-slider .swiper-pagination-item-active .swiper-pagination-item-link { cursor: default }
.df-slider .swiper-pagination-item-link:hover:before,
.df-slider .swiper-pagination-item-active .swiper-pagination-item-link:before {
background-color: #aaa;
}
/* DF-mobile only */
.df-native-mobile .df-slider .swiper-pagination-item-link {
font-size: 0;
}
.df-native-mobile .df-slider .swiper-pagination-item-active .swiper-pagination-item-link {
font-size: 11px;
letter-spacing: -.25px;
}
/*
Scrollbar
*/
.df-slider .swiper-scrollbar {
position: absolute;
z-index: 10;
width: 100%;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.1);
-ms-touch-action: none;
}
.df-slider .swiper-scrollbar-drag {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 5px;
background-color: rgba(170,170,170,.92);
}
.df-slider .swiper-scrollbar-timer {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.df-slider .swiper-scrollbar-timer-yt {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #f00;
}
.df-slider .swiper-scrollbar-text {
display: block;
position: relative;
z-index: 10;
font-size: 11px;
line-height: 20px;
color: #fff;
text-align: center;
}
.df-slider .swiper-scrollbar-cursor-drag {
cursor: move;
}
.df-slider .swiper-scrollbar-lock {
display: none;
}
/*
Timeline
*/
.df-slider .swiper-timeline {
position: absolute;
top: 0;
left: 0;
z-index: 50;
width: 100%;
min-height: 1px;
background-color: rgba(170,170,170,.92);
}
.df-slider .swiper-timeline-timer {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.df-slider .swiper-timeline-timer-yt {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #f00;
}
.df-slider .swiper-timeline-text {
display: block;
position: relative;
z-index: 1;
width: 100%;
font-size: 11px;
line-height: 20px;
color: #fff;
text-align: center;
}
/*
a11y
*/
.df-slider .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.df-slider .swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.df-slider .swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.df-slider .swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.df-slider .swiper-container-fade .swiper-slide-active,
.df-slider .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
/*
Youtube - Onlychild pagination
*/
.df-slider .swiper-pagination-item-yt:only-child { display:none }
/*
Youtube - Controlls
*/
.df-slider .swiper-yt-button-play,
.df-slider .swiper-yt-button-sound {
display: table-cell;
vertical-align: middle;
cursor: pointer;
}
.df-slider .swiper-yt-button-play:after,
.df-slider .swiper-yt-button-sound:after {
display: inline-block;
vertical-align: middle;
font-family: xeicon;
}
.df-slider .swiper-yt-button-play:after {
content: "\ea3e";
}
.df-slider .swiper-yt-button-play.on:after {
content: "\ea3b";
}
.df-slider .swiper-yt-button-sound:after {
content: "\eb39";
}
.df-slider .swiper-yt-button-sound.on:after {
content: "\ea5b";
}
.df-slider .swiper-yt-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.df-slider .swiper-yt-wrap .swiper-yt-wrap-control {
opacity: 0;
visibility: hidden;
display: table;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: rgba(0,0,0,0.2);
border-radius: 30px;
padding: 50px;
transition: all 0.25s 0.0s ease-in-out
}
.df-slider .swiper-yt-wrap:hover .swiper-yt-wrap-control {
opacity: 1;
visibility: visible;
}
.df-slider .swiper-yt-wrap .swiper-yt-button-play:after,
.df-slider .swiper-yt-wrap .swiper-yt-button-sound:after {
margin: 0 16px;
color: rgba(255,255,255,0.87);
font-size: 56px;
}
/* DF-mobile only */
.df-native-mobile .df-slider .swiper-yt-wrap .swiper-yt-wrap-control {
opacity: 1;
visibility: visible;
top: auto;
left: auto;
bottom: 24px;
right: 7px;
padding: 0;
transform: none;
background: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.df-native-mobile .df-slider .swiper-yt-wrap .swiper-yt-button-play:after,
.df-native-mobile .df-slider .swiper-yt-wrap .swiper-yt-button-sound:after {
font-size: 20px;
}
.df-native-mobile .df-slider .swiper-yt-wrap .swiper-yt-button-play:after,
.df-native-mobile .df-slider .swiper-yt-wrap .swiper-yt-button-sound:after {
margin: 0;
height: 32px;
width: 32px;
background-color: rgba(0,0,0,0.2);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-left: 4px;
}
/*
Etc
*/
/* ì´ë¯¸ì§€ 최대 사ì´ì¦ˆ ì§€ì • */
.df-slider img {
max-width: 100%;
}
/* ìœ íŠœë¸Œê°€ í¬í•¨ëœ 슬ë¼ì´ë“œ 효과ì—ì„œ ì˜ì— 침범으로 추가 */
.df-slider .swiper-container-slide.swiper-container-yt .swiper-slide {
overflow: hidden;
}
/*-----------------------------------------------------------------
DF slider addClass options 2020-11-24
-----------------------------------------------------------------*/
/* 공통 */
.swiper-button-prev,
.swiper-button-next { -webkit-transition:all .22s 0.0s linear; transition:all .22s 0.0s linear }
/* hover - on */
.df-slider-nav-hover-on .swiper-button-prev,
.df-slider-nav-hover-on .swiper-button-next { opacity:0; visibility:hidden }
.df-slider .df-slider-nav-hover-on .swiper-button-prev { left:24px }
.df-slider .df-slider-nav-hover-on .swiper-button-next { right:24px }
.df-slider:hover .df-slider-nav-hover-on .swiper-button-prev { left:12px; opacity:1; visibility:visible }
.df-slider:hover .df-slider-nav-hover-on .swiper-button-next { right:12px; opacity:1; visibility:visible }
.df-slider .df-slider-nav-hover-on.df-slider-nav-size-small .swiper-button-prev { left:19px }
.df-slider .df-slider-nav-hover-on.df-slider-nav-size-small .swiper-button-next { right:19px }
.df-slider:hover .df-slider-nav-hover-on.df-slider-nav-size-small .swiper-button-prev { left:9px; opacity:1; visibility:visible }
.df-slider:hover .df-slider-nav-hover-on.df-slider-nav-size-small .swiper-button-next { right:9px; opacity:1; visibility:visible }
/* size - small */
.df-slider .df-slider-nav-size-small .swiper-button-prev,
.df-slider .df-slider-nav-size-small .swiper-button-next { width:28px; height:28px; font-size:14px }
/* size - medium */
.df-slider .df-slider-nav-size-medium .swiper-button-prev,
.df-slider .df-slider-nav-size-medium .swiper-button-next { width:40px; height:40px; font-size:18px }
/* size - big */
.df-slider .df-slider-nav-size-big .swiper-button-prev,
.df-slider .df-slider-nav-size-big .swiper-button-next { width:50px; height:50px; font-size:34px }
.df-slider .df-slider-nav-size-big .swiper-button-prev:after { content:"\e93d" }
.df-slider .df-slider-nav-size-big .swiper-button-next:after { content:"\e940" }
/* shape - circle */
.df-slider .df-slider-nav-shape-circle .swiper-button-prev,
.df-slider .df-slider-nav-shape-circle .swiper-button-next { border-radius:4px; border-radius:50% }
/* shape - box */
.df-slider .df-slider-nav-shape-box .swiper-button-prev,
.df-slider .df-slider-nav-shape-box .swiper-button-next { border-radius:3px }
.df-slider .df-slider-nav-size-big.df-slider-nav-shape-box .swiper-button-prev,
.df-slider .df-slider-nav-size-big.df-slider-nav-shape-box .swiper-button-next { width:38px; border-radius:6px }
/* color - white */
.df-slider .df-slider-nav-color-white .swiper-button-prev,
.df-slider .df-slider-nav-color-white .swiper-button-next { background-color:rgba(255,255,255,.9); border:1px solid rgba(0,0,0,.09); color:#111 }
.df-slider .df-slider-nav-color-white .swiper-button-prev:hover,
.df-slider .df-slider-nav-color-white .swiper-button-next:hover { color:#5f5f5f }
/* color - gray */
.df-slider .df-slider-nav-color-gray .swiper-button-prev,
.df-slider .df-slider-nav-color-gray .swiper-button-next { background-color:rgba(0,0,0,.15); color:#fff; border:0; box-shadow:none }
.df-slider .df-slider-nav-color-gray .swiper-button-prev:hover,
.df-slider .df-slider-nav-color-gray .swiper-button-next:hover { background-color:rgba(0,0,0,.35) }
/* color - black */
.df-slider .df-slider-nav-color-black .swiper-button-prev,
.df-slider .df-slider-nav-color-black .swiper-button-next { background-color:rgba(0,0,0,.75); color:#fff; border:0; box-shadow:none }
.df-slider .df-slider-nav-color-black .swiper-button-prev:hover,
.df-slider .df-slider-nav-color-black .swiper-button-next:hover { background-color:rgba(0,0,0,.45) }
/**
======================================================================================================
※디ìžì¸í”Œë¡œì–´ ë¼ì´ì„ 스 법ì ê³ ì§€â€»
-본 사ì´íŠ¸ì— 존재하는 ëª¨ë“ ê¸°ìˆ ì ì†ŒìŠ¤ì½”ë“œì˜ ì €ìž‘ê¶Œì€ ì˜¤ì§ ë””ìžì¸í”Œë¡œì–´ì— 있습니다.
-본 사ì´íŠ¸ì— 존재하는 ê¸°ìˆ ì 소스코드를 ì‚¬ìš©í• ê²½ìš°ì™€ ì´ë¥¼ 변형하여 활용하는 경우
ì €ìž‘ê¶Œë²•ì— ì˜ê±° 법ì ê³ ì§€ë¥¼ 위반하는 것으로 íŒë‹¨í•˜ë©° ì¦‰ê° ë¯¼í˜•ì‚¬ìƒì˜ 조치를 취합니다.
-ë””ìžì¸í”Œë¡œì–´ëŠ” ë””ìžì¸ì˜ 개발·ìƒì‚° ë° ì½˜í…ì¸ ì˜ ë³´í˜¸ë¥¼ 가장 ìš°ì„ ìœ¼ë¡œ 하므로 진행ë˜ëŠ”
ë¯¼í˜•ì‚¬ì†Œì†¡ê±´ì— ëŒ€í•œ í•©ì˜ëŠ” 진행하지 않는 ì ì„ ê³ ì§€í•©ë‹ˆë‹¤.
-ë””ìžì¸í”Œë¡œì–´ëŠ” 민가율 í•©ë™ ë²•ë¥ ì‚¬ë¬´ì†Œ 'ê¹€ì„호 변호사'와 함께 지ì ìž¬ì‚°ê¶Œì„ ìˆ˜í˜¸í•˜ë©°
ìžë¬¸ì„ ë°›ê³ ìžˆìŠµë‹ˆë‹¤.
======================================================================================================
※본 파ì¼ì— 대한 안내문※
-본 ë‚´ìš©ì€ ì‡¼í•‘ëª° ì „ì²´íŽ˜ì´ì§€ì— ì˜í–¥ì„ 주며 ìˆ˜ì •Â·ì‚ì œë¥¼ ì ˆëŒ€ 금지합니다.
-본 파ì¼ì˜ ë‚´ìš© ìˆ˜ì •ì‹œ ë””ìžì¸í”Œë¡œì–´ì˜ ìœ ì§€ë³´ìˆ˜Â·ì—…ë°ì´íŠ¸Â·ê·¸ì™¸ ë°œìƒí•˜ëŠ” ëª¨ë“ ë¬¸ì œì—
대한 ë³µêµ¬ìž‘ì—…ì´ ë¶ˆê°€í•©ë‹ˆë‹¤.
-별ë„ì˜ css ìˆ˜ì •ì´ í•„ìš”í•œ 경우 /dfloor/custom.css 파ì¼ì—서만 ìˆ˜ì •ì„ í—ˆìš©í•©ë‹ˆë‹¤.
======================================================================================================
※본 파ì¼ì˜ ë‚´ìš©ì„ ìˆ˜ì •í• ê²½ìš° ë” ì´ìƒì˜ ì—…ë°ì´íŠ¸ ë° ìœ ì§€ 보수가 불가합니다.※
======================================================================================================
**/
/**
PCë””ìžì¸ ì „ìš©
ì—…ë°ì´íŠ¸: 2021-08-12
-í¬í† 리뷰 ì•Œë¦¼ë ˆì´ì–´ ì œê±°(2021-06-13)
-네비게ì´ì…˜ í°íŠ¸ì‚¬ì´ì¦ˆ 변경(2021-07-24)
-ì´ë¯¸ì§€ë§µ í¬ì»¤ìŠ¤ì˜ì—처리(2021-08-12)
**/
/*-----------------------------------------------------------------
í°íŠ¸ì„ ì–¸ í•œêµì–´
-----------------------------------------------------------------*/
/* BODY */
html:lang(ko) body,
html:lang(ko) code { font-family:"Pretendard", "Roboto", "Arial", "Nanum Gothic", "Malgun Gothic", "ë§‘ì€ ê³ ë”•", "Dotum", "ë‹ì›€", "Apple SD Gothic Neo", "AppleGothic", sans-serif }
/* BUTTON(cafe24 base reset) */
html:lang(ko) [class^='btnNormal'],
html:lang(ko) a[class^='btnNormal'],
html:lang(ko) [class^='btnSubmit'],
html:lang(ko) a[class^='btnSubmit'],
html:lang(ko) [class^='btnEm'],
html:lang(ko) a[class^='btnEm'],
html:lang(ko) [class^='btnBasic'],
html:lang(ko) a[class^='btnBasic'],
html:lang(ko) .btnLogin,
html:lang(ko) a.btnLogin,
html:lang(ko) .btnAgree,
html:lang(ko) a.btnAgree,
html:lang(ko) .btnToggle button { font-family:"Pretendard", "Roboto", "Arial", "Nanum Gothic", "Malgun Gothic", "ë§‘ì€ ê³ ë”•", "Dotum", "ë‹ì›€", "Apple SD Gothic Neo", "AppleGothic", sans-serif }
/* INPUT·SELECT·TEXTAREA(cafe24 base reset) */
html:lang(ko) input,
html:lang(ko) select,
html:lang(ko) textarea,
html:lang(ko) button { font-family:"Pretendard", "Roboto", "Arial", "Nanum Gothic", "Malgun Gothic", "ë§‘ì€ ê³ ë”•", "Dotum", "ë‹ì›€", "Apple SD Gothic Neo", "AppleGothic", sans-serif }
/*-----------------------------------------------------------------
í°íŠ¸ì„ ì–¸ ì˜ì–´
-----------------------------------------------------------------*/
/* BODY */
html:lang(en) body,
html:lang(en) code { font-family:"Pretendard", "Roboto", "Arial", "Verdana", "AppleGothic", sans-serif }
/* BUTTON(cafe24 base reset) */
html:lang(en) [class^='btnNormal'],
html:lang(en) a[class^='btnNormal'],
html:lang(en) [class^='btnSubmit'],
html:lang(en) a[class^='btnSubmit'],
html:lang(en) [class^='btnEm'],
html:lang(en) a[class^='btnEm'],
html:lang(en) [class^='btnBasic'],
html:lang(en) a[class^='btnBasic'],
html:lang(en) .btnLogin,
html:lang(en) a.btnLogin,
html:lang(en) .btnAgree,
html:lang(en) a.btnAgree,
html:lang(en) .btnToggle button { font-family:"Pretendard", "Roboto", "Arial", "Verdana", "AppleGothic", sans-serif }
/* INPUT·SELECT·TEXTAREA(cafe24 base reset) */
html:lang(en) input,
html:lang(en) select,
html:lang(en) textarea,
html:lang(en) button { font-family:"Pretendard", "Roboto", "Arial", "Verdana", "AppleGothic", sans-serif }
/*-----------------------------------------------------------------
í°íŠ¸ì„ ì–¸ 중êµì–´(ê°„ì²´)
-----------------------------------------------------------------*/
/* BODY */
html:lang(zh) body,
html:lang(zh) code { font-family:"Pretendard", "Roboto", "Microsoft YaHei", "STHeiti", "simsun", "Arial", sans-serif }
/* BUTTON(cafe24 base reset) */
html:lang(zh) [class^='btnNormal'],
html:lang(zh) a[class^='btnNormal'],
html:lang(zh) [class^='btnSubmit'],
html:lang(zh) a[class^='btnSubmit'],
html:lang(zh) [class^='btnEm'],
html:lang(zh) a[class^='btnEm'],
html:lang(zh) [class^='btnBasic'],
html:lang(zh) a[class^='btnBasic'],
html:lang(zh) .btnLogin,
html:lang(zh) a.btnLogin,
html:lang(zh) .btnAgree,
html:lang(zh) a.btnAgree,
html:lang(zh) .btnToggle button { font-family:"Pretendard", "Roboto", "Microsoft YaHei", "STHeiti", "simsun", "Arial", sans-serif }
/* INPUT·SELECT·TEXTAREA(cafe24 base reset) */
html:lang(zh) input,
html:lang(zh) select,
html:lang(zh) textarea,
html:lang(zh) button { font-family:"Pretendard", "Roboto", "Microsoft YaHei", "STHeiti", "simsun", "Arial", sans-serif }
/*-----------------------------------------------------------------
í°íŠ¸ì„ ì–¸ ì¼ë³¸ì–´
-----------------------------------------------------------------*/
/* BODY */
html:lang(ja) body,
html:lang(ja) code { font-family:"Pretendard", "Roboto", "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif }
/* BUTTON(cafe24 base reset) */
html:lang(ja) [class^='btnNormal'],
html:lang(ja) [class^='btnNormal'],
html:lang(ja) a[class^='btnNormal'],
html:lang(ja) [class^='btnSubmit'],
html:lang(ja) a[class^='btnSubmit'],
html:lang(ja) [class^='btnEm'],
html:lang(ja) a[class^='btnEm'],
html:lang(ja) [class^='btnBasic'],
html:lang(ja) a[class^='btnBasic'],
html:lang(ja) .btnLogin,
html:lang(ja) a.btnLogin,
html:lang(ja) .btnAgree,
html:lang(ja) a.btnAgree,
html:lang(ja) .btnToggle button { font-family:"Pretendard", "Roboto", "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif }
/* INPUT·SELECT·TEXTAREA(cafe24 base reset) */
html:lang(ja) input,
html:lang(ja) select,
html:lang(ja) textarea,
html:lang(ja) button { font-family:"Pretendard", "Roboto", "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif }
/*-----------------------------------------------------------------
í°íŠ¸ì„ ì–¸ 대만어(번체)
-----------------------------------------------------------------*/
/* BODY */
html:lang(zh-tw) body,
html:lang(zh-tw) code { font-family:"Pretendard", "Roboto","Microsoft YaHei", "MingLiU","PMingLiU","Microsoft JhengHei","Arial",sans-serif }
/* BUTTON(cafe24 base reset) */
html:lang(zh-tw) [class^='btnNormal'],
html:lang(zh-tw) a[class^='btnNormal'],
html:lang(zh-tw) [class^='btnSubmit'],
html:lang(zh-tw) a[class^='btnSubmit'],
html:lang(zh-tw) [class^='btnEm'],
html:lang(zh-tw) a[class^='btnEm'],
html:lang(zh-tw) [class^='btnBasic'],
html:lang(zh-tw) a[class^='btnBasic'],
html:lang(zh-tw) .btnLogin,
html:lang(zh-tw) a.btnLogin,
html:lang(zh-tw) .btnAgree,
html:lang(zh-tw) a.btnAgree,
html:lang(zh-tw) .btnToggle button { font-family:"Pretendard", "Roboto","Microsoft YaHei", "MingLiU","PMingLiU","Microsoft JhengHei","Arial",sans-serif }
/* INPUT·SELECT·TEXTAREA(cafe24 base reset) */
html:lang(zh-tw) input,
html:lang(zh-tw) select,
html:lang(zh-tw) textarea,
html:lang(zh-tw) button { font-family:"Pretendard", "Roboto","Microsoft YaHei", "MingLiU","PMingLiU","Microsoft JhengHei","Arial",sans-serif }
/*-----------------------------------------------------------------
í°íŠ¸ì„ ì–¸ ë² íŠ¸ë‚¨ì–´
-----------------------------------------------------------------*/
/* BODY */
html:lang(vi) body,
html:lang(vi) code { font-family:"Pretendard", "Roboto", "Arial", "Verdana", "AppleGothic", sans-serif }
/* BUTTON(cafe24 base reset) */
html:lang(vi) [class^='btnNormal'],
html:lang(vi) a[class^='btnNormal'],
html:lang(vi) [class^='btnSubmit'],
html:lang(vi) a[class^='btnSubmit'],
html:lang(vi) [class^='btnEm'],
html:lang(vi) a[class^='btnEm'],
html:lang(vi) [class^='btnBasic'],
html:lang(vi) a[class^='btnBasic'],
html:lang(vi) .btnLogin,
html:lang(vi) a.btnLogin,
html:lang(vi) .btnAgree,
html:lang(vi) a.btnAgree,
html:lang(vi) .btnToggle button { font-family:"Pretendard", "Roboto", "Arial", "Verdana", "AppleGothic", sans-serif }
/* INPUT·SELECT·TEXTAREA(cafe24 base reset) */
html:lang(vi) input,
html:lang(vi) select,
html:lang(vi) textarea,
html:lang(vi) button { font-family:"Pretendard", "Roboto", "Arial", "Verdana", "AppleGothic", sans-serif }
/*-----------------------------------------------------------------
언어별 í°íŠ¸ ì„¤ì •
[ì„ íƒìž 설명]
df-lang-ê¸°ë³¸ì„ ì–¸
-----------------------------------------------------------------*/
html [class*="df-lang-"],
html .titleArea [class*="df-lang-"] { font-size:0 }
html [class*="df-lang-"] { vertical-align:middle }
html [class*="df-lang-"]:before { font-size:12px; display:inline-block; vertical-align:middle }
html [class*="df-lang-"]:after { font-size:12px; display:inline-block; vertical-align:middle }
html [class*="df-lang-"] i { font-size:12px; display:inline-block; vertical-align:middle; font-style:normal }
html [class*="df-lang-title"]:before { font-size:17px }
html [class*="df-lang-title"]:after { font-size:17px }
/*-----------------------------------------------------------------
ì˜ì— 언어별 표시여부 ì„¤ì •
[ì°¸ê³ ]
-ì„ íƒìž df-lang ì˜ ê³µí†µ í°íŠ¸ì‚¬ì´ì¦ˆë¥¼ 0으로 ì„ ì–¸í•˜ë¯€ë¡œ ì‹ë³„ê¸°í˜¸ì¸ df- ì€ ì œì™¸í•¨
-표시요소가 ë§ˆì§€ë§‰ì— ì„ ì–¸ë˜ì–´ì•¼ë¨
-----------------------------------------------------------------*/
/* /언어별 display â˜…ë¸”ë¡ ìš”ì†Œê°€ ë§ˆì§€ë§‰ì— ìœ„ì¹˜í•´ì•¼ë¨â˜… */
html:lang(ko) .lang-sec-en { display:none }
html:lang(ko) .lang-sec-zh { display:none }
html:lang(ko) .lang-sec-ja { display:none }
html:lang(ko) .lang-sec-zh-tw { display:none }
html:lang(ko) .lang-sec-vi { display:none }
html:lang(ko) .lang-sec-ko { display:block }
/* 언어별 display â˜…ë¸”ë¡ ìš”ì†Œê°€ ë§ˆì§€ë§‰ì— ìœ„ì¹˜í•´ì•¼ë¨â˜… */
html:lang(en) .lang-sec-ko { display:none }
html:lang(en) .lang-sec-zh { display:none }
html:lang(en) .lang-sec-ja { display:none }
html:lang(en) .lang-sec-zh-tw { display:none }
html:lang(en) .lang-sec-vi { display:none }
html:lang(en) .lang-sec-en { display:block }
/* 언어별 display â˜…ë¸”ë¡ ìš”ì†Œê°€ ë§ˆì§€ë§‰ì— ìœ„ì¹˜í•´ì•¼ë¨â˜… */
html:lang(zh) .lang-sec-ko { display:none }
html:lang(zh) .lang-sec-en { display:none }
html:lang(zh) .lang-sec-ja { display:none }
html:lang(zh) .lang-sec-zh-tw { display:none }
html:lang(zh) .lang-sec-vi { display:none }
html:lang(zh) .lang-sec-zh { display:block }
/* 언어별 display â˜…ë¸”ë¡ ìš”ì†Œê°€ ë§ˆì§€ë§‰ì— ìœ„ì¹˜í•´ì•¼ë¨â˜… */
html:lang(ja) .lang-sec-ko { display:none }
html:lang(ja) .lang-sec-en { display:none }
html:lang(ja) .lang-sec-zh { display:none }
html:lang(ja) .lang-sec-zh-tw { display:none }
html:lang(ja) .lang-sec-vi { display:none }
html:lang(ja) .lang-sec-ja { display:block }
/* 언어별 display â˜…ë¸”ë¡ ìš”ì†Œê°€ ë§ˆì§€ë§‰ì— ìœ„ì¹˜í•´ì•¼ë¨â˜… */
html:lang(zh-tw) .lang-sec-ko { display:none }
html:lang(zh-tw) .lang-sec-en { display:none }
html:lang(zh-tw) .lang-sec-zh { display:none }
html:lang(zh-tw) .lang-sec-ja { display:none }
html:lang(zh-tw) .lang-sec-vi { display:none }
html:lang(zh-tw) .lang-sec-zh-tw { display:block }
/* 언어별 display â˜…ë¸”ë¡ ìš”ì†Œê°€ ë§ˆì§€ë§‰ì— ìœ„ì¹˜í•´ì•¼ë¨â˜… */
html:lang(vi) .lang-sec-ko { display:none }
html:lang(vi) .lang-sec-en { display:none }
html:lang(vi) .lang-sec-zh { display:none }
html:lang(vi) .lang-sec-ja { display:none }
html:lang(vi) .lang-sec-zh-tw { display:none }
html:lang(vi) .lang-sec-vi { display:block }
/*-----------------------------------------------------------------
ë””ìžì¸í”Œë¡œì–´ ì„¤ì • 2020-11-30
-----------------------------------------------------------------*/
/* ë””ìžì¸í”Œë¡œì–´ ì„¤ì • 변수*/
/* ※[중요!]ìƒì„¸íŽ˜ì´ì§€ í›„ê¸°Â·ë¬¸ì˜ ì‚¬ìš©ì‹œì—는 페ì´ì§• 표시가 ë˜ì§€ ì•ŠìŒìœ¼ë¡œ ì œì™¸ì²˜ë¦¬ */
[class*="df-use-"]:not(.df-use-on):not(.df-use-prd-review):not(.df-use-prd-qna) { display:none !important }
/*-----------------------------------------------------------------
ë””ìžì¸í”Œë¡œì–´ ë¼ì´ë¸ŒëŸ¬ë¦¬ 2020-01-04
-----------------------------------------------------------------*/
/* ìœ íŠœë¸Œ ë°˜ì‘형 í´ëž˜ìŠ¤ 사용시 PCë²„ì „ì—ì„œ ê°€ìš´ë° ì •ë ¬í•˜ê¸° */
.df-movie,
.df-youtube,
.df-vimeo { margin:0 auto }
.df-iframe { margin:0 auto; text-align:center }
/* DF GRID 공통 */
.df-grid { display:-webkit-flex; display:-ms-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap }
.df-grid:after { display:block; clear:both; content:"" }
.df-grid > .df-grid-cell { float:left; box-sizing:border-box }
.df-grid > .df-grid-cell img { width:100% }
/* DF GRID ì•„ì´í”„ë ˆìž„ ëŒ€ì‘ */
.df-grid .df-iframe { position:relative; width:100%; padding-bottom:56.25%; text-align:initial }
.df-grid .df-iframe iframe { position:absolute; width:100%; height:100% }
/* DF GRID 가로개수 */
.df-grid-cols1 .df-grid-cell { -webkit-flex-basis:100%; -ms-flex-basis:100%; flex-basis:100%; width:100% }
.df-grid-cols2 .df-grid-cell { -webkit-flex-basis:50%; -ms-flex-basis:50%; flex-basis:50%; width:50% }
.df-grid-cols3 .df-grid-cell { -webkit-flex-basis:33.333%; -ms-flex-basis:33.333%; flex-basis:33.333%; width:33.333% }
.df-grid-cols4 .df-grid-cell { -webkit-flex-basis:25%; -ms-flex-basis:25%; flex-basis:25%; width:25% }
.df-grid-cols5 .df-grid-cell { -webkit-flex-basis:20%; -ms-flex-basis:20%; flex-basis:20%; width:20% }
.df-grid-cols6 .df-grid-cell { -webkit-flex-basis:16.666%; -ms-flex-basis:16.666%; flex-basis:16.666%; width:16.666% }
.df-grid-cols7 .df-grid-cell { -webkit-flex-basis:14.285%; -ms-flex-basis:14.285%; flex-basis:14.285%; width:14.285% }
.df-grid-cols8 .df-grid-cell { -webkit-flex-basis:12.5%; -ms-flex-basis:12.5%; flex-basis:12.5%; width:12.5% }
.df-grid-cols9 .df-grid-cell { -webkit-flex-basis:11.111%; -ms-flex-basis:11.111%; flex-basis:11.111%; width:11.111% }
.df-grid-cols10 .df-grid-cell { -webkit-flex-basis:10%; -ms-flex-basis:10%; flex-basis:10%; width:10% }
.df-grid-cols1 .df-grid-cell:nth-child(-n+1) > .df-grid-box { padding-top:0 }
.df-grid-cols2 .df-grid-cell:nth-child(-n+2) > .df-grid-box { padding-top:0 }
.df-grid-cols3 .df-grid-cell:nth-child(-n+3) > .df-grid-box { padding-top:0 }
.df-grid-cols4 .df-grid-cell:nth-child(-n+4) > .df-grid-box { padding-top:0 }
.df-grid-cols5 .df-grid-cell:nth-child(-n+5) > .df-grid-box { padding-top:0 }
.df-grid-cols6 .df-grid-cell:nth-child(-n+6) > .df-grid-box { padding-top:0 }
.df-grid-cols7 .df-grid-cell:nth-child(-n+7) > .df-grid-box { padding-top:0 }
.df-grid-cols8 .df-grid-cell:nth-child(-n+8) > .df-grid-box { padding-top:0 }
.df-grid-cols9 .df-grid-cell:nth-child(-n+9) > .df-grid-box { padding-top:0 }
.df-grid-cols10 .df-grid-cell:nth-child(-n+10) > .df-grid-box { padding-top:0 }
/* DF GRID 내부 간격 */
.df-grid-inYX0 { }
.df-grid-inYX1 { margin-left:-1px }
.df-grid-inYX2 { margin-left:-2px }
.df-grid-inYX3 { margin-left:-3px }
.df-grid-inYX4 { margin-left:-4px }
.df-grid-inYX5 { margin-left:-5px }
.df-grid-inYX6 { margin-left:-6px }
.df-grid-inYX7 { margin-left:-7px }
.df-grid-inYX8 { margin-left:-8px }
.df-grid-inYX9 { margin-left:-9px }
.df-grid-inYX10 { margin-left:-10px }
.df-grid-inYX11 { margin-left:-11px }
.df-grid-inYX12 { margin-left:-12px }
.df-grid-inYX13 { margin-left:-13px }
.df-grid-inYX14 { margin-left:-14px }
.df-grid-inYX15 { margin-left:-15px }
.df-grid-inYX16 { margin-left:-16px }
.df-grid-inYX17 { margin-left:-17px }
.df-grid-inYX18 { margin-left:-18px }
.df-grid-inYX19 { margin-left:-19px }
.df-grid-inYX20 { margin-left:-20px }
.df-grid-inYX0 .df-grid-cell .df-grid-box { }
.df-grid-inYX1 .df-grid-cell .df-grid-box { padding-left:1px; padding-top:1px }
.df-grid-inYX2 .df-grid-cell .df-grid-box { padding-left:2px; padding-top:2px }
.df-grid-inYX3 .df-grid-cell .df-grid-box { padding-left:3px; padding-top:3px }
.df-grid-inYX4 .df-grid-cell .df-grid-box { padding-left:4px; padding-top:4px }
.df-grid-inYX5 .df-grid-cell .df-grid-box { padding-left:5px; padding-top:5px }
.df-grid-inYX6 .df-grid-cell .df-grid-box { padding-left:6px; padding-top:6px }
.df-grid-inYX7 .df-grid-cell .df-grid-box { padding-left:7px; padding-top:7px }
.df-grid-inYX8 .df-grid-cell .df-grid-box { padding-left:8px; padding-top:8px }
.df-grid-inYX9 .df-grid-cell .df-grid-box { padding-left:9px; padding-top:9px }
.df-grid-inYX10 .df-grid-cell .df-grid-box { padding-left:10px; padding-top:10px }
.df-grid-inYX11 .df-grid-cell .df-grid-box { padding-left:11px; padding-top:11px }
.df-grid-inYX12 .df-grid-cell .df-grid-box { padding-left:12px; padding-top:12px }
.df-grid-inYX13 .df-grid-cell .df-grid-box { padding-left:13px; padding-top:13px }
.df-grid-inYX14 .df-grid-cell .df-grid-box { padding-left:14px; padding-top:14px }
.df-grid-inYX15 .df-grid-cell .df-grid-box { padding-left:15px; padding-top:15px }
.df-grid-inYX16 .df-grid-cell .df-grid-box { padding-left:16px; padding-top:16px }
.df-grid-inYX17 .df-grid-cell .df-grid-box { padding-left:17px; padding-top:17px }
.df-grid-inYX18 .df-grid-cell .df-grid-box { padding-left:18px; padding-top:18px }
.df-grid-inYX19 .df-grid-cell .df-grid-box { padding-left:19px; padding-top:19px }
.df-grid-inYX20 .df-grid-cell .df-grid-box { padding-left:20px; padding-top:20px }
/* DF GRID 외부 간격 */
.df-grid-outYX0 { }
.df-grid-outYX1 { padding:0 1px }
.df-grid-outYX2 { padding:0 2px }
.df-grid-outYX3 { padding:0 3px }
.df-grid-outYX4 { padding:0 4px }
.df-grid-outYX5 { padding:0 5px }
.df-grid-outYX6 { padding:0 6px }
.df-grid-outYX7 { padding:0 7px }
.df-grid-outYX8 { padding:0 8px }
.df-grid-outYX9 { padding:0 9px }
.df-grid-outYX10 { padding:0 10px }
.df-grid-outYX11 { padding:0 11px }
.df-grid-outYX12 { padding:0 12px }
.df-grid-outYX13 { padding:0 13px }
.df-grid-outYX14 { padding:0 14px }
.df-grid-outYX15 { padding:0 15px }
.df-grid-outYX16 { padding:0 16px }
.df-grid-outYX17 { padding:0 17px }
.df-grid-outYX18 { padding:0 18px }
.df-grid-outYX19 { padding:0 19px }
.df-grid-outYX20 { padding:0 20px }
/*-----------------------------------------------------------------
공통 ì•„ì´ì½˜ ì„¤ì •
ì°¸ê³ : 아래 페ì´ì§€ëŠ” ë³„ë„ ì„¤ì •
경로: ~
-----------------------------------------------------------------*/
html [class*="df-lang-empty"]:before { display:block; margin-bottom:22px; font-size:42px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; color:#999 }
[class*="df-ico-"] { font-size:24px; color:#888; font-style:normal; font-weight:normal }
[class*="df-ico-"]:before { font-family:xeicon !important; font-style:normal; font-weight:normal; vertical-align:middle; display:inline-block }
.df-ico-left:before { content:"\e93b" }
.df-ico-left-min:before { content:"\e93c" }
.df-ico-left-thin:before { content:"\e93d" }
.df-ico-right:before { content:"\e93e"}
.df-ico-right-min:before { content:"\e93f" }
.df-ico-right-thin:before { content:"\e940" }
.df-ico-up:before { content:"\e944"}
.df-ico-up-min:before { content:"\e945" }
.df-ico-up-thin:before { content:"\e946" }
.df-ico-down:before { content:"\e941"}
.df-ico-down-min:before { content:"\e942" }
.df-ico-down-thin:before { content:"\e943" }
.df-ico-close:before { content:"\e921" }
.df-ico-close-min:before { content:"\e922" }
.df-ico-close-thin:before { content:"\e9af" }
/*-----------------------------------------------------------------
ì—스í¬ë¡œ ì•„ì´ì½˜ 2020-12-09
-----------------------------------------------------------------*/
[class^="df-escrow"] { display:inline-block; width:243px; height:60px; cursor:pointer; background-repeat:no-repeat; opacity:0.7; filter:gray; -webkit-filter:grayscale(100%) }
[class^="df-escrow"]:hover { filter:none; -webkit-filter:none; opacity:1 }
.df-escrow-inicis { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_inicis.png") }
.df-escrow-mobilians { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_mobilians.png") }
.df-escrow-nicepay { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_nicepay.png") }
.df-escrow-kcp { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_kcp.png") }
.df-escrow-toss { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_toss.png") }
.df-escrow-ksnet { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_ksnet.png") }
.df-escrow-payco { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_payco.png") }
.df-escrow-easypay { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_easypay.png") }
.df-escrow-spay { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_spay.png") }
.df-escrow-smartro { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_smartro.png") }
.df-escrow-paypal { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_paypal.png") }
.df-escrow-alipay { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_alipay.png") }
.df-escrow-axes { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_axes.png") }
.df-escrow-eximbay { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_eximbay.png") }
.df-escrow-ecpay { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/escrow_ecpay.png") }
/*-----------------------------------------------------------------
colgroup 사ì´ì¦ˆ 변경
-----------------------------------------------------------------*/
.ec-base-table col[style="width:27px;"],
.ec-base-table col[style="width:27px"] { width:42px !important }
/*-----------------------------------------------------------------
기본 ì•„ì´ì½˜ ìˆ˜ì •
-----------------------------------------------------------------*/
img[src="//img.echosting.cafe24.com/skin/base_ko_KR/order/ico_required.gif"],
img[src="//img.echosting.cafe24.com/skin/base/common/ico_required_blue.gif"] { border-radius:50%; border:2.5px solid #ff0000; background:#ff0000; width:0; height:0; }
/*-----------------------------------------------------------------
ë³„ë„ íŽ˜ì´ì§€
-----------------------------------------------------------------*/
/* 커스텀 페ì´ì§€ */
.df-page { text-align:center; line-height:1.7 }
.df-page img { max-width:100%; height:auto }
.df-page iframe { max-width:100% }
/* 회사소개 */
.df-page.company { }
/*-----------------------------------------------------------------
ê²Œì‹œíŒ ë„¤ë¹„ê²Œì´ì…˜(2021-02-04)
-----------------------------------------------------------------*/
/* 타입1 */
.df-board-navi.skin1 { font-size:0; letter-spacing:0; line-height:0; margin:25px auto 25px; text-align:center }
.df-board-navi.skin1 > li { position:relative; display:inline-block; margin:0 }
.df-board-navi.skin1 > li:before { position:absolute; left:0; top:50%; margin-top:-7px; display:inline-block; width:1px; height:14px; content:""; background:#dfdfdf }
.df-board-navi.skin1 > li:first-child:before { display:none }
.df-board-navi.skin1 > li > a { display:block; color:#2f2f2f; font-size:14px; font-weight:bold; padding:0 22px; line-height:50px; letter-spacing:1px }
.df-board-navi.skin1 > li > a:hover { color:#888 }
.df-board-navi.skin1 > li > a > i { font-size:14px; margin-right:5px }
/* 타입2 */
.df-board-navi.skin2 { font-size:0; margin:25px auto 25px; text-align:center }
.df-board-navi.skin2 > li { display:inline-block; margin:4px; line-height:1; min-width:100px }
.df-board-navi.skin2 > li > a { display:block; border:1px solid #555; background:#555; color:#fff; font-size:13px; line-height:45px; font-weight:normal; padding:0 25px }
.df-board-navi.skin2 > li > a:hover { border:1px solid #333; background:#333; color:#fff }
.df-board-navi.skin2 > li > a > i { font-size:14px; margin-right:5px }
/*-----------------------------------------------------------------
DF-í¼í•„ë“œ(2021-02-14)
-----------------------------------------------------------------*/
/* ì…€ë ‰íŠ¸ë°•ìŠ¤ 공통 */
html select { -webkit-appearance:none; -moz-appearance:none; image-rendering:-webkit-optimize-contrast; appearance:none; background-image:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/member/ico_toggle_arrow_down.png"); background-repeat:no-repeat; background-size:10px; background-position:center right 8px; padding-right:30px; border-color:#dfdfdf; border-radius:4px; background-color:#fff; min-width:86px }
html select::-ms-expand { display:none }
/* í…스트·패스워드박스 공통 */
input[type="text"],
input[type="password"] { border-radius:4px }
/* ì²¨ë¶€íŒŒì¼ ê³µí†µ */
input[type="file"] { border:1px solid #e7e7e7; background:#fff; padding:5px; border-radius:2px }
/* ìƒì„¸íŽ˜ì´ì§€ ì²¨ë¶€íŒŒì¼ ì˜µì…˜ ì „ìš© */
.xans-product-detail .df-formfield { font-style:normal }
.xans-product-detail .df-formfield input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.xans-product-detail .df-formfield input[id="file_option_hidden"] + label:before { font-family:xeicon !important }
.xans-product-detail .df-formfield input[id="file_option_hidden"] + label { display:inline-block; min-width:80px; text-align:center; padding:.5em .8em; color:#999; font-size:inherit; line-height:normal; vertical-align:middle; background-color:#4d97d7; cursor:pointer; border:1px solid #448cca; border-bottom-color:#397db9; border-radius:.25em; }
.xans-product-detail .df-formfield input[id="file_option_hidden"] + label:before { font-size:16px; content:"\ea50"; vertical-align:middle; margin-right:6px; color:#fff }
/* 파ì¼ì²¨ë¶€ 버튼(언어별) */
.xans-product-detail .df-formfield input[id="file_option_hidden"] + label:after { content:""; color:#fff }
html:lang(ko) .xans-product-detail .df-formfield input[id="file_option_hidden"] + label:after { content:"íŒŒì¼ ì„ íƒí•˜ê¸°" }
html:lang(en) .xans-product-detail .df-formfield input[id="file_option_hidden"] + label:after { content:"Choose File" }
html:lang(zh) .xans-product-detail .df-formfield input[id="file_option_hidden"] + label:after { content:"选择文件" }
html:lang(ja) .xans-product-detail .df-formfield input[id="file_option_hidden"] + label:after { content:"ファイルã®é¸æŠž" }
html:lang(zh-tw) .xans-product-detail .df-formfield input[id="file_option_hidden"] + label:after { content:"é¸æ“‡æ–‡ä»¶" }
html:lang(vi) .xans-product-detail .df-formfield input[id="file_option_hidden"] + label:after { content:"Chá»n táºp tin" }
/*-----------------------------------------------------------------
/layout/basic/css/layout.css (2019-05-13)
-----------------------------------------------------------------*/
#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }
/*-----------------------------------------------------------------
/layout/basic/css/common.css (2021-08-12)
-----------------------------------------------------------------*/
body { min-width:auto }
a:hover { text-decoration:none }
a:active { text-decoration:none }
img { vertical-align:middle }
input,select,textarea,button { outline:none; vertical-align:middle }
textarea { resize:none }
.dimmed { background:none; opacity:0; filter:none; display:none }
/* ì´ë¯¸ì§€ë§µ í¬ì»¤ìŠ¤ì˜ì—처리(2021-08-12) */
area:focus{ border:none; outline:none; outline-style:none; -moz-outline-style:none }
/* ê²°ì œì§„í–‰ë°” */
#progressPaybarView .box { background-image:none; background-color:#fff; border:4px solid #4764b3; border-radius:10px }
#progressPaybarView .box .graph span:first-child img { display:none }
#progressPaybarView .box .graph span:last-child { margin-top:25px }
#progressPaybarView .box .txt { font-size:0; padding-top:5px }
/* ê²°ì œì§„í–‰ì¤‘ 타ì´í‹€(언어별) */
#progressPaybarView .box .graph span:first-child:after { font-size:17px; font-weight:bold; color:#4764b3 }
html:lang(ko) #progressPaybarView .box .graph span:first-child:after { content:"현재 ê²°ì œê°€ 진행중입니다." }
html:lang(en) #progressPaybarView .box .graph span:first-child:after { content:"Payment is being processed." }
html:lang(zh) #progressPaybarView .box .graph span:first-child:after { content:"付款处ç†ä¸" }
html:lang(ja) #progressPaybarView .box .graph span:first-child:after { content:"決済ä¸ã§ã™ã€‚" }
html:lang(zh-tw) #progressPaybarView .box .graph span:first-child:after { content:"付款處ç†ä¸" }
html:lang(vi) #progressPaybarView .box .graph span:first-child:after { content:"Thanh toán đang được xỠlý." }
/* ê²°ì œì§„í–‰ì¤‘ 안내1 */
#progressPaybarView .box .txt:before { font-size:12px; line-height:1.6 }
html:lang(ko) #progressPaybarView .box .txt:before { content:"본 ê²°ì œ ì°½ì€ ê²°ì œì™„ë£Œ 후 ìžë™ìœ¼ë¡œ 닫히며,ê²°ì œ 진행 ì¤‘ì— ë³¸ ê²°ì œ ì°½ì„ ë‹«ìœ¼ì‹œë©´" }
html:lang(en) #progressPaybarView .box .txt:before { content:"This window will automatically close when payment is processed." }
html:lang(zh) #progressPaybarView .box .txt:before { content:"支付完æˆå‰è¯·ä¸è¦å…³é—æ¤çª—å£ï¼ŒæˆåŠŸä»˜æ¬¾åŽæ¤çª—å£å°†è‡ªåŠ¨å…³é—。" }
html:lang(ja) #progressPaybarView .box .txt:before { content:"ã“ã®ç”»é¢ã¯æ±ºæ¸ˆå®Œäº†å¾Œã€è‡ªå‹•ã«é–‰ã˜ã‚‰ã‚Œã¾ã™ã€‚" }
html:lang(zh-tw) #progressPaybarView .box .txt:before { content:"付款完æˆå¾Œé é¢è‡ªå‹•é—œé–‰ï¼Œå¦‚果付款éŽç¨‹ä¸æ‰‹å‹•é—œé–‰é é¢ï¼Œ" }
html:lang(vi) #progressPaybarView .box .txt:before { content:"Cá»a sổ nà y sẽ tá»± Ä‘á»™ng đóng khi thanh toán đã được xá» lý." }
/* ê²°ì œì§„í–‰ì¤‘ 안내2 */
#progressPaybarView .box .txt:after { font-size:12px; line-height:1.6 }
html:lang(ko) #progressPaybarView .box .txt:after { content:"ì£¼ë¬¸ì´ ë˜ì§€ 않으니 ê²°ì œ 완료 ë ë•Œ 까지 닫지 마시기 ë°”ëžë‹ˆë‹¤." }
html:lang(en) #progressPaybarView .box .txt:after { content:"Do not close this window until processing completes." }
html:lang(zh) #progressPaybarView .box .txt:after { content:"" }
html:lang(ja) #progressPaybarView .box .txt:after { content:"決済ä¸ã«ã¯ã“ã®ç”»é¢ã‚’é–‰ã˜ã‚‹ã¨ã€æ±ºæ¸ˆãŒã†ã¾ã進ã¾ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚" }
html:lang(zh-tw) #progressPaybarView .box .txt:after { content:"則無法完æˆè³¼è²·ï¼Œæ‰€ä»¥ä»˜æ¬¾å®Œæˆä¹‹å‰ï¼Œè«‹å…ˆä¸è¦å°‡é é¢é—œé–‰ã€‚" }
html:lang(vi) #progressPaybarView .box .txt:after { content:"Vui lòng không đóng cá»a sổ cho tá»›i khi quá trình xá» lý hoà n tất." }
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-ui.css (2021-02-14)
-----------------------------------------------------------------*/
/* 커스텀 */
input[type=text],
input[type=password] { height:24px; border-color:#e2e2e2 }
input[type=text]:focus,
input[type=password]:focus { border-color:#999 }
select { height:30px; border-color:#e2e2e2 }
textarea { padding:5px 6px; border-color:#e2e2e2 }
/* IE í´ë¦¬ì–´Â·ì•„ì´ë²„튼 ì œê±° */
input::-ms-clear,
input::-ms-reveal { display:none }
.txtWarn { color:#373737; }
.txtEm { color:#373737; }
/*************************** 커스텀 ***************************/
/* input·select·textarea ì˜ box-sizing 처리 ë° ë†’ì´ í†µí•© */
/* textarea ì˜ ê²½ìš° ë”í° ìž…ë ¥í¼ì„ 요구함ì—ë„ ë†’ì´ê°€ 작게 ê³ ì •ë˜ëŠ” ë¬¸ì œê°€ 있어 높ì´ê°’ì„ ì§€ì •í•˜ì§€ ì•Šê³ min-height 값으로 ìˆ˜ì •ì²˜ë¦¬ë¨ */
input[type=text],
input[type=password],
select { height:30px; box-sizing:border-box }
textarea { min-height:30px; box-sizing:border-box }
input[type=text],
input[type=password],
textarea { padding:6px 8px }
select { padding:0 8px }
.ec-base-qty input[type="text"] { width:28px; height:25px }
input[type=radio] + label, input[type=checkbox] + label { margin:0 5px 0 0; }
input[type=checkbox],
input[type=radio] { margin-right:4px }
/* ë¼ë””오 버튼 */
input[type="radio"] { margin-top:-1px; width:18px; height:18px; border:0; cursor:pointer; border-radius:50%; background:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/common/bg_radio.png") no-repeat 0 0; background-size:100% 100%; -webkit-appearance:none; -moz-appearance:none; image-rendering:-webkit-optimize-contrast }
input[type="radio"]:checked { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/common/bg_radio_checked.png"); -webkit-appearance:none; -moz-appearance:none }
/* ì²´í¬ë°•ìŠ¤ 버튼 */
input[type="checkbox"] { margin-top:-1px; width:18px; height:18px; border:0; cursor:pointer; border-radius:50%; background:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/common/bg_checkbox.png") no-repeat 0 0; background-size:100% 100%; -webkit-appearance:none; -moz-appearance:none; image-rendering:-webkit-optimize-contrast }
input[type="checkbox"]:checked { background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/common/bg_checkbox_checked.png"); -webkit-appearance:none; -moz-appearance:none }
/* ì²´í¬ë°•ìŠ¤ ec-base-chk */
.ec-base-chk { display:inline-block; position:relative; margin:-2px 8px 0 0; width:26px; height:26px; vertical-align:top; cursor:pointer; }
.ec-base-chk input { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.ec-base-chk .checkbox { position:absolute; top:0; left:0; width:100%; height:100%; background:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/common/bg_checkbox.png") no-repeat 0 0; background-size:100% 100%; image-rendering:-webkit-optimize-contrast }
.ec-base-chk input:checked + .checkbox { background-position:0; background:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/common/bg_checkbox_checked.png") no-repeat 0 0; background-size:100% 100% }
/* 체그박스 회ì›ê°€ìž… */
.xans-order-form .joinArea .agreeJoin .fChk { display:inline-block; position:relative; margin:-2px 8px 0 0; width:26px; height:26px; vertical-align:top; cursor:pointer; }
.xans-order-form .joinArea .agreeJoin .fChk input { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.xans-order-form .joinArea .agreeJoin .fChk .checkbox { position:absolute; top:0; left:0; width:100%; height:100%; background:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/common/bg_checkbox.png") no-repeat 0 0; background-size:100% 100%; image-rendering:-webkit-optimize-contrast }
.xans-order-form .joinArea .agreeJoin .fChk input:checked + .checkbox { background-position:0; background:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/common/bg_checkbox_checked.png") no-repeat 0 0; background-size:100% 100% }
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-tooltip.css (2020-01-26)
-----------------------------------------------------------------*/
.ec-base-tooltip { border-color:#888; border-radius:6px;
box-shadow:0px 1px 2px 2px rgba(0,0,0,0.08);
}
.ec-base-tooltip.typeUpper .edge:before { border-top-color:#555 }
.ec-base-tooltip .edge:before { border-bottom-color:#d5d5d5 }
.ec-base-tooltip .btnClose { top:10px; right:10px }
.ec-base-tooltip .btnClose img { display:none }
.ec-base-tooltip .btnClose:after { font-size:24px; font-family:xeicon !important; content:"\e9af"; display:inline-block; color:#000; line-height:1 }
.ec-base-tooltip .btnClose:hover:after { color:#777 }
.ec-base-tooltip .txtEm { color:#008bcc }
.ec-base-tooltip .txtWarn { color:#e30d15 }
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-help.css (2019-05-07)
-----------------------------------------------------------------*/
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:2px 0; padding:1px 0 1px 1px; background:none; font-size:12px; vertical-align:middle }
span.ec-base-help:before,
p.ec-base-help:before,
ul.ec-base-help li:before { content:"\e9a6"; font-family:xeicon !important; font-size:16px; display:inline-block; vertical-align:middle; margin-right:3px }
div.ec-base-help { margin-top:25px; border-color:#e7e7e7 }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:11px 0 11px 11px }
div.ec-base-help h4:first-child { margin-top:20px; }
div.ec-base-help .inner { padding:0 20px 20px; }
div.ec-base-help p { margin:15px 0 0 0 }
div.ec-base-help ul,
div.ec-base-help ol { margin:20px 0 0 0px }
/* number */
div.ec-base-help ol li { padding:1px 0 1px 0; background:none }
div.ec-base-help ol li:before { font-size:11px; font-weight:bold; color:#555; margin-right:7px; line-height:1 }
div.ec-base-help ol .item1:before { content:"1"}
div.ec-base-help ol .item2:before { content:"2"}
div.ec-base-help ol .item3:before { content:"3"}
div.ec-base-help ol .item4:before { content:"4"}
div.ec-base-help ol .item5:before { content:"5"}
div.ec-base-help ol .item6:before { content:"6"}
div.ec-base-help ol .item7:before { content:"7"}
div.ec-base-help ol .item8:before { content:"8"}
div.ec-base-help ol .item9:before { content:"9"}
div.ec-base-help ol .item10:before { content:"10"}
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-tab.css (2019-05-07)
-----------------------------------------------------------------*/
.ec-base-tab .menu { border-top:0; border-right:0; border-bottom-color:#e7e7e7; background:#fff }
.ec-base-tab .menu li { border-color:#e7e7e7 }
.ec-base-tab .menu li a { padding:12px 5px; border-top:1px solid #e7e7e7; border-right:1px solid #e7e7e7; background:#fff }
.ec-base-tab .menu li:not(.selected) a:hover { color:#111; font-weight:bold }
.ec-base-tab .menu li.selected a { top:0; border-bottom:1px solid #474747; border-color:#474747; background:#474747 }
.ec-base-tab.typeLight .menu li.selected a { border-color:#474747; color:#fff; background:#474747 }
.ec-base-tab[class*="grid"] .menu { border-right:1px solid #e7e7e7 }
.ec-base-tab[class*="grid"] .menu li { background:#fff; border-top:1px solid #e7e7e7 }
.ec-base-tab[class*="grid"] .menu li a { padding:12px 0 }
.ec-base-tab[class*="grid"] .menu li:hover:not(.selected) { background:#e7e7e7 }
.ec-base-tab[class*="grid"] .menu li:hover:not(.selected) a { background:#e7e7e7; color:#222 }
.ec-base-tab[class*="grid"] .menu li.selected { border-color:#474747; background:#474747 }
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-button.css (2021-02-03)
-----------------------------------------------------------------*/
.ec-base-button { padding:20px 0 }
/* button */
[class^='btnNormal'], a[class^='btnNormal'] { padding:5px 8px; border:1px solid #e7e7e7; border-bottom-color:#d7d7d7; border-radius:3px; }
[class^='btnSubmit'], a[class^='btnSubmit'] { padding:5px 8px; border-radius:3px; background-color:#2a2b2c }
[class^='btnEm'], a[class^='btnEm'] { padding:5px 8px; border-radius:3px }
[class^='btnBasic'], a[class^='btnBasic'] { padding:5px 8px; border-radius:3px; border:1px solid #e7e7e7; border-bottom-color:#d7d7d7;}
[class^='btnSubmit']:not(.disabled):hover { background-color:#4b4c4d; }
/* size */
[class^='btn'].sizeS { padding:9px 8px; }
/* width Fix */
[class^='btn'][class*='Fix'].sizeS { width:100px }
/* unique */
.btnLogin:hover { background-color:#4b4c4d; }
.btnAgree, a.btnAgree { border:1px solid #e7e7e7; border-bottom-color:#d7d7d7 }
.btnToggle button { border:1px solid #e7e7e7; border-bottom-color:#d7d7d7; }
/* ec-base-button */
.ec-base-button { font-size:0 }
.ec-base-button button,
.ec-base-button a { margin:0 2.5px }
.ec-base-button .gLeft a { margin:0 5px 0 0 }
.ec-base-button .gRight a { margin:0 }
.ec-base-button.typeBG { padding:15px 0; border:0; background:#fff; }
.ec-base-button .gRight a { margin:0 0 0 5px }
.ec-base-button.justify .gLeft a,
.ec-base-button.justify .gRight a { margin:0 }
.ec-base-button .text { margin:0 6px 0 0px; font-size:12px; vertical-align:middle }
/* ec-base-button - icon */
[class^='btn'] i.icoDelete { width:auto; height:auto; margin:-1px 0 0 0; -webkit-transform:inherit; transform:inherit }
[class^='btn'] i.icoDelete:before { content:"\e921"; font-size:12px; color:#555; font-family:xeicon !important; font-style:normal; position:inherit; top:inherit; right:inherit; width:auto; height:auto; background:none }
[class^='btn'] i.icoDelete:after { display:none }
[class^='btn'] i.icoArrow { width:auto; height:auto; margin:-1px 0 0 0; border:0; border-width:0; transform:inherit; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit; -o-transform:inherit }
[class^='btn'] i.icoArrow:before { content:"\e93e"; font-size:12px; color:#555; font-family:xeicon !important; font-style:normal }
[class^='btnSubmit'] i.icoArrow,
[class^='btnEm'] i.icoArrow { border:none }
[class^='btn'] i.icoAdd, [class^='btn'] i.icoRemove { position:relative; width:auto; height:auto; margin:-1px 0 0 0; font-size:12px; color:#555; font-family:xeicon !important; font-style:normal }
[class^='btn'] i.icoAdd:before, [class^='btn'] i.icoAdd:after, [class^='btn'] i.icoRemove:before { position:relative; top:inherit; left:inherit; width:auto; height:auto; border-radius:0; background:none }
[class^='btn'] i.icoAdd:before, [class^='btn'] i.icoRemove:before { height:auto; margin:0 }
[class^='btn'] i.icoAdd:after { width:auto; margin:0; display:none }
[class^='btn'] i.icoRemove:before { font-size:12px; content:"\e96f" }
[class^='btn'] i.icoAdd:before { font-size:14px; content:"\e917" }
[class^='btnSubmit'] i.icoArrow,
[class^='btnEm'] i.icoArrow,
[class^='btnEm'] i.icoDelete:before,
[class^='btnEm'] i.icoDelete:after { color:#fff }
[class^='btn'] img { margin:0 }
/* ëŒ“ê¸€ì˜ ëŒ“ê¸€ 버튼(게시íŒ+ìƒì„¸ê²Œì‹œíŒ) */
.xans-board-commentlist [onclick^="BOARD_COMMENT.comment_reply_write"] img,
.xans-product-additional [onclick^="PRODUCT_COMMENT.comment_reply_write"] img { display:none }
.xans-board-commentlist [onclick^="BOARD_COMMENT.comment_reply_write"]:before,
.xans-product-additional [onclick^="PRODUCT_COMMENT.comment_reply_write"]:before { content:"\e9d7"; font-size:16px; color:#555; font-family:xeicon !important; font-style:normal; vertical-align:middle; display:inline-block; margin-right:4px; margin-top:-1px }
/* 관리ìžë‹µë³€ 버튼(게시íŒ) */
#boardWriteForm [onclick^="EC_BOARD_ADMIN.pre_comment"]:before { content:"\e9d7"; font-size:16px; color:#555; font-family:xeicon !important; font-style:normal; vertical-align:middle; display:inline-block; margin-right:4px; margin-top:-1px }
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-box.css (2019-05-07)
-----------------------------------------------------------------*/
.ec-base-box { border:1px solid #e7e7e7 }
.ec-base-box.typeBg { background-color:#fafafa; }
.ec-base-box.typeThin { border-color:#e7e7e7 }
.ec-base-box.typeThin h3.boxTitle { margin:0 0 15px; font-size:17px }
.ec-base-box.typeThinBg { border-color:#e7e7e7; background-color:#fafafa; }
.ec-base-box.typeMember { background:#fafafa }
.ec-base-box.typeMember .information { padding:15px 0 }
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { padding:0 20px }
.ec-base-box.typeMember .information .description { padding:0 20px }
/* typeProduct */
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { padding:0 16px }
.ec-base-box.typeProduct .thumbnail { width:90px }
.ec-base-box.typeProduct .thumbnail img { width:100%; border:0 }
.ec-base-box.typeMember.gMessage { border-color:#e7e7e7; border-radius:6px }
.ec-base-box.typeMember .information > .thumbnail img { border-radius:6px; overflow:hidden }
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-table.css (2020-08-24)
-----------------------------------------------------------------*/
.ec-base-table thead th { padding:7px 0 7px }
.ec-base-table tbody th { padding:7px 0 7px 15px }
.ec-base-table td { padding:8px 10px 8px; height:26px }
.ec-base-table td { border-color:#e7e7e7 }
.ec-base-table table td.message { padding:100px 0; }
.ec-base-table table { border-color:#e7e7e7; border-left:0; border-right:0 }
.ec-base-table table.seLayout { border-left:1px solid #e7e7e7 !important ; border-right:1px solid #e7e7e7 !important }
.ec-base-table table:before { display:none }
.ec-base-table tbody th { background-color:#fff }
.ec-base-table thead th { padding:12px 0 12px; }
.ec-base-table tbody th { padding:12px 0 12px 18px }
.ec-base-table table th { border-color:#e7e7e7 }
.ec-base-table th:first-child { border-right:0; }
.ec-base-table thead th { border-left:0; background:#fff; }
.ec-base-table.typeList td { padding:7px 10px 7px; height:27px }
.ec-base-table.typeList tfoot td { padding:11px 10px 11px; background:#fafafa }
.ec-base-table .message { padding:100px 0; border-left:0; border-right:0; border-color:#e7e7e7 }
#popup .ec-base-table .message { padding:50px 0 }
.ec-base-table.typeList table { border-color:#e7e7e7; }
.ec-base-table.gBorder td { border-left:0 }
.ec-base-table.typeList .center td.left { padding-left:0; }
.ec-base-table.typeList .center td.right { padding-right:0; text-align:center }
/* typeWrite */
.ec-base-table.typeWrite td { padding:8px 0 8px }
.ec-base-table th { vertical-align:middle }
.ec-base-table tbody th { padding:8px 0 8px 15px }
.ec-base-table.typeWrite td { padding:8px 0 8px }
.ec-base-table.typeList.gBorder tbody td { border-color:#e7e7e7 }
.ec-base-table.typeList .center td.left { padding-left:8px; padding-right:8px }
/* address */
.ec-base-table .ec-address { margin:-2px -10px -2px }
.ec-base-table .ec-address > li { padding:3px 10px 3px; border-top:0 }
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-desc.css (2019-05-07)
-----------------------------------------------------------------*/
.ec-base-desc dt, .ec-base-desc .term { margin:3px 0 3px }
.ec-base-desc dd, .ec-base-desc .desc { margin:3px 0 3px }
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-layer.css (2019-06-24)
-----------------------------------------------------------------*/
.ec-base-layer .content { padding:20px }
.ec-base-layer .header { padding:10px 35px 10px 19px !important; background:#555 !important }
.ec-base-layer .header > h1,
.ec-base-layer .header > h3 { font-size:13px !important }
.ec-base-layer .close { padding:8px 12px !important }
.ec-base-layer .close img { width:24px; height:24px; z-index:1; opacity:0; position:absolute }
.ec-base-layer .close:after { font-size:23px; color:#fff; font-weight:normal; content:"\e9af"; font-family:xeicon !important }
#popup .ec-base-layer .close { top:0; }
.ec-base-layer .ec-base-button { padding:6px; border-color:#e7e7e7 }
.ec-base-layer .ec-base-table.typeWrite td { padding:7px 7px 7px; }
/*-----------------------------------------------------------------
/layout/basic/css/ec-base-paginate.css (2019-06-12)
-----------------------------------------------------------------*/
.ec-base-paginate { margin:25px 0 30px }
.ec-base-paginate li { border-color:#e4e4e4; font-size:11px }
.ec-base-paginate > a:before,
.ec-base-paginate > a:after { font-family:xeicon !important; font-size:10px; line-height:32px; color:#777 }
.ec-base-paginate > a:first-child,
.ec-base-paginate > a:last-child { border:1px solid #e4e4e4; display:inline-block; vertical-align:top; width:33px; height:32px; }
.ec-base-paginate > a:first-child img,
.ec-base-paginate > a:last-child img { display:none }
.ec-base-paginate > a:first-child { margin-right:-1px }
.ec-base-paginate > a:last-child { margin-left:-1px }
.ec-base-paginate > a:nth-child(2),
.ec-base-paginate > a:nth-last-child(2) { border:1px solid #e4e4e4; display:inline-block; vertical-align:top; width:33px; height:32px; }
.ec-base-paginate > a:nth-child(2) img,
.ec-base-paginate > a:nth-last-child(2) img { display:none }
.ec-base-paginate > a:nth-child(2) { margin-right:-1px }
.ec-base-paginate > a:nth-last-child(2) { margin-left:-1px }
.ec-base-paginate > a:first-child:after { content:"\e93b" }
.ec-base-paginate > a:last-child:after { content:"\e93e" }
.ec-base-paginate > a:nth-child(2):after { content:"\e93b" }
.ec-base-paginate > a:nth-last-child(2):after { content:"\e93e" }
.ec-base-paginate > a.first:after { content:"\e93b\e93b"; letter-spacing:-7px; margin-left:-6px }
.ec-base-paginate > a.last:after { content:"\e93e\e93e"; letter-spacing:-7px; margin-left:-6px }
.ec-base-paginate > a:hover:after { color:#000 }
.ec-base-paginate li a { padding:0; height:32px; line-height:33px; font-weight:normal }
.ec-base-paginate a:hover,
.ec-base-paginate li a:hover { text-decoration:none; background:#f2f2f2; color:#000 }
.ec-base-paginate li a.this { padding:0; border:0; background:#f1f1f1; color:#000; font-weight:bold }
.ec-base-paginate.typeSub ol { margin:0 }
.ec-base-paginate.typeSub li { font-size:11px; border:1px solid #e4e4e4 }
.ec-base-paginate.typeSub li a { width:33px; margin:0; padding:0 }
.ec-base-paginate.typeSub li a.this { color:#000; text-decoration:none }
.ec-base-paginate.typeSub > a:first-child { margin-right:-1px }
.ec-base-paginate.typeSub > a:last-child { margin-left:-1px }
/*-----------------------------------------------------------------
네비게ì´ì…˜ (2021-07-24)
-----------------------------------------------------------------*/
.path { overflow:hidden; height:42px; line-height:42px }
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100% }
.path ol { float:right; }
.path li { float:left; font-size:0; color:#757575 }
.path li a { color:#757575; font-size:12px }
.path li a:before,
.path li strong:before { font-size:7px; margin:-2px 3px 0 4px; font-weight:normal; vertical-align:middle; display:inline-block; content:"\e93e"; font-family:xeicon !important }
.path li a:after { vertical-align:middle }
.path li:first-child a:before { display:none; content:"" }
.path li strong,
.path li strong a { color:#2e2e2e }
.path li strong,
.path li [class*="df-lang-"]:after { font-size:12px }
.path li [class*="df-lang-"] { font-size:0 }
/* 홈·마ì´ì‡¼í•‘·게시íŒÂ·ê³µê¸‰ì‚¬ 변형 */
.path li a[href="/"],
.path li a[href="/board/index.html"],
.path li a[href="/myshop/index.html"],
.path li.supply { font-size:0 }
/* 홈(언어별) */
.path li a[href="/"]:after { font-size:12px }
html:lang(ko) .path li a[href="/"]:after { content:"홈" }
html:lang(en) .path li a[href="/"]:after { content:"Home" }
html:lang(zh) .path li a[href="/"]:after { content:"首页" }
html:lang(ja) .path li a[href="/"]:after { content:"ホーム" }
html:lang(zh-tw) .path li a[href="/"]:after { content:"首é " }
html:lang(vi) .path li a[href="/"]:after { content:"Trang chủ" }
/* 마ì´ì‡¼í•‘(언어별) */
.path li a[href="/myshop/index.html"]:after { font-size:12px }
html:lang(ko) .path li a[href="/myshop/index.html"]:after { content:"마ì´íŽ˜ì´ì§€" }
html:lang(en) .path li a[href="/myshop/index.html"]:after { content:"My Account" }
html:lang(zh) .path li a[href="/myshop/index.html"]:after { content:"我的主页" }
html:lang(ja) .path li a[href="/myshop/index.html"]:after { content:"マイページ" }
html:lang(zh-tw) .path li a[href="/myshop/index.html"]:after { content:"會員ä¸å¿ƒ" }
html:lang(vi) .path li a[href="/myshop/index.html"]:after { content:"Tà i Khoản Của Tôi" }
/* 게시íŒ(언어별) */
.path li a[href="/board/index.html"]:after { font-size:12px }
html:lang(ko) .path li a[href="/board/index.html"]:after { content:"커뮤니티" }
html:lang(en) .path li a[href="/board/index.html"]:after { content:"Forum" }
html:lang(zh) .path li a[href="/board/index.html"]:after { content:"ä¿¡æ¯å…¬å‘Šæ " }
html:lang(ja) .path li a[href="/board/index.html"]:after { content:"掲示æ¿" }
html:lang(zh-tw) .path li a[href="/board/index.html"]:after { content:"留言æ¿" }
html:lang(vi) .path li a[href="/board/index.html"]:after { content:"Diá»…n ÄÃ n" }
/* 공급사(언어별) */
.path li.supply:after { font-size:12px }
html:lang(ko) .path li.supply:after { content:"미니샵" }
html:lang(en) .path li.supply:after { content:"Mini Shop" }
html:lang(zh) .path li.supply:after { content:"è¿·ä½ å•†åº—" }
html:lang(ja) .path li.supply:after { content:"ミニショップ" }
html:lang(zh-tw) .path li.supply:after { content:"è¿·ä½ å•†åº—" }
html:lang(vi) .path li.supply:after { content:"cá»a hà ng" }
/* 게시íŒ(언어별) 숨김처리 */
.path li a[href="/board/index.html"] { display:none }
/*-----------------------------------------------------------------
타ì´í‹€ 공통 (2020-02-28)
-----------------------------------------------------------------*/
.titleArea { /* min-height:30px*/ min-height:auto; margin:10px 0 10px }
.titleArea h2 { color:#2e2e2e; font-size:18px; line-height:1 }
.titleArea p { margin:15px 0 0 0; padding:0; color:#939393; line-height:1.6 }
.titleArea ul { margin-top:15px; padding:5px 0; color:#939393; line-height:1.6; }
.titleArea ul li { position:relative; padding:0 0 0 0 }
.titleArea ul li:before { display:none }
.xans-board-title .imgArea { margin:0; text-align:center }
.xans-board-title .imgArea img { max-width:100% }
.xans-board-title .imgArea img:last-child { margin-bottom:10px }
/*-----------------------------------------------------------------
DFLOOR 타ì´í‹€ 섹션별 (2020-02-28)
-----------------------------------------------------------------*/
/* ìƒí’ˆëª©ë¡-ë©”ì¸ */
.tit-product-main { margin:70px 0 45px; text-align:center; letter-spacing:-.25px }
.tit-product-main h2 { text-align:center; font-size:24px; font-weight:bold; color:#2e2e2e }
.tit-product-main h2 img,
.tit-product-main img.imgtitle { max-width:100% }
/* ìƒí’ˆëª©ë¡-ë©”ì¸(설명) */
.tit-product-main h2 p { font-size:14px; font-weight:normal; color:#888; margin-top:9px }
/* ìƒí’ˆëª©ë¡-분류 */
.tit-product { min-height:30px; margin:0 0 7px }
.tit-product .img { margin:0; text-align:center }
.tit-product .img img { max-width:100% }
.tit-product .img img:last-child { margin-bottom:10px }
.tit-product h2 { display:inline-block; font-size:18px; color:#222; font-weight:bold }
.tit-product h2 img { max-width:100% }
/* ìƒí’ˆëª©ë¡-분류(기íšì „) */
.xans-project-list h3.project { margin:70px 0 45px; text-align:center; font-size:22px; color:#222; font-weight:bold }
/* 좋아요 */
.tit-product .likeButton { display:inline-block; padding:0 10px 0 13px; height:28px; border:1px solid #dfdfdf; border-radius:2px; text-align:center; vertical-align:middle; margin-left:11px; margin-top:-4px }
.tit-product .likeButton button { font-size:11px; color:#444; background:none; line-height:28px }
.tit-product .likeButton button img { margin:-3px 0 0 6px; vertical-align:middle; height:15px; image-rendering:-webkit-optimize-contrast }
.tit-product .likeButton button strong { margin-left:6px; font-size:11px; color:#444; font-weight:bold }
.tit-product .likeButton.selected .title { color:#888 }
.tit-product .likeButton.selected .count { color:#353535; margin-left:2px }
.tit-product .likeButton.selected { opacity:1; bottom:7px; font-size:11px; color:#fff; border:1px solid #e02b6b; background:rgba(227,43,107,0.94) }
.tit-product .likeButton.selected strong { color:#fff }
.tit-product .likeButton.selected button { color:#fff }
/* 좋아요(글로벌ì—ì„œ 숨김) */
html:lang(en) .tit-product .likeButton,
html:lang(zh) .tit-product .likeButton,
html:lang(ja) .tit-product .likeButton,
html:lang(zh-tw) .tit-product .likeButton,
html:lang(vi) .tit-product .likeButton { display:none }
/* ìƒí’ˆëª©ë¡-분류(ì¶”ì²œÂ·ì‹ ìƒí’ˆ) */
.tit-product-new,
.tit-product-best { margin:0 0 10px; display:none }
.tit-product-new h2,
.tit-product-best h2 { text-align:center; font-size:16px; color:#222; font-weight:bold }
/*-----------------------------------------------------------------
스마트 íŒì—… (2019-08-03)
-----------------------------------------------------------------*/
div.app-smart-popup { border:0 }
div.app-smart-popup .smart-popup-btns button { font-size:12px; height:46px }
div.app-smart-popup .smart-popup-btns { border:1px solid #ddd; border-left:0 }
div.app-smart-popup .smart-popup-btns button.smart-popup-close { border-color:#ddd }
/**
======================================================================================================
※디ìžì¸í”Œë¡œì–´ ë¼ì´ì„ 스 법ì ê³ ì§€â€»
-본 사ì´íŠ¸ì— 존재하는 ëª¨ë“ ê¸°ìˆ ì ì†ŒìŠ¤ì½”ë“œì˜ ì €ìž‘ê¶Œì€ ì˜¤ì§ ë””ìžì¸í”Œë¡œì–´ì— 있습니다.
-본 사ì´íŠ¸ì— 존재하는 ê¸°ìˆ ì 소스코드를 ì‚¬ìš©í• ê²½ìš°ì™€ ì´ë¥¼ 변형하여 활용하는 경우
ì €ìž‘ê¶Œë²•ì— ì˜ê±° 법ì ê³ ì§€ë¥¼ 위반하는 것으로 íŒë‹¨í•˜ë©° ì¦‰ê° ë¯¼í˜•ì‚¬ìƒì˜ 조치를 취합니다.
-ë””ìžì¸í”Œë¡œì–´ëŠ” ë””ìžì¸ì˜ 개발·ìƒì‚° ë° ì½˜í…ì¸ ì˜ ë³´í˜¸ë¥¼ 가장 ìš°ì„ ìœ¼ë¡œ 하므로 진행ë˜ëŠ”
ë¯¼í˜•ì‚¬ì†Œì†¡ê±´ì— ëŒ€í•œ í•©ì˜ëŠ” 진행하지 않는 ì ì„ ê³ ì§€í•©ë‹ˆë‹¤.
-ë””ìžì¸í”Œë¡œì–´ëŠ” 민가율 í•©ë™ ë²•ë¥ ì‚¬ë¬´ì†Œ 'ê¹€ì„호 변호사'와 함께 지ì ìž¬ì‚°ê¶Œì„ ìˆ˜í˜¸í•˜ë©°
ìžë¬¸ì„ ë°›ê³ ìžˆìŠµë‹ˆë‹¤.
======================================================================================================
※본 파ì¼ì— 대한 안내문※
-본 ë‚´ìš©ì€ ì‡¼í•‘ëª° ì „ì²´íŽ˜ì´ì§€ì— ì˜í–¥ì„ 주며 ìˆ˜ì •Â·ì‚ì œë¥¼ ì ˆëŒ€ 금지합니다.
-본 파ì¼ì˜ ë‚´ìš© ìˆ˜ì •ì‹œ ë””ìžì¸í”Œë¡œì–´ì˜ ìœ ì§€ë³´ìˆ˜Â·ì—…ë°ì´íŠ¸Â·ê·¸ì™¸ ë°œìƒí•˜ëŠ” ëª¨ë“ ë¬¸ì œì—
대한 ë³µêµ¬ìž‘ì—…ì´ ë¶ˆê°€í•©ë‹ˆë‹¤.
-별ë„ì˜ css ìˆ˜ì •ì´ í•„ìš”í•œ 경우 /dfloor/custom.css 파ì¼ì—서만 ìˆ˜ì •ì„ í—ˆìš©í•©ë‹ˆë‹¤.
======================================================================================================
※본 파ì¼ì˜ ë‚´ìš©ì„ ìˆ˜ì •í• ê²½ìš° ë” ì´ìƒì˜ ì—…ë°ì´íŠ¸ ë° ìœ ì§€ 보수가 불가합니다.※
======================================================================================================
**/
/**
PCë””ìžì¸ ì „ìš©
ì—…ë°ì´íŠ¸: 2022-04-13
- 회ì›ê°€ìž…Â·ìˆ˜ì •ì˜ ë²„íŠ¼ 사ì´ì¦ˆ 변경처리 2021-07-24
**/
/*-----------------------------------------------------------------
버그·충ëŒì‚¬í• 픽스
-----------------------------------------------------------------*/
/* ì£¼ë¬¸ìŠ¤í… ìˆ¨ê¹€(2019-05-01) */
p.orderStep { display:none }
/* 게시글 본문 ì´ë¯¸ì§€ 리사ì´ì§• 처리안함(2019-05-01) */
.xans-board-read .detail img { width:auto; max-width:100%; height:auto !important }
/* 글 ìž‘ì„±Â·ìˆ˜ì •Â·ë‹µë³€í¼ UCC URL ì œê±°(2019-05-01) */
.xans-board-write .ucc { display:none }
.xans-board-reply .ucc { display:none }
.xans-board-modify .ucc { display:none }
/*
íŒì—… ë ˆì´ì•„웃 리사ì´ì§• 처리 2019-05-22
추가: /dfloor/js/popup.js
*/
#popup { min-width:auto; overflow-x:hidden }
/* ì•±ìŠ¤í† ì–´ 카카오톡 ìƒí’ˆê³µìœ 하기 장바구니 담기 확ì¸ì°½ì—ì„œ 숨김 */
.xans-product-optionselectlayer #chatis-kakaolink-check { display:none }
/* 배너 ë§¤ë‹ˆì € 2019-12-22 */
.df-bannermanager [href="#none"] { cursor:default }
/* ë Œë”ë§ ì§€ì—°ì²˜ë¦¬ í´ëž˜ìŠ¤(PCì „ìš©) 2020-05-07 */
.df-render-except:not(.df-product-slider) { display:none !important }
/* 화면효과 ì„¤ì •ì‹œ ìƒí’ˆì— ë°˜ì˜ë˜ëŠ” 스타ì¼ì„ 초기화(2020-04-19) */
.df-bannermanager [href^='/product/detail.html'] > img { border:0 !important }
.df-bannermanager [href^='/product/detail.html']:hover > img { border:0 !important; opacity:inherit !important; -webkit-filter:inherit !important; filter:inherit !important }
/* ì—ë””ë´‡ì„ ì´ìš©í•˜ì—¬ ìƒí’ˆë“±ë¡ 중 ë™ì˜ìƒ 등ë¡ì‹œ ìƒì„±ë˜ëŠ” 태그로 ì¸í•œ df-iframe 대ì‘ìž‘ì—… 2020-02-05 */
.edibot-product-detail .df-iframe { width:100%; height:100% }
/* 쇼핑몰 관리ìžê¸°ëŠ¥ 비활성화 2020-04-24 */
#atl-ghost .base-menu { display:none }
/* ë Œë”처리 2020-2020-12-22 */
.df-bannermanager img { image-rendering:-webkit-optimize-contrast }
/*-----------------------------------------------------------------
ê²Œì‹œíŒ ì¹´í…Œê³ ë¦¬ ìŠ¤íƒ€ì¼ ë¶€ì—¬ (2019-05-25)
-----------------------------------------------------------------*/
.xans-board-list .df-board-category[title="ì¹´í…Œê³ ë¦¬ëª…"] { }
/*-----------------------------------------------------------------
/css/module/board/search.css (2019-05-14)
-----------------------------------------------------------------*/
.xans-board-search { padding:15px 0 17px 0; color:#2e2e2e; font-size:0 }
.xans-board-search p { margin:0; padding:0; background:none }
.xans-board-search p.category { margin:0 0 10px }
.xans-board-search p.category:before { display:none }
.xans-board-search p.category select#product_category_depth1 { margin:0 4px 0 0 }
.xans-board-search p:before { display:none}
.xans-board-search select#search_date,
.xans-board-search select { margin:0 4px 0 0; font-size:12px }
.xans-board-search input { margin-right:4px }
/*-----------------------------------------------------------------
/css/module/board/function.css (2019-05-14)
-----------------------------------------------------------------*/
.xans-board.xans-board-function { padding:10px 0 0; color:#757575; font-size:12px; }
.xans-board.xans-board-function p { padding:0; line-height:25px; background:none }
.xans-board.xans-board-function p #boardGroup { min-width:120px; margin:0 2px }
.xans-board.xans-board-function p .btnNormal { margin:0 1px }
/*-----------------------------------------------------------------
/css/module/board/catemove.css (2019-05-14)
-----------------------------------------------------------------*/
.xans-board.xans-board-catemove { padding:17px 0 0; border-top:1px dashed #e0e0e0; color:#757575; font-size:12px; }
.xans-board.xans-board-catemove p { padding:0; line-height:25px; background:none; }
.xans-board.xans-board-catemove p #board_category_move { min-width:120px; margin:0 2px }
.xans-board.xans-board-catemove p .btnNormal { margin:0 1px }
/*-----------------------------------------------------------------
/css/module/member/join.css (2021-07-24)
-----------------------------------------------------------------*/
.xans-member-join #birth_month,
.xans-member-join #marry_month,
.xans-member-join #partner_month,
.xans-member-join #birth_day,
.xans-member-join #marry_day,
.xans-member-join #partner_day,
.xans-member-join #phone1,
.xans-member-join #mobile1 { min-width:70px !important }
.xans-member-join #phone2,
.xans-member-join #phone3,
.xans-member-join #mobile2,
.xans-member-join #mobile3 { min-width:94px }
.xans-member-join #member_id,
.xans-member-join #passwd,
.xans-member-join #user_passwd_confirm { margin-right:4px }
.xans-member-join #postcode1 { min-width:76px; margin-right:2px }
.xans-member-join #bank_account_owner,
.xans-member-join #refund_bank_code,
.xans-member-join #bank_account_no { min-width:170px; margin-right:2px }
.xans-member-join .ec-base-table .interest label { padding:0 15px 0 0; margin:0 4px 0 0 }
.xans-member-join #foreignerAuth #foreignerPersonWrap p:last-child { margin:7px 0; font-weight:bold }
.xans-member-join .agreeArea .content { margin-bottom:3px }
.xans-member-join .agreeArea ul.check li { margin-bottom:2px }
/* ì¸ì¦ë²ˆí˜¸ */
.xans-member-join .verify { width:155px; height:30px }
.xans-member-join .verify .time { top:6px; right:8px }
/* DF CUSTOM */
.xans-member-join > h3:first-child { padding-top:20px /* 글로벌쇼핑몰ì—서만 타ì´í‹€+필수í•ëª© 노출ë˜ë¯€ë¡œ ì˜ì—처리 */ }
.xans-member-join .ec-base-button .sizeM { width:260px; padding-top:15px; padding-bottom:15px; font-size:14px }
/*-----------------------------------------------------------------
/css/module/member/edit.css (2021-07-24)
-----------------------------------------------------------------*/
.xans-member-edit #birth_month,
.xans-member-edit #marry_month,
.xans-member-edit #partner_month,
.xans-member-edit #birth_day,
.xans-member-edit #marry_day,
.xans-member-edit #partner_day,
.xans-member-edit #phone1,
.xans-member-edit #mobile1 { min-width:70px !important }
.xans-member-edit #phone2,
.xans-member-edit #phone3,
.xans-member-edit #mobile2,
.xans-member-edit #mobile3 { min-width:94px }
.xans-member-edit #member_id,
.xans-member-edit #passwd,
.xans-member-edit #user_passwd_confirm { margin-right:4px }
.xans-member-edit #postcode1 { min-width:76px; margin-right:2px }
.xans-member-edit #bank_account_owner,
.xans-member-edit #refund_bank_code,
.xans-member-edit #bank_account_no { min-width:170px; margin-right:2px }
.xans-member-edit .ec-base-table .interest label { padding:0 15px 0 0; margin:0 4px 0 0 }
.xans-member-edit .ec-base-table table tr td p { margin:6px 0 2px }
/* ì¸ì¦ë²ˆí˜¸ */
.xans-member-edit .verify { width:155px; height:30px }
.xans-member-edit .verify .time { top:6px; right:8px }
/* DF CUSTOM */
.xans-member-edit .ec-base-button .sizeM { width:140px; padding-top:15px; padding-bottom:15px; font-size:14px }
/*-----------------------------------------------------------------
/css/module/myshop/orderHistoryAccount.css.css (2019-05-15)
-----------------------------------------------------------------*/
.xans-myshop-orderhistoryaccount .ec-base-table table { border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7 }
.xans-myshop-orderhistoryaccount .ec-base-button { margin:20px -20px -20px }
/*-----------------------------------------------------------------
/css/module/myshop/basketPackage.css (2019-06-26)
-----------------------------------------------------------------*/
.xans-order-basketpackage .ec-base-box { border-radius:6px }
.xans-order-basketpackage .orderListArea .title { border-color:#e7e7e7; background:#fafafa }
.xans-order-basketpackage .ec-base-table td div.option,
.xans-order-basketpackage .ec-base-table td ul.option > li { margin:6px 0 0 }
.xans-order-basketpackage .ec-base-table.typeList tfoot td { border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:10px 15px }
.xans-order-basketpackage .xans-order-empty { border-bottom:1px solid #e7e7e7 }
.xans-order-basketpackage .xans-order-empty p { margin:120px 0; color:#999 }
.xans-order-basketpackage .xans-order-empty p:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; }
.xans-order-basketpackage .ec-base-table td.button a { width:100px; margin:2px 0; }
.xans-order-basketpackage .xans-order-basketpriceinfoguide p.info { padding:13px 0 13px 10px; background:none }
.xans-order-basketpackage .ec-base-table.total table { border-color:#e7e7e7; border-right:1px solid #e7e7e7 }
.xans-order-basketpackage .ec-base-table.total table th { padding:2px; background:#fafafa; border-left:1px solid #e7e7e7 }
.xans-order-basketpackage .ec-base-table.total table td { border-left:1px solid #e7e7e7 }
.xans-order-basketpackage .ec-base-table.typeList.gBorder tbody td div[id^="product_sale_price_div"] { color:#e30d15 }
.xans-order-basketpackage .ec-base-table.typeList.gBorder tbody td { padding:5px; }
.xans-order-basketpackage .ec-base-table.total table td .txt23 { font-size:17px }
/* 장바구니가 ë¹„ì—ˆì„ ë•Œ 글로벌몰ì—ì„œ íƒì´ 없어 ìƒë‹¨ êµ¬ë¶„ì„ ì´ ì—†ëŠ” ë¬¸ì œë¥¼ 처리 */
html:lang(en) .xans-order-basketpackage .xans-order-empty { border-top:1px solid #e7e7e7 }
html:lang(zh) .xans-order-basketpackage .xans-order-empty { border-top:1px solid #e7e7e7 }
html:lang(ja) .xans-order-basketpackage .xans-order-empty { border-top:1px solid #e7e7e7 }
html:lang(zh-tw) .xans-order-basketpackage .xans-order-empty { border-top:1px solid #e7e7e7 }
html:lang(vi) .xans-order-basketpackage .xans-order-empty { border-top:1px solid #e7e7e7 }
/*-----------------------------------------------------------------
/css/module/product/basketAdd2.css (2020-03-23)
-----------------------------------------------------------------*/
#confirmLayer .xans-order-layerbasketpackage { margin-top:-255px; margin-left:-344px }
.xans-order-layerbasket.content div.totalCount strong { color:#222 }
.xans-order-layerbasket.content ul.prdList .name a { display:block }
.xans-order-layerbasket.content ul.prdList .name img { margin:5px 3px 0 0 }
/*-----------------------------------------------------------------
/css/module/coupon/productPopup.css (2019-10-13)
-----------------------------------------------------------------*/
.xans-coupon-productpopup .couponSkinArea .coupon:not(.imgCoupon) { background-image:none !important; border:1px solid #e2e2e2; border-radius:7px }
.xans-coupon-productpopup .couponSkinArea .coupon { margin:25px auto; background-size:100% 100% }
.xans-coupon-productpopup .couponSkinArea .coupon .title { background:#ececec; height:29px; line-height:29px; padding:0 }
.xans-coupon-productpopup .couponSkinArea .coupon .discount { height:31px; line-height:33px }
.xans-coupon-productpopup .couponSkinArea .coupon .discount span { font-size:16px }
.xans-coupon-productpopup .couponSkinArea .coupon .button { margin:4px 0 0 }
/*-----------------------------------------------------------------
/css/module/myshop/orderHistoryListItem.css (2019-10-06)
-----------------------------------------------------------------*/
.xans-myshop-orderhistorylistitem.ec-base-table table col:first-child { width:145px !important }
.xans-myshop-orderhistorylistitem.ec-base-table td.number [class^="btn"],
.xans-myshop-orderhistorylistitem.ec-base-table td.state [class^="btn"] { margin:4px 1px 0 1px; }
.xans-myshop-orderhistorylistitem.ec-base-table thead th[scope="col"]:nth-child(6) { width:130px }
.xans-myshop-orderhistorylistitem.ec-base-table td.top { vertical-align:middle }
/* 비어있는 ì£¼ë¬¸ë‚´ì— */
.xans-myshop-orderhistorylistitem .message { color:#999 }
.xans-myshop-orderhistorylistitem .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; line-height:1 }
/*-----------------------------------------------------------------
/css/module/myshop/orderHistoryDetail.css (2019-07-16)
-----------------------------------------------------------------*/
.xans-myshop-orderhistorydetail .title { margin:40px 0 10px 0 }
.xans-myshop-orderhistorydetail .ec-base-table.total table { border-color:#e7e7e7 }
.xans-myshop-orderhistorydetail .ec-base-table .sum { border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7 }
.xans-myshop-orderhistorydetail .productList > ul > li .quantity,
.xans-myshop-orderhistorydetail .productList > ul > li .price { vertical-align:middle }
/*-----------------------------------------------------------------
/css/module/myshop/wishlist.css (2019-05-20)
-----------------------------------------------------------------*/
.xans-myshop-wishlist .title { margin:30px 0 11px 0 }
.xans-myshop-wishlist td div.option,
.xans-myshop-wishlist td ul.option > li { margin:6px 0 0 }
.xans-myshop-wishlist td.button a { width:100px; margin:2px 0 }
.xans-myshop-wishlist.ec-base-table.typeList td { padding:5px }
.xans-myshop-wishlist.ec-base-table.typeList .center td.right br { display:none }
.xans-myshop-wishlist.ec-base-table.typeList .center td.right strong { display:block }
.xans-myshop-wishlist.ec-base-table.typeList .center td.right strong:nth-child(3) { color:#e30d15 }
.xans-order-basketpackage + .xans-myshop-wishlist.ec-base-table.typeList td span.txtInfo img { margin-right:3px }
/*-----------------------------------------------------------------
/css/module/myshop/wishlist.css (2019-10-06)
-----------------------------------------------------------------*/
/* 비어있는 관심ìƒí’ˆ */
.xans-myshop-wishlist .message { color:#999 }
.xans-myshop-wishlist .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; }
.xans-myshop-wishlist .optionModify .prdInfo { border-color:#ddd }
/*-----------------------------------------------------------------
/member/agreement.html (2019-05-15)
-----------------------------------------------------------------*/
.xans-mall-term .agree { line-height:1.6; color:#777 }
/*-----------------------------------------------------------------
/member/privacy.html (2019-05-15)
-----------------------------------------------------------------*/
.xans-mall-privacy .agree { line-height:1.6; color:#777 }
.xans-mall-privacy .btnLink { font-size:13px }
/*-----------------------------------------------------------------
/css/module/mall/faq.css (2019-05-15)
-----------------------------------------------------------------*/
.xans-mall-faq .cont { padding:17px 10px 75px 9px; color:#777; line-height:1.6 }
.xans-mall-faq .cont h3 { color:#555; font-size:14px; }
/*-----------------------------------------------------------------
/css/module/myshop/boardPackage.css (2019-10-06)
-----------------------------------------------------------------*/
.xans-myshop-boardlist td.subject img { margin-right:4px }
.xans-myshop-boardlisthead p { font-size:0 }
.xans-myshop-boardlisthead p select { font-size:12px; min-width:120px }
/* 비어있는 내가쓴글 */
.xans-myshop-boardlist .message { color:#999 }
.xans-myshop-boardlist .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; line-height:1 }
/*-----------------------------------------------------------------
/css/module/myshop/boardlistSearch.css (2019-05-24)
-----------------------------------------------------------------*/
.xans-myshop-boardlistsearch { padding:20px 0 17px 0; font-size:0; text-align:left }
.xans-myshop-boardlistsearch #search { width:162px; }
.xans-myshop-boardlistsearch .boardSearch { display:block; }
.xans-myshop-boardlistsearch select#search_key { font-size:12px; margin:0 4px 0 0 }
.xans-myshop-boardlistsearch input#search { margin-right:4px }
/*-----------------------------------------------------------------
/css/module/myshop/likeitPrdPackage.css (2019-10-06)
-----------------------------------------------------------------*/
.xans-myshop-likeproductlist table td.thumb img { width:auto !important; max-width:100px; max-height:100px }
.xans-myshop-likeproductlist .ec-base-table.typeList .center td.left > strong > a { display:block }
.xans-myshop-likeproductlist .ec-base-table.typeList .center td.left .icon { font-size:0 }
.xans-myshop-likeproductlist .ec-base-table.typeList .center td.left .icon img { margin:6px 4px 0 0 }
.xans-myshop-likeproductlist .ec-base-table.typeList .center td.left span.button { display:none }
/* 비어있는 ìƒí’ˆÂ·ë¶„류 좋아요 */
.xans-myshop-likeitprdpackage .message,
.xans-myshop-likeitcatepackage .message { color:#999 }
.xans-myshop-likeitprdpackage .message:before,
.xans-myshop-likeitcatepackage .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; line-height:1 }
/*-----------------------------------------------------------------
/css/module/attend/calendarPackage.css (2019-05-15)
-----------------------------------------------------------------*/
.xans-attend-calendarhead .date { color:#333; letter-spacing:1px }
.xans-attend-calendarhead .date img { margin-top:-5px }
.xans-attend-calendar { margin:25px 0 0 }
.xans-attend-calendar th { padding:13px 0; border:1px solid #e7e7e7; color:#404040; font-weight:normal; letter-spacing:1px }
.xans-attend-calendar td { height:97px; background:none; border-color:#e7e7e7 }
.xans-attend-calendar td p { padding:10px }
.xans-attend-calendar td p > img { margin:0 auto; display:inherit }
.xans-attend-calendarpackage .xans-attend-message { border-radius:6px; color:#666; font-weight:bold; padding:40px 0 }
/*-----------------------------------------------------------------
/css/module/attend/commentPackage.css (2019-06-19)
-----------------------------------------------------------------*/
.xans-attend-commentwrite { border:1px solid #e7e7e7; padding:20px }
.xans-attend-commentwrite .form { padding-right:112px }
.xans-attend-commentwrite .form textarea { height:100px; padding:15px; border-color:#dfdfdf }
.xans-attend-commentwrite .form .btnSubmit { padding:0; height:100px; width:105px; line-height:100px }
.xans-attend-commentwrite .security { font-size:0 }
.xans-attend-commentwrite .security > img { margin-right:5px }
.xans-attend-commentwrite .security input#secure_text { margin-right:5px; height:32px }
.xans-attend-commenttitle { margin-top:15px }
.xans-attend-commenttitle p { font-size:12px; line-height:1.6; font-weight:normal }
.xans-attend-commentlist,
.xans-attend-commentlist .memoArea { border-color:#e7e7e7 }
.xans-attend-commentlist .memoArea p.name { margin-left:20px; padding:0; height:45px; line-height:45px }
.xans-attend-commentlist .memoArea p.date { padding:0; height:45px; line-height:45px }
.xans-attend-commentlist .memoArea p.date:before { margin-left:10px; margin-right:10px; margin-top:-1px; display:inline-block; width:1px; height:11px; background:#ddd; content:""; vertical-align:middle }
.xans-attend-commentlist .memoArea .memo { padding:25px 20px 25px }
.xans-attend-commentpackage .xans-attend-message { border-radius:6px; color:#666; font-weight:bold; padding:40px 0 }
/*-----------------------------------------------------------------
/css/module/board/memoPackage_1001.css (2019-05-16)
-----------------------------------------------------------------*/
.xans-board-memowrite-1001 { border:1px solid #e8e8e8; background:#fafafa; color:#353535; }
.xans-board-memowrite-1001 p { padding-right:112px; margin:0 0 15px }
.xans-board-memowrite-1001 p .btnSubmit.sizeL { padding:0; height:100px; width:105px; line-height:100px }
.xans-board-memowrite-1001 textarea { height:100px; padding:15px }
.xans-board-memowrite-1001 p.captcha { border:0; padding:0 }
.memoList,
.memoList .memoArea { border-color:#e7e7e7 }
.memoList .memoArea .name { padding:14px 20px }
.memoList .memoArea > p, .memoList .memoArea .reply > p { padding:14px 20px }
.xans-board-memowrite-1001 input#writer { height:32px; width:150px; margin:0 15px 0 5px }
.xans-board-memowrite-1001 input#secure_password { height:32px; width:150px; margin:0 10px 0 5px }
.xans-board-memowrite-1001 p.captcha { font-size:0}
.xans-board-memowrite-1001 p.captcha #captcha_MemoWrite { margin-right:5px }
.xans-board-memowrite-1001 p.captcha img:not(#captcha_MemoWrite) { cursor:pointer }
.xans-board-memowrite-1001 p.captcha input#captcha { height:32px; margin:0 5px 0 5px }
.memoList .memoArea .memo { border-color:#e7e7e7; padding:20px; }
.memoArea { line-height:1.6 }
.memoList .memoArea .ip,
.memoList .memoArea .date { border-left:1px solid #e7e7e7; color:#888; margin:0 0 0 9px; padding-left:11px }
.memoList p.ec-base-button { padding:0 20px }
.memoList p.ec-base-button .btnNormal { margin-bottom:20px }
.memoList .memoArea .memo img { margin-right:2px }
.memoList .memoArea .replyModify .input { margin:0 0 7px }
.memoList .memoArea .replyModify { padding:10px 20px }
/*-----------------------------------------------------------------
/css/module/board/listPackage.css (2020-05-13)
-----------------------------------------------------------------*/
.xans-board-listpackage .boardSort { margin:0 }
.xans-board-listpackage .boardSort > span > select { margin-bottom:10px; margin-right:2px }
.xans-board-listpackage .xans-board-notice > tr > td { background:#fafafa }
.xans-board-listpackage .xans-board-notice > tr > td { padding:8px 10px }
.xans-board-listpackage .center td span.txtNum { line-height:1.3 }
.xans-board-listpackage .ec-base-table .subject img { margin:0 2px }
.xans-board-listpackage .ec-base-table .thumb { text-align:center }
.xans-board-listpackage .ec-base-table .thumb > a > img { float:inherit; width:100%; max-width:56px; max-height:56px }
.xans-board-listpackage .ec-base-table .subject span.txtEm { font-size:10px; font-weight:bold; font-style:normal; letter-spacing:1px; vertical-align:middle; margin-left:2px }
.xans-board-listpackage .ec-base-table .subject > a { color:#333 !important }
.xans-board-listpackage .ec-base-table .subject > a:hover { color:#888 !important }
.xans-board-listpackage .product-name { margin-bottom:4px }
.xans-board-listpackage .product-name > a { font-size:11px; color:#999 }
.xans-board-listpackage .product-name > a:hover { color:#666 }
.xans-board-listpackage #content_view > td { padding:20px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7 }
.xans-board-listpackage .cell-writer > img { margin-right:3px }
/* 비어있는 ê²Œì‹œíŒ */
.xans-board-listpackage .xans-board-empty { color:#999; text-align:center }
.xans-board-listpackage .xans-board-empty:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; }
/* 갤러리형 íƒë©”뉴(ul태그 ì§€ì •í•„ìš”) */
ul.xans-board-listheader { font-size:0 }
ul.xans-board-listheader > li { margin-left:4px }
/*-----------------------------------------------------------------
/css/module/board/listPackage_gallery.css (2020-07-08)
-----------------------------------------------------------------*/
.xans-board-listpackage-8 .xans-board-notice-8 .imgLink { display:none }
.xans-board-listpackage-8 .notice,
.xans-board-listpackage-8 .xans-board-notice-8 li { border-color:#e7e7e7 }
.xans-board-listpackage-8 .notice { border-top:0 }
.xans-board-listpackage-8 .xans-board-notice { border-top:1px solid #e7e7e7 }
.xans-board-listpackage-8 .xans-board-notice-8 li .description { padding:0 }
.xans-board-listpackage-8 .xans-board-notice-8 li .description .subject { margin:0; padding:0; border:0; display:inline-block }
.xans-board-listpackage-8 .xans-board-notice-8 li .description .subject a { padding-left:5px; font-weight:bold }
.xans-board-listpackage-8 .xans-board-notice-8 li .description .subject .category-name { margin-left:4px; color:#555 }
.xans-board-listpackage-8 .xans-board-notice-8 li .description .subject .category-name:before { content:"[" }
.xans-board-listpackage-8 .xans-board-notice-8 li .description .subject .category-name:after { content:"]" }
.xans-board-listpackage-8 .xans-board-notice-8 li .description strong { display:none }
.xans-board-listpackage-8 .xans-board-notice-8 li .description em { display:inline-block; margin-left:5px }
.xans-board-listpackage-8 .xans-board-fixed-8 { border-top:1px solid #e7e7e7; margin-top:-1px }
.xans-board-listpackage-8 .xans-board-fixed-8 li { border-color:#e7e7e7 }
.xans-board-listpackage-8 .xans-board-fixed-8 li .description { padding:0 0 0 95px }
.xans-board-listpackage-8 .xans-board-fixed-8 li .description .subject { border-color:#e7e7e7; margin:0 0 10px }
.xans-board-listpackage-8 .xans-board-fixed-8 li .description .subject a { font-weight:normal }
.xans-board-listpackage-8 .xans-board-fixed-8 .imgLink img { max-width:80px; max-height:80px; border:0 }
/* 커스텀 */
.xans-board-listpackage-8 div.xans-board-list-8 { font-size:0; width:102.5%; margin-left:-2.5%; display:table }
.xans-board-list-8 .grid1 > .df-board-gallery-item { width:97.5% }
.xans-board-list-8 .grid2 > .df-board-gallery-item { width:47.5% }
.xans-board-list-8 .grid3 > .df-board-gallery-item { width:30.833% }
.xans-board-list-8 .grid4 > .df-board-gallery-item { width:22.5% }
.xans-board-list-8 .grid5 > .df-board-gallery-item { width:17.5% }
.xans-board-list-8 .grid6 > .df-board-gallery-item { width:14.166% }
.xans-board-listpackage-8 .xans-board-list-8 > ul { margin-bottom:20px }
.xans-board-listpackage-8 .xans-board-list-8 .df-board-gallery-item { position:relative; vertical-align:top; margin:30px 0 5px 2.5% }
.xans-board-listpackage-8 .boardListEmpty { margin:0; padding:100px 0 100px; text-align:center; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7 }
.df-board-gallery-link { display:block }
.df-board-gallery-thumb { overflow:hidden }
.df-board-gallery-thumb-img { width:100%; image-rendering:-webkit-optimize-contrast; transition-duration:.2s; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1) }
.df-board-gallery-thumb .boardChk { position:absolute; top:12px; left:12px }
.df-board-gallery-link:hover .df-board-gallery-thumb-img { transition-duration:.25s; -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1) }
.df-board-gallery-link:hover > .df-board-gallery-desc1 { color:#777 }
.df-board-gallery-desc1 { margin-top:10px; color:#222; font-weight:bold }
.df-board-gallery-desc2 { margin-top:4px; color:#777 }
.df-board-gallery-no { display:none }
.df-board-gallery-subject { font-style:normal; font-size:13px }
.df-board-gallery-cmtcount { font-style:normal; color:#777; font-size:11px; letter-spacing:1px; margin-left:4px }
.df-board-gallery-writer { font-style:normal; font-size:12px; margin-right:4px }
.df-board-gallery-date { font-style:normal; font-size:11px }
.df-board-gallery-date:before { height:11px; width:1px; background-color:#ddd; content:""; display:inline-block; vertical-align:middle; margin-top:-1.5px; margin-right:7px }
/*-----------------------------------------------------------------
/css/module/board/readPackage.css (2019-08-11)
ì´ìŠˆ: í‰ì ,작성ì¼,추천,조회수를 ëª¨ë‘ ì‚¬ìš©í•˜ì§€ ì•Šì„ ë•Œ ë¶€ëª¨ìš”ì†Œì¸ .etcArea
ê°€ 숨겨지지 ì•Šì•„ ë³´ë”ê°’ì´ ê²¹ì¹˜ëŠ” ì´ìŠˆ ë°œìƒë˜ëŠ”ê²ƒì„ í•´ê²° 하였으나 ìˆ˜ì •ì‹œ 주ì˜ê°€ 필요함
-----------------------------------------------------------------*/
.xans-board-read .ec-base-table table colgroup col:first-child { width:155px !important }
.xans-board-read .ec-base-table .etcArea { }
.xans-board-read .ec-base-table .etcArea:after { display:block; clear:both; content:"" }
.xans-board-read .ec-base-table .etcArea li { height:59px; line-height:59px; padding:0 0 0 0; margin:-16px 0 0; min-width:140px; float:left; position:relative; box-sizing:border-box }
.xans-board-read .ec-base-table .etcArea { margin-left:15px }
.xans-board-read .ec-base-table .etcArea li strong { font-weight:normal; color:#353535; display:inline-block; width:50px }
.xans-board-read .ec-base-table .etcArea li span.txtNum { margin-right:20px }
.xans-board-read .ec-base-table .etcArea li a.btnNormal { margin-left:4px; margin-top:-2px; padding-top:0; padding-bottom:0; height:30px; line-height:27px }
.xans-board-read .ec-base-table .detail { margin-top:-9px; padding:45px 12px 55px; min-height:100px; line-height:1.6 }
.xans-board-read .ec-base-table tr.attach td { font-size:0 }
.xans-board-read .ec-base-table tr.attach a { padding:0; font-size:12px; background:none; color:#8f8f8f; margin-right:10px }
.xans-board-read .ec-base-table tr.attach a:before { font-size:15px; font-family:xeicon !important; content:"\ea50"; vertical-align:middle; margin-right:3px }
.xans-board-read .ec-base-table tr.attach a:hover { text-decoration:none; color:#474747 }
/*-----------------------------------------------------------------
/css/module/board/listsgroup.css 2019-07-15
-----------------------------------------------------------------*/
.xans-board-listsgroup .subject img { margin:0 2px }
/*-----------------------------------------------------------------
/css/module/board/securePackage.css (2019-05-20)
-----------------------------------------------------------------*/
.xans-board-secure { margin:70px auto 100px }
.xans-board-secure.ec-base-box { width:440px; border-radius:7px; padding:40px 0 35px }
.xans-board-secure .secret .info { margin:0px 0 27px }
.xans-board-secure .secret .password { position:relative; width:310px; margin:0 auto }
.xans-board-secure .secret .password label { position:absolute; top:0; left:0; margin:0; line-height:42px; width:120px; padding-left:15px }
.xans-board-secure .secret .password input { width:100%; height:42px; padding-left:120px }
.xans-board-secure .secret .ec-base-button { padding:27px 0 10px 0; width:240px }
.xans-board-secure.ec-base-box h3.boxTitle { font-size:0 }
.xans-board-secure.ec-base-box h3.boxTitle:before { font-size:17px }
html:lang(ko) .xans-board-secure.ec-base-box h3.boxTitle:before { content:"비밀글 보기" }
html:lang(en) .xans-board-secure.ec-base-box h3.boxTitle:before { content:"See password protected messages" }
html:lang(zh) .xans-board-secure.ec-base-box h3.boxTitle:before { content:"æŸ¥çœ‹åŠ å¯†ç•™è¨€" }
html:lang(ja) .xans-board-secure.ec-base-box h3.boxTitle:before { content:"秘密コメント表示" }
html:lang(zh-tw) .xans-board-secure.ec-base-box h3.boxTitle:before { content:"é»žé–±åŠ å¯†ä½ˆå‘Š" }
html:lang(vi) .xans-board-secure.ec-base-box h3.boxTitle:before { content:"Xem Tin Nhắn Bảo Máºt" }
/*-----------------------------------------------------------------
/css/module/board/commentDeletePackage.css (2019-05-20)
-----------------------------------------------------------------*/
.xans-board-commentdel { margin:70px auto 100px }
.xans-board-commentdel.ec-base-box { width:440px; border-radius:7px; padding:40px 0 35px }
.xans-board-commentdel .commentDel .info { margin:0px 0 27px }
.xans-board-commentdel .commentDel .password { position:relative; width:310px; margin:0 auto }
.xans-board-commentdel .commentDel .password label { position:absolute; top:0; left:0; margin:0; line-height:42px; width:120px; padding-left:15px }
.xans-board-commentdel .commentDel .password input { width:100%; height:42px; padding-left:120px }
.xans-board-commentdel .commentDel .ec-base-button { padding:27px 0 10px 0; width:240px }
/*-----------------------------------------------------------------
/css/module/member/find_id.css (2019-05-20)
-----------------------------------------------------------------*/
.xans-member-findid { margin:70px auto 100px }
.xans-member-findid.ec-base-box { width:440px; border-radius:7px; padding:40px 0 35px }
.xans-member-findid .findId { width:350px }
.xans-member-findid .findId strong { width:110px; padding:0 }
.xans-member-findid .findId .check { margin-top:10px; margin-left:112px }
.xans-member-findid .findId input[type=text],
.xans-member-findid .findId input[type=password] { height:34px; line-height:34px; }
.xans-member-findid .findId .member select,
.xans-member-findid .findId #name,
.xans-member-findid .findId #email { width:235px }
.xans-member-findid .findId #mobile1 { width:65px }
.xans-member-findid .findId #mobile2,
.xans-member-findid .findId #mobile3 { width:76px }
.xans-member-findid .findId #ssn1,
.xans-member-findid .findId #ssn2 { width:112px }
.xans-member-findid .findId .check { margin-bottom:10px }
.xans-member-findid .findId .check .df-formfield { margin-bottom:8px }
.xans-member-findid .findId .ec-base-button { padding:37px 0 10px; width:220px }
.xans-member-findid .findId .ec-base-button a.btnSubmit { padding:12px 16px }
/*-----------------------------------------------------------------
/css/module/member/find_passwd.css (2019-05-20)
-----------------------------------------------------------------*/
.xans-member-findpasswd { margin:70px auto 100px }
.xans-member-findpasswd.ec-base-box { width:440px; border-radius:7px; padding:40px 0 35px }
.xans-member-findpasswd .findPw .check { margin-top:10px; margin-left:112px }
.xans-member-findpasswd .findPw { width:350px }
.xans-member-findpasswd .findPw .ec-base-desc .term { width:110px }
.xans-member-findpasswd .findPw .ec-base-desc .desc { padding:0 }
.xans-member-findpasswd .findPw select { }
.xans-member-findpasswd .findPw input[type=text],
.xans-member-findpasswd .findPw input[type=password] { width:235px; height:34px; line-height:34px }
.xans-member-findpasswd .findPw .ec-base-desc dt,
.xans-member-findpasswd .findPw .ec-base-desc .term { padding:0 }
.xans-member-findpasswd .findPw #mobile1 { width:65px; }
.xans-member-findpasswd .findPw #mobile2,
.xans-member-findpasswd .findPw #mobile3 { width:75px; }
.xans-member-findpasswd .findPw .ec-base-desc .desc .txtInfo { text-align:right; margin-top:7px }
.xans-member-findpasswd .findPw .ec-base-desc .desc .check { margin-bottom:10px }
.xans-member-findpasswd .findPw .check { margin-bottom:10px }
.xans-member-findpasswd .findPw .check .df-formfield { margin-bottom:8px }
.xans-member-findpasswd .findPw .ec-base-button { padding:37px 0 10px; width:220px }
.xans-member-findpasswd .findPw .ec-base-button a.btnSubmit { padding:12px 16px }
/*-----------------------------------------------------------------
/css/module/member/find_id_result.css (2019-05-21)
-----------------------------------------------------------------*/
.xans-member-findidresult.ec-base-box { border:0 }
.xans-member-findidresult.ec-base-box.typeThin h3.boxTitle { font-size:0; margin:0 0 22px }
.xans-member-findidresult.ec-base-box.typeThin h3.boxTitle:before { display:block; margin:0 auto; line-height:85px; width:82px; height:82px; border-radius:100%; text-align:center; border:6px solid #e7e7e7; font-size:42px; font-family:xeicon !important; content:"\e928"; font-weight:normal; color:#aaa }
.xans-member-findidresult .findId p.info { font-size:15px; color:#333; margin:0 0 23px }
.xans-member-findidresult .findId .copy { }
.xans-member-findidresult .findId .copy { margin-top:23px }
.xans-member-findidresult .findId .ec-base-button.gBlank20 { margin-top:2px }
.xans-member-findidresult .ec-base-box .message { padding:10px 17px; background:none }
.xans-member-findidresult .ec-base-box .message .txtEm { font-weight:bold }
/*-----------------------------------------------------------------
/css/module/member/find_passwd_method.css (2019-05-21)
-----------------------------------------------------------------*/
.xans-member-findpasswdmethod { margin:70px auto 100px }
.xans-member-findpasswdmethod.ec-base-box { width:440px; border-radius:7px; padding:40px 0 35px }
.xans-member-findpasswdmethod .inner { width:350px }
.xans-member-findpasswdmethod .inner .ec-base-button { padding:37px 0 10px; width:300px }
/*-----------------------------------------------------------------
/css/module/member/find_passwd_result.css (2019-05-21)
-----------------------------------------------------------------*/
.xans-member-findpasswdresult { border:0 }
.xans-member-findpasswdresult.ec-base-box.typeThin h3.boxTitle { font-size:0; margin:0 0 22px }
.xans-member-findpasswdresult.ec-base-box.typeThin h3.boxTitle:before { display:block; margin:0 auto; line-height:85px; width:82px; height:82px; border-radius:100%; text-align:center; border:6px solid #e7e7e7; font-size:42px; font-family:xeicon !important; content:"\e928"; font-weight:normal; color:#aaa }
.xans-member-findpasswdresult .findPw .desc { font-size:15px; color:#333; margin:0 0 23px }
.xans-member-findpasswdresult .findPw .copy { margin-top:23px }
.xans-member-findpasswdresult .findPw .ec-base-button.gBlank20 { margin-top:2px }
/*-----------------------------------------------------------------
/css/module/member/joincomplete.css (2020-03-30)
-----------------------------------------------------------------*/
.xans-member-joincomplete { border:0 }
.xans-member-joincomplete .joinComplete h3 { font-size:0; margin:0 0 22px }
.xans-member-joincomplete .joinComplete h3:before { display:block; margin:0 auto; line-height:85px; width:82px; height:82px; border-radius:100%; text-align:center; border:6px solid #e7e7e7; font-size:42px; font-family:xeicon !important; content:"\e928"; font-weight:normal; color:#aaa }
.xans-member-joincomplete .joinComplete h3 img { display:none }
.xans-member-joincomplete .joinComplete .desc { font-size:15px; color:#333; margin:0 0 23px }
.xans-member-joincomplete .joinComplete .memberSpecial { margin:25px 0 0 0 }
.xans-member-joincomplete .joinComplete .ec-base-box { width:400px }
.xans-member-joincomplete .joinComplete .ec-base-box .message { background:none; padding:12px 15px; font-weight:normal }
.xans-member-joincomplete .joinComplete .ec-base-box .message:before { font-size:15px; font-family:xeicon !important; content:"\e9ab"; font-weight:normal; vertical-align:middle; margin-right:3px }
.xans-member-joincomplete .joinComplete .ec-base-button.gBlank20 { margin-top:2px }
.xans-member-joincomplete .joinComplete .ec-base-desc dd span { font-weight:bold }
/*-----------------------------------------------------------------
/css/module/board/writePackage.css (2020-12-30)
-----------------------------------------------------------------*/
.xans-board-write .ec-base-table #subject { margin-right:8px }
.attachfile > tr > td { color:#777 }
.attachfile > tr > td > label { color:#222; font-weight:bold }
.attachfile > tr > td > input[type="file"] { margin-right:6px }
.attachfile > tr > td > input[type="checkbox"] { margin-left:3px }
.attachabtnArea > a { display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:2px; text-align:center; margin-left:2px }
.attachabtnArea > a:first-child { margin-left:0 }
.attachabtnArea > a > i { font-size:24px; line-height:30px; font-family:xeicon !important; font-weight:normal; color:#555; vertical-align:middle; font-style:normal }
.attachabtnArea > a > i.plus:before { content:"\e914"; margin-left:-1px }
.attachabtnArea > a > i.minus:before { content:"\e91b"; margin-left:-1px }
.attachabtnArea > a:hover { border:1px solid #424242; background:#424242 }
.attachabtnArea > a:hover > i { color:#fff }
.xans-board-write .ec-base-table tr.agree td textarea { width:calc(100% - 8px)}
/*-----------------------------------------------------------------
/css/module/member/checkpassword.css (2020-10-06)
-----------------------------------------------------------------*/
.xans-member-checkpassword { width:440px; border-radius:7px; margin:100px auto }
.xans-member-checkpassword .confirm .info { margin-bottom:30px }
.xans-member-checkpassword .confirm .info strong { color:#333 }
.xans-member-checkpassword .confirm .password > label { vertical-align:middle; margin-bottom:0 }
.xans-member-checkpassword .confirm .password > input { height:40px; line-height:40px }
/*-----------------------------------------------------------------
/css/module/board/modifyPackage.css (2020-12-30)
-----------------------------------------------------------------*/
.xans-board-modify .ec-base-table #subject { margin-right:8px }
.xans-board-modify .ec-base-table tr.agree td textarea { width:calc(100% - 8px)}
/*-----------------------------------------------------------------
/css/module/board/replyPackage.css (2020-12-30)
-----------------------------------------------------------------*/
.xans-board-reply .ec-base-table #subject { margin-right:8px }
.xans-board-reply .ec-base-table tr.agree td textarea { width:calc(100% - 8px)}
/*-----------------------------------------------------------------
/css/module/board/commentPackage.css (2019-05-19)
-----------------------------------------------------------------*/
.xans-board-commentlist .ec-base-button.typeBG.spam { padding:0 0 15px; margin:0 }
.xans-board-commentlist .boardComment li { border-top:1px dotted #ddd; margin:0; line-height:1.6 }
.xans-board-commentlist .boardComment li div.commentTop { border:0; padding:15px 12px 0 }
.xans-board-commentlist { border:0; border-bottom:1px dotted #ddd }
.xans-board-commentlist .boardComment li .name,
.xans-board-commentlist .boardComment li .name a { color:#505050 }
.xans-board-commentlist .boardComment li { color:#555 }
.xans-board-commentlist .boardComment li .date { color:#777; margin:0 }
.xans-board-commentlist .boardComment li .date:before { margin-left:10px; border-left:1px solid #ddd; content:""; height:11px; display:inline-block; vertical-align:middle; margin-top:-1px; margin-right:7px }
.xans-board-commentlist .boardComment li .button { top:10px; right:0; font-size:0 }
.xans-board-commentlist .boardComment li .button a { margin-left:5px }
.xans-board-commentlist .boardComment li .comment { padding:17px 12px 20px }
.xans-board-commentlist .boardComment li.replyArea { border:0; border-top:1px dotted #ddd; margin:-1px 0; background:none; padding:0 }
.xans-board-commentlist .boardComment li.replyArea .comment { padding-bottom:20px }
.xans-board-commentlist .boardComment li.replyArea div.commentTop { padding:15px 15px 0 }
.xans-board-commentlist .boardComment li.replyArea .comment { padding:15px 17px 20px }
.xans-board-commentlist .boardComment li.replyArea * { }
.xans-board-commentlist .boardComment li.replyArea .button { right:0 }
.xans-board-commentlist .boardComment li.replyArea .name:before { font-size:12px; font-family:xeicon !important; content:"\e97e"; font-weight:normal; color:#e76d5e; vertical-align:middle }
.xans-board-commentreply { width:auto; margin: 17px 0 0 }
.xans-board-commentform { margin:17px 0 0 }
.xans-board-commentlist .boardComment li.replyArea .xans-board-commentformsecret { margin:12px 0 0 }
/* 댓글 쓰기 */
.xans-board-commentwrite .view [class^="btn"] { padding:0; height:80px; line-height:80px; width:85px }
.xans-board-commentwrite textarea { height:80px }
.xans-board-commentwrite .view { padding:0 92px 0 0 }
.xans-board-commentwrite p.grade label em { font-size:0 }
.xans-board-commentwrite p.grade label span:before { font-family:"Arial",sans-serif; font-size:15px; display:inline-block; color:#9d8473; letter-spacing:-1px }
.xans-board-commentwrite p.grade label .point1:before { content:"★" }
.xans-board-commentwrite p.grade label .point2:before { content:"★★" }
.xans-board-commentwrite p.grade label .point3:before { content:"★★★" }
.xans-board-commentwrite p.grade label .point4:before { content:"★★★★" }
.xans-board-commentwrite p.grade label .point5:before { content:"★★★★★" }
/* ëŒ“ê¸€ì˜ ëŒ“ê¸€ 쓰기 */
.xans-board-commentreply .view [class^="btn"] { padding:0; height:80px; line-height:80px; width:85px }
.xans-board-commentreply textarea { height:80px }
.xans-board-commentreply .view { padding:0 92px 0 0 }
.xans-board-commentreply p.grade label em { font-size:0 }
.xans-board-commentreply p.grade label span:before { font-family:"Arial",sans-serif; font-size:15px; display:inline-block; color:#9d8473; letter-spacing:-1px }
.xans-board-commentreply p.grade label .point1:before { content:"★" }
.xans-board-commentreply p.grade label .point2:before { content:"★★" }
.xans-board-commentreply p.grade label .point3:before { content:"★★★" }
.xans-board-commentreply p.grade label .point4:before { content:"★★★★" }
.xans-board-commentreply p.grade label .point5:before { content:"★★★★★" }
.xans-board-commentreply p.captcha { border-top:0; margin:0 }
/* 댓글 ìˆ˜ì • */
.xans-board-commentform .submit { font-size:0 }
.xans-board-commentform textarea { height:80px }
.xans-board-commentform .view { padding:0 180px 0 0 }
.xans-board-commentform .view [class^="btn"] { padding:0; height:80px; line-height:80px; width:85px; margin-left:5px }
/*-----------------------------------------------------------------
/css/module/board/movement.css (2019-05-19)
-----------------------------------------------------------------*/
.xans-board-movement { border-left:0; border-right:0; border-color:#e7e7e7 }
.xans-board-movement li { padding:0 }
.xans-board-movement li.prev strong,
.xans-board-movement li.next strong { background:none }
.xans-board-movement li.prev strong:before,
.xans-board-movement li.next strong:before { font-size:14px; font-family:xeicon !important; font-weight:normal; color:#333; vertical-align:middle; margin-right:4px; display:inline-block }
.xans-board-movement li.prev strong:before { content:"\e945" }
.xans-board-movement li.next strong:before { content:"\e942" }
.xans-board-movement li strong { min-width:70px; width:auto; padding:0 15px; height:42px; line-height:42px }
.xans-board-movement li a { display:block; width:auto; padding:0 20px; height:42px; line-height:42px; border:0 }
.xans-board-movement li a:hover { color:#999 }
/*-----------------------------------------------------------------
/css/module/myshop/orderHistoryHead.css (2019-10-06)
-----------------------------------------------------------------*/
.xans-myshop-orderhistoryhead fieldset .fText { height:24px; border-radius:3px; width:84px; text-align:center }
.xans-myshop-orderhistoryhead fieldset button img { display:none }
.xans-myshop-orderhistoryhead fieldset button { margin:0 4px 0 5px }
.xans-myshop-orderhistoryhead fieldset button:after { display:inline-block; margin-top:-3px; font-size:18px; font-family:xeicon !important; content:"\e9a0"; vertical-align:middle; font-weight:normal; color:#555 }
/*-----------------------------------------------------------------
/css/module/myshop/orderHistoryApplyExchange.css (2019-05-19)
-----------------------------------------------------------------*/
.xans-myshop-orderhistoryapplyexchange .title { margin:40px 0 11px 0; }
.xans-myshop-orderhistoryapplyexchange .controlInfo.typeBtm { background:none; padding:11px 0 }
.xans-myshop-orderhistoryapplyexchange .ec-base-table.typeList + .ec-base-button { border:0 }
/*-----------------------------------------------------------------
/css/module/myshop/orderHistoryApplyExchange.css (2019-05-19)
-----------------------------------------------------------------*/
.xans-myshop-layerwish .content p { line-height:1.6 }
.xans-myshop-layerwish .content p strong { color:#222 !important }
/*-----------------------------------------------------------------
/css/module/line/bookmark.css (2019-05-19)
-----------------------------------------------------------------*/
.xans-link-bookmark .content { min-height:210px }
.xans-link-bookmark .info { background:none; position:relative; padding:0 }
.xans-link-bookmark .info:before { display:block; margin:25px auto; width:84px; height:84px; line-height:87px; border-radius:100%; text-align:center; border:6px solid #e7e7e7; font-size:42px; font-family:xeicon !important; content:"\ea1d"; font-weight:normal; color:#aaa }
/*-----------------------------------------------------------------
/css/module/line/shortcut.css (2019-05-19)
-----------------------------------------------------------------*/
.xans-link-shortcut .content { min-height:210px }
.xans-link-shortcut .info { background:none; position:relative; padding:0 }
.xans-link-shortcut .info:before { display:block; margin:25px auto; width:84px; height:84px; line-height:87px; border-radius:100%; text-align:center; border:6px solid #e7e7e7; font-size:42px; font-family:xeicon !important; content:"\eae9"; font-weight:normal; color:#aaa }
/*-----------------------------------------------------------------
/css/module/board/catemove.css (2019-05-14)
-----------------------------------------------------------------*/
.xans-mall-urgencycall .info { margin:20px 0 }
.xans-mall-urgencycall .required { margin:-35px 0 11px }
/*-----------------------------------------------------------------
/css/module/product/compare.css (2019-05-20)
-----------------------------------------------------------------*/
.xans-product-listcompare.ec-base-table.gBorder table { border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7 }
.xans-product-listcompare.ec-base-table.gBorder td { border-left:1px solid #e7e7e7; text-align:center }
.xans-product-listcompare.ec-base-table.gBorder th:first-child { background:#fafafa; text-align:center; padding:8px; width:130px }
.xans-product-listcompare .xans-product-productimagetiny img { border:0; max-width:120px; max-height:160px }
.xans-product-listcompare .xans-product-productimagetiny input[type=checkbox] { margin:0 }
.xans-product-listcompare .xans-product-productimagetiny td { font-size:0 }
.xans-product-listcompare .quantity input { width:45px; height:21px; font-size:11px; padding-left:5px; border-color:#ddd }
.xans-product-listcompare .xans-product-compareoptionlist input,
.xans-product-listcompare .xans-product-compareoptionlist select { margin-top:6px; margin-bottom:9px; height:32px; line-height:32px }
/*-----------------------------------------------------------------
/css/module/myshop/couponList.css (2019-10-06)
-----------------------------------------------------------------*/
.xans-myshop-couponlist .title { margin:40px 0 11px 0 }
/* 비어있는 ì¿ í° */
.xans-myshop-couponlist .message { color:#999 }
.xans-myshop-couponlist .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; line-height:1 }
/*-----------------------------------------------------------------
/css/module/coupon/selectNew.css (2019-10-08)
-----------------------------------------------------------------*/
.xans-coupon-selectnew .ec-base-table.total table { border-color:#e7e7e7 }
/*-----------------------------------------------------------------
/css/module/coupon/join.css (2020-03-02)
-----------------------------------------------------------------*/
.xans-coupon-join { display:none }
/*-----------------------------------------------------------------
/css/module/myshop/couponSerial.css (2019-05-21)
-----------------------------------------------------------------*/
.xans-myshop-couponserial .title { margin:0 0 11px 0; }
.xans-myshop-couponserial .couponSerial fieldset { font-size:0 }
.xans-myshop-couponserial .couponSerial #coupon_code { height:40px; margin-right:5px }
.xans-myshop-couponserial .couponSerial p { font-size:12px; padding:15px 0 0 }
/*-----------------------------------------------------------------
/css/module/myshop/mileageCouponPackage.css (2019-10-06)
/css/module/myshop/mileageHistoryPackage.css
/css/module/myshop/mileageUnavailPackage.css
-----------------------------------------------------------------*/
.xans-myshop-summary ul li { padding:0 26px }
.xans-myshop-summary .data { padding:0 }
.xans-myshop-summary .data #xans_myshop_summary_avail_mileage { font-size:12px; font-weight:bold; color:#e30d15 }
/* 비어있는 ì 립금·미가용·등급 ì 립금 */
.xans-myshop-historylist .message,
.xans-myshop-unavaillist .message,
.xans-myshop-couponmemberlist .message { color:#999 }
.xans-myshop-historylist .message:before,
.xans-myshop-unavaillist .message:before,
.xans-myshop-couponmemberlist .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; line-height:1 }
/*-----------------------------------------------------------------
/css/module/myshop/depositHistoryPackage.css (2019-10-06)
-----------------------------------------------------------------*/
.xans-myshop-depositsummary ul li { padding:0 26px }
.xans-myshop-depositsummary .data { padding:0 }
.xans-myshop-depositsummary .data #xans_myshop_summary_deposit { font-size:12px; font-weight:bold; color:#e30d15 }
/* 비어있는 예치금 */
.xans-myshop-deposithistorylist .message { color:#999 }
.xans-myshop-deposithistorylist .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; line-height:1 }
/*-----------------------------------------------------------------
/css/module/myshop/depositRefundPackage.css (2019-05-24)
-----------------------------------------------------------------*/
.xans-myshop-depositrefundform table .price1 { color:#222 }
/*-----------------------------------------------------------------
/css/module/product/optionSelectLayer.css (2022-01-12)
-----------------------------------------------------------------*/
/* ì˜µì…˜ë¯¸ì„ íƒ ìž¥ë°”êµ¬ë‹ˆ ë‹´ê¸°ì°½ì€ CSS리로드로 ë ˆì´ì–´Â·ìˆ˜ëŸ‰ì„ íƒ ì˜ì—ì„ ë³„ë„ìˆ˜ì •ì²˜ë¦¬ */
#popup .xans-product-optionselectlayer { border:1px solid #757575; width:auto }
.xans-product-optionselectlayer.ec-base-layer .content { min-height:425px }
.xans-product-optionselectlayer .ec-base-button { padding:9px }
.xans-product-optionselectlayer .inner .name { padding:0 0 15px; font-size:13px; border-bottom:1px dotted #e7e7e7; }
.xans-product-optionselectlayer .productNormal { min-height:120px; padding:0 0 0 120px }
.xans-product-optionselectlayer .productNormal .imgArea img { width:auto; max-width:100px; height:auto; max-height:120px; border:0 }
.xans-product-optionselectlayer .productSet .product { border-bottom:1px dotted #e7e7e7; }
.xans-product-optionselectlayer .productSet .seperate { margin:0 0 14px }
.xans-product-optionselectlayer #totalProducts { margin:14px 0 }
.xans-product-optionselectlayer #totalProducts > table { margin-top:10px }
.xans-product-optionselectlayer #totalProducts tbody tr:first-child td { border-top:1px solid #e7e7e7; }
.xans-product-optionselectlayer #totalProducts tbody tr:last-child td { border-bottom:1px solid #e7e7e7; }
.xans-product-optionselectlayer .totalPrice { padding:12px 12px 12px 20px; border-color:#e7e7e7; box-sizing:border-box }
.xans-product-optionselectlayer #totalProducts table .right,
.xans-product-optionselectlayer .totalPrice .total { color:#222 }
/* ìƒí’ˆ 옵션 */
.xans-product-optionselectlayer .xans-product-option .value { font-size:11px; color:#767479; word-break:break-all }
.xans-product-optionselectlayer .xans-product-option .value .ec-product-value { display:inline-block; color:#fff; padding:2px 6px; margin:5px 0 0; background:#666; border-radius:3px }
.xans-product-optionselectlayer .xans-product-option .ec-product-button li { position:relative; overflow:hidden; display:inline-block; margin:0 5px 6px 0; vertical-align:top; border:1px solid #d7d7d7; background:#fff; box-sizing:border-box; border-radius:2px }
.xans-product-optionselectlayer .xans-product-option .ec-product-button li:hover { border-color:#777 }
.xans-product-optionselectlayer .xans-product-option .ec-product-button li a { display:block; height:38px; line-height:38px; min-width:38px; text-align:center; text-decoration:none; word-break:break-all }
.xans-product-optionselectlayer .xans-product-option .ec-product-button li a span { display:inline-block; font-size:11px; padding:0 6px; box-sizing:border-box }
.xans-product-optionselectlayer .xans-product-option .ec-product-button.ec-product-preview li { padding:1px }
.xans-product-optionselectlayer .xans-product-option .ec-product-button.ec-product-preview li a { min-width:36px; width:36px; height:36px; border-radius:2px }
.xans-product-optionselectlayer .xans-product-option .ec-product-button.ec-product-preview li a img { max-width:100%; max-height:100% }
.xans-product-optionselectlayer .xans-product-option .ec-product-button.ec-product-preview li a span { overflow:hidden; line-height:0; font-size:0; padding:0; text-indent:120%; white-space:nowrap }
.xans-product-optionselectlayer .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span,
.xans-product-optionselectlayer .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span { position:absolute; left:0; top:0; z-index:1 }
.xans-product-optionselectlayer .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span { background:url("//img.echosting.cafe24.com/skin/base/product/soldout_bg.png") repeat }
.xans-product-optionselectlayer .xans-product-option .ec-product-button .ec-product-soldout { border-style:dashed }
.xans-product-optionselectlayer .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#d7d7d7 }
.xans-product-optionselectlayer .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected { border-style:dashed }
.xans-product-optionselectlayer .xans-product-option .ec-product-button .ec-product-disabled a { cursor:default }
.xans-product-optionselectlayer .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; color:#000; background:#999; filter:alpha(opacity=30); opacity:0.3 }
.xans-product-optionselectlayer .xans-product-option .ec-product-button .ec-product-selected { border:1px solid #707070 }
.xans-product-optionselectlayer .xans-product-option .ec-product-button .ec-product-selected a { margin:0 }
.xans-product-optionselectlayer .xans-product-option .ec-product-radio > li { display:inline-block; margin:0 0 5px }
.xans-product-optionselectlayer .xans-product-option .ec-product-radio > li label { line-height:1.5 }
.xans-product-optionselectlayer .xans-product-option .ec-product-radio label { margin:0 9px 0 0 }
.xans-product-optionselectlayer .xans-product-option .ec-product-radio label input { margin:0 3px 0 0 }
.xans-product-optionselectlayer .xans-product-option .ec-product-radio .ec-product-disabled,
.xans-product-optionselectlayer .xans-product-option .ec-product-radio .ec-product-soldout { color:#bbb }
/* DF수량 */
#totalProducts tbody td .quantity .down { top:12px }
#totalProducts tbody td { text-align:center }
#totalProducts tbody td:first-child { text-align:left }
#totalProducts tbody td .quantity { text-align:left; vertical-align:middle }
#totalProducts tbody.option_products tr td .quantity,
#totalProducts tbody.add_products tr td .quantity { width:55px !important }
#totalProducts tbody.option_products tr td .quantity input,
#totalProducts tbody.add_products tr td .quantity input { height:21px }
#totalProducts table tr.option_product + tr.option_product > td { border-top:1px solid #e7e7e7 }
/*-----------------------------------------------------------------
/css/module/product/optionPreview.css (2019-10-03)
-----------------------------------------------------------------*/
.xans-element-.xans-product-optionpreview .prdOption { top:20px; padding-top:10px; width:220px; margin-left:-100px; text-align:left }
.xans-element-.xans-product-optionpreview .prdOption .inner { padding:13px 13px 15px; border:1px solid #d5d5d5; border-radius:4px; color:#777; background-color:rgba(255,255,255,0.95) }
.xans-element-.xans-product-optionpreview .prdOption .inner:before { font-size:12px; display:block; color:#333; font-weight:bold }
.xans-element-.xans-product-optionpreview .prdOption ul { max-height:210px; overflow:auto; margin-top:8px }
.xans-element-.xans-product-optionpreview .prdOption ul::-webkit-scrollbar { width:6px }
.xans-element-.xans-product-optionpreview .prdOption ul::-webkit-scrollbar-thumb { background-color:rgba(0,0,0,.25); border-radius:6px }
.xans-element-.xans-product-optionpreview .prdOption ul::-webkit-scrollbar-track { background-color:rgba(0,0,0,.07) }
.xans-element-.xans-product-optionpreview .prdOption ul li { padding:6px 3px !important; border-top:0; border-bottom:1px solid #e2e2e2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.xans-element-.xans-product-optionpreview .prdOption ul li:first-child { border-top:1px solid #e2e2e2 }
.xans-element-.xans-product-optionpreview .prdOption .close { display:none }
.xans-element-.xans-product-optionpreview .prdOption .ico { display:none }
/* 글로벌 언어별 */
html:lang(ko) .xans-element-.xans-product-optionpreview .prdOption .inner:before { content:"ì´ ìƒí’ˆì˜ 옵션" }
html:lang(en) .xans-element-.xans-product-optionpreview .prdOption .inner:before { content:"Product Option" }
html:lang(zh) .xans-element-.xans-product-optionpreview .prdOption .inner:before { content:"商å“选项" }
html:lang(ja) .xans-element-.xans-product-optionpreview .prdOption .inner:before { content:"商å“オプション" }
html:lang(zh-tw) .xans-element-.xans-product-optionpreview .prdOption .inner:before { content:"產å“é¸é …" }
html:lang(vi) .xans-element-.xans-product-optionpreview .prdOption .inner:before { content:"tùy chá»n sản phẩm" }
/*-----------------------------------------------------------------
/css/module/product/recentlist.css (2019-10-06)
-----------------------------------------------------------------*/
.xans-product-recentlist table td.image { text-align:center }
.xans-product-recentlist table td.image img { max-width:100px; max-height:120px; border:0 }
.xans-product-recentlist table td.product { font-size:0 }
.xans-product-recentlist table td.product a { font-size:12px; vertical-align:middle; display:block }
.xans-product-recentlist table td.product img { margin:6px 4px 0 0 }
.xans-product-recentlist table td.product img:last-child { display:none }
.xans-product-recentlist table td.option { font-size:0 }
.xans-product-recentlist table td.option select,
.xans-product-recentlist table td.option input { font-size:12px; margin:3px 0 }
.xans-product-recentlist table td.price { text-align:center }
.xans-product-recentlist table td.button [class^="btn"] { margin:2px 0 }
/* 비어있는 최근본ìƒí’ˆ */
.xans-product-recentlist .message { color:#999 }
.xans-product-recentlist .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; line-height:1 }
/*-----------------------------------------------------------------
/myshop/addr/list.html (2019-10-06)
-----------------------------------------------------------------*/
/* 비어있는 ë°°ì†¡ì£¼ì†Œë¡ */
.xans-myshop-addrlist .message { color:#999 }
.xans-myshop-addrlist .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; line-height:1 }
/*-----------------------------------------------------------------
/css/module/myshop/addrList_pop.css (2019-06-14)
-----------------------------------------------------------------*/
.xans-myshop-addrlist.ec-base-layer .ec-base-table.typeList > table { border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7 }
.xans-myshop-addrlist.ec-base-layer .head td { border-color:#e7e7e7 }
.xans-myshop-addrlist.ec-base-layer .ec-base-table.typeList .scroll { border-color:#e7e7e7 }
/*-----------------------------------------------------------------
/css/module/layout/multishopShipping.css (2019-06-24)
-----------------------------------------------------------------*/
html .worldshipLayer { border:0 }
html .worldshipLayer .content { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf }
html .worldshipLayer .ec-base-button { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf }
html .worldshipLayer .content .desc:before { display:block; margin:8px auto 20px; width:84px; height:84px; line-height:85px; border-radius:100%; text-align:center; border:6px solid #e7e7e7; font-size:43px; font-family:xeicon !important; content:"\eabc"; font-weight:normal; color:#aaa }
html .xans-layout-multishopshipping .worldshipLayer .content { padding:18px; background:none }
html .xans-layout-multishopshipping .worldshipLayer .content .desc { color:#666; margin:0 }
html .xans-layout-multishopshipping .worldshipLayer .select { margin:7px 0 0 }
html .xans-layout-multishopshipping .worldshipLayer .select select { height:32px }
html .worldshipLayer .ec-base-button .btnSubmitFix:before { font-size:15px; font-weight:normal; display:inline-block; margin-top:-2px; margin-right:4px; vertical-align:middle; content:"\e977"; font-family:xeicon !important }
/*-----------------------------------------------------------------
/css/module/layout/conversionpc.css (2019-06-24)
-----------------------------------------------------------------*/
html .xans-layout-conversionpc { padding:0; border-top:2px solid #ddd }
html .xans-layout-conversionpc a { border:2px solid #3f3f3f; border-radius:10px; margin:25px; padding:30px 20px; display:block; background-color:#3f3f3f; background-image:none }
html .xans-layout-conversionpc a { font-size:0; color:#fff }
html .xans-layout-conversionpc a:before { font-size:48px; font-weight:normal; margin-bottom:-3px; margin-right:12px; content:"\eadb"; display:inline-block; vertical-align:middle; font-family:xeicon !important }
html .xans-layout-conversionpc a:after { font-size:40px; display:inline-block; vertical-align:middle; line-height:1 }
html:lang(ko) .xans-layout-conversionpc a:after { content:"ëª¨ë°”ì¼ í™”ë©´ë³´ê¸°" }
html:lang(en) .xans-layout-conversionpc a:after { content:"Mobile Version" }
html:lang(zh) .xans-layout-conversionpc a:after { content:"æµè§ˆæ‰‹æœºåº—铺" }
html:lang(ja) .xans-layout-conversionpc a:after { content:"モãƒã‚¤ãƒ«ãƒšãƒ¼ã‚¸è¡¨ç¤º" }
html:lang(zh-tw) .xans-layout-conversionpc a:after { content:"轉到手機é é¢" }
/*-----------------------------------------------------------------
/css/module/product/search_FromPackage.css (2019-06-26)
-----------------------------------------------------------------*/
.xans-search-frompackage .total { color:#222 }
/*-----------------------------------------------------------------
/css/module/myshop/regularDeliveryPayInfo.css (2019-11-07)
-----------------------------------------------------------------*/
.regularDeliveryPayInfo .ec-base-box { border-radius:6px }
.regularDeliveryPayInfo .ec-base-box .information .title { background-position:100% 10px }
.xans-myshop-orderregularmanagelist table tr td.top { vertical-align:middle }
/* 비어있는 ì •ê¸°ë°°ì†¡ */
.xans-myshop-orderregularmanagelist .message { color:#999 }
.xans-myshop-orderregularmanagelist .message:before { display:block; margin-bottom:22px; font-size:43px; font-family:xeicon !important; content:"\e97a"; font-weight:normal; line-height:1 }
/*-----------------------------------------------------------------
/css/module/calender/* (2021-03-19)
-----------------------------------------------------------------*/
.xans-calendar-monthpackage,
.xans-calendar-weekpackage,
.xans-calendar-daypackage,
.xans-calendar-fieldpackage { padding-bottom:40px }
.xans-calendar > .ec-base-tab { padding-top:10px }
.xans-calendar > .ec-base-tab > .right { top:0; right:0 }
.xans-calendar-headmonth .date,
.xans-calendar-headweek .date,
.xans-calendar-headday .date,
.xans-calendar-headfield .date { color:#222 }
.xans-calendar-listmonth td.cal_day_select .day { color:#8f8f8f }
.xans-calendar-listmonth th,
.xans-calendar-listweekhead th,
.xans-calendar-listdayhead th,
.xans-calendar-listfield th { padding:14px 0; border-top:1px solid #888; color:#555 }
.xans-calendar-listmonth td,
.xans-calendar-listweek th, .xans-calendar-listweek td,
.xans-calendar-listday th, .xans-calendar-listday td,
.xans-calendar-listfield td { border:1px solid #e7e7e7 }
.xans-calendar-listmonth td.cal_day,
.xans-calendar-listweek th, .xans-calendar-listweek td,
.xans-calendar-listday th, .xans-calendar-listday td,
.xans-calendar-listfield td { background:#fff }
.xans-calendar-listmonth td div.today,
.xans-calendar-listweek .week_today, .xans-calendar-listweek .exist_data { background:#f5f5f5 }
.xans-calendar-listmonth td.cal_day_select .day { background:#f9f9f9 }
.xans-calendar-listmonth td div.today .day { color:#222 }
/*-----------------------------------------------------------------
df-custom.css (2019-06-25)
글작성,글ì½ê¸°,ê¸€ìˆ˜ì • 페ì´ì§€ ìˆ˜ì • 필요함
í›„ê¸°ê²Œì‹œíŒ ì¶”ê°€ ìž‘ì—… ê²€í†
-----------------------------------------------------------------*/
/* 글쓰기 ìƒí’ˆì •ë³´ì„ íƒ ì˜ì— */
.xans-board-write .ec-base-box.typeProduct { border-radius:3px }
.xans-board-write .ec-base-box.typeProduct .information { padding:0 16px 0 2px }
.xans-board-write .ec-base-box.typeProduct .information h3 { margin:1px 0 7px; font-size:13px }
.xans-board-write .ec-base-box.typeProduct .information #sPrdCommonImg { display:none /* ìƒí’ˆì•„ì´ì½˜ ì œê±°*/ }
.xans-board-write .ec-base-box.typeProduct .information p.price { font-size:12px; color:#444 }
.xans-board-write .ec-base-box.typeProduct .information .button { margin:9px 0 0 0; padding:12px 0 0 0; font-size:0 }
.xans-board-write .ec-base-box.typeProduct .information .button span { margin-right:5px }
.xans-board-write .ec-base-box.typeProduct .thumbnail { width:94px; padding:0 16px }
.xans-board-write .ec-base-box.typeProduct .thumbnail img { max-width:94px }
.xans-board-write .ec-base-box.typeProduct .information .button a#aPrdLink:before { font-size:15px; margin-right:3px; font-weight:normal; display:inline-block; vertical-align:middle; content:"\e980"; font-family:xeicon !important }
.xans-board-write .ec-base-box.typeProduct .information .button a[onclick*="/product/search_board_list.html"]:before { font-size:15px; margin-right:2px; font-weight:normal; display:inline-block; vertical-align:middle; content:"\e97a"; font-family:xeicon !important }
.xans-board-write .ec-base-box.typeProduct .information .button a[onclick*="/order/search_board_list.html"]:before { font-size:14px; margin-top:-2px; margin-right:1px; font-weight:normal; display:inline-block; vertical-align:middle; content:"\eaee"; font-family:xeicon !important }
/* ê¸€ìˆ˜ì • ìƒí’ˆì •ë³´ì„ íƒ ì˜ì— */
.xans-board-modify .ec-base-box.typeProduct { border-radius:3px }
.xans-board-modify .ec-base-box.typeProduct .information { padding:0 16px 0 2px }
.xans-board-modify .ec-base-box.typeProduct .information h3 { margin:1px 0 7px; font-size:13px }
.xans-board-modify .ec-base-box.typeProduct .information #sPrdCommonImg { display:none /* ìƒí’ˆì•„ì´ì½˜ ì œê±°*/ }
.xans-board-modify .ec-base-box.typeProduct .information p.price { font-size:12px; color:#444 }
.xans-board-modify .ec-base-box.typeProduct .information .button { margin:9px 0 0 0; padding:12px 0 0 0; font-size:0 }
.xans-board-modify .ec-base-box.typeProduct .information .button span { margin-right:5px }
.xans-board-modify .ec-base-box.typeProduct .thumbnail { width:94px; padding:0 16px }
.xans-board-modify .ec-base-box.typeProduct .thumbnail img { max-width:94px }
.xans-board-modify .ec-base-box.typeProduct .information .button a#aPrdLink:before { font-size:15px; margin-right:3px; font-weight:normal; display:inline-block; vertical-align:middle; content:"\e980"; font-family:xeicon !important }
.xans-board-modify .ec-base-box.typeProduct .information .button a[onclick*="/product/search_board_list.html"]:before { font-size:15px; margin-right:2px; font-weight:normal; display:inline-block; vertical-align:middle; content:"\e97a"; font-family:xeicon !important }
.xans-board-modify .ec-base-box.typeProduct .information .button a[onclick*="/order/search_board_list.html"]:before { font-size:14px; margin-top:-2px; margin-right:1px; font-weight:normal; display:inline-block; vertical-align:middle; content:"\eaee"; font-family:xeicon !important }
/* 글ì½ê¸° ìƒí’ˆì •ë³´ì„ íƒ ì˜ì— */
.xans-board-product.ec-base-box.typeProduct { border-radius:3px }
.xans-board-product.ec-base-box.typeProduct .information { padding:0 16px 0 2px }
.xans-board-product.ec-base-box.typeProduct .information h3 { margin:1px 0 7px; font-size:13px }
.xans-board-product.ec-base-box.typeProduct .information > img { display:none /* ìƒí’ˆì•„ì´ì½˜ ì œê±°*/ }
.xans-board-product.ec-base-box.typeProduct .information p.price { font-size:12px; color:#444 }
.xans-board-product.ec-base-box.typeProduct .information .button { margin:9px 0 0 0; padding:12px 0 0 0; font-size:0 }
.xans-board-product.ec-base-box.typeProduct .information .button span { margin-right:5px }
.xans-board-product.ec-base-box.typeProduct .thumbnail { width:94px; padding:0 16px }
.xans-board-product.ec-base-box.typeProduct .thumbnail img { max-width:94px }
.xans-board-product.ec-base-box.typeProduct .information .button a.btnEm:before { font-size:15px; margin-right:3px; font-weight:normal; display:inline-block; vertical-align:middle; content:"\e980"; font-family:xeicon !important }
.xans-board-product.ec-base-box.typeProduct .information .button a[onclick*="/product/search_board_list.html"]:before { font-size:15px; margin-right:2px; font-weight:normal; display:inline-block; vertical-align:middle; content:"\e97a"; font-family:xeicon !important }
.xans-board-product.ec-base-box.typeProduct .information .button a[onclick*="/order/search_board_list.html"]:before { font-size:14px; margin-top:-2px; margin-right:1px; font-weight:normal; display:inline-block; vertical-align:middle; content:"\eaee"; font-family:xeicon !important }
/**
======================================================================================================
ì´ ì‡¼í•‘ëª°ì€ ë””ìžì¸í”Œë¡œì–´ 서비스를 ì´ìš©í•˜ê³ 있습니다.
[ëŒ€í‘œì „í™”] 1544-4941
[홈페ì´ì§€] www.dfloor.co.kr
[특허ì²ì¶œì›ë²ˆí˜¸] 4120150030498
ë””ìžì¸ì˜ ëª¨ë“ ì €ìž‘ê¶Œì€ ë””ìžì¸í”Œë¡œì–´ì— 있으며, 1Copy ë¼ì´ì„ 스로 최초 ì ìš©ëœ ì‡¼í•‘ëª°ì—서만 사용권ì„
부여합니다. ë””ìžì¸í”Œë¡œì–´ 콘í…ì¸ ì˜ ëª¨ë“ ë¼ì´ì„ 스는 ì•„ëž˜ì˜ '법ì ê³ ì§€'를 따릅니다.
======================================================================================================
※디ìžì¸í”Œë¡œì–´ ë¼ì´ì„ 스 법ì ê³ ì§€â€»
-본 사ì´íŠ¸ì— 존재하는 ëª¨ë“ ê¸°ìˆ ì ì†ŒìŠ¤ì½”ë“œì˜ ì €ìž‘ê¶Œì€ ì˜¤ì§ ë””ìžì¸í”Œë¡œì–´ì— 있습니다.
-본 사ì´íŠ¸ì— 존재하는 ê¸°ìˆ ì 소스코드를 ì‚¬ìš©í• ê²½ìš°ì™€ ì´ë¥¼ 변형하여 활용하는 경우
ì €ìž‘ê¶Œë²•ì— ì˜ê±° 법ì ê³ ì§€ë¥¼ 위반하는 것으로 íŒë‹¨í•˜ë©° ì¦‰ê° ë¯¼í˜•ì‚¬ìƒì˜ 조치를 취합니다.
-ë””ìžì¸í”Œë¡œì–´ëŠ” ë””ìžì¸ì˜ 개발·ìƒì‚° ë° ì½˜í…ì¸ ì˜ ë³´í˜¸ë¥¼ 가장 ìš°ì„ ìœ¼ë¡œ 하므로 진행ë˜ëŠ”
ë¯¼í˜•ì‚¬ì†Œì†¡ê±´ì— ëŒ€í•œ í•©ì˜ëŠ” 진행하지 않는 ì ì„ ê³ ì§€í•©ë‹ˆë‹¤.
-ë””ìžì¸í”Œë¡œì–´ëŠ” 민가율 í•©ë™ ë²•ë¥ ì‚¬ë¬´ì†Œ 'ê¹€ì„호 변호사'와 함께 지ì ìž¬ì‚°ê¶Œì„ ìˆ˜í˜¸í•˜ë©°
ìžë¬¸ì„ ë°›ê³ ìžˆìŠµë‹ˆë‹¤.
======================================================================================================
â€»ìˆ˜ì •ì— ê´€í•œ 안내문※
-본 ë‚´ìš©ì€ ì‡¼í•‘ëª° ì „ì²´íŽ˜ì´ì§€ì— ì˜í–¥ì„ 주며 ìˆ˜ì •Â·ì‚ì œë¥¼ ì ˆëŒ€ 금지합니다.
-본 íŒŒì¼ ìˆ˜ì •ì‹œ ë””ìžì¸í”Œë¡œì–´ì˜ ìœ ì§€ë³´ìˆ˜ ë° ê·¸ì™¸ ë°œìƒí•˜ëŠ” ëª¨ë“ ë¬¸ì œì— ëŒ€í•œ ë³µêµ¬ìž‘ì—…ì´ ë¶ˆê°€í•©ë‹ˆë‹¤.
-별ë„ì˜ css ìˆ˜ì •ì´ í•„ìš”í•œ 경우 /dfloor/custom.css 파ì¼ì—서만 ìˆ˜ì •ì„ í—ˆìš©í•©ë‹ˆë‹¤.
======================================================================================================
**/
/*-----------------------------------------------------------------
ë””ìžì¸ ê°œë³„ì„¤ì •
-----------------------------------------------------------------*/
/* 픽스배너 SNSì œê±° */
.df-fixbanner .df-snsicon { display:none !important }
/* ì¸ìŠ¤íƒ€ê·¸ëž¨ ìœ„ì ¯ ìŠ¤íƒ€ì¼ */
.app-instagram.on { border-top:1px solid #e8e8e8; background:#f8f8f8 }
/* ì¸ìŠ¤íƒ€ê·¸ëž¨ ìœ„ì ¯ ë„“ì´ */
.app-instagram.on #instagramWidgetManual { max-width:1140px }
/* ë©”ì¸ìƒí’ˆ 분류별 배너와ì´ë“œí˜• */
.df-wrap-main .df-divbanner-item > li { width:5120px; position:relative; left:50%; margin-left:-2560px; display:block; text-align:center }
/* ìƒí’ˆ 슬ë¼ì´ë“œ 네비게ì´ì…˜ í¬ì§€ì…˜ */
.df-prl-wrap .swiper-button-prev,
.df-prl-wrap .swiper-container-rtl .swiper-button-next { left:-60px }
.df-prl-wrap .swiper-button-next,
.df-prl-wrap .swiper-container-rtl .swiper-button-prev { right:-60px }
@media(max-width: 1520px){
.df-prl-wrap .swiper-button-prev,
.df-prl-wrap .swiper-container-rtl .swiper-button-next { left:10px }
.df-prl-wrap .swiper-button-next,
.df-prl-wrap .swiper-container-rtl .swiper-button-prev { right:10px }
}
/*-----------------------------------------------------------------
ë ˆì´ì•„웃
-----------------------------------------------------------------*/
body { min-width:1260px }
#wrap { position:relative; overflow:hidden }
#wrap #header { }
#wrap #container { position:relative }
#wrap:not(.df-wrap-main) #container #contents { width:1260px; margin:0 auto; min-height:600px }
.df-content-wrap { width:1100px; margin-left:auto; margin-right:auto }
/*-----------------------------------------------------------------
í—¤ë” ì˜ì—
-----------------------------------------------------------------*/
#header { position:relative; z-index:98; background:rgba(255,255,255,0.07); transition:background 0.2s 0.0s ease-in-out }
#header:hover { background:rgba(255,255,255,0.8) }
#header .bar { position:relative; width:100%; z-index:98; border-bottom:1px solid #e8e8e8; border-bottom-color:rgba(0,0,0,.09) }
#header .bar.fixed { position:fixed; top:0; left:0; background:rgba(255,255,255,.95) }
#header .bar .inner { padding:0 10px; height:42px; position:relative }
#header .bar .inner:after { display:block; clear:both; content:"" }
/* GNB */
.df-gnb-items { float:left; white-space:nowrap }
.df-gnb-items:after { display:block; clear:both; content:"" }
.df-gnb-item { float:left; position:relative; margin-left:14px }
.df-gnb-link { display:inline-block; line-height:42px; letter-spacing:-.15px; color:#222 }
.df-gnb-link:hover { color:#888 }
.df-gnb-item_mnb,
.df-gnb-item_bnb { font-weight:bold; margin-left:17px }
.df-gnb-item_mnb:before,
.df-gnb-item_bnb:before { position:absolute; top:50%; left:-9px; margin-top:-5px; height:10px; width:1px; background:rgba(0,0,0,.16); content:"" }
.df-gnb-item_mnb:hover .df-mnb-items,
.df-gnb-item_bnb:hover .df-bnb-items { display:block }
.df-mnb-items,
.df-bnb-items { display:none; position:absolute; padding-top:6px; padding-bottom:6px; min-width:110px; top:auto; left:50%; margin-left:-60px; margin-top:-4px; border:1px solid #ddd; background:#fff; z-index:90; font-weight:normal }
.df-mnb-link,
.df-bnb-link { display:block; padding-left:12px; padding-right:12px; line-height:28px }
.df-mnb-link:hover,
.df-bnb-link:hover { background:#f2f2f2; color:#000 }
.df-gnb-backet_count { box-sizing:border-box; display:inline-block; text-align:center; min-width:18px; height:18px; line-height:17px; margin-top:-2px; margin-left:2px; padding:1px 5px; background:rgba(0,0,0,.16); border-radius:9px; font-size:11px; letter-spacing:.5px; color:#fff; vertical-align:middle }
/* GNB - 홈 ì•„ì´ì½˜ */
.df-gnb-item_home { position:absolute; overflow:hidden; width:52px; margin-left:0; height:0; text-align:center; background-color:rgba(55,55,55,0.9); transition:height 0.3s 0.3s ease }
.fixed .df-gnb-item_home { height:100%; transition:height 0.3s 0.6s ease, background 0.15s 0.0s ease-in-out }
.fixed .df-gnb-item_home:hover { background:rgba(55,55,55,1) }
.fixed .df-gnb-item_log { margin-left:74px; transition:margin-left 0.3s 0.3s ease }
.df-gnb-item_home .df-gnb-link { display:flex; justify-content:center; align-items:center; height:42px }
.df-gnb-item_home svg { width:16px; fill:#fff }
.df-gnb-item_log { margin-left:0; transition:margin-left 0.3s 0.6s ease }
.df-bnb_sp-items { float:left; text-align:center; white-space:nowrap }
.df-bnb_sp-item { display:none; float:left; position:relative; margin-left:18px }
.df-bnb_sp-item:before { position:absolute; top:50%; left:-10px; margin-top:-5px; height:10px; width:1px; background:rgba(0,0,0,.16); content:"" }
.df-bnb_sp-item.product { display:inline-block }
.df-bnb_sp-link { display:inline-block; line-height:42px; letter-spacing:-.15px; color:#323232 }
.df-bnb_sp-link:hover { color:#aaa }
/* MSG BOX(+keyframes) */
.fixed .df-use-msgbox { opacity:0; visibility:hidden }
.df-use-msgbox { position:absolute; z-index:90; top:auto; left:50%; margin-top:-8px; padding:5px 7px; border-radius:6px; background:#3f3f3f; font-size:11px; line-height:1; color:#fff; letter-spacing:0; white-space:nowrap;
transition:all 0.7s 0.5s ease;
transform:translateX(-50%);
animation:df-use-msgbox 0.9s linear infinite;
}
.df-use-msgbox:before { position:absolute; top:-6px; left:50%; margin-left:-6px; content:"\e92f"; color:#3f3f3f; font-size:12px; font-family:xeicon !important }
@keyframes df-use-msgbox {
50% { margin-top:-4px }
}
/* ì´ì „ sns ë° util 메뉴 */
#header .bar .right { float:right }
.df-searchbox { float:left; position:relative; margin-top:7px; padding-bottom: 7px }
#header .bar .right .quick-ico { padding-bottom:7px; margin-top:7px; float:left; margin-left:5px }
#header .bar .right .quick-ico > a { height:28px; width:28px; display:inline-block; text-align:center; background:#d6d6d6; background:rgba(0,0,0,.16); border-radius:3px;
transition:all 0.2s 0.0s ease;
}
#header .bar .right .quick-ico > a:hover { background:#555 }
#header .bar .right .quick-ico > a > i { font-size:15px; line-height:28px; color:#fff }
/* ajax page 공통 */
#header .bar .right .ajax-area { display:none; position:absolute; top:42px; right:0; width:300px; margin-left:-247px; padding:10px 10px 5px 10px; border:1px solid #ddd; border-radius:2px; background-color:rgba(255,255,255,0.98); z-index:95 }
#header .bar .right > span.on .ajax-area { display:block }
#header .bar .right .ajax-area h3 { text-align:left }
#header .bar .right .ajax-area h3 a { position:relative; margin-left:8px; font-size:12px; font-weight:bold; color:#333; letter-spacing:.5px }
#header .bar .right .ajax-area h3 a:before { display:inline-block; position:absolute; top:2px; left:-8px; content:''; width:4px; height:12px; border-radius:2px; background:#555 }
#header .bar .right .ajax-area h3 a:hover { color:#999 }
#header .bar .right .ajax-area .list { margin-top:10px }
#header .bar .right .ajax-area .list > li { display:none; text-align:left; padding:7px 0; border-top:1px solid #eee }
#header .bar .right .ajax-area .list > li:after { display:block; content:""; clear:both }
#header .bar .right .ajax-area .list > li > a { display:inline-block; width:100%; height:100%; color:#222 }
#header .bar .right .ajax-area .list > li > a:hover { color:#777 }
#header .bar .right .ajax-area .list > li > a > span img { float:left; max-width:54px; max-height:72px }
#header .bar .right .ajax-area .list > li > a > ul { float:left; width:220px }
#header .bar .right .ajax-area .list > li > a > ul li { display:block; overflow:hidden; padding:2px 0 1px 8px; font-size:11px; line-height:13px; white-space:normal }
#header .bar .right .ajax-area .list > li > a > ul li .icon_img { margin-top:2px }
#header .bar .right .ajax-area .list > li > a > ul li:first-child { padding:0 0 1px 8px; line-height:17px }
#header .bar .right .ajax-area .btn-area { position:absolute; top:8px; right:8px; display:inline-block }
#header .bar .right .ajax-area .btn-area li { float:left; width:14px; height:18px }
#header .bar .right .ajax-area .btn-area a { display:block; width:100%; height:100%; font-size:18px; color:#999; text-align:center }
#header .bar .right .ajax-area .btn-area a:hover { color:#111 }
#header .bar .right .ajax-area .btn-area a i { font-size:16px }
#header .bar .right .ajax-area .empty { margin-top:10px; padding:40px 0; text-align:center; border-top:1px solid #eee }
#header .bar .right .ajax-area .list ~ .empty { display:none }
#header .spot { }
#header .spot .inner { position:relative; padding:25px 0; text-align:center; font-size:0; display:table }
/* logo */
.df-logo { display:inline-block }
.df-logo-link { position:relative; display:inline-block; font-size:0 }
.df-logo-item { transition:opacity 0.15s }
.df-logo-item:nth-child(n+3) { display:none }
.df-logo-item:nth-child(1) { opacity:1 }
.df-logo-item:nth-child(2) { position:absolute; top:0; left:0; opacity:0 }
.df-logo-effect .df-logo-link:hover .df-logo-item:nth-child(1) { opacity:0 }
.df-logo-effect .df-logo-link:hover .df-logo-item:nth-child(2) { opacity:1 }
#header .df-snsicon { position:absolute; bottom:10px; left:0; display:inline-block }
#header .df-snsicon-item { float:left; margin-right:5px }
/* 멀티쇼핑몰 ì„ íƒ ë°•ìŠ¤íƒ€ìž… */
.df-global { height:42px; margin-left:7px }
.df-glob-toggle { border-left:1px solid rgba(0,0,0,.09); border-right:1px solid rgba(0,0,0,.09) }
/*-----------------------------------------------------------------
ìƒí’ˆë¶„류(ì¹´í…Œê³ ë¦¬) ì˜ì—
-----------------------------------------------------------------*/
/* ì „ì²´ë©”ë‰´ 보기 */
.df-allmenu-btn { border-left:1px solid rgba(0,0,0,.09); border-right:1px solid rgba(0,0,0,.09) }
/* ìƒí’ˆë¶„류 기본 */
.df-lnb { width:100%; text-align:center; border-top:1px solid rgba(0,0,0,.70); border-bottom:1px solid rgba(0,0,0,.09) }
.df-lnb.fixed { position:fixed; z-index:97; top:44px; left:0; margin-left:auto; margin-right:auto; min-width:1280px; width:100%; text-align:center; border-top-color:rgba(0,0,0,0); margin-top:-1px; background:rgba(255,255,255,.95) }
.df-cnb-item.df-cnb-item_active:after { position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#777; content:"" }
/*-----------------------------------------------------------------
DF FOOTER
-----------------------------------------------------------------*/
.df-footer { margin-top:50px; border-top:1px solid #e7e7e7 }
.df-ft-inner { box-sizing:border-box }
.df-ft-inner:after { display:block; content:""; clear:both }
.df-ft-top { padding-top:11px; padding-bottom:11px; border-bottom:1px solid #e7e7e7 }
.df-ft-top { color:#333 }
.df-ft-middle { color:#777 }
.df-ft-bottom { color:#777 }
/* 회사약관 */
.df-legal-items { overflow:hidden; float:left }
.df-legal-item { float:left; line-height:28px; color:inherit }
.df-legal-item:hover { color:#888 }
.df-legal-item:before { content:""; width:1px; height:11px; vertical-align:-2px; margin-left:13px; margin-right:13px; background:#ddd; display:inline-block }
.df-legal-item:first-child:before { display:none }
.df-legal-item_privacy { font-weight:bold }
/* SNSì•„ì´ì½˜ */
.df-footer .df-snsicon { overflow:hidden; float:right }
.df-footer .df-snsicon-item { float:left; margin-left:5px }
/* 미들ì˜ì— */
.df-footer .df-ft-middle { padding-top:45px; padding-bottom:45px; border-bottom:1px solid #e7e7e7 }
.df-footer .df-ft-middle .df-ft-inner { display:table }
.df-ft-middle-item { box-sizing:border-box; display:table-cell; border-left:1px solid #e7e7e7; line-height:1.75; padding-left:40px; padding-right:40px }
.df-ft-middle-item:first-child { border-left:0; padding-left:0 }
.df-ft-middle-item:last-child { padding-right:0 }
.df-ft-middle-item h3 { font-size:12px; margin-bottom:17px; color:#333 }
.df-ft-middle-item_customer { width:27% }
.df-ft-middle-item_payment { width:20% }
.df-ft-middle-item_favorite { width:20% }
.df-ft-middle-item_return { width:33%; min-width:410px }
.df-ft-tel { font-size:30px; line-height:1; font-weight:bold; margin-bottom:15px; color:#333; white-space:nowrap }
.df-ft-tel:before { margin-left:-4px; margin-right:3px; content:"\ea57"; font-size:22px; font-weight:normal; font-family:xeicon !important }
.df-bank-link { margin-top:16px; width:100% }
/* ì¦ê²¨ì°¾ëŠ” 메뉴 */
.df-ft-fav-item { display:block; color:inherit }
.df-ft-fav-item:hover { color:#333 }
.df-ft-fav-item_log { display:inline-block }
.df-ft-fav-item_ico:before { display:inline-block; content:"/"; margin-left:1px; margin-right:5px }
/* 퀵아ì´ì½˜ */
.df-ft-quick-items { margin-top:15px }
.df-ft-quick-item { float:left; margin-left:9px; box-sizing:border-box; display:block; border:1px solid #dfdfdf; width:56px; height:56px; border-radius:50%; text-align:center; color:#ccc }
.df-ft-quick-item:first-child { margin-left:0 }
.df-ft-quick-item > span { display:none; font-weight:bold; line-height:1.2; letter-spacing:-.5px }
.df-ft-quick-item:before { display:flex; justify-content:center; align-items:center; font-family:xeicon !important; font-size:30px; margin-left:1px; height:100% }
.df-ft-quick-item:hover { border-color:#dfdfdf; background:#dfdfdf; color:#fff }
.df-ft-quick-item:hover:before { display:none }
.df-ft-quick-item:hover span { display:flex; justify-content:center; align-items:center; height:100% }
/* ê³µì§€ì‚¬í• */
.df-ft-quick-item_notice { }
.df-ft-quick-item_notice:before { content:"\ea57" }
/* ìƒí’ˆë¬¸ì˜ */
.df-ft-quick-item_qna { }
.df-ft-quick-item_qna:before { content:"\e9f0" }
/* ìƒí’ˆí›„기 */
.df-ft-quick-item_review { }
.df-ft-quick-item_review:before { content:"\ea4b" }
/* 장바구니 */
.df-ft-quick-item_cart { }
.df-ft-quick-item_cart:before { content:"\eb6f" }
/* 주문조회 */
.df-ft-quick-item_order { display:none }
.df-ft-quick-item_order:before { content:"\e993" }
/* 관심ìƒí’ˆ */
.df-ft-quick-item_wish { display:none }
.df-ft-quick-item_wish:before { content:"\ea10" }
/* 마ì´ì‡¼í•‘ */
.df-ft-quick-item_mypage { }
.df-ft-quick-item_mypage:before { content:"\e9f3" }
/* ì´ë©”ì¼ */
.df-ft-quick-item_email { display:none }
.df-ft-quick-item_email:before { content:"\ea06" }
/* ì •í’ˆì¸ì¦ */
.df-ft-quick-item_cert { display:none }
.df-ft-quick-item_cert:before { content:"\e9ff" }
/* ë¶ë§ˆí¬ */
.df-ft-quick-item_bookmark { display:none }
.df-ft-quick-item_bookmark:before { content:"\e9b4" }
/* 바로가기 */
.df-ft-quick-item_shortcut { display:none }
.df-ft-quick-item_shortcut:before { content:"\eadb" }
/* 바텀ì˜ì— */
.df-footer .df-ft-bottom { padding-top:35px; padding-bottom:45px; background-color:#fafafa }
/* íšŒì‚¬ì •ë³´ */
.df-corp-items { overflow:hidden; float:left; width:calc(100% - 350px); max-width:700px; letter-spacing:-.25px }
.df-corp-item > a { color:#555 }
.df-corp-item { display:inline-block; line-height:1.5; margin-top:3px; margin-bottom:3px; margin-right:14px }
.df-corp-item_copy { clear:both; display:block; margin-top:17px; letter-spacing:0 }
.df-corp-item_copy > strong { color:#333 }
.df-copyright { font-size:10px; margin-left:5px }
.df-copyright_design:before { content:"|"; margin-right:5px }
.df-copyright_blacklabel { margin-left:4px; background:#5f5f5f; font-size:10px; color:#fff; font-style:normal; padding:1px 3px 1px 4px; border-radius:2px; letter-spacing:-.25px }
.df-copyright > a { color:inherit }
.df-copyright > a:hover { color:#333 }
/* ì‚¬ì—…ìž ì •ë³´í™•ì¸ */
.df-corp-item-bizno > a { font-size:0 }
.df-corp-item-bizno > a:after { font-size:11px; content:""; background:#c7c7c7; padding:2px 4px; border-radius:2px; color:#fff; cursor:pointer }
.df-corp-item-bizno > a:hover:after { background:#aaa }
html:lang(ko) .df-corp-item-bizno > a:after { content:"사업ìží™•ì¸" }
html:lang(en) .df-corp-item-bizno > a:after { content:"License Info" }
html:lang(zh) .df-corp-item-bizno > a:after { content:"ä¿¡æ¯éªŒè¯" }
html:lang(ja) .df-corp-item-bizno > a:after { content:"æƒ…å ±ç¢ºèª" }
html:lang(zh-tw) .df-corp-item-bizno > a:after { content:"登記資料" }
html:lang(vi) .df-corp-item-bizno > a:after { content:"Giấy phép" }
.df-ft-bottom-right { float:right; width:350px; text-align:right }
/* ì„œí¬íŠ¸ */
.df-ftspt { margin-top:17px; font-size:0 }
.df-ftspt-item { display:inline-block; height:22px; background-repeat:no-repeat; margin:0 0 8px 15px; letter-spacing:0; filter:gray; -webkit-filter:grayscale(100%); opacity:0.7 }
.df-ftspt-item:first-child { margin-left:0 }
.df-ftspt-item:hover { filter:none; -webkit-filter:none; opacity:1 }
.df-ftspt-item-privacy { width:92px; background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/support_privacy_glob.png") }
.df-ftspt-item-ftc { width:91px; background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/support_ftc_glob.png") }
.df-ftspt-item-ssl { width:86px; cursor:default; background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/support_ssl_glob.png") }
html:lang(ko) .df-ftspt-item-privacy { width:93px; background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/support_privacy.png") }
html:lang(ko) .df-ftspt-item-ftc { width:91px; background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/support_ftc.png") }
html:lang(ko) .df-ftspt-item-ssl { width:78px; cursor:default; background-image:url("//ecimg.cafe24img.com/pg203b95727382075/shipang/web/upload/dfloor_base/web/img/support_ssl.png") }
/*-----------------------------------------------------------------
배너 ì˜ì—
-----------------------------------------------------------------*/
/* ë©”ì¸ ìŠ¬ë¼ì´ë“œ 배너(와ì´ë“œ) */
.df-mainslide_wide { display:inline-block; width:100% }
.df-mainslide_wide img { margin-left:50%; max-width:none; -webkit-transform: translate(-50%,0); transform: translate(-50%,0) }
.df-mainslide_wide .swiper-slide { width:100% !important; overflow:hidden }
.df-mainslide_wide .swiper-navigation { position:absolute; left:50%; top:50%; transform:translate(-50%,0); z-index:20 }
.df-mainslide_wide .swiper-navigation { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,0) }
.df-mainslide_wide .swiper-button-prev,
.df-mainslide_wide .swiper-button-next { transition:left .22s, right .22s, opacity .22s, visibility .22s, background .22s }
/* 2020-11-26 í—¤ë” ìŠ¬ë¼ì´ë“œ 배너 */
.ad-top-slider { position:absolute; right:0; bottom:0; width:250px; height:150px; overflow:hidden }
.ad-top-slider .swiper-pagination { text-align:right }
/* ë©”ì¸ 4단 배너(iframeì œì™¸ df-grid내장,최근게시물로 ì¸í•œ ì´ë¯¸ì§€ 높ì´ì§€ì •) + 최근게시물 */
.sec-banner1 { margin-top:45px; position:relative }
.sec-banner1 img { height:165px }
.sec-banner1 .latest { position:absolute; right:0; top:0; width:306px; height:165px; background:#fff }
.sec-banner1 .latest .notice { position:relative; height:100%; padding-top:25px; box-sizing: border-box }
.sec-banner1 .latest h3 { position:absolute; top:0; left:0; width:100% }
.sec-banner1 .latest h3 > a { display:block; height:25px }
.sec-banner1 .latest h3 > a:hover .title { color:#888 }
.sec-banner1 .latest h3 > a:hover .more { background:#eee }
.sec-banner1 .latest h3 .title { display:inline-block; position:relative; margin-left:1px; line-height:15px; font-size:12px; font-weight:bold; letter-spacing:1px }
.sec-banner1 .latest h3 .more { display:block; position:relative; float:right; width:15px; height:15px }
.sec-banner1 .latest h3 .more:before,
.sec-banner1 .latest h3 .more:after { display:block; position:absolute; content:''; background:#555 }
.sec-banner1 .latest h3 .more:before { width:9px; height:1px; left:3px; top:7px }
.sec-banner1 .latest h3 .more:after { width:1px; height:9px; left:7px; top:3px }
.sec-banner1 .latest .content { position:relative; padding:10px; height:100%; overflow:hidden; border:1px solid #e8e8e8; box-sizing: border-box }
.sec-banner1 .latest .content li { padding:4px 5px; line-height:16px }
.sec-banner1 .latest .content a { display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px; color:#555 }
.sec-banner1 .latest .content a:hover { color:#888 }
.sec-banner1 .latest .content .xans-board-notice a { color:#444; font-weight:bold }
.sec-banner1 .latest .content .xans-board-notice a:hover { color:#888 }
.sec-banner1 .latest .content .showarea { height:100%; overflow:hidden }
/* ë©”ì¸ ê·¸ë£¹ 슬ë¼ì´ë“œ 배너(iframe대ì‘) */
.sec-banner2 { height:600px; margin-top:45px }
.sec-banner2:after { display:block; clear:both; content:"" }
.sec-banner2 .left { float:left; width:600px; height:600px; overflow:hidden }
/* ë©”ì¸ ê·¸ë£¹ 사ì´ë“œ 배너(iframe대ì‘) */
.sec-banner2 .right { float:right; width:640px; height:600px; overflow:hidden }
.sec-banner2 .right ul li { float:left; height:290px }
.sec-banner2 .right ul li:nth-child(n+4) { display:none }
.sec-banner2 .right ul li:nth-child(1) { width:310px }
.sec-banner2 .right ul li:nth-child(2) { margin-left:20px; width:310px }
.sec-banner2 .right ul li:nth-child(3) { margin-top:20px }
.sec-banner2 .right ul li:nth-child(1) img,
.sec-banner2 .right ul li:nth-child(2) img { width:100%; height:100% }
.sec-banner2 .right ul li:nth-child(3) img { width:100%; height:100% }
.sec-banner2 .right ul li .df-iframe { height:100% }
.sec-banner2 .right ul li .df-iframe iframe { width:100%; height:100% }
/* ë©”ì¸ ë©€í‹° 슬ë¼ì´ë“œ 배너 */
.df-multislide { margin-top:70px; padding-bottom:35px }
.df-multislide .tit-product-main { margin-bottom:30px }
.df-multislide li img { width:100%; height:auto }
.df-multislide li .df-iframe { position:relative; width:100%; padding-bottom:56.25%; text-align:initial }
.df-multislide li .df-iframe iframe { position:absolute; width:100%; height:100% }
.df-multislide .df-slider:not(.df-slider_stop) { margin-bottom:40px }
.df-multislide .df-slider:not(.df-slider_stop) .swiper-pagination { bottom:-20px }
/* ë©”ì¸ ë¶„ë¥˜ë³„ 배너(iframeì œì™¸) */
.df-divbanner { display:none }
.df-divbanner-type_before { margin-top:50px }
.df-divbanner-type_before + .df-divbanner-type_before { margin-top:0 }
.xans-product-listmain .df-divbanner-type_middle { margin-bottom:50px }
.df-divbanner-type_after { }
.df-divbanner-item { margin-left:auto; margin-right:auto }
.df-divbanner-item > li { display:block; text-align:center }
.df-divbanner-item > li > a > img { max-width:100% }
/* ë©”ì¸ ë™ì˜ìƒ 배너(iframe대ì‘) */
.sec-vbanner { margin-top:100px; padding-bottom:20px; height:530px; position:relative; overflow:hidden }
.sec-vbanner > ul > li > a > img { width:100%; height:530px }
.sec-vbanner > ul > li:nth-child(n+3) { display:none }
.sec-vbanner iframe { position:absolute; top:53px; left:53px; width:764px; height:424px }
/* 하단 공통 배너(iframeëŒ€ì‘ df-grid내장) */
.df-foot-banner { margin-top:20px; margin-bottom:20px }
/*-----------------------------------------------------------------
미디어 쿼리
-----------------------------------------------------------------*/
@media all and (max-width:1320px) {
/*-----------------------------------------------------------------
ë””ìžì¸ ê°œë³„ì„¤ì •
-----------------------------------------------------------------*/
/* ì¸ìŠ¤íƒ€ê·¸ëž¨ ìœ„ì ¯ ë„“ì´ */
.app-instagram.on #instagramWidgetManual { max-width:1100px }
/* 브랜드리스트 */
#brandlist .wordlist > li { width:16.666% !important }
/* 미디어쿼리(ìƒí’ˆëª©ë¡ 서브메뉴) */
.df-sub-menu.type-box ul.depth1 > li > a { height:34px; line-height:34px }
.df-sub-menu.type-box .depth2 { top:34px }
.df-sub-menu a span.count { font-size:10px !important }
.df-sub-menu ul.depth1 > li > a,
.df-sub-menu .depth2 ul > li > a,
.df-sub-menu .depth3 ul li a { font-size:11px !important }
/*-----------------------------------------------------------------
ë ˆì´ì•„웃
-----------------------------------------------------------------*/
body { min-width:1120px }
#wrap { position:relative }
#wrap #header { }
#wrap #container { position:relative }
#wrap:not(.df-wrap-main) #container #contents { width:1100px }
.df-content-wrap { width:1100px }
/* footer */
.df-ft-middle-item { padding-left:30px; padding-right:30px }
/*-----------------------------------------------------------------
ì˜ì—별
-----------------------------------------------------------------*/
/* ì¹´í…Œê³ ë¦¬ */
.df-lnb.fixed { min-width:1120px }
.df-lnb_horizontal .df-cnb-item-link { padding-left:2px; padding-right:2px }
/* ì¹´í…Œê³ ë¦¬ í°íŠ¸-html 추가로 css ìš°ì„ ìˆœìœ„ 확보 */
html .df-cnb-item-link { font-size:12px; letter-spacing:-.25px }
/*-----------------------------------------------------------------
배너 ì˜ì—
-----------------------------------------------------------------*/
/* ë©”ì¸ 4단 배너(iframeì œì™¸ df-grid내장,최근게시물로 ì¸í•œ ì´ë¯¸ì§€ 높ì´ì§€ì •) + 최근게시물 */
.sec-banner1 img { height:143px }
.sec-banner1 .latest { width:266px; height:143px }
/* ë©”ì¸ ê·¸ë£¹ 슬ë¼ì´ë“œ 배너(iframe대ì‘) */
.sec-banner2 { height:526px }
.sec-banner2 .left { width:526px; height:526px }
.sec-banner2 .left ul li a img { width:526px; height:526px }
/* ë©”ì¸ ê·¸ë£¹ 사ì´ë“œ 배너(iframe대ì‘) */
.sec-banner2 .right { width:564px; height:526px }
.sec-banner2 .right ul li { height:258px }
.sec-banner2 .right ul li:nth-child(1) { width:277px }
.sec-banner2 .right ul li:nth-child(2) { width:277px; margin-left:10px }
.sec-banner2 .right ul li:nth-child(3) { width:564px; margin-top:10px }
/* ë©”ì¸ ë™ì˜ìƒ 배너(iframe대ì‘) */
.sec-vbanner { height:463px; margin-top:85px }
.sec-vbanner > ul > li > a > img { height:463px }
.sec-vbanner iframe { top:46px; left:46px; width:659px; height:371px }
}
/**
======================================================================================================
※디ìžì¸í”Œë¡œì–´ ë¼ì´ì„ 스 법ì ê³ ì§€â€»
-본 사ì´íŠ¸ì— 존재하는 ëª¨ë“ ê¸°ìˆ ì ì†ŒìŠ¤ì½”ë“œì˜ ì €ìž‘ê¶Œì€ ì˜¤ì§ ë””ìžì¸í”Œë¡œì–´ì— 있습니다.
-본 사ì´íŠ¸ì— 존재하는 ê¸°ìˆ ì 소스코드를 ì‚¬ìš©í• ê²½ìš°ì™€ ì´ë¥¼ 변형하여 활용하는 경우
ì €ìž‘ê¶Œë²•ì— ì˜ê±° 법ì ê³ ì§€ë¥¼ 위반하는 것으로 íŒë‹¨í•˜ë©° ì¦‰ê° ë¯¼í˜•ì‚¬ìƒì˜ 조치를 취합니다.
-ë””ìžì¸í”Œë¡œì–´ëŠ” ë””ìžì¸ì˜ 개발·ìƒì‚° ë° ì½˜í…ì¸ ì˜ ë³´í˜¸ë¥¼ 가장 ìš°ì„ ìœ¼ë¡œ 하므로 진행ë˜ëŠ”
ë¯¼í˜•ì‚¬ì†Œì†¡ê±´ì— ëŒ€í•œ í•©ì˜ëŠ” 진행하지 않는 ì ì„ ê³ ì§€í•©ë‹ˆë‹¤.
-ë””ìžì¸í”Œë¡œì–´ëŠ” 민가율 í•©ë™ ë²•ë¥ ì‚¬ë¬´ì†Œ 'ê¹€ì„호 변호사'와 함께 지ì ìž¬ì‚°ê¶Œì„ ìˆ˜í˜¸í•˜ë©°
ìžë¬¸ì„ ë°›ê³ ìžˆìŠµë‹ˆë‹¤.
======================================================================================================
※본 파ì¼ì— 대한 안내문※
-본 ë‚´ìš©ì€ ì‡¼í•‘ëª° ì „ì²´íŽ˜ì´ì§€ì— ì˜í–¥ì„ 주며 ìˆ˜ì •Â·ì‚ì œë¥¼ ì ˆëŒ€ 금지합니다.
-본 파ì¼ì˜ ë‚´ìš© ìˆ˜ì •ì‹œ ë””ìžì¸í”Œë¡œì–´ì˜ ìœ ì§€ë³´ìˆ˜Â·ì—…ë°ì´íŠ¸Â·ê·¸ì™¸ ë°œìƒí•˜ëŠ” ëª¨ë“ ë¬¸ì œì—
대한 ë³µêµ¬ìž‘ì—…ì´ ë¶ˆê°€í•©ë‹ˆë‹¤.
-별ë„ì˜ css ìˆ˜ì •ì´ í•„ìš”í•œ 경우 /dfloor/custom.css 파ì¼ì—서만 ìˆ˜ì •ì„ í—ˆìš©í•©ë‹ˆë‹¤.
======================================================================================================
※본 파ì¼ì˜ ë‚´ìš©ì„ ìˆ˜ì •í• ê²½ìš° ë” ì´ìƒì˜ ì—…ë°ì´íŠ¸ ë° ìœ ì§€ 보수가 불가합니다.※
======================================================================================================
**/
/**
PCë””ìžì¸ ì „ìš©
ì—…ë°ì´íŠ¸: 2022-03-28
- 노트타입 앵커 ì˜ì— 확장 2022-03-28
**/
/*---------------------------------------------------------
ëª©ë¡ - 공통
---------------------------------------------------------*/
.df-prl-wrap { opacity:0 }
.df-prl-items { font-size:0; margin-right:-20px }
.df-prl-items img { vertical-align:middle }
.df-prl-items input[type="checkbox"] { margin-right:0 }
.df-prl-item { display:inline-block; margin-right:20px; margin-bottom:20px; color:#888; vertical-align:top; text-align:center }
.df-prl-items_grid_1 .df-prl-item { width:calc(100% - 20px) }
.df-prl-items_grid_2 .df-prl-item { width:calc(50% - 20px) }
.df-prl-items_grid_3 .df-prl-item { width:calc(33.333% - 20px) }
.df-prl-items_grid_4 .df-prl-item { width:calc(25% - 20px) }
.df-prl-items_grid_5 .df-prl-item { width:calc(20% - 20px) }
.df-prl-items_grid_note .df-prl-item { width:calc(50% - 20px) }
.df-prl-box { position:relative; font-size:12px; line-height:1.7; vertical-align:top }
.df-prl-thumb { position:relative }
.df-prl-thumb-link { font-size:0 /* 공백 ì´ìŠˆë¡œ ì¸í•œ 처리 */; display:block; overflow:hidden }
.df-prl-thumb .thumb { width:100%; image-rendering:-webkit-optimize-contrast }
.df-prl-check { position:absolute; z-index:3; bottom:0; right:0; display:block; margin:9px; text-align:center }
.df-prl-listitem-cell { line-height:1.6; padding:1px 0 }
.df-prl-name { display:block; margin-top:12px }
.df-prl-title { font-weight:normal; vertical-align:top }
/* 목ë¡(슬ë¼ì´ë“œ) - .df-prl-wrapì˜ ë°”ê¹¥ìª½ìœ¼ë¡œ 나가는 í• ì¸ìœ¨, 좋아요를 í¬í•¨í•œ 여백 */
.df-prl-wrap .swiper-container { padding:5px; margin:-5px }
.df-prl-wrap .swiper-container .df-prl-items { margin:0; padding:0 }
/* ë Œë”ë§ ê°œì„ (2021-01-09) */
.df-items-standby { opacity:0 }
/* 슬ë¼ì´ë“œ 한줄ì¼ë•Œ 하단 마진값 ì—†ì• ê¸°(2021-01-27) */
.df-prl-items .swiper-slide:not(.swiper-slide-rows) { margin-bottom:0 }
/*-----------------------------------------------------------------
목ë¡-ì„¤ì • ìŠ¤íƒ€ì¼ ì—°ë™(fade·note 타입보다 ë¨¼ì € ì„ ì–¸ì²˜ë¦¬)
-----------------------------------------------------------------*/
/* option - align */
.df-prl-items_type_left .df-prl-desc { text-align:left }
.df-prl-items_type_center .df-prl-desc { text-align:center }
.df-prl-items_type_right .df-prl-desc { text-align:right }
/* option - border */
.df-prl-items_type_border .df-prl-name:after { display:block; content:""; height:1px; background:#e8e8e8; margin-top:8px;
transition:all 0.4s ease 0.0s;
}
.df-prl-items_type_border .df-prl-listitem { margin-top:8px }
.df-prl-items_type_border .df-prl-item:hover .df-prl-name:after { background:#aaa }
/* option - one line */
.df-prl-items_type_oneline .product_custom,
.df-prl-items_type_oneline .product_price,
.df-prl-items_type_oneline .prd_price_sale { display:inline-block; letter-spacing:-0.3px }
.df-prl-items_type_oneline .product_custom + .product_price { margin-left:4px }
.df-prl-items_type_oneline .product_custom + .prd_price_sale { margin-left:4px }
.df-prl-items_type_oneline .product_price + .product_custom { margin-left:4px }
.df-prl-items_type_oneline .product_price + .prd_price_sale { margin-left:4px }
.df-prl-items_type_oneline .prd_price_sale + .product_custom { margin-left:4px }
.df-prl-items_type_oneline .prd_price_sale + .product_price { margin-left:4px }
/* option - colorchip shape */
.df-prl-items_type_colorbox .chips { width:10px; height:10px }
.df-prl-items_type_colorstick .chips { width:16px; height:5px }
.df-prl-items_type_colorcircle .chips { width:11px; height:11px; border-radius:50% }
/* option - image box */
.df-prl-items_type_imgbox .df-prl-thumb { border:1px solid #e5e5e5 }
/* option - image zoom */
.df-prl-items_type_zoom .df-prl-box .thumb { transition-duration:.2s;
transform:scale(1);
}
.df-prl-items_type_zoom .df-prl-box:hover .thumb {
transition-duration:.25s;
transform:scale(1.1);
}
/* option - blank link box */
.df-prl-items .blank { display:none }
.df-prl-items.df-prl-items_type_blank .blank { display:inline-block }
/* option - text cut */
.df-prl-items_type_cut .df-prl-name,
.df-prl-items_type_cut .df-prl-listitem-cell { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
/* option - more button (df-use처리) */
/*-----------------------------------------------------------------
ëª©ë¡ - 롤오버 ì´ë²¤íŠ¸
-----------------------------------------------------------------*/
.df-prl-discountrate,
.df-prl-like,
.df-prl-status {
transition:top .3s, bottom .3s, opacity .3s;
}
.df-prl-items_type_discountrate_none .df-prl-discountrate { display:none }
.df-prl-items_type_discountrate_fix .df-prl-discountrate,
.df-prl-item:hover .df-prl-discountrate { opacity:1; top:-2px }
.df-prl-item:hover .df-prl-like { opacity:1; bottom:9px }
.df-prl-item:hover .df-prl-status { opacity:1 }
/*-----------------------------------------------------------------
ëª©ë¡ - ì•„ì´ì½˜ì˜ì—
-----------------------------------------------------------------*/
/* 기본 ì•„ì´ì½˜ */
.df-prl-icon { font-size:0 }
.df-prl-icon > img { margin:5px 2px 0 2px; image-rendering:pixelated }
/* 꾸미기 ì•„ì´ì½˜ */
.df-prl-decoicon { position:absolute; z-index:7; top:-4px; left:-4px; width:100%; height:100%; padding:4px; background-repeat:no-repeat }
.ec-product-bgLT { background-position:left top }
.ec-product-bgLC { background-position:left center }
.ec-product-bgLB { background-position:left bottom }
.ec-product-bgRT { background-position:right top }
.ec-product-bgRC { background-position:right center }
.ec-product-bgRB { background-position:right bottom }
.ec-product-bgCT { background-position:center top }
.ec-product-bgCC { background-position:center center }
.ec-product-bgCB { background-position:center bottom }
/* 옵션보기·장바구니·관심ìƒí’ˆÂ·ìƒˆì°½ë³´ê¸° 버튼 */
.df-prl-status { height:24px; font-size:0; padding-top:10px; position:relative; opacity:0 }
.df-prl-status-item { position:relative; display:inline-block; margin:0 3px 0; cursor:pointer }
.df-prl-status-item img { opacity:0.55; image-rendering:pixelated }
.df-prl-status-item:hover img { opacity:1 }
/*-----------------------------------------------------------------
ëª©ë¡ - 개별 요소 간격처리
-----------------------------------------------------------------*/
/* 컬러·ìƒí’ˆì •ë³´Â·ê¸°ë³¸ì•„ì´ì½˜Â·ìœ 틸아ì´ì½˜ ì˜ì— 처리 */
.df-prl-desc .color { margin-left:-2px; margin-right:-2px }
.df-prl-listitem { margin-top:6px }
.df-prl-icon { margin-left:-2px; margin-right:-2px; margin-top:5px }
.df-prl-status { margin-left:-4px; margin-right:-4px }
/* 컬러칩 */
.df-prl-items .color-custom-wrap { overflow:hidden; padding-top:9px; margin-bottom:-2px; font-size:0; line-height:0 }
.df-prl-items .option_colorchip { margin-top:5px; margin-bottom:9px }
.df-prl-items .chips { display:inline-block; border:1px solid rgba(50,50,50,0.1); margin:4px 2px 0; font-size:0; line-height:0; box-sizing:border-box }
/*-----------------------------------------------------------------
ëª©ë¡ - ì •ë³´í‘œì‹œì˜ì—(세부í•ëª©)
-----------------------------------------------------------------*/
/* ìƒí’ˆ í• ì¸ê¸°ê°„ ë ˆì´ì–´ */
.discountPeriod { display:inline-block; position:relative }
.discountPeriod .edge { position:absolute; left:50%; top:-6px; width:10px; height:6px; margin:0 0 0 -4px; font-size:0; line-height:0 }
.layerDiscountPeriod { display:none; position:absolute; left:50%; top:26px; width:220px; margin:0 0 0 -111px; border:1px solid #d5d5d5; box-shadow:0px 1px 2px 2px rgba(0,0,0,0.04) }
.layerDiscountPeriod .title { display:block; font-size:14px; margin:0 0 5px; padding:0 15px 0 0; font-weight:bold; color:#2e2e2e }
.layerDiscountPeriod .title > img { display:none }
.layerDiscountPeriod .content { padding:7px }
.layerDiscountPeriod .content > p { line-height:1.6; color:#757575; letter-spacing:-0.3px }
.layerDiscountPeriod .content > p > strong { font-weight:normal; font-size:12px; color:#2e2e2e }
.layerDiscountPeriod .close { display:none }
/* ìƒí’ˆë¶„류(ì¶”ì²œÂ·ì‹ ìƒí’ˆ) */
.xans-product-listrecommend,
.xans-product-listnew { margin-bottom:17px }
.df-prl-label { display:none; position:absolute; top:9px; left:9px; z-index:2; width:44px; height:50px; box-sizing:border-box; padding:5px; font-size:11px; color:#373737; border:1px solid #dfdfdf; background:rgba(255,255,255,0.94) }
.df-prl-label-no { display:block; font-size:17px; font-weight:bold; line-height:1; padding:1px 0 }
.xans-product-listrecommend .df-prl-label,
.xans-product-listnew .df-prl-label { display:flex; justify-content:center; align-items:center; flex-direction:column }
.df-prl-items_grid_1 .df-prl-label { top:12px; left:12px; width:60px; height:68px; font-size:12px }
.df-prl-items_grid_1 .df-prl-label-no { font-size:21px }
.df-prl-items_grid_2 .df-prl-label { top:10px; left:10px; width:50px; height:58px; font-size:11px }
.df-prl-items_grid_2 .df-prl-label-no { font-size:19px }
.df-prl-items_grid_3 .df-prl-label { top:9px; left:9px; width:46px; height:53px; font-size:11px }
.df-prl-items_grid_3 .df-prl-label-no { font-size:18px }
.df-prl-items_grid_4 .df-prl-label { top:7px; left:7px; width:44px; height:50px; font-size:11px }
.df-prl-items_grid_4 .df-prl-label-no { font-size:17px }
.df-prl-items_grid_5 .df-prl-label { top:6px; left:6px; width:42px; height:47px; font-size:10px }
.df-prl-items_grid_5 .df-prl-label-no { font-size:16px }
.df-prl-items_grid_note .df-prl-label { top:6px; left:6px; width:44px; height:50px; font-size:11px }
.df-prl-items_grid_note .df-prl-label-no { font-size:17px }
/* ì²´í¬ë°•ìŠ¤(ìƒí’ˆë¶„ë¥˜Â·ì¶”ì²œÂ·ì‹ ìƒí’ˆ ì˜ì— 노출) */
.df-prl-check { display:none }
.xans-product-listrecommend .df-prl-check,
.xans-product-listnew .df-prl-check,
.xans-product-listnormal .df-prl-check { display:block }
/* ìƒí’ˆëª©ë¡ 추천ìƒí’ˆ 타ì´í‹€(언어별) */
html:lang(ko) .tit-product-best span:before { content:"BEST ITEMS" }
html:lang(en) .tit-product-best span:before { content:"RECOMMENDATIONS" }
html:lang(zh) .tit-product-best span:before { content:"畅销推è" }
html:lang(ja) .tit-product-best span:before { content:"ãŠã™ã™ã‚アイテム" }
html:lang(zh-tw) .tit-product-best span:before { content:"推薦商å“" }
html:lang(vi) .tit-product-best span:before { content:"BÃN CHẠY NHẤT" }
/* ìƒí’ˆëª©ë¡ ì‹ ìƒí’ˆ 타ì´í‹€(언어별) */
html:lang(ko) .tit-product-new span:before { content:"NEW ARRIVALS" }
html:lang(en) .tit-product-new span:before { content:"NEW ARRIVALS" }
html:lang(zh) .tit-product-new span:before { content:"æ–°å“上架" }
html:lang(ja) .tit-product-new span:before { content:"æ–°ç€ã‚¢ã‚¤ãƒ†ãƒ " }
html:lang(zh-tw) .tit-product-new span:before { content:"æ–°å“上架" }
html:lang(vi) .tit-product-new span:before { content:"HÀNG MỚI VỀ" }
/* ìƒí’ˆëª©ë¡ 추천ìƒí’ˆ ë¼ë²¨(언어별) */
html:lang(ko) .xans-product-listrecommend .df-prl-label:before { content:"BEST" }
html:lang(en) .xans-product-listrecommend .df-prl-label:before { content:"BEST" }
html:lang(zh) .xans-product-listrecommend .df-prl-label:before { content:"BEST" }
html:lang(ja) .xans-product-listrecommend .df-prl-label:before { content:"BEST" }
html:lang(zh-tw) .xans-product-listrecommend .df-prl-label:before { content:"BEST" }
html:lang(vi) .xans-product-listrecommend .df-prl-label:before { content:"BEST" }
/* ìƒí’ˆë¶„류 ì‹ ìƒí’ˆ ë¼ë²¨(언어별) */
html:lang(ko) .xans-product-listnew .df-prl-label:before { content:"NEW" }
html:lang(en) .xans-product-listnew .df-prl-label:before { content:"NEW" }
html:lang(zh) .xans-product-listnew .df-prl-label:before { content:"NEW" }
html:lang(ja) .xans-product-listnew .df-prl-label:before { content:"NEW" }
html:lang(zh-tw) .xans-product-listnew .df-prl-label:before { content:"NEW" }
html:lang(vi) .xans-product-listnew .df-prl-label:before { content:"NEW" }
/*---------------------------------------------------------
ëª©ë¡ - ë©”ì¸ ì „ìš©
---------------------------------------------------------*/
/* 하단 여백 */
.xans-product-listmain { margin-bottom:40px }
/* ë”보기 - 버튼 */
.df-prl-more { padding-top:30px; padding-bottom:30px; text-align:center }
.df-prl-more-link { width:300px; display:inline-block; font-size:14px; line-height:46px; box-sizing:border-box; border-radius:6px; background:#ebecef; color:#2f2f2f }
.df-prl-more-link:before,
.df-prl-more-page-current,
.df-prl-more-page-total {
transition:all .22s 0.0s linear;
}
.df-prl-more-link:hover { background:#3f3f3f; color:#fff }
.df-prl-more-page { font-size:0; line-height:1; margin-left:2px; letter-spacing:1px }
.df-prl-more-page-current { font-size:13px }
.df-prl-more-page-current:before { content:"(" }
.df-prl-more-page-total { font-size:13px }
.df-prl-more-page-total:before { content:"/" }
.df-prl-more-page-total:after { content:")" }
html:lang(ko) .df-prl-more-link:before { content:"ë”보기" }
html:lang(en) .df-prl-more-link:before { content:"MORE" }
html:lang(zh) .df-prl-more-link:before { content:"更多" }
html:lang(ja) .df-prl-more-link:before { content:"ã‚‚ã£ã¨è¦‹ã‚‹" }
html:lang(zh-tw) .df-prl-more-link:before { content:"查看更多" }
html:lang(vi) .df-prl-more-link:before { content:"Xem thêm" }
/* ë”보기 - ë”보기 ì´í›„ ìƒí’ˆ 컬러칩(카페24 기본) 표시로 ì¸í•´ 숨김처리 */
.df-prl-listitem-cell.option_colorchip { display:none }
/*---------------------------------------------------------
ëª©ë¡ - 노트타입 ì „ìš©
---------------------------------------------------------*/
.df-prl-items_grid_note .df-prl-item { position:relative }
.df-prl-items_grid_note .df-prl-item .df-prl-box { border:1px solid #e7e7e7; background:#fff }
.df-prl-items_grid_note .df-prl-item:after { position:absolute; top:0; left:50%; background:#e7e7e7; height:100%; width:1px; content:"" }
.df-prl-items_grid_note .df-prl-thumb-link { position:relative /* 롤오버시 후ì†ì´ë¯¸ì§€ í¬ì§€ì…˜ì²˜ë¦¬ */ }
.df-prl-items_grid_note .df-prl-item:hover .df-prl-box { border:1px solid #aaa }
.df-prl-items_grid_note .df-prl-item:hover:after { background:#aaa }
.df-prl-items_grid_note .df-prl-box:after { display:block; clear:both; content:"" }
.df-prl-items_grid_note .df-prl-thumb { float:left; width:50% }
.df-prl-items_grid_note .df-prl-desc { float:right; width:50%; padding:10px 20px; box-sizing:border-box }
.df-prl-items_grid_note .thumbnail { }
/* 노트타입(í…Œë‘ë¦¬ì„¤ì • ë¬´ë ¥í™”) */
.df-prl-items_grid_note.df-prl-items_type_imgbox .df-prl-thumb { border:0 }
/* 노트타입ì¼ë•Œ íƒ€ìž„ì„¸ì¼ ìŠ¤íƒ€ì¼ */
.df-prl-items_grid_note .df-prl-timesale { position:absolute; bottom:10px; width:calc(50% - 21px); margin-top:10px; margin-left:calc(50% - -11px); margin-right:10px }
.df-prl-items_grid_note .df-prl-timesale_active + .df-prl-desc { padding-bottom:55px }
.df-prl-items_grid_note .df-prl-timesale_active + .df-prl-desc .color-custom-wrap { padding-top:4px }
/* 노트타입 앵커 ì˜ì— 확장 */
.df-prl-items_grid_note .df-prl-name:before { content:""; position:absolute; top:0; left:0; width:100%; height:100% }
/*---------------------------------------------------------
ëª©ë¡ - 페ì´ë“œëª¨ë“œ ì „ìš©
---------------------------------------------------------*/
.df-prl-items_boxfade .df-prl-listitem { margin-top:3px }
.df-prl-items_boxfade .df-prl-box { position:relative }
.df-prl-items_boxfade .df-prl-desc { position:absolute; z-index:1; top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.43); opacity:0 }
.df-prl-items_boxfade .df-prl-box:hover .df-prl-desc { opacity:1;
/* íƒ€ìž…ì „í™˜ì‹œ 번ì©ìž„ ì´ìŠˆë¡œ 호버시ì—만 ì ìš© */
transition:all 0.3s ease 0.0s;
}
.df-prl-items_boxfade .df-prl-fadearea { padding:0 25px; position:relative; top:50%;
transform:translateY(-50%);
}
.df-prl-items_boxfade .df-prl-fadeboxlink { display:block; position:absolute; top:0; left:0; width:100%; height:100%; vertical-align:middle; opacity:0 }
.df-prl-items_boxfade .df-prl-fadearea * { color:#fff !important }
.df-prl-items_boxfade .df-prl-fadearea img { display:inline }
.df-prl-items_boxfade .df-prl-name { display:block; border-bottom:0; margin-top:0; position:relative; top:0 }
.df-prl-items_boxfade .df-prl-icon,
.df-prl-items_boxfade .layerDiscountPeriod { display:none }
.df-prl-items_boxfade .color-custom-wrap { margin-bottom:12px }
.df-prl-items_boxfade .chips { -webkit-transform: translate3d(0,0,0) }
/* 페ì´ë“œëª¨ë“œ íŠ¹ì •ìš”ì†Œ 비활성화 처리 */
.df-prl-items_boxfade .df-prl-name:after { display:none /* ìƒí’ˆëª…ë¼ì¸ */ }
.df-prl-items_boxfade .df-prl-status { display:none /* 옵션보기·장바구니·관심ìƒí’ˆÂ·ìƒˆì°½ë³´ê¸° ì•„ì´ì½˜ */ }
/* 페ì´ë“œëª¨ë“œ ì¼ë•Œ íƒ€ìž„ì„¸ì¼ */
.df-prl-items_boxfade .df-prl-timesale_active ~ .df-prl-desc { height: calc(100% - 48px) }
/*---------------------------------------------------------
ëª©ë¡ - 슬ë¼ì´ë“œëª¨ë“œ ì „ìš©
---------------------------------------------------------*/
/* ë”보기버튼 ì œê±° */
.df-slider ~ .df-prl-more { display:none }
/* 옵션보기버튼 ì œê±° */
.df-slider .df-prl-status-item.option { display:none }
/* 페ì´ì§€ë„¤ì´ì…˜ - 박스외부로 ì¶œë ¥ì²˜ë¦¬(ë©”ì¸ë¶„류·추천ìƒí’ˆÂ·ìƒí’ˆë¶„류·검색결과·기íšì „) */
.xans-product-listmain .df-slider,
.xans-product-listrecommend .df-slider,
.xans-product-listnormal .df-slider,
.xans-search-result .df-slider,
.xans-project-productlist .df-slider { margin-bottom:100px }
.xans-product-listmain .df-slider .swiper-pagination,
.xans-product-listrecommend .df-slider .swiper-pagination,
.xans-product-listnormal .df-slider .swiper-pagination,
.xans-search-result .df-slider .swiper-pagination,
.xans-project-productlist .df-slider .swiper-pagination { bottom:-20px }
/*-----------------------------------------------------------------
ìƒí’ˆëª©ë¡(+검색) ìœ í‹¸ë¦¬í‹° ì˜ì— 2020-11-14
-----------------------------------------------------------------*/
/* ìœ í‹¸ë¦¬í‹° 박스 */
.df-prl-util-wrap { margin-bottom:40px }
.df-prl-util { height:50px; border-bottom:1px solid #e7e7e7 }
.df-prl-util:after { display:block; clear:both; content:"" }
.df-prl-util-sortarea { float:right; padding-top:10px }
/* ëª©ë¡ ìƒí’ˆê°œìˆ˜ */
.df-prl-util-result { float:left; padding-top:17px }
.df-prl-util-result { color:#888 }
.df-prl-util-result-count { background:#fff; border:1px solid #dfdfdf; border-radius:6px; padding:5px 12px; font-size:14px; color:#222; vertical-align:middle; margin-right:6px; }
/* ëª©ë¡ ìƒí’ˆê°œìˆ˜(언어별) */
html:lang(ko) .df-lang-prl-util-result:after { content:"Items" }
html:lang(en) .df-lang-prl-util-result:after { content:"items were found." }
html:lang(zh) .df-lang-prl-util-result:after { content:"个商å“" }
html:lang(ja) .df-lang-prl-util-result:after { content:"ã¤ã®å•†å“" }
html:lang(zh-tw) .df-lang-prl-util-result:after { content:"個商å“" }
html:lang(vi) .df-lang-prl-util-result:after { content:"sản phẩm" }
/* ëª©ë¡ íƒ€ìž…ë³´ê¸° 버튼 */
.df-prl-viewtype-btn { margin:30px auto; text-align:center; position:relative; font-size:0; line-height:0; letter-spacing:-4px }
.xans-project-list h3.project ~ .xans-project-productlist .df-prl-viewtype-btn,
.tit-product-main + .df-prl-viewtype-btn { margin-top:-25px }
.df-prl-viewtype-btn:after { display:block; clear:both; content:'' }
.df-prl-viewtype-btn > div { display:inline-block; width:29px; height:29px; letter-spacing:0px; box-sizing:border-box; cursor:pointer }
.df-prl-viewtype-btn > div > span { display:block; background:#c1c1c1 }
.df-prl-viewtype-btn .selected { cursor:default }
.df-prl-viewtype-btn .selected > span { background:#606060 }
.df-prl-viewtype-btn-view { position:relative; margin-right:9px; padding:5px }
.df-prl-viewtype-btn-view:after { display:inline-block; content:''; clear:both; position:absolute; right:-5px; top:5px; width:1px; height:19px; background:#bbb }
.df-prl-viewtype-btn-view > span { background:#606060 }
.df-prl-viewtype-btn-view > span:nth-child(1) { height:8px }
.df-prl-viewtype-btn-view > span:nth-child(2) { display:block; height:2px; margin-top:3px }
.df-prl-viewtype-btn-view > span:nth-child(3) { display:block; height:2px; margin-top:1px }
.df-prl-viewtype-btn-view > span:nth-child(4) { display:block; height:2px; margin-top:1px }
.df-prl-viewtype-btn-view.selected { background:#fff }
.df-prl-viewtype-btn-view.selected > span { background:#606060 }
.df-prl-viewtype-btn-view.selected > span:nth-child(1) { height:19px }
.df-prl-viewtype-btn-view.selected > span:nth-child(2) { display:none }
.df-prl-viewtype-btn-view.selected > span:nth-child(3) { display:none }
.df-prl-viewtype-btn-view.selected > span:nth-child(4) { display:none }
.df-prl-viewtype-btn-grid_1 { padding:2px }
.df-prl-viewtype-btn-grid_1 > span { float:left; width:19px; height:8px; margin-left:3px; margin-top:3px }
.df-prl-viewtype-btn-grid_2 { padding:2px }
.df-prl-viewtype-btn-grid_2 > span { float:left; width:8px; height:8px; margin-left:3px; margin-top:3px }
.df-prl-viewtype-btn-grid_3 { padding:3px }
.df-prl-viewtype-btn-grid_3 > span { float:left; width:5px; height:5px; margin-left:2px; margin-top:2px }
.df-prl-viewtype-btn-grid_4 { padding:4px}
.df-prl-viewtype-btn-grid_4 > span { float:left; width:4px; height:4px; margin-left:1px; margin-top:1px }
.df-prl-viewtype-btn-grid_5 { padding:4px}
.df-prl-viewtype-btn-grid_5 > span { float:left; width:3px; height:3px; margin-left:1px; margin-top:1px }
.df-prl-viewtype-btn-grid_note { padding:2px }
.df-prl-viewtype-btn-grid_note > span { float:left; width:8px; height:8px; margin-left:3px; margin-top:3px }
.df-prl-viewtype-btn-grid_note > span:nth-child(2) { height:2px; margin-left:3px; margin-top:3px }
.df-prl-viewtype-btn-grid_note > span:nth-child(3) { height:2px; margin-left:3px; margin-top:1px }
.df-prl-viewtype-btn-grid_note > span:nth-child(4) { height:2px; margin-left:3px; margin-top:1px }
.df-prl-viewtype-btn-grid_note > span:nth-child(5) { clear:both }
.df-prl-viewtype-btn-grid_note > span:nth-child(6) { height:2px; margin-left:3px; margin-top:3px }
.df-prl-viewtype-btn-grid_note > span:nth-child(7) { height:2px; margin-left:3px; margin-top:1px }
.df-prl-viewtype-btn-grid_note > span:nth-child(8) { height:2px; margin-left:3px; margin-top:1px; width:5px }
.df-prl-viewtype-btn .disabled { cursor:default }
.df-prl-viewtype-btn .disabled > span,
.df-prl-viewtype-btn .disabled:after { background:#e8e8e8 }
.df-prl-viewtype-btn-wrap { display:inline-block; vertical-align:middle }
.df-prl-viewtype-btn-wrap .df-prl-viewtype-btn { margin:0 }
/* 조건별 ì…€ë ‰íŠ¸ */
.df-prl-sort-wrap { display:inline-block; margin-left:5px }
.df-prl-sort-wrap > select { min-width:120px }
/* ìƒí’ˆë¹„êµ(언어별) */
.df-prl-compare { margin-left:2px }
.df-prl-compare .btnCompare { color:#555; background:#fff; border-color:#dfdfdf; padding:0 10px; font-size:12px; height:30px; line-height:28px; margin-left:1px }
.df-prl-compare .btnCompare:hover { border-color:#454545; background:#454545; color:#fff }
.df-prl-compare .btnCompare:before { content:"\e92c"; font-family:xeicon !important; font-size:15px; vertical-align:middle; margin-right:3px }
html:lang(ko) .df-prl-compare .btnCompare:after { content:"ìƒí’ˆë¹„êµ" }
html:lang(en) .df-prl-compare .btnCompare:after { content:"Compare Products" }
html:lang(zh) .df-prl-compare .btnCompare:after { content:"商å“对比" }
html:lang(ja) .df-prl-compare .btnCompare:after { content:"商å“比較" }
html:lang(zh-tw) .df-prl-compare .btnCompare:after { content:"商å“比較" }
html:lang(vi) .df-prl-compare .btnCompare:after { content:"So Sánh Sản Phẩm" }
/* 조건검색(카페24 별ë„기능) */
.xans-product-normalmenu .condition { margin-top:-1px; padding:12px; border:1px solid #d7d5d6; text-align:right; background:#fbf9fa }
.xans-product-normalmenu .condition .FirstSelect,
.xans-product-normalmenu .condition .SecondSelect { height:24px }
/* ì´ë¯¸ì§€ 롤오버 기능 */
.df-prl-rollover { display:none; position:absolute; top:0; left:0 }
/* í• ì¸ìœ¨ 표시 */
.df-prl-discountrate { position:absolute; z-index:8; top:-10px; right:-2px; display:flex; justify-content:center; align-items:center; width:40px; height:40px; padding-left:4px; padding-right:4px; box-sizing:border-box; opacity:0; background:rgba(35,35,35,0.95); color:#fff; font-size:11px; box-shadow:0 2px 1px rgba(0,0,0,0.17) }
.df-prl-discountrate .rate { font-size:14px; font-weight:bold; margin-right:1px }
.df-prl-data-sale { display:none }
.df-prl-items_grid_1 .df-prl-discountrate { width:58px; height:57px; font-size:14px }
.df-prl-items_grid_1 .df-prl-discountrate .rate { font-size:20px }
.df-prl-items_grid_2 .df-prl-discountrate { width:46px; height:45px; font-size:13px }
.df-prl-items_grid_2 .df-prl-discountrate .rate { font-size:16px }
.df-prl-items_grid_3 .df-prl-discountrate { width:42px; height:41px; font-size:12px }
.df-prl-items_grid_3 .df-prl-discountrate .rate { font-size:15px }
.df-prl-items_grid_4 .df-prl-discountrate { width:40px; height:39px; font-size:11px }
.df-prl-items_grid_4 .df-prl-discountrate .rate { font-size:14px }
.df-prl-items_grid_5 .df-prl-discountrate { width:38px; height:37px; font-size:10px }
.df-prl-items_grid_5 .df-prl-discountrate .rate { font-size:13px }
.df-prl-items_grid_note .df-prl-discountrate { width:42px; height:41px; font-size:11px }
.df-prl-items_grid_note .df-prl-discountrate .rate { font-size:14px }
/* íƒ€ìž„ì„¸ì¼ ì§„í–‰ì‹œ í• ì¸ìœ¨ ê³ ì • */
.df-prl-discountrate.show { top:-2px !important; opacity:1 !important }
/* 좋아요버튼 */
.df-prl-like { position:absolute; z-index:9; left:-5px; opacity:0; bottom:-10px; min-width:30px; height:25px; line-height:25px; font-size:11px; color:#444; padding:0 6px; border:1px solid #e4e4e4; background-color:rgba(255,255,255,0.98); box-shadow:0 2px 1px rgba(0,0,0,0.07); cursor:pointer }
.df-prl-like:after { position:absolute; display:inline-block; content:""; top:-5px; left:0; width:0; height:0; border-style:solid; border-width:0 0 4px 4px; border-color:transparent transparent #afafaf transparent }
.df-prl-like .likePrdIcon { padding:6px 3px; margin-top:-1px; width:14px; height:14px; image-rendering:-webkit-optimize-contrast }
.df-prl-like .likePrdCount { padding:0 2px }
.df-prl-like.selected { opacity:1; bottom:9px; color:#fff; border:1px solid #d42a66; background-color:rgba(227,43,107,0.94) }
/* íƒ€ìž„ì„¸ì¼ */
.df-prl-timesale { display:none; width:100%; margin-top:10px }
.df-prl-timesale > span { display:block; height:36px; font-size:11px; line-height:36px }
.df-prl-timesale > .before { color:#777; border:1px dashed #dfdfdf; background:#f8f8f8; border-radius:4px }
.df-prl-timesale > .ing { color:#fff; border:1px solid #585858; background:#595959; border-radius:2px }
.df-prl-timesale > .after { color:#777; border:1px dashed #dfdfdf; background:#f8f8f8; border-radius:4px }
.df-prl-timesale .n { margin:6px 2px; padding:0 4px; display:inline-block; height:22px; line-height:22px; font-size:13px; font-weight:normal; border:1px solid #212121; background:#252525; border-radius:3px }
.df-prl-timesale .before .n { border-color:#979797; background:#999; color:#fff }
.df-prl-timesale > .after::after { content:'타임세ì¼ì´ 종료ë˜ì—ˆìŠµë‹ˆë‹¤' }
.df-prl-timesale > .before .t1::after { }
.df-prl-timesale > .ing .t1::after { }
.df-prl-timesale .t2::after { }
.df-prl-timesale .t3::after { content:' : ' }
.df-prl-timesale .t4::after { content:' : ' }
.df-prl-timesale .t5::after { content:'' }
/* íƒ€ìž„ì„¸ì¼ ì¢…ë£Œ 메세지(언어별) */
html:lang(ko) .df-prl-timesale > .after::after { content:'타임세ì¼ì´ 종료ë˜ì—ˆìŠµë‹ˆë‹¤' }
html:lang(en) .df-prl-timesale > .after::after { content:'Discount Expires' }
html:lang(zh) .df-prl-timesale > .after::after { content:'折扣活动结æŸ' }
html:lang(ja) .df-prl-timesale > .after::after { content:'割引イベント終了' }
html:lang(zh-tw) .df-prl-timesale > .after::after { content:'å„ªæƒ æ´»å‹•çµæŸ' }
html:lang(vi) .df-prl-timesale > .after::after { content:'Kết thúc giảm giá' }
/* íƒ€ìž„ì„¸ì¼ ì‹œìž‘ì „ 메세지(언어별) */
html:lang(ko) .df-prl-timesale > .before .t1::after { content:'ì§„í–‰ì „ ' }
html:lang(en) .df-prl-timesale > .before .t1::after { content:'Begins In ' }
html:lang(zh) .df-prl-timesale > .before .t1::after { content:'æŠ˜æ‰£å‰ ' }
html:lang(ja) .df-prl-timesale > .before .t1::after { content:'å‰²å¼•å‰ ' }
html:lang(zh-tw) .df-prl-timesale > .before .t1::after { content:'æŠ˜æ‰£å‰ ' }
html:lang(vi) .df-prl-timesale > .before .t1::after { content:'Chuẩn bị ' }
/* íƒ€ìž„ì„¸ì¼ ì¢…ë£Œì „ 메세지(언어별) */
html:lang(ko) .df-prl-timesale > .ing .t1::after { content:'마ê°ì „ ' }
html:lang(en) .df-prl-timesale > .ing .t1::after { content:'Expires In ' }
html:lang(zh) .df-prl-timesale > .ing .t1::after { content:'剩余时间 ' }
html:lang(ja) .df-prl-timesale > .ing .t1::after { content:'残り時間 ' }
html:lang(zh-tw) .df-prl-timesale > .ing .t1::after { content:'剩餘時間 ' }
html:lang(vi) .df-prl-timesale > .ing .t1::after { content:'Giảm giá ' }
/* íƒ€ìž„ì„¸ì¼ ì¼ í‘œì‹œ(언어별) */
html:lang(ko) .df-prl-timesale .t2::after { content:' ì¼ ' }
html:lang(en) .df-prl-timesale .t2::after { content:' Days ' }
html:lang(zh) .df-prl-timesale .t2::after { content:' æ—¥ ' }
html:lang(ja) .df-prl-timesale .t2::after { content:' æ—¥ ' }
html:lang(zh-tw) .df-prl-timesale .t2::after { content:' æ—¥ ' }
html:lang(vi) .df-prl-timesale .t2::after { content:' ngà y ' }
/*---------------------------------------------------------
기íšì „(2021-03-18)
---------------------------------------------------------*/
html:lang(ko) .df-lang-nav-project:after { content:"기íšì „" }
html:lang(en) .df-lang-nav-project:after { content:"Promotions" }
html:lang(zh) .df-lang-nav-project:after { content:"活动" }
html:lang(ja) .df-lang-nav-project:after { content:"ã‚ャンペーン" }
html:lang(zh-tw) .df-lang-nav-project:after { content:"ä¼åŠƒå±•" }
html:lang(vi) .df-lang-nav-project:after { content:"Khuyến Mại" }
/*---------------------------------------------------------
ëª©ë¡ - 타ì´í‹€ ê´€ë ¨(2021-01-31)
---------------------------------------------------------*/
.tit-product time,
.tit-product-main time,
.df-movelist time,
.df-cnb-item-link time { display:inline-block; position:relative; width:14px; height:14px; border-radius:100%; border:2px solid #444; box-sizing:border-box; vertical-align:middle; margin-top:-2px; margin-right:4px }
/* 가로형(flex)ì¡°ê±´ì¼ë•Œ 위치 */
.df-lnb_horizontal .df-cnb-item-link time { margin-top:0; margin-bottom:-1px }
.tit-product time:before,
.tit-product time:after,
.tit-product-main time:before,
.tit-product-main time:after,
.df-movelist time:before,
.df-movelist time:after,
.df-cnb-item-link time:before,
.df-cnb-item-link time:after { display:inline-block; position:absolute; left:50%; bottom:50%; background:#444; content:'';
transform-origin:50% 100%;
}
.tit-product time:before,
.tit-product-main time:before,
.df-movelist time:before,
.df-cnb-item-link time:before { width:1px; height:37%;
animation:spin 12.0s linear infinite;
}
.tit-product time:after,
.tit-product-main time:after,
.df-movelist time:after,
.df-cnb-item-link time:after { width:1px; height:42%;
animation:spin 1.8s linear infinite;
}
@keyframes spin {
0% { transform:rotate(0deg) }
50% { transform:rotate(180deg) }
100% { transform:rotate(360deg) }
}
.tit-product time,
.tit-product-main time { width:18px; height:18px; margin-right:6px }
/********************************************************************************************************
※ [ë””ìžì¸í”Œë¡œì–´ ì „ìš©] CSS 커스터마ì´ì§• ※
본 파ì¼ì€ ë””ìžì¸í”Œë¡œì–´ ê³µì‹ ì»¤ìŠ¤í…€ ìž‘ì—… 진행시 기ë¡ë˜ëŠ” 파ì¼ìž…니다.
[í•„ë…] 주ì˜ì‚¬í•
- 본 파ì¼ì€ ë””ìžì¸í”Œë¡œì–´ì—ì„œ 사용하는 ì „ìš© 파ì¼ìž…니다.
- 본 파ì¼ì˜ ë‚´ìš©ì€ ì–´ë– í•œ 경우ë¼ë„ ìˆ˜ì •í•˜ì‹¤ 수 없습니다.
- ëª…ì‹œëœ ê·œì¹™ì„ ë¬´ì‹œí•˜ì—¬ ë°œìƒí•˜ëŠ” ë¬¸ì œëŠ” 복구작업 ì´ ë¶ˆê°€í•©ë‹ˆë‹¤.
********************************************************************************************************/
/*-----------------------------------------------------------------
ìˆ˜ì • ë‚ ì§œë¥¼ 주ì„으로 기ë¡
-----------------------------------------------------------------*/
/* ìˆ˜ì • ë‚´ìš©ì„ ì£¼ì„으로 ê¸°ë¡ */
.df-custom-name { }
/********************************************************************************************************
※ ë””ìžì¸í”Œë¡œì–´ CSS 커스터마ì´ì§• ※
본 파ì¼ì€ ë””ìžì¸ 커스텀 ìž‘ì—…ì‹œ 간편하게 ìž‘ì—…í•˜ê³ ì¶”í›„ ìœ ì§€ë³´ìˆ˜ë¥¼ 위해 ì œìž‘ëœ íŒŒì¼ìž…니다.
ëª¨ë“ cssìˆ˜ì •ì‹œ ì´ê³³ì—ì„œ ìž‘ì—…í•˜ê³ , ìˆ˜ì •ëœ ë‚´ìš©ì„ ê¸°ë¡í•˜ì‹œê¸° ë°”ëžë‹ˆë‹¤.
[í•„ë…] 주ì˜ì‚¬í•
- ì‡¼í•‘ëª°ì— cssìˆ˜ì • ë° ìž‘ì—…ì´ í•„ìš”í•œ 경우 반드시 ì´ íŒŒì¼ì—ì„œ 작성하세요.
- 쇼핑몰 ì›ë³¸ css는 ì ˆëŒ€ ìˆ˜ì •í•˜ì§€ ë§ˆì‹œê³ ì´ê³³ì—ì„œ css를 추가로 ì„ ì–¸í•˜ë©´ ì ìš©ë©ë‹ˆë‹¤.
- css를 작성시 추후 ì‹ë³„ì„ ìœ„í•´ 반드시 주ì„으로 기ë¡í•˜ì‹œê¸° ë°”ëžë‹ˆë‹¤.
- html·jsê°€ ë™ë°˜ëœ 경우ì—ë„ ìˆ˜ì •ë‚´ìš©ì„ ì£¼ì„으로 기ë¡í•˜ì‹œê¸° ë°”ëžë‹ˆë‹¤.
- ìž‘ì—… ì „ 반드시 ë””ìžì¸ë°±ì—…·복구란ì—ì„œ ë””ìžì¸ì„ 백업처리 하시기 ë°”ëžë‹ˆë‹¤.
- ëª…ì‹œëœ ê·œì¹™ì„ ë¬´ì‹œí•˜ì—¬ ë°œìƒí•˜ëŠ” ë¬¸ì œëŠ” 복구작업 ì´ ë¶ˆê°€í•©ë‹ˆë‹¤.
- ìˆ˜ì •ë°©ë²•Â·ë³´ì •Â·ê²½ë¡œÂ·ë§ˆí¬ì—…ì— ê´€ë ¨ëœ ë¬¸ì˜ëŠ” 받지 않습니다.
********************************************************************************************************/
/*-----------------------------------------------------------------
ìˆ˜ì • ë‚ ì§œë¥¼ 주ì„으로 기ë¡
-----------------------------------------------------------------*/
/* ìˆ˜ì • ë‚´ìš©ì„ ì£¼ì„으로 ê¸°ë¡ */
.df-custom-name { }
.xans-layout-multishopshipping { display:none; }
.xans-layout-multishopshipping .worldshipLayer { top:303px; left:50%; width:448px; margin:0 0 0 -225px; }
.xans-layout-multishopshipping .worldshipLayer .content { padding:153px 20px 30px; line-height:1.8; background:url("//img.echosting.cafe24.com/skin/base/link/bg_worldship.gif") center 21px no-repeat; }
.xans-layout-multishopshipping .worldshipLayer .content .desc { display:block; margin:4px 0 14px; }
.xans-layout-multishopshipping .worldshipLayer .select { margin:10px 0 0; }
.xans-layout-multishopshipping .worldshipLayer .select select { width:100%; }
.xans-layout-conversionpc { background:#fff; padding:45px; text-align:center; }
.xans-layout-conversionpc a {
margin:20px; padding:20px 40px 20px 110px;
font-size:68px; color:#63666e; text-decoration:none; text-align:center;
border:4px solid #9d9db0; border-radius:10px; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_mobile.png") no-repeat 40px 50%;
}
/* 표시여부 */
.xans-layout-multishoplistitem { display:none }
.df-use-global-displaynone + .df-global { display:none }
/* 박스타입 */
.df-global { display:inline-block; position:relative; z-index:10 }
.df-global .df-glob-list { display:none }
.df-global.show > .df-glob-list { display:block }
.df-glob-toggle { display:block; height:100%; padding:0 10px; color:#757575; font-size:12px; line-height:100%; background:none }
.df-glob-thumb { vertical-align:middle; width:20px; margin-right:3px }
.df-glob-list { position:absolute; right:0; top:42px; overflow:auto; max-width:170px; border:1px solid #dfdfdf; background:#fff }
.df-glob-item { position:relative; height:35px; margin:-1px 0 0; border-top:1px solid #dfdfdf; line-height:35px; }
.df-glob-link { display:block; overflow:hidden; padding:0 22px 0 30px; font-size:12px; color:#888; white-space:nowrap; text-decoration:none; text-overflow:ellipsis }
.df-glob-link:after { position:absolute; top:0px; right:6px; font-size:15px; content:""; font-family:xeicon !important; content:"\e977"; color:#999 }
.selected > .df-glob-link { color:#333 }
.selected > .df-glob-link:after { color:#333 }
.df-glob-link:hover { background:#fbfafa; color:#111 }
.df-glob-link:hover:after { color:#111 }
.selected > .df-glob-link:after { font-size:16px; margin-right:-1px; content:"\e929" }
.df-glob-thumb-list { position:absolute; left:10px; top:10px; width:20px }
.df-glob-name { padding:0 10px }
.df-glob-unit { display:none; position:absolute; right:38px; top:0; color:#757575 }
/* ê²€ìƒ‰í¼ */
/* 해당요소는 layout.css 파ì¼ì—ì„œ 위치를 잡아주기위한 요소로 본페ì´ì§€ì—ì„œ ì ˆëŒ€ ìˆ˜ì •í•˜ì§€ë§ˆì„¸ìš” */
.df-searchbox-header { height:28px; border-radius:4px; background-color:rgba(0,0,0,.16); position:relative; text-align:left }
.df-searchbox-header > #keyword { border:0; background:none; width:150px; height:28px; padding:2px 30px 2px 9px; font-size:12px; color:#6f6f6f }
.df-searchbox-btn:after { display:inline-block; position:absolute; top:0; right:0; width:30px; height:28px; line-height:28px; text-align:center; font-size:16px; color:#fff; font-family:xeicon !important; content:"\e97a" }
/* í¬ì»¤ìŠ¤ */
.df-searchbox-header,
.df-searchbox-header #keyword {
transition:all .3s ease;
}
.df-searchbox-focusin .df-searchbox-header { background:#545454; background:rgba(0,0,0,.67) }
.df-searchbox-focusin .df-searchbox-header > #keyword { width:185px; color:#fff }
/* ì¸ê¸°ê²€ìƒ‰ì–´ */
.df-searchbox-popular { display:none; position:absolute; z-index:90; top:34px; width:100%; padding:10px 10px 5px; box-sizing:border-box; border: 1px solid #ddd; background-color:rgba(255,255,255,0.98); text-align:left }
.df-searchbox-popular-tit { font-size:12px; line-height:1.4; margin-bottom:8px; color:#333 }
.df-searchbox-popular-item { opacity:0; display:block; font-size:12px; color:#555; padding:9px 0 8px; border-top:1px solid #eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.df-searchbox-popular-item:hover { color:#999 }
/* 커스텀 */
/* í—¤ë” ìƒë‹¨ */
#header .bar .gnb { float: left; text-align: center;}
#header .bar .gnb > li { position: relative; float: none; display: inline-block; vertical-align: top; width: 52px; height: 42px; background: transparent;}
.df-lnb-allmenu, .df-allmenu-btn { width: 52px; background: #de0028;}
.df-lnb-allmenu:hover .df-allmenu-btn { background: #de0028; transition: background 0.15s 0.0s ease-in-out;}
.df-allmenu-btn-line_1 { border-color: #fff; background: #de0028;}
.df-allmenu-btn-line_2 { background: #fff;}
.df-allmenu-btn-line_3 { background: #fff;}
.df-lnb-allmenu, .df-fixed-object .df-allmenu-btn { width: 52px; background: #de0028;}
#header .bar .gnb > li > div,
#header .bar .gnb > li > a { height: 0; overflow: hidden; opacity: 0; transition: all 0.3s 0.3s ease; background-color: #de0028;}
.df-glob-list { position: relative; right: auto; top: auto; overflow: auto; max-width: initial; border: none; background:none}
.df-glob-item {height: 42px; margin: 0; border-top: 0px; line-height: 42px; display: inline-block; vertical-align:middle;}
.df-glob-link {padding: 0px; font-size: 0; line-height: 0px; height: 100%; width:30px}
.df-glob-thumb-list { left: 50%; top: 50%; width: 20px; transform: translate(-50%,-50%);}
.df-glob-link:after {display:none;}
.df-lnb-allmenu .df-allmenu-wrap { width: 220px; border: 0;}
.gnb .df-lnb-allmenu .df-allmenu-wrap { margin-top: 42px;}
.df-allmenu-wrap .df-allmenu-left { display: block; width: 100%; height: 480px; padding: 8px 0;border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 2px solid #de0028; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.df-allmenu-left > .df-cnb-item_d1 { margin: 0px;}
.df-allmenu_grid_5 > .df-cnb-item_d1 { width: auto; margin: 0;}
.df-allmenu-wrap .df-am-cnb-item-link, .df-allmenu-wrap .df-cnb-sub-item-link {position: relative; background: none; line-height: 28px; padding: 5px 25px; font-size: 13px; font-weight: normal;}
.df-allmenu-product_wrap { display: none; position: absolute; top: 0; left: 100%; width: 440px; height: 100%; margin-left: -1px !important; border-left: 1px solid #ddd; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.df-allmenu-product_wrap .df-allmenu-product { min-width: 184px; display: inline-block; padding: 8px 0 !important; position: relative; z-index: 1;
height: 100%; box-sizing: border-box; border-right: 1px solid #ddd; border-top: 2px solid #de0028; background: #fff;}
.df-allmenu-product_wrap .df-allmenu-product .df-cnb-item_d1 { width: 220px; box-sizing: border-box; position: initial; text-align: left;}
.df-cnb-item-arrow { position: absolute; right: 15px; top: 50%; font-size: 14px; color: #555; transform:translateY(-50%);}
.df-allmenu-wrap .df-cnb-item_d1:hover > a, .df-allmenu-wrap .df-cnb-item_on > a > i { color: #de0028;}
.df-allmenu-wrap .df-cnb-item_d1:hover .df-allmenu-product_wrap { display: block;}
.df-allmenu-product_wrap .df-cnb-item_on .df-cnb-m2 {display:block}
.df-allmenu-product_wrap .df-cnb-m2 { display: none; position: absolute; z-index: 98; top: -2px; white-space: nowrap; border: 0px; border-left: 1px solid #ddd; border-top: 2px solid #de0028;
margin: 0; left: 220px; height: 100%; width: 220px;height: 100%; border-right:1px solid #ddd}
.df-allmenu-product_wrap .df-cnb-m2::-webkit-scrollbar { width: 10px; }
.df-allmenu-product_wrap .df-cnb-m2::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 10px; border:3px solid #fff}
.df-allmenu-product_wrap .df-cnb-m2::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; }
.df-gnb-items { float: right; }
.df-gnb-item_mnb, .df-gnb-item_bnb { font-weight: normal}
.df-allmenu_grid_5 > .df-cnb-item_d1:hover .df-menu-product_wrap.df-cnb-m1 {display:block}
.df-allmenu-left .am_pro_cate .df-cnb-m2 > .df-cnb-sub-items { width: 220px;}
.am_pro_cate .df-cnb-item-subicon { right: 15px; top: 50%; font-size: 14px; color: #555; transform: translateY(-50%);}
.am_pro_cate .df-cnb-item-subicon:before { content: "\e93e";}
.am_pro_cate .df-allmenu-left .df-cnb-sub-item-link:hover { color: #de0028;}
.am_pro_cate .df-allmenu-wrap .df-cnb-item_d1:hover > a, .am_pro_cate .df-allmenu-wrap .df-cnb-item_on > a {color:#de0028;}
.am_pro_cate .df-cnb-item_on > .df-cnb-sub-item-link .df-cnb-item-subicon { right: 15px;}
.am_pro_cate .df-cnb-item_on > .df-cnb-sub-item-link .df-cnb-item-subicon:before { font-size: inherit; content: "\e93e";}
.am_pro_cate .df-cnb-m3, .am_pro_cate .df-cnb-m4 { width: 220px; height:480px; border: 0px; margin-top: -2px; border-left:1px solid #ddd; border-top:2px solid #de0028; box-sizing:border-box; border-bottom: 1px solid #ddd; border-right:1px solid #ddd}
.am_pro_cate .df-cnb-m4 {border-left:0px;}
.am_pro_cate .df-cnb-m2 .df-cnb-sub-item, .am_pro_cate .df-cnb-m3 .df-cnb-sub-item { position: unset;}
.am_pro_cate .df-cnb-m3 > .df-cnb-sub-items, .am_pro_cate .df-cnb-m4 > .df-cnb-sub-items { width: 100%;}
/* í—¤ë” ìƒë‹¨ 스í¬ë¡¤í–ˆì„ë•Œ */
#header .bar.fixed .gnb > li > div,
#header .bar.fixed .gnb > li > a { opacity: 1; height: 42px;line-height: 42px;}
#header .bar .gnb > li.home {height: 0;opacity: 0; transition: all 0.3s 0.3s ease; background-color: rgba(55,55,55,0.9);}
#header .bar.fixed .gnb > li { opacity: 1; height: 42px;line-height: 42px;}
/* í—¤ë” ì¤‘ê°„ */
#header .spot { position: relative; width: 100%;}
#header .spot .inner { text-align: left; width: 100%; display: flex; justify-content: space-between; padding:0px}
.spot .df-lnb-allmenu, .spot .df-allmenu-btn { width: 130px; height: 100%; display: inline-block; vertical-align: top;}
.df-lnb-allmenu {display: inline-block; vertical-align: middle;}
.spot .df-allmenu-btn-line { top: 44%; height:3px; left: 50%; width: 34px; margin-left: -17px;}
.spot .df-allmenu-btn-line_1 { margin-top: -10px; background: #fff;}
.spot .df-allmenu-btn-line_3 { margin-top: 10px;}
.spot .df-lnb-allmenu:hover .df-allmenu-btn-line_1 { height: 17px; border-width: 3px; background: #de0028;}
.spot .df-lnb-allmenu:hover .df-allmenu-btn-line_2 { margin-top: 14px;}
.spot .df-lnb-allmenu:hover .df-allmenu-btn-line_3 { margin-top: -10px;}
.df-lnb-allmenu .df-allmenu-wrap { margin-top: 150px;}
.df-allmenu-txt {position: absolute; width: 90%; top: 60%; left: 50%; transform: translateX(-50%); box-sizing: border-box; font-size: 15px; letter-spacing: 0.4px; color: #fff; text-align: center;}
.logo_sch_wrap { width: calc(100% - 500px); max-width: 1100px; display: flex; justify-content: space-between; align-items: center;}
.df-logo { vertical-align: middle; width: 245px;}
.df-searchbox {float: none; width: 100%;margin-top: 10px; padding-bottom: 0;}
#header .spot .inner .sch_box { display: inline-block; vertical-align: middle; position: relative; width: calc(95% - 245px); max-width: 780px;}
.df-searchbox-header { height: 45px; border-radius: 0px; background-color: #fff; border: 2px solid #38b6ea; box-sizing: border-box;}
.df-searchbox-header > #keyword { width: 100%; height: 100%; padding: 2px 50px 2px 20px;}
.df-searchbox-header > #keyword::placeholder {font-size : 14px; line-height:1; letter-spacing : 0.45px; color : #808080;}
.df-searchbox-focusin .df-searchbox-header #keyword {width:100%; background:#f2f2f2; border:0px; color:#6f6f6f; border-radius:0px}
.df-searchbox-btn:after { top: 5px; right: 10px; width: 30px; height: 30px; line-height: 30px; font-size: 25px; color: #38b6ea;}
.ad-top-slider { position: relative; right: auto; bottom: auto; display: inline-block; vertical-align: top; margin-right:50px}
.ad-top-slider .df-slider img { max-width: 251px;}
/* í—¤ë” í•˜ë‹¨ ì¹´í…Œê³ ë¦¬ */
.df-lnb { border-top: 1px solid #ddd;}
.df-lnb-category .df-cnb-item-link {font-size: 15px;}
.df-menu-product_wrap.df-cnb-m1 { position: absolute; z-index: 97; border: 1px solid #ddd; white-space: nowrap; background: #fff; top: auto; left: 50%; height:auto !important; transform: translateX(-50%); display:none}
.pro_cate.df-cnb-item_on .df-menu-product_wrap.df-cnb-m1 {display:block}
.df-menu-product_wrap .df-menu-product { padding-top: 8px; padding-bottom: 8px; display: table-cell; position: relative; min-width: 158px;}
.df-menu-product .df-cnb-item_d1 { position: relative; text-align: left;}
.df-menu-product .df-cnb-item-link { height: auto; display: block; font-size: 12px; color: #2f2f2f; padding: 6px 20px 6px 14px; line-height: 1.5;}
.df-menu-product .df-cnb-m2 { display: none !important; margin-left: 0px !important; left: 100% !important; top: 0 !important; margin-top: -9px;}
.df-menu-product .df-cnb-item_d1.df-cnb-item_on > a, .df-menu-product .df-cnb-item_on > a > i { color: #de0028;}
.df-menu-product .df-cnb-item_d1.df-cnb-item_on .df-cnb-m2 { display: block !important;}
/* 기타 ë ˆì´ì•„웃 */
#ch-plugin img { width: 75px !important; height: 75px !important;}
.df-footer { margin-top: 18vh;}
.df-ft-middle-item_return { position: relative; border-left: 0px; width: 54%;}
.footer_logo { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 90%; max-width: 310px;}
.df-escrow-inicis { opacity: 0;}
.df-copyright { display: none;}
/* ë©”ì¸ */
.tit-product-main { margin: 15vh 0 10vh;}
.tit-product-main h2 { font-size: 32px; margin-bottom: 12px; text-transform: capitalize; color: #2e2e2e; position: relative;}
.tit-product-main h2::after{content: ''; width: 100%; height: 1px; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index:-1;}
.tit-product-main h2 span{background: #fff; padding: 0 20px;}
.partner-wrap .tit-product-main h2 span{padding: 0 20px 0 0}
.tit-product time, .tit-product-main time { width: 28px; height: 28px; margin-right: 12px;}
.tit-product time, .tit-product-main time, .df-movelist time, .df-cnb-item-link time { border: 2px solid #d5002d;}
.tit-product time:before, .tit-product time:after, .tit-product-main time:before, .tit-product-main time:after,
.df-movelist time:before, .df-movelist time:after, .df-cnb-item-link time:before, .df-cnb-item-link time:after {background: #d5002d;}
.cate_desc_txt { font-size: 18px; line-height: 1.3; color: #595959;}
/* ë©”ì¸ íƒ€ìž„ì„¸ì¼ */
.df-prl-timesale > span {font-size:13px;}
.df-prl-timesale > .before { color: #fff; border: 1px dashed #828282; background: #828282;}
.df-prl-timesale > .after { color: #fff; border: 1px dashed #828282; background: #828282;}
.df-prl-timesale > .ing { color:#fff; border:1px solid #828282; background:#828282; }
.df-prl-timesale .n { border:1px solid #484848; background:#484848;color:#fff }
.df-prl-timesale .before .n { border-color:#484848; background:#484848; color:#fff }
.df-prl-items_type_left .align_center .df-prl-desc { text-align: center;}
/* ë©”ì¸ note Shipang Best*/
.df-prl-items_grid_note .df-prl-item {margin-right: 70px; margin-bottom: 70px; width: calc(50% - 70px);}
.df-prl-items_grid_note .df-prl-item .df-prl-box { border: 0px;}
.df-prl-items_grid_note .df-prl-item:hover .df-prl-box {border: 0px;}
.df-prl-items_grid_note .df-prl-item:after {display:none;}
.df-prl-items_grid_note .df-prl-thumb { width: 45%;}
.df-prl-items_grid_note .df-prl-desc { width: 55%;text-align: center;}
.df-prl-items_grid_note .df-prl-name span { font-weight: bold !important; font-size: 20px !important; line-height: 1.1; color: #333333 !important;}
.df-prl-items_grid_note.df-prl-items_type_border .df-prl-name:after { height: 4px; background: transparent}
.df-prl-items_grid_note.df-prl-items_type_border .df-prl-item:hover .df-prl-name:after {background: #38b1e5;}
.df-prl-items_grid_note.df-prl-items_type_border .df-prl-listitem { margin-top: 20px;}
.df-prl-items_grid_note .df-prl-listitem-cell.summary_desc {position:relative;}
/* .df-prl-items_grid_note .df-prl-listitem-cell.summary_desc::before { content: ""; position: absolute; left: 10%; top: 50%; width: 80%; height: 1px; background: #ddd;} */
.df-prl-items_grid_note .df-prl-listitem-cell.product_open_date { margin-top: 10px;}
.df-prl-items_grid_note .df-prl-listitem-cell span { font-size: 17px !important; color: #4d4d4d !important; font-weight: 500;}
.df-prl-status { display: none;}
.df-prl-booking { float: left; width: 100%; border: 1px solid #ddd; font-size: 18px; line-height: 1.3; text-transform: capitalize; color: #808080; padding: 8px 0px; margin-top: 25px; display:none; transition:all 0.4s}
.df-prl-items_grid_note .df-prl-item:hover:hover .df-prl-booking {color:#fff; background:#38b1e5; border-color:#38b1e5}
.df-prl-items_grid_note .df-prl-booking {display:block;}
/* ë©”ì¸ 4단배너 */
.sec-banner1 { margin-top: 12vh;}
.sec-banner1 .df-grid { margin-left: 0px; justify-content: space-around; gap: 10px;}
.sec-banner1 .df-grid .df-grid-cell { width: calc(33.333% - 10px); flex-basis: calc(33.333% - 10px); -webkit-flex-basis: calc(33.333% - 10px); -ms-flex-basis: calc(50% - 10px); transition: all 0.4s;}
.sec-banner1 .df-grid .df-grid-cell:hover { box-shadow: 3px 3px 12px rgb(0 0 0 / 30%);}
.sec-banner1 .df-grid-inYX12 .df-grid-cell .df-grid-box {padding:0px;}
.sec-banner1 .df-grid > .df-grid-cell img { width: 100%; height: auto;}
.sec-banner1 .df-grid .df-grid-cell:nth-child(4) { width: calc(24.777% - 17px); flex-basis: calc(24.777% - 17px); -webkit-flex-basis: calc(24.777% - 17px); -ms-flex-basis: calc(24.777% - 17px); overflow: hidden; margin-right: 7px;}
.sec-banner1 .df-grid .df-grid-cell:nth-child(5) { width: calc(42% - 10px); flex-basis: calc(42% - 10px); -webkit-flex-basis: calc(42% - 10px); -ms-flex-basis: calc(42% - 10px);overflow: hidden;}
.sec-banner1 .df-grid .df-grid-cell:nth-child(6) { width: calc(33.333% - 10px); flex-basis: calc(33.333% - 10px); -webkit-flex-basis: calc(33.333% - 10px); -ms-flex-basis: calc(33.333% - 10px); overflow: hidden;}
.sec-banner1 .latest { position: relative; right: auto; top: auto; height: auto; float: left; box-sizing: border-box; width: 100%; flex-basis: 100%; -webkit-flex-basis: 100%; -ms-flex-basis:100%; margin-top: 4vh;}
.sec-banner1 .latest .notice {padding-top: 35px;}
.sec-banner1 .latest h3 > a { height: 30px;}
.sec-banner1 .latest h3 .title { line-height: 30px; font-size: 32px; text-transform: uppercase; color: #404040;}
.sec-banner1 .latest h3 .more { width: 20px; height: 20px;}
.sec-banner1 .latest h3 .more:before { left: 6px; top: 10px;}
.sec-banner1 .latest h3 .more:after { left: 10px; top: 6px;}
.sec-banner1 .latest .content{margin-top: 2vh;}
.sec-banner1 .latest .content li {line-height: 38px; border-bottom: 1px solid #ddd; position:relative;}
.sec-banner1 .latest .content li:nth-child(1) { border-bottom: 1px solid #ddd !important;}
.sec-banner1 .latest .content li:last-child {border-bottom: 0;}
.sec-banner1 .latest .content a {font-size: 15px;}
.sec-banner1 .latest .content li a span.board_date{position:absolute; display: inline-block; right:14px; font-size: 14px; font-weight: 300;}
.sec-banner1 .latest .content li a span.board_num{width:5%; display: inline-block; text-align:center;}
.sec-banner1 .latest .content .xans-board-notice-1 li:last-child {
border-bottom: 1px solid #ddd;
}
/* ë©”ì¸ íŒŒíŠ¸ë„ˆ */
.partner-wrap .tit-product-main {margin-bottom:6vh;}
.partner-wrap .tit-product-main, .partner-wrap .tit-product-main h2 {text-align:left}
.partner_logo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; margin-bottom:5vh}
.partner_logo.ver2 {margin-bottom:0; margin-top:3vh;}
.partner_logo .item { max-width:100%;}
.partner_logo .item img {width:100%;}
.partner_ban { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.partner_ban .item {width:49%}
.partner_ban .item img {width:100%;}
.partner_ban .item:nth-child(3){margin-top: 24px}
.partner_ban .item:last-child{margin-top: 24px}
/* ìƒí’ˆìƒì„¸ */
.xans-product-detail .headingArea h2 { font-size: 35px; font-weight: 700; }
.xans-product-detail.df-detail-fixed .headingArea h2 { font-size: 27px; line-height:1.1}
.xans-product-detail .infoArea table tr {border-bottom: 1px solid #ddd;}
.xans-product-detail .infoArea table tr:last-child { border-bottom: 0; }
.xans-product-detail .infoArea table tr.eng_product_name_css { display: none;}
.xans-product-detail .infoArea table tr.product_price_css { display: none;}
.xans-product-detail .infoArea table tr.prd_price_sale_css { display: none;}
.xans-product-detail .infoArea div.df-summary-desc {line-height:1.7}
.xans-product-detail .infoArea table tr.summary_desc_css { display: table-row;}
.xans-product-detail .infoArea th { font-size: 17px; font-weight: 700; color: #000000; width: 110px; vertical-align: top; padding: 12px 4px 12px 12px;}
.xans-product-detail .infoArea table tr.prd_model_css td .df-prd-custom-add { position: relative;}
.xans-product-detail .infoArea .product_price_css td > span strong {font-weight:normal}
/*.xans-product-detail .infoArea table tr.prd_model_css td .df-prd-custom-add::before {
content: "\Aê³µìš©ë©”ì¼ : cs@shipang.kr \Aì „ë™ê·œ 주임 : 1229wjs@shipang.kr \A노경준 팀장 : jun0984@shipang.kr \Aê°•ì›êµ¬ ì´ì‚¬ : wkkang@shipang.kr";
white-space: pre; font-size: 17px; color: #666666;} */
.xans-product-detail .infoArea .guideArea {display:none}
#totalProducts { margin-top:0px;}
.xans-product-detail .infoArea li.title { width: 110px; font-size: 17px; font-weight: 700; color: #000000;}
.xans-product-detail .infoArea li.title::before {display:none;}
.xans-product-detail .infoArea table tr.expiration_date_css { display: none;}
.xans-product-detail .infoArea table tr.prd_model_css { display: none;}
.xans-product-detail .infoArea .add_product_detail table tr.simple_desc_css { display: table-row;}
.xans-product-detail .infoArea .add_product_detail table tr.prd_model_css { display: table-row;}
.xans-product-detail .infoArea .add_product_detail td { font-size: 17px; color: #666666;}
.xans-product-detail.df-detail-fixed .infoArea th { width: 90px; padding: 6px 4px 6px 4px; letter-spacing: -0.5px;}
.df-detail-fixed .infoArea td { font-size: 12px !important; letter-spacing: -.25px;}
#totalProducts > table > tbody > tr:first-child > td { border-bottom: 1px solid #e7e7e7; border-top: 0px;}
#totalProducts table tr.option_product + tr.option_product > td { border-bottom: 1px solid #e7e7e7; border-top: 0px;}
.totalPrice { display:none}
.xans-product-action .ec-base-button.df-action-button { padding-top: 40px;}
.xans-product-action .btn.buy.none { display: none;}
.xans-product-action .btn.buy .booking_btn {font-size:13px; font-weight:normal;}
#detail_top_banner_wrap { position: absolute; right: 5%; top: 70px !important; transition: all 0.4s; z-index:97}
#detail_top_banner_wrap.fixed {position: fixed; top: 120px !important;}
.detail_top_banner > li {margin-bottom:10px}
.detail_top_banner > li img { width: 90%; max-width: 140px; margin: auto; display: block; box-shadow: -2px 5px 5px rgb(0 0 0 / 20%); border-radius: 14px;}
.pro_detail_contbox { width: 90%; max-width: 1000px; margin: 5vh auto; border-top: 3px solid #000; border-bottom: 3px solid #000; padding: 8vh 5%; box-sizing: border-box;}
.pro_detail_cont1 {font-size:0; width:100%; text-align: left; position:relative;}
.pro_detail_cont1::after { content: ""; height: 2px; display: block; margin: 5vh 0px; background: repeating-linear-gradient(to right, #ddd 0, #ddd 7px, rgba(255,255,255,0) 7px, rgba(255,255,255,0) 14px);}
.pro_detail_cont1 > li { display: inline-block; vertical-align:top; }
.pro_detail_cont1 > li.left { padding-right: 5%; box-sizing: border-box; width:47%}
.pro_detail_cont1 > li.left .title { font-weight: bold; font-size: 35px; line-height: 1.3; color: #000000; margin-bottom:30px}
.pro_detail_cont1 > li.left .desc { font-weight: bold; font-size: 20px; line-height: 1.7; color: #000000;}
.pro_detail_cont1 > li.right {width:53%;}
.pro_detail_cont1 > li.right .info_item { padding: 12px 0px; border-bottom: 1px solid #999999; position: relative; display: flex; flex-wrap: wrap;}
.pro_detail_cont1 > li.right .info_item .info_tit { font-size: 20px; font-weight: 700; color: #000000; width: 180px; vertical-align: top; padding-left: 15px; box-sizing: border-box;}
.pro_detail_cont1 > li.right .info_item .info_cont { font-weight: 300;}
.pro_detail_cont1 > li.right .info_item .info_cont strong { font-weight: 300;}
.pro_detail_cont1 > li.right .info_item.expiration_date_css {border-bottom:0}
.pro_detail_cont1 > li.right .info_item.product_name_css { display: none;}
.pro_detail_cont1 > li.right .info_item.simple_desc_css { display: none;}
.pro_detail_cont1 > li.right .info_item.info_item.prd_model_css { display: none;}
.pro_detail_cont1 > li.right .info_item.info_item.product_price_css { display: none;}
.pro_detail_cont1 > li.right .info_item.info_item.prd_price_sale_css { display: none;}
.pro_detail_cont2 {font-size:0; width:100%; text-align: left; position:relative;}
.pro_detail_cont2 > li { display: inline-block; vertical-align:top; }
.pro_detail_cont2 > li.left { width:47%; padding-right: 5%; box-sizing: border-box;}
.pro_detail_cont2 > li.left .title { font-weight: bold; font-size: 35px; line-height: 1.3; color: #000000; margin-bottom:30px}
.pro_detail_cont2 > li.left .desc {font-size: 17px; color: #666666;}
.pro_detail_cont2 > li.left .desc span { font-weight: 700; color: #000000; margin-right: 20px;}
.pro_detail_cont2 > li.left .desc1 {margin-bottom:30px}
.pro_detail_cont2 > li.right {width:53%; background: #f7f7f7; padding-bottom: 20px;}
.pro_detail_cont2 > li.right .manager_info_box { width: 90%; margin: auto; padding: 35px 0px; border-bottom: 1px solid #999999; position: relative; display: flex; flex-wrap: wrap;}
.pro_detail_cont2 > li.right .manager_info_box:last-child {border-bottom:0px;}
.pro_detail_cont2 > li.right .manager_info_box .info_tit { font-size: 20px; font-weight: 700; color: #000000; width: 180px; vertical-align: top; padding-left: 15px; box-sizing: border-box;}
.pro_detail_cont2 > li.right .manager_info_box .info_cont { font-size: 17px; color: #666666; font-weight: 300;}
.pro_detail_cont2 > li.right .manager_info_box .info_cont p { position: relative; padding-left: 65px; box-sizing: border-box;}
.pro_detail_cont2 > li.right .manager_info_box .info_cont p span { position: absolute; left: 0px; top: 0px; font-weight: 500;}
.pro_detail_btnbox {width: 90%; max-width: 1000px; margin:8vh auto 0}
.pro_detail_btnbox .ec-base-button.df-action-button { margin: 0px; padding: 0 !important;}
.pro_detail_btnbox.xans-product-action .ac-buy.wrap { float: none; width: 100%;}
.pro_detail_btnbox.xans-product-action .ec-base-button.df-action-button .btn { display: inline-block; margin: 0px; width: 90%; max-width: 200px;}
.pro_detail_btnbox.xans-product-action .ec-base-button.df-action-button .btn.buy.none { display: none;}
.xans-product-action .ec-base-button.df-action-button { display: flex; justify-content: end;}
.xans-product-action .ac-wishlist.wrap { width: 37%;}
html:lang(ko) .xans-product-detail div.df-util span.board .lang-review:before { content: "ìƒí’ˆ Q&A";}
html:lang(ko) .xans-product-detail div.df-util span.board .lang-qna:before { content: "운임쇼핑 예약";}
html:lang(ko) .df-prd-tab-item-review:after { content: "ìƒí’ˆ Q&A";}
html:lang(ko) .df-prd-tab-item-qna:after { content: "운임쇼핑 예약";}
.df-prd-related-items { justify-content: center;}
.xans-product-additional .board .df-lang-review-viewall { font-size: 0; line-height: 0; min-width: 100px;}
.xans-product-additional .board .df-lang-review-viewall:after { font-size: 12px; line-height: 18px;}
html:lang(ko) .xans-product-additional .df-lang-review-viewall:after { content: "모ë‘보기";}
html:lang(ko) .xans-product-additional .lang-qna-list:after { content: "모ë‘보기";}
#totalProducts {display:none}
.xans-product-action .btn.soldout { font-weight: normal;}
/* 서브페ì´ì§€ */
.sub {width:100%; position:relative;}
.sub_inner {width:90%; max-width:1200px; margin:auto;}
.sub_inner2 {width:90%; max-width:1260px; margin:auto;}
.white {color:#fff !important;}
.light {font-weight: 400;}
.bold {font-weight: 600;}
.bold2 {font-weight: 800;}
.upper {text-transform: uppercase !important;}
.s_txt1 { font-weight: bold; font-size: 35px; line-height: 1.3; letter-spacing: -1px; color: #000000; margin-bottom: 5px;}
.s_txt2 { font-size: 20px; line-height: 1.5; letter-spacing: -0.5px; color: #808080;}
.s_txt3 { font-size: 32px; line-height: 1.3; letter-spacing: -1.25px; color: #808080;}
.s_txt3 .big { font-weight: bold; font-size: 40px;}
.s_txt4 { font-size: 16px; line-height: 1.5; color: #000000;}
.s_txt5 { font-weight : bold; font-size : 25px; line-height : 1.3; color : #333333;}
.s_deco { transform: rotate(15deg); display: inline-block; margin-left: 5px;}
.sub_down { display: inline-block; margin-top: 70px; font-weight: 500; font-size: 20px; line-height: 1.5; letter-spacing: -0.5px;
color: #000000; border-bottom: 2px solid #fff; padding-bottom: 10px; margin-bottom:15px}
.sub_down img { width: 90%; max-width: 22px; display: inline-block; margin-left: 20px; margin-right: 15px;}
.sub_down.color1 {border-color:#d70028}
.sub_down.color2 {border-color:#38afe3; margin-top:45px}
.sub_down.color4 {border-color:#f1bb3a;}
.sub_top { margin: 120px 0px 80px; display: flex;}
.sub_top > li.img { width:55%; background: no-repeat center/cover;}
.sub_top > li.txt { width:45%; padding: 10vh 4%; box-sizing: border-box;}
.sub_top > li.txt .s_txt1 { margin-bottom: 40px;}
.sub_top > li.txt .s_txt2 { margin-bottom: 20px;}
.sub_top.sub1 > li.img { background-image: url(//ecimg.cafe24img.com/pg203b95727382075/shipang/web/sydesign/sub1_banner.png);}
.sub_top.sub1 > li.txt {background: #0066ab;}
.sub_top2_wrap { padding-bottom: 80px; margin: 120px 0px 120px;}
.sub_top2_wrap::before { content: ""; position: absolute; left: 0; bottom: 0; background: #ececec; z-index: -1; width: 50%; height: 80%;}
.sub_top2 { margin: 0px auto; font-size: 0px; width: 90%; max-width: 1300px; min-height: 600px;}
.sub_top2 > li { display: inline-block; vertical-align: bottom;}
.sub_top2 > li.img { background: no-repeat center/cover; width: 55%; height: 75vh; margin-right: -18%;}
.sub_top2 > li.txt { padding: 8vh 6%; box-sizing: border-box; width: 63%;}
.sub_top2 > li.txt .s_txt1 { margin-bottom: 30px;}
.sub_top2 > li.txt .s_txt2 { margin-bottom: 20px;}
.sub2_txtbox_inner { padding: 8px; box-sizing: border-box;}
.sub2_txtbox_inner p { font-size: 16px; line-height: 1.3; word-break: keep-all; color: #000000;}
.sub_top2.sub2 > li.img { background-image: url(//ecimg.cafe24img.com/pg203b95727382075/shipang/web/sydesign/sub2_banner.png);}
.sub2_img { width: 90%; max-width: 185px; position: absolute; left: 20px; top: 30px;}
.sub_top2.sub2 > li.txt {background: #d70028;}
.sub_top.sub3 > li.img { background-image: url(//ecimg.cafe24img.com/pg203b95727382075/shipang/web/sydesign/sub3_banner.png);}
.sub_top.sub3 > li.txt { background: #38afe3; position: relative;}
.sub_top.sub3 > li.txt .right { float: right; padding-right: 10%; box-sizing: border-box;}
.sub_top.sub3 > li.txt .right::after { content: ""; display: block; clear: both;}
.sub3_img { width: 90%; max-width: 135px; position: absolute; right: 7%; top: 30px;}
.sub_title { padding-left: 65px; box-sizing: border-box; margin-bottom: 20px;}
.sub_contact { width: 80%; margin-left: 20%;}
.sub_infobox { display: flex; width: 100%; background: #ececec; padding: 60px 0px;}
.sub_info_item { width: 400px; border-right: 1px solid #ddd; padding: 0px 65px; box-sizing: border-box;}
.sub_info_item:last-child { border-right: 0px;}
.sub_info_item > p:nth-child(1) { font-size: 32px; line-height: 1.3; letter-spacing: -0.8px; color: #1a1a1a; font-weight: 700;}
.sub_info_item > p:nth-child(1) > span { font-size: 20px; margin-left: 7px;}
.sub_info_item .listbox { width: 100%; margin-top: 10px;}
.sub_info_item .listbox p { position: relative; padding-left: 30px; box-sizing: border-box; font-size: 18px; line-height: 30px; letter-spacing: -0.45px; color: #666666;}
.sub_info_item .listbox img { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 90%; max-width: 20px;}
.sub_contact.ver2 { width: 100%; margin-left: 0; margin-bottom: 80px;}
.sub_contact.ver2 .sub_title { padding-left: 0;}
.sub_contact.ver2 .sub_infobox { position: relative;}
.sub_contact.ver2 .sub_infobox::before { content: ""; position: absolute; right: -50%; top: 0; width: 100%; height: 100%; background: #ececec; z-index: -1;}
.sub_board .s_txt5 { margin-bottom: 35px;}
.sub_top3_wrap {padding-bottom: 80px; margin: 120px 0px 120px;}
.sub_top3_wrap::before { content: ""; position: absolute; left: 7%; top: 0; background: #ececec; z-index: -1; width: 40%; height: 80%;}
.sub_top3 { font-size: 0px; width: 100%; padding-top: 12vh;}
.sub_top3 > li.img { background: no-repeat center/cover; position: absolute; right: 0; top: 8vh; width: 60%; height: calc(100% - 4vh);}
.sub_top3 > li.txt { width: 100%; max-width: 1300px; margin: 0px auto; position: relative; z-index: 3;}
.sub_top3.sub4 > li.txt .inner { width: 50%; padding: 8vh 8%; box-sizing: border-box;}
.sub_top3 > li.txt .s_txt1 { margin-bottom: 30px;}
.sub_top3 > li.txt .s_txt2 { font-weight:300; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.5); padding-left: 40px; box-sizing: border-box; position: relative; word-break: keep-all;}
.sub_top3 > li.txt .s_txt2.last {margin-bottom:0; padding-bottom:0; border-bottom:0px;}
.sub_top3 > li.txt .s_txt2 .num { position: absolute; left: 0px; top: 0px; font-size: 22px;}
.sub_top3.sub4 > li.img { background-image: url(//ecimg.cafe24img.com/pg203b95727382075/shipang/web/sydesign/sub4_banner.png);}
.sub_top3.sub4 > li.txt .inner { background: #00864d;}
.sub_down.color4 { min-width: 240px; position:relative;}
.sub_down.color4 img { position: absolute; right: 15px; top: calc(50% - 5px); transform: translateY(-50%); margin: 0;}
.sub_infobox.ver2 .sub_info_item { width: 100%;}
.sub_infobox.ver2 .sub_info_item .listbox p { display: inline-block; position:relative;}
.sub_infobox.ver2 .sub_info_item .listbox p::after { content: ""; width: 1px; height: 17px; background: #b2b2b2; display: inline-block; margin: 0px 12px; vertical-align: middle;}
.sub_infobox.ver2 .sub_info_item .listbox p:last-child::after {display:none;}
.sub_top.sub5 > li.img{width:50%; background-image: url(//ecimg.cafe24img.com/pg203b95727382075/shipang/web/sydesign/sub5_banner.png);}
.sub_top.sub5 > li.txt{width:50%; background: #faac29;}
.sub_top.sub5 > li.txt .right{float: initial;}
.sub_top.sub5 > li.txt .s_txt2{margin-bottom: 6px; font-size: 28px; line-height: 1.3; font-weight: 600;}
.sub_top.sub5 > li.txt .s_txt3{font-size: 18px; font-weight: 500; margin-bottom: 40px; letter-spacing:0;}
.sub_top.sub5 > li.txt .s_txt9{font-size: 18px; font-weight: 500; line-height: 1.5; width:60%}
.sub_top.sub5 > li.txt .s_txt9 span{display:inline-block; vertical-align:top;}
.sub_top.sub5 > li.txt .s_txt9 span.s_cir{width:5%; position:relative; height: 28px;}
.sub_top.sub5 > li.txt .s_txt9 span.s_cir::after{content: ''; width: 5px; height: 5px; background: #fff; position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%,-50%);}
.sub_top.sub5 > li.txt .s_txt4{padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px solid rgba(255,255,255,0.6);}
.sub_top.sub5 > li.txt .sub_down img{margin-left: 120px;}
.sub_infobox2{width:100%; background: transparent; padding: 0px; margin-top: 10vh;}
.sub_info_wrap{width: 100%;font-size: 0;}
.sub_info_wrap > li{display: inline-block; vertical-align: top; height: 25vh; position: relative; font-size: 17px; width: 37%; background: #ececec;}
.sub_info_wrap > li:nth-child(1){background: transparent; width: 26%}
.info_middle{position: absolute; left: 50%; top: 50%; width:100%; transform: translate(-50%,-50%); box-sizing: border-box; padding-left: 15%;}
.info_middle2::after{content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; left: 0; top:0;}
.info_middle > p:nth-child(1){font-size: 32px; line-height: 1.3; letter-spacing: -0.8px; color: #1a1a1a; font-weight: 700;}
.info_middle > p:nth-child(1) > span{font-size: 20px; margin-left: 7px;}
.info_middle .listbox{width: 100%; margin-top: 10px;}
.info_middle .listbox p{ position: relative; padding-left: 30px; box-sizing: border-box; font-size: 18px; line-height: 30px; letter-spacing: -0.45px; color: #666666;}
.info_middle .listbox img {position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 90%; max-width: 20px;}
.sub_board2 .s_txt5{margin-bottom:0}
.sub_board2 .s_txt2{margin-bottom:35px; margin-top:4px;}
/* ê²Œì‹œíŒ */
.titleArea h2 { font-weight: bold; font-size: 30px; color: #333333; }
.titleArea p { font-size: 18px; color: #333333; margin-bottom: 45px; }
#df-boardcategory ul { margin: 40px -3px 35px !important;}
.xans-board-listsgroup { margin: 60px 0;}
.bo_13_cate {display:none;}
#df-boardcategory ul.df-bc-grid5 li a { margin: 4px;}
#df-boardcategory ul li a { margin: 3px; padding: 0 12px; line-height: 44px; border: 1px solid #e5e5e5; display:block;
font-size: 12px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}
#df-boardcategory ul li.selected a { background: #555; border-color: #555; color: #fff;}
#df-boardcategory.bo_13_cate ul li:nth-child(1) a { background: #38afe3;}
#df-boardcategory.bo_13_cate ul li:nth-child(2) a { background: #d20a17;}
#df-boardcategory.bo_13_cate ul li:nth-child(3) a { background: #00864d;}
#df-boardcategory.bo_13_cate ul li:nth-child(4) a { background: #f1bb3a;}
#df-boardcategory.bo_13_cate ul li:nth-child(5) a { background: #63420a;}
/* 회사소개 공통 */
.com_tabbox { width: 100%; margin-bottom:50px; position: relative;}
.com_tab {width: 90%; max-width: 1400px; margin: auto; position: relative; text-align: center;}
.com_tab > li { vertical-align: top; font-size: 17px; line-height: 6vh; letter-spacing: -0.5px; color: #666; display: inline-block; transition: all 0.4s;}
.com_tab > li.on { color: #d90a17; font-weight: bold;}
.com_tab > li a { display: block; width: 100%; color: inherit; padding: 0px 20px; transition: all 0.4s; box-sizing: border-box;}
.com_tab > li:hover a {text-decoration: underline;}
.c_title { width: 100%; padding: 80px 0px 65px; position: relative;}
.c_txt1 { font-size: 15px; letter-spacing: 0.5px; text-transform: uppercase; color: #dd0028; margin-bottom: 10px;}
.c_txt2 { font-weight: 700; font-size: 36px; line-height: 1.2; color: #000000; position: relative; margin-bottom: 25px;}
.align_center {text-align:center;}
.s821_p1 { font-size: 25px; line-height: 1.7; letter-spacing: -1.25px; color: #000000; margin-bottom: 10px; font-weight: 700; }
.s821_p1.padding {padding-bottom: 10px;}
.s821_p2 { font-size: 17px; line-height: 1.7; color: #666666; margin-bottom: 15px; word-break: keep-all;}
/*회사소개*/
.com1_top { position: relative; width: 100%; height: 50vh; background: url(//ecimg.cafe24img.com/pg203b95727382075/shipang/web/sydesign/company/com1_img.png) no-repeat center/cover; margin-bottom: 10vh;}
.com1_top .sub_inner { transform: translateY(-30px);}
.com1_top .txtbox { width: 90%; max-width: 385px; background: #d90a17; padding: 20px 30px 30px; box-sizing: border-box; overflow: hidden;}
.com1_logo { width: 100%; max-width: 180px; margin-left: -35px; margin-bottom: 30px;}
.com1_top .txtbox .c_txt2 { margin-bottom: 0; text-transform: capitalize;}
.com1 .s821_p2 { color: #333333;}
.com1_cont { width: 100%;}
.com1_cont .contbox { position: relative; z-index: 1;}
.com1_cont .contbox:nth-child(1) { margin-bottom: 7vh;}
.com1_cont .contbox.last { position: relative; margin-top: -6vh; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; z-index: 0;}
.com1_logo2 { width: 90%; max-width: 530px;}
.com1_cont .contbox.last .ceo { margin-top: 8vh;}
.com1_cont .contbox.last .ceo img {display: inline-block; vertical-align: middle; width: 90%; max-width: 85px;}
/*ì—°í˜*/
.com2 { background: #f8f9fb; padding-bottom: 150px;}
.his_contbox { width: 100%; background: #fff; box-shadow: -5px 7px 10px rgb(0 0 0 / 10%); padding: 100px 5% 0px; box-sizing: border-box;}
.history_box {width: 100%;}
.history_box .year { font-size: 70px; font-weight: 800; text-align: center; margin: 3.5vh 0px;}
.history_box .listbox_wrap { width: 100%; position: relative; padding: 5vh 0px;}
.history_box .listbox_wrap::before { content: ""; position: absolute; left: calc(50% - 0.5px); top: 0px; width: 1px;
height: 100%; background: #ddd;}
.history_box .listbox_wrap .listbox { width: 50%; box-sizing: border-box; position: relative; margin-bottom: 6vh;}
.history_box .listbox_wrap .listbox.right { margin-left: 50%; padding-left: 5%;}
.history_box .listbox_wrap .listbox.left { margin-right: 50%; padding-right: 5%; text-align: right;}
.history_box .listbox_wrap .listbox:last-child { margin-bottom: 0;}
.history_box .listbox_wrap .listbox::before { content: ""; width: 8px; height: 8px; border-radius: 100%; background: #999999; position: absolute; left: -4px; top: 0px;}
.history_box .listbox_wrap .listbox:nth-child(1):before { width: 12px; height: 12px; left: -6px;}
.history_box .listbox_wrap .listbox.left::before { left: auto; right: -4px;}
.history_box .listbox_wrap .listbox.left:nth-child(1):before {left: auto; right:-6px;}
.history_box .listbox_wrap .listbox .date { font-weight: 700; font-size: 22px; line-height: 1.3;}
.history_box .listbox_wrap .listbox .txt { font-size: 18px; line-height: 1.3; color: #404040; margin-bottom: 5px;}
.history_box .listbox_wrap .listbox .txt:last-child { margin-bottom: 0;}
.h_color1 {color: #d90a17 !important;}
.history_box .listbox_wrap.h_color1 .listbox:nth-child(1):before {background: #d90a17;}
.h_color2 {color: #0066b2 !important;}
.history_box .listbox_wrap.h_color2 .listbox:nth-child(1):before {background: #0066b2;}
.h_color3 {color: #38b6ea !important;}
.history_box .listbox_wrap.h_color3 .listbox:nth-child(1):before {background: #38b6ea;}
.h_color4 {color: #f8c23a !important;}
.history_box .listbox_wrap.h_color4 .listbox:nth-child(1):before {background: #f8c23a;}
.com2_logo { width: 90%; max-width: 850px; margin: auto; display: block;}
/*ë¹„ì „&미션*/
.com3_logo { position: absolute; right: -5px; top: 0%; width: 25%; max-width: 450px;}
.com3_contbox1 {margin-bottom: 100px;}
.com3_contbox1 .contbox { width: 100%; font-size: 0px;}
.com3_contbox1 .contbox.left { text-align: left;}
.com3_contbox1 .contbox.right { text-align: right;}
.com3_contbox1 .contbox .imgbox { display: inline-block; vertical-align: top; width: 50%; height: 45vh; background: no-repeat center/cover;}
.com3_contbox1 .contbox.left .imgbox { background-image: url(//ecimg.cafe24img.com/pg203b95727382075/shipang/web/sydesign/company/com3_img1.png);}
.com3_contbox1 .contbox.right .imgbox {background-image: url(//ecimg.cafe24img.com/pg203b95727382075/shipang/web/sydesign/company/com3_img2.png);}
.com3_contbox1 .contbox .txtbox { display: inline-block; vertical-align: top; width: 25%; height: 45vh; position: relative; text-align: left;}
.com3_contbox1 .contbox.left .txtbox { background: linear-gradient(-135deg, transparent 25px, #d90a17 0);box-shadow: -12px 10px 10px rgb(0 0 0 / 30%);}
.com3_contbox1 .contbox.right .txtbox { background: linear-gradient(45deg, transparent 25px, #004f7f 0);}
.com3_contbox1 .contbox.right .txtbox::before { content: ""; background: linear-gradient(45deg, transparent 25px, rgba(0,0,0,0.2) 0); position: absolute; left: -10px; top: 8px; filter: blur(3.5px); width: 100%; height: 100%; z-index: -1;}
.com3_contbox1 .contbox .txtbox .inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 75%;}
.com3_contbox1 .contbox .txtbox p:nth-child(1) { font-weight: 700; font-size:32px; letter-spacing: -0.85px; text-transform: uppercase; color: #FFFFFF; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 15px; margin-bottom: 10px;}
.com3_contbox1 .contbox .txtbox p:nth-child(2) { font-size: 24px; line-height: 1.5; letter-spacing: -0.75px;
color: #FFFFFF;word-break: keep-all;}
.com3_contbox2 {width: 100%;}
.com3_cont2_ul { display: flex; width: 100%; flex-wrap: wrap;}
.com3_cont2_ul > li { width: 33.3333%; border-right: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 4% 5%; box-sizing: border-box;}
.com3_cont2_ul > li:nth-child(3n) { border-right: 0;}
.com3_cont2_ul > li.bottom {border-bottom: 0px;}
.com3_cont2_ul > li.item img { width: 90%; max-width: 100px; display: block; margin-bottom: 30px;}
.com3_cont2_ul > li.item p:nth-child(2) {font-weight: 800; font-size: 24px; letter-spacing: -0.75px; color: #000000; margin-bottom: 15px;}
.com3_cont2_ul > li.item p:nth-child(3) {font-size: 19px; letter-spacing: -0.5px; color: #333333; margin-bottom: 12px; font-weight: 500;}
.com3_cont2_ul > li.item p:nth-child(4) { font-size: 17px; line-height: 1.5; letter-spacing: -0.45px; color: #404040; word-break: keep-all;}
.com3_cont2_ul > li.last { position: relative;}
.com3_cont2_ul > li.last::before { content: " “ "; font-family: 'GmarketSansBold'; font-size: 230px; line-height: 1; color: #e5e5e5; position: absolute; left: 25%; top: 60%; transform: translate(-50%,-50%);}
.com3_cont2_ul > li.last p { position: absolute; left: 55%; top: 60%; width: fit-content; transform: translate(-50%,-50%); font-size: 17px; line-height: 1.5; letter-spacing: -0.45px; color: #404040; word-break: keep-all;}
.com3_cont2_ul > li.last p .underline { display: block; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #7e7e7e;}
/*오시는 길*/
.com4_mapbox { display: flex; flex-wrap: wrap; width: 100%; box-shadow: -5px 7px 4px rgb(0 0 0 / 20%);}
.com4_mapbox .map { width: 65%;}
.com4_mapbox .map .df-iframe { width: 100%; height: 100%;}
.com4_mapbox .txtbox { width: 35%; background: #004f7f; padding: 8vh 0px 8vh 4%; box-sizing: border-box;}
.com4_logo { width: 65%; max-width: 250px; margin-bottom: 30px; margin-left: -15px;}
.com4_mapbox .infobox { border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 12px; padding-bottom: 12px;}
.com4_mapbox .infobox:last-child { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;}
.com4_mapbox .infobox p { padding-left: 10px; box-sizing: border-box;}
.com4_mapbox .infobox .tit { font-weight: 600; font-size: 17px; line-height: 1; letter-spacing: -0.55px; text-transform: uppercase; color: #FFFFFF; position: relative; margin-bottom: 10px;}
.com4_mapbox .infobox .tit::before { content: ""; position: absolute; left: 0px; top: 0px; width: 3px; height: 100%; background: #da0a17;}
.com4_mapbox .infobox .txt { font-size: 17px; line-height: 1.3; font-weight: 300; letter-spacing: -0.55px; color: #fff;}
/* etc */
.xans-member-findid .findId {width: 375px !important;}
.xans-member-findpasswd .findPw {width: 375px !important;}
/* ì¹´í…Œê³ ë¦¬ 추가 메뉴 높ì´ê°’ ìˆ˜ì • */
.df-allmenu-wrap .df-allmenu-left, .am_pro_cate .df-cnb-m3, .am_pro_cate .df-cnb-m4 { height: 512px; box-sizing: border-box;}
/*좌측픽스배너*/
.right_fix{left: 0; top: 50%; transform: translateY(-50%); z-index: 98; background: #eff3f6; width:160px}
.fixinner{position: fixed;}
.right_fix > li a{color: #666; font-size: 15px; line-height:42px; padding: 0 0 0 28px; display:block; border-top: 1px solid transparent; position: relative; transition: all 0.4s;}
.right_fix > li a img{position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 8px; opacity:0; transition: all 0.4s;}
.right_fix > li:hover > a{background: #fff; color: #38ace0; border-top: 1px solid #38ace0; font-weight: bold;}
.right_fix > li:hover a img{opacity:1;}
.right_sub{position: absolute; right: -160px; top: 0; background: #38ace0; display:none; width: 160px; height:100%; box-sizing: border-box;}
.right_sub > li a{color:#fff; position: relative; font-size: 13px;}
.right_sub > li a::after{content: ''; width: 90%; height: 1px; background: rgba(255,255,255,0.4); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.right_sub > li:nth-last-child(1) a::after{display:none;}
.right_fix > li:hover .right_sub{display:block;}
/* ì¸ìŠ¤íƒ€ê·¸ëž¨ ìœ„ì ¯ */
.app-instagram.on { margin-top:50px; margin-bottom:-50px; padding:25px 0 30px }
.app-instagram.on #instagramWidgetManual { /* max-width:ê°’ layout.cssì—ì„œ ì§€ì •*/ height:312px; margin:0 auto; text-align:center }
@media all and ( max-width:1280px) {
.app-instagram.on #instagramWidgetManual { /* max-width:ê°’ layout.cssì—ì„œ ì§€ì •*/ }
}
/* ì—…ë°ì´íŠ¸: 2020-06-28 */
/* SNS ì•„ì´ì½˜ ëª¨ìŒ */
.df-snsicon_skin05 .df-snsicon-item { display:inline-block; background:rgba(0,0,0,.16); width:28px; height:28px; text-align:center; border-radius:50% }
/* ì•„ì´ì½˜ 기본값 */
.df-snsicon_skin05 .df-snsicon-item:after { font-size:17px; line-height:28px; font-family:xeicon !important; color:#fff; margin-left:.5px }
/* 개별 ì•„ì´ì½˜ */
.df-snsicon_skin05 .df-snsicon-item_facebook:after { content:"\ebd3" }
.df-snsicon_skin05 .df-snsicon-item_twitter:after { content:"\ec1f" }
.df-snsicon_skin05 .df-snsicon-item_instagram:after { content:"\ebe9" }
.df-snsicon_skin05 .df-snsicon-item_blog:after { content:"\ebbc" }
.df-snsicon_skin05 .df-snsicon-item_cafe:after { content:"\eb44" }
.df-snsicon_skin05 .df-snsicon-item_store:after { content:"\ea05" }
.df-snsicon_skin05 .df-snsicon-item_kakao:after { content:"\ebef" }
.df-snsicon_skin05 .df-snsicon-item_weibo:after { content:"\ec1a" }
.df-snsicon_skin05 .df-snsicon-item_qq:after { content:"\ec06" }
.df-snsicon_skin05 .df-snsicon-item_pinterest:after { content:"\ec04" }
.df-snsicon_skin05 .df-snsicon-item_tumblr:after { content:"\ec1c" }
.df-snsicon_skin05 .df-snsicon-item_youtube:after { content:"\ec32" }
/* ë°°ê²½ 롤오버 ìƒ‰ìƒ */
.df-snsicon_skin05 > .df-snsicon-item_facebook:hover { background:#5c84d7 }
.df-snsicon_skin05 > .df-snsicon-item_twitter:hover { background:#28b5f2 }
.df-snsicon_skin05 > .df-snsicon-item_instagram:hover { background:#a057a2; background:linear-gradient(to right,#fa9753 ,#773ac6) }
.df-snsicon_skin05 > .df-snsicon-item_blog:hover { background:#44cb44 }
.df-snsicon_skin05 > .df-snsicon-item_cafe:hover { background:#44cb44 }
.df-snsicon_skin05 > .df-snsicon-item_store:hover { background:#44cb44 }
.df-snsicon_skin05 > .df-snsicon-item_kakao:hover { background:#f9b932 }
.df-snsicon_skin05 > .df-snsicon-item_weibo:hover { background:#e94d1c }
.df-snsicon_skin05 > .df-snsicon-item_qq:hover { background:#00a0de }
.df-snsicon_skin05 > .df-snsicon-item_pinterest:hover { background:#ee1c1b }
.df-snsicon_skin05 > .df-snsicon-item_tumblr:hover { background:#627f98 }
.df-snsicon_skin05 > .df-snsicon-item_youtube:hover { background:#ee1c1b }
/*-----------------------------------------------------------------
픽스배너 공통
-----------------------------------------------------------------*/
.df-fixbanner { display:none; position:fixed; z-index:98; top:0; box-sizing:border-box; right:-231px; width:231px; height:100%; padding:15px 5px; background:#fff; border-left:1px solid #dfdfdf; box-shadow:none;
transition:right .4s .0s cubic-bezier(0.69,0.51,0.15,0.86), box-shadow .4s .0s cubic-bezier(0.69,0.51,0.15,0.86);
}
.df-fixbanner.fxb-open { right:0px; box-shadow:-3px 0px 3px rgba(135,135,135,0.1) }
.fxb-quick-position { position:absolute; top:50%; left:-41px;
transform:translate(0, -50%);
}
/*-----------------------------------------------------------------
픽스배너 콘í…ì¸ ì˜ì—
-----------------------------------------------------------------*/
.fxb-content { height:calc(100vh - 30px) }
.fxb-content.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { width:5px; left:-5px; background:#afafaf }
.fxb-content-inner { padding-left:10px; padding-right:10px; padding-right:9px /* ë·°í¬íŠ¸ 100% 미만 축소시 한줄 멀티 ì´ë¯¸ì§€ ë°°ì—´ì´ ííŠ¸ë ¤ì ¸ 우측 íŒ¨ë”©ê°’ì— ì—¬ë°± -1í”½ì…€ì„ ì¶”ê°€ 부여함 2021-03-30 */ }
/* 슬ë¼ì´ë“œ 배너(ì•„ì´í”„ë ˆìž„ 대ì‘) */
.fxb-slide-wrap { margin-bottom:15px }
.fxb-slide-wrap img { width:200px }
.fxb-slide-wrap .df-iframe > iframe { width:100% }
/* 배너(ì•„ì´í”„ë ˆìž„ 대ì‘) */
.fxb-banner { overflow:hidden }
.fxb-banner:after { display:block; clear:both; content:"" }
.fxb-banner-item { float:left; line-height:0 }
.fxb-banner-item img { max-width:100% }
.fxb-banner-wrap .df-iframe > iframe { width:100% }
/* SNS ì•„ì´ì½˜(ì¼ë¶€ë””ìžì¸) */
.fxb-content .df-snsicon-wrap { display:none; margin-top:12px; padding:0; text-align:center }
.fxb-content .df-snsicon { display:inline-block; font-size:0 }
.fxb-content .df-snsicon:after { display:block; clear:both; content:"" }
.fxb-content .df-snsicon-item { float:left; margin:0 2px 4px 2px }
/*-----------------------------------------------------------------
픽스배너 퀵버튼 ì˜ì—
-----------------------------------------------------------------*/
.fxb-qik-item { position:relative; width:40px; height:40px; padding:0; margin:0; text-align:center }
.fxb-qik-item:hover > .fxb-qik-link:before { color:#111 }
.fxb-qik-item:last-child > .fxb-qik-link { border-bottom:1px solid #dfdfdf }
.fxb-qik-item.selected > .fxb-qik-link { color:#2f2f2f }
.fxb-qik-item.selected > .fxb-qik-link { border-left:1px solid #fff }
.fxb-qik-link { display:table; position:relative; z-index:200; width:100%; height:100%; color:#777; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; background:#fff; box-sizing:border-box }
.fxb-qik-link > .count { position:absolute; z-index:102; right:31px; top:-7px; min-width:11px; height:16px; min-width:10px; line-height:16px; padding:1px 4px; text-align:center; background:#444; border-radius:16px; font-family:Roboto, Arial, sans-serif; font-size:9px; color:#fff; vertical-align:middle }
/* 열기·닫기 버튼 */
.fxb-qik-item.onoff { display:none; height:44px }
.fxb-qik-item.onoff > .fxb-qik-link { border-top:1px solid #272727; border-left:1px solid #272727; background:#272727;
transition:all .6s .0s cubic-bezier(0.69,0.51,0.15,0.86);
-webkit-transform: translate3d(0,0,0); /* 호버시 transform 깜빡임 버그로 ì¸í•œ 요소 추가 2019-10-03 */
}
.fxb-qik-item.onoff > .fxb-qik-link:before,
.fxb-qik-item.onoff > .fxb-qik-link:after { display:block; position:absolute; top:50%; left:50%; margin-left:-6px; clear:both; width:12px; height:1px; background:#fff; content:"";
transform-origin:50% 50%;
transition:all .6s .0s cubic-bezier(0.69,0.51,0.15,0.86);
}
.fxb-qik-item.onoff > .fxb-qik-link:before { margin-top:-4px;
transform:rotate(-45deg);
}
.fxb-qik-item.onoff > .fxb-qik-link:after { margin-top:4px;
transform:rotate(45deg);
}
.fxb-open .fxb-qik-item.onoff > .fxb-qik-link { border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; background:#f7f7f7 }
.fxb-open .fxb-qik-item.onoff > .fxb-qik-link:before {
background:#000;
transform:rotate(225deg);
}
.fxb-open .fxb-qik-item.onoff > .fxb-qik-link:after {
background:#000;
transform:rotate(-225deg);
}
/* 검색·장바구니·주문조회·관심ìƒí’ˆÂ·ì¢‹ì•„요·최근본ìƒí’ˆ 버튼 */
.fxb-ajax-search > .fxb-qik-link:before { font-size:18px; line-height:39px; font-family:xeicon !important; content:"\e97a"; display:inline-block }
.fxb-ajax-login > .fxb-qik-link:before,
.fxb-ajax-order > .fxb-qik-link:before { font-size:16px; line-height:39px; font-family:xeicon !important; content:"\eb72"; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1,1); transform: scale(-1,1); display:inline-block; }
.fxb-ajax-cart > .fxb-qik-link:before { font-size:17px; line-height:39px; font-family:xeicon !important; content:"\eb6f"; display:inline-block; }
.fxb-ajax-wish > .fxb-qik-link:before { font-size:17px; line-height:39px; font-family:xeicon !important; content:"\ea10"; display:inline-block; }
.fxb-ajax-like > .fxb-qik-link:before { font-size:16px; line-height:39px; font-family:xeicon !important; content:"\ea28"; display:inline-block; }
.fxb-ajax-recent > .fxb-qik-link:before { font-size:17px; line-height:39px; font-family:xeicon !important; content:"\ea2c"; display:inline-block; }
.fxb-navertalk .fxb-qik-link:before { font-size:24px; line-height:39px; font-family:xeicon !important; content:"\ebfa"; color:#fff !important }
.fxb-kakaoplus .fxb-qik-link:before { font-size:27px; line-height:39px; font-family:xeicon !important; content:"\ebee"; color:#222 !important }
/* 네ì´ë²„·카카오버튼 */
.fxb-navertalk .fxb-qik-link { border-top:1px solid #1db449; border-left:1px solid #1db449; background:#0fc444 }
.fxb-kakaoplus .fxb-qik-link { border-top:1px solid #f4d605; border-left:1px solid #f4d605; background:#ffe000 }
/* 위·아래 ì´ë™ë²„튼 */
.fxb-qik-item.updown { display:none; height:68px }
.fxb-qik-item.updown .up { display:block; height:50%; border-bottom:0 }
.fxb-qik-item.updown .down { display:block; height:50%; border-top:0 }
.fxb-qik-item.updown .up:before,
.fxb-qik-item.updown .up:after,
.fxb-qik-item.updown .down:before,
.fxb-qik-item.updown .down:after { display:block; content:""; position:absolute; top:50%; left:50%; background:#222; width:10px; height:1px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.fxb-qik-item.updown .up:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left:-9px;
margin-top:4.5px;
}
.fxb-qik-item.updown .up:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-left:-2px;
margin-top:4.5px;
}
.fxb-qik-item.updown .down:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-left:-9px;
margin-top:-4.5px;
}
.fxb-qik-item.updown .down:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left:-2px;
margin-top:-4.5px;
}
/* íˆ´íŒ */
.fxb-tooltip > .fxb-qik-link:after { display:block; position:absolute; z-index:200; top:6px; left:-9px; padding:0 10px; min-width:66px; height:28px; font-size:12px; line-height:28px; color:#fff; border-radius:4px; border:1px solid #474747; background:#454545; white-space:nowrap; opacity:0; visibility:hidden;
transform:translate(-100%, 0);
transition:all .0s .0s ease;
}
.fxb-qik-item:not(.selected):not(.onoff) > .fxb-qik-link:hover:after { opacity:1; visibility:visible;
transition:all .2s .0s ease;
}
/*-----------------------------------------------------------------
아작스 ë ˆì´ì–´(언어별)
-----------------------------------------------------------------*/
/* ajaxì˜ì— iscroll ìž‘ë™ì„ 위한 필수조건 추가(검색ì˜ì—ì€ formì´ ìƒì„±ë˜ë¯€ë¡œ 추가처리ë¨) */
.fxb-ajax-wrap > .content { height:100% }
.fxb-ajax-wrap #searchForm,
.fxb-ajax-wrap .xans-search-form { height:100% }
/* 공통 */
.fxb-ajax-wrap { display:none; position:absolute; z-index:199; top:-110px; right:39px; width:500px; height:420px; border:1px solid #dfdfdf; border-radius:4px; background:#fff; box-sizing:border-box; overflow:hidden }
.fxb-ajax-wrap .loading { position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-15px }
.fxb-ajax-wrap .loading-icon { color:#777; font-size:28px }
.fxb-ajax-wrap.loaded > .loading { display:none }
.fxb-ajax-wrap .btn-close { position:absolute; top:50%; right:27px; top:10px; cursor:pointer; width:21px; height:21px }
.fxb-ajax-wrap .btn-close:after { font-size:30px; font-family:xeicon !important; content:"\e9af"; display:inline-block; color:#000 }
.fxb-ajax-wrap .btn-close:hover:after { color:#777 }
.fxb-ajax-wrap .header { position:absolute; left:0; top:0; width:100%; height:45px; text-align:left; box-sizing:border-box }
.fxb-ajax-wrap .header:after { clear:both; content:""; display:block }
.fxb-ajax-wrap .header > h1 { margin:0 21px; line-height:48px; border-bottom:1px solid #e7e7e7 }
.fxb-ajax-wrap .header > h1:before { display:inline-block; width:4px; height:17px; background:#3f3f3f; content:""; border-radius:3px; margin-right:6px }
.fxb-ajax-wrap .middle { height:100%; padding:52px 0; margin:0 20px; overflow:hidden; box-sizing:border-box }
.fxb-ajax-wrap .footer { position:absolute; left:0; bottom:0; width:100%; height:50px; background:#f4f4f4; border-top:1px solid #e7e7e7; box-sizing:border-box }
/* 버튼 ë² ì´ìŠ¤ */
.fxb-ajax-wrap .fxb-btn { display:inline-block; box-sizing:border-box; padding:0 8px; border-radius:3px; text-align:center; transition:all .12s; }
/* ëª©ë¡ */
.fxb-ajax-wrap .md-list { }
.fxb-ajax-wrap .md-item { display:table; width:100%; padding:7px 0; border-bottom:1px solid #eee; text-align:left }
.fxb-ajax-wrap .md-item:last-child { border-bottom:0 }
.fxb-ajax-wrap .md-item > a { color:#444; line-height:1.8; padding:2px 7px }
.fxb-ajax-wrap .md-thumb { display:table-cell; width:58px; vertical-align:middle }
.fxb-ajax-wrap .md-thumb-img{ max-width:56px; max-height:58px }
.fxb-ajax-wrap .md-info { display:table-cell; padding:0 0 0 12px; text-align:left; vertical-align:middle }
.fxb-ajax-wrap .md-info-name { font-size:12px; color:#222; line-height:1.6 }
.fxb-ajax-wrap .md-info-option { font-size:11px; color:#777; line-height:1.6 }
.fxb-ajax-wrap .md-info-price { font-size:12px; color:#777; line-height:1.6 }
.fxb-ajax-wrap .md-info-price > span { margin-right:5px }
.fxb-ajax-wrap .md-button { display:table-cell; padding:0 9px 0 7px; min-width:80px; text-align:right; vertical-align:middle }
.fxb-ajax-wrap .md-button-item { margin-top:4px }
.fxb-ajax-wrap .md-button-item:first-child { margin-top:0 }
.fxb-ajax-wrap .md-empty { padding:100px 0; text-align:center; border:0 }
.fxb-ajax-wrap .md-empty:before { display:block; margin-bottom:22px; font-size:42px; font-family:xeicon !important; content:"\e97a"; color:#999 }
.fxb-ajax-wrap #likeproduct .md-empty,
.fxb-ajax-wrap #likecategory .md-empty { padding:82px 0 /* 좋아요 ì˜ì— íƒìœ¼ë¡œ ì¸í•œ 패딩값 변경 */ }
/* íƒ */
.fxb-ajax-wrap .df-tab { margin:18px 58px 0; border-bottom:1px solid #dfdfdf; text-align:center }
.fxb-ajax-wrap .df-tab-list { display:table; width:100%; margin:0 auto }
.fxb-ajax-wrap .df-tab-list:after { display:block; clear:both; content:"" }
.fxb-ajax-wrap .df-tab-cell { position:relative; display:table-cell; width:50% }
.fxb-ajax-wrap .df-tab-cell > .link { display:block; width:100%; height:42px; line-height:42px; font-weight:bold; color:#707070 }
.fxb-ajax-wrap .df-tab-selected > .link { color:#222 }
.fxb-ajax-wrap .df-tab-selected > .link:after { display:block; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#666; content:"" }
.fxb-ajax-wrap .df-tab-content { display:none }
.fxb-ajax-wrap .df-tab-content-selected { display:block }
/* 사ì´ë“œÂ·í•˜ë‹¨ 공통버튼 */
.fxb-ajax-wrap .fxb-btn-md { min-width:100px; border:1px solid #e7e7e7; line-height:30px }
.fxb-ajax-wrap .fxb-btn-md:hover { background:#f3f3f3 }
.fxb-ajax-wrap .fxb-btn-ft { margin-top:6px; background-color:#2a2b2c; color:#fff; line-height:36px; min-width:120px }
.fxb-ajax-wrap .fxb-btn-ft:hover { background-color:#777 }
/*-----------------------------------------------------------------
아작스 - ìƒí’ˆê²€ìƒ‰(언어별)
-----------------------------------------------------------------*/
.fxb-ajax-search .fxb-ajax-wrap { height:380px }
.fxb-ajax-search .search-item { text-align:left; padding:6px 0; border-bottom:1px solid #e7e7e7; vertical-align:middle }
.fxb-ajax-search .search-item:after { display:block; content:""; clear:both }
.fxb-ajax-search .search-title { float:left; width:118px; font-size:12px; padding:8px 6px }
.fxb-ajax-search .search-content { float:right; width:320px; font-size:11px }
.fxb-ajax-search .search-item .keyword { float:left; display:inline-block; border:1px solid #dfdfdf; padding:0 6px; height:28px; line-height:28px; margin:2px 4px 2px 0; border-radius:2px }
.fxb-ajax-search .search-item .keyword:hover { border-color:#575757; background:#555; color:#fff }
/* SELECT, INPUT 공통 */
.fxb-ajax-search #category_no,
.fxb-ajax-search #order_by,
.fxb-ajax-search #search_type,
.fxb-ajax-search #keyword,
.fxb-ajax-search #exceptkeyword,
.fxb-ajax-search #product_price1,
.fxb-ajax-search #product_price2 { height:30px; box-sizing:border-box }
/* 검색조건 */
.fxb-ajax-search #search_type { float:left }
.fxb-ajax-search #keyword { float:right; width:200px }
/* íŒë§¤ê°€ê²©ëŒ€ */
.fxb-ajax-search #product_price1 { float:left; width:153px }
.fxb-ajax-search #product_price2 { float:right; width:153px }
.fxb-ajax-search .df-wave { display:inline-block; font-size:12px; font-style:normal; vertical-align:middle; margin-top:6px; margin-left:3px }
/* 그외 */
.fxb-ajax-search #category_no,
.fxb-ajax-search #order_by { width:320px }
.fxb-ajax-search #search_type { width:115px }
.fxb-ajax-search #exceptkeyword { width:320px }
/*-----------------------------------------------------------------
로그ì¸(ë¹„íšŒì› ì£¼ë¬¸ì‹œ)
-----------------------------------------------------------------*/
.fxb-ajax-login .fxb-ajax-wrap { height:448px }
.fxb-ajax-login .member-area { width:428px; margin:7px auto 7px; padding:13px 0 0; color:#111 }
.fxb-ajax-login fieldset { position:relative; width:340px; margin:0 auto; text-align:left }
.fxb-ajax-login .label-id,
.fxb-ajax-login .label-pw { position:relative; overflow:hidden; display:block; width:340px; margin:0 0 6px; border-radius:0; color:#8F8F91 }
.fxb-ajax-login .df-id,
.fxb-ajax-login .df-pw { position:absolute; top:0; left:0; width:100%; height:42px; line-height:42px; padding:0 0 0 10px; font-weight:400; color:#888; cursor:text }
.fxb-ajax-login input[type=text],
.fxb-ajax-login input[type=password] { float:left; width:100%; height:40px; color:#8F8F91; font-size:13px; padding:6px 10px; font-weight:500; color:#333; letter-spacing:1px }
.fxb-ajax-login .security { padding:0 0 0 0; margin:12px 0; color:#555; font-size:12px }
.fxb-ajax-login .securityLogin { position:relative; padding-left:25px }
.fxb-ajax-login .securityLogin img { display:none }
.fxb-ajax-login .securityLogin:before { font-size:24px; font-family:xeicon !important; content:"\e9cd"; color:#dd3c41; position:absolute; top:-4px; left:0 }
.fxb-ajax-login .saveId { position:absolute; right:0 }
.fxb-ajax-login .saveId label { margin:0 }
.fxb-ajax-login .fxb-btn-join { background:#3f3f3f; line-height:50px; width:100%; color:#fff }
.fxb-ajax-login .fxb-btn-join:hover { background:#5f5f5f }
/* ìœ í‹¸ë¦¬í‹° 버튼 */
.df-fxb-login-util { overflow:hidden; padding:0; margin:0 -2px 0 }
.df-fxb-login-util > .fxb-btn-util-btn { position:relative; float:left; text-align:center; width:50%; padding:0 2px; box-sizing:border-box; line-height:44px }
.df-fxb-login-util > .fxb-btn-util-btn:nth-child(2):before { position:absolute; top:50%; left:0; margin-top:-8px; background:#dfdfdf; width:1px; height:16px; content:"" }
.df-fxb-login-util > .fxb-btn-util-btn:last-child { border-radius:3px; line-height:48px; width:100%; border:1px solid #dfdfdf }
/* 비회ì›ë¡œê·¸ì¸ */
.fxb-ajax-login .guest-area { position:relative; width:340px; margin:30px auto 0; text-align:left }
.fxb-ajax-login .guest-info { position:relative; padding:5px 0; line-height:1.5 }
.fxb-ajax-login .fxb-btn-guest { margin-top:25px; background:#3f3f3f; line-height:50px; width:100%; color:#fff }
.fxb-ajax-login .fxb-btn-guest:hover { background:#5f5f5f }
/*-----------------------------------------------------------------
좋아요
-----------------------------------------------------------------*/
.fxb-ajax-like .middle { padding:45px 0 }
.fxb-ajax-like #likeproduct { height:277px }
.fxb-ajax-like .df-tab { margin-top:10px }
.fxb-ajax-like .df-tab-list { width:342px }
.fxb-ajax-like .df-tab-content { padding:7px 0; box-sizing:border-box }
/*-----------------------------------------------------------------
장바구니
-----------------------------------------------------------------*/
.fxb-ajax-cart .xans-order:not(:first-child) .fxb-qik-item .md-list { border-top:1px solid #eee }
/*-----------------------------------------------------------------
픽스배너 버튼ì˜ì— - ë§í’ì„ ë¬¸êµ¬(언어별)
-----------------------------------------------------------------*/
/* 검색(언어별) */
html:lang(ko) .fxb-ajax-search > a:after { content:"검색" }
html:lang(en) .fxb-ajax-search > a:after { content:"Search" }
html:lang(zh) .fxb-ajax-search > a:after { content:"æœç´¢å•†å“" }
html:lang(ja) .fxb-ajax-search > a:after { content:"商å“検索" }
html:lang(zh-tw) .fxb-ajax-search > a:after { content:"æœå°‹å•†å“" }
html:lang(vi) .fxb-ajax-search > a:after { content:"Tìm kiếm" }
/* 주문조회-로그ì¸ì „(언어별) */
html:lang(ko) .fxb-ajax-login > a:after { content:"주문·배송조회" }
html:lang(en) .fxb-ajax-login > a:after { content:"Order History" }
html:lang(zh) .fxb-ajax-login > a:after { content:"我的订å•" }
html:lang(ja) .fxb-ajax-login > a:after { content:"注文履æ´" }
html:lang(zh-tw) .fxb-ajax-login > a:after { content:"查詢é…é€" }
html:lang(vi) .fxb-ajax-login > a:after { content:"ÄÆ¡n hà ng" }
/* 주문조회-로그ì¸í›„(언어별) */
html:lang(ko) .fxb-ajax-order > a:after { content:"주문·배송조회" }
html:lang(en) .fxb-ajax-order > a:after { content:"Order History" }
html:lang(zh) .fxb-ajax-order > a:after { content:"我的订å•" }
html:lang(ja) .fxb-ajax-order > a:after { content:"注文履æ´" }
html:lang(zh-tw) .fxb-ajax-order > a:after { content:"查詢訂單" }
html:lang(vi) .fxb-ajax-order > a:after { content:"ÄÆ¡n hà ng" }
/* 장바구니(언어별) */
html:lang(ko) .fxb-ajax-cart > a:after { content:"장바구니" }
html:lang(en) .fxb-ajax-cart > a:after { content:"Cart" }
html:lang(zh) .fxb-ajax-cart > a:after { content:"è´ç‰©è½¦" }
html:lang(ja) .fxb-ajax-cart > a:after { content:"カート" }
html:lang(zh-tw) .fxb-ajax-cart > a:after { content:"購物車" }
html:lang(vi) .fxb-ajax-cart > a:after { content:"GiỠhà ng" }
/* 관심ìƒí’ˆ(언어별) */
html:lang(ko) .fxb-ajax-wish > a:after { content:"관심ìƒí’ˆ" }
html:lang(en) .fxb-ajax-wish > a:after { content:"Wish List" }
html:lang(zh) .fxb-ajax-wish > a:after { content:"收è—夹" }
html:lang(ja) .fxb-ajax-wish > a:after { content:"ãŠæ°—ã«å…¥ã‚Š" }
html:lang(zh-tw) .fxb-ajax-wish > a:after { content:"è’è—商å“" }
html:lang(vi) .fxb-ajax-wish > a:after { content:"Danh Sách Yêu ThÃch" }
/* 좋아요(언어별) */
html:lang(ko) .fxb-ajax-like > a:after { content:"좋아요" }
html:lang(en) .fxb-ajax-like > a:after { content:"Like" }
html:lang(zh) .fxb-ajax-like > a:after { content:"Like" }
html:lang(ja) .fxb-ajax-like > a:after { content:"Like" }
html:lang(zh-tw) .fxb-ajax-like > a:after { content:"Like" }
html:lang(vi) .fxb-ajax-like > a:after { content:"Like" }
/* 최근본ìƒí’ˆ(언어별) */
html:lang(ko) .fxb-ajax-recent > a:after { content:"최근본ìƒí’ˆ" }
html:lang(en) .fxb-ajax-recent > a:after { content:"Recently Viewed" }
html:lang(zh) .fxb-ajax-recent > a:after { content:"最近æµè§ˆ" }
html:lang(ja) .fxb-ajax-recent > a:after { content:"最近ãƒã‚§ãƒƒã‚¯ã—ãŸå•†å“" }
html:lang(zh-tw) .fxb-ajax-recent > a:after { content:"最近ç€è¦½çš„商å“" }
html:lang(vi) .fxb-ajax-recent > a:after { content:"Äã Xem Gần Äây" }
/* 카카오 플러스친구(언어별) */
html:lang(ko) .fxb-kakaoplus > a:after { content:"카카오톡 ìƒë‹´" }
html:lang(en) .fxb-kakaoplus > a:after { content:"Kakao Talk" }
html:lang(zh) .fxb-kakaoplus > a:after { content:"Kakao Talk" }
html:lang(ja) .fxb-kakaoplus > a:after { content:"Kakao Talk" }
html:lang(zh-tw) .fxb-kakaoplus > a:after { content:"Kakao Talk" }
html:lang(vi) .fxb-kakaoplus > a:after { content:"Kakao Talk" }
/* 네ì´ë²„ 톡톡(언어별) */
html:lang(ko) .fxb-navertalk > a:after { content:"네ì´ë²„톡톡" }
html:lang(en) .fxb-navertalk > a:after { content:"Naver Talk" }
html:lang(zh) .fxb-navertalk > a:after { content:"Naver Talk" }
html:lang(ja) .fxb-navertalk > a:after { content:"Naver Talk" }
html:lang(zh-tw) .fxb-navertalk > a:after { content:"Naver Talk" }
html:lang(vi) .fxb-navertalk > a:after { content:"Naver Talk" }
/*-----------------------------------------------------------------
검색í¼(언어별)
ì°¸ê³ : ìˆ˜ì •ì‹œ ìƒí’ˆê²€ìƒ‰ëª©ë¡ 페ì´ì§€ì—ì„œ 추가 ìˆ˜ì •í•„ìš”
경로: /dfloor/css/module/product/search_form.css
-----------------------------------------------------------------*/
/* ì œì™¸ê²€ìƒ‰ì–´ì˜ ì•„ì´ì½˜ ì œê±°(픽스배너ì—ì„œ) */
.df-fixbanner .df-lang-fxax-search-exceptkeyword:before { display:none }
/* 타ì´í‹€(언어별) */
html .df-lang-fxax-tit-search:after { font-size:16px }
html:lang(ko) .df-lang-fxax-tit-search:after { content:"검색" }
html:lang(en) .df-lang-fxax-tit-search:after { content:"Search" }
html:lang(zh) .df-lang-fxax-tit-search:after { content:"æœç´¢" }
html:lang(ja) .df-lang-fxax-tit-search:after { content:"検索" }
html:lang(zh-tw) .df-lang-fxax-tit-search:after { content:"æœå°‹" }
html:lang(vi) .df-lang-fxax-tit-search:after { content:"Tìm kiếm" }
/* ê²€ìƒ‰ëª©ë¡ ê²€ìƒ‰í¼-ìƒí’ˆë¶„류(언어별) */
html:lang(ko) .df-lang-fxax-search-category:after { content:"ìƒí’ˆë¶„류" }
html:lang(en) .df-lang-fxax-search-category:after { content:"Category" }
html:lang(zh) .df-lang-fxax-search-category:after { content:"商å“分类" }
html:lang(ja) .df-lang-fxax-search-category:after { content:"カテゴリー" }
html:lang(zh-tw) .df-lang-fxax-search-category:after { content:"商å“分類" }
html:lang(vi) .df-lang-fxax-search-category:after { content:"Danh Mục" }
/* ê²€ìƒ‰ëª©ë¡ ê²€ìƒ‰í¼-검색조건(언어별) */
html:lang(ko) .df-lang-fxax-search-keyword:after { content:"검색조건" }
html:lang(en) .df-lang-fxax-search-keyword:after { content:"Search Criteria" }
html:lang(zh) .df-lang-fxax-search-keyword:after { content:"关键è¯" }
html:lang(ja) .df-lang-fxax-search-keyword:after { content:"検索æ¡ä»¶" }
html:lang(zh-tw) .df-lang-fxax-search-keyword:after { content:"æœå°‹æ¢ä»¶" }
html:lang(vi) .df-lang-fxax-search-keyword:after { content:"Tiêu Chuẩn Tìm Kiếm" }
/* ê²€ìƒ‰ëª©ë¡ ê²€ìƒ‰í¼-ì œì™¸ê²€ìƒ‰ì–´(언어별) */
.df-lang-fxax-search-exceptkeyword:before { font-size:13px; content:"\e91e"; font-family:xeicon !important; font-weight:normal; vertical-align:middle; margin-right:2px }
html:lang(ko) .df-lang-fxax-search-exceptkeyword:after { content:"ì œì™¸ê²€ìƒ‰ì–´" }
html:lang(en) .df-lang-fxax-search-exceptkeyword:after { content:"Exclude terms" }
html:lang(zh) .df-lang-fxax-search-exceptkeyword:after { content:"排除关键è¯" }
html:lang(ja) .df-lang-fxax-search-exceptkeyword:after { content:"除外ã‚ーワード" }
html:lang(zh-tw) .df-lang-fxax-search-exceptkeyword:after { content:"排除關éµå—" }
html:lang(vi) .df-lang-fxax-search-exceptkeyword:after { content:"Không bao gồm" }
/* ê²€ìƒ‰ëª©ë¡ ê²€ìƒ‰í¼-ì¸ê¸°ê²€ìƒ‰ì–´(언어별) */
html:lang(ko) .df-lang-fxax-search-hotkeyword:after { content:"ì¸ê¸°ê²€ìƒ‰ì–´" }
html:lang(en) .df-lang-fxax-search-hotkeyword:after { content:"Popular Keywords" }
html:lang(zh) .df-lang-fxax-search-hotkeyword:after { content:"人气关键è¯" }
html:lang(ja) .df-lang-fxax-search-hotkeyword:after { content:"人気ã‚ーワード" }
html:lang(zh-tw) .df-lang-fxax-search-hotkeyword:after { content:"熱門æœå°‹è©ž" }
html:lang(vi) .df-lang-fxax-search-hotkeyword:after { content:"Từ Khóa Phổ Biến" }
/* ê²€ìƒ‰ëª©ë¡ ê²€ìƒ‰í¼-íŒë§¤ê°€ê²©ëŒ€(언어별) */
html:lang(ko) .df-lang-fxax-search-price:after { content:"íŒë§¤ê°€ê²©ëŒ€" }
html:lang(en) .df-lang-fxax-search-price:after { content:"Price Range" }
html:lang(zh) .df-lang-fxax-search-price:after { content:"ä»·æ ¼èŒƒå›´" }
html:lang(ja) .df-lang-fxax-search-price:after { content:"è²©å£²ä¾¡æ ¼" }
html:lang(zh-tw) .df-lang-fxax-search-price:after { content:"售價" }
html:lang(vi) .df-lang-fxax-search-price:after { content:"Khoảng giá" }
/* ê²€ìƒ‰ëª©ë¡ ê²€ìƒ‰í¼-검색조건(언어별) */
html:lang(ko) .df-lang-fxax-search-sort:after { content:"ì •ë ¬ê¸°ì¤€" }
html:lang(en) .df-lang-fxax-search-sort:after { content:"Sort by" }
html:lang(zh) .df-lang-fxax-search-sort:after { content:"综åˆæŽ’åº" }
html:lang(ja) .df-lang-fxax-search-sort:after { content:"並ã¹æ›¿ãˆ" }
html:lang(zh-tw) .df-lang-fxax-search-sort:after { content:"商å“çµæžœæŽ’åº" }
html:lang(vi) .df-lang-fxax-search-sort:after { content:"Sắp xếp theo" }
/* ê²€ìƒ‰ëª©ë¡ ìƒí’ˆê²€ìƒ‰ 버튼(언어별) */
html:lang(ko) .df-lang-fxax-search-btn-search:after { content:"ìƒí’ˆê²€ìƒ‰" }
html:lang(en) .df-lang-fxax-search-btn-search:after { content:"Search" }
html:lang(zh) .df-lang-fxax-search-btn-search:after { content:"æœç´¢" }
html:lang(ja) .df-lang-fxax-search-btn-search:after { content:"検索" }
html:lang(zh-tw) .df-lang-fxax-search-btn-search:after { content:"æœå°‹" }
html:lang(vi) .df-lang-fxax-search-btn-search:after { content:"Tìm kiếm" }
/*-----------------------------------------------------------------
주문·배송조회 로그ì¸ì „(언어별)
-----------------------------------------------------------------*/
/* 타ì´í‹€(언어별) â—주문·배송조회 타ì´í‹€ì„ 공통사용◠*/
/* 회ì›ë¡œê·¸ì¸ 중 타ì´í‹€(언어별) */
html .df-lang-fxax-tab-member:before { font-size:14px }
html:lang(ko) .df-lang-fxax-tab-member:before { content:"íšŒì› ë¡œê·¸ì¸" }
html:lang(en) .df-lang-fxax-tab-member:before { content:"Member Log in" }
html:lang(zh) .df-lang-fxax-tab-member:before { content:"会员登录" }
html:lang(ja) .df-lang-fxax-tab-member:before { content:"会員" }
html:lang(zh-tw) .df-lang-fxax-tab-member:before { content:"會員登入" }
html:lang(vi) .df-lang-fxax-tab-member:before { content:"Thà nh Viên" }
/* 비회ì›ë¡œê·¸ì¸ 중 타ì´í‹€(언어별) */
html .df-lang-fxax-tab-guest:before { font-size:14px }
html:lang(ko) .df-lang-fxax-tab-guest:before { content:"ë¹„íšŒì› ì£¼ë¬¸ì¡°íšŒ" }
html:lang(en) .df-lang-fxax-tab-guest:before { content:"Guest Checkout" }
html:lang(zh) .df-lang-fxax-tab-guest:before { content:"éžä¼šå‘˜è®¢è´" }
html:lang(ja) .df-lang-fxax-tab-guest:before { content:"éžç™»éŒ²ã®æ³¨æ–‡é…é€ç…§ä¼š" }
html:lang(zh-tw) .df-lang-fxax-tab-guest:before { content:"éžæœƒå“¡è¨‚單查詢" }
html:lang(vi) .df-lang-fxax-tab-guest:before { content:"Khách" }
/* ì•„ì´ë””(언어별) â—카페24 ì œê³µ 변수를 사용함◠*/
.middle .df-lang-id { font-size:12px }
/* 비밀번호(언어별) */
html:lang(ko) .df-lang-fxax-login-btn-pw:after { content:"비밀번호" }
html:lang(en) .df-lang-fxax-login-btn-pw:after { content:"Password" }
html:lang(zh) .df-lang-fxax-login-btn-pw:after { content:"密ç " }
html:lang(ja) .df-lang-fxax-login-btn-pw:after { content:"パスワード" }
html:lang(zh-tw) .df-lang-fxax-login-btn-pw:after { content:"密碼" }
html:lang(vi) .df-lang-fxax-login-btn-pw:after { content:"Máºt khẩu" }
/* ë¡œê·¸ì¸ ë²„íŠ¼(언어별) */
html .df-lang-fxax-login-btn-login:after { font-size:13px; letter-spacing:1px; font-weight:bold }
html:lang(ko) .df-lang-fxax-login-btn-login:after { content:"로그ì¸" }
html:lang(en) .df-lang-fxax-login-btn-login:after { content:"Log in" }
html:lang(zh) .df-lang-fxax-login-btn-login:after { content:"登录" }
html:lang(ja) .df-lang-fxax-login-btn-login:after { content:"ãƒã‚°ã‚¤ãƒ³" }
html:lang(zh-tw) .df-lang-fxax-login-btn-login:after { content:"登入" }
html:lang(vi) .df-lang-fxax-login-btn-login:after { content:"Äăng Nháºp" }
/* ì•„ì´ë””찾기 버튼(언어별) */
html:lang(ko) .df-lang-fxax-login-btn-findid:after { content:"ì•„ì´ë””찾기" }
html:lang(en) .df-lang-fxax-login-btn-findid:after { content:"Forgot ID" }
html:lang(zh) .df-lang-fxax-login-btn-findid:after { content:"找回账å·" }
html:lang(ja) .df-lang-fxax-login-btn-findid:after { content:"IDã‚’ãŠå¿˜ã‚Œã®æ–¹" }
html:lang(zh-tw) .df-lang-fxax-login-btn-findid:after { content:"忘記帳號" }
html:lang(vi) .df-lang-fxax-login-btn-findid:after { content:"Quên ID" }
/* 비밀번호찾기 버튼(언어별) */
html:lang(ko) .df-lang-fxax-login-btn-findpw:after { content:"비밀번호찾기" }
html:lang(en) .df-lang-fxax-login-btn-findpw:after { content:"Forgot Password" }
html:lang(zh) .df-lang-fxax-login-btn-findpw:after { content:"找回密ç " }
html:lang(ja) .df-lang-fxax-login-btn-findpw:after { content:"パスワードをãŠå¿˜ã‚Œã®æ–¹" }
html:lang(zh-tw) .df-lang-fxax-login-btn-findpw:after { content:"忘記密碼" }
html:lang(vi) .df-lang-fxax-login-btn-findpw:after { content:"Quên Máºt Khẩu" }
/* 회ì›ê°€ìž… 버튼(언어별) */
html .df-lang-fxax-login-btn-join:after { font-size:13px; letter-spacing:1px }
html:lang(ko) .df-lang-fxax-login-btn-join:after { content:"회ì›ê°€ìž…" }
html:lang(en) .df-lang-fxax-login-btn-join:after { content:"Register" }
html:lang(zh) .df-lang-fxax-login-btn-join:after { content:"注册会员" }
html:lang(ja) .df-lang-fxax-login-btn-join:after { content:"会員登録後ã«è³¼å…¥" }
html:lang(zh-tw) .df-lang-fxax-login-btn-join:after { content:"IDæ–°è¦å–å¾—" }
html:lang(vi) .df-lang-fxax-login-btn-join:after { content:"Äăng Ký" }
/* ë¹„íšŒì› ë¡œê·¸ì¸ ì•ˆë‚´ê¸€1(언어별) */
html:lang(ko) .df-lang-fxax-login-info1:after { content:"비회ì›ì˜ 경우 주문번호로 조회가 가능하며 ë³´ì•ˆìƒ í•´ë‹¹ 페ì´ì§€ì—ì„œ 확ì¸ì´ 가능합니다." }
html:lang(en) .df-lang-fxax-login-info1:after { content:"Non-members can inquire orders using order number." }
html:lang(zh) .df-lang-fxax-login-info1:after { content:"éžä¼šå‘˜å¯ä»¥ä½¿ç”¨è®¢å•å·ç æ¥æŸ¥è¯¢ã€‚" }
html:lang(ja) .df-lang-fxax-login-info1:after { content:"会員以外ã®æ–¹ã¯,注文番å·ã‚’使用ã—ã¦æ³¨æ–‡ã‚’å•ã„åˆã‚ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚" }
html:lang(zh-tw) .df-lang-fxax-login-info1:after { content:"éžæœƒå“¡å¯ä»¥ä½¿ç”¨è¨‚單號碼來查詢。" }
html:lang(vi) .df-lang-fxax-login-info1:after { content:"Khi mua sắm với tư cách khách, bạn có thể tra cứu đơn hà ng của mình với mã đơn hà ng." }
/* ë¹„íšŒì› ë¡œê·¸ì¸ ì•ˆë‚´ê¸€2(언어별) */
html:lang(ko) .df-lang-fxax-login-info2:after { content:"ì£¼ë¬¸ìž ì •ë³´ë¥¼ ìžŠì–´ë²„ë¦¬ì‹ ê²½ìš° ê³ ê°ì„¼í„°ë¡œ 문ì˜í•´ì£¼ì„¸ìš”." }
html:lang(en) .df-lang-fxax-login-info2:after { content:"If you can't remember the order number, please contact the customer center." }
html:lang(zh) .df-lang-fxax-login-info2:after { content:"忘记订è´è€…ä¿¡æ¯æ—¶è¯·å’¨è¯¢å®¢æœä¸å¿ƒã€‚" }
html:lang(ja) .df-lang-fxax-login-info2:after { content:"注文番å·ãŒæ€ã„出ã›ãªã„å ´åˆã¯,カスタマーセンターã«ã”連絡ãã ã•ã„。" }
html:lang(zh-tw) .df-lang-fxax-login-info2:after { content:"如果您記ä¸æ¸…訂單號碼,è«‹è¯ç¹«å®¢æˆ¶ä¸å¿ƒã€‚" }
html:lang(vi) .df-lang-fxax-login-info2:after { content:"Nếu bạn không thể nhớ số thứ tự, vui lòng liên hệ với trung tâm khách hà ng." }
/* ë¹„íšŒì› ë¡œê·¸ì¸ ì•ˆë‚´ê¸€3(언어별) */
html:lang(ko) .df-lang-fxax-login-info3:after { content:"ì•„ëž˜ì˜ ë²„íŠ¼ì„ í´ë¦í•˜ë©´ ë¡œê·¸ì¸ íŽ˜ì´ì§€ë¡œ ì´ë™í•©ë‹ˆë‹¤." }
html:lang(en) .df-lang-fxax-login-info3:after { content:"Click the button below to go to the login page." }
html:lang(zh) .df-lang-fxax-login-info3:after { content:"å•å‡»ä¸‹é¢çš„按钮进入登录页é¢" }
html:lang(ja) .df-lang-fxax-login-info3:after { content:"下ã®ãƒœã‚¿ãƒ³ã‚’クリックã—ã¦,ãƒã‚°ã‚¤ãƒ³ãƒšãƒ¼ã‚¸ã«ç§»å‹•ã—ã¾ã™ã€‚" }
html:lang(zh-tw) .df-lang-fxax-login-info3:after { content:"單擊下é¢çš„按鈕進入登錄é é¢ã€‚" }
html:lang(vi) .df-lang-fxax-login-info3:after { content:"Nhấp và o nút bên dÆ°á»›i để Ä‘i đến trang đăng nháºp." }
/* 비회ì›ë¡œê·¸ì¸ 버튼(언어별) */
html .df-lang-fxax-login-btn-guest:after { font-size:13px; font-weight:normal }
html:lang(ko) .df-lang-fxax-login-btn-guest:after { content:"ë¹„íšŒì› ì£¼ë¬¸ì¡°íšŒë¡œ ì´ë™í•˜ê¸°" }
html:lang(en) .df-lang-fxax-login-btn-guest:after { content:"Guest Checkout" }
html:lang(zh) .df-lang-fxax-login-btn-guest:after { content:"éžä¼šå‘˜è®¢è´" }
html:lang(ja) .df-lang-fxax-login-btn-guest:after { content:"ã”利用ãŒåˆã‚ã¦ã®ãŠå®¢æ§˜" }
html:lang(zh-tw) .df-lang-fxax-login-btn-guest:after { content:"éžæœƒå“¡è¨‚單查詢" }
html:lang(vi) .df-lang-fxax-login-btn-guest:after { content:"Äể di chuyển" }
/*-----------------------------------------------------------------
주문·배송조회(언어별)
-----------------------------------------------------------------*/
/* 타ì´í‹€(언어별) */
html .df-lang-fxax-tit-order:after { font-size:16px }
html:lang(ko) .df-lang-fxax-tit-order:after { content:"주문·배송조회" }
html:lang(en) .df-lang-fxax-tit-order:after { content:"Orders" }
html:lang(zh) .df-lang-fxax-tit-order:after { content:"我的订å•" }
html:lang(ja) .df-lang-fxax-tit-order:after { content:"注文履æ´" }
html:lang(zh-tw) .df-lang-fxax-tit-order:after { content:"查詢訂單" }
html:lang(vi) .df-lang-fxax-tit-order:after { content:"ÄÆ¡n hà ng" }
/* 주문내ì—ì´ ì—†ìŠµë‹ˆë‹¤.(언어별) */
html:lang(ko) .df-lang-fxax-empty-orderlist:after { content:"주문 ë‚´ì—ì´ ì—†ìŠµë‹ˆë‹¤." }
html:lang(en) .df-lang-fxax-empty-orderlist:after { content:"You have no order history." }
html:lang(zh) .df-lang-fxax-empty-orderlist:after { content:"æš‚æ— è®¢å•ä¿¡æ¯" }
html:lang(ja) .df-lang-fxax-empty-orderlist:after { content:"注文履æ´ãŒã‚ã‚Šã¾ã›ã‚“。" }
html:lang(zh-tw) .df-lang-fxax-empty-orderlist:after { content:"無購買明細。" }
html:lang(vi) .df-lang-fxax-empty-orderlist:after { content:"Bạn không có lịch sỠđặt hà ng." }
/*-----------------------------------------------------------------
장바구니(언어별)
-----------------------------------------------------------------*/
/* 타ì´í‹€(언어별) */
html .df-lang-fxax-tit-cart:after { font-size:16px }
html:lang(ko) .df-lang-fxax-tit-cart:after { content:"장바구니" }
html:lang(en) .df-lang-fxax-tit-cart:after { content:"Cart" }
html:lang(zh) .df-lang-fxax-tit-cart:after { content:"è´ç‰©è½¦" }
html:lang(ja) .df-lang-fxax-tit-cart:after { content:"カート" }
html:lang(zh-tw) .df-lang-fxax-tit-cart:after { content:"購物車" }
html:lang(vi) .df-lang-fxax-tit-cart:after { content:"GiỠhà ng" }
/* 주문내ì—ì´ ì—†ìŠµë‹ˆë‹¤.(언어별) */
html:lang(ko) .df-lang-fxax-empty-cart:after { content:"장바구니가 비어 있습니다." }
html:lang(en) .df-lang-fxax-empty-cart:after { content:"Your cart is empty." }
html:lang(zh) .df-lang-fxax-empty-cart:after { content:"您的è´ç‰©è½¦ä¸æ²¡æœ‰ä»»ä½•å•†å“。" }
html:lang(ja) .df-lang-fxax-empty-cart:after { content:"カートã«å•†å“ãŒå…¥ã£ã¦ã„ã¾ã›ã‚“。" }
html:lang(zh-tw) .df-lang-fxax-empty-cart:after { content:"購物車裡沒有商å“。" }
html:lang(vi) .df-lang-fxax-empty-cart:after { content:"GiỠhà ng trống." }
/*-----------------------------------------------------------------
관심ìƒí’ˆ(언어별)
-----------------------------------------------------------------*/
/* 타ì´í‹€(언어별) */
html .df-lang-fxax-tit-wish:after { font-size:16px }
html:lang(ko) .df-lang-fxax-tit-wish:after { content:"관심ìƒí’ˆ" }
html:lang(en) .df-lang-fxax-tit-wish:after { content:"Wish List" }
html:lang(zh) .df-lang-fxax-tit-wish:after { content:"我的收è—" }
html:lang(ja) .df-lang-fxax-tit-wish:after { content:"ãŠæ°—ã«å…¥ã‚Š" }
html:lang(zh-tw) .df-lang-fxax-tit-wish:after { content:"è’è—商å“" }
html:lang(vi) .df-lang-fxax-tit-wish:after { content:"Danh Sách Yêu ThÃch" }
/* 관심ìƒí’ˆ ë‚´ì—ì´ ì—†ìŠµë‹ˆë‹¤.(언어별) */
html:lang(ko) .df-lang-fxax-empty-wishlist:after { content:"관심ìƒí’ˆ ë‚´ì—ì´ ì—†ìŠµë‹ˆë‹¤." }
html:lang(en) .df-lang-fxax-empty-wishlist:after { content:"You have no proudcts in your wish list." }
html:lang(zh) .df-lang-fxax-empty-wishlist:after { content:"没有关注商å“。" }
html:lang(ja) .df-lang-fxax-empty-wishlist:after { content:"ãŠæ°—ã«å…¥ã‚Šå•†å“ã®ç™»éŒ²ã¯ã‚ã‚Šã¾ã›ã‚“。" }
html:lang(zh-tw) .df-lang-fxax-empty-wishlist:after { content:"還未è’è—商å“。" }
html:lang(vi) .df-lang-fxax-empty-wishlist:after { content:"Bạn không có sản phẩm nà o trong danh sách yêu thÃch." }
/*-----------------------------------------------------------------
좋아요(언어별)
-----------------------------------------------------------------*/
/* 좋아요 타ì´í‹€(언어별) */
html .df-lang-fxax-tit-like:after { font-size:16px }
html:lang(ko) .df-lang-fxax-tit-like:after { content:"좋아요" }
html:lang(en) .df-lang-fxax-tit-like:after { content:"Like" }
html:lang(zh) .df-lang-fxax-tit-like:after { content:"Like" }
html:lang(ja) .df-lang-fxax-tit-like:after { content:"Like" }
html:lang(zh-tw) .df-lang-fxax-tit-like:after { content:"Like" }
html:lang(vi) .df-lang-fxax-tit-like:after { content:"Like" }
/* My ìƒí’ˆ 타ì´í‹€(언어별) */
.df-lang-fxax-tab-likeproduct:before { font-size:14px }
html:lang(ko) .df-lang-fxax-tab-likeproduct:before { content:"My ìƒí’ˆ" }
html:lang(en) .df-lang-fxax-tab-likeproduct:before { content:"" }
html:lang(zh) .df-lang-fxax-tab-likeproduct:before { content:"" }
html:lang(ja) .df-lang-fxax-tab-likeproduct:before { content:"" }
html:lang(zh-tw) .df-lang-fxax-tab-likeproduct:before { content:"" }
html:lang(vi) .df-lang-fxax-tab-likeproduct:before { content:"" }
/* My ì¹´í…Œê³ ë¦¬ 타ì´í‹€(언어별) */
.df-lang-fxax-tab-likecategory:before { font-size:14px }
html:lang(ko) .df-lang-fxax-tab-likecategory:before { content:"My ì¹´í…Œê³ ë¦¬" }
html:lang(en) .df-lang-fxax-tab-likecategory:before { content:"" }
html:lang(zh) .df-lang-fxax-tab-likecategory:before { content:"" }
html:lang(ja) .df-lang-fxax-tab-likecategory:before { content:"" }
html:lang(zh-tw) .df-lang-fxax-tab-likecategory:before { content:"" }
html:lang(vi) .df-lang-fxax-tab-likecategory:before { content:"" }
/* 좋아요 ë‚´ì—ì´ ì—†ìŠµë‹ˆë‹¤.(언어별) */
html:lang(ko) .df-lang-fxax-empty-like:after { content:"좋아요 ì„ íƒ ë‚´ì—ì´ ì—†ìŠµë‹ˆë‹¤." }
html:lang(en) .df-lang-fxax-empty-like:after { content:"" }
html:lang(zh) .df-lang-fxax-empty-like:after { content:"" }
html:lang(ja) .df-lang-fxax-empty-like:after { content:"" }
html:lang(zh-tw) .df-lang-fxax-empty-like:after { content:"" }
html:lang(vi) .df-lang-fxax-empty-like:after { content:"" }
/*-----------------------------------------------------------------
최근본ìƒí’ˆ(언어별)
-----------------------------------------------------------------*/
/* 타ì´í‹€(언어별) */
html .df-lang-fxax-tit-recentview:after { font-size:16px }
html:lang(ko) .df-lang-fxax-tit-recentview:after { content:"최근 본 ìƒí’ˆ" }
html:lang(en) .df-lang-fxax-tit-recentview:after { content:"Recently Viewed" }
html:lang(zh) .df-lang-fxax-tit-recentview:after { content:"最近æµè§ˆ" }
html:lang(ja) .df-lang-fxax-tit-recentview:after { content:"最近ãƒã‚§ãƒƒã‚¯ã—ãŸå•†å“" }
html:lang(zh-tw) .df-lang-fxax-tit-recentview:after { content:"最近ç€è¦½çš„商å“" }
html:lang(vi) .df-lang-fxax-tit-recentview:after { content:"Äã Xem Gần Äây" }
/* 최근본ìƒí’ˆì´ 없습니다.(언어별) */
html:lang(ko) .df-lang-fxax-empty-recentview:after { content:"최근본 ìƒí’ˆ ë‚´ì—ì´ ì—†ìŠµë‹ˆë‹¤." }
html:lang(en) .df-lang-fxax-empty-recentview:after { content:"You have no recently viewed items." }
html:lang(zh) .df-lang-fxax-empty-recentview:after { content:"没有最近æµè§ˆè¿‡çš„商å“。" }
html:lang(ja) .df-lang-fxax-empty-recentview:after { content:"最近ãƒã‚§ãƒƒã‚¯ã—ãŸå•†å“ãŒã‚ã‚Šã¾ã›ã‚“。" }
html:lang(zh-tw) .df-lang-fxax-empty-recentview:after { content:"無最近ç€è¦½çš„商å“。" }
html:lang(vi) .df-lang-fxax-empty-recentview:after { content:"Bạn không có sản phẩm nà o được xem gần đây." }
/*-----------------------------------------------------------------
공통(언어별)
-----------------------------------------------------------------*/
/* ì „ì²´ë³´ê¸° 버튼(언어별) */
html:lang(ko) .df-lang-fxax-all:after { content:"ì „ì²´ë³´ê¸°" }
html:lang(en) .df-lang-fxax-all:after { content:"See All" }
html:lang(zh) .df-lang-fxax-all:after { content:"查看全部" }
html:lang(ja) .df-lang-fxax-all:after { content:"一覧ã¸" }
html:lang(zh-tw) .df-lang-fxax-all:after { content:"查看全部" }
html:lang(vi) .df-lang-fxax-all:after { content:"Xem Tất Cả" }
/* ìƒì„¸ë³´ê¸° 버튼(언어별) */
html:lang(ko) .df-lang-fxax-detail:after { content:"ìƒì„¸ë³´ê¸°" }
html:lang(en) .df-lang-fxax-detail:after { content:"Details" }
html:lang(zh) .df-lang-fxax-detail:after { content:"详情" }
html:lang(ja) .df-lang-fxax-detail:after { content:"詳細内訳" }
html:lang(zh-tw) .df-lang-fxax-detail:after { content:"商å“資料" }
html:lang(vi) .df-lang-fxax-detail:after { content:"Xem chi tiết" }
/* 새창보기 버튼(언어별) */
html:lang(ko) .df-lang-fxax-new:after { content:"새창보기" }
html:lang(en) .df-lang-fxax-new:after { content:"new window" }
html:lang(zh) .df-lang-fxax-new:after { content:"打开新窗å£" }
html:lang(ja) .df-lang-fxax-new:after { content:"æ–°ã—ã„ウィンドウ" }
html:lang(zh-tw) .df-lang-fxax-new:after { content:"開啟新視窗" }
html:lang(vi) .df-lang-fxax-new:after { content:"Cá»a sổ má»›i" }
/* 배송조회 버튼(언어별) */
html:lang(ko) .df-lang-fxax-tracking:after { content:"배송조회" }
html:lang(en) .df-lang-fxax-tracking:after { content:"Tracking" }
html:lang(zh) .df-lang-fxax-tracking:after { content:"追踪货件" }
html:lang(ja) .df-lang-fxax-tracking:after { content:"追跡" }
html:lang(zh-tw) .df-lang-fxax-tracking:after { content:"查詢" }
html:lang(vi) .df-lang-fxax-tracking:after { content:"Theo dõi váºn chuyển" }
/* ê²Œì‹œíŒ ì „ì²´ 공통 */
.xans-board-title .title { min-height:30px; margin:10px 0 20px; border-bottom:1px solid #e8e8e8; }
.xans-board-title .title h2 { display:inline-block; padding:0 0 0 12px; color:#2e2e2e; font-size:16px; *display:inline; *zoom:1; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_heading.gif") 0 50% no-repeat; }
.xans-board-title .title p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; vertical-align:bottom; background:url("//img.echosting.cafe24.com/skin/base/common/ico_bar.gif") no-repeat 0 0; *display:inline; *zoom:1; }
.xans-board-title p.imgArea { margin:0 0 20px; }
.xans-board-listpackage .boardSort { float:left; margin:0 0 10px; }
/* 갤러리형 íƒë©”뉴 */
ul.xans-board-listheader { text-align:right; margin:0 0 10px; }
ul.xans-board-listheader li { display:inline; }
/* list */
.xans-board-listpackage { margin:0 0 10px; }
.xans-board-listpackage .ec-base-table { clear:both; }
.xans-board-listpackage .ec-base-table .subject img { margin:0 1px; }
.xans-board-listpackage .ec-base-table .thumb a { overflow:hidden; }
.xans-board-listpackage .ec-base-table .thumb img { width:46px; float:left; }
.xans-board-listpackage .ec-base-table .thumb span { float:left; width:80px; padding:0 0 0 8px; text-align:left; }
.xans-board-buttonlist.ec-base-button.typeBG { border-top:0 none; }
/* ìƒí’ˆí›„기 아코디언형 */
.xans-board-listpackage #content_view td { padding:9px 10px 20px; background:#f6f7f9; text-align:left; word-break:break-all; white-space:pre-wrap; }
/*---------------------------------------------------------
공통
---------------------------------------------------------*/
#df-board { }
#df-board .input { display:none }
/*---------------------------------------------------------
브랜드 페ì´ì§€(ë””ìžì¸ë³„ ë³„ë„ ìˆ˜ì •)
---------------------------------------------------------*/
#searchbar { border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7 }
#searchbar ul { display:inline-block; margin:10px 0 15px }
#searchbar ul li { float:left; min-width:28px; min-height:26px; margin:5px 0 0 5px; background:#b2b2b2; box-sizing:border-box; border-radius:2px; border:1px solid #b2b2b2 }
#searchbar ul li:first-child { letter-spacing:1px }
#searchbar ul li a { display:inline-block; width:100%; height:100%; padding:0 6px; line-height:26px; font-size:12px; text-align:center; box-sizing:border-box; color:#fff }
#searchbar ul li.inactive { background:#f2f2f2; border-color:#f2f2f2 }
#searchbar ul li.inactive:hover { background:#f2f2f2; border-color:#f2f2f2 }
#searchbar ul li.inactive a { color:#bbb; cursor:default }
#searchbar ul li {
-o-transition:all 0.2s 0.0s ease;
-ms-transition:all 0.2s 0.0s ease;
-moz-transition:all 0.2s 0.0s ease;
-webkit-transition:all 0.2s 0.0s ease;
transition:all 0.2s 0.0s ease
}
#searchbar ul li:hover { background:#666; border-color:#666 }
#searchbar ul li.selected { background:#333; border-color:#333 }
#searchbar ul li.selected a { color:#fff }
#df-board .adminbtn { text-align:right; margin-bottom:10px }
#brandlist { margin-top:25px }
#brandlist .list { }
#brandlist .list > li { padding:25px 0; border-bottom:1px solid #e7e7e7 }
#brandlist .list > li > h3 { display:inline-block; padding:7px 13px; margin:0 0 21px 4px; font-size:20px; background:#e7e7e7; border-radius:2px; border:1px solid #e4e4e4 }
#brandlist .list > li.selected { }
#brandlist .wordlist { }
#brandlist .wordlist > li { display:inline-block; width:14.285%; padding:3px; vertical-align:top; font-size:12px; line-height:19px; text-align:center; box-sizing:border-box }
#brandlist .wordlist > li .box { padding:7px 7px; word-break:break-all; border:1px solid #e7e7e7; border-radius:2px; box-sizing:border-box }
#brandlist .wordlist > li .box:hover { border-color:#9f9f9f }
#brandlist .wordlist > li .box .brandname2 a { color:#777 }
#brandlist .brandimg img { width:100%; image-rendering:-webkit-optimize-contrast }
#brandlist .brandimg a:after { display:block; content:""; clear:both; padding-bottom:7px; margin-bottom:10px; border-bottom:1px solid #e9e9e9 }
#brandlist .brandname1 a,
#brandlist .brandname2 a { display:block }
/*---------------------------------------------------------
ê²Œì‹œíŒ íŽ˜ì´ì§€
---------------------------------------------------------*/
#df-board { display:none }
#df-board .df-boarddata,
#df-board #df-boarddata { display:none }
#df-board .required img { vertical-align:middle }
#df-board .xans-board-write table th { padding:8px; font-size:12px; text-align:center; vertical-align:middle }
#df-board .xans-board-write table td { padding:8px; font-size:12px; vertical-align:middle }
#df-board .xans-board-write table td input { }
#df-board .xans-board-modify table th { padding:8px; font-size:12px; text-align:center; vertical-align:middle }
#df-board .xans-board-modify table td { padding:8px; font-size:12px; vertical-align:middle }
#df-board .xans-board-modify table td input { }
#df-board .xans-board-modify table td .delete { margin-left:11px; font-weight:bold; color:#2a8d09 }
#df-board .xans-board-modify table td .delete input { margin-left:5px; margin-right:0 }
#df-board .xans-board-modify table td .delete label { color:#444; margin:0 0 0 3px }
#df-board .xans-board-write table td .guide { margin-top:7px; font-weight:bold; color:#777 }
#df-board .xans-board-write table td .guide p.info1 { }
#df-board .xans-board-write table td .guide p.info2 span { color:#d12828 }
#df-board .xans-board-modify table td .guide { margin-top:7px; font-weight:bold; color:#777 }
#df-board .xans-board-modify table td .guide p.info1 { }
#df-board .xans-board-modify table td .guide p.info2 span { color:#d12828 }
#df-board .xans-board-listpackage table th { font-size:12px }
#df-board .xans-board-listpackage .boardListEmpty { padding:100px 0; border-bottom:1px solid #e7e7e7; text-align:center; color:#999; font-weight:bold }
/* 커스텀 */
.xans-board-read .detail img {margin-bottom: 5vh;}
.xans-board-listpackage-8 .xans-board-list-8 .df-board-gallery-item {margin: 30px 0 35px 2.5%;}
.df-board-gallery-subject { font-style: normal; font-size: 18px; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; color: #333333; display: block;}
.df-board-gallery-desc2 { margin-top: 8px; color: #333333;}
.df-board-gallery-writer{font-size: 16px;}
.df-board-gallery-date { font-size: 16px;}
.ec-base-table.typeList.gBorder.brand tbody td.cont { line-height: 1.7;}
.ec-base-table.typeList.gBorder.brand tbody td.cont { padding: 7px 5%; word-break: keep-all;}
.ec-base-table.brand.typeWrite td { word-break: keep-all; line-height: 1.7;}
.ec-base-table.brand table th .required { margin-right: 3px;}
#df-board .xans-board-modify .brand table tr.cont textarea { width: 90%; max-width: 650px; min-height: 150px;}
#df-board .xans-board-write table tr.cont textarea { width: 90%; max-width: 650px; min-height: 150px;}
#brandlist .list > li > h3 { font-size: 50px; background: #b2b2b2; border-radius: 10px; border: 1px solid #b2b2b2; color: #fff; font-weight: normal; padding: 0px; width: 60px; height: 60px; line-height: 60px; text-align: center;}
#brandlist .wordlist > li { display: block; width: 100%; padding: 0px 20px 30px; margin-bottom: 30px; text-align: left; border-bottom: 1px solid #ddd;}
#brandlist .wordlist > li:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
#brandlist .wordlist > li .box { padding: 0px; word-break: keep-all; border: 0px; border-radius: 0px;}
#brandlist .wordlist > li .box .brand_tit { font-weight: bold; font-size: 18px; line-height: 1.3; color: #000000; margin-bottom: 15px;}
#brandlist .wordlist > li .box .brand_txt { font-size: 17px; line-height: 1.5; color: #595959;}
@media (max-width: 1320px) {
#brandlist .wordlist > li { width: 100% !important;}
}