@charset "UTF-8";
@font-face {
  font-family: "xeicon";
  src: url("./fonts/xeicon.woff2?v=2.2.0");
  src: local("xeicon"), url("./fonts/xeicon.woff2?v=2.2.0") format("woff2"), url("./fonts/xeicon.woff?v=2.2.0") format("woff"), url("./fonts/xeicon.ttf?v=2.2.0") format("truetype");
  font-weight: normal;
  font-style: normal;
}
i {
  font-family: "xeicon" !important;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.xi-angle-down:before {
  content: "\e941";
}

.xi-angle-down-min:before {
  content: "\e942";
}

.xi-angle-down-thin:before {
  content: "\e943";
}

.xi-angle-left:before {
  content: "\e93b";
}

.xi-angle-left-thin:before {
  content: "\e93d";
}

.xi-angle-left-min:before {
  content: "\e93c";
}

.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-apps:before {
  content: "\e903";
}

.xi-arrow-bottom:before {
  content: "\e904";
}

.xi-arrow-down:before {
  content: "\e905";
}

.xi-arrow-left:before {
  content: "\e906";
}

.xi-arrow-right:before {
  content: "\e907";
}

.xi-arrow-top:before {
  content: "\e912";
}

.xi-arrow-up:before {
  content: "\e915";
}

.xi-arrows:before {
  content: "\e90c";
}

.xi-arrows-alt:before {
  content: "\e90d";
}

.xi-arrows-h:before {
  content: "\e90e";
}

.xi-arrows-v:before {
  content: "\e90f";
}

.xi-bars:before {
  content: "\e91c";
}

.xi-caret-down:before {
  content: "\e935";
}

.xi-caret-down-circle:before {
  content: "\e937";
}

.xi-caret-down-circle-o:before {
  content: "\e938";
}

.xi-caret-down-min:before {
  content: "\e936";
}

.xi-caret-down-square:before {
  content: "\e939";
}

.xi-caret-down-square-o:before {
  content: "\e93a";
}

.xi-caret-up:before {
  content: "\e92f";
}

.xi-caret-up-circle:before {
  content: "\e931";
}

.xi-caret-up-circle-o:before {
  content: "\e932";
}

.xi-caret-up-min:before {
  content: "\e930";
}

.xi-caret-up-square:before {
  content: "\e933";
}

.xi-caret-up-square-o:before {
  content: "\e934";
}

.xi-catched:before {
  content: "\e923";
}

.xi-cog:before {
  content: "\e986";
}

.xi-compare-arrows:before {
  content: "\e947";
}

.xi-compress:before {
  content: "\e911";
}

.xi-compress-square:before {
  content: "\e955";
}

.xi-dashboard:before {
  content: "\e948";
}

.xi-dashboard-o:before {
  content: "\e95e";
}

.xi-drag-handle:before {
  content: "\e960";
}

.xi-drag-vertical:before {
  content: "\e996";
}

.xi-ellipsis-h:before {
  content: "\e94a";
}

.xi-ellipsis-v:before {
  content: "\e949";
}

.xi-expand:before {
  content: "\e910";
}

.xi-expand-square:before {
  content: "\e954";
}

.xi-external-link:before {
  content: "\e980";
}

.xi-eye:before {
  content: "\e951";
}

.xi-eye-o:before {
  content: "\e950";
}

.xi-eye-off:before {
  content: "\e953";
}

.xi-eye-off-o:before {
  content: "\e952";
}

.xi-filter:before {
  content: "\e9d9";
}

.xi-flag:before {
  content: "\e961";
}

.xi-flag-o:before {
  content: "\e962";
}

.xi-hamburger-back:before {
  content: "\eb46";
}

.xi-hamburger-out:before {
  content: "\eb45";
}

.xi-home:before {
  content: "\e900";
}

.xi-home-o:before {
  content: "\e902";
}

.xi-lock:before {
  content: "\e964";
}

.xi-lock-o:before {
  content: "\e966";
}

.xi-log-in:before {
  content: "\e963";
}

.xi-log-out:before {
  content: "\e972";
}

.xi-long-arrow-down:before {
  content: "\e90a";
}

.xi-long-arrow-left:before {
  content: "\e908";
}

.xi-long-arrow-right:before {
  content: "\e90b";
}

.xi-long-arrow-up:before {
  content: "\e909";
}

.xi-refresh:before {
  content: "\e973";
}

.xi-renew:before {
  content: "\e977";
}

.xi-scroll:before {
  content: "\e94b";
}

.xi-search:before {
  content: "\e97a";
}

.xi-subdirectory:before {
  content: "\e97e";
}

.xi-subdirectory-arrow:before {
  content: "\e981";
}

.xi-sync:before {
  content: "\e982";
}

.xi-trash:before {
  content: "\e96e";
}

.xi-trash-o:before {
  content: "\e96f";
}

.xi-unlock:before {
  content: "\e965";
}

.xi-unlock-o:before {
  content: "\e967";
}

.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-zoom-in:before {
  content: "\e97b";
}

.xi-zoom-out:before {
  content: "\e97c";
}

.xi-bookmark:before {
  content: "\ea1c";
}

.xi-bookmark-o:before {
  content: "\ea1d";
}

.xi-check:before {
  content: "\e928";
}

.xi-check-circle:before {
  content: "\e92b";
}

.xi-check-circle-o:before {
  content: "\e92c";
}

.xi-check-min:before {
  content: "\e929";
}

.xi-check-square:before {
  content: "\e92d";
}

.xi-check-square-o:before {
  content: "\e92e";
}

.xi-check-thin:before {
  content: "\e92a";
}

.xi-close:before {
  content: "\e921";
}

.xi-close-circle:before {
  content: "\e924";
}

.xi-close-circle-o:before {
  content: "\e925";
}

.xi-close-min:before {
  content: "\e922";
}

.xi-close-square:before {
  content: "\e926";
}

.xi-close-square-o:before {
  content: "\e927";
}

.xi-close-thin:before {
  content: "\e9af";
}

.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-lightbulb:before {
  content: "\e9be";
}

.xi-lightbulb-o:before {
  content: "\e9bf";
}

.xi-link:before {
  content: "\e9c0";
}

.xi-mail:before {
  content: "\ea06";
}

.xi-mail-o:before {
  content: "\ea07";
}

.xi-mail-read:before {
  content: "\ea08";
}

.xi-mail-read-o:before {
  content: "\ea09";
}

.xi-minus:before {
  content: "\e91a";
}

.xi-minus-circle:before {
  content: "\e91d";
}

.xi-minus-circle-o:before {
  content: "\e91e";
}

.xi-minus-min:before {
  content: "\e91b";
}

.xi-minus-square:before {
  content: "\e91f";
}

.xi-minus-square-o:before {
  content: "\e920";
}

.xi-minus-thin:before {
  content: "\e9c1";
}

.xi-package:before {
  content: "\e9c2";
}

.xi-pen:before {
  content: "\e9c3";
}

.xi-pen-o:before {
  content: "\e9c4";
}

.xi-plus:before {
  content: "\e913";
}

.xi-plus-circle:before {
  content: "\e916";
}

.xi-plus-circle-o:before {
  content: "\e917";
}

.xi-plus-min:before {
  content: "\e914";
}

.xi-plus-square:before {
  content: "\e918";
}

.xi-plus-square-o:before {
  content: "\e919";
}

.xi-plus-thin:before {
  content: "\e9c5";
}

.xi-radiobox-blank:before {
  content: "\e9c6";
}

.xi-radiobox-checked:before {
  content: "\e9c7";
}

.xi-redo:before {
  content: "\e9c8";
}

.xi-reply:before {
  content: "\ea0d";
}

.xi-reply-all:before {
  content: "\ea0c";
}

.xi-save:before {
  content: "\e9b9";
}

.xi-send:before {
  content: "\ea0b";
}

.xi-switch-off:before {
  content: "\e9c9";
}

.xi-switch-on:before {
  content: "\e9ca";
}

.xi-tag:before {
  content: "\ea36";
}

.xi-tags:before {
  content: "\ea37";
}

.xi-toggle-off:before {
  content: "\e9cb";
}

.xi-toggle-on:before {
  content: "\e9cd";
}

.xi-undo:before {
  content: "\e9d2";
}

.xi-at:before {
  content: "\ea0a";
}

.xi-call:before {
  content: "\e9d3";
}

.xi-call-made:before {
  content: "\e9d4";
}

.xi-call-missed:before {
  content: "\e9d5";
}

.xi-call-received:before {
  content: "\e9d6";
}

.xi-comment:before {
  content: "\e9d7";
}

.xi-comment-o:before {
  content: "\e9d8";
}

.xi-crown:before {
  content: "\e9da";
}

.xi-emoticon:before {
  content: "\e9dd";
}

.xi-emoticon-bad:before {
  content: "\e9de";
}

.xi-emoticon-bad-o:before {
  content: "\e9df";
}

.xi-emoticon-cool:before {
  content: "\e9e0";
}

.xi-emoticon-cool-o:before {
  content: "\e9e1";
}

.xi-emoticon-devil:before {
  content: "\e9e2";
}

.xi-emoticon-devil-o:before {
  content: "\e9e3";
}

.xi-emoticon-happy:before {
  content: "\e9e4";
}

.xi-emoticon-happy-o:before {
  content: "\e9e6";
}

.xi-emoticon-neutral:before {
  content: "\e9eb";
}

.xi-emoticon-neutral-o:before {
  content: "\e9ec";
}

.xi-emoticon-o:before {
  content: "\e9ed";
}

.xi-emoticon-sad:before {
  content: "\e9ee";
}

.xi-emoticon-sad-o:before {
  content: "\e9ef";
}

.xi-forum:before {
  content: "\e9f0";
}

.xi-forum-o:before {
  content: "\e9f1";
}

.xi-group:before {
  content: "\ea2e";
}

.xi-heart:before {
  content: "\ea10";
}

.xi-heart-o:before {
  content: "\ea11";
}

.xi-message:before {
  content: "\ea14";
}

.xi-message-o:before {
  content: "\ea15";
}

.xi-note:before {
  content: "\ea1a";
}

.xi-note-o:before {
  content: "\ea1b";
}

.xi-profile:before {
  content: "\e9f2";
}

.xi-profile-o:before {
  content: "\ea2a";
}

.xi-send2:before {
  content: "\ea0e";
}

.xi-share:before {
  content: "\e9fa";
}

.xi-share-alt:before {
  content: "\e9e9";
}

.xi-share-alt-o:before {
  content: "\e9ea";
}

.xi-speech:before {
  content: "\ea12";
}

.xi-speech-o:before {
  content: "\ea13";
}

.xi-star:before {
  content: "\ea0f";
}

.xi-star-o:before {
  content: "\ea16";
}

.xi-thumbs-down:before {
  content: "\ea29";
}

.xi-thumbs-up:before {
  content: "\ea28";
}

.xi-trophy:before {
  content: "\ea38";
}

.xi-user:before {
  content: "\e9f3";
}

.xi-user-address:before {
  content: "\e9f4";
}

.xi-user-o:before {
  content: "\e9f5";
}

.xi-user-plus:before {
  content: "\e9f7";
}

.xi-user-plus-o:before {
  content: "\e9f8";
}

.xi-users:before {
  content: "\e9f9";
}

.xi-users-o:before {
  content: "\ea04";
}

.xi-users-plus:before {
  content: "\ea17";
}

.xi-video-call:before {
  content: "\ea18";
}

.xi-voicemail:before {
  content: "\ea19";
}

.xi-alarm:before {
  content: "\ea1e";
}

.xi-alarm-o:before {
  content: "\ea1f";
}

.xi-alarm-off:before {
  content: "\ea20";
}

.xi-ban:before {
  content: "\e9ae";
}

.xi-bell:before {
  content: "\e99c";
}

.xi-bell-o:before {
  content: "\e99d";
}

.xi-bell-off:before {
  content: "\e99e";
}

.xi-bell-off-o:before {
  content: "\e99f";
}

.xi-calendar:before {
  content: "\e9a0";
}

.xi-calendar-add:before {
  content: "\e9a1";
}

.xi-calendar-cancle:before {
  content: "\e9a3";
}

.xi-calendar-check:before {
  content: "\e9a4";
}

.xi-calendar-list:before {
  content: "\e9a5";
}

.xi-calendar-remove:before {
  content: "\e9a2";
}

.xi-error:before {
  content: "\e9aa";
}

.xi-error-o:before {
  content: "\e9ab";
}

.xi-hand-paper:before {
  content: "\ea21";
}

.xi-help:before {
  content: "\e9ad";
}

.xi-help-o:before {
  content: "\e9ac";
}

.xi-info:before {
  content: "\e9a6";
}

.xi-info-o:before {
  content: "\e9a7";
}

.xi-key:before {
  content: "\ea22";
}

.xi-wifi:before {
  content: "\ea23";
}

.xi-new:before {
  content: "\e9a8";
}

.xi-new-o:before {
  content: "\e9a9";
}

.xi-security:before {
  content: "\ea24";
}

.xi-shield-checked:before {
  content: "\ea25";
}

.xi-shield-checked-o:before {
  content: "\ea26";
}

.xi-snooze:before {
  content: "\ea27";
}

.xi-time:before {
  content: "\ea2b";
}

.xi-time-o:before {
  content: "\ea2c";
}

.xi-warning:before {
  content: "\ea2d";
}

.xi-align-center:before {
  content: "\e958";
}

.xi-align-justify:before {
  content: "\e956";
}

.xi-align-left:before {
  content: "\e957";
}

.xi-align-right:before {
  content: "\e959";
}

.xi-bold:before {
  content: "\e96a";
}

.xi-border-bottom:before {
  content: "\ea32";
}

.xi-border-clear:before {
  content: "\ea33";
}

.xi-border-color:before {
  content: "\ea39";
}

.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-caps:before {
  content: "\e96d";
}

.xi-code:before {
  content: "\ea5d";
}

.xi-color-dropper:before {
  content: "\e97d";
}

.xi-color-fill:before {
  content: "\ea5e";
}

.xi-color-helper:before {
  content: "\ea5f";
}

.xi-crop:before {
  content: "\e999";
}

.xi-dedent:before {
  content: "\e95b";
}

.xi-document:before {
  content: "\e998";
}

.xi-eraser:before {
  content: "\e970";
}

.xi-eraser-o:before {
  content: "\e971";
}

.xi-face:before {
  content: "\ea62";
}

.xi-font:before {
  content: "\ea63";
}

.xi-border-all:before {
  content: "\e987";
}

.xi-indent:before {
  content: "\e95a";
}

.xi-italic:before {
  content: "\e96c";
}

.xi-layout:before {
  content: "\e988";
}

.xi-layout-aside:before {
  content: "\e98b";
}

.xi-layout-aside-o:before {
  content: "\e991";
}

.xi-layout-column:before {
  content: "\e98c";
}

.xi-layout-column-o:before {
  content: "\e992";
}

.xi-layout-full:before {
  content: "\e989";
}

.xi-layout-full-o:before {
  content: "\e98f";
}

.xi-layout-o:before {
  content: "\e98e";
}

.xi-layout-snb:before {
  content: "\e98a";
}

.xi-layout-snb-o:before {
  content: "\e990";
}

.xi-line-style:before {
  content: "\ea66";
}

.xi-line-weight:before {
  content: "\ea67";
}

.xi-line-height:before {
  content: "\e976";
}

.xi-link-broken:before {
  content: "\ea68";
}

.xi-link-insert:before {
  content: "\ea6a";
}

.xi-list:before {
  content: "\e95f";
}

.xi-list-dot:before {
  content: "\e95c";
}

.xi-list-number:before {
  content: "\ea6b";
}

.xi-list-square:before {
  content: "\e95d";
}

.xi-omega:before {
  content: "\ea6c";
}

.xi-opacity:before {
  content: "\ea6d";
}

.xi-overscan:before {
  content: "\ea78";
}

.xi-palette:before {
  content: "\e995";
}

.xi-paperclip:before {
  content: "\ea7f";
}

.xi-paragraph:before {
  content: "\e968";
}

.xi-rotate-left:before {
  content: "\e979";
}

.xi-rotate-right:before {
  content: "\e978";
}

.xi-scissors:before {
  content: "\e994";
}

.xi-sort-asc:before {
  content: "\e974";
}

.xi-sort-desc:before {
  content: "\e975";
}

.xi-spellcheck:before {
  content: "\eaa9";
}

.xi-strikethrough:before {
  content: "\e969";
}

.xi-text-color:before {
  content: "\eaaa";
}

.xi-text-format:before {
  content: "\eab9";
}

.xi-text-size:before {
  content: "\eaba";
}

.xi-text-type:before {
  content: "\e97f";
}

.xi-transform:before {
  content: "\eabb";
}

.xi-translate:before {
  content: "\eabc";
}

.xi-underline:before {
  content: "\e96b";
}

.xi-valign-bottom:before {
  content: "\eabd";
}

.xi-valign-center:before {
  content: "\eabe";
}

.xi-valign-top:before {
  content: "\eabf";
}

.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-alt:before {
  content: "\e94d";
}

.xi-backspace:before {
  content: "\eac4";
}

.xi-battery:before {
  content: "\eac5";
}

.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-battery-o:before {
  content: "\ead0";
}

.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-capslock:before {
  content: "\ead6";
}

.xi-clock:before {
  content: "\ead7";
}

.xi-clock-o:before {
  content: "\ead8";
}

.xi-command:before {
  content: "\e94e";
}

.xi-contrast:before {
  content: "\ead9";
}

.xi-desktop:before {
  content: "\eada";
}

.xi-devices:before {
  content: "\eadb";
}

.xi-diskette:before {
  content: "\e9ba";
}

.xi-enter:before {
  content: "\eadc";
}

.xi-esc:before {
  content: "\e94f";
}

.xi-fax:before {
  content: "\e9bc";
}

.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-laptop:before {
  content: "\eae9";
}

.xi-lock-rotation:before {
  content: "\eaea";
}

.xi-memory:before {
  content: "\eaeb";
}

.xi-memory-o:before {
  content: "\eaec";
}

.xi-mobile:before {
  content: "\eaed";
}

.xi-mouse:before {
  content: "\e9b6";
}

.xi-mouse-pointer:before {
  content: "\eaee";
}

.xi-plug:before {
  content: "\e9d0";
}

.xi-power-off:before {
  content: "\e94c";
}

.xi-presentation:before {
  content: "\e9cf";
}

.xi-print:before {
  content: "\e9bb";
}

.xi-projector:before {
  content: "\e9ce";
}

.xi-router:before {
  content: "\eaef";
}

.xi-router-o:before {
  content: "\eaf0";
}

.xi-sdcard:before {
  content: "\e9b7";
}

.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-space-bar:before {
  content: "\eaf7";
}

.xi-speaker:before {
  content: "\ea60";
}

.xi-tab:before {
  content: "\eaf8";
}

.xi-tablet:before {
  content: "\eaf9";
}

.xi-touch:before {
  content: "\eafa";
}

.xi-tv:before {
  content: "\eafb";
}

.xi-usb:before {
  content: "\eafc";
}

.xi-usb-drive:before {
  content: "\e9b8";
}

.xi-usim:before {
  content: "\e9bd";
}

.xi-watch:before {
  content: "\e9b5";
}

.xi-webcam:before {
  content: "\e9cc";
}

.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-album:before {
  content: "\ea61";
}

.xi-backward:before {
  content: "\ea47";
}

.xi-book:before {
  content: "\ea34";
}

.xi-book-o:before {
  content: "\ea35";
}

.xi-camera:before {
  content: "\ea4b";
}

.xi-camera-o:before {
  content: "\ea4a";
}

.xi-chart-bar:before {
  content: "\e901";
}

.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-chart-pyramid:before {
  content: "\ea69";
}

.xi-eject:before {
  content: "\ea42";
}

.xi-equalizer:before {
  content: "\eb05";
}

.xi-equalizer-thin:before {
  content: "\ea55";
}

.xi-exposure:before {
  content: "\eb06";
}

.xi-fast-backward:before {
  content: "\eb07";
}

.xi-fast-forward:before {
  content: "\eb08";
}

.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-forward:before {
  content: "\ea48";
}

.xi-game:before {
  content: "\eb12";
}

.xi-headset:before {
  content: "\ea64";
}

.xi-image:before {
  content: "\ea50";
}

.xi-image-o:before {
  content: "\ea4e";
}

.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-microphone:before {
  content: "\ea57";
}

.xi-microphone-o:before {
  content: "\ea56";
}

.xi-microphone-off:before {
  content: "\ea58";
}

.xi-movie:before {
  content: "\eb1b";
}

.xi-movie-o:before {
  content: "\eb1c";
}

.xi-music:before {
  content: "\ea65";
}

.xi-pacman:before {
  content: "\eb1d";
}

.xi-paper:before {
  content: "\eb1e";
}

.xi-paper-o:before {
  content: "\eb1f";
}

.xi-pause:before {
  content: "\ea3b";
}

.xi-pause-circle:before {
  content: "\ea3d";
}

.xi-pause-circle-o:before {
  content: "\ea3c";
}

.xi-play:before {
  content: "\ea3e";
}

.xi-play-circle:before {
  content: "\ea40";
}

.xi-play-circle-o:before {
  content: "\ea3f";
}

.xi-radio:before {
  content: "\eb20";
}

.xi-recording:before {
  content: "\eb21";
}

.xi-recording-stop:before {
  content: "\eb24";
}

.xi-repeat:before {
  content: "\eb25";
}

.xi-repeat-one:before {
  content: "\eb26";
}

.xi-shuffle:before {
  content: "\eb27";
}

.xi-step-backward:before {
  content: "\ea43";
}

.xi-step-forward:before {
  content: "\ea44";
}

.xi-stop:before {
  content: "\ea41";
}

.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-timer-sand-o:before {
  content: "\eb31";
}

.xi-trending-down:before {
  content: "\eb33";
}

.xi-trending-flat:before {
  content: "\eb36";
}

.xi-trending-up:before {
  content: "\eb37";
}

.xi-tune:before {
  content: "\eb38";
}

.xi-videocam:before {
  content: "\ea4d";
}

.xi-videocam-o:before {
  content: "\ea4c";
}

.xi-volume-down:before {
  content: "\ea5a";
}

.xi-volume-mute:before {
  content: "\ea59";
}

.xi-volume-off:before {
  content: "\eb39";
}

.xi-volume-up:before {
  content: "\ea5b";
}

.xi-airplane:before {
  content: "\eb3a";
}

.xi-all:before {
  content: "\eb3b";
}

.xi-bank: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-flight-land:before {
  content: "\eb3d";
}

.xi-flight-takeoff:before {
  content: "\eb3c";
}

.xi-florist:before {
  content: "\eb32";
}

.xi-garden:before {
  content: "\eb51";
}

.xi-gas-station:before {
  content: "\eb52";
}

.xi-glass:before {
  content: "\eb28";
}

.xi-golf:before {
  content: "\eb53";
}

.xi-hand-pointing:before {
  content: "\eb54";
}

.xi-hlz:before {
  content: "\eb34";
}

.xi-hospital:before {
  content: "\eb55";
}

.xi-hotel:before {
  content: "\eb56";
}

.xi-laundry:before {
  content: "\eb2e";
}

.xi-library:before {
  content: "\eb57";
}

.xi-location-arrow:before {
  content: "\eb58";
}

.xi-man:before {
  content: "\ea30";
}

.xi-map:before {
  content: "\eb22";
}

.xi-map-marker:before {
  content: "\eb59";
}

.xi-map-o:before {
  content: "\eb23";
}

.xi-marker-check:before {
  content: "\eb5a";
}

.xi-marker-plus:before {
  content: "\eb5b";
}

.xi-market:before {
  content: "\eb2b";
}

.xi-motorcycle:before {
  content: "\eb5c";
}

.xi-my-location:before {
  content: "\eb5d";
}

.xi-navigation:before {
  content: "\eb5e";
}

.xi-park:before {
  content: "\eb35";
}

.xi-pharmacy:before {
  content: "\eb2c";
}

.xi-pin-drop:before {
  content: "\eb5f";
}

.xi-pool:before {
  content: "\eb60";
}

.xi-pregnant-woman:before {
  content: "\eb61";
}

.xi-restaurant:before {
  content: "\eb62";
}

.xi-run:before {
  content: "\eb63";
}

.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-toilet:before {
  content: "\ea31";
}

.xi-traffic:before {
  content: "\eb6b";
}

.xi-train:before {
  content: "\eb6c";
}

.xi-walk:before {
  content: "\eb6d";
}

.xi-wheelchair:before {
  content: "\eb6e";
}

.xi-woman:before {
  content: "\ea2f";
}

.xi-basket:before {
  content: "\e9fe";
}

.xi-box:before {
  content: "\ea01";
}

.xi-briefcase:before {
  content: "\ea7c";
}

.xi-calculator:before {
  content: "\ea7e";
}

.xi-cart:before {
  content: "\eb6f";
}

.xi-cart-add:before {
  content: "\e9fc";
}

.xi-cart-o:before {
  content: "\e9fb";
}

.xi-cart-remove:before {
  content: "\e9fd";
}

.xi-coupon:before {
  content: "\ea03";
}

.xi-credit-card:before {
  content: "\ea77";
}

.xi-dollar:before {
  content: "\ea74";
}

.xi-euro:before {
  content: "\ea72";
}

.xi-exchange:before {
  content: "\ea53";
}

.xi-fragile:before {
  content: "\ea02";
}

.xi-gift:before {
  content: "\eb70";
}

.xi-gift-o:before {
  content: "\ea3a";
}

.xi-medicine:before {
  content: "\eb2d";
}

.xi-money:before {
  content: "\ea79";
}

.xi-percent:before {
  content: "\ea7d";
}

.xi-peso:before {
  content: "\ea75";
}

.xi-piggy-bank:before {
  content: "\ea7a";
}

.xi-pound:before {
  content: "\ea71";
}

.xi-receipt:before {
  content: "\eb71";
}

.xi-rial:before {
  content: "\ea73";
}

.xi-rupee:before {
  content: "\ea76";
}

.xi-shop:before {
  content: "\ea05";
}

.xi-strongbox:before {
  content: "\ea7b";
}

.xi-truck:before {
  content: "\eb72";
}

.xi-wallet:before {
  content: "\eb73";
}

.xi-won:before {
  content: "\ea6f";
}

.xi-yen:before {
  content: "\ea70";
}

.xi-yuan:before {
  content: "\ea6e";
}

.xi-attachment:before {
  content: "\eb74";
}

.xi-cloud:before {
  content: "\eb75";
}

.xi-cloud-download:before {
  content: "\eb76";
}

.xi-cloud-download-o:before {
  content: "\eb77";
}

.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-documents:before {
  content: "\ea98";
}

.xi-documents-o:before {
  content: "\ea84";
}

.xi-download:before {
  content: "\eb7c";
}

.xi-file:before {
  content: "\ea94";
}

.xi-file-add:before {
  content: "\ea95";
}

.xi-file-add-o:before {
  content: "\ea81";
}

.xi-file-check:before {
  content: "\eaa0";
}

.xi-file-check-o:before {
  content: "\ea8c";
}

.xi-file-code:before {
  content: "\ea9c";
}

.xi-file-code-o:before {
  content: "\ea88";
}

.xi-file-download:before {
  content: "\ea9f";
}

.xi-file-download-o:before {
  content: "\ea8b";
}

.xi-file-image:before {
  content: "\ea99";
}

.xi-file-image-o:before {
  content: "\ea85";
}

.xi-file-music:before {
  content: "\ea9b";
}

.xi-file-music-o:before {
  content: "\ea87";
}

.xi-file-o:before {
  content: "\ea80";
}

.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-file-upload:before {
  content: "\ea9e";
}

.xi-file-upload-o:before {
  content: "\ea8a";
}

.xi-file-video:before {
  content: "\ea9a";
}

.xi-file-video-o:before {
  content: "\ea86";
}

.xi-file-zip:before {
  content: "\ea9d";
}

.xi-file-zip-o:before {
  content: "\ea89";
}

.xi-folder:before {
  content: "\eaa1";
}

.xi-folder-add:before {
  content: "\eaa2";
}

.xi-folder-add-o:before {
  content: "\ea8e";
}

.xi-folder-check:before {
  content: "\eaa4";
}

.xi-folder-check-o:before {
  content: "\ea90";
}

.xi-folder-download:before {
  content: "\eaa6";
}

.xi-folder-download-o:before {
  content: "\ea92";
}

.xi-folder-o:before {
  content: "\ea8d";
}

.xi-folder-open:before {
  content: "\eaa8";
}

.xi-folder-remove:before {
  content: "\eaa3";
}

.xi-folder-remove-o:before {
  content: "\ea8f";
}

.xi-folder-shared:before {
  content: "\eb7d";
}

.xi-folder-upload:before {
  content: "\eaa5";
}

.xi-folder-upload-o:before {
  content: "\ea91";
}

.xi-folder-zip:before {
  content: "\eaa7";
}

.xi-folder-zip-o:before {
  content: "\ea93";
}

.xi-upload:before {
  content: "\eb7e";
}

.xi-accessibility:before {
  content: "\eb7f";
}

.xi-antenna:before {
  content: "\e9f6";
}

.xi-barcode:before {
  content: "\e9ff";
}

.xi-branch:before {
  content: "\eb80";
}

.xi-bug:before {
  content: "\eb81";
}

.xi-central-router:before {
  content: "\e9e8";
}

.xi-central-signal:before {
  content: "\e9e7";
}

.xi-cookie:before {
  content: "\eb82";
}

.xi-css3:before {
  content: "\eb83";
}

.xi-fingerprint:before {
  content: "\eb84";
}

.xi-fork:before {
  content: "\eb85";
}

.xi-globus:before {
  content: "\e9d1";
}

.xi-html5:before {
  content: "\eb86";
}

.xi-javascript:before {
  content: "\eb87";
}

.xi-csharp:before {
  content: "\eb88";
}

.xi-laravel:before {
  content: "\eb89";
}

.xi-log:before {
  content: "\eb8a";
}

.xi-merge:before {
  content: "\eb8b";
}

.xi-milestone:before {
  content: "\eb8c";
}

.xi-network-company:before {
  content: "\eb8d";
}

.xi-network-folder:before {
  content: "\eb8e";
}

.xi-network-home:before {
  content: "\eb8f";
}

.xi-network-public:before {
  content: "\eb90";
}

.xi-php:before {
  content: "\eb91";
}

.xi-pull-requests:before {
  content: "\eb92";
}

.xi-puzzle:before {
  content: "\eb93";
}

.xi-python:before {
  content: "\eb94";
}

.xi-qr-code:before {
  content: "\ea00";
}

.xi-rss:before {
  content: "\eb95";
}

.xi-rss-square:before {
  content: "\e9e5";
}

.xi-server:before {
  content: "\eb96";
}

.xi-server-network:before {
  content: "\eb97";
}

.xi-sitemap:before {
  content: "\eb98";
}

.xi-sitemap-o:before {
  content: "\eb99";
}

.xi-browser:before {
  content: "\e9db";
}

.xi-browser-text:before {
  content: "\e9dc";
}

.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-brightness-1:before {
  content: "\eb0d";
}

.xi-brightness-2:before {
  content: "\eb9a";
}

.xi-brightness-3:before {
  content: "\eb0e";
}

.xi-brightness-4:before {
  content: "\eb9b";
}

.xi-cloudy:before {
  content: "\eb9c";
}

.xi-crescent:before {
  content: "\eb0f";
}

.xi-fog:before {
  content: "\eb9d";
}

.xi-foggy:before {
  content: "\eb9e";
}

.xi-lightning:before {
  content: "\eb9f";
}

.xi-night:before {
  content: "\eb10";
}

.xi-partly-cloudy:before {
  content: "\eba0";
}

.xi-pouring:before {
  content: "\eba1";
}

.xi-snow-crystal:before {
  content: "\eb15";
}

.xi-snowy: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-tint-o:before {
  content: "\ebaa";
}

.xi-tornado:before {
  content: "\ebab";
}

.xi-umbrella:before {
  content: "\ebac";
}

.xi-umbrella-o:before {
  content: "\ebad";
}

.xi-wind:before {
  content: "\eb13";
}

.xi-windy:before {
  content: "\ebae";
}

.xi-windy-variant:before {
  content: "\ebaf";
}

.xi-cc-by:before {
  content: "\eaae";
}

.xi-cc-cc:before {
  content: "\eaad";
}

.xi-cc-nc:before {
  content: "\eab1";
}

.xi-cc-nc-eu:before {
  content: "\eab2";
}

.xi-cc-nc-jp:before {
  content: "\eab3";
}

.xi-cc-nd:before {
  content: "\eab0";
}

.xi-cc-pd:before {
  content: "\eab5";
}

.xi-cc-remix:before {
  content: "\eab4";
}

.xi-cc-sa:before {
  content: "\eaaf";
}

.xi-cc-sampling:before {
  content: "\eab6";
}

.xi-cc-share:before {
  content: "\eab8";
}

.xi-cc-zero:before {
  content: "\eab7";
}

.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-silverstripe:before {
  content: "\ebbd";
}

.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-chak:before {
  content: "\ebc4";
}

.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-kakao:before {
  content: "\ebee";
}

.xi-kakaostory:before {
  content: "\ebef";
}

.xi-kickstarter:before {
  content: "\ebf0";
}

.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-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.33333333em;
  line-height: 0.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, mirror=1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.xi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -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.28571429em;
  text-align: center;
}

