@charset "utf-8"; /* wv.v.1.0 2018-03 */ /************************************ font start *************************************/ /*@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css"); 'Nanum Square' 작은글씨가 잘나오는데 이상함 특히 영문 @import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css"); 'NanumSquare' 작은글씨 많이 깨짐 */ /* @import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css); */ @font-face { font-family: 'wvIcon'; src: url('fonts/wvIcon.eot?7q02p1'); src: url('fonts/wvIcon.eot?7q02p1#iefix') format('embedded-opentype'), url('fonts/wvIcon.ttf?7q02p1') format('truetype'), url('fonts/wvIcon.woff?7q02p1') format('woff'), url('fonts/wvIcon.svg?7q02p1#wvIcon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'wvIcon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-k-minus:before { content: "\eafb";}.icon-k-close:before { content: "\e900";}.icon-k-data:before { content: "\e901";}.icon-k-down:before { content: "\e902";}.icon-k-down2:before { content: "\e903";}.icon-k-next:before { content: "\e904";}.icon-k-next2:before { content: "\e905";}.icon-k-notsame:before { content: "\e906";}.icon-k-plus:before { content: "\eaf2";}.icon-k-prev:before { content: "\eaf3";}.icon-k-prev2:before { content: "\eaf4";}.icon-k-quotation1:before { content: "\eaf5";}.icon-k-quotation2:before { content: "\eaf6";}.icon-k-same:before { content: "\eaf7";}.icon-k-star:before { content: "\eaf8";}.icon-k-up:before { content: "\eaf9";}.icon-k-up2:before { content: "\eafa";}.icon-home:before { content: "\e907";}.icon-home2:before { content: "\e908";}.icon-home3:before { content: "\e909";}.icon-office:before { content: "\e90a";}.icon-newspaper:before { content: "\e90b";}.icon-pencil:before { content: "\e90c";}.icon-pencil2:before { content: "\e90d";}.icon-quill:before { content: "\e90e";}.icon-pen:before { content: "\e90f";}.icon-blog:before { content: "\e910";}.icon-eyedropper:before { content: "\e911";}.icon-droplet:before { content: "\e912";}.icon-paint-format:before { content: "\e913";}.icon-image:before { content: "\e914";}.icon-images:before { content: "\e915";}.icon-camera:before { content: "\e916";}.icon-headphones:before { content: "\e917";}.icon-music:before { content: "\e918";}.icon-play:before { content: "\e919";}.icon-film:before { content: "\e91a";}.icon-video-camera:before { content: "\e91b";}.icon-dice:before { content: "\e91c";}.icon-pacman:before { content: "\e91d";}.icon-spades:before { content: "\e91e";}.icon-clubs:before { content: "\e91f";}.icon-diamonds:before { content: "\e920";}.icon-bullhorn:before { content: "\e921";}.icon-connection:before { content: "\e922";}.icon-podcast:before { content: "\e923";}.icon-feed:before { content: "\e924";}.icon-mic:before { content: "\e925";}.icon-book:before { content: "\e926";}.icon-books:before { content: "\e927";}.icon-library:before { content: "\e928";}.icon-file-text:before { content: "\e929";}.icon-profile:before { content: "\e92a";}.icon-file-empty:before { content: "\e92b";}.icon-files-empty:before { content: "\e92c";}.icon-file-text2:before { content: "\e92d";}.icon-file-picture:before { content: "\e92e";}.icon-file-music:before { content: "\e92f";}.icon-file-play:before { content: "\e930";}.icon-file-video:before { content: "\e931";}.icon-file-zip:before { content: "\e932";}.icon-copy:before { content: "\e933";}.icon-paste:before { content: "\e934";}.icon-stack:before { content: "\e935";}.icon-folder:before { content: "\e936";}.icon-folder-open:before { content: "\e937";}.icon-folder-plus:before { content: "\e938";}.icon-folder-minus:before { content: "\e939";}.icon-folder-download:before { content: "\e93a";}.icon-folder-upload:before { content: "\e93b";}.icon-price-tag:before { content: "\e93c";}.icon-price-tags:before { content: "\e93d";}.icon-barcode:before { content: "\e93e";}.icon-qrcode:before { content: "\e93f";}.icon-ticket:before { content: "\e940";}.icon-cart:before { content: "\e941";}.icon-coin-dollar:before { content: "\e942";}.icon-coin-euro:before { content: "\e943";}.icon-coin-pound:before { content: "\e944";}.icon-coin-yen:before { content: "\e945";}.icon-credit-card:before { content: "\e946";}.icon-calculator:before { content: "\e947";}.icon-lifebuoy:before { content: "\e948";}.icon-phone:before { content: "\e949";}.icon-phone-hang-up:before { content: "\e94a";}.icon-address-book:before { content: "\e94b";}.icon-envelop:before { content: "\e94c";}.icon-pushpin:before { content: "\e94d";}.icon-location:before { content: "\e94e";}.icon-location2:before { content: "\e94f";}.icon-compass:before { content: "\e950";}.icon-compass2:before { content: "\e951";}.icon-map:before { content: "\e952";}.icon-map2:before { content: "\e953";}.icon-history:before { content: "\e954";}.icon-clock:before { content: "\e955";}.icon-clock2:before { content: "\e956";}.icon-alarm:before { content: "\e957";}.icon-bell:before { content: "\e958";}.icon-stopwatch:before { content: "\e959";}.icon-calendar:before { content: "\e95a";}.icon-printer:before { content: "\e95b";}.icon-keyboard:before { content: "\e95c";}.icon-display:before { content: "\e95d";}.icon-laptop:before { content: "\e95e";}.icon-mobile:before { content: "\e95f";}.icon-mobile2:before { content: "\e960";}.icon-tablet:before { content: "\e961";}.icon-tv:before { content: "\e962";}.icon-drawer:before { content: "\e963";}.icon-drawer2:before { content: "\e964";}.icon-box-add:before { content: "\e965";}.icon-box-remove:before { content: "\e966";}.icon-download:before { content: "\e967";}.icon-upload:before { content: "\e968";}.icon-floppy-disk:before { content: "\e969";}.icon-drive:before { content: "\e96a";}.icon-database:before { content: "\e96b";}.icon-undo:before { content: "\e96c";}.icon-redo:before { content: "\e96d";}.icon-undo2:before { content: "\e96e";}.icon-redo2:before { content: "\e96f";}.icon-forward:before { content: "\e970";}.icon-reply:before { content: "\e971";}.icon-bubble:before { content: "\e972";}.icon-bubbles:before { content: "\e973";}.icon-bubbles2:before { content: "\e974";}.icon-bubble2:before { content: "\e975";}.icon-bubbles3:before { content: "\e976";}.icon-bubbles4:before { content: "\e977";}.icon-user:before { content: "\e978";}.icon-users:before { content: "\e979";}.icon-user-plus:before { content: "\e97a";}.icon-user-minus:before { content: "\e97b";}.icon-user-check:before { content: "\e97c";}.icon-user-tie:before { content: "\e97d";}.icon-quotes-left:before { content: "\e97e";}.icon-quotes-right:before { content: "\e97f";}.icon-hour-glass:before { content: "\e980";}.icon-spinner:before { content: "\e981";}.icon-spinner2:before { content: "\e982";}.icon-spinner3:before { content: "\e983";}.icon-spinner4:before { content: "\e984";}.icon-spinner5:before { content: "\e985";}.icon-spinner6:before { content: "\e986";}.icon-spinner7:before { content: "\e987";}.icon-spinner8:before { content: "\e988";}.icon-spinner9:before { content: "\e989";}.icon-spinner10:before { content: "\e98a";}.icon-spinner11:before { content: "\e98b";}.icon-binoculars:before { content: "\e98c";}.icon-search:before { content: "\e98d";}.icon-zoom-in:before { content: "\e98e";}.icon-zoom-out:before { content: "\e98f";}.icon-enlarge:before { content: "\e990";}.icon-shrink:before { content: "\e991";}.icon-enlarge2:before { content: "\e992";}.icon-shrink2:before { content: "\e993";}.icon-key:before { content: "\e994";}.icon-key2:before { content: "\e995";}.icon-lock:before { content: "\e996";}.icon-unlocked:before { content: "\e997";}.icon-wrench:before { content: "\e998";}.icon-equalizer:before { content: "\e999";}.icon-equalizer2:before { content: "\e99a";}.icon-cog:before { content: "\e99b";}.icon-cogs:before { content: "\e99c";}.icon-hammer:before { content: "\e99d";}.icon-magic-wand:before { content: "\e99e";}.icon-aid-kit:before { content: "\e99f";}.icon-bug:before { content: "\e9a0";}.icon-pie-chart:before { content: "\e9a1";}.icon-stats-dots:before { content: "\e9a2";}.icon-stats-bars:before { content: "\e9a3";}.icon-stats-bars2:before { content: "\e9a4";}.icon-trophy:before { content: "\e9a5";}.icon-gift:before { content: "\e9a6";}.icon-glass:before { content: "\e9a7";}.icon-glass2:before { content: "\e9a8";}.icon-mug:before { content: "\e9a9";}.icon-spoon-knife:before { content: "\e9aa";}.icon-leaf:before { content: "\e9ab";}.icon-rocket:before { content: "\e9ac";}.icon-meter:before { content: "\e9ad";}.icon-meter2:before { content: "\e9ae";}.icon-hammer2:before { content: "\e9af";}.icon-fire:before { content: "\e9b0";}.icon-lab:before { content: "\e9b1";}.icon-magnet:before { content: "\e9b2";}.icon-bin:before { content: "\e9b3";}.icon-bin2:before { content: "\e9b4";}.icon-briefcase:before { content: "\e9b5";}.icon-airplane:before { content: "\e9b6";}.icon-truck:before { content: "\e9b7";}.icon-road:before { content: "\e9b8";}.icon-accessibility:before { content: "\e9b9";}.icon-target:before { content: "\e9ba";}.icon-shield:before { content: "\e9bb";}.icon-power:before { content: "\e9bc";}.icon-switch:before { content: "\e9bd";}.icon-power-cord:before { content: "\e9be";}.icon-clipboard:before { content: "\e9bf";}.icon-list-numbered:before { content: "\e9c0";}.icon-list:before { content: "\e9c1";}.icon-list2:before { content: "\e9c2";}.icon-tree:before { content: "\e9c3";}.icon-menu:before { content: "\e9c4";}.icon-menu2:before { content: "\e9c5";}.icon-menu3:before { content: "\e9c6";}.icon-menu4:before { content: "\e9c7";}.icon-cloud:before { content: "\e9c8";}.icon-cloud-download:before { content: "\e9c9";}.icon-cloud-upload:before { content: "\e9ca";}.icon-cloud-check:before { content: "\e9cb";}.icon-download2:before { content: "\e9cc";}.icon-upload2:before { content: "\e9cd";}.icon-download3:before { content: "\e9ce";}.icon-upload3:before { content: "\e9cf";}.icon-sphere:before { content: "\e9d0";}.icon-earth:before { content: "\e9d1";}.icon-link:before { content: "\e9d2";}.icon-flag:before { content: "\e9d3";}.icon-attachment:before { content: "\e9d4";}.icon-eye:before { content: "\e9d5";}.icon-eye-plus:before { content: "\e9d6";}.icon-eye-minus:before { content: "\e9d7";}.icon-eye-blocked:before { content: "\e9d8";}.icon-bookmark:before { content: "\e9d9";}.icon-bookmarks:before { content: "\e9da";}.icon-sun:before { content: "\e9db";}.icon-contrast:before { content: "\e9dc";}.icon-brightness-contrast:before { content: "\e9dd";}.icon-star-empty:before { content: "\e9de";}.icon-star-half:before { content: "\e9df";}.icon-star-full:before { content: "\e9e0";}.icon-heart:before { content: "\e9e1";}.icon-heart-broken:before { content: "\e9e2";}.icon-man:before { content: "\e9e3";}.icon-woman:before { content: "\e9e4";}.icon-man-woman:before { content: "\e9e5";}.icon-happy:before { content: "\e9e6";}.icon-happy2:before { content: "\e9e7";}.icon-smile:before { content: "\e9e8";}.icon-smile2:before { content: "\e9e9";}.icon-tongue:before { content: "\e9ea";}.icon-tongue2:before { content: "\e9eb";}.icon-sad:before { content: "\e9ec";}.icon-sad2:before { content: "\e9ed";}.icon-wink:before { content: "\e9ee";}.icon-wink2:before { content: "\e9ef";}.icon-grin:before { content: "\e9f0";}.icon-grin2:before { content: "\e9f1";}.icon-cool:before { content: "\e9f2";}.icon-cool2:before { content: "\e9f3";}.icon-angry:before { content: "\e9f4";}.icon-angry2:before { content: "\e9f5";}.icon-evil:before { content: "\e9f6";}.icon-evil2:before { content: "\e9f7";}.icon-shocked:before { content: "\e9f8";}.icon-shocked2:before { content: "\e9f9";}.icon-baffled:before { content: "\e9fa";}.icon-baffled2:before { content: "\e9fb";}.icon-confused:before { content: "\e9fc";}.icon-confused2:before { content: "\e9fd";}.icon-neutral:before { content: "\e9fe";}.icon-neutral2:before { content: "\e9ff";}.icon-hipster:before { content: "\ea00";}.icon-hipster2:before { content: "\ea01";}.icon-wondering:before { content: "\ea02";}.icon-wondering2:before { content: "\ea03";}.icon-sleepy:before { content: "\ea04";}.icon-sleepy2:before { content: "\ea05";}.icon-frustrated:before { content: "\ea06";}.icon-frustrated2:before { content: "\ea07";}.icon-crying:before { content: "\ea08";}.icon-crying2:before { content: "\ea09";}.icon-point-up:before { content: "\ea0a";}.icon-point-right:before { content: "\ea0b";}.icon-point-down:before { content: "\ea0c";}.icon-point-left:before { content: "\ea0d";}.icon-warning:before { content: "\ea0e";}.icon-notification:before { content: "\ea0f";}.icon-question:before { content: "\ea10";}.icon-plus:before { content: "\ea11";}.icon-minus:before { content: "\ea12";}.icon-info:before { content: "\ea13";}.icon-cancel-circle:before { content: "\ea14";}.icon-blocked:before { content: "\ea15";}.icon-cross:before { content: "\ea16";}.icon-checkmark:before { content: "\ea17";}.icon-checkmark2:before { content: "\ea18";}.icon-spell-check:before { content: "\ea19";}.icon-enter:before { content: "\ea1a";}.icon-exit:before { content: "\ea1b";}.icon-play2:before { content: "\ea1c";}.icon-pause:before { content: "\ea1d";}.icon-stop:before { content: "\ea1e";}.icon-previous:before { content: "\ea1f";}.icon-next:before { content: "\ea20";}.icon-backward:before { content: "\ea21";}.icon-forward2:before { content: "\ea22";}.icon-play3:before { content: "\ea23";}.icon-pause2:before { content: "\ea24";}.icon-stop2:before { content: "\ea25";}.icon-backward2:before { content: "\ea26";}.icon-forward3:before { content: "\ea27";}.icon-first:before { content: "\ea28";}.icon-last:before { content: "\ea29";}.icon-previous2:before { content: "\ea2a";}.icon-next2:before { content: "\ea2b";}.icon-eject:before { content: "\ea2c";}.icon-volume-high:before { content: "\ea2d";}.icon-volume-medium:before { content: "\ea2e";}.icon-volume-low:before { content: "\ea2f";}.icon-volume-mute:before { content: "\ea30";}.icon-volume-mute2:before { content: "\ea31";}.icon-volume-increase:before { content: "\ea32";}.icon-volume-decrease:before { content: "\ea33";}.icon-loop:before { content: "\ea34";}.icon-loop2:before { content: "\ea35";}.icon-infinite:before { content: "\ea36";}.icon-shuffle:before { content: "\ea37";}.icon-arrow-up-left:before { content: "\ea38";}.icon-arrow-up:before { content: "\ea39";}.icon-arrow-up-right:before { content: "\ea3a";}.icon-arrow-right:before { content: "\ea3b";}.icon-arrow-down-right:before { content: "\ea3c";}.icon-arrow-down:before { content: "\ea3d";}.icon-arrow-down-left:before { content: "\ea3e";}.icon-arrow-left:before { content: "\ea3f";}.icon-arrow-up-left2:before { content: "\ea40";}.icon-arrow-up2:before { content: "\ea41";}.icon-arrow-up-right2:before { content: "\ea42";}.icon-arrow-right2:before { content: "\ea43";}.icon-arrow-down-right2:before { content: "\ea44";}.icon-arrow-down2:before { content: "\ea45";}.icon-arrow-down-left2:before { content: "\ea46";}.icon-arrow-left2:before { content: "\ea47";}.icon-circle-up:before { content: "\ea48";}.icon-circle-right:before { content: "\ea49";}.icon-circle-down:before { content: "\ea4a";}.icon-circle-left:before { content: "\ea4b";}.icon-tab:before { content: "\ea4c";}.icon-move-up:before { content: "\ea4d";}.icon-move-down:before { content: "\ea4e";}.icon-sort-alpha-asc:before { content: "\ea4f";}.icon-sort-alpha-desc:before { content: "\ea50";}.icon-sort-numeric-asc:before { content: "\ea51";}.icon-sort-numberic-desc:before { content: "\ea52";}.icon-sort-amount-asc:before { content: "\ea53";}.icon-sort-amount-desc:before { content: "\ea54";}.icon-command:before { content: "\ea55";}.icon-shift:before { content: "\ea56";}.icon-ctrl:before { content: "\ea57";}.icon-opt:before { content: "\ea58";}.icon-checkbox-checked:before { content: "\ea59";}.icon-checkbox-unchecked:before { content: "\ea5a";}.icon-radio-checked:before { content: "\ea5b";}.icon-radio-checked2:before { content: "\ea5c";}.icon-radio-unchecked:before { content: "\ea5d";}.icon-crop:before { content: "\ea5e";}.icon-make-group:before { content: "\ea5f";}.icon-ungroup:before { content: "\ea60";}.icon-scissors:before { content: "\ea61";}.icon-filter:before { content: "\ea62";}.icon-font:before { content: "\ea63";}.icon-ligature:before { content: "\ea64";}.icon-ligature2:before { content: "\ea65";}.icon-text-height:before { content: "\ea66";}.icon-text-width:before { content: "\ea67";}.icon-font-size:before { content: "\ea68";}.icon-bold:before { content: "\ea69";}.icon-underline:before { content: "\ea6a";}.icon-italic:before { content: "\ea6b";}.icon-strikethrough:before { content: "\ea6c";}.icon-omega:before { content: "\ea6d";}.icon-sigma:before { content: "\ea6e";}.icon-page-break:before { content: "\ea6f";}.icon-superscript:before { content: "\ea70";}.icon-subscript:before { content: "\ea71";}.icon-superscript2:before { content: "\ea72";}.icon-subscript2:before { content: "\ea73";}.icon-text-color:before { content: "\ea74";}.icon-pagebreak:before { content: "\ea75";}.icon-clear-formatting:before { content: "\ea76";}.icon-table:before { content: "\ea77";}.icon-table2:before { content: "\ea78";}.icon-insert-template:before { content: "\ea79";}.icon-pilcrow:before { content: "\ea7a";}.icon-ltr:before { content: "\ea7b";}.icon-rtl:before { content: "\ea7c";}.icon-section:before { content: "\ea7d";}.icon-paragraph-left:before { content: "\ea7e";}.icon-paragraph-center:before { content: "\ea7f";}.icon-paragraph-right:before { content: "\ea80";}.icon-paragraph-justify:before { content: "\ea81";}.icon-indent-increase:before { content: "\ea82";}.icon-indent-decrease:before { content: "\ea83";}.icon-share:before { content: "\ea84";}.icon-new-tab:before { content: "\ea85";}.icon-embed:before { content: "\ea86";}.icon-embed2:before { content: "\ea87";}.icon-terminal:before { content: "\ea88";}.icon-share2:before { content: "\ea89";}.icon-mail:before { content: "\ea8a";}.icon-mail2:before { content: "\ea8b";}.icon-mail3:before { content: "\ea8c";}.icon-mail4:before { content: "\ea8d";}.icon-amazon:before { content: "\ea8e";}.icon-google:before { content: "\ea8f";}.icon-google2:before { content: "\ea90";}.icon-google3:before { content: "\ea91";}.icon-google-plus:before { content: "\ea92";}.icon-google-plus2:before { content: "\ea93";}.icon-google-plus3:before { content: "\ea94";}.icon-hangouts:before { content: "\ea95";}.icon-google-drive:before { content: "\ea96";}.icon-facebook:before { content: "\ea97";}.icon-facebook2:before { content: "\ea98";}.icon-instagram:before { content: "\ea99";}.icon-whatsapp:before { content: "\ea9a";}.icon-spotify:before { content: "\ea9b";}.icon-telegram:before { content: "\ea9c";}.icon-twitter:before { content: "\ea9d";}.icon-vine:before { content: "\ea9e";}.icon-vk:before { content: "\ea9f";}.icon-renren:before { content: "\eaa0";}.icon-sina-weibo:before { content: "\eaa1";}.icon-rss:before { content: "\eaa2";}.icon-rss2:before { content: "\eaa3";}.icon-youtube:before { content: "\eaa4";}.icon-youtube2:before { content: "\eaa5";}.icon-twitch:before { content: "\eaa6";}.icon-vimeo:before { content: "\eaa7";}.icon-vimeo2:before { content: "\eaa8";}.icon-lanyrd:before { content: "\eaa9";}.icon-flickr:before { content: "\eaaa";}.icon-flickr2:before { content: "\eaab";}.icon-flickr3:before { content: "\eaac";}.icon-flickr4:before { content: "\eaad";}.icon-dribbble:before { content: "\eaae";}.icon-behance:before { content: "\eaaf";}.icon-behance2:before { content: "\eab0";}.icon-deviantart:before { content: "\eab1";}.icon-500px:before { content: "\eab2";}.icon-steam:before { content: "\eab3";}.icon-steam2:before { content: "\eab4";}.icon-dropbox:before { content: "\eab5";}.icon-onedrive:before { content: "\eab6";}.icon-github:before { content: "\eab7";}.icon-npm:before { content: "\eab8";}.icon-basecamp:before { content: "\eab9";}.icon-trello:before { content: "\eaba";}.icon-wordpress:before { content: "\eabb";}.icon-joomla:before { content: "\eabc";}.icon-ello:before { content: "\eabd";}.icon-blogger:before { content: "\eabe";}.icon-blogger2:before { content: "\eabf";}.icon-tumblr:before { content: "\eac0";}.icon-tumblr2:before { content: "\eac1";}.icon-yahoo:before { content: "\eac2";}.icon-yahoo2:before { content: "\eac3";}.icon-tux:before { content: "\eac4";}.icon-appleinc:before { content: "\eac5";}.icon-finder:before { content: "\eac6";}.icon-android:before { content: "\eac7";}.icon-windows:before { content: "\eac8";}.icon-windows8:before { content: "\eac9";}.icon-soundcloud:before { content: "\eaca";}.icon-soundcloud2:before { content: "\eacb";}.icon-skype:before { content: "\eacc";}.icon-reddit:before { content: "\eacd";}.icon-hackernews:before { content: "\eace";}.icon-wikipedia:before { content: "\eacf";}.icon-linkedin:before { content: "\ead0";}.icon-linkedin2:before { content: "\ead1";}.icon-lastfm:before { content: "\ead2";}.icon-lastfm2:before { content: "\ead3";}.icon-delicious:before { content: "\ead4";}.icon-stumbleupon:before { content: "\ead5";}.icon-stumbleupon2:before { content: "\ead6";}.icon-stackoverflow:before { content: "\ead7";}.icon-pinterest:before { content: "\ead8";}.icon-pinterest2:before { content: "\ead9";}.icon-xing:before { content: "\eada";}.icon-xing2:before { content: "\eadb";}.icon-flattr:before { content: "\eadc";}.icon-foursquare:before { content: "\eadd";}.icon-yelp:before { content: "\eade";}.icon-paypal:before { content: "\eadf";}.icon-chrome:before { content: "\eae0";}.icon-firefox:before { content: "\eae1";}.icon-IE:before { content: "\eae2";}.icon-edge:before { content: "\eae3";}.icon-safari:before { content: "\eae4";}.icon-opera:before { content: "\eae5";}.icon-file-pdf:before { content: "\eae6";}.icon-file-openoffice:before { content: "\eae7";}.icon-file-word:before { content: "\eae8";}.icon-file-excel:before { content: "\eae9";}.icon-libreoffice:before { content: "\eaea";}.icon-html-five:before { content: "\eaeb";}.icon-html-five2:before { content: "\eaec";}.icon-css3:before { content: "\eaed";}.icon-git:before { content: "\eaee";}.icon-codepen:before { content: "\eaef";}.icon-svg:before { content: "\eaf0";}.icon-IcoMoon:before { content: "\eaf1";} /* common */ html,body { font-size:14px; color:#666; line-height:1.4; word-break:keep-all; margin:0px; font-family: 'Noto Sans Korean', sans-serif;} img {border:0px; vertical-align:middle;} select {border: 1px solid #e1e1e1; padding: 0 5px; height: 26px; line-height: 26px; vertical-align: middle; margin:0 3px 3px 3px} input {border: 1px solid #e1e1e1; padding: 0 5px; height: 24px; line-height: 24px; vertical-align: middle; display:inline-block; margin:0 3px 3px 3px} button {border:0px; background:none; margin:0px; padding:0px; cursor:pointer; font-family: 'Noto Sans Korean', sans-serif;} ul,ol,dl,dd {list-style:none; margin:0px; padding:0px;} li {list-style:none; padding:0px;} a {text-decoration:none; color:#666;} a:hover {text-decoration:none;} fieldset {font-size:0; border:0; margin:0; padding:0} .ac {text-align:center !important;} .al {text-align:left !important;} .ar {text-align:right !important;} .skip {font-size:0; width:0; height:0; text-indent:1000px; line-height:0; overflow:hidden;} caption {font-size:0; text-indent:-9999px; overflow:hidden; height:0;} /* depth & font */ .mt0 { margin-top:0 !important; } .mb0 { margin-bottom:0 !important; } .mt15 { margin-top:15px !important; } .txt_default {line-height: 1.4; margin: 0 0 12px 0;} .conbodyT2 {font-size:40px; font-weight:600; color:#333; padding:0; margin:40px 0 50px 0;} .conbodyT3 {font-size:26px; font-weight:600; color:#1b84b7; margin:0 0 30px 0; position:relative; line-height:1.2;} .conbodyT4 {font-size:22px; font-weight:600; color:#333; margin:50px 0 15px 0;} .conbodyT5 {font-size:18px; font-weight:600; color:#333; margin:30px 0 15px 0; padding: 0 0 0 22px;} .conbodyT6 { font-size:17px; font-weight:600; color:#000; margin:20px 0 10px 0; } .num_txt01 { font-size:17px; color:#3c969d; margin:0; padding-bottom:13px; margin-bottom:3px; border-bottom:1px solid #ececec; } .num_txt02 { font-size:15px; color:#666; margin:0; margin:12px 0 0 0; padding:0 0 0 12px; position:relative; } .num_txt02:before { content:''; display:inline-block; width:3px; height:3px; background:#666; position:absolute; top:8px; left:2px; border-radius:3px; } .num_txt02.type02 { color:#666; } .num_txt02.type02:before { background:#666; } .num_txt03 { font-size:14px; color:#666; margin:0; padding:0 0 0 10px; position:relative; } .num_txt03:before { content:''; display:inline-block; width:2px; height:2px; background:#666; position:absolute; top:7px; left:2px; border-radius:2px; } .num_txt04 { font-size:13px; color:#666; margin:5px 0 0 0; padding:0 0 0 25px; position:relative; } .num_txt04:before { content:'-'; display:inline-block; position:absolute; top:1px; left:15px; } .num_txt05 { color:#666; margin:5px 0 0 0; padding:0 0 0 25px; position:relative; } .num_txt05:before { content:''; width:2px; height:2px; position:absolute; background:#666; border-radius:3px; top:8px; display:inline-block; position:absolute; left:15px; } .txt_busines01 { font-size:17px; color:#333; padding-bottom:15px; border-bottom:1px solid #ececec; margin:15px 0 0 0; } .popupBox {padding:10px; margin:0px; background:#f1f1f1;} .scrollBox {width:100%; padding:10px 0px; height: 200px; overflow: hidden; border: 1px solid #d7d7d7;} .scrollBox textarea {width: 99%; height: 100%; border: 0px; line-height: 160%; font-size: 13px; resize:none; } .scrollBoxFull {width:100%; height: 100%; padding:10px 0px; border: 1px solid #d7d7d7;} .scrollBoxFull textarea {display: inline-block; width: 99%; height: 100%; border: 0px; line-height: 160%; font-size: 13px;} /* EDO : depth & font */ /* FRONT */ /* topLayout */ .topLayout {} .topMenuBox {max-width:1200px; margin:0 auto; position:relative; } .topMenuL {position: absolute; top:10px;} .topMenuL a {display:block} .topMenuC {padding: 15px 0px 0px 260px;} .subMenu > ul > li {float:left; padding:21px 14px} .subMenu > ul > li > a {font-size:17px; color:#333; font-weight:700; letter-spacing:-1px} .subMenu > ul > li > a:hover {color:#1a98d5} .subMenu > ul > li:first-child { padding-left:0; } .subMenu > ul > li.on > a {color:#1a98d5} .topMenuR {} .mobAll_ico { display:inline-block; width:12px; height:10px; background:url(../images/mobAll_ico.png) no-repeat 50% 50%; } .menuAllBox {position:absolute; left:0px; top:114px; width:100%; max-height:460px; display:none; z-index:1001;} .menuAllBoxIn { margin:0 auto; height:100%; overflow:hidden; background-color:#fff; max-width:1200px; position:relative; border-bottom:1px solid #ebebeb} .menuAllClose { position:absolute; bottom:5px; right:15px; font-size:40px; color:#666; } .mobAll_title { display:none; } .menuAllBoxIn > ul > li > a span { display:none; } .mob_menuBg {display:none} .mobAll_footer {display:none} .topBu { display:none; position:fixed; left:50%; margin-left:40%; width:50px; height:70px; transition:all 0.3s ease; z-index:1} .topBu a {display:block; position:relative;} .topBu a span {position:absolute; top:0px; left:0; overflow:hidden; width:100%; display:inline-block; height:70px; transition:all 0.3s ease;} .topBu a:hover span{height:0px;} /* EOD : topLayout */ /* asideLayout */ .quickBox {position:fixed; right:0px; top:150px; width:68px; z-index:9512; } .quickBox ul li {font-size:0px; line-height:100%; background-color:#fff; border-bottom:1px solid #eee; } .quickOpen {position:absolute; right:10px; top:10px; width:30px; height:30px; text-align:center; background-color:#a3c8d8; display:none;} .quickOpen img {margin-top:5px;} .quickBoxIn {width:68px; margin-left:70px; transition: all 0.3s ease 0s; overflow:hidden; box-shadow:0 0 2px 1px #eee; z-index:15; } .quickBoxIn ul { border:1px solid #eee; border-right:none; } .quickTop {height:30px; text-align:center; background-color:#a3c8d8;} .quickTop img {margin-top:5px;} .quickBottom {background-color:#f1f3f2; border:1px solid #eee; border-right:none; border-top:none;} /* EOD : asideLayout */ /* contentLayout */ .contentLayout {max-width: 1200px; margin: 0 auto;} .contentLayoutIn {} .topNavBox {height:220px; background-color: #ccc;} .topNavBoxIn {height:100%; position:relative; } .tabBoxF {position:absolute; bottom:0; top:auto; line-height:0; left: 0; right: 0;} .tabOn {position:fixed; z-index:10; bottom:auto; top:0; background-color:#bbc2c7; box-shadow:0px 0px 10px #ccc;} .tabBoxF .tabBox {max-width: 1200px; z-index:2; margin:0 auto; display:inherit; border-top: 0; border-left:none;} .tabBoxF .tabBox ul li {background-color:#607D8B; display:table; height:60px;} .tabBoxF .tabBox ul li.on {background:none; background-color:#666; position:relative} .tabBoxF .tabBox ul li a {color:White; font-size:18px; font-weight:400; border-right: 1px solid #a1a3a2; border-bottom:0; display:table-cell; vertical-align:middle;} .tabBoxF .tabBox ul li:first-child a {border-left: 1px solid #a1a3a2;} .tabBoxF .tabBox ul li.on a:after {top: 100%; left: 50%; border:solid transparent; content:""; height: 0; width: 0; position: absolute; border-top-color: #666; border-width:9px; margin-left:-9px;} .tabBoxSubBox {} .tabBoxSubBox { margin-bottom:60px; } .tabBox_sub02 ul li { float:left; display:table; height:48px; } .tabBox_sub02 ul li.on:after { display:none; } .tabBox_sub02 ul li a { border:1px solid #e1e1e1; font-size:17px; color:#999; border-bottom:1px solid #6ebfdd; display:table-cell; vertical-align:middle; line-height:1.2; text-align:center} .tabBox_sub02 ul li.on a { border:1px solid #6ebfdd; border-right:none; background:#6ebfdd; color:#fff; } .contentBox { max-width:1232px; margin:0 auto; min-height:500px; } .contentBoxIn { padding:0 16px; } .pro_list { background:#fafafa; border:1px solid #ddd; margin-top:24px; display:inline-block; width:100%; padding:0 0 20px 0;} .pro_list li { padding:20px; } .pro_list li .pro_txt01 { padding:0 20px 0 12px; margin:0; font-size:15px; } .pro_list li .pro_txt01.type02 { margin:20px 0 0 0; } .pro_list li .pro_txt02 { padding:0 20px 0 32px; margin:0; font-size:15px; position:relative; } .pro_list li .pro_txt02 span { position:absolute; left:12px; } .pro_list li .pro_txt03 { font-size:15px; margin:0; padding:0 20px 0 12px; } .pro_list li .pro_leftBox { width:50%; float:left; position:relative; } .pro_list li .num_txt02 { margin:12px 20px 0 0; } .pro_list li .pro_rightBox { width:50%; float:left; } .defalut_list02 { display:inline-block; width:100%; position:relative; border:1px solid #d4f0ee; } .defalut_list02.type02 {border: none !important;} .defalut_list02 li { float:left; width:50%; } .defalut_list02 li .defalut_Inner { padding-left:12px; } .defalut_list02 li:first-child .defalut_Inner { padding-left:0; padding-right:12px; } .defalut_list02:before { content:''; left:50%; width:24px; position:absolute; top:-1px; padding:1px 0; height:100%; background:#fff; margin-left:-12px; border-left:1px solid black; border-right:1px solid black; } .defalut_Inner.type02 { margin-top:22px; border:1px solid #d4f0ee; } .list_terms { text-align:center; } .list_terms dt { color:#3c969d; background:#d4f0ee; font-size:17px; padding:11px 15px; } .list_terms dd { font-size:15px; padding:15px; text-align: left;} .defalut_list03 { width:100%; position:relative; display:table; text-align:center; border:1px solid #7dc3dc; } .defalut_list03:after { content:''; display:block; clear:both; } .defalut_list03 li { width:33.3333%; display:table-cell; position:relative; } .defalut_list03:before { content:''; position:absolute; left:33.3333%; border-left:1px solid #7dc3dc; border-right:1px solid #7dc3dc; width:24px; background:#fff; margin-left:-12px; top:0px; bottom:0px; } .defalut_list03:after { content:''; position:absolute; left:66.6666%; border-left:1px solid #7dc3dc; border-right:1px solid #7dc3dc; width:24px; background:#fff; margin-left:-12px; top:0px; bottom:0px; } /* chorme, firefox css hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ .defalut_list03:before { top:-1px; bottom:-1px; } .defalut_list03:after { top:-1px; bottom:-1px; } } .defalut_list03 li.first { padding:0 16px 0 0; } .defalut_list03 li.second { padding:0 8px; } .defalut_list03 li.third { padding:0 0 0 16px; } .defalut_list03 li .defalut_Inner { padding:20px; } .perfor_impor { padding: 20px; border: 5px solid #e2eff4; position: relative; min-height: 50px;} .perfor_txt01 { margin:0; font-size:18px; color:#000; font-weight:bold; position:relative; } .perfor_txt02 { margin:0; font-size:16px; color:#666; } .perfor_txt03 { margin:0; font-size:36px; color:#1a98d5; font-weight:bold; position:absolute; right:20px; top:20px; line-height:1; } .perfor_txt03 span { font-size:24px; } .ul_annotate { line-height:1.4; font-size:12px; margin:10px 0px;} .ul_annotate li {padding-left:15px; position:relative;} .ul_annotate li span {position:absolute; top:0px; left:0px;} .ul_annotate.type02 { width:100%; display:inline-block; } .ul_annotate.type02 li { padding-left:25px; } .ul_annotate.type02 li span { left:15px; } .list_Num02 { display:inline-block; width:100%; margin-top:24px; background:#fafafa; border:1px solid #ddd; position:relative; } .list_Num02.first { margin-top:15px; } .list_Num02:before { content:''; width:24px; position:absolute; top:-1px; padding:1px 0; height:100%; background:#fff; left:50%; margin-left:-12px; border-left:1px solid #ddd; border-right:1px solid #ddd; } .list_Num02 li { float:left; width:50%; } .list_Num02 li .num_Inner { padding-left:12px; } .list_Num02 li:first-child .num_Inner { padding-right:12px; padding-left:0; } .list_Num02 li .num_Inner .num_Box { background:#fafafa; padding:20px; } .list_Num03 { width:100%; position:relative; display:table; border:1px solid #ddd; background:#fafafa; } .list_Num03:after { content:''; display:block; clear:both; } .list_Num03 li { width:33.3333%; display:table-cell; position:relative; } .list_Num03:before { content:''; position:absolute; left:33.3333%; border-left:1px solid #ddd; border-right:1px solid #ddd; width:24px; background:#fff; margin-left:-12px; border-top:1px solid transparent; border-bottom:1px solid transparent; top:-1px; bottom:-1px; } .list_Num03:after { content:''; position:absolute; left:66.6666%; border-left:1px solid #ddd; border-right:1px solid #ddd; width:24px; background:#fff; margin-left:-12px; border-top:1px solid transparent; border-bottom:1px solid transparent; top:-1px; bottom:-1px; } /* chorme, firefox css hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ .list_Num03:before { top:-1px; bottom:-1px; } .list_Num03:after { top:-1px; bottom:-1px; } } .list_Num03 li.first { padding:0 16px 0 0; } .list_Num03 li.second { padding:0 8px; } .list_Num03 li.third { padding:0 0 0 16px; } .list_Num03 li .num_Inner { padding:20px; } .img_scrollMax { overflow-x:auto; overflow-y:hidden; margin:40px 0 0 0; text-align:center; position:relative; } .img_scrollMax img { max-width:100%; } .imgContainer {margin-top:20px;} /* EOD : contentLayout */ /* footer */ .footerLayout {min-height:220px; background-color:#a7a7a9} .footerLayoutIn { max-width:1232px; margin:0 auto; padding-top:37px; position:relative} .footerLeftBox {position:absolute; top: 37px; left:25px; color:white} .footerRightBox {padding:0 16px; margin: 0 0 0 256px; color:white; font-size:12px} .footerRightBox .first {margin-bottom:4px} .footerRightBox .second {margin-bottom:4px} .footerRightBox .thrid {margin-bottom:4px} .footerRightBox span {display:block; clear:both} .footerRightBox > div {display:inline-block} .footerRightBox > div ul li {float:left; margin-right:30px; position:relative; font-weight:300;} .footerRightBox > div ul li:before {content:"ㆍ"; position:absolute; left:-12px; top:0;} /* EOD : footer */ /* ADMIN */ .adminTopLayout {position: fixed; top: 0px; z-index: 100; width: 100%; min-width: 1200px; height: 43px; background-color: #3699de; background: linear-gradient(90deg, #3699de, #3fd271);} .adminTopleft li {float: left; padding: 0px;} .adminTopleft > h1 {float: left; font-size: 16px; font-weight: 400; color: #fff; text-align: center; width: 200px; margin: 0px; line-height: 43px;} .adminTopleft li a {display: block; line-height: 43px; font-size: 13px; padding: 0px 50px 0px 20px; background: url('../module_img/admin_tapBg.png') no-repeat center right; color: #eee;} .adminTopleft li a:hover {color: #fff;} .adminTopleft li a:hover .icon-home {transform: scale(1.1);} .adminTopleft .icon-home {font-size: 20px; transition: 0.3s all; display: inline-block; vertical-align: middle; margin-bottom: 5px;} .adminTopRight {position: absolute; top: 7px; right: 40px;} .adminTopRight button {color:#333; border: 1px solid #a1a1a1; line-height: 26px; padding: 0px 15px; border-radius: 15px; background-color: #ebebeb; vertical-align: top; transition: 0.3s all} .adminTopRight button .icon-exit {font-size: 13px; vertical-align: middle; margin-right: 5px;} .adminTopRight button .txt {vertical-align:middle;} .adminTopRight button:hover {color: #369adc} .adminId {float: left; margin: 0px; line-height: 28px; color: #fff;} .adminId li {float: left; padding: 0 20px; font-size: 14px;} .adminId li strong {font-weight: 400; opacity: 0.6; margin-right: 5px;} .adminLogin {float: left; margin: 0px; line-height: 28px; color: #fff;} .adminLogin li {float: left; font-size: 14px;} .adminLogin li strong {font-weight: 400; opacity: 0.6; margin-right: 5px;} .adminLogin .border {border-left: 1px solid #27a367; padding: 0px 20px;} .adminLogin img {vertical-align: middle;} .adminLeftLayout {position: fixed; transition: 0.3s all; top: 0px; z-index: 99; height: 100%; width: 200px; overflow: hidden; background-color: #f9f9f9; border-right: 1px solid #e0e0e0;} .adminLeftTop {min-height: 25px; width: 180px;background-color: #f9f9f9; margin-top: 43px; padding: 10px; position: relative; transition: 0.3s all;} .adminLeftTop select {border: 1px solid #dddddd; min-width: 140px;} .adminLBu {position: absolute; left: 170px; top: 13px; font-size: 20px; color: #666;} .adminLBu .fa-outdent {transition: 0.3s all;} .adminLBu:hover .fa-outdent {transform: scale(1.2)} .adminLeftMenu > li {width: 200px;} .adminLeftMenu > li:first-child {border-top: 1px solid #e0e0e0;} .adminLeftMenu > li > a {font-size: 14px; font-weight: 300; display: block; color: #333; padding: 10px 0px 10px 10px; border-bottom: 1px solid #e0e0e0; transition: 0.3s all} .adminLeftMenu > li > a:hover {background-color: #daeef9;} .adminLeftMenu ul {display: none;} .adminLeftMenu > li > ul > li .icon-k-minus {font-size:10px} .adminLeftMenu > li > ul > li > a {font-size: 14px; background-color: #e8e8e8; display: block; padding: 10px 0px 10px 20px; border-bottom: 1px solid #e0e0e0;} .adminLeftMenu > li > ul > li > ul > li > a {font-size: 13px; display: block; padding: 5px 0px 10px 20px; background-color: #efefef; border-bottom: 1px solid #e0e0e0;} .adminLeftMenu > li > ul > li > ul > li.on > a {color: #fff; background-color: #36a7e1;} .adminLeftMenu > li > a > span {transition: 0.3s all} .adminLeftMenu li a .icon-k-next {margin: 4px 8px; float: right;} .adminLeftMenu li a .open {transform: rotate(90deg); margin: 4px 9px;} .adminLOff {width: 40px;} .adminLOff .adminLeftTop {padding-left: 40px;} .adminLOff .adminLeftTop .adminLBu {left: 10px;} .adminLOff .adminLeftMenu > li > a > span {padding: 0px 10px 0px 3px;} .adminContentLayout {margin: 0px 0px 40px 0px; position: relative;} .adminContentIn {margin: 60px 40px 0px 240px; transition: 0.3s all;} /* tabBox */ .tabBox {display: inline-block; width: 100%; border:1px solid #d7d7d7; border-right:0; margin-bottom:20px;} .tabBox ul li {float: left; text-align: center; background-color: #f7f7f7; display:table; height:60px;} .tabBox ul li.on {background:none; background-color:#666; position:relative} .tabBox ul li.on a {color:white;} .tabBox ul li a {display: block; border-bottom:0; border-right: 1px solid #d7d7d7; color:#333; font-size:16px; font-weight:400; display:table-cell; vertical-align:middle;} .tabBox_sub {display:inline-block; width:100%; margin:20px 0; border-bottom: 1px solid #1c1c1c;} .tabBox_sub ul {text-align:center} .tabBox_sub ul li {float: left; display: table; height: 48px; margin: 0 0 -1px -1px; height: 44px; margin: 0 0 -1px -1px; background-color: #fff; border: solid; border-width: 0 1px 0 1px; color: #b2b2b2; font-size: 16px;} .tabBox_sub ul li.on {border-color:#333} .tabBox_sub ul li a {border-top: 1px solid #e1e1e1; font-size: 14px; color: #999; display: table-cell; vertical-align: middle; line-height: 1.2; padding: 0 15px; line-height: 44px; text-align: center;} .tabBox_sub ul li.on a {color: #333; border-top: 2px solid #333;} .tabContentBox , .tabContentBox_sub {display:none} .tab_show {display:block} /* search */ .searchBox {position: relative; border: 1px solid #dadada; background-color: #f9f9f9; margin-bottom:10px; padding: 10px; line-height: 130%; font-size:12px;} .searchBox .labelT {min-width:80px; text-align:right; margin:0px 5px 0px 0px; line-height:30px; display:inline-block; vertical-align:middle;} .searchBox .labelT .fa {color:#bbb; font-size:12px;} .searchBox ul {display: inline-block; width: 100%; clear: both;} .searchBox ul li {display:block; min-height:34px; margin-right:80px;} .searchBox dl {clear:both;} .searchBox dl dt {float: left; min-width:80px; line-height:30px; margin:0px 5px 0px 0px; text-align:right;} .searchBox dl dt .fa {color:#bbb; font-size:12px;} .searchBox dl dd {float: left; padding-right: 20px;} .searchBox input {max-width:98%;} .searchBox label {display:inline-block;} .searchBox .formGroup {display:inline-block; padding:2px 4px 2px 10px;} .searchBox .formGroup label {height:28px; line-height:28px; padding:0px; min-width:80px; margin:2px 0px; vertical-align:middle; background-color:#e0e0e0; border-radius:3px; text-align:center; font-size:12px; color:#333; font-weight:500;} .searchBox select {font-size:14px;} .searchCenter {text-align:center;} .searchCenter ul {width:auto;} .searchCenter ul li {display:inline-block; margin-right:0px;} .searchCenter dl {width:auto;} .searchCenter dl dt {display:inline-block;} .searchCenter dl dd {display:inline-block;} .searchCenter label {min-width:auto;} /* table */ .tableTopBox {font-size: 12px; width: 100%; min-height: 35px;} .tableTopBoxL {float: left; font-size:12px;} .tableTopBoxR {float: right; font-size:12px;} .tableTopTxt {display: inline-block; margin-top: 10px;} .tableTopTxt2 {font-size:13px; padding-left:10px;} .table_normal {width: 100%; border-top: 1px solid #575757; border-bottom: 2px solid #575757;} .table_normal thead tr th {background-color: #f7f7f7; border-top: 1px solid #dadada;color: #333; padding: 10px 0px; text-align: center; font-size:14px} .table_normal tfoot tr th {background-color: #f7f7f7; border-top: 1px solid #dadada; color: #333; padding: 10px 0px; text-align: center; font-size:13px} .table_normal tbody tr th {background-color: #f7f7f7; border-top: 1px solid #dadada;color: #333; padding: 10px 0px; text-align: center; font-size:14px} .table_normal tbody tr td {color: #666; border-top: 1px solid #dadada; padding: 8px 5px; transition: 0.3s all;} .table_normal tbody tr td a:hover {color: #10a0ea;} .tableHover:hover td {background-color: #dfecf8;} .table_line {border-left:0; border-right:1px solid #dadada} .table_line th, .table_line td {border-left: 1px solid #dadada;} .line0 {border-left: 0px !important} .line_padding0 {padding: 0 !important; border: 0 !important;} /* table-view */ .table_view {width: 100%; border-top: 1px solid #575757; table-layout: fixed;} .table_view tr th {background-color: #f7f7f7; border-bottom: 1px solid #dadada; color: #333; padding: 10px; text-align: center; font-size:14px} .table_view tr td {color: #333; border-bottom: 1px solid #dadada; padding: 8px 5px 8px 10px; transition: 0.3s all; font-size:13px} .table_view dl.tableInDl { padding:20px 10px;} .table_view dl.tableInDl dt {display: inline-block; width: 30%; border-top:1px dotted #d7d7d7; padding:10px 0px;} .table_view dl.tableInDl dd {display: inline-block; width: 60%; border-top:1px dotted #d7d7d7; padding:11px 0px;} /* gallery */ .gallery_normal {display:inline-block; width:100%; border-top: 2px solid #000; border-bottom: 2px solid #000; margin-bottom: 15px;} .gallery_normal > ul {width:102%} .gallery_normal > ul > li {float:left; width:31.5%; margin-right:1.65%} .gallery_normal .galleryBox {margin:15px auto; border:2px solid transparent} .gallery_normal .galleryBox:hover {border:2px solid #269dd7} .gallery_normal .gallery_top {position:relative;} .gallery_normal .gallery_top a {display:block; overflow: hidden;} .gallery_normal .gallery_mid {width:100%; display:inline-block} .gallery_normal .gallery_midIn {padding:10px 0; border:1px solid #e7e7e7; } .gallery_normal .gallery_info {display:inline-block; width:100%} .gallery_normal .gallery_info p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px 10px 10px;} .gallery_normal .gallery_name {font-size:17px; margin:0 5px 5px 0; vertical-align:middle; color:black; display:inline-block; font-weight:500} .gallery_normal .gallery_name:hover {color: #666; text-decoration: underline;} .gallery_normal .gallery_name .bu_red_ss {vertical-align:middle;} .gallery_userName {float:left; margin-left:10px; color:#666; font-size:16px} .gallery_day {float:right; margin-right:10px; color:#666; font-size:16px} .gallery_normal .gallery_bot {border-top:1px solid #ccc; padding-top:5px; height: 30px; margin-top: 10px;} .gallery_normal .gallery_bot ul {float:right;} .gallery_normal .gallery_bot ul li {float:left; color:#666; font-size:15px; padding:5px 10px} .gallery_img {position:relative; height:150px} /* webzine */ .webzine_normal {border-top:2px solid #575757; border-bottom: 2px solid #575757; clear: both; } .webzine_normal li { display:table; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-top:none; padding:25px 0; min-height:85px; } .webzine_normal li:first-child { border-top:0} .webzine_normal li .webzine_left { width:225px; padding:0 15px; display:table-cell; vertical-align:middle; text-align:center; } .webzine_normal li .webzine_right { display:table-cell; padding-right:25px; } .webzine_right .webzine_name {font-size:20px; font-weight:bold; color:#333} .webzine_right .webzine_txt {font-size:13px; height: 70px; overflow-y: hidden; margin: 10px 0;} .webzine_right .webzine_day {font-size:12px; margin:5px 0} /* faq */ .faq_normal {display: inline-block; width: 100%; border-top: 2px solid #000; border-bottom: 2px solid #000; margin-bottom: 15px; /* max-height: 500px; overflow-y: auto; */} .faq_normal a {display:block; border-bottom:1px solid #dadada; position:relative; padding:20px 10px; position: relative; font-size: 16px; color: #333; font-weight: bold;} .faq_normal a .txt {margin:0 20px 0 50px; display: inline-block;} .faq_normal a .icon {position: absolute; right: 2%; top: 50%; margin-top: -8px;} .faq_normal a .faq_q {position: absolute; top: 50%; margin-top:-20px;} .faq_content {display:none; padding:20px 10px; background-color: #f7f7f7f7; border-bottom: 1px solid #dadada; font-size:14px; position:relative} .faq_content .faq_a {position:absolute; top:50%; margin-top:-20px} .faq_content .txt {display:inline-block; margin-left:60px} .faq_content p {margin:10px 0} .faq_content ul li {margin-top:10px; text-indent:-8px; padding-left:15px} /* paging */ .pagination {text-align:center; margin:20px 0 80px;} .pagination a {display:inline-block; min-width:36px; height:36px; vertical-align:top; text-decoration:none; background:#fff; margin:4px;} .pagination a:hover span {background-color:#319fd4; border:1px solid #319fd4; color:white; font-weight:bold;} .pagination span {border: 1px solid #bebdbe; display: block; line-height: 33px; padding: 0px 2px 1px; color:#333} .pagination span.on {background-color:#319fd4; border:1px solid #319fd4; color:white; font-weight:bold;} /* popup */ .popup_open {overflow: hidden; position: fixed; width: 100%; height: 100%;} .popup_Box {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; display: none;} .popup_BoxIn {position:fixed; z-index:1001; left:50%; top:50px; background-color:#fff; border:1px solid #666;} .popupH {background-color: #666; color: #fff; padding: 10px;} .popup_name {font-size:20px;} .popup_close {display: block; color: #fff; float: right; font-size: 22px;} .popupCBox {font-size:14px; overflow:auto;} .popupCBoxIn {padding:30px;} .popupF {height:70px; line-height:70px; background-color: #fbfbfb;} .popup_bg {position:fixed; top:0; left:0; bottom:0; right:0; z-index:1000; background:url("../module_img/trans.png") repeat; cursor:pointer; width:100%; height:100%;} /* FAQ */ .faq {overflow:hidden; border-top:1px solid #575757; border-bottom:2px solid #575757;} .faq .faq_list {overflow:hidden;} .faq .faq_list > dl {overflow:hidden;} .faq .faq_list > dl dt {padding:15px 30px 15px 10px; background:url('../images/wvCommon/agree_arrowdown.png') no-repeat 95% 50%; background-size:16px auto; border-bottom:1px solid #d7d7d7 } .faq .faq_list > dl.on dt {background:url('../images/wvCommon/agree_arrowup.png') no-repeat 95% 50%; background-size:16px auto;} .faq .faq_list > dl dt strong {display:block; padding-left:0px; color:#000; font-size:14px; background-size:24px auto;} .faq .faq_list > dl dd {display:none; padding:20px; background:#f7f7f7; font-size:14px; border-bottom:1px solid #e3e3e3; } .faq .faq_list > dl dd.files {background:url('../images/wvCommon/bullet_file.png') no-repeat 32px 14px #f9f9f9; background-size:24px auto;} .faq .faq_list > dl dd.files > ul {overflow:hidden;} .faq .faq_list > dl dd.files > div > ul > li > a:hover {color:#10a0ea;} .faq .faq_list > dl.on dd {display:block;} .faq .faqTitleL {display:inline-block; width:70%; text-align:left;} .faq .faqTitleR {display:inline-block; width:20%; text-align:right;} /* login */ .loginBg {position:fixed; left:0; top:0; width:100%; height:100%; background: #3697e1; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #3697e1, #40d36f); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #3697e1, #40d36f); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #3697e1, #40d36f); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #3697e1, #40d36f); /* Standard syntax */ z-index:-1} .loginForm01 .loginBox {width:100%; max-width:614px; height:350px; position:absolute; top:50%; left:50%; margin-left:-307px; margin-top:-175px; ;z-index:10} .loginForm01 .logLBox {position:absolute; left:0; top:0; width:240px; opacity:0.95; height:350px; background: #1383d8; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(top, #1383d8, #19e159); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, #1383d8, #19e159); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #1383d8, #19e159); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #1383d8, #19e159); /* Standard syntax */} .loginForm01 .logleftCon {color:#fff; text-align:center; font-size:13px; padding:0 10px;} .loginForm01 .logRBox {margin-left:240px;background-color:rgba(255,255,255,0.95); height:350px; } .loginForm01 .logRBoxIn{margin:0px 40px; padding:45px 0px;} .loginForm01 .logHeadLogo {color:#fff; font-size:14px; text-align:center; padding:35px 0 12px;} .loginForm01 .logHeadLogo img {vertical-align:middle;} .loginForm01 .tit_logHead {border:1px solid rgba(255,255,255,0.8); padding:6px 0px; line-height:1.4; width:200px; text-align:center; color:#fff; font-size:22px; font-weight:bold; margin:0 auto 70px; } .loginForm01 .btn_login {width:100%; background-color: #23d6ae; border:0; display:block; color:#fff; padding:8px; margin:0; text-align:center; font-size:18px; font-weight:bold; height: 40px; line-height: 28px;} .loginForm01 .textBox {border:1px solid #ccc; background-color:#fff; color:#000; font-size:12px; padding:0 10px 0 40px; margin-bottom:10px; position:relative} .loginForm01 .textBox input[type="text"], .textBox input[type="password"] {border:0; width: 95%; height:40px;} .loginForm01 .logRCon {margin-top:38px; padding-top:32px; color:#8d8d8d; font-size:13px; text-align:center; border-top:1px solid #dedede;} .loginForm01 .loginBox {box-shadow: 0px 0px 20px rgba(0,0,0,0.4);} .loginForm01 .textBox .icon-user {position:absolute; top:10px; left:15px; font-size:18px; color:#666} .loginForm01 .textBox .icon-lock {position:absolute; top:9px; left:19px; font-size:18px; color:#666} .loginForm01 .textBox input { margin:0; padding:0 7px;} .loginForm01 .logRBox { background:#fff; } .loginForm02 {width:550px; margin:0 auto; border:1px solid #ccc; padding:30px; background-color:white} .loginForm02 .loginBox {display:inline-block; width:100%} .loginForm02 .logLBox {float:left;} .loginForm02 .logleftCon {position:relative} .loginForm02 .leftCon_txt01 {position: absolute; font-size: 16px; color: #575757;} .loginForm02 .leftCon_txt02 {position: absolute; top: 20px; font-size: 26px; font-weight: bold; left: -8px;} .logleftCon img {margin-top:22px} .loginForm02 .logRBox {float:right; width:316px} .loginForm02 .logHeadLogo {color:#fff; font-size:14px; text-align:center; padding:35px 0 12px;} .loginForm02 .logHeadLogo img {vertical-align:middle;} .loginForm02 .tit_logHead {border:1px solid #ccc; padding:6px 0px; width:200px; text-align:center; color:#59595a; font-size:22px; font-weight:bold; margin:0 auto; } .loginForm02 .btn_login {width: 100%; background-color: #23d6ae; border: 0; display: block; color: #fff; transition:0.3s all; padding:0; margin: 0; text-align: center; font-size: 18px; font-weight: bold; height: 40px; line-height: 28px; cursor: pointer;} .loginForm02 .btn_login:hover , .loginForm .btn_login03:hover , .loginForm .btn_login04:hover {background-color:#00BCD4} .loginForm02 .btn_login02 {background-color: #b1b1b1; width: 100%; color: white; font-size: 14px; padding: 10px 0; display:block; text-indent: 14px; text-align: left; transition:0.3s all} .loginForm02 .btn_login02:hover , .loginForm .btn_login05:hover {background-color:#494948} .loginForm02 .btn_login02 span {float: right; margin:6px 14px 0 0; font-size: 12px;} .loginForm02 .btn_login03 {background-color: #23d6ae; color: #fff; transition: 0.3s all; padding: 10px 20px; font-size: 18px; height: 41px; line-height: 1.2; float: right; margin-top: 30px} .loginForm02 .btn_login04 {width: 100%; background-color: #23d6ae; border: 0; display: block; color: #fff; transition:0.3s all; padding:0; margin: 0; text-align: center; font-size: 18px; height: 40px; line-height: 28px; cursor: pointer;} .loginForm02 .btn_login05 {width: 100%; background-color:#b1b1b1; border: 0; display: block; color: #fff; transition:0.3s all; padding:0; margin: 0; text-align: center; font-size: 18px; height: 40px; line-height: 28px; cursor: pointer;} .loginForm02 .textBox {border:1px solid #ccc; background-color:#fff; color:#000; font-size:12px; padding:0 10px 0 40px; margin-bottom:10px; position:relative} .loginForm02 .textBox input[type="text"] {border:0; width:98%; margin:0 0 0 5px; height:40px; padding-left:4px;} .loginForm02 .textBox select {border:0; width:100%; margin:0; height:40px; padding-left:4px; color:#666;} .loginForm02 .textBox .icon {position:absolute; top:10px; left:15px; font-size:18px; color:#666} .loginForm02 .textBox .icon-user {position:absolute; top:10px; left:15px; font-size:18px; color:#666} .loginForm02 .textBox .icon-lock {position:absolute; top:10px; left:19px; font-size:18px; color:#666} .loginForm02 .logRCon {margin-top:20px; padding-top:15px; color:#8d8d8d; font-size:13px; text-align:center; border-top:1px solid #dedede;} .loginForm02 .logRCon .txt {font-size:14px; font-weight: 500;} .loginForm02 .logRCon .txt_black {color:black} .loginForm02 .logRCon ul {margin-top:15px; text-align:left;} .loginForm02 .logRCon ul li {float: left; width: 48%; text-align: center;} .loginForm02 .logRCon ul li:first-child {margin-right:4%} .loginForm02 .rightCon_txt01 {font-size:20px; font-weight:500; color:#333} .loginForm02 .rightCon_txt02 {font-size:14px; color:#8d8d8d; margin:10px 0 30px} .loginForm02 .rightCon_txt03 {color:black; font-size:18px; text-align:center; margin:50px 0 20px; display:inline-block; width:100%; line-height:1.5; font-weight:300} .loginForm02 .rightCon_txt03 strong {font-size:30px; color:#009876; font-weight:400} .login_row {position:relative; margin-bottom: 10px;} .login_row > span {width:75px; position:absolute; top:0; left:0; font-size:16px; line-height:35px} .login_row .row_InBox {margin-left:75px} .login_row .row_InBox input[type="text"] {width:100%; padding:0; line-height:35px; height:35px; text-indent: 10px;} .row_InBox .select_day {height: 35px; line-height: 35px;} .row_InBox .txt_day {margin:0 4px; font-size:13px; display:inline-block; vertical-align: middle;} .select_full {width:100%; line-height:35px; height:35px} /* slider */ .modul_wvSliderBox {position:relative; margin:0px auto; overflow:hidden; max-width:900px; max-height:600px;} .modul_wvSliderBox ul li {float:left;} .modul_wvSliderBox ul li img {width:100%;} .wvNumBox {position: absolute; z-index:3; width: 100%; text-align: center;} .wvNumBox > a {display:inline-block; overflow:hidden; vertical-align :middle; width:15px; height:15px; border:2px solid #fff; border-radius:50%; margin:3px;} .wvNumBox > a > span {display:block;background:#000; opacity:0.1; filter:alpha(opacity=0.1); width:100%; height:100%; overflow:hidden; text-indent:-1000px;} .wvNumBox > a.on {background-color:#fff;} .wvNumBox > a.on span {opacity:0; filter:alpha(opacity=0);} .wvNumBoxIn {display:inline-block; margin:3px;} .wvNumBoxIn > a > span:before {text-shadow:0px 0px 5px #666;} .wvNumBoxIn > a > span {vertical-align:middle; display:inline-block; font-size:20px; color:#fff;} .wvNumBoxIn > a > span strong {display:inline-block; text-indent:-100px; overflow:hidden;} .wvNextBox .prevBu {position:absolute; z-index:1000; left:10px; top:50%; margin-top:-20px; } .wvNextBox .prevBu:hover span {color:#fdf8ba; transform:scale(1.2);} .wvNextBox .nextBu {position:absolute; z-index:1000; right:10px; top:50%; margin-top:-20px;} .wvNextBox .nextBu:hover span {color:#fdf8ba; transform:scale(1.2);} .wvNextBox span {display:block; font-size:50px; color:#fff; transition:all 0.3s ease;} .wvNextBox span:before {text-shadow:0px 0px 5px #666;} /* button */ .buttonBox {clear: both; padding: 10px 0px 40px 0; display:inline-block; width:100%;} .buttonBoxL {float: left;} .buttonBoxR {float: right;} .buttonBox ul li {float:left} .bu_l_blue {background-color: #1e9ad6; border: 1px solid #1e9ad6; font-size: 14px; color: #fff; line-height:32px; border-radius: 4px; padding: 0px 20px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_l_blue:hover {background-color: #fff; color:#1e9ad6;} .bu_l_red {background-color: #f04260; border: 1px solid #f04260; font-size: 14px; color: #fff; line-height:32px; border-radius: 4px; padding: 0px 20px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_l_red:hover {background-color: #fff; color:#f04260;} .bu_l_white {background-color: #fff; border: 1px solid #ccc; font-size: 14px; color: #666; line-height:32px; border-radius: 4px; padding: 0px 20px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_l_white:hover {background-color: #ccc; color:#fff;} .bu_l_green {background-color: #239289; border: 1px solid #ccc; font-size: 14px; color: #fff; line-height:32px; border-radius: 4px; padding: 0px 20px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_l_green:hover {background-color: #fff; color:#239289;} .bu_m_blue {background-color: #1e9ad6; border: 1px solid #1e9ad6; font-size: 14px; color: #fff; line-height:28px; border-radius: 4px; padding: 0px 15px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_m_blue:hover {background-color: #fff; color:#1e9ad6;} .bu_m_red {background-color: #f04260; border: 1px solid #f04260; font-size: 14px; color: #fff; line-height:28px; border-radius: 4px; padding: 0px 15px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_m_red:hover {background-color: #fff; color:#f04260;} .bu_m_white {background-color: #fff; border: 1px solid #ccc; font-size: 14px; color: #666; line-height:28px; border-radius: 4px; padding: 0px 15px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_m_white:hover {background-color: #ccc; color:#fff;} .bu_m_green {background-color: #239289; border: 1px solid #ccc; font-size: 14px; color: #fff; line-height:28px; border-radius: 4px; padding: 0px 15px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_m_green:hover {background-color: #fff; color:#239289;} .bu_s_blue {background-color: #1e9ad6; border: 1px solid #1e9ad6; font-size: 12px; line-height:17px; color: #fff; border-radius: 4px; padding: 2px 10px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_s_blue:hover {background-color: #fff; color:#1e9ad6;} .bu_s_red {background-color: #f04260; border: 1px solid #f04260; font-size: 12px; line-height:17px; color: #fff; border-radius: 4px; padding: 2px 10px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_s_red:hover {background-color: #fff; color:#f04260;} .bu_s_white {background-color: #fff; border: 1px solid #ccc; font-size: 12px; line-height:17px; color: #666; border-radius: 4px; padding: 2px 10px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_s_white:hover {background-color: #ccc; color:#fff;} .bu_s_green {background-color: #239289; border: 1px solid #ccc; font-size: 12px; line-height:17px; color: #fff; border-radius: 4px; padding: 2px 10px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_s_green:hover {background-color: #fff; color:#239289;} .bu_ss_blue {background-color: #1e9ad6; border: 1px solid #1e9ad6; font-size: 11px; line-height:13px; color: #fff; padding: 0px 2px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_ss_blue:hover {background-color: #fff; color:#1e9ad6;} .bu_ss_red {background-color: #f04260; border: 1px solid #f04260; font-size: 11px; line-height:13px; color: #fff; padding: 0px 2px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_ss_red:hover {background-color: #fff; color:#f04260;} .bu_ss_white {background-color: #fff; border: 1px solid #ccc; font-size: 11px; line-height:13px; color: #666; padding: 0px 2px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_ss_white:hover {background-color: #ccc; color:#fff;} .bu_ss_green {background-color: #239289; border: 1px solid #ccc; font-size: 11px; line-height:13px; color: #fff; padding: 0px 2px; margin:2px; transition: 0.2s all; display:inline-block;} .bu_ss_green:hover {background-color: #fff; color:#239289;} /* text */ .txt_red {color: #f62a09} .txt_blue {color: #1d4cc6} .txt_purple {color: #d93289} .txt_yellow {color: #fca532} .txt_red {color: #f62a09} .asterisk {color: #f62a09; font-size: 16px; margin-right:5px; vertical-align:middle;} /* textarea */ .sTextarea {padding: 5px; width:98%; font-size:13px; border: 1px solid #dadada;} /* etc */ .mobileS {display: none;} @media all and (min-width:641px) and (max-width:1220px) { /* tablets */ /* topLayout */ .topLayout {} .topMenuL {top:15px;} .topMenuL img {width:50px} .topMenuC {} .topMenuR {margin-top:10px} .topMenuR > ul > li {float:left} .topMenuR > ul > li a {width:58px; height:55px; line-height:55px;} .topMenuR .bu_all a {font-size:16px} .topMenuR .bu_lng a {margin-right:4px; font-size:14px} .mob_menuBg {display: none; position: fixed; width: 100%; background: url(../module_img/trans.png); bottom: 0; top: 0; left: 0; z-index:1000;} .menuAllBox {display:block; width:200px; position:fixed; top:0; height:100%; max-height:100%; background:#fff; /* transition:0.33s all; */ margin-left: -250px; text-align: left;} .menuAllBox.right {left:100%; margin-left:200px; box-shadow:0 2px 5px 3px #676767;} .menuAllBox.on {margin-left:0; } .menuAllBox.right.on {margin-left:-200px; transition:all 0.33s; } .menuAllBoxIn { overflow-y: auto; height: 100%;} .mobAll_title { display:block; background:#494948; text-indent:15px; color:#fff; font-size:18px; font-weight:500; line-height:1; position:relative; border-bottom:1px solid #999; width:200px; height:50px; line-height:50px; position:fixed; z-index:10} .mobAll_title .txt {margin-left: 10px;} .menuAllClose { bottom:inherit; top:0; right:3px; font-size:23px; } .menuAllClose span { color:#fff; position:relative; top:0px; right:8px; } .mobAll_list {padding:50px 0 45px; display: inline-block;} .mobAll_list > ul > li { width:100%; } .mobAll_list > ul > li:before { display:none; } .mobAll_list > ul > li > a {display: block; font-size: 16px; font-weight: bold; text-align:left; color: #494948; padding: 17px 15px; border-bottom: 1px solid white; position: relative; z-index: 2; background: #eee;} .mobAll_list > ul > li > a span { display:block; font-weight:bold; position:absolute; right:15px;top:50%; margin-top:-8px; font-size:16px; font-size:16px; } .mobAll_list > ul > li .icon-k-down {display:block} .mobAll_list > ul > li > a.on { background:#9c9c9c; color:#fff;} .mobAll_list > ul > li > ul { display:none; } .mobAll_list > ul > li > ul > li > a { padding:1px 14px; text-align:left; } .mobAll_list > ul > li > ul > li:hover { background:#e3e7d9; } .mobAll_list > ul > li > ul > li > a:hover { color:#333; } .mobAll_list > ul > li > ul > li > a:after { bottom:inherit; top:0; width:250px; left:0; } .mobAll_list > ul > li > ul > li:first-child > a:after { display:none; } .mobAll_footer {height:50px; line-height:50px; background-color:#494948; display: block; position: fixed; bottom: 0; width: 250px; z-index: 10;} .mobAll_footer ul li {float:left; text-align:center} .mobAll_footer ul li a {color: white; font-size: 16px; display: block; border-color: #666; border-width: 0 0 0 1px; border-style: solid;} .mobAll_footer ul li:first-child a {border-left:0} .mobAll_footer.btn2 ul li {width:50%} .mobAll_footer.btn3 ul li {width:33.3%} .topNavBox {height:170px} .tabBoxF .tabBox ul li.on a:after {display:none} .tabBox_sub02 ul li a { font-size:16px; } .tabBox_sub02 ul li { line-height:42px; } .tabBoxSubBox { margin-bottom:50px; } /* EOD : topLayout */ /* contentLayout */ .heading_nav ul { display:none; } .heading_btn { position:relative; top:inherit; right:inherit; } .pro_list { margin-top:10px; padding:0; } .pro_list li .num_txt02 { margin:12px 0 0 0; } .pro_list li .pro_leftBox { width:100%; float:none; } .pro_list li .pro_rightBox { width:100%; float:none; } .pro_list li .pro_txt01.type02 { margin:12px 0 0 0; } .defalut_list02 { border:none !important; } .defalut_list02:before { display:none; } .defalut_list02 li { width:100%; padding:0; } .defalut_list02 li .defalut_Inner { padding:0; } .defalut_list02 li:first-child .defalut_Inner { padding:0; margin-bottom:10px; } .defalut_Inner.type02 { margin-top:8px; } .defalut_list03 { display:block; border:none; } .defalut_list03:before { display:none; } .defalut_list03:after { display:none; } .defalut_list03 li { display:block; padding:0 !important; width:100%; } .defalut_list03 li .defalut_Inner { border:1px solid #7dc3dc; margin-top:10px; } .defalut_list03 li:first-child .defalut_Inner { margin-top:0; } .list_Num02 { background:none; border:none; margin-top:10px; } .list_Num02.first { margin-top:10px; } .list_Num02:before { display:none; } .list_Num02 li { width:100%; } .list_Num02 li .num_Inner .num_Box { border:1px solid #ddd; } .list_Num02 li .num_Inner { padding:10px 0 0 0; } .list_Num02 li:first-child .num_Inner { padding:0 0 0 0; } .list_Num03 { display:block; border:none; } .list_Num03:before { display:none;} .list_Num03:after { display:none; } .list_Num03 li { display:block; padding:0 !important; width:100%; } .list_Num03 li .num_Inner { border:1px solid #ddd; margin-top:10px; } .list_Num03 li:first-child .num_Inner { margin-top:0; } .list_Num03.type02 { margin-top:10px; } .perfor_impor { padding:16px; min-height:auto; } .perfor_txt01 { font-size:16px; } .perfor_txt02 { font-size:15px; } .perfor_txt03 { font-size:35px;} .perfor_txt03 span { font-size:25px; } .perfor_txt03.type02 span { font-size:18px; } .perfor_txt03.mob { top:10px; } .list_terms dt { font-size:16px; padding:9px 12px; } .list_terms dd { font-size:14px; padding:12px; border:1px solid #d4f0ee; border-top:none; } .img_scrollMax { margin:30px 0 0 0; } .img_scrollMax img { max-width:608px !important; } /* EOD : contentLayout */ /* footer */ .footerLayout {min-height:240px} .footerLeftBox {left:20px} .footerRightBox {margin:44px 0 0 4px} .footerRightBox .second {margin-bottom:0; display: block;} .footerRightBox .second ul li {float:none; margin-bottom:6px} .footerRightBox .thrid {margin-bottom:14px; display:block} .footerRightBox .thrid ul li {float:none; margin-bottom:6px} /* EOD : footer */ /* ADMIN */ .adminTopLayout {min-width: 100%;} .adminTopleft li {display: none;} .adminId {display: none;} /* Table */ .tableTopBoxR {float: none; text-align: right; margin: 10px 0;} /* tabbox*/ .tabBox ul li a span {padding: 5px 0px; display: table-cell; min-height: 35px; vertical-align: middle;} /* search */ .sText {display: block; clear: both;} /* font */ html,body { font-size:14px; } .txt_default { line-height:1.6; } .conbodyT2 { font-size:30px; margin:40px 0 40px 0; } .conbodyT3 { font-size:22px; margin:0 0 15px 0; } .conbodyT4 { font-size:20px; margin:30px 0 12px 0; } .conbodyT5 { font-size:18px; font-weight:400; } .conbodyT6 { font-size:17px; font-weight:400; } .num_txt03 { font-size:13px; } .txt_busines01 { font-size:16px; margin:10px 0 0 0; padding:0 0 12px; } /* EDO : font */ } @media all and (max-width:640px) { /* phones */ /* topLayout */ .topLayout {height:70px} .topMenuL {top:10px} .topMenuL img {width:50px} .topMenuC {} .topMenuR {margin-top:15px} .topMenuR > ul > li {float:left} .topMenuR > ul > li a {width:40px; height:38px; line-height:38px;} .topMenuR .bu_all a {font-size:16px; line-height: 40px;} .topMenuR .bu_lng a {margin-right:3px; font-size:10px} .mob_menuBg { display:none; position:fixed; width:100%; height:100%; background: url(../module_img/trans.png); bottom: 0; top:0; left:0; z-index:1000; } .mobAll_title { display:block; background:#494948; text-indent:15px; color:#fff; font-size:18px; font-weight:500; line-height:1; position:relative; border-bottom:1px solid #999; width:200px; height:50px; line-height:50px; position:fixed; z-index:10} .mobAll_title .txt {margin-left: 10px;} .menuAllClose { bottom:inherit; top:0; right:3px; font-size:23px; } .menuAllClose span { color:#fff; position:relative; top:0px; right:8px; } .menuAllBox { display:block; width:200px; position:fixed; top:0; height:100%; max-height:100%; background:#fff; /* transition:0.33s all; */ margin-left: -230px; } .menuAllBox.right {left:100%; margin-left:200px; box-shadow:0 2px 5px 3px #676767;} .menuAllBox.right.on {margin-left:-200px; transition:0.33s all; } .menuAllBoxIn { overflow-y:auto; height: 100%;} .mobAll_list {padding:50px 0 45px; display: inline-block;} .mobAll_list > ul > li { width:100%; } .mobAll_list > ul > li:before { display:none; } .mobAll_list > ul > li .icon-k-down {display:block} .mobAll_list > ul > li > a {display: block; font-size: 16px; font-weight: bold; text-align:left; color: #494948; padding: 17px 15px; border-bottom: 1px solid white; position: relative; z-index: 2; background: #eee;} .mobAll_list > ul > li > a span { display:block; font-weight:bold; position:absolute; right:15px;top:50%; margin-top:-8px; font-size:16px; font-size:16px; } .mobAll_list > ul > li > a.on { background:#9c9c9c; color:#fff;} .mobAll_list > ul > li > ul { display:none; } .mobAll_list > ul > li > ul > li > a { padding:1px 14px; text-align:left; } .mobAll_list > ul > li > ul > li:hover { background:#e3e7d9; } .mobAll_list > ul > li > ul > li > a:hover { color:#333; } .mobAll_list > ul > li > ul > li > a:after { bottom:inherit; top:0; width:230px; left:0; } .mobAll_list > ul > li > ul > li:first-child > a:after { display:none; } .mobAll_footer {height:50px; line-height:50px; background-color:#494948; display: block; position: fixed; bottom: 0; width: 230px; z-index: 10;} .mobAll_footer ul li {float:left; text-align:center} .mobAll_footer ul li a {color: white; font-size: 16px; display: block; border-color: #666; border-width: 0 0 0 1px; border-style: solid;} .mobAll_footer ul li:first-child a {border-left:0} .mobAll_footer.btn2 ul li {width:50%} .mobAll_footer.btn3 ul li {width:33.3%} .topNavBox {height:110px} .tabBoxF {display:none} .menuAllBox { display:block; width:200px; position:fixed; top:0; margin-left:-200px; height:100%; max-height:100%; background:#fff; /* transition:0.33s all; */ } .menuAllBoxIn { overflow:inherit; } .menuAllBox.on { margin-left:0; } .menuAllBoxIn { height:auto; border:none; } .menuAllBoxIn > ul > li { width:100%; } .menuAllBoxIn > ul > li:before { display:none; } .menuAllBoxIn > ul > li > a { text-align:left; font-size:14px; border-bottom:1px solid #1a98d5; background:#fff; color:#1a98d5; padding:14px; } .menuAllBoxIn > ul > li > a span { display:block; font-weight:bold; position:absolute; right:15px; top:14px; font-size:16px; } .menuAllBoxIn > ul > li > a.on { background:#4bc2fb; color:#fff; border-bottom:1px solid #1a98d5; } .menuAllBoxIn > ul > li > ul { display:none; } .menuAllBoxIn > ul > li > ul > li > a { padding:1px 14px; text-align:left; } .menuAllBoxIn > ul > li > ul > li:hover { background:#e3e7d9; } .menuAllBoxIn > ul > li > ul > li > a:hover { color:#333; } .menuAllBoxIn > ul > li > ul > li > a:after { bottom:inherit; top:0; width:230px; left:0; } .menuAllBoxIn > ul > li > ul > li:first-child > a:after { display:none; } .topBu { left:inherit; margin-left:0; right:10px; width:33px; height:46px; } .topBu a img { max-width:33px; } /* EOD : topLayout */ /* contentLayout */ .heading_nav ul { display:none; } .heading_btn { position:relative; top:inherit; right:inherit; } .sectioBgCon { width:100%; padding:0 16px; position:relative; left:-16px; margin-bottom:40px; } .sectionBg { display:block; width:auto; padding:25px 0 35px 0; } .sectionBg .sectionL { display:block; width:auto; padding:0; text-align:center; } .sectionBg .sectionR { display:block; } .sectionLBox { width:100%; display:block; } .sectionRBox { width:100%; display:block; margin-top:30px; } .sectionLBox .sectionBg_Inner { padding:0; } .sectionRBox .sectionBg_Inner { padding:0; } .perfor_impor { padding:14px; min-height:auto; } .pro_list { padding:0; } .pro_list li .pro_txt01 { font-size:12px; padding:0 0 0 10px; } .pro_list li .pro_txt02 { font-size:12px; padding:0 0 0 28px; } .pro_list li .pro_txt03 { font-size:12px; padding:0 0 0 10px; } .pro_list li .pro_txt01.type02 { margin:10px 0 0 0; } .pro_list li .pro_leftBox { width:100%; float:none; } .pro_list li .pro_rightBox { width:100%; float:none; } .list_Num02 { background:none; border:none; margin-top:10px; } .list_Num02.first { margin-top:10px; } .list_Num02:before { display:none; } .list_Num02 li { width:100%; } .list_Num02 li .num_Inner .num_Box { border:1px solid #ddd; } .list_Num02 li .num_Inner { padding:10px 0 0 0; } .list_Num02 li:first-child .num_Inner { padding:0 0 0 0; } .list_Num03 { display:block; border:none; } .list_Num03:before { display:none;} .list_Num03:after { display:none; } .list_Num03 li { display:block; padding:0 !important; width:100%; } .list_Num03 li .num_Inner { border:1px solid #ddd; margin-top:10px; } .list_Num03 li:first-child .num_Inner { margin-top:0; } .list_Num03.type02 { margin-top:10px; } .defalut_list02 { border:none !important; } .defalut_list02:before { display:none; } .defalut_list02 li { width:100%; padding:0; } .defalut_list02 li .defalut_Inner { padding:0; } .defalut_list02 li:first-child .defalut_Inner { padding:0; margin-bottom:10px; } .defalut_Inner.type02 { margin-top:8px; } .defalut_list03 { display:block; border:none; } .defalut_list03:before { display:none; } .defalut_list03:after { display:none; } .defalut_list03 li:before { display:none; } .defalut_list03 li { display:block; padding:0 !important; width:100%; } .defalut_list03 li .defalut_Inner { border:1px solid #7dc3dc; margin-top:10px; } .defalut_list03 li:first-child .defalut_Inner { margin-top:0; } .perfor_txt01 { font-size:14px; } .perfor_txt02 { font-size:13px; } .perfor_txt03 { font-size:25px; right:14px;} .perfor_txt03 span { font-size:18px; } .perfor_txt03.type02 span { font-size:16px; } .perfor_txt03.mob { top:10px; } .img_scrollMax { margin:20px 0 0 0; } .list_terms dt { font-size:14px; padding:12px 10px; } .list_terms dd { font-size:12px; padding:10px; min-height:auto; border:1px solid #d4f0ee; } /* EOD : contentLayout */ /* footer */ .footerLayout {min-height:58px} .footerLayoutIn {padding-top:0} .footerLeftBox {display:none} .footerRightBox {margin:0; padding:22px 0 0 0; text-align: center;} .footerRightBox .first {display:none} .footerRightBox .second {display:none} .footerRightBox .thrid {display:none} /* EOD : footer */ /* ADMIN */ .adminTopLayout {min-width: 100%;} .adminTopleft {display: none;} .adminId {display: none;} /* login */ .loginForm01 .loginBox {width:90%; height:auto; left:5%; margin:0} .loginForm01 .logLBox {position: relative; width: 100%; background:#23d6ae !important; height: auto;} .loginForm01 .logHeadLogo {padding:20px 0} .loginForm01 .tit_logHead {display:none} .loginForm01 .logleftCon {display:none} .loginForm01 .logRBox {height:auto; margin:0} .loginForm01 .logRBoxIn {padding: 10px 0; margin: 0 10px;} .loginForm01 .logRCon {padding-bottom:15px} .loginForm02 {width:90%; margin:5% auto; padding:0} .loginForm02 .loginBox {width:auto; padding:10px} .loginForm02 .logLBox {width:100%; text-align:center} .loginForm02 .leftCon_txt01 {left:0} .loginForm02 .leftCon_txt02 {left:0} .loginForm02 .logRBox {width:auto} .loginForm02 .logRCon ul li {width:100%; margin:5px 0} .logleftCon img {margin:40px 0 20px 0} .login_row > span {width:100%; margin-bottom:10px; position: relative;} .login_row .row_InBox {margin:0} .login_row .row_InBox input[type="text"] {margin:0} .select_full {margin:0} .loginForm02 .btn_login03 {width:100%} /* tabbox */ .tabBox {border-bottom:0} .tabBox ul li {width:50% !important; border-bottom:1px solid #d7d7d7} /* gallery */ .gallery_normal > ul {width:100%} .gallery_normal > ul > li {width:100%; margin-right:0} /* webzine */ .webzine_normal li .webzine_left { width: 100%; display: block; padding: 0; } .webzine_normal li .webzine_right { display:block; padding:0 } .webzine_right .webzine_name {margin-top: 10px; display: inline-block;} /* faq */ .faq_normal a .txt {font-size:14px} /* button */ .buttonBox {padding:10px 0 0 0} .buttonBox ul li {width:100%; margin:5px 0} .buttonBox ul li button {width:100%; margin:0} /* table */ .tableBox {padding:5px; font-size:13px; margin:10px 0px;} /* popup */ .popup_BoxIn {width: 98% !important; height: 98% !important; top:1% !important; left:1%; margin: 0 !important;} /* font */ html, body {font-size: 12px;} .txt_default {line-height: 1.6} .conbodyT2 { font-size:25px; margin:24px 0 30px 0; } .conbodyT3 { font-size:20px; margin:0 0 15px 0; } .conbodyT4 { font-size:16px; margin:25px 0 12px 0; } .conbodyT5 { font-size:16px; margin:20px 0 10px 0; font-weight:normal; } .conbodyT6 { font-size:15px; margin:15px 0 8px 0; font-weight:normal; } .num_txt03 { font-size:12px; } .txt_busines01 { font-size:14px; margin:10px 0 0 0; padding:0 0 10px; } /* EOD : font */ /* Responsive */ .mobileS {display: block;} .mobileH {display: none;} .searchCenter .searchBu .icon-search {margin-right:0} } .no_content {text-align: center; padding: 15px 0;} #skipnavigation a {position:absolute; left:-3000%;} #skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}