1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2<html> 3 <head> 4 5 <!-- Google Tag Manager -->
6<script>
vendor: 327 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 7new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 8j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 9'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 10})(window,document,'script','dataLayer','
10GTM-MKVQWPX4
vendor: 3 bytes, line 10
10');
10</script>
10 11<!-- End Google Tag Manager --> 12 13 <title>manyo æ¥æ¬å ¬å¼</title> 14 <meta name="title" content="[manyo]"> 15 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 16 <meta name="description" content="ç¾ãããæãã®ã¾ã¾ã«ãã¹ãã³ã¦ã£ã¶ã¼ã manyo. èã¸ã®åºæ¿ãæããªããã广ãæå¤§éã«å¼ãåºãããèªç¶ç±æ¥æåã®è¿½æ±ã«åãå°½ããã¦ãã¾ãã"/> 17 <meta name="keywords" content="" /> 18 <meta name="classification" content="" /> 19 <link rel="canonical" href="" /> 20 <link rel="shortcut icon" href="https://img.manyo.co.kr/page/[email protected]" /> 21 <!-- --> 22 <!-- --> 23 <!-- --> 24 <!-- --> 25 <!-- --> 26 <meta name="google-site-verification" content="OBb-LjyWogBltKfTq4Wts2Rpn0UE7xD6szfzpm9WIpk" /> 27 28 <link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/Layout/style.css?ver=1.1.2" /> 29<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/Paper/style.css" /> 30 31 32<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 33 34
35<script type="text/javascript" src="/Common/js/jquery.js"></script>
vendor: 1 bytes, line 35
35
36<script type="text/javascript" src="/Common/js/common.js"></script>
vendor: 1 bytes, line 36
36
37<script type="text/javascript" src="/Common/js/frontcommon.js"></script>
vendor: 1 bytes, line 37
37
38<script type="text/javascript" src="/Common/js/encoder.js"></script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript" src="/Common/js/frontcommon_addon.js"></script>
vendor: 1 bytes, line 39
39
40<script type="text/javascript" src="/js/default/JP/Frontend/Product/Detail/quick.list.js"></script>
vendor: 1 bytes, line 40
40
41<script type="text/javascript" src="/Common/js/_makeshop_registerPrototype.js"></script>
41 42 43
44<script type="text/javascript"> 45 makeshop.setVariable({ 46 currenturl : '/Paper/view/code/stores', 47 LIP : '//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/Layout/img', 48 lang : 'JP', 49 theme : '', 50 img_server : 'https://manyo-japanese.com/storage/manyoglobalJP/www', 51 img_prefix : 'prefix' 52 }); 53 LANG = {"FAIL_COUPON":"\u30af\u30fc\u30dd\u30f3\u767a\u884c\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002","GO_WISH":"\u304a\u6c17\u306b\u5165\u308a","GO_CART":"\u529b\u4e00\u535c\u3092\u898b\u308b","CONTINUE_SHOPPING":"\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u3092\u7d9a\u3051\u308b","DELETE":"\u524a\u9664","INVALID_COUPONCODE":"\u6709\u52b9\u306a\u30af\u30fc\u30dd\u30f3\u30b3\u30fc\u30c9\u3067\u306f\u3042\u308a\u307e\u305b\u3093.","INPUT_QUOTES_TAG":"\u4f7f\u7528\u3067\u304d\u306a\u3044\u7279\u6b8a\u6587\u5b57\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002","COUPON_INFO_ERROR":"\u7121\u52b9\u306a\u30af\u30fc\u30dd\u30f3\u3067\u3059\u3002","IMAGE_DELETE_WAITING_LIST":"\u3053\u306e\u30a4\u30e1\u30fc\u30b8\u3092\u30a4\u30e1\u30fc\u30b8\u8aac\u660e\u3068\u4e00\u7dd2\u306b\u524a\u9664\u5f85\u6a5f\u5217\u306b\u5165\u308c\u307e\u3059\u304b\uff1f\u767b\u9332\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u6700\u7d42\u7684\u306b\u524a\u9664\u3055\u308c\u307e\u3059\u3002","NEW_PASSWORD":"\u65b0\u3057\u3044\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","EXCEED_ITEM_NUMBER":"\u6700\u5927\u6ce8\u6587\u53ef\u80fd\u54c1\u76ee\u306f30\u500b\u3067\u3059\u3002\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002","TEMPORARY_SOLDOUT":"\u4e00\u6642\u54c1\u5207\u308c","ONLY_IMAGE":"\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u3066\u304f\u3060\u3055\u3044 (gif\uff0c png\uff0c jpg\uff0c jpeg\uff0c ico)","EXHAUSTED_COUPON":"The coupon is exhausted.","NON_DELIVERABLE_COUNTRY":"\u914d\u9001\u304c\u4e0d\u53ef\u80fd\u306a\u56fd\u3067\u3059\u3002","NO_SHIPPING_COMPANY":"\u914d\u9001\u53ef\u80fd\u306a\u914d\u9001\u4f1a\u793e\u306f\u3042\u308a\u307e\u305b\u3093\u3002","INPUT_RECEIVER_PORSONAL_INDEX":"\uac1c\uc778\ud1b5\uad00\uace0\uc720\ubd80\ud638 13\uc790\ub9ac\ub97c \uc785\ub825\ud574\uc8fc\uc138\uc694.","CELLPHONE":"\u643a\u5e2f\u96fb\u8a71","INPUT_COUPONCODE":"\u00a0\u30af\u30fc\u30dd\u30f3\u30b3\u30fc\u30c9\u3092\u8f38\u5165\u3057\u3066\u304f\u3060\u3055\u3044.","DELETE_CART_Q":"\u5f53\u8a72\u5546\u54c1\u3092\u8cb7\u3044\u7269\u304b\u3054\u304b\u3089\u524a\u9664\u3057\u307e\u3059\u304b","CART_ADDED_MOVE_CART":"\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u306b\u8ffd\u52a0\u3057\u307e\u3057\u305f.<br\/>\u30b7\u30e7\u30c3\u30d4\u30f3\u30b0\u30ab\u30fc\u30c8\u3092\u78ba\u8a8d\u3057\u307e\u3059\u304b?","IMAGE_VERSION_2_NEED":"\u30a4\u30e1\u30fc\u30b8\u30d0\u30fc\u30b8\u30e7\u30f32\u4ee5\u964d\u306e\u4f7f\u7528\u304c\u53ef\u80fd\u3067\u3059\u3002\u304a\u5ba2\u69d8\u30bb\u30f3\u30bf\u30fc\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002","SOCIAL_NUMBER":"\u4f4f\u6c11\u767b\u9332\u756a\u53f7","LENGTH_TEXT_MIN":"\u6700\u5c0f\uff05s\u6587\u5b57\u307e\u3067\u5165\u529b\u53ef\u80fd\u3067\u3059\u3002","LENGTH_TEXT_MAX":"\u6700\u5927\uff05s\u6587\u5b57\u307e\u3067\u5165\u529b\u53ef\u80fd\u3067\u3059\u3002","EMPTY_COUNTRY_CODE":"\u56fd\u30b3\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_DELIVERY_INFO_AGAIN":"\u30af\u30fc\u30dd\u30f3\u4f7f\u7528\u5f8c\u306b\u914d\u9001\u5148\u3092\u5909\u66f4\u3059\u308b\u5834\u5408\u3001\u6539\u3081\u3066\u6ce8\u6587\u60c5\u5831\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","CHECK_MAX_WEIGHT":"\u6ce8\u6587\u53ef\u80fd\u306a\u6700\u5927\u91cd\u91cf\u3092%s\u3092\u8d85\u904e\u307e\u3057\u305f\u3002\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002 \u203b \u30ad\u30e3\u30f3\u30bb\u30eb\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u914d \u4f1a\u793e\u3092\u5909\u66f4\u3067\u304d\u307e\u3059\u3002","INPUT_ADDRESS_NAME":"\u914d\u9001\u5148\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","NO_MORE_ADD":"\u3053\u306e\u4ee5\u4e0a\u306f\u8ffd\u52a0\u3067\u304d\u307e\u305b\u3093\u3002","CHOOSE_DELETED_ADDRESS":"\u524a\u9664\u3057\u305f\u3044\u914d\u9001\u5148\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002","INPUT_ID_EMAIL":"ID \/\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_ORDER_NUMBER":"\u6ce8\u6587\u756a\u53f7\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","DUPLICATE_EMAIL":"\u3059\u3067\u306b\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3067\u3059\u3002","LOGIN_BY_EMAIL":"\u6b63\u5e38\u306b\u51e6\u7406\u3055\u308c\u307e\u3057\u305f\u3002\u3053\u308c\u304b\u3089\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3067\u30ed\u30b0\u30a4\u30f3\u304c\u53ef\u80fd\u3067\u3059\u3002","CHECK_AGREEMENT":"\u5229\u7528\u898f\u7d04\/\u500b\u4eba\u60c5\u5831\u4fdd\u8b77\u65b9\u91dd\u3078\u306e\u540c\u610f\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_PASSWORD_TYPE_4":"\u82f1\u6587\/\u6570\u5b574\uff5e16\u6841\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_PASSWORD_TYPE_3_8":"\u82f1\u6587\u30fb\u6570\u5b57\u30fb\u7279\u6b8a\u6587\u5b57\u306e\u3046\u30613\u7a2e\u985e\u4ee5\u4e0a\u306e\u7d44\u307f\u5408\u308f\u305b\u30018\uff5e16\u6841\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_PASSWORD_TYPE_2_10":"\u82f1\u6587\u30fb\u6570\u5b57\u30fb\u7279\u6b8a\u6587\u5b57\u306e\u3046\u30612\u7a2e\u985e\u4ee5\u4e0a\u306e\u7d44\u307f\u5408\u308f\u305b\u300110\uff5e16\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","CHECK_PASSWD":"\u30d1\u30b9\u30ef\u30fc\u30c9\u306f4~20\u6841\u306e\u30a2\u30eb\u30d5\u30a1\u30d9\u30c3\u30c8\u30fb\u6570\u5b57\u306e\u307f\u8a2d\u5b9a\u53ef\u80fd\u3067\u3059\u3002","MISMATCH_HOSTING_PASSWD":"\u30a4\u30e1\u30fc\u30b8\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u306e\u30d1\u30b9\u30ef\u30fc\u30c9\u3068\u4e00\u81f4\u3057\u307e\u305b\u3093\u3002","CHECK_MIN_ORDER_QTY":"%s\u500b\u4ee5\u4e0a\u6ce8\u6587\u53ef\u80fd\u3067\u3059\u3002","INPUT_RE_HOSTING_PASSWD":"\u30a4\u30e1\u30fc\u30b8\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u306e\u30d1\u30b9\u30ef\u30fc\u30c9\u78ba\u8a8d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_HOSTING_PASSWD":"\u30a4\u30e1\u30fc\u30b8\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u306e\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_ADMIN_PASSWD":"\u7ba1\u7406\u8005\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","ONLY_ADMIN":"\u7ba1\u7406\u8005\u306e\u307f\u5909\u66f4\u304c\u53ef\u80fd\u3067\u3059\u3002","INFO_WRONG":"\u60c5\u5831\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","EXPIRED_KEY":"\u30ed\u30b0\u30a4\u30f3\u30ad\u30fc\u304c\u6e80\u4e86\u306b\u306a\u308a\u307e\u3057\u305f\u3002","INPUT_VILLAGE":"\u6
53d1e\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_PASSWORD_VAILD":"\u30d1\u30b9\u30ef\u30fc\u30c9\u306f\u82f1\u6587\u30fb\u6570\u5b57\u306e\u7d44\u307f\u5408\u308f\u305b\u30014~12\u6841\u3067\u5165\u529b\u304f\u3060\u3055\u3044\u3002","INPUT_PASSWORD_IDCHK":"\u30d1\u30b9\u30ef\u30fc\u30c9\u306fID\u30684\u6587\u5b57\u4ee5\u4e0a\u9023\u7d9a\u3059\u308b\u6587\u5b57\u5217\u306f\u4f7f\u7528\u4e0d\u53ef\u3067\u3059\u3002","REGISTER_PASSWORD_MISMATCH":"\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093\u3002","INPUT_CAPTCHA":"\u8a8d\u8a3c\u30b3\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","CHECK_WISH_LIST":"\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u9078\u629e\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u3082\u3046\u4e00\u5ea6\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002","BOOKMARK":"Ctrl D\u3092\u62bc\u3057\u3066\u30d6\u30c3\u30af\u30de\u30fc\u30af\u3092\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002","NON_CERTIFIRED":"\u8a8d\u8a3c\u3055\u308c\u3066\u306a\u3044\u4f1a\u54e1\u3067\u3059\u3002","USED_COUPON":"\u4f7f\u7528\u6e08\u307f\u306e\u30af\u30fc\u30dd\u30f3\u3067\u3059\u3002","INVALID_EACH_ISSUE":"\u5165\u529b\u3057\u305f1\u4eba\u5f53\u305f\u308a\u4f7f\u7528\u53ef\u80fd\u306a\u30af\u30fc\u30dd\u30f3\u6570\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","INVALID_MAX_ISSUE":"\u5165\u529b\u3057\u305f\u30af\u30fc\u30dd\u30f3\u767a\u884c\u6570\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","INVALID_COUPON":"\u30af\u30fc\u30dd\u30f3\u304c\u6709\u52b9\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002","VALID_PRODUCT":"\u4e00\u90e8\u5546\u54c1\u60c5\u5831\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002\u6539\u3081\u3066\u6ce8\u6587\u3057\u3066\u304f\u3060\u3055\u3044\u3002","ATTEMPT":"\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002","COMPLETE_FREEGIFT":"\u3054\u6ce8\u6587\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\u9078\u629e\u3057\u305f\u30ce\u30d9\u30eb\u30c6\u30a3\u306f\u6ce8\u6587\u78ba\u8a8d\u30e1\u30fc\u30eb\u304c\u9001\u4fe1\u3055\u308c\u307e\u305b\u3093\u304c\u6ce8\u6587\u7167\u4f1a\u3067\u78ba\u8a8d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002","COMPLETE_SELECTION":"\u9078\u629e\u5b8c\u4e86\u306e\u5f8c\u306b\u306f\u30ce\u30d9\u30eb\u30c6\u30a3\u5909\u66f4\u304c\u3067\u304d\u307e\u305b\u3093\u3002","SELECT_FREEGIFT":"\u30ce\u30d9\u30eb\u30c6\u30a3\u3092\u9078\u629e\u3057\u306a\u3044\u3067\u3053\u306e\u307e\u307e\u9032\u884c\u3057\u307e\u3059\u304b\uff1f","SPAM_WRONG":"\u8a8d\u8a3c\u30b3\u30fc\u30c9\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","ORDER_CART_STOCK_SOLDOUT":"\u54c1\u5207\u308c\u306e\u5546\u54c1\u304c\u5b58\u5728\u3057\u307e\u3059\u3002","ORDER_CART_STOCK_CHECK":"\u5728\u5eab\u78ba\u8a8d\u4e2d\u3067\u3059\u3002<br>\u3057\u3070\u3089\u304f\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\u3002","CHECK_ORDER_QTY":"\u6700\u5927\u6ce8\u6587\u53ef\u80fd\u306a\u6570\u91cf%s\u500b\u3092\u8d85\u3048\u307e\u3057\u305f\u3002\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002","ORDER_NUM_MISMATCH":"\u5bfe\u8c61\u6ce8\u6587\u756a\u53f7\u304c\u5b58\u5728\u3057\u307e\u305b\u3093\u3002","INVALID_ORDER_PASSWORD_LENGTH":"\u30d1\u30b9\u30ef\u30fc\u30c9\u306f\u6587\u5b57\u30fb\u6570\u5b57\u306e\u7d44\u307f\u5408\u308f\u305b\u30014\u301c12\u6841\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","SELECT_DELIVERY":"\u914d\u9001\u793e\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044.","ONLY_NUM":"\u90f5\u4fbf\u756a\u53f7\u3001 \u96fb\u8a71\u756a\u53f7\u3001\u643a\u5e2f\u96fb\u8a71\u306f\u6570\u5b57\u306e\u307f\u5165\u529b\u53ef\u80fd\u3067\u3059\u3002","NOT_EXIST_ID":"\u5165\u529b\u3057\u305f\u30ed\u30b0\u30a4\u30f3ID\u307e\u305f\u306f\u30d1\u30b9\u30ef\u30fc\u30c9\u306b\u8aa4\u308a\u304c\u3042\u308a\u307e\u3059\u3002","NO_SUCH_PASSWORD":"\u540d\u524d\u3068\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u304c\u304c\u5b58\u5728\u3057\u307e\u305b\u3093\u3002","INPUT_PHONE":"\u96fb\u8a71\u756a\u53f7\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_CORRECTLY":"\u6b63\u3057\u304f\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_RECEIVER_ZIP_CODE":"\u914d\u9001\u5148\u306e\u90f5\u4fbf\u756a\u53f7\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u5fc5\u9808\u5165\u529b\u9805\u76ee\u3067\u3059\u3002","INPUT_RECEIVER_MAIL":"\u914d\u9001\u5148\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u5fc5\u9808\u5165\u529b\u9805\u76ee\u3067\u3059\u3002","INPUT_RECEIVER_TEL_COUNTRY":"\u914d\u9001\u5148\u306e\u96fb\u8a71\u756a\u53f7\u306e\u56fd\u30b3\u30fc\u30c9\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u5fc5\u9808\u5165\u529b\u9805\u76ee\u3067\u3059\u3002","INPUT_ADDRESS_STATE":"\u90e1\/\u533a\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_ADDRESS_CITY":"\u5e02\/\u9053\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_ADDRESS_STREET":"\u8a73\u7d30\u4f4f\u6240\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","NONE_CART":"\u6ce8\u6587\u3067\u304d\u308b\u91d1\u984d\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u9867\u5ba2\u30bb\u30f3\u30bf\u30fc\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002","INPUT_PASSWORD_DEL":"\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3059\u308b\u3068\u524a\u9664\u3055\u308c\u307e\u3059\u3002\u51e6\u7406\u3092\u7d9a\u3051\u307e\u3059\u304b\uff1f","CONTENT":"\u5185\u5bb9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","SELECT_COUNTRY":"\u56fd\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_ADDRESS":"\u4f4f\u6240\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_MAIL":"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","SELECT_CN_ADDRESS":"\u7701\/\u5e02\/\u533a\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_ZIP_CODE":"\u90f5\u4fbf\u756a\u53f7\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_NAME":"\u304a\u540d\u524d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_PASSWORD_CHECK":"\u30d1\u30b9\u30ef\u30fc\u30c9\u78ba\u8a8d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","REGISTRATION":"\u767b\u9332\u3055\u308c\u307e\u3057\u305f\u3002","ID_CONDITION":"\u82f1\u6587(\u5c0f\u6587\u5b57)\u53c8\u306f\u6570\u5b57\u306e\uff14~16\u6841\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","COUPON_ERROR":"\u30af\u30fc\u30dd\u30f3\u756a\u53f7\u304c\u306a\u3044\u304b\u3001\u9032\u884c\u4e2d\u306e\u30a4\u30d9\u30f3\u30c8\u304c\u3042\u308a\u307e\u305b\u3093\u3002","EXISTING_COUPON":"\u3059\u3067\u306b\u5b58\u5728\u3059\u308b\u30af\u30fc\u30dd\u30f3\u3067\u3059\u3002","LOGIN_PLEASE":"\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u304f\u3060\u3055\u3044","INPUT_ID":"ID\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","EXCEPTIONAL_ACCESS":"\u4e0
53d\u6b63\u306a\u30a2\u30af\u30bb\u30b9\u3067\u3059\u3002","SOCIAL_SECURITY_NUMBER_BE_REGISTERED":"\u3059\u3067\u306b\u767b\u9332\u3055\u308c\u305f\u4f4f\u6c11\u767b\u9332\u756a\u53f7\u3067\u3059\u3002","CORRECT_EMAIL":"\u4f7f\u7528\u53ef\u80fd\u306a\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3067\u3059\u3002","UPLOAD_SUCCESS":"\u6b63\u5e38\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3055\u308c\u307e\u3057\u305f\u3002","ISSUE_COUPON":"\u30af\u30fc\u30dd\u30f3\u304c\u767a\u884c\u3055\u308c\u307e\u3057\u305f\u3002","DISACCORD_PASSWORD":"\u30d1\u30b9\u30ef\u30fc\u30c9\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u78ba\u8a8d\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093\u3002","USABLE_PASSWORD":"\u4f7f\u7528\u53ef\u80fd\u306a\u30d1\u30b9\u30ef\u30fc\u30c9\u3067\u3059\u3002","INVALID_PASSWORD_LENGTH":"\u30d1\u30b9\u30ef\u30fc\u30c9\u306f4~20\u6841\u3067\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","NEED_ID":"ID\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","EXISTING_IPIN":"\u65e2\u306b\u767b\u9332\u3055\u308c\u305fi-PIN\u756a\u53f7\u3067\u3059\u3002","ATTENDANCE":"\u4eca\u65e5\u3067%s\u65e5\u9023\u7d9a\u51fa\u5e2d\u3057\u3066\u3044\u307e\u3059\u3002","FIRST_ATTENDANCE":"\u4eca\u65e5\u304c\u521d\u9023\u7d9a\u51fa\u5e2d\u3067\u3059\u3002","CONFIRM_ID":"ID\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002","NO_SUCH_ID":"\u767b\u9332\u3055\u308c\u305fID\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3002","NO_SUCH_NAME_NUMBER":"\u540d\u524d\u307e\u305f\u306f\u6ce8\u6587\u767b\u9332\u756a\u53f7\u304c\u5b58\u5728\u3057\u307e\u305b\u3093\u3002","SEARCH_PASSWORD":"ID\u306f%s\u3067\u3059\u3002\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u691c\u7d22\u3057\u307e\u3059\u304b\uff1f","CONFIRM_SOCIAL_SECURITY_NUMBER":"\u4f4f\u6c11\u767b\u9332\u756a\u53f7\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002","CONFIRM_NAME":"\u540d\u524d\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002","CERTIFICATION":"\u8a8d\u8a3c\u3055\u308c\u307e\u3057\u305f\u3002","MEMBER_JOIN":"\u3053\u306e\u5185\u5bb9\u3067\u4f1a\u54e1\u767b\u9332\u3057\u307e\u3059\u304b\uff1f","PASSWORD_MISMATCH":"ID\u53c8\u306f\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093\u3002","INPUT_PASSWORD":"\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","CONFIRM_ID_DUPLICATION":"ID\u91cd\u8907\u30c1\u30a7\u30c3\u30af\u3092\u3057\u3066\u304f\u3060\u3055\u3044\u3002","CONFIRM_REAL_NAME":"\u5b9f\u540d\u78ba\u8a8d\u3092\u3057\u3066\u304f\u3060\u3055\u3044\u3002","USABLE":"\u4f7f\u7528\u53ef\u80fd","SOCIAL_SECURITY_ NUMBER_BE_REGISTERED":"\u3059\u3067\u306b\u767b\u9332\u3055\u308c\u305f\u4f4f\u6c11\u767b\u9332\u756a\u53f7\u3067\u3059\u3002","INCORRECT_INFO":"\u5165\u529b\u3055\u308c\u305f\u60c5\u5831\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","REAL_NAME_CERTIFICATION":"\u5b9f\u540d\u8a8d\u8a3c\u3055\u308c\u307e\u3057\u305f\u3002","SELECT_ONE":"1\u3064\u306e\u307f\u9078\u629e\u3067\u304d\u307e\u3059\u3002","SELECT_FREE_GIFT":"\u30ce\u30d9\u30eb\u30c6\u30a3\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002","APPLICATION_WAIT":"\u9069\u7528\u4e2d\u3067\u3059\u3002\u3057\u3070\u3089\u304f\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\u3002","SELECT_COUPON":"\u9069\u7528\u3059\u308b\u30af\u30fc\u30dd\u30f3\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002","PAYMENT_COMPLETION":"\u6c7a\u6e08\u5b8c\u4e86","PAYMENT":"\u6c7a\u6e08\u9032\u884c\u4e2d\u3067\u3059\u3002","DELETE_WISH":"\u5bfe\u8c61\u5546\u54c1\u3092\u304a\u6c17\u306b\u5165\u308a\u30ea\u30b9\u30c8\u304b\u3089\u524a\u9664\u3057\u307e\u3059\u304b\uff1f","EXCEED_POINT":"\u4fdd\u6709\u3057\u3066\u3044\u308b\u30dd\u30a4\u30f3\u30c8\u3088\u308a\u591a\u304f\u5165\u529b\u3055\u308c\u3066\u3044\u307e\u3059\u3002","ESCROW_ORDER":"\u30a8\u30b9\u30af\u30ed\u30fc\u6ce8\u6587\u6642\u3001\u90e8\u5206\u767a\u9001\u30fb\u4e00\u90e8\u53d6\u6d88\u30fb\u5909\u66f4\u304c\u3067\u304d\u307e\u305b\u3093\u306e\u3067\u3054\u6ce8\u610f\u304f\u3060\u3055\u3044\u3002","MAXIMUM_POINT":"1\u56de\u8cfc\u5165\u6642\u3001\u6700\u5927\u30dd\u30a4\u30f3\u30c8\u4f7f\u7528\u91d1\u984d\u306f\uff08\u3000\uff09\u3067\u3059\u3002","MINIMUM_POINT":"\u30dd\u30a4\u30f3\u30c8\u306f\u6700\u5c0f%s\u4ee5\u4e0a\u304b\u3089\u6c7a\u6e08\u3067\u304d\u307e\u3059\u3002","SELECT_PAYMENT_TYPE":"\u6c7a\u6e08\u30bf\u30a4\u30d7\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002","MOVE_SHOPPING_BASKET":"[\u6ce8\u6587\u66f8\u4f5c\u6210]\u3067\u306f\u5546\u54c1\u524a\u9664\u304c\u3067\u304d\u307e\u305b\u3093\u3002\u30ab\u30fc\u30c8\u306b\u79fb\u52d5\u3057\u307e\u3059\u304b\uff1f","POLICY_AGREEMENT":"\u975e\u4f1a\u54e1\u8cfc\u5165\u53ca\u3073\u6c7a\u6e08\u6642\u3001\u500b\u4eba\u60c5\u5831\u4fdd\u8b77\u65b9\u91dd\u3078\u306e\u540c\u610f\u304c\u5fc5\u8981\u3067\u3059\u3002","INPUT_ORDER_PASSWORD":"\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_RECEIVER_TEL":"\u914d\u9001\u5148\u306e\u96fb\u8a71\u756a\u53f7\u304c\u767b\u9332\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u5fc5\u9808\u9805\u76ee\u3067\u3059\u3002","INPUT_RECEIVER_ADDRESS":"\u914d\u9001\u5148\u306e\u4f4f\u6240\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u5fc5\u9808\u9805\u76ee\u3067\u3059\u3002","INPUT_RECEIVER_NAME":"\u53d7\u53d6\u4eba\u540d\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u5fc5\u9808\u9805\u76ee\u3067\u3059\u3002","INPUT_ORDERER_MAIL":"\u6ce8\u6587\u8005\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u5fc5\u9808\u9805\u76ee\u3067\u3059\u3002","INPUT_ORDERER_TEL":"\u6ce8\u6587\u8005\u306e\u96fb\u8a71\u756a\u53f7\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u5fc5\u9808\u9805\u76ee\u3067\u3059\u3002","INPUT_ORDERER_NAME":"\u6ce8\u6587\u8005\u540d\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u5fc5\u9808\u9805\u76ee\u3067\u3059\u3002","CANCEL_PAYMENT":"\u6c7a\u6e08\u304c\u53d6\u6d88\u3055\u308c\u307e\u3057\u305f\u3002","BUSINESS_NUMBER":"\u4e8b\u696d\u8005\u756a\u53f7","INSTALL_PLUGIN":"\u30a4\u30cb\u30da\u30a4\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u5b89\u5168\u306a\u6c7a\u6e08\u306e\u305f\u3081\u306b\u30a4\u30cb\u30da\u30a4\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002\u518d\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u306b\u306fCtrl F5\u30ad\u30fc\u3092\u62bc\u3059\u304b\u3001\u307e\u305f\u306f\u30e1\u30cb\u30e5\u30fc\u306e[\u8868\u793a\/\u66f4\u65b0]\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_PRODUCT_NAME":"\u5546\u54c1\u540d\u304c\u767b\u9332\u3055\u308c\u3066\u307e\u305b\u3093\u3002\u5fc5\u9808\u9805\u76ee\u3067\u3059\u3002","INPUT_BANK":"\u632f\u8fbc\u9280\u884c\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_PAYER":"\u5165\u91
53d1\u8005\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","FILE_DELETE_WAITING_LIST":"\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u524a\u9664\u5f85\u6a5f\u5217\u306b\u5165\u308c\u307e\u3059\u304b\uff1f\u767b\u9332\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u6700\u7d42\u7684\u306b\u524a\u9664\u3055\u308c\u307e\u3059\u3002","INPUT_ORDER_AMOUNT":"\u6ce8\u6587\u91d1\u984d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INPUT_NUMBER":"\u756a\u53f7\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","ABNORMAL_TAX":"\u7a0e\u91d1\u8a08\u7b97\u5024\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","CANCEL":"\u672c\u5f53\u306b\u53d6\u308a\u6d88\u3057\u307e\u3059\u304b?","QTY_ERROR":"\u6570\u91cf\u30a8\u30e9\u30fc\u3067\u3059\u3002","NO_PRODUCT":"\u9078\u629e\u3055\u308c\u305f\u5546\u54c1\u304c\u3042\u308a\u307e\u305b\u3093\u3002","DELETE_ERROR":"\u524a\u9664\u30c1\u30a7\u30c3\u30af\u30a8\u30e9\u30fc\u3067\u3059\u3002","SELECT_PRODUCT":"\u5546\u54c1\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002","SEARCH_ADDRESS":"\u4f4f\u6240\u3092\u691c\u7d22\u3057\u3066\u304f\u3060\u3055\u3044\u3002","CHANGE_PASSWORD":"\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5909\u66f4\u3057\u307e\u3059\u304b\uff1f","NEW_PASSWORD_MISMATCH":"\u65b0\u3057\u3044\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u4e00\u81f4\u3057\u307e\u305b\u3093\u3002","PRESENT_PASSWORD":"\u73fe\u5728\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","RUN":"\u5b9f\u884c\u3057\u307e\u3059\u304b\uff1f","NO_SEARCH_RESULT":"\u691c\u7d22\u7d50\u679c\u304c\u3042\u308a\u307e\u305b\u3093\u3002","WAIT":"\u3057\u3070\u3089\u304f\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\u3002","MODIFY_MEMBER_INFO":"\u4f1a\u54e1\u60c5\u5831\u3092\u4fee\u6b63\u3057\u307e\u3059\u304b\uff1f","INCORRECT_EMAIL":"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","INCORRECT_CELLPHONE":"\u643a\u5e2f\u756a\u53f7\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","INCORRECT_PHONE":"\u96fb\u8a71\u756a\u53f7\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","INCORRECT_ADDRESS":"\u4f4f\u6240\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","PASSWORD_CONFIRM":"\u30d1\u30b9\u30ef\u30fc\u30c9\u78ba\u8a8d\u6642\u306e\u56de\u7b54\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","NO_PRODUCT_OPTION":"\u9078\u629e\u3055\u308c\u305f\u30a2\u30a4\u30c6\u30e0\u304c\u5b58\u5728\u3057\u306a\u3044\u304b\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u9078\u629e\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002","SOLDOUT":"[\u54c1\u5207]","DELETE_Q":"\u524a\u9664\u3057\u307e\u3059\u304b\uff1f","SELECT_OPTION":"\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002","POINT_FAILURE":"\u30dd\u30a4\u30f3\u30c8\u304c\u7a4d\u7acb\u3055\u308c\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u3082\u3046\u4e00\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002","PURCHASE_RESTRICTIONS":"\u8ca9\u58f2\u5236\u9650\u306b\u3088\u308b\u9805\u76ee\u9078\u629e\u304c\u5fc5\u8981\u306a\u5546\u54c1\u3067\u3059._BR_ \u5546\u54c1\u8a73\u7d30\u30da\u30fc\u30b8\u306b\u79fb\u52d5\u3057\u3066\u30a2\u30a4\u30c6\u30e0\u3092\u9078\u629e\u3057\u307e\u3059\u304b\uff1f","SELECT_ITEM":"- \u9805\u76ee\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044.","UNUSABLE":"\u3053\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u305b","INPUT_PASSWORD_TYPE_2_8":"\u7d9a\u884c\u3059\u308b\u306b\u306f\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","WISH_ADDED_MOVE_WISH":"\u304a\u6c17\u306b\u5165\u308a\u30ea\u30b9\u30c8\u306b\u8ffd\u52a0\u3057\u307e\u3057\u305f.<br\/>\u304a\u6c17\u306b\u5165\u308a\u30ea\u30b9\u30c8\u3092\u78ba\u8a8d\u3057\u307e\u3059\u304b?","AFTER_LOGIN_COUPON":"\u30ed\u30b0\u30a4\u30f3\u5f8c\u3001\u30af\u30fc\u30dd\u30f3\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u304c\u53ef\u80fd\u3067\u3059.","TARGET_DOWNLOAD_COUPON":"\u30af\u30fc\u30dd\u30f3\u767a\u884c\u5bfe\u8c61\u306e\u30e1\u30f3\u30d0\u30fc\u3067\u306f\u3042\u308a\u307e\u305b\u3093.","SUCCESS_DOWNLOAD_COUPON":"\u30af\u30fc\u30dd\u30f3\u304c\u767a\u884c\u3055\u308c\u307e\u3057\u305f.","EACH_DOWNLOAD_COUPON":"\u3059\u3067\u306b\u30af\u30fc\u30dd\u30f3\u306e\u767a\u884c\u3092\u53d7\u3051\u3066\u3044\u307e\u3059.","INVALID_DOWNLOAD_COUPON":"\u7121\u52b9\u306a\u30af\u30fc\u30dd\u30f3\u3067\u3059.","MAX_DOWNLOAD_COUPON":"\u5148\u7740\u9806\u3067\u7de0\u3081\u5207\u3089\u308c\u307e\u3057\u305f.","COUPON_APPLICATION":"\u30af\u30fc\u30dd\u30f3\u9069\u7528\u5f8c\u3001\u30c7\u30dd\u30b8\u30c3\u30c8\u3068\u30dd\u30a4\u30f3\u30c8\u3092\u518d\u8a2d\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002","COUPON_REG_SCREEN":"\u6c7a\u6e08\u30da\u30fc\u30b8\u3092\u96e2\u308c\u3001\u30af\u30fc\u30dd\u30f3\u767b\u9332\u753b\u9762\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002","COUPON_HAS_EXPIRED":"\u30af\u30fc\u30dd\u30f3\u306e\u6709\u52b9\u671f\u9650\u304c\u5207\u308c\u3066\u3044\u307e\u3059\u3002","EVENT_ENTRY_INPUT_MISS":"\u30a4\u30d9\u30f3\u30c8\u5fdc\u52df\u9805\u76ee\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","EVENT_ENTRY_MUST_AGREE":"\u898f\u7d04\u306b\u540c\u610f\u3057\u3066\u3044\u305f\u3060\u304b\u306a\u3044\u3068\u30a4\u30d9\u30f3\u30c8\u306e\u5fdc\u52df\u304c\u3067\u304d\u307e\u305b\u3093\u3002","REGIST
53ER_MYPAGE":"\u767b\u9332\u3055\u308c\u307e\u3057\u305f\u3002\u8fd4\u7b54\u304c\u4f5c\u6210\u3055\u308c\u305f\u5f8c\u306f\u30de\u30a4\u30da\u30fc\u30b8\u3067\u3082\u78ba\u8a8d\u53ef\u80fd\u3067\u3059\u3002","INVALID_BIRTH_DATE":"\u7121\u52b9\u306a\u751f\u5e74\u6708\u65e5\u3067\u3059\u3002","INPUT_BIRTH_DATE":"\u751f\u5e74\u6708\u65e5\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002","DELETE_RECENT":"\u3053\u306e\u5546\u54c1\u3092\u6700\u8fd1\u898b\u305f\u30ea\u30b9\u30c8\u304b\u3089\u524a\u9664\u3057\u307e\u3059\u304b?","DELETE_FAIL":"\u524a\u9664\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002","JS_PROCESSED_NORMALLY":"\u6b63\u5e38\u7684\u306b\u51e6\u7406\u3055\u308c\u307e\u3057\u305f\u3002","EXCEED_POINT_CMONEY":"\u30dd\u30a4\u30f3\u30c8\u53c8\u306f\u9810\u308a\u91d1 %s\u304c\u6c7a\u6e08\u91d1\u984d \uff05s\u3092\u8d85\u904e\u3057\u307e\u3057\u305f\u3002","MEMBER_WITHDRAW":"\u4f1a\u54e1\u9000\u4f1a\u6642\u3001\u4f1a\u54e1\u69d8\u306e\u5168\u3066\u306e\u8cfc\u5165\u5c65\u6b74\u3001\u9810\u308a\u91d1\u3001\u30dd\u30a4\u30f3\u30c8\u304c\u7834\u68c4\u3055\u308c\u307e\u3059\u3002\u9000\u4f1a\u3057\u307e\u3059\u304b\uff1f","EXCEED_CMONEY":"\u4fdd\u6709\u3057\u3066\u3044\u308b\u30c7\u30dd\u30b8\u30c3\u30c8\u91d1\u984d\u3088\u308a\u591a\u304f\u5165\u529b\u3055\u308c\u3066\u3044\u307e\u3059\u3002","INVALID_SHOP_OID_FORMAT":"\u6ce8\u6587\u756a\u53f7\u306e\u5f62\u5f0f\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002","DELIVERY_INFO_NOT_FOUND":"\u307e\u3060\u914d\u9001\u60c5\u5831\u304c\u767b\u9332\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002","EMPTY_TRACKING_URL":"\u914d\u9001\u8ffd\u8de1URL\u304c\u3042\u308a\u307e\u305b\u3093\u3002","CANT_UNCHECK_DEFAULT_ADDRESS":"\u57fa\u672c\u914d\u9001\u5148\u306e\u5834\u5408\u3001\u57fa\u672c\u914d\u9001\u5148\u8a2d\u5b9a\u30c1\u30a7\u30c3\u30af\u3092\u89e3\u9664\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u305b\u3093\u3002","NEED_LOGIN_GO_TO":"\u30ed\u30b0\u30a4\u30f3\u304c\u5fc5\u8981\u306a\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002_BR_\u30ed\u30b0\u30a4\u30f3\u753b\u9762\u306b\u79fb\u52d5\u3057\u307e\u3059\u304b\uff1f"} 54 jQuery(function($) { 55 $('img.bindChangeImage').hover( 56 function() { 57 $(this).attr('data2', $(this).attr('src')); 58 $(this).attr('src', $(this).attr('data')); 59 }, 60 function() { 61 $(this).attr('src', $(this).attr('data2')); 62 } 63 ); 64 }); 65</script>
65 66 67 68 69 70 71 72
72<script type="application/ld+json"> 73 {"@context":"https:\/\/schema.org","@type":"WebSite","name":"manyo \u65e5\u672c\u516c\u5f0f","url":"https:\/\/manyo-japanese.com","publisher":{"@type":"Organization","name":null,"url":"https:\/\/manyo-japanese.com"}} 74 </script>
74 75 76 77<style> 78 /* 79 ======================================================================== 80 ê³µíµ 81 ======================================================================== 82 */ 83 84 @import url("/Common/css/font-awesome.css"); 85 @import url('//fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap'); 86 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap'); 87 88 #globWrap .globWrapContent { /* ë¨ë 컨í ì¸ */ } 89 90 body:has(#globWrap), 91 body:has(#globWrap) *, 92 body:has(#header[data-module="header"]) *, 93 body:has(#footer[data-module="footer"]) *, 94 body:has(#globWrap[data-wrap="basic"]) *, 95 #globWrap * { 96 font-family: "Noto Sans JP", "Inter", sans-serif; 97 } 98 99 body:has(#globWrap) .fa, 100 body:has(#header[data-module="header"]) .fa, 101 body:has(#footer[data-module="footer"]) .fa, 102 body:has(#globWrap[data-wrap="basic"]) .fa { 103 font: normal normal normal 14px/1 FontAwesome; 104 } 105 106 body:has(#globWrap) .material-symbols-outlined, 107 body:has(#header[data-module="header"]) .material-symbols-outlined, 108 body:has(#footer[data-module="footer"]) .material-symbols-outlined, 109 body:has(#globWrap[data-wrap="basic"]) .material-symbols-outlined { 110 font-family: "Material Symbols Outlined"; 111 } 112 113 #globWrap #contentWrap table:not(:has(tbody tr:nth-child(2))) { 114 table-layout: auto; 115 } 116 117 #globWrap #contentWrap { 118 display: flex; 119 margin: 50px auto 100px auto; 120 padding: 0 20px; 121 box-sizing: border-box; 122 width: 1240px; 123 } 124 125 #globWrap #aside { 126 display: none; 127 } 128
129 #globWrap #contentWrap:not(:has(#globWrapSide)) #content { 130 width: 100%; 131 float: none; 132 margin-left: auto; 133 margin-right: auto; 134 } 135 136 /* ì°ì¸¡ íµë©ë´ ìì¹ ì¡°ì */ 137 #globWrap:has(#globWrapSide) #blk_scroll_wings, #globWrap[data-wrap="board"] #blk_scroll_wings, #globWrap[data-wrap="help"] #blk_scroll_wings { 138 margin-left: 170px; 139 } 140 141 /* 142 @layer override { 143 :where(#contentWrap:not(:has(#globWrapSide)) #content) { 144 width: 100%; 145 float: none; 146 margin-left: auto; 147 margin-right: auto; 148 } 149 } 150 151 body:not(:has(#globWrap)) #header, body:not(:has(#globWrap)) #layerWrap, body:not(:has(#globWrap)) #contentWrap, body:not(:has(#globWrap)) #ftLink .link, #footer { 152 padding: 0 20px; 153 box-sizing: border-box; 154 width: 1240px; 155 } 156 157 body:not(:has(#globWrap)) #contentWrap #content { 158 width: calc(100% - 210px); 159 float: left; 160 } 161 162 #globWrap #content { 163 width: 1240px; 164 margin: 0 auto; 165 float: none; 166 } 167 */ 168 169 #globWrap #contentWrap * a, #globWrap #contentWrap * button { 170 transition: all 0.4s; 171 } 172 173 /* ê³µíµ-기í */ 174 #globWrap .clearFix {position:relative; overflow:hidden; zoom:1;} 175 176 #globWrap select { 177 -webkit-appearance:none; 178 -moz-appearance:none; 179 appearance:none; 180 } 181 182 #globWrap select::-ms-expand{ 183 display:none;/*for IE10,11*/ 184 } 185 186 #globWrap hr, #globWrap caption, #globWrap legend, #globWrap .blind, #globWrap .hidden { 187 display: none; 188 } 189 190 #globWrap .ellipsis { 191 overflow: hidden; 192 text-overflow: ellipsis; 193 white-space: nowrap; 194 } 195 196 #globWrap img { 197 /* 198 image-rendering: -moz-crisp-edges; 199 image-rendering: -o-crisp-edges; 200 image-rendering: -webkit-optimize-contrast; 201 -ms-interpolation-mode: nearest-neighbor; 202 image-rendering: crisp-edges; 203 */ 204 } 205 206 #globWrap .backgroundimg { 207 -ms-interpolation-mode: nearest-neighbor; 208 image-rendering: pixelated; 209 } 210 211 #globWrap *::-webkit-scrollbar { 212 width: 8px; 213 } 214 #globWrap *::-webkit-scrollbar-track { 215 background-color: #fff; 216 } 217 #globWrap *::-webkit-scrollbar-thumb { 218 background-color: #ddd; 219 } 220 #globWrap *::-webkit-scrollbar-button { 221 display: none; 222 } 223 224 #globWrap .none-data img { 225 display: none; 226 } 227 228 #globWrap[data-wrap="mypage"] #container .none-data { 229 margin: 10px 0 50px 0; 230 } 231 232 #globWrap[data-wrap="mypage"]:has(.list_th) .none-data { 233 display: table-row; 234 } 235 236 #globWrap[data-wrap="mypage"] .none-data { 237 /*display: table-row;*/ 238 text-align: center; 239 height: 43px; 240 position: relative; 241 } 242 243 #globWrap[data-wrap="mypage"]:not(.list_th) .none-data { 244 border-top: 1px solid #000; 245 border-bottom: 1px solid #ddd; 246 } 247 248 #globWrap[data-wrap="mypage"] .none-data p { 249 position: absolute; 250 top: 50%; 251 left: 50%; 252 transform: translate(-50%, -50%); 253 text-align: center; 254 width: 100%; 255 } 256 257 #globWrap .none-data { 258 text-align: center; 259 } 260 261 #globWrap .none-data:before { 262 /* 263 margin: 0 auto; 264 content: "\f2b7"; 265 display: block; 266 font-family: FontAwesome; 267 font-size: 70px; 268 color: #ccc; 269 text-rendering: auto; 270 -webkit-font-smoothing: antialiased; 271 */ 272 } 273 274 body.dim:before { 275 content: ""; 276 background: rgba(0, 0, 0, 0.3); 277 position: fixed; 278 top: 0%; 279 left: 0%; 280 z-index: 10000; 281 width: 100%; 282 height: 100%; 283 } 284 285 body.dim[rel=overflow_hd] { 286 overflow: hidden; 287 } 288 289 290 /* ê³µíµ-í ì´ë¸ */ 291 #globWrap table { 292 width: 100%; 293 border-collapse: collapse; 294 border-spacing: 0; 295 word-wrap: break-word; 296 word-break: keep-all; 297 } 298 299 #globWrap table img { vertical-align: middle; } 300 #globWrap .tb-bold { font-weight: bold; } 301 #globWrap .tb-left, 302 #globWrap .tb-center, 303 #globWrap .tb-right { padding: 0 10px; } 304 #globWrap .tb-btn { padding: 0; } 305 #globWrap .tb-left { text-align: left; } 306 #globWrap .tb-center { text-align: center; } 307 #globWrap .tb-right { text-align: right; } 308 #globWrap .tb-label-r5 label { margin-right: 5px; } 309 #globWrap .tb-label-r10 label { margin-right: 10px; } 310 #globWrap .tb-label-r10 label.last, 311 #globWrap .tb-label-r5 label.last{ margin-right: 0; } 312 313 #globWrap .list_table { 314 display: table; 315 width: 100%; 316 border-top: 1px solid #ddd; 317 border-bottom: 1px solid #ddd; 318 } 319 320 #globWrap .list_table .list_th { 321 display:table-row; 322 } 323 324 #globWrap .list_table .list_th li { 325 display:table-cell; 326 padding: 0px 0; 327 line-height: 43px; 328 border-bottom: 1px solid #ddd; 329 font-size: 12px; 330 font-weight: 400; 331 color: #161616; 332 text-align: center; 333 background: #F4F4F4; 334 } 335 336 #globWrap .list_table .list_td { 337 display:table-row; 338 } 339 340 #globWrap .list_table .list_td:last-child li { 341 border-bottom: 0; 342 } 343 344 #globWrap .list_table .list_td li { 345 display:table-cell; 346 color: #161616; 347 font-size: 12px; 348 font-weight: 400; 349 padding: 15px 0px; 350 border-bottom: 1px solid #ddd; 351 vertical-align: middle; 352 } 353 354 #globWrap .list_table .list_td .usenot .available { 355 color: blue; 356 font-weight: 400; 357 } 358 359 #globWrap .list_table .list_td .usenot .unavailable { 360 color: red; 361 font-weight: 400; 362 } 363 364 #globWrap .list_table .list_td .view_bt { 365 line-height: 25px; 366 color: #161616; 367 font-size: 12px; 368 font-weight: 400; 369 border: 1px solid #8E8E8E; 370 border-radius: 4px; 371 padding: 0 20px; 372 display: inline-block; 373 374 white-space: nowrap; 375 } 376 377 #globWrap .list_table .list_td .view_bt:hover { 378 background: #000; 379 color: #fff; 380 } 381 382 #globWrap #contentWrap #order-list .list_table .list_th li.cnt_w, #globWrap #contentWrap #order-list .list_table .list_td li.cnt_w { 383 width: 50%; 384 padding: 0 20px; 385 } 386 387 /* ê³µíµ-íì´ì§ */ 388 #globWrap .paging { 389 margin: 30px 0 30px 0; 390 display: flex; 391 flex-wrap: wrap; 392 justify-content: center; 393 line-height: normal; 394 padding-top: 0;
395 } 396 397 #globWrap .paging li { 398 margin: 0 5px; 399 border: 1px solid #ddd; 400 border-radius: 6px; 401 } 402 403 #globWrap .paging li a { 404 font-size: 15px; 405 font-weight: 400; 406 line-height: 36px; 407 min-width: 36px; 408 height: 36px; 409 display: block; 410 padding: 0; 411 text-align: center; 412 transition: all 0.2s linear; 413 color: #000; 414 margin: 0; 415 border: 0; 416 background-image: none; 417 } 418 419 #globWrap .paging li.now a, #globWrap .paging li a:hover { 420 background-color: #ddd; 421 } 422 423 424 /* ê³µíµ-ë¤ë¹ê²ì´ì */ 425 #globWrap .loc_navi ul, #globWrap .breadcrumb-cat ul { 426 display: flex; 427 } 428 429 #globWrap .loc_navi ul li, #globWrap .loc_navi ul li a, #globWrap #container .breadcrumb-cat ul li, #globWrap #container .breadcrumb-cat ul li a { 430 font-size: 14px; 431 font-weight: 400; 432 line-height: 16.94px; 433 color: #8E8E8E; 434 float: none; 435 padding: 0; 436 margin: 0; 437 } 438 439 #globWrap #container .breadcrumb-cat ul li a:hover, #globWrap #container .loc_navi ul li a:hover { 440 color: #000; 441 } 442 #globWrap .loc_navi ul li:before, #globWrap .breadcrumb-cat ul li:before { 443 content: ">"; 444 margin: 0 5px 0 5px; 445 font-size: 12px; 446 } 447 448 #globWrap .loc_navi ul li:first-child:before, #globWrap .breadcrumb-cat ul li:first-child:before { 449 display: none; 450 } 451 452 /* 측면ë©ë´ */ 453 body:not(:has(#globWrap)) #aside { width: 190px; margin:20px 20px 0 0; flex: 1 0 auto; } 454 body:not(:has(#globWrap)) #aside .lnb-wrap h2 { font-size: 0; line-height: 0; } 455 body:not(:has(#globWrap)) #aside h2.txt { padding-right: 15px; background: url(//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/common/bull_h13_dw_arw.gif) no-repeat right 45%; } 456 body:not(:has(#globWrap)) #aside h2.txt span { border-bottom: 1px solid #999999; color: #333333; display: block; font-size: 12px; font-weight: bold; line-height: 14px; padding-bottom: 3px; } 457 body:not(:has(#globWrap)) #aside .lnb { zoom: 1; padding-bottom: 25px; padding-left: 2px; } 458 body:not(:has(#globWrap)) #aside .lnb:after{ content: ""; display: block; clear: both; } 459 body:not(:has(#globWrap)) #aside .lnb li, 460 body:not(:has(#globWrap)) #aside .lnb a { float: left; width: 100%; } 461 body:not(:has(#globWrap)) #aside .lnb li { margin-top: 10px; } 462 body:not(:has(#globWrap)) #aside .lnb li.now a { font-weight: bold; } 463 body:not(:has(#globWrap)) #aside .lnb a:hover { font-weight: bold; } 464 body:not(:has(#globWrap)) #aside .lnb li a { color: #767676;} 465 466 #globWrapSide { 467 margin: 0px 20px 0px 0; 468 width: 190px; 469 } 470 471 *:has(#globWrapSide) #contentWrap, #globWrap:has(#aside) #contentWrap { 472 /* 473 display: flex; 474 margin: 0 auto; 475 padding: 0 20px; 476 box-sizing: border-box; 477 width: 1200px; 478 */ 479 } 480 481 *:has(#globWrapSide) #content { 482 width: calc(100% - 210px); 483 margin: 0px 0 0px 0; 484 } 485 486 #globWrapSide .list h2 { 487 margin: 0 0 40px 0; 488 } 489 490 #globWrapSide .list h2 a { 491 font-size: 26px; 492 font-weight: 700; 493 line-height: 31.47px; 494 color: #161616; 495 display: block; 496 } 497 498 #globWrapSide .list:not(:first-child) { 499 margin: 50px 0 0 0; 500 } 501 502 #globWrapSide .list ul { 503 margin: 0 0 30px 0; 504 } 505 506 #globWrapSide .list ul:last-child { 507 margin: 0; 508 } 509 510 #globWrapSide .list ul li {} 511 512 #globWrapSide .list ul li a { 513 font-size: 16px; 514 font-weight: 400; 515 line-height: 40px; 516 color: #161616; 517 display: block; 518 } 519 520 #globWrapSide .list ul li:hover a, #globWrapSide .list ul li.on a { 521 font-weight: 700; 522 } 523 524 /* 525 ======================================================================== 526 ê³µíµ ADD 527 ======================================================================== 528 */ 529 530 /* ========================================================================== 531 ê³µíµ êµ¬ì¡° ë° ë ì´ìì ìì (Base Layout & Content Wrap) 532 ========================================================================== */ 533 534 #globWrap[data-wrap="basic"][data-view="main"] #contentWrap { 535 margin: 0px auto 0px auto; 536 } 537 538 #globWrap[data-wrap="basic"]:not([data-view="main"]) #contentWrap { 539 margin: 20px auto 0px auto; 540 } 541 542 #header[data-module="header"], 543 #footer[data-module="footer"] #ftLink .link, 544 #footer[data-module="footer"] #footer { 545 width: auto; 546 } 547 548 body:has(#header[data-module="header"]) #contentWrap #content, 549 body:has(#footer[data-module="footer"]) #contentWrap #content, 550 body:has(#globWrap[data-wrap="basic"]) #contentWrap #content { 551 width: 100%; 552 float: none; 553 margin-left: auto; 554 margin-right: auto; 555 } 556 557 /* ========================================================================== 558 ê³µíµ ì í¸ë¦¬í° ë° íì´ì§ ë¤ë¹ê²ì´ì (Common Utilities & Pagination) 559 ========================================================================== */ 560 561 #globWrap[data-wrap="basic"] .paging li.now { 562 line-height: 36px; 563 min-width: 36px; 564 height: 36px; 565 background-color: #ddd; 566 color: #000; 567 font-size: 15px; 568 } 569 570 #globWrap[data-wrap="basic"] .paging li.prev a, 571 #globWrap[data-wrap="basic"] .paging li.next a { 572 position: relative; 573 font-size: 0; 574 } 575 576 #globWrap[data-wrap="basic"] .paging li.prev a::after, 577 #globWrap[data-wrap="basic"] .paging li.next a::after { 578 content: ""; 579 position: absolute; 580 top: 50%; 581 left: 50%; 582 width: 8px; 583 height: 8px; 584 border-top: 1px solid #000; 585 border-right: 1px solid #000; 586 } 587 588 #globWrap[data-wrap="basic"] .paging li.prev a::after { 589 transform: translate(calc(-50% + 2px), -50%) rotate(225deg); 590 } 591 592 #globWrap[data-wrap="basic"] .paging li.next a::after { 593 transform: translate(calc(-50% - 2px), -50%) rotate(45deg); 594 } 595 596 #globWrap[data-wrap="basic"] .timer-area { 597 position: absolute; 598 top: 10px; 599 left: 10px; 600 background: rgba(0, 0, 0, 0.7); 601 padding: 4px 8px 6px 8px; 602 line-height: 15px; 603 font-size: 12px; 604 border-radius: 9px; 605 color: #fff; 606 min-width: 110px; 607 text-align: center; 608 } 609 610 /* ========================================================================== 611 ìí 리ì¤í¸ ë° í목 구ì±ìì (Product Display Grid & Elements) 612 ========================================================================== */ 613 614 #globWrap[data-wrap="basic"] .product-list { 615 display: flex; 616 gap: 30px 20px; 617 margin-bottom: 30px; 618 flex-wrap: wrap; 619 } 620 621 #globWrap[data-wrap="basic"] .product-list .product-item { 622 /*width: calc(50% - ((20px * 1) / 2));*/ 623 /*width: calc(100% / var(--cols) - (20px * (var(--cols) - 1) / var(--cols)));*/ 624 width: calc(100% / var(--cols, 4) - (20px * (var(--cols, 4) - 1) / var(--cols, 4))); 625 } 626 627 #globWrap[data-wrap="basic"] .product-list .product-item .thumb { 628 position: relative; 629 border-radius: 8px; 630 /* 631 overflow: hidden; 632 background: #f5f5f5; 633 */ 634 margin: 0 auto; 635 } 636 637 #globWrap[data-wrap="basic"] .product-list .product-item .thumb > a > img { 638 width: 100%; 639 max-height: 100%; 640 display: block; 641 border-radius: 5px; 642 /* 643 object-fit: cover; 644 object-position: top; 645 */ 646 } 647 648 #globWrap[data-wrap="basic"] .product-list .quick { 649 position: absolute; 650 display: flex; 651 gap: 5px; 652 653 bottom: inherit; 654 right: inherit; 655 top: 50%; 656 left: 50%; 657 transform: translate(-50%, -50%); 658 659 transition: all 0.2s ease; 660 opacity: 0; 661 z-index: 1000; 662 cursor: pointer; 663 } 664 665 #globWrap[data-wrap="basic"] .product-list .product-item .thumb:hover .quick { 666 opacity: 1;
667 } 668 669 #globWrap[data-wrap="basic"] .product-list .product-item .thumb:hover > img { 670 /*content: ""; 671 position: absolute; 672 inset: 0; 673 z-index: 1; 674 background: rgba(255, 255, 255, 0.15); 675 backdrop-filter: blur(1px); 676 -webkit-backdrop-filter: blur(1px); 677 */ 678 filter: blur(2px); 679 } 680 681 #globWrap[data-wrap="basic"] .product-list .badge { 682 display: flex; 683 gap: 0 5px; 684 flex-wrap: wrap; 685 } 686 687 #globWrap[data-wrap="basic"] .product-list .badge img { 688 max-height: max-content; 689 } 690 691 #globWrap[data-wrap="basic"] .product-list .badge span { 692 font-size: 11px; 693 padding: 4px 6px; 694 border-radius: 4px; 695 color: #fff; 696 } 697 698 #globWrap[data-wrap="basic"] .product-list .badge .new { 699 background: #3b82f6; 700 } 701 702 #globWrap[data-wrap="basic"] .product-list .badge .best { 703 background: #111; 704 } 705 706 #globWrap[data-wrap="basic"] .product-list .product-item .info { 707 margin: 10px auto 0 auto; 708 display: flex; 709 flex-direction: column; 710 gap: 5px 0; 711 } 712 713 #globWrap[data-wrap="basic"] .product-list .product-item .brand { 714 font-size: 13px; 715 color: #575757; 716 } 717 718 #globWrap[data-wrap="basic"] .product-list .product-item .name { 719 font-size: 13px; 720 color: #000; 721 } 722 723 #globWrap[data-wrap="basic"] .product-list .product-item .sub-name { 724 font-size: 13px; 725 color: #9e9e9e; 726 } 727 728 #globWrap[data-wrap="basic"] .product-list .product-item .sell_period { 729 font-size: 13px; 730 color: #9e9e9e; 731 } 732 733 #globWrap[data-wrap="basic"] .product-list .product-item .stock_supply { 734 font-size: 13px; 735 color: #9e9e9e; 736 } 737 738 #globWrap[data-wrap="basic"] .product-list .product-item .sale_period { 739 font-size: 13px; 740 color: #9e9e9e; 741 } 742 743 #globWrap[data-wrap="basic"] .product-list .product-item .sell_count { 744 font-size: 13px; 745 color: #9e9e9e; 746 } 747 748 #globWrap[data-wrap="basic"] .product-list .product-item .update-countdown { 749 font-size: 13px; 750 color: #9e9e9e; 751 } 752 753 #globWrap[data-wrap="basic"] .product-list .product-item .price { 754 font-size: 14px; 755 font-weight: 600; 756 color: #000; 757 } 758 759 #globWrap[data-wrap="basic"] .product-list .product-item .unit-soldout { 760 font-size: 13px; 761 font-weight: 400; 762 color: #e60023; 763 margin: 0px 0 0 0; 764 } 765 766 #globWrap[data-wrap="basic"] .product-list .product-item .thumb:has(.unit-soldout) a:after { 767 content: ""; 768 background: rgba(0, 0, 0, 0.5); 769 position: absolute; 770 top: 0; 771 left: 0; 772 width: 100%; 773 height: 100%; 774 } 775 776 #globWrap[data-wrap="basic"] .product-list .product-item .thumb .unit-soldout { 777 position: absolute; 778 bottom: 10px; 779 left: 10px; 780 background: #000; 781 border-radius: 5px; 782 padding: 5px 15px; 783 line-height: 1; 784 font-size: 11px; 785 z-index: 1000; 786 color: #fff; 787 } 788 789 #globWrap[data-wrap="basic"] .product-list .color-code { 790 display: flex; 791 gap: 0 5px; 792 margin-bottom: 5px; 793 } 794 795 #globWrap[data-wrap="basic"] .product-list .color-code span { 796 width: 10px; 797 height: 10px; 798 border-radius: 50%; 799 border: 1px solid #ddd; 800 } 801 802 #globWrap[data-wrap="basic"] .product-list .price-wrap { 803 display: flex; 804 flex-wrap: wrap; 805 align-items: center; 806 gap: 0 8px; 807 font-size: 14px; 808 color: #000; 809 margin-top: 10px; 810 } 811 812 #globWrap[data-wrap="basic"] .product-list .price-wrap .pdt-pri { 813 flex: 0 0 100%; 814 } 815 816 #globWrap[data-wrap="basic"] .product-list .price-wrap .event-price { 817 color: #217aff; 818 } 819 820 #globWrap[data-wrap="basic"] .product-list .price-wrap .event-price .event-mom { 821 font-size: 12px; 822 color: #000; 823 } 824 825 #globWrap[data-wrap="basic"] .product-list .price-wrap .ori-prc strike { 826 font-size: 12px; 827 color: #999; 828 } 829 830 #globWrap[data-wrap="basic"] .product-list .price-wrap .pdt-pri { 831 font-weight: 600; 832 } 833 834 #globWrap[data-wrap="basic"] .product-list .price-wrap .pdt-per { 835 font-size: 12px; 836 color: #e60023; 837 font-weight: 600; 838 } 839 840 #globWrap[data-wrap="basic"] .combi-pro .product-list .swiper-wrapper:not([id*="swiper-wrapper-"]) { 841 display: flex; 842 flex-wrap: wrap; 843 gap: 20px 20px; 844 } 845 846 /* 847 ======================================================================== 848 mypage 849 ======================================================================== 850 */ 851 852 /* ë§ì´íì´ì§-ê³µíµ */ 853 #globWrap[data-wrap="mypage"] .item_list { 854 display: flex; 855 flex-wrap: wrap;; 856 } 857 #globWrap[data-wrap="mypage"] .item_list li { 858 background-color: #fff; 859 padding: 35px 0; 860 box-sizing: border-box; 861 } 862 863 #globWrap[data-wrap="mypage"] .item_list.list_type3 li { 864 width: 33.3%; 865 } 866 867 #globWrap[data-wrap="mypage"] .item_list.list_type4 li { 868 width: 25%; 869 } 870 871 #globWrap[data-wrap="mypage"] .item_list.list_type5 li { 872 width: 20%; 873 } 874 875 #globWrap[data-wrap="mypage"] .item_list .pwrap { 876 padding: 0 16px; 877 } 878 879 #globWrap[data-wrap="mypage"] .item_list .pwrap .thumb { 880 text-align: center; 881 } 882 #globWrap[data-wrap="mypage"] .item_list .pwrap .thumb a { 883 display: block; 884 } 885 886 #globWrap[data-wrap="mypage"] .item_list .pwrap .thumb img { 887 max-width: 100%; 888 } 889 890 #globWrap[data-wrap="mypage"] .item_list .pwrap .info { 891 margin: 10px auto 0 auto; 892 display: flex; 893 flex-direction: column; 894 gap: 5px 0; 895 text-align: center; 896 } 897 898 #globWrap[data-wrap="mypage"] .item_list .pwrap .info p { 899 font-size: 13px; 900 font-weight: 400; 901 line-height: 20px; 902 color: #777; 903 } 904 905 #globWrap[data-wrap="mypage"] .item_list .pwrap .info .color {} 906 907 #globWrap[data-wrap="mypage"] .item_list .pwrap .info .color span { 908 margin: 0 3px; 909 } 910 911 #globWrap[data-wrap="mypage"] .item_list .pwrap .info .name { 912 font-size: 13px; 913 font-weight: 400; 914 line-height: 22px; 915 color: #000; 916 } 917 918 #globWrap[data-wrap="mypage"] .item_list .pwrap .info .price { 919 font-size: 14px; 920 font-weight: 600; 921 line-height: 20px; 922 color: #000; 923 } 924 925 #globWrap[data-wrap="mypage"] .item_list .pwrap .info .price > strike { 926 font-size: 13px; 927 color: #999; 928 margin: 0 5px 0 0; 929 font-weight: 400; 930 } 931 932 #globWrap[data-wrap="mypage"] .item_list .pwrap .info .price br { 933 display: none; 934 } 935 936 #globWrap[data-wrap="mypage"] .item_list .pwrap .info .price span strike { 937 display: none; 938 } 939 940 #globWrap[data-wrap="mypage"] .item_list .pwrap .info .MK-product-icons { 941 margin: 0px 0 0 0; 942 display: block; 943 } 944 945 #globWrap[data-wrap="mypage"] .item_list .pwrap .timer-area { 946 position: absolute; 947 top: 10px; 948 left: 10px; 949 background: rgba(0, 0, 0, 0.7); 950 padding: 4px 8px 6px 8px; 951 line-height: 15px; 952 font-size: 12px; 953 border-radius: 9px; 954 color: #fff; 955 min-width: 110px; 956 text-align: center; 957 } 958 959 #globWrap[data-wrap="mypage"] .page-body {} 960 961 #globWrap[data-wrap="mypage"] .tit_page { 962 font-size: 20px; 963 font-weight: 600; 964 line-height: 24.2px; 965 margin: 0 0 16px 0; 966 color: #161616; 967 } 968 969 #globWrap[data-wrap="mypage"] .table-d2-list { 970 margin: 16px 0; 971 border: 0; 972 } 973 974 #globWrap[data-wrap="mypage"] .tit-tb-list {} 975 976 #globWrap[data-wrap="mypage"] .table-d2-list { 977 border-top: 1px solid #ddd; 978 } 979 980 #globWrap[data-wrap="mypage"] .table-d2-list thead th { 981 padding: 0px 0; 982 line-height: 43px; 983 border-bottom: 1px solid #ddd; 984 font-size: 12px; 985 font-weight: 400; 986 color: #161616; 987 background: #F4F4F4; 988 } 989 990 #globWrap[data-wrap="mypage"] .table-d2-list tbody td { 991 padding: 0px 0px; 992 border-bottom: 1px solid #ddd; 993 color: #161616; 994 font-size: 12px; 995 font-weight: 400; 996 padding: 15px 0px; 997 } 998 999 #globWrap[data-wrap="mypage"] .table-d2-list .view_bt { 1000 line-height: 25px; 1001 color: #161616; 1002 font-size: 12px; 1003 font-weight: 400; 1004 border: 1px solid #8E8E8E; 1005 border-radius: 4px; 1006 padding: 0 20px; 1007 display: inline-block; 1008 } 1009 1010 #globWrap[data-wrap="mypage"] .table-d2-list .view_bt:hover { 1011 background: #000; 1012 color: #fff; 1013 } 1014 1015 /* ë§ì´íì´ì§-ë©ì¸ */ 1016 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .tit-page-2 { 1017 margin: 60px 0 0 0; 1018 font-size: 20px; 1019 font-weight: 600; 1020 line-height: 24.2px; 1021 color: #161616; 1022 border: 0; 1023 padding-bottom: 0; 1024 } 1025 1026 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info { 1027 display: flex; 1028 padding: 40px 50px; 1029 border: 0; 1030 background: #F4F4F4; 1031 gap: 50px; 1032 } 1033 1034 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .user { 1035 margin: 0 0 30px 0; 1036 } 1037 1038 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .user .name { 1039 font-size: 18px; 1040 font-weight: 400; 1041 line-height: 21.78px; 1042 margin: 0 0 12px 0; 1043 color: #000000; 1044 word-break: break-all; 1045 } 1046 1047 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .user .id { 1048 font-size: 14px; 1049 font-weight: 400; 1050 line-height: 16.94px; 1051 letter-spacing: 0.02em; 1052 color: #000000; 1053 } 1054 1055 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .link a { 1056 display: inline-block; 1057 line-height: 28px; 1058 border-radius: 4px; 1059 font-size: 14px; 1060 font-weight: 400; 1061 color: #161616; 1062 border: 1px solid #8E8E8E; 1063 padding: 0 15px;
1064 min-width: 20px; 1065 text-align: center; 1066 } 1067 1068 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .link a:hover { 1069 background: #000; 1070 color: #fff; 1071 transition: background 0.4s; 1072 } 1073 1074 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .state { 1075 font-size: 13px; 1076 font-weight: 400; 1077 line-height: 15.73px; 1078 color: #8E8E8E; 1079 margin: 30px 0 0 0; 1080 text-decoration: underline; 1081 display: block; 1082 } 1083 1084 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .state:hover { 1085 color: #000; 1086 } 1087 1088 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .info { 1089 margin: 0 0px 0 0; 1090 flex: 0 0 350px; 1091 } 1092 1093 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .other { 1094 width: 100%; 1095 } 1096 1097 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .other ul { 1098 display: flex; 1099 } 1100 1101 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .other ul li:first-child { 1102 width: calc(40% - 40px); 1103 } 1104 1105 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .other ul li { 1106 width: calc(25% - 40px); 1107 position:relative; 1108 padding: 0 20px; 1109 } 1110 1111 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .other ul li:before { 1112 content: ""; 1113 background: #ddd; 1114 width: 1px; 1115 height: 60px; 1116 display: inline-block; 1117 position: absolute; 1118 top: 0; 1119 left: 0; 1120 } 1121 1122 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .other ul li .tit { 1123 font-size: 16px; 1124 font-weight: 400; 1125 line-height: 19.36px; 1126 color: #8E8E8E; 1127 margin: 0 0 15px 0; 1128 text-transform: capitalize; 1129 } 1130 1131 #globWrap[data-wrap="mypage"][data-view="mymain"] #mypage .user-info .other ul li p a { 1132 font-size: 25px; 1133 font-weight: 700; 1134 line-height: 30.26px; 1135 letter-spacing: -0.02em; 1136 color: #161616; 1137 } 1138 1139 1140 1141 1142 /* ë§ì´íì´ì§-ì¿ í°ë¦¬ì¤í¸ */
1143 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list li { 1144 margin-bottom: 0; 1145 } 1146 1147 1148 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list .list { 1149 padding: 0; 1150 } 1151 1152 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list .coupon_code { 1153 margin: 30px 0 30px 0; 1154 text-align: center; 1155 font-size: 0; 1156 } 1157 1158 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list .coupon_code input { 1159 line-height: 46px; 1160 width: 400px; 1161 border: 1px solid #ddd; 1162 font-size: 13px; 1163 font-weight: 400; 1164 letter-spacing: 0.02em; 1165 color: #8E8E8E; 1166 padding: 0 20px; 1167 box-sizing: border-box; 1168 border-radius: 6px; 1169 border-top-right-radius: 0; 1170 border-bottom-right-radius: 0; 1171 } 1172 1173 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list .coupon_code button { 1174 font-size: 13px; 1175 font-weight: 700; 1176 text-align: center; 1177 line-height: 48px; 1178 color: #fff; 1179 background: #000; 1180 border: 0; 1181 padding: 0 20px; 1182 border-radius: 6px; 1183 border-top-left-radius: 0; 1184 border-bottom-left-radius: 0; 1185 transition: background 0.4s; 1186 } 1187
1188 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list .coupon_code button:hover { 1189 background: #000; 1190 color: #fff; 1191 } 1192 1193 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list .coupon_sort { 1194 text-align: right; 1195 margin: 0 0 10px 0; 1196 } 1197 1198 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list .coupon_sort select { 1199 border: 1px solid #ddd; 1200 line-height: 40px; 1201 height: 40px; 1202 font-size: 14px; 1203 font-weight: 400; 1204 padding: 0px 32px 0px 16px; 1205 background: url(/Common/img/search_arrow.png) no-repeat calc(100% - 16px) 50% / 10px auto; 1206 /*background: url(/assets/default/EN/Frontend/btn/btn_prev.png) no-repeat calc(100% - 16px) 50% / 10px auto;*/ 1207 border-radius: 5px; 1208 } 1209 1210 1211 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list .list_table .list_th li, 1212 #globWrap[data-wrap="mypage"] #coupon-list .list_table .list_td li { 1213 width: calc(70% / 6); 1214 } 1215
1216 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list .list_table .list_th li.cnt_w, 1217 #globWrap[data-wrap="mypage"] #coupon-list .list_table .list_td li.cnt_w { 1218 width: 30%; 1219 } 1220 1221 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list #coupon-list .list li { 1222 padding: 0px 0; 1223 line-height: 43px; 1224 border-bottom: 1px solid #ddd; 1225 } 1226 1227 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list #coupon-list .list_table .list_td li { 1228 border-bottom: 0; 1229 } 1230 1231 #globWrap[data-wrap="mypage"][data-view="couponlist"] #coupon-list #coupon-list .list li span { 1232 display: none; 1233 } 1234 1235 1236 /* ë§ì´íì´ì§-주문리ì¤í¸ */ 1237 #globWrap[data-wrap="mypage"][data-view="orderlist"] #order-list .list_table .list_th li:first-child, #globWrap[data-wrap="mypage"][data-view="orderlist"] #order-list .list_table .list_th li:last-child, #globWrap[data-wrap="mypage"][data-view="orderlist"] #order-list .list_table .list_td li:first-child, #globWrap[data-wrap="mypage"][data-view="orderlist"] #order-list .list_table .list_td li:last-child { 1238 width: 130px; 1239 } 1240 1241 #globWrap[data-wrap="mypage"][data-view="orderlist"] #order-list .list_table .list_th li, #globWrap[data-wrap="mypage"][data-view="orderlist"] #order-list .list_table .list_td li { 1242 width : calc(50%/5); 1243 } 1244 1245 /* ë§ì´íì´ì§-주문ë´ì */ 1246 #globWrap[data-wrap="mypage"][data-view="orderview"] #order { 1247 width: 100%; 1248 max-width: 1240px; 1249 margin: 0 auto; 1250 position: relative; 1251 } 1252 1253 1254 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close { 1255 font-size: 0; 1256 width: 30px; 1257 height: 30px; 1258 } 1259 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close span { 1260 display: none; 1261 } 1262 1263 1264 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close:before, #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close:after { 1265 position: absolute; 1266 left: 15px; 1267 content: ' '; 1268 height: 30px; 1269 width: 2px; 1270 background-color: #8E8E8E; 1271 } 1272 1273 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close:before { 1274 transform: rotate(45deg); 1275 } 1276 1277 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close:after { 1278 transform: rotate(-45deg); 1279 } 1280 1281 1282 1283 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close { 1284 font-size: 16px; 1285 font-weight: 400; 1286 line-height: 16px; 1287 color: #8E8E8E; 1288 width: auto; 1289 height: auto; 1290 right: auto; 1291 left: 16px; 1292 } 1293 1294 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close span { 1295 transform: rotate(315deg); 1296 position:static; 1297 display: inline-block; 1298 width: 6px; 1299 height: 6px; 1300 vertical-align: middle; 1301 margin: -1px 22px 0 0; 1302 } 1303 1304 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close span::before { 1305 border: 1px solid #8E8E8E; 1306 border-bottom: 0; 1307 border-right: 0; 1308 } 1309 1310 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close span::after { 1311 width: 18px; 1312 height: 1px; 1313 background: #8E8E8E; 1314 } 1315 1316 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close:before, #globWrap[data-wrap="mypage"][data-view="orderview"] #order .pop_close:after { 1317 display: none; 1318 } 1319 1320 1321 1322 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .top_box { 1323 margin: 0 0 16px 0; 1324 padding: 0 0 40px 0; 1325 border-bottom: 1px solid #ddd; 1326 position: relative; 1327 } 1328 1329 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .top_box .tit { 1330 font-size: 22px; 1331 font-weight: 700; 1332 line-height: 26.63px;
1333 color: #161616; 1334 margin: 0 0 10px 0; 1335 } 1336 1337 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .top_box .stit { 1338 font-size: 14px; 1339 font-weight: 400; 1340 line-height: 16.94px; 1341 color: #8E8E8E; 1342 } 1343 1344 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .top_box .navi { 1345 font-size: 14px; 1346 font-weight: 400; 1347 line-height: 16.94px; 1348 color: #8E8E8E; 1349 } 1350 1351 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .top_box .navi span { 1352 display: none; 1353 } 1354 1355 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .top_box .print { 1356 position: absolute; 1357 top: 0; 1358 right: 0; 1359 } 1360 1361 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .top_box .print button { 1362 background: none; 1363 min-width: 100px; 1364 line-height: 28px; 1365 border: 1px solid #8E8E8E; 1366 font-size: 14px; 1367 font-weight: 400; 1368 color: #161616; 1369 border-radius: 4px; 1370 } 1371 1372 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .top_box .print button:hover { 1373 background: #000; 1374 color: #fff; 1375 } 1376 1377 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .section_wrap { 1378 display: flex; 1379 } 1380 1381 1382 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .section_wrap .section { 1383 width: calc(50% - 50px); 1384 } 1385 1386 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .section_wrap .section:first-child { 1387 margin-right: 100px; 1388 } 1389 1390 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .section_wrap .section02{ 1391 margin-left: auto; 1392 position: sticky; 1393 top: 15px; 1394 align-self: flex-start; 1395 } 1396 1397 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .detail { 1398 padding: 0; 1399 } 1400 1401 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal { 1402 border: 0; 1403 margin: 0; 1404 } 1405 1406 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal th { 1407 background: none; 1408 } 1409 1410 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal tr { 1411 border: 0; 1412 } 1413 1414 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal th, #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal td { 1415 text-indent: 0; 1416 } 1417 1418 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal td strong { 1419 font-weight: 600; 1420 } 1421 1422 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items { 1423 margin: 0!important; 1424 border: 0; 1425 } 1426 1427 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal th, #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal td { 1428 font-size: 14px; 1429 font-weight: 400; 1430 line-height: 28px; 1431 letter-spacing: 0.02em; 1432 color: #161616; 1433 padding: 0; 1434 vertical-align: top; 1435 } 1436 1437 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items-wrap { 1438 margin-top: 0; 1439 } 1440 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal th { 1441 text-align: left; 1442 } 1443 1444 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal td { 1445 text-align: right; 1446 } 1447 1448 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal td a { 1449 color: #2071D0; 1450 text-decoration: underline; 1451 } 1452 1453 1454 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .detail .info { 1455 border-bottom: 1px solid #000; 1456 padding-bottom: 15px; 1457 } 1458 1459 1460 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .detail .info02 { 1461 border-bottom: 1px solid #ddd; 1462 } 1463 1464 1465 1466 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .product-list { 1467 border: 0!important; 1468 display: flex; 1469 margin: 0 0 20px 0; 1470 padding: 0; 1471 } 1472 1473 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .product-list .price { 1474 border: 0; 1475 } 1476 1477 .items-wrap .items[data-type=list] .price-info { 1478 border: 0; 1479 } 1480 1481 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .detail .info02 { 1482 margin: 20px 0; 1483 } 1484 1485 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items-wrap .items[data-type=list] > li dl { 1486 margin: 0; 1487 } 1488 1489 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .thumb-img img { 1490 border: 1px solid #ddd; 1491 width: 100px; 1492 height: auto; 1493 box-sizing: border-box; 1494 } 1495 1496 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .product-list dl { 1497 1498 } 1499 1500 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .product-list dl dd { 1501 padding: 0; 1502 margin: 0; 1503 } 1504 1505 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items-wrap .items[data-type=list] .thumb
1505-img { 1506 width: 100px; 1507 margin-right: 16px; 1508 } 1509 1510 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .pname, #globWrap[data-wrap="mypage"][data-view="orderview"] #order #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .product-list dl dd { 1511 font-size: 14px; 1512 font-weight: 400; 1513 line-height: 22px; 1514 color: #161616; 1515 } 1516 1517 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .pname, #globWrap[data-wrap="mypage"][data-view="orderview"] #order #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .product-list dl dd li { 1518 color: #161616; 1519 } 1520 1521 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .pname { 1522 position: relative; 1523 } 1524 1525 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .pname a { 1526 width: calc(100% - 75px); 1527 word-break: break-all; 1528 font-size: 13px; 1529 color: #000; 1530 margin: 0 0 5px 0; 1531 word-break: break-all; 1532 overflow: hidden; 1533 text-overflow: ellipsis; 1534 display: -webkit-box; 1535 -webkit-line-clamp: 2; 1536 -webkit-box-orient: vertical; 1537 word-wrap: break-word; 1538 } 1539 1540 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .btn-repurchase { 1541 position: absolute; 1542 top: 0px; 1543 right: 0; 1544 width: auto; 1545 height: auto; 1546 line-height: normal; 1547 } 1548 1549 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .pname:has(.entry_product) .btn-repurchase { 1550 top: 20px; 1551 } 1552 1553 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .pname .entry_product span { 1554 background: orange; 1555 padding: 3px 5px; 1556 font-size: 8px; 1557 border: 0; 1558 display: inline; 1559 vertical-align: middle; 1560 margin: 0 0 0 0px; 1561 color: #fff; 1562 border-radius: 5px; 1563 font-weight: 600; 1564 } 1565 1566 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .last_info { 1567 display: flex; 1568 margin: 14px 0 0 0; 1569 } 1570 1571 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .last_info span { 1572 width: 50%; 1573 } 1574 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .last_info .qty { 1575 text-align: left; 1576 } 1577 1578 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .last_info .pri { 1579 display: flex; 1580 justify-content: right; 1581 flex-direction: column; 1582 align-items: flex-end; 1583 text-align: right; 1584 font-size: 16px; 1585 font-weight: 400; 1586 line-height: 19.36px; 1587 letter-spacing: -0.04em; 1588 color: #161616; 1589 } 1590 1591 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .last_info .pri strong { 1592 font-weight: 600; 1593 } 1594 1595 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .product-list dl { 1596 width: calc(100% - 100px); 1597 } 1598 1599 1600 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal.total { 1601 1602 } 1603 1604 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal.total th { 1605 color: #8E8E8E; 1606 } 1607 1608 #globWrap[data-wrap="mypage"][data-view="orderview"] #order table.normal.total td { 1609 text-align: right; 1610 color: #161616; 1611 } 1612 1613 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .all_total { 1614 display: flex; 1615 margin: 14px 0 40px 0; 1616 } 1617 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .all_total span { 1618 width: 50%; 1619 color: #161616; 1620 } 1621 1622 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .all_total .tit { 1623 text-align: left; 1624 font-size: 18px; 1625 font-weight: 700; 1626 line-height: 30px; 1627 } 1628 1629 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .all_total .val { 1630 text-align: right; 1631 font-size: 18px; 1632 font-weight: 700; 1633 line-height: 30px; 1634 } 1635 1636 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .list_bt { 1637 margin: 0px 0 0 0; 1638 } 1639 1640 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .list_bt a { 1641 line-height: 56px; 1642 background: #000; 1643 color: #fff; 1644 font-size: 17px; 1645 font-weight: 700; 1646 letter-spacing: 0.02em; 1647 display: block; 1648 text-align: center; 1649 } 1650 1651 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .list_bt a:hover { 1652 background: #000; 1653 } 1654 1655 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step { 1656 padding: 0px 34px 20px 34px; 1657 border-bottom: 1px solid #ddd; 1658 margin: 0 0 30px 0; 1659 } 1660 1661 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .tit { 1662 position:relative; 1663 margin: 0 0 20px 0; 1664 } 1665 1666 1667 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .tit:before { 1668 content: ""; 1669 position: absolute; 1670 left: -34px;
1671 /* 1672 top: 50%; 1673 transform: translateY(-50%); 1674 */ 1675 width: 24px; 1676 height: 24px; 1677 background: #000; 1678 border-radius: 50%; 1679 } 1680 1681 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .tit:after { 1682 position: absolute; 1683 left: -34px; 1684 top: 2px; 1685 /*transform: translateY(-50%);*/ 1686 width: 24px; 1687 display: flex; 1688 align-items: center; 1689 justify-content: center; 1690 color: #fff; 1691 font-size: 15px; 1692 font-weight: 400; 1693 margin-top: 0px; 1694 } 1695 1696 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap { 1697 counter-reset: step; 1698 } 1699 1700 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .tit:after { 1701 counter-increment: step; 1702 content: counter(step); 1703 } 1704 1705 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .tit p:nth-child(1) { 1706 font-size: 18px; 1707 font-weight: 600; 1708 line-height: 21.78px; 1709 color:#161616; 1710 margin: 0 0 10px 0; 1711 } 1712 1713 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .tit p:nth-child(2) { 1714 font-size: 14px; 1715 font-weight: 400; 1716 line-height: 16.94px; 1717 color: #8E8E8E; 1718 } 1719 1720 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .cnt { 1721 1722 } 1723 1724 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .cnt ol > li { 1725 font-size: 14px; 1726 font-weight: 400; 1727 line-height: 33px; 1728 letter-spacing: 0.02em; 1729 color: #161616; 1730 display: flex; 1731 } 1732 1733 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .cnt ol > li.one_line { 1734 display: block; 1735 margin: 10px 0 0 0; 1736 } 1737 1738 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .cnt ol > li.one_line .left { 1739 max-width: none; 1740 margin-right: 0; 1741 } 1742 1743 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .cnt ol > li.one_line .right { 1744 text-align: left; 1745 margin-left: 0; 1746 } 1747 1748 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .section02 .top_box { 1749 margin: 0 0 16px 0; 1750 } 1751 1752 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .section_wrap .section01 .top_box .stit br { 1753 display: none; 1754 } 1755 1756 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .cnt ol > li .left { 1757 flex: 0 0 37%; 1758 max-width: 37%; 1759 margin-right: 15px; 1760 word-break: break-all; 1761 } 1762 1763 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .cnt ol > li .right { 1764 margin: 0 0 0 3px; 1765 flex: 1; 1766 min-width: 0; 1767 text-align: right; 1768 overflow-wrap: break-word; 1769 word-break: break-all; 1770 } 1771 1772 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .total-weight { 1773 text-align: center; 1774 font-size: 14px; 1775 font-weight: 400; 1776 color: #161616; 1777 margin: 20px 0 0 0; 1778 border-top: 1px solid #ddd; 1779 padding-top: 15px; 1780 } 1781 1782 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .all_total .val .total-smoney { 1783 font-size: 14px; 1784 font-weight: 400; 1785 color: #161616; 1786 line-height: 15px; 1787 } 1788 1789 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step.payment .cnt ol > li .right, #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step:nth-child(4) .cnt ol > li .right { 1790 text-align: right; 1791 } 1792 1793 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step.payment .cnt ol > li.total { 1794 border-bottom: 1px solid #000; 1795 padding: 0 0 10px 0; 1796 margin: 0 0 10px 0; 1797 } 1798 1799 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step.payment .cnt ol > li.total .left, #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step.payment .cnt ol > li.total .right { 1800 font-size: 18px; 1801 font-weight: 700; 1802 line-height: 30px; 1803 } 1804 1805 /* #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step.payment .cnt ol > li.pay-method p:not(:first-child) { */ 1806 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step.payment .cnt ol > li.pay-method p { 1807 margin-left: -65%; 1808 } 1809 1810 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .last_info .pri strike { 1811 font-size: 12px; 1812 color: #8E8E8E; 1813 display: block; 1814 } 1815 1816 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .showreceipt, 1817 #globWrap[data-wrap="mypage"][data-view="orderview"] #order #cancel_bt
1817n button, 1818 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .btn-repurchase, 1819 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .tracking { 1820 background: #efefef; 1821 padding: 3px 6px; 1822 font-size: 11px; 1823 border: 0; 1824 display: inline; 1825 vertical-align: middle; 1826 margin: 0 0 0 5px; 1827 text-decoration: underline; 1828 color: #161616; 1829 } 1830 1831 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .step_wrap .step .cnt .refund_detail { 1832 margin: 0 0 20px 0; 1833 } 1834 1835 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .items .last_info .pro-status { 1836 display: block; 1837 width: max-content; 1838 font-size: 12px; 1839 letter-spacing: 0.02em; 1840 } 1841 1842 #globWrap[data-wrap="mypage"][data-view="orderview"] #order .top_box { 1843 padding: 0 0 20px 0; 1844 } 1845 1846 #globWrap[data-wrap="mypage"][data-view="orderview"] #order li.coupon_apply p { 1847 font-size: 12px; 1848 text-align: right; 1849 color:#000; 1850 line-height: 15px; 1851 margin:0 0 10px -65%; 1852 } 1853 1854 1855 1856 /* ë§ì´íì´ì§-ì 립ê¸ë¦¬ì¤í¸ */ 1857 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list li { 1858 margin-bottom: 0; 1859 } 1860 1861 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list_table .list_td:last-child li { 1862 border-bottom: 0; 1863 } 1864 1865 1866 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list { 1867 padding: 0; 1868 } 1869 1870 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list_table .list_td .view_bt { 1871 line-height: 25px; 1872 color: #161616; 1873 font-size: 12px; 1874 font-weight: 400; 1875 border: 1px solid #8E8E8E; 1876 border-radius: 4px; 1877 padding: 0 20px; 1878 display: inline-block; 1879 } 1880 1881 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list_table .list_td .view_bt:hover { 1882 background: #000; 1883 color: #fff; 1884 } 1885 1886 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list_table .list_th li, #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list_table .list_td li { 1887 width : calc(40%/3); 1888 } 1889 1890 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list_table .list_th li.cnt_w, #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list_table .list_td li.cnt_w { 1891 width :30%; 1892 } 1893 1894 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list li { 1895 padding: 0px 0; 1896 line-height: 43px; 1897 border-bottom: 1px solid #ddd; 1898 } 1899 1900 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list_table .list_td li { 1901 border-bottom: 0; 1902 } 1903 1904 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list_table .list_td li a { 1905 text-decoration: underline; 1906 } 1907 1908 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .list li span { 1909 display: none; 1910 } 1911 1912 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .notice-bar { 1913 background: none; 1914 border: 0; 1915 display: flex; 1916 justify-content: center; 1917 margin: 0 0 30px 0; 1918 } 1919 1920 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .notice-bar p { 1921 line-height: 48px; 1922 font-size: 13px; 1923 font-weight: 500; 1924 letter-spacing: 0.02em; 1925 color: #161616; 1926 margin: 0 30px 0 0; 1927 } 1928 1929 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .notice-bar .notice-info { 1930 float: none; 1931 line-height: 48px; 1932 background: #DDDDDD; 1933 font-size: 13px; 1934 font-weight: 400; 1935 letter-spacing: 0.02em; 1936 text-align: right; 1937 color: #161616; 1938 width: 295px; 1939 padding: 0 20px; 1940 box-sizing: border-box; 1941 border-radius: 6px; 1942 border: 1px solid #ddd; 1943 } 1944 1945 #globWrap[data-wrap="mypage"][data-view="smoney"] #smoney-list .notice-bar .notice-info span { 1946 font-weight: 700; 1947 } 1948 1949 1950 /* ë§ì´íì´ì§-ìì¹ê¸ë¦¬ì¤í¸ */ 1951 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list li { 1952 /*margin-bottom: 0;*/ 1953 } 1954 1955 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list_table .list_td:last-child li { 1956 border-bottom: 0; 1957 } 1958 1959 1960 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list { 1961 padding: 0; 1962 } 1963 1964 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list_table .list_td .view_bt { 1965 line-height: 25px; 1966 color: #161616; 1967 font-size: 12px; 1968 font-weight: 400; 1969 border: 1px solid #8E8E8E; 1970 border-radius: 4px; 1971 padding: 0 20px; 1972 display: inline-block; 1973 } 1974 1975 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list_table .list_td .view_bt:hover { 1976 background: #000; 1977 color: #fff; 1978 } 1979 1980 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list_table .list_th li, #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list_table .list_td li { 1981 width : calc(40%/3); 1982 } 1983 1984 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list_table .list_th li.cnt_w, #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list_table .list_td li.cnt_w { 1985 width :30%; 1986 } 1987 1988 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list li { 1989 padding: 0px 0; 1990 line-height: 43px; 1991 border-bottom: 1px solid #ddd; 1992 } 1993 1994 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list_table .list_td li { 1995 /*border-bottom: 0;*/ 1996 } 1997 1998 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list_table .list_td li a { 1999 text-decoration: underline; 2000 } 2001 2002 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .list li span { 2003 display: none; 2004 } 2005 2006 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .notice-bar { 2007 background: none; 2008 border: 0; 2009 display: flex; 2010 justify-content: center; 2011 margin: 0 0 30px 0; 2012 } 2013 2014 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .notice-bar p { 2015 line-height: 48px; 2016 font-size: 13px; 2017 font-weight: 500; 2018 letter-spacing: 0.02em; 2019 color: #161616; 2020 margin: 0 30px 0 0; 2021 } 2022 2023 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .notice-bar .notice-info { 2024 float: none; 2025 line-height: 48px; 2026 background: #DDDDDD; 2027 font-size: 13px; 2028 font-weight: 400; 2029 letter-spacing: 0.02em; 2030 text-align: right; 2031 color: #161616; 2032 width: 295px; 2033 padding: 0 20px; 2034 box-sizing: border-box; 2035 border-radius: 6px; 2036 border: 1px solid #ddd; 2037 } 2038 2039 #globWrap[data-wrap="mypage"][data-view="cmoney"] #cmoney-list .notice-bar .notice-info span { 2040 font-weight: 700; 2041 } 2042 2043 2044 2045 2046 2047 /* ë§ì´íì´ì§-íìíí´ */ 2048 #globWrap[data-wrap="mypage"][data-view="withdraw"] #withdraw { 2049 max-width: 608px; 2050 /* width: 100%; */ 2051 width: auto; 2052 margin: 0 auto; 2053 position: relative; 2054 padding: 0 16px; 2055 } 2056 2057 #globWrap[data-wrap="mypage"][data-view="withdraw"] #withdraw .h_tit { 2058 margin: 0px 0 80px 0; 2059 font-size: 34px; 2060 font-weight: 700;
2061 line-height: 41.15px; 2062 color: #161616; 2063 text-align: center; 2064 } 2065 2066 #globWrap[data-wrap="mypage"][data-view="withdraw"] #withdraw .h_msg { 2067 font-size: 14px; 2068 font-weight: 400; 2069 line-height: 24px; 2070 color: #161616; 2071 margin: 0 0 40px 0; 2072 } 2073 2074 #globWrap[data-wrap="mypage"][data-view="withdraw"] #withdraw .text_wrap textarea { 2075 width: -webkit-fill-available; 2076 height: 260px; 2077 border: 1px solid #ddd; 2078 border-radius: 6px; 2079 2080 font-size: 13px; 2081 font-weight: 400; 2082 line-height: 16px; 2083 text-align: left; 2084 padding: 15px 20px; 2085 } 2086 2087 .deactivate_reason_text_limit { 2088 display: none; 2089 } 2090 2091 #globWrap[data-wrap="mypage"][data-view="withdraw"] #withdraw .btn_foot { 2092 display: flex; 2093 margin: 20px 0 158px 0; 2094 } 2095 #globWrap[data-wrap="mypage"][data-view="withdraw"] #withdraw .btn_foot .withdraw_bt { 2096 background-color: #161616; 2097 color: #fff; 2098 margin-right: 8px; 2099 } 2100 2101 #globWrap[data-wrap="mypage"][data-view="withdraw"] #withdraw .btn_foot a { 2102 border: 1px solid #161616; 2103 line-height: 64px; 2104 font-size: 18px; 2105 font-weight: 700; 2106 text-align: center; 2107 border-radius: 6px; 2108 display: block; 2109 width: calc(50% - 4px); 2110 box-sizing: border-box; 2111 } 2112 2113 #globWrap[data-wrap="mypage"][data-view="withdraw"] #withdraw .btn_foot .withdraw_bt:hover { 2114 color:#161616; 2115 background: #000; 2116 } 2117 2118 #globWrap[data-wrap="mypage"][data-view="withdraw"] #withdraw .btn_foot .cancel_bt:hover { 2119 color:#fff; 2120 background: #161616; 2121 } 2122 2123 2124 2125 /* ë§ì´íì´ì§-í¨ì¤ìëíì¸ */ 2126 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_inner ul, #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_inner li { 2127 list-style:none; 2128 } 2129 2130 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_inner input[type='text'], #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_inner input[type='password'] { 2131 -webkit-appearance: none; 2132 -webkit-border-radius: 0; 2133 } 2134 2135 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck { 2136 max-width: 608px; 2137 /* width: 100%; */ 2138 width: auto; 2139 margin: 0 auto; 2140 position: relative; 2141 padding: 0 16px; 2142 } 2143 2144 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .h_tit { 2145 margin: 0px 0 80px 0; 2146 font-size: 34px; 2147 font-weight: 700; 2148 line-height: 41.15px; 2149 color: #161616; 2150 text-align: center; 2151 } 2152 2153 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_box .tw_line { 2154 position: relative; 2155 margin-bottom: 10px; 2156 } 2157 2158 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_box .tw_line input.input_type1 { 2159 border-radius: 6px; 2160 border: 1px solid #ddd; 2161 color: #000; 2162 font-size: 15px; 2163 font-weight: 400; 2164 line-height: 16px; 2165 text-indent: 32px; 2166 padding: 36px 0 10px 0; 2167 max-height: none; 2168 height: auto; 2169 box-sizing: border-box; 2170 width: 100%; 2171 } 2172 2173 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_box .tw_line .label_type1.focus { 2174 padding-top: 11px !important; 2175 font-size: 13px; 2176 } 2177 2178 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_box .tw_line .label_type1 { 2179 padding: 24px 0 0 25px; 2180 font-size: 13px; 2181 font-weight: 400; 2182 line-height: 16px; 2183 color: #8E8E8E; 2184 2185 position: absolute; 2186 left: 0; 2187 top: -1px; 2188 height: 15px; 2189 font-size: 13px; 2190 cursor: text; 2191 transition: all 0.3s; 2192 -webkit-transition: all 0.3s; 2193 2194 2195 } 2196 2197 2198 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_box .tw_line .label_type1.focus { 2199 font-size: 11px; 2200 } 2201 2202 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .btn_foot { 2203 overflow: hidden; 2204 height: auto; 2205 width: 100%; 2206 margin: 20px auto 100px auto; 2207 } 2208 2209 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .btn_foot button { 2210 background-color: #161616; 2211 border: 0; 2212 line-height: 64px; 2213 font-size: 18px; 2214 font-weight: 700; 2215 text-align: center; 2216 border-radius: 6px; 2217 padding: 0; 2218 width: auto; 2219 color: #fff; 2220 background: #292828; 2221 display: block; 2222 width: 100%; 2223 margin: 0; 2224 } 2225 2226 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .btn_foot button:hover { 2227 color:#fff; 2228 background: #000; 2229 } 2230 2231 2232 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .login_
2232inner .login_box { 2233 padding: 0; 2234 } 2235 2236 #globWrap[data-wrap="mypage"][data-view="pwcheck"] #pwcheck .mandatory { 2237 color: red; 2238 line-height: 11px; 2239 position: relative; 2240 float: left; 2241 padding-left: 0; 2242 margin: 2px 3px 0 0; 2243 top: 0; 2244 left: 0; 2245 } 2246 2247 2248 /* ë§ì´íì´ì§-주ì리ì¤í¸ */ 2249 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .wrapper .sub-title { 2250 border: 0; 2251 background: none; 2252 line-height: normal; 2253 } 2254 2255 #globWrap[data-wrap="mypage"][data-view="myadress"] #address { 2256 2257 } 2258 2259 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .add { 2260 position: absolute; 2261 top: 0px; 2262 right: 0px; 2263 border: 1px solid #ddd; 2264 font-size: 14px; 2265 font-weight: 400; 2266 line-height: 28px; 2267 color: #161616; 2268 padding: 0 15px; 2269 display: inline-block; 2270 border-radius: 4px; 2271 min-width: 76px; 2272 text-align: center; 2273 box-sizing: border-box; 2274 cursor: pointer 2275 } 2276 2277 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .add:hover { 2278 background: #000; 2279 color: #fff; 2280 } 2281 2282 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .wrapper .sub-title h4 { 2283 font-size: 32px; 2284 font-weight: 700; 2285 line-height: 28px; 2286 color: #161616; 2287 text-indent: 0; 2288 /*margin: 50px 50px 0px 50px;*/ 2289 padding: 0 0 19px 0; 2290 border-bottom: 1px solid #ddd; 2291 } 2292 2293 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .wrapper .sub-title h4.address { 2294 background: none; 2295 } 2296 2297 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content { 2298 padding: 0; 2299 } 2300 2301 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .pop_close { 2302 position: absolute; 2303 right: 15px; 2304 top: 15px; 2305 font-size: 0; 2306 width: 30px; 2307 height: 30px; 2308 z-index: 10000; 2309 } 2310 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .pop_close span { 2311 display: none; 2312 } 2313 2314 2315 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .pop_close:before, #globWrap[data-wrap="mypage"][data-view="myadress"] #address .pop_close:after { 2316 position: absolute; 2317 left: 15px; 2318 content: ' '; 2319 height: 30px; 2320 width: 2px; 2321 background-color: #8E8E8E; 2322 } 2323 2324 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .pop_close:before { 2325 transform: rotate(45deg); 2326 } 2327 2328 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .pop_close:after { 2329 transform: rotate(-45deg); 2330 } 2331 2332 2333 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content ul li { 2334 margin: 20px 0 0 0; 2335 padding: 0 0 20px 0; 2336 border-bottom: 1px solid #ddd; 2337 } 2338 2339 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content ul li:last-child { 2340 /* border: 0;*/ 2341 } 2342 2343 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content ul li .tit { 2344 font-size: 16px; 2345 font-weight: 700; 2346 line-height: 28px; 2347 color: #161616; 2348 } 2349 2350 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content ul li .text { 2351 margin: 11px 0 20px 0; 2352 font-size: 13px; 2353 font-weight: 400; 2354 line-height: 24px; 2355 } 2356 2357 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content ul li .adr_bt { 2358 font-size: 0; 2359 } 2360 2361 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content ul li .adr_bt a { 2362 border: 1px solid #ddd; 2363 font-size: 14px; 2364 font-weight: 400; 2365 line-height: 28px; 2366 color: #161616; 2367 padding: 0 15px; 2368 display: inline-block; 2369 border-radius: 4px; 2370 min-width: 76px; 2371 text-align: center; 2372 box-sizing: border-box; 2373 } 2374 2375 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content ul li .adr_bt a:hover { 2376 background: #000; 2377 color: #fff; 2378 } 2379 2380 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content ul li .adr_bt a:first-child { 2381 margin-right: 5px 2382 } 2383 2384 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .paging { 2385 margin: 50px 0 70px 0; 2386 } 2387 2388 2389 #ajax-more { 2390 margin-bottom: 50px; 2391 } 2392 #globWrap[data-wrap="mypage"][data-view="myadress"] #address .content ul li:last-child { 2393 /*border-bottom: 0;*/ 2394 } 2395 2396 /* ë§ì´íì´ì§-주ìë¡ìì¸ */ 2397 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address { width: 100%; color:black; } 2398 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address h1 { font-weight:bold; height: 44px; line-height: 46px; background-color:#000; color: #fff; font-size: 16px; padding:0 0 0 10px; margin:0;} 2399 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content { padding: 0; } 2400 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content h2 {font-weight:bold; margin:0 0 10px 0; font-size:13px; position:relative; top:0; left:0; color:#000;} 2401 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li {margin:0 0 10px 0; position:relative; top:0; right:0; list-style:none;} 2402 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.focus {padding-top:6px;font-size:13px;} 2403 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li input { 2404 height:43px; 2405 padding: 36px 0px 10px 10px; 2406 border:1px solid #CFCFCF; 2407 font-size:12px; 2408 box-sizing: border-box; 2409 -moz-box-sizing: border-box; 2410 -ms-box-sizing: border-box; 2411 -webkit-box-sizing: border-box; 2412 -khtml-box-sizing:border-box; 2413 color: #000; 2414 } 2415 2416 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li .tit { 2417 font-size: 16px; 2418 font-weight: 700; 2419 line-height: 28px; 2420 color: #161616; 2421 } 2422 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li .text { 2423 margin: 11px 0 20px 0; 2424 font-size: 13px; 2425 font-weight: 400; 2426 line-height: 24px; 2427 } 2428 2429 2430 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li .adr_bt { 2431 font-size: 0; 2432 } 2433 2434 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li .adr_bt a { 2435 border: 1px solid #ddd; 2436 font-size: 14px; 2437 font-weight: 400; 2438 line-height: 28px; 2439 color: #161616; 2440 padding: 0 15px; 2441 display: inline-block; 2442 border-radius: 4px; 2443 min-width: 76px; 2444 text-align: center; 2445 box-sizing: border-box; 2446 } 2447 2448 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li .adr_bt a:hover { 2449 background: #000; 2450 color: #fff; 2451 } 2452 2453 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li .adr_bt a:first-child { 2454 margin-right: 5px 2455 } 2456 2457 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .paging { 2458 margin: 50px 0 70px 0; 2459 } 2460 2461 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .unuse { 2462 min-height: 64px; 2463 } 2464 2465 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .post {font-size:0; position:relative; top:0; left:0; padding-right:121px;} 2466 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .post input {width:100%;} 2467 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .post span {position:absolute; top:0; right:0; display:inline-block; zoom:1; *display:inline; font-size:12px; line-height:25px; background-color:#3E3E3E; color:#fff; vertical-align:middle; margin:0 0 0 5px; padding:0 20px; text-align:center; cursor:pointer;} 2468 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel {/*height:25px;*/} 2469 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel.unuse select {display:none;} 2470 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel.unuse input {width:100%;} 2471 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel select {width:39%; font-size:11px; display:block; border:1px solid #CFCFCF; padding: 14px 6px 14px 6px; line-height:23px; height:43px;} 2472 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel input {width:60%; position:absolute; top:0; right:0;} 2473 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country {} 2474 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country select { 2475 width:100%; 2476 font-size:11px; 2477 display:block; 2478 border:1px solid #CFCFCF; 2479 padding: 14px 6px 14px 6px; 2480 line-height:23px; 2481 height:43px; 2482 } 2483 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country .cn_address select { 2484 display: inline; 2485 } 2486 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .addr_territory { 2487 border: 1px solid #ddd; 2488 border-radius: 6px; 2489 font-size: 13px; 2490 font-weight: 400; 2491 letter-spacing: 0.02em; 2492 color: #8E8E8E; 2493 height: 48px; 2494 /*padding: 14px 6px 4px 6px;*/ 2495 padding-left: 20px; 2496 padding-right: 20px; 2497 /*line-height: 30px;*/ 2498 display:block; 2499 width: 100%; 2500 position:absolute; 2501 background-color:#fff!important; 2502 z-index:1000; 2503 } 2504 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content .normal_addr { 2505 margin: 10px 0 30px 0; 2506 font-size: 14px; 2507 font-weight: 400; 2508 line-height: 20px; 2509 color: #161616; 2510 } 2511 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content .normal_addr input { 2512 accent-color: #000;
2513 width: 20px; 2514 height: 20px; 2515 zoom: 1; 2516 vertical-align: bottom; 2517 margin: 0 10px 0 0; 2518 background: #000; 2519 transition: none; 2520 } 2521 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content .normal_addr input[type=checkbox]:checked { 2522 appearance: none; 2523 outline: none; 2524 border: 0; 2525 background-size: auto; 2526 position: relative; 2527 } 2528 2529 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content .normal_addr input[type=checkbox]:checked:after { 2530 content: ""; 2531 position: absolute; 2532 left: 6px; 2533 top: 2px; 2534 display: inline-block; 2535 width: 5px; 2536 height: 10px; 2537 border-bottom: 2px solid #fff; 2538 border-right: 2px solid #fff; 2539 transform: rotate(45deg); 2540 } 2541 2542 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content .addr_btn { 2543 background: none; 2544 width: 100%; 2545 margin:0 auto; 2546 } 2547 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content .addr_btn a { 2548 background: #000; 2549 line-height: 64px; 2550 font-size: 17px; 2551 font-weight: 700; 2552 color: #fff; 2553 text-align: center; 2554 border-radius: 6px; 2555 display: block; 2556 } 2557 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .width100per {width:100%;} 2558 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .width50per {width:50%;} 2559 2560 /* error check */ 2561 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .error_on {} 2562 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .error_on input, #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .error_on select {border:1px solid #ff0000!important;} 2563 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .error_on:after {/*content:"ì 보를 ì ë ¥í´ì£¼ì¸ì."; color:#FF0000; line-height:30px; font-size:11px; margin:0px 0 5px 10px;*/} 2564 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .error_on .ad_check {color:#FF0000; line-height:20px; font-size:11px; margin:5px 0 5px 0px;} 2565 2566 /* input placeholder css */ 2567 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul {font-size:0;} 2568 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li { 2569 position:relative; 2570 top:0; 2571 left:0; 2572 min-height: 64px; 2573 vertical-align:top; 2574 font-size:12px; 2575 } 2576 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel label { 2577 left:40%; 2578 padding-left: 20px; 2579 padding-right: 20px; 2580 } 2581 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel.unuse label {left:0%;} 2582 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel.unuse input {width:100%;} 2583 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel.unuse select {display:none;} 2584 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li label { 2585 position:absolute; 2586 top:0px; 2587 left:10px; 2588 color:#777; 2589 z-index:100; 2590 cursor: text; 2591 transition: all 0.3s; 2592 -webkit-transition: all 0.3s; 2593 -moz-transition: all 0.3s; 2594 padding: 24px 0 0 10px; 2595 font-size:13px; 2596 } 2597 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li label.focus { 2598 padding-top: 11px!important; 2599 font-size: 11px; 2600 } 2601 2602 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li:not(:has(.mandatory)) > input { 2603 padding-left: 19px; 2604 } 2605 2606 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.name.first { width:50%; display:inline-block; zoom:1; *display:inline;} 2607 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.name.last {width:49%; display:inline-block; zoom:1; *display:inline; margin-left:1%; position:relative; top:0; left:0px;} 2608 /*#globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.name span {position:relative; top:0; left:0; display:block; width:50%;}*/ 2609 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.name input {width:100%;} 2610 2611 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li input, 2612 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel select, 2613 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .addr_territory, 2614 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country select, 2615 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel select { 2616 border: 1px solid #ddd; 2617 border-radius: 6px; 2618 font-size: 13px; 2619 font-weight: 400; 2620 letter-spacing: 0.02em; 2621 color: #000; 2622 } 2623 2624 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li input, #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country select, #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .addr_territory, #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country select, #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel select { 2625 height: 64px; 2626 padding-left: 27px; 2627 padding-right: 20px; 2628 } 2629 2630 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address select { 2631 background: url(/Common/img/search_arrow_gray.png) no-repeat calc(100% - 16px) 50% / 10px auto; 2632 border: 1px solid #ddd; 2633 border-radius: 6px; 2634 } 2635 2636 #globWrap[data-wrap="mypage"][data-view="myadressview"] #content #address .content ul li select { 2637 padding-left: 19px; 2638 } 2639 2640 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .eng_addr .ad_check { 2641 display: none; 2642 } 2643 2644 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.zip .login_zip { 2645 position: absolute; 2646 top: 0px; 2647 right: 0px; 2648 width: 31%; 2649 /*line-height: 43px;*/ 2650 height: 64px; 2651 text-align: center; 2652 display: block; 2653 margin-left: 0; 2654 } 2655 2656 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.zip .login_zip a { 2657 color:#fff; 2658 line-height: 64px; 2659 display:block; 2660 background: #292828; 2661 margin-left:3%; 2662 letter-spacing: -2px; 2663 border-radius: 6px; 2664 } 2665 2666 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.zip { 2667 overflow:hidden; 2668 } 2669 2670 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.zip ul { 2671 position:relative; 2672 top:0; 2673 left:0; 2674 display:block; 2675 float:left; 2676 width:33%; 2677 } 2678 2679 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.zip ul.unuse { 2680 position:relative; 2681 top:0; 2682 left:0; 2683 display:block; 2684 float:left; 2685 width:48.5%; 2686 } 2687 2688 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.zip ul li { 2689 margin-bottom:0; 2690 } 2691 2692 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.zip ul.first { 2693 margin-right:1%; 2694 } 2695 2696 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li.zip .zip_line { 2697 float:left; 2698 width:3%; 2699 line-height:64px; 2700 margin-left:-1%; 2701 text-align:center; 2702 } 2703 2704 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .mandatory { 2705 float: left; 2706 padding-left: 0; 2707 margin: 2px 3px 0 0; 2708 top: 0; 2709 left: 0; 2710 color: red; 2711 line-height: 11px; 2712 /*padding-left: 7px;*/ 2713 position: relative; 2714 } 2715 2716 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .width78per { 2717 width: 79%; 2718 } 2719 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country { 2720 2721 } 2722 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country select { 2723 /* 2724 font-size:11px; 2725 display:block; 2726 border:1px solid #CFCFCF; 2727 padding: 11px 6px 14px 6px; 2728 line-height:23px; 2729 height:43px; 2730 width:100%; 2731 */ 2732 } 2733 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country .address_country input { 2734 height:43px; 2735 } 2736 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country .address_country .address_country_left { 2737 position:absolute; 2738 top:0; 2739 left:0; 2740 } 2741 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country .address_country .cn_address { 2742 width:100%; 2743 position:absolute; 2744 top:0; 2745 right:0; 2746 font-size:0; 2747 text-align:right; 2748 } 2749 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country .address_country .cn_address select { 2750 width:32.65%!important; 2751 display:inline-block; 2752 zoom:1; 2753 *display:inline; 2754 margin-left:1%; 2755 /*padding-left:10px;*/ 2756 font-size:12px; 2757 } 2758 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country .address_country .cn_address select:first-of-type { 2759 margin-left:0%; 2760 } 2761 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country .address_country.cn_address_select .cn_address { 2762 display:block; 2763 } 2764 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country .address_country .address_country_left { 2765 width:25%; 2766 } 2767 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country .address_country .foreign_address { 2768 width:100%; 2769 position:absolute; 2770 top:0; 2771 right:0; 2772 font-size:0; 2773 text-align:right; 2774 } 2775 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .trans_pinyin { 2776 width:20%; 2777 /*line-height:43px;*/ 2778 height:inherit; 2779 text-align: center; 2780 background: #292828; 2781 display: block; 2782 margin-left: 0; 2783 float:right; 2784 border-radius: 6px; 2785 } 2786 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .trans_pinyin a { 2787 font-size: 13px; 2788 font-weight: bold; 2789 color: #fff; 2790 display:block; 2791 line-height: 64px; 2792 } 2793 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .trans_pinyin:hover { 2794 background:#4B4A49; 2795 border-color:#4B4A49; 2796 } 2797 2798 /* ì°í¸ë²í¸ 찾기 */ 2799 #globWrap[data-wrap="mypage"]:is([data-view="myadressview"], [data-view="modify"]) .search_zipcode { 2800 position: absolute; 2801 top: 0px; 2802 right: 0px; 2803 width: 30%; 2804 min-height: 64px; 2805 text-align: center; 2806 background: #292828; 2807 display: block; 2808 margin-left: 0; 2809 border-radius: 6px; 2810 } 2811 #globWrap[data-wrap="mypage"]:is([data-view="myadressview"], [data-view="modify"]) .search_zipcode button { 2812 color: #fff; 2813 line-height: 64px; 2814 width: 100%; 2815 background: none; 2816 border: none; 2817 cursor: pointer; 2818 padding: 0; 2819 } 2820 2821 /* ì¤êµ êµê°ì í */ 2822 #globWrap[data-wrap="mypage"]:is([data-view="myadressview"], [data-view="modify"]) .cn-address-selects select { 2823 font-size:11px; 2824 display:block; 2825 border:1px solid #CFCFCF; 2826 padding: 11px 6px 14px 6px; 2827 line-height:23px; 2828 height:64px; 2829 width:100%; 2830 } 2831 2832 #globWrap[data-wrap="mypage"]:is([data-view="myadressview"], [data-view="modify"]) .cn-address-selects input{ 2833 height:54px; 2834 } 2835 2836 #globWrap[data-wrap="mypage"]:is([data-view="myadressview"], [data-view="modify"]) .cn-address-selects .address_country { 2837 width:100%; 2838 position:absolute; 2839 top:0; 2840 right:0; 2841 font-size:0; 2842 text-align:right; 2843 } 2844 2845 #globWrap[data-wrap="mypage"]:is([data-view="myadressview"], [data-view="modify"]) .cn-address-selects .address_country select { 2846 width:32.65%!important; 2847 display:inline-block; 2848 zoom:1; 2849 *display:inline; 2850 margin-left:1%; 2851 padding-left: 25px; 2852 font-size: 13px; 2853 font-weight: 400; 2854 color: #000; 2855 } 2856 2857 #globWrap[data-wrap="mypage"]:is([data-view="myadressview"], [data-view="modify"]) .cn-address-selects .address_country select:first-of-type { 2858 margin-left:0%; 2859 } 2860 2861 #globWrap[data-wrap="mypage"]:is([data-view="modify"]) #field-province-state select { 2862 width:100%; 2863 font-size:11px; 2864 display:block; 2865 border:1px solid #CFCFCF; 2866 padding: 21px 0px 5px 10px; 2867 line-height:64px; 2868 height:64px; 2869 } 2870 #globWrap[data-wrap="mypage"]:is([data-view="myadressview"]) #field-province-state select { 2871 width:100%; 2872 font-size:11px; 2873 display:block; 2874 border:1px solid #CFCFCF; 2875 line-height:64px; 2876 height:64px; 2877 } 2878 2879 #globWrap[data-wrap="mypage"][data-view="myadressview"] #content #address .content ul li input { 2880 color: #000; 2881 } 2882 2883 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con #country { 2884 display:block; 2885 width:100%; 2886 line-height:64px; 2887 height:64px; 2888 border: 1px solid #dcdcdc; 2889 text-indent:10px; 2890 } 2891 2892 /* ë§ì´íì´ì§-íìì ë³´ìì */ 2893 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type1, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_id, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_email { 2894 text-indent: 31px; 2895 } 2896 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .login_certification, #joinInfo .h_tit, #joinInfo .h_msg, #joinInfo .h_msg span, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .h_tit, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .h_msg, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .h_msg span, #joinInfo .join_con .join_cft .text a, #joinInfo .join_con .ad_check, #joinInfo .join_con .add_text, #joinInfo .join_con .ad_check #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn_foot .btn_agree, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con, #joinInfo .btn_foot .btn_agree, #joinInfo .dev_info, #joinInfo .add_info, #joinInfo .join_con .join_sms .tit, #joinInfo .join_con .join_mail .tit, #joinInfo .join_con .join_reseller .tit, #joinInfo .join_con .join_reseller .text, #loginWrap .login_
2896inner .u_menu > li a, #loginWrap .login_inner .btn_login, #loginWrap, #loginWrap select, #loginWrap input, #loginWrap label, #loginWrap a, #joinInfo select, #joinInfo .tit-required, #joinInfo input, #joinInfo label, #joinInfo label a, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo select, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .tit-required, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo input, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo label, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo label a {font-family:Helvetica,Arial,sans-serif;} 2897 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo { margin: 0px 0 0 0;} 2898 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .h_tit {margin-bottom:10px;font-size:20px;text-align:center;font-weight:bold; color: #2e2e2e;} 2899 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .h_msg {margin-bottom:10px;text-align:center; color: #5f5e5e; font-size:12px;} 2900 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .h_msg span { color:red; line-height:11px; padding-right:0px;} 2901 2902 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo ul, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo li { list-style:none; margin:0; padding:0;} 2903 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo input[type='text'], #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo input[type='password'] {-webkit-appearance: none; -webkit-border-radius: 0;} 2904 2905 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .page-body { padding: 50px 60px 0px; } 2906 2907 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .tit-required { font-weight: bold; width:auto; margin:10px; text-align:right; font-size:13px;} 2908 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .tit-required span { color:red; line-height:11px; padding-right:3px; vertical-align:bottom;} 2909 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .tit-required img { vertical-align: middle; } 2910 2911 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .table-join { margin-top: 10px; } 2912 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .table-join th { font-weight: bold; letter-spacing: -1px; } 2913 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .table-join th .tb-left { padding-left: 13px; } 2914 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .table-join th img { position: relative; left: -10px; margin-right: -10px; } 2915 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .table-join p { margin-top: 5px; } 2916 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .table-join ul li { padding: 2px 0; } 2917 2918 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn-foot { text-align: center; font-size: 0; line-height: 0; } 2919 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn-foot a { margin-left: 10px; } 2920 2921 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con { position: relative; top:0; left:0; width:100%; padding: 0px 0px 20px 0px; } 2922 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con > ul { padding:10px; width:auto; } 2923 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line { position: relative; margin-bottom: 5px;} 2924 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line.focus { padding-top:6px;font-size:13px;} 2925 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type1 { box-sizing : border-box; width:100%; padding: 21px 0 5px 0; font-size: 13px; font-weight: bold; border: 1px solid #000; color: #969696; text-indent:16px; max-height:43px;} 2926 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type2 { box-sizing : border-box; width:100%; padding: 21px 0 5px 0; font-size: 11px; border: 1px solid #dcdcdc; color: #000; font-size:13px; text-indent:16px; max-height:43px;} 2927 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_tel .tw_line { display:block; float:right; width:50%;} 2928 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type3 { box-sizing : border-box; width:100%; padding: 21px 0 5px 0; font-size: 11px; border: 1px solid #dcdcdc; color: #000; text-indent:16px; max-height:43px;} 2929 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type4 { box-sizing : border-box; width:100%; padding: 21px 0 7px 0; font-size: 11px; border: 1px solid #dcdcdc; color: #000; text-indent:16px; max-height:43px;} 2930 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type5 { box-sizing : border-box; width:100%; padding: 21px 0 8px 0; font-size: 11px; border: 1px solid #dcdcdc; color: #000; text-indent:16px; max-height:43px;} 2931 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type6 { 2932 box-sizing : border-box; 2933 width:100%; 2934 padding: 21px 0 8px 0; 2935 font-size: 11px; 2936 border: 1px solid #dcdcdc; 2937 color: #000; 2938 text-indent:16px; 2939 max-height:43px; 2940 } 2941 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .fw_line { 2942 display: flex; 2943 gap: 10px; 2944 } 2945 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .fw_line label:nth-child(4) { 2946 left: 50%; 2947 } 2948 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .ad_check, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .add_text, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .ad_check { display:none; color:#FF0000; line-height:30px; margin:0 0 9px 0; font-size:13px;} 2949 2950 2951 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_tel:after, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_sms:after, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_mail:after, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_reseller:after { content:""; clear:both; display:block; } 2952 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_tel select { 2953 display:block; float:left; width:49%; line-height:43px; 2954 height:43px; border: 1px solid #dcdcdc; margin-bottom:5px; 2955 font-size:13px; text-indent:10px; 2956 color: #000; 2957 } 2958 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_tel.error_on select {border:1px solid #dcdcdc!important; } 2959 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con li input:focus { font-size:12px; border-color:#777!important;} 2960 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_mail .text label, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_sms .text label { margin-right:10px;display:inline-block;zoom:1;*display:inline; font-size:13px;} 2961 2962 2963 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_sms { margin:10px 0 0 0;} 2964 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_sms .tit, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_mail .tit { float:left; display:block; width:49%; line-height:43px; height:43px; font-size:13px; max-height:43px;} 2965 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_sms .text, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_mail .text { float:right; display:block; width:50%; line-height:43px; font-size:0;} 2966 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line .label_type1.focus { padding-top:11px!important; font-size:13px;} 2967 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line .label_type1, 2968 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line .label_type2 { 2969 position:absolute;
2969left:0;top:0px;height:15px;padding:14px 0 0 16px;font-size:13px; cursor:text; 2970 transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s; 2971 } 2972 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con #join_country { display:block; width:100%; line-height:43px; height:43px; border: 1px solid #dcdcdc; text-indent:10px;} 2973 2974 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_cft { margin:30px 0 0 0; overflow:hidden;} 2975 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_cft .tw_line { display:block; width:100%; height:43px; margin-top:5px;} 2976 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_cft .text { width:100%; line-height:43px; height:43px; max-height:43px;} 2977 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_cft .text span { display:inline-block; zoom:1; *display:inline; vertical-align: top;} 2978 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_cft .text img { /* width:100%; height:40px; */} 2979 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_cft .text a {color: #1172B6; width:30%; text-indent:10px; font-size:13px; display:inline-block; zoom:1; *display:inline; vertical-align: top;} 2980 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con li.last { margin:20px 0 20px 0;} 2981 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_cft.error_on {border:0!important; height:auto;} 2982 2983 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .labels { /*line-height:43px;*/ /* height:43px; */ margin:30px 0 0px 0; width:auto; font-size:13px; padding:0 10px; } 2984 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .labels a { text-decoration:underline; color:#1172B6; vertical-align:bottom; /* line-height:43px;*/ /* height:43px;*/ font-size:13px;} 2985 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_reseller .tit { float:left; display:block; width:49%; height:43px; max-height:43px;} 2986 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_reseller .text { float:right; display:block; width:48%; line-height:43px; max-height:43px; font-size:13px;} 2987 2988 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn_foot .btn_agree { width:auto; text-align: center; margin:0 10px; padding:12px 0; font-size: 14px; font-weight: bold; color: #fff; background: #292828; border: 1px solid #292828; display:block; } 2989 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn_foot { overflow:hidden; height:auto; width:100%; margin:0 auto 70px auto;} 2990 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn_foot .btn_agree:hover {} 2991 2992 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .dev_info {margin:30px 0 0px 0;} 2993 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .dev_info .dev_tit { line-height:40px; height:40px; margin:10px 0 0 0; color:#000; font-weight:bold; font-size:13px;} 2994 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .dev_info li .tw_line { display:block;} 2995 2996 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info {margin:30px 0 0px 0;} 2997 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .add_tit {line-height:40px; height:40px; margin:10px 0 0 0; color:#000; font-weight:bold; font-size:13px;} 2998 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info li {margin:0 0 5px 0;} 2999 3000 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .basic_type:after {content:""; clear:both; display:block;} 3001 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .basic_type .tit {float:left; display:block; width:38%; line-height:43px; max-height:43px; /* height:44px; */ font-size:13px; word-break:break-all;} 3002 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .basic_type .text {float:right; display:block; width:61%; line-height:43px; font-size:13px;} 3003 3004 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .radio_type:after {content:""; clear:both; display:block;} 3005 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .radio_type .tit {float:left; display:block; width:38%; line-height:43px; max-height:43px; font-size:13px; word-break:break-all;} 3006 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .radio_type .text {float:right; display:block; width:61%; line-height:43px; font-size:0;} 3007 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .radio_type .text label {margin-right:10px;display:inline-block;zoom:1;*display:inline; font-size:13px;} 3008 3009 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .checkbox_type:after {content:""; clear:both; display:block;} 3010 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .checkbox_type .tit {float:left; display:block; width:38%; line-height:43px; max-height:43px;/* height:44px; */ font-size:13px; word-break:break-all;} 3011 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .checkbox_type .text {float:right; display:block; width:61%; line-height:43px; font-size:0;} 3012 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .checkbox_type .text label {margin-right:10px;display:inline-block;zoom:1;*display:inline; font-size:13px;} 3013 3014 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .input_type > span {position: relative; top:0; left:0; margin-bottom: 5px; display:block; } 3015 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .input_type input {box-sizing : border-box; width:100%; padding: 21px 0 5px 0; font-size: 13px; font-weight: bold; border: 1px solid #dcdcdc; color: #969696; text-indent:16px;} 3016 3017 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .selectbox_type:after {content:""; clear:both; display:block;} 3018 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .selectbox_type .tit {float:left; display:block; width:38%; line-height:43px; max-height:43px; /* height:44px;*/ font-size:13px;} 3019 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .selectbox_type .text {float:right; display:block; width:61%; line-height:43px; max-height:43px; font-size:13px;} 3020 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .selectbox_type .text label {margin-right:10px;} 3021 3022 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .selectbox_type .text select {text-indent:10px; display: block; float: left; width: 100%; line-height:43px; height:43px; max-height:43px; border: 1px solid #dcdcdc; margin-bottom: 5px; font-size: 13px;} 3023 3024 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con ul {zoom:1;} 3025 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con ul:after {content:""; clear:both; display:block;} 3026 3027 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .mandatory { color:red; line-height:11px; padding-left:7px; position:relative; top:4px; left:0;} 3028 3029 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_id, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_email { width:auto; height: 15px; padding: 21px 0 5px 0; font-size: 13px; font-weight: bold; border: 1px solid #dcdcdc; color: #969696; display:block; text-indent:15px;} 3030 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_email {width:69%;} 3031 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .error_on input, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .error_on select { border:1px solid #FF0000!important;} 3032 3033 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .login_certification { 3034 position:absolute; 3035 top:0px; 3036 right:0px; 3037 width:30%; 3038 /*line-height:43px;*/ 3039 height: 64px; 3040 /*max-height:43px;*/ 3041 text-align: center; 3042 background: #292828; 3043 display: block; 3044 margin-left: 0; 3045 border-radius: 0 6px 6px 0; 3046 } 3047 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .login_certification a { 3048 font-size: 13px; 3049 font-weight: bold; 3050 color: #fff; 3051 display:block; 3052 line-height: 64px; 3053 } 3054 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .login_certification:hover { background:#4B4A49; border-color:#4B4A49;} 3055 3056 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .login_zip {position:absolute; top:0px; right:0px; width:30%; line-height:43px; height:43px; max-height:43px; text-align: center; background: #292828; display: block; margin-left: 0;} 3057 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .login_zip a { font-size: 13px; font-weight: bold; color: #fff; display:block; line-height:43px;} 3058 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .login_zip:hover {background:#4B4A49; border-color:#4B4A49;} 3059 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo #join_zipcode {} 3060 3061 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .unuse { 3062 min-height: 64px; 3063 } 3064 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .unuse select { display:none;} 3065 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .unuse .tw_line { float:none; width:auto;} 3066 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .unuse .tw_line input { float:none; width:100%;} 3067 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .unuse .join_email {width:auto;} 3068 3069 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_country {overflow: hidden; display: block;} 3070 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_country select {/* display:block; */ padding: 12px 0 11px 0px; line-height:23px; height:auto; border: 1px solid #dcdcdc; margin-bottom:5px; font-size:13px; margin-bottom:0;} 3071 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_country .cn_address_left {width:25%; float:left;} 3072 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_country .cn_address {width:75%; float:left;} 3073 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_country .cn_address_left select {width:100%!important; padding-left:10px;} 3074 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_country .cn_address select {width:32.3%!important; float:left; margin-left:1%; padding-left:10px;} 3075 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_country .cn_address_left select.internal_country_last {display:none;} 3076 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .add_adress .cn_address_left {width:100%!important; float:none!important;} 3077 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .add_adress .cn_address_left select {width:49%!important;} 3078 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .add_adress .cn_address_left .internal_country_last {float:right!important; width:50%!important; display:block!important; } 3079 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .add_adress .cn_address {display:none;} 3080 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .error_on .join_country select {border:1px solid #dcdcdc!important;} 3081 3082 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo { 3083 max-width: 608px; 3084 margin: 0 auto; 3085 position: relative; 3086 } 3087 3088 3089 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con > ul { 3090 padding: 0; 3091 } 3092 3093 3094 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn_foot .btn_agree { 3095 margin: 0; 3096 } 3097 3098 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type1, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_id, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_email { 3099 /*padding: 30px 0 16px 0;*/ 3100 padding: 36px 0 10px 0; 3101 max-height: none; 3102 height: auto; 3103 } 3104 3105 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn_foot .btn_agree { 3106 padding: 0; 3107 line-height: 64px; 3108 } 3109 3110 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .h_tit { 3111 margin: 0px 0 80px 0; 3112 font-size: 34px; 3113 font-weight: 700;
3114 line-height: 41.15px; 3115 color: #161616; 3116 } 3117 3118 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .h_msg { 3119 font-size: 14px; 3120 font-weight: 400; 3121 line-height: 16px; 3122 text-align: right; 3123 } 3124 3125 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .mandatory { 3126 float: left; 3127 padding-left: 0; 3128 margin:2px 3px 0 0; 3129 top: 0; 3130 } 3131 3132 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line .label_type1 { 3133 padding: 24px 0 0 25px; 3134 font-size: 13px; 3135 font-weight: 400; 3136 line-height: 16px; 3137 color: #8E8E8E; 3138 } 3139 3140 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo li { 3141 overflow: hidden; 3142 } 3143 3144 3145 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type1 { 3146 border-radius: 6px; 3147 border: 1px solid #ddd; 3148 color: #000; 3149 font-size: 13px; 3150 font-weight: 400; 3151 line-height: 16px; 3152 } 3153 3154 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_id, 3155 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_email { 3156 color: #000; 3157 font-size: 13px; 3158 font-weight: 400; 3159 line-height: 16px; 3160 border-radius: 6px; 3161 } 3162 3163 3164 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type1, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_id, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_email { 3165 text-indent: 31px; 3166 } 3167 3168 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line { 3169 margin-bottom: 10px; 3170 } 3171 3172 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn_foot { 3173 margin-bottom: 40px; 3174 } 3175 3176 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn_foot .btn_agree { 3177 background-color: #161616; 3178 border: 0; 3179 line-height: 64px; 3180 font-size: 18px; 3181 font-weight: 700; 3182 text-align: center; 3183 border-radius: 6px; 3184 } 3185 3186 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .btn_foot .btn_agree:hover { 3187 3188 } 3189 3190 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .withdraw_bt { 3191 text-align: right; 3192 margin: 0 0 150px 0; 3193 } 3194 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .withdraw_bt a { 3195 font-size: 13px; 3196 font-weight: 400; 3197 line-height: 16px; 3198 text-decoration: underline; 3199 color: #8E8E8E; 3200 } 3201 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .withdraw_bt a:hover { 3202 color: #000; 3203 } 3204 3205 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line .label_type1.focus { 3206 font-size:11px; 3207 } 3208 3209 /* 주ìì²´ê³ ë³ê²½ ê´ë ¨ ì¶ê° */ 3210 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type2 { 3211 padding: 36px 0 10px 0; 3212 border-radius: 6px; 3213 max-height: none; 3214 font-size: 13px; 3215 } 3216 3217 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con #country, #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con [name=country_code_t], #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con [name=country_code_m], #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con #join_country { 3218 height: 64px; 3219 border-radius: 6px; 3220 color: #8E8E8E; 3221 } 3222 3223 #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul li input, #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel select, #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .addr_territory, #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .country select, #globWrap[data-wrap="mypage"][data-view="myadressview"] #address .content ul .tel select { 3224 color: #000; 3225 } 3226 3227 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .login_zip { 3228 height: 64px; 3229 line-height: 64px; 3230 border-radius: 6px; 3231 max-height: none; 3232 } 3233 3234 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .login_zip a { 3235 line-height: 64px; 3236 } 3237 3238 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .cn_address { 3239 display: flex; 3240 flex-wrap: wrap; 3241 gap: 5px; 3242 } 3243 3244 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .cn_address select {
3245 width: calc((100% - 10px) / 3); 3246 height: 64px; 3247 line-height: normal; 3248 border-radius: 6px; 3249 color: #8E8E8E; 3250 border: 1px solid #dcdcdc; 3251 text-indent: 10px; 3252 font-size: 12px; 3253 font-weight: 400; 3254 } 3255 3256 #globWrap[data-wrap="mypage"][data-view="modify"] select, #globWrap[data-wrap="mypage"][data-view="myadressview"] select { 3257 background: url(/Common/img/search_arrow.png) no-repeat calc(100% - 16px) 50% / 10px auto; 3258 } 3259 3260 /* 주ìì²´ê³ íìì ë³´ìì ê´ë ¨ ì¶ê° */ 3261 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_tel select { 3262 height: 64px; 3263 } 3264 3265 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type1[name=birthday] { 3266 text-indent: 15px; 3267 } 3268 3269 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line:not(:has(.mandatory)) input[name="birthday"] { 3270 text-indent: 11px; 3271 } 3272 3273 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .join_tel select { 3274 padding-left: 15px; 3275 } 3276 3277 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line:not(:has(.mandatory)) input.input_type2[name="mobile"], 3278 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line:not(:has(.mandatory)) input.input_type2[name="phone"] { 3279 text-indent: 23px; 3280 } 3281 3282 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type2[name="mobile"], 3283 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .tw_line input.input_type2[name="phone"] { 3284 text-indent: 30px; 3285 } 3286 3287 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo li .tit > .mandatory { 3288 top: 50%; 3289 transform: translateY(-50%); 3290 } 3291 3292 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .tit > .mandatory { 3293 top: 0; 3294 transform: none; 3295 } 3296 3297 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info li { 3298 min-height: 43px; 3299 display: flex; 3300 align-items: center; 3301 } 3302 3303 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .add_info .tit, 3304 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .modify_con .add_info .text { 3305 display: flex; 3306 align-items: center; 3307 line-height: normal; 3308 max-height: none; 3309 } 3310 3311 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .tit .mandatory { 3312 order: -1; 3313 } 3314 3315 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .text label { 3316 white-space: nowrap; 3317 } 3318 3319 #globWrap[data-wrap="mypage"][data-view="modify"] #modifyInfo .add_info .selectbox_type .text select { 3320 border: 1px solid #ddd; 3321 border-radius: 6px; 3322 font-size: 13px; 3323 color: #000; 3324 text-indent: 15px; 3325 } 3326 3327 /* ë§ì´íì´ì§ 측면ë©ë´ ì¡´ì¬ */ 3328 #globWrap:has(#globWrapSide) #blk_scroll_wings { 3329 margin-left: 170px; 3330 } 3331 3332 /* ë§ì´íì´ì§-1:1 */ 3333 #globWrap[data-wrap="board"].myboard #wrap #content .bbs-hd { 3334 display: none; 3335 } 3336 3337 #globWrap[data-wrap="board"].myboard #bbsData .bbs-table-list tbody td div:not(:has(.b_subject)) { 3338 display: flex; 3339 } 3340 3341 #globWrap[data-wrap="board"].myboard #bbsData .bbs-table-list tbody td div:not(:has(.b_subject)) a { 3342 flex: 1; 3343 position: static; 3344 margin: 0 0 0 5px; 3345 } 3346 3347 #globWrap[data-wrap="board"][data-view="view"].myboard #bbsData .bbs-table-list { 3348 display: none; 3349 } 3350 3351 /* ë§ì´íì´ì§-ìì리ì¤í¸ */ 3352 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket:has(.item_list) .tit_page { 3353 margin: 0 0 56px 0; 3354 } 3355 3356 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .ipo-option-wrap #res-width { 3357 margin-top: 20px; 3358 } 3359 3360 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .ipo-option-wrap .opt-sel { 3361 margin-top: 30px; 3362 } 3363 3364 /* ì¤íì¼ ìµì */ 3365 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op { 3366 position: relative; 3367 margin: 0 0 10px 0; 3368 } 3369 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op dt { 3370 vertical-align: top; 3371 text-transform: capitalize; 3372 width: 100%!important; 3373 } 3374 3375 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op dd { 3376 font-size: 0; 3377 vertical-align: top; 3378 width: 100%!important; 3379 } 3380 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op dt, #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op dd { 3381 display: block; 3382 } 3383 3384 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op dd input { 3385 border: 1px solid #898989; 3386 margin: 0 5px 5px 0; 3387 cursor: pointer; 3388 display: inline-block; 3389 vertical-align: top; 3390 transition: none; 3391 } 3392 3393 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op.text_op input { 3394 text-align: center; 3395 font-size: 12px; 3396 line-height: 40px; 3397 height: 40px; 3398 min-width: 40px; 3399 padding: 0 12px; 3400 background: #fff; 3401 width: auto; 3402 font-weight: 700; 3403 } 3404 3405 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op dd input.on, #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op.text_op input:active { 3406 border: 3px solid #000!important; 3407 3408 } 3409 3410 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op.text_op dd input.no-stock { 3411 background: rgba(120, 120, 120, 0.5); 3412 cursor: default; 3413 } 3414 3415 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op dd .exp_txt { 3416 font-size: 12px; 3417 /*margin: 5px 0 10px 0;*/ 3418 position: absolute; 3419 top: 0; 3420 left: 0; 3421 font-size: 14px; 3422 font-weight: 500; 3423 color: #000; 3424 background: #fff; 3425 } 3426 3427 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op.icon_op input { 3428 font-size: 0; 3429 width: 40px; 3430 height: 40px; 3431 line-height: 40px; 3432 text-align: center; 3433 /*border-radius: 50%;*/ 3434 box-sizing: border-box; 3435 transition: none; 3436 } 3437 3438 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op.icon_op dd input.no-stock { 3439 opacity: 0.5; 3440 cursor: default; 3441 } 3442 3443 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op.icon_op input.img_style { 3444 background-size: cover; 3445 background-position: center center; 3446 } 3447 3448 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .expand_op.icon_op input.no-select { 3449 background: #fff; 3450 position: relative; 3451 width: 22px; 3452 font-size: 15px; 3453 color: #898989; 3454 font-family: arial; 3455 line-height: 19px; 3456 padding: 0; 3457 } 3458 3459 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 { 3460 position: fixed; 3461 top: 50%; 3462 left: 50%; 3463 width: 566px; 3464 height: auto; 3465 min-height: auto; 3466 z-index: 1000000; 3467 display: block; 3468 transform: translate(-50%, -50%); 3469 background: #fff; 3470 padding: 50px 50px; 3471 border-radius: 30px; 3472 box-sizing: border-box; 3473 3474 } 3475 3476 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont { 3477 padding: 0; 3478 } 3479 3480 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 h3 { 3481 background: none; 3482 padding: 0; 3483 min-height: 50px; 3484 display: none; 3485 } 3486 3487 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 #layer1_tit { 3488 background: none; 3489 height: auto; 3490 padding: 0; 3491 } 3492 3493 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lclose { 3494 display: block; 3495 width: 30px; 3496 background: none; 3497 height: 30px; 3498 position: absolute; 3499 top: -30px; 3500 right: -30px; 3501 background-size: 11px 11px; 3502 text-indent: -9999px; 3503 font-size: 0; 3504 border-top-left-radius: 5px; 3505 border-top-right-radius: 5px; 3506 -webkit-border-top-left-radius: 5px; 3507 -webkit-border-top-right-radius: 5px; 3508 } 3509 3510 3511 3512 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lclose:before, #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lclose:after { 3513 position: absolute; 3514 top: 0; 3515 left: 15px; 3516 content: ' '; 3517 height: 30px; 3518 width: 2px; 3519 background-color: #8E8E8E; 3520 } 3521 3522 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lclose:before { 3523 transform: rotate(45deg); 3524 } 3525 3526 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lclose:after { 3527 transform: rotate(-45deg); 3528 } 3529 3530 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-w { 3531 height: auto; 3532 margin: 0; 3533 width: auto; 3534 overflow: hidden; 3535 display: flex; 3536 } 3537 3538 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-w .thumb { 3539 border: 0; 3540 margin-right: 20px; 3541 width: auto; 3542 } 3543 3544 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-w .thumb img { 3545 width: 120px; 3546 height: auto; 3547 } 3548 3549 3550 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .pinfo .pname a { 3551 color: #000; 3552 font-size: 20px; 3553 font-weight: 600;
3554 line-height: 26px; 3555 color: #000; 3556 } 3557 3558 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .pinfo .price { 3559 margin: 10px 0 0 0; 3560 font-size: 20px; 3561 font-weight: 400; 3562 line-height: 24.2px; 3563 color: #000; 3564 } 3565 3566 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn { 3567 display: flex; 3568 } 3569 3570 3571 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn .btn-type-01 span { /* cancle */ 3572 color: #BFAF8C; 3573 3574 } 3575 3576 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn button:first-child { /* cart */ 3577 color: #fff; 3578 background: #000; 3579 } 3580 3581 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn .btn-type-03 span { 3582 font-size: 0; 3583 } 3584 3585 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn .btn-type-03 span:after { 3586 content: "ADD TO CART"; 3587 font-size: 15px; 3588 } 3589 3590 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn button { 3591 display: block; 3592 border: 1px solid #000; 3593 line-height: 54px; 3594 height: 54px; 3595 width: calc(50% - 3.5px); 3596 text-align: center; 3597 margin: 0 7px 0 0; 3598 box-sizing: border-box; 3599 cursor: pointer; 3600 padding: 0; 3601 background: none; 3602 box-shadow: none; 3603 border-radius: 0; 3604 } 3605 3606 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn button img { 3607 display: none; 3608 } 3609 3610 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn button:last-child { 3611 margin: 0; 3612 } 3613 3614 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn button { 3615 font-size: 15px; 3616 font-weight: 700; 3617 text-transform: uppercase; 3618 line-height: normal; 3619 } 3620 3621 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-btn button span { 3622 visibility: visible; 3623 } 3624 3625 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-total { 3626 width: auto; 3627 margin: 20px 0 30px 0; 3628 font-weight: normal; 3629 s line-height: 56px; 3630 /*height:56px;*/ 3631 padding: 20px 0 0 0; 3632 font-weight: 700; 3633 line-height: 30px; 3634 color: #161616; 3635 font-size: 18px; 3636 position: relative; 3637 height: 36px; 3638 line-height: 36px; 3639 display: flex; 3640 } 3641 3642 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .total-text { 3643 left: 10px; 3644 font-weight: 700; 3645 line-height: 30px; 3646 color: #161616; 3647 font-size: 0; 3648 } 3649 3650 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .total-text:after { 3651 font-size: 18px; 3652 content: "Total" 3653 } 3654 3655 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .abs-price { 3656 right: 20px; 3657 font-size: 18px; 3658 font-weight: 400; 3659 line-height: 30px; 3660 color: #161616; 3661 } 3662 3663 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .abs-price #res-total { 3664 font-weight: 700; 3665 margin: 0 0 0 5px; 3666 } 3667 3668 3669 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layout-line { 3670 display: none; 3671 } 3672 3673 3674 3675 3676 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .prd-total .abs-price { 3677 margin-left: auto; 3678 } 3679 3680 3681 3682 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel, 3683 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel { 3684 margin: 30px 0 10px 0; 3685 width: auto; 3686 background: none; 3687 padding: 0; 3688 } 3689 3690 3691 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel dl , 3692 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl { 3693 background: none; 3694 padding: 0; 3695 } 3696 3697 3698 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel dl dt , 3699 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl dt { 3700 text-align: left; 3701 width: 130px; 3702 padding: 0; 3703 font-size: 14px; 3704 font-weight: 500; 3705 color: #000; 3706 margin: 2px 0; 3707 line-height: 42px; 3708 } 3709 3710 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel dl dd , 3711 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl dd { 3712 width: calc(100% - 135px); 3713 } 3714 3715 3716 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel dl dd input[type=text] , 3717 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl dd input[type=text] { 3718 width: 40px !important; 3719 height: 40px !important; 3720 border: 0 !important; 3721 background: transparent; 3722 text-align: center ! important; 3723 font-size: 17px; 3724 font-weight: 500; 3725 color: #000; 3726 margin-left: 40px; 3727 text-align: center; 3728 padding: 0; 3729 background-color: #fff; 3730 box-sizing: border-box; 3731 border: 1px solid #aaa; 3732 margin-left: 40px; 3733 } 3734 3735 3736 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel dl dd .ctrl a, 3737 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl dd .ctrl a { 3738 display: block; 3739 width: 40px; 3740 height: 40px; 3741 box-sizing: border-box; 3742 border-radius: 3px; 3743 background: #fff; 3744 position: absolute; 3745 top: 0; 3746 right: 0px; 3747 border: 0; 3748 box-shadow: none; 3749 /* border: 1px solid #000000; */ 3750 box-sizing: border-box; 3751 /* border-right: 0; */ 3752 outline: none; 3753 padding: 4px 6px; 3754 font-size:0; 3755 } 3756 3757 3758 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel dl dd .ctrl a:last-of-type, 3759 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl dd .ctrl a:last-of-type { 3760 left: 0; 3761 right: auto; 3762 } 3763 3764 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel dl dd .ctrl a:before, 3765 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl dd .ctrl a:before, 3766 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel dl dd .ctrl a:first-of-type:after, 3767 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl dd .ctrl a:first-of-type:after { 3768 content: ''; 3769 display: block; 3770 width: 12px; 3771 height: 1px; 3772 background: #8E8E8E; 3773 position: absolute; 3774 top: 50%; 3775 left: 50%; 3776 margin-left: -6px; 3777 } 3778 3779 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel dl dd .ctrl a:first-of-type:after, 3780 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl dd .ctrl a:first-of-type:after { 3781 transform: rotate(90deg); 3782 } 3783 3784 /* ì¼ë° ìµì ë¨ë */ 3785 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .add-sel .num .amount { 3786 width: 120px; 3787 height: auto !important; 3788 border: 1px solid #dddddd; 3789 position: relative; 3790 display: inline-block; 3791 border-radius: 5px; 3792 overflow: hidden; 3793 background-color: #fff; 3794 vertical-align: bottom; 3795 } 3796 3797 3798 /* ì ë í¸ ìµì ë¨ë */ 3799 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel .sect { 3800 margin: 0; 3801 padding: 0; 3802 background: none; 3803 border: 0; 3804 } 3805 3806 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel .sect .pti { 3807 display: none; 3808 } 3809 3810 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-sel dl dd select { 3811 border: 1px solid #ddd; 3812 line-height: 40px; 3813 height: auto; 3814 font-size: 14px; 3815 font-weight: 400; 3816 padding: 0px 16px; 3817 background: url(/Common/img/search_arrow.png) no-repeat calc(100% - 16px) 50% / 10px auto; 3818 width: 100%!important; 3819 } 3820 3821 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res { 3822 width: 100%; 3823 margin-left: 0; 3824 overflow-y: auto; 3825 max-height: 250px; 3826 height: auto; 3827 border: 0; 3828 padding: 0; 3829 } 3830 3831 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res { 3832 width: auto!important; 3833 border: 0!important; 3834 margin: 0!important; 3835 padding: 0!important; 3836 } 3837 3838 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table:first-child { 3839 border: 0; 3840 } 3841 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table { 3842 margin: 1px 0 0 0; 3843 padding: 20px 20px; 3844 background: #dddddd30; 3845 position: relative; 3846 display: block; 3847 border-top: 1px dashed #e1e1e1; 3848 } 3849 3850 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody, 3851 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr, 3852 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td { 3853 width: 100%; 3854 display: block; 3855 } 3856 3857 3858 3859 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td:first-child { 3860 margin-bottom: 5px; 3861 color: #000; 3862 line-height: 20px; 3863 word-break: break-all; 3864 } 3865 3866 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.amount { 3867 width: 120px; 3868 /* height: 29px; */ 3869 border: 1px solid #dddddd; 3870 position: relative; 3871 display: inline-block; 3872 border-radius: 5px; 3873 overflow: hidden; 3874 background-color: #fff; 3875 } 3876 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.amount input { 3877 width: 40px !important; 3878 height: 40px !important; 3879 border: none; 3880 background: transparent; 3881 text-align: center ! important; 3882 font-size: 17px; 3883 font-weight: 500; 3884 color: #000; 3885 /* border: 0 !important; */ 3886 margin-left: 40px; 3887 /* border-left: 1px solid #dfdfdf; */ 3888 /* border-right: 1px solid #dfdfdf; */ 3889 text-align: center; 3890 padding: 0; 3891 background-color: #fff; 3892 /* border-top: 1px solid #000; */ 3893 /* border-bottom: 1px solid #000; */ 3894 box-sizing: border-box; 3895 } 3896 3897 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.amount .ctrl a { 3898 display: block; 3899 width: 40px; 3900 height: 40px; 3901 box-sizing: border-box; 3902 border-radius: 3px; 3903 background: #fff; 3904 position: absolute; 3905 top: 0; 3906 right: 0px; 3907 border: 0; 3908 box-shadow: none; 3909 /* border: 1px solid #000000; */ 3910 box-sizing: border-box; 3911 /* border-right: 0; */ 3912 outline: none; 3913 font-size: 0; 3914 } 3915 3916 3917 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.amount .ctrl a:last-of-type { 3918 left: 0; 3919 right: auto; 3920 } 3921 3922 3923 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.amount .ctrl a:before, #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.amount .ctrl a:first-of-type:after { 3924 content: ''; 3925 display: block; 3926 width: 12px; 3927 height: 1px; 3928 background: #8E8E8E; 3929 position: absolute; 3930 top: 50%; 3931 left: 50%; 3932 margin-left: -6px; 3933 } 3934 3935 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.amount .ctrl a:first-of-type:after { 3936 transform: rotate(90deg); 3937 } 3938 3939 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.price { 3940 font-size: 16px; 3941 font-weight: bold; 3942 line-height: 40px; 3943 color: #000; 3944 display: inline-block; 3945 text-align: right; 3946 } 3947 3948 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr { 3949 display: grid; 3950 position: relative; 3951 } 3952 3953 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td:nth-of-type(1) { 3954 grid-column: 1 / span 3; 3955 margin-bottom: 5px; 3956 } 3957 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td:nth-of-type(2) { 3958 grid-column: 1 / span 1; 3959 } 3960 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td:nth-of-type(3) { 3961 grid-column: 2 / span 2; 3962 } 3963 3964 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.delopt { 3965 position: absolute; 3966 top: 0; 3967 right: 0; 3968 width: auto; 3969 } 3970 3971 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.delopt .delete {
3972 width: 20px; 3973 height: 20px; 3974 z-index: 100; 3975 cursor: pointer; 3976 background: none; 3977 display: inline-block; 3978 font-size: 0; 3979 } 3980 3981 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.delopt .delete:before { 3982 transform: rotate(45deg); 3983 } 3984 3985 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.delopt .delete:after { 3986 transform: rotate(-45deg); 3987 } 3988 3989 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.delopt .delete:before, 3990 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket #layer1 .lcont .opt-res #add-opt-res table tbody tr td.delopt .delete:after { 3991 position: absolute; 3992 top: 0; 3993 content: ' '; 3994 height: 20px; 3995 width: 2px; 3996 background-color: #8E8E8E; 3997 } 3998 3999 4000 4001 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket {position: relative;} 4002 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .hd h2 {padding-top: 8px;} 4003 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket h3 {padding: 30px 0 0 20px;} 4004 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .total-price {zoom: 1;overflow: hidden;height: 70px;margin-top: 10px;border: 2px solid #000;} 4005 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .total-price dt, 4006 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .total-price dd {float: left;} 4007 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .total-price dt {width: 250px;margin: 18px 0 0 200px;padding-left: 32px;background: url(//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/btn/arr_r_h25.gif) no-repeat 0 0;font-size: 18px;font-weight: bold;letter-spacing: -1px;line-height: 36px;} 4008 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .total-price dd {width: 208px;margin: 18px 0 0;color: #ff0000;font-family: Tahoma;font-size: 26px;font-weight: bold;line-height: 33px;} 4009 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .btns {position: relative;margin-top: 65px;font-size: 0;line-height: 0;text-align: center;} 4010 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .btns img {margin-right: 6px;} 4011 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl th, 4012 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl td {border: 1px solid #d5d5d5;} 4013 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl th {background-color: #f4f4f4;} 4014 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl td {vertical-align: top;} 4015 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .mt-15 {margin-top: 15px;} 4016 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .prd-both {zoom: 1;overflow: hidden;padding-left: 15px;} 4017 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .prd-thumb, 4018 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .prd-info {float: left;} 4019 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .prd-info {width:410px} 4020 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .prd-thumb {margin-right: 15px;} 4021 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .prd-thumb img {width: 60px;height:60px;border: 1px solid #ccc;} 4022 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .prd-thumb label {display: inline-block;width: 20px;*width: 16px;} 4023 /*#globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .prd-info {width: 310px;*width: 300px;}*/ 4024 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .opt-lst li {margin-top: 10px;padding-left: 8px;background: url(//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/btn/bul_sqr_h2.gif) no-repeat 0 8px;} 4025 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .add-prd {margin-top: 15px;padding: 15px 0 0 20px;border-top: 1px solid #d5d5d5;} 4026 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .add-prd .opt-lst {margin-top: 4px;} 4027 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .tbl .add-prd .opt-lst li {margin-top: 2px;} 4028 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop { 4029 border: 1px solid #000; 4030 } 4031 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lhd { 4032 position: relative; 4033 cursor:move 4034 } 4035 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lhd h3 {padding: 0;color: #fff;font-family: Tahoma;font-size: 24px;line-height: 44px;} 4036 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lhd .lclose { 4037 border: 0; 4038 } 4039 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont {} 4040 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w {zoom: 1;overflow: hidden;} 4041 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w .thumb, 4042 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w .pinfo {float: left;} 4043 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w .thumb {} 4044 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w .thumb img {border: 1px solid #ccc;} 4045 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w .pinfo {width: 360px;padding-top: 5px;} 4046 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w .pinfo .pname, 4047 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w .pinfo .price {} 4048 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w .pinfo .pname {width: calc(100% - 30px); word-break: break-all;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/} 4049 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .prd-w .pinfo .price {} 4050 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .opt-sel {zoom: 1;position: relative;
4050overflow-y: scroll;} 4051 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .sect {margin-bottom: 4px;padding: 8px 10px;background-color: #fff;border: 1px solid #e1e1e1;} 4052 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .sect dl {zoom: 1;overflow: hidden;margin-top: 2px;padding: 14px 0 8px;background-color: #f4f4f4;} 4053 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .lcont .sect dt, 4054 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .lcont .sect dd {display: inline-block; *display:inline; *zoom:1; margin-bottom: 7px;} 4055 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .sect dt {width: 106px;padding-right: 8px;text-align: right;} 4056 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .sect .pti {color: #777;font-weight: bold;} 4057 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .sect .txt-input {width: 232px;height: 17px;line-height: 17px;padding-left: 4px;border: 1px solid #aaa;color: #888;} 4058 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .add-sel {margin-top: 12px;padding: 4px;background-color: #f4f4f4;} 4059 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .add-sel .sect {zoom: 1;position: relative;height: 94px;overflow-y: scroll;} 4060 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .add-sel .num {zoom: 1;overflow: hidden;padding: 10px 0 10px 10px;} 4061 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .add-sel .num dt, 4062 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .add-sel .num dd {float: left;} 4063 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .add-sel .num dt {width: 105px;color: #777;font-weight: bold;} 4064 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .add-sel .num dd {position: relative;width: 45px;} 4065 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .add-sel .num dd .txt-input {width: 32px;} 4066 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish #basket .layer-pop .lcont .opt-res {zoom: 1;position: relative;height: 86px;overflow-y: scroll;margin-top: 5px;padding: 8px;border: 1px solid #ddd;} 4067 4068 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish { 4069 max-width: 1720px; 4070 width: auto; 4071 margin: 0 auto; 4072 } 4073 4074 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list li { 4075 box-shadow: 0px 0px 24px 0px #0000001A; 4076 width: calc(100% / 4 - 20px); 4077 margin: 0 26px 24px 0; 4078 height: auto; 4079 } 4080 4081 4082 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list li:nth-child(4n) { 4083 margin-right: 0; 4084 } 4085 4086 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish > h2 { 4087 font-size: 20px; 4088 font-weight: 600; 4089 line-height: 24.2px; 4090 color: #161616; 4091 margin: 0 0 56px 0; 4092 } 4093 4094 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list .pwrap .info .opt-btn { 4095 display: flex; 4096 } 4097 4098 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list .pwrap .info .opt-btn a { 4099 line-height: 47px; 4100 display: block; 4101 width: calc(50%); 4102 border: 1px solid #EAEAEA; 4103 border-bottom: 0; 4104 font-size: 15px; 4105 font-weight: 400; 4106 color: #8E8E8E; 4107 transition: all 0.4s ease-in-out 0s; 4108 } 4109 4110 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list .pwrap .info .opt-btn a:hover { 4111 background: #000; 4112 color: #fff; 4113 } 4114 4115 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list .pwrap .info .opt-btn .add { 4116 border-right: 0; 4117 border-left: 0; 4118 } 4119 4120 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list .pwrap .info .opt-btn .del { 4121 border-right: 0; 4122 } 4123 4124 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list .pwrap .info .opt-btn .cart { 4125 4126 } 4127 4128 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list li { 4129 position: relative; 4130 padding-bottom: 80px; 4131 } 4132 4133 #globWrap[data-wrap="mypage"][data-view="wishlist"] #wish .item_list .pwrap .info .opt-btn { 4134 display: flex; 4135 position: absolute; 4136 bottom: 0; 4137 width: 100%; 4138 left: 0; 4139 } 4140 4141 /* 4142 ======================================================================== 4143 ë§ì´íì´ì§ - ì모ê´ë¦¬ 리ì¤í¸ 4144 ======================================================================== 4145 */ 4146 4147 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .wrapper .sub-title { 4148 border: 0; 4149 background: none; 4150 line-height: normal; 4151 } 4152 4153 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook { 4154 4155 } 4156 4157 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .add { 4158 position: absolute; 4159 top: 0px; 4160 right: 0px; 4161 border: 1px solid #ddd; 4162 font-size: 14px; 4163 font-weight: 400; 4164 line-height: 28px; 4165 color: #161616; 4166 padding: 0 15px; 4167 display: inline-block; 4168 border-radius: 4px; 4169 min-width: 76px; 4170 text-align: center; 4171 box-sizing: border-box; 4172 cursor: pointer 4173 } 4174 4175 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .add:hover { 4176 background: #000; 4177 color: #fff; 4178 } 4179 4180 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .wrapper .sub-title h4 { 4181 font-size: 32px; 4182 font-weight: 700; 4183 line-height: 28px; 4184 color: #161616; 4185 text-indent: 0; 4186 /*margin: 50px 50px 0px 50px;*/ 4187 padding: 0 0 19px 0; 4188 border-bottom: 1px solid #ddd; 4189 } 4190 4191 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .wrapper .sub-title h4.address { 4192 background: none; 4193 } 4194 4195 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content { 4196 padding: 0; 4197 } 4198 4199 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .pop_close { 4200 position: absolute; 4201 right: 15px; 4202 top: 15px; 4203 font-size: 0; 4204 width: 30px; 4205 height: 30px; 4206 z-index: 10000; 4207 } 4208 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .pop_close span { 4209 display: none; 4210 } 4211 4212 4213 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .pop_close:before, #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .pop_close:after { 4214 position: absolute; 4215 left: 15px; 4216 content: ' '; 4217 height: 30px; 4218 width: 2px; 4219 background-color: #8E8E8E; 4220 } 4221 4222 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .pop_close:before { 4223 transform: rotate(45deg); 4224 } 4225 4226 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .pop_close:after { 4227 transform: rotate(-45deg); 4228 } 4229 4230 4231 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content ul li { 4232 margin: 20px 0 0 0; 4233 padding: 0 0 20px 0; 4234 border-bottom: 1px solid #ddd; 4235 } 4236 4237 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content ul li:last-child { 4238 /* border: 0;*/ 4239 } 4240 4241 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content ul li .tit { 4242 font-size: 16px; 4243 font-weight: 700; 4244 line-height: 28px; 4245 color: #161616; 4246 } 4247 4248 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content ul li .text { 4249 margin: 11px 0 20px 0; 4250 font-size: 13px; 4251 font-weight: 400; 4252 line-height: 24px; 4253 } 4254 4255 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content ul li .adr_bt { 4256 font-size: 0; 4257 } 4258 4259 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content ul li .adr_bt a { 4260 border: 1px solid #ddd; 4261 font-size: 14px; 4262 font-weight: 400; 4263 line-height: 28px; 4264 color: #161616; 4265 padding: 0 15px; 4266 display: inline-block; 4267 border-radius: 4px; 4268 min-width: 76px; 4269 text-align: center; 4270 box-sizing: border-box; 4271 } 4272 4273 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content ul li .adr_bt a:hover { 4274 background: #000; 4275 color: #fff; 4276 } 4277 4278 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content ul li .adr_bt a:first-child { 4279 margin-right: 5px 4280 } 4281 4282 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .paging { 4283 margin: 50px 0 70px 0; 4284 } 4285 4286 4287 #ajax-more { 4288 margin-bottom: 50px; 4289 } 4290 #globWrap[data-wrap="mypage"][data-view="myentrybooklist"] #entrybook .content ul li:last-child { 4291 /*border-bottom: 0;*/ 4292 } 4293 4294 /* ë§ì´íì´ì§-ì모ê´ë¦¬ìì¸ */ 4295 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook { width: 100%; color:black; } 4296 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook h1 { font-weight:bold; height: 44px; line-height: 46px; background-color:#000; color: #fff; font-size: 16px; padding:0 0 0 10px; margin:0;} 4297 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content { padding: 0; } 4298 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content h2 {font-weight:bold; margin:0 0 10px 0; font-size:13px; position:relative; top:0; left:0; color:#000;} 4299 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li {margin:0 0 10px 0; position:relative; top:0; right:0; list-style:none;} 4300 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.focus {padding-top:6px;font-size:13px;} 4301 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li input { 4302 height:43px; 4303 padding: 36px 0px 10px 10px; 4304 border:1px solid #CFCFCF; 4305 font-size: 13px; 4306 box-sizing: border-box; 4307 -moz-box-sizing: border-box; 4308 -ms-box-sizing: border-box; 4309 -webkit-box-sizing: border-box; 4310 -khtml-box-sizing:border-box; 4311 } 4312 4313 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li .tit { 4314 font-size: 16px; 4315 font-weight: 700; 4316 line-height: 28px; 4317 color: #161616; 4318 } 4319 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li .text { 4320 margin: 11px 0 20px 0; 4321 font-size: 13px; 4322 font-weight: 400; 4323 line-height: 24px; 4324 } 4325 4326 4327 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li .adr_bt { 4328 font-size: 0; 4329 } 4330 4331 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li .adr_bt a { 4332 border: 1px solid #ddd; 4333 font-size: 14px; 4334 font-weight: 400; 4335 line-height: 28px; 4336 color: #161616; 4337 padding: 0 15px; 4338 display: inline-block; 4339 border-radius: 4px; 4340 min-width: 76px; 4341 text-align: center; 4342 box-sizing: border-box; 4343 } 4344 4345 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li .adr_bt a:hover { 4346 background: #000; 4347 color: #fff; 4348 } 4349 4350 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li .adr_bt a:first-child { 4351 margin-right: 5px 4352 } 4353 4354 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .paging { 4355 margin: 50px 0 70px 0; 4356 } 4357 4358 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .unuse { 4359 min-height: 64px; 4360 } 4361 4362 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .post {font-size:0; position:relative; top:0; left:0; padding-right:121px;} 4363 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .post input {width:100%;} 4364 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .post span {position:absolute; top:0; right:0; display:inline-block; zoom:1; *display:inline; font-size:12px; line-height:25px; background-color:#3E3E3E; color:#fff; vertical-align:middle; margin:0 0 0 5px; padding:0 20px; text-align:center; cursor:pointer;} 4365 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel {/*height:25px;*/} 4366 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel.unuse select {display:none;} 4367 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel.unuse input {width:100%;} 4368 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel select {width:39%; font-size:11px; display:block; border:1px solid #CFCFCF; padding: 14px 6px 14px 6px; line-height:23px; height:43px;} 4369 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel input {width:60%; position:absolute; top:0; right:0;} 4370 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country {} 4371 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country select { 4372 width:100%; 4373 font-size:11px; 4374 display:block; 4375 border:1px solid #CFCFCF; 4376 padding: 14px 6px 14px 6px; 4377 line-height:23px; 4378 height:43px; 4379 } 4380 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country .cn_address select { 4381 display: inline; 4382 } 4383 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .addr_territory { 4384 border: 1px solid #ddd; 4385 border-radius: 6px; 4386 font-size: 13px; 4387 font-weight: 400; 4388 letter-spacing: 0.02em; 4389 color: #8E8E8E; 4390 height: 48px; 4391 /*padding: 14px 6px 4px 6px;*/ 4392 padding-left: 20px; 4393 padding-right: 20px; 4394 /*line-height: 30px;*/ 4395 display:block; 4396 width: 100%; 4397 position:absolute; 4398 background-color:#fff!important; 4399 z-index:1000; 4400 } 4401 4402 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content .normal_addr { 4403 margin: 15px 0 30px 0; 4404 font-size: 14px; 4405 font-weight: 400; 4406 line-height: 20px; 4407 color: #161616; 4408 } 4409 4410 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content .normal_addr input { 4411 accent-color: #000;
4412 width: 20px; 4413 height: 20px; 4414 zoom: 1; 4415 vertical-align: bottom; 4416 margin: 0 10px 0 0; 4417 background: #000; 4418 transition: none; 4419 } 4420 4421 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content .normal_addr input[type=checkbox]:checked { 4422 appearance: none; 4423 outline: none; 4424 border: 0; 4425 background-size: auto; 4426 position: relative; 4427 } 4428 4429 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content .normal_addr input[type=checkbox]:checked:after { 4430 content: ""; 4431 position: absolute; 4432 left: 6px; 4433 top: 2px; 4434 display: inline-block; 4435 width: 5px; 4436 height: 10px; 4437 border-bottom: 2px solid #fff; 4438 border-right: 2px solid #fff; 4439 transform: rotate(45deg); 4440 } 4441 4442 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content .addr_btn { 4443 background: none; 4444 width: 100%; 4445 margin:0 auto; 4446 } 4447 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content .addr_btn a { 4448 background: #000; 4449 line-height: 64px; 4450 font-size: 17px; 4451 font-weight: 700; 4452 color: #fff; 4453 text-align: center; 4454 border-radius: 6px; 4455 display: block; 4456 } 4457 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .width100per {width:100%;} 4458 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .width50per {width:50%;} 4459 4460 /* error check */ 4461 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .error_on {} 4462 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .error_on input, #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .error_on select {border:1px solid #ff0000!important;} 4463 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .error_on:after {/*content:"ì 보를 ì ë ¥í´ì£¼ì¸ì."; color:#FF0000; line-height:30px; font-size:11px; margin:0px 0 5px 10px;*/} 4464 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .error_on .ad_check {color:#FF0000; line-height:20px; font-size:11px; margin:5px 0 5px 0px;} 4465 4466 /* input placeholder css */ 4467 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul {font-size:0;} 4468 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li { 4469 position:relative; 4470 top:0; 4471 left:0; 4472 min-height: 64px; 4473 vertical-align:top; 4474 font-size:12px; 4475 } 4476 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel label { 4477 left:40%; 4478 padding-left: 20px; 4479 padding-right: 20px; 4480 } 4481 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel.unuse label {left:0%;} 4482 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel.unuse input {width:100%;} 4483 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel.unuse select {display:none;} 4484 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li label { 4485 position:absolute; 4486 top:0px; 4487 left:10px; 4488 color:#777; 4489 z-index:100; 4490 cursor: text; 4491 transition: all 0.3s; 4492 -webkit-transition: all 0.3s; 4493 -moz-transition: all 0.3s; 4494 padding: 24px 0 0 10px; 4495 font-size:13px; 4496 } 4497 4498 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li label.focus { 4499 padding-top: 11px!important; 4500 font-size: 11px; 4501 } 4502 4503 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li:has(> label:not(.mandatory)) > input { 4504 padding-left: 19px; 4505 } 4506 4507 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.name.first { width:50%; display:inline-block; zoom:1; *display:inline;} 4508 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.name.last {width:49%; display:inline-block; zoom:1; *display:inline; margin-left:1%; position:relative; top:0; left:0px;} 4509 /*#globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.name span {position:relative; top:0; left:0; display:block; width:50%;}*/ 4510 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.name input {width:100%;} 4511 4512 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li input, #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel select, #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .addr_territory, #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country select, #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel select { 4513 border: 1px solid #ddd; 4514 border-radius: 6px; 4515 font-size: 13px; 4516 font-weight: 400; 4517 letter-spacing: 0.02em; 4518 color: #000; 4519 } 4520 4521 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li input, #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country select, #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .addr_territory, #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country select, #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel select { 4522 height: 64px; 4523 padding-left: 25px; 4524 padding-right: 20px; 4525 } 4526 4527 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook select { 4528 background: url(/Common/img/search_arrow_gray.png) no-repeat calc(100% - 16px) 50% / 10px auto; 4529 border: 1px solid #ddd; 4530 border-radius: 6px; 4531 } 4532 4533 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #content #entrybook .content ul li select { 4534 padding-left: 19px; 4535 } 4536 4537 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .eng_addr .ad_check { 4538 display: none; 4539 } 4540 4541 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.zip .login_zip { 4542 position: absolute; 4543 top: 0px; 4544 right: 0px; 4545 width: 31%; 4546 /*line-height: 43px;*/ 4547 height: 64px; 4548 text-align: center; 4549 display: block; 4550 margin-left: 0; 4551 } 4552 4553 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.zip .login_zip a { 4554 color:#fff; 4555 line-height: 64px; 4556 display:block; 4557 background: #292828; 4558 margin-left:3%; 4559 letter-spacing: -2px; 4560 border-radius: 6px; 4561 } 4562 4563 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.zip { 4564 overflow:hidden; 4565 } 4566 4567 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.zip ul { 4568 position:relative; 4569 top:0; 4570 left:0; 4571 display:block; 4572 float:left; 4573 width:33%; 4574 } 4575 4576 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.zip ul.unuse { 4577 position:relative; 4578 top:0; 4579 left:0; 4580 display:block; 4581 float:left; 4582 width:48.5%; 4583 } 4584 4585 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.zip ul li { 4586 margin-bottom:0; 4587 } 4588 4589 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.zip ul.first { 4590 margin-right:1%; 4591 } 4592 4593 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li.zip .zip_line { 4594 float:left; 4595 width:3%; 4596 line-height:64px; 4597 margin-left:-1%; 4598 text-align:center; 4599 } 4600 4601 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .mandatory { 4602 float: left; 4603 margin: 2px 3px 0 0; 4604 top: 0; 4605 left: 0; 4606 color: red; 4607 line-height: 11px; 4608 padding-left: 7px; 4609 position: relative; 4610 } 4611 4612 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .width78per { 4613 width: 79%; 4614 } 4615 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country { 4616 4617 } 4618 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country select { 4619 /* 4620 font-size:11px; 4621 display:block; 4622 border:1px solid #CFCFCF; 4623 padding: 11px 6px 14px 6px; 4624 line-height:23px; 4625 height:43px; 4626 width:100%; 4627 */ 4628 padding-left: 19px; 4629 } 4630 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country .address_country input { 4631 height:43px; 4632 } 4633 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country .address_country .address_country_left { 4634 position:absolute; 4635 top:0; 4636 left:0; 4637 } 4638 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country .address_country .cn_address { 4639 width:100%; 4640 position:absolute; 4641 top:0; 4642 right:0; 4643 font-size:0; 4644 text-align:right; 4645 } 4646 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country .address_country .cn_address select { 4647 width:32.65%!important; 4648 display:inline-block; 4649 zoom:1; 4650 *display:inline; 4651 margin-left:1%; 4652 /*padding-left:10px;*/ 4653 font-size:12px; 4654 } 4655 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country .address_country .cn_address select:first-of-type { 4656 margin-left:0%; 4657 } 4658 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country .address_country.cn_address_select .cn_address { 4659 display:block; 4660 } 4661 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country .address_country .address_country_left { 4662 width:25%; 4663 } 4664 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country .address_country .foreign_address { 4665 width:100%; 4666 position:absolute; 4667 top:0; 4668 right:0; 4669 font-size:0; 4670 text-align:right; 4671 } 4672 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .trans_pinyin { 4673 width:20%; 4674 /*line-height:43px;*/ 4675 height:inherit; 4676 text-align: center; 4677 background: #292828; 4678 display: block; 4679 margin-left: 0; 4680 float:right; 4681 border-radius: 6px; 4682 } 4683 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .trans_pinyin a { 4684 font-size: 13px; 4685 font-weight: bold; 4686 color: #fff; 4687 display:block; 4688 line-height: 64px; 4689 } 4690 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .trans_pinyin:hover { 4691 background:#4B4A49; 4692 border-color:#4B4A49; 4693 } 4694 4695 /* ì°í¸ë²í¸ 찾기 */ 4696 #globWrap[data-wrap="mypage"]:is([data-view="myentrybookview"]) .search_zipcode { 4697 position: absolute; 4698 top: 0px; 4699 right: 0px; 4700 width: 30%; 4701 min-height: 64px; 4702 text-align: center; 4703 background: #292828; 4704 display: block; 4705 margin-left: 0; 4706 border-radius: 6px; 4707 } 4708 #globWrap[data-wrap="mypage"]:is([data-view="myentrybookview"]) .search_zipcode button { 4709 color: #fff; 4710 line-height: 64px; 4711 width: 100%; 4712 background: none; 4713 border: none; 4714 cursor: pointer; 4715 padding: 0; 4716 } 4717 4718 /* ì¤êµ êµê°ì í */ 4719 #globWrap[data-wrap="mypage"]:is([data-view="myentrybookview"]) .cn-address-selects select { 4720 font-size:11px; 4721 display:block; 4722 border:1px solid #CFCFCF; 4723 padding: 11px 6px 14px 6px; 4724 line-height:23px; 4725 height:64px; 4726 width:100%; 4727 } 4728 4729 #globWrap[data-wrap="mypage"]:is([data-view="myentrybookview"]) .cn-address-selects input{ 4730 height:54px; 4731 } 4732 4733 #globWrap[data-wrap="mypage"]:is([data-view="myentrybookview"]) .cn-address-selects .address_country { 4734 width:100%; 4735 position:absolute; 4736 top:0; 4737 right:0; 4738 font-size:0; 4739 text-align:right; 4740 } 4741 4742 #globWrap[data-wrap="mypage"]:is([data-view="myentrybookview"]) .cn-address-selects .address_country select { 4743 width:32.65%!important; 4744 display:inline-block; 4745 zoom:1; 4746 *display:inline; 4747 margin-left:1%; 4748 /*padding-left:10px;*/ 4749 font-size: 13px; 4750 padding-left: 25px; 4751 font-weight: 400; 4752 color: #000; 4753 } 4754 4755 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] .cn-address-selects[style*="display"][style*="inline-block"] { 4756 display: block!important; 4757 } 4758 4759 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .search_zipcode:has(#btn-event-zipcode-search[style*="display"][style*="none"]) { 4760 display: none; 4761 } 4762 4763 #globWrap[data-wrap="mypage"]:is([data-view="myentrybookview"]) .cn-address-selects .address_country select:first-of-type { 4764 margin-left: 0%; 4765 } 4766 4767 #globWrap[data-wrap="mypage"]:is([data-view="myentrybookview"]) #field-province-state select { 4768 width:100%; 4769 font-size:11px; 4770 display:block; 4771 border:1px solid #CFCFCF; 4772 line-height:64px; 4773 height:64px; 4774 } 4775 4776 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li input, 4777 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .tel select, 4778 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .addr_territory, 4779 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul .country select { 4780 color: #000; 4781 } 4782 4783 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list label.mandatory:before, 4784 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list:has(#country option[countrycode="107"]:checked) #label-address-line2:after, 4785 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list:has(#country option[countrycode="44"]:checked) #label-address-line2:after { 4786 content: "*"; 4787 color: #ef4444; 4788 margin: 0 2px 0 0; 4789 } 4790 4791 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list .birth-wrap { 4792 display: flex; 4793 flex-wrap: wrap; 4794 gap: 0 10px; 4795 } 4796 4797 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list .birth-wrap:has(select:nth-of-type(2)) select { 4798 flex: 0 0 calc((100% - 20px) / 3); 4799 margin: 0; 4800 height: 64px; 4801 padding-left: 19px; 4802 padding-right: 20px; 4803 font-size: 13px; 4804 font-weight: 400; 4805 color: #000; 4806 } 4807 4808 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook li:has([name="promo_event[ee_birth][year]"]) label { 4809 display: none; 4810 } 4811 4812 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .birth-wrap:has([name="promo_event[ee_birth][year]"]) { 4813 font-size: 0; 4814 gap: 0px 5px; 4815 } 4816 4817 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) { 4818 padding-bottom: 11px; 4819 min-height: auto; 4820 } 4821 4822 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) > label { 4823 position: relative; 4824 color: #777; 4825 fo
4825nt-size: 11px; 4826 float: none; 4827 display: block; 4828 padding-top: 11px; 4829 margin-right: 2px; 4830 } 4831 4832 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) .field-wrap { 4833 display: flex; 4834 } 4835 4836 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) .field-wrap label { 4837 position: relative; 4838 padding-top: 12px; 4839 font-size: 11px; 4840 gap: 0 5px; 4841 display: flex; 4842 overflow-wrap: anywhere; 4843 max-width: 100%; 4844 } 4845 4846 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) .field-wrap label input { 4847 line-height: normal; 4848 height: auto; 4849 } 4850 4851 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) { 4852 border: 1px solid #ddd; 4853 border-radius: 6px; 4854 } 4855 4856 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) > label { 4857 4858 } 4859 4860 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) .field-wrap label:not(:has(input)) { 4861 font-weight: 600; 4862 } 4863 4864 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li input[readonly] { 4865 pointer-events: none; 4866 } 4867 4868 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .error_on .ad_check { 4869 padding: 0 0 0 20px; 4870 } 4871 4872 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .ad_check { 4873 color: #FF0000; 4874 line-height: 20px; 4875 font-size: 11px; 4876 margin: 5px 0 5px 0px; 4877 } 4878 4879 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li:has(.field .ad_check) { 4880 margin-bottom: 30px; 4881 } 4882 4883 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li .field:has(.ad_check) .ad_check { 4884 position: absolute; 4885 bottom: -30px; 4886 padding: 0; 4887 white-space: nowrap; 4888 } 4889 4890 4891 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li .field-wrap:has(label:nth-of-type(2)) label:not(:first-of-type) .ad_check { 4892 display: none; 4893 } 4894 4895 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li .field-wrap:has(label ~ label) label:first-child .ad_check { 4896 left: -10px; 4897 bottom: -40px; 4898 } 4899 4900 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .content ul li:has(.ad_check ~ .ad_check) .ad_check ~ .ad_check { 4901 display: none; 4902 } 4903 4904 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) .field-wrap select { 4905 margin: 10px 0 0 20px; 4906 height: 30px; 4907 padding-left: 15px; 4908 padding-right: 30px; 4909 font-size: 11px; 4910 font-weight: 400; 4911 } 4912 4913 #globWrap[data-wrap="mypage"][data-view="myentrybookview"] #entrybook .form-list li:has(.field) .field-wrap:not(:has(label)) input { 4914 height: 30px; 4915 padding: 0 15px 0 15px; 4916 font-size: 11px; 4917 font-weight: 400; 4918 width: 100%; 4919 margin: 12px 20px; 4920 } 4921 4922 /* 4923 ======================================================================== 4924 board 4925 ======================================================================== 4926 */ 4927 4928 /* board common */ 4929 #globWrap:has(#aside) #blk_scroll_wings { 4930 margin-left: 170px; 4931 } 4932 4933 *:has(#globWrapSide) #content, #globWrap:has(#aside) #content { 4934 4935 } 4936 4937 #globWrap[data-wrap="board"] #wrap #content { 4938 4939 } 4940 4941 #globWrap[data-wrap="board"] #wrap #content .bbs-hd, 4942 #globWrap[data-wrap="help"] #wrap #content .bbs-hd, 4943 #globWrap[data-wrap="board"] #wrap #content .bbs-hd .link li a, 4944 #globWrap[data-wrap="help"] #wrap #content .bbs-hd .link li a { 4945 background: none; 4946 padding-bottom: 50px; 4947 } 4948 4949 #globWrap[data-wrap="board"] #aside { 4950 4951 } 4952
4953 #globWrap[data-wrap="board"] #wrap #content .bbs-hd .link, 4954 #globWrap[data-wrap="help"] #wrap #content .bbs-hd .link { 4955 display: flex; 4956 justify-content: center; 4957 width: fit-content; 4958 margin: 0 auto; 4959 flex-wrap: wrap; 4960 4961 text-align: center; 4962 font-size: 0; 4963 line-height: 0; 4964 } 4965 4966 #globWrap[data-wrap="board"] #wrap #content .bbs-hd .link li a, 4967 #globWrap[data-wrap="help"] #wrap #content .bbs-hd .link li a { 4968 padding: 10px 16px; 4969 text-decoration: none; 4970 color: #666; 4971 font-size: 14px; 4972 border-bottom: 2px solid transparent; 4973 transition: 0.2s; 4974 display: block; 4975 border-bottom: 2px solid #eee; 4976 letter-spacing: normal; 4977 } 4978 4979 #globWrap[data-wrap="board"] #wrap #content .bbs-hd .link li a.active, 4980 #globWrap[data-wrap="help"] #wrap #content .bbs-hd .link li a.active { 4981 border-bottom: 2px solid #000; 4982 color: #000; 4983 } 4984 4985 #globWrap[data-wrap="board"] #bbsData .bbs-tit { 4986 text-align: left; 4987 margin-top: 0; 4988 } 4989 4990 #globWrap[data-wrap="board"] #bbsData .bbs-tit strong { 4991 font-size: 20px; 4992 font-weight: 600; 4993 line-height: 24.2px; 4994 margin: 20px 0 16px 0; 4995 color: #161616; 4996 padding: 0; 4997 height: auto; 4998 background: none; 4999 text-transform: uppercase; 5000 } 5001 5002 #globWrap[data-wrap="board"] #bbsData .bbs-table-list { 5003 margin-top: 0; 5004 } 5005 5006 #globWrap[data-wrap="board"] #bbsData .bbs-table-list .fixed-img-collist li strong { 5007 color: #787878; 5008 font-weight: 600; 5009 } 5010 5011 #globWrap[data-wrap="board"] #bbsData .bbs-table-list .fixed-img-collist li strong img { 5012 vertical-align: middle; 5013 } 5014 5015 #globWrap[data-wrap="board"] #bbsData .bbs-table-list .fixed-img-collist li * { 5016 font-size: 11px; 5017 color: #777; 5018 font-weight: 400; 5019 letter-spacing: 0; 5020 } 5021 5022 #globWrap[data-wrap="board"] #bbsData .bbs-table-list thead th { 5023 line-height: 43px; 5024 border-bottom: 1px solid #ddd; 5025 font-size: 12px; 5026 font-weight: 400; 5027 color: #161616; 5028 background: #F4F4F4; 5029 padding: 0; 5030 } 5031 5032 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody td { 5033 border-bottom: 1px solid #ddd; 5034 color: #161616; 5035 font-size: 12px; 5036 font-weight: 400; 5037 padding: 15px 0px; 5038 background: none; 5039 } 5040 5041 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody tr.notice { 5042 background-color: #eff3f4; 5043 } 5044 5045 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody tr.notice img { 5046 height: 10px; 5047 } 5048 5049 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody tr.notice td { 5050 color: #4c515a; 5051 font-weight: bold; 5052 } 5053 5054 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody td:first-of-type > div { 5055 justify-content: center; 5056 } 5057 5058 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody td a:not(.thumb) { 5059 display: block; 5060 position: absolute; 5061 top: 0; 5062 width: 100%; 5063 height: 100%; 5064 } 5065 5066 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody td a:not(.thumb).numcomment_link { 5067 position: static; 5068 display: inline-block; 5069 width: auto; 5070 } 5071 5072 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody td a.thumb { 5073 display: flex; 5074 align-items: center; 5075 justify-content: center; 5076 } 5077 5078 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody td a.thumb img { 5079 height: 50px; 5080 } 5081 5082 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody td { 5083 position: relative; 5084 } 5085 5086 #globWrap[data-wrap="board"] #bbsData .bbs-table-list tbody td div:has(a.b_subject) { 5087 /* 5088 display: flex; 5089 gap: 0 5px; 5090 align-items: center; 5091 */ 5092 } 5093 5094 #globWrap[data-wrap="board"] #bbsData .bbs-table-list thead th { 5095 /* border-bottom: 1px solid #bbb; */ 5096 } 5097 5098 #globWrap[data-wrap="board"] #bbsData select.MS_select { 5099 border: 1px solid #ddd; 5100 line-height: 27px; 5101 font-size: 13px; 5102 font-weight: 400; 5103 padding: 0px 30px 0px 10px; 5104 background: url(/Common/img/search_arrow.png) no-repeat calc(100% - 10px
5104) 50% / 10px auto; 5105 width: auto; 5106 height: auto; 5107 margin: 0px 0 0 0; 5108 } 5109 5110 #globWrap[data-wrap="board"] #bbsData .bbs-link-btm.bbs-link { 5111 margin-top: 10px; 5112 text-align: right; 5113 font-size: 0; 5114 line-height: 0; 5115 } 5116 5117 5118 #globWrap[data-wrap="board"] #bbsData .bbs-link-btm.bbs-link a { 5119 padding: 0 50px; 5120 margin: 0 0 0 10px; 5121 display: inline-block; 5122 line-height: 48px; 5123 height: auto; 5124 /*border-radius: 6px;*/ 5125 border: 1px solid #ddd; 5126 font-size: 13px; 5127 font-weight: 500; 5128 text-align: center; 5129 color: #000; 5130 background-image: none; 5131 } 5132 5133 #globWrap[data-wrap="board"] #bbsData .bbs-link-btm.bbs-link a.write { 5134 background: #000; 5135 color: #fff; 5136 } 5137 5138 #globWrap[data-wrap="board"] #bbsData .bbs-link-top { 5139 position: static; 5140 margin: 0 0 10px 0; 5141 display: flex; 5142 float: none; 5143 } 5144 5145 #globWrap[data-wrap="board"] #bbsData .bbs-link-top .bbs-link { 5146 position: static; 5147 } 5148 5149 /* board list */ 5150 #globWrap[data-wrap="board"][data-view="list"] #bbsData .bbs-link-top .bbs-sch { 5151 margin-left: auto; 5152 margin-top: 0; 5153 float: none; 5154 margin-bottom: 0; 5155 } 5156 5157 #globWrap[data-wrap="board"][data-view="list"] #bbsData .bbs-link-top .bbs-sch .key-wrap { 5158 font-size: inherit; 5159 line-height: inherit; 5160 } 5161 5162 #globWrap[data-wrap="board"][data-view="list"] #bbsData .bbs-link-top .bbs-sch .key-wrap input { 5163 border: 1px solid #ddd; 5164 line-height: 27px; 5165 height: auto; 5166 } 5167 5168 #globWrap[data-wrap="board"][data-view="list"] #bbsData .bbs-link-top .bbs-sch .key-wrap button { 5169 border: 0; 5170 background: none; 5171 padding: 0; 5172 cursor: pointer; 5173 width: 20px; 5174 } 5175 5176 #globWrap[data-wrap="board"][data-view="list"] #bbsData .bbs-link-top .bbs-sch .key-wrap input { 5177 padding: 0 10px; 5178 } 5179 5180 /* board view */ 5181 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo { 5182 border: 1px solid #e0e0e0; 5183 5184 display: flex; 5185 align-items: center; 5186 padding: 5px 5px; 5187 gap: 0 15px; 5188 } 5189 5190 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo dt { 5191 margin: 0; 5192 height: auto; 5193 float: none; 5194 left: 0; 5195 width: 50px; 5196 } 5197 5198 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo dt a { 5199 display: block; 5200 } 5201 5202 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo dt a img { 5203 width: 100%; 5204 height: auto; 5205 } 5206 5207 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo dd { 5208 float: none; 5209 } 5210 5211 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo dd ul { 5212 padding: 0; 5213 min-height: auto; 5214 border-left: 0; 5215 } 5216 5217 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo .name { 5218 5219 } 5220 5221 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo .name .text img { 5222 height: 20px; 5223 } 5224 5225 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view > table thead th { 5226 font-family: Inter; 5227 font-size: 17px; 5228 font-weight: 400; 5229 line-height: 20.57px; 5230 text-align: left; 5231 border-top: 1px solid #ddd; 5232 border-bottom: 1px solid #ddd; 5233 padding: 20px 16px; 5234 color: #000; 5235 } 5236 5237 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .wrt { 5238 display: flex; 5239 align-items: center; 5240 padding: 0 16px; 5241 margin: 0 0 20px 0; 5242 } 5243 5244 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .com-wrt-box .wrt { 5245 padding: 0; 5246 } 5247 5248 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .wrt span { 5249 margin: 0 5px; 5250 } 5251 5252 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .wrt span:first-of-type { 5253 margin-right: 0; 5254 } 5255 5256 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .wrt #oldDiv { 5257 margin: 0; 5258 } 5259 5260 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .wrt #captcharefreshimg { 5261 background: none; 5262 border: 1px solid #ddd; 5263 padding: 0px 10px; 5264 color: #777; 5265 font-size: 11px; 5266 line-height: 23px; 5267 box-sizing: border-box; 5268 display: block; 5269 } 5270 5271 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view tbody td.line { 5272 padding: 20px 16px; 5273 background: none; 5274 } 5275 5276 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view tbody td.line .cont-sub-des { 5277 display: flex; 5278 justify-content: right; 5279 gap: 0px; 5280 } 5281 5282 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view tbody td.line .cont-sub-des span { 5283 margin: 0; 5284 } 5285 5286 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view tbody td.line .cont-sub-des div { 5287 margin: 0 0 0px 0; 5288 } 5289 5290 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view tbody td.line .cont-sub-des div:first-child:before { 5291 display: none; 5292 } 5293 5294 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view tbody td.line .cont-sub-des div:before { 5295 content: ""; 5296 top: -1px; 5297 height: 15px; 5298 width: 1px; 5299 background: #ddd; 5300 display: inline-block; 5301 margin: 0 10px; 5302 vertical-align: middle; 5303 } 5304 5305 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view tbody td.line .cont-sub-des .hit { 5306 margin-bottom: 0; 5307 position: static; 5308 } 5309 5310 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .data-bd-cont { 5311 padding: 20px 16px; 5312 border-top: 1px solid #EDEDED; 5313 border-bottom: 1px solid #EDEDED; 5314 } 5315 5316 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .data-bd-cont img { 5317 max-width: 100%; 5318 } 5319 5320 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .comment-container .comment { 5321 5322 } 5323 5324 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo dd ul li { 5325 font-weight: 400; 5326 display: flex; 5327 gap: 5px; 5328 border: 0; 5329 5330 font-weight: 400; 5331 font-size: 12px; 5332 color: #777; 5333 } 5334 5335 #globWrap[data-wrap="board"][data-view="view"] #bbsData .prd-tinfo dd ul li a { 5336 display: block; 5337 } 5338 5339 5340 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view thead th { 5341 padding: 0; 5342 } 5343 5344 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .com-wrt-box .wrt button { 5345 padding: 0 10px; 5346 margin: 0; 5347 background: none; 5348 display: inline-block; 5349 line-height: 50px; 5350 height: auto; 5351 /*border-radius: 6px;*/ 5352 font-size: 13px; 5353 font-weight: 500; 5354 text-align: center; 5355 color: #fff; 5356 background: #000; 5357 width: 150px; 5358 overflow: hidden; 5359 text-overflow: ellipsis; 5360 white-space: nowrap; 5361 } 5362 5363 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .com-wrt-box label { 5364 background-image: none; 5365 position: relative; 5366 padding: 0 0 0 20px; 5367 font-weight: 400; 5368 } 5369 5370 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .com-wrt-box label:before { 5371 content: ""; 5372 position: absolute; 5373 left: 2px; 5374 top: 50%; 5375 width: 6px; 5376 height: 6px; 5377 border-top: 1px solid #bbb; 5378 border-right: 1px solid #bbb; 5379 transform: rotate(45deg); 5380 border-top-right-radius: 10%; 5381 transition: all 0.2s ease; 5382 margin-top: -2px; 5383 } 5384 5385 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .comment-box { 5386 border-bottom: 1px solid #e5e5e5; 5387 } 5388 /* 5389 .com-wrt-box label:before { 5390 content: "";
5391 width: 20px; 5392 height :20px; 5393 display: inline-block; 5394 mask-image: url(/Common/icon/chevron-right.svg); 5395 background: #000; 5396 mask-size: contain; 5397 mask-repeat: no-repeat; 5398 mask-position: center; 5399 vertical-align: middle; 5400 } 5401 */ 5402 5403 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .comment-box .wrt textarea { 5404 padding: 10px 10px; 5405 box-sizing: border-box; 5406 flex: 1; 5407 } 5408 5409 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .comment-box .wrt span input, 5410 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .view-link .con-link dd form input { 5411 border: 1px solid #ddd; 5412 line-height: 24px; 5413 font-size: 11px; 5414 font-weight: 400; 5415 padding: 0px 0px 0px 10px; 5416 width: auto; 5417 height: auto; 5418 margin: 0px 0 0 0; 5419 } 5420 5421 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .view-link.or_board .con-link { 5422 position: static; 5423 } 5424 5425 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .view-link.or_board .con-link dd { 5426 justify-content: end; 5427 } 5428 5429 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .view-link .con-link dd { 5430 display: flex; 5431 align-items: center; 5432 gap: 5px; 5433 } 5434 5435 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .view-link .con-link a { 5436 background: none; 5437 border: 1px solid #ddd; 5438 padding: 4px 10px; 5439 color: #777; 5440 font-size: 11px; 5441 line-height: normal; 5442 } 5443 5444 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .view-link .con-link dd form { 5445 display: flex; 5446 align-items: center; 5447 gap: 2px; 5448 } 5449 5450 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .view-link .con-link dd form > a { 5451 /* 5452 border: 0; 5453 font-weight: 600; 5454 pointer-events: none; 5455 */ 5456 } 5457 5458 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-view .bbs-table-list { 5459 margin: 20px 0 0 0; 5460 } 5461 5462 5463 /* board lock */ 5464 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock { 5465 5466 } 5467 5468 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock [name=view_passwd] { 5469 /*border-radius: 6px;*/ 5470 border: 1px solid #ddd; 5471 color: #000; 5472 font-size: 15px; 5473 font-weight: 400; 5474 line-height: 16px; 5475 padding: 34px 16px 12px 16px; 5476 max-height: none; 5477 height: auto; 5478 box-sizing: border-box; 5479 width: 100%; 5480 } 5481 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock .tw_line { 5482 position: relative; 5483 margin: 0 auto 10px auto; 5484 width: 608px; 5485 } 5486 5487 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock .tw_line .label_type1 { 5488 padding: 24px 0 0 16px; 5489 font-size: 13px; 5490 font-weight: 400; 5491 line-height: 16px; 5492 color: #8E8E8E; 5493 position: absolute; 5494 left: 0; 5495 top: -1px; 5496 height: 15px; 5497 font-size: 13px; 5498 cursor: text; 5499 transition: all 0.3s; 5500 -webkit-transition: all 0.3s; 5501 } 5502 5503 5504 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock .tw_line input:focus { 5505 border-color: #444; 5506 color:#444; 5507 } 5508 5509 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock .tw_line:has(input:focus) label { 5510 padding-top:11px; 5511 font-size:11px; 5512 } 5513 5514 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock .tw_line:has(input:not(:placeholder-shown)) label { 5515 padding-top:11px; 5516 font-size:11px; 5517 } 5518 5519 5520 5521 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock .lock-link { 5522 display: flex; 5523 align-items: center; 5524 gap: 5px; 5525 justify-content: center; 5526 margin: 10px 0 0 0; 5527 } 5528 5529 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock .lock-link a:first-child { 5530 color: #fff; 5531 background: #000; 5532 border: 1px solid transparent; 5533 } 5534 5535 #globWrap[data-wrap="board"][data-view="view"] #bbsData .bbs-table-lock .lock-link a { 5536 padding: 0 50px; 5537 margin: 0 0 0 0px; 5538 display: inline-block; 5539 line-height: 48px; 5540 height: auto; 5541 /*border-radius: 6px;*/ 5542 border: 1px solid #ddd; 5543 font-size: 13px; 5544 font-weight: 500; 5545 text-align: center; 5546 color: #000; 5547 background-image: none; 5548 } 5549 5550 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view #comment_reply_input { 5551 position: absolute; 5552 width: 600px; 5553 display: block; 5554 border: 2px solid #757575; 5555 padding: 7px; 5556 background: #FFF; 5557 z-index: 5; 5558 } 5559 5560 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view #comment_password { 5561 position: absolute; 5562 display: block; 5563 width: 300px; 5564 border: 2px solid #757575; 5565 padding: 7px; 5566 background: #FFF; 5567 z-index: 6; 5568 } 5569 5570 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view button span { 5571 visibility: visible; 5572 } 5573 5574 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment-container { 5575 margin: 0 auto; 5576 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif; 5577 } 5578 5579 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment { 5580 padding: 20px; 5581 border-top: 1px solid #e0e0e0; 5582 position: relative; 5583 } 5584 5585 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment:last-child { 5586 border-bottom: 1px solid #e0e0e0; 5587 } 5588 5589 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment.reply { 5590 padding-left: 60px; 5591 border-top: none; 5592 } 5593 5594 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment.reply::before { 5595 content: ""; 5596 position: absolute; 5597 top: 0; 5598 left: 0px; 5599 right: 0; 5600 height: 1px;
5601 background-color: #e0e0e0; 5602 } 5603 5604 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment-header { 5605 display: flex; 5606 justify-content: space-between; 5607 align-items: center; 5608 margin-bottom: 12px; 5609 } 5610 5611 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment-author { 5612 font-weight: 600; font-size: 14px; color: #000; } 5613 5614 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment-date { 5615 font-size: 13px; color: #666; 5616 } 5617 5618 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment-content { 5619 font-size: 14px; 5620 line-height: 1.5; 5621 color: #333; 5622 margin-bottom: 12px; 5623 } 5624 5625 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .comment-actions { 5626 display: flex; align-items: center; gap: 8px; justify-content: flex-end; 5627 } 5628 5629 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .action-btn { 5630 display: flex; align-items: center; gap: 6px; 5631 background: none; border: none; cursor: pointer; 5632 font-size: 13px; color: #666; padding: 4px 8px; border-radius: 4px; 5633 transition: background-color 0.2s; 5634 } 5635 5636 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .action-btn:hover { 5637 background-color: #f5f5f5; 5638 } 5639 5640 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .action-btn svg { 5641 width: 18px; height: 18px; fill: currentColor; 5642 } 5643 5644 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .action-btn.liked { 5645 color: #1976d2; 5646 } 5647 5648 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .action-btn.disliked { 5649 color: #d32f2f; 5650 } 5651 5652 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .reply-btn { 5653 color: #1976d2; 5654 } 5655 5656 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .delete-btn { 5657 color: #666; 5658 } 5659 5660 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .mention { 5661 color: #1976d2; 5662 cursor: pointer; 5663 } 5664 5665 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .covering-info { 5666 color:#A6A6A6; 5667 } 5668 5669 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .cancel-icon-btn { 5670 border: none; 5671 background: transparent; 5672 cursor: pointer; 5673 padding: 0; 5674 opacity: 0.7; 5675 transition: opacity 0.2s; 5676 vertical-align: middle; 5677 } 5678 5679 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .cancel-icon-btn:hover { 5680 opacity: 1; 5681 } 5682 5683 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .cancel-icon-btn:hover circle { 5684 fill: #ff4444; 5685 } 5686 5687 #globWrap[data-wrap="board"][data-view="view"] .bbs-table-view .cancel-icon-btn:hover path { 5688 stroke: white; 5689 } 5690 5691 /* board write */ 5692 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write th { 5693 padding: 12px 0; 5694 font-size: 12px; 5695 color: #161616; 5696 text-indent: 12px; 5697 text-align: left; 5698 } 5699 5700 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write th:nth-of-type(2), #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td:nth-of-type(2) { 5701 position: relative; 5702 left: 30px; 5703 } 5704 5705 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write #productlist td:nth-of-type(2) { 5706 left: 0; 5707 } 5708 5709 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write #board_form td [name="b_issecret"] { 5710 margin: 0 5px; 5711 } 5712 5713 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td button { 5714 border: 0; 5715 background: none; 5716 padding: 0; 5717 cursor: pointer; 5718 width: 20px; 5719 margin: 0 5px; 5720 } 5721 5722 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #captchareflashimg { 5723 background: none; 5724 border: 1px solid #ddd; 5725 padding: 0px 10px; 5726 color: #777; 5727 font-size: 11px; 5728 display: inline-block; 5729 line-height: 27px; 5730 } 5731 5732 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td input:not([type="file"]) { 5733 border: 1px solid #ddd; 5734 line-height: 27px; 5735 font-size: 13px; 5736 font-weight: 400; 5737 padding: 0px 10px 0px 10px; 5738 width: auto; 5739 height: auto; 5740 margin: 0px 0 0 0; 5741 } 5742 5743 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #oldDiv img { 5744 height: 29px; 5745 } 5746 5747 5748 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #productlist { 5749 padding: 5px 0 0 0; 5750 } 5751 5752 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #productlist > div { 5753 border: 1px solid #e5e5e5!important; 5754 } 5755 5756 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #productlist > div > div { 5757 /*color: #9d9d9d;*/ 5758 color: #000; 5759 margin: 0 0 8px 0; 5760 } 5761 5762 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #productlist .xhr-btn-select { 5763 border: 0; 5764 background-color: #000; 5765 font-family: ëì; 5766 font-size: 10px; 5767 color: #fff; 5768 padding: 5px 10px; 5769 line-height: normal; 5770 display: inline-block; 5771 } 5772 5773 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #productlist .paging { 5774 margin: 30px 0 30px 0; 5775 display: flex; 5776 flex-wrap: wrap; 5777 justify-content: center; 5778 line-height: normal; 5779 } 5780 5781 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #productlist .paging li { 5782 margin: 0 5px; 5783 border: 1px solid #ddd; 5784 border-radius: 6px; 5785 padding: 0; 5786 } 5787 5788 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #productlist .paging li, 5789 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #productlist .paging li a { 5790 display: block; 5791 min-width: 26px;
5792 height: 26px; 5793 line-height: 26px; 5794 text-align: center; 5795 font-size: 13px; 5796 font-weight: 400; 5797 color: #000; 5798 } 5799 5800 #globWrap[data-wrap="board"][data-view="write"] #bbsData .bbs-table-write td #productlist .paging li.now { 5801 background-color: #ddd; 5802 } 5803 5804 5805 5806 5807 5808 5809 5810 5811 5812 5813 5814 5815 5816 /* 5817 ======================================================================== 5818 help 5819 ======================================================================== 5820 */ 5821 5822 /* common */ 5823 #globWrap[data-wrap="help"] #aside { 5824 5825 } 5826 5827 #globWrap[data-wrap="help"] .page-tit { 5828 margin-bottom: 30px; 5829 } 5830 5831 #globWrap[data-wrap="help"] .page-tit h2 { 5832 font-size: 25px; 5833 font-weight: 600; 5834 line-height: 24.2px; 5835 margin: 0 0 16px 0; 5836 color: #161616; 5837 5838 position: relative; 5839 /*padding-left: 15px;*/ 5840 text-transform: uppercase; 5841 } 5842 5843 #globWrap[data-wrap="help"] .page-tit h2:after { 5844 /*content: "";*/ 5845 position: absolute; 5846 left: 0; 5847 top: 50%; 5848 transform: translateY(-50%); 5849 width: 4px; 5850 height: 18px; 5851 background: #5ebe01; /* í¬ì¸í¸ ì»¬ë¬ */ 5852 } 5853 5854 #globWrap[data-wrap="help"] #wrap #content { 5855 /* 5856 width: 100%; 5857 float: none; 5858 margin-left: auto; 5859 margin-right: auto; 5860 */ 5861 } 5862 5863 /* support */ 5864 5865 #globWrap[data-wrap="help"][data-view="support"] #help-center { 5866 margin: 0 auto; 5867 } 5868 5869 #globWrap[data-wrap="help"][data-view="support"] #help-center section:not(:first-of-type) { 5870 margin: 100px 0 0 0; 5871 } 5872 5873 #globWrap[data-wrap="help"][data-view="support"] #help-center section > .tit { 5874 /*text-align: center;*/ 5875 margin: 0 0 30px 0; 5876 } 5877 5878 #globWrap[data-wrap="help"][data-view="support"] #help-center section > .tit h2 { 5879 font-size: 18px; 5880 color: #000; 5881 font-weight: 500; 5882 margin: 0 0 5px 0; 5883 } 5884 5885 #globWrap[data-wrap="help"][data-view="support"] #help-center section > .tit p { 5886 margin-bottom: 30px; 5887 font-size: 13px; 5888 color: #666; 5889 font-weight: 300; 5890 } 5891 5892 #globWrap[data-wrap="help"][data-view="support"] #help-center .arrow-long { 5893 display: inline-block; 5894 width: 15px; 5895 height: 2px; 5896 background: #333; 5897 position: relative; 5898 vertical-align: middle; 5899 } 5900 5901 #globWrap[data-wrap="help"][data-view="support"] #help-center .arrow-long::after { 5902 content: ""; 5903 position: absolute; 5904 right: 0; 5905 top: 50%; 5906 width: 4px; 5907 height: 4px; 5908 border-top: 2px solid #333; 5909 border-right: 2px solid #333; 5910 transform: translateY(-50%) rotate(45deg); 5911 border-radius: 10%; 5912 } 5913 5914 #globWrap[data-wrap="help"][data-view="support"] #help-center .arrow-triangle::after { 5915 content: ""; 5916 position: absolute; 5917 top: 50%; 5918 left: 50%; 5919 width: 6px; 5920 height: 6px; 5921 transform: translate(-50%, -50%) rotate(45deg); 5922 border-right: 2px solid #000; 5923 border-bottom: 2px solid #000; 5924 transition: all 0.2s ease; 5925 z-index: -1; 5926 transform-origin: center; 5927 } 5928 5929 #globWrap[data-wrap="help"][data-view="support"] #help-center .arrow-triangle.right { 5930 transform: translate(-50%, -50%) rotate(-90deg); 5931 } 5932 5933 /* help-top */ 5934 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards { 5935 display: flex; 5936 gap: 20px; 5937 } 5938 5939 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .card { 5940 flex: 1; 5941 display: flex; 5942 align-items: center; 5943 padding: 20px; 5944 border: 1px solid #eee; 5945 border-radius: 10px; 5946 transition: 0.3s;
5947 cursor: pointer; 5948 } 5949 5950 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .card:hover { 5951 box-shadow: 0 5px 15px rgba(0,0,0,0.05); 5952 background: #000; 5953 color: #fff; 5954 } 5955 5956 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .card:hover .text strong { 5957 color: #fff; 5958 } 5959 5960 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .card:hover .text p { 5961 color: #a3a3a3; 5962 } 5963 5964 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .card:hover .arrow-triangle.right { 5965 filter: invert(1); 5966 } 5967 5968 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .icon { 5969 border-radius: 100%; 5970 width: 40px; 5971 height: 40px; 5972 margin: 0 15px 0 0; 5973 flex: 0 0 40px; 5974 } 5975 5976 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .text { 5977 /*flex: 1 0 auto;*/ 5978 flex: 1 1 0%; 5979 } 5980 5981 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .text strong { 5982 color: #000; 5983 margin: 0 0 5px 0; 5984 display: block; 5985 font-size: 15px; 5986 } 5987 5988 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .text p { 5989 font-size: 13px; 5990 font-weight: 400; 5991 color: #787878; 5992 } 5993 5994 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .arrow-triangle.right { 5995 margin-right: 5px; 5996 } 5997 5998 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .card:nth-child(1) .icon { 5999 background: #eee url(/Common/img/help_icon01.png) center center / 30px auto no-repeat; 6000 } 6001 6002 #globWrap[data-wrap="help"][data-view="support"] #help-center .help-top .help-cards .card:nth-child(2) .icon { 6003 background: #eee url(/Common/img/help_icon02.png) center center / 30px auto no-repeat; 6004 } 6005 6006 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq { 6007 6008 } 6009 6010 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq h3 { 6011 text-align: center; 6012 margin-bottom: 30px; 6013 font-size: 30px; 6014 color: #000; 6015 } 6016 6017 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-more { 6018 margin: 30px auto; 6019 display: flex; 6020 text-align: center; 6021 justify-content: center; 6022 } 6023 6024 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-more a { 6025 font-size: 12px; 6026 color: #000; 6027 font-weight: 400; 6028 display: block; 6029 border: 1px solid #eee; 6030 padding: 8px 15px; 6031 border-radius: 5px; 6032 } 6033 6034 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-more a span { 6035 margin-left: 2px; 6036 6037 display: none; 6038 } 6039 6040 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-more a:hover { 6041 background: #000; 6042 color: #fff; 6043 } 6044 6045 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-more a:hover span { 6046 filter: invert(1); 6047 } 6048 6049 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-list { 6050 border-top: 1px solid #ccc; 6051 } 6052 6053 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-list .no-data { 6054 text-align: center; 6055 font-size: 13px; 6056 padding: 15px 0; 6057 color: #222; 6058 } 6059 6060 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-list .faq-item { 6061 border-bottom: 1px solid #eee; 6062 position: relative; 6063 } 6064 6065 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-list .faq-item .arrow-triangle { 6066 content: ""; 6067 position: absolute; 6068 right: 15px; 6069 top: 20px; 6070 margin-right: 6px; 6071 } 6072 6073 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-list .faq-item.active .arrow-triangle:after { 6074 transform: translate(-50%, -50%) rotate(225deg); 6075 margin-top: 3px; 6076 } 6077 6078 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-question { 6079 padding: 15px 15px; 6080 text-align: left; 6081 background: none; 6082 border: none; 6083 cursor: pointer; 6084 position: relative; 6085 color: #000; 6086 font-size: 13px; 6087 cursor: pointer; 6088 } 6089 6090 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-answer { 6091 display: none; 6092 padding: 15px; 6093 background: #f8f8f8; 6094 font-size: 12px; 6095 } 6096 6097 #globWrap[data-wrap="help"][data-view="support"] #help-center .faq .faq-item.active .faq-answer { 6098 /*display: block;*/ 6099 line-height: 20px; 6100 } 6101 6102 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact { 6103 6104 } 6105 6106 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact h3 { 6107 text-align: center; 6108 margin-bottom: 30px; 6109 font-size: 30px; 6110 color: #000; 6111 } 6112 6113 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-list { 6114 display: flex; 6115 gap: 20px; 6116 } 6117 6118 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item { 6119 flex: 1; 6120 padding: 0px; 6121 text-align: center; 6122 border: 1px solid #eee; 6123 border-radius: 10px; 6124 transition: 0.3s;
6125 box-sizing: border-box; 6126 cursor: pointer; 6127 } 6128 6129 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item a { 6130 display: block; 6131 padding: 20px; 6132 } 6133 6134 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item:hover { 6135 box-shadow: 0 5px 15px rgba(0,0,0,0.05); 6136 background: #000; 6137 color: #fff; 6138 } 6139 6140 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item:hover .arrow-long { 6141 filter: invert(1); 6142 } 6143 6144 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item:hover .tit { 6145 color: #fff; 6146 } 6147 6148 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item:hover .text { 6149 color: #a3a3a3; 6150 } 6151 6152 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item .icon { 6153 background: #eee; 6154 border-radius: 100%; 6155 width: 40px; 6156 height: 40px; 6157 display: flex; 6158 align-items: center; 6159 justify-content: center; 6160 margin: 0 auto; 6161 } 6162 6163 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item .icon img { 6164 height: 30px; 6165 } 6166 6167 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item .tit { 6168 color: #000; 6169 margin: 10px 0 5px 0; 6170 font-size: 14px; 6171 } 6172 6173 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item .text { 6174 font-size: 12px; 6175 font-weight: 400; 6176 color: #787878; 6177 } 6178 6179 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item .link { 6180 padding: 15px 0 0 0; 6181 cursor: pointer; 6182 display: flex; 6183 justify-content: center; 6184 align-items: center; 6185 6186 display: none; 6187 } 6188 6189 #globWrap[data-wrap="help"][data-view="support"] #help-center .contact .contact-item .link a { 6190 display: block; 6191 font-size: 0; 6192 } 6193 6194 /* tracking */ 6195 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .page-body { 6196 margin-top:55px; 6197 } 6198 6199 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .h_tit { 6200 font-size: 25px; 6201 font-weight: 600; 6202 color: #161616; 6203 margin-bottom: 10px; 6204 text-align: center; 6205 } 6206 6207 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .h_msg { 6208 margin-bottom: 30px; 6209 font-size: 13px; 6210 color: #666; 6211 font-weight: 300; 6212 text-align: center; 6213 } 6214 6215 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_box { 6216 position:relative; 6217 top:0; 6218 left:0; 6219 width:480px; 6220 margin:0 auto; 6221 padding:50px 0px; 6222 } 6223 6224 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_w { 6225 display: flex; 6226 flex-wrap: nowrap; 6227 } 6228 6229 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_w > li { 6230 position:relative; 6231 } 6232 6233 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_w > li:first-of-type { 6234 flex: 100%; 6235 } 6236 6237 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_w > li:last-of-type { 6238 flex: 1 0 auto; 6239 } 6240 6241 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_w > li .f_label { 6242 position:absolute; 6243 left:0; 6244 top:0; 6245 height:15px; 6246 padding:14px 0 0 16px; 6247 font-size:13px;/*font-weight:bold;*/ 6248 cursor:text; 6249 transition:all 0.3s; 6250 -webkit-transition:all 0.3s; 6251 -moz-transition:all 0.3s;
6252 color:#777; 6253 } 6254 6255 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_w > li input { 6256 width: 100%; 6257 padding: 18px 15px 7px 15px; 6258 font-size:13px; 6259 font-weight:bold; 6260 border:1px solid #c9c9c9; 6261 color:#969696; 6262 box-sizing: border-box; 6263 line-height: normal; 6264 } 6265 6266 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_w > li input:focus { 6267 border-color: #444; 6268 color:#444; 6269 } 6270 6271 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_w > li:has(input:focus) .f_label { 6272 padding-top:6px; 6273 font-size:11px; 6274 } 6275 6276 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .tracking_w > li:has(input:not(:placeholder-shown)) .f_label { 6277 padding-top:6px; 6278 font-size:11px; 6279 } 6280 6281 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .btn-tracking { 6282 width:100%; 6283 min-width: 100px; 6284 text-align:center; 6285 padding:12px 15px; 6286 font-size:14px; 6287 font-weight:bold; 6288 color:#fff; 6289 background:#292828; 6290 border:1px solid #292828; 6291 } 6292 6293 #globWrap[data-wrap="help"][data-view="tracking"] #tracking-order .tracking_inner .btn-tracking:hover{ 6294 background:#4B4A49; 6295 border-color:#4B4A49; 6296 } 6297 6298 /* faq */ 6299 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap { 6300 margin: 0 auto; 6301 } 6302 6303 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .arrow-triangle::after { 6304 content: ""; 6305 position: absolute; 6306 top: 50%; 6307 left: 50%; 6308 width: 6px; 6309 height: 6px; 6310 transform: translate(-50%, -50%) rotate(45deg); 6311 border-right: 2px solid #000; 6312 border-bottom: 2px solid #000; 6313 transition: all 0.2s ease; 6314 z-index: -1; 6315 transform-origin: center; 6316 } 6317 6318 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .sch-frm { 6319 margin: 20px 0 20px 0; 6320 padding: 25px 25px; 6321 background: #fff; 6322 border-radius: 5px; 6323 border: 1px solid #e0e0e0; 6324 } 6325 6326 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .sch-frm .sch_line { 6327 display: flex; 6328 flex-wrap: wrap; 6329 justify-content: center; 6330 gap: 10px; 6331 } 6332 6333 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .sch-frm dd:first-child { 6334 flex: 0 0 50%; 6335 } 6336 6337 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .sch-frm dd input { 6338 border: 1px solid #e0e0e0; 6339 border-radius: 5px; 6340 width: 100%; 6341 margin: 0; 6342 padding: 0 10px; 6343 box-sizing: border-box; 6344 line-height: 30px; 6345 height: 30px; 6346 font-size: 12px; 6347 } 6348 6349 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .sch-frm dd button { 6350 background: #000; 6351 font-size: 13px; 6352 font-weight: bold; 6353 border-radius: 5px; 6354 width: 100px; 6355 line-height: normal; 6356 height: 30px; 6357 overflow: hidden; 6358 text-overflow: ellipsis; 6359 white-space: nowrap; 6360 color: #fff; 6361 padding: 0 10px; 6362 } 6363 6364 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-top { 6365 6366 } 6367 6368 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-top .category { 6369 padding: 0 15px; 6370 } 6371 6372 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-top .category ul { 6373 display: flex; 6374 flex-wrap: wrap; 6375 /*gap: 20px;*/ 6376 } 6377 6378 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-top .category ul li { 6379 display: flex; 6380 align-items: center; 6381 } 6382 6383 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-top .category ul li a { 6384 display: block; 6385 font-size: 12px; 6386 color: #666; 6387 font-weight: 400; 6388 line-height: 40px; 6389 } 6390 6391 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-top .category ul li.on a { 6392 text-decoration: underline; 6393 font-weight: 600; 6394 color: #000; 6395 } 6396 6397 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-top .category ul li:not(:last-child):after { 6398 content: ""; 6399 background: #888; 6400 width: 1px; 6401 height: 10px; 6402 display: block; 6403 margin: 0 10px; 6404 } 6405 6406 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq h3 { 6407 text-align: center; 6408 margin-bottom: 30px; 6409 font-size: 30px; 6410 color: #000; 6411 } 6412 6413 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-more { 6414 margin: 30px auto; 6415 display: flex; 6416 text-align: center; 6417 justify-content: center; 6418 } 6419 6420 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-more a { 6421 font-size: 12px; 6422 color: #000; 6423 font-weight: 400; 6424 display: block; 6425 border: 1px solid #eee; 6426 padding: 8px 15px; 6427 border-radius: 5px; 6428 } 6429 6430 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-more a span { 6431 margin-left: 2px; 6432 } 6433 6434 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-more a:hover { 6435 background: #000; 6436 color: #fff; 6437 } 6438 6439 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-more a:hover span { 6440 filter: invert(1); 6441 } 6442 6443 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-list { 6444 border-top: 1px solid #ccc; 6445 } 6446 6447 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-list .no-data { 6448 text-align: center; 6449 font-size: 13px; 6450 padding: 15px 0; 6451 color: #222; 6452 } 6453 6454 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-list .faq-item { 6455 border-bottom: 1px solid #eee; 6456 position: relative; 6457 } 6458 6459 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-list .faq-item .arrow-triangle { 6460 content: ""; 6461 position: absolute; 6462 right: 15px; 6463 top: 20px; 6464 margin-right: 6px; 6465 } 6466 6467 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-list .faq-item.active .arrow-triangle:after { 6468 transform: translate(-50%, -50%) rotate(225deg); 6469 margin-top: 3px; 6470 } 6471 6472 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-question { 6473 padding: 15px 15px; 6474 text-align: left; 6475 background: none; 6476 border: none; 6477 cursor: pointer; 6478 position: relative; 6479 color: #000; 6480 font-size: 13px; 6481 cursor: pointer; 6482 } 6483 6484 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap .faq .faq-answer { 6485 display: none; 6486 padding: 15px; 6487 background: #f8f8f8; 6488 font-size: 12px; 6489 line-height: 20px; 6490 } 6491 6492 #globWrap[data-wrap="help"][data-view="faq"] #faqWrap.faq .faq-item.active .faq-answer { 6493 /*display: block;*/ 6494 line-height: 20px; 6495 } 6496 6497 #globWrap[data-wrap="help"][data-view="faq"] .page-tit h2 { 6498 font-size: 20px; 6499 font-weight: 600; 6500 line-height: 24.2px; 6501 margin: 0px 0 16px 0; 6502 color: #161616; 6503 padding: 0; 6504 height: auto; 6505 background: none; 6506 text-transform: uppercase; 6507 } 6508 6509 /* shoppingguide */ 6510 #globWrap[data-wrap="help"][data-view="guide"] #wrap #content { 6511 width: 100%; 6512 float: none; 6513 margin-left: auto; 6514 margin-right: auto; 6515 } 6516 6517 #globWrap[data-wrap="help"][data-view="guide"] #guide * { 6518 font-family: inherit; 6519 } 6520 6521 /* ==========================================================================
6522 주문ì ìì± 6523 ================================================================ì========== */ 6524 6525 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_tit { 6526 padding: 0 15px 10px 0px; 6527 margin: 20px 0 10px 0; 6528 /*border-bottom: 1px solid #d0d0d0;*/ 6529 display: flex; 6530 align-items: end; 6531 } 6532 6533 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_tit i { 6534 display: block; 6535 color: #2e2e2e; 6536 } 6537 6538 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_tit > .tit { 6539 position: relative; 6540 color: #000; 6541 font-size: 24px; 6542 font-weight: bold; 6543 margin: 0; 6544 } 6545 6546 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_tit > .msg { 6547 padding-left: 10px; 6548 font-size: 12px; 6549 font-weight: 400; 6550 color: #777; 6551 } 6552 6553 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_tit > .msg em { 6554 color: #333; 6555 font-style: normal; 6556 font-weight: 700; 6557 } 6558 6559 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_stit { 6560 position: relative; 6561 margin-bottom: 10px; 6562 padding: 0 !important; 6563 display: flex; 6564 flex-wrap: wrap; 6565 } 6566 6567 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_stit > .tit { 6568 display: inline; 6569 font-size: 15px; 6570 font-weight: bold; 6571 padding: 0 !important; 6572 color: #5f5e5e; 6573 width: 100%; 6574 } 6575 6576 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_stit > .msg { 6577 padding-left: 10px; 6578 } 6579 6580 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_stit > .msg em { 6581 color: #333; 6582 } 6583 6584 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_stit .ad_choice { 6585 display: flex; 6586 flex-wrap: wrap; 6587 justify-content: right; 6588 margin: 5px 0 0 auto; 6589 } 6590 6591 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_stit .ad_choice li { 6592 float: none; 6593 margin: 0 0 0 10px; 6594 } 6595 6596 #globWrap[data-wrap="order"][data-view="pgform"] #order .page_stit .ad_choice li input { 6597 margin: 0 2px 0 0; 6598 vertical-align: text-top; 6599 } 6600 6601 #globWrap[data-wrap="order"][data-view="pgform"] #order .layer-pop { 6602 z-index: 2; 6603 background-color: #fff; 6604 border: 1px solid #000; 6605 position: absolute; 6606 top: 0; 6607 left: 0; 6608 width: 457px; 6609 padding-bottom: 30px; 6610 } 6611 6612 6613 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .close { 6614 background: none; 6615 } 6616 6617 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lhd { 6618 position: relative; 6619 height: 44px; 6620 padding-left: 20px; 6621 background-color: #000; 6622 } 6623 6624 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lhd h3 { 6625 padding: 0; 6626 color: #fff; 6627 font-family: Tahoma; 6628 font-size: 18px; 6629 line-height: 40px; 6630 font-weight: 500; 6631 background: none; 6632 } 6633 6634 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lhd .lclose { 6635 position: absolute; 6636 top: 9px; 6637 right: 10px; 6638 width: 22px; 6639 height: 22px; 6640 border: 0; 6641 color: #fff; 6642 font-family: Arial; 6643 font-size: 20px; 6644 background: none; 6645 } 6646 6647 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont { 6648 padding: 12px 18px 0; 6649 } 6650 6651 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w { 6652 zoom: 1; 6653 overflow: hidden; 6654 } 6655 6656 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w .thumb, 6657 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w .pinfo { 6658 float: left; 6659 } 6660 6661 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w .thumb { 6662 width: 47px; 6663 margin-right: 14px; 6664 } 6665 6666 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w .thumb img { 6667 width: 45px; 6668 height: 45px; 6669 border: 1px solid #ccc; 6670 } 6671 6672 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w .pinfo { 6673 width: 564px; 6674 padding-top: 5px; 6675 margin-bottom: 10px; 6676 } 6677 6678 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w .pinfo .pname { 6679 font-size: 12px; 6680 font-weight: 500; 6681 color: #000; 6682 } 6683 6684 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w .pinfo .pname, 6685 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w .pinfo .price { 6686 font-weight: bold; 6687 } 6688 6689 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-w .pinfo .price { 6690 color: #ed0000; 6691 } 6692 6693 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-sel { 6694 zoom: 1; 6695 position: relative; 6696 height: 280px;
6697 overflow-y: scroll; 6698 margin-top: 12px; 6699 padding: 4px 4px 0; 6700 background-color: #f4f4f4; 6701 } 6702 6703 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect .pinfo .pname { 6704 color: #777; 6705 font-weight: 500; 6706 font-size: 12px; 6707 } 6708 6709 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect { 6710 margin-bottom: 4px; 6711 padding: 8px 10px; 6712 background-color: #fff; 6713 border: 1px solid #e1e1e1; 6714 } 6715 6716 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect .pti-wrap { 6717 display: flex; 6718 justify-content: space-between; 6719 } 6720 6721 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect .pti:last-child { 6722 font-size: 12px; 6723 } 6724 6725 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect dl { 6726 zoom: 1; 6727 overflow: hidden; 6728 margin-top: 2px; 6729 padding: 14px 0 8px; 6730 background-color: #f4f4f4; 6731 display: flex; 6732 justify-content: center; 6733 align-items: center; 6734 } 6735 6736 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect dt, 6737 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect dd { 6738 6739 } 6740 6741 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect dt { 6742 padding-right: 8px; 6743 text-align: right; 6744 color: #777; 6745 font-weight: 500; 6746 font-size: 12px; 6747 } 6748 6749 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect dd select { 6750 color: #000; 6751 font-weight: 400; 6752 font-size: 12px; 6753 appearance: auto; 6754 } 6755 6756 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect .pti { 6757 color: #000; 6758 font-weight: 500; 6759 font-size: 13px; 6760 } 6761 6762 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .sect .txt-input { 6763 width: 232px; 6764 height: 17px; 6765 line-height: 17px; 6766 padding-left: 4px; 6767 border: 1px solid #aaa; 6768 color: #888; 6769 } 6770 6771 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel { 6772 margin-top: 12px; 6773 padding: 4px; 6774 background-color: #f4f4f4; 6775 } 6776 6777 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .sect { 6778 zoom: 1; 6779 position: relative; 6780 height: 94px; 6781 overflow-y: scroll; 6782 } 6783 6784 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num { 6785 zoom: 1; 6786 overflow: hidden; 6787 padding: 10px 0 10px 10px; 6788 } 6789 6790 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num dt, 6791 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num dd { 6792 float: left; 6793 } 6794 6795 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num dt { 6796 width: 105px; 6797 color: #777; 6798 font-weight: bold; 6799 } 6800 6801 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num dd { 6802 position: relative; 6803 width: 180px; 6804 } 6805 6806 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num dd .txt-input { 6807 width: 168px; 6808 } 6809 6810 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num dd .ctrl { 6811 position: absolute; 6812 top: 4px; 6813 right: 0; 6814 width: 7px; 6815 height: 12px; 6816 } 6817 6818 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num dd .ctrl a { 6819 position: absolute; 6820 width: 7px; 6821 height: 6px; 6822 text-indent: -9999px; 6823 } 6824 6825 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num dd .ctrl .up { 6826 top: 0; 6827 left: 0; 6828 } 6829 6830 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .add-sel .num dd .ctrl .dw { 6831 bottom: 0; 6832 left: 0; 6833 } 6834 6835 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res { 6836 zoom: 1; 6837 position: relative; 6838 height: 86px;
6839 overflow-y: scroll; 6840 margin-top: 5px; 6841 padding: 8px; 6842 border: 1px solid #ddd; 6843 } 6844 6845 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dl { 6846 zoom: 1; 6847 overflow: hidden; 6848 margin: 8px 0; 6849 } 6850 6851 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dt, 6852 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dd { 6853 float: left; 6854 } 6855 6856 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dt { 6857 width: 248px; 6858 margin-right: 4px; 6859 overflow: hidden; 6860 white-space: nowrap; 6861 text-overflow: ellipsis; 6862 } 6863 6864 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dd.amount { 6865 position: relative; 6866 width: 32px; 6867 height: 21px; 6868 } 6869 6870 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dd.amount .ctrl { 6871 position: absolute; 6872 top: 4px; 6873 right: 0; 6874 width: 7px; 6875 height: 12px; 6876 } 6877 6878 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dd.amount .ctrl a { 6879 position: absolute; 6880 width: 7px; 6881 height: 6px; 6882 text-indent: -9999px; 6883 } 6884 6885 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dd.amount .ctrl .up { 6886 top: 0; 6887 left: 0; 6888 } 6889 6890 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dd.amount .ctrl .dw { 6891 bottom: 0; 6892 left: 0; 6893 } 6894 6895 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dd.amount .txt-input { 6896 width: 19px; 6897 height: 19px; 6898 line-height: 19px; 6899 text-align: right; 6900 } 6901 6902 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dd.price { 6903 width: 82px; 6904 margin-right: 8px; 6905 color: #000; 6906 font-size: 14px; 6907 font-weight: bold; 6908 text-align: right; 6909 } 6910 6911 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .opt-res dd.delopt .delete { 6912 width: 12px; 6913 height: 13px; 6914 } 6915 6916 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-total { 6917 position: relative; 6918 height: 36px; 6919 line-height: 36px; 6920 margin-top: 15px; 6921 text-align: center; 6922 font-weight: bold; 6923 } 6924 6925 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-total .abs-price { 6926 position: absolute; 6927 top: 0; 6928 right: 0; 6929 color: #ff0000; 6930 font-size: 24px; 6931 font-weight: bold; 6932 } 6933 6934 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-btn { 6935 margin-top: 20px; 6936 text-align: center; 6937 display: flex; 6938 gap: 0 10px; 6939 justify-content: center; 6940 } 6941 6942 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-btn a { 6943 background: #000; 6944 color: #fff; 6945 padding: 5px 10px; 6946 display: flex; 6947 line-height: normal; 6948 align-items: center; 6949 } 6950 6951 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-btn a button { 6952 background: none; 6953 color: #fff; 6954 font-size: 12px; 6955 border: 0; 6956 padding: 0; 6957 } 6958 6959 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-btn a.bindCloseBank { 6960 background: #efefef; 6961 color: #fff; 6962 } 6963 6964 #globWrap[data-wrap="order"][data-view="pgform"] .layer-pop .lcont .prd-btn a.bindCloseBank button { 6965 color: #000; 6966 } 6967 6968 6969 #globWrap[data-wrap="order"][data-view="pgform"] #order .error_on input, 6970 #globWrap[data-wrap="order"][data-view="pgform"] #order .error_on select, 6971 #globWrap[data-wrap="order"][data-view="pgform"] #order .error_on_select { 6972 border: 1px solid #ff0000 !important; 6973 } 6974 6975 #globWrap[data-wrap="order"][data-view="pgform"] #order .error_on .ad_check, 6976 #globWrap[data-wrap="order"][data-view="pgform"] #order .error_on_msg { 6977 color: #FF0000; 6978 line-height: 20px; 6979 font-size: 11px; 6980 margin: 5px 0 5px 0px; 6981 } 6982 6983 #globWrap[data-wrap="order"][data-view="pgform"] #order select#r_tel_country, 6984 #globWrap[data-wrap="order"][data-view="pgform"] #order select#r_mobile_country { 6985 width: 150px; 6986 float: left; 6987 margin: 1px 5px 0 0; 6988 } 6989 6990 #globWrap[data-wrap="order"][data-view="pgform"] #order input, 6991 #globWrap[data-wrap="order"][data-view="pgform"] #order select, 6992 #globWrap[data-wrap="order"][data-view="pgform"] #order textarea { 6993 max-width: 100%; 6994 } 6995 6996 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary { 6997 display: grid; 6998 gap: 20px; 6999 grid-template-columns: repeat(2, minmax(0, 1fr)); 7000 } 7001 7002 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .width350, 7003 #globWrap[data-wrap="order"][data-view="pgform"] #order [name=delivery_msg], 7004 #globWrap[data-wrap="order"][data-view="pgform"] #order [name=r_country_select] { 7005 width: 100%; 7006 box-sizing: border-box; 7007 } 7008 7009 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left { 7010 min-width: 0; 7011 } 7012 7013 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left > table { 7014 width: auto; 7015 } 7016 7017 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left .order_summary .summary_info { 7018 width: auto; 7019 float: none; 7020 border-right: 0; 7021 margin-left: 0px; 7022 } 7023 7024 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left .order_summary .total_info { 7025 width: 100%; 7026 float: none; 7027 display: grid; 7028 box-sizing: border-box; 7029 left: 0; 7030 padding: 10px 0 0 0; 7031 border: 0; 7032 border-top: 1px solid #ccc; 7033 } 7034 7035 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left .total_info > div:first-child { 7036 order: 1; 7037 } 7038 7039 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left .total_info > dl { 7040 order: 0; 7041 } 7042 7043 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left .order_summary #btn_payment a { 7044 border-bottom: 0; 7045 } 7046 7047 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left .order_summary .order_summary_con { 7048 border-bottom: 0; 7049 } 7050 7051 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left #agree_div table { 7052 width: auto; 7053 } 7054 7055 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_left .price_b p { 7056 margin: 10px 0 0 0; 7057 } 7058 7059 #globWrap[data-wrap="order"][data-view="pgform"] #order .cn-address-selects { 7060 font-size: 0; 7061 width: stretch; 7062 } 7063 7064 #globWrap[data-wrap="order"][data-view="pgform"] #order .cn-address-selects select { 7065 width: calc(100% / 3 - 4px); 7066 } 7067 7068 #globWrap[data-wrap="order"][data-view="pgform"] #order .cn-address-selects select:nth-child(2) { 7069 margin: 0 6px; 7070 } 7071 7072 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_right { 7073 min-width: 0; 7074 } 7075 7076 #globWrap[data-wrap="order"][data-view="pgform"] #order .checkout-summary .summary_right > div { 7077 position: sticky; 7078 top: 20px; 7079 margin-top: 0;
7080 /* 7081 max-height: calc(100vh - 170px); 7082 overflow-y: auto; 7083 overflow-x: hidden; 7084 min-height: 0; 7085 scrollbar-color: transparent transparent; 7086 scrollbar-width: none; 7087 -ms-overflow-style: none; 7088 */ 7089 border: 0; 7090 } 7091 7092 #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd { 7093 display: flex; 7094 flex-wrap: nowrap; 7095 gap: 0 10px; 7096 } 7097 7098 #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd a:first-child { 7099 padding-left: 0; 7100 } 7101 7102 #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd a:first-child:before { 7103 display: none; 7104 } 7105 7106 #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd a, #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd span { 7107 position: relative; 7108 padding-left: 15px; 7109 display: block; 7110 font-size: 12px; 7111 } 7112 7113 #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd a:before, #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd span:before { 7114 content: ""; 7115 position: absolute; 7116 top: 50%; 7117 left: 0%; 7118 width: 5px; 7119 height: 5px; 7120 transform: translate(-50%, -50%) rotate(315deg); 7121 border-right: 1px solid #575e6b; 7122 border-bottom: 1px solid #575e6b; 7123 transition: all 0.2s ease; 7124 } 7125 7126 #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd a:last-of-type { 7127 /* 7128 pointer-events: none; 7129 cursor: default; 7130 color: #16181d; 7131 */ 7132 } 7133 7134 #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd a, #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd dl dd span { 7135 color: #000; 7136 } 7137 7138 #globWrap[data-wrap="order"][data-view="pgform"] #order .nav-hd h2 { 7139 font-size: 30px; 7140 color: #000; 7141 margin: 10px 0 10px 0; 7142 font-weight: 600; 7143 } 7144 7145 #globWrap[data-wrap="order"][data-view="pgform"] #contentWrap { 7146 margin: 20px auto 0px auto; 7147 } 7148 7149 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form { 7150 padding: 20px 20px; 7151 margin: 0 0 20px 0; 7152 border: 1px solid #e5e7eb; 7153 border-radius: 16px; 7154 background: #fff; 7155 } 7156 7157 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-head { 7158 margin-bottom: 20px; 7159 } 7160 7161 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-head h3 { 7162 margin: 0 0 20px; 7163 color: #111827; 7164 font-size: 16px; 7165 font-weight: 700; 7166 line-height: 1.4; 7167 display: flex; 7168 align-items: center; 7169 gap: 0 5px; 7170 } 7171 7172 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-head h3 span.count { 7173 width: 20px; 7174 aspect-ratio: 1 / 1; 7175 border-radius: 50%; 7176 background: #ececef; 7177 display: flex; 7178 align-items: center; 7179 justify-content: center; 7180 font-size: 12px; 7181 font-weight: 500; 7182 color: #000; 7183 } 7184 7185 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-head h3::before { 7186 width: 18px; 7187 height: 18px; 7188 } 7189 7190 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.orderer-form .form-head h3::before { 7191 content: ""; 7192 background: url('/Common/img/pgform_order_icon01.png') center / contain no-repeat; 7193 } 7194 7195 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.delivery-form .form-head h3::before { 7196 content: ""; 7197 background: url('/Common/img/pgform_order_icon02.png') center / contain no-repeat; 7198 } 7199 7200 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.carrier-form .form-head h3::before { 7201 content: ""; 7202 background: url('/Common/img/pgform_order_icon03.png') center / contain no-repeat; 7203 } 7204 7205 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.payment-form .form-head h3::before { 7206 content: ""; 7207 background: url('/Common/img/pgform_order_icon04.png') center / contain no-repeat; 7208 } 7209 7210 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.discount-form .form-head h3::before { 7211 content: ""; 7212 background: url('/Common/img/pgform_order_icon05.png') center / contain no-repeat; 7213 } 7214 7215 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.addinfo-form .form-head h3::before { 7216 content: ""; 7217 background: url('/Common/img/pgform_order_icon08.png') center / contain no-repeat; 7218 } 7219 7220 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.entry-form .form-head h3::before { 7221 content: ""; 7222 background: url('/Common/img/pgform_order_icon09.png') center / contain no-repeat; 7223 } 7224 7225 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-head h3::before { 7226 content: ""; 7227 background: url('/Common/img/pgform_order_icon07.png') center / contain no-repeat; 7228 } 7229 7230 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.guest-form .form-head h3::before { 7231 content: ""; 7232 background: url('/Common/img/pgform_order_icon06.png') center / contain no-repeat; 7233 } 7234 7235 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .address-type { 7236 display: flex; 7237 align-items: center; 7238 gap: 5px 20px; 7239 flex-wrap: wrap; 7240 } 7241 7242 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .address-type label { 7243 display: flex; 7244 align-items: center; 7245 gap: 5px; 7246 cursor: pointer; 7247 font-size: 13px; 7248 font-weight: 500; 7249 color: #000; 7250 } 7251 7252 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .address-type input[type="radio"] { 7253 width: 15px; 7254 height: 15px; 7255 } 7256 7257 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .btn-address-book, 7258 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .btn-entry-book { 7259 height: 35px; 7260 padding: 0 10px; 7261 border: 1px solid #4f8ef7; 7262 border-radius: 5px; 7263 background: #fff; 7264 color: #4f8ef7; 7265 font-size: 12px; 7266 cursor: pointer; 7267 } 7268 7269 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list { 7270 display: flex; 7271 flex-direction: column; 7272 gap: 20px; 7273 } 7274 7275 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list > li { 7276 display: flex; 7277 flex-direction: column; 7278 gap: 10px; 7279 } 7280 7281 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list > li[id] label { 7282 margin: 0 0 10px 0; 7283 } 7284 7285 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list > li .field { 7286 font-size: 12px; 7287 color: #777; 7288 font-weight: 400; 7289 } 7290 7291 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list > li .field:has(#province-state), 7292 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list > li .field:has(#event-province-state) { 7293 display: flex; 7294 flex-wrap: wrap; 7295 } 7296 7297 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list > li .field:has(#province-state) .ad_check, 7298 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list > li .field:has(#event-province-state) .ad_check { 7299 order: 3; 7300 width: 100%; 7301 } 7302 7303 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list > li .field:has(#province-state) select, 7304 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list > li .field:has(#event-province-state) select { 7305 flex: 0 0 100%; 7306 } 7307 7308 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list label { 7309 display: block; 7310 color: #000; 7311 font-size: 13px; 7312 font-weight: 500; 7313 line-height: 1.4; 7314 flex: none; 7315 } 7316 7317 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list label:has([type=radio]) { 7318 gap: 0 5px; 7319 display: flex;
7320 overflow-wrap: anywhere; 7321 max-width: 100%; 7322 } 7323 7324 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list label span { 7325 color: #ef4444; 7326 } 7327 7328 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list label.mandatory:after, 7329 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list:has(#country option[countrycode="107"]:checked) #label-address-line2:after, 7330 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list:has(#country option[countrycode="44"]:checked) #label-address-line2:after, 7331 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list:has([name="promo_event[country]"] option[countrycode="107"]:checked) #label-event-address-line2::after, 7332 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list:has([name="promo_event[country]"] option[countrycode="44"]:checked) #label-event-address-line2::after { 7333 content: "*"; 7334 color: #ef4444; 7335 margin: 0 0 0 2px; 7336 } 7337 7338 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list .field:has(textarea):has(.field-wrap) textarea { 7339 margin: 0 0 10px 0; 7340 } 7341 7342 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list .field input:not([type=radio]):not([type="checkbox"]):not([type="file"]), 7343 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list .field select, 7344 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list .field textarea { 7345 width: 100%; 7346 border: 1px solid #d1d5db; 7347 border-radius: 5px; 7348 box-sizing: border-box; 7349 background: #fff; 7350 text-indent: 0; 7351 } 7352 7353 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list .field input:not([type=radio]):not([type="checkbox"]):not([type="file"]), 7354 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list .field select { 7355 height: 35px; 7356 padding: 0 15px; 7357 } 7358 7359 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list .field select { 7360 flex: 0 0 30%; 7361 background: url(/Common/img/search_arrow.png) no-repeat calc(100% - 15px) 50% / 10px auto; 7362 border-radius: 5px; 7363 padding-right: 25px; 7364 } 7365 7366 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list .field-wrap:has(select:nth-of-type(2)) select { 7367 flex: 0 0 calc((100% - 20px) / 3); 7368 font-size: 12px; 7369 margin: 0; 7370 } 7371 7372 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap:has([name="promo_event[ee_birth][year]"]) { 7373 font-size: 0; 7374 gap: 0px 5px; 7375 } 7376 7377 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .form-list .field textarea { 7378 height: 96px; 7379 padding: 14px; 7380 resize: none; 7381 } 7382 7383 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap.cn-address-selects, 7384 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap.address-selects { 7385 margin: 0 0 10px 0; 7386 } 7387 7388 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap { 7389 display: flex; 7390 flex-wrap: wrap; 7391 gap: 0 10px; 7392 } 7393 7394 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap .trans_pinyin { 7395 flex: 0 0 150px; 7396 border-radius: 5px; 7397 border: 0; 7398 } 7399 7400 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap:has(label ~ label) { 7401 position: relative; 7402 /*padding-bottom: 20px;*/ 7403 } 7404 7405 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap:has(label ~ label) label .ad_check { 7406 position: absolute; 7407 bottom: 0; 7408 left: 0; 7409 } 7410 7411 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap > ul { 7412 display: flex; 7413 flex-wrap: wrap; 7414 gap: 0 20px; 7415 } 7416 7417 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap > ul > * { 7418 flex: 1; 7419 } 7420 7421 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap > ul > li { 7422 display: flex; 7423 gap: 0 10px; 7424 align-items: center; 7425 } 7426 7427 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap[style*="inline-block"] { 7428 display: flex!important; 7429 } 7430 7431 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap:has(#event-zipcode) p.ad_check { 7432 flex: 0 0 100%; 7433 width: 100%; 7434 order: 999; 7435 } 7436 7437 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap label { 7438 font-weight: 400; 7439 } 7440 7441 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap label:not(:has(input)) { 7442 font-weight: 500; 7443 } 7444 7445 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field p { 7446 color: #777; 7447 font-size: 12px; 7448 font-weight: 400; 7449 margin: 10px 0 0 0; 7450 } 7451 7452 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field p.ad_check { 7453 color: #FF0000; 7454 flex-basis: auto; 7455 width: 100%; 7456 order: 3; 7457 } 7458 7459 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field p.ad_check:nth-of-type(2) { 7460 display: none; 7461 } 7462 7463 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field:not(:has(.field-wrap)) p { 7464 7465 } 7466 7467 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field:has(.field-wrap:nth-of-type(2)) .field-wrap:first-of-type { 7468 margin-bottom: 10px; 7469 } 7470 7471 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap > * { 7472 flex: 1; 7473 } 7474 7475 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .field-wrap > input[type=radio] { 7476 flex: none; 7477 } 7478 7479 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .phone-code { 7480 width: 90px; 7481 flex-shrink: 0; 7482 } 7483 7484 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .btn-search, 7485 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .btn-select { 7486 flex: 0 0 30%; 7487 flex-shrink: 0; 7488 border: 1px solid #4f8ef7; 7489 border-radius: 5px; 7490 background: #fff; 7491 color: #4f8ef7; 7492 cursor: pointer; 7493 font-size: 13px; 7494 display: flex; 7495 align-items: center; 7496 justify-content: center; 7497 } 7498 7499 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .default-address { 7500 margin-top: 24px; 7501 } 7502 7503 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .default-address label { 7504 display: flex; 7505 align-items: center; 7506 gap: 8px; 7507 color: #374151; 7508 font-size: 13px; 7509 font-weight: 400; 7510 cursor: pointer; 7511 } 7512 7513 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .default-address input[type="checkbox"] { 7514 width: 15px; 7515 height: 15px; 7516 } 7517 7518 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form { 7519 7520 } 7521 7522 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list { 7523 gap: 10px 0; 7524 7525 max-height: calc(50vh - 170px); 7526 overflow-y: auto; 7527 overflow-x: hidden; 7528 min-height: 0; 7529 scrollbar-color: auto; 7530 padding-right: 5px; 7531 margin-right: -5px; 7532 } 7533 7534 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list > li { 7535 flex-direction: row; 7536 background: #f9fafb; 7537 padding: 10px 10px; 7538 border-radius: 10px; 7539 } 7540 7541 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-img { 7542 flex-shrink: 0; 7543 flex: 0 0 80px; 7544 } 7545 7546 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-img img { 7547 width: 100%; 7548 object-fit: cover; 7549 border-radius: 5px; 7550 display: block; 7551 } 7552 7553 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-info { 7554 flex: 1 1 auto; 7555 min-width: 0; 7556 } 7557 7558 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-info .entry-icon { 7559 background: #ffa500; 7560 padding: 3px 5px; 7561 border: 0; 7562 vertical-align: middle; 7563 margin: 0 0 2px 0px; 7564 color: #fff; 7565 border-radius: 5px; 7566 font-size: 8px; 7567 font-weight: 500; 7568 display: block; 7569 width: fit-content; 7570 } 7571 7572 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-info .add-option { 7573 font-size: 11px; 7574 font-weight: 300; 7575 color: #000; 7576 margin: 5px 0 0 0; 7577 } 7578 7579 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-info img { 7580 max-width: 100%; 7581 margin: 0 0 5px 0; 7582 } 7583 7584 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-info .add-price { 7585 /*display: none;*/ 7586 margin: 10px 0 0 0; 7587 font-size: 12px; 7588 color: #000; 7589 font-weight: 600; 7590 } 7591 7592 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-info .add-price .normal-price { 7593 font-size: 12px; 7594 color: #000; 7595 font-weight: 600; 7596 } 7597 7598 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-info a { 7599 display: block; 7600 font-size: 12px; 7601 line-height: 1.3; 7602 font-weight: 500; 7603 color: #000; 7604 text-decoration: none; 7605 7606 overflow: hidden; 7607 text-overflow: ellipsis; 7608 white-space: nowrap; 7609 } 7610 7611 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-info strike { 7612 display: block; 7613 font-size: 11px; 7614 color: #777; 7615 text-decoration: line-through; 7616 } 7617 7618 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-info font[color="red"] { 7619 font-size: 12px; 7620 font-weight: 500; 7621 color: #6b7280 !important; 7622 } 7623 7624 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-price { 7625 margin-left: auto; 7626 flex-shrink: 0; 7627 text-align: right; 7628 display: flex; 7629 align-items: end; 7630 justify-content: center; 7631 flex-direction: column; 7632 flex: 0 0 25%; 7633 font-weight: 600; 7634 color: #000; 7635 font-size: 13px; 7636 align-self: center; 7637 } 7638 7639 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-price .normal-price { 7640 font-weight: 600; 7641 color: #000; 7642 font-size: 13px; 7643 } 7644 7645 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-price strike { 7646 display: block; 7647 font-size: 11px; 7648 color: #777; 7649 font-weight: 400; 7650 } 7651 7652 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.cart-form .form-list .product-qty { 7653 font-weight: 600; 7654 color: #000; 7655 font-size: 12px; 7656 display: flex; 7657 align-items: center; 7658 flex: 0 0 5%; 7659 justify-content: center; 7660 } 7661 7662 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list > li { 7663 flex-direction: row; 7664 display: flex; 7665 justify-content: space-between; 7666 align-items: center; 7667 } 7668 7669 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list .label { 7670 font-size: 13px; 7671 font-weight: 500; 7672 color: #4b5563; 7673 } 7674 7675 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list .field { 7676 font-weight: 400; 7677 color: #000; 7678 font-size: 13px; 7679 } 7680 7681 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list .value { 7682 font-size: 13px; 7683 font-weight: 600; 7684 color: #374151; 7685 } 7686 7687 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list .payment-total { 7688 display: flex; 7689 justify-content: space-between; 7690 align-items: center; 7691 margin-top: 14px; 7692 padding-top: 18px;
7693 border-top: 1px solid #ebebeb; 7694 } 7695 7696 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list .payment-total .tit { 7697 font-size: 16px; 7698 font-weight: 700; 7699 color: #111827; 7700 } 7701 7702 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list .payment-total .price { 7703 font-size: 16px; 7704 font-weight: 700; 7705 line-height: 1; 7706 color: #000; 7707 } 7708 7709 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list .expected-point { 7710 display: flex; 7711 justify-content: space-between; 7712 align-items: center; 7713 margin-top: 28px; 7714 } 7715 7716 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list .expected-point span { 7717 font-size: 16px; 7718 color: #4b5563; 7719 } 7720 7721 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .form-list .expected-point .point { 7722 font-size: 16px; 7723 font-weight: 600; 7724 color: #00a63e; 7725 } 7726 7727 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .box:has(#btn_payment) { 7728 width: 100%; 7729 margin-top: 24px; 7730 border: 0; 7731 display: flex; 7732 align-items: center; 7733 justify-content: center; 7734 flex-direction: column; 7735 gap: 5px 0; 7736 } 7737 7738 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .box:has(#btn_payment) > span { 7739 display: block; 7740 width: 100%; 7741 border-radius: 5px; 7742 background: #000; 7743 } 7744 7745 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .box:has(#btn_payment) a { 7746 color: #fff; 7747 display: block; 7748 width: 100%; 7749 line-height: 45px; 7750 text-align: center; 7751 font-size: 14px; 7752 font-weight: 700; 7753 } 7754 7755 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .box:has(#btn_payment) a .price_final { 7756 margin: 0 10px; 7757 } 7758 7759 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .box:has(#btn_payment) #btn_refresh { 7760 box-shadow: inset 0 0 0 1px #000; 7761 color: #000; 7762 background: none; 7763 } 7764 7765 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.total-form .box:has(#btn_payment) #btn_refresh a { 7766 color: #000; 7767 } 7768 7769 #globWrap[data-wrap="order"][data-view="pgform"] #order .table-order-info table:has(colgroup col:nth-child(3)) colgroup col:is(:nth-child(1), :nth-child(2), :nth-child(3), :nth-child(4)) { 7770 width: 25%; 7771 } 7772 7773 #globWrap[data-wrap="order"][data-view="pgform"] #order .table-order-info table:has(colgroup col:nth-child(3)) td .tb-left[style*="float:left"], 7774 #globWrap[data-wrap="order"][data-view="pgform"] #order .table-order-info table:has(colgroup col:nth-child(3)) td .tb-left[style*="float: left"] { 7775 float: none !important; 7776 } 7777 7778 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table { 7779 border: 0; 7780 margin: 0; 7781 } 7782 7783 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table colgroup { 7784 display: none; 7785 } 7786 7787 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table tr { 7788 display: flex; 7789 flex-direction: column; 7790 } 7791 7792 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table th, 7793 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table td { 7794 background: none !important; 7795 border: 0; 7796 padding: 0; 7797 } 7798 7799 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table th div, 7800 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table td div { 7801 padding: 0; 7802 font-size: 12px; 7803 font-weight: 400; 7804 color: #000; 7805 } 7806 7807 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table td div.pg-etc { 7808 color: #777; 7809 } 7810 7811 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table tbody { 7812 display: flex; 7813 flex-direction: column; 7814 gap: 10px 0; 7815 } 7816 7817 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table tr th { 7818 width: 100%; 7819 border: 1px solid #d1d5db; 7820 border-radius: 5px; 7821 box-sizing: border-box; 7822 background: #fff; 7823 height: 35px; 7824 padding: 0 15px; 7825 display: flex; 7826 align-items: center; 7827 } 7828 7829 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table tr th * { 7830 line-height: normal; 7831 } 7832 7833 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.payment-form .order-table td { 7834 display: none; 7835 margin: 5px 0 0 0; 7836 } 7837 7838 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.payment-form .order-table td img { 7839 max-height: 15px; 7840 } 7841 7842 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table tr:has(input.payment_method:checked) td { 7843 display: table-cell; 7844 padding: 0 0 0 33px; 7845 font-size: 12px; 7846 font-weight: 400; 7847 color: #777; 7848 } 7849 7850 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table tr:has(input.payment_method:checked) th { 7851 border: 1px solid #4f8ef7; 7852 } 7853 7854 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table [type=radio] { 7855 width: 15px; 7856 height: 15px; 7857 margin: 0 5px 0 0; 7858 } 7859 7860 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .order-table label { 7861 font-size: 13px; 7862 font-weight: 500; 7863 color: #000; 7864 } 7865 7866 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .table-order-info { 7867 border: 0; 7868 } 7869 7870 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form #delivery_company_box .order-table tr { 7871 display: flex; 7872 flex-direction: row; 7873 flex-wrap: wrap; 7874 width: 100%; 7875 border: 1px solid #d1d5db; 7876 border-radius: 5px; 7877 box-sizing: border-box; 7878 background: #fff; 7879 padding: 8px 15px; 7880 align-items: center; 7881 justify-content: space-between; 7882 } 7883 7884 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form #delivery_company_box .order-table td:nth-child(1) { 7885 flex: 0 0 5%; 7886 } 7887 7888 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form #delivery_company_box .order-table td:nth-child(2) { 7889 flex: 0 0 60%; 7890 } 7891 7892 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form #delivery_company_box .order-table td:nth-child(3) { 7893 flex: 0 0 35%; 7894 text-align: right; 7895 font-size: 12px; 7896 font-weight: 600; 7897 color: #000; 7898 } 7899 7900 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form #delivery_company_box .order-table td:nth-child(4) { 7901 flex: 0 0 calc(100% - 15px); 7902 /*padding: 0 !important;*/ 7903 margin: 10px 0 0 0; 7904 font-size: 12px; 7905 color: #777; 7906 font-weight: 400; 7907 word-break: break-word; 7908 overflow-wrap: break-word; 7909 /*display: table;*/ 7910 } 7911 7912 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form #delivery_company_box .order-table tr:has([name=delivery_company]:checked) { 7913 border: 1px solid #4f8ef7; 7914 } 7915 7916 #globWrap[data-wrap="order"][data-view="pgform"] #order select#r_tel_country, 7917 #globWrap[data-wrap="order"][data-view="pgform"] #order select#r_mobile_country, 7918 #globWrap[data-wrap="order"][data-view="pgform"] #order [name="promo_event[ee_addr_country]"], 7919 #globWrap[data-wrap="order"][data-view="pgform"] #order [name="promo_event[ee_mobile_country]"] { 7920 width: 100px; 7921 } 7922 7923 7924 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .ag_choice .field-wrap span { 7925 position: relative; 7926 flex: none; 7927 padding: 0 20px 0 0; 7928 line-height: 20px; 7929 cursor: pointer; 7930 font-size: 12px; 7931 color: #777; 7932 font-weight: 400; 7933 line-height: 20px; 7934 } 7935 7936 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .ag_choice .field-wrap span::after { 7937 content: ""; 7938 position: absolute; 7939 top: 50%; 7940 right: 0%; 7941 width: 5px; 7942 height: 5px; 7943 transform: translate(-50%, -50%) rotate(45deg); 7944 border-right: 2px solid #575e6b; 7945 border-bottom: 2px solid #575e6b; 7946 transition: all 0.2s ease; 7947 } 7948 7949 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .ag_choice .field-wrap span.on::after { 7950 transform: translate(-50%, -50%) rotate(225deg); 7951 margin-top: 3px; 7952 } 7953 7954 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form .ag_choice #agree_div { 7955 margin: 10px 0 0 0; 7956 padding: 10px 10px; 7957 border: 0; 7958 background: #f9fafb; 7959 } 7960 7961 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.discount-form.guest .form-list .field input[type=text] { 7962 background: #eeeeee; 7963 pointer-events: none; 7964 } 7965 7966 #globWrap[data-wrap="order"][data-view="pgform"] #order .order-form.discount-form.guest .form-list .field .field-wrap a { 7967 background: #eeeeee; 7968 border: 1px solid #d1d5db; 7969 color: #777; 7970 pointer-events: none; 7971 } 7972 7973 /* ========================================================================== 7974 주문ìë£ 7975 ========================================================================== */ 7976 7977 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_tit { 7978 padding: 0 15px 10px 0px; 7979 margin: 20px 0 10px 0; 7980 /*border-bottom: 1px solid #d0d0d0;*/ 7981 display: flex; 7982 align-items: end; 7983 } 7984 7985 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_tit i { 7986 display: block; 7987 color: #2e2e2e; 7988 } 7989 7990 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_tit > .tit { 7991 position: relative; 7992 color: #000; 7993 font-size: 24px; 7994 font-weight: bold; 7995 margin: 0; 7996 } 7997 7998 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_tit > .msg { 7999 padding-left: 10px; 8000 font-size: 12px; 8001 font-weight: 400; 8002 color: #777; 8003 } 8004 8005 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_tit > .msg em { 8006 color: #333; 8007 font-style: normal; 8008 font-weight: 700; 8009 } 8010 8011 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_stit { 8012 position: relative; 8013 margin-bottom: 10px; 8014 padding: 0 !important; 8015 display: flex; 8016 flex-wrap: wrap; 8017 } 8018 8019 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_stit > .tit { 8020 display: inline; 8021 font-size: 15px; 8022 font-weight: bold; 8023 padding: 0 !important; 8024 color: #5f5e5e; 8025 width: 100%; 8026 } 8027 8028 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_stit > .msg { 8029 padding-left: 10px; 8030 } 8031 8032 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_stit > .msg em { 8033 color: #333; 8034 } 8035 8036 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_stit .ad_choice { 8037 display: flex; 8038 flex-wrap: wrap; 8039 justify-content: right; 8040 margin: 5px 0 0 auto; 8041 } 8042 8043 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_stit .ad_choice li { 8044 float: none; 8045 margin: 0 0 0 10px; 8046 } 8047 8048 #globWrap[data-wrap="order"][data-view="succeed"] #order .page_stit .ad_choice li input { 8049 margin: 0 2px 0 0; 8050 vertical-align: text-top; 8051 } 8052 8053 8054 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary { 8055 display: grid; 8056 gap: 20px; 8057 grid-template-columns: repeat(2, minmax(0, 1fr)); 8058 } 8059 8060 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .width350, 8061 #globWrap[data-wrap="order"][data-view="succeed"] #order [name=delivery_msg], 8062 #globWrap[data-wrap="order"][data-view="succeed"] #order [name=r_country_select] { 8063 width: 100%; 8064 box-sizing: border-box; 8065 } 8066 8067 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left { 8068 min-width: 0; 8069 } 8070 8071 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left > table { 8072 width: auto; 8073 } 8074 8075 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left .order_summary .summary_info { 8076 width: auto; 8077 float: none; 8078 border-right: 0; 8079 margin-left: 0px; 8080 } 8081 8082 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left .order_summary .total_info { 8083 width: 100%; 8084 float: none; 8085 display: grid; 8086 box-sizing: border-box; 8087 left: 0; 8088 padding: 10px 0 0 0; 8089 border: 0; 8090 border-top: 1px solid #ccc; 8091 } 8092 8093 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left .total_info > div:first-child { 8094 order: 1; 8095 } 8096 8097 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left .total_info > dl { 8098 order: 0; 8099 } 8100 8101 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left .order_summary #btn_payment a { 8102 border-bottom: 0; 8103 } 8104 8105 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left .order_summary .order_summary_con { 8106 border-bottom: 0; 8107 } 8108 8109 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left #agree_div table { 8110 width: auto; 8111 } 8112 8113 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_left .price_b p { 8114 margin: 10px 0 0 0; 8115 } 8116 8117 8118 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_right { 8119 min-width: 0; 8120 } 8121 8122 #globWrap[data-wrap="order"][data-view="succeed"] #order .checkout-summary .summary_right > div { 8123 position: sticky; 8124 top: 20px; 8125 margin-top: 0;
8126 /* 8127 max-height: calc(100vh - 170px); 8128 overflow-y: auto; 8129 overflow-x: hidden; 8130 min-height: 0; 8131 scrollbar-color: transparent transparent; 8132 scrollbar-width: none; 8133 -ms-overflow-style: none; 8134 */ 8135 border-bottom: 0; 8136 } 8137 8138 #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd { 8139 display: flex; 8140 flex-wrap: nowrap; 8141 gap: 0 10px; 8142 } 8143 8144 #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd a:first-child { 8145 padding-left: 0; 8146 } 8147 8148 #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd a:first-child:before { 8149 display: none; 8150 } 8151 8152 #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd a, #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd span { 8153 position: relative; 8154 padding-left: 15px; 8155 display: block; 8156 font-size: 12px; 8157 } 8158 8159 #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd a:before, #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd span:before { 8160 content: ""; 8161 position: absolute; 8162 top: 50%; 8163 left: 0%; 8164 width: 5px; 8165 height: 5px; 8166 transform: translate(-50%, -50%) rotate(315deg); 8167 border-right: 1px solid #575e6b; 8168 border-bottom: 1px solid #575e6b; 8169 transition: all 0.2s ease; 8170 } 8171 8172 #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd a:last-of-type { 8173 /* 8174 pointer-events: none; 8175 cursor: default; 8176 color: #16181d; 8177 */ 8178 } 8179 8180 #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd a, #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd dl dd span { 8181 color: #000; 8182 } 8183 8184 #globWrap[data-wrap="order"][data-view="succeed"] #order .nav-hd h2 { 8185 font-size: 30px; 8186 color: #000; 8187 margin: 10px 0 10px 0; 8188 font-weight: 600; 8189 } 8190 8191 #globWrap[data-wrap="order"][data-view="succeed"] #contentWrap { 8192 margin: 20px auto 0px auto; 8193 } 8194 8195 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form { 8196 padding: 20px 20px; 8197 margin: 0 0 20px 0; 8198 border: 1px solid #e5e7eb; 8199 border-radius: 16px; 8200 background: #fff; 8201 } 8202 8203 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-head { 8204 margin-bottom: 20px; 8205 } 8206 8207 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-head h3 { 8208 margin: 0 0 20px; 8209 color: #111827; 8210 font-size: 16px; 8211 font-weight: 700; 8212 line-height: 1.4; 8213 display: flex; 8214 align-items: center; 8215 gap: 0 5px; 8216 } 8217 8218 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-head h3 span.count { 8219 width: 20px; 8220 aspect-ratio: 1 / 1; 8221 border-radius: 50%; 8222 background: #ececef; 8223 display: flex; 8224 align-items: center; 8225 justify-content: center; 8226 font-size: 12px; 8227 font-weight: 500; 8228 color: #000; 8229 } 8230 8231 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-head h3::before { 8232 width: 18px; 8233 height: 18px; 8234 } 8235 8236 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.orderer-form .form-head h3::before { 8237 content: ""; 8238 background: url('/Common/img/pgform_order_icon01.png') center / contain no-repeat; 8239 } 8240 8241 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.delivery-form .form-head h3::before { 8242 content: ""; 8243 background: url('/Common/img/pgform_order_icon02.png') center / contain no-repeat; 8244 } 8245 8246 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.carrier-form .form-head h3::before { 8247 content: ""; 8248 background: url('/Common/img/pgform_order_icon03.png') center / contain no-repeat; 8249 } 8250 8251 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.payment-form .form-head h3::before { 8252 content: ""; 8253 background: url('/Common/img/pgform_order_icon04.png') center / contain no-repeat; 8254 } 8255 8256 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.discount-form .form-head h3::before { 8257 content: ""; 8258 background: url('/Common/img/pgform_order_icon05.png') center / contain no-repeat; 8259 } 8260 8261 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.addinfo-form .form-head h3::before { 8262 content: ""; 8263 background: url('/Common/img/pgform_order_icon08.png') center / contain no-repeat; 8264 } 8265 8266 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.entry-form .form-head h3::before { 8267 content: ""; 8268 background: url('/Common/img/pgform_order_icon09.png') center / contain no-repeat; 8269 } 8270 8271 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-head h3::before { 8272 content: ""; 8273 background: url('/Common/img/pgform_order_icon07.png') center / contain no-repeat; 8274 } 8275 8276 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .address-type { 8277 display: flex; 8278 align-items: center; 8279 gap: 20px; 8280 flex-wrap: wrap; 8281 } 8282 8283 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .address-type label { 8284 display: flex; 8285 align-items: center; 8286 gap: 5px; 8287 cursor: pointer; 8288 font-size: 13px; 8289 font-weight: 500; 8290 color: #000; 8291 } 8292 8293 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .address-type input[type="radio"] { 8294 width: 15px; 8295 height: 15px; 8296 } 8297 8298 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .btn-address-book { 8299 height: 35px; 8300 padding: 0 10px; 8301 border: 1px solid #4f8ef7; 8302 border-radius: 5px; 8303 background: #fff; 8304 color: #4f8ef7; 8305 font-size: 12px; 8306 cursor: pointer; 8307 } 8308 8309 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-list { 8310 display: flex; 8311 flex-direction: column; 8312 gap: 20px; 8313 } 8314 8315 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-list > li { 8316 display: flex; 8317 flex-direction: column; 8318 gap: 10px; 8319 } 8320 8321 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-list > li .field { 8322 font-size: 12px; 8323 color: #777; 8324 font-weight: 400; 8325 } 8326 8327 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-list label { 8328 display: block; 8329 color: #000; 8330 font-size: 13px; 8331 font-weight: 500; 8332 line-height: 1.4; 8333 flex: none; 8334 } 8335 8336 8337 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-list label span { 8338 color: #ef4444; 8339 } 8340 8341 8342 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .form-list .field textarea { 8343 height: 96px; 8344 padding: 14px; 8345 resize: none; 8346 } 8347 8348 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field-wrap.cn-address-selects, 8349 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field-wrap.address-selects { 8350 margin: 0 0 10px 0; 8351 } 8352 8353 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field-wrap { 8354 display: flex; 8355 flex-wrap: wrap; 8356 gap: 0 10px; 8357 } 8358 8359 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field-wrap:has(#event-zipcode) p.ad_check { 8360 flex: 0 0 100%; 8361 width: 100%; 8362 order: 999; 8363 } 8364 8365 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field-wrap label { 8366 font-weight: 400; 8367 } 8368 8369 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field-wrap label:not(:has(input)) { 8370 font-weight: 500; 8371 } 8372 8373 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field p { 8374 color: #777; 8375 font-size: 12px; 8376 font-weight: 400; 8377 margin: 10px 0 0 0; 8378 } 8379 8380 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field p.ad_check { 8381 color: #FF0000; 8382 } 8383 8384 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field:not(:has(.field-wrap)) p { 8385 8386 } 8387 8388 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field:has(.field-wrap:nth-of-type(2)) .field-wrap:first-of-type { 8389 margin-bottom: 10px; 8390 } 8391 8392 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .field-wrap > * { 8393 flex: 1; 8394 } 8395 8396 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .phone-code { 8397 width: 90px; 8398 flex-shrink: 0; 8399 } 8400 8401 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form { 8402 8403 } 8404 8405 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list { 8406 gap: 10px 0; 8407 8408 max-height: calc(50vh - 170px); 8409 overflow-y: auto; 8410 overflow-x: hidden; 8411 min-height: 0; 8412 scrollbar-color: auto; 8413 padding-right: 5px; 8414 margin-right: -5px; 8415 } 8416 8417 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list > li { 8418 flex-direction: row; 8419 background: #f9fafb; 8420 padding: 10px 10px; 8421 border-radius: 10px; 8422 } 8423 8424 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-img { 8425 flex-shrink: 0; 8426 flex: 0 0 80px; 8427 } 8428 8429 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-img img { 8430 width: 100%; 8431 object-fit: cover; 8432 border-radius: 5px; 8433 display: block; 8434 } 8435 8436 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-info { 8437 flex: 1 1 auto; 8438 min-width: 0; 8439 } 8440 8441 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-info .add-option { 8442 margin: 5px 0 0 0; 8443 font-size: 12px; 8444 color: #777; 8445 font-weight: 400; 8446 } 8447 8448 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-info .entry-icon { 8449 background: orange; 8450 padding: 3px 5px; 8451 border: 0; 8452 display: inline; 8453 vertical-align: middle; 8454 margin: 0 0 2px 0px; 8455 color: #fff; 8456 border-radius: 5px; 8457 font-size: 8px; 8458 font-weight: 500; 8459 display: table; 8460 } 8461 8462 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-info img { 8463 max-width: 100%; 8464 margin: 0 0 5px 0; 8465 } 8466 8467 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-info .add-price { 8468 margin: 10px 0 0 0; 8469 } 8470 8471 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-info .add-price .normal-price { 8472 font-size: 12px; 8473 color: #000; 8474 font-weight: 600; 8475 } 8476 8477 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-info a { 8478 display: block; 8479 font-size: 12px; 8480 line-height: 1.3; 8481 font-weight: 500; 8482 color: #000; 8483 text-decoration: none; 8484 8485 overflow: hidden; 8486 text-overflow: ellipsis; 8487 white-space: nowrap; 8488 } 8489 8490 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-info strike { 8491 display: block; 8492 font-size: 11px; 8493 color: #777; 8494 text-decoration: line-through; 8495 } 8496 8497 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-info font[color="red"] { 8498 font-size: 12px; 8499 font-weight: 500; 8500 color: #6b7280 !important; 8501 } 8502 8503 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-price { 8504 margin-left: auto; 8505 flex-shrink: 0; 8506 text-align: right; 8507 display: flex; 8508 align-items: end; 8509 justify-content: end; 8510 flex-direction: column; 8511 flex: 0 0 25%; 8512 align-self: center; 8513 } 8514 8515 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-price .normal-price { 8516 font-weight: 600; 8517 color: #000; 8518 font-size: 13px; 8519 } 8520 8521 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-price strike { 8522 display: block; 8523 font-size: 11px; 8524 color: #777; 8525 font-weight: 400; 8526 } 8527 8528 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.cart-form .form-list .product-qty { 8529 font-weight: 600; 8530 color: #000; 8531 font-size: 12px; 8532 display: flex; 8533 align-items: center; 8534 flex: 0 0 5%; 8535 justify-content: center; 8536 } 8537 8538 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list > li { 8539 flex-direction: row; 8540 display: flex; 8541 justify-content: space-between; 8542 align-items: center; 8543 } 8544 8545 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list .label { 8546 font-size: 13px; 8547 font-weight: 500; 8548 color: #4b5563; 8549 } 8550 8551 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list .field { 8552 font-weight: 400; 8553 color: #000; 8554 font-size: 13px; 8555 } 8556 8557 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list .value { 8558 font-size: 13px; 8559 font-weight: 600; 8560 color: #374151; 8561 } 8562 8563 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list .payment-total { 8564 display: flex; 8565 justify-content: space-between; 8566 align-items: center; 8567 margin-top: 14px; 8568 padding-top: 18px;
8569 border-top: 1px solid #ebebeb; 8570 } 8571 8572 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list .payment-total .tit { 8573 font-size: 16px; 8574 font-weight: 700; 8575 color: #111827; 8576 } 8577 8578 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list .payment-total .price { 8579 font-size: 16px; 8580 font-weight: 700; 8581 line-height: 1; 8582 color: #000; 8583 } 8584 8585 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list .expected-point { 8586 display: flex; 8587 justify-content: space-between; 8588 align-items: center; 8589 margin-top: 28px; 8590 } 8591 8592 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list .expected-point span { 8593 font-size: 16px; 8594 color: #4b5563; 8595 } 8596 8597 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .form-list .expected-point .point { 8598 font-size: 16px; 8599 font-weight: 600; 8600 color: #00a63e; 8601 } 8602 8603 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .btn-payment { 8604 width: 100%; 8605 margin-top: 24px; 8606 border: 0; 8607 display: flex; 8608 align-items: center; 8609 justify-content: center; 8610 flex-direction: column; 8611 gap: 5px 0; 8612 } 8613 8614 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .btn-payment a { 8615 color: #fff; 8616 display: block; 8617 width: 100%; 8618 line-height: 45px; 8619 text-align: center; 8620 font-size: 14px; 8621 font-weight: 700; 8622 box-sizing: border-box; 8623 border-radius: 5px; 8624 } 8625 8626 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .btn-payment a:first-child { 8627 background: #000; 8628 } 8629 8630 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .btn-payment a:nth-child(2) { 8631 box-shadow: inset 0 0 0 1px #000; 8632 color: #000 8633 } 8634 8635 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.total-form .btn-payment:disabled { 8636 opacity: 1; 8637 background: #94a3b8; 8638 color: rgba(255, 255, 255, .8); 8639 } 8640 8641 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form .table-order-info { 8642 border: 0; 8643 } 8644 8645 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form #delivery_company_box .order-table tr { 8646 display: flex; 8647 flex-direction: row; 8648 flex-wrap: wrap; 8649 width: 100%; 8650 border: 1px solid #d1d5db; 8651 border-radius: 5px; 8652 box-sizing: border-box; 8653 background: #fff; 8654 padding: 8px 15px; 8655 align-items: center; 8656 justify-content: space-between; 8657 } 8658 8659 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form #delivery_company_box .order-table td:nth-child(1) { 8660 flex: 0 0 5%; 8661 } 8662 8663 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form #delivery_company_box .order-table td:nth-child(2) { 8664 flex: 0 0 60%; 8665 } 8666 8667 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form #delivery_company_box .order-table td:nth-child(3) { 8668 flex: 0 0 35%; 8669 text-align: right; 8670 font-size: 12px; 8671 font-weight: 600; 8672 color: #000; 8673 } 8674 8675 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form #delivery_company_box .order-table td:nth-child(4) { 8676 flex: 0 0 100%; 8677 padding: 0 !important; 8678 margin: 10px 0 0 0; 8679 text-indent: 5%; 8680 } 8681 8682 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form #delivery_company_box .order-table tr:has([name=delivery_company]:checked) { 8683 border: 1px solid #4f8ef7; 8684 } 8685 8686 #globWrap[data-wrap="order"][data-view="succeed"] #order select#r_tel_country, 8687 #globWrap[data-wrap="order"][data-view="succeed"] #order select#r_mobile_country, 8688 #globWrap[data-wrap="order"][data-view="succeed"] #order [name="promo_event[ee_addr_country]"], 8689 #globWrap[data-wrap="order"][data-view="succeed"] #order [name="promo_event[ee_mobile_country]"] { 8690 width: 100px; 8691 } 8692 8693 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-info-box { 8694 display: flex; 8695 flex-direction: column; 8696 gap: 16px; 8697 } 8698 8699 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-method { 8700 display: flex; 8701 align-items: center; 8702 gap: 0 20px; 8703 } 8704 8705 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-method_title { 8706 font-size: 13px; 8707 color: #000; 8708 font-weight: 400; 8709 flex: 0 0 140px; 8710 margin: 0 0px 0 0; 8711 } 8712 8713 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-method_value strong { 8714 font-size: 13px; 8715 font-weight: 400; 8716 color: #6b7280; 8717 } 8718 8719 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-badge { 8720 color: #2563eb; 8721 font-size: 13px; 8722 font-weight: 400; 8723 } 8724 8725 8726 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-detail dl, #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-mode dl { 8727 display: grid; 8728 grid-template-columns: 140px 1fr; 8729 gap: 10px 20px; 8730 margin: 0; 8731 } 8732 8733 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-detail dt, #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-mode dt { 8734 color: #111827; 8735 font-weight: 400; 8736 font-size: 12px; 8737 } 8738 8739 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-detail dd, #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-mode dd { 8740 margin: 0; 8741 color: #6b7280; 8742 font-size: 12px; 8743 font-weight: 400; 8744 word-break: break-all; 8745 } 8746 8747 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-notice { 8748 margin-top: 16px; 8749 padding-top: 16px; 8750 border-top: 1px solid #e5e7eb; 8751 color: #666; 8752 font-size: 12px; 8753 line-height: 1.6; 8754 } 8755 8756 #globWrap[data-wrap="order"][data-view="succeed"] #order .payment-warning { 8757 margin-top: 16px; 8758 color: #ef4444; 8759 font-size: 13px; 8760 font-weight: 600; 8761 line-height: 1.6; 8762 } 8763 8764 #globWrap[data-wrap="order"][data-view="succeed"] #order .order-form.unsettle-msg-form .form-list .field { 8765 line-height: 20px; 8766 } 8767 8768 8769 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift { 8770 position: fixed; 8771 inset: 0; 8772 width: 100%; 8773 height: 100%; 8774 z-index: 10000; 8775 background: none; 8776 } 8777 8778 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift::before { 8779 content: ''; 8780 position: fixed; 8781 inset: 0; 8782 z-index: 1000; 8783 background: rgba(0, 0, 0, .5); 8784 } 8785 8786 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt { 8787 position: fixed; 8788 top: 50%; 8789 left: 50%; 8790 z-index: 1001; 8791 width: 600px; 8792 box-sizing: border-box; 8793 background: #fff; 8794 transform: translate(-50%, -50%); 8795 } 8796 8797 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt .tit { 8798 line-height: 50px; 8799 text-align: center; 8800 font-size: 16px; 8801 font-weight: 600; 8802 color: #000; 8803 } 8804 8805 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt .close { 8806 position: absolute; 8807 top: 15px; 8808 right: 15px; 8809 width: 18px;
8810 height: 18px; 8811 border: 0; 8812 background: none; 8813 font-size: 0; 8814 cursor: pointer; 8815 } 8816 8817 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt .close a { 8818 position: relative; 8819 display: block; 8820 width: 100%; 8821 height: 100%; 8822 font-size: 0; 8823 } 8824 8825 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt .close a::before, 8826 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt .close a::after { 8827 content: ''; 8828 position: absolute; 8829 top: 50%; 8830 left: 50%; 8831 width: 1px; 8832 height: 16px; 8833 background: #999; 8834 } 8835 8836 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt .close a::before { 8837 transform: translate(-50%, -50%) rotate(45deg); 8838 } 8839 8840 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt .close a::after { 8841 transform: translate(-50%, -50%) rotate(-45deg); 8842 } 8843 8844 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt #freegift_table { 8845 overflow-x: auto; 8846 min-height: 0; 8847 max-height: calc(50vh - 50px); 8848 scrollbar-color: auto; 8849 margin-bottom: 20px; 8850 } 8851 8852 #globWrap[data-wrap="order"][data-view="succeed"] #order #select_freegift .freegift-cnt #freegift_table .top-text { 8853 padding: 20px; 8854 font-size: 12px; 8855 font-weight: 400; 8856 color: #545454; 8857 } 8858 8859 #globWrap[data-wrap="order"][data-view="succeed"] #order #freegift_table table { 8860 width: 100%; 8861 table-layout: fixed; 8862 border-collapse: separate; 8863 border-spacing: 0; 8864 font-size: 14px; 8865 color: #222; 8866 } 8867 8868 #globWrap[data-wrap="order"][data-view="succeed"] #order #freegift_table td[colspan="4"] { 8869 padding-bottom: 20px; 8870 line-height: 1.6; 8871 } 8872 8873 #globWrap[data-wrap="order"][data-view="succeed"] #order #freegift_table th { 8874 padding: 14px 16px; 8875 border-top: 1px solid #e5e5e5; 8876 border-bottom: 1px solid #e5e5e5; 8877 background: #f8f8f8; 8878 font-size: 12px; 8879 font-weight: 600; 8880 color: #555; 8881 } 8882 8883 #globWrap[data-wrap="order"][data-view="succeed"] #order #freegift_table .freegift_list_tr td { 8884 padding: 18px 16px; 8885 border-bottom: 1px solid #f1f1f1; 8886 vertical-align: middle; 8887 transition: .2s; 8888 } 8889 8890 #globWrap[data-wrap="order"][data-view="succeed"] #order #freegift_table img { 8891 display: block; 8892 width: 70px; 8893 margin: 0 auto; 8894 } 8895 8896 #globWrap[data-wrap="order"][data-view="succeed"] #order #freegift_table .freegift_list_tr td:nth-child(3) { 8897 font-size: 12px; 8898 font-weight: 600; 8899 text-align: left; 8900 color: #000; 8901 } 8902 8903 #globWrap[data-wrap="order"][data-view="succeed"] #order #freegift_table .freegift_list_tr td:nth-child(4) { 8904 font-size: 12px; 8905 font-weight: 400; 8906 text-align: left; 8907 color: #777; 8908 } 8909 8910 #globWrap[data-wrap="order"][data-view="succeed"] #order .freegift-cnt .btn-freegift { 8911 text-align: center; 8912 } 8913 8914 #globWrap[data-wrap="order"][data-view="succeed"] #order .freegift-cnt .btn-freegift #btnSubmitFreegift { 8915 display: block; 8916 margin: 0 auto; 8917 padding: 0 28px; 8918 line-height: 48px; 8919 background: #000; 8920 font-size: 14px; 8921 font-weight: 700; 8922 color: #fff; 8923 cursor: pointer; 8924 } 8925 8926 /* ========================================================================== 8927 주문 ì¿ í° 8928 ========================================================================== */ 8929 8930 #globWrap[data-wrap="order"][data-view="coupon"] #coupon { 8931 padding: 0 0 20px 0; 8932 } 8933 8934 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .tit-pop { 8935 color: #000; 8936 font-size: 17px; 8937 font-weight: 700; 8938 padding: 20px 20px 0px 20px; 8939 } 8940 8941 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .stit { 8942 zoom: 1; 8943 position: relative; 8944 top: 0; 8945 left: 0; 8946 font-size: 13px; 8947 color: #000; 8948 padding: 0 25px; 8949 line-height: 30px; 8950 font-weight: bold; 8951 /*background: url(//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/btn/btn_mds_next.gif) no-repeat 11px center; 8952 background-size: 7px auto;*/ 8953 border-bottom: 1px solid #000; 8954 margin: 0 0 15px 0; 8955 display: none; 8956 } 8957 8958 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .stit .btn { 8959 position: absolute; 8960 right: 0px; 8961 bottom: -5px; 8962 } 8963 8964 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_regi { 8965 margin: 0 0 10px 0; 8966 } 8967 8968 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_regi a { 8969 position: relative; 8970 top: 0; 8971 left: 0; 8972 height: 70px; 8973 line-height: 70px; 8974 border: 1px solid #d1d5db; 8975 margin: 0 20px; 8976 padding: 0 20px; 8977 display: block; 8978 color: #000; 8979 font-weight: bold; 8980 border-radius: 5px; 8981 font-size: 12px; 8982 } 8983 8984 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_regi .regi_icon { 8985 color: #BFBFBF; 8986 position: absolute; 8987 top: 50%; 8988 right: 15px; 8989 z-index: 0; 8990 margin: -20px 0 0 0; 8991 line-height: 100%; 8992 } 8993 8994 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_regi .coupon_regi_bt { 8995 display: none; 8996 border-top: 0;
8997 margin: 0 20px; 8998 height: 42px; 8999 position: relative; 9000 top: 0; 9001 left: 0; 9002 } 9003 9004 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_regi .coupon_regi_bt input { 9005 border: 1px solid #d1d5db; 9006 line-height: 25px; 9007 position: absolute; 9008 top: 8px; 9009 left: 0px; 9010 width: 70%; 9011 height: 35px; 9012 padding: 0 15px; 9013 border-radius: 5px; 9014 box-sizing: border-box; 9015 } 9016 9017 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_regi .coupon_regi_bt button { 9018 line-height: 35px; 9019 position: absolute; 9020 top: 8px; 9021 right: 8px; 9022 width: 30%; 9023 background-color: #000; 9024 color: #fff; 9025 border: 0; 9026 outline: 0; 9027 font-size: 12px; 9028 border-radius: 0 5px 5px 0; 9029 } 9030 9031 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_noselect { 9032 9033 } 9034 9035 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_noselect a { 9036 position: relative; 9037 top: 0; 9038 left: 0; 9039 height: 70px; 9040 line-height: 70px; 9041 border: 1px solid #d1d5db; 9042 margin: 0 20px; 9043 padding: 0 20px; 9044 display: block; 9045 color: #000; 9046 font-weight: bold; 9047 border-radius: 5px; 9048 font-size: 12px; 9049 } 9050 9051 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_noselect .regi_icon { 9052 color: #BFBFBF; 9053 position: absolute; 9054 top: 50%; 9055 right: 15px; 9056 z-index: 0; 9057 transform: translateY(-50%); 9058 line-height: 100%; 9059 } 9060 9061 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_addtext { 9062 margin: 25px 20px 0; 9063 background: #fff; 9064 border: 1px solid #e5e7eb; 9065 border-radius: 5px; 9066 overflow: hidden; 9067 } 9068 9069 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_addtext h2 { 9070 background: #f9fafb; 9071 border-bottom: 1px solid #e5e7eb; 9072 padding: 10px 20px; 9073 font-size: 12px; 9074 color: #000; 9075 font-weight: 600; 9076 margin: 0; 9077 } 9078 9079 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_addtext ul { 9080 padding: 10px 20px; 9081 } 9082 9083 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_addtext ul li { 9084 color: #4b5563; 9085 line-height: 1.8; 9086 position: relative; 9087 padding-left: 10px; 9088 font-size: 12px; 9089 } 9090 9091 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_addtext ul li:before { 9092 content: ""; 9093 position: absolute; 9094 left: 0; 9095 top: 9px; 9096 width: 3px; 9097 height: 3px; 9098 border-radius: 50%; 9099 background: #999; 9100 } 9101 9102 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list { 9103 padding: 15px 20px 20px 20px; 9104 } 9105 9106 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li { 9107 display: flex; 9108 border: 1px solid #b7b7b7; 9109 overflow: hidden; 9110 margin: 0 0 10px 0; 9111 } 9112 9113 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li:after { 9114 content: ""; 9115 clear: both; 9116 display: block; 9117 } 9118 9119 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li.on { 9120 border: 1px solid #4f8ef7; 9121 border-radius: 5px; 9122 background: #f9fafb; 9123 } 9124 9125 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li.on .sale_num_wrap .sale_num .text { 9126 9127 } 9128 9129 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li.on .sale_text p { 9130 9131 } 9132 9133 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_num_wrap { 9134 border-right: 1px dotted #d1d5db; 9135 width: 30%; 9136 text-align: center; 9137 } 9138 9139 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .s
9139ale_num_wrap .sale_num { 9140 border-right: 1px dotted #d1d5db; 9141 width: 100%; 9142 height: 100%; 9143 display: block; 9144 word-wrap: break-word; 9145 font-size: 0; 9146 } 9147 9148 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_num_wrap .sale_num .stand { 9149 height: 100%; 9150 } 9151 9152 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_num_wrap .sale_num span { 9153 font-size: 12px; 9154 display: inline-block; 9155 zoom: 1; 9156 *display: inline; 9157 vertical-align: middle; 9158 } 9159 9160 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_num_wrap .sale_num .text { 9161 width: 90%; 9162 word-wrap: break-word; 9163 font-weight: 400; 9164 color: #e60023; 9165 } 9166 9167 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_text { 9168 display: grid; 9169 grid-template-columns: 1fr auto; 9170 grid-template-areas: "sub icon" "time icon"; 9171 gap: 4px 16px; 9172 align-items: center; 9173 margin: 15px 15px; 9174 width: 70%; 9175 position: relative; 9176 top: 0; 9177 left: 0; 9178 } 9179 9180 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_text .sale_sub { 9181 font-weight: 500; 9182 grid-area: sub; 9183 padding: 0; 9184 margin: 0; 9185 text-overflow: ellipsis; 9186 white-space: nowrap; 9187 overflow: hidden; 9188 word-wrap: break-word; 9189 } 9190 9191 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_text .sale_time { 9192 grid-area: time; 9193 margin: 0; 9194 letter-spacing: 0; 9195 font-size: 11px; 9196 color: #777; 9197 } 9198 9199 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_text .sale_icon { 9200 width: 100%; 9201 grid-area: icon; 9202 align-self: center; 9203 margin: 0; 9204 z-index: 0; 9205 } 9206 9207 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_text p { 9208 font-size: 12px; 9209 margin: 0 15px; 9210 color: #000; 9211 } 9212 9213 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_list li .sale_text .sale_icon button, 9214 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_noselect button, 9215 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_regi a button { 9216 line-height: 30px; 9217 padding: 0 20px; 9218 border: 1px solid #4f8ef7; 9219 border-radius: 5px; 9220 background: #fff; 9221 color: #4f8ef7; 9222 font-size: 12px; 9223 } 9224 9225 #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_noselect a, #globWrap[data-wrap="order"][data-view="coupon"] #coupon .coupon_regi a { 9226 font-weight: 500; 9227 } 9228 9229 /* ========================================================================== 9230 주문ì ë°°ì¡ì§ ìì¸ 9231 ========================================================================== */ 9232 9233 #globWrap[data-wrap="order"][data-view="address"] #address { 9234 padding: 15px 15px; 9235 position: relative; 9236 width: auto; 9237 } 9238 9239 #globWrap[data-wrap="order"][data-view="address"] #address h2 { 9240 margin: 0; 9241 font-size: 18px; 9242 color: #000; 9243 font-weight: 500; 9244 } 9245 9246 #globWrap[data-wrap="order"][data-view="address"] #address .wrapper .sub-title { 9247 border: 0; 9248 background: none; 9249 line-height: normal; 9250 } 9251 9252 #globWrap[data-wrap="order"][data-view="address"] #address .add { 9253 position: absolute; 9254 top: 15px; 9255 right: 15px; 9256 border: 1px solid #ddd; 9257 font-size: 13px; 9258 font-weight: 400; 9259 line-height: 28px; 9260 color: #161616; 9261 padding: 0 15px; 9262 display: inline-block; 9263 border-radius: 4px; 9264 min-width: 76px; 9265 text-align: center; 9266 box-sizing: border-box; 9267 cursor: pointer 9268 } 9269 9270 #globWrap[data-wrap="order"][data-view="address"] .wrapper .sub-title h4 { 9271 color: #161616; 9272 text-indent: 0; 9273 border-bottom: 1px solid #ddd; 9274 margin: 62px 16px 0px 16px; 9275 font-size: 20px; 9276 font-weight: 700; 9277 line-height: 28px; 9278 padding-bottom: 21px; 9279 } 9280 9281 #globWrap[data-wrap="order"][data-view="address"] .wrapper .sub-title { 9282 background: none; 9283 } 9284 9285 #globWrap[data-wrap="order"][data-view="address"] .wrapper .sub-title h4 { 9286 background: none; 9287 } 9288 9289 #globWrap[data-wrap="order"][data-view="address"] #address .content { 9290 padding: 0; 9291 } 9292 9293 #globWrap[data-wrap="order"][data-view="address"] #address .content ul li { 9294 margin: 14px 0 0 0; 9295 padding: 0 0 14px 0; 9296 border-bottom: 1px solid #ddd; 9297 } 9298 9299 #globWrap[data-wrap="order"][data-view="address"] #address .content ul li:last-child { 9300 border: 0; 9301 } 9302 9303 #globWrap[data-wrap="order"][data-view="address"] #address .content ul li .tit { 9304 font-size: 13px; 9305 font-weight: 600; 9306 line-height: 28px; 9307 color: #161616; 9308 } 9309 9310 #globWrap[data-wrap="order"][data-view="address"] #address .content ul li .text { 9311 margin: 5px 0 15px 0; 9312 font-size: 12px; 9313 font-weight: 400; 9314 line-height: 24px; 9315 } 9316 9317 #globWrap[data-wrap="order"][data-view="address"] #address .content ul li .adr_bt { 9318 font-size: 0; 9319 } 9320 9321 #globWrap[data-wrap="order"][data-view="address"] #address .content ul li .adr_bt a { 9322 border: 1px solid #ddd; 9323 font-size: 12px; 9324 font-weight: 400; 9325 line-height: 28px; 9326 width: calc(50% - 3px); 9327 line-height: 34px; 9328 color: #161616; 9329 padding: 0 15px; 9330 display: inline-block; 9331 border-radius: 4px; 9332 min-width: 76px; 9333 text-align: center; 9334 box-sizing: border-box; 9335 } 9336 9337 #globWrap[data-wrap="order"][data-view="address"] #container #address .add { 9338 top: 55px; 9339 right: 16px; 9340 } 9341 9342 #globWrap[data-wrap="order"][data-view="address"] #address .content ul li .adr_bt a:first-child { 9343 margin-right: 5px 9344 } 9345 9346 #globWrap[data-wrap="order"][data-view="address"] #address .paging { 9347 margin: 20px 0 30px 0; 9348 } 9349 9350 #globWrap[data-wrap="order"][data-view="address"] #address .content ul li .adr_bt:has(a:nth-of-type(3)) a { 9351 width: calc(33.3% - 3px); 9352 } 9353 9354 #globWrap[data-wrap="order"][data-view="address"] #address .content ul li .adr_bt a:nth-of-type(3) { 9355 margin-left: 3px; 9356 } 9357 9358 /* ========================================================================== 9359 주문ì ë°°ì¡ì§ ìì¸ 9360 ========================================================================== */ 9361 9362 #globWrap[data-wrap="order"][data-view="addressview"] #address .content { 9363 padding: 15px 15px; 9364 } 9365 9366 #globWrap[data-wrap="order"][data-view="addressview"] #address { 9367 width: 100%; 9368 color: #000; 9369 } 9370 9371 #globWrap[data-wrap="order"][data-view="addressview"] #address h1 { 9372 font-weight:bold; 9373 height: 44px;
9374 line-height: 46px; 9375 background-color:#000; 9376 color: #fff; 9377 font-size: 16px; 9378 padding:0 0 0 10px; 9379 margin:0; 9380 } 9381 9382 #globWrap[data-wrap="order"][data-view="addressview"] #address .content h2 { 9383 font-weight: 500; 9384 margin:0 0 15px 0; 9385 font-size: 18px; 9386 position:relative; 9387 top:0; 9388 left:0; 9389 color: #000; 9390 } 9391 9392 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li { 9393 margin:0 0 10px 0; 9394 position:relative; 9395 top:0; 9396 right:0; 9397 list-style:none; 9398 } 9399 9400 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li #country { 9401 width: 100%; 9402 } 9403 9404 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.focus { 9405 padding-top:6px; 9406 font-size:13px; 9407 } 9408 9409 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li input { 9410 padding: 36px 0px 16px 10px; 9411 border:1px solid #CFCFCF; 9412 font-size: 12px; 9413 box-sizing: border-box; 9414 -moz-box-sizing: border-box; 9415 -ms-box-sizing: border-box; 9416 -webkit-box-sizing: border-box; 9417 -khtml-box-sizing:border-box; 9418 color: #000; 9419 } 9420 9421 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li .tit { 9422 font-size: 16px; 9423 font-weight: 700; 9424 line-height: 28px; 9425 color: #161616; 9426 } 9427 9428 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li .text { 9429 margin: 11px 0 20px 0; 9430 font-size: 13px; 9431 font-weight: 400; 9432 line-height: 24px; 9433 } 9434 9435 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li .adr_bt { 9436 font-size: 0; 9437 } 9438 9439 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li .adr_bt a { 9440 border: 1px solid #ddd; 9441 font-size: 14px; 9442 font-weight: 400; 9443 line-height: 28px; 9444 color: #161616; 9445 padding: 0 15px; 9446 display: inline-block; 9447 border-radius: 4px; 9448 min-width: 76px; 9449 text-align: center; 9450 box-sizing: border-box; 9451 } 9452 9453 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li .adr_bt a:first-child { 9454 margin-right: 5px 9455 } 9456 9457 #globWrap[data-wrap="order"][data-view="addressview"] #address .paging { 9458 margin: 50px 0 70px 0; 9459 } 9460 9461 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .unuse { 9462 min-height: 54px; 9463 } 9464 9465 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .post { 9466 font-size:0; 9467 position:relative; 9468 top:0; 9469 left:0; 9470 padding-right:121px; 9471 } 9472 9473 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .post input { 9474 width:100%; 9475 } 9476 9477 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .post span { 9478 position:absolute; 9479 top:0; 9480 right:0; 9481 display:inline-block; 9482 zoom:1; 9483 *display:inline; 9484 font-size:12px; 9485 line-height:25px; 9486 background-color:#3E3E3E; 9487 color:#fff; 9488 vertical-align:middle; 9489 margin:0 0 0 5px; 9490 padding:0 20px; 9491 text-align:center; 9492 cursor:pointer; 9493 } 9494 9495 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel { 9496 /*height:25px;*/ 9497 } 9498 9499 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel.unuse select { 9500 display:none; 9501 } 9502 9503 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel.unuse input { 9504 width:100%; 9505 } 9506 9507 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel select { 9508 width:39%; 9509 font-size:11px; 9510 display:block; 9511 border:1px solid #CFCFCF; 9512 padding: 14px 6px 14px 6px; 9513 /*line-height:23px;*/ 9514 height:43px; 9515 } 9516 9517 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel input { 9518 width:60%; 9519 position:absolute; 9520 top:0; 9521 right:0; 9522 } 9523 9524 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country { 9525 9526 } 9527 9528 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country select { 9529 width:100%; 9530 font-size:11px; 9531 display:block; 9532 border:1px solid #CFCFCF; 9533 padding: 14px 6px 14px 6px; 9534 /*line-height:23px;*/ 9535 height:43px; 9536 } 9537 9538 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country .cn_address select { 9539 display: inline; 9540 } 9541 9542 #globWrap[data-wrap="order"][data-view="addressview"] #address .addr_territory { 9543 border: 1px solid #ddd; 9544 border-radius: 6px; 9545 font-size: 13px; 9546 font-weight: 400; 9547 letter-spacing: 0.02em; 9548 color: #8E8E8E; 9549 height: 48px; 9550 /*padding: 14px 6px 4px 6px;*/ 9551 padding-left: 20px; 9552 padding-right: 20px; 9553 /*line-height: 30px;*/ 9554 display:block; 9555 width: 100%; 9556 position:absolute; 9557 background-color:#fff!important; 9558 z-index:1000; 9559 } 9560 9561 #globWrap[data-wrap="order"][data-view="addressview"] #address .content .normal_addr { 9562 margin: 15px 0 20px 0; 9563 font-size: 12px; 9564 font-weight: 400; 9565 line-height: normal; 9566 color: #161616; 9567 } 9568 9569 #globWrap[data-wrap="order"][data-view="addressview"] #address .content .normal_addr input { 9570 accent-color: #000; 9571 width: 15px; 9572 height: 15px; 9573 zoom: 1; 9574 vertical-align: bottom; 9575 margin: 0 5px 0 0; 9576 background: #000; 9577 transition: none; 9578 } 9579 9580 #globWrap[data-wrap="order"][data-view="addressview"] #address .content .normal_addr input[type=checkbox]:checked { 9581 appearance: none; 9582 outline: none; 9583 border: 0; 9584 background-size: auto; 9585 position: relative; 9586 } 9587 9588 #globWrap[data-wrap="order"][data-view="addressview"] #address .content .normal_addr input[type=checkbox]:checked:after { 9589 content: ""; 9590 position: absolute; 9591 left: 6px; 9592 top: 2px; 9593 display: inline-block; 9594 width: 3px; 9595 height: 6px; 9596 border-bottom: 2px solid #fff; 9597 border-right: 2px solid #fff; 9598 transform: rotate(45deg); 9599 } 9600 9601 #globWrap[data-wrap="order"][data-view="addressview"] #address .content .addr_btn { 9602 background: none; 9603 width: 100%; 9604 margin:0 auto; 9605 } 9606 9607 #globWrap[data-wrap="order"][data-view="addressview"] #address .content .addr_btn a { 9608 background: #000; 9609 line-height: 54px; 9610 font-size: 13px; 9611 font-weight: 600; 9612 color: #fff; 9613 text-align: center; 9614 border-radius: 5px; 9615 display: block; 9616 } 9617 9618 #globWrap[data-wrap="order"][data-view="addressview"] #address .width100per { 9619 width:100%; 9620 } 9621 9622 #globWrap[data-wrap="order"][data-view="addressview"] #address .width50per { 9623 width:50%; 9624 } 9625 9626 #globWrap[data-wrap="order"][data-view="addressview"] #address .error_on { 9627 9628 } 9629 9630 #globWrap[data-wrap="order"][data-view="addressview"] #address .error_on input, 9631 #globWrap[data-wrap="order"][data-view="addressview"] #address .error_on select { 9632 border:1px solid #ff0000!important; 9633 } 9634 9635 #globWrap[data-wrap="order"][data-view="addressview"] #address .error_on:after { 9636 /* 9637 content:"ì 보를 ì ë ¥í´ì£¼ì¸ì."; 9638 color:#FF0000; 9639 line-height:30px; 9640 font-size:11px; 9641 margin:0px 0 5px 10px; 9642 */ 9643 } 9644 9645 #globWrap[data-wrap="order"][data-view="addressview"] #address .error_on .ad_check { 9646 color:#FF0000; 9647 line-height:20px; 9648 font-size:11px; 9649 margin:5px 0 5px 0px; 9650 } 9651 9652 /* input placeholder css */ 9653 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul { 9654 font-size:0; 9655 } 9656 9657 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li { 9658 position:relative; 9659 top:0; 9660 left:0; 9661 min-height: 54px; 9662 vertical-align:top; 9663 font-size:12px; 9664 } 9665 9666 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li:has(input:not(:placeholder-shown):not([value=""])) label { 9667 padding-top: 8px !important; 9668 font-size: 11px; 9669 } 9670 9671 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel label { 9672 left: calc(40% + 10px); 9673 padding-left: 10px; 9674 padding-right: 20px; 9675 } 9676 9677 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel.unuse label { 9678 left: 10px; 9679 } 9680 9681 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel.unuse input { 9682 width:100%; 9683 } 9684 9685 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel.unuse select { 9686 display:none; 9687 } 9688 9689 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li label { 9690 position:absolute; 9691 top:0px; 9692 left:10px;
9693 color:#777; 9694 z-index:100; 9695 cursor: text; 9696 transition: all 0.3s; 9697 -webkit-transition: all 0.3s; 9698 -moz-transition: all 0.3s; 9699 padding: 18px 0 0 10px; 9700 font-size:12px; 9701 } 9702 9703 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li label.focus { 9704 padding-top: 8px!important; 9705 font-size: 11px; 9706 } 9707 9708 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.name.first { 9709 width:50%; display:inline-block; zoom:1; *display:inline; 9710 } 9711 9712 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.name.last { 9713 width:49%; display:inline-block; zoom:1; *display:inline; margin-left:1%; position:relative; top:0; left:0px; 9714 } 9715 9716 /*#globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.name span {position:relative; top:0; left:0; display:block; width:50%;}*/ 9717 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.name input { 9718 width:100%; 9719 } 9720 9721 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li input, 9722 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel select, 9723 #globWrap[data-wrap="order"][data-view="addressview"] #address .addr_territory, 9724 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country select, 9725 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel select { 9726 border: 1px solid #ddd; 9727 border-radius: 5px; 9728 font-size: 12px; 9729 font-weight: 400; 9730 letter-spacing: 0.02em; 9731 /*color: #000;*/ 9732 } 9733 9734 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li input, 9735 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country select, 9736 #globWrap[data-wrap="order"][data-view="addressview"] #address .addr_territory, 9737 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country select, 9738 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .tel select { 9739 height: 54px; 9740 padding-left: 20px; 9741 padding-right: 20px; 9742 color: #000; 9743 } 9744 9745 #globWrap[data-wrap="order"][data-view="addressview"] #address select { 9746 background: url(/Common/img/search_arrow_gray.png) no-repeat calc(100% - 16px) 50% / 10px auto; 9747 } 9748 9749 #globWrap[data-wrap="order"][data-view="addressview"] #address .eng_addr .ad_check { 9750 display: none; 9751 } 9752 9753 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.zip .login_zip { 9754 position: absolute; 9755 top: 0px; 9756 right: 0px; 9757 width: 31%; 9758 /*line-height: 43px;*/ 9759 height: 64px; 9760 text-align: center; 9761 display: block; 9762 margin-left: 0; 9763 } 9764 9765 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.zip .login_zip a { 9766 color:#fff; 9767 line-height: 64px; 9768 display:block; 9769 background: #292828; 9770 margin-left:3%; 9771 letter-spacing: -2px; 9772 border-radius: 6px; 9773 } 9774 9775 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.zip { 9776 overflow:hidden; 9777 } 9778 9779 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.zip ul { 9780 position:relative; 9781 top:0; 9782 left:0; 9783 display:block; 9784 float:left; 9785 width:33%; 9786 } 9787 9788 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.zip ul.unuse { 9789 position:relative; 9790 top:0; 9791 left:0; 9792 display:block; 9793 float:left; 9794 width:48.5%; 9795 } 9796 9797 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.zip ul li { 9798 margin-bottom:0; 9799 } 9800 9801 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.zip ul.first { 9802 margin-right:1%; 9803 } 9804 9805 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul li.zip .zip_line { 9806 float:left; 9807 width:3%; 9808 line-height:64px; 9809 margin-left:-1%; 9810 text-align:center; 9811 } 9812 9813 #globWrap[data-wrap="order"][data-view="addressview"] #address .mandatory { 9814 /*float: left;*/ 9815 margin: 2px 3px 0 0; 9816 top: 0; 9817 left: 0; 9818 color: red; 9819 line-height: 11px; 9820 position: relative; 9821 } 9822 9823 #globWrap[data-wrap="order"][data-view="addressview"] #address .width78per { 9824 width: 79%; 9825 } 9826 9827 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country { 9828 9829 } 9830 9831 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country select { 9832 /* 9833 font-size:11px; 9834 display:block; 9835 border:1px solid #CFCFCF; 9836 padding: 11px 6px 14px 6px; 9837 line-height:23px; 9838 height:43px; 9839 width:100%; 9840 */ 9841 } 9842 9843 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country .address_country input { 9844 height:43px; 9845 } 9846 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country .address_country .address_country_left { 9847 position:absolute; 9848 top:0; 9849 left:0; 9850 } 9851 9852 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country .address_country .cn_address { 9853 width:100%; 9854 position:absolute; 9855 top:0; 9856 right:0; 9857 font-size:0; 9858 text-align:right; 9859 } 9860 9861 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country .address_country .cn_address select { 9862 width:32.65%!important; 9863 display:inline-block; 9864 zoom:1; 9865 *display:inline; 9866 margin-left:1%; 9867 /*padding-left:10px;*/ 9868 font-size:12px; 9869 } 9870 9871 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country .address_country .cn_address select:first-of-type { 9872 margin-left:0%; 9873 } 9874 9875 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country .address_country.cn_address_select .cn_address { 9876 display:block; 9877 } 9878 9879 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country .address_country .address_country_left { 9880 width:25%; 9881 } 9882 9883 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .country .address_country .foreign_address { 9884 width:100%; 9885 position:absolute; 9886 top:0; 9887 right:0; 9888 font-size:0; 9889 text-align:right; 9890 } 9891 9892 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .trans_pinyin { 9893 width:20%; 9894 /*line-height:43px;*/ 9895 height:inherit; 9896 text-align: center; 9897 background: #292828; 9898 display: block; 9899 margin-left: 0; 9900 float:right; 9901 border-radius: 6px; 9902 } 9903 9904 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .trans_pinyin a { 9905 font-size: 13px; 9906 font-weight: bold; 9907 color: #fff; 9908 display:block; 9909 line-height: 64px; 9910 } 9911 9912 #globWrap[data-wrap="order"][data-view="addressview"] #address .content ul .trans_pinyin:hover { 9913 background:#4B4A49; 9914 border-color:#4B4A49; 9915 } 9916 9917 #globWrap[data-wrap="order"]:is([data-view="addressview"], [data-view="modify"]) .search_zipcode { 9918 position: absolute; 9919 top: 0px; 9920 right: 0px; 9921 width: 30%; 9922 /*min-height: 58px;*/ 9923 text-align: center; 9924 background: #292828; 9925 display: block; 9926 margin-left: 0; 9927 border-radius: 0 5px 5px 0; 9928 } 9929 9930 #globWrap[data-wrap="order"]:is([data-view="addressview"], [data-view="modify"]) .search_zipcode button { 9931 color: #fff; 9932 line-height: 54px; 9933 width: 100%; 9934 background: none; 9935 border: none; 9936 cursor: pointer; 9937 padding: 0; 9938 font-size: 12px; 9939 } 9940 9941 #globWrap[data-wrap="order"]:is([data-view="addressview"], [data-view="modify"]) .cn-address-selects select { 9942 font-size:12px; 9943 display:block; 9944 border:1px solid #ddd; 9945 padding: 11px 20px 14px 20px; 9946 height:54px; 9947 width:100%; 9948 border-radius: 5px; 9949 font-weight: 400; 9950 line-height: normal; 9951 } 9952 9953 #globWrap[data-wrap="order"]:is([data-view="addressview"], [data-view="modify"]) .cn-address-selects input{ 9954 height:54px; 9955 } 9956 9957 #globWrap[data-wrap="order"]:is([data-view="addressview"], [data-view="modify"]) .cn-address-selects .address_country { 9958 width:100%; 9959 position:absolute; 9960 top:0; 9961 right:0; 9962 font-size:0; 9963 text-align:right; 9964 } 9965 9966 #globWrap[data-wrap="order"]:is([data-view="addressview"], [data-view="modify"]) .cn-address-selects .address_country select { 9967 width:32.65%!important; 9968 display:inline-block; 9969 zoom:1; 9970 *display:inline; 9971 margin-left:1%; 9972 /*padding-left:10px;*/ 9973 font-size:12px; 9974 } 9975 9976 #globWrap[data-wrap="order"]:is([data-view="addressview"], [data-view="modify"]) .cn-address-selects .address_country select:first-of-type { 9977 margin-left:0%; 9978 } 9979 9980 #globWrap[data-wrap="order"]:is([data-view="modify"]) #field-province-state select { 9981 width:100%; 9982 font-size:11px; 9983 display:block; 9984 border:1px solid #CFCFCF; 9985 padding: 21px 0px 5px 10px; 9986 line-height:64px; 9987 height:64px; 9988 } 9989 9990 #globWrap[data-wrap="order"]:is([data-view="addressview"]) #field-province-state select { 9991 width:100%; 9992 font-size:11px; 9993 display:block; 9994 border:1px solid #CFCFCF; 9995 /*line-height:64px;*/ 9996 height:64px; 9997 } 9998 9999 #globWrap[data-wrap="order"][data-view="addressview"] #address #field-zipcode { 10000 /*pointer-events: none;*/ 10001 } 10002 10003 /* ========================================================================== 10004 주문ì ì모ê´ë¦¬ 리ì¤í¸ 10005 ========================================================================== */ 10006 10007 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook { 10008 padding: 15px 15px; 10009 position: relative; 10010 width: auto; 10011 } 10012 10013 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook h2 { 10014 margin: 0; 10015 font-size: 18px; 10016 color: #000; 10017 font-weight: 500; 10018 } 10019 10020 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .wrapper .sub-title { 10021 border: 0; 10022 background: none; 10023 line-height: normal; 10024 } 10025 10026 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .add { 10027 position: absolute; 10028 top: 15px; 10029 right: 15px; 10030 border: 1px solid #ddd; 10031 font-size: 13px; 10032 font-weight: 400; 10033 line-height: 28px; 10034 color: #161616; 10035 padding: 0 15px; 10036 display: inline-block; 10037 border-radius: 4px; 10038 min-width: 76px; 10039 text-align: center; 10040 box-sizing: border-box; 10041 cursor: pointer 10042 } 10043 10044 #globWrap[data-wrap="order"][data-view="entrybooklist"] .wrapper .sub-title h4 { 10045 color: #161616; 10046 text-indent: 0; 10047 border-bottom: 1px solid #ddd; 10048 margin: 62px 16px 0px 16px; 10049 font-size: 20px; 10050 font-weight: 700; 10051 line-height: 28px; 10052 padding-bottom: 21px; 10053 } 10054 10055 #globWrap[data-wrap="order"][data-view="entrybooklist"] .wrapper .sub-title { 10056 background: none; 10057 } 10058 10059 #globWrap[data-wrap="order"][data-view="entrybooklist"] .wrapper .sub-title h4 { 10060 background: none; 10061 } 10062 10063 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content { 10064 padding: 0; 10065 } 10066 10067 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content ul li { 10068 margin: 14px 0 0 0; 10069 padding: 0 0 14px 0; 10070 border-bottom: 1px solid #ddd; 10071 } 10072 10073 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content ul li:last-child { 10074 border: 0; 10075 } 10076 10077 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content ul li .tit { 10078 font-size: 13px; 10079 font-weight: 600; 10080 line-height: 28px; 10081 color: #161616; 10082 } 10083 10084 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content ul li .text { 10085 margin: 5px 0 15px 0; 10086 font-size: 12px; 10087 font-weight: 400; 10088 line-height: 24px; 10089 } 10090 10091 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content ul li .adr_bt { 10092 font-size: 0; 10093 } 10094 10095 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content ul li .adr_bt a { 10096 border: 1px solid #ddd; 10097 font-size: 12px; 10098 font-weight: 400; 10099 /*width: calc(50% - 3px);*/ 10100 width: 100%; 10101 line-height: 34px; 10102 color: #161616; 10103 padding: 0 15px; 10104 display: inline-block; 10105 border-radius: 4px; 10106 min-width: 76px; 10107 text-align: center; 10108 box-sizing: border-box; 10109 } 10110 10111 #globWrap[data-wrap="order"][data-view="entrybooklist"] #container #entrybook .add { 10112 top: 55px; 10113 right: 16px; 10114 } 10115 10116 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content ul li .adr_bt a:first-child { 10117 margin-right: 5px 10118 } 10119 10120 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .paging { 10121 margin: 20px 0 30px 0; 10122 } 10123 10124 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content ul li .adr_bt:has(a:nth-of-type(3)) a { 10125 width: calc(33.3% - 3px); 10126 } 10127 10128 #globWrap[data-wrap="order"][data-view="entrybooklist"] #entrybook .content ul li .adr_bt a:nth-of-type(3) { 10129 margin-left: 3px; 10130 } 10131 10132 10133 10134 /* ========================================================================== 10135 ì¥ë°êµ¬ë 10136 ================================================================ì========== */ 10137 10138 #globWrap[data-wrap="cart"][data-view="view"] #basket .prd-amount.side-like { 10139 display: inline-flex; 10140 align-items: center; 10141 } 10142 10143 #globWrap[data-wrap="cart"][data-view="view"] #basket .btn-qty-area { 10144 display: flex; 10145 /*flex-direction: column;*/ 10146 gap: 10px 10px; 10147 flex-wrap: wrap; 10148 } 10149 10150 #globWrap[data-wrap="cart"][data-view="view"] #basket .btn-qty-area .option-box { 10151 width: 100%; 10152 } 10153 10154 #globWrap[data-wrap="cart"][data-view="view"] #basket .btn-price-area { 10155 margin: 10px 0 0 0; 10156 display: flex; 10157 line-height: normal; 10158 gap: 0 5px; 10159 /*align-items: baseline;*/ 10160 align-items: center; 10161 } 10162 10163 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-info strike { 10164 color: #888; 10165 font-weight: 400; 10166 font-size: 13px; 10167 margin: 0 0px 0 0; 10168 } 10169 10170 #globWrap[data-wrap="cart"][data-view="view"] #basket .btn-qty { 10171 /* 10172 width: 22px; 10173 height: 22px; 10174 border: 1px solid #cfcfcf; 10175 */ 10176 background: none; 10177 position: relative; 10178 width: 40px; 10179 height: 40px; 10180 } 10181 10182 #globWrap[data-wrap="cart"][data-view="view"] #basket .btn-qty:disabled { 10183 cursor: default; 10184 color: #d3d3d3; 10185 } 10186 10187 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-input {
10188 min-width: 20px; 10189 text-align: center; 10190 font-weight: bold; 10191 } 10192 10193 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-wrap { 10194 width: 1200px; 10195 margin: 0px auto 40px auto; 10196 display: flex; 10197 gap: 30px; 10198 } 10199 10200 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-left { 10201 flex: 1; 10202 } 10203 10204 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-right { 10205 width: 360px; 10206 position: sticky; 10207 top: 20px; 10208 /*max-height: calc(100vh - 150px);*/ 10209 height: 100%; 10210 overflow-y: auto; 10211 overflow-x: hidden; 10212 min-height: 0; 10213 scrollbar-color: transparent transparent; 10214 scrollbar-width: none; 10215 -ms-overflow-style: none; 10216 border: 0; 10217 } 10218 10219 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-right .total .summary-wrap { 10220 10221 } 10222 10223 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-right .total .summary-wrap ul { 10224 padding: 10px 0; 10225 border-bottom: 1px solid #eee; 10226 } 10227 10228 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-right .total .summaê¸ry-wrap ul:last-child { 10229 border: 0; 10230 } 10231 10232 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-right .discount .summary-wrap { 10233 margin: 30px 0 0 0; 10234 } 10235 10236 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-right .discount .summary-wrap .etc-discount li:nth-child(1 of :not([style*="display:none"]):not([style*="display: none"])) { 10237 border-top: 1px solid #eee; 10238 padding: 10px 0 12px 0; 10239 margin: 10px 0 0 0; 10240 } 10241 10242 #globWrap[data-wrap="cart"][data-view="view"] #basket #header, 10243 #globWrap[data-wrap="cart"][data-view="view"] #basket #layerWrap, 10244 #globWrap[data-wrap="cart"][data-view="view"] #basket #contentWrap, 10245 #globWrap[data-wrap="cart"][data-view="view"] #basket #ftLink .link, 10246 #globWrap[data-wrap="cart"][data-view="view"] #basket #footer { 10247 width: 1200px; 10248 } 10249 10250 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-title { 10251 display: flex; 10252 align-items: center; 10253 gap: 12px; 10254 margin-bottom: 32px; 10255 } 10256 10257 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-title h1 { 10258 font-size: 30px; 10259 font-weight: 700; 10260 color: #000; 10261 } 10262 10263 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-title .count { 10264 width: 32px; 10265 height: 32px; 10266 border-radius: 50%; 10267 background: #ececef; 10268 display: flex; 10269 align-items: center; 10270 justify-content: center; 10271 font-size: 18px; 10272 font-weight: 700; 10273 color: #000; 10274 } 10275 10276 #globWrap[data-wrap="cart"][data-view="view"] #basket .country-box { 10277 width: 60%; 10278 height: 50px; 10279 background: #fff; 10280 border: 1px solid #ddd; 10281 border-radius: 14px; 10282 display: flex; 10283 align-items: center; 10284 padding: 0 20px; 10285 margin-bottom: 28px; 10286 } 10287 10288 #globWrap[data-wrap="cart"][data-view="view"] #basket .country-icon { 10289 width: 34px; 10290 height: 34px; 10291 border-radius: 50%; 10292 background: #eef2f7; 10293 display: flex; 10294 align-items: center; 10295 justify-content: center; 10296 margin-right: 14px; 10297 } 10298 10299 #globWrap[data-wrap="cart"][data-view="view"] #basket .country-title { 10300 font-size: 16px; 10301 font-weight: 700; 10302 color: #000; 10303 } 10304 10305 #globWrap[data-wrap="cart"][data-view="view"] #basket .country-select { 10306 margin-left: auto; 10307 width: 280px; 10308 height: 40px; 10309 border: 1px solid #eaeaea; 10310 font-size: 12px; 10311 color: #666; 10312 border-radius: 5px; 10313 padding: 0px 32px 0px 16px; 10314 background: url(/Common/img/search_arrow.png) no-repeat calc(100% - 16px) 50% / 10px auto; 10315 /* background: url(/assets/default/EN/Frontend/btn/btn_prev.png) no-repeat calc(100% - 16px) 50% / 10px auto; */ 10316 } 10317 10318 #globWrap[data-wrap="cart"][data-view="view"] #basket .shipping-progress { 10319 margin-bottom: 38px; 10320 } 10321 10322 #globWrap[data-wrap="cart"][data-view="view"] #basket .shipping-head { 10323 display: flex; 10324 margin-bottom: 10px; 10325 background: url(/Common/img/cart_addcart_icon.png) left center no-repeat; 10326 padding-left: 25px; 10327 } 10328 10329 #globWrap[data-wrap="cart"][data-view="view"] #basket .shipping-head span:not(:last-of-type) { 10330 font-size: 16px; 10331 color: #000; 10332 font-weight: 600; 10333 } 10334 10335 #globWrap[data-wrap="cart"][data-view="view"] #basket .shipping-head span { 10336 font-size: 16px; 10337 color: #666; 10338 font-weight: 500; 10339 } 10340 10341 #globWrap[data-wrap="cart"][data-view="view"] #basket .shipping-head span:last-of-type { 10342 margin-left: auto; 10343 } 10344 10345 #globWrap[data-wrap="cart"][data-view="view"] #basket .progress { 10346 height: 10px; 10347 border-radius: 10px; 10348 background: #e4e5e8; 10349 overflow: hidden; 10350 } 10351 10352 #globWrap[data-wrap="cart"][data-view="view"] #basket .progress .free-shipping-track { 10353 height: 100%; 10354 } 10355 10356 #globWrap[data-wrap="cart"][data-view="view"] #basket .progress-bar { 10357 /* width: 58%!important; */ 10358 height: 100%; 10359 /*background: #2563ff;*/ 10360 background: #000; 10361 transition: width 0.8s ease; 10362 } 10363 10364 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-select { 10365 background: #fff; 10366 border: 1px solid #ddd; 10367 border-bottom: none; 10368 border-radius: 15px 15px 0 0; 10369 padding: 20px 25px; 10370 display: flex; 10371 justify-content: space-between; 10372 align-items: center; 10373 } 10374 10375 #globWrap[data-wrap="cart"][data-view="view"] #basket .checkbox { 10376 display: flex; 10377 align-items: center; 10378 gap: 10px; 10379 } 10380 10381 #globWrap[data-wrap="cart"][data-view="view"] #basket .checkbox span { 10382 color: #000; 10383 font-size: 16px; 10384 font-weight: 600; 10385 } 10386 10387 #globWrap[data-wrap="cart"][data-view="view"] #basket .checkbox input { 10388 width: 18px;
10389 height: 18px; 10390 } 10391 10392 #globWrap[data-wrap="cart"][data-view="view"] #basket .delete-selected { 10393 color: #666; 10394 font-size: 14px; 10395 font-weight: 500; 10396 background: none; 10397 } 10398 10399 10400 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-item { 10401 background: #fff; 10402 border: 1px solid #ddd; 10403 border-radius: 15px; 10404 padding: 25px 25px; 10405 display: flex; 10406 gap: 25px; 10407 margin-bottom: 20px; 10408 align-items: center; 10409 justify-content: center; 10410 } 10411 10412 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-item:first-of-type { 10413 border-radius: 0 0 15px 15px; 10414 } 10415 10416 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-item .item-check { 10417 align-self: flex-start; 10418 } 10419 10420 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-item button { 10421 background: none; 10422 } 10423 10424 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-check { 10425 10426 } 10427 10428 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-check input { 10429 width: 18px; 10430 height: 18px; 10431 } 10432 10433 #globWrap[data-wrap="cart"][data-view="view"] #basket .thumb { 10434 width: 90px; 10435 /*aspect-ratio: 1 / 1;*/ 10436 /*border-radius: 50%;*/ 10437 display: flex; 10438 align-items: center; 10439 justify-content: center; 10440 flex-shrink: 0; 10441 overflow: hidden; 10442 /* align-self: flex-start; */ 10443 } 10444 10445 #globWrap[data-wrap="cart"][data-view="view"] #basket .thumb img { 10446 max-width: 100%; 10447 } 10448 10449 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-info { 10450 flex: 1; 10451 } 10452 10453 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-info .item-name { 10454 display: inline-flex; 10455 flex-wrap: wrap; 10456 position: relative; 10457 } 10458 10459 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-info .item-entry { 10460 font-weight: 500; 10461 font-size: 11px; 10462 margin-bottom: 5px; 10463 background: #ffa500; 10464 padding: 3px 5px; 10465 display: block; 10466 width: fit-content; 10467 border-radius: 5px; 10468 color: #fff; 10469 } 10470 10471 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-info .normal-price { 10472 color: #000; 10473 font-weight: 600; 10474 font-size: 16px; 10475 } 10476 10477 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-name a { 10478 font-size: 18px; 10479 font-weight: 600; 10480 margin-bottom: 10px; 10481 color: #000; 10482 display: block; 10483 /* word-break: keep-all;*/ 10484 padding-right: 22px; 10485 } 10486 10487 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-option { 10488 color: #797e89; 10489 font-size: 15px; 10490 margin-bottom: 18px; 10491 font-weight: 400; 10492 } 10493 10494 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-option .add-prd h2 { 10495 font-size: 18px; 10496 font-weight: 600; 10497 margin-bottom: 10px; 10498 color: #000; 10499 } 10500 10501 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-option .add-prd .btn-name-area { 10502 margin: 10px 0 0 0; 10503 } 10504 10505 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-option .opt-lst { 10506 10507 } 10508 10509 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-option .opt-lst li { 10510 margin: 0 0 25px 0; 10511 } 10512 10513 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-option span { 10514 10515 } 10516 10517 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-bottom { 10518 display: flex; 10519 gap: 10px; 10520 align-items: center; 10521 } 10522 10523 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-box { 10524 height: 40px; 10525 border: 1px solid #ddd; 10526 border-radius: 10px; 10527 display: flex; 10528 align-items: center; 10529 justify-content: center; 10530 /*padding: 0 14px;*/ 10531 width: 50px; 10532 box-sizing: border-box; 10533 } 10534 10535 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-box:has(button) { 10536 width: 120px; 10537 } 10538 10539 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-box .btn-qty { 10540 position: relative; 10541 } 10542 10543 10544 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-box .qty-plus::before, 10545 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-box .qty-minus::before { 10546 content: ''; 10547 position: absolute; 10548 top: 50%; 10549 left: 50%; 10550 width: 12px; 10551 height: 2px; 10552 background: #000; 10553 transform: translate(-50%, -50%); 10554 } 10555 10556 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-box .qty-minus::after { 10557 content: ''; 10558 position: absolute; 10559 top: 50%; 10560 left: 50%; 10561 width: 2px; 10562 height: 12px; 10563 background: #000; 10564 transform: translate(-50%, -50%); 10565 } 10566 10567 10568 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-box .qty-input { 10569 width: 40px; 10570 border: none; 10571 text-align: center; 10572 font-size: 14px; 10573 font-weight: 600; 10574 background: transparent; 10575 10576 appearance: textfield; 10577 -moz-appearance: textfield; 10578 10579 color: #000; 10580 font-size: 14px; 10581 font-weight: 500; 10582 } 10583 10584 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-box .qty-input::-webkit-outer-spin-button, 10585 #globWrap[data-wrap="cart"][data-view="view"] #basket .qty-box .qty-input::-webkit-inner-spin-button { 10586 -webkit-appearance: none; 10587 margin: 0; 10588 } 10589 10590 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-item .option-btn { 10591 width: 110px; 10592 height: 42px; 10593 border: 1px solid #ddd; 10594 border-radius: 10px; 10595 background: #fff; 10596 color: #000; 10597 font-size: 14px; 10598 font-weight: 500; 10599 } 10600 10601 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-item .price { 10602 margin-left: auto; 10603 text-align: right; 10604 } 10605 10606 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-item .origin { 10607 color: #888; 10608 text-decoration: line-through; 10609 font-size: 14px; 10610 font-weight: 600; 10611 } 10612 10613 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-item .sale { 10614 font-size: 18px; 10615 font-weight: 800; 10616 color: #000; 10617 } 10618 10619 #globWrap[data-wrap="cart"][data-view="view"] #basket .cart-item .remove { 10620 margin-left: 16px; 10621 color: #999; 10622 } 10623 10624 #globWrap[data-wrap="cart"][data-view="view"] #basket .side-card { 10625 background: #fff; 10626 border: 1px solid #ddd; 10627 border-radius: 15px; 10628 overflow: hidden; 10629 margin-bottom: 18px; 10630 } 10631 10632 #globWrap[data-wrap="cart"][data-view="view"] #basket .side-title { 10633 padding: 20px 25px; 10634 font-size: 16px; 10635 font-weight: 600; 10636 border-bottom: 1px solid #eee; 10637 color: #000; 10638 } 10639 10640 #globWrap[data-wrap="cart"][data-view="view"] #basket .side-body { 10641 padding: 20px 25px; 10642 } 10643 10644 #globWrap[data-wrap="cart"][data-view="view"] #basket .side-body .nomember-coupon { 10645 font-size: 12px; 10646 font-weight: 400; 10647 color: #777; 10648 } 10649 10650 #globWrap[data-wrap="cart"][data-view="view"] #basket .discount-apply { 10651 height: 40px; 10652 border: 1px solid #cfd3da; 10653 border-radius: 22px; 10654 background: #f7f8fa; 10655 font-size: 12px; 10656 color: #888; 10657 text-align: left; 10658 padding: 0 16px; 10659 display: flex; 10660 align-items: center; 10661 gap: 0 5px; 10662 font-weight: 400; 10663 } 10664 10665 #globWrap[data-wrap="cart"][data-view="view"] #basket .discount-coupon { 10666 margin-top: 12px; 10667 height: 40px; 10668 border: 1px solid #cfd3da; 10669 border-radius: 20px; 10670 display: flex; 10671 align-items: center; 10672 justify-content: space-between; 10673 padding: 0 16px; 10674 font-size: 12px; 10675 color: #888; 10676 font-weight: 400; 10677 } 10678 10679 #globWrap[data-wrap="cart"][data-view="view"] #basket .discount-coupon select { 10680 margin-left: auto; 10681 width: 100%; 10682 height: 40px; 10683 border: 0; 10684 font-size: 12px; 10685 color: #666; 10686 border-radius: 5px; 10687 padding: 0px 20px 0px 0px; 10688 background: url(/Common/img/search_arrow.png) no-repeat calc(100% - 0px) 50% / 10px auto; 10689 /* background: url(/assets/default/EN/Frontend/btn/btn_prev.png) no-repeat calc(100% - 16px) 50% / 10px auto; */ 10690 } 10691 10692 10693 #globWrap[data-wrap="cart"][data-view="view"] #basket .discount-coupon.no-data { 10694 background: #f7f8fa; 10695 } 10696 10697 #globWrap[data-wrap="cart"][data-view="view"] #basket .discount-coupon button { 10698 text-decoration: underline; 10699 background: none; 10700 font-size: 12px; 10701 color: #888; 10702 10703 } 10704 10705 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-wrap { 10706 10707 } 10708 10709 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row { 10710 display: flex; 10711 justify-content: space-between; 10712 margin-bottom: 12px; 10713 font-size: 14px; 10714 color: #000; 10715 } 10716 10717 #globWrap[data-wrap="cart"][data-view="view"] #basket:has(.delivery-nonarea-row[style*="display: block"]) .delivery-fee, 10718 #globWrap[data-wrap="cart"][data-view="view"] #basket:has(.delivery-nonarea-row[style*="display:block"]) .delivery-fee, 10719 #globWrap[data-wrap="cart"][data-view="view"] #basket:has(.delivery-nonarea-row[style=""]) .delivery-fee 10720 { 10721 display: none; 10722 } 10723 10724 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row.sub span { 10725 color: #8D8D8D; 10726 } 10727 10728 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row.depth .tit { 10729 margin: 0 0 0 15px; 10730 } 10731 10732 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row span.red { 10733 color: #FF0000; 10734 font-weight: 400; 10735 } 10736 10737 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row.total { 10738 font-size: 15px; 10739 font-weight: 400; 10740 color: #000; 10741 } 10742 10743 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row.total .txt { 10744 font-weight: 600; 10745 font-size: 18px; 10746 } 10747 10748 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row.mileage { 10749 font-size: 12px; 10750 font-weight: 400; 10751 color: #939393; 10752 justify-content: end; 10753 } 10754 10755 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row.mileage #total-smoney { 10756 margin: 0 0 0 5px; 10757 } 10758 10759 #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row:not([style*="display"][style*="none"]:not([style*="/*"])):nth-last-child(1 of #globWrap[data-wrap="cart"][data-view="view"] #basket .summary-row:not([style*="display"][style*="none"]:not([style*="/*"]))) { 10760 margin-bottom: 0; 10761 } 10762 10763 #globWrap[data-wrap="cart"][data-view="view"] #basket .buy-btn { 10764 width: 100%; 10765 height: 58px; 10766 border-radius: 10px; 10767 background: #121722; 10768 color: #fff; 10769 font-size: 18px; 10770 font-weight: 700; 10771 margin-top: 20px; 10772 } 10773 10774 #globWrap[data-wrap="cart"][data-view="view"] #basket .quick_wish_select, 10775 #globWrap[data-wrap="cart"][data-view="view"] #basket .quick_wish {
10776 width: 20px; 10777 height: 20px; 10778 background-size: 20px 20px; 10779 background-color: white; 10780 background-image: url(/Common/img/wishlist.png); 10781 background-repeat: no-repeat; 10782 border: none; 10783 cursor: pointer; 10784 position:absolute; 10785 right: 0; 10786 } 10787 10788 #globWrap[data-wrap="cart"][data-view="view"] #basket .quick_wish_select { 10789 background-image: url(/Common/img/wishlist_select.png); 10790 background-repeat: no-repeat; 10791 } 10792 10793 10794 10795 10796 #globWrap[data-wrap="cart"][data-view="view"] #basket .discount-apply input[type="checkbox"], 10797 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-check input[type="checkbox"], 10798 #globWrap[data-wrap="cart"][data-view="view"] #basket .checkbox input[type="checkbox"] { 10799 appearance: none; 10800 -webkit-appearance: none; 10801 10802 width: 20px; 10803 height: 20px; 10804 border: 1px solid #b7b7b7; 10805 border-radius: 4px; 10806 position: relative; 10807 cursor: pointer; 10808 outline: none; 10809 margin: 0; 10810 } 10811 10812 #globWrap[data-wrap="cart"][data-view="view"] #basket .discount-apply input[type="checkbox"]::after, 10813 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-check input[type="checkbox"]::after, 10814 #globWrap[data-wrap="cart"][data-view="view"] #basket .checkbox input[type="checkbox"]::after { 10815 content: ""; 10816 position: absolute; 10817 display: none; 10818 left: 6px; 10819 top: 2px; 10820 width: 5px; 10821 height: 10px; 10822 border: solid #fff; 10823 border-width: 0 1px 1px 0; 10824 transform: rotate(45deg); 10825 } 10826 10827 #globWrap[data-wrap="cart"][data-view="view"] #basket .discount-apply input[type="checkbox"]:checked::after, 10828 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-check input[type="checkbox"]:checked::after, 10829 #globWrap[data-wrap="cart"][data-view="view"] #basket .checkbox input[type="checkbox"]:checked::after { 10830 display: block; 10831 } 10832 10833 #globWrap[data-wrap="cart"][data-view="view"] #basket .discount-apply input[type="checkbox"]:checked, 10834 #globWrap[data-wrap="cart"][data-view="view"] #basket .item-check input[type="checkbox"]:checked, 10835 #globWrap[data-wrap="cart"][data-view="view"] #basket .checkbox input[type="checkbox"]:checked { 10836 background-color: #616774; 10837 } 10838 10839 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop { 10840 position: fixed; 10841 top: 0%; 10842 left: 0%; 10843 width: 100%; 10844 height: 100%; 10845 z-index: 10000; 10846 background: none; 10847 } 10848 10849 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .layer-cnt { 10850 position: fixed; 10851 top: 50%; 10852 left: 50%; 10853 transform: translate(-50%, -50%); 10854 z-index: 1001; 10855 background: #fff; 10856 border-radius: 5px; 10857 width: 400px; 10858 box-sizing: border-box; 10859 } 10860 10861 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop::before { 10862 content: ''; 10863 position: fixed; 10864 inset: 0; 10865 background: rgba(0,0,0,.5); 10866 z-index: 1000; 10867 } 10868 10869 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .layer-cnt { 10870 padding: 24px; 10871 } 10872 10873 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop #layer1_tit.lhd { 10874 padding: 0 0 20px 0; 10875 position: relative; 10876 border: none; 10877 } 10878 10879 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop #layer1_tit.lhd h3 { 10880 font-size: 18px; 10881 font-weight: bold; 10882 color: #111111; 10883 } 10884 10885 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop #layer1_tit.lhd .lclose { 10886 position: absolute; 10887 right: 0; 10888 top: 0px; 10889 background: none; 10890 border: none; 10891 font-size: 0; 10892 cursor: pointer; 10893 } 10894 10895 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop #layer1_tit.lhd .lclose { 10896 position: absolute; 10897 right: 0; 10898 top: 2px; 10899 background: none; 10900 border: none; 10901 font-size: 0; 10902 cursor: pointer; 10903 width: 18px;
10904 height: 18px; 10905 } 10906 10907 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop #layer1_tit.lhd .lclose::before, 10908 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop #layer1_tit.lhd .lclose::after { 10909 content: ''; 10910 position: absolute; 10911 top: 50%; 10912 left: 50%; 10913 width: 1px; 10914 height: 16px; 10915 background-color: #999; 10916 } 10917 10918 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop #layer1_tit.lhd .lclose::before { 10919 transform: translate(-50%, -50%) rotate(45deg); 10920 } 10921 10922 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop #layer1_tit.lhd .lclose::after { 10923 transform: translate(-50%, -50%) rotate(-45deg); 10924 } 10925 10926 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w { 10927 display: flex; 10928 align-items: center; 10929 gap: 16px; 10930 padding-bottom: 20px; 10931 border-bottom: 1px solid #f0f0f0; 10932 margin-bottom: 20px; 10933 } 10934 10935 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w .thumb { 10936 width: 80px; 10937 /*border-radius: 50%;*/ 10938 overflow: hidden; 10939 display: flex; 10940 align-items: center; 10941 justify-content: center; 10942 } 10943 10944 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w .thumb a { 10945 display: block; 10946 text-align: center; 10947 } 10948 10949 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w .thumb img { 10950 width: 70%; 10951 height: auto; 10952 object-fit: cover; 10953 } 10954 10955 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w .pinfo { 10956 display: flex; 10957 flex-direction: column; 10958 gap: 8px 0; 10959 } 10960 10961 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w .pinfo .pname { 10962 10963 } 10964 10965 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w .pinfo .pname a { 10966 font-size: 13px; 10967 font-weight: 600; 10968 color: #16181D; 10969 text-decoration: none; 10970 } 10971 10972 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w .pinfo .price strike { 10973 font-size: 12px; 10974 color: #b5b5b5; 10975 margin-left: 6px; 10976 } 10977 10978 /* #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w .pinfo .price[style*="color"] { */ 10979 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .prd-w .pinfo .normal-price { 10980 font-size: 13px; 10981 font-weight: bold; 10982 color: #111111; 10983 } 10984 10985 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect { 10986 display: flex; 10987 flex-direction: column; 10988 gap: 15px 0; 10989 } 10990 10991 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect .pti { 10992 display: none; 10993 } 10994 10995 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect dl { 10996 margin: 0; 10997 display: flex; 10998 flex-direction: column; 10999 gap: 10px 0; 11000 } 11001 11002 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect dt { 11003 font-size: 13px; 11004 font-weight: 600; 11005 color: #444444; 11006 } 11007 11008 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect dd { 11009 margin: 0; 11010 position: relative; 11011 } 11012 11013 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect dd select { 11014 border: 1px solid #e2e8f0; 11015 font-size: 12px; 11016 color: #666; 11017 width: 100%; 11018 height: 30px; 11019 border-radius: 5px; 11020 padding: 0px 32px 0px 16px; 11021 background: url(/Common/img/search_arrow.png) no-repeat calc(100% - 16px) 50% / 10px auto; 11022 } 11023 11024 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect dd label.basic_option { 11025 11026 11027 } 11028 11029 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect .text_op label.basic_option input { 11030 border: 1px solid #e2e8f0; 11031 border-radius: 5px; 11032 padding: 0px 10px; 11033 height: 30px; 11034 background: #ffffff; 11035 } 11036 11037 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect .icon_op label.basic_option input { 11038 font-size: 0; 11039 width: 30px; 11040 height: 30px; 11041 line-height: 22px; 11042 text-align: center; 11043 border-radius: 50%; 11044 } 11045 11046 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect dd input.style-option { 11047 background: transparent; 11048 border: none; 11049 font-size: 12px; 11050 color: #111111; 11051 cursor: pointer; 11052 padding: 0; 11053 text-align: left; 11054 } 11055 11056 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect dd label.basic_option::after { 11057 content: ''; 11058 width: 10px; 11059 height: 6px; 11060 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1 1l4 4 4-4'/%3E%3C5/svg%3E") no-repeat center; 11061 display: inline-block; 11062 } 11063 11064 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-sel .sect dd input[type="text"].basic_option { 11065 width: 100%; 11066 border: 1px solid #e2e8f0; 11067 border-radius: 5px; 11068 padding: 0px 10px; 11069 height: 30px; 11070 line-height: 30px; 11071 font-size: 12px; 11072 color: #999; 11073 box-sizing: border-box; 11074 11075 } 11076 11077 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res { 11078 margin: 20px 0; 11079 border-top: 1px solid #d2d1d1; 11080 border-bottom: 1px solid #d2d1d1; 11081 padding: 10px 0; 11082 } 11083 11084 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds { 11085 width: 100% !important; 11086 border-bottom: none !important; 11087 padding-bottom: 0 !important; 11088 margin-bottom: 0 !important; 11089 display: flex; 11090 flex-direction: column; 11091 gap: 5px 0; 11092 } 11093 11094 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds table { 11095 width: 100%; 11096 border-collapse: collapse; 11097 } 11098 11099 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds table tbody tr { 11100 display: flex; 11101 align-items: center; 11102 justify-content: space-between; 11103 padding: 8px 0; 11104 } 11105 11106 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds table tbody tr td:first-of-type { 11107 flex: 1; 11108 } 11109 11110 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td:nth-child(4) { 11111 font-size: 13px; 11112 color: #333333; 11113 font-weight: 500; 11114 flex: 1; 11115 } 11116 11117 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount { 11118 display: flex; 11119 align-items: center; 11120 border: 1px solid #e2e8f0; 11121 border-radius: 6px; 11122 overflow: hidden; 11123 background: #ffffff; 11124 margin-right: 20px; 11125 position: relative; 11126 } 11127 11128 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .txt-input { 11129 width: 25px; 11130 height: 25px; 11131 border: none; 11132 text-align: center; 11133 font-size: 12px; 11134 color: #000; 11135 position: absolute; 11136 right: 24px; 11137 } 11138 11139 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .ctrl { 11140 display: flex; 11141 width: 72px; 11142 } 11143 11144 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .ctrl a { 11145 display: block; 11146 width: 24px; 11147 height: 25px; 11148 line-height: 25px; 11149 text-align: center; 11150 text-decoration: none; 11151 color: #666; 11152 font-size: 12px; 11153 position: relative; 11154 /*background: #f8fafc;*/ 11155 } 11156 11157 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .ctrl a.up { 11158 /* border-left: 1px solid #e2e8f0;*/ 11159 order: 2; 11160 margin-left: 24px; 11161 } 11162 11163 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .ctrl a.dw { 11164 /* border-left: 1px solid #e2e8f0;*/ 11165 order: 1; 11166 } 11167 11168 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .ctrl a.dw, 11169 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .ctrl a.up { 11170 font-size: 0; 11171 } 11172 11173 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .ctrl a.up::before, 11174 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .ctrl a.dw::before { 11175 content: ''; 11176 position: absolute; 11177 top: 50%; 11178 left: 50%; 11179 width: 6px; 11180 height: 1px; 11181 background: #000; 11182 transform: translate(-50%, -50%); 11183 } 11184 11185 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.amount .ctrl a.up::after { 11186 content: ''; 11187 position: absolute; 11188 top: 50%; 11189 left: 50%; 11190 width: 1px; 11191 height: 6px; 11192 background: #000; 11193 transform: translate(-50%, -50%); 11194 } 11195 11196 11197 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.price { 11198 font-size: 13px; 11199 font-weight: 600; 11200 color: #111111; 11201 margin-right: 8px; 11202 } 11203 11204 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .opt-res-ds td.delopt button.delete { 11205 border: none; 11206 font-size: 0; 11207 cursor: pointer;
11208 width: 20px; 11209 height: 20px; 11210 background: url('/Common/img/cart_del_icon.png') no-repeat center / cover; 11211 } 11212 11213 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .prd-total { 11214 display: none !important; 11215 } 11216 11217 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .prd-btn { 11218 display: flex; 11219 gap: 8px; 11220 margin-top: 24px; 11221 } 11222 11223 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .prd-btn button.h60_cancel { 11224 flex: 1; 11225 height: 48px; 11226 border-radius: 8px; 11227 border: 1px solid #e2e8f0; 11228 background: #ffffff; 11229 font-size: 14px; 11230 font-weight: 500; 11231 color: #444444; 11232 cursor: pointer; 11233 } 11234 11235 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .prd-btn button.h60_cancel img { 11236 display: none; 11237 } 11238 11239 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .prd-btn button.h60_change { 11240 flex: 1; 11241 height: 48px; 11242 border-radius: 8px; 11243 border: none; 11244 background: #111111; 11245 font-size: 14px; 11246 font-weight: 500; 11247 color: #ffffff; 11248 cursor: pointer; 11249 } 11250 11251 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .expand_op.icon_op input { 11252 font-size: 0; 11253 width: 22px; 11254 height: 22px; 11255 line-height: 22px; 11256 text-align: center; 11257 border-radius: 50%; 11258 } 11259 11260 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .expand_op dd input { 11261 border: 1px solid #898989; 11262 margin: 0 5px 5px 0; 11263 cursor: pointer; 11264 display: inline-block; 11265 vertical-align: top; 11266 } 11267 11268 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num { 11269 display: flex; 11270 align-items: center; 11271 justify-content: space-between; 11272 padding: 8px 0; 11273 } 11274 11275 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num dt { 11276 font-size: 13px; 11277 color: #333333; 11278 font-weight: 500; 11279 } 11280 11281 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount { 11282 display: flex; 11283 align-items: center; 11284 border: 1px solid #e2e8f0; 11285 border-radius: 6px; 11286 overflow: hidden; 11287 background: #ffffff; 11288 position: relative; 11289 } 11290 11291 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount #pdt-cnt { 11292 width: 25px; 11293 height: 25px; 11294 border: none; 11295 text-align: center; 11296 font-size: 12px; 11297 color: #000; 11298 position: absolute; 11299 right: 24px; 11300 } 11301 11302 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount .ctrl { 11303 display: flex; 11304 width: 72px; 11305 } 11306 11307 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount .ctrl a.dw, 11308 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount .ctrl a.up { 11309 font-size: 0; 11310 } 11311 11312 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount .ctrl a.up { 11313 /* border-left: 1px solid #e2e8f0; */ 11314 order: 2; 11315 margin-left: 24px; 11316 } 11317 11318 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount .ctrl a.dw { 11319 /* border-left: 1px solid #e2e8f0; */ 11320 order: 1; 11321 } 11322 11323 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount .ctrl a { 11324 display: block; 11325 width: 24px; 11326 height: 25px; 11327 line-height: 25px; 11328 text-align: center; 11329 text-decoration: none; 11330 color: #666; 11331 font-size: 12px; 11332 position: relative; 11333 /* background: #f8fafc; */ 11334 } 11335 11336 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount .ctrl a.up::before, 11337 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount .ctrl a.dw::before { 11338 content: ''; 11339 position: absolute; 11340 top: 50%; 11341 left: 50%; 11342 width: 6px; 11343 height: 1px; 11344 background: #000; 11345 transform: translate(-50%, -50%); 11346 } 11347 11348 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .lcont .add-sel .num .amount .ctrl a.up::after { 11349 content: ''; 11350 position: absolute; 11351 top: 50%; 11352 left: 50%; 11353 width: 1px; 11354 height: 6px; 11355 background: #000; 11356 transform: translate(-50%, -50%); 11357 } 11358 11359 #globWrap[data-wrap="cart"][data-view="view"] #basket #layer1.layer-pop .layer-cnt .lcont-cnt { 11360 overflow-x: auto; 11361 max-height: calc(50vh - 0px); 11362 min-height: 0; 11363 scrollbar-color: auto; 11364 padding-right: 5px; 11365 margin-right: -5px; 11366 } 11367 11368 #globWrap[data-wrap="cart"][data-view="view"] #basket .shipping-progress .free-shipping-caption { 11369 text-align: right; 11370 font-size: 15px; 11371 color: #888; 11372 font-weight: 500; 11373 margin: 10px 0 0 0; 11374 } 11375 11376 /* ì¥ë°êµ¬ë ìµì ëí ì¼ */ 11377 11378 #globWrap[data-wrap="cart"][data-view="view"] #basket .layer-pop .lcont .sect dl { 11379 margin-top: 0;
11380 padding: 0; 11381 } 11382 11383 #globWrap[data-wrap="cart"][data-view="view"] #basket .layer-pop .lcont .sect dl:first-of-type { 11384 padding-top: 14px; 11385 } 11386 11387 #globWrap[data-wrap="cart"][data-view="view"] #basket .layer-pop .lcont .sect dl:last-of-type { 11388 padding-bottom: 8px; 11389 } 11390 11391 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op dt { 11392 vertical-align: top; 11393 } 11394 11395 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op dd { 11396 font-size: 0; 11397 vertical-align: top; 11398 } 11399 11400 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op dd input { 11401 border: 1px solid #898989; 11402 margin: 0 5px 5px 0; 11403 cursor: pointer; 11404 display: inline-block; 11405 vertical-align: top; 11406 } 11407 11408 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op.text_op input { 11409 text-align: center; 11410 font-size: 12px; 11411 line-height: 18px; 11412 height: 18px; 11413 min-width: 20px; 11414 padding: 0 12px; 11415 background: #fff; 11416 width: auto; 11417 } 11418 11419 #globWrap[data-wrap="cart"][data-view="view"] #basket.expand_op dd input.on { 11420 border: 1px solid #000 !important; 11421 11422 } 11423 11424 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op.text_op dd input.no-stock { 11425 background: rgba(120, 120, 120, 0.5); 11426 cursor: default; 11427 } 11428 11429 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op dd .exp_txt { 11430 font-size: 12px; 11431 margin: 5px 0 10px 0; 11432 } 11433 11434 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op.icon_op input { 11435 font-size: 0; 11436 width: 22px; 11437 height: 22px; 11438 line-height: 22px; 11439 text-align: center; 11440 border-radius: 50%; 11441 } 11442 11443 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op.icon_op dd input.no-stock { 11444 opacity: 0.5; 11445 cursor: default; 11446 } 11447 11448 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op.icon_op input.img_style { 11449 background-size: cover; 11450 background-position: center center; 11451 } 11452 11453 #globWrap[data-wrap="cart"][data-view="view"] #basket .expand_op.icon_op input.no-select { 11454 background: #fff; 11455 position: relative; 11456 width: 22px; 11457 font-size: 15px; 11458 color: #898989; 11459 font-family: arial; 11460 line-height: 22px; 11461 padding: 0; 11462 } 11463 11464 11465 /* ========================================================================== 11466 íì 11467 ========================================================================== */ 11468 11469 /* íì - ë¡ê·¸ì¸ */ 11470 #globWrap[data-wrap="member"][data-view="login"] #login .loc_nevi { 11471 margin-bottom:30px; 11472 text-align:right 11473 } 11474 11475 #globWrap[data-wrap="member"][data-view="login"] #login .loc_nevi a { 11476 color:#999; 11477 } 11478 11479 #globWrap[data-wrap="member"][data-view="login"] #login .loc_nevi { 11480 color:#757575; 11481 font-size:13px; 11482 } 11483 11484 #globWrap[data-wrap="member"][data-view="login"] #login .loc_nevi strong { 11485 text-decoration:underline; 11486 color:#2e2e2e; 11487 } 11488 11489 #globWrap[data-wrap="member"][data-view="login"] #login .page_tit { 11490 padding-bottom:2px; 11491 margin-bottom:20px; 11492 border-bottom:1px solid #d0d0d0; 11493 } 11494 11495 #globWrap[data-wrap="member"][data-view="login"] #login .page_tit i { 11496 display:block; 11497 color:#2e2e2e; 11498 } 11499 11500 #globWrap[data-wrap="member"][data-view="login"] #login .page_tit > .tit { 11501 position:relative; 11502 padding-top:6px; 11503 color:#2e2e2e; 11504 display:inline-block; 11505 font-size:24px; 11506 font-weight:bold; 11507 } 11508 11509 #globWrap[data-wrap="member"][data-view="login"] #login .page_tit > .msg { 11510 padding-left:10px; 11511 } 11512 11513 #globWrap[data-wrap="member"][data-view="login"] #login .page_tit > .msg em { 11514 color:#333; 11515 } 11516 11517 #globWrap[data-wrap="member"][data-view="login"] #login .page_stit { 11518 position:relative; 11519 margin-bottom:10px; 11520 padding:0!important; 11521 } 11522 11523 #globWrap[data-wrap="member"][data-view="login"] #login .page_stit > .tit { 11524 display:inline; 11525 font-size:14px; 11526 font-weight:bold; 11527 padding:0 !important; 11528 color:#5f5e5e; 11529 } 11530 11531 #globWrap[data-wrap="member"][data-view="login"] #login .page_stit > .msg { 11532 padding-left:10px; 11533 } 11534 11535 #globWrap[data-wrap="member"][data-view="login"] #login .page_stit > .msg em { 11536 color:#333; 11537 } 11538 11539 #globWrap[data-wrap="member"][data-view="login"] #login .login_
11539inner .page-body { 11540 margin-top:55px; 11541 } 11542 11543 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .h_tit { 11544 margin-bottom:10px; 11545 font-size:26px; 11546 text-align:center; 11547 font-weight:bold; 11548 /*font-family:'malgun gothic';*/ 11549 color: #2e2e2e; 11550 text-transform:capitalize; 11551 } 11552 11553 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .h_msg { 11554 margin-bottom:20px; 11555 text-align:center; 11556 color: #5f5e5e; 11557 font-size:12px; 11558 } 11559 11560 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_box { 11561 position:relative; 11562 top:0; 11563 left:0; 11564 width:480px; 11565 margin:0 auto; 11566 padding:50px 0px; 11567 } 11568 11569 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_w { 11570 margin-bottom:20px; 11571 } 11572 11573 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_w > li { 11574 position:relative; 11575 margin-bottom:5px; 11576 } 11577 11578 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_w > li .f_label { 11579 position:absolute; 11580 left:0; 11581 top:0; 11582 height:15px; 11583 padding:14px 0 0 16px; 11584 font-size:13px; 11585 /*font-weight:bold;*/ 11586 cursor:text; 11587 transition:all 0.3s; 11588 -webkit-transition:all 0.3s; 11589 -moz-transition:all 0.3s; 11590 color:#777; 11591 } 11592 11593 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_w > li .f_label.focus { 11594 padding-top:6px; 11595 font-size:11px; 11596 } 11597 11598 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_w > li input[type=text], 11599 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_w > li input[type=password] { 11600 width:448px; 11601 height:15px; 11602 padding:21px 15px 5px 15px; 11603 font-size:13px; 11604 font-weight:bold; 11605 border:1px solid #c9c9c9; 11606 color:#969696; 11607 } 11608 11609 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_w > li input[type=text]:focus, 11610 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_w > li input[type=password]:focus { 11611 border-color:#444; 11612 border-color:#444; 11613 color:#444; 11614 } 11615 11616 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .u_menu { 11617 margin-top:30px; 11618 padding-top:10px; 11619 border-top:1px solid #e5e5e5; 11620 text-align:center; 11621 font-size:0; 11622 } 11623 11624 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .u_menu > li { 11625 position:relative; 11626 display:inline-block; 11627 vertical-align:top; 11628 padding:0 12px 0 13px; 11629 } 11630 11631 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .u_menu > li:first-child { 11632 padding-left:12px; 11633 } 11634 11635 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .u_menu > li:before { 11636 position:absolute; 11637 left:0; 11638 top:50%; 11639 margin-top:-5px; 11640 width:1px; 11641 height:10px; 11642 background:#e1e1e1; 11643 content:''; 11644 } 11645 11646 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .u_menu > li:first-child:before { 11647 display:none; 11648 } 11649 11650 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .u_menu > li a { 11651 color:#777; 11652 font-size:12px; 11653 } 11654 11655 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .ad_check { 11656 display:none; 11657 color:#FF0000; 11658 line-height:30px; 11659 margin:0 0 9px 0; 11660 font-size:13px; 11661 } 11662 11663 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .error_on:focus, 11664 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .error_on { 11665 border:1px solid #FF0000!important; 11666 overflow:hidden; 11667 height:41px; 11668 } 11669 11670 #globWrap[data-wrap="member"][data-view="login"] #login .login_
11670inner .error_on input { 11671 border:0!important; 11672 } 11673 11674 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .btn_login { 11675 width:100%; 11676 text-align:center; 11677 font-size:14px; 11678 font-weight:bold; 11679 margin-top:15px; 11680 cursor:pointer; 11681 } 11682 11683 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .no_memb { 11684 margin-top:20px; 11685 } 11686 11687 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .btn_nomb { 11688 display:block; 11689 text-align:center; 11690 padding:12px 15px; 11691 font-size:14px; 11692 font-weight:bold; 11693 color:#fff; 11694 background:#842e2f; 11695 border:1px solid #842e2f; 11696 } 11697 11698 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner.nomember { 11699 border-top:1px solid #e5e5e5; 11700 width:480px; 11701 margin:0 auto; 11702 } 11703 11704 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner.nomember .login_w { 11705 margin-bottom:0; 11706 } 11707 11708 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .btn_login { 11709 width:100%; 11710 text-align:center; 11711 padding:12px 15px; 11712 font-size:14px; 11713 font-weight:bold; 11714 color:#fff; 11715 background:#292828; 11716 border:1px solid #292828; 11717 margin-top:15px; 11718 } 11719 11720 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .btn_login:hover { 11721 background:#4B4A49; 11722 border-color:#4B4A49; 11723 } 11724 11725 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .no_memb { 11726 margin-top:20px; 11727 } 11728 11729 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .btn_nomb { 11730 display:block; 11731 text-align:center; 11732 padding:12px 15px; 11733 font-size:14px; 11734 font-weight:bold; 11735 color:#fff; 11736 background:#842e2f; 11737 border:1px solid #842e2f; 11738 } 11739 11740 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner li:has(input:not(:placeholder-shown)) .f_label, 11741 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner li:has(input:-webkit-autofill) .f_label { 11742 padding-top: 6px !important; 11743 font-size: 11px !important; 11744 } 11745 11746 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div { 11747 position: relative; 11748 padding: 0; 11749 display: flex; 11750 align-items: center; 11751 justify-content: center; 11752 gap: 0 0px; 11753 border: 1px solid #C9CDD2; 11754 border-radius: 5px; 11755 height: 35px; 11756 margin-top: 10px; 11757 cursor: pointer; 11758 } 11759 11760 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div img { 11761 display: none; 11762 } 11763 11764 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div span { 11765 color: #000; 11766 font-weight: 400; 11767 font-size: 12px; 11768 } 11769 11770 #globWrap[data-wrap="member"][data-view="login"] .login_sns > div::before { 11771 content: ""; 11772 display: block; 11773 left: 10px; 11774 top: 50%; 11775 width: 30px; 11776 height: 30px; 11777 background-image: url('/Common/img/sns_icons.svg'); 11778 background-repeat: no-repeat; 11779 background-size: 110px 110px; 11780 } 11781 11782 #globWrap[data-wrap="member"][data-view="login"] .login_sns .facebook-btn::before { 11783 background-position: -4px -6.75px; 11784 } 11785 11786 #globWrap[data-wrap="member"][data-view="login"] .login_sns .btn-google::before { 11787 background-position: -40.5px -4.6px; 11788 } 11789 11790 #globWrap[data-wrap="member"][data-view="login"] .login_sns .btn-line::before { 11791 background-position: -75.25px -6.75px; 11792 } 11793 11794 #globWrap[data-wrap="member"][data-view="login"] .login_sns .btn-twitter::before { 11795 background-position: -4px -38.25px; 11796 } 11797 11798 #globWrap[data-wrap="member"][data-view="login"] .login_sns .btn-apple::before { 11799 background-position: -38.5px -38px; 11800 } 11801 11802 #globWrap[data-wrap="member"][data-view="login"] .login_sns .btn-naver::before { 11803 background-position: -75px -38.25px; 11804 } 11805 11806 #globWrap[data-wrap="member"][data-view="login"] .login_sns .btn-kakao::before { 11807 background-position: -7px -70.5px; 11808 } 11809 11810 #globWrap[data-wrap="member"][data-view="login"] .login_sns .btn-yahoo::before { 11811 background-position: -40.75px -72.5px; 11812 } 11813 11814 #globWrap[data-wrap="member"][data-view="login"] .login_sns .btn-amazon::before { 11815 background-position: -73.25px -69.5px; 11816 } 11817 11818 #globWrap[data-wrap="member"][data-view="login"] #login .login_
11818inner .login_w .remember_id label.f_label { 11819 position: static; 11820 display: block; 11821 padding-left: 0; 11822 font-size: 12px!important; 11823 } 11824 11825 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .ad_check { 11826 margin-bottom: 0; 11827 } 11828 11829 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div.btn-weibo, 11830 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div.btn-wechat, 11831 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div.btn-qq { 11832 gap: 0 2px; 11833 } 11834 11835 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div.btn-weibo::before, 11836 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div.btn-wechat::before, 11837 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div.btn-qq::before { 11838 background-repeat: no-repeat; 11839 background-size: auto 20px; 11840 background-position: center center; 11841 } 11842 11843 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div.btn-weibo::before { 11844 background-image: url(/Common/img/sns_icon_weibo.svg); 11845 } 11846 11847 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div.btn-wechat::before { 11848 background-image: url(/Common/img/sns_icon_wechat.svg); 11849 } 11850 11851 #globWrap[data-wrap="member"][data-view="login"] #login .login_inner .login_sns > div.btn-qq::before { 11852 background-image: url(/Common/img/sns_icon_qq.svg); 11853 } 11854 11855 /* íì - ë¹íì ë¡ê·¸ì¸ */ 11856 #globWrap[data-wrap="member"][data-view="anylogin"] #login .loc_nevi { 11857 margin-bottom:30px; 11858 text-align:right 11859 } 11860 11861 #globWrap[data-wrap="member"][data-view="anylogin"] #login .loc_nevi a { 11862 color:#999; 11863 } 11864 11865 #globWrap[data-wrap="member"][data-view="anylogin"] #login .loc_nevi { 11866 color:#757575; 11867 font-size:13px; 11868 } 11869 11870 #globWrap[data-wrap="member"][data-view="anylogin"] #login .loc_nevi strong { 11871 text-decoration:underline; 11872 color:#2e2e2e; 11873 } 11874 11875 #globWrap[data-wrap="member"][data-view="anylogin"] #login .page_tit { 11876 padding-bottom:2px; 11877 margin-bottom:20px; 11878 border-bottom:1px solid #d0d0d0; 11879 } 11880 11881 #globWrap[data-wrap="member"][data-view="anylogin"] #login .page_tit i { 11882 display:block; 11883 color:#2e2e2e; 11884 } 11885 11886 #globWrap[data-wrap="member"][data-view="anylogin"] #login .page_tit > .tit { 11887 position:relative; 11888 padding-top:6px; 11889 color:#2e2e2e; 11890 display:inline-block; 11891 font-size:24px; 11892 font-weight:bold; 11893 } 11894 11895 #globWrap[data-wrap="member"][data-view="anylogin"] #login .page_tit > .msg { 11896 padding-left:10px; 11897 } 11898 11899 #globWrap[data-wrap="member"][data-view="anylogin"] #login .page_tit > .msg em { 11900 color:#333; 11901 } 11902 11903 #globWrap[data-wrap="member"][data-view="anylogin"] #login .page_stit { 11904 position:relative; 11905 margin-bottom:10px; 11906 padding:0!important; 11907 } 11908 11909 #globWrap[data-wrap="member"][data-view="anylogin"] #login .page_stit > .tit { 11910 display:inline; 11911 font-size:14px; 11912 font-weight:bold; 11913 padding:0 !important; 11914 color:#5f5e5e; 11915 } 11916 11917 #globWrap[data-wrap="member"][data-view="anylogin"] #login .page_stit > .msg { 11918 padding-left:10px; 11919 } 11920 11921 #globWrap[data-wrap="member"][data-view="anylogin"] #login .page_stit > .msg em { 11922 color:#333; 11923 } 11924 11925 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .page-body { 11926 margin-top:55px; 11927 } 11928 11929 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .h_tit { 11930 margin-bottom:10px; 11931 font-size:26px; 11932 text-align:center; 11933 font-weight:bold; 11934 /*font-family:'malgun gothic';*/ 11935 color: #2e2e2e; 11936 text-transform:capitalize; 11937 } 11938 11939 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_
11939inner .h_msg { 11940 margin-bottom:20px; 11941 text-align:center; 11942 color: #5f5e5e; 11943 font-size:12px; 11944 } 11945 11946 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_box { 11947 position:relative; 11948 top:0; 11949 left:0; 11950 width:480px; 11951 margin:0 auto; 11952 padding:50px 0px; 11953 } 11954 11955 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_w { 11956 margin-bottom:20px; 11957 } 11958 11959 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_w > li { 11960 position:relative; 11961 margin-bottom:5px; 11962 } 11963 11964 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_w > li .f_label { 11965 position:absolute; 11966 left:0; 11967 top:0; 11968 height:15px; 11969 padding:14px 0 0 16px; 11970 font-size:13px; 11971 /*font-weight:bold;*/ 11972 cursor:text; 11973 transition:all 0.3s; 11974 -webkit-transition:all 0.3s; 11975 -moz-transition:all 0.3s; 11976 color:#777; 11977 } 11978 11979 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_w > li .f_label.focus { 11980 padding-top:6px; 11981 font-size:11px; 11982 } 11983 11984 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_w > li input[type=text], 11985 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_w > li input[type=password] { 11986 width:448px; 11987 height:15px; 11988 padding:21px 15px 5px 15px; 11989 font-size:13px; 11990 font-weight:bold; 11991 border:1px solid #c9c9c9; 11992 color:#969696; 11993 } 11994 11995 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_w > li input[type=text]:focus, 11996 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_w > li input[type=password]:focus { 11997 border-color:#444; 11998 border-color:#444; 11999 color:#444; 12000 } 12001 12002 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .u_menu { 12003 margin-top:30px; 12004 padding-top:10px; 12005 border-top:1px solid #e5e5e5; 12006 text-align:center; 12007 font-size:0; 12008 } 12009 12010 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .u_menu > li { 12011 position:relative; 12012 display:inline-block; 12013 vertical-align:top; 12014 padding:0 12px 0 13px; 12015 } 12016 12017 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .u_menu > li:first-child { 12018 padding-left:12px; 12019 } 12020 12021 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .u_menu > li:before { 12022 position:absolute; 12023 left:0; 12024 top:50%; 12025 margin-top:-5px; 12026 width:1px; 12027 height:10px; 12028 background:#e1e1e1; 12029 content:''; 12030 } 12031 12032 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .u_menu > li:first-child:before { 12033 display:none; 12034 } 12035 12036 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .u_menu > li a { 12037 color:#777; 12038 font-size:12px; 12039 } 12040 12041 12042 /* check */ 12043 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .ad_check { 12044 display:none; 12045 color:#FF0000; 12046 line-height:30px; 12047 margin:0 0 9px 0; 12048 font-size:13px; 12049 } 12050 12051 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .error_on:focus, 12052 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .error_on { 12053 border:1px solid #FF0000!important; 12054 overflow:hidden; 12055 height:41px; 12056 } 12057 12058 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .error_on input { 12059 border:0!important; 12060 } 12061 12062 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .btn_login { 12063 width:100%; 12064 text-align:center; 12065 font-size:14px; 12066 font-weight:bold; 12067 margin-top:15px; 12068 cursor:pointer; 12069 } 12070 12071 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_
12071inner .no_memb { 12072 margin-top:20px; 12073 } 12074 12075 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .btn_nomb { 12076 display:block; 12077 text-align:center; 12078 padding:12px 15px; 12079 font-size:14px; 12080 font-weight:bold; 12081 color:#fff; 12082 background:#842e2f; 12083 border:1px solid #842e2f; 12084 } 12085 12086 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner.nomember { 12087 border-top:1px solid #e5e5e5; 12088 width:480px; 12089 margin:0 auto; 12090 } 12091 12092 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner.nomember .login_w { 12093 margin-bottom:0; 12094 } 12095 12096 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .btn_login { 12097 width:100%; 12098 text-align:center; 12099 padding:12px 15px; 12100 font-size:14px; 12101 font-weight:bold; 12102 color:#fff; 12103 background:#292828; 12104 border:1px solid #292828; 12105 margin-top:15px; 12106 } 12107 12108 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .btn_login:hover { 12109 background:#4B4A49; 12110 border-color:#4B4A49; 12111 } 12112 12113 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .no_memb { 12114 margin-top:20px; 12115 } 12116 12117 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .btn_nomb { 12118 display:block; 12119 text-align:center; 12120 padding:12px 15px; 12121 font-size:14px; 12122 font-weight:bold; 12123 color:#fff; 12124 background:#842e2f; 12125 border:1px solid #842e2f; 12126 } 12127 12128 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div { 12129 position: relative; 12130 padding: 0; 12131 display: flex; 12132 align-items: center; 12133 justify-content: center; 12134 gap: 0 0px; 12135 border: 1px solid #C9CDD2; 12136 border-radius: 5px; 12137 height: 35px; 12138 margin-top: 10px; 12139 cursor: pointer; 12140 } 12141 12142 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div img { 12143 display: none; 12144 } 12145 12146 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div span { 12147 color: #000; 12148 font-weight: 400; 12149 font-size: 12px; 12150 } 12151 12152 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns > div::before { 12153 content: ""; 12154 display: block; 12155 left: 10px; 12156 top: 50%; 12157 width: 30px; 12158 height: 30px; 12159 12160 background-image: url('/Common/img/sns_icons.svg'); 12161 background-repeat: no-repeat; 12162 background-size: 110px 110px; 12163 } 12164 12165 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns .facebook-btn::before { 12166 background-position: -4px -6.75px; 12167 } 12168 12169 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns .btn-google::before { 12170 background-position: -40.5px -4.6px; 12171 } 12172 12173 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns .btn-line::before { 12174 background-position: -75.25px -6.75px; 12175 } 12176 12177 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns .btn-twitter::before { 12178 background-position: -4px -38.25px; 12179 } 12180 12181 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns .btn-apple::before { 12182 background-position: -38.5px -38px; 12183 } 12184 12185 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns .btn-naver::before { 12186 background-position: -75px -38.25px; 12187 } 12188 12189 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns .btn-kakao::before { 12190 background-position: -7px -70.5px; 12191 } 12192 12193 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns .btn-yahoo::before { 12194 background-position: -40.75px -72.5px; 12195 } 12196 12197 #globWrap[data-wrap="member"][data-view="anylogin"] .login_sns .btn-amazon::before { 12198 background-position: -73.25px -69.5px; 12199 } 12200 12201 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_
12201inner .btn_login { 12202 width: 100%; 12203 text-align: center; 12204 padding: 12px 15px; 12205 font-size: 14px; 12206 font-weight: bold; 12207 color: #fff; 12208 background: #292828; 12209 border: 1px solid #292828; 12210 margin-top: 15px; 12211 cursor: pointer; 12212 } 12213 12214 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .btn_login:hover { 12215 background: #4B4A49; 12216 border-color: #4B4A49; 12217 } 12218 12219 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .no_memb { 12220 margin-top: 20px; 12221 } 12222 12223 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .btn_nomb { 12224 display: block; 12225 text-align: center; 12226 padding: 12px 15px; 12227 font-size: 14px; 12228 font-weight: bold; 12229 color: #fff; 12230 background: #842e2f; 12231 border: 1px solid #842e2f; 12232 } 12233 12234 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner.nomember { 12235 width: 480px; 12236 margin: 0 auto; 12237 border-top: 1px solid #e5e5e5; 12238 } 12239 12240 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner.nomember .login_w { 12241 margin-bottom: 0; 12242 } 12243 12244 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner li:has(input:-webkit-autofill) .f_label { 12245 padding-top: 6px!important; 12246 font-size: 11px!important; 12247 } 12248 12249 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_w .remember_id label.f_label { 12250 position: static; 12251 display: block; 12252 padding-left: 0; 12253 font-size: 12px!important; 12254 } 12255 12256 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .ad_check { 12257 margin-bottom: 0; 12258 } 12259 12260 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner li:has(input:not(:placeholder-shown)) .f_label, 12261 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner li:has(input:-webkit-autofill) .f_label { 12262 padding-top: 6px !important; 12263 font-size: 11px !important; 12264 } 12265 12266 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div.btn-weibo, 12267 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div.btn-wechat, 12268 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div.btn-qq { 12269 gap: 0 2px; 12270 } 12271 12272 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div.btn-weibo::before, 12273 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div.btn-wechat::before, 12274 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div.btn-qq::before { 12275 background-repeat: no-repeat; 12276 background-size: auto 20px; 12277 background-position: center center; 12278 } 12279 12280 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div.btn-weibo::before { 12281 background-image: url(/Common/img/sns_icon_weibo.svg); 12282 } 12283 12284 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div.btn-wechat::before { 12285 background-image: url(/Common/img/sns_icon_wechat.svg); 12286 } 12287 12288 #globWrap[data-wrap="member"][data-view="anylogin"] #login .login_inner .login_sns > div.btn-qq::before { 12289 background-image: url(/Common/img/sns_icon_qq.svg); 12290 } 12291 12292 /* íì - ìì´ë 찾기 */ 12293 #globWrap[data-wrap="member"][data-view="findid"] #findid .loc_nevi { 12294 margin-bottom: 30px; 12295 text-align: right; 12296 color: #757575; 12297 font-size: 13px; 12298 } 12299 12300 #globWrap[data-wrap="member"][data-view="findid"] #findid .loc_nevi a { 12301 color: #999; 12302 } 12303 12304 #globWrap[data-wrap="member"][data-view="findid"] #findid .loc_nevi strong, 12305 .join_modify .loc_nevi strong { 12306 text-decoration: underline; 12307 color: #2e2e2e; 12308 } 12309 12310 #globWrap[data-wrap="member"][data-view="findid"] #findid .page_tit { 12311 padding-bottom: 2px; 12312 margin-bottom: 20px; 12313 border-bottom: 1px solid #d0d0d0; 12314 } 12315 12316 #globWrap[data-wrap="member"][data-view="findid"] #findid .page_tit i { 12317 display: block; 12318 color: #2e2e2e; 12319 } 12320 12321 #globWrap[data-wrap="member"][data-view="findid"] #findid .page_tit > .tit { 12322 position: relative; 12323 padding-top: 6px; 12324 color: #2e2e2e; 12325 display: inline-block; 12326 font-size: 24px; 12327 font-weight: bold; 12328 } 12329 12330 #globWrap[data-wrap="member"][data-view="findid"] #findid .page_tit > .msg { 12331 padding-left: 10px; 12332 } 12333 12334 #globWrap[data-wrap="member"][data-view="findid"] #findid .page_tit > .msg em { 12335 color: #333; 12336 } 12337 12338 #globWrap[data-wrap="member"][data-view="findid"] #findid .page_stit { 12339 position: relative; 12340 margin-bottom: 10px; 12341 padding: 0 !important; 12342 } 12343 12344 #globWrap[data-wrap="member"][data-view="findid"] #findid .page_stit > .tit { 12345 display: inline; 12346 font-size: 14px; 12347 font-weight: bold; 12348 padding: 0 !important; 12349 color: #5f5e5e; 12350 } 12351 12352 #globWrap[data-wrap="member"][data-view="findid"] #findid .page_stit > .msg { 12353 padding-left: 10px; 12354 } 12355 12356 #globWrap[data-wrap="member"][data-view="findid"] #findid .page_stit > .msg em { 12357 color: #333; 12358 } 12359 12360 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_
12360inner .page-body { 12361 margin-top: 55px; 12362 } 12363 12364 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .h_tit { 12365 margin-bottom: 10px; 12366 font-size: 26px; 12367 text-align: center; 12368 font-weight: bold; 12369 color: #2e2e2e; 12370 text-transform: capitalize; 12371 } 12372 12373 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .h_msg { 12374 margin-bottom: 20px; 12375 text-align: center; 12376 color: #5f5e5e; 12377 font-size: 12px; 12378 } 12379 12380 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .login_box { 12381 position: relative; 12382 top: 0; 12383 left: 0; 12384 width: 480px; 12385 margin: 0 auto; 12386 padding: 50px 0px; 12387 } 12388 12389 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .login_w { 12390 margin-bottom: 20px; 12391 } 12392 12393 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .login_w > li { 12394 position: relative; 12395 margin-bottom: 5px; 12396 } 12397 12398 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .login_w > li .f_label { 12399 position: absolute; 12400 left: 0; 12401 top: 0; 12402 height: 15px; 12403 padding: 14px 0 0 16px; 12404 font-size: 13px; 12405 cursor: text; 12406 transition: all 0.3s; 12407 -webkit-transition: all 0.3s; 12408 -moz-transition: all 0.3s; 12409 color: #777; 12410 } 12411 12412 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .login_w > li .f_label.focus { 12413 padding-top: 6px; 12414 font-size: 11px; 12415 } 12416 12417 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .login_w > li input[type=text], 12418 .login_inner .login_w > li input[type=password] { 12419 width: 448px; 12420 height: 15px; 12421 padding: 21px 15px 5px 15px; 12422 font-size: 13px; 12423 font-weight: bold; 12424 border: 1px solid #c9c9c9; 12425 color: #969696; 12426 } 12427 12428 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .login_w > li input[type=text]:focus, 12429 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .login_w > li input[type=password]:focus { 12430 border-color: #444; 12431 color: #444; 12432 } 12433 12434 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .ad_check { 12435 display: none; 12436 color: #FF0000; 12437 line-height: 30px; 12438 margin: 0 0 9px 0; 12439 font-size: 13px; 12440 } 12441 12442 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .error_on, 12443 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .error_on:focus { 12444 border: 1px solid #FF0000 !important; 12445 overflow: hidden; 12446 height: 41px; 12447 } 12448 12449 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .error_on input { 12450 border: 0 !important; 12451 } 12452 12453 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .u_menu { 12454 margin-top: 30px; 12455 padding-top: 10px; 12456 border-top: 1px solid #e5e5e5; 12457 text-align: center; 12458 font-size: 0; 12459 } 12460 12461 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .u_menu > li { 12462 position: relative; 12463 display: inline-block; 12464 vertical-align: top; 12465 padding: 0 12px 0 13px; 12466 } 12467 12468 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .u_menu > li:first-child { 12469 padding-left: 12px; 12470 } 12471 12472 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .u_menu > li:before { 12473 position: absolute; 12474 left: 0; 12475 top: 50%; 12476 margin-top: -5px; 12477 width: 1px; 12478 height: 10px; 12479 background: #e1e1e1; 12480 content: ''; 12481 } 12482 12483 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .u_menu > li:first-child:before { 12484 display: none; 12485 } 12486 12487 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_
12487inner .u_menu > li a { 12488 color: #777; 12489 font-size: 12px; 12490 } 12491 12492 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .btn_login { 12493 width: 100%; 12494 text-align: center; 12495 padding: 12px 15px; 12496 font-size: 14px; 12497 font-weight: bold; 12498 color: #fff; 12499 background: #292828; 12500 border: 1px solid #292828; 12501 margin-top: 15px; 12502 } 12503 12504 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .btn_login:hover { 12505 background: #4B4A49; 12506 border-color: #4B4A49; 12507 } 12508 12509 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .no_memb { 12510 margin-top: 20px; 12511 } 12512 12513 #globWrap[data-wrap="member"][data-view="findid"] #findid .login_inner .btn_nomb { 12514 display: block; 12515 text-align: center; 12516 padding: 12px 15px; 12517 font-size: 14px; 12518 font-weight: bold; 12519 color: #fff; 12520 background: #842e2f; 12521 border: 1px solid #842e2f; 12522 } 12523 12524 #globWrap[data-wrap="member"][data-view="findid"] #findid .succ { 12525 width: 100%; 12526 color: #000; 12527 } 12528 12529 #globWrap[data-wrap="member"][data-view="findid"] #findid .succ .id_div { 12530 margin: 40px auto 0; 12531 text-align: center; 12532 line-height: 30px; 12533 border: 5px solid #ededed; 12534 padding: 50px 0; 12535 } 12536 12537 #globWrap[data-wrap="member"][data-view="findid"] #findid .id_div .id { 12538 font-size: 12px; 12539 font-weight: bold; 12540 text-align: center; 12541 padding: 0 20px; 12542 } 12543 12544 #globWrap[data-wrap="member"][data-view="findid"] #findid .id_div .coupon { 12545 display: block; 12546 width: 300px; 12547 text-align: center; 12548 margin: 20px auto 0; 12549 line-height: 50px; 12550 } 12551 12552 #globWrap[data-wrap="member"][data-view="findid"] #findid .id_div .id .blue, 12553 #globWrap[data-wrap="member"][data-view="findid"] #findid .succ .succ_txt .blue { 12554 color: #0178d3; 12555 } 12556 12557 #globWrap[data-wrap="member"][data-view="findid"] #findid .find-nav { 12558 margin-top: 16px; 12559 text-align: center; 12560 padding-bottom: 10px; 12561 display: flex; 12562 justify-content: center; 12563 } 12564 12565 #globWrap[data-wrap="member"][data-view="findid"] #findid .find-nav a { 12566 font-size: 16px; 12567 font-weight: 400; 12568 color: #000; 12569 } 12570 12571 #globWrap[data-wrap="member"][data-view="findid"] #findid .find-nav a:first-child { 12572 padding-right: 15px; 12573 position: relative; 12574 margin-right: 10px; 12575 } 12576 12577 #globWrap[data-wrap="member"][data-view="findid"] #findid .find-nav a:first-child:after { 12578 content: ""; 12579 position: absolute; 12580 top: 50%; 12581 right: 0; 12582 width: 1px; 12583 height: 15px; 12584 border-left: 1px solid #a4a4a4; 12585 transition: all 0.2s ease; 12586 transform: translate(-50%, -50%); 12587 } 12588 12589 #globWrap[data-wrap="member"][data-view="findid"] #findid .find-nav a.menu_focus { 12590 font-weight: 700; 12591 } 12592 12593 #globWrap[data-wrap="member"][data-view="findid"] #findid .btn-area { 12594 text-align: center; 12595 position: relative; 12596 margin: 20px 0; 12597 } 12598 12599 #globWrap[data-wrap="member"][data-view="findid"] #findid .btn-area button { 12600 cursor: pointer; 12601 padding: 10px 13px; 12602 display: inline-block; 12603 font-weight: bold; 12604 letter-spacing: -1px; 12605 vertical-align: top; 12606 overflow: hidden; 12607 margin: 0 2px; 12608 min-width: 45%; 12609 text-align: center; 12610 height: 50px; 12611 border: 1px solid #666e85 !important; 12612 color: #fff; 12613 background: #333; 12614 } 12615 12616 #globWrap[data-wrap="member"][data-view="findid"] #findid .btn-area button:hover { 12617 background: #4B4A49; 12618 border-color: #4B4A49; 12619 } 12620 12621 /* íì - ë¹ë°ë²í¸ 찾기 */ 12622 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .loc_nevi { 12623 margin-bottom: 30px; 12624 text-align: right; 12625 color: #757575; 12626 font-size: 13px; 12627 } 12628 12629 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .loc_nevi a { 12630 color: #999; 12631 } 12632 12633 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .loc_nevi strong { 12634 text-decoration: underline; 12635 color: #2e2e2e; 12636 } 12637 12638 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .page_tit { 12639 padding-bottom: 2px; 12640 margin-bottom: 20px; 12641 border-bottom: 1px solid #d0d0d0; 12642 } 12643 12644 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .page_tit i { 12645 display: block; 12646 color: #2e2e2e; 12647 } 12648 12649 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .page_tit > .tit { 12650 position: relative; 12651 padding-top: 6px; 12652 color: #2e2e2e; 12653 display: inline-block; 12654 font-size: 24px; 12655 font-weight: bold; 12656 } 12657 12658 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .page_tit > .msg { 12659 padding-left: 10px; 12660 } 12661 12662 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .page_tit > .msg em { 12663 color: #333; 12664 } 12665 12666 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .page_stit { 12667 position: relative; 12668 margin-bottom: 10px; 12669 padding: 0 !important; 12670 } 12671 12672 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .page_stit > .tit { 12673 display: inline; 12674 font-size: 14px; 12675 font-weight: bold; 12676 padding: 0 !important; 12677 color: #5f5e5e; 12678 } 12679 12680 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .page_stit > .msg { 12681 padding-left: 10px; 12682 } 12683 12684 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .page_stit > .msg em { 12685 color: #333; 12686 } 12687 12688 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_
12688inner .page-body { 12689 margin-top: 55px; 12690 } 12691 12692 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .h_tit { 12693 margin-bottom: 10px; 12694 font-size: 26px; 12695 text-align: center; 12696 font-weight: bold; 12697 color: #2e2e2e; 12698 text-transform: capitalize; 12699 } 12700 12701 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .h_msg { 12702 margin-bottom: 20px; 12703 text-align: center; 12704 color: #5f5e5e; 12705 font-size: 12px; 12706 } 12707 12708 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .login_box { 12709 position: relative; 12710 top: 0; 12711 left: 0; 12712 width: 480px; 12713 margin: 0 auto; 12714 padding: 50px 0px; 12715 } 12716 12717 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .login_w { 12718 margin-bottom: 20px; 12719 } 12720 12721 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .login_w > li { 12722 position: relative; 12723 margin-bottom: 5px; 12724 } 12725 12726 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .login_w > li .f_label { 12727 position: absolute; 12728 left: 0; 12729 top: 0; 12730 height: 15px; 12731 padding: 14px 0 0 16px; 12732 font-size: 13px; 12733 cursor: text; 12734 transition: all 0.3s; 12735 -webkit-transition: all 0.3s; 12736 -moz-transition: all 0.3s; 12737 color: #777; 12738 } 12739 12740 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .login_w > li .f_label.focus { 12741 padding-top: 6px; 12742 font-size: 11px; 12743 } 12744 12745 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .login_w > li input[type=text], 12746 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .login_w > li input[type=password] { 12747 width: 448px; 12748 height: 15px; 12749 padding: 21px 15px 5px 15px; 12750 font-size: 13px; 12751 font-weight: bold; 12752 border: 1px solid #c9c9c9; 12753 color: #969696; 12754 } 12755 12756 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .login_w > li input[type=text]:focus, 12757 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .login_w > li input[type=password]:focus { 12758 border-color: #444; 12759 color: #444; 12760 } 12761 12762 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .u_menu { 12763 margin-top: 30px; 12764 padding-top: 10px; 12765 border-top: 1px solid #e5e5e5; 12766 text-align: center; 12767 font-size: 0; 12768 } 12769 12770 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .u_menu > li { 12771 position: relative; 12772 display: inline-block; 12773 vertical-align: top; 12774 padding: 0 12px 0 13px; 12775 } 12776 12777 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .u_menu > li:first-child { 12778 padding-left: 12px; 12779 } 12780 12781 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .u_menu > li:before { 12782 position: absolute; 12783 left: 0; 12784 top: 50%; 12785 margin-top: -5px; 12786 width: 1px; 12787 height: 10px; 12788 background: #e1e1e1; 12789 content: ''; 12790 } 12791 12792 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .u_menu > li:first-child:before { 12793 display: none; 12794 } 12795 12796 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .u_menu > li a { 12797 color: #777; 12798 font-size: 12px; 12799 } 12800 12801 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .ad_check { 12802 display: none; 12803 color: #FF0000; 12804 line-height: 30px; 12805 margin: 0 0 9px 0; 12806 font-size: 13px; 12807 } 12808 12809 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .error_on, 12810 .login_inner .error_on:focus { 12811 border: 1px solid #FF0000 !important; 12812 overflow: hidden; 12813 height: 41px; 12814 } 12815 12816 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_
12816inner .error_on input { 12817 border: 0 !important; 12818 } 12819 12820 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .btn_login { 12821 width: 100%; 12822 text-align: center; 12823 padding: 12px 15px; 12824 font-size: 14px; 12825 font-weight: bold; 12826 color: #fff; 12827 background: #292828; 12828 border: 1px solid #292828; 12829 margin-top: 15px; 12830 } 12831 12832 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .btn_login:hover { 12833 background: #4B4A49; 12834 border-color: #4B4A49; 12835 } 12836 12837 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .no_memb { 12838 margin-top: 20px; 12839 } 12840 12841 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .login_inner .btn_nomb { 12842 display: block; 12843 text-align: center; 12844 padding: 12px 15px; 12845 font-size: 14px; 12846 font-weight: bold; 12847 color: #fff; 12848 background: #842e2f; 12849 border: 1px solid #842e2f; 12850 } 12851 12852 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .find-nav { 12853 margin-top: 16px; 12854 text-align: center; 12855 padding-bottom: 10px; 12856 display: flex; 12857 justify-content: center; 12858 } 12859 12860 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .find-nav a { 12861 font-size: 16px; 12862 font-weight: 400; 12863 color: #000; 12864 } 12865 12866 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .find-nav a:first-child { 12867 padding-right: 15px; 12868 position: relative; 12869 margin-right: 10px; 12870 } 12871 12872 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .find-nav a:first-child:after { 12873 content: ""; 12874 position: absolute; 12875 top: 50%; 12876 right: 0; 12877 width: 1px; 12878 height: 15px; 12879 border-left: 1px solid #a4a4a4; 12880 transition: all 0.2s ease; 12881 transform: translate(-50%, -50%); 12882 } 12883 12884 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .find-nav a.menu_focus { 12885 font-weight: 700; 12886 } 12887 12888 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .succ { 12889 width: 100%; 12890 color: #000; 12891 margin: 0 auto; 12892 } 12893 12894 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .succ .id_div { 12895 margin: 40px auto 0; 12896 text-align: center; 12897 line-height: 30px; 12898 border: 5px solid #ededed; 12899 padding: 50px 0; 12900 } 12901 12902 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .id_div .id { 12903 font-size: 12px; 12904 font-weight: bold; 12905 text-align: center; 12906 padding: 0 20px; 12907 } 12908 12909 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .id_div .coupon { 12910 display: block; 12911 width: 300px; 12912 text-align: center; 12913 margin: 20px auto 0; 12914 line-height: 50px; 12915 } 12916 12917 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .id_div .id .blue, 12918 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .succ .succ_txt .blue { 12919 color: #0178d3; 12920 } 12921 12922 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .btn-area { 12923 text-align: center; 12924 position: relative; 12925 margin: 20px 0 20px 0; 12926 } 12927 12928 #globWrap[data-wrap="member"][data-view="findpasswd"] #findpasswd .btn-area button { 12929 cursor: pointer; 12930 padding: 4px 13px; 12931 display: inline-block; 12932 font-weight: bold; 12933 letter-spacing: -1px; 12934 vertical-align: top; 12935 border: 0; 12936 overflow: hidden; 12937 margin: 0 2px; 12938 width: 48%; 12939 text-align: center; 12940 height: 50px; 12941 color: #fff; 12942 background: #333; 12943 background-clip: padding-box; 12944 } 12945 12946 /* íì - íìê°ì */ 12947 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .loc_nevi { 12948 margin-bottom: 30px; 12949 text-align: right; 12950 } 12951 12952 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .loc_nevi a { 12953 color: #999; 12954 } 12955 12956 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .loc_nevi a { 12957 color: #757575; 12958 font-size: 13px; 12959 } 12960 12961 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .loc_nevi strong { 12962 text-decoration: underline; 12963 color: #2e2e2e; 12964 } 12965 12966 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page_tit { 12967 padding-bottom: 2px; 12968 margin-bottom: 20px; 12969 border-bottom: 1px solid #d0d0d0; 12970 } 12971 12972 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page_tit i { 12973 display: block; 12974 color: #2e2e2e; 12975 } 12976 12977 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page_tit > .tit { 12978 position: relative; 12979 padding-top: 6px; 12980 color: #2e2e2e; 12981 display: inline-block; 12982 font-size: 24px; 12983 font-weight: bold; 12984 } 12985 12986 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page_tit > .msg { 12987 padding-left: 10px; 12988 } 12989 12990 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page_tit > .msg em { 12991 color: #333; 12992 } 12993 12994 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page_stit { 12995 position: relative; 12996 margin-bottom: 10px; 12997 padding: 0 !important; 12998 } 12999 13000 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page_stit > .tit { 13001 display: inline; 13002 font-size: 14px; 13003 font-weight: bold; 13004 padding: 0 !important; 13005 color: #5f5e5e; 13006 } 13007 13008 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page_stit > .msg { 13009 padding-left: 10px; 13010 } 13011 13012 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page_stit > .msg em { 13013 color: #333; 13014 } 13015 13016 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .page-body { 13017 padding: 50px 60px 0px; 13018 } 13019 13020 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .tit-required { 13021 font-weight: bold; 13022 width: 480px; 13023 margin: 10px auto 10px auto; 13024 text-align: right; 13025 font-size: 13px; 13026 } 13027 13028 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .tit-required span { 13029 color: red; 13030 line-height: 11px; 13031 padding-right: 3px; 13032 vertical-align: bottom; 13033 } 13034 13035 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .tit-required img { 13036 vertical-align: middle; 13037 } 13038 13039 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .btn-foot { 13040 text-align: center; 13041 font-size: 0; 13042 line-height: 0; 13043 } 13044 13045 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .btn-foot a { 13046 margin-left: 10px; 13047 } 13048 13049 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .mandatory { 13050 color: red; 13051 line-height: 11px; 13052 padding-left: 7px; 13053 position: relative; 13054 top: 4px; 13055 left: 0; 13056 } 13057 13058 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_mail { 13059 margin-top: 15px; 13060 } 13061 13062 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con { 13063 position: relative; 13064 width: 480px; 13065 margin: 0 auto; 13066 padding: 0px 0px 20px 0px; 13067 } 13068 13069 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line { 13070 position: relative; 13071 margin-bottom: 5px; 13072 } 13073 13074 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line.focus { 13075 padding-top: 6px; 13076 font-size: 13px; 13077 } 13078 13079 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line input.input_type1 { 13080 max-height: 43px; 13081 width: 448px; 13082 height: 15px; 13083 padding: 21px 15px 5px 15px; 13084 font-size: 13px; 13085 font-weight: bold; 13086 border: 1px solid #dcdcdc; 13087 color: #969696; 13088 } 13089 13090 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line input.input_type2 { 13091 max-height: 43px; 13092 width: 208px;
13093 height: 15px; 13094 padding: 21px 15px 5px 15px; 13095 font-size: 11px; 13096 border: 1px solid #dcdcdc; 13097 color: #969696; 13098 font-size: 13px; 13099 } 13100 13101 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_tel .tw_line { 13102 display: block; 13103 float: right; 13104 width: 50%; 13105 } 13106 13107 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line input.input_type3 { 13108 max-height: 43px; 13109 width: 88px; 13110 height: 15px; 13111 padding: 21px 15px 5px 15px; 13112 font-size: 11px; 13113 border: 1px solid #dcdcdc; 13114 color: #969696; 13115 } 13116 13117 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line input.input_type4 { 13118 max-height: 43px; 13119 width: 203px; 13120 height: 15px; 13121 padding: 21px 15px 5px 15px; 13122 font-size: 11px; 13123 border: 1px solid #dcdcdc; 13124 color: #969696; 13125 } 13126 13127 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line input.input_type5 { 13128 max-height: 43px; 13129 width: 448px; 13130 height: 15px; 13131 padding: 21px 15px 5px 15px; 13132 font-size: 11px; 13133 border: 1px solid #dcdcdc; 13134 color: #969696; 13135 } 13136 13137 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line input.input_type6 { 13138 max-height: 43px; 13139 width: 205px; 13140 height: 15px; 13141 padding: 21px 15px 5px 15px; 13142 font-size: 11px; 13143 border: 1px solid #dcdcdc; 13144 color: #969696; 13145 } 13146 13147 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line input.input_type7 { 13148 max-height: 43px; 13149 width: 123px; 13150 height: 15px; 13151 padding: 21px 15px 5px 15px; 13152 font-size: 11px; 13153 border: 1px solid #dcdcdc; 13154 color: #969696; 13155 } 13156 13157 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line input.input_type8 { 13158 max-height: 43px; 13159 width: 198px; 13160 height: 15px; 13161 padding: 21px 15px 5px 15px; 13162 font-size: 11px; 13163 border: 1px solid #dcdcdc; 13164 color: #969696; 13165 } 13166 13167 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line input.input_type9 { 13168 width: 72%; 13169 height: inherit; 13170 padding: 21px 15px 5px 15px; 13171 font-size: 13px; 13172 font-weight: bold; 13173 border: 1px solid #dcdcdc; 13174 color: #969696; 13175 white-space: pre-line; 13176 } 13177 13178 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .ad_check, 13179 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .add_text, 13180 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .ad_check { 13181 display: none; 13182 color: #FF0000; 13183 line-height: 30px; 13184 margin: 0 0 9px 0; 13185 font-size: 13px; 13186 } 13187 13188 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_tel:after, 13189 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_sms:after, 13190 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_mail:after, 13191 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_reseller:after, 13192 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_email:after { 13193 content: ""; 13194 clear: both; 13195 display: block; 13196 } 13197 13198 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_tel.error_on select { 13199 border: 1px solid #dcdcdc !important; 13200 } 13201 13202 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_tel select { 13203 display: block; 13204 float: left; 13205 width: 49%; 13206 padding: 12px 6px 11px 10px; 13207 line-height: 23px; 13208 max-height: 43px; 13209 height: auto; 13210 border: 1px solid #dcdcdc; 13211 font-size: 13px; 13212 } 13213 13214 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con li input:focus { 13215 font-size: 12px; 13216 border-color: #777 !important; 13217 } 13218 13219 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_mail .text label, 13220 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_sms .text label { 13221 margin-right: 10px; 13222 display: inline-block; 13223 zoom: 1; 13224 *display: inline; 13225 font-size: 13px; 13226 } 13227 13228 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_sms { 13229 margin: 10px 0 0 0; 13230 } 13231 13232 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_sms .tit, 13233 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_mail .tit { 13234 float: left; 13235 display: block; 13236 width: 38%; 13237 line-height: 43px; 13238 font-size: 13px; 13239 } 13240 13241 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_sms .text, 13242 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_mail .text { 13243 float: right; 13244 display: block; 13245 width: 61%; 13246 line-height: 43px; 13247 font-size: 0px; 13248 } 13249 13250 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line label.focus { 13251 padding-top: 6px !important; 13252 font-size: 13px; 13253 } 13254 13255 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line .label_type1, 13256 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line .label_type2 { 13257 text-transform: capitalize; 13258 position: absolute; 13259 left: 0; 13260 top: 0; 13261 height: 15px; 13262 padding: 14px 0 0 16px; 13263 font-size: 13px; 13264 cursor: text; 13265 transition: all 0.3s; 13266 -webkit-transition: all 0.3s; 13267 -moz-transition: all 0.3s; 13268 } 13269 13270 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line .label_type3 { 13271 text-transform: capitalize; 13272 position: absolute; 13273 left: 240px; 13274 top: 0; 13275 height: 15px; 13276 padding: 14px 0 0 16px; 13277 font-size: 13px; 13278 cursor: text; 13279 transition: all 0.3s; 13280 -webkit-transition: all 0.3s; 13281 -moz-transition: all 0.3s; 13282 } 13283 13284 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line .label_type4 { 13285 text-transform: capitalize; 13286 position: absolute; 13287 left: 174px; 13288 top: 0; 13289 height: 15px; 13290 padding: 14px 0 0 16px; 13291 font-size: 13px; 13292 cursor: text; 13293 transition: all 0.3s; 13294 -webkit-transition: all 0.3s; 13295 -moz-transition: all 0.3s; 13296 } 13297 13298 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .tw_line .label_type5 { 13299 text-transform: capitalize; 13300 position: absolute; 13301 left: 248px; 13302 top: 0; 13303 height: 15px; 13304 padding: 14px 0 0 16px; 13305 font-size: 13px; 13306 cursor: text; 13307 transition: all 0.3s; 13308 -webkit-transition: all 0.3s; 13309 -moz-transition: all 0.3s; 13310 } 13311 13312 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con #join_country, 13313 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con #addr_country { 13314 display: block; 13315 width: 100%; 13316 padding: 12px 6px 11px 10px; 13317 line-height: 23px; 13318 height: auto; 13319 border: 1px solid #dcdcdc; 13320 font-size: 13px; 13321 } 13322 13323 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_cft { 13324 margin: 30px 0 0 0; 13325 height: auto; 13326 } 13327 13328 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_cft .tw_line { 13329 display: block; 13330 width: 100%; 13331 height: 40px; 13332 margin-top: 5px; 13333 } 13334 13335 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_cft .text { 13336 width: 100%; 13337 line-height: 32px; 13338 height: 40px; 13339 } 13340 13341 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_cft .text img { 13342 } 13343 13344 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_cft .text a { 13345 margin: 0 0 0 10px; 13346 font-size: 13px; 13347 color: #1172B6; 13348 } 13349 13350 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con li.last { 13351 margin: 20px 0 20px 0; 13352 } 13353 13354 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .labels { 13355 margin: 20px auto 0 auto; 13356 width: 480px; 13357 font-size: 13px; 13358 } 13359 13360 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .labels a { 13361 text-decoration: underline; 13362 color: #1172B6; 13363 vertical-align: bottom; 13364 font-size: 13px; 13365 } 13366 13367 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_reseller .tit { 13368 float: left; 13369 display: block; 13370 width: 49%; 13371 height: 43px; 13372 } 13373 13374 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_reseller .text { 13375 float: right; 13376 display: block; 13377 width: 49%; 13378 line-height: 43px; 13379 height: 43px; 13380 font-size: 13px; 13381 padding-left: 1%; 13382 } 13383 13384 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .btn_foot .btn_agree { 13385 width: 100%; 13386 text-align: center; 13387 padding: 12px 0; 13388 font-size: 14px; 13389 font-weight: bold; 13390 color: #fff; 13391 background: #292828; 13392 border: 1px solid #292828; 13393 display: block; 13394 margin-left: 0; 13395 } 13396 13397 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .btn_foot { 13398 overflow: hidden; 13399 height: auto; 13400 width: 480px; 13401 margin: 0 auto 70px auto; 13402 } 13403 13404 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .btn_foot .btn_agree:hover { 13405 background: #4B4A49; 13406 border-color: #4B4A49; 13407 } 13408 13409 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .dev_info { 13410 margin: 20px 0 0px 0; 13411 } 13412 13413 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .dev_info .dev_tit { 13414 line-height: 40px; 13415 height: 40px; 13416 margin: 10px 0 0 0; 13417 color: #000; 13418 font-weight: bold; 13419 font-size: 13px; 13420 } 13421 13422 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .dev_info li .tw_line { 13423 display: block; 13424 } 13425 13426 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info { 13427 margin: 20px 0 0px 0; 13428 } 13429 13430 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .add_tit { 13431 line-height: 40px; 13432 height: 40px; 13433 margin: 10px 0 0 0; 13434 color: #000; 13435 font-weight: bold; 13436 font-size: 13px; 13437 } 13438 13439 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info li { 13440 margin: 0 0 5px 0; 13441 } 13442 13443 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .basic_type:after { 13444 content: ""; 13445 clear: both; 13446 display: block; 13447 } 13448 13449 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .basic_type .tit { 13450 float: left; 13451 display: block; 13452 width: 38%; 13453 line-height: 43px; 13454 height: 43px; 13455 font-size: 13px; 13456 word-break: break-all; 13457 } 13458 13459 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .basic_type .text { 13460 float: right; 13461 display: block; 13462 width: 61%; 13463 line-height: 43px; 13464 font-size: 13px; 13465 } 13466 13467 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .radio_type:after { 13468 content: ""; 13469 clear: both; 13470 display: block; 13471 } 13472 13473 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .radio_type .tit { 13474 float: left; 13475 display: block; 13476 width: 38%; 13477 line-height: 43px; 13478 height: 43px; 13479 font-size: 13px; 13480 word-break: break-all; 13481 } 13482 13483 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .radio_type .text { 13484 float: right; 13485 display: block; 13486 width: 61%; 13487 line-height: 43px; 13488 font-size: 0; 13489 } 13490 13491 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .radio_type .text label { 13492 margin-right: 10px; 13493 display: inline-block; 13494 zoom: 1; 13495 *display: inline; 13496 font-size: 13px; 13497 } 13498 13499 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .checkbox_type:after { 13500 content: ""; 13501 clear: both; 13502 display: block; 13503 } 13504 13505 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .checkbox_type .tit { 13506 float: left; 13507 display: block; 13508 width: 38%; 13509 line-height: 43px; 13510 height: 43px; 13511 font-size: 13px; 13512 word-break: break-all; 13513 } 13514 13515 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .checkbox_type .text { 13516 float: right; 13517 display: block; 13518 width: 61%; 13519 line-height: 43px; 13520 font-size: 0; 13521 } 13522 13523 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .checkbox_type .text label { 13524 margin-right: 10px; 13525 display: inline-block; 13526 zoom: 1; 13527 *display: inline; 13528 font-size: 13px; 13529 } 13530 13531 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .input_type > span { 13532 position: relative; 13533 top: 0; 13534 left: 0; 13535 margin-bottom: 5px; 13536 display: block; 13537 } 13538 13539 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .input_type input { 13540 width: 448px; 13541 height: 15px; 13542 padding: 21px 15px 5px 15px; 13543 font-size: 11px; 13544 border: 1px solid #dcdcdc; 13545 color: #969696; 13546 } 13547 13548 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .selectbox_type:after { 13549 content: ""; 13550 clear: both; 13551 display: block; 13552 } 13553 13554 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .selectbox_type .tit { 13555 float: left; 13556 display: block; 13557 width: 38%; 13558 line-height: 43px; 13559 height: 43px; 13560 font-size: 13px; 13561 word-break: break-all; 13562 } 13563 13564 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .selectbox_type .text { 13565 float: right; 13566 display: block; 13567 width: 61%; 13568 line-height: 40px; 13569 height: 40px; 13570 font-size: 13px; 13571 } 13572 13573 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .selectbox_type .text label { 13574 margin-right: 10px; 13575 } 13576 13577 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .add_info .selectbox_type .text select { 13578 max-height: 43px; 13579 display: block; 13580 float: left; 13581 width: 100%; 13582 padding: 12px 6px 11px 10px; 13583 line-height: 23px; 13584 height: auto; 13585 border: 1px solid #dcdcdc; 13586 margin-bottom: 5px; 13587 font-size: 13px; 13588 } 13589 13590 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .error_on input, 13591 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .error_on select { 13592 border: 1px solid #FF0000 !important; 13593 } 13594 13595 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .modify_con ul { 13596 zoom: 1; 13597 } 13598 13599 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .modify_con ul:after { 13600 content: ""; 13601 clear: both; 13602 display: block; 13603 } 13604 13605 #globWrap[da
13605ta-wrap="member"][data-view="join"] #joinInfo .login_zip { 13606 position: absolute; 13607 top: 0px; 13608 right: 0px; 13609 width: 30%; 13610 line-height: 43px; 13611 height: 43px; 13612 text-align: center; 13613 background: #292828; 13614 display: block; 13615 margin-left: 0; 13616 } 13617 13618 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .login_zip a { 13619 font-size: 13px; 13620 font-weight: bold; 13621 color: #fff; 13622 display: block; 13623 line-height: 43px; 13624 } 13625 13626 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .login_zip:hover { 13627 background: #4B4A49; 13628 border-color: #4B4A49; 13629 } 13630 13631 #globWrap[data-wrap="member"][data-view="join"] #joinInfo #join_zipcode { 13632 } 13633 13634 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .zipcode_sch { 13635 background: #292828; 13636 color: #ffffff; 13637 width: 120px; 13638 border: 1px solid #6B6B6B; 13639 display: inline-block; 13640 font-size: 14px; 13641 font-weight: bold; 13642 margin-left: 0; 13643 padding: 12px 0; 13644 text-align: center; 13645 } 13646 13647 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .unuse { 13648 } 13649 13650 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .unuse select { 13651 display: none; 13652 } 13653 13654 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .unuse .tw_line { 13655 float: none; 13656 width: auto; 13657 } 13658 13659 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .unuse .tw_line input { 13660 float: none; 13661 width: 448px; 13662 } 13663 13664 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .unuse .join_email { 13665 width: auto; 13666 } 13667 13668 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .login_certification { 13669 position: absolute; 13670 top: 0px; 13671 right: 0px; 13672 width: 30%; 13673 line-height: 43px; 13674 height: 43px; 13675 text-align: center; 13676 background: #292828; 13677 display: block; 13678 margin-left: 0; 13679 } 13680 13681 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .login_certification a { 13682 font-size: 13px; 13683 font-weight: bold; 13684 color: #fff; 13685 display: block; 13686 line-height: 43px; 13687 } 13688 13689 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .login_certification:hover { 13690 background: #4B4A49; 13691 border-color: #4B4A49; 13692 } 13693 13694 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_id, 13695 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_email { 13696 width: 448px; 13697 height: 15px; 13698 padding: 21px 15px 5px 15px; 13699 font-size: 13px; 13700 font-weight: bold; 13701 border: 1px solid #dcdcdc; 13702 color: #969696; 13703 display: block; 13704 } 13705 13706 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_email { 13707 width: 300px; 13708 } 13709 13710 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_country, 13711 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .addr_country { 13712 overflow: hidden; 13713 display: block; 13714 } 13715 13716 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_country select, 13717 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .addr_country select { 13718 max-height: 43px; 13719 padding: 12px 10px 11px 0px; 13720 line-height: 23px; 13721 height: auto; 13722 border: 1px solid #dcdcdc; 13723 margin-bottom: 5px; 13724 font-size: 13px; 13725 margin-bottom: 0; 13726 } 13727 13728 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_country .cn_address_left { 13729 width: 25%; 13730 float: left; 13731 } 13732 13733 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_country .cn_address { 13734 width: 75%; 13735 float: left; 13736 } 13737 13738 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .addr_country .cn_address { 13739 width: 100%; 13740 float: left; 13741 } 13742 13743 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_country .cn_address_left select { 13744 width: 100% !important; 13745 padding-left: 10px; 13746 } 13747 13748 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_country .cn_address select { 13749 width: 32.3% !important; 13750 float: left; 13751 margin-left: 1%; 13752 padding-left: 10px; 13753 } 13754 13755 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .addr_country .cn_address select { 13756 width: 32.65% !important; 13757 float: left; 13758 margin-left: 1%; 13759 padding-left: 10px; 13760 } 13761 13762 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .addr_country .cn_address select:first-of-type { 13763 margin-left: 0%; 13764 } 13765 13766 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .join_country .cn_address_left select.internal_country_last { 13767 display: none; 13768 } 13769 13770 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .add_adress .cn_address_left { 13771 width: 100% !important; 13772 float: none !important; 13773 } 13774 13775 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .add_adress .cn_address_left select { 13776 width: 49% !important; 13777 } 13778 13779 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .add_adress .cn_address_left .internal_country_last { 13780 float: right !important; 13781 width: 50% !important; 13782 display: block !important; 13783 } 13784 13785 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .join_modify_con .add_adress .cn_address { 13786 display: none; 13787 } 13788 13789 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .trans_pinyin { 13790 width: 20%; 13791 line-height: 43px; 13792 height: inherit; 13793 text-align: center; 13794 background: #292828; 13795 display: block; 13796 margin-left: 0; 13797 float: right; 13798 } 13799 13800 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .trans_pinyin a { 13801 font-size: 13px; 13802 font-weight: bold; 13803 color: #fff; 13804 display: block; 13805 line-height: 43px; 13806 } 13807 13808 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .trans_pinyin:hover { 13809 background: #4B4A49; 13810 border-color: #4B4A49; 13811 } 13812 13813 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info { 13814 margin: 20px 0 0px 0; 13815 } 13816 13817 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .add_tit { 13818 line-height: 40px; 13819 height: 40px; 13820 margin: 10px 0 0 0; 13821 color: #000; 13822 font-weight: bold; 13823 font-size: 13px; 13824 } 13825 13826 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info li { 13827 margin: 0 0 5px 0; 13828 } 13829 13830 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .radio_type:after { 13831 content: ""; 13832 clear: both; 13833 display: block; 13834 } 13835 13836 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .radio_type .tit { 13837 float: left; 13838 display: block; 13839 width: 38%; 13840 line-height: 43px; 13841 height: 43px; 13842 font-size: 13px; 13843 word-break: break-all; 13844 } 13845 13846 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .radio_type .text { 13847 float: right; 13848 display: block; 13849 width: 61%; 13850 line-height: 43px; 13851 font-size: 0; 13852 } 13853 13854 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .radio_type .text label { 13855 margin-right: 10px; 13856 display: inline-block; 13857 zoom: 1; 13858 *display: inline; 13859 font-size: 13px; 13860 } 13861 13862 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .selectbox_type:after { 13863 content: ""; 13864 clear: both; 13865 display: block; 13866 } 13867 13868 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .selectbox_type .tit { 13869 float: left; 13870 display: block; 13871 width: 38%; 13872 line-height: 43px; 13873 height: 43px; 13874 font-size: 13px; 13875 word-break: break-all; 13876 } 13877 13878 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .selectbox_type .text { 13879 float: right; 13880 display: block; 13881 width: 61%; 13882 line-height: 40px; 13883 height: 40px; 13884 font-size: 13px; 13885 } 13886 13887 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .selectbox_type .text label { 13888 margin-right: 10px; 13889 } 13890 13891 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .group_add_info .selectbox_type .text select { 13892 max-height: 43px; 13893 display: block; 13894 float: left; 13895 width: 100%; 13896 padding: 12px 6px 11px 10px; 13897 line-height: 23px; 13898 height: auto; 13899 border: 1px solid #dcdcdc; 13900 margin-bottom: 5px; 13901 font-size: 13px; 13902 } 13903 13904 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .search_zipcode { 13905 position: absolute; 13906 top: 0px; 13907 right: 0px; 13908 width: 30%; 13909 line-height: 43px; 13910 height: 43px; 13911 text-align: center; 13912 background: #292828; 13913 display: block; 13914 margin-left: 0; 13915 } 13916 13917 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .search_zipcode button { 13918 color: #fff; 13919 line-height: 43px; 13920 display: block; 13921 width: 100%; 13922 height: 100%; 13923 background: none; 13924 border: none; 13925 cursor: pointer; 13926 padding: 0; 13927 font-family: inherit; 13928 font-size: inherit; 13929 } 13930 13931 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .cn-address-selects select { 13932 font-size: 11px; 13933 display: block; 13934 border: 1px solid #CFCFCF; 13935 padding: 11px 6px 14px 6px; 13936 line-height: 23px; 13937 height: 43px; 13938 width: 100%; 13939 } 13940 13941 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .cn-address-selects input { 13942 height: 43px; 13943 } 13944 13945 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .cn-address-selects .address_country { 13946 width: 100%; 13947 position: absolute; 13948 top: 0; 13949 right: 0; 13950 font-size: 0; 13951 text-align: right; 13952 } 13953 13954 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .cn-address-selects .address_country select { 13955 width: 32.65% !important; 13956 display: inline-block; 13957 zoom: 1; 13958 *display: inline; 13959 margin-left: 1%; 13960 padding-left: 10px; 13961 font-size: 12px; 13962 } 13963 13964 #globWrap[data-wrap="member"][data-view="join"] #joinInfo .cn-address-selects .address_country select:first-of-type { 13965 margin-left: 0%; 13966 } 13967 13968 #globWrap[data-wrap="member"][data-view="join"] #joinInfo #state_territory { 13969 display: block; 13970 width: 100%; 13971 padding: 21px 0px 5px 10px; 13972 line-height: 23px; 13973 height: auto; 13974 border: 1px solid #dcdcdc; 13975 font-size: 13px; 13976 } 13977 13978 /* íì - íìê°ì ìë£ */ 13979 #globWrap[data-wrap="member"][data-view="joincomplete"] #content { 13980 float: none; 13981 } 13982 13983 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete { 13984 margin: 20px 0 0 0; 13985 } 13986 13987 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ { 13988 color: #000; 13989 } 13990 13991 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ .name { 13992 font-size: 24px; 13993 font-weight: 700; 13994 text-align: center; 13995 color: #000; 13996 line-height: normal; 13997 } 13998 13999 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ .add { 14000 font-size: 16px; 14001 font-weight: 400; 14002 text-align: center; 14003 color: #909090; 14004 margin: 15px 0 0 0; 14005 } 14006 14007 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ .verification { 14008 font-size: 12px; 14009 font-weight: 400; 14010 color: #000; 14011 margin: 10px 0 0 0; 14012 } 14013 14014 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .c_img .id { 14015 font-size: 20px; 14016 font-weight: 600; 14017 text-align: center; 14018 word-wrap: break-word; 14019 } 14020 14021 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .c_img .coupon-wrap { 14022 display: flex; 14023 flex-direction: column; 14024 gap: 10px 10px; 14025 margin: 20px 0; 14026 } 14027 14028 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .c_img .coupon-wrap .coupon { 14029 display: block; 14030 text-align: center; 14031 margin: 0px auto 0 auto; 14032 color: #000; 14033 font-size: 12px; 14034 font-weight: 600; 14035 } 14036 14037 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .c_img .coupon-wrap .coupon a { 14038 display: block; 14039 } 14040 14041 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .c_img .coupon-wrap .coupon a img { 14042 width: 150px; 14043 display: block; 14044 } 14045 14046 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .c_img .id .blue, 14047 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ .c_box .blue, 14048 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ .succ_txt .blue { 14049 color: #0178d3; 14050 } 14051 14052 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .red { 14053 color: #ff0000; 14054 } 14055 14056 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ .c_box p { 14057 text-align: center; 14058 font-size: 12px; 14059 font-weight: 700; 14060 line-height: 30px; 14061 } 14062 14063 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ .c_img { 14064 margin: 35px auto 0 auto; 14065 text-align: center; 14066 line-height: 20px; 14067 padding: 30px 10px; 14068 background: #f2f1f1; 14069 width: 600px; 14070 border-radius: 5px; 14071 box-sizing: border-box; 14072 } 14073 14074 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ .succ_txt { 14075 text-align: center; 14076 font-size: 12px; 14077 font-weight: 400; 14078 line-height: 20px; 14079 color: #000; 14080 margin: 10px 0 0 0; 14081 } 14082 14083 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .succ .c_box { 14084 margin: 40px auto 0; 14085 border: 5px solid #ededed; 14086 padding: 50px 0; 14087 } 14088 14089 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .g_main { 14090 text-align: center; 14091 margin: 40px auto 0 auto; 14092 } 14093 14094 #globWrap[data-wrap="member"][data-view="joincomplete"] #joincomplete .g_main a { 14095 font-size: 15px; 14096 color: #fff; 14097 display: block; 14098 line-height: 50px; 14099 font-weight: 700; 14100 background: #000; 14101 width: 250px; 14102 margin: 0 auto; 14103 border-radius: 5px; 14104 } 14105 14106 /* ========================================================================== 14107 ìê° 14108 ========================================================================== */ 14109 14110 /* ìê° - ê³µíµ */ 14111 #globWrap[data-wrap="about"] .page-tit { 14112 margin-bottom: 30px; 14113 } 14114 14115 #globWrap[data-wrap="about"] .page-tit h2 { 14116 font-size: 25px; 14117 font-weight: 600; 14118 line-height: 24.2px; 14119 margin: 0 0 16px 0; 14120 color: #161616; 14121 position: relative; 14122 /* padding-left: 15px; */ 14123 text-transform: uppercase; 14124 } 14125 14126
14126 /* ìê° - ê°ì¸ì ë³´ */ 14127 #globWrap[data-wrap="about"][data-view="privacy"] #privacy * { 14128 font-family: inherit; 14129 } 14130 14131 /* ìê° - ì´ì©ì½ê´ */ 14132 #globWrap[data-wrap="about"][data-view="agreement"] #agreement * { 14133 font-family: inherit; 14134 } 14135 14136 /* ìê° - íì¬ìê° */ 14137</style> 14138 14139 </head> 14140 <body> 14141 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 14141-14142
14141 14142<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
14142GTM-MKVQWPX4
vendor: 83 bytes, lines 14142-14143
14142" 14143height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
14144<!-- End Google Tag Manager (noscript) --> 14145 14146 14147 14148 14149<style type="text/css"> 14150 #main { position: relative; } 14151 /* visual, notice */ 14152 #main .visual-evt { zoom: 1; overflow: hidden; } 14153 /* visual */ 14154 #main .visual-evt .visual { float: left; } 14155 /* notice */ 14156 #main .visual-evt .evt-wrap { float: right; width: 212px; } 14157 #main .visual-evt .ntc h2 { font-size: 0; line-height: 0; } 14158 #main .visual-evt .ntc .list { zoom: 1; overflow: hidden; padding-top: 17px; padding-left: 10px; margin-right: 6px } 14159 #main .visual-evt .ntc .list li, 14160 #main .visual-evt .ntc .list a { float: left; } 14161 #main .visual-evt .ntc .list li { padding-left: 16px; width: 180px; background: url(/images/d3/modern_simple/common/bull_main_ntc.gif) no-repeat 0 45%; } 14162 #main .visual-evt .ntc .list a { width: 100%; height: 23px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 14163 #main .visual-evt .ntc .list a:hover { font-weight: bold; letter-spacing: -1px; text-decoration: underline; } 14164 /* ì¶ìì²´í¬ event */ 14165 #main .visual-evt .ad { font-size: 0; line-height: 0; text-align: right; } 14166 /* best-evt */ 14167 #main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; } 14168 /* slideBestEvt */ 14169 #main #slideBestEvt { float: left; width: auto; border-left: 0; } 14170 /* hashBestEvt */ 14171 #main #hashBestEvt { position: relative; float: right; } 14172 /* md`s pick item */ 14173 #main #mdItem { position: relative; margin-top: 20px; } 14174 /* ìí 리ì¤í¸- ê³µíµ */ 14175 #main .mprd-cm { margin-top: 40px; } 14176 #main .mprd-cm .tit-prd { padding-bottom: 7px; font-size: 0; line-height: 0; border-bottom: 1px solid #e5e5e5; } 14177</style>
14178<script type="text/javascript" src="/Common/js/Slider.js"></script>
14178 14179<style type="text/css"> 14180 #blk_scroll_wings { position: absolute; visibility: hidden; display: none;} 14181 /* scroll */ 14182 #layerTodayView .lnb li { width: 100%; height: 39px; text-align: center; border-bottom: 1px solid #e0e0e0; } 14183 #layerTodayView .lnb li a { display: block; padding-top: 15px; } 14184 #layerTodayView .prd { width:84px; margin-bottom:0; padding-bottom:3px; background: url(//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/Layout/img/quick_today_mdl.gif) repeat-y 0 0;} 14185 #layerTodayView .prd dd { display:none; } 14186 #layerTodayView .prd dd.thumb { width: 55px; height: 57px; margin: 0 15px; } 14187 #layerTodayView .prd dd.thumb img { width: 55px; height: 55px; border: 1px solid #d5d5d5; margin-top:1px;} 14188 #layerTodayView .prd dd.thumb .slide-wrapper { zoom: 1; overflow: hidden; position: absolute; width: 54px; z-index:100 } 14189 #layerTodayView .prd dd.thumb .slide-wrapper li { float: left; width: 57px; } 14190 #layerTodayView #wing_nav { position: relative; height: 11px; margin-top: 6px; text-align: center; font-size: 11px; } 14191 #layerTodayView #wing_nav button { position: absolute; top: 0; width: 13px; height: 13px; border: 0; text-indent: -9999px; } 14192 #layerTodayView #wing_nav .w_prev { left: 10px; background: url(//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/btn/prev_h13_on.gif) no-repeat 0 0; } 14193 #layerTodayView #wing_nav .w_next { right: 10px; background: url(//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/btn/next_h13_on.gif) no-repeat 0 0; } 14194 #layerTodayView .top { position: absolute; bottom: 0; left: -1px; width: 69px; height: 30px; text-indent: -9999px; } 14195 /* no-scroll */ 14196 #layerTodayView #tvRollNo dd { display:block; } 14197 #layerTodayView #tvRollNo dd.thumb {height:auto;} 14198 #layerTodayView #tvRollNo dd.thumb .slide-wrapper { overflow:hidden; position:static; } 14199 #layerTodayView #tvRollNo #wing_nav { display:none; } 14200 </style> 14201<div id="blk_scroll_wings" style="top: 0px; left: 0px; visibility: visible; z-index:100"> 14202 14203 14204 14205
14205<script type="text/javascript"> 14206 banner_position_type = 'CENTER'; 14207 /* ë ê°ë°°ë div ì´ë¦ // top ìì¹ || banner_position_type ê¸°ì¤ ì¸ìª½ì¼ë¡ 00px || ì¤í¬ë¡¤ì¬ë¶( Y : ì¤í¬ë¡¤, N : ì ì§) */ 14208 BannerHandler('blk_scroll_wings//120||450||Y'); 14209 /* 14210 ë¸ë¼ì°ì ¸ë³ ì¤í¬ë¦½í¸ ë¡ë 14211 */ 14212 if( window.addEventListener ) { 14213 /* chrome ë¸ë¼ì°ì ¸ */ 14214 window.addEventListener("load",function() { 14215 BannerHandler('blk_scroll_wings//120||460||Y'); 14216 },false); 14217 } else if( document.addEventListener ) { 14218 document.addEventListener("load",function() { 14219 BannerHandler('blk_scroll_wings//120||460||Y'); 14220 },false); 14221 } else if( window.attachEvent ) { 14222 /* ie ë¸ë¼ì°ì ¸ */ 14223 window.attachEvent("onload",function() { 14224 BannerHandler('blk_scroll_wings//120||460||Y'); 14225 }); 14226 } 14227 var globTodayView = new TodayView('layerTodayView', {thumb_width:55,thumb_height:57,speed:2500,view_count:3,is_roll:'F',_listselector:'#layerTodayView .prd'}); 14228 </script>
14228 14229</div><div id="wrap"> 14230 <style> 14231 body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family: 'Nomina', 'Noto Sans KR', sans-serif;} 14232 .body-goods-view .fixed .gnb .left .menu li a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word;} 14233</style> 14234 14235 14236<!--<link type="text/css" rel="stylesheet" href="//manyofactory.co.kr/data/skin/front/mu_manyo_en/css/reset.css?ts=1684386824">--> 14237<style> 14238 /* ** RESET ** */ 14239 @font-face { 14240 font-family: 'Gotham'; 14241 font-weight: normal; 14242 font-style: normal; 14243 src: url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Gotham-Medium.eot') format('embedded-opentype'), 14244 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Gotham-Medium.woff') format('woff2'), 14245 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Gotham-Medium.woff') format('woff'), 14246 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Gotham-Medium.ttf') format('truetype'); 14247 } 14248 @font-face { 14249 font-family:'Nomina'; 14250 font-weight: 900; 14251 font-style: normal; 14252 src: url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Bold.otf') format('opentype'), 14253 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Bold.woff2') format('woff2'), 14254 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Bold.woff') format('woff'), 14255 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Bold.ttf') format('truetype'); 14256 } 14257 @font-face { 14258 font-family:'Nomina'; 14259 font-weight: 700; 14260 font-style: normal; 14261 src: url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Semibold.otf') format('opentype'), 14262 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Semibold.woff2') format('woff2'), 14263 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Semibold.woff') format('woff'), 14264 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Semibold.ttf') format('truetype'); 14265 } 14266 @font-face { 14267 font-family: 'Nomina'; 14268 font-weight: 500; 14269 font-style: normal; 14270 src: url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Regular.eot') format('embedded-opentype'), 14271 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Regular.woff2') format('woff2'), 14272 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Regular.woff') format('woff'), 14273 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Regular.ttf') format('truetype'); 14274 } 14275 @font-face { 14276 font-family: 'Nomina'; 14277 font-weight: 300; 14278 font-style: normal; 14279 src: url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Light.otf') format('opentype'), 14280 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Light.woff') format('woff2'), 14281 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Light.woff') format('woff'), 14282 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Nomina-Light.ttf') format('truetype'); 14283 } 14284 @font-face { 14285 font-family: 'Stroma'; 14286 font-weight: normal; 14287 font-style: italic; 14288 src: url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Stroma-Italic.eot') format('embedded-opentype'), 14289 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Stroma-Italic.woff') format('woff2'), 14290 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Stroma-Italic.woff') format('woff'), 14291 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/Stroma-Italic.ttf') format('truetype'); 14292 } 14293 @font-face { 14294 font-family: 'OmniGothic'; 14295 font-weight: 300; 14296 font-style: normal; 14297 src: url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/OmniGothic-020.otf') format('opentype'), 14298 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/OmniGothic-020.ttf') format('truetype'); 14299 } 14300 @font-face { 14301 font-family: 'OmniGothic'; 14302 font-weight: normal; 14303 font-style: normal; 14304 src: url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/OmniGothic-030.otf') format('opentype'), 14305 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/OmniGothic-030.ttf') format('truetype'); 14306 } 14307 @font-face { 14308 font-family: 'OmniGothic'; 14309 font-weight: bold; 14310 font-style: normal; 14311 src: url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/OmniGothic-055.otf') format('opentype'), 14312 url('//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/font/OmniGothic-055.ttf') format('truetype'); 14313 } 14314 14315 *{ 14316 font-family: 'Nomina', 'Noto Sans KR', sans-serif; 14317 line-height:1.6; 14318 box-sizing:border-box; 14319 color:#3d3a35; 14320 /* letter-spacing:-0.063em; */ 14321 letter-spacing: -0.031em; 14322 padding:0; 14323 margin:0; 14324 } 14325 /* a, button{ 14326 -webkit-transition:0.4s; 14327 transition:0.4s; 14328 } */ 14329 button{ 14330 -ms-touch-action: manipulation; 14331 touch-action: manipulation; 14332 -webkit-user-select: none; 14333 -moz-user-select: none;
14334 -ms-user-select: none; 14335 user-select: none; 14336 } 14337 /* a, a:hover, a:focus, button{ 14338 text-decoration:none; 14339 -webkit-transition: all 0.5s ease; 14340 -moz-transition: all 0.5s ease; 14341 -o-transition: all 0.5s ease; 14342 transition: all 0.5s ease; 14343 } */ 14344 img{ 14345 max-width:100%; 14346 vertical-align:middle; 14347 } 14348 input:-webkit-autofill { 14349 -webkit-box-shadow: 0 0 0 100px #fff inset; 14350 -moz-box-shadow: 0 0 0 100px #fff inset; 14351 box-shadow: 0 0 0 100px #fff inset; 14352 } 14353 select{ 14354 /* 14355 -webkit-appearance: none; 14356 -moz-appearance: none; 14357 appearance: none; 14358 -webkit-border-radius: 0; 14359 border:1px solid #d2d2d2; 14360 background: url(/img/icon/select-bg.png) no-repeat right 20px center; 14361 background-size:12px; 14362 */ 14363 } 14364 select::-ms-expand { 14365 display: none; 14366 } 14367 table { 14368 border-collapse: collapse; 14369 border-spacing: 0; 14370 } 14371 header, footer, aside, main, section, article, nav{ 14372 display:block; 14373 } 14374 html, body{ 14375 overflow-x: hidden; 14376 } 14377 ul, li { 14378 margin: 0; 14379 list-style: none; 14380 } 14381 ::selection{ 14382 color:#fff; 14383 background:rgba(0,0,0, 0.99); 14384 } 14385 *:focus, a:hover, button:hover, input:hover, .swiper-pagination-bullet, .swiper-button-prev, .swiper-button-next{ 14386 outline: none; 14387 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 14388 -webkit-tap-highlight-color: transparent; 14389 } 14390 span, strong, b, em, h1, h2, h3, h4, h5, h6{ 14391 color:inherit; 14392 font-size:100%; 14393 line-height:inherit; 14394 } 14395 button, 14396 textarea, 14397 input, 14398 select, 14399 a{ 14400 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 14401 -webkit-tap-highlight-color: transparent; 14402 } 14403 button, 14404 textarea, 14405 input{ 14406 -webkit-appearance: none; 14407 border-radius: 0; 14408 } 14409 button{ 14410 border:0; 14411 outline:none; 14412 background:none; 14413 } 14414 ul, li{ 14415 margin:0; 14416 list-style:none; 14417 } 14418 body{ 14419 z-index: 5; 14420 position: relative; 14421 overflow-y: hidden; 14422 } 14423 14424 /* ** í°í¸ ** */ 14425 .en{ 14426 font-family: Gotham, sans-serif; 14427 } 14428 .ko{ 14429 font-family: 'Spoqa Han Sans Neo', 'Noto Sans KR', sans-serif; 14430 } 14431 .tit_color { 14432 color: #bb181d; 14433 } 14434 .stroma { 14435 font-family: Stroma, sans-serif; 14436 } 14437 .nomina { 14438 font-family: Nomina, sans-serif; 14439 } 14440 .nomina-bold { 14441 font-family: Nomina-bold, sans-serif; 14442 font-weight: 500; 14443 } 14444 14445 .rel { 14446 position: relative; 14447 } 14448 .flex { 14449 display: flex; 14450 } 14451 .flex-be { 14452 display: flex; 14453 justify-content: space-between; 14454 } 14455 14456 /* ** ê³µíµ í´ëì¤ ** */ 14457 .cf::after{ 14458 content:""; 14459 display: block; 14460 clear: both; 14461 } 14462 .block-hidden{ 14463 overflow: hidden; 14464 border: 0; 14465 margin: -1px; 14466 width: 1px; 14467 height: 1px; 14468 clip: rect(1px, 1px, 1px, 1px); 14469 clip-path: inset(50%); 14470 } 14471 .inline-hidden{ 14472 overflow: hidden; 14473 display: inline-block; 14474 border: 0; 14475 margin: -1px; 14476 width: 1px; 14477 height: 1px; 14478 clip: rect(1px, 1px, 1px, 1px); 14479 clip-path: inset(50%); 14480 } 14481 .en-txt{ 14482 font-family:'Noto Sans KR', serif; 14483 } 14484 .dis-no{ 14485 display:none !important; 14486 } 14487 .ir { 14488 text-indent: -9999px; 14489 line-height: 0; 14490 } 14491 .clearfix:before, .clearfix:after{ 14492 content:''; 14493 display:block; 14494 clear:both; 14495 } 14496 .inner-basic{ 14497 max-width:1260px; 14498 width: 100%; 14499 margin:0 auto; 14500 padding:0 30px; 14501 } 14502 .inner-wide{ 14503 max-width:1700px; 14504 width: 100%; 14505 margin:0 auto; 14506 padding:0 150px; 14507 } 14508 .inner-main{ 14509 max-width:1590px; 14510 width: 100%; 14511 margin:0 auto; 14512 padding:0 40px; 14513 } 14514 .text-center { 14515 text-align:center; 14516 } 14517 .text-right { 14518 text-align:right; 14519 } 14520 .table{ 14521 display:table; 14522 width:100%; 14523 table-layout:fixed; 14524 } 14525 .table > div{ 14526 display:table-cell; 14527 vertical-align:top; 14528 } 14529 .vertical-m > div{ 14530 vertical-align:middle; 14531 14532 } 14533 14534 14535 /* 14536 ì ëë©ì´ì 14537 */ 14538 .img-ani { 14539 -webkit-transition: transform 1s ease, opacity 1s ease; 14540 -moz-transition: transform 1s ease, opacity 1s ease; 14541 -ms-transition: transform 1s ease, opacity 1s ease; 14542 -o-transition: transform 1s ease, opacity 1s ease; 14543 transition: transform 1s ease, opacity 1s ease; 14544 opacity:0; 14545 } 14546 .tran01{ 14547 -webkit-transition-delay: 0.1s; 14548 -moz-transition-delay: 0.1s; 14549 -ms-transition-delay: 0.1s; 14550 -o-transition-delay: 0.1s; 14551 transition-delay: 0.1s; 14552 } 14553 .tran02{ 14554 -webkit-transition-delay: 0.4s; 14555 -moz-transition-delay: 0.4s; 14556 -ms-transition-delay: 0.4s; 14557 -o-transition-delay: 0.4s; 14558 transition-delay: 0.4s; 14559 } 14560 .tran03{ 14561 -webkit-transition-delay: 0.6s; 14562 -moz-transition-delay: 0.6s; 14563 -ms-transition-delay: 0.6s; 14564 -o-transition-delay: 0.6s; 14565 transition-delay: 0.6s; 14566 } 14567 .tran04{ 14568 -webkit-transition-delay: 0.8s; 14569 -moz-transition-delay: 0.8s; 14570 -ms-transition-delay: 0.8s; 14571 -o-transition-delay: 0.8s; 14572 transition-delay: 0.8s; 14573 } 14574 14575 .bottom-top { 14576 transform: translate(0,30px); 14577 -webkit-transform: translate(0,30px); 14578 -moz-transform: translate(0,30px); 14579 -ms-transform: translate(0,30px); 14580 -o-transform: translate(0,30px); 14581 } 14582 .left-right { 14583 transform: translate(50px,0); 14584 -webkit-transform: translate(50px,0); 14585 -moz-transform: translate(50px,0); 14586 -ms-transform: translate(50px,0); 14587 -o-transform: translate(50px,0); 14588 } 14589 .right-left { 14590 transform: translate(30px,0); 14591 -webkit-transform: translate(30px,0); 14592 -moz-transform: translate(30px,0); 14593 -ms-transform: translate(30px,0); 14594 -o-transform: translate(30px,0); 14595 } 14596 14597 .top-bottom{ 14598 transform: translate(0,50px); 14599 -webkit-transform: translate(0,50px); 14600 -moz-transform: translate(0,50px); 14601 -ms-transform: translate(0,50px); 14602 -o-transform: translate(0,50px); 14603 } 14604 14605 .img-aniload{ 14606 transform: translate(0,0); 14607 -webkit-transform: translate(0,0); 14608 -moz-transform: translate(0,0); 14609 -ms-transform: translate(0,0); 14610 -o-transform: translate(0,0); 14611 opacity:1; 14612 } 14613 14614 14615 14616</style> 14617 14618 14619<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/goods.css"> 14620 14621<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/mu_layout.css"> 14622<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/common.css"> 14623<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/layer.css"> 14624<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/layout.css"> 14625<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/list.css"> 14626<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/button.css"> 14627<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/swiper.min.css"> 14628<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/main.css" /> 14629<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/chosen.css" /> 14630<!-- <link type="text/css" rel="stylesheet" href="//manyofactory.co.kr/data/skin/front/mu_manyo_en/css/custom.css?ts=1684386824" /> --> 14631 14632<!-- <link type="text/css" rel="stylesheet" href="//manyofactory.co.kr/data/skin/front/mu_manyo_en/css/musign/mu_reset.css"> --> 14633<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/brand.css"> 14634<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/mu_layout.css"> 14635<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/mu_main.css"> 14636<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/mu_board.css"> 14637<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/mu_goods.css"> 14638<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/mu_order.css"> 14639<link type="text/css" rel="stylesheet" href="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/css/pc/mu_responsive.css"> 14640 14641 14642 14643 14644
14645<script type="text/javascript" src="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/js/pc/jquery.vticker.js"></script>
vendor: 1 bytes, line 14645
14645
14646<script type="text/javascript" src="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/js/pc/clipboard.min.js"></script>
vendor: 1 bytes, line 14646
14646
14647<script type="text/javascript" src="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/js/pc/animation.js"></script>
vendor: 1 bytes, line 14647
14647
14648<script type="text/javascript" src="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/js/pc/musign.js"></script>
vendor: 1 bytes, line 14648
14648
14649<script type="text/javascript" src="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/js/pc/brand.js"></script>
vendor: 1 bytes, line 14649
14649
14650<script type="text/javascript" src="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/js/pc/swiper.min.js"></script>
14650 14651<!--
14651<script type="text/javascript" src="//manyofactory.co.kr/data/skin/front/mu_manyo_en/js/gd_ui.js?ts=1693298708"></script>
14651-->
14652<script> 14653 $(function(){ 14654 if ($('#scroll_right, #scroll_left').length > 0) { 14655 $('#scroll_right, #scroll_left').gb_quick_menu({ 14656 //HEADER_ID: '#header_warp' 14657 }); 14658 } 14659 // top�ì°ì¤ �ëë£ 14660 $('.btn_scroll_top a').click( 14661 function() { 14662 $('html, body').stop().animate({scrollTop: $('body').offset().top}, 300); 14663 return false; 14664 } 14665 ); 14666 }); 14667 14668 $(function(){ 14669 var cateArray = new Array('','','',''); 14670 var arrayNum = 0; 14671 var menupage = 0; 14672 var total_width = $('.gnb_menu_box').innerWidth(); 14673 var gd_display_cate = function(){ 14674 var depth1 = 0; 14675 $('.gnb_menu_box > ul > li').each(function(){ 14676 depth1 += $(this).innerWidth(); 14677 if(depth1 > total_width){ 14678 arrayNum++; 14679 depth1 =0; 14680 depth1 += $(this).innerWidth(); 14681 cateArray[arrayNum] += "<li>"+$(this).html()+"</li>"; 14682 }else{ 14683 cateArray[arrayNum] += "<li>"+$(this).html()+"</li>"; 14684 } 14685 }); 14686 $('.gnb_menu_box > ul').html(cateArray[0]); 14687 $('#header .gnb .depth0').css({ 14688 'overflow':'visible', 14689 'height':'100%', 14690 }); 14691 }; 14692 gd_display_cate(); 14693 /* �곷ë ï§ë¶¾ë± */ 14694 var gd_topmenu = function(){ 14695 $('.depth0 li').on({ 14696 'mouseover':function(){ 14697 $(this).find('> ul').stop(true,true).fadeIn('fast'); 14698 $(this).find('> a').addClass('active'); 14699 //console.log('open'); 14700 }, 14701 'mouseleave':function(){ 14702 $(this).find('> ul').stop(true,true).fadeOut('fast'); 14703 $(this).find('> a').removeClass('active'); 14704 //console.log('hide'); 14705 } 14706 }); 14707 }; 14708 gd_topmenu(); 14709 14710 14711 14712 /* ï§ë¶¾ë± �ê³ë¥« 踰꾪ë */ 14713 $('.gnb_right').on({ 14714 'click':function(){ 14715 if(arrayNum > menupage){ 14716 menupage++; 14717 if(menupage == arrayNum) $(this).find('a').addClass('active'); 14718 $('.gnb_left').find('a').removeClass('active'); 14719 $('.gnb_menu_box > ul').html(cateArray[menupage]); 14720 gd_topmenu(); 14721 } 14722 } 14723 }); 14724 /* ï§ë¶¾ë± é«ë¯ë¥« 踰꾪ë */ 14725 $('.gnb_left').on({ 14726 'click':function(){ 14727 if(arrayNum >= menupage && menupage != 0){ 14728 menupage--; 14729 if(menupage == 0) $(this).find('a').addClass('active'); 14730 $('.gnb_right').find('a').removeClass('active'); 14731 $('.gnb_menu_box > ul').html(cateArray[menupage]); 14732 gd_topmenu(); 14733 } 14734 } 14735 }); 14736 14737 14738 14739 /* �꾩ê»ï§ë¶¾ë± 踰꾪ë */ 14740 /* 14741 $('.gnb_all').on({ 14742 'click':function(){ 14743 if($('.gnb_allmenu').css('display') =='none') $('.gnb_allmenu').stop(true,true).slideDown('fast'); 14744 else $('.gnb_allmenu').slideUp('fast'); 14745 14746 } 14747 }); 14748 */ 14749 14750 $ ( '.layer_type .sub_depth0 li'). on ({ 14751 'mouseover': function () { 14752 $ (this) .find ( '> ul'). stop (true, true) .fadeIn ( 'fast'); 14753 $ (this) .find ( '> a'). addClass ( 'active'); 14754 //console.log('open '); 14755 }, 14756 'mouseleave': function () { 14757 $ (this) .find ( '> ul'). stop (true, true) .fadeOut ( 'fast'); 14758 $ (this) .find ( '> a'). removeClass ( 'active'); 14759 //console.log('hide '); 14760 } 14761 }); 14762 14763 /* �ëì ï§ï¿½ �ëë¸ï¿½ëí¯ ï¿½ï¿½ï¿½ï¿½ �ì¢ê¹®ï¿½ï¿½(æ´ï¿½ë¦°) */ 14764 $('.top_country_list1 .country_tit').on({ 14765 'click':function(){ 14766 if($(this).parent().find('ul').css('display') =='none'){ 14767 $(this).addClass('active'); 14768 $(this).parent().find('ul').slideDown('fast'); 14769 }else{ 14770 $(this).parent().find('ul').slideUp('fast'); 14771 $(this).removeClass('active'); 14772 } 14773 } 14774 }); 14775 14776 /* �ëì ï§ï¿½ �ëë¸ï¿½ëí¯ ï¿½ï¿½ï¿½ï¿½ �ì¢ê¹®ï¿½ï¿½(æ´ï¿½ë¦°,�ëªë¼±) */ 14777 $('.top_country_list2 .country_tit').on({ 14778 'click':function(){ 14779 if($(this).parent().find('ul').css('display') =='none'){ 14780 $(this).addClass('active'); 14781 $(this).parent().find('ul').slideDown('fast'); 14782 }else{ 14783 $(this).parent().find('ul').slideUp('fast'); 14784 $(this).removeClass('active'); 14785 } 14786 } 14787 }); 14788 14789 /* location å¯ìì¤ */ 14790 $('.location_select').on({ 14791 'mouseenter':function() { 14792 if ($(this).find('ul').css('display') == 'none') { 14793 $(this).find('.location_tit').addClass('active'); 14794 $(this).find('ul').slideDown('fast'); 14795 } 14796 }, 14797 'mouseleave':function() { 14798 $(this).find('ul').slideUp('fast'); 14799 $(this).find('.location_tit').removeClass('active'); 14800 } 14801 }); 14802 14803 /* �곷ë ï§ëì �ìì ï§ï¿½ �ëì �� */ 14804 $('.top_mypage_cont').on({ 14805 'mouseenter':function(){ 14806 if($(this).find('ul').css('display') =='none'){ 14807 $(this).find('.top_mypage_tit').addClass('active'); 14808 $(this).find('ul').show(); 14809 } 14810 }, 14811 'mouseleave':function(){ 14812 $(this).find('ul').hide(); 14813 $(this).find('.top_mypage_tit').removeClass('active'); 14814 } 14815 }); 14816 14817 /* �곷ë å¯ï¿½ï¿½ï¿½ */ 14818 $('.top_search_cont input[name="keyword"]').on({
14819 'focus':function(){ 14820 if($("input[name=recentCount]").val() > 0) { 14821 $(this).parents().find('.search_cont').show(); 14822 } 14823 }, 14824 'blur':function(){ 14825 $('body').click(function(e){ 14826 if (!$('.search_cont').has(e.target).length && e.target.name != 'keyword') { 14827 $(this).parents().find('.search_cont').hide(); 14828 } 14829 }); 14830 $('.btn_top_search_close').click(function(){ 14831 $(this).parents().find('.search_cont').hide(); 14832 }); 14833 } 14834 }); 14835 14836 /* �ëì ��, ç°ë¶½ï¿½ �ëì */ 14837 $('.btn_common_box, .btn_layer').find('a').on({ 14838 'click':function(e){ 14839 var tg = $(this).attr('href'); 14840 if(tg.substr(0, 1) == '#'){ 14841 e.preventDefault(); 14842 if($(tg).css('display') == 'none'){ 14843 $(tg).show(); 14844 $(tg).find('.ly_close').attr('href',tg); 14845 }else{ 14846 $(tg).hide(); 14847 } 14848 } 14849 } 14850 }); 14851 $('.ly_close').on({ 14852 click:function(){ 14853 var tg = $(this).attr('href'); 14854 if (tg.substr(0, 1) == '#') { 14855 $(tg).hide(); 14856 } 14857 14858 if ($(this).parents('.js_password_layer').length) { 14859 $('.js_password_layer').find('input[name="writerPw"]').val(''); 14860 } 14861 } 14862 }); 14863 }); 14864 14865 14866 function gd_btn_all_menu_close(){ 14867 $('.gnb_allmenu, .h_dim').removeClass('on'); 14868 $('.btn_all_menu_open').removeClass('on'); 14869 } 14870 14871 $(document).ready(function() { 14872 /* �ë¦ï¿½ï¿½ï¿½ */ 14873 var qs_id = $('#quick_search'); 14874 var cname = qs_id.attr('class'); 14875 var position, position_m; 14876 14877 if(cname == 'q_left'){ 14878 position = qs_id.innerWidth(); 14879 qs_id.css('left','-'+position+'px'); 14880 }else if(cname == 'q_right'){ 14881 position = qs_id.innerWidth(); 14882 qs_id.css('right','-'+position+'px'); 14883 }else{ 14884 $(window).load(function(){ 14885 position = qs_id.innerHeight(); 14886 qs_id.css('top','-'+position+'px'); 14887 }); 14888 } 14889 position_m = position; 14890 14891 function gd_quick_motion(){ 14892 14893 if(cname == 'q_left'){ 14894 if(qs_id.css('left') == '0px') position_m = '-'+ position; 14895 else position_m = 0; 14896 14897 qs_id.animate({ 14898 left : position_m 14899 }, 500, function(){ 14900 //console.log(position_m); 14901 }); 14902 }else if(cname =='q_right'){ 14903 if(qs_id.css('right') == '0px') position_m = '-'+ position; 14904 else position_m = 0; 14905 14906 qs_id.animate({ 14907 right : position_m 14908 }, 500, function(){ 14909 //console.log(position_m); 14910 }); 14911 } else { 14912 if(qs_id.css('top') == '0px') position_m = '-'+ position; 14913 else position_m = 0; 14914 14915 qs_id.animate({ 14916 top : position_m 14917 }, 500, function(){ 14918 //console.log(position_m); 14919 }); 14920 14921 } 14922 if(position_m == 0) $('.quick_search_cont').addClass('on'); 14923 else $('.quick_search_cont').removeClass('on'); 14924 } 14925 $('#quick_search .btn_quick_search_open, #quick_search .btn_quick_search_close').on({ 14926 'click':function(){ 14927 gd_quick_motion(); 14928 } 14929 }); 14930 14931 /* �ë¦ï¿½ï¿½ï¿½ èÑì & �ìê¹®è°ê³êµ */ 14932 $('.color_box span label, .benefit_box span label').on({ 14933 'click':function(){ 14934 if(!$(this).parent().find('input').is(':checked')) $(this).addClass('active'); 14935 else $(this).removeClass('active'); 14936 } 14937 }); 14938 14939 14940 //�꾨ì¾å«ï¿½ ï§ë¶¾ë± ï¿½ã ½ëµ 14941 14942 $('.btn_all_menu_open').on('click',function(e){ 14943 e.preventDefault(); 14944 gd_btn_all_menu_open(); 14945 14946 14947 setTimeout(function (){ 14948 }, 400); 14949 }); 14950 14951 14952 14953 14954 }); 14955 14956 14957 14958 14959 // �ëì �ë컯�� �ì³ê½£ï¿½ëº£ì ¹ �ë®ìæ´¹ëªì¤ (理ì긽��) 14960 jQuery.fn.center = function() { 14961 var top = ($(window).height() - this.outerHeight()) / 2; 14962 var left = ($(window).width() - this.outerWidth()) / 2; 14963 14964 this.css({ 14965 position:'absolute', 14966 margin:0, 14967 top: (top > 0 ? top : 0) + 'px', 14968 left: (left > 0 ? left : 0) + 'px' 14969 }); 14970 14971 return this; 14972 }; 14973 14974 // �ëì �ë컯�� �ì³ê½£ï¿½ëº£ì ¹ �ë®ìæ´¹ëªì¤ (�꾩ì±ï¿½ê¾©í) 14975 jQuery.fn.currentCenter = function() { 14976 this.css({ 14977 'position': 'fixed', 14978 'left': '50%', 14979 'top': '50%' 14980 }); 14981 14982 this.css({ 14983 'margin-left': -this.outerWidth() / 2 + 'px', 14984 'margin-top': -this.outerHeight() / 2 + 'px' 14985 }); 14986 14987 return this; 14988 }; 14989 14990 /* ï¿½ã ½ê²æ¿¡ã »ê°ï¿½ï¿½(�㠻⠨ï§ï¿½) */ 14991 (function (){ 14992 $.fn.gb_quick_menu = function(options){ 14993 //ç¥ë린åªï¿½ 14994 var defaults = { 14995 HEADER_ID: '.scroll_wrap', 14996 FIXED_CLS: 'ban_fixed', 14997 FIXED_SIZE :1450, 14998 LEFT_QUICK_ID : '#scroll_left', 14999 CONTENTS_WARP : '#wrap', 15000 }; 15001 //ç¥ë린åªï¿½ �ëë¡ è«ê³ë¿´ ���� 15002 var options = $.extend({}, defaults, options); 15003 var el = $(this); 15004 var scqTop = 0; 15005 var quickTop = $(options.HEADER_ID).offset().top; 15006 var qucik_left = $(options.LEFT_QUICK_ID).css('left'); 15007 15008 $(window).on({ 15009 'resize':function(){ 15010 15011 }, 15012 'scroll':function(){ 15013 var win_width = $(window).innerWidth(); 15014 scqTop = $(this).scrollTop(); 15015 if(scqTop <= quickTop){ 15016 el.removeClass(options.FIXED_CLS).removeAttr('style'); 15017 }else{ 15018 if(win_width > options.FIXED_SIZE){ 15019 el.addClass(options.FIXED_CLS).removeAttr('style'); 15020 }else{ 15021 el.removeClass(options.FIXED_CLS).removeAttr('style'); 15022 el.stop(true,true).css('top', (scqTop-quickTop+20)); 15023 15024 } 15025 } 15026 } 15027 }); 15028 var gd_leftmove = function(){ 15029 var win_width = $(window).innerWidth(); 15030 if(win_width <= options.FIXED_SIZE){ 15031 gd_left_animate(qucik_left); 15032 }else{ 15033 gd_left_animate(0); 15034 } 15035 }; 15036 var gd_left_animate = function(left_quick_position){ 15037 $('#wrap').stop(true,true).animate({ 15038 'marginLeft':left_quick_position, 15039 },'5000',function(){ 15040 15041 }); 15042 }; 15043 $(window).load(function(){ 15044 15045 }) 15046 }; 15047 })(jQuery); 15048 15049 // ï§£ëê²è«ëº¤ëª ï§£ìâ æ¿¡ìì ç¥ë린�� 15050 function gd_init_checkbox_ui() { 15051 $(document).on('click', 'input[type=radio]', function(e){ 15052 $(this).parents('form:first').find("input[name='" + $(this).prop("name") + "']").each(function() { 15053 if ($(this).prop("checked")) { 15054 $("label[for=" + $(this).attr("id") + "]").addClass("on"); 15055 } else { 15056 $("label[for=" + $(this).attr("id") + "]").removeClass("on"); 15057 } 15058 }); 15059 }); 15060 15061 $(document).on('click', 'input[type=checkbox]', function(e){ 15062 if($(this).prop('readonly') === false) { 15063 if($(this).prop("checked")) { 15064 $("label[for="+$(this).attr("id")+"]").addClass("on"); 15065 } else { 15066 $("label[for="+$(this).attr("id")+"]").removeClass("on"); 15067 } 15068 } else { 15069 e.preventDefault(); 15070 } 15071 }); 15072 } 15073 15074 // �ì°ëµï¿½ã »ì»¯ï¿½ï¿½,ï§£ëê²è«ëº¤ëª �ë�ï§ï¿½ï¿½ï¿½ �㠽ê²ç±ìë 15075 function gd_trigger_checkbox_ui() { 15076 var $input = $('input[type=radio], input[type=checkbox]'); 15077 // �ìëµç±ì°ë¿ï¿½ï¿½ check ï§£ìâ�� å¯ìì¦ ï¿½ëì ï§£ìâ ç°ë¶½ï¿½ 15078 if(!$input.find('label.on')){ 15079 $input.each(function(){ 15080 var $item = $("label[for="+$(this).attr("id")+"]"); 15081 if($(this).prop("checked")) { 15082 $item.addClass("on"); 15083 } else { 15084 $item.removeClass("on"); 15085 } 15086 }); 15087 } 15088 } 15089 15090 // ï§£ëê²è«ëº¤ëª ï¿½ê¾©ê» ï¿½ì¢ê¹® 15091 function gd_checkbox_all() { 15092 // ï§£ëê²è«ëº¤ëª ï¿½ê¾©ê» ï¿½ì¢ê¹® �ë깽�� 15093 if ($(':checkbox.gd_checkbox_all').length > 0) { 15094 // �ë깽�� 以ë¬ë¬ �㠽뻾�� ï§ë±ë¸ä»¥ï¿½ï¿½ï¿½. 15095 $(':checkbox.gd_checkbox_all').off('click'); 15096 $(':checkbox.gd_checkbox_all').click(function (e) { 15097 var $target = $(e.target); 15098 var targetName = $target.data('target-name'); 15099 var targetId = $target.data('target-id'); 15100 var targetFormName = $target.data('target-form'); 15101 if (typeof targetFormName == 'undefined') targetFormName = ""; 15102 if (_.isUndefined(targetId)) { 15103 $(targetFormName + ' :checkbox[name="' + targetName + '"]').prop('checked', !$target.prop('checked')).trigger('click'); 15104 } else { 15105 $(targetFormName + ' :checkbox[id*="' + targetId + '"]').prop('checked', !$target.prop('checked')).trigger('click'); 15106 } 15107 }); 15108 } 15109 } 15110 15111 // �ëì �� è«ëº¤ëª �ë깽�� 15112 function gd_center_layer(){ 15113 //$('.btn_open_layer').off('click'); 15114 $(document).on('click', '.btn_open_layer', function() { 15115 // @qnibus �ëì �� �ëë¿ ï¿½ëì �ë¿ï¿½ �ëë å¯ìì¦ é«ëë½ï¿½ï¿½ è¹ëì ï§ï¿½ �ë ë �ëì �ë¿ï¿½ �ë� �ì¢ì³ï¿½ï¿½ �ëì �� æ¹²ê³ï¿½ï¿½ì°ì¤ center ï§£ìâ �ìë¼± è¹ë뿬�� �ëì �꾩ì�� æºâ¥ì 15116 $('.layer_wrap').removeAttr('style'); 15117 $('body').css('overflow','hidden'); 15118 var target = $(this).attr('href'); 15119 $(target).removeClass('dn'); 15120 $('#layerDim').removeClass('dn'); 15121 $(target).find('> div').center(); 15122 15123 return false;
15124 }); 15125 15126 $(document).on('click', '.layer_wrap .layer_close, .btn_box .btn_cancel', function(){ 15127 $(this).closest('.layer_wrap').addClass('dn'); 15128 // ï§¡ìì 2åªï¿½ �ë긽 �ì¢ì³ï¿½ï¿½ å¯ìì¦ Dimï§£ìâ �ë릺å¯ï¿½ 15129 if (!$('.layer_wrap').is(':visible')) { 15130 $('#layerDim').addClass('dn'); 15131 $('body').removeAttr('style'); 15132 } 15133 return false; 15134 }); 15135 } 15136 15137 // �ëì �� è«ëº¤ëª ï§¡ìëæ¹²ï¿½ (ï¿½ê¾©ì± ï¿½ëì ® �ëë ï§¡ìì �ã«ë��) 15138 function gd_close_layer() { 15139 if ($('.layer_wrap').is(':visible') || $('#layerDim').is(':visible')) { 15140 if ($('.layer_wrap .layer_close, .btn_box .btn_cancel').length > 0) { 15141 $('.layer_wrap .layer_close, .btn_box .btn_cancel').trigger('click'); 15142 } else { 15143 // �㠻ì �ì¢ì³ï¿½ï¿½ å¯ìì¦ 15144 $('.layer_wrap').addClass('dn'); 15145 $('#layerDim').addClass('dn'); 15146 } 15147 } 15148 } 15149 15150 15151 15152 // ç§»ëë�� �ëì �� 15153 function gd_carttab_layer() { 15154 $('.cart_tab_list li > a').on({ 15155 'click':function() { 15156 if ($(this).hasClass('btn_alert_login') == false) { 15157 $('.btn_shop_cart_box .btn_shop_cart_close').show(); 15158 $(this).parent().addClass('on').siblings().removeClass('on'); 15159 $('#shop_cart_wrap .shop_cart_cont > .cart_tab_box').eq($(this).index()).fadeIn('fast').siblings().removeClass('on').hide(); 15160 $('.shop_cart_cont').slideDown('fast'); 15161 gd_cart_tab_action($(this).attr('href')); 15162 } 15163 } 15164 }); 15165 15166 $('.btn_shop_cart_box .btn_shop_cart_open, .btn_shop_cart_box .btn_shop_cart_close').on({ 15167 'click':function() { 15168 if ($('.shop_cart_cont').css('display') != 'none') { 15169 $('.shop_cart_cont').slideUp('fast'); 15170 $('.btn_shop_cart_box .btn_shop_cart_close').hide(); 15171 $('.btn_shop_cart_box .btn_shop_cart_open').show(); 15172 $('.cart_tab_list li').removeClass('on'); 15173 } else { 15174 $('.cart_tab_list li').eq(0).addClass('on'); 15175 $('.cart_tab_box').eq(0).addClass('on'); 15176 $('.shop_cart_cont').slideDown('fast'); 15177 $('.btn_shop_cart_box .btn_shop_cart_close').show(); 15178 $('.btn_shop_cart_box .btn_shop_cart_open').hide(); 15179 $('#shop_cart_wrap .shop_cart_cont > .cart_tab_box').hide().eq(0).fadeIn('fast'); 15180 gd_cart_tab_action('#cart_tab_today'); 15181 } 15182 15183 $('.chart_view_horizontal ul').slick('reinit'); 15184 } 15185 }); 15186 } 15187 15188 // �ë¯ìªï§£â¤ï¿½ è¢ëªï¿½æ¹²ï¿½ 15189 function gd_file_attach() { 15190 $(document).on('change', '.file_upload_sec .file', function(){ 15191 var i = $(this).val(); 15192 $('label[for=' + $(this).attr('id') + ']').find('.file_text').val(i); 15193 }); 15194 } 15195 15196 /* 15197 ç§»ëëæ¨ì¢â/éë®ì�� ç§»ëëæ¨ì¢â ï§ëì¦ï¿½ï¿½ ï¿½ã »ì¾ 15198 */ 15199 function gd_menu_over() { 15200 15201 $(document).on('mouseenter mouseleave', 'img.gd_menu_over', function (event) { 15202 $(this).attr({ 15203 src: $(this).attr('data-other-src') 15204 , 'data-other-src': $(this).attr('src') 15205 }); 15206 15207 }); 15208 15209 $(document).on('mouseenter', 'span.gd_menu_over', function (event) { 15210 var width = $(this).closest("strong").width(); 15211 var height = $(this).closest("strong").height() - 7; 15212 $(this).html("<img src='" + $(this).data('other-src') + "' style='max-width:" + width + "px;max-height:" + height + "px'>"); 15213 15214 }); 15215 15216 $(document).on('mouseleave', 'span.gd_menu_over', function (event) { 15217 $(this).html($(this).data('other-text')); 15218 }); 15219 } 15220 15221 15222 var gridLeft = ($('.header_top').width() - $('.h_logo').innerWidth()) / 2; 15223 $('.gnb_allmenu, .h_dim').addClass('on'); 15224 15225 $('.gnb_allmenu').css('padding-left', gridLeft); 15226 15227 $('.depth_tit > span, .depth_tit > img').click(function(){ 15228 //$('.top_menu .depth_tit').toggleClass('on'); 15229 $(this).toggleClass('on'); 15230 $(this).find("> .depth").slideToggle(); 15231 }); 15232 $('.all_menu_cont > span, .all_menu_cont > img').click(function(){ 15233 var chk = $(this).parents().find('> .all_menu_cont').hasClass('on'); 15234 15235 $('.all_menu_cont').removeClass('on');
15236 $('.all_depth1').slideUp(); 15237 15238 if( chk === true ) { 15239 $(this).parents().find('> ul.all_depth1').slideUp(); 15240 $(this).parents().find('> .all_menu_cont').removeClass('on'); 15241 } else { 15242 $(this).parents().find('> ul.all_depth1').slideDown(); 15243 $(this).parents().find('> .all_menu_cont').addClass('on'); 15244 } 15245 15246 }); 15247 $('.btn_all_menu_open').addClass('on'); 15248 15249 //dim close on click 15250 $('.h_dim').on('click', function(){ 15251 gd_btn_all_menu_close(); 15252 $("html").removeClass("not_scroll"); 15253 }); 15254 15255 //ë² ì¤í¸ ì¹´í ê³ ë¦¬ ì¨ê¹ì²ë¦¬ 15256 var catenmA = $('.catenm_a'); 15257 $.each(catenmA, function(){ 15258 var _this = $(this); 15259 var cateNm = $(this).text(); 15260 if ( cateNm == "ë² ì¤í¸" ){ 15261 _this.hide(); 15262 } 15263 }); 15264 15265 15266 /* 측면 ë©ë´ë¶ë¶ */ 15267 function gd_btn_all_menu_open() { 15268 var gridLeft = ($('.header_top').width() - $('.h_logo').innerWidth()) / 2; 15269 $('.gnb_allmenu, .h_dim').addClass('on'); 15270 15271 $('.gnb_allmenu').css('padding-left', gridLeft); 15272 /* ìë¨ ë©ë´ ìì 231023 */ 15273 $('.depth_tit > span, .depth_tit > img').click(function () { 15274 $(this).parent().toggleClass('on'); 15275 $(this).parent().find('> .depth').slideToggle(); 15276 }); 15277 $('.all_menu_cont > span, .all_menu_cont > img').click(function () { 15278 var chk = $(this).parents().find('> .all_menu_cont').hasClass('on'); 15279 15280 $('.all_menu_cont').removeClass('on'); 15281 $('.all_depth1').slideUp(); 15282 15283 if (chk === true) { 15284 $(this).parents().find('> ul.all_depth1').slideUp(); 15285 $(this).parents().find('> .all_menu_cont').removeClass('on'); 15286 } else { 15287 $(this).parents().find('> ul.all_depth1').slideDown(); 15288 $(this).parents().find('> .all_menu_cont').addClass('on'); 15289 } 15290 15291 }); 15292 $('.btn_all_menu_open').addClass('on'); 15293 15294 //dim close on click 15295 $('.h_dim').on('click', function () { 15296 gd_btn_all_menu_close(); 15297 $("html").removeClass("not_scroll"); 15298 }); 15299 15300 //ë² ì¤í¸ ì¹´í ê³ ë¦¬ ì¨ê¹ì²ë¦¬ 15301 var catenmA = $('.catenm_a'); 15302 $.each(catenmA, function () { 15303 var _this = $(this); 15304 var cateNm = $(this).text(); 15305 if (cateNm == "ë² ì¤í¸") { 15306 _this.hide(); 15307 } 15308 }); 15309 } 15310 15311 15312 15313 15314 // �â¥ë �ëªí § 15315 $(document).ready(function() { 15316 gd_init_checkbox_ui(); 15317 gd_trigger_checkbox_ui(); 15318 gd_checkbox_all(); 15319 gd_center_layer(); 15320 gd_carttab_layer(); 15321 //gd_select_remodeling(); 15322 gd_file_attach(); 15323 gd_menu_over(); 15324 }); 15325 15326 $(function(){ 15327 $(".gnb_allmenu_box .top_menu > li .arr_up").on("click", function(){ 15328 //$(this).next().slideToggle(); 15329 //$(this).parent().toggleClass("on"); 15330 }); 15331 }); 15332</script>
15332 15333 15334
15335<script type="text/javascript" src="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/js/pc/jquery.cookie.js"></script>
15335 15336<!-- Add script : end --> 15337 15338 15339 15340<style type="text/css"> 15341 body { 15342 } 15343 15344 /* body > #wrap > #header_warp : ìë¨ ìì */ 15345 #header_warp { 15346 } 15347 15348 /* body > #wrap > #container : ë©ì¸ ìì */ 15349 #container { 15350 } 15351 15352 /* body > #wrap > #footer_wrap : íë¨ ìì */ 15353 #footer_wrap { 15354 } 15355</style> 15356 15357 15358<style type="text/css"> 15359 #contentWrap, #content {width:auto; float:none;} 15360 #wrap #header, #wrap #footner {width:auto;} 15361 .gnb .left .menu li a {font-size:18px;} 15362 html, body {height: auto;} 15363 15364 15365 html, body, div, span, applet, object, iframe, 15366 h1, h2, h3, h4, h5, h6, p, blockquote, pre, 15367 a, abbr, acronym, address, big, cite, code, 15368 del, dfn, em, img, ins, kbd, q, s, samp, 15369 small, strike, strong, sub, sup, tt, var, 15370 b, u, i, center, 15371 dl, dt, dd, ol, ul, li, 15372 fieldset, form, label, legend, 15373 table, caption, tbody, tfoot, thead, tr, th, td, 15374 article, aside, canvas, details, embed, 15375 figure, figcaption, footer, header, hgroup, 15376 menu, nav, output, ruby, section, summary, 15377 time, mark, audio, video, p ,a { font-family: 'Meiryo','ã¡ã¤ãªãª'!important;} 15378 15379 15380 #container .item_tit_box .item_name_explain {word-break: normal; text-overflow: inherit; overflow: inherit; font-style: normal; white-space: normal;} 15381 15382 15383 15384 /*íë²ê±°ë©ë´ ì´ë¦¼ notice ì ë ¬*/ 15385 .gnb_allmenu_box .bt_menu { margin-top: 15px!important;} 15386 15387 15388 15389 #content .m_best .mulist07 .goods_tab_box .item_name, .mu_goods_list .item_tit_box .item_name, .body-goods-search .item_tit_box .item_name {margin-bottom:0; height:auto;} 15390 #header .top_search {width:auto!important;} 15391 #header .top_search .top_text_cont .top_srarch_text {width:200px;} 15392</style> 15393 15394 15395 15396 15397<style> 15398 .gnb_allmenu_box .top_menu > li > a, .gnb_allmenu_box .depth_tit > span {position:relative; z-index:1000;} 15399 15400 #header_warp { 15401 overflow: hidden; 15402 } 15403 15404 15405 #header .gnb_allmenu { left: -100%; background:#fff!important;} 15406</style> 15407 15408 15409 15410 15411 15412 15413 15414 15415 15416<style> 15417 15418 .white .gnb .icon, .icon-b { 15419 margin-top:0; 15420 padding-top: 34px; 15421 } 15422 15423 #header .gnb_allmenu.on .btn_all_menu_close .line:nth-child(1) { 15424 -webkit-transform: translateY(-1px) rotate(43deg); 15425 transform: translateY(-1px) rotate(43deg); 15426 transform-origin: left; 15427 width: 48px; 15428 background: #3d3a35; 15429 } 15430 #header .gnb_allmenu.on .btn_all_menu_close .line:nth-child(2) { 15431 opacity: 0; 15432 background: #3d3a35; 15433 } 15434 #header .gnb_allmenu.on .btn_all_menu_close .line:nth-child(3) { 15435 -webkit-transform: translateY(1px) rotate(-43deg); 15436 transform: translateY(1px) rotate(-43deg); 15437 width: 48px; 15438 transform-origin: left; 15439 background: #3d3a35; 15440 } 15441 15442 15443</style> 15444 15445 15446 15447 15448 15449 15450 15451 15452 15453 15454 15455<!--리ë´ì¼--> 15456<style> 15457 #container {border-bottom:none!important;} 15458 .gnb_allmenu_box .all_menu_cont .all_depth1 { padding-top: 5px;} 15459 .gnb_allmenu_box .all_menu_cont .all_depth1 > li {width:100%!important; display:block!important;} 15460.header_search .h_logo .h_logo_box, #header .header_gnb.fixed .logo {background-image: url("/storage/manyoglobalJP/www/frontstore/Logo.png")!important; } 15461#header .header_gnb {border-bottom: 1px solid #000;} 15462 15463#productDetail .nav-hd {display:none!important;} 15464 15465 15466/* ì¤í¬ë¡¤ë° ë§ë ììì ê²ì ìì¼ë¡ ë³ê²½ */ 15467::-webkit-scrollbar-thumb { 15468 background-color: #000000 !important; 15469} 15470 15471 15472 .gnb_allmenu_box .l_logo { background-image: url(/storage/manyoglobalJP/www/frontstore/Logo.png)!important; } 15473 15474</style> 15475 15476 15477 15478 15479 15480 15481 15482 15483 15484 15485 15486 15487 15488 15489<div class="top_area"></div> 15490 15491<div id="header_warp"> 15492 <div id="header" class="m_header"> 15493 <!-- ë©ì¸ íì --> 15494 <div class="mu_popup" id="mainpop"> 15495 <div class="popup_inner" > 15496 15497 <div class="layer_bottom"> 15498 <div class="ctrl"> 15499 <a href="javascript:closePop()">Do not open this window today</a> 15500 </div> 15501 <button type="button" class="close" title="Close">Close</button> 15502 </div> 15503 </div> 15504 </div> 15505 <!-- ìë¨ë ë°°ë --> 15506 <div class="gnb_banner dis-no"> 15507 <div> 15508 15509 </div> 15510 </div> 15511 <!-- ///ìë¨ë ë°°ë --> 15512 <div class="header_top"> 15513 <div class="header_top_cont"> 15514 15515 <!-- ë©í°ìì ì í --> 15516 <div class="top_country_list0"> 15517 <ul> 15518 <li><a href="#" class="js_mall" data-domain-fl="kr" data-domain="http://manyofactory.co.kr/"><img src="https://cdn-saas-web-217-134.cdn-nhncommerce.com/manyo085580_godomall_com/data/commonimg/ico_kr.png" alt="ë§ë ê³µì¥ ê¸ë¡ë²"></a></li> 15519 <li><a href="#" class="js_mall" data-domain-fl="us" data-domain="http://manyofactory.co.kr/us/"><img src="https://cdn-saas-web-217-134.cdn-nhncommerce.com/manyo085580_godomall_com/data/commonimg/ico_us.png" alt="ë§ë ê³µì¥ ê¸ë¡ë²"></a></li> 15520 </ul> 15521 </div> 15522 <!-- //top_country_list --> 15523 15524
15524<script type="text/javascript"> 15525 $(function(){ 15526 $('.js_mall').click(function(){ 15527 var url = $(this).data('domain'); 15528 var lastStr = url.substr(url.length - 1); 15529 if (lastStr != '/') { 15530 url = url+'/'; 15531 } 15532 switch($(this).data('domain-fl')) { 15533 case 'kr': 15534 window.open(url+'main/index.php', "_blank"); 15535 break; 15536 default: 15537 window.open(url, "_blank"); 15538 break; 15539 } 15540 }); 15541 }) 15542 </script>
15542 15543 15544 <!-- ë©í°ìì ì í --> 15545 15546 15547 </div> 15548 <!-- //header_top_cont --> 15549 </div> 15550 <!-- //header_top --> 15551 <div class="header_search"> 15552 <div class="header_search_cont"> 15553 <div class="h_logo icon-b"> 15554 <a href="/" class="h_logo_box"></a> 15555 </div> 15556 </div> 15557 <!-- //header_search_cont --> 15558 </div> 15559 <!-- //header_search --> 15560 <div class="header_gnb"> 15561 15562 15563 <div class="gnb flex-be"> 15564 <div class="left flex"> 15565 <a href="/" class="logo icon-b"></a> 15566 <!-- ì ì²´ ì¹´í ê³ ë¦¬ ì¶ë ¥ ë ì´ì´ ìì --> 15567 <div class="gnb_all"> 15568 <a href="#;" class="btn_all_menu_open"> 15569 <span class="line transline"></span> 15570 <span class="line"></span> 15571 <span class="line transline"></span> 15572 </a> 15573 </div> 15574 <div class="gnb_allmenu_wrap"> 15575 <div class="gnb_allmenu"> 15576 <div class="gnb_allmenu_box"> 15577 <div class="btn_all_menu_close" onclick="gd_btn_all_menu_close();"><span class="line transline"></span><span class="line"></span><span class="line transline"></span></div><a href="/us/main/index.php" class="l_logo"></a> 15578 <div class="div-scroll"> 15579 <ul class="top_menu"> 15580 <li class="depth_tit rel"><span> Brand</span> 15581 <div class="arr_up"></div> 15582 <ul class="depth"> 15583 <li><a href="/Paper/view/code/brand_about">ä¼ç¤¾æ¦è¦</a></li> 15584 </ul> 15585 </li> 15586 15587 <li class="depth_tit rel on"><span>Category</span> 15588 <div class="arr_up"></div> 15589 <ul class="depth" style="display: block;"> 15590 <li> 15591 <div class="all_menu_cont rel"><a class="catenm_a" href="/Product/Category/list/cid/132">Best</a></div> 15592 </li> 15593 <li> 15594 <div class="all_menu_cont rel"><a class="catenm_a" href="/Product/Category/list/cid/184">New</a></div> 15595 </li> 15596 <!--ì¨ê¹--> 15597 <li style="display:none;"> 15598 <div class="all_menu_cont rel"><span class="catenm">èã¿ã¤ãå¥</span> 15599 <div class="arr_up arr_mini"></div> 15600 <ul class="all_depth1"> 15601 <li><a href="/Product/Category/list/cid/104">ä¹¾ç¥è</a></li> 15602 <li><a href="/Product/Category/list/cid/105">æ··åè</a></li> 15603 <li><a href="/Product/Category/list/cid/106">ææè</a></li> 15604 <li><a href="/Product/Category/list/cid/115">èæ§è</a></li> 15605 <li><a href="/Product/Category/list/cid/107">ã¤ã³ãã¼ãã©ã¤è</a></li> 15606 <li><a href="/Product/Category/list/cid/109">ãã©ãã«è</a></li> 15607 <li><a href="/Product/Category/list/cid/108">ãã³ã£ã¨å¼¾åã®ããè</a></li> 15608 <li><a href="/Product/Category/list/cid/110">æ¯ç©´ã»ç®è</a></li> 15609 <li><a href="/Product/Category/list/cid/111">å¼¾åã»ä¹¾ç¥ã«ããå°ãã</a></li> 15610 <li><a href="/Product/Category/list/cid/112">éææã®ããã¯ãªã¢ãªè</a></li> 15611 <li><a href="/Product/Category/list/cid/113">èèããã«ããè</a></li> 15612 <li><a href="/Product/Category/list/cid/114">ä¿æ¹¿</a></li> 15613 </ul> 15614 </div> 15615 </li> 15616 15617 15618 <li> 15619 <div class="all_menu_cont rel"><span class="catenm">ã©ã¤ã³å¥</span> 15620 <div class="arr_up arr_mini"></div> 15621 <ul class="all_depth1"> 15622 15623 <li><a href="/Product/Category/list/cid/">ã°ã«ã¿ããªã³</a></li> 15624 <li><a href="/Product/Category/list/cid/">ã¢ãºã¬ã³</a></li> 15625 <li><a href="/Product/Category/list/cid/126">ã¬ã©ã¯</a></li> 15626 <li><a href="/Product/Category/list/cid/127">ããã£ã</a></li> 15627 <li><a href="/Product/Category/list/cid/">ãã³ããã¤ã³</a></li> 15628 <li><a href="/Product/Category/list/cid/">ãã¼ã¿ã¹</a></li> 15629 <li><a href="/Product/Category/list/cid/">ãã¥ã¢ã½ã¤ãã¼ã³</a></li> 15630 15631 15632 </ul> 15633 </div> 15634 </li> 15635 15636 <li> 15637 <div class="all_menu_cont rel"><span class="catenm">
15637ã«ãã´ãªã¼å¥</span> 15638 <div class="arr_up arr_mini"></div> 15639 <ul class="all_depth1"> 15640 <li><a href="/Product/Category/list/cid/116">å ¨åå</a></li> 15641 <li><a href="/Product/Category/list/cid/119">ç¾å®¹æ¶²</a></li> 15642 <li><a href="/Product/Category/list/cid/118">åç²§æ°´ï¼ä¹³æ¶²</a></li> 15643 <li><a href="/Product/Category/list/cid/124">ããã/ãã¹ã</a></li> 15644 <li><a href="/Product/Category/list/cid/120">ã¯ãªã¼ã </a></li> 15645 <li><a href="/Product/Category/list/cid/122">ããã¯</a></li> 15646 <li><a href="/Product/Category/list/cid/117">ã¯ã¬ã³ã¸ã³ã°</a></li> 15647 <li><a href="/Product/Category/list/cid/121">æ¥ç¼ãæ¢ã</a></li> 15648 <li><a href="/Product/Category/list/cid/187 ">ãã®ä» </a></li> 15649 </ul> 15650 </div> 15651 </li> 15652 15653 15654 <!--ì¨ê¹ì²ë¦¬--> 15655 <li style="display:none;"> 15656 <div class="all_menu_cont rel"><span class="catenm">ãã©ã³ãå¥</span> 15657 <div class="arr_up arr_mini"></div> 15658 <ul class="all_depth1"> 15659 <li><a href="/Product/Category/list/cid/135">ã¢ã¯ã¼ã´ã£ã¼ã¬ã³</a></li> 15660 </ul> 15661 </div> 15662 </li> 15663 </ul> 15664 </li> 15665 <!--<li><a href="/Board/list/board_name/event">What's trending</a></li>--> 15666 <li><a href="/Paper/view/code/stores">Store </a></li> 15667 <li class="depth_tit rel"><span>Community</span> 15668 <div class="arr_up"></div> 15669 <ul class="depth"> 15670 <!--<li><a href="/Board/list/board_name/notice">ãåãåãã</a></li>--> 15671 <li><a href="/Paper/view/code/contactus">ãåãåãã </a></li> 15672 </ul> 15673 </li> 15674 </ul> 15675 <ul class="bt_menu"> 15676 <!-- 15677 <li><a href="/Board/list/board_name/offstore">Offline</a></li> 15678 <li><a href="/Board/list/board_name/notice">Notice</a></li> 15679 <li><a href="/Paper/view/code/skincare101">Skincare101</a></li> 15680 --> 15681 <!--<li><a href="/Board/list/board_name/notice">ãåãåãã</a></li>--> 15682 </ul> 15683 </div> 15684 </div> 15685 </div> 15686 <div class="h_dim"></div> 15687 </div> 15688 <!-- ì ì²´ ì¹´í ê³ ë¦¬ ì¶ë ¥ ë ì´ì´ ë --> 15689 <ul class="flex menu"> 15690 <li><a href="/Product/Category/list/cid/132">Best</a></li> 15691 <li><a href="/Product/Category/list/cid/184">New</a></li> 15692 <li><a href="/Product/Category/list/cid/125">Products</a></li> 15693 <li><a href="/Board/list/board_name/topic">Topics</a></li> 15694 <!-- <li><a href="//manyo-japanese.com/Paper/view/code/newmodel">New model</a></li> --> 15695 <li><a href="/Paper/view/code/stores">Stores</a></li> 15696 </ul> 15697 </div> 15698 15699 <div class="right flex"> 15700 <!-- ê²ì í¼ --> 15701 <div> 15702 <div class="top_search"> 15703 <form action="/Search/Product/parser" method="post" name="search"> 15704 <fieldset> 15705 <legend>Search form</legend> 15706 <div class="top_search_cont"> 15707 <div class="top_text_cont"> 15708 <input name="keyword" value="" onfocus="$(this).val('')" class="top_srarch_text" title="" placeholder="æ¤ç´¢ãã¼ã¯ã¼ããå ¥å" autocomplete="off"/> 15709 <a href="javascript:document.search.submit();"><input type="image" src="//manyo-japanese.com/storage/manyoglobalJP/www/frontstore/default_212/JP/Frontend/glob/img/transparent.png" id="bt
15709nSearchTop" class="btn_top_srarch" title="Search" value="Search" alt="Search"/></a> 15710 </div> 15711 </div> 15712 <!-- //top_search_cont --> 15713 </fieldset> 15714 </form> 15715 </div> 15716 <!-- //top_search --> 15717 </div> 15718 15719 </div> 15720 </div> 15721 <!-- //gnb --> 15722 15723 <!-- //gnb_allmenu --> 15724 </div> 15725 <!-- //header_gnb --> 15726 </div> 15727 <!-- //header --> 15728 15729 <div class="fixbtn"> 15730 <div class="rel"> 15731 <img src="https://cdn-saas-web-217-134.cdn-nhncommerce.com/manyo085580_godomall_com/img/icon/icon-up-n-down-bt.png" alt="" /> 15732 <div class="btn_wrap"> 15733 <!-- <a href="https://pf.kakao.com/_WdxgNM" target="_blank" class="kakaoc"></a> --> 15734 <div class="sc_top"></div> 15735 <div class="sc_bot"></div> 15736 </div> 15737 </div> 15738 </div> 15739 15740
15740<script> 15741 15742 $(document).ready(function(){ 15743 //gnb banner 15744 var bannerSlide = $('.gnb_banner .slick-slide'); 15745 $.each(bannerSlide, function(index, item){ 15746 var bannerTxt = $(this).find('img').attr('alt'); 15747 var bannerA = $(this).find('a') 15748 if( bannerA.length > 0 ){ 15749 $(this).find('a').append('<span class="banner_txt">' + bannerTxt + '</span>'); 15750 } else { 15751 $(this).append('<span class="banner_txt">' + bannerTxt + '</span>'); 15752 } 15753 }); 15754 }); 15755 15756 </script>
15756 15757</div> 15758<!-- //header_warp --> 15759 15760 15761 15762<div id="container" style="margin-bottom: 297px;"> 15763 <div id="contents"> 15764 <!-- 본문 ìì --> 15765 <!-- //location_wrap --> 15766 <div class="sub_content"> 15767 <div id="contentWrapper"> 15768 <div id="contentWrap"> 15769 15770 <div id="content"> 15771 <style> 15772 @charset "utf-8"; 15773 /* CSS Document */ 15774 15775 /* ì íëª */ 15776 .pick_add_info .prd_en_tit, 15777 .item_info_box .prd_en_tit { 15778 display: none; 15779 } 15780 .pick_add_info b.dis-no, 15781 .item_info_box b.dis-no { 15782 display: none !important; 15783 } 15784 15785 .body-board .visual_iwrap { 15786 position: relative; 15787 padding-bottom: 68.25%; 15788 height: 0; 15789 overflow: hidden; 15790 max-width: 100%; 15791 } 15792 .body-board .visual_iwrap iframe { 15793 position: absolute; 15794 top: 0; 15795 left: 50%; 15796 transform: translateX(-50%); 15797 height: 101%; 15798 width: 101%; 15799 } 15800 15801 /* vì½ë¼ê² */ 15802 .body-board .visual_iwrap.vample { 15803 padding-bottom: 57.25%; 15804 } 15805 .body-board .visual_iwrap.vample1 { 15806 padding-bottom: 141.25%; 15807 } 15808 .body-board .visual_iwrap.vample2 { 15809 padding-bottom: 58.25%; 15810 } 15811 .body-board .visual_iwrap.vample3 { 15812 padding-bottom: 97.25%; 15813 } 15814 15815 /* íí í ì¸ */ 15816 .body-board .visual_iwrap.panthetoin { 15817 padding-bottom: 156.25%; 15818 } 15819 .body-board .visual_iwrap.panthetoin1{ 15820 padding-bottom: 69.1%; 15821 } 15822 .body-board .visual_iwrap.panthetoin2{ 15823 padding-bottom: 448.25%; 15824 } 15825 .body-board .visual_iwrap.panthetoin3{ 15826 padding-bottom: 138.1%; 15827 } 15828 .body-board .visual_iwrap.panthetoin4{ 15829 padding-bottom: 113.25%; 15830 } 15831 .body-board .visual_iwrap.panthetoin5{ 15832 padding-bottom: 178.25%; 15833 } 15834 .body-board .visual_iwrap.panthetoin6{ 15835 padding-bottom: 200.25%; 15836 } 15837 .body-board .visual_iwrap.panthetoin7{ 15838 padding-bottom: 203.25%; 15839 } 15840 .body-board .visual_iwrap.panthetoin8{ 15841 padding-bottom: 188.25%; 15842 } 15843 15844 /* ì¨ì²ì */ 15845 .body-board .visual_iwrap.thermal{ 15846 padding-bottom: 146.25%; 15847 } 15848 .body-board .visual_iwrap.thermal1{ 15849 padding-bottom: 116.25%; 15850 } 15851 15852 /* ë°ëë¼ë¶í°í¬ */ 15853 .body-board .visual_iwrap.boutique{ 15854 padding-bottom: 142.25%; 15855 } 15856 15857 /* ììë¹ê±´ */ 15858 .body-board .visual_iwrap.vegan{ 15859 padding-bottom: 79.25%; 15860 } 15861 .body-board .visual_iwrap.vegan1{ 15862 padding-bottom: 90.25%; 15863 } 15864 .body-board .visual_iwrap.vegan2{ 15865 padding-bottom: 91.25%; 15866 } 15867 .body-board .visual_iwrap.vegan3{ 15868 padding-bottom: 126.25%; 15869 } 15870 .body-board .visual_iwrap.vegan4{ 15871 padding-bottom: 104.25%; 15872 } 15873 .body-board .visual_iwrap.vegan5{ 15874 padding-bottom: 100.25%; 15875 } 15876 .body-board .visual_iwrap.vegan6{ 15877 padding-bottom: 107.25%; 15878 } 15879 15880 /* í¨ì´ í´ë ì§ */ 15881 .body-board .visual_iwrap.pure{ 15882 padding-bottom: 77.25%; 15883 } 15884 .body-board .visual_iwrap.pure1{ 15885 padding-bottom: 136.25%; 15886 } 15887 .body-board .visual_iwrap.pure2{ 15888 padding-bottom: 182.25%; 15889 } 15890 .body-board .visual_iwrap.pure3{ 15891 padding-bottom: 55.25%; 15892 } 15893 .body-board .visual_iwrap.pure4{ 15894 padding-bottom: 71.25%; 15895 } 15896 .body-board .visual_iwrap.pure5{ 15897 padding-bottom: 81.25%; 15898 } 15899 .body-board .visual_iwrap.pure6{ 15900 padding-bottom: 73.25%; 15901 } 15902 .body-board .visual_iwrap.pure7{ 15903 padding-bottom: 59%; 15904 } 15905 .body-board .visual_iwrap.pure8{ 15906 padding-bottom: 64.25%; 15907 } 15908 15909 /* ë°ì´ì¥ì¤ */ 15910 .body-board .visual_iwrap.bioxyl{ 15911 padding-bottom: 54.25%; 15912 } 15913 .body-board .visual_iwrap.bioxyl1{ 15914 padding-bottom: 120.25%; 15915 margin-bottom: 3.5rem; 15916 } 15917 .body-board .visual_iwrap.bioxyl2{ 15918 padding-bottom: 73.25%; 15919 } 15920 15921 /* 기í ì í */ 15922 .body-board .visual_iwrap.etc{ 15923 padding-bottom: 154.25%; 15924 } 15925 .body-board .visual_iwrap.etc2{ 15926 padding-bottom: 121.25%; 15927 } 15928 .body-board .visual_iwrap.etc3{ 15929 padding-bottom: 129.25%; 15930 } 15931 .body-board .visual_iwrap.etc4{ 15932 padding-bottom: 66.25%; 15933 } 15934 .body-board .visual_iwrap.etc5{ 15935 padding-bottom: 123.25%; 15936 } 15937 .body-board .visual_iwrap.etc6{ 15938 padding-bottom: 67.25%; 15939 } 15940 .body-board .visual_iwrap.etc7{ 15941 padding-bottom: 111.25%; 15942 } 15943 .body-board .visual_iwrap.etc8{ 15944 padding-bottom: 65.25%; 15945 } 15946 .body-board .visual_iwrap.etc9{ 15947 padding-bottom: 89.25%; 15948 } 15949 .body-board .visual_iwrap.etc10{ 15950 padding-bottom: 114.25%; 15951 } 15952 .body-board .visual_iwrap.etc11{ 15953 padding-bottom: 105.25%; 15954 } 15955 .body-board .visual_iwrap.etc12{ 15956 padding-bottom: 158.25%; 15957 } 15958 .body-board .visual_iwrap.etc14{ 15959 padding-bottom: 128.25%; 15960 } 15961 .body-board .visual_iwrap.etc15{ 15962 padding-bottom: 99.25%; 15963 } 15964 .body-board .visual_iwrap.etc16{ 15965 padding-bottom: 131.25%; 15966 } 15967 .body-board .visual_iwrap.etc17 { 15968 padding-bottom: 56.2%; 15969 } 15970 15971 15972 /* ë²í¼ */ 15973 .board_zone_sec .btn_center_box{margin:30px 0 0 0;} 15974 .board_zone_view + .btn_right_box{margin:10px 0 0 0;} 15975 /* ê²ì */ 15976 .btn_board_search{width: 120px; height: 50px; color:#fff; border: 1px solid #b70010; border-radius: 5px; background:#b70010;} 15977 .btn_board_search:hover{} 15978 .btn_board_search em{font-size: 18px; font-weight: 500;} 15979 /* ì´ì */ 15980 .btn_before{display:inline-block;
15980 width:200px; height:50px; padding:0 5px 0 5px; color:#b70010; font-size:18px; border:2px solid #b70010; border-radius:8px; text-align:center; cursor:pointer;} 15981 .btn_before:hover{} 15982 /* ì ì¥ */ 15983 .btn_write_ok{display:inline-block; min-width:200px; height:50px; padding:0 10px 0 10px; color:#fff; font-size:18px; border:2px solid #b70010; border-radius:8px; background:#b70010; text-align:center; cursor:pointer;} 15984 .btn_write_ok:hover{} 15985 /* ìíì í */ 15986 .btn_goods_select{display:inline-block; width: 120px; height: 40px; line-height: 39px; color:#ffffff; font-size:14px; font-weight: 500; border:1px solid #b70010; border-radius: 6px; background:#b70010; text-align:center; vertical-align:middle;} 15987 .btn_goods_select:hover{} 15988 .btn_goods_item_del{position:absolute; top:3px; right:-30px;} 15989 15990 /* ì¶ì²í기 */ 15991 .btn_comment_best{display:inline-block; min-width:50px; margin:0 0 0 10px; padding:1px 5px 2px 5px; color:#ffffff; font-size:11px; border:1px solid #b70010; background:#b70010; text-align:center;} 15992 .btn_comment_best:hover{border:1px solid #9b344a; background:#9b344a;} 15993 15994 /* ìì , ìì , ëµê¸, ëª©ë¡ */ 15995 .btn_board_del, 15996 .btn_board_edit, 15997 .btn_board_reply, 15998 .btn_board_report, 15999 .btn_board_list{height:28px; line-height:26px; margin:0 0 0 5px; padding:0 12px 0 12px; color:#666666; border:1px solid #a3a3a3; text-align:center;} 16000 .btn_board_del:hover, 16001 .btn_board_edit:hover, 16002 .btn_board_reply:hover, 16003 .btn_board_report:hover, 16004 .btn_board_list:hover{border:1px solid #333333;} 16005 16006 /* ê¸ì°ê¸° */ 16007 .btn_write{display:inline-block; min-width:130px; height: 45px; line-height:1; color: #b70010; font-size:18px; border:2px solid #b70010; border-radius: 5px; background: #fff; text-align:center; vertical-align:middle;} 16008 .btn_write:hover{} 16009 16010 /* 1:1 문ì ì¡°íë²í¼ */ 16011 .btn_date_check{display:inline-block; float: right; min-width:130px; height:45px; color:#fff; font-size: 18px; font-weight:500; border:2px solid #b70010; background: #b70010; text-align:center; border-radius: 5px; margin-left: 5px;} 16012 .btn_date_check em{padding:0; background:none;} 16013 16014 /* ì´ë¦, ë ì§ */ 16015 .board_name_day{margin:5px 0 3px 0;} 16016 .board_name{display:inline-block; padding:0 3px 0 0;} 16017 .board_day{display:inline-block; height:11px; padding:0 5px 0 5px; font-size:12px; border-left:1px solid #cccccc; vertical-align:middle;} 16018 .board_day span{position:relative; top:-3px;} 16019 /* ì¶ì²ì, ì¡°íì */ 16020 .board_likeit_hits{color:#b2b2b2; font-size:12px;} 16021 .board_likeit{display:inline-block; margin:0 10px 0 0;} 16022 .board_hits{display:inline-block;} 16023 /* ì´ë²¤í¸ ê¸°ê° */ 16024 .board_event_day{margin:5px 0 3px 0;} 16025 /* ìíí기 ë³ */ 16026 .board_zone_cont .rating_star_list{margin:6px 0 0 0;} 16027 .board_zone_cont .rating_star_list li{display:inline-block; margin:0 10px 0 0;} 16028 .board_zone_cont .rating_star{display:inline-block; width:88px; height:15px; background: url("../../img/icon/board/icon_star_bg.png") no-repeat left top; vertical-align: middle; text-indent: -9999px;} 16029 .board_zone_cont .rating_star span{display:block; background:url("../../img/icon/board/icon_star_fill.png") no-repeat left top;} 16030 /* ê²ìí ê²ì */ 16031 .board_search_box{margin:60px 0 30px 0; padding:10px 10px 10px 10px; text-align:center;} 16032 .board_search_box .chosen-container{width: 120px !important; height: 50px;} 16033 .board_search_box .chosen-container a.chosen-single{height: 50px; border: 2px solid #ddd; border-radius: 4px; line-height: 45px; font-size: 16px;} 16034 .board_search_box .chosen-container a.chosen-single span{font-size: 17px;} 16035 .board_search_box .chosen-container a.chosen-single div b{background-position: 0 10px;} 16036 .board_search_box input{width: 300px; height: 50px; border: 2px solid #ddd; border-radius: 4px;} 16037 .board_search_box select{width:90px;} 16038 16039 /* 1:1 문ì ì¡°íê¸°ê° ìì */ 16040 .date_check_box{margin: 30px 0;} 16041 .date_check_box:after{display:block; clear:both; content:"";} 16042 .date_check_box form{display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between;} 16043 .date_check_box h3{float:left; padding:6px 15px 0 0; color:#777777; font-size:13px;} 16044 .date_check_list{display: flex; align-items: center;} 16045 .date_check_list label{display: flex; flex-direction: row-reverse; align-items: center; margin-right: 20px;} 16046 .date_check_list label span{position: relative; display: inline-block;
16046 width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 100%; vertical-align: middle; margin-right: 4px; box-sizing: border-box;} 16047 .date_check_list label span::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 8px; height: 8px; border-radius: 100%; background: #eee;} 16048 .date_check_list label button{color:#222; font-size:16px; font-weight: 500;} 16049 .date_check_list label button:hover + span, 16050 .date_check_list label button.on + span{border: 2px solid #b70010; background: #b70010;} 16051 .date_check_list label button.on + span::after{background: #fff;} 16052 .date_check_calendar{position:relative; width: 46%;} 16053 .date_check_calendar .anniversary{background:url('../../img/member/icon_calendar.png') no-repeat right center; width: 35%; height: 45px; border: 2px solid #ddd; border-radius: 4px; color: #222; font-size: 16px; padding-left: 19px;} 16054 16055 16056 /* ------------- 기본 ê²ìí í ì´ë¸ 리ì¤í¸ ------------- */ 16057 .board_zone_sec{position:relative;} 16058 .board_zone_tit{display: flex; justify-content: space-between; align-items: center; padding:0 0 25px 0; font-size:20px; font-weight: 700; line-height: 1; border-bottom:1px solid rgba(60, 57, 52, 0.2);} 16059 .board_zone_tit h2{font-size:24px; font-weight: bold; line-height: 1; letter-spacing: -0.063em;} 16060 .board_zone_sec .btn_right_box {position:absolute; top:0; right:0;} 16061 .board_zone_cont{} 16062 .board_zone_sec + .board_zone_cont, 16063 .board_zone_cont + .board_zone_cont{} 16064 .board_zone_cont + .board_zone_tit{margin:70px 0 30px 0; padding:0 0 20px 0; border-bottom:1px solid #3c3c3c;} 16065 16066 .board_list_table{width:100%; margin:0 0 20px 0; border-top: 2px solid #ddd; border-spacing:0; border-collapse:collapse; text-align:center;} 16067 .board_list_table th{font-size:16px; padding:15px 0; border-bottom:1px solid #bbb; font-weight:700;} 16068 .board_list_table td{padding:13px 10px 15px 10px; border-bottom:1px solid #bbb; font-size: 15px;} 16069 .board_list_table td.board_cate, 16070 .board_list_table td.board_tit{font-weight: bold;} 16071 /* ê²ìí ì´ë¯¸ì§ */ 16072 .board_list_table .board_img{overflow:hidden; position:relative; display:inline-block; text-align:center;} 16073 .board_list_table .board_img a{display:table-cell; height:100%; vertical-align:middle; border:1px solid #ebebeb;} 16074 /* ê²ìí ì 목 */ 16075 .board_list_table .board_tit{text-align:left; vertical-align:middle; } 16076 /* .board_list_table .board_tit strong{font-weight:normal;} */ 16077 .board_list_table .board_tit strong > span{color:#b70010;} 16078 .board_list_table .board_tit.on strong{font-weight:bold;} 16079 .board_list_table .board_tit img{margin:0 2px 0 2px; vertical-align:middle;} 16080 .board_list_table .board_tit strong:hover{text-decoration:underline;} 16081 /* ê²ìí ì 목 ëµê¸ */ 16082 .board_list_table .board_tit .reply{} 16083 .board_list_table .board_tit .reply{margin:0 0 0 15px; padding:0 0 0 20px; background:url("../../img/icon/board/icon_comment_reply.png") no-repeat 8px 4px;} 16084 /* ê³µì§ */ 16085 .board_zone_list .notice_point, 16086 .board_zone_list .notice_point td{background:#f7f7f7;} 16087 16088 16089 /* -------------ê°¤ë¬ë¦¬í ê²ìí ------------- */ 16090 .board_list_gallery{position:relative; width:100%; text-align:center; font-size:20px; font-weight:700; padding-top: 30px;} 16091 .board_list_gallery:after{display:block; clear:both; content:"";} 16092 .board_list_gallery ul{display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width:100%; font-size:0;} 16093 .board_list_gallery ul li{position:relative; margin:0 0 40px 0; font-size:13px; text-align:center;} 16094 .board_list_gallery .gallery_cont{padding:0 10px 0 10px;} 16095 /* ê²ìí ì´ë¯¸ì§ */ 16096 .board_list_gallery .board_img{overflow:hidden; position:relative; width:100%; text-align:center;; border-radius: 30px;} 16097 .board_list_gallery .board_img::before{content:""; display:block; padding-top:100%;} 16098 .board_list_gallery .board_img a{display: block; position:absolute; top:0; left:0; width:100%; height:100%;} 16099 .board_list_gallery .board_img a img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 100%; height: auto;} 16100 .gallery_info_cont{padding:10px; text-align:left;} 16101 /* ê²ìí ì 목 */ 16102 .gallery_info_cont .board_tit{margin:5px 0 0 0; text-align:left; vertical-align:middle;} 16103 .gallery_info_cont .board_tit em{display:block; margin:0 0 2px 0;} 16104 .gallery_info_cont .board_tit > a > div{display: flex; justify-content: flex-start; align-items: center;} 16105 .gallery_info_cont .board_tit .board_tit_top strong{display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; font-size:16px;} 16106 .gallery_info_cont .board_tit .board_tit_top a:hover strong{text-decoration:underline;} 16107 .gallery_info_cont .board_tit .board_tit_bot .preview{display: inline-block; max-width: 100%; font-size: 13px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 16108 .gallery_info_cont .board_tit .board_tit_bot .reply_count{display: inline-block;} 16109 .gallery_info_cont .board_tit img{vertical-align: middle;} 16110 .gallery_info_cont .board_tit .board_tit_top .board_secret{margin-right: 5px;} 16111 .gallery_info_cont .board_tit .board_tit_top .board_tit_icon{display: flex; align-items: center; flex-direction: row;} 16112 .gallery_info_cont .board_tit .board_tit_top .board_tit_icon img{margin-left: 5px;} 16113 16114 /* ------------- ì´ë²¤í¸ ê²ìí ------------- */ 16115 .board_list_event{position:relative; width:100%; max-width: 1016px; margin: auto;} 16116 .board_list_event:after{display:block; clear:both; content:"";} 16117 .board_list_event ul{width:100%; font-size:0;display:flex;justify-content: space-between;flex-wrap: wrap; padding-top: 32px;} 16118 .board_list_event ul:after{clear:both; content:"";} 16119 .board_list_event ul li{ position:relative; width:496px; /*min-height:50px;*/ margin:0 0 60px 0; font-size:12px; text-align:left;}
16120 .board_list_event .event_cont{ 16121 display: flex; 16122 flex-flow: column; 16123 } 16124 .event_board .board_zone_cont { 16125 padding-bottom: 120px; 16126 } 16127 /* ê²ìí ì´ë¯¸ì§ */ 16128 .board_list_event .board_img{overflow:hidden; display:table-cell; position:relative; width:auto; height: 320px; text-align:center; vertical-align:middle;} 16129 .board_list_event .board_img a{} 16130 .board_list_event .board_img img { 16131 width: 100%; 16132 height: 100%; 16133 object-fit: cover; 16134 border-radius: 44px; 16135 background: rgba(34, 34, 34, 1); 16136 border-radius: 44px; 16137 } 16138 .board_list_event.end { 16139 opacity: 0.5; 16140 } 16141 .board_list_event .board_event_day { 16142 font-size: 16px; 16143 } 16144 .board_list_event .event_info_cont{display:inline-block; padding:0;} 16145 /* ê²ìí ì 목 */ 16146 .event_info_cont .board_tit{display:table-cell; padding: 20px 0 0 0; text-align:left; vertical-align:middle;} 16147 .event_info_cont .board_tit em{display:block; margin:5px 0 2px 0;} 16148 .event_info_cont .board_tit strong{overflow:hidden; width:87%; font-size: 28px; font-weight: bold;/*width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;*/} 16149 .event_info_cont .board_tit a{display:block;} 16150 .event_info_cont .board_tit img{margin:0 2px 0 2px; vertical-align:middle;} 16151 /* ë¶ê°ì¤ëª */ 16152 .event_info_cont .board_txt{display:block; margin:5px 0 5px 0;} 16153 /* ì§íì¤ ì´ë²¤í¸ 리ì¤í¸ */ 16154 .board_hot_list{padding:10px 0 50px 0; font-size:0; text-align:left; border-top:1px solid #3c3c3c;} 16155 .board_hot_list ul{display:inline-block; font-size:12px;} 16156 .board_hot_list ul li{display:inline-block; width:auto; margin:0; vertical-align:middle;} 16157 .board_hot_list ul li.on{font-weight:bold;} 16158 .board_hot_list ul li a{display:block; height:11px; padding:0 5px 0 5px; border-left:1px solid #cccccc;} 16159 .board_hot_list ul li a span{position:relative; top:-5px;} 16160 .board_hot_list ul li a span:hover{font-weight:bold; border-bottom:1px solid #333333;} 16161 .board_hot_list ul li:first-child a{border-left:none 0;} 16162 /* 문ì ê²ìí */ 16163 .board_list_qa{} 16164 .board_list_qa .board_list_table thead{} 16165 .board_list_qa .board_list_table tbody tr{border-bottom: 1px solid #ddd;} 16166 .board_list_qa .board_list_table tbody tr.no_list{border: none;} 16167 .board_list_qa .board_list_table tbody tr.no_list td{font-size: 20px; font-weight: 700; padding: 50px 0 0 0;} 16168 .board_list_qa .board_list_table tbody tr td{border:0; font-size:16px;} 16169 .board_list_qa .board_list_table tbody tr td.board_tit { 16170 padding: 38px 16px 35px; 16171 } 16172 .board_list_qa .board_list_table tbody tr td.board_tit strong{width: 85%; display: inline-block; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 16173 .board_list_qa .board_list_table tbody tr td > a > div { 16174 font-size: 16px; 16175 color: #222; 16176 font-weight: bold; 16177 } 16178 .board_list_qa .board_list_table tbody tr td > a > div .writer{ 16179 display: inline-block; 16180 float: right; 16181 font-size: 14px; 16182 color: #999; 16183 font-weight: normal; 16184 } 16185 .board_list_qa .board_list_table tbody tr td > a > div .flex_be, 16186 .noti_view .noti-info { 16187 align-items: flex-end; 16188 padding-top: 39px; 16189 } 16190 .board_list_qa .board_list_table tbody tr td > a > div .flex_be span.qastatus, 16191 .noti_view .noti-info span.qastatus { 16192 height: 32px; 16193 line-height: 32px; 16194 color: #999999; 16195 font-size: 16px; 16196 font-weight: 500; 16197 border-radius: 32px; 16198 border: 2px solid #dddddd; 16199 padding: 0 20px; 16200 } 16201 .board_list_qa .board_list_table tbody tr td > a > div .flex_be span, 16202 .noti_view .noti-info span { 16203 font-size: 12px; 16204 color: #999999; 16205 font-weight: 400; 16206 } 16207 /* ------------- ê¸ì°ê¸° ------------- */ 16208 .board_zone_view{} 16209 .board_write_box{margin:0 10px 0 0; padding: 30px 0;} 16210 .board_write_table{width:100%; margin:0 0 20px 0; border:0; border-spacing:0; border-collapse:collapse;} 16211 .board_write_table th{padding:13px 0 7px 25px; font-size: 20px; font-weight:bold; background:#fff; text-align:left; vertical-align:top;} 16212 .board_write_table td{height:32px; font-size:16px; font-weight: 700; margin:0; padding: 13px 25px 7px 15px; background:#ffffff;} 16213 .board_write_table td > input{ width:100%; height:50px; border: 2px solid #ddd; border-radius:8px;} 16214 .board_write_table td .category_select{display: inline-block; width: 100%; border: 2px solid #ddd; border-radius: 8px; height: 50px; padding-right: 10px; box-sizing: border-box;} 16215 .board_write_table td .category_select select{width: 100% !important; border: 0; background: none;} 16216 .board_write_table .file_upload_sec{display: flex; justify-content: space-between; align-items: center;} 16217 .board_write_table .file_upload_sec > label{display: inline-block; width: 65%; padding-right: 10px;} 16218 .board_write_table .file_upload_sec > label .file_text{width: 100%; height:50px; border: 2px solid #ddd; border-radius:8px;} 16219 .board_write_table .file_upload_sec .btn_upload_box{width:35%;} 16220 .board_write_table .file_upload_sec .btn_upload_box input.file{top: 0; left: 0; width: 48%; height: 100%;} 16221 .board_write_table .file_upload_sec .btn_upload_box .btn_upload{width:48%; height:50px; border-radius:6px; font-size:18px;} 16222 .board_write_table .file_upload_sec .btn_upload_box .btn_upload em{font-weight: bold;} 16223 .board_write_table .file_upload_sec .btn_upload_box .btn_gray_list{display:inline-block; width:48%; height:50px;} 16224 .board_write_table .file_upload_sec .btn_upload_box .btn_gray_list button{width:100%; height:100%; border: 2px solid #dbdbdb; border-radius:6px;} 16225 .board_write_table .file_upload_sec .btn_upload_box .btn_gray_list button span{font-size: 18px; font-weight: bold;} 16226 .board_write_table .capcha{width:572px; margin: 0;} 16227 .board_write_table .capcha_txt{} 16228 .board_write_box .category_select select{width:572px; height: 100%; border: 2px solid #ddd; border-radius: 8px; font-size: 16px; padding-left: 10px;} 16229 .board_write_box .write_title{width:90%;} 16230 .board_write_box .write_editor textarea{display: block; width: 100%; resize: vertical; border: 2px solid #ddd; border-radius: 8px;} 16231 .board_write_box .write_editor .form_element{margin:0 0 5px 0;} 16232 .board_write_agree{margin:0 10px 0 0; padding:0 0 10px 0;} 16233 .email_select {width:115px; margin:0 0 0 3px; padding:0 0 0 5px; border:1px solid #d0d0d0;} 16234 16235 /* ëë¡ë ê²ìê¸ ìì */ 16236 .no_data{padding:30px 30px 30px 30px; text-align:center;} 16237 .board_cont{} 16238 .board_view{line-height:1.8;} 16239 .board_view .img_attach{margin:10px 0 10px 0;} 16240 /* ëµê¸ ì°ê¸° íì¸ ë²í¼ */ 16241 .btn_comment_ok{display:inline-block; width:82px; height:82px; padding:0 5px 0 5px; color:#ffffff; font-size:12px; border:1px solid #c7c7c7; background:#c7c7c7; text-align:center; cursor:pointer;} 16242 /* íì¼ì²¨ë¶ */ 16243 .board_view_attach{padding:15px 0 0 0; font-size:0;} 16244 .board_view_attach strong{display:inline-block; padding:0 10px 0 10px; font-size:12px; background:url("../../img/icon/board/icon_board_attach_file.png") no-repeat 0 6px;} 16245 .board_view_attach .attach_list{display:inline-block; font-size:12px;} 16246 .board_view_attach .attach_list a{padding:0 5px 0 5px;} 16247 .board_view_attach .attach_list a:hover{text-decoration:underline;} 16248 /* ê°ì¸ì ë³´ ìì§í목 ëì */ 16249 .board_commen_agree{margin:10px 0 0 0; border-bottom:1px solid #dbdbdb;} 16250 .board_commen_agree h5{font-size:12px;} 16251 .board_commen_agree .form_element{display:block;} 16252 .board_commen_agree textarea{display:inline-block; width:100%; margin:10px 0 0 0; padding:10px 10px 10px 10px;} 16253 .board_commen_agree .agree_choice_box{padding:10px 0 10px 0;
16253 color:#777777; font-size:11px;} 16254 .board_commen_agree .link_agree_go{font-size:11px; text-decoration:underline;} 16255 /* ìëë±ë¡ë°©ì§ */ 16256 .capcha{display:table; margin:10px 0 10px 0;} 16257 .capcha_img{display:table-cell; width:304px; height:106px; border:1px solid #d6d6d6; text-align:center; vertical-align:middle;} 16258 .capcha_txt{display:table-cell; padding:0 0 0 20px;} 16259 .capcha_txt p{margin:0 0 10px 0;} 16260 .capcha_txt .btn_gray_list{display:block; margin:10px 0 0 0;} 16261 /* ìí ì í */ 16262 .board_goods_select{margin:1px 0 0 0;} 16263 .board_goods_select > span{margin-left: 10px;} 16264 .goods_select_item{margin:10px 0 3px 0; padding:10px 0 0 0; font-size:0; border-top:1px dotted #cccccc;} 16265 .select_item_img{display:inline-block; width:80px; height:auto; vertical-align:top; background: #eceaeb;} 16266 .select_item_img img{width:100%; border:1px solid #dbdbdb; vertical-align:middle;} 16267 .select_item_info{display:inline-block; position:relative; padding:0px 0 0 10px; font-size: 14px;} 16268 .select_item_info em{display:block;} 16269 .select_item_info .text_type_cont{display:block; padding:3px 0 3px 0; color:#a9a9a9; font-size:11px; line-height:1;} 16270 16271 /* ------------- view íì´ì§ ------------- */ 16272 .board_view_tit{overflow:hidden; padding:15px 15px 15px 15px; border-top:1px solid #999999; border-bottom:1px solid #dbdbdb; background:#f7f7f7;} 16273 .board_view_tit h3{display:inline-block; color:#111111; font-size:14px;} 16274 .board_view_tit strong{float:right; font-size:14px;} 16275 16276 .board_zone_view .board_view_info{overflow:hidden; padding:10px 15px 10px 15px; border-bottom:1px solid #dbdbdb;} 16277 .board_view_info .view_info_idip{display:inline-block;} 16278 .board_view_info .view_info_idip em{color:#acacac; font-size:11px;} 16279 .board_view_info .view_info_day{display:inline-block; height:10px; margin:0 0 0 7px; font-size:11px; border-left:1px solid #dbdbdb; vertical-align:middle;} 16280 .board_view_info .view_info_day em{position:relative; display:block; top:-3px; padding:0 0 0 10px;} 16281 .board_view_info .view_info_hits{display:inline-block; float:right; text-align:right;} 16282 16283 .board_zone_view .board_view_event_day{overflow:hidden; padding:10px 15px 10px 15px; border-bottom:1px solid #dbdbdb;} 16284 .board_zone_view .board_view_attach{overflow:hidden; padding:10px 15px 10px 15px; } 16285 .board_zone_view .board_view_link{overflow:hidden; padding:10px 15px 10px 15px; border-bottom:1px solid #dbdbdb;} 16286 .board_view_link a:hover{text-decoration:underline;} 16287 /* ê²ìí ë´ì© ë ¸ì¶ */ 16288 .board_view_content{min-height:350px;} 16289 .board_view_content img{max-width:100%;} 16290 .board_view_content .seem_cont{padding:30px 15px 30px 15px; line-height:1.8;} 16291 /* ìíë ¸ì¶ */ 16292 .view_goods_select{margin:20px 0 0 0;display:flex;flex-wrap: wrap;} 16293 .view_goods_select_item{ 16294 padding: 0; 16295 width: calc(25% - 10.5px); 16296 margin: 0 0 50px 0; 16297 } 16298 .view_goods_select_item:not(:nth-child(4n)) { 16299 margin-right: 14px; 16300 } 16301 .view_select_item_img{display:inline-block; width:100%; height:auto; vertical-align:top; background: #f5f5f5; margin-bottom: 15px;} 16302 .view_select_item_img img{width:100%; vertical-align:middle;} 16303 .view_select_item_info{display:inline-block; position:relative;} 16304 .view_select_item_info em{ 16305 font-size: 17px; 16306 display:block; 16307 font-weight:bold; 16308 overflow: hidden; 16309 text-overflow: ellipsis; 16310 white-space: normal; 16311 line-height: 1.4; 16312 height: 2.8em; 16313 word-wrap: break-word; 16314 display: -webkit-box; 16315 -webkit-line-clamp: 2; 16316 -webkit-box-orient: vertical; 16317 word-break: keep-all; 16318 font-weight: 500; 16319 margin-bottom: 12px; 16320 letter-spacing: -0.39px; 16321 } 16322 .view_select_item_info .text_type_cont{display:block; padding:3px 0 3px 0; color:#a9a9a9; font-size:12px; line-height:1;} 16323 .view_select_item_info > strong{display:block; padding:5px 0 0 0; font-size: 22px; font-weight: bold; letter-spacing: -0.56px;} 16324 16325 /* ì íëª ë ¸ì¶ */ 16326 .view_select_item_info em b, 16327 .view_select_item_info em span:first-child { 16328 display: none !important; 16329 } 16330 16331 /* ëµê¸ ë°ì¤ */ 16332 .board_view_comment{padding:10px 0 10px 0;} 16333 .view_comment{padding:0 0 0 0; border-bottom:1px solid #dbdbdb; background:#ffffff;} 16334 .view_comment_top{overflow:hidden; /*width:100%;*/ padding:15px 20px 15px 20px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;} 16335 .view_comment_top .comment_num{padding:0 20px 0 0;} 16336 .view_comment_top .comment_best_num{} 16337 .view_comment_top .btn_view_comment_box{float:right;} 16338 .view_comment_top .rating_star_box{margin:0 0 0 20px;} 16339 .view_comment_top .rating_star_box .rating_star{margin:-5px 0 0 5px;} 16340 /* ëµê¸ 리ì¤í¸ */ 16341 .view_comment_list{padding:0 20px 0 20px; background:#f8f8f8;} 16342 .view_comment_list ul{} 16343 .view_comment_list ul li{padding:15px 0 15px 0; border-top:1px solid #dbdbdb;} 16344 .view_comment_list ul li:first-child{border-top:1px solid #dbdbdb;} 16345 .view_comment_list .comment_name{padding:0 20px 0 5px; color:#444; word-wrap:break-word;} 16346 .view_comment_list p{padding:0 0 10px 0;} 16347 .view_comment_list p > em{display:block; padding:10px 10px 10px 5px;} 16348 .view_comment_list .board_comment_box{margin:10px 0 0 0; padding:0 0 0px 0; border-top:1px dotted #dbdbdb; border-bottom:none 0;} 16349 .view_comment_list p > em img{margin:0 4px 0 2px;vertical-align:middle;} 16350 /* ëµê¸ì ëµê¸ 리ì¤í¸ */ 16351 .view_comment_list .comment_reply{padding:15px 0 15px 10px;} 16352 .view_comment_list .comment_reply .comment_name{padding:0 20px 0 20px; background:url("../../img/icon/board/icon_comment_reply.png") no-repeat 8px 4px;} 16353 /* ëµê¸ì°ê¸° */ 16354 .board_comment_box{padding:20px; /*border-bottom:1px solid #dbdbdb;*/ background:#f8f8f8;} 16355 .board_day_time{display:inline-block; padding:0 5px 0 5px; color:#a1a1a1; font-size:11px;} 16356 .board_comment_write{position:relative; padding:15px 0 0 0;} 16357 .board_comment_write input[type="text"]{width:105px; margin-bottom:10px;} 16358 .board_comment_write input[type="password"]{width:152px; margin-bottom:10px;} 16359 .board_comment_write .comment_textarea{position:relative; width:100%;} 16360 .board_comment_write textarea{display:inline-block; width:100%; height:82px; padding:10px 95px 10px 10px;} 16361 .board_comment_write .btn_comment_box{position:absolute; top:0px; right:0px; padding:0 0 0 10px; border-left:1px solid #d6d6d6; background:#f8f8f8;} 16362 16363 /* 1:1 문ì view */ 16364 .board_view_qa{ 16365 background-color: #f5f5f5; 16366 } 16367 .board_view_qa .seem_cont{padding:0 15px 0 15px !important;} 16368 .board_view_qa .view_question_box{position:relative; 16369 padding: 39px 32px 40px 62px;} 16370 .board_view_qa .view_answer_box{position:relative; padding:30px 0 30px 40px; border-top:1px solid #dbdbdb;} 16371 .board_view_qa .view_question_tit, 16372 .board_view_qa .view_answer_tit{position:absolute; top: 35px; left:24px; color:#333333; font-size:24px; font-family:arial;} 16373 .view_answer_box .view_answer_info{margin:0 0 0 10px; padding:5px 0 10px 5px; border-bottom:1px dotted #dbdbdb;} 16374 .view_answer_box .view_answer_info > strong{display:block; font-size:14px;} 16375 .view_answer_box .view_answer_info .view_info_idip{display:inline-block; margin:5px 0 0 0;} 16376 .view_answer_box .view_answer_info .view_info_idip em{color:#acacac; font-size:11px;} 16377 .view_answer_box .view_answer_info .view_info_day{display:inline-block; height:10px; margin:0 0 0 7px; font-size:11px; border-left:1px solid #dbdbdb; vertical-align:middle;} 16378 .view_answer_box .view_answer_info .view_info_day em{position:relative; display:block; top:-3px; padding:0 0 0 10px;} 16379 16380 16381 /* íë¬ì¤ë¦¬ë·° */ 16382 .board_list_plus_review{position:relative; /*width:100%;*/ padding:20px 0 0 0; border-top:2px solid #dbdbdb;} 16383 .board_list_plus_review:after{display:block; clear:both; content:"";} 16384 .board_list_plus_review > ul{float:left; width:100%; font-size:0;} 16385 .board_list_plus_review > ul > li{display:inline-block; position:relative; margin:0 0 40px 0; font-size:12px; text-align:center; vertical-align:top;} 16386 .board_list_plus_review .plus_review_cont{overflow:hidden; margin:0 10px 0 10px; padding:0; border:1px solid #dbdbdb;} 16387 /* ê²ìí ì´ë¯¸ì§ */
16388 .board_list_plus_review .board_img{overflow:hidden; display:table; position:relative; width:100%; /*min-height:200px;*/ text-align:center; border:none 0;} 16389 .board_list_plus_review .board_img a{display:table-cell; height:100%; vertical-align:middle;} 16390 .plus_review_info_cont{padding:10px 0 0 0; text-align:left;} 16391 /* ê²ìí ì 목 */ 16392 .plus_review_info_cont .board_tit{margin:5px 0 0 0; padding:0 15px 0 15px; text-align:left; vertical-align:middle;} 16393 .plus_review_info_cont .board_tit strong{font-size:13px;} 16394 .plus_review_info_cont .board_tit img{margin:0 2px 0 2px; vertical-align:middle;} 16395 .plus_review_info_cont .board_review_list{padding:10px 15px 0 15px; vertical-align:top;} 16396 .plus_review_info_cont .board_review_list ul{width:100%; font-size:0;} 16397 .plus_review_info_cont .board_review_list ul li{overflow:hidden; padding:0 0 6px 25px; font-size:12px; text-align:left; background:url("../../img/icon/board/icon_review.png") no-repeat 0 4px;} 16398 .plus_review_info_cont .board_review_list ul li p{overflow:hidden; width:90%; height:36px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} 16399 .plus_review_info_cont .board_review_list ul li .new:after {margin:0 0 0 8px; content:url("../../img/icon/board/icon_board_new.png");} 16400 .plus_review_info_cont .board_review_num{display:block; margin:15px 0 0 0; padding:12px 15px 10px 15px; color:#787878; background:#f8f8f8;} 16401 .plus_review_info_cont .board_review_num em strong{margin-right:15px; color:#b70010;} 16402 16403 /* íë¬ì¤ 리뷰 > ì ì²´ ìíí기 리ì¤í¸ */ 16404 .plus_review_view{margin:-21px 0 0 0; background:#ffffff;} 16405 .plus_review_view_list{display: table; width:100%; margin-top:-1px;padding:20px 0 20px 0;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} 16406 .plus_review_view_list.view_point_bg{background:#fcfcfc;} 16407 .plus_review_view_list .goods_photo{display:block; width:100px; height:100px; border:1px solid #dbdbdb;} 16408 .plus_review_view_list .goods_photo img{width:100%; height:100%;} 16409 16410 /* ë³ + ë ì§ + ì´ë¦ */ 16411 .plus_review_view .star_day_name{padding:0 20px 0 20px; display: table-cell;width: 15%;} 16412 .plus_review_view .star_day_name strong{display:block; color:#ffcc00; font-size:20px;} 16413 .plus_review_view .star_day_name span{display:block; padding:5px 0 5px 0; color:#787878;} 16414 16415 /* ìµì , ë´ì© */ 16416 .plus_review_view .option_text_file_box{padding: 0 20px 0 10px;display: table-cell;width: 85%; vertical-align:top;} 16417 .plus_review_view .option_text_file_box .goods_tit{display:block; padding:0 0 10px 0; font-size:13px;} 16418 /* ìµì */ 16419 .plus_review_view .option_text_file_box .option_list_cont{display:block; padding:20px 20px 20px 20px; border-bottom:1px solid #f0f0f0; background:#f8f8f8;} 16420 .plus_review_view .option_text_file_box .option_list_cont dl{display:block; width:100%; min-height:31px; padding:0; font-size:0;} 16421 .plus_review_view .option_text_file_box .option_list_cont dt{display:inline-block; width:100px; padding:0; color:#484848; font-size:12px; font-weight:bold; vertical-align:middle;} 16422 .plus_review_view .option_text_file_box .option_list_cont dd{display:inline-block; height:21px; padding:7px 0 0 0; font-size:12px; vertical-align:middle;} 16423 16424 /* ë´ì© */ 16425 .plus_review_view .text_file_cont{} 16426 .plus_review_view .text_file_cont .review_text{min-height:50px; margin:15px 0 15px 0;} 16427 .plus_review_view .text_file_cont .review_text.reviews_new{text-indent:15px; background:url("../../img/icon/board/icon_board_new.png") no-repeat left 5px;} 16428 .plus_review_view .text_file_cont .btn_review_text_more{margin:0 0 0 10px; color:#484848; font-size:11px; border-bottom:1px solid #484848;} 16429 .plus_review_view .text_file_cont .btn_view_comment_box{margin:0 0 20px 0;} 16430 /* ë´ì©ìì ì´ë¯¸ì§ */ 16431 .plus_review_view .text_file_cont .file_upload_list{} 16432 .plus_review_view .text_file_cont .file_upload_list{float:none; font-size:0;} 16433 .plus_review_view .text_file_cont .file_upload_list ul{} 16434 .plus_review_view .text_file_cont .file_upload_list ul li{display:inline-block; position:relative; width:auto; height:auto; margin:10px 8px 10px 0;} 16435 .plus_review_view .text_file_cont .file_upload_list ul li img{width:100px; height:100px; border:1px solid #dbdbdb;} 16436 .plus_review_view .text_file_cont .file_upload_list .img_pr_zoom{position:absolute; top:102px; left:0px; max-width:600px; width:auto; height:auto; z-index:999000;} 16437 /* ëê¸ */ 16438 .plus_review_view .review_comment_box{display:block;} 16439 .plus_review_view .review_comment{padding:0 0 10px 0;} 16440 .plus_review_view .review_comment_top{overflow:hidden; width:100%; padding:10px 0 10px 0; border-bottom:none 0;} 16441 .plus_review_view .review_comment_top .comment_num{padding:0 20px 0 0;} 16442 .plus_review_view .review_comment_top .comment_num strong{ border-bottom:1px solid #333;} 16443 .plus_review_view .review_comment_top .comment_best_num{color:#b70010;} 16444 .plus_review_view .review_comment_top .btn_view_comment_box{float:right;} 16445 /* ëµê¸ 리ì¤í¸ */ 16446 .plus_review_view .review_comment_list{} 16447 .plus_review_view .review_comment_list ul{} 16448 .plus_review_view .review_comment_list ul li{position:relative; padding:15px 0 15px 0; border-bottom:1px solid #dbdbdb;} 16449 .plus_review_view .review_comment_list ul li:first-child{border-top:1px solid #dbdbdb;} 16450 .plus_review_view .review_comment_list .comment_name{padding:0 20px 0 5px; color:#444; word-wrap:break-word;} 16451 .plus_review_view .review_comment_list p{padding:0;} 16452 .plus_review_view .review_comment_list p > em{display:block; padding:10px 10px 10px 5px;} 16453 .plus_review_view .review_comment_list .board_comment_box{margin:0; padding:0; border-bottom:none 0; background:none 0;} 16454 .plus_review_view .review_comment_list .board_day_time{font-weight:normal;} 16455 .plus_review_view .review_comment_list .btn_right_box{position:absolute; top:15px; right:5px;} 16456 16457 /* ------------------------ ìíí기 ì°ê¸°, ìí문ì ì°ê¸° ------------------------ */ 16458 16459 .board_write_popup .top_item_photo_info{overflow:hidden; padding:0 0 15px 0;} 16460 .board_write_popup .item_photo_box{display:table-cell; float:left; position:relative; width:92px; height:92px; text-align:center; vertical-align:middle; border:1px solid #ebebeb;} 16461 .board_write_popup .item_photo_box img{width:92px; height:92px;} 16462 .board_write_popup .item_info_box{float:left; width:490px; padding:0 0 0 15px;} 16463 .board_write_popup .item_info_box h5{padding:0 0 5px 0; font-size:18px;} 16464 .board_write_popup .item_info_box em{color:#a9a9a9;} 16465 16466 /*íì ìì± */ 16467 .board_write_popup .ly_tit{padding:13px 15px 11px 15px;} 16468 .board_write_popup .ly_tit h4{padding:0 30px 15px 0; font-size:18px; border-bottom:1px solid #999999;} 16469 .board_write_popup .ly_cont{min-height:250px; padding:15px 15px 26px 15px;} 16470 16471 /* ê¸ì°ê¸° */ 16472 .board_write_popup .board_write_box{margin:10px 10px 0 0; padding:0 0 10px 0; border-top:1px solid #dbdbdb;} 16473 .board_write_popup .board_write_table{width:100%; margin:0 0 20px 0; border:0; border-spacing:0; border-collapse:collapse; /*border-top:1px solid #3c3c3c;*/} 16474 .board_write_popup .board_write_table th{padding:13px 0 7px 25px; font-weight:bold; border-bottom:1px solid #dbdbdb; background:#fbfbfb; text-align:left; vertical-align:top;} 16475 .board_write_popup .board_write_table td{height:32px; margin:0; padding:7px 0 7px 15px; border-bottom:1px solid #dbdbdb; background:#ffffff;} 16476 .board_write_popup .board_write_table td > input{width:312px;} 16477 16478 16479 .board_write_popup .board_write_box .category_select select{width:150px;} 16480 .board_write_popup .board_write_box .write_title{width:90%;} 16481 .board_write_popup .board_write_box .wirte_editor .form_element{margin:0 0 5px 0;} 16482 .board_write_popup .board_wirte_agree{margin:0 10px 0 0; padding:0 0 10px 0;} 16483 16484 .board_write_popup .board_write_box .rating_star_list{margin:6px 0 0 0;} 16485 .board_write_popup .board_write_box .rating_star_list li{display:inline-block; margin:0 10px 0 0;} 16486 .board_write_popup .board_write_box .rating_star{display:inline-block; width:88px; height:15px;background: url("../../img/icon/board/icon_star_bg.png") no-repeat left top; vertical-align:middle; text-indent:-9999px;}
16487 .board_write_popup .board_write_box .rating_star span{display:block; background:url("../../img/icon/board/icon_star_fill.png") no-repeat left top;} 16488 16489 /* ìëë±ë¡ë°©ì§ */ 16490 .capcha{display:table; padding:10px 0 10px 0;} 16491 .capcha_img{display:table-cell; width:304px; height:106px; border:1px solid #d6d6d6; text-align:center; vertical-align:middle;} 16492 .capcha_txt{display:table-cell; padding:0 0 0 20px;} 16493 .capcha_txt p{margin:0 0 10px 0;} 16494 .capcha_txt .btn_gray_list{display:block; margin:10px 0 0 0;} 16495 16496 /* ë¹ë°ë²í¸ ì¸ì¦ */ 16497 .layer_wrap.password_layer{width:307px;} 16498 .layer_wrap.password_layer .layer_wrap_cont{border:1px solid #555555;} 16499 .layer_wrap.password_layer .ly_tit h4{font-size:14px;} 16500 .password_layer .ly_cont{min-height:50px; text-align:center;} 16501 .password_layer input{width:200px; margin:15px 0 0 0;} 16502 16503 /* ------------------------ ìíì í, 주문ë´ì ------------------------ */ 16504 .layer_wrap.add_goods_layer{width:791px;} 16505 .add_goods_layer .scroll_box{height:250px; padding:0 0 30px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;} 16506 16507 /* ê²ììì */ 16508 .ly_date_list_box{margin:0 0 20px 0; padding:20px 20px 20px 30px; border:3px solid #eeeeee;} 16509 .ly_date_list_box:after{display:block; clear:both; content:"";} 16510 .ly_date_list_box + .btn_center_box{margin:0 0 20px 0;} 16511 16512 /* ì¡°íê¸°ê° ìì */ 16513 .ly_date_check_list{margin:0 0 10px 0;} 16514 .ly_date_check_list h5{float:left; width:67px; padding:6px 15px 0 0; color:#777777; font-size:13px;} 16515 .ly_date_check_list{float:left;} 16516 .ly_date_check_list button{float:left; width:54px; height:31px; margin:0 0 0 -1px; color:#777777; font-size:12px; border:1px solid #d6d6d6;} 16517 .ly_date_check_list button:hover, 16518 .ly_date_check_list button.on{color:#ffffff; background:#aeaeae;} 16519 .ly_date_check_calendar{position:relative; float:left; margin:0 10px 0 10px;} 16520 .ly_date_check_calendar .anniversary{width:114px; background:url('../../img/member/icon_calendar.png') no-repeat right center;} 16521 /* ì¹´í ê³ ë¦¬ ìì */ 16522 .ly_date_select_list{margin:0 0 10px 0;} 16523 .ly_date_select_list h5{float:left; width:67px; padding:6px 15px 0 0; color:#777777; font-size:13px;} 16524 .ly_date_select_list select{float:left; width:140px;} 16525 .ly_date_select_list .select_box{display:inline-block;} 16526 /* ê²ìì´ ìì */ 16527 .ly_date_search_list{} 16528 .ly_date_search_list:after{display:block; clear:both; content:"";} 16529 .ly_date_search_list h5{float:left; width:67px; padding:6px 15px 0 0; color:#777777; font-size:13px;} 16530 .ly_date_search_list select{/*float:left;*/ width:140px;} 16531 .ly_date_search_list input[type="text"]{width:429px;} 16532 #lyCouponDown .ly_date_search_list input[type="text"]{ 16533 width:429px; 16534 height: 32px; 16535 border-radius: 0; 16536 } 16537 /* ìí 리ì¤í¸ */ 16538 .add_goods_layer .btn_center_box button{min-width: 180px; height: 45px;} 16539 .add_goods_layer .btn_center_box .btn_ly_date_check em{padding: 0 20px 0 10px; font-size: 16px; font-weight: 500; background-position: right 6px;} 16540 .add_goods_layer .pick_list_num{display:block; padding:20px 0 10px 0; font-size:14px;} 16541 .add_goods_layer .pick_list_num strong{color:#b70010;} 16542 .add_goods_layer .form_element{margin:0 0 0 20px;} 16543 .add_goods_layer .form_element label >
16543 .pick_add_cont{margin:0 0 0 30px;} 16544 /* ìí 리ì¤í¸ ì´ë¯¸ì§ + ë´ì© */ 16545 .add_goods_layer .top_table_type td{padding: 15px 10px 9px 10px;} 16546 .add_goods_layer .pick_add_cont{display:table; position:relative;} 16547 .add_goods_layer .pick_add_cont .pick_add_img{display:table-cell; width:38px; vertical-align:top; font-size: 0; background: #eceaeb;} 16548 .add_goods_layer .pick_add_cont .pick_add_img img{width: 60px; border:1px solid #dbdbdb; vertical-align:middle; box-sizing: border-box;} 16549 .add_goods_layer .pick_add_cont .pick_add_info{display:table-cell; padding:0 0 0 10px; vertical-align:middle;} 16550 .add_goods_layer .pick_add_cont .pick_add_info em{display:block; font-weight: 500;} 16551 .add_goods_layer .pick_add_cont .text_type_cont{display:block; padding:3px 0 3px 0; color:#a9a9a9; font-size:11px; line-height:1;} 16552 .add_goods_layer .pick_add_cont .pick_add_plus{display:inline-block; margin:15px 10px 0 10px; padding:1px 5px 3px 5px; color:#ffffff; font-size:11px; background:#959595;} 16553 .add_goods_layer .order_num_link{color:#329cff; border-bottom:1px solid #329cff;} 16554 /**íë¬ì¤ë¦¬ë·° ê°ì¸ì ë³´ëì**/ 16555 .input_wrap.ty3 { display: block; padding: 10px; -webkit-box-sizing: border-box; box-sizing:border-box; } 16556 .input_wrap.ty3 .input_title { display: block; padding-bottom: 10px; font-size: 14px; color: #333; font-weight: bold; } 16557 .input_wrap.ty3 .input_content { display: block; } 16558 .input_wrap.ty3 .input_content .textarea { width: 100%; border:none; height: 150px; resize: none; 16559 font-size: 14px; 16560 } 16561 16562 .plus_review_view{margin:0;} 16563 .plus_review_goods_search{margin:0 0 20px 0;} 16564 .plus_review_goods_search .plus_review_goods_option{padding:0 19px; width:1145px; margin:5px auto 0;} 16565 .plus_review_goods_search .plus_review_goods_option:after{content:''; display:block; clear:both;} 16566 .plus_review_goods_search .plus_review_goods_option > *{float:left; margin:0 0 0 10px} 16567 .plus_review_goods_search .plus_review_goods_option > *:first-child{margin:0;} 16568 .plus_review_goods_search .plus_review_goods_option select{width:245px;} 16569 .plus_review_goods_search .plus_review_goods_option input{width:265px; border:#cccccc 1px solid;} 16570 .plus_review_goods_search .plus_review_goods_option a.btn_search{line-height:31px; background:#666666; display:block; width:93px; text-align:center; padding-left:7px;} 16571 .plus_review_goods_search .plus_review_goods_option a.btn_search span{background:url('../../img/board/icon_white_search.png') right center no-repeat; padding-right:24px; display:inline-block; font-size:13px; color:#fff; font-weight:bold;} 16572 16573 .plus_review_view_search{margin:0 0 20px 0;} 16574 .plus_review_view_search > p{font-size:14px; font-weight:bold; color:#222222; text-align:center;} 16575 .plus_review_view_search .plus_review_search_option{padding:0 19px; width:1145px; margin:5px auto 0;} 16576 .plus_review_view_search .plus_review_search_option:after{content:''; display:block; clear:both;} 16577 .plus_review_view_search .plus_review_search_option > div{display:inline-block; text-align:left; margin:10px 6px 0 0; width:219px; position:relative;} 16578 .plus_review_view_search .plus_review_search_option > div > select{width:100%;} 16579 16580 .plus_review_view_list{border-top:none;} 16581 16582 .plus_review_alike_search_wrap{margin-top:45px; margin-bottom:30px; margin-left:30px;} 16583 .plus_review_alike_search_tit{font-size:18px; font-weight:bold; color:#333; border-bottom:#999999 1px solid; padding:0 0 10px 2px;} 16584 .plus_review_alike_search_tit > a{display:inline-block; width:31px; height:22px; overflow:hidden; vertical-align:middle;} 16585 .plus_review_alike_search_tit > a.on img{margin-top:-22px;} 16586 .plus_review_alike_search_area{position:relative;} 16587 .plus_review_alike_search_con{background:#fcfcfc; border:#f0f0f0 1px solid; border-top:none; display:none;} 16588 .plus_review_alike_search_con table{width:100%; table-layout: fixed; border-collapse: collapse;} 16589 .plus_review_alike_search_con table tr th{padding:17px 30px 17px 19px; text-align:left;} 16590 .plus_review_alike_search_con table tr td{padding:11px 0 17px 0; border-top:#e6e6e6 1px solid; vertical-align:top;} 16591 .plus_review_alike_search_con table tr:first-child td{border-top:none;} 16592 .plus_review_alike_search_con .choice_option{position:relative; padding:0 0 0 102px;} 16593 .plus_review_alike_search_con .choice_option .choice_all{position:absolute; top:0; left:0;} 16594 .plus_review_alike_search_con .choice_option .choice_each > div{margin-right:50px;} 16595 .plus_review_alike_search_con .choice_option .form_element{margin-top:6px;} 16596 .plus_review_alike_search_con .choice_option .form_element label.check_s{padding-left:32px;} 16597 .plus_review_loading{text-align:center; margin:10px 0;} 16598 16599 16600 16601 16602 16603 16604 16605 /* service_notice */ 16606 .service_board .board_zone_tit { 16607 margin: 0; 16608 } 16609 .service_board .board_list_table { 16610 border-top: 0; 16611 } 16612 .service_board .board_list_table tr td { 16613 color: #222; 16614 font-size: 16px; 16615 border-bottom: 2px solid #ddd; 16616 padding: 21px 14px; 16617 } 16618 .service_board .board_list_table tr td:nth-child(4), 16619 .service_board .board_list_table tr td:nth-child(6) { 16620 color: #959595; 16621 } 16622 .service_board .board_search_box { 16623 margin: 0; 16624 padding: 0; 16625 border-top: 0; 16626 border-bottom: 0; 16627 background: transparent; 16628 text-align: center; 16629 position: absolute; 16630 right: 0; 16631 top: 0; 16632 } 16633 .service_board .board_search_box .chosen-container { 16634 display: none; 16635 } 16636 .service_board .board_search_box input[type="text"] { 16637 width: 280px; 16638 height: 44px; 16639 padding: 0 40px 0 21px; 16640 border-radius: 4px; 16641 border: 2px solid #ddd; 16642 color: #999; 16643 font-size: 16px; 16644 } 16645 .service_board .board_search_box .btn_board_search { 16646 position: absolute; 16647 top: 13px; 16648 right: 12px; 16649 width: 18px; 16650 height: 18px; 16651 background: url(/img/icon/pc_ic_cs_search.png) no-repeat right center; 16652 background-size: 18px 18px; 16653 border: none; 16654 cursor: pointer; 16655 text-indent: -9999px; 16656 } 16657 .service_board .board_list_table tr td.td-end { 16658 text-align: right; 16659 color: #959595; 16660 } 16661 .text-right.td-end .bar, 16662 .bdview_txt .bar { 16663 margin-left: 28px; 16664 padding-left: 31px; 16665 display: inline-block; 16666 position: relative; 16667 } 16668 .text-right.td-end .bar::before, 16669 .bdview_txt .bar::before { 16670 position: absolute; 16671 left: 0; 16672 top: 4px; 16673 width: 2px; 16674 height: 16px; 16675 content: ''; 16676 background: #dfdfdf; 16677 } 16678 .noti_view .board_view_tit { 16679 border-top: 0; 16680 border-bottom: 0; 16681 background: #fff; 16682 padding: 20px; 16683 } 16684 .noti_view .board_view_tit h3 { 16685 font-size: 16px; 16686 color: #222; 16687 } 16688 .noti_view .board_view_tit strong { 16689 float: none; 16690 } 16691 .flex_be { 16692 display: flex; 16693 justify-content: space-between; 16694 } 16695 .noti_view .bdview_txt, 16696 .bdview_txt .bar { 16697 font-size: 16px; 16698 color: #959595; 16699 font-weight: normal; 16700 } 16701 .noti_view .board_view_content .seem_cont { 16702 background-color: #f5f5f5; 16703 padding: 40px 0 39px 32px; 16704 } 16705 .noti_view .btn_right_box { 16706 position: relative; 16707 top: inherit; 16708 left: inherit; 16709 text-align: center; 16710 margin-top: 60px; 16711 } 16712 .noti_view .btn_right_box button { 16713 display: block; 16714 width: 288px; 16715 height: 56px; 16716 margin: 0 auto; 16717 border-radius: 8px; 16718 border: 2px solid #b70010; 16719 background: #fff; 16720 color: #b70010; 16721 font-size: 20px; 16722 font-weight: 700; 16723 line-height: 1; 16724 } 16725 16726 /* 1:1 qa */ 16727 .qa_view.noti_view .board_view_info { 16728 border-top: 1px solid #dbdbdb; 16729 } 16730 .qa_view.noti_view .btn_right_box { 16731 display: flex; 16732 justify-content: center; 16733 } 16734 .qa_view .btn_bx { 16735 text-align: right; 16736 margin-top: 30px; 16737 } 16738 .qa_view .btn_bx button { 16739 background: none; 16740 border: 0; 16741 font-size: 16px; 16742 font-weight: 400; 16743 color: #999999; 16744 padding: 0 3px; 16745 line-height: 1; 16746 } 16747 .qa_view .board_view_tit .view_info_hits { 16748 font-size: 16px; 16749 color: #959595; 16750 } 16751 16752 /* event */ 16753 .event_board .event_tab { 16754 display: flex; 16755 margin-bottom: -10px; 16756 padding-top: 30px; 16757 } 16758 .event_board .event_tab li a { 16759 font-size: 16px; 16760 color: #999; 16761 } 16762 .event_board .event_tab li.on a { 16763 color: #222; 16764 font-weight: bold; 16765 } 16766 .event_board .event_tab li { 16767 margin-right: 40px; 16768 position: relative; 16769 } 16770 .event_board .event_tab li::before { 16771 position: absolute; 16772 right: -20px; 16773 top: 7px; 16774 width: 2px; 16775 height: 16px; 16776 content: ''; 16777 background: #ddd; 16778 } 16779 .event_board .event_tab li:last-child::before { 16780 display: none; 16781 } 16782 .event_board { 16783 width: 100%; 16784 margin: 0 auto; 16785 } 16786 .event_board .board_view_content .seem_cont { 16787 padding: 0; 16788 } 16789 16790 16791 /* ê³µì§ì¬í */ 16792 .body-notice{} 16793 .body-notice .board_zone_tit{ 16794 16795 } 16796 .body-notice .board_zone_tit h2{ 16797 font-size: 24px; 16798 font-weight: 700; 16799 line-height: 1; 16800 letter-spacing: -0.063em; 16801 } 16802 16803 16804 /* product qa */ 16805 .body-popup-goods-board-write, 16806 .mu_board_write_popup{ 16807 /* width: 440px; */ 16808 } 16809 .gd_write_cate, 16810 .gd_write_nm{ 16811 display: none; 16812 } 16813 .mu_board_write_popup .ly_tit{ 16814 padding: 14px 30px 0; 16815 }.mu_board_write_popup .ly_tit h4{ 16816 padding: 0 0 14px 0; 16817 font-size: 20px; 16818 } 16819 .mu_board_write_popup .ly_cont{ 16820 padding: 20px 30px 0px; 16821 } 16822 .mu_board_write_popup .top_item_photo_info{ 16823 display: flex; 16824 } 16825 .mu_board_write_popup .item_photo_box{ 16826 16827 } 16828 .mu_board_write_popup .item_info_box{ 16829 width: calc(100% - 92px); 16830 } 16831 .mu_board_write_popup .board_write_box{ 16832 margin: 0; 16833 margin-top: 5px; 16834 } 16835 .mu_board_write_popup .board_write_table{ 16836 table-layout: fixed; 16837 letter-spacing: -0.36px; 16838 } 16839 .mu_board_write_popup .board_write_table th{ 16840 padding: 0; 16841 text-align: center; 16842 padding-top: 15px; 16843 color: #3d3a35; 16844 background: none; 16845 border-bottom: none; 16846 } 16847 .mu_board_write_popup .board_write_table td{ 16848 padding: 15px; 16849 padding-right: 0; 16850 border-bottom: none; 16851 } 16852 .mu_board_write_popup .board_write_box .write_title{ 16853 width: 100%; 16854 -webkit-border-radius: 0; 16855 -moz-border-radius: 0; 16856 border-radius: 0; 16857 } 16858 .mu_board_write_popup .wirte_editor textarea{ 16859 border: 2px solid #ddd; 16860 height: 150px; 16861 } 16862 .mu_board_write_popup .file_upload_sec{ 16863 width: 100%; 16864 display: flex; 16865 flex-direction: column; 16866 margin: 0; 16867 } 16868 .mu_board_write_popup .board_write_table .file_upload_sec > label{ 16869 width: 100%; 16870 box-sizing: border-box; 16871 padding: 0; 16872 } 16873 .mu_board_write_popup .file_upload_sec > label .file_text{ 16874 -webkit-border-radius: 0; 16875 -moz-border-radius: 0; 16876 border-radius: 0; 16877 } 16878 .mu_board_write_popup .board_write_table .file_upload_sec .btn_upload_box{ 16879 width: 100%; 16880 margin-top: 10px; 16881 padding: 0; 16882 font-size: 0; 16883 } 16884 .mu_board_write_popup .board_write_table .file_upload_sec .btn_upload_box button{ 16885 -webkit-border-radius: 0; 16886 -moz-border-radius: 0; 16887 border-radius: 0; 16888 vertical-align: top; 16889 color: #fff; 16890 font-weight: 500; 16891 border: none; 16892 font-size: 15px; 16893 } 16894 .mu_board_write_popup .board_write_table .file_upload_sec .btn_upload_box .btn_upload{ 16895 background: #3d3a35; 16896 width: 50%; 16897 } 16898 .mu_board_write_popup .board_write_table .file_upload_sec .btn_upload_box .btn_gray_list{ 16899 background: rgba(61, 58, 53, 0.5); 16900 width: 50%; 16901 } 16902 .mu_board_write_popup .capcha{ 16903 width: 100%; 16904 display: flex; 16905 flex-direction: column; 16906 margin: 0; 16907 padding: 0; 16908 } 16909 .mu_board_write_popup .capcha_img{ 16910 width: 100%; 16911 box-sizing: border-box; 16912 border: 2px solid #ddd; 16913 display: flex; 16914 align-items: center; 16915 justify-content: center; 16916 } 16917 .mu_board_write_popup .capcha_txt{ 16918 padding: 0; 16919 } 16920 .mu_board_write_popup .capcha_txt p{ 16921 margin-top: 5px; 16922 } 16923 .mu_board_write_popup .capcha_txt input, 16924 .capcha_txt .btn_gray_list button{ 16925 -webkit-border-radius: 5px; 16926 -moz-border-radius: 5px; 16927 border-radius: 5px; 16928 border: 2px solid #ddd; 16929 } 16930 .mu_board_write_popup .btn_center_box{ 16931 font-size: 0; 16932 } 16933 .mu_board_write_popup .btn_center_box > *{ 16934 width: 50%; 16935 vertical-align: top; 16936 border: none; 16937 color: #fff; 16938 font-weight: 500; 16939 -webkit-border-radius: 0; 16940 -moz-border-radius: 0; 16941 border-radius: 0; 16942 display: inline-block; 16943 height: 50px; 16944 line-height: 50px; 16945 background: rgba(61, 58, 53, 0.5); 16946 } 16947 .mu_board_write_popup .btn_ly_cancel{ 16948 border: none; 16949 color: #fff; 16950 font-weight: 500; 16951 -webkit-border-radius: 0; 16952 -moz-border-radius: 0; 16953 border-radius: 0; 16954 width: 100%; 16955 } 16956 .mu_board_write_popup .btn_ly_write_ok{ 16957 background: #3d3a35; 16958 padding: 0; 16959 } 16960 16961 /* review write popup */ 16962 .mu_board_write_popup .form_element label.choice_s{ 16963 margin-right: 5px; 16964 } 16965 .form_element label.choice_s{ 16966 16967 } 16968 16969 16970 /****************************************** 16971 * PC 16972 * Service - delivery_system.css 16973 ******************************************/ 16974 .body-service .sub_content, 16975 .body-proc .sub_content, 16976 .body-mypage .sub_content { 16977 max-width: 1589px; 16978 width: 100%; 16979 margin: 0 auto; 16980 padding: 0 40px; 16981 padding-top: 80px; 16982 } 16983 .body-proc[class~="brand"] .sub_content { 16984 padding-top: 0; 16985 } 16986 .service_tit{ 16987 padding-bottom: 30px; 16988 border-bottom: 2px solid #222; 16989 } 16990 .service_tit h2{ 16991 font-size: 24px; 16992 font-weight:700; 16993 color: #212121; 16994 line-height:1; 16995 } 16996 .delivery_system{ 16997 float: left; 16998 width: calc(100% - 200px); 16999 padding: 0 20px; 17000 } 17001 .delivery_system .cont table{ 17002 width: 100%; 17003 } 17004 .delivery_system .cont table th, 17005 .delivery_system .cont table td{ 17006 font-family:'Spoqa Han Sans Neo'; 17007 text-align: left; 17008 padding: 22px 0 21px 10px; 17009 border-bottom: 2px solid #ddd; 17010 } 17011 .delivery_system .cont table th{ 17012 font-size:16px; 17013 font-weight:700; 17014 vertical-align: top; 17015 } 17016 .delivery_system .cont table th.delivery_company{ 17017 vertical-align: middle; 17018 } 17019 .delivery_system .cont table td{ 17020 font-size:16px; 17021 font-weight:400; 17022 vertical-align: top; 17023 } 17024 .delivery_system .cont table td span{ 17025 font-size: 14px; 17026 color: #999; 17027 display: block; 17028 } 17029 .delivery_system .cont table td ul li{ 17030 position: relative; 17031 font-size:16px; 17032 padding-left: 5px; 17033 margin-bottom: 8px; 17034 line-height: 1.5; 17035 } 17036 .delivery_system .cont table td ul li::after{ 17037 content:""; 17038 position: absolute; 17039 left: -5px; 17040 top: 12px; 17041 width: 2px; 17042 height: 2px; 17043 border-radius:100%; 17044 background: #222; 17045 } 17046 17047 /****************************************** 17048 * PC 17049 * Service - benefit.css 17050 ******************************************/ 17051 .benefit{ 17052 text-align: center; 17053 padding-bottom: 100px; 17054 } 17055 .benefit .cont{ 17056 display: inline-block; 17057 } 17058 .benefit .cont_mid .tab_btn{ 17059 display: flex; 17060 align-items: center; 17061 justify-content: flex-start; 17062 } 17063 .benefit .cont_mid .tab_btn > div{ 17064 cursor: pointer; 17065 } 17066 .benefit .cont_mid .tab_view{ 17067 position: relative; 17068 min-height: 600px; 17069 } 17070 .benefit .cont_mid .tab_view > div{ 17071 display: none; 17072 position: absolute; 17073 top: 0; 17074 left: 0; 17075 } 17076 .benefit .cont_mid .tab_view > div.view{ 17077 display: block; 17078 } 17079 .benefit .cont button{ 17080 margin-bottom: 100px; 17081 } 17082 17083 /****************************************** 17084 * PC 17085 * Service - line_product.css 17086 ******************************************/ 17087 .line_product{ 17088 text-align: center; 17089 } 17090 .line_product .cont{ 17091 display: inline-block; 17092 max-width: 936px; 17093 } 17094 .line_product .cont .list{ 17095 padding: 100px 44px 0; 17096 } 17097 .line_product .cont .product_sec{ 17098 width: 100%; 17099 } 17100 .line_product .cont .product_sec .list_tit{ 17101 width: 100%; 17102 text-align: left; 17103 margin: 70px 0; 17104 } 17105 .line_product .cont .product_sec .list_tit p{ 17106 font-size:32px; 17107 font-weight:700; 17108 }
17109 .line_product .cont .product_sec .list_tit p span{ 17110 font-size: 24px; 17111 font-weight:500; 17112 margin-left: 12px; 17113 } 17114 .line_product .cont .product_sec ul{ 17115 margin-top: 31px; 17116 display: flex; 17117 flex-wrap: wrap; 17118 justify-content: space-between; 17119 } 17120 .line_product .cont .product_sec ul li{ 17121 width: calc(100% / 3 - 22px); 17122 margin-bottom: 75px; 17123 } 17124 .line_product .cont .product_sec ul li .product_img{ 17125 width: 100%; 17126 height: auto; 17127 border-radius: 30px; 17128 overflow: hidden; 17129 } 17130 .line_product .cont .product_sec ul li strong{ 17131 display: block; 17132 margin-top: 31px; 17133 font-size: 24px; 17134 font-weight: 500; 17135 } 17136 .line_product .cont .product_sec ul li p{ 17137 margin-top: 14px; 17138 font-size: 18px; 17139 font-weight: 300; 17140 } 17141 .line_product .cont .product_sec .digress{ 17142 border-top: 1px solid #b6b6b6; 17143 padding-bottom: 70px; 17144 } 17145 .line_product .cont .product_sec .digress p{ 17146 margin-top: 19px; 17147 line-height: 1; 17148 font-size: 17px; 17149 color: #9b9b9b; 17150 text-align: left; 17151 } 17152 17153 17154 17155 17156 17157 /* store */ 17158 .body-proc #container { 17159 border-top: 0; 17160 } 17161 .body-proc .store_wrap { 17162 } 17163 .store_wrap > .tit { 17164 font-size: 20px; 17165 font-weight: bold; 17166 line-height: 1px; 17167 padding-bottom: 30px; 17168 border-bottom: 1px solid rgba(60, 57, 52, 0.2); 17169 } 17170 .nation_ul { 17171 display: flex; 17172 flex-wrap: wrap; 17173 } 17174 .store_wrap .board_list_gallery > ul li { 17175 padding: 0 0 20px; 17176 position: relative; 17177 width: 25%; 17178 } 17179 .store_wrap .board_list_gallery { 17180 padding-top: 55px; 17181 } 17182 .store_wrap .board_list_gallery > ul li:after { 17183 position: absolute; 17184 left: 6px; 17185 bottom: 0; 17186 content: ''; 17187 height: 1px; 17188 width: 250px; 17189 background: rgba(60, 57, 52, 0.2); 17190 } 17191 .store_wrap .gallery_info_cont .board_tit .board_tit_top strong { 17192 font-size: 18px; 17193 font-weight: bold; 17194 line-height: 1; 17195 margin-top: 15px; 17196 margin-bottom: 14px; 17197 } 17198 .store_wrap .gallery_info_cont .board_tit .board_tit_bot .preview p, 17199 .store_wrap .gallery_info_cont .board_tit .board_tit_bot .preview { 17200 font-size: 15px; 17201 font-weight: normal; 17202 line-height: 1; 17203 padding-left: 0; 17204 } 17205 .store_wrap .board_search_box { 17206 display: none; 17207 } 17208 .store_wrap .board_name_day, 17209 .store_wrap .board_likeit_hits { 17210 display: none; 17211 } 17212 .store_wrap .board_img a img { 17213 width: auto; 17214 height: auto; 17215 position: relative; 17216 top: auto; 17217 left: auto; 17218 transform: initial; 17219 height: 44px; 17220 /*width: 44px;*/ 17221 } 17222 .store_wrap .board_img::before { 17223 padding-top: 0; 17224 } 17225 .store_wrap .gallery_cont { 17226 padding: 0; 17227 } 17228 .store_wrap .board_img { 17229 text-align: left; 17230 border-radius: 0; 17231 height: auto; 17232 } 17233 .store_wrap .board_img a { 17234 display: block; 17235 position: relative; 17236 top: auto; 17237 left: auto; 17238 } 17239 .store_wrap .gallery_info_cont { 17240 padding: 0; 17241 text-align: left; 17242 } 17243 .store_wrap .gallery_info_cont .board_tit { 17244 margin: 0 0 0 0; 17245 padding-left: 7px; 17246 } 17247 17248 17249 17250 17251 17252 17253 17254 17255 17256 17257 /* .board_zone_sec {margin-top:80px;} */ 17258 #container .sub_content { 17259 width: 1509px; 17260 margin: 0 auto; 17261 padding: 0 0 0 0; 17262 padding-top: 80px; 17263 } 17264 17265 .store_wrap .gallery_info_cont .board_tit .board_tit_bot .preview p {display:none;} 17266</style> 17267 17268 17269 17270 17271 17272 17273<style> 17274 .store_wrap .board_list_gallery > ul li:after {display:none!important;} 17275 .store_wrap .gallery_info_cont .board_tit .board_tit_top strong {display:none!important;} 17276</style> 17277 17278 17279 17280 17281 17282 17283<div class="content"> 17284 <div class="board_zone_sec store_wrap"> 17285 <div class="board_zone_tit tit"> 17286 Stores 17287 </div> 17288 17289 <div class="board_zone_cont"> 17290 <div class="board_zone_list" align="center"> 17291 <table class="board_list_table dis-no" style="width:100%"> 17292 <colgroup> 17293 <col style="width:60px"> 17294 <col> 17295 <col style="width:100px"> 17296 <col style="width:80px"> 17297 </colgroup> 17298 <!-- <thead> 17299 <tr> 17300 <th>Number</th> 17301 <th>Title</th> 17302 <th>Date</th> 17303 <th>Writer</th> 17304 </tr> 17305 </thead> --> 17306 <tbody> 17307 </tbody> 17308 </table> 17309 </div> 17310 <!-- //board_zone_list --> 17311 </div> 17312 <!-- //board_zone_cont --> 17313 17314 <div class="board_zone_cont"> 17315 <div class="board_zone_list"> 17316 <div class="board_list_gallery"> 17317 <ul> 17318 <!--íí --> 17319 <li style="width:25%"> 17320 <div class="gallery_cont"> 17321 <div class="board_img"> 17322 <a target="_blank" href="https://www.qoo10.jp/shop/manyofactory"> 17323 <img src="/storage/manyoglobalJP/www/frontstore/store_icon02.png"> 17324 </a> 17325 </div> 17326 <div class="gallery_info_cont"> 17327 17328 <div class="board_tit"> 17329 <a target="_blank" href="https://www.qoo10.jp/shop/manyofactory"> 17330 17331 <div class="board_tit_top"> 17332 <span class="board_secret dis-no"> 17333 </span> 17334 <strong> 17335 Qoo10 17336 </strong> 17337 <span class="board_tit_icon dis-no"> 17338 <img src="https://cdn-saas-web-217-134.cdn-nhncommerce.com/manyo085580_godomall_com/data/skin/front/mu_manyo_en/board/skin/gallery/img/icon/icon_board_attach_file.png" alt="With file attachment"> 17339 </span> 17340 </div> 17341 <div class="board_tit_bot"> 17342 <div class="preview"><p>Qoo10 </p></div> 17343 <span class="reply_count dis-no"> 17344 </span> 17345 </div> 17346 </a> 17347 </div> 17348 17349 <div class="board_name_day"> 17350 <span class="board_name">Admin</span> 17351 <span class="board_day"><span>2023.05.30</span></span> 17352 </div> 17353 <div class="board_likeit_hits"> 17354 <span class="board_hits"></span> 17355 </div> 17356 </div> 17357 <!-- //gallery_info_cont --> 17358 </div> 17359 <!-- //gallery_cont --> 17360 </li> 17361 17362 <!--ë¼ì¿ í --> 17363 <li style="width:25%"> 17364 <div class="gallery_cont"> 17365 <div class="board_img"> 17366 <a target="_blank" href="https://www.rakuten.co.jp/manyo-official/"> 17367 <img src="/storage/manyoglobalJP/www/frontstore/store_icon03.png"> 17368 </a> 17369 </div> 17370 <div class="gallery_info_cont"> 17371 17372 <div class="board_tit"> 17373 <a target="_blank" href="https://www.rakuten.co.jp/manyo-official/"> 17374 17375 <div class="board_tit_top"> 17376 <span class="board_secret dis-no"> 17377 </span> 17378 <strong> 17379 Rakuten 17380 </strong> 17381 <span class="board_tit_icon dis-no"> 17382 <img src="https://cdn-saas-web-217-134.cdn-nhncommerce.com/manyo085580_godomall_com/data/skin/front/mu_manyo_en/board/skin/gallery/img/icon/icon_board_attach_file.png" alt="With file attachment"> 17383 </span> 17384 </div> 17385 <div class="board_tit_bot"> 17386 <div class="preview"><p>Rakuten </p></div> 17387 <span class="reply_count dis-no"> 17388 </span> 17389 </div> 17390 </a> 17391 </div> 17392 17393 <div class="board_name_day"> 17394 <span class="board_name">Admin</span> 17395 <span class="board_day"><span>2023.05.30</span></span> 17396 </div> 17397 <div class="board_likeit_hits"> 17398 <span class="board_hits"></span> 17399 </div> 17400 </div> 17401 <!-- //gallery_info_cont --> 17402 </div> 17403 <!-- //gallery_cont --> 17404 </li> 17405 17406 <!--ìë§ì¡´---> 17407 <li style="width:25%"> 17408 <div class="gallery_cont"> 17409 <div class="board_img"> 17410 <a target="_blank" href="https://www.amazon.co.jp/manyo"> 17411 <img src="/storage/manyoglobalJP/www/frontstore/store_icon01.png"> 17412 </a> 17413 </div> 17414 <div class="gallery_info_cont"> 17415 17416 <div class="board_tit"> 17417 <a target="_blank" href="https://www.amazon.co.jp/manyo"> 17418 17419 <div class="board_tit_top"> 17420 <span class="board_secret dis-no"> 17421 </span> 17422 <strong> 17423 amazon 17424 </strong> 17425 <span class="board_tit_icon dis-no"> 17426 <img src="https://cdn-saas-web-217-134.cdn-nhncommerce.com/manyo085580_godomall_com/data/skin/front/mu_manyo_en/board/skin/gallery/img/icon/icon_board_attach_file.png" alt="With file attachment"> 17427 </span> 17428 </div> 17429 <div class="board_tit_bot"> 17430 <div class="preview"><p>Amazon </p></div> 17431 <span class="reply_count dis-no"> 17432 </span> 17433 </div> 17434 </a> 17435 </div> 17436 17437 <div class="board_name_day"> 17438 <span class="board_name">Admin</span> 17439 <span class="board_day"><span>2023.05.30</span></span> 17440 </div> 17441 <div class="board_likeit_hits"> 17442 <span class="board_hits"></span> 17443 </div> 17444 </div> 17445 <!-- //gallery_info_cont --> 17446 </div> 17447 <!-- //gallery_cont --> 17448 </li> 17449 17450 <!--ì£ì½ì¤ë©---> 17451 <li style="width:25%"> 17452 <div class="gallery_cont"> 17453 <div class="board_img"> 17454 <a target="_blank" href="https://www.cosme.com/brand/index.php?brand_id=107893"> 17455 <img src="http://manyo-japanese.com/storage/manyoglobalJP/www/frontstore/logo_acosme.png"> 17456 </a> 17457 </div> 17458 <div class="gallery_info_cont"> 17459 17460 <div class="board_tit"> 17461 <a target="_blank" href="https://www.cosme.com/brand/index.php?brand_id=107893"> 17462 17463 <div class="board_tit_top"> 17464 <span class="board_secret dis-no"> 17465 </span> 17466 <strong> 17467 Cosme shopping 17468 </strong> 17469 <span class="board_tit_icon dis-no"> 17470 <img src="http://manyo-japanese.com/storage/manyoglobalJP/www/frontstore/logo_acosme.png" alt="With file attachment"> 17471 </span> 17472 </div> 17473 <div class="board_tit_bot"> 17474 <div class="preview"><p>Cosme shopping </p></div> 17475 <span class="reply_count dis-no"> 17476 </span> 17477 </div> 17478 </a> 17479 </div> 17480 17481 <div class="board_name_day"> 17482 <span class="board_name">Admin</span> 17483 <span class="board_day"><span>2023.05.30</span></span> 17484 </div> 17485 <div class="board_likeit_hits"> 17486 <span class="board_hits"></span> 17487 </div> 17488 </div> 17489 <!-- //gallery_info_cont --> 17490 </div> 17491 <!-- //gallery_cont --> 17492 </li> 17493 17494 17495 <!--ì¡°ì¡°íì´---> 17496 <li style="width:25%"> 17497 <div class="gallery_cont"> 17498 <div class="board_img"> 17499 <a target="_blank" href="https://zozo.jp/shop/manyofactory/"> 17500 <img src="/storage/manyoglobalJP/www/frontstore/store_icon05.png"> 17501 </a> 17502 </div> 17503 <div class="gallery_info_cont"> 17504 17505 <div class="board_tit"> 17506 <a target="_blank" href="https://zozo.jp/shop/manyofactory/"> 17507 17508 <div class="board_tit_top"> 17509 <span class="board_secret dis-no"> 17510 </span> 17511 <strong> 17512 Zozotown 17513 </strong> 17514 <span class="board_tit_icon dis-no"> 17515 <img src="https://cdn-saas-web-217-134.cdn-nhncommerce.com/manyo085580_godomall_com/data/skin/front/mu_manyo_en/board/skin/gallery/img/icon/icon_board_attach_file.png" alt="With file attachment"> 17516 </span> 17517 </div> 17518 <div class="board_tit_bot"> 17519 <div class="preview"><p>Zozotown </p></div> 17520 <span class="reply_count dis-no"> 17521 </span> 17522 </div> 17523 </a> 17524 </div> 17525 17526 <div class="board_name_day"> 17527 <span class="board_name">Admin</span> 17528 <span class="board_day"><span>2023.05.30</span></span> 17529 </div> 17530 <div class="board_likeit_hits"> 17531 <span class="board_hits"></span> 17532 </div> 17533 </div> 17534 <!-- //gallery_info_cont --> 17535 </div> 17536 <!-- //gallery_cont --> 17537 </li> 17538 17539 <!--ì¤íë¼ì¸---> 17540 <li style="width:25%"> 17541 <div class="gallery_cont"> 17542 <div class="board_img"> 17543 <a target="_blank" href="/Board/list/board_name/offstore"> 17544 <img src="/storage/manyoglobalJP/www/frontstore/store_icon06.png"> 17545 </a> 17546 </div> 17547 <div class="gallery_info_cont"> 17548 <div class="board_tit"> 17549 <a target="_blank" href="/Board/list/board_name/offstore"> 17550 <div class="board_tit_top"> 17551 <strong>offline store</strong> 17552 </div> 17553 </a> 17554 </div> 17555 17556 </div> 17557 <!-- //gallery_info_cont --> 17558 </div> 17559 <!-- //gallery_cont --> 17560 </li> 17561 17562 </ul>
17563 </div> 17564 <!-- //board_list_gallery --> 17565 17566 <div class="pagination"><ul><li class="on"><span>1</span></li></ul></div> 17567 <!-- //pagination --> 17568 17569 <div class="board_search_box"> 17570 <form name="frmList" id="frmList" action="list.php" method="get"> 17571 <input type="hidden" name="bdId" value="stores"> 17572 <input type="hidden" name="memNo" value=""> 17573 <input type="hidden" name="noheader" value=""> 17574 <input type="hidden" name="mypageFl" value=""> 17575 17576 <select class="chosen-select" name="searchField" style="display: none;"> 17577 <option value="subject">Title</option> 17578 <option value="contents">Content</option> 17579 <option value="writerNm">Writer</option> 17580 </select><div class="chosen-container chosen-container-single chosen-container-single-nosearch" title="" style="width: 0px;"><a class="chosen-single"> 17581 <span>Title</span> 17582 <div><b></b></div> 17583 </a> 17584 <div class="chosen-drop"> 17585 <div class="chosen-search"> 17586 <input class="chosen-search-input" type="text" autocomplete="off" readonly=""> 17587 </div> 17588 <ul class="chosen-results"></ul> 17589 </div></div> 17590 17591 <input type="text" class="text" name="searchWord" value=""> 17592 <button class="btn_board_search"><em>Search</em></button> 17593 </form>
17594 </div> 17595 <!-- //board_search_box --> 17596 17597 </div> 17598 <!-- //board_zone_list --> 17599 </div> 17600 <!-- //board_zone_cont --> 17601 17602 </div> 17603 <!-- //board_zone_sec --> 17604 17605 <form id="frmWritePassword"> 17606 <div id="lyPassword" class="dn layer_wrap password_layer" style="height: 226px"> 17607 <div class="layer_wrap_cont"> 17608 <div class="ly_tit"> 17609 <h4>Password authentication</h4> 17610 </div> 17611 <div class="ly_cont"> 17612 <div class="scroll_box"> 17613 <p>Please enter a password</p> 17614 <input type="password" name="writerPw" class="text"> 17615 </div> 17616 <!-- // --> 17617 <div class="btn_center_box"> 17618 <button type="button" class="btn_ly_password js_submit"><strong>Confirm</strong></button> 17619 </div> 17620 </div> 17621 <!-- //ly_cont --> 17622 <a href="#close" class="ly_close layer_close"><img src="https://cdn-saas-web-217-134.cdn-nhncommerce.com/manyo085580_godomall_com/data/skin/front/mu_manyo_en/img/common/layer/btn_layer_close.png" alt="Close"></a> 17623 </div> 17624 <!-- //layer_wrap_cont --> 17625 </div> 17626 <!-- //layer_wrap --> 17627 </form> 17628 17629 17630
17630<script type="text/javascript" src="/data/skin/front/mu_manyo_en/js/gd_board_list.js" charset="utf-8"></script>
17630 17631
17631<script> 17632 $(document).ready(function () { 17633 $('img.js_image_load').error(function () { 17634 $(this).css('background', 'url("/data/skin/front/mu_manyo_en/board/skin/gallery/img/etc/noimg.png") no-repeat center center'); 17635 $(this).attr('src', '/data/skin/front/mu_manyo_en/img/etc/blank.gif'); 17636 }) 17637 .each(function () { 17638 $(this).attr("src", $(this).attr("src")); 17639 }) 17640 }); 17641 </script>
17641 17642</div> </div><!-- #content --> 17643 </div><!-- #contentWrap --> 17644 </div><!-- #contentWrapper--> 17645 <hr /> 17646 </div> 17647</div> 17648</div> 17649</div> 17650 17651<style type="text/css"> 17652 #footer .foot_info_list {} 17653 #footer .foot_info_list h2 {display:block; color:#fff; font-size:13px; margin:0 0 10px -10px;} 17654 #footer .foot_info_list dl {display:block; float:none; overflow: hidden;} 17655 #footer .foot_info_list dl:before {display:none;} 17656 17657 #footer .foot_cont.inner-main { 17658 max-width: 1590px; 17659 width: 100%; 17660 margin: 0 auto; 17661 padding: 0 40px; 17662 } 17663 #footer_wrap .familybox .snsicon li a {background:none!important;} 17664 #footer_wrap .familybox .snsicon li a img {display:block;} 17665 /*.foot_cont .foot_info_list dt {width:120px;}*/ 17666 17667 .sns_text a { color:white; font-size:15px;} 17668 .sns_text span {color:#fff; padding:0 10px; font-size:11px; font-weight:normal;} 17669</style> 17670 17671 17672 17673 17674 17675 17676<style> 17677 #footer_wrap { margin: 0 auto; border-top: 2px solid #000;} 17678 #footer_wrap, #footer {background-color:/*#f5fd5a!important;*/ #fff!important;} 17679 .foot_cont .foot_info_list dt {font-size:13.5px!important;} 17680 .foot_cont .foot_info_list dt, .foot_cont .foot_info_list dd, .foot_cont .copyright p, .sns_text a {color:#000 !important;} 17681 #footer_wrap .familybox .sns_wrap {border-bottom: 1px solid #000!important;} 17682 #footer_wrap .familybox .bsite_inner ul {border-bottom:1px solid #bcbcbc!important;} 17683 17684 .flex.snsicon {margin:40px 0px 15px 0px ;} 17685.flex.snsicon img { width: 40px; padding-right: 8px;} 17686</style> 17687 17688 17689 17690 17691 17692 17693 17694 17695 17696<div id="footer_wrap"> 17697<div id="footer"> 17698 <div class="content_info_wrap inner-main"> 17699 <div class=""> 17700 <div class="logo"> 17701 <a href="/"> 17702 <img src="/storage/manyoglobalJP/www/frontstore/Logo.png" alt="manyo"> 17703 </a> 17704 </div>
17705 </div> 17706 <!-- //content_info --> 17707 17708 <div class="familybox"> 17709 <div class="bsite"> 17710 <div class="bsite_inner" onclick="familySite()"> 17711 <div class="tit"> 17712 <span>Brand Site</span> 17713 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="8" viewBox="820 225 240 130"> 17714 <path d="M1059.57,231.81c0,1.7-.65,3.4-1.94,4.69l-114.44,114.44c-1.24,1.24-2.93,1.94-4.69,1.94s-3.45-.7-4.69-1.94l-114.44-114.44c-2.59-2.59-2.59-6.8,0-9.39s6.79-2.59,9.39,0l109.74,109.74,109.74-109.74c2.59-2.59,6.8-2.59,9.39,0,1.3,1.3,1.94,3,1.94,4.69Z"></path> 17715 </svg> 17716 <!-- <img src="https://cdn-saas-web-217-134.cdn-nhncommerce.com/manyo085580_godomall_com/img/icon/arr_dw.png"> --> 17717 </div> 17718 <ul> 17719 <li><a href="https://www.manyo.co.kr" target="_blank">ma:nyo official site - Korean</a></li> 17720 <li><a href="http://manyoglobal.com/" target="_blank">ma:nyo official site - English</a></li> 17721 <li><a href="https://manyo-chinese.com/" target="_blank">ma:nyo official site - Chinese</a></li> 17722 <!-- <li><a href="/" target="_blank">ë°ëë¼ë¶í°í¬</a></li> --> 17723 <!-- <li><a href="/" target="_blank">ììë¹ê±´</a></li> --> 17724 </ul> 17725 </div> 17726 </div> 17727 17728 </div> 17729 <!-- //familybox --> 17730 </div> 17731 <!-- //content_info_wrap --> 17732 17733 <!-- //foot_list --> 17734 <div class="foot_cont inner-main"> 17735 <!-- //foot_logo --> 17736 <div class="foot_info"> 17737 <div class="foot_info_list"> 17738 <dl> 17739 <dt>MANYO FACTORY CO.,LTD. </dt> 17740 <!--<dd>éå¥³å·¥å ´</dd>--> 17741 </dl> 17742 <dl> 17743 <dt>Samwon Tower 4th Floor 124 Teheran-ro, Gangnam-gu, Seoul, Republic of Korea </dt> 17744 <!-- <dd>ãã ã»ã®ãã§ã³ãã½ã³ã»ã¸ã</dd>--> 17745 </dl> 17746 <dl> 17747 <dt>MANYO FACTORY CO.,LTD. </dt> 17748 <!-- <dd>82 70-5029-2376</dd>--> 17749 </dl> 17750 17751 17752 </div> 17753 17754 17755 17756 <ul class="flex snsicon"> 17757 <li><a href="https://www.Instagram.com/manyo.Japan/" target="_blank"><img src="/storage/manyoglobalJP/www/frontstore/Instagram.png" alt="icon"></a></li> 17758 <li><a href="https://x.com/manyojapan" target="_blank"><img src="/storage/manyoglobalJP/www/frontstore/X.png" alt="icon"></a></li> 17759 <li><a href="https://lin.ee/ph2EfNN" target="_blank"><img src="/storage/manyoglobalJP/www/frontstore/Line.png" alt="icon"></a></li> 17760 17761 17762 17763 <!--<li><a href="https://line.me/R/ti/p/%40130yjonh" target="_blank"><img src="/storage/manyoglobalJP/www/frontstore/youtube.png" alt="icon"></a></li> 17764 <li><a href="https://twitter.com/manyojapan" target="_blank"><img src="/storage/manyoglobalJP/www/frontstore/pinterest.png" alt="icon"></a></li> 17765 <li><a href="https://twitter.com/manyojapan" target="_blank"><img src="/storage/manyoglobalJP/www/frontstore/Kakaotalk.png" alt="icon"></a></li> 17766 <li><a href="https://twitter.com/manyojapan" target="_blank"><img src="/storage/manyoglobalJP/www/frontstore/X.png" alt="icon"></a></li> 17767 <li><a href="https://twitter.com/manyojapan" target="_blank"><img src="/storage/manyoglobalJP/www/frontstore/tiktok.png" alt="icon"></a></li>--> 17768 </ul> 17769 17770 17771 17772 <div class="flex sns_wrap"> 17773 <p class="sns_text"> 17774 <a href="/Paper/view/code/contactus" style=" font-weight: bold; 17775 position: absolute; 17776 right: 440px; 17777 bottom: 163px;">ãåãåãã </a> 17778 <!-- <a href="/Paper/view/code/contactus" style=" font-weight: bold;">ãåãåãã </a> 17779 <a href="/Board/list/board_name/consult">ãåãåãã</a>--> 17780 <!-- 17781 <select onchange="if(this.value) location.href=(this.value);" class="c02"> 17782 <option value="new">Contact us</option> 17783 <option value="/Board/write/board_name/contact_b2b">伿¥ã®æ¹ã¯ãã¡ãâ</option> 17784 <option value="/Board/write/board_name/contact_customer"">ä¸è¬ã®æ¹ã¯ãã¡ãâ</option> 17785 </select> 17786 --> 17787 </p> 17788 17789 </div> 17790 17791 17792 17793 17794 <div class="copyright"> 17795 <p style="color:#a8a899!important;">COPYRIGHT © MANYOFACTORY ALL RIGHTS RESERVED.</p> 17796 </div> 17797 </div> 17798 <!-- //foot_info --> 17799 </div> 17800 17801 17802 17803 17804 <!-- //foot_cont --> 17805 <div class="foot_certify dis-no">
17806 <span></span> 17807 <span></span> 17808 <span></span> 17809 </div> 17810 <!-- //foot_certify --> 17811</div> 17812<!-- //footer --> 17813 17814
17815<script> 17816 17817 17818 // window.addEventListener("contextmenu", e => e.preventDefault()); // ì°í´ë¦ë°©ì§ 17819 17820 17821 17822 17823//biz number info 17824function onopen() { 17825 event.preventDefault(); 17826 var url = 17827 "https://www.inicis.com/images/0417_pop1.jsp?no_comp=1088600365"; 17828 window.open(url, "bizCommPop", "width=456;, height=691;"); 17829} 17830/* function wisaOpen(url,name,scroll,w,h) { 17831 event.preventDefault(); 17832 return window.open(url,name,'top=10px,left=10px,height='+h+'px,width='+w+'px,status=yes,resizable=yes,scrollbars='+scroll+',toolbar=no,menubar=no'); 17833} */ 17834 17835 17836</script>
17836 17837 </div> 17838 17839
17840<script type='text/javascript'> 17841function MSLOG_loadJavascript(url) { 17842 var head= document.getElementsByTagName('head')[0]; 17843 var script= document.createElement('script'); 17844 script.type= 'text/javascript'; 17845 var loaded = false; 17846 script.onreadystatechange= function () { 17847 if (this.readyState == 'loaded' || this.readyState == 'complete') 17848 { if (loaded) { return; } loaded = true; } 17849 } 17850 script.src = url; 17851 head.appendChild(script); 17852} 17853var MSLOG_charset = 'utf-8'; 17854var MSLOG_server = 'https://log22.makeshop.co.kr'; 17855var MSLOG_code = 'manyoglobalJP'; 17856var MSLOG_var = 'V1ZSdmVVOXVkSHBQYW1jMlNXMU9iMWxZU21aak1sWXdTV3AwZWs5cVZUWkpiRlpWVW1rd05FbHFkSHBQYWxrMlNXMVNiR1J0YkdwYVUwazNZM3B2ZUU5cFNqTkphblE1'; 17857if (document.charset) MSLOG_charset = document.charset.toLowerCase(); 17858if (document.characterSet) MSLOG_charset = document.characterSet.toLowerCase(); //firefox; 17859MSLOG_loadJavascript(MSLOG_server + '/js/mslog.js?r=' + Math.random()); 17860</script>
17860 17861 17862 17863 17864 17865 17866 17867<!-- ROLLOVER IMG:S -->
17868<script> 17869$(document).ready(function() { 17870 $("img").hover(function() { 17871 if($(this).attr("rollover")) { 17872 var temp = $(this).attr("src"); 17873 $(this).attr("src", $(this).attr("rollover")); 17874 $(this).attr("rollover", temp); 17875 } 17876 }); 17877}); 17878</script>
17878 17879<!-- ROLLOVER IMG:E --> </div><!-- #wrap --> 17880 17881 17882 17883 17884 </body> 17885</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.