.xi-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.xi-ul > li {
  position: relative;
}

.xi-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.xi-li.xi-lg {
  left: -1.85714286em;
}

.xi-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.xi.pull-left {
  margin-right: 0.3em;
}
.xi.pull-right {
  margin-left: 0.3em;
}

@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/NanumSquareNeo-bRg.woff2");
  src: local("☺"), url("./fonts/NanumSquareNeo-bRg.woff2") format("woff2"), url("./fonts/NanumSquareNeo-bRg.woff") format("woff"), url("./fonts/NanumSquareNeo-bRg.ttf") format("truetype");
}
@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 350;
  src: url("./fonts/NanumSquareNeo-aLt.woff2");
  src: local("☺"), url("./fonts/NanumSquareNeo-aLt.woff2") format("woff2"), url("./fonts/NanumSquareNeo-aLt.woff") format("woff"), url("./fonts/NanumSquareNeo-aLt.ttf") format("truetype");
}
@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/NanumSquareNeo-cBd.woff2");
  src: local("☺"), url("./fonts/NanumSquareNeo-cBd.woff2") format("woff2"), url("./fonts/NanumSquareNeo-cBd.woff") format("woff"), url("./fonts/NanumSquareNeo-cBd.ttf") format("truetype");
}
@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 800;
  src: url("./fonts/NanumSquareNeo-dEb.woff2");
  src: local("☺"), url("./fonts/NanumSquareNeo-dEb.woff2") format("woff2"), url("./fonts/NanumSquareNeo-dEb.woff") format("woff"), url("./fonts/NanumSquareNeo-dEb.ttf") format("truetype");
}
@font-face {
  font-family: "NanumSquare Neo";
  font-style: normal;
  font-weight: 900;
  src: url("./fonts/NanumSquareNeo-eHv.woff2");
  src: local("☺"), url("./fonts/NanumSquareNeo-eHv.woff2") format("woff2"), url("./fonts/NanumSquareNeo-eHv.woff") format("woff"), url("./fonts/NanumSquareNeo-eHv.ttf") format("truetype");
}
@font-face {
  font-family: "NanumSquare Neo variable";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/NanumSquareNeo-Variable.woff2");
  src: local("☺"), url("./fonts/NanumSquareNeo-Variable.woff2") format("woff2"), url("./fonts/NanumSquareNeo-Variable.woff") format("woff");
}
@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 300;
  src: local("☺"), url("./fonts/GmarketSansLight.woff2") format("woff2"), url("./fonts/GmarketSansLight.woff") format("woff"), url("./fonts/GmarketSansLight.ttf") format("truetype");
}
@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 500;
  src: local("☺"), url("./fonts/GmarketSansMedium.woff2") format("woff2"), url("./fonts/GmarketSansMedium.woff") format("woff"), url("./fonts/GmarketSansMedium.ttf") format("truetype");
}
@font-face {
  font-family: "GmarketSans";
  font-style: normal;
  font-weight: 700;
  src: local("☺"), url("./fonts/GmarketSansBold.woff2") format("woff2"), url("./fonts/GmarketSansBold.woff") format("woff"), url("./fonts/GmarketSansBold.ttf") format("truetype");
}
@font-face {
  font-family: "TAEBAEKfont";
  font-style: normal;
  font-weight: bolder;
  src: local("☺"), url("./fonts/TAEBAEKfont.woff2") format("woff2"), url("./fonts/TAEBAEKfont.woff") format("woff"), url("./fonts/TAEBAEKfont.ttf") format("truetype");
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 100;
  font-style: normal;
  src: local("☺"), url("./fonts/TheJamsil-Thin.woff2") format("woff2"), url("./fonts/TheJamsil-Thin.woff") format("woff"), url("./fonts/TheJamsil-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 300;
  font-style: normal;
  src: local("☺"), url("./fonts/TheJamsil-Light.woff2") format("woff2"), url("./fonts/TheJamsil-Light.woff") format("woff"), url("./fonts/TheJamsil-Light.ttf") format("truetype");
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 400;
  font-style: normal;
  src: local("☺"), url("./fonts/TheJamsil-Regular.woff2") format("woff2"), url("./fonts/TheJamsil-Regular.woff") format("woff"), url("./fonts/TheJamsil-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 500;
  font-style: normal;
  src: local("☺"), url("./fonts/TheJamsil-Medium.woff2") format("woff2"), url("./fonts/TheJamsil-Medium.woff") format("woff"), url("./fonts/TheJamsil-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 700;
  font-style: normal;
  src: local("☺"), url("./fonts/TheJamsil-Bold.woff2") format("woff2"), url("./fonts/TheJamsil-Bold.woff") format("woff"), url("./fonts/TheJamsil-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "TheJamsil";
  font-weight: 800;
  font-style: normal;
  src: local("☺"), url("./fonts/TheJamsil-ExtraBold.woff2") format("woff2"), url("./fonts/TheJamsil-ExtraBold.woff") format("woff"), url("./fonts/TheJamsil-ExtraBold.ttf") format("truetype");
}
@media (prefers-color-scheme: light) {
  body {
    --color-background: #ffffff;
    --color-text: #262626;
    --color-text-emp: #f00002;
    --color-text-link: #006bfe;
    --color-header: #ffffff;
    --color-header-text: var(--color-text);
    --color-ci: url(../images/CI/MR_web_v04_S_black.svg);
    --color-nav: #ffffff;
    --color-nav-text: var(--color-text);
    --color-location: #eff1f5;
    --color-location-text: var(--color-text);
    --color-first-section: #eff1f5;
    --color-first-section-text: var(--color-text);
    --color-button-first-section: #ffffff;
    --color-last-section-text: var(--color-text);
    --color-button-last-section: var(--color-button);
    --color-table-box-last-section: var(--color-table-box);
    --color-notice: #eff1f5;
    --color-notice-text: var(--color-text);
    --color-footer: rgb(63.75, 63.75, 63.75);
    --color-footer-text: rgb(229.5, 229.5, 229.5);
    --color-border: rgb(191.25, 191.25, 191.25);
    --color-border-light: rgb(191.25, 191.25, 191.25);
    --color-hr:
      linear-gradient(90deg,
        rgba(191.25, 191.25, 191.25, 0) 0%,
        rgba(191.25, 191.25, 191.25, 0.5) 15%,
        rgba(191.25, 191.25, 191.25, 0.75) 35%,
        rgb(191.25, 191.25, 191.25) 50%,
        rgba(191.25, 191.25, 191.25, 0.75) 65%,
        rgba(191.25, 191.25, 191.25, 0.5) 85%,
        rgba(191.25, 191.25, 191.25, 0) 100%
      );
    --color-hr-light:
      linear-gradient(90deg,
        rgba(127.5, 127.5, 127.5, 0) 0%,
        rgba(127.5, 127.5, 127.5, 0.5) 15%,
        rgba(127.5, 127.5, 127.5, 0.75) 35%,
        rgb(127.5, 127.5, 127.5) 50%,
        rgba(127.5, 127.5, 127.5, 0.75) 65%,
        rgba(127.5, 127.5, 127.5, 0.5) 85%,
        rgba(127.5, 127.5, 127.5, 0) 100%
      );
    --color-button: rgb(242, 242, 242);
    --color-button-shadow: rgba(0, 0, 0, 0.25);
    --color-button-active: #cad9fc;
    --color-box: #eff1f5;
    --color-box-shadow: rgba(0, 0, 0, 0.5);
    --color-table-box:
      linear-gradient(90deg,
        rgba(242, 242, 242, 0) 0%,
        #f2f2f2 15%,
        #f2f2f2 85%,
        rgba(242, 242, 242, 0) 100%
      );
    --color-grey: #eff1f5;
    --color-blue: #cad9fc;
    --color-dark: #262626;
  }
  body.theme-dark {
    --color-background: rgb(38.25, 38.25, 38.25);
    --color-text: rgb(229.5, 229.5, 229.5);
    --color-text-emp: #f00002;
    --color-text-link: #006bfe;
    --color-header: #000000;
    --color-header-text: var(--color-text);
    --color-ci: url(../images/CI/MR_web_v04_S_white.svg);
    --color-nav: #000000;
    --color-nav-text: var(--color-text);
    --color-location: rgb(25.5, 25.5, 25.5);
    --color-location-text: rgb(191.25, 191.25, 191.25);
    --color-first-section: rgb(25.5, 25.5, 25.5);
    --color-first-section-text: var(--color-text);
    --color-button-first-section: #000000;
    --color-last-section-text: var(--color-text);
    --color-button-last-section: var(--color-button);
    --color-table-box-last-section: var(--color-table-box);
    --color-notice: #000000;
    --color-notice-text: rgb(191.25, 191.25, 191.25);
    --color-footer: rgb(25.5, 25.5, 25.5);
    --color-footer-text: rgb(191.25, 191.25, 191.25);
    --color-border: #000000;
    --color-border-light: rgb(89.25, 89.25, 89.25);
    --color-hr:
      linear-gradient(90deg,
        rgba(89.25, 89.25, 89.25, 0) 0%,
        rgba(89.25, 89.25, 89.25, 0.5) 15%,
        rgba(89.25, 89.25, 89.25, 0.75) 35%,
        rgb(89.25, 89.25, 89.25) 50%,
        rgba(89.25, 89.25, 89.25, 0.75) 65%,
        rgba(89.25, 89.25, 89.25, 0.5) 85%,
        rgba(89.25, 89.25, 89.25, 0) 100%
      );
    --color-hr-light:
      linear-gradient(90deg,
        rgba(63.75, 63.75, 63.75, 0) 0%,
        rgba(63.75, 63.75, 63.75, 0.5) 15%,
        rgba(63.75, 63.75, 63.75, 0.75) 35%,
        rgb(63.75, 63.75, 63.75) 50%,
        rgba(63.75, 63.75, 63.75, 0.75) 65%,
        rgba(63.75, 63.75, 63.75, 0.5) 85%,
        rgba(63.75, 63.75, 63.75, 0) 100%
      );
    --color-button: #000000;
    --color-button-shadow: rgba(255, 255, 255, 0.15);
    --color-button-active: #006bfe;
    --color-box: rgb(63.75, 63.75, 63.75);
    --color-box-shadow: black;
    --color-table-box:
      linear-gradient(90deg,
        rgba(63.75, 63.75, 63.75, 0) 0%,
        rgb(63.75, 63.75, 63.75) 15%,
        rgb(63.75, 63.75, 63.75) 85%,
        rgba(63.75, 63.75, 63.75, 0) 100%
      );
    --color-grey: rgb(63.75, 63.75, 63.75);
    --color-blue: #303a50;
    --color-dark: rgb(25.5, 25.5, 25.5);
  }
}
@media (prefers-color-scheme: dark) {
  body {
    --color-background: rgb(38.25, 38.25, 38.25);
    --color-text: rgb(229.5, 229.5, 229.5);
    --color-text-emp: #f00002;
    --color-text-link: #006bfe;
    --color-header: #000000;
    --color-header-text: var(--color-text);
    --color-ci: url(../images/CI/MR_web_v04_S_white.svg);
    --color-nav: #000000;
    --color-nav-text: var(--color-text);
    --color-location: rgb(25.5, 25.5, 25.5);
    --color-location-text: rgb(191.25, 191.25, 191.25);
    --color-first-section: rgb(25.5, 25.5, 25.5);
    --color-first-section-text: var(--color-text);
    --color-button-first-section: #000000;
    --color-last-section-text: var(--color-text);
    --color-button-last-section: var(--color-button);
    --color-table-box-last-section: var(--color-table-box);
    --color-notice: #000000;
    --color-notice-text: rgb(191.25, 191.25, 191.25);
    --color-footer: rgb(25.5, 25.5, 25.5);
    --color-footer-text: rgb(191.25, 191.25, 191.25);
    --color-border: #000000;
    --color-border-light: rgb(89.25, 89.25, 89.25);
    --color-hr:
      linear-gradient(90deg,
        rgba(89.25, 89.25, 89.25, 0) 0%,
        rgba(89.25, 89.25, 89.25, 0.5) 15%,
        rgba(89.25, 89.25, 89.25, 0.75) 35%,
        rgb(89.25, 89.25, 89.25) 50%,
        rgba(89.25, 89.25, 89.25, 0.75) 65%,
        rgba(89.25, 89.25, 89.25, 0.5) 85%,
        rgba(89.25, 89.25, 89.25, 0) 100%
      );
    --color-hr-light:
      linear-gradient(90deg,
        rgba(63.75, 63.75, 63.75, 0) 0%,
        rgba(63.75, 63.75, 63.75, 0.5) 15%,
        rgba(63.75, 63.75, 63.75, 0.75) 35%,
        rgb(63.75, 63.75, 63.75) 50%,
        rgba(63.75, 63.75, 63.75, 0.75) 65%,
        rgba(63.75, 63.75, 63.75, 0.5) 85%,
        rgba(63.75, 63.75, 63.75, 0) 100%
      );
    --color-button: #000000;
    --color-button-shadow: rgba(255, 255, 255, 0.15);
    --color-button-active: #006bfe;
    --color-box: rgb(63.75, 63.75, 63.75);
    --color-box-shadow: black;
    --color-table-box:
      linear-gradient(90deg,
        rgba(63.75, 63.75, 63.75, 0) 0%,
        rgb(63.75, 63.75, 63.75) 15%,
        rgb(63.75, 63.75, 63.75) 85%,
        rgba(63.75, 63.75, 63.75, 0) 100%
      );
    --color-grey: rgb(63.75, 63.75, 63.75);
    --color-blue: #303a50;
    --color-dark: rgb(25.5, 25.5, 25.5);
  }
  body.theme-light {
    --color-background: #ffffff;
    --color-text: #262626;
    --color-text-emp: #f00002;
    --color-text-link: #006bfe;
    --color-header: #ffffff;
    --color-header-text: var(--color-text);
    --color-ci: url(../images/CI/MR_web_v04_S_black.svg);
    --color-nav: #ffffff;
    --color-nav-text: var(--color-text);
    --color-location: #eff1f5;
    --color-location-text: var(--color-text);
    --color-first-section: #eff1f5;
    --color-first-section-text: var(--color-text);
    --color-button-first-section: #ffffff;
    --color-last-section-text: var(--color-text);
    --color-button-last-section: var(--color-button);
    --color-table-box-last-section: var(--color-table-box);
    --color-notice: #eff1f5;
    --color-notice-text: var(--color-text);
    --color-footer: rgb(63.75, 63.75, 63.75);
    --color-footer-text: rgb(229.5, 229.5, 229.5);
    --color-border: rgb(191.25, 191.25, 191.25);
    --color-border-light: rgb(191.25, 191.25, 191.25);
    --color-hr:
      linear-gradient(90deg,
        rgba(191.25, 191.25, 191.25, 0) 0%,
        rgba(191.25, 191.25, 191.25, 0.5) 15%,
        rgba(191.25, 191.25, 191.25, 0.75) 35%,
        rgb(191.25, 191.25, 191.25) 50%,
        rgba(191.25, 191.25, 191.25, 0.75) 65%,
        rgba(191.25, 191.25, 191.25, 0.5) 85%,
        rgba(191.25, 191.25, 191.25, 0) 100%
      );
    --color-hr-light:
      linear-gradient(90deg,
        rgba(127.5, 127.5, 127.5, 0) 0%,
        rgba(127.5, 127.5, 127.5, 0.5) 15%,
        rgba(127.5, 127.5, 127.5, 0.75) 35%,
        rgb(127.5, 127.5, 127.5) 50%,
        rgba(127.5, 127.5, 127.5, 0.75) 65%,
        rgba(127.5, 127.5, 127.5, 0.5) 85%,
        rgba(127.5, 127.5, 127.5, 0) 100%
      );
    --color-button: rgb(242, 242, 242);
    --color-button-shadow: rgba(0, 0, 0, 0.25);
    --color-button-active: #cad9fc;
    --color-box: #eff1f5;
    --color-box-shadow: rgba(0, 0, 0, 0.5);
    --color-table-box:
      linear-gradient(90deg,
        rgba(242, 242, 242, 0) 0%,
        #f2f2f2 15%,
        #f2f2f2 85%,
        rgba(242, 242, 242, 0) 100%
      );
    --color-grey: #eff1f5;
    --color-blue: #cad9fc;
    --color-dark: #262626;
  }
}
body {
  background-color: var(--color-background);
  color: var(--color-text);
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "나눔스퀘어 네오", "NanumSquare Neo", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  word-break: break-all;
  -webkit-font-smoothing: subpixel-antialiased;
  image-rendering: auto;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  margin: 0 auto;
  position: relative;
  min-height: 100vh;
}

header, footer, nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  position: relative;
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  position: relative;
}

main,
article,
section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  position: relative;
}

aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  width: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  width: 100%;
}

form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
form.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
form.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

table {
  border-collapse: collapse;
}
table th, table td {
  padding: 10px 15px;
}
table th.flex, table th.flex-row, table td.flex, table td.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
table th.flex-column, table td.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
table th {
  text-align: center;
  white-space: nowrap;
}
table td {
  text-align: left;
}
table td.hr::before {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--color-border);
}
table input[type=text],
table input[type=number],
table input[type=password],
table input[type=email],
table textarea {
  width: 100%;
}
table textarea {
  min-height: 120px;
  resize: none;
}

.btn,
button,
input[type=submit],
input[type=button],
input[type=reset] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 42px;
  min-width: 112px;
  padding: 10px 20px;
  cursor: pointer;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: normal;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
  background-color: var(--color-button);
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.btn:hover, .btn:active, .btn:focus,
button:hover,
button:active,
button:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus {
  color: inherit;
  border: 1px solid rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 16px var(--color-button-shadow);
          box-shadow: 0 0 16px var(--color-button-shadow);
}
.btn:disabled,
button:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled {
  background-color: var(--color-button);
  color: inherit;
  opacity: 0.5;
  pointer-events: none;
}

.btn.inline {
  font-size: 0.9rem;
  padding: 6px 8px;
  min-width: 96px;
}
.btn.min {
  font-size: 0.9rem;
  padding: 6px 8px;
  min-width: initial;
}
.btn.min:empty {
  min-width: 47.5px;
  min-height: 32px;
}
.btn.none {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  min-width: initial;
  line-height: 1;
}
.btn.icon {
  min-width: initial;
}
.btn.float {
  text-align: center;
  background-color: initial;
  width: 42px;
  height: 42px;
  padding: 9px;
  min-width: initial;
  border-radius: 50%;
  font-size: 1.25rem;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn.close {
  text-align: center;
  background-color: initial;
  width: 42px;
  height: 42px;
  padding: 9px;
  min-width: initial;
  border-radius: 50%;
  font-size: 1.25rem;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn.white {
  background-color: #ffffff;
  color: #000000;
}
.btn.white:hover {
  background-color: #ffffff;
  color: #000000;
}
.btn.black {
  background-color: #000000;
  color: #ffffff;
}
.btn.black:hover, .btn.black:active, .btn.black:focus {
  background-color: #000000;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  -webkit-box-shadow: 0 0 16px rgba(255, 255, 255, 0.25);
          box-shadow: 0 0 16px rgba(255, 255, 255, 0.25);
}
.btn.red {
  background-color: #f00002;
  color: white;
}
.btn.red:hover {
  color: white;
}
.btn.green {
  background-color: #34c234;
  color: white;
}
.btn.green:hover {
  color: white !important;
}
.btn.blue {
  background-color: #006bfe;
  color: white;
}
.btn.blue:hover {
  color: white;
}
.btn.active {
  background-color: var(--color-button-active);
}
.btn span {
  position: relative;
  top: 1px;
}

input[type=text],
input[type=number],
input[type=password],
input[type=email],
select, textarea {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "나눔스퀘어 네오", "NanumSquare Neo", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: normal;
  padding: 5px;
  border: 1px solid rgb(127.5, 127.5, 127.5);
  border-radius: 6px;
  background-color: var(--color-input);
  color: var(--color-text);
}
input[type=text]:focus-visible,
input[type=number]:focus-visible,
input[type=password]:focus-visible,
input[type=email]:focus-visible,
select:focus-visible, textarea:focus-visible {
  border: 1px solid var(--color-border-emp);
  outline: 1px solid #0072ff;
  -webkit-box-shadow: 0 0 6px #0014ff;
          box-shadow: 0 0 6px #0014ff;
}

input[readonly],
input[disabled] {
  background-color: var(--color-deactive);
  opacity: 0.75;
  color: var(--color-text-faint);
}
input[readonly]:focus-visible,
input[disabled]:focus-visible {
  border: 1px solid rgb(127.5, 127.5, 127.5);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=radio],
input[type=checkbox] {
  background-color: var(--color-input);
  cursor: pointer;
  margin-right: 5px;
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 0.15rem;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  caret-color: var(--color-text);
  -webkit-text-fill-color: var(--color-text);
  -webkit-box-shadow: inset 0 0 0 1000px var(--color-input-autofill);
          box-shadow: inset 0 0 0 1000px var(--color-input-autofill);
}
input:-webkit-autofill:focus-visible, textarea:-webkit-autofill:focus-visible, select:-webkit-autofill:focus-visible {
  -webkit-box-shadow: inset 0 0 0 1000px var(--color-input-autofill), 0 0 6px #0014ff;
          box-shadow: inset 0 0 0 1000px var(--color-input-autofill), 0 0 6px #0014ff;
}

b {
  font-weight: bolder;
}

label {
  font-size: 1rem;
  cursor: pointer;
  font-weight: bold;
  margin-right: 5px;
  white-space: nowrap;
}

i {
  position: relative;
}

p.red, b.red, span.red, a.red, label.red,
h1.red, h2.red, h3.red, h4.red, h5.red, h6.red {
  color: red;
}
p.green, b.green, span.green, a.green, label.green,
h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
  color: green;
}
p.blue, b.blue, span.blue, a.blue, label.blue,
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
  color: #5f5fff;
}

b[class*=" xi-"]:before, b[class^=xi-]:before, span[class*=" xi-"]:before, span[class^=xi-]:before, a[class*=" xi-"]:before, a[class^=xi-]:before, label[class*=" xi-"]:before, label[class^=xi-]:before, .btn[class*=" xi-"]:before, .btn[class^=xi-]:before {
  font-family: "xeicon";
  margin-right: 5px;
  font-size: 1.15rem;
  position: relative;
}

.hr {
  width: 100%;
  height: 1.5px;
  background: var(--color-hr);
}
.hr.white {
  background: var(--color-hr-light);
}

.box.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.box.row.left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.box.row.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.box.row.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.box.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.box.column.left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.box.column.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.box.column.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

#message {
  width: 100%;
  z-index: 999;
}
#message .log {
  padding: 5px 10px;
  background-color: gray;
  color: white;
  font-size: 0.9rem;
  text-align: center;
}
#message .log.info {
  background-color: #5f5fff;
}
#message .log.success {
  background-color: green;
}
#message .log.error {
  background-color: red;
}

#floatbox {
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 99;
}
#floatbox .scroll {
  opacity: 0;
  width: 60px;
  height: 60px;
  padding: 10px;
  font-size: 34px;
  color: #ffffff;
  background-color: #000000;
  border-radius: 50%;
  -webkit-transition: opacity 0.25s, background-color 0.25s;
  transition: opacity 0.25s, background-color 0.25s;
}
#floatbox .scroll:hover {
  background-color: #006bfe;
}
#floatbox .scroll.show {
  opacity: 1;
}

header,
main,
footer {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
}

header .wrapper,
nav .wrapper {
  width: -webkit-fill-available;
  max-width: initial;
  margin-left: 160px;
  margin-right: 160px;
}

main .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

header {
  color: var(--color-header-text);
  background-color: var(--color-header);
  white-space: nowrap;
  z-index: 99;
  overflow: hidden;
}
header #sitemenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 116px;
  padding: 10px 10px 5px;
}
header #sitemenu .link {
  width: 142px;
  height: 100px;
  background-image: var(--color-ci);
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: bottom center;
  z-index: 99;
}
header #sitemenu .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-item-align: end;
      align-self: end;
  line-height: 1;
}
header #sitemenu .buttons .btn {
  width: 45px;
  height: 45px;
  padding: 5px;
  margin: 0 5px;
  font-size: 28px;
  border-radius: 50%;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
header #sitemenu .buttons .btn#theme-toggle {
  font-family: "xeicon";
}
header #sitemenu .buttons .btn#theme-toggle.light::before {
  content: "\eba4";
}
header #sitemenu .buttons .btn#theme-toggle.dark::before {
  content: "\eb0f";
}
header #sitemenu .buttons .btn.lang-change {
  font-size: 1rem;
}
header #sitemenu .buttons .btn:hover {
  color: var(--color-text-link);
}

nav {
  height: 48px;
  background-color: var(--color-nav);
  color: var(--color-nav-text);
  white-space: nowrap;
  z-index: 99;
}
nav #mainmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 48px;
  width: 100%;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "G마켓 산스", "GmarketSans", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
}
nav #mainmenu .item {
  height: 48px;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
nav #mainmenu .item a {
  display: block;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
nav #mainmenu .item:hover {
  color: var(--color-text-link);
}
nav #mainmenu .item.active {
  color: var(--color-text-emp);
}

#location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 48px;
  background-color: var(--color-location);
  font-size: 0.9rem;
  color: var(--color-location-text);
  white-space: nowrap;
  overflow: hidden;
}
#location .sep {
  color: var(--color-location-text);
  opacity: 0.5;
  position: relative;
  top: -1px;
}
#location .sep.xi-home {
  font-size: 1.2rem;
  top: -2px;
  margin-right: 8px;
}
#location .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  max-width: 1600px;
  padding: 0 10px;
}
#location .items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  padding: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: normal;
  -webkit-transition: color 0.35s;
  transition: color 0.35s;
}
#location .items .item:hover {
  color: #006bfe;
}

header .back,
nav .back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
header .back .deco,
nav .back .deco {
  width: 460px;
  height: 60px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
header .back .deco.left,
nav .back .deco.left {
  -ms-flex-item-align: end;
      align-self: end;
}
header .back .deco.right,
nav .back .deco.right {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -ms-flex-item-align: start;
      align-self: start;
}
header .back .deco.center,
nav .back .deco.center {
  min-width: 140px;
}

header .back .deco.right {
  background-image: url(../images/UI/edgeline.svg);
}

nav .back .deco.left {
  background-image: url(../images/UI/edgeline.svg);
}

#imgslide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: calc(100vh - 116px - 48px);
  min-height: 600px;
  max-height: 100vw;
  background-color: var(--color-header);
  position: relative;
  z-index: 90;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#imgslide .imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#imgslide .imgs .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  max-width: calc(100vw - 20px - 320px);
  height: inherit;
  position: absolute;
  background-color: #000000;
  background: linear-gradient(160deg, #006bfe 0%, #006bfe 15%, #f00002 35%, #f00002 65%, #006bfe 85%, #006bfe 100%);
  border-radius: 8px;
  -webkit-filter: saturate(0.25) brightness(0.5);
          filter: saturate(0.25) brightness(0.5);
  overflow: hidden;
  pointer-events: none;
}
#imgslide .imgs .item.active {
  -webkit-filter: none;
          filter: none;
  pointer-events: all;
}
#imgslide .imgs .item .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark);
  border: 1px solid var(--color-dark);
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
#imgslide .imgs .item .link img.main {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: var(--color-header);
}
#imgslide .imgs .item .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  padding: 0 40px;
  color: #ffffff;
  opacity: 0;
}
#imgslide .imgs .item .data.center {
  text-align: center;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
#imgslide .imgs .item .data.left {
  bottom: 5%;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
#imgslide .imgs .item .data.right {
  bottom: 5%;
  right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
#imgslide .imgs .item .data .title {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 10px;
  white-space: pre-line;
}
#imgslide .imgs .item .data .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  max-width: 400px;
  max-height: 320px;
  height: auto;
  margin-bottom: 15px;
  -webkit-filter: invert(1);
          filter: invert(1);
}
#imgslide .imgs .item .data .logo img {
  max-height: inherit;
}
#imgslide .imgs .item .data .desc {
  height: 32px;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
#imgslide .imgs .item .data .desc i {
  top: 2px;
}
#imgslide .imgs .item .data .brand {
  width: 64px;
  height: 64px;
  -ms-flex-item-align: center;
      align-self: center;
  margin-bottom: 5px;
}
#imgslide .imgs .item.active .data {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
#imgslide .imgs .item .data, #imgslide .imgs .item.purple .data {
  -webkit-filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #a500ff) drop-shadow(0 0 8px rgba(165, 0, 255, 0.5));
          filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #a500ff) drop-shadow(0 0 8px rgba(165, 0, 255, 0.5));
}
#imgslide .imgs .item.red .data {
  -webkit-filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #f00002) drop-shadow(0 0 8px rgba(240, 0, 2, 0.5));
          filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #f00002) drop-shadow(0 0 8px rgba(240, 0, 2, 0.5));
}
#imgslide .imgs .item.blue .data {
  -webkit-filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #006bfe) drop-shadow(0 0 8px rgba(0, 107, 254, 0.5));
          filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #006bfe) drop-shadow(0 0 8px rgba(0, 107, 254, 0.5));
}
#imgslide .imgs .item.cyan .data {
  -webkit-filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #29cdff) drop-shadow(0 0 8px rgba(41, 205, 255, 0.5));
          filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #29cdff) drop-shadow(0 0 8px rgba(41, 205, 255, 0.5));
}
#imgslide .imgs .item.green .data {
  -webkit-filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #34c234) drop-shadow(0 0 8px rgba(52, 194, 52, 0.5));
          filter: drop-shadow(0 0 2px black) drop-shadow(0 0 4px #34c234) drop-shadow(0 0 8px rgba(52, 194, 52, 0.5));
}
#imgslide.active .imgs > .item {
  -webkit-transition: -webkit-transform 0.5s, -webkit-filter 1s;
  transition: -webkit-transform 0.5s, -webkit-filter 1s;
  transition: transform 0.5s, filter 1s;
  transition: transform 0.5s, filter 1s, -webkit-transform 0.5s, -webkit-filter 1s;
}
#imgslide.active .imgs > .item.active .link {
  background-color: var(--color-border);
  border: 1px solid transparent;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
#imgslide.active .imgs > .item.active .link img.main {
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
}
#imgslide.active .imgs > .item.active .link:hover {
  background-color: transparent;
}
#imgslide.active .imgs > .item.active .link:hover img.main {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#imgslide.active .imgs > .item.active .data {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#imgslide .buttons.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
#imgslide .buttons.nav .btn {
  position: relative;
  z-index: 9;
  width: 100px;
  height: 100%;
  max-width: initial;
  min-width: initial;
  min-height: initial;
  padding: 0;
  font-size: 5rem;
  color: #ffffff;
  background-color: initial;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  opacity: 0.65;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
#imgslide .buttons.nav .btn:hover {
  opacity: 1;
  text-shadow: 0 0 2px black, 0 0 8px #006bfe, 0 0 16px rgba(0, 107, 254, 0.75), 0 0 28px rgba(0, 107, 254, 0.5);
}
#imgslide .buttons.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  bottom: 0;
  z-index: 9;
}
#imgslide .buttons.page .btn.dot {
  padding: 15px 0;
  margin: 0;
  max-width: initial;
  min-width: initial;
  min-height: initial;
  background-color: initial;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: visible;
}
#imgslide .buttons.page .btn.dot::before {
  content: "";
  display: block;
  width: 54px;
  height: 5px;
  background-color: #000000;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
#imgslide .buttons.page .btn.dot:nth-child(2)::before {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#imgslide .buttons.page .btn.dot:last-child::before {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#imgslide .buttons.page .btn.dot:hover::before {
  background-color: rgb(127.5, 127.5, 127.5);
}
#imgslide .buttons.page .btn.dot.active::before {
  background-color: #006bfe;
}
#imgslide .buttons.page .btn.play {
  display: none;
}

#noticeslide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 54px;
  max-width: 960px;
  background-color: var(--color-notice);
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: var(--color-notice-text);
  white-space: nowrap;
}
#noticeslide .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#noticeslide a {
  display: inline-block;
  width: 100%;
  min-width: 100px;
  height: 50px;
  padding: 16px 20px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#noticeslide .header, #noticeslide .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  width: 140px;
}
#noticeslide .header::after,
#noticeslide .buttons::before {
  content: "|";
  opacity: 0.35;
  margin: 0 5px;
}
#noticeslide .buttons .btn {
  width: 60px;
  height: 50px;
  padding: 5px;
  font-size: 22px;
}
#noticeslide a, #noticeslide .btn {
  -webkit-transition: color 0.25s, -webkit-filter 0.25s;
  transition: color 0.25s, -webkit-filter 0.25s;
  transition: filter 0.25s, color 0.25s;
  transition: filter 0.25s, color 0.25s, -webkit-filter 0.25s;
}
#noticeslide a:hover, #noticeslide .btn:hover {
  color: var(--color-text-link);
}
#noticeslide .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  position: relative;
  background-color: inherit;
}
#noticeslide .items .item {
  font-weight: 300;
  position: absolute;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 50px;
  padding: 0 20px;
}
#noticeslide .items .item .sep {
  margin: 0 10px;
}
#noticeslide.active .items > .item {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

main section {
  width: 100%;
  position: relative;
}
main section:last-child .bottom:last-child {
  margin-bottom: 40px;
}
main section .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  min-height: 100px;
  max-width: 1280px;
  padding: 20px 0 15px;
  text-align: center;
  position: relative;
  white-space: nowrap;
}
main section .header .title {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0.025rem;
  margin-top: 10px;
  margin-bottom: 8px;
  color: var(--color-text);
}
main section .header .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  color: var(--color-text);
  word-break: keep-all;
  max-width: 640px;
  white-space: pre-line;
}
main section .header .btn.more {
  font-size: 0.9rem;
}
main section .hr {
  max-width: 1360px;
  margin-bottom: 10px;
}
main section.recent.small .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: initial;
  max-width: 1280px;
  padding: 20px 25px 10px;
}
main section.recent.small .header .title {
  margin-left: 10px;
  font-size: 1.5rem;
  font-weight: 500;
  background: none;
}
main section.recent.small .header .title::after {
  content: "|";
  font-weight: 100;
  margin: 0 15px;
  opacity: 0.35;
}
main section.recent.small .header .desc {
  width: 100%;
  margin-right: auto;
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
main section.recent.small .header .btn.more {
  margin-left: 15px;
  margin-right: 10px;
}
main section.recent.small .hr {
  max-width: 1320px;
  margin-bottom: 5px;
}
main section.list .header, main section.list .hr, main section#recent_project.main .header, main section#recent_project.main .hr {
  display: none;
}
main section .buttons {
  padding: 15px 25px;
}
main section .buttons .btn {
  font-size: 0.9rem;
  height: 42px;
}
main section .buttons .btn.more {
  width: 200px;
  height: 46px;
}
main section .buttons .btn.left {
  margin-right: 10px;
}
main section .buttons .btn.left i, main section .buttons .btn.left span {
  margin-right: 5px;
}
main section .buttons .btn.right {
  margin-left: 10px;
}
main section .buttons .btn.right i, main section .buttons .btn.right span {
  margin-left: 5px;
}
main section .buttons .pages .btn {
  width: 40px;
  margin: 0 5px;
  font-size: 1.1rem;
}
main section .buttons .pages .btn:hover {
  color: var(--color-text-link);
}
main section .buttons .pages .btn.active {
  color: var(--color-text-link);
  background-color: unset;
  font-weight: bold;
}
main section .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  max-width: 1280px;
}
main section .top:empty {
  height: 0;
  padding: 0;
}
main section .top.buttons .btn {
  margin: 0 5px;
  width: -webkit-fill-available;
  min-width: initial;
  max-width: 112px;
}
main section .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  max-width: 1280px;
  margin-bottom: 20px;
}
main section .bottom:empty {
  height: 0;
  padding: 0;
}
main section .bottom.buttons .pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  padding: 0 15px;
}
main section.view .top {
  margin-bottom: 15px;
}
main section.pickup .bottom {
  margin-bottom: 0;
}
main section .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
}
main section .contents aside {
  height: auto;
  width: 0;
  position: relative;
}
main section .contents aside.left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
main section .contents aside.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
main section:not(.intro) > .wrapper > .contents {
  min-height: 270px;
}
main section article {
  width: 100%;
  padding: 15px 25px;
  -ms-flex-item-align: start;
      align-self: start;
  z-index: 1;
}
main section article.post, main section article.page {
  width: 100%;
}
main section article.post.view, main section article.page.view {
  max-width: 960px;
  font-size: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
main section article.post.view.left, main section article.page.view.left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
main section article.post.view.right, main section article.page.view.right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: right;
}
main section article.post.view.center, main section article.page.view.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
main section article.post.list, main section article.post.recent, main section article.page.list, main section article.page.recent {
  max-width: 1280px;
}
main section article.gallery {
  width: 100%;
}
main section article.gallery.view {
  max-width: 1280px;
  text-align: center;
}
main section article.gallery.list, main section article.gallery.recent {
  width: 100%;
  max-width: 1280px;
}
main section article.gallery.list > .grid-wrap, main section article.gallery.recent > .grid-wrap {
  width: auto;
  display: grid;
  grid-gap: 10px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
}
main section article.gallery.list > .grid-wrap.grid-6, main section article.gallery.recent > .grid-wrap.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}
main section article.gallery.list > .grid-wrap.grid-5, main section article.gallery.recent > .grid-wrap.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}
main section article.gallery.list > .grid-wrap.grid-4, main section article.gallery.recent > .grid-wrap.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
main section article.gallery.list > .grid-wrap.grid-3, main section article.gallery.recent > .grid-wrap.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
main section article.gallery.list > .grid-wrap.grid-2, main section article.gallery.recent > .grid-wrap.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
main section article.gallery.list > .grid-wrap.grid-1, main section article.gallery.recent > .grid-wrap.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}
main section article.gallery.list > .grid-wrap .item, main section article.gallery.recent > .grid-wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: -webkit-fill-available;
  max-width: 200px;
  min-width: 150px;
  background: linear-gradient(45deg, #006bfe 0%, #006bfe 15%, #f00002 35%, #f00002 65%, #006bfe 85%, #006bfe 100%);
  border-radius: 6px;
  -webkit-transition: -webkit-transform 1s, -webkit-box-shadow 0.35s;
  transition: -webkit-transform 1s, -webkit-box-shadow 0.35s;
  transition: transform 1s, box-shadow 0.35s;
  transition: transform 1s, box-shadow 0.35s, -webkit-transform 1s, -webkit-box-shadow 0.35s;
}
main section article.gallery.list > .grid-wrap .item:hover, main section article.gallery.recent > .grid-wrap .item:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-box-shadow: 0 0 16px var(--color-box-shadow);
          box-shadow: 0 0 16px var(--color-box-shadow);
}
main section article.gallery.list > .grid-wrap .item .link, main section article.gallery.recent > .grid-wrap .item .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  background-color: var(--color-border);
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
  position: relative;
}
main section article.gallery.list > .grid-wrap .item .link .banner, main section article.gallery.recent > .grid-wrap .item .link .banner {
  width: 100%;
  border-radius: 6px;
  aspect-ratio: 3/4;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
main section article.gallery.list > .grid-wrap .item .link .brand, main section article.gallery.recent > .grid-wrap .item .link .brand {
  width: 30%;
  max-width: 64px;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 3;
  -o-object-fit: cover;
     object-fit: cover;
}
main section article.gallery.list > .grid-wrap .item .link:hover, main section article.gallery.recent > .grid-wrap .item .link:hover {
  background-color: transparent;
}
main section article.gallery.list > .grid-wrap .item .link .summary, main section article.gallery.recent > .grid-wrap .item .link .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  z-index: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  color: #ffffff;
  text-align: center;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow: hidden;
  text-shadow: 0 0 1px black, 0 0 3px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 107, 254, 0.75);
}
main section article.gallery.list > .grid-wrap .item .link .summary .back, main section article.gallery.recent > .grid-wrap .item .link .summary .back {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  opacity: 0.75;
  background-image: url(../images/Banner/banner_symbol.webp);
  background-size: cover;
  background-position: center;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}
main section article.gallery.list > .grid-wrap .item .link .summary .title, main section article.gallery.recent > .grid-wrap .item .link .summary .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 70%;
  height: 80%;
  margin-bottom: 10px;
  margin-top: 10%;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  font-size: 1.35rem;
  line-height: 1.2;
  z-index: 2;
  white-space: pre-line;
}
main section article.gallery.list > .grid-wrap .item .link .summary .contents, main section article.gallery.recent > .grid-wrap .item .link .summary .contents {
  width: 100%;
  height: 100%;
  z-index: 2;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: normal;
}
main section article.gallery.list > .grid-wrap .item .link .summary .desc, main section article.gallery.recent > .grid-wrap .item .link .summary .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 20%;
  margin-bottom: 7%;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 300;
  font-size: 0.8rem;
  line-height: 1.2;
  z-index: 2;
}
main section article.gallery.list > .grid-wrap .item.active .summary .desc, main section article.gallery.list > .grid-wrap .item.pending .summary .desc, main section article.gallery.recent > .grid-wrap .item.active .summary .desc, main section article.gallery.recent > .grid-wrap .item.pending .summary .desc {
  letter-spacing: 0.1rem;
}
main section article.gallery.list > .grid-wrap .item.active .link:hover img.banner, main section article.gallery.list > .grid-wrap .item.pending .link:hover img.banner, main section article.gallery.recent > .grid-wrap .item.active .link:hover img.banner, main section article.gallery.recent > .grid-wrap .item.pending .link:hover img.banner {
  opacity: 0.75;
}
main section article.gallery.list > .grid-wrap .item.active .link:hover .summary, main section article.gallery.list > .grid-wrap .item.pending .link:hover .summary, main section article.gallery.recent > .grid-wrap .item.active .link:hover .summary, main section article.gallery.recent > .grid-wrap .item.pending .link:hover .summary {
  opacity: 1;
}
main section article.gallery.list > .grid-wrap .item.active .summary .back, main section article.gallery.recent > .grid-wrap .item.active .summary .back {
  background: none;
}
main section article.gallery.list > .grid-wrap .item.deactive, main section article.gallery.recent > .grid-wrap .item.deactive {
  background: none;
  pointer-events: none;
}
main section article.gallery.list > .grid-wrap .item.deactive .link, main section article.gallery.recent > .grid-wrap .item.deactive .link {
  background-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
main section article.gallery.list > .grid-wrap .item.deactive .link img.banner, main section article.gallery.recent > .grid-wrap .item.deactive .link img.banner {
  background: linear-gradient(45deg, #006bfe 0%, #006bfe 10%, #f00002 50%, #f00002 60%, #006bfe 90%, #006bfe 100%);
  -webkit-filter: saturate(0.05) brightness(0.65);
          filter: saturate(0.05) brightness(0.65);
  -webkit-transform: scale(1);
          transform: scale(1);
}
main section article.gallery.list > .grid-wrap .item.deactive .summary, main section article.gallery.recent > .grid-wrap .item.deactive .summary {
  background: none;
  opacity: 1;
}
main section article.gallery.list > .grid-wrap .item.deactive .summary .back, main section article.gallery.recent > .grid-wrap .item.deactive .summary .back {
  -webkit-filter: saturate(0.75) drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
          filter: saturate(0.75) drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}
main section article.gallery.list.pickup, main section article.gallery.recent.pickup {
  margin-top: 5px;
}
main section article.gallery.list.pickup > .grid-wrap .item, main section article.gallery.recent.pickup > .grid-wrap .item {
  max-width: 360px;
}
main section article.gallery.list.pickup > .grid-wrap .item .link .brand, main section article.gallery.recent.pickup > .grid-wrap .item .link .brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 20%;
  max-width: 64px;
  top: -15px;
  left: -15px;
}
main section article.gallery.list.pickup > .grid-wrap .item .link .brand > img, main section article.gallery.recent.pickup > .grid-wrap .item .link .brand > img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 10px;
}
main section article.gallery.list.pickup > .grid-wrap .item .link .summary, main section article.gallery.recent.pickup > .grid-wrap .item .link .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: normal;
}
main section article.gallery.list.pickup > .grid-wrap .item .link .summary .title, main section article.gallery.recent.pickup > .grid-wrap .item .link .summary .title {
  width: 100%;
  max-width: initial;
  height: auto;
  margin-bottom: 10px;
  margin-top: 20%;
  font-size: 1.65rem;
}
main section article.gallery.list.pickup > .grid-wrap .item .link .summary .contents, main section article.gallery.recent.pickup > .grid-wrap .item .link .summary .contents {
  width: 100%;
  height: auto;
  max-height: 90px;
  padding: 0 20px;
  margin-bottom: 10%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: auto;
  font-size: 1rem;
}
main section article.gallery.list.pickup > .grid-wrap .item .link .summary .desc, main section article.gallery.recent.pickup > .grid-wrap .item .link .summary .desc {
  width: 100%;
  height: 20px;
  margin-bottom: 7%;
  font-size: 0.9rem;
}
main section article.preview {
  width: 100%;
}
main section article.preview.view {
  max-width: 960px;
}
main section article.preview.list, main section article.preview.recent {
  width: 100%;
  max-width: 1280px;
}
main section article.preview.list .table, main section article.preview.recent .table {
  margin-bottom: 25px;
}
main section article.preview.list > .grid-wrap, main section article.preview.recent > .grid-wrap {
  width: auto;
  display: grid;
  grid-gap: 15px;
  grid-row-gap: 25px;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
}
main section article.preview.list > .grid-wrap .item, main section article.preview.recent > .grid-wrap .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: -webkit-fill-available;
  max-width: 260px;
  background-color: var(--color-box);
  padding: 10px;
  border-radius: 12px;
  -webkit-transition: -webkit-transform 1s, -webkit-box-shadow 0.35s;
  transition: -webkit-transform 1s, -webkit-box-shadow 0.35s;
  transition: transform 1s, box-shadow 0.35s;
  transition: transform 1s, box-shadow 0.35s, -webkit-transform 1s, -webkit-box-shadow 0.35s;
  cursor: pointer;
}
main section article.preview.list > .grid-wrap .item:hover, main section article.preview.recent > .grid-wrap .item:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-box-shadow: 0 0 16px var(--color-box-shadow);
          box-shadow: 0 0 16px var(--color-box-shadow);
}
main section article.preview.list > .grid-wrap .item .link, main section article.preview.recent > .grid-wrap .item .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 5px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  overflow: hidden;
}
main section article.preview.list > .grid-wrap .item .link .banner, main section article.preview.recent > .grid-wrap .item .link .banner {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
main section article.preview.list > .grid-wrap .item .summary, main section article.preview.recent > .grid-wrap .item .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  padding: 0 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
main section article.preview.list > .grid-wrap .item .summary .back, main section article.preview.recent > .grid-wrap .item .summary .back {
  display: none;
}
main section article.preview.list > .grid-wrap .item .summary .title, main section article.preview.recent > .grid-wrap .item .summary .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
  word-break: keep-all;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
main section article.preview.list > .grid-wrap .item .summary .desc, main section article.preview.recent > .grid-wrap .item .summary .desc {
  width: 100%;
  text-align: center;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 300;
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.2;
}
main section article.post.list .table, main section article.post.recent .table, main section article.preview.list .table, main section article.preview.recent .table {
  width: 100%;
  max-width: 960px;
  position: relative;
  z-index: 1;
}
main section article.post.list .table .tr, main section article.post.recent .table .tr, main section article.preview.list .table .tr, main section article.preview.recent .table .tr {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
}
main section article.post.list .table .tr::before, main section article.post.recent .table .tr::before, main section article.preview.list .table .tr::before, main section article.preview.recent .table .tr::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  content: "";
  z-index: -1;
  opacity: 0;
}
main section article.post.list .table .tr:not(.table-header), main section article.post.recent .table .tr:not(.table-header), main section article.preview.list .table .tr:not(.table-header), main section article.preview.recent .table .tr:not(.table-header) {
  min-height: 60px;
  cursor: pointer;
}
main section article.post.list .table .tr:not(.table-header)::before, main section article.post.recent .table .tr:not(.table-header)::before, main section article.preview.list .table .tr:not(.table-header)::before, main section article.preview.recent .table .tr:not(.table-header)::before {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  background: var(--color-table-box);
}
main section article.post.list .table .tr:not(.table-header).active::before, main section article.post.list .table .tr:not(.table-header):hover::before, main section article.post.recent .table .tr:not(.table-header).active::before, main section article.post.recent .table .tr:not(.table-header):hover::before, main section article.preview.list .table .tr:not(.table-header).active::before, main section article.preview.list .table .tr:not(.table-header):hover::before, main section article.preview.recent .table .tr:not(.table-header).active::before, main section article.preview.recent .table .tr:not(.table-header):hover::before {
  opacity: 1;
}
main section article.post.list .table .tr.table-more, main section article.post.recent .table .tr.table-more, main section article.preview.list .table .tr.table-more, main section article.preview.recent .table .tr.table-more {
  padding: 0;
  min-height: initial;
  border-bottom: none;
}
main section article.post.list .table .th-wrap, main section article.post.list .table .td-wrap, main section article.post.recent .table .th-wrap, main section article.post.recent .table .td-wrap, main section article.preview.list .table .th-wrap, main section article.preview.list .table .td-wrap, main section article.preview.recent .table .th-wrap, main section article.preview.recent .table .td-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  flex-wrap: nowrap;
}
main section article.post.list .table .th-wrap.left, main section article.post.list .table .td-wrap.left, main section article.post.recent .table .th-wrap.left, main section article.post.recent .table .td-wrap.left, main section article.preview.list .table .th-wrap.left, main section article.preview.list .table .td-wrap.left, main section article.preview.recent .table .th-wrap.left, main section article.preview.recent .table .td-wrap.left {
  width: 100%;
}
main section article.post.list .table .th-wrap.right, main section article.post.list .table .td-wrap.right, main section article.post.recent .table .th-wrap.right, main section article.post.recent .table .td-wrap.right, main section article.preview.list .table .th-wrap.right, main section article.preview.list .table .td-wrap.right, main section article.preview.recent .table .th-wrap.right, main section article.preview.recent .table .td-wrap.right {
  width: 280px;
}
main section article.post.list .table .th, main section article.post.list .table .td, main section article.post.recent .table .th, main section article.post.recent .table .td, main section article.preview.list .table .th, main section article.preview.list .table .td, main section article.preview.recent .table .th, main section article.preview.recent .table .td {
  padding: 0 15px;
  text-align: center;
  white-space: nowrap;
}
main section article.post.list .table .th.category, main section article.post.list .table .td.category, main section article.post.recent .table .th.category, main section article.post.recent .table .td.category, main section article.preview.list .table .th.category, main section article.preview.list .table .td.category, main section article.preview.recent .table .th.category, main section article.preview.recent .table .td.category {
  width: 150px;
}
main section article.post.list .table .th.title, main section article.post.list .table .td.title, main section article.post.recent .table .th.title, main section article.post.recent .table .td.title, main section article.preview.list .table .th.title, main section article.preview.list .table .td.title, main section article.preview.recent .table .th.title, main section article.preview.recent .table .td.title {
  width: 140px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
main section article.post.list .table .th.writer, main section article.post.list .table .td.writer, main section article.post.recent .table .th.writer, main section article.post.recent .table .td.writer, main section article.preview.list .table .th.writer, main section article.preview.list .table .td.writer, main section article.preview.recent .table .th.writer, main section article.preview.recent .table .td.writer {
  width: 120px;
}
main section article.post.list .table .th.date, main section article.post.list .table .td.date, main section article.post.recent .table .th.date, main section article.post.recent .table .td.date, main section article.preview.list .table .th.date, main section article.preview.list .table .td.date, main section article.preview.recent .table .th.date, main section article.preview.recent .table .td.date {
  width: 160px;
}
main section article.post.list .table .th.views, main section article.post.list .table .td.views, main section article.post.recent .table .th.views, main section article.post.recent .table .td.views, main section article.preview.list .table .th.views, main section article.preview.list .table .td.views, main section article.preview.recent .table .th.views, main section article.preview.recent .table .td.views {
  width: 80px;
}
main section article.post.list .table .th, main section article.post.recent .table .th, main section article.preview.list .table .th, main section article.preview.recent .table .th {
  font-size: 0.9rem;
  font-weight: 800 !important;
}
main section article.post.list .table .td, main section article.post.recent .table .td, main section article.preview.list .table .td, main section article.preview.recent .table .td {
  line-height: 1.85;
}
main section article.post.list .table .td.category, main section article.post.recent .table .td.category, main section article.preview.list .table .td.category, main section article.preview.recent .table .td.category {
  font-size: 0.9rem;
  font-weight: bold;
}
main section article.post.list .table .td.title, main section article.post.recent .table .td.title, main section article.preview.list .table .td.title, main section article.preview.recent .table .td.title {
  padding: 0;
  padding-left: 10px;
  text-align: left;
  white-space: normal;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
main section article.post.list .table .td.writer, main section article.post.recent .table .td.writer, main section article.preview.list .table .td.writer, main section article.preview.recent .table .td.writer {
  font-size: 0.9rem;
  white-space: nowrap;
}
main section article.post.list .table .td.date, main section article.post.recent .table .td.date, main section article.preview.list .table .td.date, main section article.preview.recent .table .td.date {
  font-size: 0.9rem;
  font-weight: bold;
  white-space: nowrap;
}
main section article.post.list .table .td.views, main section article.post.recent .table .td.views, main section article.preview.list .table .td.views, main section article.preview.recent .table .td.views {
  font-size: 0.9rem;
  font-weight: bold;
  white-space: nowrap;
}
main section article.post.list .table .td .block, main section article.post.recent .table .td .block, main section article.preview.list .table .td .block, main section article.preview.recent .table .td .block {
  display: block;
  background-color: #000000;
  padding: 3px 10px;
  border-radius: 32px;
  width: 120px;
  color: #ffffff;
}
main section article.post.list .table .td .block.emp, main section article.post.recent .table .td .block.emp, main section article.preview.list .table .td .block.emp, main section article.preview.recent .table .td .block.emp {
  background-color: #006bfe;
}
main section article.post.list .table .td.more, main section article.post.recent .table .td.more, main section article.preview.list .table .td.more, main section article.preview.recent .table .td.more {
  width: 100%;
  font-size: 1rem;
  padding: 6px 15px;
  line-height: 1;
  color: rgb(127.5, 127.5, 127.5);
  font-family: "xeicon";
}
main section article.post.list .table .tr.notice .td.title, main section article.post.recent .table .tr.notice .td.title, main section article.preview.list .table .tr.notice .td.title, main section article.preview.recent .table .tr.notice .td.title {
  font-weight: 700;
}
main section.error article {
  -ms-flex-item-align: center;
      align-self: center;
  position: relative;
}
main section.wide .top {
  margin-bottom: 0;
}
main section.wide article.page.view {
  max-width: 1280px;
}
main.main #intro {
  background-color: var(--color-first-section);
  color: var(--color-first-section-text);
}
main.main #intro .header .title {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "태백체", "TAEBAEKfont", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  letter-spacing: 0.075rem;
  font-synthesis: none;
  font-weight: 900;
  font-size: 1.8rem;
}
main.main #intro .btn.more {
  background-color: var(--color-button-first-section);
  color: var(--color-first-section-text);
}
main.main > section:last-child.recent {
  background-color: var(--color-last-section);
  color: var(--color-last-section-text);
}
main.main > section:last-child.recent .btn.more {
  background-color: var(--color-button-last-section);
  color: var(--color-last-section-text);
}
main.main > section:last-child.recent table tr:not(.table-header)::before {
  background: var(--color-table-box-last-section);
}
main:not(.main).view > section:last-child.recent {
  background-color: var(--color-last-section);
  color: var(--color-last-section-text);
}
main:not(.main).view > section:last-child.recent .btn.more {
  background-color: var(--color-button-last-section);
  color: var(--color-last-section-text);
}
main:not(.main).view > section:last-child.recent table tr:not(.table-header)::before {
  background: var(--color-table-box-last-section);
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  background-color: var(--color-footer);
  color: var(--color-footer-text);
}
footer section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  line-height: 1;
}
footer section span {
  display: inline;
  white-space: nowrap;
}
footer section .sep {
  opacity: 0.35;
  margin: 0 10px;
}
footer section .sep::after {
  content: "|";
}
footer section a {
  -webkit-transition: color 0.35s;
  transition: color 0.35s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
footer section a:hover {
  color: var(--color-text-link);
}
footer section .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  max-width: 1280px;
  padding: 10px 25px;
}
footer section#info_notice {
  margin-bottom: 0;
  background-color: var(--color-notice);
}
footer section#info_links {
  min-height: 40px;
  margin-bottom: 10px;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  white-space: nowrap;
}
footer section#info_links .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-width: 960px;
  padding: 10px 10px;
}
footer section#info_links a {
  padding: 10px 10px;
  overflow: hidden;
}
footer section#info_company {
  min-height: 140px;
  line-height: 2;
}
footer section#info_company .contents {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 25px;
}
footer section#info_company .contents .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-item-align: start;
      align-self: start;
  margin: 0 15px 15px;
  line-height: 1;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
footer section#info_company .contents .title .ci {
  width: 80px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: saturate(0) brightness(1.5);
          filter: saturate(0) brightness(1.5);
  background-image: var(--color-ci);
  background-repeat: no-repeat;
}
footer section#info_company .contents .title .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 10px;
}
footer section#info_company .contents .title .name span:first-child {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "태백체", "TAEBAEKfont", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  letter-spacing: 0.075rem;
  font-synthesis: none;
  font-weight: 900;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
footer section#info_company .contents .title .name span:last-child {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "G마켓 산스", "GmarketSans", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  font-size: 0.7rem;
  letter-spacing: 0.03rem;
  position: relative;
  left: 2px;
}
footer section#info_company .contents .info {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 300;
  margin: 0 10px;
  font-size: 0.9rem;
}
footer section#info_company .contents .info div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
footer section#info_copyright {
  height: 50px;
}
footer section#info_copyright .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "G마켓 산스", "GmarketSans", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  font-size: 0.7rem;
  opacity: 0.5;
}

main article {
  font-size: 20px;
  line-height: 1.6;
}
main article h1, main article h2, main article h3, main article h4, main article h5, main article h6 {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 300;
  font-weight: 500;
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
main article h1.none, main article h2.none, main article h3.none, main article h4.none, main article h5.none, main article h6.none {
  display: none;
}
main article h1 {
  font-size: 1.8rem;
}
main article h2 {
  font-size: 1.6rem;
}
main article h3 {
  font-size: 1.4rem;
}
main article h4 {
  font-size: 1.2rem;
  font-weight: 400;
}
main article h5 {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-weight: 400;
}
main article h6 {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-weight: 400;
}
main article b, main article strong {
  font-weight: 800;
}
main article p {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  white-space: pre-wrap;
  word-break: keep-all;
}
main article p.quot {
  background-color: var(--color-grey);
  padding: 15px 20px;
  font-size: 0.95rem;
  border-radius: 6px;
}
main article p.em {
  background-color: var(--color-blue);
  padding: 15px 20px;
  font-size: 0.95rem;
  border-radius: 6px;
}
main article h1.left, main article h2.left, main article h3.left, main article h4.left, main article h5.left, main article h6.left, main article p.left {
  text-align: left;
}
main article h1.center, main article h2.center, main article h3.center, main article h4.center, main article h5.center, main article h6.center, main article p.center {
  text-align: center;
}
main article h1.right, main article h2.right, main article h3.right, main article h4.right, main article h5.right, main article h6.right, main article p.right {
  text-align: right;
}
main article em {
  display: inline-block;
  font-style: italic;
  font-size: 0.9rem;
  line-height: 1.6;
  padding: 0 3px;
}
main article em, main article .em {
  background-color: var(--color-blue);
}
main article hr {
  display: block;
  width: 100%;
  height: 0;
  border: none;
  border-bottom: 1px solid var(--color-border-light);
  margin-bottom: 1rem;
}
main article a:hover {
  color: #006bfe;
}
main article img.main {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 15px;
  border-radius: 6px;
}
main article img.logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 640px;
  max-height: 640px;
  margin: 15px auto;
  margin-top: 25px;
  padding: 0 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
main article .ci {
  display: block;
  width: 100%;
  height: 220px;
  max-width: 300px;
  margin: 15px auto;
  background-image: var(--color-ci);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-filter: saturate(0) brightness(1.5);
          filter: saturate(0) brightness(1.5);
}
main article .grid {
  display: grid;
  width: 100%;
  margin: 0 auto;
  grid-gap: 15px;
  grid-row-gap: 25px;
  justify-items: center;
}
main article .grid.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
main article .grid.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
main article .grid.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
main article .grid.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}
main article .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
main article .box.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
main article .box.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
main article .box p {
  white-space: initial;
}
main article .box.item {
  max-width: 560px;
  padding: 10px 25px;
  border-radius: 6px;
  background-color: var(--color-grey);
  position: relative;
  overflow: hidden;
}
main article .box.item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 300px;
  height: 40px;
  content: "";
  background-image: url(../images/UI/edgeline_S_black.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
  opacity: 0.25;
}
main article .box.item.span {
  grid-column: 1/span 2;
}
main article .box.item h1, main article .box.item h2, main article .box.item h3, main article .box.item h4, main article .box.item h5, main article .box.item h6, main article .box.item p {
  z-index: 1;
}
main article .box.item .head {
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0.5rem 0;
  z-index: 1;
}
main article .box.item .head .sub {
  font-size: 0.85rem;
  opacity: 0.85;
  margin-left: 10px;
}
main article .box.item p {
  margin-bottom: 10px;
  font-size: 0.9rem;
  font-weight: 400;
  padding-left: 18px;
  position: relative;
}
main article .box.item p::before {
  content: "•";
  position: absolute;
  left: 3px;
}
main article .box.item p .sub {
  font-size: 0.85rem;
  opacity: 0.85;
  font-weight: 400;
  margin-left: 10px;
}
main article .box.item p b {
  font-weight: 600;
}
main article .history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 auto;
}
main article .history .hr {
  margin-bottom: 0;
}
main article .history .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  padding: 10px 0;
}
main article .history .item .year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  width: 240px;
  height: inherit;
  padding: 5px 0;
  padding-right: 40px;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 1;
}
main article .history .item .year::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--color-border-light);
}
main article .history .item .event {
  width: -webkit-fill-available;
}
main article .history .item .event p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 44px;
  position: relative;
  margin: 0;
  padding: 6px 0;
  padding-left: 90px;
}
main article .history .item .event p.sub {
  font-size: 0.85rem;
  opacity: 0.85;
}
main article .history .item .event p b {
  font-weight: 600;
}
main article .history .item .event .month {
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  margin: 0;
  position: absolute;
  left: 30px;
  line-height: 1.35;
}
main article .history .item .event .month::before {
  content: "•";
  font-size: 1.5rem;
  position: absolute;
  left: -36.5px;
  top: -3px;
}
main article .links .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  max-width: 320px;
}
main article .links .item .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
main article .links .item .link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
main article .links .item .link img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 200px;
  max-height: 50px;
}
main article .links .item .link img.big {
  max-height: 75px;
}
main article .links .item p {
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
  margin: 0;
}
main article .btn.more {
  width: 200px;
  height: 46px;
}
main article .kakaomap {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
  margin-bottom: 15px;
  overflow: hidden;
}
main article .kakaomap .root_daum_roughmap {
  width: 100% !important;
}
main article .kakaomap button {
  min-width: initial;
  min-height: initial;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
main article .kakaomap .cont {
  display: none;
}
main article .address {
  max-width: 640px;
  margin: 0 auto;
  font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-family: "더잠실", "TheJamsil", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  font-weight: 300;
  font-size: 0.9rem !important;
}
main section.intro .contents p:last-child {
  margin-bottom: 0;
}
main section.error .contents p:first-child {
  font-weight: 600;
  color: rgb(76.5, 76.5, 76.5);
}
main section.error .contents p.msg {
  width: auto;
  margin: 0 auto;
}

body.theme-light main article img.logo {
  -webkit-filter: invert(0);
          filter: invert(0);
}
body.theme-light #partners .link img {
  -webkit-filter: saturate(0) brightness(0.65);
          filter: saturate(0) brightness(0.65);
}

body.theme-dark main article img.logo {
  -webkit-filter: invert(1);
          filter: invert(1);
}
body.theme-dark #partners .link img {
  -webkit-filter: saturate(0) invert(1) brightness(2.25);
          filter: saturate(0) invert(1) brightness(2.25);
}

main section#recent_project > .wrapper > .contents {
  min-height: initial;
}

@media (max-width: 1934px) {
  header .wrapper {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
  #imgslide .imgs .item {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1023px) {
  main section article.gallery.list > .grid-wrap.grid-6, main section article.gallery.list > .grid-wrap.grid-5, main section article.gallery.list > .grid-wrap.grid-4,
  main section article.gallery.recent > .grid-wrap.grid-6,
  main section article.gallery.recent > .grid-wrap.grid-5,
  main section article.gallery.recent > .grid-wrap.grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  main section article.gallery.list > .grid-wrap .item,
  main section article.gallery.recent > .grid-wrap .item {
    min-width: auto;
  }
  main section article.preview.list > .grid-wrap,
  main section article.preview.recent > .grid-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  main section article.gallery.list.pickup > .grid-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  main section article.gallery.list.pickup > .grid-wrap .item:first-child {
    grid-column: 1/3;
    margin: 0 auto;
  }
  main section article.gallery.list.pickup > .grid-wrap .item {
    max-width: 304px;
    min-width: initial;
  }
}
@media (max-width: 959px) {
  main section article.post.list .table .tr:not(.table-header), main section article.post.recent .table .tr:not(.table-header),
  main section article.preview.list .table .tr:not(.table-header),
  main section article.preview.recent .table .tr:not(.table-header) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  main section article.post.list .table .tr:not(.table-header) .td-wrap.right, main section article.post.recent .table .tr:not(.table-header) .td-wrap.right,
  main section article.preview.list .table .tr:not(.table-header) .td-wrap.right,
  main section article.preview.recent .table .tr:not(.table-header) .td-wrap.right {
    margin-left: auto;
  }
}
@media (max-width: 639px) {
  main section article.gallery.list.pickup > .grid-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  main section article.gallery.list.pickup > .grid-wrap .item:first-child {
    grid-column: auto;
    margin: 0;
  }
}
body.menu-active {
  overflow: hidden;
}
body #dimm.bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
body #dimm.bg.show {
  z-index: 100;
}
body #dimm.bg.show.dimm {
  background-color: rgba(0, 0, 0, 0.75);
}

@media (max-width: 639px) {
  body.mobile main section article.gallery.list.pickup > .grid-wrap .item {
    max-width: 85vw;
  }
  body.mobile main article p.line-break {
    white-space: normal;
  }
  body.mobile footer section .sep {
    margin: 0;
  }
}