@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(/fonts/glyphicons-halflings-regular.eot);src:url(/fonts/glyphicons-halflings-regular.eot) format("embedded-opentype"),url(/fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(/fonts/glyphicons-halflings-regular.woff) format("woff"),url(/fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(data:image/svg+xml;base64,ZXhwb3J0IGRlZmF1bHQgX193ZWJwYWNrX3B1YmxpY19wYXRoX18gKyAiZm9udHMvZ2x5cGhpY29ucy1oYWxmbGluZ3MtcmVndWxhci5zdmciOw==) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{box-sizing:border-box}:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition-property:height,visibility;transition-duration:.35s;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{transform:translate(0,-25%);transition:transform .3s ease-out}.modal.in .modal-dialog{transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}[dir="ltr"] .tooltip{text-align:left}[dir="rtl"] .tooltip{text-align:right}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}[dir="ltr"] .popover{text-align:left}[dir="rtl"] .popover{text-align:right}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{transition:transform .6s ease-in-out;backface-visibility:hidden;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
.ispinner {
  position: relative;
  width: 20px;
  height: 20px; }
  .ispinner .ispinner-blade {
    position: absolute;
    top: 6.5px;
    left: 8.5px;
    width: 2.5px;
    height: 6.5px;
    background-color: #8e8e93;
    border-radius: 1.25px;
    animation: iSpinnerBlade 1s linear infinite;
    will-change: opacity; }
    .ispinner .ispinner-blade:nth-child(1) {
      transform: rotate(45deg) translateY(-6.5px);
      animation-delay: -1.625s; }
    .ispinner .ispinner-blade:nth-child(2) {
      transform: rotate(90deg) translateY(-6.5px);
      animation-delay: -1.5s; }
    .ispinner .ispinner-blade:nth-child(3) {
      transform: rotate(135deg) translateY(-6.5px);
      animation-delay: -1.375s; }
    .ispinner .ispinner-blade:nth-child(4) {
      transform: rotate(180deg) translateY(-6.5px);
      animation-delay: -1.25s; }
    .ispinner .ispinner-blade:nth-child(5) {
      transform: rotate(225deg) translateY(-6.5px);
      animation-delay: -1.125s; }
    .ispinner .ispinner-blade:nth-child(6) {
      transform: rotate(270deg) translateY(-6.5px);
      animation-delay: -1s; }
    .ispinner .ispinner-blade:nth-child(7) {
      transform: rotate(315deg) translateY(-6.5px);
      animation-delay: -0.875s; }
    .ispinner .ispinner-blade:nth-child(8) {
      transform: rotate(360deg) translateY(-6.5px);
      animation-delay: -0.75s; }
  .ispinner.ispinner-large {
    width: 35px;
    height: 35px; }
    .ispinner.ispinner-large .ispinner-blade {
      top: 11.5px;
      left: 15px;
      width: 5px;
      height: 12px;
      border-radius: 2.5px; }
      .ispinner.ispinner-large .ispinner-blade:nth-child(1) {
        transform: rotate(45deg) translateY(-11.5px); }
      .ispinner.ispinner-large .ispinner-blade:nth-child(2) {
        transform: rotate(90deg) translateY(-11.5px); }
      .ispinner.ispinner-large .ispinner-blade:nth-child(3) {
        transform: rotate(135deg) translateY(-11.5px); }
      .ispinner.ispinner-large .ispinner-blade:nth-child(4) {
        transform: rotate(180deg) translateY(-11.5px); }
      .ispinner.ispinner-large .ispinner-blade:nth-child(5) {
        transform: rotate(225deg) translateY(-11.5px); }
      .ispinner.ispinner-large .ispinner-blade:nth-child(6) {
        transform: rotate(270deg) translateY(-11.5px); }
      .ispinner.ispinner-large .ispinner-blade:nth-child(7) {
        transform: rotate(315deg) translateY(-11.5px); }
      .ispinner.ispinner-large .ispinner-blade:nth-child(8) {
        transform: rotate(360deg) translateY(-11.5px); }

@keyframes iSpinnerBlade {
  0% {
    opacity: 0.85; }
  50% {
    opacity: 0.25; }
  100% {
    opacity: 0.25; } }

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(/static/fonts/webfonts/fa-brands-400.eot);src:url(/static/fonts/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/static/fonts/webfonts/fa-brands-400.woff2) format("woff2"),url(/static/fonts/webfonts/fa-brands-400.woff) format("woff"),url(/static/fonts/webfonts/fa-brands-400.ttf) format("truetype"),url(/static/fonts/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(/static/fonts/webfonts/fa-regular-400.eot);src:url(/static/fonts/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/static/fonts/webfonts/fa-regular-400.woff2) format("woff2"),url(/static/fonts/webfonts/fa-regular-400.woff) format("woff"),url(/static/fonts/webfonts/fa-regular-400.ttf) format("truetype"),url(/static/fonts/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(/static/fonts/webfonts/fa-solid-900.eot);src:url(/static/fonts/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/static/fonts/webfonts/fa-solid-900.woff2) format("woff2"),url(/static/fonts/webfonts/fa-solid-900.woff) format("woff"),url(/static/fonts/webfonts/fa-solid-900.ttf) format("truetype"),url(/static/fonts/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/* @import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css"); */

/* import font */
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: local('Spoqa Han Sans Neo Bold'),
  url(/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: local('Spoqa Han Sans Neo Medium'),
  url(/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: local('Spoqa Han Sans Neo Regular'),
  url(/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  src: local('Spoqa Han Sans Neo Light'),
  url(/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
}

@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}

/* Color palette */
html {
  scroll-behavior: auto;
  font-size: 16px;
}

:root {
  --background-color-home: #f5f9fd;
  --background-color-border: #e6eef5;
  --background-color-why: #11358e;
  --background-color-trust-mining: #f1f5fd;
  --background-color-team: #213067;
  --background-color-light-blue: #adc3ff;
  --background-color-blue: #446ee1;
  --background-bottom: #282f3c;
  --dark-sky-blue: #449de1;
  --header-line: #eaf2f9;
}

.common-button-1 {
  padding: 15px;
  background: rgb(32, 97, 226);
  color: #ffffff !important;
  font-weight: 400;
  font-weight: 400;
  font-weight: var(--font-family-regular);
  border-radius: 12px !important;
}
.common-button-1 img {
  margin-right: 8px;
}
.common-button-1:hover {
  background: #2245a5 !important;
  color: #ffffff !important;
}

.btn:active:focus,
.btn:focus {
  outline: transparent !important;
}

:focus {
  outline: transparent !important;
}

.btn-default:active {
  box-shadow: none !important;
}

.common-button-1:active {
  background: #2245a5;
  color: #ffffff !important;
}

.common-button-1:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-2 {
  background: #979eaf !important;
  color: #ffffff !important;
}

.common-button-2:hover {
  background: #65708b !important;
  color: #ffffff !important;
}

.common-button-2:active {
  background: #65708b !important;
  color: #ffffff !important;
}

.common-button-2:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-3 {
  background: #538fea !important;
  color: #ffffff !important;
}

.common-button-3:hover {
  background: #1d69dd !important;
  color: #ffffff !important;
}

.common-button-3:active {
  background: #1d69dd !important;
  color: #ffffff !important;
}

.common-button-3:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-4 {
  background: #757a88 !important;
  color: #ffffff !important;
}

.common-button-4:hover {
  background: #5f6779 !important;
  color: #ffffff !important;
}

.common-button-4:active {
  background: #5f6779 !important;
  color: #ffffff !important;
}

.common-button-4:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-5 {
  background: #56c0bc !important;
  color: #ffffff !important;
}

.common-button-5:hover {
  background: #199695 !important;
  color: #ffffff !important;
}

.common-button-5:active {
  background: #199695 !important;
  color: #ffffff !important;
}

.common-button-5:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-6 {
  background: #ffffff !important;
  color: #979eaf !important;
  border: 1px solid #eaeaea;
}

.common-button-6:hover {
  background: #373e4e !important;
  color: #ffffff !important;
}

.common-button-6:active {
  background: #373e4e !important;
  color: #ffffff !important;
}

.common-button-6:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-7 {
  background: #c1c5cf !important;
  color: #ffffff !important;
}

.common-button-7:hover {
  background: #9fa6b8 !important;
  color: #ffffff !important;
}

.common-button-7:active {
  background: #9fa6b8 !important;
  color: #ffffff !important;
}

.common-button-7:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-8 {
  background: #5272cc !important;
  color: #ffffff !important;
}

.common-button-8:hover {
  background: #008aff !important;
  color: #ffffff !important;
}

.common-button-8:active {
  background: #008aff !important;
  color: #ffffff !important;
}

.common-button-8:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-9 {
  background: #5272cc !important;
  color: #ffffff !important;
}

.common-button-9:hover {
  background: #2245a5 !important;
  color: #ffffff !important;
}

.common-button-9:active {
  background: #2245a5 !important;
  color: #ffffff !important;
}

.common-button-9:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-10 {
  background: #314ea4 !important;
  color: #ffffff !important;
}

.common-button-10:hover {
  background: #395ab8 !important;
  color: #ffffff !important;
}

.common-button-10:active {
  background: #395ab8 !important;
  color: #ffffff !important;
}

.common-button-10:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-11 {
  background: #ededed !important;
  color: #979eaf !important;
}

.common-button-11:hover {
  background: #ffffff !important;
  color: #979eaf !important;
}

.common-button-11:active {
  background: #ffffff !important;
  color: #979eaf !important;
}

.common-button-11:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-12 {
  background: #1e232e !important;
  color: #1e232e !important;
}

.common-button-12:hover {
  background: #373e4e !important;
  color: #979eaf !important;
}

.common-button-12:active {
  background: #373e4e !important;
  color: #979eaf !important;
}

.common-button-12:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-13 {
  background: #ffffff !important;
  color: #979eaf !important;
}

.common-button-13:hover {
  background: #ededed !important;
  color: #979eaf !important;
}

.common-button-13:active {
  background: #ededed !important;
  color: #979eaf !important;
}

.common-button-13:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-14 {
  background: #f8f8f8 !important;
  color: #6d6d6d !important;
  border: 1px solid #dddddd !important;
}

.common-button-14:hover {
  background: #eaeaea !important;
  color: #6d6d6d !important;
  border: 1px solid #dddddd !important;
}

.common-button-14:focus {
  background: #eaeaea !important;
  color: #6d6d6d !important;
  border: 1px solid #dddddd !important;
}

.common-button-14:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-15 {
  background: #979eaf !important;
  color: #ffffff !important;
}

.common-button-15:hover {
  background: #5272cc !important;
  color: #ffffff !important;
}

.common-button-15:active {
  background: #5272cc !important;
  color: #ffffff !important;
}

.common-button-15:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-16 {
  background: #f8f8f8 !important;
  color: #6d6d6d !important;
  border: 1px solid #dddddd !important;
}

.common-button-16:hover {
  background: #eaeaea !important;
  color: #6d6d6d !important;
  border: 1px solid #dddddd !important;
}

.common-button-16:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-17 {
  background: #5272cc !important;
  color: #ffffff !important;
  border-radius: 0px;
}

.common-button-17:hover {
  background: #008aff !important;
  color: #ffffff !important;
}

.common-button-17:active {
  background: #008aff !important;
  color: #ffffff !important;
}

.common-button-17:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-18 {
  border: 1px solid #f32828 !important;
  background: white !important;
  color: #f32828 !important;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}

.common-button-18:hover {
  background: #e6e6e6 !important;
  color: black !important;
}
.mobile-send-popup-close-image .cls-1 {
  fill: #fff;
  opacity: 0;
}

.mobile-send-popup-close-image .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-width: 3px;
}
.common-button-send {
  border: 1px solid #179cf0 !important;
  border-radius: 13px !important;
  background: rgb(32, 97, 226) !important;
  color: white !important;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}
.mobile-margin-bottom-181-px .mobile-send-popup-second-div .price-limit {
  font-size: 14px;
  text-align: right;
  padding-top: 10px;
  color: rgb(159, 167, 193);
}
.common-button-talk-swap {
  border: 1px solid #179cf0 !important;
  border-radius: 20px !important;
  background: #1d69dd !important;
  color: #1d69dd !important;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}

.common-button-gas-confirm {
  border: 1px solid #179cf0 !important;
  border-radius: 15px !important;
  background: rgb(32, 97, 226) !important;
  color: white !important;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}

.common-button-send-active {
  border: 1px solid #179cf0 !important;
  border-radius: 20px !important;
  background: #1d69dd !important;
  color: white !important;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}

.common-button-offer-request-buy,
.common-button-offer-request-buy-active,
.common-button-offer-request-sell,
.common-button-offer-request-sell-active {
  border-radius: 4px !important;
  border: 1px solid;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}

.common-button-offer-request-buy,
.common-button-offer-request-buy-active {
  border-color: #f32828 !important;
}

.common-button-offer-request-buy {
  background: #ffe5e5 !important;
  color: #f32828 !important;
}

.common-button-offer-request-buy-active {
  background: #f32828 !important;
  color: white !important;
}

.common-button-offer-request-sell,
.common-button-offer-request-sell-active {
  border-color: #1d69dd !important;
}

.common-button-offer-request-sell {
  background: #e5f5ff !important;
  color: #1d69dd !important;
}

.common-button-offer-request-sell-active {
  background: #1d69dd !important;
  color: white !important;
}

.common-button-blind {
  background: #ff2727 !important;
  color: #ffffff !important;
}

.common-button-blind:hover {
  background: #dd2020 !important;
  color: #ffffff !important;
}

.common-button-blind:disabled {
  background: #b43939 !important;
  color: #ffffff !important;
}

.common-button-link {
  height: 36px;
  width: 36px;
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.25em 0.5em 0.25em 0.5em;
  margin-left: 3px;
  /* background-color: #3B5EB5!important; */
  border: 0px !important;
  background-image: none;
  color: rgb(159, 167, 193) !important;
}

.common-button-link:hover {
  background: #3b5eb5 !important;
  color: #ffffff !important;
}

.common-textbox-1 {
  background: #f9f9f9 !important;
  color: #333333 !important;
  border: 1px solid #eaeaea !important;
}

.common-textbox-1:hover {
  background: #f9f9f9 !important;
  color: #333333 !important;
  border: 1px solid #eaeaea;
}

.common-textbox-1:active {
  background: #f9f9f9 !important;
  color: #333333 !important;
  border: 1px solid #eaeaea;
}

.common-textbox-1:disabled {
  background: #b1b1b1 !important;
  color: #333333 !important;
  border: 1px solid #eaeaea;
}

.common-textbox-2 {
  background: #f9f9f9 !important;
  color: #333333 !important;
  border: 1px solid #eaeaea !important;
}
.ic_setting .cls-1 {
  fill: #9fa7c1;
}
.ic_setting span {
  position: relative;
  top: -3px;
  margin-left: 4px;
}
.ic_setting {
  text-align: right;
}
.mobile-send-popup-last-text-div .title {
  display: flex;
}
.mobile-send-popup-last-text-div .title p {
  color: rgb(159, 167, 193);
  margin: 0px;
  width: 50%;
}
.mobile-send-popup-second-div .estimated-fee {
  background: rgb(248, 249, 251);
  height: 49px;
  margin-top: 5px;
  border-radius: 9px;
}
.mobile-send-popup-second-div .estimated-fee span {
  font-size: 16.8px;
  font-weight: 800;
  line-height: 49px;
  margin-right: 15px;
  color: #000;
}
/* .common-textbox-2:hover {
  background: #f9f9f9!important;
  color: #333333!important;
  border: 1px solid #eaeaea!important;
} */

.common-textbox-2:active {
  background: #f9f9f9 !important;
  color: #333333 !important;
  border: 1px solid #eaeaea !important;
}

.common-textbox-2:disabled {
  background: #b1b1b1 !important;
  color: #333333 !important;
  border: 1px solid #eaeaea !important;
}

.common-textbox-4 {
  background: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #dddddd;
}

.common-textbox-4:hover {
  background: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #dddddd;
}

.common-textbox-4:active {
  background: #ffffff !important;
  color: #333333 !important;
  border: 1px solid #dddddd;
}

.common-textbox-4:disabled {
  /* background: #aaaaaa!important; */
  color: #333333 !important;
  border: 1px solid #dddddd;
  background: #aaaaaa !important;
}

.common-textbox-5 {
  background: #f9f9f9 !important;
  color: #6d6d6d !important;
  border: 1px solid #eaeaea !important;
}

.token-content-edit-button {
  background: #757a88 !important;
  color: #ffffff !important;
  cursor: pointer;
}

.token-content-edit-button:hover {
  background: #5f6779 !important;
  color: #ffffff !important;
}

.token-content-edit-button:active {
  background: #5f6779 !important;
  color: #ffffff !important;
}

.token-content-edit-button:disabled {
  background: #5f6779 !important;
  color: #ffffff !important;
}

.token-history-revision-back-button {
  background: #56c0bc !important;
  color: #ffffff !important;
}

.token-history-revision-back-button:hover {
  background: #199695 !important;
  color: #ffffff !important;
}

.token-history-revision-back-button:active {
  background: #199695 !important;
  color: #ffffff !important;
}

.token-history-revision-back-button:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.token-page-edit-history-button {
  background: #c1c5cf !important;
  color: #ffffff !important;
}

.token-poage-edit-history-button:hover {
  background: #9fa6b8 !important;
  color: #ffffff !important;
}

.token-poage-edit-history-button:active {
  background: #9fa6b8 !important;
  color: #ffffff !important;
}

.token-poage-edit-history-button:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.common-button-8 {
  background: #5272cc !important;
  color: #ffffff !important;
}

.common-button-8:hover {
  background: #008aff !important;
  color: #ffffff !important;
}

.common-button-8:active {
  background: #008aff !important;
  color: #ffffff !important;
}

.common-button-8:disabled {
  background: #b1b1b1 !important;
  color: #ffffff !important;
}

.re-reply-input-button {
  background: white !important;
  color: #597bc5 !important;
  color: var(--special-color-3) !important;
}

.re-reply-input-button:hover {
  background: white !important;
  color: #008aff !important;
}

.re-reply-input-button:active {
  background: white !important;
  color: #008aff !important;
}

.post-reaction-button {
  background: #5272cc;
  color: #ffffff;
}

.post-reaction-button:hover {
  background-color: #2245a5;
  color: #ffffff;
}

.post-reaction-button:active {
  background-color: #2245a5;
  color: #ffffff;
}

.main-text_title {
  font-size: 16px;
  font-size: var(--font-size-16);
  color: #597bc5 !important;
  color: var(--special-color-3) !important;
  font-weight: 550;
  font-weight: var(--font-family-medium);
}

.common-responsive-table > tbody {
  background: #ffffff;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-responsive-table > tbody:hover {
  background: #f7fafd !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-responsive-table > tbody:active {
  background: #f7fafd !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}
.common-table-list-1 {
  background: #ffffff !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-table-list-1:hover {
  background: #f7fafd !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-table-list-1:active {
  background: #f7fafd !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-table-list-2 {
  background: #ffffff !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-table-list-2:hover {
  background: #f7fafd !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-table-list-2:active {
  background: #f7fafd !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-table-list-3 {
  background: #f6f6f9 !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-table-list-3:hover {
  background: #f7fafd !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-table-list-3:active {
  background: #f7fafd !important;
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-table-list-4 {
  background: #ffffff !important;
  color: #b1b1b1 !important;
  color: var(--font-color-5) !important;
}

.common-table-list-4:hover {
  background: #f7fafd !important;
  color: #b1b1b1 !important;
  color: var(--font-color-5) !important;
}

.common-table-list-4:active {
  background: #f7fafd !important;
  color: #b1b1b1 !important;
  color: var(--font-color-5) !important;
}

.common-table-list-4:focus {
  background: #f7fafd !important;
  color: #b1b1b1 !important;
  color: var(--font-color-5) !important;
}

:root {
  --background-color-1: #ffffff;
  --background-color-2: #e8edf1;
  --background-color-3: #363e4f;
  --background-color-4: #395bb8;
  --background-color-5: #eaeaea;
  --background-color-6: #f6f6f9;
  --background-color-7: #f6fafd;
  --background-color-8: #eed0d3;
  --background-color-9: #f2e4e7;
  --background-color-10: #baf3af;
  --background-color-11: #e0f7e0;
}

:root {
  --font-color-1: #ffffff;
  --font-color-2: #000000;
  --font-color-3: #363e4f;
  --font-color-4: #6d6d6d;
  --font-color-5: #b1b1b1;
  --font-color-6: #969fb0;
  --font-color-7: #446ee1;
  --font-color-8: #905052;
  --font-color-9: #724041;
  --font-color-10: #5a8669;
  --font-color-11: #43643b;
  --font-color-12: #ccd1d8;
  --font-color-13: #d50000;
  --font-color-14: #009ce4;
  --font-color-15: #395bb8;
  --font-color-16: #6a6f7c;
}

:root {
  --special-color-1: #00f1af;
  --special-color-2: #1e232e;
  --special-color-3: #597bc5;
  --special-color-4: #82addb;
}

:root {
  --line-color-1: #eaeaea;
  --line-color-2: #363e4f;
  --line-color-3: #bdc3ce;
  --line-color-4: #f6fafd;
}

:root {
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-26: 26px;
  --font-size-28: 28px;
  --font-size-30: 30px;
  --font-size-32: 32px;
  --font-size-58: 58px;
}

:root {
  --font-family-demi-light: 400;
  --font-family-regular: 400;
  --font-family-medium: 550;
  --font-family-bold: 700;
}
@font-face {
  font-family: "NanumSquare";
  font-weight: 400;
  src: url("/static/fonts/NanumSquareR.woff") format("woff"), url("/static/fonts/NanumSquareR.ttf") format("truetype");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039, U+AC00-D7A3;
  /* U+4E00–9FFF 한중일 통합한자 */
  /* U+AC00-D7A3 한글 */
  /* 영문 (대문자) : U+0041-005A 영문 (소문자) : U+0061-007A 숫자 : U+0030-0039 */
}

/* NanumSquareR 테스트 후 나머지 삭제할것 */
/* @font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url('/static/fonts/NanumSquareB.woff') format('woff'),
      url('/static/fonts/NanumSquareB.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url('/static/fonts/NanumSquareEB.woff') format('woff'),
      url('/static/fonts/NanumSquareEB.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url('/static/fonts/NanumSquareL.woff') format('woff'),
      url('/static/fonts/NanumSquareL.ttf') format('truetype');
} */

/*
@font-face {
  font-family: 'NotoSansKR-DemiLight';
  src:local(☺), 
    url('static/fonts/NotoSansKR-DemiLight.woff') format('woff'),
    url('static/fonts/NotoSansKR-DemiLight.otf') format('otf'),
    url('/static/fonts/NotoSansKR-DemiLight.woff2') format('woff2');
    url('../fonts/NotoSansKR-Bold.ttf') format('truetype')
  font-weight: normal;
  font-style: normal;
}
*/
/*
@font-face {
  font-family: 'NotoSansKR-Medium';
  src:local(☺), 
    url('/static/fonts/NotoSansKR-Medium.woff2') format('woff2');
    url('static/fonts/NotoSansKR-Medium.woff') format('woff'),
    url('static/fonts/NotoSansKR-Medium.otf') format('otf');
    url('../fonts/NotoSansKR-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
*/
/*
@font-face {
  font-family: 'NotoSansKR-Regular';
  src:local(☺), 
    url('/static/fonts/NotoSansKR-Regular.woff2') format('woff2');
    url('static/fonts/NotoSansKR-Regular.woff') format('woff'),
    url('static/fonts/NotoSansKR-Regular.otf') format('otf');
    url('../fonts/NotoSansKR-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
*/
/*
@font-face {
  font-family: 'NotoSansKR-Bold';
  src:local(☺), 
    url('https://talken.io/res/fonts/NotoSansKR-Bold.woff2') format('woff2');
    url('static/fonts/NotoSansKR-Bold.woff') format('woff'),
    url('static/fonts/NotoSansKR-Bold.otf') format('otf');
    url('../fonts/NotoSansKR-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
*/

body {
  /* font-family: 'NanumBarunGothic'; */
  /* 'NotoSansKR-DemiLight', 'NotoSansKR-Medium', 'NotoSansKR-Regular', 'NotoSansKR-Bold' */
}

/* .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "NotoSansKR-Regular";
} */

.common-font-family-demi-light {
  font-weight: 400 !important;
  font-weight: var(--font-family-demi-light) !important;
}

.common-font-family-regular {
  font-weight: 400 !important;
  font-weight: var(--font-family-regular) !important;
}

.common-font-family-medium {
  font-weight: 550 !important;
  font-weight: var(--font-family-medium) !important;
}

.common-font-family-bold {
  color: rgb(32, 97, 226) !important;
  font-weight: 700 !important;
  font-weight: var(--font-family-bold) !important;
}

.content-container {
  width: 1280px !important;
}

@media only screen and (min-width: 641px) {
  .main-container {
    padding-bottom: 88px;
    min-height: 800px;
    top: 70px;
  }
}

@media only screen and (max-width: 640px) {
  /* Too Many */
  .main-container {
    top: 0 !important;
  }

  .bm-overlay {
    width: 100% !important;
  }

  /** Forum **/
  .my-page-nav-link-text > a {
    font-size: 1.2em !important;
    padding: 15px 0px !important;
  }

  .my-page-nav-link-text > a > span {
    vertical-align: middle;
    height: 50px;
    font-size: 0.8em;
  }

  /** TokenCard && TokenCardList */
  .token-card-layer-popup-modal > .modal-dialog {
    width: 100% !important;
  }

  .navbar-default .navbar-nav > .my-written-log-category > a {
    font-size: 1.2em !important;
    padding: 10px 15px !important;
  }
}

.common-radius-container {
  background: #ffffff;
  border-radius: 6px;
}

.common-div-inner-container {
  background-image: none !important;
  padding: 0px;
  color: #000000;
  color: var(--font-color-2);
}

.common-div-inner-container > div > .panel-body > div {
  overflow: auto;
}

.reaction-color {
  color: #969fb0;
  color: var(--font-color-6);
}

.forum-container-padding {
  padding-top: 50px;
  padding-bottom: 88px;
}

.common-radius-button {
  border-radius: 5px;
  color: #ffffff;
  width: 100%;
  padding: 0.375em 0.75em;
  font-size: 14px;
  font-size: var(--font-size-14);
  border: none !important;
  box-shadow: none;
  background-image: none !important;
  text-shadow: none;
}
.common-radius-login-button {
  border-radius: 5px;
  color: #ffffff;
  width: 100%;
  padding: 0.375em 0.75em;
  font-size: 14px;
  font-size: var(--font-size-14);
  border: none !important;
  box-shadow: none;
  background-image: none !important;
  text-shadow: none;
}

.common-radius-button:hover {
  color: #ffffff;
}

.common-radius2-button {
  border-radius: 5px;
  color: black;
  width: 100%;
  padding: 0.375em 0.75em;
  font-size: #009ce4;
  font-size: var(--font-color-14);
  border: none !important;
  box-shadow: none;
  background-image: none !important;
  text-shadow: none;
}

.common-radius2-button:hover {
  color: black;
}

.common-button-radius {
  border-radius: 5px;
}

.common-cursor-pointer {
  cursor: pointer;
}

.common-color-ffffff {
  color: #ffffff;
}

.common-button-color-blue {
  background: #4874d3 !important;
}

.common-color-font-color-2 {
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.common-color-606060 {
  color: #606060 !important;
}

.common-button-background-gray {
  background-color: #969fb1 !important;
}

.common-button-background-blue {
  background-color: #2e5bbf;
}

.common-button-background-edit {
  background-color: #969fb1 !important;
}

.common-button-height-42 {
  height: 42px !important;
}

.common-background-color {
  background-color: #e8edf1;
  background-color: var(--background-color-2);
}

.common-width-270 {
  width: 270px;
}

.common-padding-top-bottom-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.common-padding-bottom-0 {
  padding-bottom: 0px !important;
}

.common-min-height-0 {
  min-height: unset !important;
}

.common-min-height-300 {
  min-height: 300px;
}

.common-min-height-355 {
  min-height: 355px;
}

.common-padding-top-5 {
  padding-top: 5px;
}

.common-padding-top-56 {
  padding-top: 56px !important;
}

.common-padding-right-30 {
  padding-right: 30px;
}

.common-border-radius-12 {
  border-radius: 8px !important;
  border: 1px solid #ffffff;
}

.common-padding-top-10 {
  padding-top: 10px;
}

.common-padding-top-14 {
  padding-top: 14px;
}

.common-padding-top-15 {
  padding-top: 15px;
}

.common-padding-bottom-10 {
  padding-bottom: 10px;
}

.common-padding-top-18 {
  padding-top: 18px;
}

.common-margin-top-20 {
  margin-top: 20px !important;
}

.common-margin-bottom-8 {
  margin-bottom: 8px;
}

.common-margin-bottom-10 {
  margin-bottom: 10px;
}

.common-padding-bottom-12 {
  padding-bottom: 12px;
}

.common-padding-bottom-18 {
  padding-bottom: 18px;
}

.common-padding-bottom-20 {
  padding-bottom: 20px;
}

.common-margin-bottom-20 {
  margin-bottom: 20px;
}

.common-margin-bottom-30 {
  margin-bottom: 30px;
}

.common-margin-bottom-20 {
  margin-bottom: 20px;
}

.common-margin-bottom-40 {
  margin-bottom: 40px;
}

.common-padding-bottom-70 {
  padding-bottom: 70px;
}

.common-margin-bottom-8 {
  margin-bottom: 8px;
}

.common-button-make-none {
  background-image: none;
}

.card-button-style {
  width: 246px;
  height: 42px;
  border-radius: 5px;
  color: #ffffff;
}

.bm-button-width {
  width: 66%;
}

.common-margin-bottom-88 {
  margin-bottom: 88px;
}

.common-padding-0 {
  padding: 0px;
}

.common-padding-left-right-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.common-padding-left-right-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.common-padding-left-right-205 {
  padding-left: 205px;
  padding-right: 205px;
}

.common-padding-left-right-500 {
  padding-left: 500px;
  padding-right: 500px;
}

.common-float-left {
  float: left;
}

.common-float-right {
  float: right;
}

.clear-fix {
  clear: both;
}

.common-font-size-14 {
  font-size: 14px;
  font-size: var(--font-size-14);
}

.common-100-percent-width {
  width: 1280px !important;
}

.common-padding-left-right-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.common-padding-left-right-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.common-padding-left-right-205 {
  padding-left: 205px;
  padding-right: 205px;
}

.common-padding-left-right-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.common-padding-left-right-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.common-padding-left-right-64 {
  padding-left: 64px;
  padding-right: 64px;
}

.common-margin-left-right-auto {
  margin-left: auto;
  margin-right: auto;
}

.common-margin-right-auto {
  margin-right: auto;
}

.common-login-error-box {
  word-break: break-word;
}

.form-no-margin {
  margin: 0;
}

.form-no-margin > textarea {
  padding: 12px !important;
  font-size: 12px;
  font-size: var(--font-size-12);
  width: 670px;
  height: 130px !important;
}

.common-border-bottom-ea {
  border-bottom: 1px solid #eaeaea;
}

.common-text-align-center {
  text-align: center;
}

.common-text-align-right {
  text-align: right !important;
}

.common-font-size-18 {
  font-size: 18px;
  font-size: var(--font-size-18);
}

.common-width-100 {
  width: 100% !important;
}
.common-width-25 {
  width: 25% !important;
}

.common-padding-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.common-padding-12 {
  padding: 12px;
}

.common-margin-0-auto {
  margin: 0 auto;
}

.common-padding-left-right-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.common-padding-default {
  padding-left: 165px;
  padding-right: 165px;
}

.common-padding-left-16 {
  padding-left: 16px;
}

.common-padding-bottom-20 {
  padding-bottom: 20px;
}

.common-padding-bottom-50 {
  padding-bottom: 50px;
}

.common-padding-bottom-53 {
  padding-bottom: 53px;
}

.common-padding-bottom-100 {
  padding-bottom: 100px;
}

.common-image-rounding {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background-color: #eaeaea;
  background-color: var(--background-color-5);
}

.common-token-image-size {
  width: 64px;
  height: 64px;
  /* border-radius: 50%; */
  margin: 20px;
}

.common-no-padding-side {
  padding-left: 0px;
  padding-right: 0px;
}

.common-width-auto {
  width: auto !important;
}

.common-cursor-pointer-none {
  cursor: default !important;
}

.common-responsive-table {
  overflow-x: unset;
}

.common-display-inline-block {
  display: inline-block;
}

.common-display-disabled {
  color: #b1b1b1;
  color: var(--font-color-5);
}

.common-display-block {
  display: block !important;
}

.common-display-flex {
  display: flex;
}

.common-display-inline-flex {
  display: inline-flex;
}

.common-display-flow-root {
  display: flow-root;
}

.common-vertical-align-bottom {
  vertical-align: bottom;
}

.common-vertical-align-text-bottom {
  vertical-align: text-bottom;
}

.common-overflow-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-open {
  overflow-x: hidden;
  transition: none;
  transform: none;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden;
  transition: none;
  z-index: 19999;
}

.modal {
}

.modal-header-title {
  font-size: 1.2em;
  font-weight: 400;
  font-weight: var(--font-family-regular);
  line-height: 1.8em;
}

.modal-header-close-image {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 12px;
  right: 12px;
}

input[type="radio"][disabled] {
  cursor: not-allowed;
}

label.radio-custom-label[disabled] {
  cursor: not-allowed;
}

.common-margin-left-16 {
  margin-right: 16px;
}

.common-margin-left-10 {
  margin-right: 10px;
}

.common-margin-left-16 {
  margin-left: 16px;
}

.common-margin-right-6 {
  margin-right: 6px;
}

.common-margin-right-8 {
  margin-right: 8px;
}

.common-margin-right-10 {
  margin-right: 10px;
}

.common-margin-left-6 {
  margin-left: 6px;
}

.common-margin-top-50 {
  margin-top: 50px !important;
}

.common-margin-top-10 {
  margin-top: 10px !important;
}

.common-margin-top-25 {
  margin-top: 20px !important;
}

.common-display-initial {
  display: inline;
  display: initial;
}

.common-text-align-left {
  text-align: left;
}

.common-padding-left-right-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.common-padding-left-right-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.common-user-info-user-image {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.common-user-info-user-image-span {
  width: 25%;
  text-align: center;
}

.common-user-info-user-name-span {
  width: 75%;
}

.write-margin-top-28 {
  margin-top: 28px;
}

.write-title-margin-bottom-28 {
  margin-bottom: 28px;
}

.common-write-page-bottom-padding {
  padding-left: 10px;
  padding-right: 10px;
  background: #fff;
}

.write-padding-top-24 {
  padding-top: 24px;
}

.common-view-min-height-550 {
  min-height: 550px;
}

.write-margin-bottom-24 {
  margin-bottom: 24px;
}

.common-main-container-top-0 {
  top: 0px !important;
}

.write-title-margin-bottom-4 {
  margin-bottom: 4px;
}

.common-margin-bottom-0 {
  margin-bottom: 0px;
}

.common-border-bottom-line-none {
  border-bottom: none !important;
}

.common-margin-top-auto {
  margin-top: auto;
}

.common-margin-top-0 {
  margin-top: 0px !important;
}

.common-margin-top-minus-24 {
  margin-top: -24px;
}

.common-padding-right-50 {
  padding-right: 50px;
}

.common-margin-bottom-12 {
  margin-bottom: 12px;
}

.common-margin-left-2 {
  margin-left: 2px;
}

.common-margin-bottom-10 {
  margin-bottom: 10px !important;
}

.table {
  table-layout: fixed;
}

.common-margin-top-11 {
  margin-top: 11px;
}

.common-margin-top-12 {
  margin-top: 12px;
}

.common-margin-top-30 {
  margin-top: 30px;
}

.common-padding-top-26 {
  padding-top: 26px;
}

.common-forum-content-write {
  padding-bottom: 0px;
  margin: 0px;
  border-bottom: none;
  text-align: center;
}

.common-margin-left-24 {
  margin-left: 24px;
}

.common-margin-left-12 {
  margin-left: 12px;
}

.common-user-name-text-view {
  line-height: 11px;
  font-size: 14px;
  font-size: var(--font-size-14);
  color: #000000;
  color: var(--font-color-2);
  font-weight: 400;
  font-weight: var(--font-family-regular);
  display: inline-flex;
}

.common-padding-top-2 {
  padding-top: 2px;
}

.common-padding-top-3 {
  padding-top: 3px;
}

.common-padding-top-dot-15 {
  padding-top: 2px;
}

.common-vote-button {
  width: 100%;
  height: 100%;
  padding-top: 8px;
}

.common-padding-top-8 {
  padding-top: 8px;
}

.common-width-50 {
  width: 50%;
}

.common-width-28-percent {
  width: 28%;
}

.common-width-76 {
  width: 72%;
}

.fab {
  background-color: black;
}

.fa-accessible-icon:before {
  content: "\f2bb";
}

.youtube-button {
  background-color: black !important;
}

.youtube-button:hover {
  background-color: black !important;
  border: none !important;
}

.tui-editor-contents strong {
  font-weight: 700;
  font-weight: var(--font-family-bold);
}

.tui-editor-contents {
  font-size: 15px !important;
  font-size: var(--font-size-15) !important;
}

.tui-editor-contents h1,
.tui-editor-contents p,
.tui-editor-contents ol li,
.tui-editor-contents ul li {
  color: #000000 !important;
  color: var(--font-color-2) !important;
}

.tui-editor-contents p,
.tui-editor-contents a {
  word-break: break-word;
}

.tui-editor-contents h1 {
  font-size: 1.7em;
}

.tui-editor-contents h2 {
  font-size: 1.6em;
}

.tui-editor-contents h3 {
  font-size: 1.45em;
  line-height: 22px;
}

.tui-editor-contents h4 {
  font-size: 1.3em;
}

.tui-editor-contents h5 {
  font-size: 1.2em;
  font-weight: 500;
}

.tui-editor-contents h6 {
  font-size: 1.125em;
}

.tui-editor-contents pre {
  font-size: 14px;
  font-size: var(--font-size-14);
  color: #000000;
  color: var(--font-color-2);
  padding: 5px !important;
  margin: 0 !important;
}

.tui-editor-contents code {
  font-size: 14px;
  font-size: var(--font-size-14);
  padding: 4px !important;
}

.tui-editor-contents pre code {
  padding: 0px !important;
}

.tui-colorpicker-svg-slider {
  border: 1px solid #ebebeb;
  width: 144px;
}

.common-padding-board-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.tui-popup-color .te-apply-button {
  position: inherit;
  color: #000000;
  background: #ffffff;
  border-radius: 4px;
  padding: 2px;
}

.tui-editor-defaultUI {
  /* font-family: 'NanumBarunGothic'; */
  border-radius: 10px;
}

.tui-editor-defaultUI-toolbar {
  background-color: transparent;
}

.tui-editor-defaultUI .te-mode-switch-section {
  background-color: transparent;
}

.tui-editor-defaultUI .te-switch-button:last-child {
  border-radius: 0 0 10px 0;
  border-right: unset;
}

.tui-editor-defaultUI button {
  color: #000000;
}

svg:not(:root) {
  overflow: visible;
}

/* rect:not(.quill-editor rect) {
  width: 100%;
  height: 100%;
} */
.tui-colorpicker-svg-huebar {
  /* border: none; */
  /* margin-top: -152px; */
}

.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle {
  display: block;
}

.tui-popup-color .tui-colorpicker-container ul {
  width: 100%;
  margin-bottom: 8px;
  padding: 0px;
}

.tui-popup-color .tui-colorpicker-container li {
  display: inline-block;
  /* width: 4.5vw; */
  /* margin: 0px 0.04em -1px 0.04em; */
}

.tui-popup-color .tui-colorpicker-container li {
  padding: 0px 1px 0px 0px;
}

.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
  border: 0;
  /* width: 4.5vw; */
  /* height: 4.5vw; */
}

.tui-popup-color {
  width: auto !important;
  position: absolute !important;
  top: 27px !important;
  left: 60px !important;
}

.tui-colorpicker-slider-left {
  float: left;
  width: 120px;
  height: 120px;
}

.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right {
  width: 22px;
}

.tui-colorpicker-slider-right {
  float: right;
  width: 32px;
  height: 120px;
}

.tui-colorpicker-svg-huebar {
  float: right;
  width: 18px;
  height: 120px;
  border: 1px solid #ccc;
  overflow: visible;
}

.tui-colorpicker-svg-huebar,
.tui-colorpicker-svg-slider,
.tui-colorpicker-vml-slider {
  border: 1px solid #ebebeb;
}

.tui-colorpicker-svg-slider,
.tui-colorpicker-vml-slider {
  width: 120px;
  height: 120px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.tui-colorpicker-svg {
  display: block;
}

.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex {
  border: 1px solid #e1e1e1;
  padding: 3px 8.5px;
  margin-bottom: 2px;
  width: 100% !important;
}

.tui-popup-wrapper {
  z-index: 100;
}

.tui-tooltip {
  position: absolute;
  background-color: #222;
  z-index: 99;
  opacity: 0.8;
  color: #fff;
  padding: 2px 5px;
  font-size: 10px;
}

.community-modal-body {
  padding: 50px 20px !important;
  min-height: 176px;
  vertical-align: middle;
  font-size: 18px !important;
  font-size: var(--font-size-18) !important;
  margin-top: 0;
  margin-bottom: 0;
}
/* 
li:nth-last-child( 3n+2 ) {
  color: red;
}  */

.tui-popup-color .tui-colorpicker-container li:nth-last-child(1) input {
  background-color: #ff0000 !important;
  color: #ff0000 !important;
}

.margin-top-minus60 {
  /* margin-top:-60px  */
  background: linear-gradient(rgb(34 96 221 / 95%), rgb(175, 125, 255));
}

.text-decoration-none {
  text-decoration: none !important;
}

.tui-editor-contents table td,
.tui-editor-contents table th {
  height: 32px;
  /* padding: 5px 0px 5px 0px; */
  word-break: keep-all;
}

.view-page-inner-content-scroll {
  overflow: auto;
}

.view-page-inner-content-in-tui {
}

.view-page-inner-content-in-tui > div {
  overflow: auto;
}

.common-font-init {
  font-family: "Helvetica Neue", "Helvetica,Arial", "sans-serif" !important;
}

.common-border-bottom-line-default {
  border-bottom: 1px solid #eaeaea !important;
  border-bottom: 1px solid var(--line-color-1) !important;
}

.common-board-edit-title {
  width: 100%;
  display: inline-flex;
  margin-top: 2px;
}

.common-board-edit-title > .form-control {
  font-weight: 400;
  font-size: 14px;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  width: 100% !important;
  height: 70px !important;
}

.common-board-edit-title > .form-control::-moz-placeholder {
  font-weight: 400;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  color: #c2c5cf;
  width: 100% !important;
  height: 70px !important;
}

.common-board-edit-title > .form-control::placeholder {
  font-weight: 400;
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  color: #c2c5cf;
  width: 100% !important;
  height: 70px !important;
}

.common-margin-top-minus-5 {
  margin-top: -5px;
}

.common-reaction-section-margin-top {
  margin-top: 50px;
  text-align: center;
  padding-bottom: 50px;
}

.common-vote-count-color-active {
  color: #ffe56c;
}

.common-vote-count-color {
  color: #ffffff;
}

.common-reaction-nudge-text {
  color: #c2c5cf;
  text-align: center;
  font-size: 12px;
}

.common-reaction-nudge-text-box {
  background: #82addb;
  color: #ffffff;
  width: 360px;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  margin-top: 2px;
}

.common-reaction-nudge-text-box-en {
  background: #82addb;
  color: #ffffff;
  width: auto;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  margin-top: 2px;
}

.common-reaction-nudge-text-box-active {
  background: #0d3290;
  color: #ffffff;
  width: 360px;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  margin-top: 2px;
  /* font-size: var(--font-size-15); */
}

.d2h-wrapper {
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
    background: #82addb;
  }
  50% {
    opacity: 1;
    background: #0d3290;
  }
  100% {
    opacity: 1;
    background: #82addb;
  }
}

.common-animated-flicker {
  animation: flickerAnimation 1.2s linear;
  color: #ffffff;
  width: 360px;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  margin-top: 2px;
  background: #82addb;
}

.common-board-view-page-right-side-ad-box {
  position: relative;
  margin-right: -170px;
  margin-top: -24px;
  float: right;
  width: 160px;
  height: 600px;
}

.common-board-view-page-reply-bottom-ad-box {
  width: 100%;
  height: 90px;
  margin-top: 48px;
  display: flex;
  margin-bottom: -60px;
}

.common-board-view-page-reply-bottom-ad-box img {
  width: 100%;
}

.common-token-page-left-side-ad-box {
  width: 100%;
  height: 270px;
  margin-top: -15px;
  margin-bottom: 10px;
}

.common-token-page-right-side-ad-box {
  position: absolute;
  width: 160px;
  right: -160px;
}

.common-forum-wiki-title {
  font-size: 18px;
  font-size: var(--font-size-18);
  margin-bottom: 10px;
}

.common-button-height-36 {
  height: 36px !important;
}

.common-vote-button-icon {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.common-service-introduction-image {
  width: 14px;
  height: 14px;
  margin-left: 8px;
  margin-top: -3px;
}

.common-service-introduction-image:hover {
  content: url(/images/entryroute_button_hover.png);
}

.tx-list-prev-image {
  width: 6px;
  height: 10px;
  margin-right: 40px;
  cursor: pointer;
}

.tx-list-next-image {
  width: 6px;
  height: 10px;
  margin-left: 40px;
  cursor: pointer;
}

.common-margin-left-minus-8 {
  margin-left: -8px !important;
}

.common-margin-top-70 {
  margin-top: 70px;
  margin-bottom: -64px;
}

.talken-event-background {
  background: #3dcacb;
  /* #73CBCD */
}

.talken-event-duration {
  /* display: inline-block; */
  /* margin-top: -443px; */
  background: #d53d3d;
  height: 60px;
  width: 70%;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #ffffff;
  color: var(--font-color-1);
  font-size: 1.1em;
  /* margin-left: auto; */
  /* margin-right: auto; */
}

.common-position-relative {
  position: relative;
  z-index: 1;
}

.talken-event-red-title {
  position: absolute;
  top: 670px;
  z-index: 3;
  left: 443px;
  width: 286px;
  border-radius: 4px;
  height: 50px;
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.common-padding-top-50 {
  padding-top: 50px;
}

.talken-event-guide-inner-div {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #ffffff;
  background: var(--background-color-1);
}

.talken-event-main-image-width {
  width: 1170px;
}

.talken-event-footer-div-span {
  margin-left: 18%;
  margin-bottom: 20px;
  display: flex;
}

.talken-event-footer-content-div {
  width: 1170px;
  display: inline-block;
  margin-left: 18%;
}

.talken-event-footer-div {
  background-color: #3959b8;
  color: #ffffff;
  color: var(--font-color-1);
  /* padding-left: 3%; */
  /* padding-top: 20px; */
  /* padding-right: 3%; */
  padding-bottom: 50px;
}

.talken-event-mission-inner-div {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
  background: #ffffff;
  background: var(--background-color-1);
  margin-left: 55px;
  margin-right: 55px;
  padding-left: 370px;
  padding-right: 370px;
}

.talken-event-padding-400 {
  padding-left: 380px;
  padding-right: 380px;
}

.talken-event-unit-mission-box {
  margin-left: 8.5px;
  margin-right: 8.5px;
  width: 90.3px;
  display: inline-block;
}

.talken-event-mission-invite-inner-div {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
  background: #ffffff;
  background: #ffffff;
  background: var(--background-color-1);
  margin-left: 55px;
  margin-right: 55px;
}

.common-padding-left-right-218 {
  padding-left: 155.5px;
  padding-right: 155.5px;
}

.common-margin-2 {
  margin-left: 2%;
  margin-right: 2%;
}

.talken-event-blue-header-mission-div {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1000;
}

.talken-event-blue-header-mission-div > img {
  width: 100%;
}

.common-width-200 {
  width: 184px !important;
}

.common-width-24 {
  width: 24px;
}

.common-width-100-px {
  width: 100px;
}

.common-height-60-px {
  height: 60px;
}

.common-height-40-px {
  height: 40px;
}

.talken-event-present-accu-all-state-div {
  margin-top: 40px;
  border: 1px solid #ff615c;
  display: inline-block;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #ff615c;
  font-size: 16px;
}

.talken-event-all-mission-nums {
  margin-top: 15px;
  /* color: #ea2b2b; */
  margin-bottom: 40px;
  font-size: 22px;
}

.talken-event-total-claimed-cnt {
  color: #ea2a2b !important;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}

.talken-event-total-cnt {
  color: #000000 !important;
  color: var(--font-color-2) !important;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}

.talken-event-guide-image-div {
  margin-top: 40px;
  margin-bottom: 10px;
  display: inline-block;
}

.talken-event-airpod-image {
  display: inline-block;
  margin-left: 24px;
}

.common-width-40 {
  width: 40px;
}

.talken-event-remain-count {
  font-size: 15px !important;
  font-size: var(--font-size-15) !important;
  margin-top: 6px;
}

.talken-event-guide-text {
  margin-top: 20px;
  margin-bottom: 30px;
}

.talken-event-title-with-logo {
  display: inline-flex;
  margin-top: 15px;
  margin-bottom: 28px;
}

.talken-event-accu-present-state-div {
  font-size: 1.3em;
  margin-bottom: 36px;
  margin-top: 8px;
}

.talken-event-accu-present-state-div-2 {
  margin-bottom: 36px;
  margin-top: 10px;
}

.talken-event-accu-present-state-div-2 > span {
  cursor: pointer;
}

.talken-event-all-mission {
  margin-top: 28px;
}

.talken-event-login-span {
  font-size: 1.2em;
  color: #3959b8;
  text-decoration: underline;
  cursor: pointer;
}

.talken-event-dimmed-image-div {
  width: 100%;
  position: relative;
  margin-left: -585px;
  margin-right: -585px;
}

.talken-event-dimmed-image {
  position: absolute;
  height: 656px;
  width: 1170px;
  margin-top: -45px;
  z-index: 1000;
}

.talken-register-event-dimmed-image {
  position: absolute;
  height: 636px;
  width: 1170px;
  margin-top: -45px;
  z-index: 1000;
}

.talken-event-finish-register-stamp-image {
  position: absolute;
  width: 300px;
  /* left: 22%; */
  margin-top: 180px;
  z-index: 1000;
  left: 1020px;
}

.talken-event-finish-stamp-image {
  position: absolute;
  width: 300px;
  /* left: 22%; */
  margin-top: 180px;
  z-index: 1000;
  left: 650px;
}

.common-padding-top-bottom-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.common-margin-bottom-5 {
  margin-bottom: 5px;
}

.talken-event-footer-content-div > div {
  margin-bottom: 5px;
}

.talken-event-mission-warning-div > div {
  font-size: 0.7em;
}

.common-copy-to-clip-board-button {
  width: 160px;
  margin: 0.5em;
}

.common-text-underline {
  text-decoration: underline;
}

/* 202006EVENT PAGE STYLES */

.talken-2006-event-720-px {
  width: 720px;
  display: block;
  margin: 70px auto;
}

.talken-2006-event-duration {
  position: absolute;
  top: 29.4%;
  left: 50%;
  transform: translatex(-50%);
  display: inline-block;
  width: 70%;
  text-align: center;
  color: #000000;
  font-size: 20px;
}

.talken-2006-event-1-explain-text {
  padding: 3% 0% 7% 0%;
  font-size: 20px;
}

.talken-2006-event-2-explain-text {
  margin: 7% 5% 0% 5%;
  font-size: 20px;
  padding-bottom: 8%;
  border-bottom: 1px solid #bdc3ce;
  border-bottom: 1px solid var(--line-color-3);
}

.talken-2006-event-3-explain-text {
  background: #e3e4e6;
  margin: 0% 4% 0% 4%;
  font-size: 20px;
  padding: 5% 0% 5% 0%;
  border-radius: 0% 0% 15px 15px;
}

.talken-2006-event-footer-div-span {
  margin: 0px 20px 20px 20px;
  display: flex;
}

.talken-2006-event-footer-content-div {
  display: inline-block;
  margin: 0px 20px 0px 20px;
}

/* 202009이벤트 start */
.talken-2009-event-1-status {
  color: white;
  font-size: 20px;
  font-weight: 700;
  font-weight: var(--font-family-bold);
}

.talken-2009-event-1-period {
  color: #c1c4c9;
  font-size: 20px;
}

.talken-2009-event-1-explain-text {
  padding: 5% 0% 5% 9%;
  margin: 0% 5% 5% 5%;
  font-size: 20px;
  text-align: left;
  background: #efefef;
  border-radius: 8px;
}

.talken-2009-event-1-ticker-image {
  position: absolute;
  width: 80px;
  margin: -30px 0px 0px -23px;
}

.talken-liquidity-category-span {
  width: 33.3%;
  display: inline-block;
  padding-top: 14px;
  padding-bottom: 14px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}

.talken-liquidity-category-active {
  color: #ffffff;
  /* border-bottom: 2px solid #395BB8; */
  font-size: 20px;
  font-weight: 400;
  font-weight: var(--font-family-regular);
}

.talken-2009-event-1-state-image {
  width: 140px;
  margin: 0px 0px 15px 0px;
}

.talken-2009-event-1-progress-box {
  border-radius: 12px;
  padding: 40px 30px 0px 30px;
  text-align: justify;
  background: #ffffff;
  width: 86%;
  height: 130px;
  font-size: 20px;
  margin: 50px auto 50px auto;
  color: #b1b1b1;
}

.talken-2009-event-1-gray-button {
  border: 1px solid #425255;
  border-radius: 10vw;
  /* background: #4f74d6; */
  background: linear-gradient(#7c7c7b, #425255);
  width: 86%;
  height: 90px;
  display: block;
  color: #fff;
  padding: 30px 0px 0px 0px;
  margin: 0px auto 50px auto;
  font-size: 20px;
  cursor: pointer;
}

.talken-2009-event-1-blue-button {
  border: 1px solid #4f74d6;
  border-radius: 10vw;
  /* background: #4f74d6; */
  background: linear-gradient(#5e84ec, #3d5fbd);
  width: 86%;
  height: 90px;
  display: block;
  color: #fff;
  padding: 30px 0px 0px 0px;
  margin: 0px auto 50px auto;
  font-size: 20px;
  cursor: pointer;
}

.talken-2009-event-footer-div {
  background-color: #113547;
  color: #ffffff;
  color: var(--font-color-1);
  padding-bottom: 50px;
}

.talken-2009-event-1-detail-layer {
  height: 1035px;
  margin: -1035px 0px 0px 0px;
  width: 100%;
  position: absolute;
}

.talken-2009-event-1-moon-image {
  width: 300px;
}

.talken-2009-event-1-about-mission-span {
  text-align: right;
  color: #fff;
  font-size: 20px;
  width: 48%;
  margin: 0px 0px 0px 38px;
  padding: 90px 45px 0px 0px;
}

.talken-2009-event-2-attendance-button {
  border: 1px solid #4f74d6;
  border-radius: 10vw;
  background: linear-gradient(#5e84ec, #3d5fbd);
  height: 90px;
  color: #fff;
  padding: 30px 0px 0px 0px;
  margin: -100px 0px 0px 91px;
  font-size: 20px;
  width: 350px;
  text-align: center;
  position: absolute;
  cursor: pointer;
}

.talken-2009-event-2-date-ticker {
  width: 70px;
  background-color: #555151;
  color: #fff;
  font-size: 15px;
  margin: 20px auto 15px auto;
  border-radius: 5px;
}
/* 202009이벤트 end */

.label-image-icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  image-rendering: pixelated;
}

.mobile-hamburger-inner::-webkit-scrollbar {
  width: 0px;
}

.hover-opa-065:hover {
  opacity: 0.65;
  text-decoration: none;
  cursor: pointer;
}
.title-h2 {
  color: #031243;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
/* max-lines for text */
.lime-clamp-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.lime-clamp-1 {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.lime-clamp-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.color-title-rn {
  color: #031243 !important;
}
.flex-1 {
  flex: 1 1;
}
.fw-700 {
  font-weight: 700;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
a {
  color: #031243;
  text-decoration: none;
  cursor: pointer;
}
.btn-rn {
  background: #2061e2;
  color: #fff;
  border-radius: 100px;
  padding: 0.375rem 1.25rem;
  border-width: 0;
}
.text-small-rn {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.container-my-page-rn {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 100px;
  min-height: 100vh;
}
.info-header-rn {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 1.25rem 2rem;
}
.wrapper-title-header {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.title-header-en {
  color: #2061e2;
  font-size: 1rem;
  font-weight: 500;
}
.title-header-kr {
  font-weight: 700;
  color: #031243;
  font-size: 1.625rem;
  margin-top: 0.75rem;
}

.active-btn-category-menu button {
  background: #2061e2 !important;
  color: #fff !important;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.color-2061e2 {
  color: #2061e2;
}
.width-24 {
  width: 24px !important;
}
.width-30 {
  width: 30px !important;
}
.width-36 {
  width: 36px !important;
}
.width-15 {
  width: 15px !important;
}
.input-check-small {
  margin: 0 !important;
  margin-right: 0.5rem !important;
  width: 13px !important;
  height: 13px !important;
}
.border-radius-100 {
  border-radius: 100px;
}
.justify-content-start {
  justify-content: start !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-10 {
  font-size: 10px !important;
}
.color-031243 {
  color: #031243 !important;
}
.color-cccccc {
  color: #cccccc !important;
}
.color-a8a8a8 {
  color: #a8a8a8 !important;
}
.min-height-41 {
  min-height: 41px;
}
@media (min-width: 1240px) {
  .container-my-page-rn {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1240px) {
  .container-my-page-rn {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 900px) {
  .flex-column-900 {
    flex-direction: column;
  }
  .hidden-900 {
    display: none;
  }
}
@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
  .container-my-page-rn {
    padding-top: 30px;
    flex-direction: column;
    min-height: 100%;
  }
  .info-header-rn {
    padding: 1.25rem;
  }
}
@media (min-width: 768px) {
  .hidden-pc {
    display: none !important;
  }
}
.quill .ql-editor {
  min-height: 500px;
}
.common-position-absolute {
  position: absolute;
  z-index: 1;
}
.ic-bonk-noti {
  right: -4px;
}
.horizontal-scroll {
  overflow: hidden;
  overflow-x: auto;
  clear: both;
  width: 100%;
}
.align-items-center {
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/***************************************************************************************/
/*  COMMON :: bootstrab-overriding
/***************************************************************************************/
@font-face {
  font-family: "Pretendard";
  src: url("/src/fonts/Pretendard/Pretendard-Regular.otf") format("opentype");
  font-weight: normal;
}

@font-face {
  font-family: "Pretendard";
  src: url("/src/Fonts/Pretendard/Pretendard-Medium.otf") format("opentype");
  font-weight: 500;
}

@font-face {
  font-family: "Pretendard";
  src: url("/src/Fonts/Pretendard/Pretendard-Bold.otf") format("opentype");
  font-weight: 700;
}

.label {
  padding: .3em .6em .3em;
  margin-bottom: 0px;
}

.form-control {
  border-radius: 0px;
  resize: none;
  box-shadow: none;
  border: 1px solid #F4F4F4;

  display: block;
  width: 100%;
  padding: 20px 24px;
  font-size: var(--font-size-14);
  line-height: 1.42857143;
  color: var(--font-color-4) !important;
  background-color: #FFF;
  background-image: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.root-container-mobile {
  width: 100%;
  height: 0;
  font-family: "NanumSquare", sans-serif!important;
}

.root-container {
  min-width: 1400px;
  min-height: 800px;
  font-family: "NanumSquare", sans-serif!important;
}

.goodbye-container {
  background-color: #0F1417;
  min-width: 1400px;
  min-height: 100vh;
  font-family: "Pretendard"!important;
}

.root-container-spinner {
  overflow-x: hidden;
  background: gray;
  opacity: 0.8;
}

.main-container {
  /* background: linear-gradient(rgb(33,97,226),rgb(175, 125,255)); */
  position: relative;
  margin: 0 auto;
  width: 100%;
  /* background-color: var(--background-color-2); */
  background-color: #f8faff;
  float: left;
  /* padding-bottom: 88px; */
  margin-bottom: 70px;
}

/***************************************************************************************/
/*  COMMON :: container-div
/***************************************************************************************/

.common-all-padding-0 {
  padding: 0px !important;
}

.common-margin-left-12 {
  margin-left: 12px !important;
}

.common-margin-bottom-0 {
  margin-bottom: 0px !important;
}

.common-margin-bottom-4 {
  margin-bottom: 4px !important;
}

.common-margin-bottom-12 {
  margin-bottom: 12px !important;
}

.common-margin-bottom-13 {
  margin-bottom: 13px !important;
}

.common-margin-bottom-17 {
  margin-bottom: 17px !important;
}

.common-margin-bottom-18 {
  margin-bottom: 18px !important;
}

.common-margin-bottom-8 {
  margin-bottom: 8px !important;
}

.common-padding-bottom-0 {
  padding-bottom: 0px !important;
}

.common-padding-bottom-3 {
  padding-bottom: 3px;
}

.common-padding-bottom-10 {
  padding-bottom: 10px !important;
}

.common-padding-top-7 {
  padding-top: 7px !important;
}

.common-padding-top-8 {
  padding-top: 8px;
}

.common-padding-top-17 {
  padding-top: 17px !important;
}

.common-padding-top-20 {
  padding-top: 20px !important;
}

.common-padding-top-26 {
  padding-top: 26px;
}

.common-padding-top-29 {
  padding-top: 29px;
}

.common-padding-top-30 {
  padding-top: 30px;
}

.common-padding-top-36 {
  padding-top: 36px;
}

.common-padding-36 {
  padding-left: 36px;
  padding-right: 36px;
}

.common-padding-left-4 {
  padding-left: 4px !important;
}

.common-padding-left-12 {
  padding-left: 12px !important;
}

.common-padding-left-20 {
  padding-left: 20px;
}

.common-padding-side-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.common-padding-side-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.common-padding-side-18 {
  padding-left: 18px;
  padding-right: 18px;
}

.common-padding-top-150 {
  padding-top: 150px;
}

.common-padding-0 {
  padding: 0px !important;
}

.common-auto-margin-side {
  margin-right: auto !important;
  margin-left: auto !important;
}

.common-430-width-margin-container {
  /* width: 430px; */
  margin-left: auto;
  margin-right: auto;
}

.common-900-width-container {
  width: 900px;
}

.common-full-width-container {
  width: 1170px !important;
}

.common-1200-width-container {
  width: 1200px !important;
}

.common-870-width-container {
  width: 870px !important
}

.common-100-percent-width-container {
  width: 100% !important;
}

/* 커뮤니티가 아닌 OrderList.js & TransactionList에서 사용중 */
.common-1270-width-container {
  width: 1270px !important;
}

.common-padding-left-50-container {
  width: 100% !important;
  padding-left: 50px !important;
}

.common-padding-left-100-container {
  width: 100% !important;
  padding-left: 100px !important;
}

.common-padding-left-25 {
  padding-left: 25px !important;
}

.common-width-1280 {
  width: 1280px;
}

.common-width-full {
  width: 100% !important;
}

.common-padding-right-0 {
  padding-right: 0px !important;
}

.common-padding-right-20 {
  padding-right: 20px !important;
}

.token-banner-margin-top-8 {
  margin-top: 8px;
}

/***************************************************************************************/
/*  COMMON :: margin & padding
/***************************************************************************************/

.common-container-margin {
  margin-top: 56px;
  padding-bottom: 64px;
}

.common-margin-left-0 {
  margin-left: 0px !important;
}

.common-margin-left-8 {
  margin-left: 8px !important;
}

.common-no-margin-side {
  margin-left: 0px;
  margin-right: 0px;
}

.common-no-padding-side {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.common-margin-top-minus-20 {
  margin-top: -20px;
}

.common-margin-top-minus-18 {
  margin-top: -18px;
}

.common-margin-top-4 {
  margin-top: 4px;
}

.common-margin-top-6 {
  margin-top: 6px;
}

.common-margin-top-8 {
  margin-top: 8px;
}

.common-margin-top-12 {
  margin-top: 12px;
}

.common-margin-top-24 {
  margin-top: 24px;
}

.common-margin-top-28 {
  margin-top: 28px;
}

.common-margin-top-32 {
  margin-top: 32px;
}

.common-margin-top-36 {
  margin-top: 36px;
}

.common-margin-top-42 {
  margin-top: 42px;
}

.common-margin-top-5 {
  margin-top: 5px;
}

.common-margin-top-7 {
  margin-top: 7px;
}

.common-margin-top-10 {
  margin-top: 10px;
}

.common-margin-top-13 {
  margin-top: 13px;
}

.common-margin-top-15 {
  margin-top: 15px;
}

.common-margin-top-16 {
  margin-top: 16px;
}

.common-margin-top-17 {
  margin-top: 17px;
}

.common-margin-top-18 {
  margin-top: 18px;
}

.common-margin-top-20 {
  margin-top: 20px;
}

.common-margin-top-25 {
  margin-top: 25px;
}

.common-margin-top-30 {
  margin-top: 30px !important;
}

.common-margin-top-35 {
  margin-top: 35px;
}

.common-margin-top-50 {
  margin-top: 50px;
}

.common-margin-top-56 {
  margin-top: 56px;
}

.common-margin-top-64 {
  margin-top: 64px;
}

.common-margin-top-75 {
  margin-top: 75px;
}

.common-margin-top-78 {
  margin-top: 78px;
}


.common-margin-top-100 {
  margin-top: 100px;
}

.common-margin-top-102 {
  margin-top: 102px;
}

.common-margin-top-150 {
  margin-top: 150px;
}

.common-margin-top-347 {
  margin-top: 347px;
}

.common-margin-left-100 {
  margin-left: 100px !important;
}

.common-margin-left-10 {
  margin-left: 10px !important;
}

.common-margin-right-3 {
  margin-right: 3px !important;
}

.common-margin-right-8 {
  margin-right: 8px !important;
}

.common-margin-right-12 {
  margin-right: 12px !important;
}

.common-margin-right-24 {
  margin-right: 24px
}

.common-margin-right-25 {
  margin-right: 25px
}

.common-margin-right-32 {
  margin-right: 32px !important;
}

.common-margin-right-60 {
  margin-right: 60px !important;
}

.common-image-margin-left15 {
  margin-left: 15px !important;
}

.common-image-margin-right15 {
  margin-right: 8px !important;
}

.common-margin-bottom-4 {
  margin-bottom: 4px !important;
}

.common-margin-bottom-10 {
  margin-bottom: 10px;
}

.common-margin-bottom-15 {
  margin-bottom: 15px;
}

.common-margin-bottom-16 {
  margin-bottom: 16px;
}

.common-margin-bottom-20 {
  margin-bottom: 20px;
}

.common-margin-bottom-24 {
  margin-bottom: 24px;
}

.common-margin-bottom-25 {
  margin-bottom: 25px;
}

.common-margin-bottom-30 {
  margin-bottom: 30px !important;
}

.common-margin-bottom-36 {
  margin-bottom: 36px !important;
}

.common-margin-bottom-40 {
  margin-bottom: 40px;
}

.common-margin-bottom-50 {
  margin-bottom: 50px !important
}

.common-margin-bottom-70 {
  margin-bottom: 70px !important;
}

.common-margin-bottom-100 {
  margin-bottom: 100px;
}

.common-margin-bottom-200 {
  margin-bottom: 200px !important;
}

.common-padding-bottom-50 {
  padding-bottom: 50px;
}

.common-padding-top-85 {
  padding-top: 85px;
}

.common-padding-top-10 {
  padding-top: 10px !important;
}

.common-padding-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.common-padding-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.common-padding-top-bottom {
  padding-top: 150px;
  padding-bottom: 150px;
}

.common-padding-top-0 {
  padding-top: 0px !important;
}

.common-padding-left-0 {
  padding-left: 0px !important;
}

.common-margin-left-42 {
  padding-left: 42px !important;
}

.common-margin-left-4 {
  margin-left: 4px !important;
}

.common-margin-auto {
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
}

.common-margin-left-auto {
  margin-left: auto !important;
}

.common-margin-reply {
  margin: 8px;
}

/***************************************************************************************/
/*  COMMON :: color
/***************************************************************************************/
.common-text-color-white {
  color: white;
}

.common-border-top {
  border-top: solid 1px #d4d4d4;
}

.common-background-color {
  background-color: var(--background-color-2);
}

.common-background-color-f5 {
  background-color: #F5F5F5;
}

.common-more-background-color {
  background-color: #A0A0A0;
}

.common-responsive-table>thead>tr>th {
  text-align: center;
  border-bottom: solid 1px #363e50 !important;
  border-top: solid 4px #363e50 !important;
  font-weight: normal;
  font-weight: initial;
  /* border-top: none!important; */
}

.color-is-20 {
  color: #202020;
}

/***************************************************************************************/
/*  COMMON :: text
/***************************************************************************************/

.common-font-size-14 {
  font-size: var(--font-size-14);
}

.common-font-size-16 {
  font-size: var(--font-size-16);
}

.common-count-text {
  margin-left: 8px;
  font-size: var(--font-size-14);
}

.common-count-text-small {
  margin-left: 8px;
  font-size: var(--font-size-12);
}

.common-user-name-text {
  font-size: var(--font-size-14);
  color: var(--font-color-2);
  padding-top: 5px;
}

.common-small-user-name-text {
  margin-left: 4px;
  font-size: var(--font-size-12);
  color: #9FA0A0;
}

.common-re-reply-user-name-text {
  font-size: var(--font-size-14);
  font-weight: 500;
  margin-right: 5px;
}

.common-datetime-text {
  color: var(--font-color-6);
  letter-spacing: 1px;
  font-size: var(--font-size-13);
  font-weight: var(--font-family-regular);
  padding-top: 2px;
}

.common-text-align-center {
  text-align: center
}

.common-text-align-right {
  text-align: right;
}

.common-text-align-left {
  text-align: left;
}

.common-content-white-space {
  white-space: inherit;
}

.common-font-weight-350 {
  font-weight: 350
}

.common-font-weight-400 {
  font-weight: 400
}

.common-font-weight-450 {
  font-weight: 450
}

.common-font-weight-550 {
  font-weight: 550
}

.common-font-weight-650 {
  font-weight: 650 !important;
}

.common-font-weight-750 {
  font-weight: 750
}

.font-color-20 {
  color: #202020 !important;
}

#my-editor-wrapper > .editor-toolbar {
  border-bottom: none;
  border-radius: 0px;
  height: 42px;
  opacity: 1;
  border-top: 1px solid var(--line-color-1);
  border-left: 1px solid var(--line-color-1);
  border-right: 1px solid var(--line-color-1);
}

#my-editor-wrapper>.editor-toolbar:before {
  margin-bottom: 3px;
}

#my-editor-wrapper > .CodeMirror {
  border: 1px solid var(--line-color-1);
  color: var(--font-color-2)!important;
  background-color: #f9f9f9;
}

#my-editor-wrapper > .CodeMirror > .CodeMirror-scroll {
	overflow: hidden!important;
}

#my-editor-wrapper > .editor-statusbar {
  padding: 0px;
}

/***************************************************************************************/
/*  COMMON :: image & icon
/***************************************************************************************/

.common-user-avatar-icon {
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  margin-top: -8px;
}

.common-default-icon {
  width: 20px;
  height: 20px;
}

.common-default-icon-small {
  width: 16px;
  height: 16px;
}

.common-footer-icon {
  width: 16px;
  height: 20px;
}

.reply-reaction-icon {
  width: 16px;
  height: 18px;
}

.reply-reaction-number {
  vertical-align: baseline;
}

.reply-hide-button-text-color {
  color: #606060;
}

.blind-button-text-color {
  color: #ff2727;
}

.common-padding-left-right-re-reply {
  padding-left: 95px !important;
  padding-right: 100px !important;
}

.common-padding-left-right-re-reply>div {
  margin-left: -5px;
}

.common-padding-left-right-95 {
  padding-left: 95px;
  padding-right: 100px;
}


/***************************************************************************************/
/*  COMMON :: forumInfo
/***************************************************************************************/

.common-display-flex {
  display: flex;
}

.common-display-bottom-line {
  display: inline-block;
  align-self: flex-end;
  margin-bottom: 6px;
  text-decoration: none;
}

.heading-panel-align-right>a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  margin-top: 8px;
  margin-left: 4px;
  margin-right: 4px;
}

.common-display-count-up {
  display: inline-block;
  align-self: flex-start;
  /* margin: 8px 8px; */
  /* width: 48px; */
  margin-top: 9px;
  margin-right: 12px;
}

.common-display-count-down {
  display: inline-block;
  align-self: flex-start;
  /* margin: 8px 8px; */
  /* width: 48px; */
  margin-top: 9px;
}

.common-display-count-small-up {
  display: inline-block;
  align-self: flex-start;
  margin: 2px 4px;
  width: 40px;
  margin-left: 0px !important;
  margin-right: 10px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.common-display-count-small-down {
  display: inline-block;
  align-self: flex-start;
  margin: 2px 4px;
  width: 32px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/***************************************************************************************/
/*  COMMON :: Button
/***************************************************************************************/

.button {
  border-color: white;
  background-image: none;
  background-color: white;
  box-shadow: none;
  color: #2C8CFF;
  padding: 4px;
}

.follow-button {
  border-color: white;
  background-image: none;
  background-color: white;
  box-shadow: none;
  color: #2C8CFF;
  padding: 0px;
  margin-left: 48px
}

.common-text-button {
  background-image: none;
  border: none;
  box-shadow: none;
  color: #2C8CFF;
}

.common-no-decorated-button,
.common-no-decorated-button:hover,
.common-no-decorated-button:active,
.common-no-decorated-button:focus {
  border: unset !important;
  color: var(--font-color-6);
  background-image: none;
  background-color: white;
  box-shadow: none;
  padding: 0;
  font-size: var(--font-size-12);
}

.common-default-text-button {
  border: unset !important;
  background-image: none;
  background-color: white;
  box-shadow: none;
  border-color: transparent;
  color: rgb(159,167,193) !important;
  border-radius: 0px;
}

.common-default-text-button:hover, 
.common-default-text-button:active, 
.common-default-text-button:focus,
.common-default-text-button:active:focus {
  background-color: #ffffff;
  border-color: transparent;
  color: #2c8cFF !important;
  font-weight: unset;
  text-shadow: none;
}

.common-gray-text-button,
.common-gray-text-button:active,
.common-gray-text-button:focus {
  border: unset !important;
  color: #ffffff;
  height: inherit;
  background-image: none;
  background-color: #F4F4F4;
  box-shadow: none;
  border-radius: 5px;
  width: 80px;
}

.common-no-decorated-button:hover,
.common-default-text-button:hover,
.common-gray-text-button:hover {
  font-weight: unset;
}

/***************************************************************************************/
/*  COMMON :: ETC...
/***************************************************************************************/
.textarea.form-control {
  height: 150px;
}

textarea.form-control {
  font-size: 14px;
  padding: 12px;
  height: auto;
  background: #f9f9f9;
  color: var(--font-color-2) !important;
  /* border: 1px solid var(--line-color-1); */
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  -webkit-appearance: none;
  overflow: hidden;
}

.common-text-area-inner-padding {
  padding-top: 20px;
  padding-bottom: 40px;
}

.common-text-area-height-30 {
  height: 30px !important;
}

.common-text-area-height-50 {
  height: 50px;
}

.common-text-area-height-150 {
  height: 150px;
}

.common-text-area {
  resize: none;
  display: block;
  width: 100%;
  padding: 6px 12px;
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 20px;
  font-size: var(--font-size-14);
  line-height: 1.42857143;
  color: var(--font-color-2) !important;
  background-color: #f9f9f9;
  background-image: none;
  border: 1px solid #F4F4F4;
  border-radius: 0px;
}


.activity-point-page-table-tbody {
  padding-left: 16px !important;
  padding-right: 0px !important;
}

.common-responsive-table>thead>tr>th,
.common-responsive-table>tbody>tr>td {
  vertical-align: middle;
  height: 50px;
  border-bottom: 1px solid #eaeaea;
}

.table>tbody>tr>td>span {
  font-size: var(--font-size-12);
}

.token-content-item-padding-bottom>div {
  padding-top: 10px;
  padding-bottom: 10px;
}

.token-content-padding-margin {
  padding-top: 0px;
  margin-top: 30px;
}

.common-position-inherit {
  position: inherit
}

.common-modal-body-height {
  height: auto;
}

.common-modal-body-height-small {
  height: 200px;
}

.mypage-nav-link-text {
  color: #202020;
  font-weight: normal;
  font-weight: initial;
  height: 40px;
  width: 25%;
  font-size: var(--font-size-15);
}

.mypage-activity-nav-link {
  padding-left: 0px !important;
  padding-right: 0px !important;
  background-image: none !important;
  background: #F4F4F4 !important;
  width: 800px;
  margin-bottom: 4px;
}

.mypage-activity-nav-link>.container {
  padding-left: 0px;
  padding-right: 0px;
  width: 800px !important;
  height: 50px;
}

.mypage-content-item-group {
  width: 800px;
  margin: 0 auto;
  float: none;
}

.mypage-activity-nav-width {
  width: 100% !important;
}

.editor-preview-active,
.editor-preview-active-side {
  word-break: break-word !important;
  padding-left: 54px !important;
  padding-right: 50px !important;
  padding-top: 34px !important;
  padding-bottom: 30px !important;
}

.editor-preview-active img,
.editor-preview-active-side img {
  max-width: 100%;
}

.simpleMde-display-block {
  display: block !important;
}

.simpleMde-display-contents {
  display: contents !important;
  background: white !important;
}

.edit-text-area {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 10px;
  height: 50px;
  margin-top: 36px;
}

.common-button-toolbar {
  display: flex;
  justify-content: flex-end;
  padding-top: 30px
}

.common-cursor-pointer {
  cursor: pointer
}

.common-button-toolbar-2 {
  display: flex;
  justify-content: flex-end;
}

.common-bread-crumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.common-image-circle {
  border-radius: 50%;
}

.common-image-width {
  width: 30px;
}

.common-modal-body {
  font-size: var(--font-size-18);
}

.modal-footer {
  padding: 0px;
  border-top: none;
}

.modal-header {
  border-bottom: none;
  padding-bottom: 0px;
}

.modal-body {
  position: relative;
  padding: 15px;
  padding-top: 0px;
}

.modal-body>img {
  max-width: 100%;
}

.common-modal-footer {
  text-align: center;
  padding: 0px;
}

.common-modal-footer-button {
  width: 49.5%;
  height: 56px;
  background-image: none;
  background-color: #F4F4F4;
  border: none;
  padding: 0px;
  color: #2C8CFF;
  font-size: var(--font-size-16);
}

.common-modal-footer-button-100 {
  width: 100%;
  height: 56px;
  background-image: none;
  background-color: #F4F4F4;
  border: none;
  padding: 0px;
  color: #2C8CFF;
  font-size: var(--font-size-16);
}

.modal-popup-footer-margin {
  margin-bottom: -18px;
}

.common-modal-footer-button:hover {
  border-color: transparent;
  color: #2C8CFF;
}

.common-modal-footer-button-100:hover {
  border-color: transparent;
  color: #2C8CFF;
}

.common-input-form-control-height {
  height: 70px !important;
  font-size: 14px;
}

.main-modal-class {
  width: auto;
  width: initial;
}

.modal-dialog-preview {
  width: 60%;
  margin-top: 10%
}

.hamburger-user-image {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  border-radius: 50%;

}

.hamburger-logo-image {
  width: 124px;
}

.common-write-form-well {
  background-image: none;
  background-color: #F4F4F4;
  border-color: transparent;
  box-shadow: none;
  margin-bottom: 0px;
  border-radius: 0px;
}

.common-write-white-form-well {
  background-image: none;
  background-color: none;
  border-color: transparent;
  box-shadow: none;
  margin-bottom: 0px;
  border-radius: 0px;
}

.content-write-padding-right-12 {
  padding-right: 12px !important;
}

.content-write-margin-top-fit {
  margin-top: -5px;
}

.content-write-margin-top-fit>textarea {
  border: 1px solid var(--line-color-1);
  background-color: #f9f9f9;
  color: #333333 !important;
}

.content-write-padding-right-4 {
  padding-right: 4px !important;
}

.common-write-padding-top-8 {
  padding-top: 8px;
}

.common-write-form-well-span {
  font-size: var(--font-size-15);
}


.common-footer-button-group {
  width: 10%;
  height: 35px;
  background-image: none;
  background-color: transparent;
  border: transparent;
  padding: 0px;
  color: #2C8CFF;
  font-size: var(--font-size-18);
  box-shadow: none;
  padding: 0px;
}

.common-button-width-auto {
  width: auto !important;
}

.common-margin-bottom-325 {
  margin-bottom: 325px;
}

.common-text-color-gray {
  color: #C9C9C9 !important
}

.common-border-bottom {
  border-bottom: 1px solid #ddd;
}

.forum-edit-token-content-disabled {
  opacity: 0.6;
  background-color: #b1b1b1;
  color: var(--font-color-2) !important;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
}

.forum-edit-token-content-disabled > div {
  overflow: auto;
}

.forum-edit- {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
}

.forum-edit-title-style {
  border: none;
  border-bottom: 1px solid #d4d4d4;
  font-size: 25px;
  height: 52px;
  padding: 0px;
  padding-top: 5px;
  padding-left: 0px !important;
}

.panel-default {
  border-radius: 0px
}

.common-modal-margin {
  margin-top: 10px;
  margin-bottom: 80px;
}

.common-margin-left-inherit {
  margin-left: inherit;
}

/* .modal.in .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 500px;
  -webkit-transform: none;
  transform: translate(0, -40%);
  transition: none;
} */

/***************************************************************************************/
/*  component: Header
/***************************************************************************************/
.header-search-icon {
  margin-right: -30px;
  margin-top: -21px;
}

.header-search-image-cursor {
  cursor: pointer;
}

.header-search-image-cursor a {
  color: inherit;
  text-decoration: none;
}

.header-search-image-cursor a:hover,
.header-search-image-cursor a:focus {
  color: inherit;
  text-decoration: none;
  outline-offset: 0;
}

/* 모듈에서 제공하는 class명에 대한 media query */
@media only screen and (max-width: 768px) and (min-width: 0px) {
  .navbar-default .navbar-form {
    border-color: transparent;
  }
}

/* 모듈에서 제공하는 class명에 대한 media query */
@media only screen and (min-width: 769px) {
  .navbar-default .navbar-form {
    border-color: #e7e7e7
  }
}

.header-float-right {
  float: right;
}

.header-margin-left-190>a {
  font-size: var(--font-size-14);
  padding-left: 10px;
  padding-right: 10px;
}

.dropdown-toggle {
  font-size: var(--font-size-14);
  padding-left: 10px;
  padding-right: 10px;
  border: unset;
  text-shadow: unset;
  background: #ededed;
}

/* 모듈에서 제공하는 class명에 대한 media query */
@media only screen and (max-width: 768px) {
  .dropdown-menu {
    position: static !important;
    left: 0 !important;
    ;
    min-width: 104px;
    border-radius: 8px;
  }
}

/* 모듈에서 제공하는 class명에 대한 media query */
@media only screen and (min-width: 768px) {
  .dropdown-menu {
    position: absolute;
    left: 0 !important;
    min-width: 104px;
    border-radius: 8px;
  }
}

.header-nav-text-margin {
  margin-top: 6px;
}

.navbar>.container {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.header-nav-link {
  color: white !important;
  padding-left: 15px !important;
}

.header-dropdown-nav-link {
  color: white !important;
  padding-left: 15px !important;
  width: 150px
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  color: #2C8CFF
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  color: #161616;
  background-color: whitesmoke;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {
  box-shadow: none;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  background-color: black
}

.header-nav-fixed {
  width: 100%;
  background-color: #161616;
  background-image: none;
  height: 56px;
  border-color: transparent;
  box-shadow: none;
}

.header-nav-fixed>div {
  width: 100%
}

.header-dropdown-menu {
  position: inherit;
  min-width: 150px;
  border: none;
}

.header-nav-dropdown {
  right: auto;
  min-width: 121px;
  padding: 3px 0px;
}

.header-nav-dropdown>ul {
  position: inherit;
}

.header-search {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  background-image: none
}

.header-width {
  width: 20px;
}

.header-margin-left {
  margin-left: 40px !important;
}

.header-margin-right {
  margin-right: 10px
}

.header-gnb-padding {
  padding: 0px 0px;
  padding-left: 236px;
}

.header-gnb-logo-image-width {
  width: 50px;
}

.table>tbody+tbody {
  border-top: 1px solid #ddd;
}

/***************************************************************************************/
/*  component: ForumView.js
/***************************************************************************************/
.forum-view-general-for-margin-bottom {
  margin: 0px;
}

.forumViewGeneralForMarginBottom>div>p {
  margin-bottom: 0px !important;
}

.forum-view-user-avatar-icon {
  margin-right: 8px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.forum-view-title {
  font-size: 25px;
  font-weight: 650;
  padding-top: 36px;
  padding-bottom: 10px;
  padding-left: 0px;
  border-bottom: 1px solid #ddd;
}

.forum-view-header {
  font-size: var(--font-size-16);
  margin-left: auto;
  margin-right: auto;
  height: 42px !important;
  padding-top: 9px !important;
  padding-bottom: 13px !important;
  padding-left: 12px;
}

.forum-view-arrow-image {
  cursor: pointer;
  width: 16px;
  height: 8px;
  margin-top: -8px;
}

.forum-view-content-header-font {
  font-size: var(--font-size-16);
  font-weight: normal;
  font-weight: initial;
  margin-left: 8px;
}

.forum-view-content {
  padding-left: 100px;
  padding-right: 100px;
  font-size: var(--font-size-14);
  margin-left: auto;
  margin-right: auto;
  /* padding-bottom: 50px; */
  color: var(--font-color-2);
  min-height: 300px;
  /* font-family: "Helvetica Neue","Helvetica,Arial","sans-serif"!important; */
}

.forum-view-user-info {
  padding: 10px;
}

/***************************************************************************************/
/*  component: ReplyInput.js
/***************************************************************************************/

.reply-text-area-style {
  height: 100px;
  resize: none;
  box-shadow: none;
  border: 1px solid #F4F4F4;
}

.common-text-area:focus {
  outline: 0;
  box-shadow: none;
}

.form-control:focus {
  border-color: #d4d4d4;
  outline: 0;
  box-shadow: none;
}

.form-no-margin {
  margin: 0;
}

.padding-15-side {
  padding-right: 15px;
  padding-left: 15px;
}

.cancel-button {
  margin-right: 2px;
}

.border-reply-commit {
  border-left: 1px solid #F4F4F4;
  border-bottom: 1px solid #F4F4F4;
  border-right: 0.1px solid #F4F4F4;
  margin-top: -1px;
  height: 36px;
}

.reply-input-height {
  height: 36px !important;
}

.display-table {
  display: table;
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  padding-left: 12px;
  color: #C9C9C9;
  height: 36px;
}


/***************************************************************************************/
/*  component: PresentLocation.js
/***************************************************************************************/

.present-location-title-padding {
  padding-top: 60px;
  padding-bottom: 10px
}

.page-header {
  padding-bottom: 0px;
  margin: 0px;
}

.present-location-edit-history-button-1 {
  background-image: none;
  border: none;
  box-shadow: none;
  color: #2C8Cff;
  font-size: var(--font-size-14);
}

.present-location-edit-history-button-2 {
  background-image: none;
  border: none;
  box-shadow: none;
  color: #2C8Cff;
}

.present-location-edit-history-button-1:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.present-location-edit-history-button-2:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.common-container-margin>.container {
  margin-left: auto;
  margin-right: auto;
}

.token-banner-container>.token-banner-inner-margin {
  height: 64px;
}

.token-banner {
  height: 160px !important;
  padding-top: 28px;
}

.page-header>.container {
  width: 900px !important;
  padding-left: 0px;
  padding-right: 0px;
}

.token-banner-height-margin {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.token-banner-activity-button {
  background-image: none;
  border: none;
  box-shadow: none;
}

.token-banner-activity-button:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

/***************************************************************************************/
/*  component: TokenInfoBanner
/***************************************************************************************/

.token-banner-margin {
  margin-top: 50px;
  margin-bottom: 50px;
}

.token-banner-container {
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: white;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.token-banner-container-padding-bottom {
  padding-bottom: 10px !important;
}

.token-banner-inner-margin {
  width: 1170px;
  margin: 0 auto;
  display: flex;
}

.token-banner-margin-padding {
  padding-left: 0px;
  margin-left: -88px;
  padding-bottom: 82px;
  margin-top: 24px;
}

.token-banner-text {
  padding-left: 36px;
  padding-right: 0px;
}

.token-banner-padding-top-8 {
  padding-top: 8px
}

.token-banner-container-padding {
  padding-bottom: 42px !important;
}

/***************************************************************************************/
/*  component: TokenInfoMenu
/***************************************************************************************/


.token-banner-text-font-size {
  font-size: 13px !important;
}

.token-banner-help-image-margin {
  margin-left: -32px;
}

/***************************************************************************************/
/*  TokenPage.js
/***************************************************************************************/

.token-page-top-padding {
  padding-top: 20px;
  margin-bottom: 50px;
}

.token-page-arrow {
  position: fixed;
  bottom: 50px;
  right: 3%;
  cursor: pointer;
  transition: opacity 0.2s linear 0s, visibility;
  opacity: 1;
  visibility: visible;
}

/***************************************************************************************/
/*  TokenInfoPage
/***************************************************************************************/

.scroll-icon-size {
  width: 36px;
}

.wiki-content-header-text {
  margin-left: 6px;
  margin-right: 6px;
  color: #A0A0A0;
  font-size: var(--font-size-12);
}

.wiki-content-text-color {
  color: #A0A0A0
}

.wiki-content-navbar {
  border-color: transparent;
  background-color: #e5e8ec;
  background-image: none;
  box-shadow: none;
  min-height: auto;
  margin-bottom: 12px !important;
}

/*위 css 까지 적용되어야 해서 common에 있는 걸 사용하지 못함*/
.wiki-content-navbar>div {
  width: 1170px;
  padding-left: 0px;
  padding-right: 0px
}

.wiki-content-navbar>div>ul {
  width: 992px;
  padding-left: 0px;
  padding-right: 0px
}

.wiki-content-navbar>div>ul>li>a {
  padding: 0px;
}

.token-info-card-padding {
  padding-top: 70px;
}

.token-info-card {
  background-color: white;
  border: 1px solid #C9C9C9;
  width: 224px;
  height: 322px;
  padding: 26px 8px 0px 24px;
  border-radius: 0px;
  margin-left: 22px;
}

.token-info-card-graph {
  background-color: white;
  border: 1px solid #C9C9C9;
  width: 224px;
  height: 322px;
  padding: 30px 0 0;
  border-radius: 0px;
  margin-left: 22px;
}

/***************************************************************************************/
/*  Token Wiki Content Items Group / Wiki Content Item                                 */
/***************************************************************************************/

.wiki-content-group-height {
  height: 64px !important;
}

.wiki-content-item-group {
  width: 1170px;
  margin: 0 auto;
  float: none;
}

.wiki-content-item {
  color: #161616 !important;
  padding: 0px !important;
  text-align: center !important;
  width: 12.5% !important;
}

.wiki-content-category-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.wiki-content-item>a {
  padding-left: 0px !important;
}

.wiki-content-item span {
  color: #202020;
}

.wiki-content-item span:hover {
  padding-bottom: 2px;
  border-bottom: #c0e3ff 0.2em solid;
}

/***************************************************************************************/
/*  Token Card
/***************************************************************************************/

.token-card-padding {
  padding-top: 48px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: inherit;
  margin-left: 30px;
  margin-top: 38px;
}

.token-card {
  background-color: white;
  border: 1px solid #d4d4d4;
  width: 270px;
  height: 364px;
  border-radius: 0px !important;
  margin-left: 22px;
}

.token-rate-edit {
  padding-left: 0px !important;
}

.token-rate-edit>canvas {
  height: 300px !important;
  width:
    722px !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
}

.token-rate-view-card {
  width: 270px;
  height: 364px;
  margin-left: 22px;
}

.rating-gragh {
  padding: 0px 0 0 0 !important;
  margin-bottom: 0px !important;
}

.data-only {
  padding: 36px 8px 0px 8px !important;
  margin-bottom: 18px !important;
}

.token-card-in-text {
  padding-left: 36px !important;
  padding-top: 32px !important;
}

.padding-and-margin {
  margin-right: 0px;
  margin-left: -24px;
}

.padding-and-margin>.btn-group {
  display: inherit !important;
  margin-top: 20px;
}

.token-card-button-style {
  padding-left: 8px !important;
  padding-right: 8px !important;
  border: none !important;
  border-radius: 0px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.token-card-button-style:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.follow-button:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.token-card-button-1 {
  margin-left: -16px;
  padding-left: 24px !important;
  padding-right: 24px !important;
  width: 82px;
  height: 50px;
}

.token-card-button-2 {
  margin-left: -8px;
  padding-left: 18px !important;
  padding-right: 24px !important;
  width: 87px;
  height: 50px;
}

.token-card-button-3 {
  margin-left: -3px;
  padding-left: 18px !important;
  padding-right: 16px !important;
  width: 85px;
  height: 50px;
}

.background-color {
  background-color: white !important;
}

.button-text-align-inherit {
  text-align: inherit
}

.parent-text {
  font-weight: 500 !important;
  font-size: 14px !important;
  margin-bottom: 13px !important;
  color: #202020 !important
}

.child-text {
  font-size: small;
}

.graph-card-view-style {
  padding: 50px 0px 25px 0px !important;
  margin-left: 0px !important;
}

.graph-card-inside {
  padding-top: 21px;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 19px;
  margin-bottom: 11px;
  background: var(--background-color-6);
}

.graph-card-button {
  border-color: white;
  background-image: none;
  background-color: white;
  box-shadow: none;
  color: #2C8CFF;
  padding: 0px;
  width: 244px;
  height: 49px;
  border-radius: 0px;
}

.graph-card-button:hover,
.graph-card-button:active {
  background-color: #f4f4f4;
  border-color: transparent !important;
  border: none;
  color: #2c8cFF;

}

/***************************************************************************************/
/*  TokenNotFound.js
/***************************************************************************************/

.token-not-found-jumbotron {
  font-size: x-large;
  text-align: center
}

.token-not-found-width {
  width: 200px
}

.token-not-found-font {
  color: rgba(0, 0, 0, 0.5);
  margin: 10px 0 10px;
  font-size: var(--font-size-18);
  font-weight: 200;
  line-height: 1.6em;
  font-weight: 20;
}

/***************************************************************************************/
/*  HeadingPanel
/***************************************************************************************/

.wiki-content-group-height>a {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-top: 10px;
}

.heading-panel-label {
  padding-left: 2px;
}

.heading-panel-background {
  background-color: white !important;
  background-image: none !important;
  border-color: white !important;
  padding: 0px
}

.heading-panel-user-image {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-right: 4px;
}

.heading-panel-font-size {
  font-size: var(--font-size-15);
  font-weight: 450;
}

.heading-panel-icon-image {
  width: 20px;
  height: 18px;
  margin-left: 10px;
  margin-right: 10px
}

.heading-panel-glyph {
  margin-right: 10px;
  cursor: pointer
}

.heading-panel-align-right {
  text-align: right;
  height: 46px;
  padding-right: 8px;
}

.token-content-head-label {
  padding-left: 0px;
  color: #202020;
}

.token-content-write-gray-bar {
  height: 42px;
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 0px !important;
}

.token-content-write-gray-bar-2 {
  height: 42px;
  padding-top: 0px !important;
}

.token-content-write-button {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 17px !important;
}

.token-content-write-button:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.token-content-margin-bottom-18 {
  margin-bottom: 18px;
}

.token-content-head-padding-top {
  padding-top: 2px;
}

.token-content-head-margin-left-15 {
  margin-left: -15px;
}

.token-content-head-margin-left-5 {
  margin-left: -5px;
}

.token-content-head-icon {
  margin-left: -14px !important
}

.token-content-head-font-size {
  font-size: var(--font-size-20);
  color: #202020;
}

.token-content-head-icon-image {
  width: 20px;
  height: 18px;
  margin-left: 10px;
  margin-right: 8px
}

.token-content-head-glyph {
  cursor: pointer;
  width: 16px;
  height: 8px;
  margin-top: -5px;
}

.token-content-head-align-right {
  display: block;
  padding-top: 3px;
  float: right;
  margin-right: -3px;
}

.token-content-head-userImage {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-right: 4px;
}

.token-content-empty-well {
  width: 544px;
  height: 72px;
  padding-top: 17px;
  padding-bottom: 21px;
}

.token-content-edit-header-span {
  float: right;
  font-size: var(--font-size-14);
}

.token-content-edit-margin-top-12 {
  margin-top: 12px !important;
}

.token-content-edit-margin-top-10 {
  margin-top: 10px !important;
}

.token-content-good-reaction {
  margin-top: -4px;
}

.token-content-bad-reaction {
  margin-top: -2px;
  margin-bottom: 2px;
}

.token-content-reply {
  margin-top: 0px;
}

/***************************************************************************************/
/*  Reply.js
/***************************************************************************************/

.reply-margin-bottom {
  margin-bottom: 17px;
}


/***************************************************************************************/
/*  component: TokenContent                                                                  */
/***************************************************************************************/


.token-content-font {
  font-size: var(--font-size-26);
  color: var(--font-color-2);
  font-weight: 450;
}

.forum-body-token-content-label {
  margin-left: 20px;
}

/***************************************************************************************/
/*  component: TokenContentItem.js                                                                  */
/***************************************************************************************/

.token-content-item-padding-margin {
  padding-left: 0px;
  margin-left: 132px;
}

.token-content-item-hr {
  margin-top: 10px;
  margin-bottom: -4px;
  border-top: 1px solid #d4d4d4;
}

.token-content-item-hr>.collaspe {
  margin-top: 4px;
}

.token-content-item-padding-top {
  padding-top: 20px;
}

.token-content-item-content-add-info {
  margin-left: 30px;
  margin-right: 5px;
  color: #A0A0A0;
}

.token-content-item-padding-bottom {
  padding-bottom: 20px !important;
}


/***************************************************************************************/
/*  component: TokenContentItemText.js                                                                  */
/***************************************************************************************/

.token-content-item-text-color {
  color: #202020;
  text-align: center;
}

.forum-list-table-head-font-size {
  font-size: var(--font-size-14);
}

.token-content-item-text-well {
  background-image: none;
  border-color: #f4f4f4;
  background-color: white;
  border: 1px solid #f4f4f4;
  font-size: var(--font-size-13);
  box-shadow: none;
  border-radius: 0px;
}

/***************************************************************************************/
/*  component: TokenContentHistory                                                                  */
/***************************************************************************************/

.token-content-history-tbody-align {
  vertical-align: inherit !important;
}

.token-content-history-title {
  cursor: pointer;
  padding-left: 0px;
}

.token-content-history-height {
  height: 800px
}

/***************************************************************************************/
/*  component: TokenContentView                                                                  */
/***************************************************************************************/

.token-content-view-margin {
  margin-bottom: 5px
}

/***************************************************************************************/
/*  component: TokenContentWrite                                                                  */
/***************************************************************************************/
.token-content-write-title {
  margin-top: 36px;
  margin-bottom: 10px;
  font-size: 25px;
}

.content-write-register-button {
  font-size: var(--font-size-14);
  margin-top: 9px;
  width: auto;
  margin-right: 18px;
  margin-left: 12px !important;
}

.content-write-register-button:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.content-write-preview-button {
  font-size: var(--font-size-14);
  margin-top: 9px;
  width: auto;
}

.content-write-preview-button:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.token-content-write-comment {
  padding-top: 20px;
  padding-bottom: 80px
}

.editor-toolbar {
  border: 1px solid var(--line-color-1);
  height: 42px;
  opacity: 1;
  border-top: 1px solid var(--line-color-1);
  border-left: 1px solid var(--line-color-1);
  border-right: 1px solid var(--line-color-1);
}

.editor-toolbar:before {
  margin-bottom: 0px;
}

.editor-statusbar {
  padding: 0px;
}

/***************************************************************************************/
/*  component: TokenRateWrite                                                                */
/***************************************************************************************/
.graph-card-inside>canvas {
  display: block;
  width: 224px !important;
  height: auto !important;
}

.chartjs-render-monitor {
  /* animation: none!important; */
  /* width: 900px!important;
  height: 200px!important; */
  /* padding-left: 55px; */
  /* animation: none!important; */
  /* width: 630px!important; */
  /* height: 300px!important; */
  /* width: 352px!important; */
  width: 600px !important;
  height: 320px !important;
  /* width: 600px!important;
  height: 300px!important; */
  padding-left: 0px !important
}

.chartWidth {
  width: 400px !important;
}

.chart-style {
  margin-left: auto;
  margin-right: auto;
}

.forum-body-for-token-rate {
  padding-top: 0px !important;
  height: auto !important;
  padding-bottom: 0px !important;
}

.forum-body-row-width {
  width: 795px;
}

.token-graph-card-size {
  width: 246px;
  height: 316px;
}

.token-rate-content-size {
  width: 530px;
  margin-left: 24px !important;
}

.token-rate-minus-margin-left {
  margin-left: -20px;
}

.token-rate-write-padding {
  margin-top: 150px;
  margin-bottom: 50px
}

.token-rate-write-title-height {
  height: 50px;
}

.token-rate-write-user-comment {
  height: 150px;
}

.token-rate-write-margin-10 {
  margin-bottom: 10px;
}

.token-rate-write-margin-right {
  margin-right: 40px;
  width: 40%;
}

.token-rate-write-button-width {
  width: 40%;
}

.token-rate-write-text-1 {
  margin-right: 50px;
  margin-left: 370px;
}

.token-rate-write-text-2 {
  margin-left: 300px;
  margin-right: 50px;
}

.token-rate-write-form {
  border-radius: 0px;
  height: inherit !important;
  border: 1px solid #F4F4F4;
  color: #ffffff !important;
  background: #395bb8;
}

/***************************************************************************************/
/*  component: ForumList.js                                                                  */
/***************************************************************************************/
input[type=checkbox] {
  width: 20px;
  height: 20px;
}

.pretty {
  position: relative;
  display: inline-block;
  margin-right: 16px;
  white-space: nowrap;
  line-height: 1;
}

.pretty .state label {
  position: static;
  position: initial;
  display: inline-block;
  font-weight: 400;
  margin: 0;
  text-indent: 1.5em;
  min-width: calc(1em + 2px);
  margin-left: 8px;
}

.pretty .state label:after,
.pretty .state label:before {
  width: 20px;
  height: 20px;
}

.forum-list-disscussion-button {
  margin-right: 18px;
}

.forum-list-elepsis {
  width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-small-card-title-elepsis {
  width: 323px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.main-small-card-content-elepsis {
  width: 396px;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-height: 1.2em;
  max-height: 2.6em;

}

.main-big-card-title-elepsis {
  width: 550px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.main-big-card-content-elepsis {
  width: 650px;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-height: 1.2em;
  max-height: 3.6em;
}

.forum-list-gray-bar>.container {
  padding-left: 0px;
  padding-right: 0px;
}

.forum-list-gray-bar-padding-bottom {
  padding-bottom: 15px;
}

.forum-list-gray-bar {
  padding-left: 0px;
  padding-right: 0px;
  background-color: #F4F4F4;
  width: 100%;
  height: 64px;
  background-image: none;
  box-shadow: none;
  border-radius: 0px;
  margin-left: auto;
  margin-right: auto;
}

.forum-list-sorting-navbar-background {
  background: transparent;
  height: 40px;
}

.forum-list-sorting-navbar-background>.container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  height: 40px;
}

.forum-list-sorting-navbar-background>.container>.navbar-right {
  margin-right: -16px !important;
  height: 40px;
}

.navbar-right>li>a>p {
  color: #2C8CFF !important;
  font-size: var(--font-size-14);
  cursor: pointer;
}

.navbar-right>li>a>p:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.forum-list-search-nav-bar {
  background-image: none;
  background-color: white;
  box-shadow: none;
  border: transparent;
}

.forum-list-search-nav-bar>div {
  width: 1170px !important;
}

.forum-list-search-bar-height {
  height: 32px !important;
}

.forum-list-padding-top-9 {
  padding-top: 9px;
}

.forum-list-padding-top-4 {
  padding-top: 4px;
  position: absolute !important
}

.forum-list-check-box-width {
  width: 30px;
  height: 30px;
  margin-right: 35px;
}


.forum-list-check-box-width>input {
  width: 30px;
  height: 30px;
  width: 60px;
  margin-left: -60px !important;
}

.checkbox-inline,
.radio-inline {
  width: 50px !important;
}

.forum-list-check-box-paragraph {
  padding-top: 7px;
}

.forum-list-search-icon-size {
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

pretty.p-default input:checked~.state label:before {
  background-color: #ffffff !important;
}

.pretty.p-default input:checked~.state label:after {
  background-color: #c0e3ff !important;
}

.forum-list-search-bar-color {
  background-color: white;
  border: none;
  box-shadow: none;
}

.forum-header-post-info-text {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin-left: 8px;
}

@media (min-width: 768px) {
  .navbar-right {
    /* float: right !important;
    margin-right: 60px;
    height: 56px; */
  }
}

/***************************************************************************************/
/*  ForumFooter
/***************************************************************************************/

.forum-footer-divider-row-height {
  height: 46px;
}

.forum-footer-divider-row-line-height {
  line-height: 46px;
  padding-left: 18px !important;
}

.forum-footer-margin-right {
  margin-right: 16px !important;
}

.forum-footer-input {
  height: 100px;
  margin-bottom: 10px;
  width: 100%
}

.forum-footer-image-margin {
  margin-left: 22px;
  margin-right: 6px
}

/***************************************************************************************/
/*  component: DexPage                                                                  */
/***************************************************************************************/

.dex-page-padding {
  padding-top: 150px;
  padding-bottom: 150px;
}

.dex-page-jumbotron {
  padding-top: 150px;
  padding-bottom: 150px;
  font-size: x-large;
  text-align: center;
}

.dex-page-not-found {
  width: 200px;
}

/***************************************************************************************/
/*  component: RegisterToken                                                                  */
/***************************************************************************************/

.register-token-label-margin {
  margin-left: 100px;
  margin-top: 40px;
}

/***************************************************************************************/
/*  component: Mypage                                                                  */
/***************************************************************************************/

.mypage-content-margin-bottom {
  margin-bottom: 100px;
}

.mypage-title-padding {
  padding-top: 80px;
  padding-bottom: 50px;
}

.mypage-text {
  font-weight: 550;
  font-size: var(--font-size-16);
  text-align: center;
}

.mypage-text>a {
  padding: 0 !important;
  padding-top: 15px !important;
  color: #202020 !important;
}

.mypage-header-font-weight {
  font-weight: 500;
}

.mypage-margin-bottom {
  margin-bottom: 30px;
}

.mypage-input-height {
  height: 40px !important
}

.mypage-checkbox-margin-top {
  margin-top: 0px !important;
}

.mypage-well-background {
  background-image: none;
  background: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-radius: 0px;
}

.mypage-well-in-text {
  background-image: none;
  background: none;
  border-radius: 0px;
}


/***************************************************************************************/
/*  component: Login                                                                  */
/***************************************************************************************/

.login-margin-top {
  margin-top: 52px;
}

/***************************************************************************************/
/*  component: Personal                                                                 */
/***************************************************************************************/
.account-margin-top-4 {
  margin-top: 4px !important;
}

.account-margin-bottom-3 {
  margin-bottom: 3px !important;
}

.account-telegram-button {
  line-height: 18px;
  margin-left: 16px;
  margin-bottom: 3px;

}

.account-user-cell-button:hover {
  background-color: transparent;
  border-color: transparent;
}

.account-telegram-button:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.account-main-text-margin {
  margin-top: 12px;
  margin-bottom: 16px;
  color: var(--font-color-4) !important;
}

.account-button-minus-margin {
  margin-top: -70px;
}

.account-box-padding-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.account-box-width-376 {
  width: 376px;
}

.account-box-height-196 {
  height: 196px;
}

.account-box-height-128 {
  height: 128px;
}

.account-box-button-margin-top {
  margin-top: 59px;
}

.account-button-height {
  height: 42px !important;
  font-size: var(--font-size-14);
  border-radius: 0px;
}

.account-user-box-close-button {
  margin-left: 12px;
}

.account-user-box-size {
  width: 376px;
  height: 328px;
  margin-right: 8px;
}

.account-user-image-size {
  width: 168px;
  height: 168px;
  border-radius: 50%;
}

.personal-activity-box-height {
  height: 160px;
}

.personal-activity-class-background-image {
  position: relative;
  width: 100px;
  height: 100px;
}

.personal-activity-class-number {
  position: absolute;
  margin: -80px 164px;
  font-size: 40px;
}

.personal-border-color {
  border-color: #f4f4f4 !important;
}

.personal-nav-height-64 {
  height: 64px;
}

.personal-nav-link {
  padding-left: 0px !important;
  padding-right: 0px !important;
  background-image: none !important;
  background: #F4F4F4 !important;
  height: 64px;
}

.personal-ul-width {
  width: 100%
}

.personal-nav-link>.container {
  padding-left: 0px;
  padding-right: 0px;
  width: 1170px !important;
  height: 64px;
}

.personal-nav-link>.container>ul {
  width: 100%;
  height: 64px;
}

.personal-nav-link-text {
  color: #202020;
  font-weight: normal;
  font-weight: initial;
  height: 64px;
  width: 16.666%;
  font-size: var(--font-size-15);
}

.personal-nav-link-text>a {
  color: #161616 !important;
  text-align: center;
  padding-top: 20px !important;
}

.personal-nav-link-text-span:hover {
  padding-bottom: 0px;
  border-bottom: #363e50 0.2em solid;
}

.personal-nav-link-text-anchor {
  color: #161616 !important;
  padding-bottom: 6px;
  border-bottom: #c0e3ff 0.2em solid;
  background-color: yellow;
}

.personal-nav-margin-top {
  margin-top: 53px;
}

.personal-page-margin {
  margin-top: 10px;
  margin-bottom: 100px;
}

.personal-nav-margin-top>.container {
  padding-left: 0px;
  padding-right: 0px;
}

.personal-well-padding-top-0 {
  padding-top: 0px;
}

.personal-well-height-425 {
  height: 425px;
}

.personal-well-height-328 {
  height: 328px;
}

.personal-well-height-200 {
  height: 200px;
}

.personal-well-height-184 {
  height: 184px;
}

.personal-well-height-160 {
  height: 160px;
}

.personal-register-button-margin-top {
  margin-top: 47px;
}

.register-user-container-padding {
  padding-left: 36px !important;
  padding-right: 36px !important;
  padding-bottom: 36px !important;
}

.register-user-join-button {
  height: 42px;
  font-size: var(--font-size-14);
}

.register-user-head-text {
  font-size: 25px;
  font-weight: 550;
}

.register-user-big-text {
  font-weight: 500;
  font-size: var(--font-size-16);
}

.register-user-button:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2c8cFF !important;
}

.personal-in-well-main-text {
  font-weight: 500;
  font-size: var(--font-size-18);
  padding-top: 16px;
  margin-bottom: 16px;
}

.personal-in-well-sub-text {
  font-weight: 300;
  font-size: var(--font-size-14);
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.personal-phone-margin-top {
  margin-top: 12px;
}

.personal-input-form {
  width: 90%;
  margin-left: 20px;
}

.personal-nickname-margin-top {
  margin-top: -18px;
}

.personal-nickname-input {
  height: 26px !important;
  margin-bottom: auto;
  margin-right: 8px;
  margin-left: 0px;
  width: 344px;
  padding-top: 3px;
}

.personal-email-margin-top {
  margin-top: 12px;
}

.personal-sub-text-align {
  float: right;
  margin-right: 10px;
}

.personal-telegram-button {
  float: right;
  margin-right: 15px;
}

.personal-activity-90-percent-width-progress-bar {
  width: 100% !important;
  padding-top: 2%;
  padding-bottom: 8%;
  background-color: #f4f4f4;
}

.progress-bar-style {
  border-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  height: 36px;
}

.personal-activity-point-padding-right {
  text-align: right;
}

.activity-point-my-score-box-size {
  width: 376px !important;
  height: 296px !important;
}

.personal-activity-container-padding-top {
  padding-top: 16px;
}

.personal-activity-point-table-padding {
  padding-right: 15px !important;
}

.personal-activity-point-box-size {
  width: 376px;
  height: 120px;
}

.progress-bar {
  padding-top: 8px;
  float: left;
  width: 0;
  height: 100%;
  font-size: var(--font-size-14);
  line-height: 20px;
  color: #202020;
  box-shadow: none;
  text-align: center;
  padding-left: 140px;
  background-color: #d4d4d4;
  transition: width .6s ease;
  background-image: linear-gradient(to bottom, #d4d4d4 0, #d4d4d4 100%)
}

/***************************************************************************************/
/*  component: Footer                                                                  */
/***************************************************************************************/

.footer-container {
  float: left;
  background-color: #161616;
  width: 100%;
  height: 250px;
}

.footer-colligence {
  padding-top: 16px;
}

.footer-logo {
  padding-top: 20px
}

.footer-text-margin {
  margin-top: 80px;
  text-align: center;
  padding-left: 37%;
}

.footer-text-1 {
  color: #a0a0a0;
  text-align: right;
  padding-left: 0px;
}

.footer-text-2 {
  color: #a0a0a0;
  padding-left: 15px;
}

.footer-text-3 {
  color: #a0a0a0;
  text-align: center;
  padding-left: 0px;
}

.footer-text-4 {
  color: #a0a0a0;
  text-align: left;
  padding-left: 15px;
}

/***************************************************************************************/
/*  component: Main                                                                  */
/***************************************************************************************/

.main-well-border-none {
  border: none;
}

.particle-size {
  width: 100%;
  height: 100%;
}

.margin-minus-16 {
  margin: -16px auto;
}

.main-padding-16 {
  padding-top: 16px;
  padding-bottom: 76px;
}

.main-full-width-container-padding {
  padding-left: 10px;
  padding-right: 10px;
}

.carousel-background {
  background-color: black;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.carousel-image-height {
  height: 248px !important;
}

.carousel-width-auto {
  width: 100% !important;
}

.main-big-paper-row {
  width: 900px;
  height: 216px;
  margin-right: 0px;
  margin-left: 0px;
}

.main-big-paper-gray-section {
  padding-left: 0px;
  padding-right: 0px;
  width: 216px;
  height: 216px;
}

.main-big-paper-size-216 {
  width: 216px;
  height: 216px;
}

.main-big-paper-size-184 {
  width: 184;
  height: 184;
}

.main-big-paper-user-image-size {
  width: 104px;
  height: 104px;
}

.main-big-paper-user-image-1 {
  width: 184px;
  height: 184px;
  padding-left: 0px;
  margin-left: auto;
}

.main-big-paper-user-image-2 {
  width: 184px;
  height: 184px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.common-margin-left-3 {
  margin-left: 3px !important;
}

.common-margin-left-16 {
  margin-left: 16px;
}

.common-margin-left-24 {
  margin-left: 24px;
}

.main-big-paper-text-1 {
  width: 668px;
  height: 216px;
  padding-left: 0px;
  padding-top: 16px;
}

.main-big-paper-text-2 {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 21px;
}

.main-big-paper-text-token-size {
  width: 60px;
  height: 60px;
}

.main-small-paper-text-token-size {
  width: 52px;
  height: 52px;
}
.main-small-paper-thumbnail-size {
  width: 100px;
  margin-right: 12px;
}

.main-big-paper-height {
  height: 216px;
}

.main-small-paper-size {
  height: 216px;
  width: 442px;
  padding: 0;
}

.main-small-paper-margin-right-4 {
  margin-right: 4px !important;
}

.main-small-paper-margin-left-8 {
  margin-left: 8px !important;
}

.main-small-paper-margin-left-12 {
  margin-left: 12px !important;
}

.main-small-paper-well-padding {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.main-small-paper-head-padding-left {
  padding-left: 16px !important;
  padding-right: 0px !important;
}


.main-big-paper-style {
  padding-left: 18px !important;
  padding-right: 16px !important;
}

.main-big-paper-font-style {
  font-size: 22px;
  font-weight: 600;
}

.main-big-paper-font-size {
  font-size: var(--font-size-14);
}

.main-small-paper-font-size {
  font-size: var(--font-size-13);
}

.main-big-paper-icon-size {
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.main-big-paper-nick {
  color: #ffffff;
  font-size: var(--font-size-16);
}

.main-big-paper-date {
  color: #d4d4d4;
  font-size: var(--font-size-12);
}

.main-small-paper-nick {
  color: #606060
}

.main-text-color {
  color: #939393 !important;
}

.main-big-paper-text-color {
  color: #202020;
}

.main-small-paper-font-style {
  font-size: medium;
  font-weight: 600;
}

.big-paper-card-user-image-well {
  background: #606060;
}

.big-paper-padding-right {
  padding-right: 45px !important;
}

.small-paper-padding-left {
  padding-left: 20px;
}

.main-small-paper-row {
  width: 442px;
  height: 60px;
  margin-right: 0px;
  margin-left: 0px;
}

.main-background-color {
  background-color: gainsboro;
}

.width-40-percent {
  width: 40%
}

.user-image-width-50 {
  width: 50%;
}

.width-70-percent {
  width: 70%
}

.main-big-paper-text-padding {
  font-size: var(--font-size-14);
  height: 72px;
}

.main-small-paper-text-padding {
  padding-left: 34px;
  padding-right: 40px;
  height: 46px;
}

.main-small-paper-user-info {
  padding-left: 16px;
  padding-right: 16px;
  width: 442px;
  margin-left: 0px;
  margin-right: 0px;
}

.main-big-paper-good-reaction-padding {
  padding-left: 20px;
}

.reaction-bad-image-style {
  padding-left: 10px;
  margin-top: 2px;
}

.main-small-paper-good-reaction-padding {
  padding-left: 35px;
}

.main-small-paper-well-height {
  height: 247px;
}

.main-small-paper-user-image-size {
  width: 20px;
  height: 20px;
}

.main-reaction-image-margin {
  margin-bottom: 2px;
}

.main-reaction-text-margin {
  margin-left: 8px;
}

/***************************************************************************************/
/*  component: TokenList
/***************************************************************************************/
.token-list-token-card-size {
  height: 316px;
  width: 246px;
  padding: 0;
  margin: 10px 12px 10px 12px;
  border: 1px solid #ddd;
}

.token-list-card-image-size {
  width: 100px;
  height: 100px;
}

.token-list-card-padding {
  padding-top: 16px;
  padding-left: 18px;
  padding-right: 18px;
}

/***************************************************************************************/
/*  component: RegisterTokenForm
/***************************************************************************************/

.token-register-form {
  width: 600px;
  margin: auto;
  float: inherit;
}

/***************************************************************************************/
/*  component: ETC...
/***************************************************************************************/

.crime-modal-popup {
  font-size: var(--font-size-16);
  height: auto;
  margin-bottom: 0px !important;
  background-color: white;
  padding-top: 30px;
}

.token-info-banner {
  width: 100%;
  ;
  height: 132px;
  background-color: #f4f4f4;
  margin-bottom: 30px;
  margin-top: 50px;
  padding-right: 0px;
  padding-left: 0px;
}

.wiki-content > div > .tui-editor-contents > p {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--font-color-5)!important;
}

.common-full-width-container>div>.container {
  width: 900px;
  padding-left: 0px;
  padding-right: 0px;
}

.common-gray-bar-height-42 {
  height: 42px !important;
}

.common-gray-bar-height-62 {
  height: 62px;
}

/* Color/shape of burger icon bars */
.bm-burger-bars {
  background: #FFF;
}

/* Position and sizing of clickable cross button */
.bm-cross-button {
  height: 24px;
  width: 24px;
  right: 15px !important;
}

.bm-cross-button {
  position: absolute;
  right: 28px !important;
  top: 5px !important;
  padding-top: 45px;
}

.bm-menu-wrap {
  position: fixed;
  right: 0px;
  z-index: 1100;
  width: 25% !important;
  height: 100%;
  top: 0px;
  transition: all 0.3s ease 0s !important;
}

/* Color/shape of close button cross */
.bm-cross {
  /* background: var(--font-color-6)!important; */
  position: absolute;
  width: 1px !important;
  height: 30px !important;
  /* transform: rotate(45deg)!important; */
}

/* General sidebar styles */
.bm-menu {
  background-color: var(--background-color-3);
  /* #373a47; */
  /* padding: 2.5em 1.5em 0; */
  font-size: 1.15em;
}

/* Morph shape necessary with bubble or elastic */
.bm-morph-shape {
  fill: #373a47;
}

/* Wrapper for item list */
.bm-item-list {
  color: #b8b7ad;
  height: auto!important;
  height: initial!important;
  /* padding: 0.8em; */
}

/* Individual item */
.bm-item {
  display: inline-block;
}

/* Styling of overlay */
.bm-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1050 !important;
  /* transition: opacity 0.3s ease 0s, transform 0s ease 4.3s!important; */
  /* transform: translate3d(100%, 0px, 0px); */
}

.bm-nick-name-font-size {
  font-size: var(--font-size-18);
  color: var(--font-color-1);
  margin-top: 12px;
}

.pagination-padding-right-80 {
  padding-right: 80px !important;
}

/* .pagination>.active>a {
  background-color: #363e50;
  border-color: #d4d4d4;
  min-width: 30px;
  max-width: 38px;
  height: 30px;
  padding: 5px 0px 0px 0px;
  margin-left: 6px;
} */

.pagination>.page-item>a,
.pagination>.active>a {
  cursor: pointer;
}

.pagination>.active>a:focus {
  /* background-color: #363e50; */
  border-color: #eaeaea;
}

.pagination>.page-item>a:after {
  /* background-color: #363e50; */
  border-color: #eaeaea;
  /* color: #363e50; */
}
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
  color: #031243;
}
.pagination>.page-item>a:hover {
  background-color: white;
  border-color: #eaeaea;
  /* color: #363e50; */
  color: #031243;
  opacity: 0.65;
}

.pagination>.active>a {
  /* background-color: #363e50; */
  background-color: #2061e2;
  border-color: #eaeaea;
}

.pagination>.active>a:hover {
  /* background-color: #363e50; */
  background-color: #2061e2;
  border-color: #eaeaea;
  cursor: pointer;
  /* color: #ffffff; */
}

.pagination>li>a {
  font-size: var(--font-size-12);
  /* min-width: 30px; */
  /* max-width: 38px; */
  /* height: 30px; */
  padding: 5px 0px 0px 0px;
  position: relative;
  float: left;
  margin-left: 9px;
  /* color: #363e50; */
  line-height: 1.42857143;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #eaeaea;
  margin-left: 6px;
  /* border-radius: 0px !important; */
  border-radius: 20px;
  width: 28px;
  height: 28px;
  font-size: .85rem;
  font-weight: 700;
  color: #031243;
}


.diff-decoration {
  line-height: 2;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
  background-color: #f2f8ff;
}

.diff-decoration-content {
  background-color: #f2f8ff;
  padding-left: .5em;
  color: #999;
}

.diff-line-hover-old.diff-gutter,
.diff-line-hover-new.diff-gutter,
.diff-unified .diff-line:hover .diff-gutter {
  font-size: 0;
  text-align: center;
  vertical-align: middle;
}

.diff-line-hover-old.diff-gutter::before,
.diff-line-hover-new.diff-gutter::before,
.diff-unified .diff-line:hover .diff-gutter::before {
  content: "◆";
  font-size: var(--font-size-14);
  font-weight: bold;
}

.simpleMde-display-contents>p {
  word-break: break-all;
}

.simpleMde-display-block>p {
  word-break: break-all;
}

.simpleMde-display-contents>p>img {
  max-width: 100%;
}

.simpleMde-display-block>p>img {
  max-width: 100%;
}

.modal-popup-padding-left-right-50>p img {
  max-width: 100%;
}

.simpleMde-display-block img {
  max-width: 100%;
}

.modal-popup-padding-left-right-50 img {
  max-width: 100%;
}

.simpleMde-display-block>table {
  border-top: 1px solid #202020;
  border-left: 0.5px solid #202020;
  border-right: 0.5px solid #202020;
  border-bottom: 0.5px solid #202020;
  border-collapse: inherit;
}

.simpleMde-display-block>table>thead>tr>th {
  border-right: 0.5px solid #202020;
  border-bottom: 0.5px solid #202020;
  padding: 5px;
}

.simpleMde-display-block>table>tbody>tr>td {
  border-right: 0.5px solid #202020;
  border-bottom: 0.5px solid #202020;
  padding: 5px;
}

.modal-popup-padding-left-right-50 {
  width: 100%;
}

.common-blind-font-size {
  font-size: 0.8em;
}

.common-comment-layer {
  /* border-bottom: 1px solid var(--line-color-1); */
  padding: 20px 0px;
}

.common-comment-counter-layer {
  color: rgb(159,167,193);
  padding-bottom: 12px;
}

.common-back-button-ios {
  background: #E6E6E6;
  position: fixed;
  padding: 0px 0px 2px 0px;
  height: 40px;
  width: 40px;
  bottom: 20px;
  right: 20px;
  border-radius: 0%;
  opacity: 0.9!important;
  box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.6);
  z-index: 99999;
}

.common-back-button-ios-image {
  width: 15px;
  height: 15px;
}

.tokens-all-layer {
  padding: 0px 80px 40px 80px;
  margin: 0px 0px -88px 0px;
  background-color: #EDEEEF;
}

.tokens-all-search-sort-layer {
  display: block;
  margin: 15px 0px 15px 0px;
  padding: 0px 15px 0px 5px;
}

.tokens-all-item-layer {
  padding: 8px 8px 1px 8px;
  margin: 10px 5px 0px 5px;
  display: inline-flex;
  height: auto;
  width: 24%;
  border-radius: 15px;
  box-shadow: 2px 2px 4px -2px rgba(0,0,0,0.4);
  background-color: white;
}

.pc-intro-page-header-nav {
  background-color: #232056;
  color: white;
  display: flex;
  text-align: center;
  height: 36px;
  padding: 3px 0px 0px 0px;
  margin: 0px 0px 0px -8px;
  position: fixed;
  width: 1440px;
  font-size: 1.2em;
  left: 50%;
  transform: translatex(-50%);
}

.pc-intro-page-header-nav-buttons-wrapper {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  display: contents;
  font-family: Montserrat;
}

.pc-intro-page-header-nav-buttons-wrapper > a,
.pc-intro-page-header-nav-buttons-wrapper > a:hover {
  color: white!important;
  text-decoration: none!important;
  cursor: pointer;
}

.pc-intro-page-wrapper-layer {
  text-align: center;
  scroll-snap-type: y mandatory;
  /* scroll-snap-type: y proximity; */
  scroll-behavior: smooth;
  overflow-y: scroll;
  height: 100vh;
}

.pc-intro-page-wrapper-layer-2 {
  text-align: center;
  margin: -4483px 0px 0px 0px;
}

.pc-intro-page-pseudo-layer {
  display: inline-flex;
  width: 1440px;
}

.pc-intro-page-div-4 {
  height: 50px;
  width: 187px;
  position: relative;
  top: 568px;
  left: 86px;
  cursor: pointer;
}

.pc-intro-page-div-5 {
  height: 50px;
  width: 187px;
  position: relative;
  top: 568px;
  left: 160px;
  cursor: pointer;
}

.pc-intro-page-div-6 {
  height: 40px;
  width: 40px;
  position: relative;
  top: 4430px;
  left: 757px;
  cursor: pointer;
}

.pc-intro-page-div-7 {
  height: 40px;
  width: 40px;
  position: relative;
  top: 4430px;
  left: 791px;
  cursor: pointer;
}

.pc-intro-page-div-8 {
  height: 40px;
  width: 40px;
  position: relative;
  top: 4430px;
  left: 825px;
  cursor: pointer;
}

.pc-intro-page-div-9 {
  height: 40px;
  width: 40px;
  position: relative;
  top: 4430px;
  left: 858px;
  cursor: pointer;
}

.pc-intro-page-div-10 {
  height: 37px;
  width: 81px;
  position: relative;
  top: 4430px;
  left: -484px;
  cursor: pointer;
}

.hide-header {
  display: none;
}

/* wallet/create */
.wallet-emailcheck img {
  width: 333px;
}

.goBackImageBoard {
  background: white;
  padding-top: 20px;
}
.fade.mobile-share-link-popup-class.in.modal .modal-content {
  background: white;
  position: fixed;
  padding-top: 25px;
  text-align: center;
  height: 230px;
  width: 100%;
  bottom: 0;
  right: 0;
  border-radius: 5% 5% 0% 0%;
  z-index: 99999;
}
.share-socia-icon {
  display: flex;
}
.share-socia-icon .icon {
  width: 25%;
}
.fade.mobile-share-link-popup-class.in.modal .modal-header {
  background-color:white;
  height: 50px;
  color: #000;
  padding: 12px;
}
.share-socia-icon .icon p {
  color: rgb(159,167,193);
  padding-top: 10px;
}
.fade.mobile-share-link-popup-class.in.modal .mobile-mypage-modal-body {
  padding-top: 25px;
}
.fade.mobile-share-link-popup-class.in.modal  .modal-title {
  font-weight: 700;
}
.share-socia-icon .icon button {
  border: unset;
  padding: 0px;
}
.fade.mobile-popup.community-modal-class.modal-popup-etc.in.modal .modal-header {
  background: white;
}
.fade.mobile-popup.community-modal-class.modal-popup-etc.in.modal .modal-title {
  text-align: center;
}
.fade.mobile-popup.community-modal-class.modal-popup-etc.in.modal .modal-popup-footer.modal-footer button {
  background: white;
  color: rgb(194,197,207) !important;
}
.fade.mobile-popup.community-modal-class.modal-popup-etc.in.modal .modal-popup-footer {
  background: white;

}
.custom-header .close {
  color: rgb(159,167,193) !important;
}
.fade.mobile-popup.community-modal-class.modal-popup-etc.in.modal .modal-header {
  display: none;
}
.custom-header  .modal-header {
  display: block !important;
}
.mobile-token-page-left-card .border-radius-card {
  display: none;
}
.tokens-first-black-div .border-radius-card {
  display: none;
}
.tokens-first-black-div .common-radius-container {
  border-radius: 21px;
}
.tokens-first-black-div .common-display-inline-block.token-card-token-image-div {
  top: -50px;
}
.tokens-first-black-div  .token-card-token-name {
  top: -49px;
}
.tokens-first-black-div .mobile-token-card-type-default {
  height: 460px;
}
.tokens-first-gray-div .border-radius-card {
  display: none;
}
.main-page-card-curation-item  .token-card-token-name {
  top: -60px;
}
.tokens-category-container .mobile-wallet-detail-category-span {
  text-align: center;
  width: 28%;
  margin-top: 8px;
}
.mobile-tokens-all-layer .token-card-margin-bottom-8 {
  height: unset;
}
.mobile-tokens-all-layer .common-display-inline-block.token-card-token-image-div {
  top: 0px;
}
.mobile-tokens-all-layer  .token-card-token-name {
  top: 0px;
}
.mobile-forum-footer-button button:nth-child(3) {
    text-align: right;
    padding: 0px;
}
.mobile-forum-footer-button button:nth-child(1) {
    text-align: left;
    padding: 0px;
}
.edit-post {
  padding: 15px 15px 30px;
  background: #FFFFFF;
}
.background-whale .bg-whale-01 {
  /* position: fixed; */
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 25%;
  top: 25%;
  left: 0;
}
.background-whale .bg-whale-02 {
  /* position: fixed; */
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 33.333333%;
  top: 33.333333%;
  right: 0;
}
.background-goodbye .bg-goodbye {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.background-circle .bg-circle-01 {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  top: 0.5rem;
  left: 0;
  max-width: 100%;
  height: auto;
}
.background-circle .bg-circle-02 {
  max-width: 100%;
  height: auto;
  position: fixed;
  right: 0;
  top: 4.5rem;
  width: 66.666667%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ReactCollapse--collapse {
  transition: height 500ms;
}

/* import font */
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: local('Spoqa Han Sans Neo Bold'),
  url(/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: local('Spoqa Han Sans Neo Medium'),
  url(/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: local('Spoqa Han Sans Neo Regular'),
  url(/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  src: local('Spoqa Han Sans Neo Light'),
  url(/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
}

.modal-backdrop.in {
  opacity: 0.7;
  z-index: 19998;
}

.modal-popup-size-870 {
  width: 870px;
}

.modal-popup-size-500 {
  width: 500px;
}

.modal-popup-preview {
  width: inherit;
}

.modal-popup-preview > .modal-dialog {
  width: 870px!important;
  margin-top: 6%;
}

.modal-popup-preview > .modal-dialog > .modal-content {
  background: transparent;
  box-shadow: none;
  border: none;
}

.modal-popup-preview > .modal-dialog > .modal-content > .modal-header {
  background-color: transparent;
  height: 62px;
  padding: 20px 0px;
}

.modal-popup-preview > .modal-dialog > .modal-content > div > .modal-body {
  background-color: #ffffff;
  margin-bottom: 0px!important;
  padding: 50px;
  border-radius: 6px;
 
}

.modal-popup-preview > .modal-dialog > .modal-content > div > .modal-body > div {
  overflow: auto;
}

.modal-popup-preview > .modal-dialog > .modal-content > div > .modal-body > div {
  overflow: auto;
}

.modal-popup-preview > .modal-dialog > .modal-content > .modal-footer {
  background-color: transparent;
  padding: 20px 0px;
}

.modal-popup-close-button {
  padding-bottom: 16px;
  cursor: pointer;
  margin-top: 0px;
}

.modal-popup-etc {
  width: inherit;
}

.modal-popup-etc > .modal-dialog {
  width: 500px;
  margin-top: 10%;
}

.modal-footer {
  text-align: center;
}

.modal-popup-button-etc {
  width: 140px;
  /* height: 44px; */
  border: none;
  box-shadow: none;
  text-shadow: none;
}

.modal-popup-button-etc:hover {
  color: #ffffff;
}

.modal-popup-padding-bottom-0 {
  padding-bottom: 0px;
}

.modal-popup-footer {
  padding: 15px;
  border-top: none;
  /* background: #ededed; */
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

.modal-popup-footer-slice {
  padding: 5px;
  border-top: none;
  background: #ededed;
}
/* import font */
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: local('Spoqa Han Sans Neo Bold'),
  url(/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: local('Spoqa Han Sans Neo Medium'),
  url(/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: local('Spoqa Han Sans Neo Regular'),
  url(/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  src: local('Spoqa Han Sans Neo Light'),
  url(/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
}

.mypage-container {
  /* background: linear-gradient(rgb(33,97,226),rgb(175, 125,255)); */
  position: relative;
  margin: 0 auto;
  width: 100%;
  /* background-color: var(--background-color-2); */
  background-color: #f8faff;
  float: left;
  /* padding-bottom: 88px; */
  min-height: 100vh;
}

.my-page-category-container {
  height: 51px!important;
  /* border-bottom: 1px solid #DCDEE0; */
  /* background: white; */
  width: 100%;
  margin: 0 auto;
}

.my-page-category-container > .token-info-menu-nav > .container > .navbar-nav {
  width: 870px;
}

.my-page-category > a:hover {
  color: #161616!important;
}

.account-container {
  margin: 36px auto;
}

.dex-page-container {
  margin: 10px auto;
}

.account-item-container {
  float: left;
  width: 420px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.token-point-container {
  float: left;
  width: 870px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 4px;
}

.account-item-container-430 {
  float: left;
  width: 430px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.wallet-left-item-container {
  float: left;
  width: 430px;
  margin-left: 15px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.wallet-right-item-container {
  float: left;
  width: 430px;
  margin-left: 5px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.wallet-min-height-184 {
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 184px;
}
.wallet-min-height-268 {
  min-height: 268px;
}

.account-activity-score-info {
  float: right;
  font-size: var(--font-size-12);
  padding-top: 12px;
  cursor: pointer;
  color: var(--font-color-6)!important;
  border-bottom: 1px solid var(--font-color-6);
}

.account-item-float-inherit {
  float: inherit;
}

.account-email-container {
  float: right;
  margin-top: -180px;
}

.account-item-container-child {
  float: inherit;
  width: 420px;
  margin-bottom: 10px;
}

.account-item-container-child-430 {
  float: inherit;
  width: 430px;
  margin-bottom: 10px;
}

.account-item-container-full {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.account-item-container-full-870 {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.account-item-title-layer {
  /* border-top: 1px solid rgb(228,230,236); */
  height: 38px;
  display: inline-block;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 15px;
}

.wallet-header-text-size {
  font-size: var(--font-size-21);
  margin-bottom: -10px;
}

.account-item-title {
  margin: 0;
  display: inline-block;
  /* font-family: 'NotoSansKR-medium'; */
  font-weight: 400;
  white-space: nowrap;
}

.account-item-user-icon {
  margin-top: 51px;
  margin-bottom: 51px;
}

.account-item-layer {
  margin-top: 10px;
  position: relative;
}

.account-item-box {
  position: relative;
}

.account-item-user {
  padding: 12px;
  height: 366px;
}

.account-item-account-info {
  padding: 22px 30px 22px 30px;
  height: 176px;
}

.account-item-input-form {
  padding: 22px 12px 12px 10px;
  height: 132px;
}

.account-item-nickname-form {
  margin-left: 18px;
  margin-right: 18px;
  margin-bottom: 22px;
}

.account-item-nickname-input-form {
  width: 168px;
  display: inline-flex;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border: 1px solid var(--line-color-1);
  padding-left: 8px;
}

.account-item-input-form-box {
  margin: 0 18px 22px 18px;
  padding: 8px;
  height: 34px;
}

.account-item-my-level,
.account-item-my-activity-point,
.account-item-my-activity-score {
  padding: 30px;
}

.account-item-my-level {
  height: 140px;
}

.account-item-my-activity-point {
  height: 100px;
}

.account-item-my-activity-score {
  height: 298px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.account-item-wallet-list {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
  height: auto;
}

.progress {
  width: 100%;
  height: 15px;
  margin-bottom: 5px;
  background-image: none;
  background-color: #d1d1d1;
  box-shadow: none;
  border-radius: 12px;
}

.account-item-my-activity-score-max-text {
  font-size: var(--font-size-14);
  color: var(--font-color-1)!important;
  text-align: right;
}

.progress-bar {
  border-radius: 10px;
  padding: 3px 0 0 0!important;
  float: left;
  width: 0;
  height: 100%;
  font-size: var(--font-size-14);
  line-height: 20px;
  color: #ffffff;
  box-shadow: none;
  text-align: center;
  background-color: #d4d4d4;
  transition: width .6s ease;
  background: linear-gradient(
    90deg, rgb(34 96 221 / 95%),rgb(175, 125,255));
}

.account-item-my-level-box {
  width: 120px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  justify-content: center;
  font-size: var(--font-size-58);
  background-color: var(--background-color-4);
}

.account-item-activity-nav-link {
  padding-left: 0px!important;
  padding-right: 0px!important;
  background-image: none!important;
  background: #F4F4F4!important;
  margin-bottom: 10px;
  width: 810px;
  height: 58px;
}

.account-item-wallet-nav-link {
  padding-left: 0px!important;
  padding-right: 0px!important;
  background-image: none!important;
  background: #F4F4F4!important;
  margin-bottom: 10px;
  width: 870px!important;
  height: 58px;
}

.account-item-activity-score-layer {
  height: 46px;
  line-height: 46px;
}

.account-item-activity-score-layer > span {
  color: var(--font-color-2)!important;
  font-size: var(--font-size-16);
  font-weight: bold;
}

.account-item-activity-score-layer-list-item > span.value,
.account-item-activity-score-layer > span.value {
  font-weight: normal;
  float: right;
}

.account-item-activity-score-layer-list {
  padding-top: 20px;
  padding-bottom: 20px;
}

.account-item-activity-score-layer-list-item {
  color: var(--font-color-6);
  font-size: var(--font-size-14);
  font-weight: bold;
  margin-bottom: 12px;
}

.account-item-total-amount-title {
  width: 100%;
}

.total-amount {
  float: right;
}

.account-item-wallet-list,
.account-item-wallet-list-result {
  min-height: auto;
}

.account-item-wallet-tx-list {
  /* min-height: 199px; */
  padding: 12px;
}

.wallet-button {
  width: 32.4%;
  height: 54px;
  font-weight: var(--font-family-regular);
}

.wallet-button:focus {
  background: #2245a5!important;
}

.wallet-button:active {
  background: #2245a5!important;
}

.wallet-button.focus {
  background: #2245a5!important;
}

.wallet-button.active {
  background: #2245a5!important;
}

.wallet-button-margin-right {
  margin-right: 12px;
}


.wallet-list-item-layer {
  cursor: pointer;
  padding: 12px 18px;
  margin-bottom: 0px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  position: relative;
}

.wallet-list-detail-item-layer {
  padding: 12px 18px;
  margin-bottom: 12px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  position: relative;
}

.wallet-list-item-layer-padding {
  padding-left: 18px!important;
  padding-top: 12px!important;
  padding-right: 18px!important;
  padding-bottom: 12px!important;
}

.wallet-list-item-layer:hover {
  background: #f8fafd;
}


.wallet-list-item-result-layer {
  padding: 8px 18px;
  margin-bottom: 0px;
}

.wallet-list-item-detail-result {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  /* font-family: 'NotoSansKR-Bold'; */
  font-weight: var(--font-family-bold);
  /* display: inline-block; */
  width:100%;
  display: block;
}

.wallet-list-item-layer > div {
  /* float: left; */
}

.wallet-list-item-result-list-layer-item .value,
.wallet-list-item-layer > .value {
  float: right;
  text-align: right;
}

.wallet-list-item-token-icon {
  width: 44px;
  margin-right: 10px;
  margin-left: 8px;
}

.wallet-list-item-token-name {
  /* width: 80px; */
  text-align: left;
}

.wallet-ticker-text {
  color: var(--font-color-5);
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
  padding-left: 16px;
  font-size: var(--font-size-14);
}
.dex-market-nav-link-text > a:hover {
  color: var(--font-color-15);
}

.wallet-ticker-text:hover {
  color: #939393;
}

.wallet-list-item-token-info {
  flex: 1 1;
  margin-top: -6px;
}

.wallet-list-item-token-detail {
  text-align: right;
  font-size: var(--font-size-15);
}

.wallet-list-item-icon { 
  width: 24px;
  height: 24px;
  /* margin: 10px; */
  margin-right: 12px;
}

.wallet-list-item-result-icon { 
  width: 64px;
  height: 64px;
  margin-right: 18px;
}

.wallet-list-item-result-list-layer {
  padding: 20px 10px 0px 10px;
  /* border-bottom: 1px solid #eaeaea; */
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
  /* height: 135px; */
}

.wallet-list-item-result-list-layer-item {
  color: var(--font-color-6);
  font-weight: bold;
  margin-bottom: 20px;
  color: var(--font-color-2);
}

.wallet-list-item-result-list-layer-div {
  color: var(--font-color-6);
  font-weight: var(--font-family-regular);
  /* margin-top: 24px; */
  margin-bottom: 20px;
}

.wallet-list-item-result-list-layer-div .value {
  float: right;
  text-align: right;
}

.wallet-list-item-result-list-layer-button-group button {
  margin-top: 12px;
  font-weight: var(--font-family-regular);
}


.activity-help-image {
  width: 16px;
}

.account-telegram {
  width: 70px;
  height: 20px;
  padding: 0;
  margin-left: 16px;
  font-size: var(--font-size-12);
}

.title-font-size {
  font-size: 16px;
}


.wallet-list-token-layer {
  cursor: pointer;
    padding: 12px 18px;
    margin-bottom: 12px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-items: center;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid;
    border-radius: 6px;
}

.wallet-list-token-layer:hover {
  border: 1px solid #2C8CFF;
}


.wallet-padding-bottom-5 {
  padding-bottom: 5px;
}

.wallet-padding-15 {
  padding: 15px;
}

.wallet-padding-left-9 {
  padding-left: 9px;
}

.wallet-padding-left-10 {
  padding-left: 10px;
}

.wallet-padding-left-12 {
  padding-left: 12px;
}

.wallet-padding-left-20 {
  padding-left: 20px;
}

.wallet-check-button {
  width: 70px;
  height: 20px;
  padding: 2px;
  margin-left: 12px;
  font-size: var(--font-size-12);
  display: inline-block;
  margin-top: -4px;
}

.wallet-make-done-button {
  width: 100%;
  height: 42px;
}

.wallet-padding-bottom-10 {
  padding-bottom: 10px;
}

.wallet-padding-bottom-12 {
  padding-bottom: 12px;
}

.wallet-padding-bottom-18 {
  padding-bottom: 18px;
}

.wallet-padding-bottom-20 {
  padding-bottom: 20px;
}

.wallet-padding-bottom-28 {
  padding-bottom: 28px;
}

.wallet-padding-top-10 {
  padding-top: 10px;
}

.wallet-padding-bottom-30 {
  padding-bottom: 30px;
}
.wallet-padding-bottom-40 {
  padding-bottom: 40px;
}

.wallet-email-button {
  /* margin-left: 44px; */
}

.wallet-header-text {
  font-size: var(--font-size-11);
  color: var(--font-color-8);
}

.wallet_emailcheck {
  font-size: var(--font-size-16);
}

.wallet-explain {
  font-size: var(--font-size-11);
  color: var(--font-color-7);
}

.wallet-font-color-5 {
  color: var(--font-color-5);
}

.wallet-font-color-4 {
  color: var(--font-color-4);
}

.wallet-finished-check-image {
  width: 20px;
  margin-left: 8px;
  margin-top: -4px;
}

.wallet-padding-25 {
  padding: 25px;
}

.wallet-make-header-text {
  color: var(--font-color-2);
  font-weight: var(--font-family-bold);
  font-size: var(--font-size-16);
}

.wallet-make-guide-text {
  font-size: var(--font-size-11);
  color: var(--font-color-2);
}

.wallet-clip-board {
  float: right;
  margin-right: 21px;
  margin-top: 24px;
}

.wallet-authorization-code {
  margin-top: -38px;
  margin-right: 72px;
  font-size: var(--font-size-11);
  color: var(--font-color-4);
}

.wallet-authorization-code:hover {
  border-bottom: 1px solid var(--font-color-5);
}

.wallet-limit-time {
  margin-top: -38px;
  margin-right: 194px;
  font-size: var(--font-size-11);
  color: var(--font-color-13);
}

.wallet-input-width {
  width: 190px;
  height: 30px;
  padding: 15px;
  background: var(--background-color-6);
  border: none;
}

.wallet-clipboard-copy-button {
  width: 64px;
  margin-left: 8px;
  margin-right: -21px;
  display: inline-block;
  margin-top: -2px;
}

.wallet-detail-text {
  font-size: var(--font-size-11);
  color: var(--font-color-4);
}

.no-wallet-container {
    width: 430px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-top: -44px;
}

.wallet-talken-app-logo {
  width: 50px;
  height: 50px;
}

.wallet-talken-app-android {
  width: 180px;
  height: 54px;
}

.wallet-talken-app-iphone {
  width: 180px;
  height: 54px;
}

.wallet-app-logo {
  padding-bottom: 16px;
  padding-right: 40px;
}

.wallet-app-logo-text {
  float: right;
  padding-top: 12px;
  margin-left: 62px;
  color: var(--font-color-4);
  font-size: var(--font-size-12);
  margin-top: -54px;
}

.wallet-padding-left-30 {
  padding-left: 30px;
}

.wallet-padding-left-right-18 {
  padding-left: 18px;
  padding-right: 18px;
}

.wallet-padding-left-right-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.wallet-talken-activate-button {
  width: 120px;
  height: 45px;
}

.wallet-padding-left-14 {
  padding-left: 14px;
}

.wallet-padding-bottom-3 {
  padding-bottom: 3px;
}

.wallet-token-name-kor {
  font-size: 22px;
  font-weight: 700;
}

.wallet-token-name-eng {
  font-size: 16px;
  font-weight: 650;
}

.wallet-padding-left-17 {
  padding-left: 17px;
}

.wallet-send-button {
  width: 49%;
  margin-left: 7px;
}

.wallet-receive-button {
  width: 49%;
}

.wallet-padding-left-35 {
  padding-left: 35px;
}

.wallet-help-image {
  width: 20px;
  margin-bottom: 3px;
}

.wallet-help-image-only {
  width: 16px;
  margin-bottom: 5px;
}

/* 모바일 게시판 back버튼 이슈로 삭제 */
/* .wiki-content-item-group>.my-page-nav-link-text>a:hover, */
.wiki-content-item-group>.my-page-nav-link-text.active>a,
.wiki-content-item-group>.my-page-nav-link-text.active>a:hover {
  /* border-top: rgb(32,97,226) 0.2em solid; */
}

.my-page-nav-link-text>a {
  width: 96%;
  height: 50px;
  padding: 15px;
  margin: 0 auto;
  color: var(--font-color-2)!important;
  text-shadow: none!important;
  background-image: none!important;
  background: #f8faff!important;
}

.navbar-default .navbar-nav>.my-written-log-category>a {
  height: 40px;
  background-image: none;
  background: #ffffff;
  width: 96%;
  margin: 0 auto;
  padding-top: 11px;
  padding-bottom: 11px;
}

.navbar-default .navbar-nav>.my-written-log-category.active>a>span {
  border-bottom: none;
  padding-bottom: 0px;
}
.navbar-default .navbar-nav>.my-written-log-category.active>a>span:before {
  border-top: rgb(32,97,226) 3px solid;
  top: 0px;
  position: absolute;
  content: "";
  width: 30px;
  background-color: rgb(32, 97, 226);
  border-radius: 30px;
}

.wallet-list-item-active {
  background: #ebf6ff!important;
}
.wallet-list-item-width-430{
  width: 430px;
  margin-left: -18px;
}

.wallet-padding-left-8 {
  padding-left: 8px!important;
}

.wallet-item-detail-container {
  padding-left: 12px;
  padding-top: 20px;
  padding-right:12px;
  padding-bottom: 20px;
  height: auto;
}

.wallet-token-image-rounding {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.wallet-detail-token-image-rounding {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
}

.wallet-list-item-detail-result-icon {
  width: 48px;
  height: 48px;
}

.wallet-margin-right-18 {
  margin-right: 18px;
}

.wallet-margin-bottom-0 {
  margin-bottom: 0px!important;
}

.wallet-button-width-48 {
  width: 48.45%
}

.wallet-margin-left-12 {
  margin-left: 12px;
}

.wallet-padding-left-25 {
  padding-left: 25px;
}

.wallet-transaction-button {
  padding: 0px;
  width: 70px;
  height: 20px;
  text-shadow: none;
  font-size: var(--font-size-12);
  box-shadow: none;
  border: none;
}

.wallet-transaction-head {
  margin-top: 5px;
  color: var(--font-color-4);
  font-size: var(--font-size-14);
  font-weight: var(--font-family-medium);
}

.wallet-transaction-button-margin-left {
  margin-left: 8px;
}

.wallet-transaction-table-width-20 {
  width: 20%;
}

.wallet-transaction-margin-top-minus-4 {
 margin-top: -4px;
}

.wallet-transaction-table-border {
  border-top: 1px solid var(--line-color-1);
  font-size: var(--font-size-12);
  color: var(--font-color-4);
  font-weight: var(--font-family-medium);
}

.wallet-transaction-text-header {
  margin-bottom: 12px;
  display: flow-root;
}

.wallet-transaction-table {
}

.wallet-transaction-table>tbody>tr>td {
  padding: 0px;
  padding-top: 4px;
  padding-bottom :4px;
  font-size: var(--font-size-12);
  color: var(--font-color-5);
}

.wallet-transaction-table>thead>tr>th {
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 4px;
  font-size: var(--font-size-12);
  border-bottom: 1px solid #eaeaea;
  vertical-align: middle;
}

.no-wallet-container-detail{
}

.no-wallet-container-inner-padding {
  padding-top: 20px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}

.no-wallet-email-phone-text {
  display: inline-block;
  width: 100px;
}

.wallet-detail-token-name {
  display: inline-block;
  color: var(--font-color-2);
  font-size: var(--font-size-18);
}

.wallet-detail-token-ticker {
  display: inline-block;
  color: var(--font-color-6);
  font-size: var(--font-size-16);
  font-weight: var(--font-family-regular);
}

.display-contents {
  display: contents;
}

.wallet-list-not-yet-trustline {
  margin-top: 20px;
  padding: 30px;
  background: var(--background-color-6);
  display: block;
  min-height: 146px;
  margin-bottom: 7.5px;
  text-align: center;
}

.wallet-xlm-text {
  font-size: var(--font-size-12);
  font-weight: normal;
  font-weight: initial;
  color: var(--font-color-6)!important;
}

.trade-detail-need-more-transcation-pee {
  margin-top: 7.5px;
}
.trade-detail-notice-text {
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-11);
  color: var(--font-color-8);
  text-align: center;
}

.trade-detail-explain-text {
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-11);
  color: var(--font-color-7);
  text-align: center;
}

.wallet-detail-token-type {
  border-radius: 16%;
  background: #82addb;
  padding-left: 0px;
  margin-left: 0px;
  font-size: 11px;
  color: #ffffff;
  font-weight: var(--font-family-demi-light);
  text-shadow: none;
  box-shadow: none;
  padding: 3px;
}

.wallet-margin-right-8 {
  color: #000;
  margin-right: 8px;
  font-weight: 800;
}

.wallet-item-view-line {
  display: block;
  border-top: 1px solid #eaeaea;
}

.wallet-token-type-image {
  width: 40px;
  height: 18px;
}

.colligence-point-box-size {
  width: 430px;
  height: 174px;
  padding-left: 81px;
  padding-top: 30px;
  padding-right: 81px;
  padding-bottom: 30px;
}

.token-point-left-box {
  width: 870px;
  padding-left: 12px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 10px;
}

.token-point-right-box {
  width: 430px;
  padding-left: 12px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}

.colligence-point-box {
  width: 268px;
  height: 114px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  justify-content: center;
  background-color: var(--background-color-4);
}

.colligence-point-exchange-box {
  width: 430px;
  height: 174px;
  padding-left: 12px;
  padding-top: 18px;
  padding-right: 12px;
  padding-bottom: 12px;
}

.colligence-point-table-box {
  padding-left: 30px;
  padding-top: 18px;
  padding-right: 30px;
  padding-bottom: 20px;
}

.token-point-table-box {
  padding-left: 30px;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 40px;
}

.token-point-table {
  margin-bottom: 40px;
}

.token-point-table>thead>tr>th {
  height: 50px;
  vertical-align: middle;
  border-top: 4px solid var(--line-color-2)!important;
  border-bottom: 1px solid var(--line-color-2);
  font-weight: var(--font-family-medium);
  color: var(--font-color-2)!important;
}

.token-point-table>thead>tr>th:nth-child(1) {
  width: 12%;
}

.token-point-table>thead>tr>th:nth-child(2) {
  width: 30%;
}

.token-point-table>thead>tr>th:nth-child(3) {
  width: 24%;
}

.token-point-table>thead>tr>th:nth-child(4) {
  width: 16%;
}

.token-point-table>tbody>tr>td {
  height: 50px;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
}

.colligence-point-table {
  border-top: 4px solid black;
}

.colligence-point-table>thead>tr>th {
  height: 58px;
  vertical-align: middle;
}

.colligence-point-table>tbody>tr>td {
  height: 58px;
  vertical-align: middle;
}

.colligence-point-table>tbody>tr>td:nth-child(1) {
  text-align: center;
}

.colligence-point-table>tbody>tr>td:nth-child(2) {
  text-align: center;
}

.colligence-point-table>tbody>tr>td:nth-child(3) {
  text-align: left;
}

.colligence-point-table>tbody>tr>td:nth-child(4) {
  text-align: right;
}


.colligence-point-exchange-box-inner-padding {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 6px;
}

.wallet-restore-whole-container-padding {
  display: flex;
  justify-content: center;
  margin: 20px auto;
}

.wallet-restore-container-inner-padding {
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.wallet-restore-color-container-box {
  padding-top: 12px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 12px;
  background: var(--background-color-6);
  display: inline-flex;
  margin-bottom: 16px;
}

.wallet-restore-margin-top-bottom {
  margin-top: 16px;
  margin-bottom: 16px;
}

.wallet-restore-margin-top-16 {
  margin-top: 16px;
}

.wallet-store-talken-app-logo {
  width: 50px;
  height: 50px;
}

.wallet-restore-app-text {
  padding-left: 50px;
}

.wallet-restore-margin-left-right-36 {
  margin-left: 36px;
  margin-right: 36px;
}

.wallet-restore-inner-box-image {
  width: 60px;
  height: 60px;
}

.wallet-restore-span {
  width: 76px;
  display: block;
  text-align: center;
}

.wallet-restore-margin-top-10 {
  margin-top: 10px;
}

.wallet-pending-container {
  width: 100%;
  height: 100%;
  background: black;
  display: block;
  z-index: 500000;
  position: fixed;
  opacity: 0.7;
}

.wallet-restore-last-image {
  width: 90px;
}

.recovery-wallet-text {
  color: var(--font-color-4);
  font-size: var(--font-size-12);
  font-weight: var(--font-family-demi-light);
}

.my-page-wallet-explain {
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-11);
  color: var(--font-color-7);
}

.create-wallet-title {
  color: var(--font-color-2);
  font-weight: var(--font-family-bold);
  font-size: var(--font-size-16);
}

.wallet-margin-top-20 {
  margin-top: 20px;
}

.wallet-margin-top-24 {
  margin-top: 24px;
}

.wallet-restore-image-sub-text {
  color: #333333;
  font-size: 11px;
  font-weight: var(--font-family-demi-light);
}

.wallet-pending-popup-parent {
  width: 100%;
  height: 100%;
  background: black;
  display: block;
  z-index: 500000;
  position: fixed;
  opacity: 0.7;
  display: table;
  text-align: center;
}


.wallet-pending-popup-child {
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-weight: var(--font-family-medium);
}

.sweet-loading>.css-0>.css-15x0mlr-style {
  background-color: #395bb8;
    width: 10px;
    height: 10px;
    margin: 2px;
    border-radius: 100%;
    display: inline-block;
    animation: animation-1ruhoj7 1.75s 0.12s infinite cubic-bezier(.2,.68,0.18,1.08);
    animation-fill-mode: both;
}


.sweet-loading>.css-0>.css-15u3b91-style {
  background-color: #395bb8;
  width: 10px;
  height: 10px;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  animation: animation-1ruhoj7 0.75s 0.24s infinite cubic-bezier(.2,.68,.18,1.08);
  animation-fill-mode: both;
}

.sweet-loading>.css-0>.css-qad0i1-style {
  background-color: #395bb8;
  width: 10px;
  height: 10px;
  margin: 2px;
  border-radius: 100%;
  display: inline-block;
  animation: animation-1ruhoj7 0.75s 0.36s infinite cubic-bezier(.2,.68,.18,1.08);
  animation-fill-mode: both;
}

.wallet-top-link {
  height: 50px;
  margin-left: -12px;
  margin-right: -12px;
}

.wallet-top-link>ul {
  text-align: center;
  height: 50px;
}

/* 임시.거래지갑, 외부지갑 준비중 */
.wallet-top-link>ul>div {
  display: inline-block!important;
  height: 50px;
  width: 33.3333%;
  cursor: pointer;
  padding-top: 15px;
}
/* 임시.거래지갑, 외부지갑 준비중 */

.user-level-label {
  font-size: 12px;
  /* line-height: 1.3em; */
  width: 18px;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  /* border-radius: 0.25em; */
  padding-left: 1.6px;
  padding-right: 1.6px;
  /* padding-top: 1px; */
  /* padding-bottom: 1px; */
  font-weight: 700;
  /* background-color: var(--background-color-1); */
  margin-left: 8px;
  color: rgb(159,167,193);
  /* border: 1px solid var(--special-color-4); */
  display: table;
}

.coin-label{
  background-color: #82addb;
  font-size: 90%;
  font-weight: 500;
  color: #fff;
  text-align: center;
  white-space: nowrap;  
  border-radius: .25em;
  display: block; 
  width: 130%; 
  padding-left: 0px;
}

.wallet-top-link>ul>li {
  display: inline-block!important;
  height: 50px;
  width: 33.3333%
}

.wallet-top-link>ul>li>a {
  height: 50px;
  display: inline-block!important;
  width: 100%;
  color: #333333;
}

.wallet-top-link>ul>li>a:hover {
  background-color: transparent!important;
  background-image: none!important;
}

.wallet-top-link>ul>li>a:active {
  background-color: #ffffff!important;
  background-image: none!important;
}

.wallet-top-link>ul>li>a>span {
  display: block;
  padding-top: 5px;
}

.wallet-top-link-nav>.active>a {
  color: #446ee1!important;
  background-color: transparent!important;
  background-image: none!important;
  border-bottom: 2px solid #446ee1;
}

.wallet-padding-top-0 {
  padding-top: 0px!important;
}

.wallet-margin-top-4 {
  margin-top: 4px;
}

.wallet-dropdown {

}

.dropdown > .wallet-dropdown {
  width: auto!important;
  height: 20px!important;
  padding: 0px;
}

.wallet-dropdown-arrow-image {
  width: 10px;
  height: 6px;
}

.wallet-dropdown-image-margin {
  margin-left: 6px;
}

.wallet-font-size-12 {
  font-size: var(--font-size-12);
}

.wallet-font-color-6 {
  color: var(--font-color-6);
}

.wallet-font-size-16 {
  font-size: var(--font-size-16);
}

.wallet-font-size-14 {
  font-size: var(--font-size-14);
}

.wallet-margin-top-7 {
  margin-top: 7px;
}

.wallet-margin-top-minus-2 {
  margin-top: -2px;
}

.wallet-margin-top-4 {
  margin-top: 4px;
}

.wallet-font-size-18 {
  font-size: var(--font-size-18);
}

.wallet-font-family-medium {
  font-weight: var(--font-family-medium);
}

.wallet-font-family-bold {
  font-weight: var(--font-family-bold);
}

.wallet-list-item-token-detail ul li a {
  font-weight: var(--font-family-medium);
  color: var(--font-color-6);
  font-size: var(--font-size-12);
}

.dropdown > .wallet-total-balance-dropdown {
  width: auto!important;
  height: auto!important;
  padding: 0px;
  box-shadow: none;
  background: none!important;
}

.dropdown > .wallet-total-balance-dropdown > div > span {
  font-weight: var(--font-family-medium);
}

.wallet-total-balance-dropdown {
  font-size: var(--font-size-12);
}

.wallet-margin-right-19 {
  margin-right: 19px;
}

.wallet-margin-left-10 {
  margin-left: 10px;
}

.wallet-font-color-15 {
  color: var(--font-color-15);
}

.wallet-margin-top-2 {
  margin-top: 2px;
}

.wallet-margin-left-4 {
  margin-left: 4px;
}

.wallet-margin-left-10>.dropdown.open>.dropdown-menu {
  min-width: 42.55px;
  width: 55.55px;
  background: #ffffff;
  box-shadow: none;
  border-radius: 0px;
}

.wallet-margin-left-10>.dropdown-menu {
  min-width: 42.55px;
  width: 42.55px;
  background: #ffffff;
  box-shadow: none;
  border-radius: 0px;
}

.wallet-margin-left-10>.dropdown-menu>li>a {
  background: #ffffff;
  padding: 2px 8px;
  font-size: 12px;
}

.common-border-bottom-ea>div>.wallet-dropdown-image-margin>.dropdown>.wallet-dropdown {
  background: #ffffff!important;
  box-shadow: none!important;
}

.wallet-dropdown-image-margin>.dropdown>.dropdown-menu {
  min-width: 47px;
  width: 47px;
  background: #ffffff;
  box-shadow: none;
  border-radius: 0px;
}

.wallet-dropdown-image-margin>.dropdown>.dropdown-menu>li>a {
  background: #ffffff;
  padding: 2px 8px;
  font-size: 14px;
}

.wallet-emailcheck {
  /* padding: 20px 20px; */
}

.hover-font-color-5:hover {
  color: var(--font-color-5);
}

.account-long-container {
  float: left;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.account-item-padding-left-right-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.account-small-container {
  float: left;
  width: 240px;
  margin-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.account-long-container-content-padding {
  padding-left: 30px;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
}

.user-image-size {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}

.camera-image-size {
  width: 28px;
  height: 28px;
  margin-left: -28px;
  margin-top: 60px;
}

.camera-image-size:hover {
  content: url(/images/camera_image_hover.png); 
}

.kakao-image-size {
  margin-right: 15px;
  width: 20px;
  height: 20px;
}

.account-long-container-margin-right-60 {
  margin-right: 60px;
  margin-left: 30px;
}

.mypage-880-width-container {
  width: 880px!important;
}

.mypage-small-container-title {
  display: flex;
  color: rgb(159,167,193);
  font-size: 14px;
  font-weight: 400;
}
.mypage-small-container-title div:nth-child(1) {
  width: 100%;
}
.mypage-small-container-inner-content {
  padding-top: 10px;
}

.mypage-small-container-inner-content-push {
  height: 100%;
  /* font-size: var(--font-size-13);
  font-weight: var(--font-family-regular);
  color: var(--font-color-4); */
}

.mypage-small-container-inner-text {
  /* height: 99px; */
  font-size: 12px;
  font-weight: 400;
  color: rgb(194,197,207);
}

.mypage-small-container-inner-main-text {
  font-size: var(--font-size-13);
  font-weight: var(--font-family-regular);
}

.mypage-small-container-sub-text {
}

.mypage-border-right-line {
  border-right: 1px solid var(--line-color-1);
}

.mypage-small-container-div {
  height: 266px;
  margin-left: 5px;
  margin-right: 5px;
  display: grid;
  float: left;
}

.mypage-margin-top-22 {
  font-weight: 700;
  margin-top: 22px;
  font-size: 14px;
}

.mypage-margin-bottom-12 {
  margin-bottom: 12px;
}

.mypage-otp-button {
  width: 100%;
  height: 84px;
  padding: 0px;
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-size: var(--font-size-15);
  font-family: "NotoSaneKR-Regular";
  opacity: 1!important;
}

.mypage-auth-button {
  width: 100%;
  height: 36px;
  padding: 0px;
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-size: var(--font-size-15);
  font-family: "NotoSaneKR-Regular";
}

.mypage-change-complete-button {
  width: 145px;
  height: 24px;
  padding: 0px;
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-size: var(--font-size-11);
  font-family: "NotoSaneKR-Regular";
}

.mypage-otp-complete-button {
  width: 80px;
  height: 24px;
  margin: 10px;
  padding: 0px;
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-size: var(--font-size-11);
  font-family: "NotoSaneKR-Regular";
}

.mypage-abc-two-factor-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgb(159, 167, 193);
  font-size: 14px;
  font-weight: 400;
  font-family: 'Spoqa Han Sans Neo';
}

.mypage-send-button {
  width: 56px;
  height: 24px;
  padding: 0px;
  text-shadow: none;
  box-shadow: none;
  border: none;
  font-size: var(--font-size-11);
  font-family: "NotoSaneKR-Medium";
}

.mypage-user-info-button {
  width: 50px;
  height: 20px;
  text-shadow: none;
  box-shadow: none;
  border: none;
  padding: 3px;
  font-size: var(--font-size-11);
  font-family: "NotoSaneKR-Regular";
  margin-right: 10px;
}

.mobile-mypage-change-username-alert-text {
  text-align: left;
  font-weight: var(--font-family-demi-light);
  font-size: var(--font-size-12);
  margin-top: -16px;
  margin-bottom: 3px;
  height: 20px;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  display: flex;
  margin-right: 10px;
}

.mypage-agree-image {
  width: 24px;
  height: 24px;
}

.mypage-login-text {
  width: 100%;
  margin-right: 12px;
  font-weight: 400;
  padding-top: 3px;
  display: unset;
  color: rgb(159,167,193);
}

.mypage-border-bottom {
  border-bottom: 1px solid var(--line-color-1);
}

.mypage-vertical-align-middle {
  vertical-align: middle;
}

.mypage-margin-bottom-10 {
  margin-bottom: 10px;
}

.mypage-padding-left-right-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.mypage-font-family-demi {
  font-weight: var(--font-family-demi-light);
}

.mypage-certification-tknp {
  color: var(--font-color-6);
  font-weight: var(--font-family-demi-light);
}

.mypage-account-detail-close-account {
  font-size: var(--font-size-14);
  font-weight: var(--font-family-regular);
  color: rgb(159,167,193);
  margin-left: 5px;
  text-decoration: underline;
  cursor: pointer;
  text-align: center;
  padding-top: 20px;
  display: flex;
}

.mypage-account-detail-close-account-div {
  width: 100%;
  display: inline;
}

.mypage-account-detail-explain-text {
  font-size: var(--font-size-11);
  font-weight: var(--font-family-regular);
  color: var(--font-color-4);
  float: right;
}

.account-new-container {
  display: flow-root;
  margin: 20px auto;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

.mypage-modal-body {
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 176px;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
}

.mypage-user-image-modal-body {
  height: auto;
  padding-top: 23px;
  padding-bottom: 11px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 176px;
  top: 0;
  left: 0;
  width: 100%;
}

.mypage-in-modal-body-div {
  display: table-cell;
  vertical-align: middle;
}

.mypage_input-form-in-detail-popup {
  width: 354px;
  height: 28px;
  margin-right: 12px!important;
  padding-left: 12px;
  padding-bottom: 4px;
  color: var(--font-color-6)!important;
  padding: 4px 8px;
}

.mypage-button-in-detail-popup {
  width: 92px;
  height: 28px;
  font-size: var(--font-size-12);
  padding: 0px;
  text-shadow: none;
  box-shadow: none;
  border: none;

  text-shadow: none;
  border: none;
  opacity: 1;
  box-shadow: none;
}

.mypage-popup-margin-bottom-14 {
  margin-bottom: 14px;
}

.mypage-phone-in-popup {
  font-size: var(--font-size-16);
  font-weight: var(--font-family-medium);
}

.mypage-popup-explain-text {
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-11);
  color: var(--font-color-7);
}

.mypage-popup-margin-bottom-36 {
  margin-bottom: 36px;
}

.mypage-change-user-image-button {
  text-shadow: none;
  box-shadow: none;
  width: 80px;
  height: 36px;
  padding: 0px;
  font-size: var(--font-size-11);
}

.change-user-image-size {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}

.change-user-image-kakao-div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 12px;
  padding-bottom: 24px;
}

.change-user-image-default-div {
  padding-top: 12px;
  margin-left: -4px;
  margin-right: -4px;
}


.change-user-image-radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
  position: relative;
}

.change-user-image-radio-custom, .change-user-image-radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  cursor: pointer;
}

.change-user-image-first-radio-button {
  cursor: not-allowed!important;
}

.change-user-image-radio-custom-label {
  position: relative;
}

.change-user-image-radio-custom + .change-user-image-radio-custom-label:before {
  content: '';
  background: #ededed;
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 2px;
  margin-right: 6px;
  text-align: center;
  margin-bottom: 2.5px;
}

.change-user-image-radio-custom + .change-user-image-radio-custom-label:before {
  border-radius: 50%;
}

.change-user-image-radio-custom:checked + .change-user-image-radio-custom-label:before {
  background: #446ee1;
  box-shadow: inset 0px 0px 0px 3px #ededed;
}


.change-user-image-radio-custom:focus + .change-user-image-radio-custom-label {
  outline: transparent;
}

.change-user-image-radio-custom + .change-user-image-radio-custom-label:after {
  border: none;
  background: #ededed;
}

.change-user-image-radio-custom + .change-user-image-radio-custom-label:focus {
  border: none;
}

.change-user-image-radio-custom + .change-user-image-radio-custom-label:active {
  border: none;
}

.change-user-image-radio-custom {
  display: none!important;
}

.mypage-default-user-image {
  width: 54px;
  height: 54px;
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 4px;
  border-radius: 50%;
}

.mypage-default-user-image-change {
  border: 3px solid var(--font-color-7);
}

.mypage-default-user-image:hover, .mypage-default-user-image:active, .mypage-default-user-image:focus {
  border: 3px solid var(--font-color-7);
}

.mypage-margin-right-0 {
  margin-right: 0px!important;
}

.mypage-font-color-13 {
  color: var(--font-color-13);
}

.mypage-font-color-8 {
  color: var(--font-color-8);
}

.mypage-font-color-7 {
  color: var(--font-color-7);
}

.mypage-margin-top-minus-16 {
  margin-top: -16px;
}

.mypage-popup-margin-bottom-36>div>.intl-tel-input>.flag-container {
  top: 0px!important;
}

.mypage-sms-alert-text {
  text-align: left;
  padding-left: 8px;
  font-weight: var(--font-family-demi-light);
  font-size: var(--font-size-12);
  margin-top: 4px;
  height: 20px;
}

.mypage-change-username-alert-text {
  text-align: left;
  padding-left: 76px;
  font-weight: var(--font-family-demi-light);
  font-size: var(--font-size-12);
  margin-top: 4px;
  height: 20px;
}

.account-container-margin-12 {
  margin: 12px auto;
}

.account-item-accumulate-score {
  /* height: 124px; */
}

.account-item-daily-attendance {
  height: 66px;
}

.account-item-accumulate-score-left {
  padding-right: 12px;
  padding-top: 13px;
  padding-bottom: 10px;
}

.score-accumulate-left-level {
  margin-bottom: 3px;
  padding-left: 18px;
  padding-right: 18px;
}

.score-accumulate-left-score {
  padding-right: 18px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--line-color-1);
  font-weight: var(--font-family-bold);
  color: rgb(32,97,226);
  font-size: 35px;
}

.score-accumulate-left-detail {
  /* padding-top: 10px; */
  font-size: var(--font-size-12);
  color: var(--font-color-4);
  font-weight: var(--font-family-regular);
}

.account-item-accumulate-score-right {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 12px;
  text-align: center;
}

.mypage-margin-bottom-4 {
  margin-bottom: 4px;
}

.score-accumulate-right-first {
  width: 72px;
  height: 100%;
  margin-right: 10px;
  float: left;
}

.score-accumulate-right-second {
  width: 186px;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  float: left;
}

.score-accumulate-right-third {
  width: 72px;
  height: 100%;
  margin-left: 10px;
  float: left;
}

.score-accumulate-level-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.account-item-daily-attendance-left {
  padding: 12px;
}

.account-item-daily-attendance-right {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 6px;
}

.score-attendance-button {
  width: 100%;
  height: 43px;
}

.score-daily-attendance-right-left-box {
  /* width: 191px; */
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
  margin-right: 12px; 
}

.score-daily-attendance-right-right-box {
  width: 191px;
  height: 100%;
  float: left;
  text-align: center;
  margin-left: 12px; 
}

.score-daily-attendance-right-border-bottom {
  padding-bottom: 1px;
}

.score-daily-attendance-right-sub-text {
  height: 28px;
  vertical-align: middle;
  font-size: var(--font-size-20);
  font-weight: var(--font-family-regular);
  margin-top: 2px;
}

.mypage-padding-top-30 {
  /* padding-top: 30px; */
}

.mypage-padding-bottom-24 {
  padding-bottom: 10px;
}

.score-table-padding-top-bottom {
  padding-top: 30px;
  padding-bottom: 12px;
}

.score-recommendation-table {
  margin-bottom: 0px;
}

.score-recommendation-table>thead>tr>th {
  height: 50px;
  vertical-align: middle;
  width: 25%;
  /* border-top: 4px solid var(--line-color-2)!important; */
  border-bottom: unset;
  font-weight: 500;
  color:rgb(159,167,193) !important;
}

.score-recommendation-table>tbody>tr>td {
  height: 50px;
  vertical-align: middle;
  width: 25%;
  text-align: center;
  border-top: unset;
}

.score-recommendation-table>tbody>tr>td:nth-child(1) {
  font-weight: var(--font-family-regular);
}

.score-recommendation-table>tbody>tr>td:nth-child(2) {
  font-size: var(--font-size-18);
  font-weight: var(--font-family-regular);
  color: #000;
}

.score-recommendation-table>tbody>tr>td:nth-child(3) {
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-18);
  color: #000;

}

.score-recommendation-table>tbody>tr>td:nth-child(4) {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.score-weekly-table {
  margin-bottom: 0px;
}

.score-weekly-table>thead>tr>th {
  /* height: 50px; */
  vertical-align: middle;
  width: 25%;
  /* border-top: 4px solid var(--line-color-2)!important;
  border-bottom: 1px solid var(--line-color-2); */
  font-weight: var(--font-family-medium);
  border-bottom: 1px solid #676767;
  text-align: center;
  color: #000000;
}

.score-weekly-table>tbody>tr>td {
  /* height: 36px; */
  vertical-align: middle;
  width: 25%;
  text-align: center;
  border-top: 1px solid var(--line-color-1);
  font-weight: var(--font-family-regular);
  color: #676767;
  padding: 1rem 0.75rem;
}

.score-recommendation-table-progressbar {
  height:26px;
  margin-bottom: 0px;
  border-radius: 14px!important;
  background-color: #ffffff;
  border: 1px solid var(--line-color-1);
}

.score-recommendation-table-progressbar>.progress-bar {
  background-image: var(--line-color-1);
  color: var(--font-color-2);
  font-weight: var(--font-family-medium);
}

.score-weekly-table-year {
  width: 195px;
  margin-right: 5px;
  font-weight: var(--font-family-regular);
  border-bottom: 1px solid var(--line-color-1);
}

.score-weekly-table-month {
  width: 195px;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: var(--font-family-regular);
  border-bottom: 1px solid var(--line-color-1);
}

.score-weekly-table-total-value {
  width: 390px;
  margin-left: 5px;
  padding-left: 16px;
  padding-right: 9px;
  padding-top: 6px;
  border-bottom: 1px solid var(--line-color-1);
  float: right;
  padding-bottom: 4px;
}

.score-font-family-regular {
  font-weight: var(--font-family-regular);
}

.score-weekly-table-dropdown {
  text-align: center;
}

.score-weekly-table-dropdown-image {
}

.score-weekly-table-dropdown-image-div {
  float: right;
}

.score-weekly-table-year>.dropdown {
  width: 100%;
  text-align: center;
}

.score-weekly-table-year>.dropdown > .dropdown-toggle {
  width: 100%!important;
  height: 28px!important;
  padding-left: 62px;
  padding-right: 63px;
}

.score-weekly-table-year>.dropdown>.dropdown-menu {
  min-width: 195px;
  width: 195px;
  margin-top: 6px;
  padding: 0px;
  text-align: center;
  border: none;
  box-shadow: none;
}

.score-weekly-table-year>.dropdown>.dropdown-menu>li {
  height: 24px;
}

.score-weekly-table-year>.dropdown>.dropdown-menu>li>a {
  padding: 3px 0px;
}

.score-weekly-table-month-dropdown {
  text-align: center;
}

.score-weekly-table-month-dropdown-image {

}

.score-weekly-table-month-dropdown-image-div {
  float: right;
}

.score-weekly-table-month>.dropdown {
  width: 100%;
  text-align: center;
}

.score-weekly-table-month>.dropdown > .dropdown-toggle {
  width: 100%!important;
  height: 28px!important;
  padding-left: 70px;
  padding-right: 70px;
}

.score-weekly-table-month>.dropdown>.dropdown-menu {
  min-width: 195px;
  width: 195px;
  margin-top: 6px;
  padding: 0px;
  text-align: center;
  border: none;
  box-shadow: none;
}

.score-weekly-table-month>.dropdown>.dropdown-menu>li {
  height: 24px;
}

.score-weekly-table-month>.dropdown>.dropdown-menu>li>a {
  padding: 3px 0px;
}

.score-weekly-table-padding-top-bottom {
  padding-top: 12px;
  padding-bottom: 12px;
}

.account-padding-top-bottom-17 {
  padding-top: 17px;
  padding-bottom: 17px;
}

.score-table-progress-value {
  margin-top: -22px;
}

.score-accumulate-progress-value {
  margin-top: -27px;
  color: #ffffff;
}

.score-margin-top-5 {
  margin-top: 5px;
}

.score-margin-bottom-26 {
  margin-bottom: 26px;
}

.my-written-log-navbar {
  height: 40px;
  min-height: 40px;
  box-shadow: none;
  border: none;
  background: #e8edf1;
}

.my-written-log-navbar > .container {
  height: 40px;
}

.my-written-log-navbar > .container > ul {
  height: 40px;
  background: #f8faff;
}

.my-written-log-navbar > .container > ul > li {
  height: 40px;
  width: 33.333%;
}

.my-written-log-navbar>.container>.wiki-content-item-group>.my-written-log-category>a:hover {
  width: 96%;
  margin: 0 auto;
  border-bottom: #446ee1 0.15em solid;
  height: 40px;
  background-image: none;
  background: white;
  text-shadow: none;
  color: #446ee1!important;
}

.my-written-log-category > a{
}

.navbar-default .navbar-nav>.my-written-log-category.active>a {
  height: 40px;
  background-image: none;
  background: white;
  text-shadow: none;
  color: #446ee1!important;
}

.navbar-nav>.my-written-log-category>a:hover {
  color: #446ee1!important;
}

.navbar-nav>.my-written-log-category>a {
  /* font-weight: var(--font-family-medium); */
  color: var(--font-color-2)!important;
}

.mypage-padding-left-right-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.account-container-margin-28 {
  margin: 28px auto;
}

.my-written-log-table-padding {
  padding-left: 30px;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
}

.my-written-log-table {
  margin-bottom: 20px;
}

.my-written-log-table>thead>tr>th {
  height: 50px;
  vertical-align: middle;
  width: 25%;
  border-top: 4px solid var(--line-color-2)!important;
  border-bottom: 1px solid var(--line-color-2);
  font-weight: var(--font-family-medium);
  color: var(--font-color-2)!important;
}

.my-written-log-table>thead>tr>th:nth-child(1) {
  font-weight: var(--font-family-medium);
  width: 10%;
}

.my-written-log-table>thead>tr>th:nth-child(2) {
  font-weight: var(--font-family-medium);
  width: 56%;
}

.my-written-log-table>thead>tr>th:nth-child(3) {
  font-weight: var(--font-family-medium);
  width: 10%;
}

.my-written-log-table>thead>tr>th:nth-child(4) {
  font-weight: var(--font-family-medium);
  width: 24%;
}

.my-written-log-table>tbody>tr>td {
  height: 50px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid var(--line-color-1);
}

.my-written-log-table>tbody>tr>td:nth-child(1) {
  font-weight: var(--font-family-regular);
}

.my-written-log-table>tbody>tr>td:nth-child(2) {
  font-weight: var(--font-family-regular);
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-written-log-table>tbody>tr>td>span {
  font-weight: var(--font-family-regular);
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-size-14);
  color: var(--font-color-4);
}

.my-written-log-table>tbody>tr>td:nth-child(3) {
  font-weight: var(--font-family-regular);
  color: var(--font-color-6);
  font-size: var(--font-size-12);
}

.my-written-log-table>tbody>tr>td:nth-child(4) {
}

.my-written-log-search-bar {
  font-weight: var(--font-family-regular);
}

.my-written-log-search-bar>span>.container-wrapper>.search-icon {
  display: none;
}

.my-written-log-search-bar-span {
  width: 34px;
  height: 34px;
  background-color: var(--background-color-4);
  border-radius: 5px;
  margin-left: 8px!important;
}

.my-written-log-search-bar-span:hover {
  background-color: #2245a5;
}

.my-written-log-search-input {
  font-size: var(--font-size-14);
  font-weight: var(--font-family-regular);
}

.my-written-log-search-input>.container-wrapper>.react-autosuggest__container>.react-autosuggest__input {
  width: 132px;
  height: 34px;
  background: #f9f9f9;
  border: 1px solid #eaeaea;
  border-radius: 0px;
  color: var(--font-color-2);
  padding: 0px 8px 0px 8px;
}

.my-written-log-seach-image {
  width: 18px;
}

.my-written-log-seach-image:hover {

}

.my-written-log-margin-top-40 {
  margin-top: 40px;
}

.my-written-log-not-exist {
  font-size: 17px;
  font-weight: var(--font-family-regular);
  color: rgb(194,197,207);
}

.token-point-hold-point-text {
  color: rgb(32,97,226);
  font-weight: var(--font-family-bold);
}

.token-point-hold-point {
    padding-top: 10px;;
}

.token-point-latest {
  padding-top: 10px;
  color: var(--font-color-4);
  font-size: var(--font-size-12);
  font-weight: var(--font-family-regular);
}

.token-point-transfer-point-text {
  margin-bottom: 5px;
  font-weight: var(--font-family-bold);
}

.token-point-transfer-point-text-detail {
  margin-bottom: 12px;
  padding-left: 18px;
  padding-right: 18px;
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-12);
}

.token-point-transfer-point-comming-soon-box {
  width: 100%;
  height: 147px;
  background: #b1b1b1;
  padding-top: 60.5px; 
  padding-bottom: 60.5px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  font-size: var(--font-size-15);
}

.token-point-transfer-point-box {
  height: 118px;
}

.token-point-tkn-point {
  color: rgb(32,97,226);
  font-size: 30px;
  font-weight: 900;
}

.token-point-tkn-point-tknp {
  font-size: 16px;
  font-weight: var(--font-family-bold);
  color: rgb(32,97,226);
  position: relative;
  top: -4px;
  left: 5px;
}

.token-point-this-week {
  color: rgb(194,197,207);
  font-size: var(--font-size-12);
  font-weight: var(--font-family-regular);
  margin-top: 15px;
}

.token-point-transfer-button {
  width: 124px;
  height: 34px;
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-12);
}

.token-page-transfer-input {
  width: 192px;
  height: 34px;
  padding-right: 12px;
  padding-left: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  border: 1px solid #eaeaea;
  color: var(--font-color-2)!important;
  background: #f9f9f9!important;
  text-align: right;
}

.token-point-margin-bottom-5 {
  margin-bottom: 5px;
}

.my-written-log-no-exist-table {
  margin-bottom: 30px;
}

.board-page-navbar {

}

.board-page-navbar > .container > .navbar-nav {
  width: 870px;
  height: 50px;
}

.board-page-navbar > .container > .wiki-content-item-group > li {
  /* width: unset !important; */
  /* width: 16%!important; */
  padding: 0px 10px;
}
.board-page-navbar .wiki-content-item-group.nav.navbar-nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif'; 
  font-weight: 500;
}

.board-page-navbar > .container > .wiki-content-item-group > li > a {
  height: 50px;
  margin: 0 auto;
  color: var(--font-color-2)!important;
  text-shadow: none!important;
  background-image: none!important;
  background: #ffffff!important;
  font-size: 1.2em!important;
  padding: 0px!important;
}

.board-page-navbar > .container > .wiki-content-item-group > li > a:active {
  height: 50px!important;
  border-bottom: 0.2em solid var(--font-color-2)!important;
}

.board-page-navbar > .container > .wiki-content-item-group > li > a > span {
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  font-size: var(--font-size-14);
}

.my-page-category-container > .token-info-menu-nav > .container > .wiki-content-item-group > li {
  width: 25%;
}

.my-page-category-container > .token-info-menu-nav > .container > .my-page-category-list > li {
  /* background: #e8edf1; */
  width: 20%;
}

.my-page-category-list>.my-page-nav-link-text>a:hover,
.my-page-category-list>.my-page-nav-link-text.active>a,
.my-page-category-list>.my-page-nav-link-text.active>a:hover {
  /* border-top: rgb(32,97,226) 0.2em solid; */
}
li.my-page-nav-link-text.my-page-category.common-no-margin-side.active span {
  /* border-top: rgb(32,97,226) 2px solid; */
  color:rgb(32,97,226) ;
}
li.my-page-nav-link-text.my-page-category.common-no-margin-side.active span:before {
  border-top: rgb(32,97,226) 3px solid;
  top: 10px;
  position: absolute;
  content: "";
  width: 30px;
  background-color: rgb(32, 97, 226);
  border-radius: 30px;
}
.my-page-nav-link-text {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}
.my-page-category-list {
  
}


.my-page-margin-left-5 {
  margin-left: 5px;
}

.my-page-weekly-total-text {
  border-top: 1px solid var(--line-color-2);
  padding-top: 4px;
}

.my-written-log-margin-bottom-16 {
  margin-bottom: 16px;
}

.my-page-popup-input-form > .intl-tel-input {
  float: left;
}

.score-attendance-progress-bar-value {
  margin-top: -23px;
  font-size: var(--font-size-14);
  font-weight: var(--font-family-regular);
}

.mypage-margin-top-48 {
  margin-top: 48px;
}

.kyc-popup-class {
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.kyc-popup-class > .modal-dialog {
  width: 100%!important;
  height: 100%!important;
  top: unset!important;
}

.kyc-popup-class > .modal-dialog > .modal-content {
  box-shadow: none!important;
  border: none!important;
  height: 100%!important;
}

.kyc-popup-class > .modal-dialog > .modal-content > .modal-body {
  height: 90%!important;
}

.kyc-popup-class > .modal-dialog > .modal-content > .modal-footer {
  bottom: 0px!important;
  position: absolute!important;
  width: 100%!important;
}

.my-page-phone-auth-modal-body {
  padding-left: 45px;
  padding-right: 45px;
}

.my-page-account-title-margin {
  /* margin-left: 5px; */
  color: rgb(32,97,226);
}

.my-page-score-margin-bottom-4 {
  margin-bottom: 4px!important;
}

.my-page-remove-wallet-text-button-span {
  float: right;
  margin-left: 20px;
}

.wallet-name-box {
  display: inline-flex;
  align-items: flex-start;
}

.wallet-name-box-col {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
}

.wallet-name-box-row {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: row;
}

.my-page-approvement-text {
  font-weight: var(--font-family-medium);
}

.my-page-margin-top-13 {
  margin-top: 13px;
}

.my-page-user-privacy-confirm-button {
  width: 80%;
  text-shadow: none;
  border-color: transparent;
  box-shadow: none;
  height: 50px;
}

.my-page-user-privacy-approvement-div {
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-page-user-privacy-approvement-flag {
  float: right;
  display: block;
}

.my-page-user-privacy-logout-text {
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
}

.my-page-user-privacy-approvement-text {
  padding-right: 10px;
  display: inline-block;
}

.my-page-user-privacy-div {
  border-bottom: 1px solid var(--line-color-1);
  padding-bottom: 12px;
}

.my-page-privacy-text-padding {
  padding-left: 10%;
  padding-right: 10%;
}

.my-page-account-user-info-approvement-flag {
  margin-left: 8px;
  display: inline-block;
}

.my-page-account-user-info-approvement-flag-button {
  margin-top: 0px!important;
  float: none!important;
}

.my-page-token-point-table-span-text {
  font-size: var(--font-size-14)!important;
}

.user-info-user-image-padding {
  padding-top: 23px;
  padding-bottom: 23px;
}

.my-page-score-table-grid {
  display: grid!important;
}

.transfer-page-text {
  color: var(--font-color-7);
  font-weight: var(--font-family-bold);
}

.my-page-my-referer-code-text {
  width: 128px;
  display: inline-block;
  color: var(--font-color-2);
  font-weight: var(--font-family-bold);
  font-size: 1em;
}

.my-page-my-referer-code-text-input {
  margin-left: 12px;
  width: 356px;
  display: inline-block;
  margin-right: 12px;
  border: 1px solid var(--line-color-1);
  padding-left: 8px;
  color: var(--font-color-2);
  font-size: 1em;
  font-weight: var(--font-family-demi-light);
}

.my-page-my-referer-explain-text {
  font-weight: var(--font-family-regular);
  font-size: 0.8em;
  color: var(--font-color-4);
  display: block;
}

.my-page-my-referer-accu-text {
  display: inline-block;
  color: var(--font-color-2);
  font-weight: var(--font-family-bold);
  font-size: 1em;
}

.score-sum-text {
  width: 50%;
  text-align: center;
}

.my-page-score-table-line-bottom {
  border-bottom: 1px solid var(--line-color-2);
}

.wallet-margin-left-10 > .dropdown {
  z-index: 1000;
}

.air-drop-title-span {
  float: right;
  display: inline-block;
  margin-top: 7px;
}

.air-drop-table {
  border-bottom: 1px solid var(--line-color-1);
  margin-bottom: 20px!important;
}

.air-drop-table-detail-explain-div {
  text-align: right;
  font-size: var(--font-size-12);
  color: var(--font-color-4);
}

.air-drop-table>thead>tr>th {
  height: 50px;
  vertical-align: middle;
  border-top: 4px solid var(--line-color-2)!important;
  border-bottom: 1px solid var(--line-color-2);
  font-weight: var(--font-family-medium);
  color: var(--font-color-2)!important;
}

.air-drop-table>thead>tr>th:nth-child(1) {
  width: 13%;
}

.air-drop-table>thead>tr>th:nth-child(2) {
  width: 30%;
}

.air-drop-table>thead>tr>th:nth-child(3) {
  width: 20%;
}

.air-drop-table>thead>tr>th:nth-child(4) {
  width: 13%;
}

.air-drop-table>tbody>tr>td {
  height: 50px;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
}

.air-drop-table>tbody>tr>td:nth-child(1) {
}

.air-drop-table>tbody>tr>td:nth-child(2) {
  text-align: left!important;
}

.air-drop-table>tbody>tr>td:nth-child(3) {
  text-align: right!important;
}

.air-drop-table>tbody>tr>td:nth-child(4) {
}

.tokenAirDropDateTime {
  color: var(--font-color-6);
}

.wallet-page-go-forum-button {
  float: right;
  display: inline-block;
  background: #538fea;
  color: var(--font-color-1);
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 4px;
  cursor: pointer;
  width: 76px;
  height: 28px;
  font-size: 14px;
  font-weight: var(--font-family-regular);
}

.wallet-token-info-span {
  display: block;
  margin-top: -48px;
  margin-left: 64px;
}

.wallet-padding-top-2 {
  padding-top: 2px;
}

.wallet-name-box-div {
  display: flex;
  margin-top: 22px;
  margin-left: 62px;
  align-items: center;
  justify-content: center;
  position: absolute;
}


.wallet-detail-token-name-platform-span {
  color: var(--font-color-6); 
  font-weight: var(--font-family-regular);
  margin-left: 10px;
}

.wallet-detail-token-meta-status-span {
  color: #f32828; 
  font-weight: var(--font-family-bold);
  margin-left: 10px;
}

.my-page-margin-top-minus-6 {
  margin-top: 9px;
  float: right;
  margin-bottom: -6px;
  font-size: 0.95em;
}

.wallet-project-kr-name {
  color: var(--font-color-6);
  font-weight: var(--font-family-regular);
  font-size: 0.95em;
  margin-top: 6px;
}

.wallet-page-border-top {
  display: block;
  border-top: 1px solid #eaeaea;
  margin-left: -18px;
  margin-right: -18px;
}

.wallet-padding-bottom-40 > div > span {
}

.wallet-padding-bottom-40 > div > span > a {
  color: var(--font-color-2);
}

.wallet-list-detail-item-info-layer {
  border-radius: 20px;
  box-shadow: 10px 14px 5px 0px rgb(228 230 235 / 27%);
  background:linear-gradient(93deg,rgb(33,97,226),rgb(176, 124,254));
  margin: 30px 15px 15px 15px;
  padding: 15px;
  position: relative;
}

.wallet-list-detail-token-info-layer {
    top: -45px;
    position: relative;
    height: 140px;
    width: 100%;
    text-align: center;
}

.wallet-list-detail-token-icon {
  width: 70px;
  height: 70px;
  padding: 5px;
  border-radius: 50%;
  background-color: white;
}

.wallet-list-detail-token-info-link {
  position: absolute;
  font-size: 10px;
  color: #D35151;
  cursor: pointer;
  top: 6px;
  right: 6px;
}

.wallet-list-detail-token-info-link span {
  text-decoration: underline;
}

.wallet-list-detail-token-ticker {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mobile-detail-wallet-balance-layer {
  text-align: center;
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
}

.mobile-detail-talk-lmt-layer {
  text-align: center;
  display: flex;
  border: 1px solid var(--line-color-3);
  margin: 20px 0px 20px 0px;
  height: 70px;
}

.mobile-detail-talk-lmt-text-layer {
  width: 70%;
  vertical-align: middle;
  padding: 12px 0px 0px 0px;
  font-size: 1em;
  font-weight: var(--font-family-bold);
  color: #F32828;
  white-space: pre;
}

.mobile-detail-talk-lmt-button-layer {
  width: 30%;
}

.mobile-detail-talk-lmt-button {
  width: 82px;
  text-align: center;
  height: 40px;
  float: right;
  margin: 14px 13px 0px 0px;
}

.mobile-detail-wallet-balance-left {
  width: 50%;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

.mobile-detail-wallet-balance-right {
  width: 50%;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

.swap-pending-popup-parent {
  width: 100%;
  height: 100%;
  background: black;
  display: block;
  z-index: 500000;
  position: fixed;
  opacity: 0.7;
  display: table;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.swap-pending-popup-child {
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-weight: var(--font-family-medium);
}

.wallet-tx-pending-popup-parent {
  width: 100%;
  height: 180px;
  background: #FFF;
  display: block;
  z-index: 500000;
  opacity: 0.7;
  display: table;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.wallet-tx-pending-popup-child {
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-weight: var(--font-family-medium);
}

.wallet-background-white {
  background: #ffffff!important;
}

.close-account-terms-information {
  margin-left: 20px;
  margin-right: 20px;
}

.close-account-wallet-information {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}

.close-account-agree-span {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  display: flex;
  width: 365px;
}

.close-account-agree-span-mobile {
  margin-top: 20px;
  font-weight: bold;
  /* display: inline; */
}

.close-account-info-layer {
  margin-bottom: 8px;
  /* font-weight: var(--font-family-medium); */
  display: flow-root;
}

.banner-popup-class > .modal-dialog {
  width: 98%!important;
  height: 100%!important;
  top: 2%!important;
  display: flex!important;
  justify-content: center;
}

.banner-popup-class > .modal-dialog > .modal-content {
  border: none;
  border-radius: 0px;
  max-width: 500px;
  position: absolute;
  background: rgba(255, 255, 255, 0);
  margin: 0px;
  max-height: unset;
  box-shadow: none;
}

.mypage-attendance-event-badge-image {
  width: 100px;
    position: sticky;
    margin: -40px 0px 0px -130px;
}
.wallet-header-text .please-create-wallet {
  padding-top: 40px;
  color: white;
  /* font-weight: 800; */
  font-size: 21px;
}
.creation-guide {
  padding: 30px 0px;
}
.creation-guide a {
  color: white;
  text-decoration: underline;
  opacity: 0.7;
}
.goback-mypage {
  background: #3368e0;
}
.goback-mypage img {
  padding-top: 11px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mobile-account-user-info-login-text .btnCopy  {
  width: 18px;
  height: 18px;
  -o-object-fit: none;
     object-fit: none;
}
.account-long-container .info-right {
  word-break: break-all;
  text-align: right;
  width: 47%;
}
.common-text-align-center .userNickname {
  font-size: 16px;
  font-weight: 700;
  padding-top: 10px;
}
.mobile-account-user-info-login-text .userNickname {
  word-break: break-all;
  margin-right: 15px;
  font-size: 14px;
  font-weight: 700;
}
.info-right button {
  margin-right: 15px;
}
.headerTile-text {
  width: 100%;
  margin-left: -20px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Poppins';
}
.headerTile {
  padding: 10px 10px 0px 0px;
  display: flex;
}
.headerTile-img img {
  position: relative;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: -5px;
}
.common-width-full.common-radius-container.common-margin-auto.mobile-my-written-log-table-padding.mypage-margin-bottom-10 {
  padding: 0px;
  background: #f8faff;
}
.account-item-title.title-font-size.common-width-100 span {
  font-size: 16px;
  color: #9FA8C0;
}
.account-item-title.title-font-size.common-width-100 .totalRecords {
  color: #2066DE !important;
  padding-left: 5px;
}
.score-accumulate-left-detail .last_week_score {
  display: flex;
}
.score-accumulate-left-detail .common-margin-left-16 {
  margin: 0px !important;
  display: flex;
}
.score-accumulate-left-detail p {
  font-size: 14px;
  color: rgb(159,167,193);
  text-align: left;
  width: 50%;
}
.score-accumulate-left-detail .p-right {
  text-align: right;
}
.mobile-account-item-container-430 .common-radius-container {
  background: #f8faff;
}
.my-page-score-margin-bottom-4 .mobile-account-item-accumulate-score-right {
  padding: 0px;
}
.mobile-display-inline-flex span {
  color: rgb(37,37,37);
  font-weight: 500;
}
.mobile-display-inline-flex .mobile-table-title {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}
.mypage-padding-bottom-24.wallet-font-size-12.score-font-family-regular.score-margin-top-5 {
  display: flex;
}
.mypage-padding-bottom-24.wallet-font-size-12.score-font-family-regular.score-margin-top-5 p {
  width: 50%;
}
.mypage-padding-bottom-24.wallet-font-size-12.score-font-family-regular.score-margin-top-5 .p-left {
  text-align: left;
}
.mypage-padding-bottom-24.wallet-font-size-12.score-font-family-regular.score-margin-top-5 .p-right {
  text-align: right;
}
.lightGreyBlue {
  color: rgb(159,167,193);
}
.score-weekly-table.mobile-score-table .common-text-align-center {
  display: flex;
}
.score-weekly-table.mobile-score-table .common-text-align-center  p{
  width: 50%;
}
.score-weekly-table.mobile-score-table .common-text-align-center .p-left {
  color: rgb(159,167,193);
  text-align: left;
}
.score-weekly-table.mobile-score-table .common-text-align-center .p-right {
  color: rgb(32,97,226);
  text-align: right;
  font-weight: 700;
  font-size: 14px;
}
.mypage-padding-bottom-24.wallet-font-size-12.score-font-family-regular.score-margin-top-5 p {
  padding-top: 5px;
  font-size: 14px;
}
.common-float-right.wallet-margin-top-4.score-font-family-regular.wallet-font-size-12.wallet-font-color-4 {
  padding-bottom: 20px;
  font-size: 14px;
  color: rgb(194,197,207);
}
#islocalEn .score-daily-attendance-right-sub-text {
  color: rgb(32,97,226);
  font-size: 16px;
  margin-top: 0px;
  margin-left: 9px;
  font-weight: 800;
}
#islocalEn .mobile-score-daily-attendance-right-left-box {
  display: flex;
}
#islocalEn .account-item-daily-attendance {
  height: 30px;
  padding: 0px;
}
#islocalEn .account-item-title-layer {
  margin-bottom: 20px;
  padding: 10px 0px;
  text-align: center;
  background: rgb(32,97,226);
  height: 50px;
  border-radius: 15px;
  box-shadow: 0 10px 20px 0 rgb(77 63 93 / 60%);
}
#islocalEn .account-item-title.title-font-size.my-page-account-title-margin {
  color: white;
}
#islocalEn  .wallet-margin-left-12.mypage-font-family-demi {
  margin: 0px;
  padding-bottom: 35px;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}
.last_week_score .accuDataScoreLast {
  color: #000;
  font-weight: 700;
  margin-left: 10px;
}
#islocalEn .gap-border-top {
  border-top: 1px solid rgb(228,230,236);
  height: 25px;
}
.gap {
  padding-top: 20px;
}
.nextLevelDataScoreAccu {
  right: 10px;
  position: absolute;
  text-align: center;
  top: 4px;
  color: white;
  font-size: 12px;
  width: 23px;
}
.token-point-latest .recent_weekly_calc {
  color: rgb(159,167,193);
}
.token-point-latest .recentCalculatePoint {
  color: #000;
  font-weight: 700;
  padding-left: 7px;
}

#community {
  background: white;
}
/* import font */
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: local('Spoqa Han Sans Neo Bold'),
  url(/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: local('Spoqa Han Sans Neo Medium'),
  url(/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: local('Spoqa Han Sans Neo Regular'),
  url(/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  src: local('Spoqa Han Sans Neo Light'),
  url(/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
}
.mobile-main-container {
  width: 100%;
  margin-bottom: -70px;
}

.mobile-content-layer {
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-content-layer-100 {
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  background: #202020;
  /* margin-top: 15px; */
}

.mobile-main-page-font {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

.mobile-main-page-announcement-layer {
}

.mobile-main-page-app-modal-div {
  background: #ffffff;
  border: 1px solid #ececec;
  color: #000000;
        position: fixed;
        /* padding-top: 25px; */
        text-align: center;
        height: 230px;
        width: 100%;
        bottom: 0;
        right: 0;
        border-radius: 20px 20px 0 0;
        z-index: 99999;
}

.mobile-main-page-to-app-button {
  border-radius: 10px;
 background: rgb(32,97,226);
    color: #ffffff !important;
    width: 90%;
    height: 45px;
    font-size: var(--font-size-14);
    border: unset;
}

.mobile-main-page-app-modal-margin {
  font-size: 16px;
  /* color: white; */
  margin: 30px 0 20px;
  font-weight: 600;
  font-family: "SUIT";
}
.mobile-list-button-app-modal {
  padding: 0 20px 20px;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  width: 100%;
}
.mobile-app-modal-button {
  background: #F0F5FF;
  border: 1px solid #ECECEC;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  width: 100%;
  padding: 16px;
  border-radius: 10px;
}
@media (max-width: 400px) {
  .mobile-list-button-app-modal {
    padding: 0 16px 20px;
  }
  .mobile-app-modal-button {
    padding: 16px;
  }
}
.mobile-img-app-button {
  width: 121px;
}
.mobile-img-app-button img {
  width: 100%;
}
.mobile-button-close-app-modal {
  background: #2061e2;
  border-radius: 20px;
  font-family: "SUIT";
  font-size: 14px;
  color: #ffffff;
  padding: 10px 20px;
  border-color: #2061e2;
}
.mobile-main-page-app-modal-font-size-13 {
  text-decoration: underline;
    color: white;
    font-size: 13px;
    opacity: 0.7;
}

.mobile-main-modal-open {
  overflow: hidden;
}
.mobile-main-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.mobile-main-modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.mobile-main-modal.in .modal-dialog {
  transform: translate(0, 0);
}
.mobile-main-modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.mobile-main-modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.mobile-main-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  /* border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2); */
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.mobile-main-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.mobile-main-modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.mobile-main-modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

@media (min-width: 768px) {
  .mobile-main-modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .mobile-main-modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .mobile-main-modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .mobile-main-modal-lg {
    width: 900px;
  }
}

.mobile-entrance-page {
  background: url(/images/mobile_main_background.png) no-repeat center
    center;
  /*fixed; */
  width: 100%;
  border: 0;
  height: auto;
  text-align: center;
  padding-top: 102px;
  padding-bottom: 72px;
  background-size: cover;
}

.mobile-entrance-first-div {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--line-color-1);
  width: 86%;
  text-align: center;
  color: var(--font-color-1);
  margin: auto;
  font-size: 1.2em;
  font-weight: var(--font-family-regular);
}

.mobile-entrance-second-div {
  padding-top: 18px;
  padding-bottom: 18px;
  color: var(--font-color-1);
  font-size: 3em;
  font-weight: var(--font-family-bold);
  margin: auto;
}

.mobile-entrance-border-button {
  border: 1px solid var(--line-color-1);
  border-radius: 40px;
  width: 80%;
  height: 54px;
  color: var(--font-color-1);
  margin: auto;
  flex-direction: column;
  justify-content: center;
  display: flex;
  margin-bottom: 15px;
  font-weight: var(--font-family-bold);
  font-size: 1.2em;
}

.mobile-entrance-icon-div {
  color: var(--font-color-1);
  display: inline-flex;
  padding-bottom: 63px;
  font-weight: var(--font-family-regular);
  font-size: 1.05em;
}

.mobile-entrance-icon-float {
  float: left;
}

.mobile-entrance-icon-text-margin {
  margin-right: 30px;
}

.mobile-entrance-icon-text-margin-top {
  margin-top: 15px;
}

.mobile-entrance-icon-image {
  width: 75px;
  height: 75px;
}

.mobile-banner {
  width: 97%;
  height: 31.3vw;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
  border-radius: 7px;
  touch-action: none;
  margin-left: 1.5%;
}

.mobile-gnb-header {
  position: relative;
  /* height: 66px; */
  width: 100%;
  /* background: #395bb8; */
  background: #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  /* border-bottom: 1px solid #eaeaea; */
  justify-content: space-between;
  align-items: center;
  font-family: "SUIT";
  padding: 25px 20px;
}
.list-icon-gnb {
  display: flex;
  grid-gap: 12px;
  gap: 12px;
  align-items: center;
}
.list-icon-gnb .ic-gnb-custom {
  width: 20px;
} 
.text-logo-header-mb {
  color: #a5aeca;
  font-weight: 600;
  font-size: 20px;
  margin-top: -1px;
}
.mobile-modal-header {
  background: #395bb8 !important;
}

.mobile-gnb-talken-logo {
  width: 95px;
}

.mobile-gnb-talken-logo-div {
  position: absolute;
  left: 4.375vw;
  transform: translate(0, -50%);
  top: 50%;
}

.mobile-hamburger-gnb-talken-logo-div {
  display: inline-block;
  padding-top: 3.5px;
  padding-bottom: 3.5px;
}

.mobile-gnb-search-image-div {
  width: 40px;
  background: var(--background-color-4);
  border-radius: 50%;
  position: absolute;
  right: 4.375vw;
  transform: translate(0, -50%);
  top: 50%;
  height: 40px;
  margin-right: 58px;
}

.mobile-gnb-wallet-image {
  position: absolute;
  right: 4.375vw;
  transform: translate(0, -50%);
  top: 50%;
  height: 24px;
  margin-right: 80px;
  width: 24px;
}

.mobile-gnb-swap-image {
  position: absolute;
  right: 4.375vw;
  transform: translate(0, -50%);
  top: 50%;
  height: 24px;
  margin-right: 40px;
  width: 24px;
}

.mobile-gnb-swap-image-app {
  position: absolute;
  right: 4.375vw;
  transform: translate(0, -50%);
  top: 50%;
  height: 30px;
  width: 30px;
}

.mobile-gnb-hamburger-button > div > .bm-menu-wrap {
  width: 100vw !important;
  height: 100vh !important;
  z-index: 10000 !important;
}

.mobile-gnb-hamburger-button > div > div > .bm-burger-button {
  position: absolute;
  width: 24px;
  height: 20px;
  right: 4.375vw;
  top: 50%;
  z-index: 0 !important;
  transform: translate(0, -50%);
}

.mobile-gnb-hamburger-button
  > div
  > div
  > .bm-burger-button
  > span
  > .bm-burger-bars {
  /* background: #fff !important; */
  background: #031243 !important;
  height: 3px !important;
}

.mobile-hamburger-logo-image {
  width: 19.375%;
}

.mobile-hamburger-header {
  height: 40px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  border-bottom: 1px solid var(--line-color-1);
  padding-left: 4.375vw;
  background: var(--background-color-4);
}

.mobile-hamburger {
  width: 100%;
  height: 100vh;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

.mobile-hamburger-inner {
  /* height: -moz-calc(100vh - (66px));
  height: -webkit-calc(100vh - (66px));
  height: calc(100vh - (66px)); */
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--background-color-1);
}

.mobile-hamburger-header-div {
  height: 88px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.mobile-hamburger-logo {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  left: 4.375%;
}

.bm-cross {
  /* background-color: var(--background-color-4)!important; */
  /* color: var(--font-color-6)!important; */
  width: 30px !important;
  height: 30px !important;
  margin: 15px 0 0 5px;
}

.bm-cross-button {
  right: 3.375% !important;
  padding-top: 0px;
  width: 35px !important;
  height: 35px !important;
  transform: translate(0, -50%);
  top: 15px !important;
}

.bm-cross-button > span {
  top: 0 !important;
  right: 0px;
}

.bm-cross-button > span > span {
  width: 25px !important;
  height: 25px !important;
  top: 0px;
  right: 10px;
}

.bm-cross-button > button {
  top: 0px !important;
}

.mobile-hamburger-login-button-div {
  height: 178px;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: var(--background-color-1);
  text-align: center;
  display: block;
  position: relative;
}

.mobile-hamburger-login-button {
  height: 28%;
  font-weight: var(--font-family-medium);
  font-size: 0.8em;
  border-radius: 0;
}

.mobile-hamburger-favorite-div {
  display: flex;
  height: 84px;
}

.mobile-hamburger-sns-div {
  display: flex;
  height: 57px;
}

.mobile-hamburger-facebook-button {
  width: 50%;
  float: left;
  background: #4267b2;
  font-weight: var(--font-family-medium);
  font-size: 0.8em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  cursor: pointer;
  word-break: break-all;
  text-align: center;
}

.mobile-hamburger-favorite-community-button {
  width: 100%;
  float: left;
  background: var(--background-color-4);
  color: var(--font-color-1);
  font-weight: var(--font-family-medium);
  font-size: 0.8em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  cursor: pointer;
  word-break: break-all;
  text-align: center;
}

.mobile-hamburger-favorite-community-button-two {
  width: 100%;
  float: left;
  background: #f2f2f2;
  color: var(--font-color-15);
  font-weight: var(--font-family-medium);
  font-size: 0.8em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  cursor: pointer;
  word-break: break-all;
  text-align: center;
}

.mobile-hamburger-favorite-section-active {
  width: 100%;
  float: left;
  background: var(--background-color-4);
  color: var(--font-color-1);
  font-weight: var(--font-family-medium);
  font-size: 0.8em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  cursor: pointer;
  word-break: break-all;
  text-align: center;
}

.mobile-hamburger-favorite-section-active-two {
  width: 100%;
  float: left;
  background: #f2f2f2;
  color: var(--font-color-15);
  font-weight: var(--font-family-medium);
  font-size: 0.8em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  cursor: pointer;
  word-break: break-all;
  text-align: center;
}

.mobile-hamburger-favorite-section-deactive {
  width: 100%;
  float: left;
  background: var(--background-color-4);
  color: #7a8dc9;
  font-weight: var(--font-family-medium);
  font-size: 0.8em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  cursor: pointer;
  word-break: break-all;
  text-align: center;
}

.mobile-hamburger-favorite-section-deactive-two {
  width: 100%;
  float: left;
  background: #f2f2f2;
  color: var(--font-color-5);
  font-weight: var(--font-family-medium);
  font-size: 0.8em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  cursor: pointer;
  word-break: break-all;
  text-align: center;
}

.mobile-hamburger-favorite-section-image {
  width: 27px;
  height: 26px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  margin-top: 16px;
}

.mobile-hamburger-favorite-section-community-image {
  width: 40px;
  height: 22px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  margin-top: 20px;
}

.mobile-hamburger-telegram-button {
  width: 50%;
  float: left;
  background: #00afe6;
  font-weight: var(--font-family-medium);
  font-size: 1.1em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  cursor: pointer;
  word-break: break-all;
  text-align: center;
}

.mobile-hamburger-facebook-button > a,
.mobile-hamburger-telegram-button > a {
  color: var(--font-color-1);
}

.mobile-hamburger-content-div {
  display: inline-block;
  height: 65px;
  background: var(--background-color-1);
  padding-left: 7.375%;
  padding-right: 4.375%;
  width: 100%;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  cursor: pointer;
  white-space: pre;
  margin-bottom: -5px;
}

.mobile-hamburger-content-div > .mobile-hamburger-sub-ticker,
.mobile-hamburger-content-div
  > .mobile-hamburger-content-main-text
  > .mobile-hamburger-sub-ticker {
  margin-top: 4px;
}

.mobile-hamburger-content-main-text {
  font-size: 16px;
  color: #252525;
  font-weight: 500;
}

.mobile-hamburger-content-main-text > a {
  color: var(--font-color-2);
  font-weight: var(--font-family-medium);
  display: inline-block;
}

.mobile-hamburger-content-main-text > a:hover {
  text-decoration: none;
}

.mobile-hamburger-content-logout-text {
  color: #c45a5c;
  font-size: 0.9em;
  padding-top: 5px;
  font-weight: var(--font-family-medium);
  display: inline-flex;
}

.mobile-hamburger-arrow-button {
  width: 16px;
  float: right;
}

.mobile-hamburger-last-div-border {
  /* border-bottom: 1px solid var(--line-color-1); */
  width: 100%;
}

.mobile-hamburger-content-sub-div {
  height: 48px;
  background: rgb(248,248,251);
  padding-left: 47px;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  color: #252525;
  font-weight: 500;
  /* color: var(--font-color-4); */
  white-space: pre;
}

.mobile-hamburger-user-info-text-div {
  padding-top: 5px;
  padding-bottom: 5px;
}

.mobile-hamburger-inline-div {
  display: inline-block;
  margin-left: 4.7em;
  margin-bottom: -10px;
}

.mobile-hamburger-login-user-image-layer {
  display: inline-block;
  margin-bottom: 10px;
}

.mobile-hamburger-login-section-user-image {
  width: 57px;
  height: 57px;
  border-radius: 50%;
}

.mobile-hamburger-user-info-detail-image-div {
  margin-top: 33px;
  float: right;
  position: relative;
  margin-left: -19px;
}

.mobile-hamburger-user-info-detail-image {
  width: 22px;
  height: 22px;
}

.mobile-hamburger-login-section-user-image-after-login {
  width: 57px;
  height: 57px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 10px;
  float: left;
}

.mobile-hamburger-user-info-detail-image-after-login {
  width: 22px;
  height: 22px;
  margin-top: 33px;
  float: left;
  margin-left: -20px;
}

.mobile-attendance-icon-confirm {
  width: 21px;
  height: 21px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.mobile-attendance-icon {
  width: 13px;
  height: 21px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.mobile-hamburger-attendance-button {
  height: 28%;
  font-weight: var(--font-family-medium);
  background: #4995b7;
  font-size: 0.8em;
  border-radius: 0;
}

.mobile-hamburger-common-button-1 {
  background: #4995b7;
  color: #ffffff !important;
  font-weight: var(--font-family-regular);
}

.mobile-hamburger-common-button-1:active {
  background: #4995b7;
  color: #ffffff !important;
  font-weight: var(--font-family-regular);
}

.mobile-hamburger-common-button-1:disabled {
  background: #c45a5c !important;
  color: #ffffff !important;
  opacity: 1;
}

.mobile-hamburger-attendance-confirm-button {
  height: 28%;
  font-weight: var(--font-family-medium);
  background: #c45a5c;
  font-size: 0.8em;
  border-radius: 0;
  cursor: not-allowed;
  pointer-events: none;
}

/* .mobile-hamburger-attendance-confirm-button:disabled {
  background: #C45A5C!important;
  color: #ffffff!important;
} */

.mobile-hamburger-user-level-label {
  float: left;
  position: relative;
  margin-top: 20px;
}

.mobile-hamburger-user-level-txt {
  float: left;
  font-size: 0.7em;
  margin: 3px 5px 0 30px;
}

.mobile-hamburger-user-profile-level-cover-img {
  position: relative;
  width: 20px;
  height: 20px;
}

.mobile-hamburger-user-profile-level-text {
  position: relative;
  margin-top: -12px;
  font-size: 12px;
  font-weight: 700;
  color: #9fa7c1;
  margin-bottom: -2px;
}

.mobile-hamburger-user-info-nickname {
  color: var(--font-color-2);
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 17px;
  margin-bottom: 8px;
  font-weight: 700;
}

.mobile-hamburger-user-info-level {
  font-size: 1em;
  font-weight: var(--font-family-regular);
  color: var(--font-color-1);
}

.mobile-modal-class {
}

.mobile-modal-class > .modal-dialog {
  width: auto !important;
  height: 100% !important;
  top: 0 !important;
}

.mobile-modal-class > .modal-dialog > .modal-content {
  height: 100% !important;
  border: none;
}

.mobile-modal-class > .modal-dialog > .modal-content > .modal-header {
  background-color: var(--background-color-1);
  height: 66px;
  padding-left: 4.375%;
  padding-right: 4.375%;
  padding-top: 14px;
  padding-bottom: 14px;
  background: var(--background-color-2);
}

.mobile-modal-class > .modal-dialog > .modal-content > .modal-header .close {
  display: none;
}

.mobile-search-icon-image {
  float: right;
  position: inherit;
  margin-right: 12%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 18px;
  right: 0px;
}

.mobile-modal-popup-body {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
  background: var(--background-color-2);
}

.mobile-modal-popup-body
  > div
  > .container-wrapper
  > .react-autosuggest__container
  > .react-autosuggest__input {
  width: 90%;
  height: 66px;
  border-radius: unset;
  padding-left: 5.948%;
  padding-right: 4.375%;
  font-size: 1.5em;
  font-weight: var(--font-family-medium);
  border-radius: 33px;
}

.mobile-modal-popup-body > div > .container-wrapper > .search-icon {
  width: 40px !important;
  height: 40px !important;
  right: 4.375%;
  transform: translate(0, -50%);
  top: 50%;
}

.mobile-modal-popup-body
  > div
  > .container-wrapper
  > .react-autosuggest__container
  > .react-autosuggest__suggestions-container--open {
  display: block;
  top: 66px;
  width: 90% !important;
  background-color: #151f35;
  font-size: var(--font-size-14);
  border-radius: unset;
  border: none;
  color: white;
  border-radius: 33px;
  margin: auto;
  position: absolute;
  right: 4.375%;
  left: 4.375%;
}

.mobile-modal-popup-body
  > div
  > .container-wrapper
  > .react-autosuggest__container
  > .react-autosuggest__suggestions-container--open
  > ul {
  padding-left: 5.948%;
  padding-top: 0px;
  padding-bottom: 0px;
}

.mobile-modal-popup-body
  > div
  > .container-wrapper
  > .react-autosuggest__container
  > .react-autosuggest__suggestions-container--open
  > ul
  > li {
  height: 66px !important;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 1.5em;
  font-weight: var(--font-family-medium);
}

.mobile-modal-popup-body
  > div
  > .container-wrapper
  > .react-autosuggest__container
  > .react-autosuggest__suggestions-container--open
  > ul
  > li:hover,
.mobile-modal-popup-body
  > div
  > .container-wrapper
  > .react-autosuggest__container
  > .react-autosuggest__suggestions-container--open
  > ul
  > li:active {
  background: #373e4e;
}

.mobile-modal-popup-body
  > div
  > .container-wrapper
  > .react-autosuggest__container
  > .react-autosuggest__suggestions-container--open
  > ul
  > li
  > .suggestion-item
  > .project-icon {
  margin-left: 0;
  margin-right: 20px;
  width: 40px;
  height: 40px;
}

.mobile-search-popup-content {
  height: 100%;
}

.mobile-search-popup-empty-content {
  padding-top: 36px;
  background: var(--background-color-2);
  font-size: 1.5em;
  color: var(--font-color-6);
  text-align: center;
  font-weight: var(--font-family-medium);
  height: 100%;
}

.mobile-gnb-hamburger-button > div > .bm-menu-wrap > .bm-menu > .bm-item-list {
  height: 100vh !important;
}

.mobile-hamburger-content-container {
  height: 100%;
  background: var(--background-color-1);
  padding-bottom: 7vh;
  padding-top: 20px;
}

.mobile-announce-list-layer {
  background: rgb(248,250,255);
  padding-top: 6px;
  padding-bottom: 6px;
}

.mobile-main-today-post {
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: var(--font-family-regular);
  font-size: 1.05em;
  color: var(--font-color-2);
}

.mobile-main-today-post-text {
  display: inline-block;
  padding-top: 12px;
  font-weight: var(--font-family-regular);
  font-size: 1.05em;
  color: var(--font-color-1);
  padding-left: 15px;
  padding-bottom: 12px;
}

.mobile-paper-card-container {
  padding-top: 12px;
  background-color: #fff;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 12px;
  width: 100%;
}

.mobile-paper-main-card-container {
  background-color: #202020 !important;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}

.mobile-paper-card-content-block {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  border-bottom: 1px solid var(--line-color-1);
  padding-bottom: 22.5px;
}

.mobile-paper-main-card-content-block {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
}

.mobile-paper-card-content-title-layer {
  display: flow-root;
  position: relative;
  margin-bottom: 22.5px;
}

.mobile-paper-card-content-title {
  float: left;
  cursor: pointer;
  font-size: var(--font-size-14);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-family-regular);
  font-size: 1.5em;
  white-space: pre-line;
  word-break: break-all;
}

.mobile-paper-main-card-content-title {
  float: left;
  cursor: pointer;
  font-size: var(--font-size-14);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-family-regular);
  font-size: 1.25em;
  white-space: pre-line;
  word-break: break-all;
  margin-top: 24px;
  width: 100%;
  margin-bottom: 16px;
  color: var(--font-color-1);
}

.mobile-paper-card-user-info-layer {
  align-self: center;
  font-size: 1.05em;
  font-weight: var(--font-family-regular);
}

.mobile-paper-card-user-info-block {
  display: inline-flex;
  width: 100%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.mobile-paper-main-card-user-info-block {
  display: inline-flex;
  width: 100%;
  position: relative;
  padding-top: 24px;
}

.mobile-paper-card-reaction-text {
  margin-left: 8px;
  font-size: 1.05em;
}

.mobile-paper-main-card-reaction-text {
  font-size: 1em;
  color: var(--font-color-12);
  font-weight: var(--font-family-regular);
  display: inline-flex;
}

.mobile-paper-card-reaction-image-margin {
  margin-left: 13.5px;
}

.mobile-paper-card-reaction-image {
  width: 18px;
  height: 22.5px;
}

.mobile-paper-card-reply-image {
  width: 18px;
  height: 18px;
}

.mobile-paper-main-card-reply-image {
  width: 18px;
  height: 22.5px;
}

.mobile-paper-card-reply {
  position: absolute;
  right: 15px;
  display: flow-root;
  color: var(--font-color-6);
  font-size: 1.05em;
  font-weight: var(--font-family-regular);
}

.mobile-paper-card-reply-div {
  position: absolute;
  right: 15px;
}

.mobile-paper-card-num-reply {
  float: left;
  display: inline-flex;
  align-items: flex-end;
  position: absolute;
  top: 3px;
  right: 0;
}

.mobile-paper-card-recommend-comment {
  color: var(--font-color-7);
  font-size: 1.05em;
  font-weight: var(--font-family-regular);
  margin-left: 9px;
  margin-bottom: 1px;
}

.mobile-page-black-box-title {
  font-size: 1.125em;
  color: var(--font-color-1);
  font-weight: var(--font-family-regular);
  margin-bottom: 20px;
  display: flow-root;
  padding-top: 20px;
}

.mobile-page-big-black-box-style {
  background: rgb(248,250,255);
  overflow-x: hidden !important;
  padding: 10px 15px 10px 15px;
}

.mobile-page-big-black-box-title-text {
  color: #9fa7c1;
  padding-top: 4px;
  display: inline-block;
  padding-bottom: 3px;
  font-weight: 400;
  font-size: 16px;
}

.mobile-page-black-box-arrow-image {
  width: 25px;
  height: 25px;
}
.common-display-inline-block.token-card-token-image-div {
  width: 50px;
  position: relative;
  border-radius: 50%;
  top: -50px;
  background: white;
  margin: auto;
  text-align: center;
  display: block;
  height: 50px;
}
.mobile-paper-card-user-info-image {
  width: 33px;
  height: 33px;
  margin-right: 9px;
  border-radius: 50%;
}

.mobile-paper-main-card-user-info-image {
  width: 100%;
}

.mobile-paper-card-content-title > a {
  color: var(--font-color-2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mobile-paper-main-card-content-title > a {
  color: var(--font-color-1);
  /* 운영자 추천글 ellipsis 제거 */
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
}

.mobile-announce-speaker-image-div {
  margin-left: 15px;
  margin-right: 9px;
}

.mobile-announce-speaker-image {
  width: 15px;
}

.mobile-footer-container {
  padding: 15px;
  height: auto;
  float: left;
  width: 100%;
  color: var(--font-color-1);
  background-color: #a1a1a1;
  display: block;
  margin: auto;
}

.mobile-footer-support-text {
  /* font-weight: 900; */
}

.mobile-footer-company-div-text {
  color: var(--font-color-1);
  font-size: 0.8em;
  font-weight: var(--font-family-regular);
  margin-bottom: 2px;
}

.mobile-footer-company-div-text > a {
  color: var(--font-color-1);
}

.mobile-footer-bottom-text-margin {
  margin-bottom: 12px;
}

.mobile-footer-bottom-text {
  margin-left: 6px;
  padding-top: 6px;
  font-size: 0.8em;
  font-weight: var(--font-family-bold);
  display: inline-flex;
}

.mobile-footer-bottom-menu-div {
  float: right;
  margin-top: -2px;
  margin-right: 5px;
}

.mobile-footer-bottom-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.mobile-footer-company-logo-div {
  /* display: flex; */
  margin-top: 10px;
}

.mobile-footer-bottom-text > a {
  color: var(--font-color-6);
}

.mobile-footer-talken-logo {
  width: 60px;
  margin-top: 5px;
}

.mobile-container-background-color {
  background-color: var(--background-color-1) !important;
}

.mobile-login-page-padding {
  padding-left: 15px;
  padding-right: 15px;
}

.mobile-login-page-sign-in {
  padding-top: 36px;
  padding-bottom: 36px;
  font-size: var(--font-size-26);
  color: var(--font-color-6);
}

.mobile-login-page-bottom-text-padding {
  padding-bottom: 21px;
}

.mobile-login-page-margin-bottom {
  margin-bottom: 8px;
}

.mobile-login-page-span-padding-right {
  padding-right: 10.5px;
  border-right: 1px solid var(--line-color-1);
}

.mobile-login-page-span-padding-left {
  padding-left: 10.5px;
}

.mobile-login-page-bottom-text {
  font-weight: var(--font-family-regular);
  font-size: 0.8em;
  color: var(--font-color-4);
  text-align: center;
}

.mobile-login-page-explain-text {
  color: var(--font-color-6);
  font-size: 1em;
  font-weight: var(--font-family-medium);
}

.mobile-recommend-bottom-list-layer {
  background: #ffffff;
  display: inline-block;
  width: -webkit-fill-available;
}

.mobile-view-recommend-bottom-list-layer {
  background: #ffffff;
  /* border-radius: 6px; */
  /* display: inline-block; */
  /* margin-left: 10px; */
  /* margin-right: 10px; */
  /* margin-bottom: 5px; */
  width: -webkit-fill-available;
}

.mobile-recommend-bottom-list-title {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--line-color-1);
  font-size: 1.05em;
  font-weight: var(--font-family-bold);
  color: #333;
  background-color: var(--background-color-2);
  border-top: 1px solid white;
}

.mobile-recommend-bottom-list-more {
  color: var(--font-color-6);
  font-weight: var(--font-family-regular);
}

.mobile-paper-recommend-card-content-title {
  cursor: pointer;
  font-size: 1.1em;
  font-weight: var(--font-family-regular);
  color: var(--font-color-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.mobile-paper-recommend-card-content-title > a {
  color: var(--font-color-2);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.mobile-paper-recommend-card-container {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}

.mobile-paper-recommend-card-content-block {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  height: auto;
}

.mobile-paper-recommend-card-no-thumbnail-block {
  padding-top: 60px;
}

.mobile-paper-recommend-card-user-info-block {
  display: inline-flex;
  width: 100%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mobile-paper-recommend-reaction-groups {
  position: absolute;
  right: 15px;
  align-self: center;
  display: flow-root;
  color: var(--font-color-6);
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-paper-recommend-reaction-upvote {
  width: 12px;
  height: 16.5px;
}

.mobile-paper-recommend-reaction-reply {
  width: 12px;
  height: 12px;
  margin-left: 13.5px;
}

.mobile-paper-recommend-card-token-icon-layer {
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
}

.mobile-paper-recommend-card-token-icon-layer img {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.mobile-paper-recommend-card-content-layer-100 {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  width: 100%;
  position: relative;
}

.mobile-list-container-title-div {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--line-color-1);
  color: var(--font-color-6);
  font-size: 1.05em;
}

.mobile-right-card-recent-wiki-edit-container {
  display: inline-block;
  margin-bottom: 15px;
  width: 100vw;
}

.mobile-margin-bottom {
  margin-bottom: 15px;
  width: 100%;
}

.mobile-right-card-recent-wiki-edit-span {
  width: 25%;
  height: 25%;
}

.mobile-right-container-token-image {
  width: 60%;
  height: 60%;
  margin: 20%;
}

.mobile-recent-hot-issue-div {
  padding-bottom: 15px;
}

.mobile-recent-hot-issue-post-list {
  vertical-align: middle;
  padding-top: 12px;
  padding-bottom: 12px;
  cursor: pointer;
  border-bottom: 1px solid var(--line-color-1);
  margin-left: 15px;
  margin-right: 15px;
}

.mobile-margin-bottom-9 {
  margin-bottom: 9px;
}

.mobile-recommend-reaction-text {
  color: var(--font-color-6);
  font-weight: var(--font-family-regular);
  font-size: 0.9em;
  margin-left: 9px;
}

.mobile-recommend-reply-text {
  color: var(--font-color-6);
  font-weight: var(--font-family-regular);
  font-size: 0.9em;
  margin-left: 9px;
}

.mobile-recent-hot-issue-nav-div {
  height: 60px !important;
  width: 100%;
  border-bottom: none;
  border-top: none;
  margin: 0 auto;
}

.mobile-recent-hot-issue-nav {
  background-image: none;
  box-shadow: none;
  border: none;
  background-color: #ffffff;
  height: 60px;
  min-height: 60px;
}

.mobile-recent-hot-issue-nav > .container {
  height: 60px;
}

.mobile-recent-hot-issue-nav > .container > ul {
  height: 60px;
}

.mobile-recent-hot-issue-nav > .container > ul > li {
  height: 60px;
  width: 33.3333%;
}

.mobile-recent-hot-issue-nav > .container > ul > li > a {
  height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  text-shadow: none;
  color: var(--font-color-2);
  border-bottom: 2px solid var(--line-color-1);
  font-weight: var(--font-family-regular);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 1.2em;
}

.mobile-recent-hot-issue-nav .navbar-nav > .active > a {
  background-image: none;
  background-color: #ffffff;
  border-bottom: 2px solid var(--font-color-15);
  color: var(--font-color-15);
  padding-top: 20px;
  padding-bottom: 20px;
}

.mobile-recent-hot-issue-nav .navbar-nav > li > a:hover {
  background-color: #ffffff;
  text-shadow: none;
  color: var(--font-color-15);
}

.mobile-recent-hot-issue-nav .navbar-nav > .active > a:hover {
  background-color: #ffffff !important;
  text-shadow: none;
  color: var(--font-color-15) !important;
}

.mobile-recent-hot-issue-text-sub {
  font-size: 0.9em;
  color: var(--font-color-6);
  font-weight: var(--font-family-regular);
}

.mobile-recent-hot-issue-text-title {
  font-size: 1.1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-family-regular);
}

.mobile-float-right {
  float: right;
}

.mobile-recommend-arrow-image {
  width: 10.5px;
  height: 24px;
}

.mobile-entrance-border-button > a {
  color: var(--font-color-1);
}

.mobile-post-item-thumbnail-wrapper {
  background-color: #000000;
  margin-right: 10px;
  border-radius: 7px;
}
.mobile-post-item-thumbnail {
  position: relative;
  padding-top: 65px; /* 100% = 1:1 ratio */
  padding-right: 95px;
  overflow: hidden;
  border-radius: 7px;
}

.mobile-post-item-thumbnail-centered {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
}

.mobile-post-item-thumbnail-img {
  transform: translate(-50%, -50%);
}

.mobile-post-item-layer {
  margin-top: 2px;
  margin-bottom: 6px;
}

.mobile-post-item-title {
  width: 100%;
  font-size: 16px;
  text-align: left !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 6px;
}

.mobile-post-item-info {
  display: unset;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 12px;
  line-height: 15px;
}

.mobile-post-item-user-info-common {
  display: flex;
  margin-right: auto;
  align-items: center;
}

.mobile-post-item-user-info {
  display: flex;
}

.mobile-post-item-user-avatar {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.mobile-post-item-text-layer {
  float: right;
  line-height: 20px;
}

.mobile-post-item-text {
  font-size: 0.9em;
  font-weight: 400;
  color:rgb(159,167,193);
  margin-left: 8px;
  display: inline-flex;
}

.mobile-forum-view-content {
  padding-left: 16px;
  padding-right: 16px;
  font-size: var(--font-size-14);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 24px;
  color: var(--font-color-2);
  min-height: 300px;
}

.mobile-forum-footer-button {
  /* margin-top: 1px; */
}

.mobile-announce-list-layer
  > .slick-slider
  > .slick-list
  > .slick-track
  > .slick-slide
  > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--font-color-1);
}

.mobile-recent-wiki-edit-container,
.mobile-recent-hot-issue-container {
  display: inline-block;
  width: 100%;
  margin-bottom: 6px;
}
.mobile-section-white-box {
  border-radius: 16px;
  box-shadow: rgb(228 230 235 / 80%) 10px 20px 15px 0px;
  background: #fff;
}

.mobile-search-popup-close-image {
  float: right;
  width: 40px;
  height: 40px;
}

.mobile-recent-post-arrow-image {
  width: 10.5px;
  height: 24px;
}

.mobile-board-reaction-image {
  margin: 4px 0px 0px 0px;
  height: 12px;
  width: 12px;
}

.mobile-board-write-header {
  padding: 5px 6px 5px 6px;
  background: #FFF;
}

.mobile-board-write-header > img {
  width: 40px;
  height: 40px;
}

.mobile-post-item-text-color {
  color: var(--font-color-6);
}

.mobile-board-reaction-padding {
  padding-left: 6px;
}

.mobile-forum-list-container-inner-padding {
  padding-top: 0px;
  padding-bottom: 20px;
}

.mobile-board-margin-bottom {
  margin-bottom: 12px;
  padding-top: 12px;
}

.mobile-forum-view-user-avatar-icon {
  margin-right: 8px;
  border-radius: 50%;
  margin-top: 1px;
}

.mobile-width-height-16 {
  width: 16px;
  height: 16px;
}

.mobile-width-height-20 {
  width: 20px;
  height: 20px;
}

.mobile-width-height-28 {
  width: 28px;
  height: 28px;
}

.mobile-forum-header-title {
  font-size: 1.6em;
  color: var(--font-color-2);
  font-weight: var(--font-family-medium);
  padding-left: 20px;
  padding-right: 20px;
  word-break: break-all;
}

.mobile-board-margin-top-bottom {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mobile-table-header-border-top-none {
  border-top: 5px solid #ffffff;
}

.mobile-recommend-user-name {
  color: var(--font-color-6);
  font-size: 0.9em;
  display: inline-flex;
}

.mobile-token-card-layer-popup-modal > .modal-dialog {
  width: 100% !important;
  transform: translate(0, 0%) !important;
  transition: none !important;
  position: relative !important;
  margin: 0 auto !important;
  top: 5% !important;
}

.mobile-token-card-layer-popup-modal > .modal-dialog > .modal-content {
  background-color: transparent !important;
  box-shadow: none;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-token-card-layer-popup-modal
  > .modal-dialog
  > .modal-content
  > .modal-header {
  display: contents;
}

.mobile-token-card-layer-popup-modal
  > .modal-dialog
  > .modal-content
  > .modal-header
  > button {
  font-size: var(--font-size-28) !important;
  color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  font-weight: var(--font-family-demi-light) !important;
  font-weight: unset !important;
  padding-bottom: 2px;
}

.mobile-token-card-layer-popup-modal
  > .modal-dialog
  > .modal-content
  > .modal-body {
  background-color: var(--background-color-2);
  border-radius: 8px;
  padding: 0px;
}

.mobile-token-card-layer-popup-modal
  > .modal-dialog
  > .modal-content
  > .modal-footer {
  display: none;
}

.mobile-token-card-layer-popup-button {
  width: 49%;
  height: 40px;
  text-shadow: none;
  box-shadow: none;
  color: #ffffff;
  background-image: none;
  font-size: var(--font-size-15);
  padding: 0px;
  font-weight: var(--font-family-medium);
  border-color: transparent;
}

.mobile-token-card-new-container {
  position: relative;
  width: 100%;
  min-height: 256px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-top: 12px;
  border-radius: 20px;
}

.mobile-token-page-left-card {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
}

.mobile-revision-margin-left {
  margin-left: 8px !important;
}

.mobile-margin-left-0 {
  margin-left: 0px !important;
  float: left;
}

.mobile-width-100 {
  width: 100%;
}

.mobile-board-forum-icon-url {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.mobile-tokens-first-black-div-text {
  font-size: 2.5em;
  height: auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: var(--font-color-7);
  font-weight: 700;
  font-family: 'Poppins';
  display: block;
  word-break: break-word;
}

.mobile-token-card-margin-bottom {
  margin-bottom: 18px;
}

.mobile-token-card-margin-top-0 {
  margin-top: 0px !important;
}

.mobile-forum-view-button {
  width: 23.5%;
  height: 36px;
}

.mobile-forum-view-has-not-own-button {
  width: 49% !important;
  height: 36px;
}

.mobile-margin-right {
  margin-right: 2%;
}

.mobile-token-content-history-button {
  width: 100%;
  height: 44px;
  margin-bottom: 10px;
}

.modal.in.mobile-popup > .modal-dialog {
  width: 98% !important;
}

.mobile-popup-button {
  width: 49%;
  height: 44px;
  border: none;
  box-shadow: none;
  text-shadow: none;
}

.mobile-border-top-none {
  border-top: 2px solid #ffffff;
}

.mobile-display-inline-flex {
  display: inline-flex;
  width: 100%;
}

.mobile-table-symbol {
  display: inline-block;
  float: left;
  width: auto;
}

.mobile-table-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  padding-top: 4.5px;
  padding-bottom: 4.5px;
}

.mobile-token-card-list-layer-content-title-div {
  background: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-token-card-list-layer-button-margin-left {
  margin-left: 1%;
}

.mobile-token-card-list-layer-button-margin-right {
  margin-right: 1%;
}

.mobile-token-card-layer-popup-token-name {
  margin-top: 6px;
  margin-bottom: 6px;
  color: var(--font-color-2);
  font-size: 1.4em;
  font-weight: var(--font-family-bold);
}

.mobile-token-card-layer-popup-token-symbol {
  margin-bottom: 20px;
  color: var(--font-color-6);
  font-size: 1.1em;
  font-weight: var(--font-family-medium);
}

.mobile-token-card-layer-token-symbol-div-margin {
  margin-bottom: 0px !important;
}

.mobile-my-written-log-table {
}

.mobile-my-written-log-table > thead > tr > th:nth-child(1) {
  width: 20%;
  vertical-align: middle;
}

.mobile-my-written-log-table > thead > tr > th:nth-child(2) {
  width: 55%;
  vertical-align: middle;
}

.mobile-my-written-log-table > thead > tr > th:nth-child(3) {
  width: 25%;
  vertical-align: middle;
}

.mobile-my-written-log-table > tbody > tr > td:nth-child(1) {
  text-align: center;
  padding: 0;
  vertical-align: middle;
  padding: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mobile-my-written-log-table > tbody > tr > td:nth-child(2) {
  padding: 0;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobile-my-written-log-table > tbody > tr > td:nth-child(3) {
  text-align: center;
  vertical-align: middle;
  padding-left: 0px;
  padding-right: 0px;
}

.mobile-announce-board-tbody-border-top {
  border-top: 2px solid #ffffff;
}

.mobile-token-point-table-box {
  padding-left: 15px;
  padding-top: 12px;
  padding-right: 15px;
  padding-bottom: 20px;
}

.mobile-token-point-table {
}

.mobile-token-point-table > tbody > tr > td {
  text-align: center;
  border-top: none;
  padding: 0px;
}

.mobile-account-item-container-430 {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.mobile-account-item-container-child-430 {
  float: inherit;
  width: 100%;
  margin-bottom: 10px;
}

.mobile-account-item-accumulate-score-right {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 20px;
  padding-bottom: 12px;
  text-align: center;
}

.mobile-score-daily-attendance-right-left-box {
  /* width: 45%; */
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
  margin-right: 5%;
}

.mobile-score-daily-attendance-right-right-box {
  width: 45%;
  height: 100%;
  float: left;
  text-align: center;
  margin-left: 5%;
}

.mobile-score-total-value-width {
  width: 50% !important;
}

.mobile-token-point-container {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.mobile-token-point-left-box {
  width: 100%;
  padding-left: 12px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 10px;
}

.mobile-token-point-right-box {
  width: 100%;
  padding-left: 12px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}



.mobile-score-accumulate-right-first {
  width: 18.75%;
  height: 100%;
  margin-right: 3%;
  float: left;
}

.mobile-score-accumulate-right-second {
  width: 100%;
  height: 100%;
  /* margin-left: 3.25%;
  margin-right: 3.25%; */
  float: left;
}

.mobile-score-accumulate-right-third {
  width: 18.75%;
  height: 100%;
  margin-left: 3%;
  float: left;
}

.mobile-account-small-container {
  float: left;
  width: 100%;
  /* margin-bottom: 16px; */
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.mobile-mypage-small-container-div {
  margin-left: 5px;
  margin-right: 5px;
  display: grid;
}

.mobile-account-user-info-block-display {
  display: inline-flex;
}

.mobile-account-long-container-content-padding {
}

.mobile-account-user-info-size {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.mobile-account-long-container-margin {
  position: relative;
  /* padding-top: 20px !important; */
  /* padding-bottom: 20px !important; */
  top: -30px;
}

.mobile-display-inline-block {
  display: inline-block !important;
}

.mobile-account-popup-class {
}

.mobile-account-popup-class > .modal-dialog {
  width: 98% !important;
  height: 100% !important;
  top: 25% !important;
}

.mobile-account-popup-class > .modal-dialog > .modal-content {
  border: none;
}

.mobile-account-popup-class > .modal-dialog > .modal-content > .modal-header {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 700;
}

.mobile-banner-popup-class > .modal-dialog {
  width: 98% !important;
  height: 100% !important;
  top: 25% !important;
}

.mobile-banner-popup-class > .modal-dialog > .modal-content {
  border: none;
  border-radius: 0px;
  max-width: 500px;
  position: absolute;
  background: rgba(255, 255, 255, 0);
  margin: 0px;
  max-height: unset;
  box-shadow: none;
  top: -150px;
}

.mobile-banner-modal-body {
  width: 100%;
  padding: 0px;
}

.mobile-banner-close-button-div {
  width: 30px;
  float: right;
  margin: 0px 15px 10px 0px;
}

.mobile-banner-close-button-image {
  width: 100%;
  cursor: pointer;
}

.mobile-banner-popup-image {
  width: 95%;
  margin: 0px 10px 0px 0px;
}

.mobile-banner-click-area {
  cursor: pointer;
  position: absolute;
  cursor: pointer;
  top: 5%;
  left: 50%;
  width: 91%;
  height: 90%;
  transform: translateX(-50%);
}

.mobile-banner-footer-div {
  cursor: pointer;
  color: #ffffff;
  font-size: 16px;
  width: 155px;
  margin: 18px 0px 60px 10px;
  text-decoration: underline;
}

.mobile-share-link-popup-class {
}

.mobile-share-link-popup-class > .modal-dialog {
  /* width: 98% !important;
  height: 100% !important;
  top: 25% !important; */
}

.mobile-share-link-popup-class > .modal-dialog > .modal-content {
  border: none;
}

.mobile-mypage-padding-left-right-5 {
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.mobile-mypage-padding-left-right-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-mypage-padding-left-right-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.mobile-content-container {
  width: 100% !important;
}

.mobile-common-datetime-text {
  font-size: var(--font-size-11);
  color: var(--font-color-6);
  letter-spacing: 1px;
  font-weight: var(--font-family-regular);
  padding-top: 2px;
}

.mobile-display-initial {
  display: inline;
  display: initial;
}

.mobile-padding-board-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.mobile-padding-left-right-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.mobile-main-page-token-card-section {
  height: 315px;
  overflow-x: scroll;
  width: 100%;
  display: inline-flex;
}

.mobile-paper-card-content-layer {
  width: 100% !important;
  overflow-x: hidden !important;
}

.mobile-paper-card-content-layer-100 {
  display: inline-block;
  width: 100%;
  position: relative;
}

.mobile-paper-card-content-layer-100 > .small-paper-card-content-text {
  margin-left: inherit;
  margin-right: inherit;
  width: 100%;
}

.mobile-reply-reply-component {
  padding-left: 12px;
}

.mobile-reply-edit-report-buttons {
  margin-left: 12px;
}

.mobile-reply-input-font-size {
  font-size: 11px;
}

.mobile-re-reply-input-button {
  background: white !important;
  font-size: 0.87em !important;
  border: unset !important;
  background-image: none;
  background-color: white;
  box-shadow: none;
  border-color: transparent;
  color: rgb(194,197,207)  !important;
  border-radius: 0px;
}
.mobile-re-reply-input-button > img {
  margin-left: 5px;
}

.mobile-re-reply-input-button:hover {
  background: white !important;
  color: rgb(194,197,207) !important
}

.mobile-re-reply-input-button:active {
  background: white !important;
  color: #2c8cff !important;
}

.mobile-mypage-modal-body {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 3vw;
  padding-right: 3vw;
  display: inline-block;
  width: 100%;
  min-height: unset;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

.mobile-mypage-in-modal-body-div {
}

.mobile-account-input-form-in-detail-popup {
  width: 64vw !important;
  height: 28px;
  margin-right: 12px !important;
  padding-left: 12px;
  padding-bottom: 4px;
  color: var(--font-color-6) !important;
  padding: 4px 8px;
}

.mobile-account-popup-button {
  width: 74px !important;
}

.mobile-my-page-phone-auth-modal-body {
  padding-left: 4vw;
  padding-right: 4vw;
}

.mobile-account-page-padding-right {
  padding-right: 2vw;
}

.mobile-account-login-text {
  margin-right: 1vw !important;
}

.mobile-account-item-nickname-input-form {
  width: 38vw;
  display: inline-flex;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border: 1px solid var(--line-color-1);
  padding-left: 8px;
}

.mobile-account-margin-left {
  margin-left: 1vw;
}

.mobile-account-camera-image-size {
  width: 28px;
  height: 28px;
  margin-left: -22px;
  margin-top: 64px;
}

.mobile-account-camera-image-size:hover {
  content: url(/images/camera_image_hover.png);
}

.mobile-padding-bottom-20 {
  padding-bottom: 20px;
}

.mobile-account-user-info-login-text {
  display: flex;
  padding-left: 12px;
  padding-bottom: 12px;
}

.mobile-margin-right-12 {
  margin-right: 12px;
}

.mobile-margin-right-40 {
  margin-right: 40px !important;
}

.mobile-margin-left-12 {
  margin-left: 12px;
}

.mobile-my-written-log-table-padding {
  padding-left: 12px;
  padding-top: 20px;
  padding-right: 12px;
  padding-bottom: 20px;
}

.mobile-padding-right-12 {
  padding-right: 12px;
}

.mobile-paper-card-posttype-text {
  background: var(--font-color-7);
  color: var(--font-color-1);
  padding: 5px;
  border-radius: 4px;
  float: right;
  margin-top: 2px;
}

.mobile-my-wriiten-log-symbol-text {
  background: var(--font-color-7);
  color: var(--font-color-1);
  padding: 4px;
  display: inline-block;
  float: left;
  width: auto;
  border-radius: 4px;
  margin-right: 15px;
  font-size: 0.9em;
  padding-top: 5px;
}

.mobile-my-written-log-table-tbody-tr {
  border-radius: 15px;
  box-shadow: 10px 10px 30px 0px rgb(0 0 0 / 12%);
  height: 86px !important;
  background: #ffffff;
  padding: 10px;
  margin-top: 10px;
}

.mobile-my-wriiten-log-datetime {
  margin-left: 46px;
  text-align: left;
  color: var(--font-color-6);
  font-size: 12px;
  font-weight: 400;
}

.mobile-my-written-log-icon-url {
  width: 32px;
  height: 32px;
  margin-right: 15px;
}

.mobile-my-written-log-title {
  margin-bottom: 5px;
  height: unset !important;
}

.mobile-score-table-padding-top-bottom {
  padding-top: 20px;
  padding-bottom: 12px;
}

.mobile-score-table-padding-left-right {
  padding-left: 12px;
  padding-right: 12px;
}

.mobile-score-table > thead > tr > th {
  padding-left: 6px;
  padding-right: 6px;
}

.mobile-spinner {
  min-width: 100%;
  min-height: 1000px;
  height: 100%;
}

.mobile-token-point-table-container {
  display: table-cell;
  /* border-bottom: 1px solid var(--line-color-1); */
  padding-top: 8px;
  padding-bottom: 30px;
}

.mobile-token-point-table-div {
  display: inline;
  display: initial;
}

.mobile-token-point-table-div .img-check img {
float: left;
width: 25px;
height: 25px;
}

.mobile-token-point-category-text {
  display: inline-block;
  padding: 4px;
  background: var(--line-color-1);
  color: var(--font-color-2);
  border-radius: 4px;
  float: left;
}

.mobile-token-point-title-text {
  color: rgb(159,167,193);
  margin-left: 8px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin-top: 3px;
  /* float: left; */
}

.mobile-token-point-change-token-point-value-text {
  display: inline-block;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 16px;
  float: right;
  color: var(--font-color-1);
}

.mobile-token-point-dist-status-text {
  font-size: 13px;
  font-weight: var(--font-family-regular);
  margin-left: 15px;
  color: rgb(194,197,207);
}

.mobile-token-point-datetime-text {
  font-weight: var(--font-family-regular);
  color: var(--font-color-6);
  font-size: 12px;
}

.mobile-token-point-bottom-div {
  float: right;
  margin-top: 8px;
  width: 100%;
  text-align: right;
}

.mobile-my-page-account-user-info-approvement-div {
  margin-top: 10px;
  padding-left: 12px;
}

.mobile-padding-top-10 {
  padding-top: 10px;
}

.mobile-width-90 {
  width: 90%;
}

.mobile-font-color-13 {
  background: var(--font-color-13);
}

.mobile-font-color-14 {
  background: var(--special-color-3);
}

.mobile-account-page-title {
  margin-bottom: 10px;
  height: unset !important;
}

.mobile-header-banner-close-button {
  float: right;
  position: absolute;
  right: 0;
}

.mobile-main-entrance-banner-div {
  margin-bottom: 30px;
}

.mobile-padding-top-10 {
  padding-top: 10px;
}

.mobile-score-total-value {
  width: 50%;
  display: inline-flex;
}

.mobile-display-grid {
  display: grid !important;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px !important;
  bottom: 30px !important;
  left: 30px !important;
  right: 30px !important;
  position: fixed !important;
  z-index: 21000 !important;
}

.mobile-account-my-referer-container {
  padding: 12px;
}

.mobile-my-page-my-referer-code-text-input {
  width: 62vw;
  display: inline-block;
  margin-right: 7px;
  border: 1px solid var(--line-color-1);
  padding-left: 4px;
  color: var(--font-color-2);
  font-size: 1em;
  font-weight: var(--font-family-demi-light);
}

.mobile-height-100 {
  height: 100vh !important;
}

.mobile-recent-forum-symbol-container {
  -o-object-fit: contain;
     object-fit: contain;
  align-self: center;
  margin-right: 12px;
}

.mobile-recent-forum-symbol-container img {
  width: 32px;
  height: 32px;
}

.mobile-paper-main-card-content-text {
  color: var(--font-color-5);
  /* 운영자 추천글 ellipsis 제거 */
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;*/
  white-space: pre-line;
  word-break: break-all;
  width: 100%;
  font-size: 1em;
}

.mobile-paper-main-card-content-text > a {
  color: var(--font-color-5);
}

.mobile-margin-left-8 {
  margin-left: 8px;
}

.mobile-main-page-recommend-bottom-banner {
  display: inline-block;
}

.mobile-paper-main-card-inner-container {
  padding-bottom: 16px;
  border-top: 1px solid #555555;
  padding-top: 20px;
}

.mobile-forum-view-right-button {
  width: 31.5%;
  height: 36px;
  font-size: 16px;
  margin-bottom: 20px;
}

.mobile-forum-view-right-button > img {
  margin-bottom: 5px;
  margin-right: 2px;
  margin-left: 2px;
}

.mobile-reply-input-container {
  display: inline-block;
  width: 100%;
}

.mobile-reply-input-form-block {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.mobile-forum-view-reaction-div-padding {
  background: white;
  /* margin-bottom: 10px; */
  border-color: white;
  display: block;
  text-align: right;
  /* margin-top: 10px; */
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-reply-input-button-block {
  width: 100% !important;
  margin-top: 12px;
  display: inline-block;
}

.mobile-reply-buttons {
  width: 20%;
}

.mobile-reply-input-register-button {
  height: 70px !important;
  width: 64px;
  text-shadow: none;
  background: rgb(32,97,226) !important;
    color: #ffffff!important;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.mobile-reply-input-cancel-button {
  width: 100% !important;
  height: 36px !important;
  background: #979eaf;
  color: #ffffff;
  text-shadow: none;
}

.mobile-margin-left-2 {
  margin-left: 2%;
}

.mobile-forum-body-token-content-padding-left-right {
  padding-left: 16px;
  padding-right: 16px;
}

.mobile-padding-bottom-6 {
  padding-bottom: 6px;
  padding-right: 0.2em;
}

.mobile-reaction-section-margin-top {
  margin-top: 32px;
  text-align: center;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
}

.mobile-reaction-section-margin-top > a {
  margin: 0.1em;
}

.mobile-forum-write-button {
  width: 49%;
  height: 44px;
}

.mobile-forum-write-container-inner-padding {
  padding-top: 5px;
  padding-bottom: 30px;
}

.mobile-reply-container-margin {
  padding-top: 12px;
  padding-bottom: 8px;
}

.mobile-reaction-nudge-text {
  color: var(--font-color-6);
  text-align: center;
  font-size: 0.9em;
}

.mobile-reaction-nudge-text-div {
  width: 100%;
  display: block;
}

.mobile-reaction-nudge-text-box-active {
  width: 100%;
  background: #0d3290;
  color: #ffffff;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  margin-top: 4px;
  font-size: 0.95em;
  font-weight: var(--font-family-medium);
}

.mobile-reaction-nudge-text-box {
  width: 100%;
  background: #82addb;
  color: #ffffff;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  margin-top: 4px;
  font-size: 0.95em;
  font-weight: var(--font-family-medium);
}

.mobile-reaction-nudge-text-box-en {
  width: 100%;
  background: #82addb;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  margin-top: 4px;
  font-size: 0.95em;
  font-weight: var(--font-family-medium);
}

@keyframes flickerAnimation {
  0% {
    opacity: 1;
    background: #82addb;
  }
  50% {
    opacity: 1;
    background: #0d3290;
  }
  100% {
    opacity: 1;
    background: #82addb;
  }
}

.mobile-animated-flicker {
  animation: flickerAnimation 1.2s linear;
  width: 100%;
  background: #82addb;
  color: #ffffff;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding: 8px;
  border-radius: 5px;
  margin-top: 4px;
  font-size: 0.95em;
  font-weight: var(--font-family-medium);
}

.mobile-token-card-layer-list-container {
  width: 100%;
  display: inline-block;
  padding-left: 7px;
  padding-right: 7px;
}

.mobile-token-card-layer-list-container-bottom {
  padding-left: 10px;
  padding-right: 21px;
  padding-bottom: 10px;
  margin-bottom: -8px;
  display: inline-block;
  float: right;
}

.mobile-post-item-title-span {
  margin-left: 5%;
  color: var(--font-color-4);
}

.mobile-tokens-first-black-card-list-div {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  padding-left: 28px;
  padding-right: 28px;
}

.mobile-tokens-second-black-div-text {
  font-size: 1.3em;
  width: 100%;
  color: var(--font-color-1);
  font-weight: var(--font-family-medium);
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

.mobile-tokens-first-gray-div-text {
  font-size: 1.3em;
  width: 100%;
  color: var(--font-color-2);
  font-weight: var(--font-family-medium);
  margin-top: 22px;
  margin-bottom: 12px;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

.mobile-tokens-card-align {
  display: inline-block;
  width: 100%;
  padding-left: 28px;
  padding-right: 28px;
}

.mobile-token-card-type-default {
  height: 404px;
}

.mobile-token-card-symbol {
  margin-bottom: 20px;
  padding-top: 10px;
}

.mobile-common-button-toolbar {
  display: flex;
  justify-content: flex-end;
  padding-top: 30px;
  background: #fff;
  margin-top: -15px;
}

.mobile-common-radius-container {
  background: #ffffff;
}

.mobile-common-radius-container-no-thumbnail {
  background: #ffffff;
  height: 48px;
  border-bottom: 1px solid var(--line-color-1);
}

.mobile-token-card-latest-update-text {
  text-align: right;
  color: var(--font-color-5);
  font-weight: var(--font-family-regular);
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 0.875em;
}

.mobile-token-card-link-text {
  font-size: 0.95em !important;
  color: var(--font-color-7) !important;
}

.mobile-token-card-layer-popup-sub-text {
  word-wrap: break-word;
  text-align: right;
  width: 200px;
  word-wrap: break-word;
  text-align: right;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.mobile-token-card-layer-popup-sub-text-span {
  font-size: 1.05em;
}

.mobile-token-card-token-explain-text {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  /* background-color: var(--line-color-4); */
  font-size: 0.95em;
  color: var(--font-color-4);
  font-weight: var(--font-family-regular);
  text-align: center;
  border-radius: 4px;
  height: 54px;
  position: relative;
  top: -10px;
}

.mobile-token-card-layer-popup-sub-title {
  font-weight: var(--font-family-medium);
  color: var(--font-color-6);
  font-size: 1em !important;
}

.mobile-token-card-layer-list-container-content-fixed {
  height: 276px !important;
}

.mobile-token-card-color-div {
  margin-left: -16px;
  margin-right: -16px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-top: -12px;
  height: 100px;
  margin-bottom: 8px;
  height: 120px;
}

.mobile-view-bottom-ad-box {
  border-radius: 6px;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  width: -webkit-fill-available;
}

.mobile-wallet-left-item-container {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

.mobile-account-item-wallet-list {
  height: auto;
  background: rgb(248,250,255);
  margin-top: 5px;
}

.mobile-nft-item-wallet-list {
  height: auto;
  background: rgb(248,250,255);
}

.mobile-wallet-list-item-width {
  width: 100%;
}

.mobile-wallet-detail-modal-class {
}

.mobile-wallet-detail-modal-class > .modal-dialog {
  width: 100% !important;
  height: 100% !important;
  top: 0px !important;
  /* position: fixed!important; */
}

.mobile-wallet-detail-modal-class > .modal-dialog > .modal-content {
  width: 100% !important;
  height: 100% !important;
  border-radius: unset;
  border: unset;
}

.mobile-wallet-detail-modal-class
  > .modal-dialog
  > .modal-content
  > .modal-header {
  background-color: var(--background-color-1);
  height: 66px !important;
  color: var(--font-color-2);
  padding: 12px;
  border-bottom: 1px solid var(--line-color-1) !important;
  padding-left: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mobile-wallet-detail-modal-class
  > .modal-dialog
  > .modal-content
  > .modal-body
  > div {
  width: 100% !important;
  height: 100% !important;
  border-radius: unset;
  border: unset;
  padding: 0px;
  overflow: scroll !important;
}

.mobile-wallet-detail-modal-class
  > .modal-dialog
  > .modal-content
  > .modal-header
  > .modal-title {
  display: inline-block;
  width: 100%;
}

.mobile-wallet-detail-modal-class
  > .modal-dialog
  > .modal-content
  > .modal-header
  .close {
  display: none !important;
}

.mobile-wallet-detail-modal-class
  > .modal-dialog
  > .modal-content
  > .modal-body {
  padding: 0px;
  overflow: scroll;
}

.mobile-wallet-item-detail-container {
  padding: 0px;
}

.mobile-wallet-go-back-image {
  width: 16px;
  height: 40px;
  margin-top: 5px;
}

.mobile-wallet-list-item-detail-result {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-weight: var(--font-family-bold);
  border-bottom: 1px solid #eaeaea;
}

.mobile-wallet-list-item-result-list-layer {
  padding: 20px 18px 10px 18px;
  font-weight: var(--font-family-medium);
  height: 135px;
}

.mobile-wallet-detail-popup-button-group {
  display: flex;
  margin-top: 35px;
}

.mobile-wallet-button-margin-left-10 {
  margin-left: 10px;
}

.mobile-account-item-wallet-tx-list {
  padding-bottom: 140px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 20px !important;
  background: rgb(248,250,255);
}

.mobile-receive-modal-class {
  top: 0px;
  width: 100%;
  height: 100%;
}

.mobile-receive-modal-class > .modal-dialog {
  top: 0px !important;
  width: 100% !important;
  height: 100%;
  background-color: #ffffff;
}

.mobile-receive-modal-class > .modal-dialog > .modal-content {
  height: 100%;
  box-shadow: none;
  border: none;
  width: 100%;
  border-radius: unset;
}

.mobile-wallet-detail-token-image-rounding {
  width: 54px;
  height: 54px;
}

.mobile-wallet-token-image-rounding {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  float: left;
  display: inline-table;
}

.mobile-wallet-receive-popup-first-div {
  display: inline-block;
  margin-top: 6px;
}

.mobile-receive-popup-email-icon {
  margin-left: 5px;
  width:25px;
  height:25px;
}

.mobile-receive-popup-qr-div-head-text {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}

.mobile-send-popup-qr-div-head-text {
  font-size: 1em;
  color: var(--font-color-2);
  margin-bottom: 8px;
  margin-top: 24px;
  text-align: left;
  font-weight: var(--font-family-regular);
}
.common-display-flex.write-title-margin-bottom-4 {
  background: rgb(248,249,251);
  border-radius: 9px;
  margin-top: 20px;
}
.mobile-margin-bottom-181-px .mobile-receive-popup-inner-body .mobile-send-popup-contents-layer .valid-address {
  text-align: right;
  font-size: 14px;
  padding-top: 10px;
  color: rgb(32,97,226);
}
.mobile-margin-bottom-181-px .mobile-receive-popup-inner-body .mobile-send-popup-contents-layer .invalid-address {
  text-align: right;
  font-size: 14px;
  padding-top: 10px;
  color: rgb(32,97,226);
}
.mobile-send-popup-copy-images .cls-1 {
  fill: #9fa7c1;
}
.mobile-receive-popup-copy-input-addr {
  text-align: center;
  resize: none;
  width: 100%;
  /* height: 76px; */
  margin-right: 0px;
  background: none;
  border: none;
  font-weight: 400;
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;
  /* padding-top: 14px; */
}
textarea::-moz-placeholder {
  color: white;
}
textarea::placeholder {
  color: white;
}

.mobile-receive-popup-address-button {
  display: inline;
}

.mobile-receive-popup-email-text {
  text-align: center;
  resize: none;
  width: 100%;
  /* height: 76px; */
  background: none;
  border: none;
  font-weight: 700;
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;
  /* padding-top: 14px; */
}

.mobile-receive-popup-qr-copy-button {
  height: 42px;
  width: 42px;
  margin-top: 16px;
  font-weight: var(--font-family-regular) !important;
  text-shadow: none;
  border-color: transparent;
  box-shadow: none;
}

.mobile-receive-popup-qr-copy-text {
  color: #395bb8;
  text-decoration: underline;
}

.mobile-receive-linear-gradient {
  /* height: 15px;
  margin-bottom: -1px; */
  /* background-image: linear-gradient(to bottom, #d4d4d4 0, #edeeef 100%); */
}

.mobile-receive-popup-qr-code-layer {
  border-radius: 15px;
  padding-top: 34px;
  padding-bottom: 32px;
  text-align: center;
  display: flex;
  justify-content: center;
  /* background-color: var(--background-color-2); */
}
.copy-code-qr {
  margin-top: 48px !important;
  font-size: 20px;
  background: rgb(32,97,226);
  padding: 13px;
  width: 90%;
  margin: auto;
  margin-bottom: 48px;
  border-radius: 20px;
  color: white;
}
.mobile-receive-popup-qr-code {
  border-radius: 15px;
  width: 230px;
  height: 230px;
  padding: 15px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 3px 3px 9px -2px rgba(0, 0, 0, 0.6);
}

.mobile-send-popup-request-send-button {
  width: 100%;
  text-align: center;
  height: 42px;
}

.mobile-send-popup-send-amount-text-input {
  text-align: right;
  width: 100%;
  height: 48px;
  border: unset !important;
  padding-left: 15px;
  padding-right: 75px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: var(--font-family-medium);
  font-size: 1.25em;
  color: var(--font-color-2) !important;
  font-weight: 700;
}

.mobile-send-popup-first-div {
  color: rgb(159,167,193);
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.mobile-send-popup-second-div {
  margin-top: 0px;
  display: inline-block;
  width: 100%;
  font-weight: var(--font-family-regular);
}

.mobile-account-item-layer {
  /* border-bottom: 1px solid var(--line-color-1); */
  /* padding: 0 15px 0 5px; */
}

.mobile-no-wallet-list-container {
  min-height: 100vh;
  padding: 15px;
  text-align: center;
}

.mobile-wallet-list-container {
  min-height: 100vh;
  text-align: center;
}

.mobile-no-exist-wallet-main-container {
  background-color: var(--background-color-1) !important;
  position: relative;
  float: left;
  margin: 0 auto;
  padding: 15px;
  width: 100%;
}

.mobile-exist-wallet-main-container {
  background-color: var(--background-color-1) !important;
  padding-bottom: 0px !important;
}

.mobile-wallet-not-found-container {
  margin: 88px auto;
}

.mobile-wallet-not-found-title-text {
  font-weight: var(--font-family-regular);
  font-size: 1.4em;
  color: var(--font-color-2);
}

.mobile-wallet-not-found-button-div {
  margin-top: 88px;
  margin-bottom: 28px;
}

.mobile-wallet-not-found-my-page-text {
  color: var(--font-color-13);
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-not-found-my-page-text > div > span {
  display: inline-block;
  border-bottom: 1px solid var(--font-color-13);
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-not-found-my-page-text > div > span > a {
  color: var(--font-color-13);
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-not-found-my-page-text > div > span > a:focus,
.mobile-wallet-not-found-my-page-text > div > span > a:hover {
  text-decoration: none;
}

.mobile-wallet-not-found-guide-text {
  display: inline-block;
  border-bottom: 1px solid var(--font-color-2);
}

.mobile-wallet-not-found-guide-text > a {
  color: var(--font-color-2);
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-not-found-guide-text > a:hover,
.mobile-wallet-not-found-guide-text > a:focus {
  text-decoration: none;
}

.mobile-wallet-denied-popup-first-div {
  font-weight: var(--font-family-regular);
  font-size: 1em;
  margin-top: 32px;
  margin-bottom: 52px;
  color: var(--font-color-13);
}

.mobile-wallet-denied-popup-second-div {
  font-weight: var(--font-family-regular);
  font-size: 1em;
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--font-color-4);
  font-size: 1.25em;
}

.mobile-wallet-denied-popup-third-div {
  font-weight: var(--font-family-regular);
  font-size: 1em;
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--font-color-4);
  font-size: 1.25em;
}

.mobile-wallet-denied-popup-fourth-div {
  font-weight: var(--font-family-regular);
  font-size: 1em;
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--font-color-4);
  font-size: 1.25em;
}

.mobile-wallet-denied-popup-firth-div {
  font-weight: var(--font-family-regular);
  font-size: 1em;
  display: inline-block;
  border-bottom: 1px solid var(--line-color-2);
  margin-top: 32px;
}

.mobile-wallet-denied-popup-firth-div > a {
  font-weight: var(--font-family-regular);
  font-size: 1em;
  color: var(--font-color-2);
}

.mobile-wallet-denied-popup-firth-div > a:focus,
.mobile-wallet-denied-popup-firth-div > a:hover {
  text-decoration: none;
}

.mobile-wallet-list-item-icon {
  width: 40px;
  height: 40px;
  margin: 5px;
}

.mobile-detail-wallet-item-border-radius-none {
  border-radius: 0px !important;
}

.mobile-detail-wallet-item-gray-background {
  border-radius: 0px !important;
  background-color: rgb(248,250,255);
  padding: 1px;
}

.mobile-no-exist-wallet-error-popup {
}

.mobile-no-exist-wallet-error-popup > .modal-dialog {
  width: 100% !important;
}

.mobile-wallet-denied-box-container {
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 32px;
  padding-right: 32px;
  background: var(--background-color-6);
  text-align: left;
}

.mobile-wallet-dont-use-send-action-first-div {
  font-size: 1em;
  font-weight: var(--font-family-regular);
  color: var(--font-color-13);
}

.mobile-dont-use-send-action-modal-body {
  padding-top: 34px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
  min-height: 176px;
  vertical-align: middle;
  font-size: var(--font-color-14);
  margin-top: 0px;
  margin-bottom: 0px;
}

.mobile-wallet-dont-use-send-action-android-div {
  padding-top: 50px;
  padding-bottom: 50px;
}

.mobile-wallet-dont-use-send-action-ios-div {
  padding-top: 18px;
}

.mobile-wallet-dont-use-send-action-device-title {
  font-weight: var(--font-family-regular);
  margin-bottom: 16px;
  font-size: 1em;
  color: var(--font-color-2);
}

.mobile-wallet-dont-use-send-action-device-title-sub {
  margin-bottom: 15px;
  color: var(--font-color-4);
  font-size: 1.1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-dont-use-send-action-download-box {
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
  background: var(--background-color-6);
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.mobile-wallet-dont-use-send-action-download-div {
  display: flex;
  width: 100%;
}

.mobile-wallet-dont-use-send-action-span {
  margin-bottom: 10px;
  display: block;
}

.mobile-wallet-dont-use-send-action-download-image {
  height: 52px;
  width: 100%;
}

.mobile-wallet-dont-use-send-action-talken-logo-image {
  width: 52px;
}

.mobile-popup-inline-flex {
  display: inline-flex;
}

.mobile-wallet-margin-left-10 {
  margin-left: 10px;
}

.mobile-margin-left-8 > .dropdown {
  z-index: 1000;
  float: none !important;
}

.mobile-margin-left-8 > .dropdown.open > .dropdown-menu {
  position: absolute !important;
  width: 66px;
  min-width: 66px;
  background: var(--background-color-1);
  margin: 1px 0px 0px;
  border-radius: 12px !important;
  box-shadow: none;
  border-color: var(--line-color-1);
}

.mobile-margin-left-8 > .dropdown.open > .dropdown-toggle.btn-default:focus,
.mobile-margin-left-8 > .dropdown.open > .dropdown-toggle.btn-default:hover {
  color: var(--font-color-2) !important;
  border-color: var(--line-color-1);
  background: #f9f9f9 !important;
}

.mobile-margin-left-8 > .dropdown.open > .dropdown-menu > li > a {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  border-radius: 12px !important;
  color: var(--font-color-6);
  font-size: 0.9em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-total-balance-view-container {
  /* background-color: #395bb8; */
  /* justify-content: center; */
  display: flex;
  margin-bottom: -10px;
}

.mobile-wallet-total-balance-layer {
  /* margin: 0px 0px 0px 10px; */
  /* padding: 10px 0px 15px 0px; */
  font-size: medium !important;

}

.mobile-wallet-total-balance-view-first-div {
  background-color: #1a3488;
  width: 130px;
  height: 24px;
  line-height: 25px;
  font-weight: var(--font-family-regular);
  font-size: 0.9em;
  color: #ffffff;
  display: inline-block;
}

.mobile-wallet-total-balance-view-content-layer {
  background: #2b4ba5;
  height: 100px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -10px;
  padding: 20px;
}

.mobile-wallet-total-balance-view-second-div {
  display: inline-flex;
  align-items: center;
}

.mobile-wallet-total-wallet-amount-text {
  position: relative;
  /* color: rgb(32,97,226); */
  color: #000;
  font-size: 40px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 700;
  /* top: 3px; */
}
.mobile-wallet-total-balance-view-dropdown-div .mobile-margin-top-9  {
  word-wrap: break-word;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  margin-top: 2px;
  color: #969fb0;
}
.mobile-wallet-total-balance-view-dropdown-layer {
  height: 28px;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mobile-wallet-total-balance-view-currency {
  margin-left: 4px;
  margin-right: 4px;
  white-space: nowrap;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 14px;
}

.mobile-wallet-total-balance-view-dropdown-select-layer {
  width: 86px;
}

.mobile-wallet-total-balance-view-dropdown-select-layer > div {
  border-color: unset !important;
  border-style: unset !important;
  background: unset !important;
  margin-top: 5px;
}

.mobile-wallet-total-balance-view-dropdown-select-layer > div > :nth-child(1) > div {
  /* color: rgb(32,97,226); */
  color: #000;
  /* font-weight: var(--font-family-bold); */
}

.mobile-wallet-total-balance-view-dropdown-select-layer > div > :nth-child(2) > div {
  /* color: rgb(32,97,226); */
  color: #000;
  padding: 8px 10px 8px 0px;
  position: relative;
  margin-right: 10px;
}

.mobile-wallet-total-balance-view-dropdown-div {
  font-weight: var(--font-family-regular);
  color: #ffffff;
  font-size: 0.9em;
  margin-top: -10px;
}

.mobile-margin-left-4 {
  margin-left: 4px;
}

.mobile-margin-bottom-4 {
  margin-bottom: 4px;
}

.mobile-margin-left-8 > .dropdown > .wallet-total-balance-dropdown {
  border: 1px solid var(--line-color-1);
  border-radius: 12px !important;
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  padding-left: 9.5px;
  padding-right: 8.5px;
  width: 66px !important;
}

.mobile-wallet-popup-icon-image {
  width: 24px;
  height: 24px;
  margin-top: -6px;
}

.mobile-wallet-detail-token-name {
  width: 100%;
  text-align: left;
  padding-bottom: 10px;
  font-size: 1.1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-detail-token-balance {
  width: 100%;
  text-align: center;
  padding-top: 4px;
  font-size: medium !important;
  font-size: initial !important;
}

.mobile-wallet-list-item-detail-main-text {
  margin-bottom: 8px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 20px !important;
  padding-bottom: 12px !important;
}

.mobile-wallet-detail-token-balance-text {
  color: white;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: -5px;
}

.mobile-wallet-detail-krw-balance-text {
  color: #FFF;
  font-size: 0.9em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-detail-token-name-span {
  color: white;
  margin-left: 8px;
  font-size: 22px;
  font-weight: bold;
}

.mobile-wallet-detail-token-name-platform-span {
  color: var(--font-color-6);
  margin-left: 8px;
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-diff-modal-header {
  z-index: 20000;
}

.mobile-diff-modal-header > .modal-dialog {
  height: 100%;
}

.mobile-diff-modal-header > .modal-dialog > .modal-content > .modal-header {
  text-align: center;
  background: var(--background-color-1);
  border-bottom: 1px solid var(--line-color-1);
  height: 66px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mobile-receive-modal-class > .modal-dialog > .modal-content > .modal-header {
  height: 66px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mobile-receive-modal-class
  > .modal-dialog
  > .modal-content
  > .modal-header
  .close {
  margin-top: -18px;
}

.mobile-receive-modal-class
  > .modal-dialog
  > .modal-content
  > .modal-header
  .close
  > span {
  font-size: 2em;
}

.mobile-diff-modal-header
  > .modal-dialog
  > .modal-content
  > .modal-header
  .close {
  color: var(--font-color-2);
  margin-top: -18px;
}

.mobile-diff-modal-header
  > .modal-dialog
  > .modal-content
  > .modal-header
  .modal-title {
  color: var(--font-color-2);
  font-size: 1.25em;
  font-weight: var(--font-family-regular);
}

.mobile-send-popup-available-title {
  height: 90px;
  padding: 15px;
}

.mobile-send-popup-send-value-text {
  font-size: 1em;
  color: rgb(159,167,193);
  font-weight: var(--font-family-regular);
  display: inline-block;
  margin-bottom: 8px;
}

.mobile-hamburger-collapse-menu-arrow {
  float: right;
  margin-top: -22px;
  width: 20px;
}
.mobile-hamburger-menu-title {
  font-weight: 700;
  padding-left: 4.375%;
  color: #252525;
}

.mobile-hamburger-wallet-image {
  width: 26px;
  height: 26px;
  margin-left: 16px;
  margin-bottom: 2px;
}
.mobile-hamburger-token-image {
  width: 18px;
  height: 100%;
  margin-right: 13px;
}

.mobile-hamburger-community-image {
  width: 18px;
  height: 100%;
  margin-right: 13px;
  margin-top: 3px;
}

.mobile-hamburger-language-image {
  width: 18px;
  height: 100%;
  margin-right: 13px;
}

.mobile-hamburger-mypage-image {
  width: 18px;
  height: 100%;
  margin-right: 13px;
}

.mobile-hamburger-telegram-image {
  width: 18px;
  height: 100%;
  margin-right: 13px;
}

.mobile-hamburger-setting-image {
  width: 18px;
  height: 100%;
  margin-right: 13px;
}

.mobile-hamburger-question-image {
  width: 18px;
  height: 100%;
  margin-right: 13px;
}

.mobile-hamburger-logout-image {
  width: 18px;
  height: 100%;
  margin-right: 13px;
}

.mobile-hamburger-wallet-text {
  color: var(--font-color-15);
}

.mobile-wallet-make-done-button {
  width: 100%;
  height: 60px;
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-detail-token-ticker {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 20px;
  /* font-weight: var(--font-family-regular); */
  /* line-height: 1.8; */
  margin-right: 60px;
  color: rgb(37,37,37);
}

.mobile-wallet-detail-reserve {
  margin-top: 0px !important;
  padding-left: 0px !important;
  color: var(--font-color-4) !important;
  font-size: 0.8em !important;
  font-weight: var(--font-family-regular) !important;
}

.mobile-wallet-transaction-head {
  margin-top: 5px;
  color: var(--font-color-4);
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-transaction-button {
  padding: 0px;
  width: 92px;
  height: 24px;
  text-shadow: none;
  font-size: 1em;
  font-weight: var(--font-family-regular);
  box-shadow: none;
  border: none;
}

.mobile-wallet-transaction-table {
}

.mobile-wallet-transaction-table > thead > tr > th {
  padding: 0px;
  border-bottom: 1px solid #eaeaea;
  vertical-align: middle;
  color: var(--font-color-6) !important;
  font-size: 0.9em;
  font-weight: var(--font-family-regular);
  padding-top: 12px;
  padding-bottom: 12px;
}

.mobile-wallet-transaction-table > tbody > tr > td {
  padding-top: 12px;
  padding-bottom: 11.5px;
  font-size: 0.9em;
  font-weight: var(--font-family-regular);
  color: var(--font-color-5) !important;
}

.mobile-wallet-transaction-table > thead > tr > th:nth-child(1) {
  width: 20%;
}

.mobile-wallet-transaction-table > thead > tr > th:nth-child(2) {
  width: 45%;
}

.mobile-wallet-transaction-table > thead > tr > th:nth-child(3) {
  width: 25%;
}

.mobile-wallet-transaction-table > thead > tr > th:nth-child(4) {
  width: 10%;
}

.mobile-wallet-transaction-table > tbody > tr > td:nth-child(1) {
  width: 20%;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-transaction-table > tbody > tr > td:nth-child(2) {
  width: 45%;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-transaction-table > tbody > tr > td:nth-child(3) {
  width: 25%;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-transaction-table > tbody > tr > td:nth-child(4) {
  width: 10%;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-button-width-49 {
  width: 49%;
}

.mobile-common-modal-body {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  height: 93%;
  background-color: #ffffff;
  vertical-align: middle;
  font-size: var(--font-color-14);
  margin-top: 0px;
  margin-bottom: 0px;
}

.mobile-send-popup-available-div {
  padding-top: 30px;
  color: #fff;
  opacity: 0.5;
  display: inline-block;
  width: 100px;
  margin-bottom: 5px;
  font-size: 14px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 400;
}

.mobile-send-popup-available-symbol {
  padding-top: 10px;
  color: white;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 16px;
  font-weight: 500;
}

.mobile-send-popup-last-text {
  font-size: 12px;
  font-weight: var(--font-family-regular);
}

.mobile-send-popup-last-text-margin {
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}

.mobile-send-popup-last-text-div {
  color: var(--font-color-4);
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-send-popup-last-text-div-margin {
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.mobile-send-popup-max-button {
  border: 1px solid #179cf0 !important;
  border-radius: 5px !important;
  background: #e5e6e7 !important;
  color: #1d69dd !important;
  margin-top: 11px;
  position: absolute;
  right: 85px;
  padding: 2px;
  font-size: 14px;
  font-weight: var(--font-family-regular);
}

.mobile-send-popup-text-detail {
  margin-top: 12px;
  position: absolute;
  right: 30px;
  margin-left: 16px;
  color: black;
  font-size: 1.2em;
  font-weight: var(--font-family-regular);
  font-weight: 700;
}

.mobile-text-area-none-click {
  pointer-events: none;
  line-height: normal;
  line-height: initial;
}

.mobile-wallet-denied-popup-download-text {
  color: var(--font-color-2);
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-total-balance-view-dropdown-div
  > .mobile-margin-left-8
  > .dropdown
  > .wallet-total-balance-dropdown
  > div
  > span {
  font-weight: var(--font-family-regular);
  font-size: 0.9em;
}

.mobile-margin-top-3 {
  margin-top: 3px;
}

.mobile-margin-top-9 {
  margin-top: 9px;
  margin-right: 8px;
}

/* .mobile-wallet-item-view-line {
  display: block;
  border-top: 1px solid var(--line-color-1);
} */

.mobile-wallet-list-item-layer-padding {
  padding-left: 15px !important;
  padding-top: 16px !important;
  padding-right: 15px !important;
  padding-bottom: 16px !important;
  font-size: medium;
  font-size: initial;
}

.mobile-margin-right-16 {
  margin-right: 16px;
}

.mobile-wallet-coin-tikcer-text {
  font-size: 14px;
  /* color: #9fa7c1; */
  color: #000;
  font-weight: 500;
  margin-left: 8px;
  overflow: hidden;
  white-space: nowrap;
}

.mobile-wallet-item-balance {
  color: var(--font-color-2);
  font-size: 16px;
  font-weight: 700;
  text-align: right;
  margin-top: -20px;
}

.mobile-wallet-price-balance-size {
  font-size: 0.8em;
  margin-left: -2px;
}

.mobile-margin-top-minus-6 {
  margin-top: 0px;
  float: right;
  margin-bottom: -16px;
}

.mobile-wallet-send-action-button-div {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
}

.mobile-wallet-transaction-table-border {
  border-top: 1px solid var(--line-color-1);
  color: var(--font-color-4);
  font-weight: var(--font-family-medium);
}

.mobile-default-div {
  height: 20px;
}

.mobile-default-div-margin-top {
  margin-top: 4px;
  float: right;
  width: 100%;
}

.mobile-margin-top-8 {
  margin-top: 8px;
}

.mobile-margin-top-4 {
  margin-top: 4px;
}

.mobile-receive-popup-inner-body {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 400;
  min-height: 100vh;
}

.mobile-receive-popup-price-layer {
  /* text-align: center;
  font-weight: var(--font-family-medium);
  height: 100%; */
}

.mobile-send-popup-inner-body {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 400;
  height: 100%;
}

.mobile-margin-bottom-181-px .mobile-send-popup-header-div {
  padding: 20px;
  background: linear-gradient(rgb(32,97,226),rgb(175, 125,255));
  height: 280px;
}
.mobile-receive-popup-address-layer {
  text-align: center;
  /* background-color: var(--background-color-2); */
}

.mobile-send-popup-container {
  /* height: 100vh; */
  /* background: linear-gradient(rgb(33,97,226),rgb(175, 125,255)); */
  background-color: rgb(248, 250, 255);
}

.mobile-send-popup-header-div {
  height: 66px;
  padding-left: 41px;
  padding-right: 15px;
  padding-top: 20px;
  display: inline-block;
  width: 100%;
  /* border-bottom: 1px solid var(--line-color-1); */
  text-align: center;
  /* background: #395bb8 !important; */
}

.mobile-send-popup-title-span {
  /* margin-left: 12%; */
  color: #9fa7c1;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Poppins';
  display: inline-block;
}

.mobile-send-popup-close-span {
  display: inline-block;
  float: right;
}

.mobile-send-popup-close-image {
  width: 40px;
  height: 40px;
  margin-top: -6px;
}

.mobile-send-popup-body-container {
     background: #ffffff;
     /* padding-top: 15px; */
     border-radius: 30px 28px 0px;
     position: relative;
     top: -22px;
}
.ic_qr .cls-1 {
  fill: #9fa7c1;
}
.ic_paste .cls-1 {
  fill: #9fa7c1;
}
.mobile-send-popup-contents-layer {
  padding: 22px;
  /* background-color: var(--background-color-2); */
}

.mobile-dont-use-send-popup-header-div {
  height: 66px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%;
  background: var(--background-color-4);
}

.mobile-dont-use-send-popup-title-span {
  color: var(--font-color-1);
  font-size: 1.25em;
  font-weight: var(--font-family-regular);
  display: inline-block;
}

.mobile-dont-use-send-popup-body-container {
  padding-top: 50px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
  min-height: 176px;
  vertical-align: middle;
  font-size: var(--font-size-14);
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.mobile-not-exist-wallet-popup-body-container {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  padding-bottom: -88px;
}

.mobile-tx-table-scroll {
  /* height: 200px; */
}

.mobile-margin-bottom-70 {
  margin-bottom: 70px;
}

.mobile-introduction-image-div {
}

.mobile-white-paper-button-div {
}

.mobile-white-paper-button-first-span {
  display: inline-block;
  margin-bottom: 16px;
  width: 80%;
}

.mobile-white-paper-button-second-span {
  display: inline-block;
  width: 80%;
}

.mobile-road-map-list {
  width: 80%;
  margin: 0 auto;
  text-align: left;
}

.mobile-road-map-list-item {
  border-left: 1px solid #1e347e;
  padding-left: 36px;
  padding-top: 12px;
  padding-bottom: 18px;
}

.mobile-team-item-container {
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 36px;
  display: inline-table;
}

.mobile-team-item-div {
  width: 84%;
  margin: 0 auto;
}

.mobile-team-item-div > img {
  width: 100%;
}

.mobile-advisor-item-text-div-en {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  height: 180px;
  font-size: 0.8em;
  font-weight: var(--font-family-regular);
  flex-direction: column;
  align-content: center;
  display: inline-block;
  display: grid;
  text-align: left;
}

.mobile-team-item-text-div {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  height: 148px;
  font-size: 0.8em;
  font-weight: var(--font-family-regular);
  flex-direction: column;
  align-content: center;
  display: inline-block;
  display: grid;
  text-align: left;
}

.mobile-team-item-text-div > p {
  margin: 0 0 0px;
}

.mobile-team-item-text-div-en {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  height: 250px;
  font-size: 0.8em;
  font-weight: var(--font-family-regular);
  flex-direction: column;
  align-content: center;
  display: inline-block;
  display: grid;
  text-align: left;
}

.mobile-team-item-text-div-en > p {
  margin: 0 0 0px;
}

.mobile-team-container {
  display: flex;
}

.mobile-allocation-text-div {
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid var(--line-color-1);
  border-bottom: 1px solid var(--line-color-1);
  padding-top: 24px;
  padding-bottom: 24px;
}

.mobile-allocation-token-icon-div {
  width: 36%;
  margin: 0 auto;
  margin-bottom: 36px;
}

.mobile-allocation-token-percentage-div {
  padding-top: 36px;
  padding-bottom: 36px;
  width: 50%;
  margin: 0 auto;
}

.mobile-introduction-sub-text-first-div {
  margin-bottom: 24px;
}

.mobile-introduction-sub-text-second-div {
}

.mobile-introduction-sub-text-first-div > img,
.mobile-introduction-sub-text-second-div > img,
.mobile-allocation-token-icon-div > img,
.mobile-allocation-token-percentage-div > img {
  width: 100%;
}

.mobile-white-paper-icon-div {
  margin-bottom: 36px;
}

.mobile-white-paper-icon-div-in-app {
  margin-bottom: 0px;
}

.mobile-white-paper-icon-div > img,
.mobile-white-paper-icon-div-in-app > img {
  width: 25%;
}

.mobile-dot-upper-text {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 1.8em;
  color: #11358e;
  font-weight: var(--font-family-regular);
}

.mobile-dot-image-div {
  margin-bottom: 36px;
}

.mobile-dot-image-div > img {
  width: 8px;
  height: 8px;
}

.mobile-allocation-text-inner-div {
  font-size: 1.2em;
  font-weight: var(--font-family-regular);
  color: #000000;
}

.mobile-allocation-text-first-span {
  width: 72px;
  display: inline-block;
  margin-right: 12px;
  text-align: left;
}

.mobile-allocation-text-second-span {
  width: 168px;
  display: inline-block;
  margin-left: 12px;
  text-align: left;
}

.mobile-team-item-image {
}

.mobile-team-name-text {
  font-size: 1.2em;
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: var(--font-family-regular);
}

.mobile-seperator-image {
  width: 6px;
  height: 6px;
}

.mobile-road-map-list-item-div {
  display: flex;
  margin-bottom: 5px;
}

.mobile-road-map-list-inner-div {
  margin-left: 12px;
}

.mobile-allocation-list-inner-div {
  margin-left: 18px;
}

.mobile-road-map-list-title {
  font-size: 21px;
  font-weight: var(--font-family-medium);
  color: #000000;
  margin-bottom: 18px;
}

.mobile-raod-map-list-last-div {
  font-size: 21px;
  font-weight: var(--font-family-medium);
  color: #000000;
  display: inline-block;
  margin-top: 19px;
}

.mobile-road-map-list-year {
  width: 84px;
  height: 40px;
  margin-bottom: 18px;
}

.mobile-road-map-list-year > img {
  width: 100%;
}

.mobile-road-map-list-container {
  margin-top: 18px;
}

.mobile-allocation-item-container {
  width: 70%;
  display: inline-block;
  margin-bottom: 32px;
}

.mobile-partner-item-container {
  width: 90%;
  display: inline-block;
  margin-bottom: 36px;
}

.mobile-road-map-seperator-image {
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-top: -2px;
}

.mobile-intoduction-image-div {
  width: 90%;
  margin: 0 auto;
}

.mobile-white-paper-image-div {
  width: 90%;
  margin: 0 auto;
}

.mobile-allocation-image-div {
  width: 90%;
  margin: 0 auto;
}

.mobile-road-map-image-div {
  width: 90%;
  margin: 0 auto;
}

.mobile-team-image-div {
  width: 60%;
  margin: 0 auto;
}

.mobile-advisor-image-div {
  width: 90%;
  margin: 0 auto;
  margin-top: -36px;
}

.mobile-partner-image-div {
  width: 90%;
  margin: 0 auto;
}

.mobile-introduction-sub-text-first-div > img,
.mobile-introduction-sub-text-second-div > img {
  width: 90%;
}

.mobile-service-introduction-background-white {
  background: var(--background-color-1);
  padding-top: 44px;
  padding-bottom: 12px;
}

.mobile-service-last-background-white {
  background: var(--background-color-1);
  padding-top: 44px;
  padding-bottom: 88px;
  margin-bottom: -88px;
}

.mobile-service-introduction-background-blue {
  background: #213067;
  padding-top: 44px;
  padding-bottom: 44px;
}

.mobile-service-introduction-background-sky {
  background: #f4f9fd;
  padding-top: 44px;
  padding-bottom: 44px;
}

.mobile-white-paper-button,
.mobile-white-paper-button:focus {
  width: 100%;
  height: 56px;
  font-size: 1.6em;
  font-weight: var(--font-family-regular);
  color: #ffffff;
  border-radius: 40px;
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.mobile-white-paper-button:active {
  border: 2px solid #ffffff;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}

.mobile-seperator-image-span {
  margin-top: -3px;
}

.mobile-raod-map-seperator-image-span {
  margin-top: -1px;
}

.mobile-service-introduction-image-1 {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

.mobile-service-introduction-image-2 {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-top: -3px;
}

.mobile-service-introduction-image-3 {
  width: 36px;
  height: 36px;
  margin-left: 12px;
}

.mobile-gnb-search-image-2 {
  width: 36px;
  height: 36px;
  margin-left: 12px;
  position: absolute;
  right: 4.375vw;
  margin-right: 58px;
}

.mobile-advisor-item-text-div {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  height: 120px;
  font-size: 0.8em;
  font-weight: var(--font-family-regular);
  flex-direction: column;
  align-content: center;
  display: inline-block;
  display: grid;
  text-align: left;
}

.mobile-advisor-item-text-div > p,
.mobile-advisor-item-text-div > p {
  margin: 0 0 0px;
}

.mobile-air-drop-title-span {
}

.mobile-token-point-table-box {
  padding-left: 15px;
  padding-top: 12px;
  padding-right: 15px;
  padding-bottom: 20px;
}

.mobile-air-drop-table-box {
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
}

.mobile-air-drop-table > tbody > tr > td {
  border-top: none;
  padding: 0px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  border-top: none;
  border-bottom: 1px solid var(--line-color-1);
}

.mobileTokenAirDropDateTime {
  font-size: 0.7em;
  color: var(--font-color-6);
}

.mobile-air-drop-title {
  margin-bottom: 12px;
  color: var(--font-color-2);
  font-weight: var(--font-family-medium);
}

.mobile-air-drop-table-detail-explain-div {
  color: rgb(159,167,193);
  font-size: 1em;
  font-weight: var(--font-family-regular);
  margin-bottom: 20px;
}
.mobile-air-drop-table-detail-explain-div div {
  padding: 15px 13px 0px;
}
.mobile-token-air-drop-item-div {
  border-bottom: 1px solid var(--line-color-1);
  display: grid;
  width: 100%;
  box-shadow: 10px 14px 5px 0px rgb(228 230 235 / 27%);
}

.mobile-token-air-drop-item-title {
  width: 70%;
  color: var(--font-color-2);
  font-size: 15px;
  font-weight: 700;
  margin-top: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobile-token-air-drop-item-last-div {
  display: flex;
  width: 100%;
  padding: 5px 0px;
}

.mobile-token-air-drop-item-token {
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-token-air-drop-item-date {
  width: 50%;
  font-size: 1em;
  color: var(--font-color-6);
  font-weight: var(--font-family-regular);
}

.mobile-token-air-drop-item-status {
  width: 50%;
  font-size: 1em;
  color: rgb(194,197,207);
  font-weight: var(--font-family-regular);
  text-align: right;
}
.common-width-full.common-radius-container.common-margin-auto.common-padding-left-right-30.mobile-air-drop-table-box {
  background: #e8edf1;
  padding: 0px;
}
.mobile-token-air-drop-item-div {
  background: white;
  margin-bottom: 10px;
  padding: 5px 15px;
  border-radius: 15px;
}
.mobile-token-air-drop-item-border {
  text-align: right;
  margin-top: 13px;
  width: 29%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobile-token-air-drop-item-border span {
  font-weight: 900;
  color: rgb(32,97,226);
}
.mobile-token-air-drop-item-div .f-lex {
  display: flex;
}
.mobile-margin-top-6 {
  margin-top: 6px;
}
#custom-tab {
  width: 90%;
  padding-top: 0px;
}
.mobile-wallet-detail-date-div {
  padding: 0 15px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: rgba(228, 230, 235, 0.4) 10px 10px 10px 0px;
}
.mobile-wallet-detail-date-text {
  font-size: 12px;
  color: #9fa7c1;
  font-weight: 400;
  padding: 15px;
}
.mobile-wallet-detail-category-div {
  padding-left: 20px;
  padding-right: 20px;
  background: rgb(248,250,255);
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  /* margin-top: -10px; */
  /* margin-bottom: -15px; */
}
.mobile-wallet-detail-category-span {
  width: 50%;
  display: inline-block;
  padding-top: 14px;
  padding-bottom: 14px;
  cursor: pointer;
  font-size: 1em;
  font-weight: var(--font-family-regular);
  color: #395bb8;
}

.mobile-wallet-detail-category-span img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.mobile-wallet-detail-category-span:active,
.mobile-wallet-detail-category-span:active:focus,
.mobile-wallet-detail-category-span:focus:active {
  /* border-bottom: 1px solid var(--line-color-2); */
}

.mobile-wallet-detail-category-active {
  color: #395bb8;
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-tx-category-title {
  font-size: 18px;
  text-align: center;
  width: 50%;
  padding: 14px 0px 14px 15px;
  font-weight: var(--font-family-regular);
  color: rgb(159,167,193);
}

.mobile-wallet-tx-category-span {
  width: 20%;
  display: inline-block;
  padding: 14px 0px 14px 0px;
  cursor: pointer;
  font-size: 1em;
  font-weight: var(--font-family-regular);
  text-align: center;
}

.mobile-wallet-tx-category-span:active,
.mobile-wallet-tx-category-span:active:focus,
.mobile-wallet-tx-category-span:focus:active {
  /* border-bottom: 1px solid var(--line-color-2); */
}

.mobile-wallet-tx-category-active {
  color: #395bb8;
  margin: 5px 0px;
  background: white;
  font-size: 18px;
  text-align: center;
  width: 50%;
  padding: 10px 0px 5px 0px;
  font-weight: var(--font-family-regular);
  border-radius: 20px;
}

.mobile-wallet-project-kr-name {
  color: #9fa7c1;
  font-weight: 400;
  font-size: 12px;
  margin-top: 4px;
  margin-left: 8px;
}

input[id="mobile-wallet-my-account"] + label,
input[id="mobile-wallet-simple-exchange"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  -webkit-user-select: none;
}

input[id="mobile-wallet-my-account"] + label:before,
input[id="mobile-wallet-simple-exchange"] + label:before {
  content: "\2714";
  color: #ffffff;
  display: inline-block;
  width: 21px;
  height: 21px;
  line-height: 18px;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: var(--font-color-5);
  border-radius: 50%;
  box-shadow: none;
  font-size: 24px !important;
}

input[type="mobile-wallet-my-account"] + label:active:before,
input[type="mobile-wallet-my-account"]:checked + label:active:before {
  /* box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); */
}

/* 체크박스를 체크했을때 */
input[id="mobile-wallet-my-account"]:checked + label:before,
input[id="mobile-wallet-simple-exchange"]:checked + label:before {
  /* 체크표시 유니코드 사용 */
  content: "\2714";
  color: #ffffff;
  background: var(--background-color-4);
  border-color: none;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),
    inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  font-size: 24px !important;
}

input[id="mobile-wallet-my-account"],
input[id="mobile-wallet-simple-exchange"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.mobile-wallet-checkbox-div label {
  margin-bottom: -5px;
}

.mobile-wallet-checkbox-div {
  /* padding-top: 10px; */
  /* padding-bottom: 20px; */
  /* margin: -30px 0 0 0; */
  white-space: nowrap;
  /* text-align: right; */
  /* background: rgb(248,250,255); */
  font-size: 13px;
  font-weight: 400;
  color: #9fa7c1;
}

.mobile-wallet-checkbox-span {
  background: #b1b1b1;
  border-radius: 16px;
  border: var(--line-color-1);
  display: inline-block;
  color: #fff;
  font-weight: var(--font-family-regular);
  margin-right: 16px;
  padding-left: 15px;
  padding-right: 15px;
  height: 38px;
  display: flex;
  align-items: center;
}

.mobile-wallet-checkbox-span-active {
  background: #6ec1ff !important;
  border: none !important;
  color: var(--font-color-1) !important;
}

.mobile-wallet-checkbox-text-span {
  margin-left: 8px;
  margin-right: 5px;
}

.mobile-wallet-checkbox-button {
  width: 20px;
  height: 20px;
}

.mobile-detail-wallet-box-div {
  display: flex;
  margin-top: 30px;
}

.mobile-detail-wallet-box {
  width: 49%;
  background: var(--background-color-6);
  padding-top: 8px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

.mobile-detail-wallet-box-first-div {
  opacity: 0.7;
  color: white;
  padding-bottom: 8px;
  font-size: 1em;
  font-weight: var(--font-family-regular);
}
.mobile-detail-wallet-box-second-div {
    color: white;
    font-size: 20px;
    font-weight: var(--font-family-regular);
    word-break: break-all;
}

.mobile-detail-wallet-box-third-div {
  color: var(--font-color-6);
  font-size: 0.9em;
  font-weight: var(--font-family-regular);
}
.mobile-wallet-detail-button-receive {
  width: 100%;
  border-radius: 4px;
  text-align: center;
  color: white;
  font-size: 14px;
  align-items: center;
  justify-content: center;
}
.mobile-wallet-detail-button-receive p {
  margin: 0px;
}
p.mobile-wallet-popup-button-text {
  opacity: 0.7;
}
.mobile-wallet-detail-button-send p {
  margin: 0px;
}
.mobile-wallet-detail-button-receive-talk {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}
.mobile-wallet-detail-button-send {
  width: 100%;
  border-radius: 4px;
  text-align: center;
  color: white;
  font-size: 14px;
  align-items: center;
  justify-content: center;
}
.mobile-wallet-detail-button-send-talk {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}

.mobile-wallet-detail-button-escraw-ktalk {
  width: 100%;
  border: 1px solid #000000;
  border-radius: 4px;
  text-align: center;
  color: #000000;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}

.mobile-wallet-detail-button-escraw {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}

.mobile-wallet-detail-button-escraw-disabled {
  width: 50%;
  border: 1px solid #000000;
  border-radius: 4px;
  text-align: center;
  color: #000000;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  opacity: 0.4;
  pointer-events: none;
}

.mobile-wallet-detail-button-swap {
  width: 25%;
  border: 1px solid #4464bc;
  border-radius: 4px;
  text-align: center;
  color: #4464bc;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}

.mobile-wallet-detail-button-talk-reward {
  width: 50%;
  border: 1px solid #000000;
  border-radius: 4px;
  text-align: center;
  color: #000000;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}

.mobile-wallet-popup-button-image {
  width: 16px;
  height: 16px;
  margin-top: 0px;
}
#ic_minus  .cls-1 {
  fill: #fff;
}
#ic_plus .cls-1 {
  fill: #fff;
}
#ic_withdrawal .cls-1 {
  fill: #fff;
}
.mobile-wallet-popup-button-text {
  /* margin-left: 3px; */
  font-weight: 400;
}

.mobile-wallet-detail-popup-forum-span {
  float: right;
  display: inline-block;
  background: #538fea;
  color: var(--font-color-1);
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 4px;
  cursor: pointer;
  width: 76px;
  height: 30px;
  font-size: 0.9em;
  font-weight: var(--font-family-regular);
}

.mobile-tx-list-div {
  /* border-bottom: 1px solid var(--line-color-1); */
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-tx-list-icon-div {
  /* padding-top: 7px; */
  display: flex;
  align-items: center;
}

.mobile-tx-info-layer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* margin: -5px 58px -16px 0px; */
}

.mobile-tx-progress-span {
  margin-top: 2px;
  margin-right: 7px;
  /* width: 40px; */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  font-size: 0.95em;
  font-weight: 400;
  /* color: rgb(159,167,193); */
}
.mobile-account-item-layer .margin-span span {
  font-weight: 400;
}
.mobile-tx-list-send-type-span {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin-right: 12px;
  margin-left: 12px;
  /* margin-bottom: 5px; */
  display: inline-block;
}

.mobile-tx-list-tx-amount-span {
  font-size: 0.9em;
  display: contents;
  font-weight: 700;
  /* margin-left: 12px; */
}

.mobile-tx-list-wallet-category-span {
  color: var(--font-color-6);
  font-size: 0.8em;
  font-weight: var(--font-family-regular);
}

.mobile-tx-list-time-stamp-span {
  color: #9fa7c1;
  font-size: 12px;
  font-weight: 400;
  margin-left: 12px;
  display: block;
}

.mobile-tx-detail-div {
  width: 100%;
}

.mobile-tx-amount-is-receive {
  color: rgb(32,97,226);
  font-weight: 400;
}

.mobile-tx-amount-is-send {
  color: #000;
  font-weight: 400;
}

.mobile-tx-amount-is-none {
  color: var(--font-color-5);
}

.mobile-wallet-checkbox-image {
  width: 16px;
  height: 16px;
  margin-top: -2px;
}

.mobile-wallet-list-item-token-name {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-margin-top-16 {
  margin-top: 16px !important;
}

.mobile-token-symbol-text {
  color: var(--font-color-2);
  font-weight: var(--font-family-regular);
}

.mobile-wallet-list-item-token-info {
  flex: 1 1;
  margin-top: 4px;
}

.mobile-wallet-popup-first-span {
  margin: 0px;
}

.mobile-list-detail-image {
  width: 14px;
  margin-left: -5px;
}

.mobile-recent-trade-list-image {
  width: 12px;
  height: 12px;
}

.mobile-exchange-link-span {
  margin-top: 2px;
  /* margin-right: -50px; */
  cursor: pointer;
}

.mobile-gnb-talken-logo-in-hamburger {
  width: 90px;
  margin-top: 7%;
}

.mobiles-account-item-title-layer-en {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
}

.mobile-margin-left-right-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.mobile-margin-left-22 {
  margin-left: 22px !important;
}

.mobile-board-page-free-board-table-tbody-tr {
  height: 58px !important;
  background: #ffffff;
}

.mobile-wallet-dimmed-color {
  color: #b1b1b1 !important;
}

.mobile-token-wiki-title {
  display: inline-block;
  font-size: 1.4em;
  margin-left: 16px;
  color: var(--font-color-2) !important;
  font-weight: var(--font-family-bold);
}

.mobile-recommend-user-info-block {
  display: inline-flex;
  width: 100%;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 2px;
  padding-bottom: 6px;
}

.mobile-tokens-card-left-right-padding-2 {
  padding-left: 2px;
  padding-right: 2px;
  display: inline-flex;
}

.mobile-team-container-div {
  padding-left: 2%;
  padding-right: 2%;
}

.mobile-talken-event-inner-div {
  text-align: center;
  background: #3dcacb;
}

.mobile-talken-event-unit-mission-box {
  margin-left: 2%;
  margin-right: 2%;
  width: 21%;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.mobile-talken-event-footer-div {
  background-color: #3959b8;
  color: var(--font-color-1);
  padding-left: 3%;
  padding-top: 20px;
  padding-right: 3%;
  padding-bottom: 20px;
}

.mobile-talken-event-title-div {
  margin-bottom: 20px;
  display: flex;
}

.mobile-talken-event-footer-talken-logo {
  width: 4em;
}

.mobile-talken-event-footer-title-span {
  margin-left: 10px;
  font-size: 1.2em;
}

.mobile-talken-event-title-with-logo {
  display: inline-flex;
  margin-top: 10px;
  margin-bottom: 20px;
}

.mobile-talken-event-title-logo {
  width: 5em;
}

.mobile-talken-event-category-span {
  margin-left: 10px;
  font-size: 1.5em;
  padding-top: 0px;
  color: #3959b8;
  margin-top: -5px;
}

.mobile-talken-event-mission-header-div {
  margin-bottom: 34px;
}

.mobile-talken-event-mission-header-text-div {
  margin-top: -34px;
  color: var(--font-color-1);
  font-size: 1.3em;
}

.mobile-talken-event-mission-header-category-image {
  margin-top: -1px;
  width: 1.3em;
  margin-bottom: -10px;
  height: 20px;
}

.mobile-talken-event-duration {
  position: absolute;
  z-index: 3;
  top: 74%;
  left: 30%;
  margin-top: -14px;
  margin-left: -50px;
  text-align: center;
  display: inline-block;
  background: #d53d3d;
  width: 70%;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  color: var(--font-color-1);
  font-size: 1.1em;
}

.mobile-display-grid {
  display: grid;
}

.mobile-display-inline-grid {
  display: inline-grid;
}

.mobile-talken-event-guide-div {
  background: #3dcacb;
  margin-top: -5px;
}

.mobile-talken-event-header-div {
  background: var(--background-color-4);
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mobile-talken-event-header-logo {
  width: 6em;
}

.mobile-talken-event-header-login {
  float: right;
  color: var(--font-color-1);
  font-size: 1.1em;
  display: flex;
}

.mobile-talken-event-header-login-span {
  margin-left: 12px;
  padding-right: 12px;
  border-right: 1px solid var(--font-color-1);
  margin-right: 12px;
}

.mobile-talken-event-guide-inner-div {
  margin-left: 3%;
  margin-right: 3%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background: var(--background-color-1);
  padding-left: 3%;
  padding-right: 3%;
}

.mobile-talken-event-blue-header-div {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: -7px;
}

.mobile-talken-event-blue-header-div > img {
  width: 94%;
}

.mobile-talken-event-blue-header-image {
  width: 100%;
  margin-bottom: -26px;
}

.mobile-talken-event-guide-text {
  margin-top: 20px;
}

.mobile-talken-event-guide-last-text {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mobile-talken-event-login-span {
  font-size: 1.2em;
  color: #ffff00;
  text-decoration: underline;
}

.mobile-talken-event-mission-state {
  margin-top: -150px;
  padding-left: 3%;
  padding-right: 3%;
}

.mobile-talken-event-accu-present-mission-state-span {
  border: 1px solid #3959b8;
  border-radius: 20px;
  width: 54%;
  display: block;
  color: #3959b8;
  padding-top: 5px;
  padding-bottom: 4px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
}

.mobile-talken-event-accu-present-state-div {
  font-size: 1.3em;
  margin-bottom: 25px;
  margin-top: 10px;
}

.mobile-talken-event-accu-present-state-div-2 {
  margin-bottom: 25px;
  margin-top: 10px;
}

.mobile-talken-event-accu-present-state-nums {
  color: #ea2a2b;
  margin-right: 8px;
}

.mobile-talken-event-present-accu-all-state-div {
  margin-top: 40px;
  border: 1px solid var(--font-color-1);
  display: inline-block;
  border-radius: 20px;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5px;
  padding-bottom: 5px;
  color: var(--font-color-1);
}

.mobile-talken-event-send-state-nums {
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  width: 60px;
  height: 60px;
}

.mobile-talken-event-send-state-nums-is-write {
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  width: 60px;
  height: 60px;
}

.mobile-talken-event-send-state-box {
  padding-left: 15px;
  padding-right: 15px;
}

.mobile-talken-event-send-state-box-amount {
  text-align: center;
  margin-top: 6px;
}

.mobile-talken-event-send-state-box-symbol {
  text-align: center;
  margin-top: -3px;
}

.mobile-talken-event-send-state-component {
  color: var(--font-color-1);
  margin-left: auto;
  margin-right: auto;
}

.mobile-talken-event-send-state-is-complete {
  background: #8c283d !important;
  color: var(--font-color-1);
}

.mobile-talken-event-title-complete-layer {
  opacity: 0.4;
  color: floralwhite !important;
}

.mobile-talken-event-send-state-is-complete > span {
  opacity: 0.4;
}

.mobile-talken-event-send-state-is-complete > span > div {
  color: floralwhite !important;
}

.mobile-talken-event-send-state-is-complete-button,
.mobile-talken-event-send-state-is-complete-button:hover,
.mobile-talken-event-send-state-is-complete-button:active,
.mobile-talken-event-send-state-is-complete-button:focus,
.mobile-talken-event-send-state-is-complete-button:active:focus,
.mobile-talken-event-send-state-is-complete-button:active:hover,
.mobile-talken-event-send-state-is-complete-button:active.focus {
  background: #e72526;
  color: #ffffff;
  border: none;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 11px;
  padding-bottom: 11px;
  cursor: unset;
}

.mobile-talken-event-send-state-is-abled {
  background: #118ee2 !important;
  color: var(--font-color-1);
}

.mobile-talken-event-send-state-is-abled-button,
.mobile-talken-event-send-state-is-abled-button:hover,
.mobile-talken-event-send-state-is-abled-button:active,
.mobile-talken-event-send-state-is-abled-button:focus,
.mobile-talken-event-send-state-is-abled-button:active:focus,
.mobile-talken-event-send-state-is-abled-button:active:hover,
.mobile-talken-event-send-state-is-abled-button:active.focus {
  background: #324faf;
  color: #ffffff;
  border: none;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.mobile-talken-event-send-state-is-disabled {
  background: #d0d3d4;
  color: var(--font-color-2) !important;
}

.mobile-talken-event-send-state-is-disabled-button,
.mobile-talken-event-send-state-is-disabled-button:hover,
.mobile-talken-event-send-state-is-disabled-button:active,
.mobile-talken-event-send-state-is-disabled-button:focus,
.mobile-talken-event-send-state-is-disabled-button:active:focus,
.mobile-talken-event-send-state-is-disabled-button:active:hover,
.mobile-talken-event-send-state-is-disabled-button:active.focus {
  background: #a0a7a7;
  color: #ffffff;
  border: none;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.mobile-talken-event-complete-mark {
  background-color: #ff0000;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  color: #ffffff;
  margin-right: -15px;
  font-size: 0.85em;
  position: sticky;
  margin-left: auto;
  margin-bottom: -37px;
  width: 35px;
  height: 35px;
  padding-top: 10px;
}

.mobile-talken-event-category-image {
  margin-top: 10px;
  height: 20px;
}

.mobile-padding-top-bottom-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mobile-talken-event-all-mission-span {
  text-align: center;
  display: inline-block;
}

.mobile-talken-event-all-mission-span > img {
  height: 20px;
}

.mobile-talken-event-all-mission-amount-symbol {
  padding-top: 10px;
  color: #ffffff;
}

.mobile-talken-event-all-mission-send-button-div {
  text-align: right;
  display: inline-block;
  float: right;
  height: 82.88px;
  margin-top: -16px;
}

.mobile-talken-event-all-mission-send-button,
.mobile-talken-event-all-mission-send-button:hover,
.mobile-talken-event-all-mission-send-button:active,
.mobile-talken-event-all-mission-send-button:focus,
.mobile-talken-event-all-mission-send-button:active:focus,
.mobile-talken-event-all-mission-send-button:active:hover,
.mobile-talken-event-all-mission-send-button:active.focus {
  height: 82.88px;
  border-radius: 0px;
  border: none;
  background-color: #a0a7a7;
  color: #ffffff;
  padding-left: 24px;
  padding-right: 24px;
}

.mobile-talken-event-all-mission-receive-complete-button,
.mobile-talken-event-all-mission-receive-complete-button:hover,
.mobile-talken-event-all-mission-receive-complete-button:active,
.mobile-talken-event-all-mission-receive-complete-button:focus,
.mobile-talken-event-all-mission-receive-complete-button:active:focus,
.mobile-talken-event-all-mission-receive-complete-button:active:hover,
.mobile-talken-event-all-mission-receive-complete-button:active.focus {
  background: #e72526;
  color: #ffffff;
  height: 82.88px;
  border-radius: 0px;
  border: none;
  cursor: unset;
  padding-left: 31px;
  padding-right: 31px;
}

.mobile-talken-event-all-mission-receive-disabled-button,
.mobile-talken-event-all-mission-receive-disabled-button:hover,
.mobile-talken-event-all-mission-receive-disabled-button:active,
.mobile-talken-event-all-mission-receive-disabled-button:focus,
.mobile-talken-event-all-mission-receive-disabled-button:active:focus,
.mobile-talken-event-all-mission-receive-disabled-button:active:hover,
.mobile-talken-event-all-mission-receive-disabled-button:active.focus {
  height: 82.88px;
  border-radius: 0px;
  border: none;
  background: #a0a7a7;
  color: #ffffff;
  padding-left: 31px;
  padding-right: 31px;
}

.mobile-talken-event-all-mission-receive-abled-button,
.mobile-talken-event-all-mission-receive-abled-button:hover,
.mobile-talken-event-all-mission-receive-abled-button:active,
.mobile-talken-event-all-mission-receive-abled-button:focus,
.mobile-talken-event-all-mission-receive-abled-button:active:focus,
.mobile-talken-event-all-mission-receive-abled-button:active:hover,
.mobile-talken-event-all-mission-receive-abled-button:active.focus {
  height: 82.88px;
  border-radius: 0px;
  border: none;
  background: #324faf;
  color: #ffffff;
  padding-left: 31px;
  padding-right: 31px;
}

.mobile-talken-event-all-mission-title {
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  display: table;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: #d0d3d4;
}

.mobile-talken-event-mission-text {
  position: sticky;
  margin-right: 13px;
  margin-bottom: -33px;
  display: block;
  color: #ffffff;
}

.mobile-talken-event-guide-text-span {
  position: sticky;
  margin-right: 72px;
  margin-bottom: -33px;
  display: block;
}

.mobile-talken-event-mission-category {
  margin-left: 101px;
  position: sticky;
  display: block;
  margin-top: -17px;
}

.mobile-padding-top-20 {
  padding-top: 20px;
}

.mobile-talken-event-blue-header-mission-div {
  margin-left: auto;
  margin-right: auto;
  z-index: 1000;
}

.mobile-talken-event-blue-header-mission-div > img {
  width: 94%;
}

.mobile-talken-event-blue-header-image-mission {
  width: 100%;
  margin-bottom: -26px;
}

.mobile-margin-top-minus-10 {
  margin-top: -10px;
}

.mobile-talken-event-guide-span {
  margin-left: 85px;
  color: #ffffff;
  margin-top: -8px;
  position: sticky;
  display: block;
}

.mobile-talken-event-all-mission-nums {
  margin-top: 10px;
  color: #ffffff;
  margin-bottom: 40px;
}

.mobile-margin-bottom-20 {
  margin-bottom: 20px;
}

.mobile-talken-event-need-login {
  margin-top: 26px;
}

.mobile-talken-event-user-login-icon {
  height: 24px;
}

.mobile-talken-event-vertical-line-image {
  width: 2px;
  height: 21px;
}

.mobile-talken-event-airpod-banner-image {
  width: 86%;
  margin-left: auto;
  margin-right: auto;
}

.mobile-talken-event-airpod-image {
  width: 36%;
  margin-left: auto;
  margin-right: auto;
}

.mobile-talken-event-arrow-down {
  width: 5%;
  margin-left: auto;
  margin-right: auto;
}

.mobile-talken-event-plus-image {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}

.mobile-talken-event-login-blue-span {
  font-size: 1.2em;
  color: #3959b8;
  text-decoration: underline;
}

.mobile-talken-event-all-mission-airpod-text {
  color: #395ab8;
  font-weight: var(--font-family-medium);
}

.mobile-talken-event-all-mission-text {
  color: #ff615c;
  font-weight: var(--font-family-medium);
}

.mobile-talken-event-complete-layer {
  padding-bottom: 10px;
  opacity: 0.4;
  color: floralwhite;
}

.mobile-talken-event-not-complete-layer {
  padding-bottom: 10px;
  color: #ffffff;
}

.mobile-talken-event-dimmed-image-div {
  width: 100%;
  margin-left: -58%;
  margin-top: -2px;
}

.mobile-talken-event-dimmed-image {
  position: absolute;
  height: 584px;
  margin-top: -37px;
}

.mobile-talken-register-event-dimmed-image {
  position: absolute;
  left: 0;
  height: 810px;
  width: inherit;
  margin-top: -37px;
}

.mobile-talken-event-finish-stamp-image {
  position: absolute;
  width: 55%;
  left: 22%;
  margin-top: 180px;
  z-index: 1000;
}

.mobile-padding-top-bottom-10 {
  padding-bottom: 10px;
  padding-top: 10px;
}

.mobile-talken-event-unit-mission-title {
  padding-bottom: 10px;
  padding-top: 10px;
  color: floralwhite;
  /* opacity: 0.4; */
}

.mobile-blue-header-guide-div {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  margin-bottom: -21px;
}

.mobile-blue-header-guide-image {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mobile-blue-header-guide-sub-div {
  position: absolute;
  z-index: 3;
  left: 73;
  margin-top: -73px;
}

.mobile-blue-header-logo-image {
  width: 7em;
}

.mobile-talken-event-guide-explain-text {
  margin-left: 10%;
  margin-right: 10%;
  font-size: 0.9em;
  margin-top: 32px;
}

.mobile-talken-event-all-mission {
  margin-top: 15px;
}

.mobile-padding-top-30 {
  padding-top: 30px;
}

.mobile-padding-top-15 {
  padding-top: 15px;
}

.mobile-talken-event-finish-state {
  color: #ea2a2b;
}

.mobile-margin-bottom-88 {
  margin-bottom: -88px;
}

.mobile-margin-bottom-181-px {
  margin-bottom: 181px;
}

.mobile-margin-bottom-wallet {
  background: var(--background-color-1);
  margin-bottom: -88px;
}

.mobile-talken-event-footer-div > div > div {
  margin-bottom: 5px;
}

.mobile-main-section-second-div {
  position: relative;
}

.mobile-anchor-wallet-image {
  width: 25px;
  margin-bottom: 5px;
}

.mobile-anchor-layer {
  background-color: #fff;
  margin-bottom: 88px;
}

.mobile-anchor-wallets-layer {
  padding-top: 35px;
  padding-bottom: 25px;
  width: 100%;
  height: 250px;
  display: flex;
  justify-content: center;
}

.mobile-anchor-wallet-center-layer {
  height: 60px;
  padding-top: 75px;
  padding-left: 12px;
  padding-right: 12px;
}

.mobile-anchor-wallet-left-layer {
  background-color: #58b65c;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  width: 150px;
  height: 100%;
  color: white;
  border-radius: 5px;
}

.mobile-anchor-wallet-right-layer {
  background-color: #395bb8;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  width: 150px;
  height: 100%;
  color: white;
  border-radius: 5px;
}

.mobile-anchor-wallet-title-row {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid white;
}

.mobile-anchor-wallet-balance-row {
  padding-top: 12px;
  padding-bottom: 12px;
}

.mobile-anchor-wallet-right-arrow-img {
  width: 30px;
  height: 30px;
}

.mobile-anchor-body-container {
  padding-top: 20px;
  padding-bottom: 1px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #edeeef;
  height: 100%;
  vertical-align: middle;
  font-size: var(--font-size-14);
  margin-top: 0px;
  margin-bottom: 0px;
}

.mobile-anchor-change-direction-row {
  line-height: 42px;
}

.mobile-anchor-change-direction-button {
  width: 125px;
  text-align: center;
  height: 42px;
  float: right;
}

.mobile-anchor-popup-estimated-fee-div {
  color: var(--font-color-4);
  font-size: 1em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-list-blank-image {
  width: 45px;
  height: 45px;
  margin-top: 10px;
}
.no-wallet {
  font-size: 17px;
  color: rgb(194,197,207);
}
.mobile-wallet-list-blank-image .cls-1 {
  opacity: 0.6;
}

.mobile-wallet-list-blank-image .cls-2 {
  fill: #c2c5cf;
stroke: rgba(0,0,0,0);
stroke-miterlimit: 10;
}
.mobile-wallet-list-more-div {
  color: #808080;
}

.mobile-wallet-list-more-div div div {
  text-decoration: underline;
}
.mobile-receive-popup-triangle-isosceles {
  color: #9fa7c1;
  position: relative;
  padding: 10px;
  /* opacity: 0.5; */
}
/* 
.mobile-receive-popup-triangle-isosceles:after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 47%; 
  border-width: 15px 15px 0; 
  border-style: solid;
  border-color: #ffffff transparent;
} */

.mobile-receive-popup-textarea-layer {
  display: flex;
  padding: 0px 22px 22px 22px;
}

.mobile-receive-popup-span-layer {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #9fa7c1;
  display: block;
  word-break: break-all;
  padding: 0px 22px 22px 22px;
}

.mobile-buy-sell-image {
  width: 11px;
  height: 11px;
  margin-bottom: 2px;
}

.mobile-swap-exchange-modal-header {
  background: #395bb8 !important;
  height: 66px !important;
  color: var(--font-color-2);
  padding: 12px;
  border-bottom: 1px solid var(--line-color-1) !important;
  padding-left: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mobile-swap-exchange-modal-header-text {
  font-size: 1.6em;
  font-weight: var(--font-family-regular);
  margin-left: 12px;
  margin-right: 16px;
  color: white;
}

.swap-value-list-div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.swap-value-list-div span:last-child {
  font-size: 11px;
}

.swap-value-list-layer {
  padding: 2px 6px 2px 6px;
  width: 60%;
  margin-left: 5vw;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mobile-wallet-detail-popup-header-div {
  height: 60px;
  display: inline-block;
  width: 100%;
  /* padding-top: 6px; */
  text-align: center;
  background: white;
}
#btn_arrow .cls-1 {
  fill: none;
}
#btn_arrow  .cls-2 {
  fill: #fff;
}
.wallet-list-detail-token-ticker .project-name {
  padding-top: 3px;
  color: white;
  /* opacity: 0.7; */
  font-size: 12px;
}
.wallet-list-detail-token-info-layer .project-name {
  padding: 5px;
  margin-left: 10px;
  color: white;
  /* opacity: 0.7; */
  font-size: 12px;
}
.mobile-wallet-detail-go-back-image {
  float: left;
  height: 40px;
  width: 40px;
  margin-left: 10px;
  padding-bottom: 6px;
  margin-top: 4px;
}

.mobile-wallet-apply-go-back-image {
  float: left;
  height: 30px;
  width: 15px;
  margin-left: 20px;
  padding-bottom: 6px;
}

.mobile-send-popup-copy-address-button {
  float: right;
  color: rgb(159,167,193);
  font-size: 13px;
}
.mobile-send-popup-copy-address-button span {
  position: relative;
  top: -3px;
}
.mobile-send-popup-qr-div-head-text span {
  font-size: 14px;
  color: rgb(159,167,193);
  font-weight: 400;
}
.mobile-send-popup-copy-qr-button {
  float: right;
  color: #808080;
  font-size: 13px;
  margin-right: 10px;
}

.mobile-send-popup-copy-images {
  width: 15px;
  height: 15px;
}

.mobile-send-popup-maximum-button {
  float: right;
  color: rgb(159,167,193);
  font-size: 13px;
  margin-bottom: 8px;
}
.mobile-send-popup-maximum-button span {
  position: relative;
  top: -2px;
}
.mobile-wallet-fixed-wrapper {
  height: 68px;
  width: 100vw;
  background: white;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.mobile-wallet-send-popup-send-button {
  margin: 10px 0 0 0;
  width: 325px;
  height: 50px;
  border-color: rgb(32, 97, 226);
  box-shadow: rgb(77 63 93 / 60%) 0px 10px 20px 0px;
}

.mobile-wallet-send-popup-send-button-text {
  font-size: 15px;
  margin-left: 10px;
  font-weight: 700;
}

.mobile-wallet-swap-popup-swap-button-text {
  margin-left: 10px;
  color: white !important;
}

.mobile-dnd-dropbox-root-wrapper {
  margin-right: 12px;
}

.mobile-dnd-dropbox-menu-wrapper {
  max-height: 75px !important;
}

.mobile-recent-trade-view-layer {
  background: #fff;
}

.mobile-recent-trade-view-title {
  padding: 5px 10px 5px 10px;
  font-weight: var(--font-family-bold);
  /* box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.6); */
}

.mobile-recent-trade-view-sub-title-layer {
  display: flex;
  padding: 10px 15px 10px 10px;
  text-align: right;
  border-bottom: 1px solid lightgray;
}

.mobile-recent-trade-view-sub-title-layer > div {
  font-size: var(--font-size-12);
}

.mobile-recent-trade-view-sub-title-date-time {
  width: 31%;
  text-align: left;
}

.mobile-recent-trade-view-sub-title-price {
  width: 31%;
}

.mobile-recent-trade-view-sub-title-amount {
  width: 31%;
}

.mobile-recent-trade-view-sub-title-link {
  width: 7%;
}

.mobile-offer-and-orderbook-layer {
  display: flex;
  padding: 0px 15px 15px 15px;
  height: 342px;
  background: #fff;
}

.mobile-offer-and-orderbook-layer > div:first-child {
  width: 50%;
  position: relative;
  overflow: hidden;
}

.mobile-offer-and-orderbook-layer > div:last-child {
  width: 50%;
}

.mobile-offer-view-mini-order-book {
  flex: 1 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0px 0px 0px 15px;
  height: 236px !important;
}

.mobile-offer-view-mini-order-book > div {
  min-height: 236px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mobile-offer-view-mini-layer {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.mobile-offer-view-mini-order-book-title {
  display: flex;
  padding: 0px 0px 7px 0px;
  margin: 5px 0px 0px 18px;
  font-size: var(--font-size-12);
  border-bottom: 1px solid lightgray;
}

.mobile-offer-view-mini-order-book-sum-amount-buy,
.mobile-offer-view-mini-order-book-sum-amount-sell {
  display: flex;
  font-size: var(--font-size-11);
  justify-content: space-between;
}

.mobile-offer-view-mini-order-book-sum-amount-buy {
  margin: 5px 0px 6px 18px;
  padding-top: 6px;
  border-top: 1px solid lightgray;
}

.mobile-offer-view-mini-order-book-sum-amount-buy > span:first-child {
  color: #dd2020 !important;
}

.mobile-offer-view-mini-order-book-sum-amount-sell {
  margin: 5px 0px 6px 18px;
  border-bottom: 1px solid lightgray;
  padding-bottom: 6px;
}

.mobile-offer-view-mini-order-book-sum-amount-sell > span:first-child {
  color: #1d69dd !important;
}

.mobile-offer-view-mini-order-book-price {
  width: 50%;
  text-align: left;
}

.mobile-offer-view-mini-order-book-amount {
  width: 50%;
  text-align: right;
}

.mobile-offer-and-orderbook-form-layer {
}

.mobile-offer-and-orderbook-form-info-layer {
  display: flex;
  justify-content: space-between;
  font-size: var(--font-size-11);
  margin-bottom: 8px;
}

.mobile-offer-and-orderbook-form-info-ex-text {
  font-size: var(--font-size-10);
}

.mobile-offer-and-orderbook-confirm-button-layer {
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-trade-order-sub-category-layer {
  background: #ffffff;
  padding: 0px 15px 15px 15px;
  text-align: center;
}

.mobile-offerlist-filter-layer {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  border-bottom: 1px solid #000000;
  padding-bottom: 8px;
  font-size: 12px;
}

.mobile-offerlist-filter-buttons {
  display: flex;
}

.mobile-my-offer-bullet {
  color: #000000;
}

.mobile-trades-recent-price-KRW {
  font-size: 10px;
  vertical-align: "text-top";
  color: #808080;
}

/* New mobile main page styles start */

/* Mobile market conditions start*/
.mobile-main-section-market-title {
  /* background-color: #192736; */
  background-size: 4px 4px;
  width: 100%;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  color: white;
  padding: 10px 15px 10px 15px;
}

.mobile-main-section-market-symbol-layer {
  float: right;
}

.mobile-main-section-market-symbol-active {
  margin: 0px 0px 0px 20px;
  color: white;
  font-weight: 400;
}
.mobile-main-section-market-symbol-inactive {
  margin: 0px 0px 0px 20px;
  color: #8798b2;
  font-weight: 400;
}

.mobile-main-market-conditions-layer {

  display: flex;
  /* padding: 15px 0px 15px 0px; */
  padding: 10px 0px 10px 0px;
  text-align: center;
}

.mobile-main-market-condition-item {
  width: 33%;
}

.mobile-main-market-condition-item-center {
  width: 33%;

}

.mobile-main-market-condition-title {
  font-size: 12px;
  color: white;
  margin: 0px 0px 5px 0px;
  opacity: 0.4;
}
.mobile-main-market-condition-price {
  font-size: 1em;
  font-weight: var(--font-family-bold);
  color: white;
}
.mobile-main-market-condition-rate-up {
  font-size: 13px;
  color: rgb(32,97,226);
}
.mobile-main-market-condition-rate-down {
  font-size: 13px;
  color: #f55151;
}

.mobile-main-market-symbol-layer {
  background-size: 4px 4px;
  overflow-x: scroll;
  /* display: inline-flex; */
  /* width: 100%; */
  padding: 15px;
}
.marketCapitalization {
    border-radius: 20px;
    background: rgb(35,39,67);
    position: relative;
    top: -15px;
    padding-top: 20px;
}

.mobile-main-market-symbol-layer > div > div > div > div {
  padding: 0px 3px 0px 3px;
}

.mobile-main-market-symbol-item {
  padding: 20px 10px 20px 10px;
  display: flex !important;
  background-color: rgb(50,54,85);
  border-radius: 40px;
  text-align: center;
  margin: 0px 15px 0px 0px;
}

.mobile-main-market-symbol-name {
  display: flex;
  /* justify-content: center; */
  color: white;
  width: 60%;
}
.mobile-main-market-symbol-price {
  display: flex;
  justify-content: center;
  color: white;
  width: 40%;
}
.mobile-main-market-symbol-rate {
  display: flex;
  justify-content: center;
  color: white;
  width: 20%;
}
.mobile-main-market-symbol-name-text {
  font-size: 0.9em;
  text-align: left;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mobile-main-market-symbol-image {
  width: 16px;
  height: 16px;
  margin: 2px 5px 0px 5px !important;
}
.mobile-main-market-price-text {
  font-size: 0.9em;
  font-weight: var(--font-family-bold);
}
.mobile-main-market-symbol-text {
  font-size: 0.9em;
  color: #7e8b99;
  margin: 0px 0px 0px 5px;
}
.mobile-main-market-symbol-rate-span {
  border-radius: 16px;
  font-size: 0.8em;
  background-color: #22b16c;
  padding: 2px 8px 2px 8px;
}

/* Mobile market conditions end*/

.mobile-main-section-title {
  width: 100%;
  display: inline-block;
  font-size: 16px;
  color: #9fa7c1;
  padding: 25px 15px 10px 15px;
  text-align: left;
  font-weight: 400;
  font-family: 'Poppins';
}

.mobile-main-sections-image {
  margin: 0px 10px 2px 0px;
  width: 16px;
}

.mobile-main-user-info-avatar-image {
  width: 16px;
  height: 16px;
  margin: 3px 5px 0px 0px;
  border-radius: 50%;
}

.mobile-main-curation-item-container {
  display: flex;
  padding: 10px 15px 10px 15px;
  padding-left: 15px  !important;
  /* margin-left: 0px;
  margin-right: 0px; */
  /* width: 100%; */
}

.mobile-main-curation-item-thumbnail-wrapper {
  /* background-color: #000000; */
  height: 95px;
  width: 95px;
}

.mobile-main-curation-item-thumbnail {
  position: relative;
  padding-top: 95px; /* 100% = 1:1 ratio */
  padding-right: 95px;
  overflow: hidden;
  border-radius: 7px;
}

.mobile-main-curation-item-thumbnail-centered {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
}

.mobile-main-curation-item-thumbnail-img {
  transform: translate(-50%, -50%);
}

.mobile-main-curation-item-text-layer {
  padding: 0px 0px 0px 10px;
}

.mobile-main-curation-item-title {
  font-size: var(--font-size-14);
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 0.9em;
  white-space: nowrap;
  word-break: break-all;
  width: 100%;
  height: 25px;
  /* color: var(--font-color-1); */
}

.mobile-main-curation-item-content {
  color: #909090;
  width: 100%;
  height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-size: 0.9em;
  margin: 5px 0px 5px 0px;
}

.mobile-main-posts-item-user-info-block {
  display: flex;
  width: 100%;
  padding: 2px 0px 0px 0px;
  /* border-top: 1px solid var(--line-color-4); */
}

.mobile-main-posts-item-reaction-layer {
  position: absolute;
  padding: 2px 5px 0px 0px;
  right: 10px;
}

.mobile-main-posts-item-user-name-text {
  font-size: 12px;
  color: rgb(159,167,193);
  font-weight: 400;
  display: inline-flex;
  margin: 0px 0px 0px 0px;
}

.mobile-main-curation-item-reaction-image-text {
  font-size: 0.9em;
  color: var(--font-color-6);
  margin-left: 8px;
  display: inline-flex;
}

.mobile-main-curation-item-reaction-image {
  margin: 4px 0px 0px 0px;
  height: 12px;
  width: 12px;
}

.mobile-main-curation-item-reaction-text {
  padding: 0px 0px 0px 6px;
}

.mobile-main-my-asset-section {
  display: flex;
  background: linear-gradient(180deg, rgb(32,97,226),rgb(175,125,255));
  font-weight: var(--font-family-regular);
  font-size: 1em;
  color: #fff;
  padding: 12px 0px 25px 15px;
  white-space: nowrap;
}

.mobile-main-my-asset-image {
  width: 18px;
    position: relative;
    top: -2px;
}
.mobile-main-my-asset-section .my-asset {
  opacity: 0.7;
}
.mobile-main-my-asset-price-layer {
  display: flex;
  width: 100%;
}

.mobile-main-my-asset-item-layer {
  width: 112px;
}

.mobile-main-my-asset-item-layer > a {
  font-size: 17px;
    color: #fff;
    font-weight: 700;
}

.mobile-main-my-asset-login-layer {
  color: #fff;
}

.mobile-main-my-asset-login-layer > a {
  color: #fff;
}

.mobile-main-recommend-item-reaction-image {
  margin: 4px 0px 0px 0px;
  height: 12px;
  width: 12px;
}

.mobile-main-recommend-item-title {
  text-align: left !important;
  overflow: hidden;
  font-weight: 500;
  width: 100%;
  height: 37px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  /* border-bottom: 1px solid var(--line-color-1); */
  font-size: 14px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 4px 0px;
}

.mobile-main-recommend-section-image {
  margin: 0px 10px 2px 0px;
  width: 16px;
}

.mobile-main-posts-more-layer {
  float: right;
  text-decoration: underline;
  font-weight: var(--font-family-regular);
}

.mobile-main-posts-more-layer > a {
  color: #000000;
}

.mobile-dapp-recent-clear-layer {
  float: right;
  text-decoration: underline;
  margin-top: 2px;
  font-weight: var(--font-family-regular);
  font-size: 14px;
}


.mobile-main-recent-item-layer {
  display: flex;
  padding: 15px 15px 15px 15px;
  border-bottom: 1px solid var(--line-color-1);
}

.mobile-main-recent-item-title-text {
  font-weight: var(--font-family-bold);
  width: 100%;
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 1; */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  /* border-bottom: 1px solid var(--line-color-1); */
  font-size: 0.9em;
}

.mobile-main-recent-item-datetime-text {
  font-size: 0.9em;
  color: var(--font-color-6);
}

.mobile-main-recent-item-symbol-image {
  width: 16px !important;
  height: 16px;
  margin: -2px 5px 0px 0px;
}

.mobile-main-writer-another-post-symbol-image {
  width: 16px;
  height: 16px;
  margin: -2px 5px 0px 0px;
}

.mobile-main-writer-another-post-title-text {
  margin-top: 5px;
  font-weight: var(--font-family-bold);
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.9em;
}
/* New mobile main page styles end */

.mobile-nav-item-ticker {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  top: 10%;
  background: red;
  font-size: 7px;
  color: white;
  line-height: 11px;
  height: 11px;
  width: 35px;
  border-radius: 16px;
}

.mobile-hamburger-sub-ticker {
  background: red;
  font-size: 7px;
  color: white;
  text-align: center;
  line-height: 11px;
  margin: 6px 0px 0px 5px;
  height: 11px;
  width: 35px;
  border-radius: 16px;
}

.mobile-attendance-button-text-div {
  display: inline-flex;
  line-height: 20px;
}

.mobile-attendance-event-badge-image {
  width: 130px;
  position: sticky;
  margin: -48px 0px 0px -140px;
}

.mobile-event-pin-flower-image {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

/* 202006EVENT PAGE STYLES */

.mobile-2006-event-duration {
  position: absolute;
  top: 29.4%;
  left: 50%;
  transform: translatex(-50%);
  display: inline-block;
  width: 70%;
  text-align: center;
  color: #000000;
  font-size: 3vw;
}

.mobile-2006-event-1-div {
  width: 100%;
}

.mobile-2006-event-1-div-contents {
  text-align: center;
  background: #f2f2f2;
  box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.1);
  margin-left: 3.7%;
  margin-right: 3.7%;
}

.mobile-2006-event-accu-present-mission-state-span {
  border: 1px solid #85a601;
  border-radius: 20px;
  background: #85a601;
  width: 54%;
  display: block;
  color: #fff;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

.mobile-2006-event-1-div-background {
  background: #e0eaec;
}

.mobile-2006-event-complete-mark {
  position: absolute;
  margin: -12px 0px 0px 0px;
  width: 45px;
}

.mobile-2006-event-1-explain-text {
  padding: 3% 0% 7% 0%;
  font-size: 3vw;
}

.mobile-2006-event-2-explain-text {
  margin: 10% 7% 0% 7%;
  font-size: 3vw;
  padding-bottom: 8%;
  border-bottom: 1px solid var(--line-color-3);
}

.mobile-2006-event-2-pizza {
  margin: 0% 0% 8% 0%;
  width: 80%;
}

.mobile-2006-event-2-swap {
  width: 80%;
}

.mobile-2006-event-2-aos {
  padding: 5% 5% 3% 3%;
  width: 45%;
}

.mobile-2006-event-2-ios {
  padding: 5% 3% 3% 5%;
  width: 45%;
  border-left: 1px solid var(--line-color-3);
}

.mobile-2006-event-blue-text {
  color: blue;
  font-weight: var(--font-family-bold);
}

.mobile-2006-event-red-text {
  color: red;
  font-weight: var(--font-family-bold);
}

.mobile-2006-event-person-icon-head {
  padding: 10px 0px 0px 0px;
}

.mobile-2006-event-unit-mission-box {
  margin-left: 2%;
  margin-right: 2%;
  width: 19%;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mobile-2006-event-send-state-is-disabled {
  background: #d0d3d4;
}

.mobile-2006-event-send-state-nums {
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  width: 40px;
  height: 40px;
}

.mobile-2006-event-send-state-nums-is-write {
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  width: 40px;
  height: 40px;
}

.mobile-2006-event-send-state-component {
  color: var(--font-color-1);
  margin: 5px auto 5px auto;
  border-radius: 60% 60% 0% 0%;
  height: 65px;
}

.mobile-2006-event-complete-layer {
  /* opacity: 0.4; */
  color: white;
  padding: 10px;
}

.mobile-2006-event-not-complete-layer {
  color: #ffffff;
  padding: 10px;
}

.mobile-2006-event-send-state-is-complete {
  background: #85a601;
  color: #ffffff;
}

.mobile-2006-event-send-state-is-complete-button,
.mobile-2006-event-send-state-is-complete-button:hover,
.mobile-2006-event-send-state-is-complete-button:active,
.mobile-2006-event-send-state-is-complete-button:focus,
.mobile-2006-event-send-state-is-complete-button:active:focus,
.mobile-2006-event-send-state-is-complete-button:active:hover,
.mobile-2006-event-send-state-is-complete-button:active.focus {
  background: #616e31;
  color: #ffffff;
  border: none;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: unset;
}

.mobile-2006-event-send-state-is-abled {
  background: #118ee2 !important;
  color: var(--font-color-1);
}

.mobile-2006-event-send-state-is-abled-button,
.mobile-2006-event-send-state-is-abled-button:hover,
.mobile-2006-event-send-state-is-abled-button:active,
.mobile-2006-event-send-state-is-abled-button:focus,
.mobile-2006-event-send-state-is-abled-button:active:focus,
.mobile-2006-event-send-state-is-abled-button:active:hover,
.mobile-2006-event-send-state-is-abled-button:active.focus {
  background: #324faf;
  color: #ffffff;
  border: none;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.mobile-2006-event-send-state-is-disabled {
  background: #d0d3d4;
  color: #ffffff;
}

.mobile-2006-event-send-state-is-disabled-button,
.mobile-2006-event-send-state-is-disabled-button:hover,
.mobile-2006-event-send-state-is-disabled-button:active,
.mobile-2006-event-send-state-is-disabled-button:focus,
.mobile-2006-event-send-state-is-disabled-button:active:focus,
.mobile-2006-event-send-state-is-disabled-button:active:hover,
.mobile-2006-event-send-state-is-disabled-button:active.focus {
  background: #a0a7a7;
  color: #ffffff;
  border: none;
  border-radius: 0px;
  width: 100%;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.mobile-2006-event-3-check-button-layer {
  background: #e3e4e6;
  margin: 0% 4% 0% 4%;
}
.mobile-2006-event-3-check-button {
  width: 80%;
}

.mobile-2006-event-3-explain-text {
  background: #e3e4e6;
  margin: 0% 4% 0% 4%;
  font-size: 3vw;
  padding: 8% 2% 8% 2%;
  border-radius: 0% 0% 15px 15px;
}

.mobile-2006-event-4-explain-text {
  position: absolute;
  bottom: 18%;
  margin-bottom: 10px;
  left: 50%;
  width: 100%;
  transform: translatex(-50%);
  text-align: center;
  font-size: 0.8em;
}

.mobile-talken-event-accu-present-layer {
  margin: 15px 0px 15px 0px;
  font-weight: var(--font-family-bold);
  font-size: 16px;
}

.mobile-footer-nav-icon {
  /* display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: var(--background-color-4);
  border-radius: 48% / 25%;
  cursor: pointer; */
}

.mobile-footer-nav-icon:before {
  /* content: '';
  width: 58px;
  height: 38px;
  position: absolute;
  background: inherit;
  border-radius: 21% / 68%; */
}

.mobile-footer-nav-icon > img {
  width: 48px;
  height: auto;
  z-index: 1;
}

.mobile-footer-nav-icon-layer {
  display: flex;
  justify-content: space-around;
  font-weight: var(--font-family-regular);
  background-color: #e5e8f5;
  padding: 15px 5px 10px 5px;
}

.mobile-footer-nav-text-span {
  display: inherit;
  text-align: center;
  color: var(--font-color-2);
}

.mobile-footer-nav-link-layer {
  padding: 16px;
}

.mobile-footer-nav-link-layer > img {
  margin: 0px 10px 0px 0px;
  width: 14px;
  /* image-rendering: pixelated; */
}
.mobile-footer-nav-link-layer > span {
  margin: 10px 10px 0px 0px;
  display: inline-block;
}

.mobile-footer-nav-container {
  height: auto;
  width: 100%;
  color: var(--font-color-1);
  background-color: var(--background-color-4);
  margin: auto;
}

.mobile-tokens-all-layer {
  padding: 1px 10px 10px 10px;
  background-color: #edeeef;
}

.mobile-tokens-all-item-layer {
  padding: 8px 8px 1px 8px;
  margin: 10px 0px 0px 0px;
  height: auto;
  width: 100%;
  border-radius: 15px;
  box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.4);
  background-color: white;
}

.tokens-category-container {
  height: 51px !important;
  border-bottom: 1px solid #dcdee0;
  background: white;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.mobile-tokens-all-search-sort-layer {
  display: inline;
  margin: 15px 0px 15px 0px;
}

.mobile-tokens-all-input {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 13px;
  height: 38px;
  width: 55%;
  border-radius: 15px;
  border: none;
}

.mobile-tokens-all-dropdown-select-layer {
  margin: 10px 0px 0px 0px;
  width: 135px;
  float: right;
}

.mobile-tokens-all-dropdown-select-layer > div > div {
  padding: 0px 0px 0px 0px;
  direction: ltr;
}

.mobile-tokens-all-dropdown-select-layer > div > div > div {
  color: #395bb8;
}

.mobile-deanchor-estimated-fee-event-text {
  color: #f32828;
}

/* 202009이벤트 start */
.mobile-talken-event-2009-header-div {
  background: #1b2132;
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mobile-2009-event-1-div-background {
  background: #efefef;
}

.mobile-2009-event-1-div-contents {
  text-align: center;
  background: #ffffff;
  margin-left: 3.7%;
  margin-right: 3.7%;
}

.mobile-2009-event-1-explain-text {
  padding: 5% 0% 5% 6%;
  margin: 0% 3% 0% 3%;
  font-size: 3vw;
  text-align: left;
  background: #efefef;
  border-radius: 8px;
}

.mobile-2009-event-1-status-layer-wrapper {
  background-color: #163042;
  padding: 0px 20px 0px 20px;
}

.mobile-2009-event-1-status-layer {
  text-align: center;
  border-top: gray 1px dotted;
  border-bottom: gray 1px dotted;
  padding: 20px 0px 20px 0px;
}

.mobile-2009-event-1-status {
  color: white;
  font-size: 3vw;
  font-weight: var(--font-family-bold);
}

.mobile-2009-event-1-period {
  color: #c1c4c9;
  font-size: 3vw;
}

.mobile-liquidity-category-container {
  height: 51px !important;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  position: absolute;
}

.mobile-liquidity-category-span {
  width: 33.3%;
  display: inline-block;
  padding-top: 14px;
  padding-bottom: 14px;
  cursor: pointer;
  font-size: 3vw;
  font-weight: var(--font-family-regular);
}

.mobile-liquidity-category-active {
  color: #ffffff;
  /* border-bottom: 2px solid #395BB8; */
  font-size: 3vw;
  font-weight: var(--font-family-regular);
}

.mobile-liquidity-category-dimmed-color {
  color: black !important;
  background-color: #efefef;
}

.mobile-2009-event-1-wrapper {
  position: relative;
}

.mobile-2009-event-1-background-image {
  width: 100%;
  background-color: #efefef;
}

.mobile-2009-event-1-about-mission {
  display: flex;
}

.mobile-2009-event-1-moon-image-span {
  width: 52%;
}

.mobile-2009-event-1-moon-image {
  width: 45vw;
}

.mobile-2009-event-1-about-mission-span {
  text-align: right;
  color: #fff;
  font-size: 3vw;
  width: 48%;
  padding: 11vw 7vw 0px 0px;
}

.mobile-2009-event-1-detail-layer {
  height: 140vw;
  margin: -140vw 0px 0px 0px;
  width: 100%;
  /* position: relative; */
  position: absolute;
}

.mobile-2009-event-1-ticker-image {
  position: absolute;
  width: 11vw;
  margin: -6vw 0px 0px -3vw;
}

.mobile-2009-event-1-state-image {
  width: 20vw;
  margin: 0px 0px 2vw 0px;
}

.mobile-2009-event-1-progress-buttons {
  height: 62%;
  /* background-color: #F32828; */
}

.mobile-2009-event-1-progress-box {
  border-radius: 12px;
  padding: 3vw 3vw 0px 3vw;
  text-align: justify;
  background: #ffffff;
  width: 80%;
  height: 15vw;
  font-size: 3vw;
  margin: 30px auto 9vw auto;
  color: #b1b1b1;
}

.mobile-2009-event-1-progress-quantity {
  color: #4e95f7;
  text-align: justify;
}

.mobile-2009-event-1-progress-percent {
  color: #a2a5aa;
  float: right;
}

.mobile-2009-event-1-progress-bar {
  width: 100%;
  height: 10px;
  margin: 5px 0px 5px 0px;
  background-image: none;
  background-color: #d1d1d1;
  box-shadow: none;
  border-radius: 12px;
}

.mobile-2009-event-1-progress-bar-fill {
  border-radius: 12px;
  padding: 3px 0 0 0 !important;
  float: left;
  width: 0;
  height: 100%;
  font-size: var(--font-size-14);
  line-height: 20px;
  color: #ffffff;
  box-shadow: none;
  text-align: center;
  background-color: #d4d4d4;
  transition: width 0.6s ease;
  background-image: linear-gradient(to bottom, #e7b900 0, #e7b900 100%);
}

.mobile-2009-event-1-gray-button {
  border: 1px solid #425255;
  border-radius: 10vw;
  /* background: #4f74d6; */
  background: linear-gradient(#7c7c7b, #425255);
  width: 80%;
  height: 10vw;
  display: block;
  color: #fff;
  padding: 2.5vw 0px 0px 0px;
  margin: 0px auto 8vw auto;
  font-size: 3vw;
  cursor: pointer;
}

.mobile-2009-event-1-blue-button {
  border: 1px solid #4f74d6;
  border-radius: 10vw;
  /* background: #4f74d6; */
  background: linear-gradient(#5e84ec, #3d5fbd);
  width: 80%;
  height: 10vw;
  display: block;
  color: #fff;
  padding: 2.5vw 0px 0px 0px;
  margin: 0px auto 8vw auto;
  font-size: 3vw;
  cursor: pointer;
}

.mobile-2009-event-1-stamp-layer-wrapper {
  text-align: center;
  background: #ffffff;
  margin-left: 3.7%;
  margin-right: 3.7%;
}

.mobile-2009-event-1-stamp-list-wrapper {
  background: #f7f2e8;
  padding: 0px 10px 0px 10px;
  margin-left: 3.9%;
  margin-right: 3.9%;
}

.mobile-2009-event-1-stamp-list-wrapper:after {
  content: "";
  display: block;
  clear: both;
}

.mobile-2009-event-2-attendance-button {
  border: 1px solid #4f74d6;
  border-radius: 10vw;
  background: linear-gradient(#5e84ec, #3d5fbd);
  height: 10vw;
  color: #fff;
  padding: 2.5vw 0px 0px 0px;
  margin: -13vw 0px 0px 12vw;
  font-size: 3vw;
  width: 50%;
  text-align: center;
  position: absolute;
}

.mobile-2009-event-2-stamp-layer {
  width: 33%;
  display: inline-table;
  float: left;
  margin: 0px 0px 15px 0px;
}

.mobile-2009-event-2-stamp-empty {
  font-size: 15px;
  padding: 50px 50px 50px 50px;
}

.mobile-2009-event-2-date-ticker {
  width: 11vw;
  background-color: #555151;
  color: #fff;
  font-size: 2.5vw;
  margin: 2vw auto 2vw auto;
  border-radius: 5px;
}

.mobile-2009-event-2-stamp-image {
  width: 100%;
  padding: 0px 10px 0px 10px;
}

.mobile-2009-event-3-how-to-image {
  width: 100%;
  padding: 0px 3.7% 0px 3.7%;
}

.mobile-2009-event-footer-div {
  background-color: #113547;
  color: var(--font-color-1);
  padding-left: 3%;
  padding-top: 20px;
  padding-right: 3%;
  padding-bottom: 20px;
}
/* 202009이벤트 end */

/* wallet tx pending list */
.mobile-account-item-wallet-tx-pending-list {
  padding-left: 15px;
  padding-right: 15px;
  /* margin-top: 20px!important; */
}

.mobile-sent-tx-title-layer {
  margin: 5px 0px 5px 0px;
  color: #86a7ef;
  font-size: 0.5em;
  text-align: center;
}

/* wallet verify 배너 */
.mobile-banner-wallet-verify-close-button-div {
  width: 30px;
  float: right;
  margin: 0px 48px 0px 0px;
}

.mobile-banner-wallet-verify-close-button-image {
  width: 30px;
  cursor: pointer;
  position: absolute;
  margin: 18px 0px 0px 0px;
}

.mobile-banner-wallet-verify-click-area {
  cursor: pointer;
  position: absolute;
  cursor: pointer;
  top: 30%;
  left: 50%;
  width: 91%;
  height: 60%;
  transform: translateX(-50%);
}

.mobile-hamburger-please-login-div {
  text-align: center;
  margin-bottom: 13px;
  color: var(--font-color-2);
  font-size: 0.8em;
}

/* Gas Price, Limit Modal */
.mobile-wallet-send-gas-limit-modal-open-button {
  width: 40%;
  background: #2f5597;
  border: 1px solid #179cf0;
  border-radius: 4px;
  text-align: center;
  color: white;
  font-size: 0.9em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}

.mobile-send-popup-gas-price-limit-text {
  float: right;
  text-align: right;
}

.mobile-wallet-send-gas-limit-modal {
  overflow: scroll !important;
}

.mobile-wallet-send-gas-limit-modal > .modal-dialog {
  width: 100% !important;
  margin: 10px auto;
}

.mobile-wallet-send-gas-limit-modal > .modal-dialog > .modal-content {
  border-radius: unset;
}

.mobile-wallet-send-gas-limit-body-layer {
  display: inline-block;
  width: 100%;
}

.mobile-wallet-send-gas-limit-buttons-div {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.mobile-wallet-send-gas-limit-buttons-wrapper {
  padding-bottom: 20px;
  margin: 0px 0px 10px 0px;
  display: flex;
}

.mobile-wallet-send-gas-speed-button {
  width: 40px;
  height: 40px;
  /* background: #edeeef; */
  width: 18vw;
  height: 18vw;
  border-radius: 10px !important;
  position: relative;
}

.mobile-wallet-send-gas-speed-active {
  background: rgb(32,97,226) !important
}

.mobile-wallet-send-gas-limit-speed-text {
  padding: 0px 0px 0px 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.9em;
  width: 100%;
  color: #a8aab3;
  font-weight: var(--font-family-bold);
}

.mobile-wallet-send-eth-usd-text {
  font-size: 0.7em;
  font-weight: var(--font-family-regular);
}

.mobile-wallet-send-gas-limit-speed-custom-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.9em;
  width: 100%;
  color: #a8aab3;
  text-align: center;
}

.mobile-wallet-send-gas-limit-speed-text-active .bold{
  color: white !important;
}

.mobile-wallet-send-gas-limit-gas-div {
  margin: 5px 0px 10px 0px;
}

.mobile-wallet-send-gas-limit-limit-div {
  margin: 5px 0px 10px 0px;
}

.mobile-wallet-send-gas-limit-title-div {
  margin: 0px 0px 10px 0px;
}

.mobile-wallet-send-gas-limit-limit-text-input {
  text-align: right;
  width: 100%;
  height: 48px;
  border: 1px solid #eaeaea;
  padding: 16px 24px 16px 15px;
  font-weight: var(--font-family-medium);
  font-size: 1.25em;
  color: var(--font-color-2) !important;
}

.mobile-wallet-send-gas-limit-description-text {
  color: rgb(159,167,193);
  font-size: 0.8em;
  font-weight: var(--font-family-regular);
  text-align: center;
  margin: 20px 0px 20px 0px;
}

.mobile-wallet-send-gas-limit-warn-text {
  color: var(--font-color-13);
  font-size: 0.8em;
  font-weight: var(--font-family-regular);
  text-align: right;
  margin: 6px 0px 0px 0px;
}

.mobile-wallet-send-gas-limit-eth-text {
  font-weight: var(--font-family-medium);
  font-size: 0.9em;
  color: var(--font-color-2) !important;
}

.mobile-hamburger-close-button {
  width: 1.2em;
  z-index: 1;
}
.mobile-manage-wallet-button-div {
  box-shadow: 10px 20px 15px 0px rgb(228 230 235 / 80%);
  margin: 15px auto 32px auto!important;
  background: linear-gradient(131deg, rgb(32,97,226),rgb(176,124,254));
  height: 55px;
  width: 90%;
  margin: auto;
  border-radius: 12px;
}
.mobile-width-100 .no-wallet-container-detail {
  background: rgb(248,250,255);
}
.mobile-manage-wallet-button {
  color: #ffffff;
  font-weight: var(--font-family-regular);
  float: left;
  display: flex;
  width: 35%;
  align-items: center;
  height: 55px;
  padding-left: 12px;
}

.mobile-manage-wallet-alert-img {
  margin: 0 0.4em 0.1em;
  width: 15px;
  height: auto;
}

.mobile-manage-wallet-button-arrow {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.mobile-manage-wallet-button-arrow-div {
  float: right;
  margin-right: 2.5%;
  height: 55px;
  display: flex;
  align-items: center;
}

.mobile-abc-wallet-button-div {
  box-shadow: 10px 20px 15px 0px rgb(228 230 235 / 80%);
  margin: 15px auto 15px auto!important;
  padding: 20px;
  background: rgb(32,97,226);
  height: 55px;
  width: 90%;
  margin: auto;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-abc-wallet-button {
  color: #ffffff;
  font-weight: var(--font-family-regular);
  display: flex;
  align-items: center;
}

.mobile-abc-wallet-alert-img {
  margin: 0 0.4em 0.1em;
  width: 15px;
  height: auto;
}

.mobile-abc-wallet-button-arrow {
  width: 20px;
  height: 20px;
}

.mobile-abc-wallet-button-arrow-div {
  display: flex;
  align-items: center;
}

.mobile-manage-wallet-icon {
  margin: 1px 10px 3% 0px;
  width: 15px;
  height: 100%;
}
.mobile-manage-wallet-status {
  color: #ffffff;
  font-weight: var(--font-family-regular);
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  display: flex;
  float: left;
  width: 50%;
  align-items: center;
  height: 55px;
}

.mobile-wallet-status {
  font-weight: var(--font-family-regular);
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  color: #9fa7c1;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  display: flex;
  margin-bottom: 10px;;
}
.mobile-wallet-status-span {
 /* background: linear-gradient(131deg,#2061e2,#b07cfe); */
  border: 2px solid #9fa7c1;
  border-radius: 15px;
  padding: 2px 8px 2px 3px;
}

.mobile-wallet-setting-icon {
  width: 20px;
  margin-left: 20px;
  margin-top: -2px;
}

.mobileWalletManageContainer {
  position: relative;
}

.mobile-wallet-recovery-warning-div {
  background: #c5d4f4;
  height: 75px;
  width: 90%;
  border-radius: 10px;
  margin: 4% auto;
  font-weight: var(--font-family-regular);
  display: flex;
}

.mobile-wallet-recovery-warning-icon {
  float: left;
  margin-top: 0.5em;
  width: 20px;
  height: auto;
}

.mobile-wallet-recovery-warning-message {
  float: left;
  color: rgb(32,97,226);
  height: 75px;
  align-items: center;
  display: flex;
  position: relative;
  margin: 0 auto;
  padding-left: 30px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 12px;
  font-weight: 400;
}

.mobile-wallet-recovery-warning-arrow {
  float: right;
  margin-top: 0.5em;
  width: 20px;
  height: auto;
  cursor: pointer;
}
.mobile-wallet-manage-page-div {
  background-color: rgb(248,250,255);
}

.mobile-manage-wallet-status-div {
  /* background-color: #ffffff; */
  position: relative;
  /* box-shadow: 3px 3px 9px -6px rgba(0, 0, 0, 0.55); */
}

.mobile-wallet-manage-header {
  height: 66px;
  display: inline-block;
  width: 100%;
  padding: 15px;
  text-align: center;
  /* background: #395bb8 !important; */
}

.mobile-wallet-back-arrow {
  float: left;
  margin-left: 5px;
  margin-top: 2px;
  width: 37px;
  height: 38px;
  position: absolute;
  left: 0;
}

.mobile-wallet-manage-header-title {
  font-size: 20px;
  font-family: 'Poppins';
  font-weight: 700;
  line-height: 1.8;
  /* margin-right: 16px; */
  color: #000;
}

.mobile-manage-wallet-page-status-1 {
  float: left;
}

.mobile-manage-wallet-page-status-2 {
  float: left;
}

.mobile-manage-wallet-status-text-block {
  padding: 1em;
  padding-left: 0.4em;
  padding-bottom: 4.8em;
  width: 90%;
  height: 4.5em;
  margin: 0 auto;
  font-size: var(--font-size-13);
  font-weight: var(--font-family-bold);
}

.mobile-manage-wallet-page-alert-img {
  margin-left: 15px;
  margin-right: 15px;
}

.mobile-manage-wallet-status-text-1 {
  color: rgb(159,167,193);
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 14px;
  font-weight: 400;

}

.mobile-manage-wallet-page-icon {
  width: 17px;
  height: auto;
  margin-right: 1em;
  margin-bottom: 3px;
}

.mobile-manage-wallet-page-status-text-2 {
  color: rgb(32,97,226);
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 18px;
  font-weight: 700; 
}

.mobile-manage-wallet-status-div-hr {
  border-top: 1px solid var(--line-color-1);
  width: 92%;
  margin: 1.5em auto;
}

.mobile-manage-wallet-page-status-alert-img {
  width: 17px;
  height: auto;
  margin-right: 12px;
  /* margin-left: 12px; */
  margin-bottom: 3px;
}

.mobile-manage-wallet-status-confirm-div {
  width: 96%;
  margin: 0 auto;
  padding: 1em;
}

.mobile-manage-wallet-status-recovery-text {
  color: rgb(159,167,193);
  font-size: 12px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 400;
}

.mobile-manage-wallet-recovery-btn {
  display: block;
  margin: 2em auto;
  background-color: var(--background-color-4);
  color: #ffffff;
  border-radius: 20px;
  width: 100%;
}

.mobile-manage-wallet-recovery-warning-icon-div {
  display: inline-block;
  width: 4%;
  float: left;
  display: flex;
  align-items: center;
  padding-left: 10px;
  margin-left: 3px;
}
.mobile-wallet-recovery-warning-arrow-div {
  margin-right: 5px;
  display: inline-block;
  float: right;
  width: 10%;
  height: 75px;
  align-items: center;
  display: flex;
}

.mobile-manage-wallet-mnemonic-div {
  /* background-color: var(--background-color-2); */
  padding: 1.54em;
  margin-top: -2em;

}

.mobile-manage-wallet-use-guide-div {
  /* background-color: var(--background-color-2); */
  padding: 1em;
}

.mobile-manage-wallet-use-guide-link {
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 2em;
  text-decoration: underline;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

.mobile-manage-wallet-use-guide-link a {
  color: rgb(159,167,193);
}

.mobile-manage-wallet-setting-component {
  height: 145px;
  width: 95%;
  margin: 0 auto;
  margin-bottom: 1.3em;
  padding-top: 1.2em;
  padding: 1.3em;
  background-color: white;
  position: relative;
  border-radius: 10px;
  box-shadow: 3px 3px 3px 2px rgb(0 0 0 / 5%);
}

.mobile-manage-wallet-create-status-wallet-img {
  padding-bottom: 3px;

  width: 19px;
  height: auto;
  margin-right: 10px;
}

.mobile-manage-wallet-recovery-status-wallet-img {
  padding-bottom: 3px;
  width: 19px;
  height: auto;
  margin-right: 10px;
}

.mobile-manage-wallet-recovery-document-check-status-wallet-img {
  padding-bottom: 3px;
  width: 19px;
  height: auto;
  margin-right: 10px;
}

.mobile-manage-wallet-setting-status-text-1 {
  display: inline-block;
  position: relative;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 14px;
}

.mobile-manage-wallet-setting-status-text-2 {
  display: inline;
  width: 50%;
  position: relative;
  margin-top: 0.5em;
  float: right;
  text-align: right;
}

.mobile-manage-wallet-setting-status-ok {
  color: var(--font-color-15);
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 400;
  font-size: 12px;
}

.mobile-manage-wallet-setting-status-alert {
  color: var(--font-color-13);
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 400;
  font-size: 12px;
}

.mobile-manage-wallet-setting-status-time-ok {
  font-size: var(--font-size-11);
  color: var(--font-color-15);
}

.mobile-manage-wallet-setting-status-time-alert {
  font-size: var(--font-size-11);
  color: var(--font-color-13);
}

.mobile-manage-wallet-setting-description {
  color: rgb(159,167,193);
  margin-top: 1em;
  font-size: 12px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 400;
}

.mobile-talk-erc-20-check-button {
  margin: 0px -40px 0px 20px;
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: unset !important;
  float: left;
  padding: 10px 0px;
}

.mobile-talk-erc-20-check-text {
  font-size: 0.8em;
}

.mobile-wallet-talk-swap-popup-open-button {
  width: 30%;
  margin: auto;
  margin-right: 5px;
  background: #2f5597;
  border: 1px solid #179cf0;
  border-radius: 4px;
  text-align: center;
  color: white;
  font-size: 0.9em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
}

.mobile-swap-popup-available-talk-layer-1 {
  font-size: 1em;
  font-weight: var(--font-family-bold);
  color: var(--font-color-7) !important;
  padding: 20px 0px 0px 25px;
  white-space: pre-wrap;
}

.mobile-swap-popup-available-talk-layer-2 {
  font-size: 1em;
  font-weight: var(--font-family-bold);
  color: var(--font-color-7) !important;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobile-swap-popup-send-amount-text-input {
  text-align: right;
  width: 60%;
  height: 48px;
  border: 1px solid #eaeaea;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: var(--font-family-medium);
  font-size: 1.25em;
  color: var(--font-color-2) !important;
}

.mobile-swap-popup-from-to-symbol-layer {
  font-size: 1.5em;
  color: var(--font-color-2) !important;
  margin: 0px 0px 0px 10px;
}

.mobile-wallet-list-item-detail-result-icon {
  width: 36px;
  height: 36px;
  margin: 0px 2px 0px 0px;
}

.mobile-swap-popup-arrow-down-layer {
  text-align: center;
  margin: 0px 0px 10px 0px;
}

.mobile-swap-popup-arrow-down-image {
  width: 72px;
  height: 72px;
}

.mobile-swap-popup-link-chain-layer {
  margin: 10px 0px 0px 0px;
  text-align: center;
}

.mobile-swap-popup-link-chain-image {
  width: 20px;
  height: 20px;
}

.mobile-swap-button-box-klayswap {
  height: 35px;
  padding: 18px;
  border-radius: 25px;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.mobile-swap-button-box-uniswap {
  height: 35px;
  padding: 18px;
  border-radius: 25px;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.mobile-swap-button-box-mainnet-change {
  height: 35px;
  padding: 18px;
  border-radius: 25px;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.mobile-swap-button-text {
  color: #ffffff;
  font-size: var(--font-size-14);
}

.mobile-swap-button-div {
  display: flex;
  margin-top: 18px;
  margin-left: -15px;
}

.mobile-wallet-usdt-claim-button {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 170px;
  height: 40px;
}

.mobile-wallet-list-platform-wrapper {
  border-radius: 20px;
  background: white;
  margin: 20px;
  /* border-radius: 20px; */
  /* background: white; */
  /* margin: 20px; */
  display: flex;
  /* background-color: #eff2f4; */
  height: 50px;
  padding: 13px;
  /* font-size: 1em; */
}

.mobile-wallet-list-platform-image-layer {
  width: 15px;
}

.mobile-wallet-list-platform-title-layer {
  padding-left: 18px;
  width: 55%;
  text-align: left;
  font-weight: bold;
}

.mobile-wallet-list-platform-settings-layer {
  width: 27%;
  text-align: right;
}

.mobile-wallet-list-platform-arrow-layer {
    width: 40%;
    text-align: right;
    cursor: pointer;
}

.mobile-wallet-list-platform-arrow-image {
  width: 28px;
}

.mobile-intro-page-header-nav {
  background-color: #232056;
  color: white;
  display: flex;
  text-align: center;
  height: 50px;
  padding: 10px 0px 0px 0px;
  position: fixed;
  width: 100%;
  font-size: 0.2em;
}

.mobile-intro-page-header-nav-buttons-wrapper {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  display: contents;
}

.mobile-intro-page-header-nav-buttons-wrapper > a,
.mobile-intro-page-header-nav-buttons-wrapper > a:hover {
  color: white !important;
  text-decoration: none !important;
  cursor: pointer;
}

.mobile-intro-page-wrapper-layer {
  text-align: center;
}

.mobile-intro-page-image-wrapper {
  width: 100vw;
}

.mobile-intro-page-image {
  width: 100%;
}

.mobile-intro-page-div-1 {
  height: 10vw;
  width: 35%;
  position: absolute;
  top: 145vw;
  left: 11%;
}

.mobile-intro-page-div-2 {
  height: 10vw;
  width: 35%;
  position: absolute;
  top: 160vw;
  left: 11%;
}

.mobile-intro-page-div-3 {
  height: 16vw;
  width: 17%;
  position: absolute;
  top: 1078vw;
  left: 6%;
}

.mobile-intro-page-div-4 {
  height: 16vw;
  width: 17%;
  position: absolute;
  top: 1078vw;
  left: 31%;
}

.mobile-intro-page-div-5 {
  height: 16vw;
  width: 17%;
  position: absolute;
  top: 1078vw;
  left: 55%;
}

.mobile-intro-page-div-6 {
  height: 16vw;
  width: 17%;
  position: absolute;
  top: 1078vw;
  left: 78%;
}

.mobile-intro-use-talken-button {
  background: #20357b;
  position: fixed;
  padding: 0px 0px 2px 0px;
  height: 40px;
  width: 83px;
  top: 40px;
  right: 30px;
  border-radius: 10%;
  border: black;
  opacity: 0.9 !important;
  box-shadow: 3px 3px 9px -2px rgb(0 0 0 / 60%);
  z-index: 99999;
  color: white;
  font-weight: bold;
}

.mobile-collectibles-view-div {
}

.mobile-collectibles-view-empty-collectibles-text {
  display: block;
  font-size: var(--font-size-20);
  color: #b6b6b6;
  margin-bottom: 10px;
}

.mobile-collectibles-view-add-collectibles-link-text {
  display: block;
  color: #597bc5;
}

.mobile-collectibles-component-view-div {
  background-color: #ffffff;
  height: 700px;
  position: relative;
  text-align: center;
}

.mobile-collectibles-component-view-empty-collectibles-text {
  margin-top: 50px;
  font-size: var(--font-size-14);
  display: block;
}

.mobile-collectibles-component-view-collectibles-description-text {
  margin-top: 30px;
  font-size: var(--font-size-20);
  font-weight: var(--font-family-bold);
  display: block;
  white-space: pre-line;
}

.mobile-collectibles-rarible-link {
  float: left;
}

.mobile-collectibles-opensea-link {
  float: right;
}

.mobile-collectibles-link-component {
  margin-top: 45px;
  margin-bottom: 30px;
  padding-left: 7em;
  padding-right: 7em;
  padding-bottom: 40px;
  background-color: #ffffff;
}

.mobile-opensea-logo {
  width: 45px;
  height: 45px;
  display: inline-flex;
}

.mobile-rarible-logo {
  width: 45px;
  border-radius: 15px;
  height: 45px;
  display: inline-flex;
}

.mobile-rarible-text {
  display: block;
}

.mobile-opensea-text {
  display: block;
}

.mobile-nft-add-wrapper {
  display: inline-block;
  width: 92%;
  padding: 15px;
  text-align: left;
  background-color: #fff;
  border-radius: 12px;
  font-family: 'Spoqa Han Sans Neo';
}

.mobile-wallet-receive-qr-wrapper {
  padding: 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-family: 'Spoqa Han Sans Neo';
}
.mobile-wallet-receive-qr-item {
  padding: 20px 15px;
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-shadow: rgba(228, 230, 235, 0.4) 10px 10px 10px 0px;
  border-radius: 12px;
}
.mobile-wallet-receive-qr-div {
  display: flex;
  align-items: center;
  margin: 0 10px 10px;
}
.mobile-wallet-receive-qr-address {
  display: flex;
  flex-direction: column;
}
.mobile-wallet-receive-qr-address h2 {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  margin: unset;
}
.mobile-wallet-receive-qr-address span {
  line-break: anywhere;
  width: 90%;
  font-size: 12px;
  line-height: 15px;
  margin-top: 5px;
  text-align: left;
  color: #9fa7c1;
}
.mobile-wallet-receive-popup-qr-code {
  border-radius: 15px;
  width: 270px;
  height: 270px;
  padding: 15px;
  margin-bottom: 15px;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 3px 3px 9px -2px rgba(0, 0, 0, 0.6);
}
.mobile-wallet-receive-qr-email-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #9fa7c1;
  margin-top: 48px;
}
.mobile-manage-wallet-wrapper {
  padding: 15px;
  text-align: left;
}

.mobile-nft-add-input-layer {
  margin: 30px 0px 20px 0px;
}

.mobile-nft-add-text-input {
  text-align: left;
  width: 100%;
  height: 30px;
  border: 1px solid #eaeaea;
  margin: 5px 0px 5px 0px;
  padding: 15px 15px 15px 15px;
  font-weight: 800;
  font-size: 1.25em;
  color: var(--font-color-2) !important;
}

.mobile-nft-add-button-group {
  display: flex;
}

.mobile-nft-add-cancel {
  box-shadow: 10px 14px 5px 0px rgb(228 230 235 / 27%);
  background: rgb(194,197,207);
  width: 35%;
  margin: 0% 1% 0% 1%;
  border-radius: 10px;
  text-align: center;
  color: white;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-weight: 800;
}

.mobile-nft-add-confirm {
  box-shadow: 10px 14px 5px 0px rgb(228 230 235 / 27%);
  width: 61%;
  margin: 0% 1% 0% 1%;
  border-radius: 10px;
  text-align: center;
  color: white;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-weight: 700;
  background: rgb(32,97,226);
}

.mobile-contract-list-view-area {
  display: block;
}

.mobile-nft-card-layer-wrapper {
  /* width: 50%; */
}

.mobile-nft-card-layer {
  padding: 10px 0px 10px 0px;
  text-align: center;
  justify-content: center;
}

.mobile-nft-card {
  border-radius: 7px;
  margin: 0px 15px 0px 15px;
  text-align: center;
  background-color: #fff8f0;
  box-shadow: 3px 3px 9px -2px rgba(0, 0, 0, 0.6);
}

.mobile-nft-card-img {
  height: 180px;
  width: 180px;
}

.mobile-nft-card-info-area {
  background-color: #fff;
  padding: 5px 5px 10px 10px;
  border-radius: 0px 0px 7px 7px;
  text-align: left;
}
.mobile-nft-card-info-name-text {
  font-weight: var(--font-family-bold);
}
.mobile-nft-card-info-detail-text {
  padding: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  background: rgb(248,248,251);
  border-radius: 10px;
}

.mobile-nft-item-thumbnail-wrapper {
  background-color: #000000;
  border-radius: 7px 7px 0px 0px;
}
.mobile-nft-item-thumbnail {
  position: relative;
  /* padding-top: 130px;
    padding-right: 95px; */
  overflow: hidden;
  border-radius: 7px 7px 0px 0px;
}

.mobile-nft-item-thumbnail-centered {
  /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%); */
}

.mobile-nft-item-thumbnail-img {
  height: 30vh;
  width: -moz-fit-content;
  width: fit-content;
  /* -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); */
}

.mobile-margin-bottom-34-vh {
  margin-bottom: 34vh;
}

/* sm mock start */
.mobile-nft-sm-card-layer-wrapper {
  /* width: 50%; */
}
.mobile-nft-sm-card-layer {
  padding: 10px 0px 10px 0px;
  text-align: center;
  justify-content: center;
}
.mobile-nft-sm-card {
  border-radius: 7px;
  margin: 0px 15px 0px 15px;
  text-align: center;
  background-color: #fff8f0;
  box-shadow: 3px 3px 9px -2px rgba(0, 0, 0, 0.6);
}
.mobile-nft-sm-card-title {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  z-index: 99999;
  color: white;
  width: 100%;
}
.mobile-nft-sm-card-title-text {
  margin: 45px 0px 0px 0px;
  font-size: 1.5em;
}
.mobile-nft-sm-item-thumbnail-wrapper {
  background-color: white;
  border-radius: 7px 7px 0px 0px;
}
.mobile-nft-sm-item-thumbnail {
  position: relative;
  padding-top: 165px;
  padding-right: 95px;
  overflow: hidden;
  border-radius: 7px 7px 0px 0px;
}
.mobile-nft-sm-item-thumbnail-centered {
  position: absolute;
  /* top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);*/
  top: -5;
  left: -15px;
  bottom: 0;
}
.mobile-nft-sm-item-thumbnail-img {
  transform: translate(-50%, -50%);
  width: 140%;
  mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 100%
  );
  -webkit-mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.99) 30%
  );
  animation: shake 20s;
  animation-iteration-count: infinite;
}
.mobile-nft-sm-card-info-area-wrapper {
  background-color: white;
  border-radius: 0px 0px 7px 7px;
}
.mobile-nft-sm-card-info-area {
  background-color: white;
  display: flex;
  justify-content: center;
  padding: 0px 3% 0px 3%;
}
.mobile-nft-sm-card-info-layer {
  width: 25%;
  height: 100%;
  padding: 0px 4% 0px 4%;
  margin: -40px 0px 0px 0px;
  z-index: 99;
}
.mobile-nft-sm-token-img {
  width: 90%;
}
.mobile-nft-sm-token-detail-img {
  height: 280px;
  animation: shake 20s;
  animation-iteration-count: infinite;
}
.mobile-nft-sm-card-info-text-1 {
  font-size: 0.9em;
  font-weight: bold;
}
.mobile-nft-sm-card-info-text-2 {
  font-size: 0.8em;
  margin: 0px 0px 5px 0px;
}
.mobile-nft-sm-card-info-text-about {
  font-size: 0.5em;
  padding: 5px 0px 10px 0px;
}

@keyframes shake {
  0% {
    transform: translate(4px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-4px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-12px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(12px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(4px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-4px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-12px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(12px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-4px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(4px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(4px, -2px) rotate(-1deg);
  }
}
/* sm mock end */

.mobile-dapp-section-div {
  height: 165px;
  background-color: rgb(248,250,255);
  padding: 10px 10px 0px 10px;
}

.mobile-wallet-dapp-section-div {
  height: 80px;
  background-color: rgb(248,250,255);
  margin-bottom: 5px;

  overflow: auto;
  display: flex;
  overflow-y: hidden;
  padding-left: 20px;
}

.mobile-dapp-highlight-div {
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 165px;
  width: 35%;
}

.mobile-nft-highlight-logo {
  width: 65px;
  height: 65px;
  margin-top: 17px;
}
  .mobile-nft-highlight-text {
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    font-size: 11px;
    font-weight: 300;
    color: #252525;
    line-height: 92%;
    margin-top: -15px;
    white-space: nowrap;
  }

.mobile-nft-highlight-text-with-ticker {
  font-size: var(--font-size-14);
  font-weight: var(--font-family-bold);
  line-height: 92%;
  margin-top: 40px;
  /* margin-top: 31px; */
}

.mobile-dapp-others-div {
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 165px;
  margin-top: -3px;
  width: 20%;
}

.mobile-wallet-dapp-others-div {
  float: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin-top: -3px;
  /* width: 20%; */
  margin-right: 5.5%;
}

.mobile-nft-others-logo {
  width: 40px;
  height: 40px;
  margin-top: 9px;
  border-radius: 10px;
}

.mobile-nft-others-text {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 11px;
  font-weight: 300;
  margin-top: -15px;
  line-height: 92%;
  white-space: nowrap;
}

.mobile-dapp-sub-ticker-small-red {
  background: red;
  font-size: 8px;
  color: white;
  text-align: center;
  line-height: 11px;
  margin-top: -8px;
  margin-bottom: -3px;
  height: 11px;
  width: 29px;
  border-radius: 16px;
}
.mobile-dapp-sub-ticker-small-red-artweek {
  background: red;
  font-size: 9px;
  color: white;
  text-align: center;
  line-height: 11px;
  margin-top: -8px;
  margin-bottom: -3px;
  height: 11px;
  width: 50px;
  border-radius: 16px;
}

/* .mobile-dapp-sub-ticker-big-red {
    background: red;
    font-size: 11px;
    color: white;
    text-align: center;
    line-height: 14px;
    margin-top: -14px;
    height: 14px;
    width: 35px;
    border-radius: 16px;
  } */

.mobile-dapp-sub-ticker-big-red {
  background: #f74662;
  font-size: 10px;
  color: white;
  text-align: center;
  line-height: 14px;
  margin-top: -69px;
  margin-left: 32px;
  /* margin-top: -60px;
    margin-left: 52px; */
  height: 14px;
  width: 40px;
  border-radius: 7px 7px 7px 0;
  /* transform: rotate(45deg); */
}

.mobile-dapp-sub-ticker-small-blue {
  background: #0d3290;
  font-size: 7px;
  color: white;
  text-align: center;
  line-height: 11px;
  margin-top: -8px;
  margin-bottom: -3px;
  height: 11px;
  width: 29px;
  border-radius: 16px;
}

.mobile-dapp-sub-ticker-big-blue {
  background: #0d3290;
  font-size: 11px;
  color: white;
  text-align: center;
  line-height: 14px;
  margin-top: -14px;
  height: 14px;
  width: 35px;
  border-radius: 16px;
}

.mobile-dapp-list-section-div {
  background-color: #ffffff;
  height: auto;
  padding-bottom: 5px;
  margin: 0 18px 18px 18px;
  border-radius: 10px;
}

.mobile-dapp-section-title {
  background-color: rgb(248,250,255);
  width: 100%;
  color: #9fa7c1;
  padding: 7px 0px 7px 15px;
  text-align: left;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  margin-bottom: 7px;
  margin-top: 7px;
  height: calc(100%);
  -ms-overflow-style: none;
}
.mobile-dapp-section-title::-webkit-scrollbar{
  display:none;
}

  .mobile-dapp-detail-category-span {
    /* width: 16%; */
    display: inline-block;
    cursor: pointer;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    /* polygon 추가시 margin-right: 15px */
    margin-right: 15px;
    margin-bottom: 5px;
  }
.mobile-dapp-detail-span {
  width: 10%;
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
  font-weight: var(--font-family-bold);
  float: right;
}

.mobile-dapp-detail-category-active {
  color: #2061e2;
  border-top: 2px solid #2061e2;
  padding-bottom: 3px;
  font-family: 'Poppins';
  font-size: 16px;
  font-weight: 400;
  padding-top: 4px;
}
.mobile-dapp-dimmed-color {
  color: #b1b1b1 !important;
}

  .mobile-dapp-layer-div {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-top: 15px;
    width: 290px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
  }

.mobile-dapp-layer-active {
  display: block;
}

.mobile-dapp-layer-deactive {
  display: none;
}

.mobile-dapp-layer-border {
  border-bottom: 1px solid #eff2f4;
  padding-top: 3px;
  margin-left: 68px;
  width: 75%;
}

.mobile-dapp-layer-item-logo {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 10px;
  float: left;
}

.mobile-dapp-layer-item-name {
  font-family: 'Poppins';
  font-size: 14px;
  font-weight: 700;
  color: #252525;
}

.mobile-dapp-layer-item-url {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 12px;
  font-weight: 400;
  color: #9fa7c1;
}

.mobile-dapp-recent-layer-div {
  border-bottom: 1px solid #e4e6ec;
  width: 100%;
  background-color: rgb(248,250,255);
  display: flex;
  padding: 0 15px;
  padding-bottom: 12px;
}

.mobile-dapp-recent-layer-item-span {
  width: 20%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.mobile-dapp-recent-layer-item-logo {
  width: 40px;
  height: 40px;
  margin-top: 9px;
  border-radius: 50%;
}

.mobile-dapp-recent-layer-item-name {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 12px;
  font-weight: 400;
  color: #252525;
  margin-top: -15px;
  text-align: center;
  height: 30px;
}

.mobile-collectibles-view-nfts-div {
  background-color: #E5E5E5;
}

.mobile-collectibles-view-nft-div {
  background: rgb(248,250,255);
}

.mobile-nft-item-card {
  border-radius: 7px;
  margin: 0px;
  text-align: center;
  /* box-shadow: 3px 3px 9px -2px rgba(0, 0, 0, 0.6); */
  min-height: 150pz;
}

.mobile-nft-view-list-item-nft {
  box-sizing: border-box;
  width: 50%;
}

.mobile-nft-view-list-column-item {
  box-sizing: border-box;
  width: 100%;
  overflow: auto;
  padding: 0 5px 0 5px;
}

.mobile-nft-view-item-nft {
  float: left;
  width: 50%;
  padding: 0px 10px 15px 10px;
}

.body-wrapper {
  width: 100%;
  padding: 0 16px;
  max-width: 750px;
  margin: auto;
}
.search-input {
  width: 100%;
}
.search-input .search-input-wrapper {
  border-bottom: 2px solid rgb(194,197,207);
  width: 100%;
  display: flex;
  background-color: #f8f8fb;
}
.search-input .search-input-wrapper .search-input-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.search-input .search-input-wrapper input {
  background: #f8f8fb;
  width: calc(100% - 32px);
  height: 32px;
  border-radius: 3px;
  border: none;
  padding: 0 5px;
}
.mobile-nft-view-item-nft-image {
  position: relative;
  width: 100%;
}
.mobile-nft-view-item-nft-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 3px 3px 9px -2px rgb(0 0 0 / 60%);
}

.mobile-nft-view-item-nft-image video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 3px 3px 9px -2px rgb(0 0 0 / 60%);
}

.mobile-nft-view-item-nft-image-platform {
  position: absolute;
  bottom: 0px;
  left: 0px;
  /* border: 1px solid var(--white); */
  border: 1px solid black;
  border-radius: 3px;
  display: flex;
  background: white;
}

.mobile-nft-view-item-nft-image-platform > img {
  width: 16px;
  height: 16px;
}

.mobile-nft-view-item-nft-info {
  padding: 5px 5px 0px 5px;
}

.mobile-nft-view-item-nft-text-key {
  font-size: 12px;
  font-weight: 700;
  font-family: 'Poppins';
  padding: 0 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.mobile-nft-view-item-nft-text-info-wrapper {
  display: flex;
  align-items: center;
  margin: 3px 0;
}
.mobile-nft-view-item-nft-text-info-wrapper img {
  border-radius: 20px;
}
.mobile-nft-view-item-nft-text-info {
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 0 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgb(159,167,193);
}

.mobile-detail-nft-view {
  width: 100%;
}

.mobile-detail-nft-image-view-border {
  background: #ffffff;
  border-radius: 8px;
  margin: 16px;
}

.mobile-detail-nft-image-view-border-image {
  border-radius: 7px;
  align-items: center;
  width: 100%;
  position: relative;
}
.mobile-detail-nft-image-view-border-image > div {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
}
.mobile-detail-nft-image-view-border-image::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.mobile-detail-nft-image-view-border-image img {
  border-radius: 7px;
  width: 100%;
  height: 100%;
}

.mobile-detail-nfts-view {
  background: #f8faff;
  width: 100%;
}
.mobile-detail-nfts-video-view {
  background: #f8faff;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 5vw 20vw 13vw;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.info-nft {
  padding: 20px;
}
.info-nft .name-nft {
    font-size: 20px;
    font-weight: 800;
}
.info-nft .author span {
  color: rgb(159,167,193) !important;
  padding-left: 8px;
}
.info-nft .author {
  padding-top: 15px;
}
.info-nft .author img {
  width: 25px;
  height: 25px;
}
.mobile-detail-nfts-image-view-border {
  background: #ffffff;
  border-radius: 8px;
  margin: 16px;
}
.mobile-detail-nfts-image-view-border-image {
  text-align: center;
  border-radius: 7px;
  align-items: center;
  width: 100%;
  position: 15px;
}
.mobile-detail-nfts-image-view-border-image > div {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
}

.mobile-detail-nfts-image-view-border-image img {
  height: 300px;
  border-radius: 20px;
  padding: 15px 15px 15px 15px;
  width: 279px;
  aspect-ratio: 1 / 1;
  -o-object-fit: contain;
     object-fit: contain;
}
.mobile-detail-nfts-video-view-border {
  background: #ffffff;
  border-radius: 8px;
}
.mobile-detail-nfts-image-view-button {
  padding: 20px 7px 20px 7px;
  width: 100%;
  /* margin-top: 4%;
  margin-bottom: 8%; */
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: #FFF;
}
.mobile-detail-nfts-video-view-border-image {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 20px 20px 40px 0 rgb(0 0 0 / 45%);
}
.minted-by {
  padding-top: 30px;
}
.minted-by .text-minted {
  color: rgb(159,167,193);
  font-size: 14px;
}
.minted-by .p-link {
  font-weight: 700;
  font-size: 15px;
}
.mobile-detail-nft-info-div .contract-address {
  color: rgb(159,167,193);
  font-size: 14px;
}
.minted-by .p-link a {
  color: #000;

}
.mobile-detail-nfts-image-view-button-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mobile-detail-nfts-image-view-button-wrap-button {
  width: 50%;
  padding: 0 8px;
}

.mobile-detail-nft-image-view-button {
  padding: 0 15px 15px 15px;
  width: 100%;
  grid-gap: 15px;
  gap: 15px;
  display: flex;
  justify-content: center;
}

.mobile-detail-nft-image-view-button-wrap {
  display: flex;
  flex-wrap: wrap;
}

.mobile-detail-nft-image-view-button-wrap-button {
  width: 50%;
}

.mobile-detail-nft-image-view-button-wrap-button Button {
  height: 38px;
}

.mobile-detail-nft-image-view-button-wrap-button Button img {
  padding-right: 8px;
}

.mobile-detail-nft-view-info {
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
}


.mobile-detail-nft-info-tab-border {
  background: #ffffff;
  border-radius: 6px;
  padding: 5px;
  margin-top: 40px;
}
.mobile-detail-nft-info-tab-select:before {
  position: relative;
  top: -2px;
  position: absolute;
  content: "";
  width: 25px;
  background-color: rgb(32, 97, 226);
  border-radius: 30px;
  height: 5px;
}
.mobile-detail-nft-info-tab {
  display: flex;
  flex-wrap: wrap;
  height: 30px;
}
  .mobile-detail-nft-header-text{
    padding: 0 0 0 12px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 31px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .mobile-detail-nft-market-info-tab-select {
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 20%;
    border-radius: 6px;
    color: rgb(32,97,231);
    line-height: 30px;
  }
  .copy-token-add .cls-1 {
    fill: #9fa7c1;
  }
  p.copy-token-add {
    width: 10%;
    text-align: right;
  }
  .mobile-detail-nft-market-info-tab-not-select {
    vertical-align: middle;
    width: 20%;
    color: #000000;
    font-weight: bold;
    line-height: 30px;
  }


.mobile-detail-nft-info-tab-select {
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 20%;
  border-radius: 6px;
  color: rgb(32,97,231);
  line-height: 30px;
}

.mobile-detail-nft-info-tab-not-select {
  text-align: left;
  vertical-align: middle;
  width: 20%;
  border-radius: 6px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  line-height: 30px;
}
  /* .mobile-detail-nft-popup-header-div {
    height: 55px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid var(--line-color-1);
    text-align: center;
    background: #395BB8!important;
  } */

.mobile-detail-nft-header {
  width: 100%;
  padding-right: 16px;
}

.mobile-detail-nft-header-text {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 39px;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mobile-detail-nft-go-back-image {
  float: left;
  height: 26px;
  width: 16px;
  margin: 9px 14px;
  padding-bottom: 6px;
}
.ic-link .cls-1{
  fill: #9fa7c1;
}
.ic-link .cls-2 {
  fill: #9fa7c1;
}
.ic-link   .cls-1 {
  opacity: 0.2;
}
.ic-link   .cls-2 {
  stroke: rgba(0,0,0,0);
  stroke-miterlimit: 10;
}
#btn_favorites_on .cls-1{
  fill: #2061e2;
}
#btn_favorites_on .cls-2 {
  fill: #2061e2;
}
#btn_favorites_on .cls-1 {
  opacity: 0.1;
}
.nft-detail-modal .modal-header {
  height: 50px !important;
}
.mobile-detail-nft-popup-header-div {
  height: 66px;
  display: flex;
  width: 100%;
  padding-top: 6px;
  text-align: center;
  background: rgb(248,250,255);
}
.mobile-detail-nft-popup-header-div .img-back {
  width: 60%;
}
.mobile-detail-nft-popup-header-div .bnt-icon {
  width: 40%;
}
.bnt-icon svg {
  margin-left: 20px;
}
.nft-detail-modal-header {
  background: rgb(248,250,255) !important;
}
.mobile-detail-nft-info-div {
  width: 100%;
  margin: 8px 0;
  min-height: 120px;
}

.mobile-detail-nft-info-view {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobile-detail-nft-info-keyword {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #595959;
  padding-right: 2px;
}
.display-flex {
  display: flex;
}
.mobile-detail-nft-info-data {
  display: block;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  padding: 0 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  width: 90%;
}
.box-date-token {
  padding-top: 30px;
  text-align: center;
  display: flex;
}
.box-date-token .p-1 {
  font-size: 12px;
  color: rgb(159,167,193);
}
.box-date-token .p-2 {
  color: #000;
  font-weight: 700;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box-date-token .css-common {
  margin: 5px;
  background: rgb(248,249,251);
  width: 33.33%;
  border-radius: 10px;
  padding: 5px;
}


.mobile-dapp-search-container {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  /* padding-left: 10px; */
  background-color: #eff2f4;
  display: flex;
  justify-content: center;
}

.mobile-dapp-search-box {
  /* width: 20em;
    background-color: #EAEAEA;
    height: 40px;
    border-radius: 5px;
    display: flex;
    text-align: center;
    font-size: 13px;
    color: #B1B1B1;
    padding-top: 11px;
    justify-content: center;
    white-space: nowrap; */
  width: 85%;
  background-color: #ffffff;
  height: 36px;
  border-radius: 5px;
  display: flex;
  font-size: 13px;
  color: #b1b1b1;
  padding-top: 9px;
  padding-left: 10px;
  white-space: nowrap;
  border: 1px solid #b1b1b1;
  /* box-shadow: 3px 2px 10px 0px #b1b1b1; */
  margin-top: 7px;
  margin-bottom: 9px;
}
.mobile-dapp-search-box img {
  width: 17px;
  height: 17px;
  margin-right: 6px;
}

.mobile-dapp-qr-icon {
  width: 26px;
  height: 100%;
  margin-top: 12px;
  margin-left: 17px;
}

.mobile-dapp-search-icon-image {
  width: 25px;
  margin-left: 10px;
}

.whitespace-nowrap {
  white-space: nowrap;
}

  .nft-detail-modal .modal-dialog {
    width: 100%!important;;
    margin: 0;
    top: 0%!important;
    padding: 0;
  }

  .nft-detail-modal  .modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: white;
  }
  .nft-detail-modal .modal-dialog {
    /* height: 100%; */
  }
  .nft-detail-modal-header{
    height: auto!important;
  }

  .nft-detail-modal-body{
    padding: 0!important;
    min-height: 85vh;
  }
  .square {
    position: relative;
  }
  .square::after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .square > * {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .mobile-detail-nft-info-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 77%;
    display: inline-block;
    margin-bottom: -6px;
  }

  .mobile-detail-nft-info-copy-button{
    width: 45px;
    height: 20px;
    text-shadow: none;
    box-shadow: none;
    border: none;
    padding: 3px;
    font-size: var(--font-size-11);
    font-family: "NotoSaneKR-Regular";
    float: right;
  }

/* defiList */
.background {
  background: rgb(248,250,255);
}
.icon-search-wallet {
  width: 20%;
}
#defi-list {
  display: flex;
  justify-content: space-between;
  grid-gap: 20px;
  gap: 20px;
  padding: 10px;
}
.all-item-search-page-wallet {
  padding: 20px 20px 0px 20px;
  display: flex;
  width: 100%;
}
.title-wallet {
  width: 80%;
  color: rgb(32,97,226);
  font-size: 32px;
  font-weight: 900;
  text-align: left;
}
#defi-list .nft-collected {
  text-align: left;
  width: 50%;
}
#defi-list .list-img {
  display: inline-flex;
  margin-top: 5px;
}
#defi-list .list-img img {
  border-radius: 6px;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 4px;
}
#defi-list .list-img video {
  border-radius: 6px;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 4px;
}
#defi-list .info-token {
  /* padding-left: 2vh; */
  width: 100%;
  text-align: left;
  /* background: rgb(248,250,255); */
}
#defi-list .name {
  font-size: 16px;
  /* color: rgb(32,97,226); */
  color: #000;
  font-family: 'Poppins';
  /* font-family: 'Spoqa Han Sans Neo', 'sans-serif'; */
  font-weight: 700;
  margin-bottom: -1.5px;
}
#defi-list span.number {
  color: rgb(32,97,226);
  font-size: 16px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 700;
}
#defi-list .text {
  position: relative;
  color: rgb(32,97,226);
  font-size: 14px;
  font-weight: 400;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  /* top: -4px; */
  right: -8px;
}
#defi-list  .amount-coin {
  font-weight: 700;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 14px;
  color: #000;
  padding-top: 5px;
}
#defi-list  .name-coin {
  padding-left: 3px;
  font-size: 12px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 500;
  color: rgb(159,167,193);
  margin-top: 2px;
}
.wallet-status {
  font-size: 15px;
  background: linear-gradient(rgb(32,97,226),rgb(176,124,254));
  width: 90%;
  margin: auto;
  padding: 20px 0px;
  border-radius: 20px;
  color: white;
}
.wallet-status .cls-1 {
  fill: #f8e434 !important;
}
.icon-warring {
  padding: 7px 5px 0px 13px;
  position: relative;
  top: 3px;
}

/* category tab */
span.mobile-wallet-detail-category-span:before {
  top: 0;
  position: absolute;
  content: "";
  width: 30px;
  /* background-color: rgb(32, 97, 226); */
  border-radius: 30px;
}
.mobile-wallet-detail-category-active:before {
  height: 5px;
}
span.mobile-wallet-detail-category-span {
  font-weight: 400;
  font-family: 'Poppins';
  font-size: 16px;
  text-align: left;
  position: relative;
  padding: 10px 0px 10px 0;
  width: 20%;
  display: flex;
  align-items: center;
}
.platformListItem {
  padding-top: 15px;
  border-radius: 12px;
  /* background: white; */
  margin: 0px 10px 10px 10px;
  /* box-shadow: 10px 20px 15px 0px rgb(228 230 235 / 80%); */
}
#list-component {
  background: rgb(248,250,255);
  position: relative;
  /* margin: -10px 0 0 0; */
  /* top: -20px; */
  padding-bottom: 68px;
}
  .mobile-collectibles-component-detail-view-modal .dialog{
    max-width: 100%;
  }

  .mobile-collectibles-component-detail-view-modal-open {
    overflow: hidden;
  }
  .mobile-collectibles-component-detail-view-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 21050;
    display: none;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .mobile-collectibles-component-detail-view-modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out;
  }
  .mobile-collectibles-component-detail-view-modal.in .modal-dialog {
    transform: translate(0, 0);
  }
  .mobile-collectibles-component-detail-view-modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .mobile-collectibles-component-detail-view-modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    margin-top: 15%;
  }
  .mobile-collectibles-component-detail-view-modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2); */
    border-radius: 16px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
  }
  .mobile-collectibles-component-detail-view-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 21040;
    background-color: #000;
  }
  .mobile-collectibles-component-detail-view-modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .mobile-collectibles-component-detail-view-modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  .mobile-account-item-layer .img-check {
    /* margin-right: 10px; */
}
.mobile-account-item-layer .img-check img {
  width: 25px;
  height: 25px;
}
  .mobile-account-item-layer .margin-span {
    margin-left: 30px;
  }
  .mobile-account-item-layer .margin-span .mobile-tx-list-time-stamp-span {
    margin-right: 4px;
    display: inline-block;
  }
  .mobile-account-item-layer .margin-span .mobile-tx-list-wallet-category-span {
    margin-left: 4px;
}


/* custom css menu */
.header-login-section {
  padding: 20px;
  display: flex;
}
.header-login-section .header-avatar.all-inner-center {
  width: 100%;
  display: flex;
  padding-top: 6.5vh;
}
.header-login-section .cn-avatar.all-inner-img {
  border-radius: 50%;
}
.header-login-section .cs-account {
  padding-top: 13px;
  margin-left: 9px;
}
.header-login-section .icon-right {
  display: flex;
  justify-content: flex-end;
  width: 35%;
}
.header-login-section .icon-right .header-logout {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-left: 8px;
  margin-top: 10px;
}
.header-login-section .icon-right .header-translate {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-left: 8px;
  margin-top: 10px;
}
.header-login-section .icon-right .header-setting {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-left: 8px;
  margin-top: 10px;
}
.header-login-section .header-icon-close {
  width: 40px;
  height: 40px;
  margin-left: -2px;
}
.cn-sideBar-banner.all-inner-center {
  box-shadow: 10px 14px 5px 0px rgb(228 230 235 / 80%);
  font-size: 17px;
  padding: 12px;
  background: linear-gradient(
90deg,rgb(32,97,226), rgb(176,124,254));
  text-align: center;
  width: 90%;
  margin: auto auto 18px auto;
  border-radius: 15px;
  color: white;
}
.cn-sideBar-banner.all-inner-center-attendance-nonchecked {
  all: unset;
  display: block;
  box-shadow: 10px 14px 5px 0px rgb(228 230 235 / 80%);
  font-size: 17px;
  padding: 12px;
  background: linear-gradient(
90deg,rgb(32,97,226), rgb(176,124,254));
  text-align: center;
  width: 83%;
  margin: auto auto 18px auto;
  border-radius: 15px;
  color: white;
}
.cn-sideBar-banner.all-inner-center-attendance-checked {
  all: unset;
  display: block;
  box-shadow: 10px 14px 5px 0px rgb(228 230 235 / 80%);
  font-size: 17px;
  padding: 12px;
  background: linear-gradient(
  90deg, #c756dc, rgb(176,124,254));
  text-align: center;
  width: 83%;
  margin: auto auto 18px auto;
  border-radius: 15px;
  color: white;
}
.cn-sideBar-footer {
  padding-bottom: 7vh;
  padding-top: 3vh;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  color: #9fa7c1;
}
.cn-sideBar-footer-icons {
  margin-top: 5px;
}
.cn-sideBar-footer-icons img {
  margin: 5px;
}
#pls-login {
  margin-top: -5px;
}
.btn_close_b {
  position: relative;
}
.btn_close_b img {
  width: 20px;
  position: absolute;
  left: 17px;
  cursor: pointer;
}
.mobile-nft-add-input-layer input {
  margin-top: 15px;
  margin-bottom: 26px;
}
.mobile-nft-add-input-layer {
  color: rgb(159,167,193);
  font-weight: 700;
}
/* end */
  @media (min-width: 768px) {
    .mobile-collectibles-component-detail-view-modal-dialog {
      width: 600px;
      margin: 30px auto;
    }
    .mobile-collectibles-component-detail-view-modal-content {
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .mobile-collectibles-component-detail-view-modal-sm {
      width: 300px;
    }
  }
  @media (min-width: 992px) {
    .mobile-collectibles-component-detail-view-modal-lg {
      width: 900px;
    }
  }

  
/* slider */

.slider-container {
  border-bottom: 1px solid rgb(209 211 216);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.slider-container .slider {
  width: 100%;
  max-width: 600px;
  height: 240px;
  margin: 10px 20px;
  text-align: center;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.slider-container .slides {
  display: flex;
  overflow-x: hidden;
  position: relative;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}


.slider-container .slide {
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  /* height: 400px; */
  scroll-snap-align: center;
  margin-right: 0px;
  box-sizing: border-box;
  background: white;
  transform-origin: center center;
  transform: scale(1);
}

.slider-container .slide__text {
  font-size: 40px;
  font-weight: bold;
  font-family: sans-serif;
}

.slider-container .slide a {
  background: none;
  border: none;
}

.slider__nav {
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  text-align: center;
}

.slider__navlink {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #C2C5CF;
  margin: 0 2px 0 2px;
}
a.slider__navlink.active {
  background: #337ab7;
}
#title-header {
  display: flex;
  padding-top: 5px;
}
#title-header h2 {
  font-size: 24px;
  font-family: 'Poppins';
  font-weight: 700;
  padding-left: 17px;
  width: 80%;
  color: rgb(32,97,226);
}
#title-header img {
  padding-top: 12px;
  width: 60px;
  height: 60px;
  -o-object-fit: none;
     object-fit: none;
}
::-webkit-scrollbar {
  /* display: block; */
}
li.my-page-nav-link-text.my-page-category.common-no-margin-side span {
  color: rgb(159,167,193);
}
.mobile-common-header {
  padding: 5px 20px 0px 20px;
  display: flex;
  background-color: #f8faff;
  white-space: nowrap;
}
.mobile-common-header img {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  margin-top: 4px;
  margin-right: 7px;
}
.mobile-common-header p {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 20px;
  color: #2061e2;
}
.mobile-common-header-second-layer {
  width: 100%;
  justify-content: flex-end;
  display: flex;
  align-items: flex-start;
}
.mobile-common-background-color-f8faff {
  background-color: #f8faff;
}
.mobile-dapp-main-section-title {
  background-color: rgb(248,250,255);
  width: 100%;
  display: inline-block;
  font-weight: 400;
  font-family: 'Poppins';
  font-size: 16px;
  color: #9fa7c1;
  padding: 15px 20px 10px;
  text-align: left;
}
.mobile-reaction-section-margin-top .btn-center {
  text-align: center;
}
img.mobile-forum-view-user-avatar-icon.mobile-width-height-16 {
  width: 25px;
  height: 25px;
}
.mobile-forum-footer-button.common-text-align-center button:nth-child(2) {
  color: #000 !important;
}

div#controlled-tab-board ul .active a:before {
  height: 5px;
  top: 0;
  position: absolute;
  content: "";
  width: 30px;
  background-color: rgb(32, 97, 226);
  border-radius: 30px;
}
div#controlled-tab-board ul .active a {
  color: rgb(32,97,226);
  font-weight: 400;
}
#controlled-tab-board .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  background-color: unset;
  border:unset;
  border-bottom-color: unset;
}
#controlled-tab-board  .nav-tabs>li>a {
  border: unset;
}
#controlled-tab-board  .nav-tabs {
  border: unset;
}
.titlePostKO img {
  width: 25px;
  height: 23px;
}
.titlePostKO p {
  width: 95%;
  font-weight: 400;
  font-size: 16px;
  font-family: 'Poppins';
  color: #9fa7c1;
}
.titlePostKO {
  display: flex;
  padding: 25px 15px 10px 15px;
}
#controlled-tab-board ul li a {
  font-weight: 400;
  font-size: 16px;
  font-family: 'Poppins';
  color: rgb(159,167,193);
}
.boder-line {
  border-bottom: 1px solid var(--line-color-1);
}
.bg-linear-gradient {
  background: linear-gradient(180deg,rgb(248,250,255),rgb(224,229,241)) !important;
}
.bg-linear-gradient  .mobile-dapp-section-div {
  background: unset;
}
.border-radius-card {
  left: -17px;
  background: white;
  width: 271px;
  border-radius: 20px;
  position: relative;
  top: -18px;
  height: 15px;
}

#GasLimitModalPopup {
  padding-left: 15px !important;
  padding-top: 50px;
}
#GasLimitModalPopup .modal-header {
  border-radius: 20px;
  background: white;
  color: #000;
}
#GasLimitModalPopup .modal-content {
  border-radius: 20px !important;
}
#GasLimitModalPopup .modal-header-close-image {
  width: 40px;
  height: 40px;
}
#GasLimitModalPopup .modal-header-title {
  font-weight: 800;
  padding-top: 8px;
}
#GasLimitModalPopup .mobile-wallet-send-gas-limit-limit-text-input {
  border: unset;
}
#GasLimitModalPopup .mobile-wallet-send-popup-send-button {
  width: 300px;
  height: 55px;
}
#GasLimitModalPopup  .mobile-wallet-send-gas-limit-eth-text span:nth-child(1) {
  color: rgb(159,167,193);
  font-weight: 400;
  padding-right: 10px;
}
#GasLimitModalPopup .mobile-wallet-send-gas-limit-eth-text span:nth-child(2) {
  color: rgb(32,97,226);
}
#GasLimitModalPopup .mobile-send-popup-copy-images {
  position: relative;
  top:-2px;
}
#GasLimitModalPopup .mobile-wallet-send-gas-limit-buttons-wrapper .bold {
  font-weight: 700;
  color: #000;
  padding-bottom: 7px;
}
#GasLimitModalPopup  .mobile-wallet-send-eth-usd-text div {
  color: rgb(159,167,193);
  font-size: 11px;
}
#GasLimitModalPopup .mobile-wallet-send-gas-limit-speed-text-active .mobile-wallet-send-eth-usd-text div {
  color: white !important;
  opacity: 0.7;
}
.bg-bestPost {
  background: rgb(248,250,255);
}
.bg-bestPost .tab-content {
  padding: 15px;
}
.bg-bestPost .mobile-recommend-bottom-list-layer {
  padding: 20px 0px;
  border-radius: 15px;
}
.bg-bestPost  .mobile-common-radius-container {
  border-radius: 15px;
}

.mobile-collectibles-category-list-item-text-center {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 13px;
  color: #c2c5cf;
  padding: 5px 15px 35px 15px;
}

.mobile-collectibles-category-list-item-text-center .empty-img {
  width: 50.6px;
  margin-bottom: 16px;
}

.mobile-nfts-settings-list-item-text-center {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 13px;
  color: #c2c5cf;
  padding: 15px 15px 35px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile-nfts-settings-list-item-text-center .empty-img {
  width: 50.6px;
  margin-bottom: 16px;
}

.mobile-import-tokens-dropdown-layer {
  width: 100%; 
  display: flex;
  justify-content: center;
}

.mobile-import-tokens-dropdown-layer > div {
  border-color: unset !important;
  border-style: unset !important;
  background: unset !important;

}

.mobile-import-tokens-dropdown-layer > :nth-child(1) > div {
  /* font-weight: var(--font-family-bold); */
  color: #000000;
  display: flex;
  justify-content: center;
}

.mobile-import-tokens-dropdown-layer > :nth-child(2) > div {
  /* font-weight: var(--font-family-bold); */
  color: #000000;
  display: flex;
  justify-content: center;
}

.mobile-import-tokens-dropdown-layer > div > :nth-child(1) > div {
  /* font-weight: var(--font-family-bold); */
  color: #000000;
}

.mobile-import-tokens-dropdown-layer > div > :nth-child(2) > div {
  color: #000000;
  padding: 8px 10px 8px 0px;
  position: relative;
  margin-right: 10px;
}

.wallet-shortcut-component-wrap {
  margin: 5px 10px 10px;
  border-radius: 12px;
  /* box-shadow: 10px 20px 15px 0px rgb(228 230 235 / 80%); */
}

.mobile-wallet-shortcut-button-ios {
  /* margin: 1.4%; */
  /* width: 38vw; */
  width: 23.5%;
  height: 44px;
  /* gap: 15px; */
  display: flex;
  justify-content: center;
  border: 1px solid rgba(32, 97, 226, 0.3);
  border-radius: 12px;
  align-items: center;
  background: #f8faff;
}

.mobile-wallet-shortcut-button-ios > span {
  color: #2061e2;
  font-weight: 400;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 13px;
}

.mobile-wallet-shortcut-button-ios Button {
  height: 38px;
  background: #f8faff;
}

.mobile-wallet-shortcut-button-ios Button img {
  margin-top: 2px;
  padding-right: 5px;
}

.mobile-wallet-shortcut-button-ios Button svg {
  padding-right: 3.5px;
  padding-left: 1.5px;
}

.mobile-wallet-shortcut-button-ios img {
  /* margin-top: 2px; */
  margin-right: 3px;
}

.mobile-wallet-shortcut-button-ios svg {
  padding-right: 3.5px;
  padding-left: 1.5px;
  margin-bottom: -4px;
}

.mobile-wallet-shortcut-button {
  /* margin: 1.4%; */
  width: 23.5%;
  height: 48px;
  /* gap: 15px; */
  display: flex;
  justify-content: center;
  border: 1px solid rgba(32, 97, 226, 0.3);
  border-radius: 12px;
  align-items: center;
  background: #f8faff;
}

.mobile-wallet-shortcut-inside-button {
  width: 37vw;
}

.mobile-wallet-shortcut-button > span {
  color: #2061e2;
  font-weight: 400;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 13px;
}

.mobile-wallet-shortcut-button-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  grid-gap: 1%;
  gap: 1%;
}

.mobile-wallet-shortcut-button Button {
  height: 38px;
}

.mobile-wallet-shortcut-button Button img {
  margin-top: 2px;
  padding-right: 5px;
}

.mobile-wallet-shortcut-button Button svg {
  padding-right: 3.5px;
  padding-left: 1.5px;
}

.mobile-wallet-shortcut-button img {
  /* margin-top: 2px; */
  margin-right: 3px;
}

.mobile-wallet-shortcut-button svg {
  padding-right: 3.5px;
  padding-left: 1.5px;
  margin-bottom: -4px;
}

.wallet-shortcut-button {
  padding: 9px;
  background: rgb(32,97,226);
  color: #ffffff!important;
  font-weight: 400;
  font-weight: var(--font-family-regular);
  border-radius: 12px !important;
  width: 100%!important;
}
.wallet-shortcut-button img {
  margin-left: -10px;
}
.wallet-shortcut-button svg {
  margin-left: -3px;
}
.wallet-shortcut-button span {
  display: flex;
  justify-content: center;
}
.wallet-shortcut-button:hover {
  background: #2245a5!important;
  color: #ffffff!important;
}

/* nft select modal */
#NftSelectModalPopup {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#NftSelectModalPopup .modal-header {
  border-radius: 20px;
  background: white;
  color: #000;
}
#NftSelectModalPopup .modal-content {
  border-radius: 20px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#NftSelectModalPopup .modal-header-close-image {
  width: 40px;
  height: 40px;
}
#NftSelectModalPopup .modal-header-title {
  font-weight: 800;
  padding-top: 8px;
}
#NftSelectModalPopup .mobile-wallet-send-gas-limit-limit-text-input {
  border: unset;
}
#NftSelectModalPopup .mobile-wallet-send-popup-send-button {
  width: 300px;
  height: 55px;
}
#NftSelectModalPopup  .mobile-wallet-send-gas-limit-eth-text span:nth-child(1) {
  color: rgb(159,167,193);
  font-weight: 400;
  padding-right: 10px;
}
#NftSelectModalPopup .mobile-wallet-send-gas-limit-eth-text span:nth-child(2) {
  color: rgb(32,97,226);
}
#NftSelectModalPopup .mobile-send-popup-copy-images {
  position: relative;
  top:-2px;
}
#NftSelectModalPopup .mobile-wallet-send-gas-limit-buttons-wrapper .bold {
  font-weight: 700;
  color: #000;
  padding-bottom: 7px;
}
#NftSelectModalPopup  .mobile-wallet-send-eth-usd-text div {
  color: rgb(159,167,193);
  font-size: 11px;
}
#NftSelectModalPopup .mobile-wallet-send-gas-limit-speed-text-active .mobile-wallet-send-eth-usd-text div {
  color: white !important;
  opacity: 0.7;
}

.mobile-wallet-nft-select-modal-open-button {
  width: 40%;
  background: #2f5597;
  border: 1px solid #179cf0;
  border-radius: 4px;
  text-align: center;
  color: white;
  font-size: 0.9em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}

.mobile-wallet-nft-select-modal {
  overflow: scroll !important;
  right: -16px;
  bottom: -16px;
}

.mobile-wallet-nft-select-modal > .modal-dialog {
  width: 100% !important;
  margin: 10px auto;
  top: 25% !important;
}

.mobile-wallet-nft-select-modal > .modal-dialog > .modal-content {
  border-radius: unset;
}

.mobile-wallet-nft-select-wrap {
  display: flex;
  flex-direction: column;
  /* border: 2px solid #FAFAFA;
  border-radius: 20px; */
  margin: 20px 0 5px 0;
  height: 60vh;
}

.mobile-wallet-nft-select-item-layer{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding: 10px 10px;
  border-top: 2px solid #FAFAFA;
}
.mobile-wallet-nft-select-chain-icon {
  width:11.5%;
}

.mobile-wallet-nft-select-chain-icon > img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.mobile-wallet-nft-select-span {
  width: 80%;
  font-weight: 400;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

.mobile-wallet-nft-select-confirm-button {
  float: right;
}

.mobile-wallet-nft-select-confirm-button > img {
  width: 20px;
  height: 20px;
}
.mobile-wallet-nft-select-apply-button {
  width: 50px;
  height: 20px;
}
.mobile-wallet-nft-select-box {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  color: #FFFFFF;
  text-align: center;
}
/* nft select modal end */

/* chain select modal */
#ChainSelectModalPopup {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 50px;
}
#ChainSelectModalPopup .modal-header {
  border-radius: 20px;
  background: white;
  color: #000;
}
#ChainSelectModalPopup .modal-content {
  border-radius: 20px !important;
}
#ChainSelectModalPopup .modal-header-close-image {
  width: 40px;
  height: 40px;
}
#ChainSelectModalPopup .modal-header-title {
  font-weight: 800;
  padding-top: 8px;
}
#ChainSelectModalPopup .mobile-wallet-send-gas-limit-limit-text-input {
  border: unset;
}
#ChainSelectModalPopup .mobile-wallet-send-popup-send-button {
  width: 300px;
  height: 55px;
}
#ChainSelectModalPopup  .mobile-wallet-send-gas-limit-eth-text span:nth-child(1) {
  color: rgb(159,167,193);
  font-weight: 400;
  padding-right: 10px;
}
#ChainSelectModalPopup .mobile-wallet-send-gas-limit-eth-text span:nth-child(2) {
  color: rgb(32,97,226);
}
#ChainSelectModalPopup .mobile-send-popup-copy-images {
  position: relative;
  top:-2px;
}
#ChainSelectModalPopup .mobile-wallet-send-gas-limit-buttons-wrapper .bold {
  font-weight: 700;
  color: #000;
  padding-bottom: 7px;
}
#ChainSelectModalPopup  .mobile-wallet-send-eth-usd-text div {
  color: rgb(159,167,193);
  font-size: 11px;
}
#ChainSelectModalPopup .mobile-wallet-send-gas-limit-speed-text-active .mobile-wallet-send-eth-usd-text div {
  color: white !important;
  opacity: 0.7;
}

.mobile-wallet-chain-select-modal-open-button {
  width: 40%;
  background: #2f5597;
  border: 1px solid #179cf0;
  border-radius: 4px;
  text-align: center;
  color: white;
  font-size: 0.9em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}

.mobile-wallet-chain-select-modal {
  overflow: scroll !important;
}

.mobile-wallet-chain-select-modal > .modal-dialog {
  width: 100% !important;
  margin: 10px auto;
}

.mobile-wallet-chain-select-modal > .modal-dialog > .modal-content {
  border-radius: unset;
}

.mobile-wallet-chain-select-wrap {
  display: flex;
  flex-direction: column;
  border: 2px solid #FAFAFA;
  border-radius: 20px;
  margin: 10px 0 5px 0;
}

.mobile-wallet-chain-select-item-layer{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding: 10px 10px;
  border-top: 2px solid #FAFAFA;
}
.mobile-wallet-chain-select-chain-icon {
  width:11.5%;
}

.mobile-wallet-chain-select-chain-icon > img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.mobile-wallet-chain-select-span {
  width: 80%;
  font-weight: 400;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

.mobile-wallet-chain-select-confirm-button {
  float: right;
}

.mobile-wallet-chain-select-confirm-button > img {
  width: 20px;
  height: 20px;
}
.mobile-wallet-chain-select-box {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  color: #9fa7c1;
  text-align: center;
}
/* chain select modal end */

.bg-tutorial {
  background: linear-gradient(rgb(32, 97, 226), rgb(177, 125, 255));
  touch-action: none;
  min-height: 100vh;
}
.bg-tutorial .left-img {
  /* margin-top: -200px; */
  height: 0vh;
  z-index: 0;
}
.bg-tutorial .left-img img {
  vertical-align: middle;
  margin-top: 0vh;

}
.cn-btn-getStared {
  font-weight: 700;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  color: white;
  background: rgb(32,97,226);
  text-align: center;
  border-radius: 15px;
  width: 80%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  /* margin-top: 10vh !important; */
  position:fixed;
  bottom: 5%;
  margin-left: 10%;
}
.bg-tutorial .slick-dots-tutorial li button:before {
  background: unset;
}
.cn-contentTextSlider {
  padding-bottom: 6vw;
  text-align: center;
}
.cn-contentTextSlider h1 {
  font-size: 9vw;
  font-weight: 700;
  font-family: 'Poppins';
  color: white;
  margin-top: 0vh;
}
.cn-contentTextSlider p {
  color: white;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 400;
  font-size: 4vw;
  opacity: 0.7;
}
.cn-imgTutorial {
  margin-top: 15%;
}
.cn-imgTutorial img {
  width: 75vw;
}
.bg-tutorial .bgRight {
    height: 0vh;
    z-index: 0;
}
.bg-tutorial .bgRight img {
    vertical-align: middle;
    margin-top: -40vh;
}
.bg-tutorial .slick-dots-tutorial li.slick-active button:before {
  color: white;
}
.cn-content-center img {
  width: 150px;
}
.cn-content-center {
  padding-top: 12vh;
  text-align: center;
}
.cn-content-center h1 {
  padding: 15px 0px;
  font-size: 20px;
  color: white;
}
.cn-content-center p {
  color: white;
  opacity: 0.7;
  font-size: 14px;
}
.bg-wallet-right {
  position: relative;
  top: 150px;
  text-align: right;
}

.btn-create {
  margin-top: 20px;
  /* background: rgba(63,93,152, 0.3); */
  background: rgb(32,97,226);
}
.btn-wallet {
  border-radius: 10px;
  height: 45px;
  line-height: 45px;
  color: white;
}
.btn-action {
  position: fixed;
  width: 90%;
  text-align: center;
  margin-left: 5%;
  bottom: 20px;
}
.btn-exit {
  background: rgb(32,97,226);
}

.modal-wallet .modal-dialog {
    width: 300px !important;
}
.btn-common .btn {
  padding: 0px;
  height: 50px;
  width: 100%;
  background: rgb(32,97,226);
  margin: 10px 0px;
  color: white;
  line-height: 50px;
  border-radius: 10px;
}
.top-info p {
  color: rgb(159,167,193);
  text-align: center;
  font-size: 14px;
}
.top-info h2 {
  color: rgb(37,37,37);
  text-align: center;
  font-size: 21px;
}
.modal-wallet .modal-header {
  background: white;
  border-radius: 20px;
}
.modal-wallet .modal-header .close {
  margin-top: 0px;
  color: #555;
  margin-right: 0px;
  font-size: 36px;
  opacity: 0.4;
  font-weight: unset;
  display: flex;
  text-shadow: none;
}
.modal-wallet .modal-content {
  border-radius: 20px !important;
}
.btn-common img {
  padding-right: 10px;
}

.mobile-wallet-import-token-wrap {
  padding: 15px 13px;
  background: #fff;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.mobile-wallet-import-token-span {
  display: flex;
  /* justify-content: center; */
  /* color: #9fa7c1; */
  /* font-family: "Spoqa Han Sans Neo"; */
  font-family: 'Poppins';
  font-size: 16px;
  font-weight: 500;
}

.mobile-wallet-import-token-wrap img {
  width: 20px;
  height: 100%;
}

.mobile-wallet-reset-hidden-tokens-span {
  display: flex;
  padding: 0 0 10px 0;
  /* justify-content: center; */
  /* color: #9fa7c1; */
  /* font-family: "Spoqa Han Sans Neo"; */
  font-family: 'Poppins';
  font-size: 16px;
  font-weight: 700;
}

.mobile-wallet-creation-wrapper {
  height: 68px;
  width: 100vw;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.mobile-wallet-creation-wrapper > img {
  margin-top: -5px;
  margin-right: 20px;
  width: 60px;
  float: right;
}

.mobile-wallet-hidden-tokens-list-wrap {
  padding: 16px 13px;
  background: #fff;
  border-radius: 12px;
  margin-bottom: 15px;
}

.mobile-wallet-hidden-tokens-list-span {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  color:#9fa7c1;
  display: block;
  margin-bottom: 10px;
}

.mobile-wallet-hidden-tokens-list-span>div {
  float: right;
}

.mobile-wallet-hidden-tokens-list-span>div>img {
  width: 20px;
  float: right;
}

.mobile-import-tokens-add-input-layer input {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mobile-import-tokens-add-input-layer {
  color: rgb(159,167,193);
  font-weight: 400;
  margin: 15px 0px 15px 0px;
}

.mobile-import-tokens-component-view-div {
  background-color: #ffffff;
  min-height: 100vh;
  position: relative;
  text-align: center;
  padding-bottom: 10px;
  background-color: rgb(248, 250, 255);
}
.abc-wallet-event {
  position: relative;
  font-family: "Spoqa Han Sans Neo";
  height: 100%;
}
.abc-wallet-event .bg-abc-event img {
  width: 100%;
}
.abc-wallet-event .ic-back-abc-wallet {
  position: absolute;
  top: 60px;
  left: 20px;
}
.abc-wallet-event .ic-back-abc-wallet img {
  width: 16px;
}
.section-content-abc-wallet {
  padding: 26px 20px 130px;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  color: #000000;

}
.section-content-abc-wallet .wrapper-title {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
}
.section-content-abc-wallet .wrapper-title .abc-title {
  font-weight: 600;
  font-size: 16px;
  color: #000000;

}
.section-content-abc-wallet .wrapper-title .ic-abc-wallet img {
  width: 32px;
}
.section-content-abc-wallet .creating-abc {
  font-size: 20px;
  font-weight: 600;
  color: #000000;

}
.section-content-abc-wallet .wrapper-reward-and-estimated {
  display: flex;
  justify-content: space-between;

}
.section-content-abc-wallet .wrapper-reward-and-estimated .wrapper-reward {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.section-content-abc-wallet .wrapper-reward-and-estimated  .wrapper-reward .reward-title {
  font-size: 14px;
  color: #595959;
}
.section-content-abc-wallet .wrapper-reward-and-estimated  .wrapper-reward .quantity-reward {
  font-size: 16px;
  color: #2f8af5;
  font-weight: 500;
}
.section-content-abc-wallet .wrapper-reward-and-estimated .wrapper-estimated {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.section-content-abc-wallet .wrapper-reward-and-estimated .estimated-title {
  font-size: 14px;
  color: #595959;
}
.section-content-abc-wallet .wrapper-reward-and-estimated .minutes-estimated {
  font-weight: 500;
  font-size: 16px;
  color: #1f1f1f;
}
.section-content-abc-wallet .date-kts {
  background: #f0f5ff;
  border-radius: 8px; 
  font-weight: 600;
  font-size: 16px;
  color: #2f8af5;
  height: 48px;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
}
.section-content-abc-wallet .wrapper-wallet {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  align-items: center;
}
.section-content-abc-wallet .img-wallet img {
  width: 24px;
}
.section-content-abc-wallet .line {
  width: 100%;
  height: 1px;
  background: #d9d9d9;
}
.title-what-to-do {
  font-weight: 600;
  font-size: 16px;
}
.section-content-abc-wallet .content-what-to-do {
  font-size: 16px;
  color: #1f1f1f;
  text-align: justify;
}
.section-content-abc-wallet .wrapper-step {
  display: flex;
  font-size: 14px;
  color: #1f1f1f;
  grid-gap: 20px;
  gap: 20px;
  align-items: center;
}
.section-content-abc-wallet .wrapper-step .step {
  font-size: 24px;
  font-weight: 600;
  color: #000000;
}
.section-content-abc-wallet .link-create-abc-wallet {
  color: #2f8af5;
}
.section-content-abc-wallet .content-event-note {
  font-size: 16px;
  color: #1f1f1f;
  text-align: justify;
}
.section-content-abc-wallet .content-event-note:last-child {
  margin-bottom: 20px;
}
.abc-wallet-event .section-btn-create-abc-wallet {
  width: 100%;
  height: 120px;
  padding: 16px 20px 50px;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  position: fixed;
  bottom: 0;
}
.abc-wallet-event .section-btn-create-abc-wallet .btn-create-abc-wallet {
  font-weight: 600;
  font-size: 16px;
  height: 54px;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  color: #ffffff;
  border-radius: 40px;
  background: #2f8af5;
  border: unset;
  width: 100%;
}
.display-none-quest {
  display: none;
}
.display-none-quest .quest-abc-wallet-event .wrapper-quest {
  height: 56px;
  width: 100%;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  color: #000000;
  padding: 0 20px;
  font-size: 16px;
  font-family: "Spoqa Han Sans Neo";
  position: fixed;
  top: 0;
  background: #ffffff;
}
.display-none-quest .quest-abc-wallet-event .wrapper-quest .ic-black-arrow-back img {
  width: 16px;
}
.display-block-quest {
  display: block;
}
/* web3 browser  */
.mobile-web3-browser {
  background: #f9faff;
  padding: 0 15px 0 15px;
  /* min-height: calc(100vh - 78px); */
  position: relative;
  /* display: grid; */
  /* align-items: end; */
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  /* overflow-y: scroll; */
  min-height: 100vh;
}
/* .display-default-content-web3 {
  overflow-y: auto;
} */
.mobile-web3-browser .title-web3-browser {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 20px;
  color: #2664e6;
  position: fixed;
  top: 0px;
  background-color: #f9faff;
  left: 0;
  right: 0;
  padding: 5px 20px 0;
}
.mobile-web3-browser .wrapper-search {
  width: 100%;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  position: relative;
  position: sticky;
  top: 100px;
  background-color: #f9faff;
}
@keyframes fadeOut {
  from { opacity: 1; visibility: visible; }
  to { opacity: 0; visibility: hidden; }
}
@keyframes fadeIn {
  from { opacity: 0; visibility: hidden; }
  to { opacity: 1; visibility: visible; }
}
.mobile-web3-browser .wrapper-scroll-down {
  animation: fadeOut 0.1s ease-in-out forwards;
}
.mobile-web3-browser .wrapper-scroll-up {
  animation: fadeIn 0.3s ease-in-out forwards;
}
.mobile-web3-browser .wrapper-search .ic-search-web3 {
  width: 24px;
  position: absolute;
  top: 14px;
  left: 18px;
}
.mobile-web3-browser .wrapper-search .ic-copy-web3 {
  width: 24px;
  position: absolute;
  top: 14px;
  right: 16px;
}
.mobile-web3-browser .wrapper-search .ic-remove-web3 {
  width: 24px;
  position: absolute;
  top: 14px;
  right: 44px;
}
.wrapper-talken-eco .content-note {
  display: flex;
  grid-gap: 5px;
  gap: 5px;
  justify-content: center;
  font-size: 12px;
  color: #8c8c8c;
  padding: 10px 0 37px 0;
}
.wrapper-talken-eco .content-note img {
  width: 16px;
  height: 16px;
}
.mobile-web3-browser .wrapper-search .input-search {
  /* background: #ffffff; */
  border: 2px solid #2664e6;
  box-shadow: 0px 0px 12px rgba(36, 95, 225, 0.2);
  border-radius: 12px;
  /* color: #bfbfbf; */
  font-size: 18px;
  width: 100%;
  padding: 12px 70px;
}
.mobile-web3-browser .wrapper-search .input-search::-moz-placeholder{
  color: #bfbfbf;
  opacity: 1; /* Firefox */
  font-weight: 400;
}
.mobile-web3-browser .wrapper-search .input-search::placeholder{
  color: #bfbfbf;
  opacity: 1; /* Firefox */
  font-weight: 400;
}

.mobile-web3-browser .wrapper-search .input-search:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #bfbfbf;
 font-weight: 400;
}

.mobile-web3-browser .wrapper-search .input-search::-ms-input-placeholder { /* Microsoft Edge */
 color: #bfbfbf;
 font-weight: 400;
}
.mobile-web3-browser .wrapper-history {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.mobile-web3-browser .wrapper-history .height-table {
  /* height: 180px; */
  height: 100%;
}
.mobile-web3-browser  .wrapper-title {
  display: flex;
  justify-content: space-between;
  position: sticky;
  background-color: #f9faff;
  padding: 10px 0 5px;
}
.mobile-web3-browser .wrapper-title .title-history {
  font-weight: 700;
  font-size: 16px;
  color: #000000;
}
.mobile-web3-browser  .wrapper-title .title-clear {
  font-size: 14px;
  color: #2664e6;
}
.mobile-web3-browser .wrapper-history .table-history-web3 {
  background: #ffffff;
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 16px;
  width: 100%;
}
.mobile-web3-browser .wrapper-history .table-history-web3 tr .column-avt {
  width: 12%;
}
.mobile-web3-browser .wrapper-history .table-history-web3 tr .column-avt .avatar {
  width: 32px;
  border-radius: 100%;
}
.mobile-web3-browser .wrapper-history .table-history-web3 tbody tr .wrapper-column-right {
  width: 85%;
}
.mobile-web3-browser .wrapper-history .table-history-web3 tbody tr .wrapper-column-right .title {
  font-weight: 700;
  font-size: 14px;
  color: #000000;
}
.mobile-web3-browser .wrapper-history .table-history-web3 tbody tr .wrapper-column-right .link {
  font-size: 12px;
  color: #8c8c8c;
}
.mobile-web3-browser .top-apps-wrapper {
  display: flex;
  justify-content: space-between;
  grid-gap: 16px;
  gap: 16px;
  background: #ffffff;
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 16px;
  width: 100%;
  padding: 14px 14px 5px 14px;
}
.mobile-web3-browser .top-apps-wrapper .top-apps-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobile-web3-browser .top-apps-wrapper .top-apps-item > img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.mobile-web3-browser .top-apps-wrapper .top-apps-item > p {
  font-size: 12px;
  /* color: #8c8c8c; */
}
.mobile-web3-browser .top-apps-content-note {
  display: flex;
  grid-gap: 5px;
  gap: 5px;
  justify-content: center;
  font-size: 12px;
  color: #8c8c8c;
  padding: 10px 0 10px 0;
}
.mobile-web3-browser .top-apps-content-note img {
  width: 16px;
  height: 16px;
}
/* web3 browser when scroll > 150 */
.display-scroll-content-web3 {
  display: block;
}
.display-scroll-content-web3 .wrapper-search {
  padding: 100px 0 30px;
}
.display-scroll-content-web3 .wrapper-search .ic-search-web3 {
  top: 114px;
}
.display-scroll-content-web3 .wrapper-search .ic-copy-web3 {
  top: 114px;
}
.display-scroll-content-web3 .wrapper-search .ic-remove-web3 .hide {
  display: none;
}
.display-scroll-content-web3 .wrapper-search .ic-remove-web3 .show {
  top: 114px;
}
.mobile-nft-listing-wrapper {
  /* height: 35vh;
  overflow: scroll; */
}
/* .mobile-nft-listing-wrapper::-webkit-scrollbar {
  width: 15px;
}
.mobile-nft-listing-wrapper::-webkit-scrollbar-thumb {
  width: 15px;
  background: rgba(0,0,0,.2);
  border-radius: 10px;
}
.mobile-nft-listing-wrapper::-webkit-scrollbar-track {
  background: #ededed;
}
.mobile-nft-listing-wrapper:hover::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.3)
} */
.mobile-nft-listing-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
}

.mobile-nft-listing-div span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 14px;
  width: 85%;
}

.mobile-nft-listing-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.mobile-nft-listing-button button {
  font-weight: 500;
  font-family: 'Spoqa Han Sans Neo';
  color: #fff;
  font-size: 16px;
  background: #2061e2;
  width: 150px;
  height: 45px;
  border-radius: 10px;
}

.mobile-nft-listing-button button:hover {
  color: #fff;
  background-color: #395bb8;
  border-color: unset;

}

.mobile-nft-listing-button button:active {
  color: #fff;
  background-color: #395bb8;
}

.mobile-nft-listing-button button:focus {
  color: #fff;
  background-color: #395bb8;
}

.mobile-nft-listing-div input {
  order: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance:none;
  background: url(/images/ic_unchecked.png)no-repeat;
  background-size: 20px 20px;
}

.mobile-nft-listing-div input:checked {
  background: url(/images/ic_checked.png)no-repeat;
  background-size: 20px 20px;
}

.mobile-token-listing-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}

.mobile-token-listing-name-div {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.mobile-token-listing-name-div img {
  width: 36px;
  height: 36px;
  margin-right: 12px;
}

.mobile-token-listing-name-text-div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile-token-listing-name-text-div span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 14px;
  width: 100%;
  margin: 0;
}

.mobile-token-listing-name-text-div p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  color: #9fa7c1;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 12px;
  width: 100%;
  margin: 2px 0 0 0;
}

.mobile-token-listing-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.mobile-token-listing-button button {
  font-weight: 500;
  font-family: 'Spoqa Han Sans Neo';
  color: #fff;
  font-size: 16px;
  background: #2061e2;
  width: 150px;
  height: 45px;
  border-radius: 10px;
}

.mobile-token-listing-button button:hover {
  color: #fff;
  background-color: #395bb8;
  border-color: unset;

}

.mobile-token-listing-button button:active {
  color: #fff;
  background-color: #395bb8;
}

.mobile-token-listing-button button:focus {
  color: #fff;
  background-color: #395bb8;
}

.mobile-token-listing-div input {
  order: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance:none;
  background: url(/images/ic_unchecked.png)no-repeat;
  background-size: 20px 20px;
  margin: 0;
}

.mobile-token-listing-div input:checked {
  background: url(/images/ic_checked.png)no-repeat;
  background-size: 20px 20px;
}

.mobile-wallet-receive-list-wrap {
  display: flex;
  justify-content: space-between;
  padding: 16px 13px;
  background: #fff;
  border-radius: 12px;
  margin-bottom: 15px;
  font-family: 'Spoqa Han Sans Neo';
  box-shadow: rgba(228, 230, 235, 0.4) 10px 10px 10px 0px;
}

.mobile-wallet-receive-item-wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.mobile-wallet-receive-item-wrap span {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
}

.mobile-wallet-receive-item-wrap p {
  font-size: 12px;
  font-weight: 400;
  color: #9fa7c1;
  margin-bottom: 3px;
}

.mobile-receive-list-token-icon-wrap {
  display: flex;
}

.mobile-receive-list-token-icon-wrap img {
  width: 14px;
  height: 14px;
  margin: 2px;
}

.mobile-wallet-receive-list-button-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile-wallet-receive-list-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 3px;
  background-color: #f8faff;
}

.mobile-wallet-receive-list-button img {
  display: flex;
  justify-content: center;
  width: 14px;
  height: 14px;
}
.mobile-talkenWalletEvent-container {
  padding: 35px 20px 10px 20px;
}
.mobile-talkenWalletEvent-body {
  background-color: #F0F5FF;
  border-radius: 8px;
}
.mobile-talkenWalletEvent-box {
  padding: 24px 16px 24px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.mobile-talkenWalletEvent-text-box {
  display: flex;
  flex-direction: column;
  grid-gap: 6px;
  gap: 6px;
}
.mobile-talkenWalletEvent-text1 {
 color: #031243;
 font-size: 18px;
 font-weight: 700;
 line-height: 22px; 
 font-family: "SUIT";
}
.mobile-talkenWalletEvent-text2 {
  color: #031243;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  font-family: "SUIT";
}
.mobile-talkenWalletEvent-img {
  
}
/* 
 
  1. 한 곳에서만 쓰이는 style 이면 각 js 파일 내 inline style로 선언하여 사용.
  2. class 명을 사용하는 등의 '>'를 사용해 용이하게 적용된다면 css 파일 내에 작성.
  3. 공통적으로 사용된다면 css 퍄일 내에 작성. 

*/
.navbar > .container {
  width: 100%;
  display: inline-flex;
  align-items: center;
 }

.navbar-nav {
  /* width: 100%; */
  text-align: center;
}

.navbar-nav > li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.navbar-nav > li:not(:first-child) {
  margin-left: 16px;
}
.navbar-nav.navbar-center,
.active-dot-layer {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}

.active-dot-layer {
  display: none;
  top: 14px;
}

.active-dot-layer > svg{
  width: 0.7em!important;
}

.navbar-header {
  z-index: 2001;
}

.navbar-header > .header-navbar-brand {
  padding: 12px 15px;
}

.header-navbar-brand img{
  margin-left: 40px!important;
  cursor: pointer;
}

.header-navbar {
  position: fixed;
  width: 100%;
  background-color: white;
  background-image: none;
  height: 70px;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  margin: 0 auto;
  z-index: 1010;
  top: 0;
 }
 
 .header-navbar > .container {
  float: left;
  background: white;
  max-width: 100%;
  height: 70px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-bottom: 1px solid var(--line-color-1);
 }

.header-text-style {
  margin: 0 auto;
  /* font-family: 'NotoSansKR-Medium'!important; */
  font-weight: var(--font-family-medium)!important;
}

.header-text-style > a {
  color: #ccd0e2!important;
  padding: 0 21px!important;
  padding-bottom: 0px!important;
  text-shadow: none!important;
}

.navbar-center>.active>a {
  color: #0d3290!important;
  background-color: transparent!important;
  background-image: none!important;
}

.navbar-center>.active>a>.active-dot-layer {
  display: block!important;
}

.header-text-style > a:hover, .header-text-style > a:active {
  color: #0d3290!important;
  text-shadow: none!important;
}

.header-nav-auto-complete {
  position: absolute;
  right: 74px;
  top: 12px;
}

.bm-container {
  position: absolute;
  right: 18px;
  top: -2px;
  z-index: 9999;
}

.bm-burger-button {
  position: fixed;
  width: 22px;
  height: 18px;
  right: 28px;
  top: 25px;
  z-index: 1050!important;
}

.bm-burger-button > span > .bm-burger-bars {
  background: var(--font-color-6)!important;
}

.hamburger-email-font-size {
  font-size: var(--font-size-14);
  color: #ffffff;
}

.hamburger-category-button {
  width: 75%!important;
  height: 32px!important;
  border-color: white;
  background-image: none;
  background-color: white;
  box-shadow: none;
  color: #202020;
}

.hamburger-category-button:hover {
  background-color: white;
  border-color: transparent;
  color: #2c8cFF!important;
}

.hamburger-service-button {
  background-image: none;
  background-color: transparent;
  border: transparent;
  padding: 0px;
  font-size: var(--font-size-18);
  box-shadow: none;
  padding: 0px;
  color: var(--font-color-1);
  font-size: var(--font-size-13);
  text-shadow: none;
}

.hamburger-service-button>a {
  color: var(--font-color-1);
}

.hamburger-service-button>a:hover {
  text-decoration: none;
}

.hamburger-login-button:hover {
  background-color: #395bb8;
  color: #ffffff;
  width: 66%;
  height: 42px;
}

.hamburger-login-button:focus {
  background-color: #395bb8;
  color: #ffffff;
  width: 66%;
  height: 42px;
}

.hamburger-login-button:active {
  background-color: #395bb8;
  color: #ffffff;
  width: 66%;
  height: 42px;
}

.hamburger-login-button:hover:active:focus {
  background-color: #395bb8;
  color: #ffffff;
  width: 66%;
  height: 42px;
}

.hamburger-service-button:hover {
  background-color: var(--background-color-3);
  color: var(--font-color-1)!important;
  background-color: transparent!important;
  border: none;
}

.hamburger-service-button:focus {
  background-color: var(--background-color-3);
  color: var(--font-color-1)!important;
  background-color: transparent!important;
  border: none;
}

.hamburger-service-button:active {
  background-color: var(--background-color-3);
  color: var(--font-color-1)!important;
  background-color: transparent!important;
  border: none;
}

.hamburger-service-button:hover:active:focus {
  background-color: var(--background-color-3);
  color: var(--font-color-1)!important;
  background-color: transparent!important;
  border: none;
}


.hamburger-menu-button-group {
  padding: 12px;
  font-size: var(--font-size-13);
}

.hamburger-menu-button-group div {
  margin-bottom: 8px;
  text-align: center;
}

.hamburger-login-button {
  background-color: #395bb8;
  color: #ffffff;
  width: 66%!important;
  height: 42px;
}

.hamburger-login-button:hover {
  background-color: #2245a5;
}

.hamburger-login-button:active {
  background-color: #2245a5;
}

.header-position-right {
  position: absolute;
  /* left: 72%; */
  transform: translateX(50%);
  /* float: right; */
  display: block;
  width: auto;
  right: 190px;
}

.header-position-right>li>a {
  padding: 0!important;
}

.header-padding-left-12 {
  padding-left: 12px;
}

.header-padding-left-12>a>.dropdown>button {
  background-color: #ffffff!important;
  color: #446ee1!important;
  width: 58px!important;
  height: 28px!important;
  font-size: 14px;
  font-weight: var(--font-family-regular);
  padding-left: 6px;
  padding-right: 6px;
  box-shadow: none;
}

.change-lang>a>.dropdown>button {
  background-color: #ffffff!important;
  color: #446ee1!important;
  font-size: 14px!important;
  width: 58px!important;
  height: 28px!important;
  font-weight: var(--font-family-regular);
  padding-left: 6px;
  padding-right: 6px;
  box-shadow: none;
}

.header-padding-left-12>a>.dropdown>button:hover {
  background-color: #ffffff!important;
  color: #446ee1;
}

.change-lang>a>.dropdown>button:hover {
  background-color: #ffffff!important;
  color: #446ee1;
}

.header-padding-left-12>a>.dropdown>button:focus {
  background-color: #ffffff!important;
  color: #446ee1;
}

.change-lang>a>.dropdown>button:focus {
  background-color: #ffffff!important;
  color: #446ee1;
}

.header-padding-left-6 {
  padding-left: 6px;
}

.header-padding-left-12>a>.open>.dropdown-menu {
  background-color: #ffffff;
  color: #333333;
  min-width: 58px;
  width: 58px;
  height: auto;
  border-radius: 4px;
  border-radius: 0px;
  margin-top: 0px;
  background: #ffffff;
  box-shadow: none;
  text-shadow: none;
  border: #eaeaea 1px solid;
  padding: 1px;
}

.change-lang>a>.open>.dropdown-menu {
  background-color: #ffffff;
  color: #333333;
  min-width: 58px;
  width: 58px;
  height: auto;
  border-radius: 4px;
  margin-top: 0px;
  background: #ffffff;
  box-shadow: none;
  text-shadow: none;
  border: #eaeaea 1px solid;
  padding: 1px;
}

.header-padding-left-12>a>.open>.dropdown-menu:hover {
  background-color: #ffffff;
  color: #333333;
}

.change-lang>a>.open>.dropdown-menu:hover {
  background-color: #ffffff;
  color: #333333;
}

.header-padding-left-12>a>.open>.dropdown-menu:focus,
.header-padding-left-12>a>.open>.dropdown-menu:active {
  background-color: #ffffff;
  color: #333333;
}

.change-lang>a>.open>.dropdown-menu:focus,
.change-lang>a>.open>.dropdown-menu:active {
  background-color: #ffffff;
  color: #333333;
}

.header-padding-left-12>a>.open>.dropdown-menu>li {
  background-color: #ffffff;
  color: #333333;
  min-width: 40px;
  width: 56px;
  height: 28px;
  border-radius: 0px;
  font-size: 13px;
  font-weight: var(--font-family-regular);
  box-shadow: none;
  margin-left: -1px;
}

.header-padding-left-12>a>.open>.dropdown-menu>li:hover {
  background-color: #ffffff;
  color: #333333;
  min-width: 56px;
  width: 56px;
  height: 28px;
  border-radius: 0px;
  font-size: 13px;
  font-weight: var(--font-family-regular);
  box-shadow: none;
  margin-left: -1px;
}

.change-lang>a>.open>.dropdown-menu>li {
  background-color: #ffffff;
  color: #333333;
  min-width: 40px;
  width: 56px;
  height: 28px;
  border-radius: 0px;
  font-size: 13px;
  font-weight: var(--font-family-regular);
  box-shadow: none;
  margin-left: -1px;
}

.change-lang>a>.open>.dropdown-menu>li:hover {
  background-color: #ffffff;
  color: #333333;
  min-width: 56px;
  width: 56px;
  height: 28px;
  border-radius: 0px;
  font-size: 13px;
  font-weight: var(--font-family-regular);
  box-shadow: none;
  margin-left: -1px;
}

.header-padding-left-12>a>.open>.dropdown-menu>li>a {
  background-color: #ffffff;
  color: #333333;
  width: 56px;
  min-width: 56px;
  height: 28px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: var(--font-family-regular);
  box-shadow: none;
  text-align: center;
}

.change-lang>a>.open>.dropdown-menu>li>a {
  background-color: #ffffff;
  color: #333333;
  width: 56px;
  min-width: 56px;
  height: 28px;
  border-radius: 4px;
  font-size: 13px;
  box-shadow: none;
  text-align: center;
  padding: 5px 16px;
}

.change-lang>a>.open>.dropdown-menu>li>a:hover {
  background-color: #395ab8!important;
  color: #ffffff!important;
}

.header-margin-left-11 {
  margin-left: 11px;
}

.header-margin-top-minus-1 {
  margin-top: -1px;
}

.header-padding-left-12>a>.open>.dropdown-menu>li>a:hover {
  background-color: #395ab8;
  color: #ffffff;
}

.header-exchange-comming-soom {
  color: var(--font-color-5)!important;
  cursor: not-allowed;
}

.hamburger-promotion-link {
  color: #ffffff;
}

.hamburger-promotion-link:hover, .hamburger-promotion-link:focus {
  text-decoration: none;
  color: #ffffff;
}

.header-talken-service-introduction-image {
  margin-left: 6px!important;
  cursor: pointer;
}

.header-navbar-brand > .header-talken-service-introduction-image> img{
  margin-left: 6px!important;
  cursor: pointer;
}

.service-introduction-image {
  width: 24px;
  height: 24px;
}

.hamburger-service-introduction-image {
  width: 12px;
  height: 12px;
  margin-left: 6px;
  margin-top: -3px;
}

.service-introduction-image:hover, .hamburger-service-introduction-image:hover {
  content: url(/images/entryroute_button_hover.png);
}

.nav-item-event-ticker {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  top: -75%;
  background: red;
  font-size: 7px;
  color: white;
  line-height: 10px;
  height: 11px;
  width: 35px;
  border-radius: 16px;
}

.container-wrapper {
  position: relative;
}

.search-icon {
  position: absolute;
  width: 18px!important;
  height: 18px;
  top: 8px;
  right: 12px;
}

.project-icon {
  margin-left: 6px;
  margin-right: 6px;
  width: 20px;
  height: 20px;
}

.suggestion-item {
  display: flex;
  align-items: center;
  justify-items: center;
}

.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__input {
  background-color: var(--background-color-4);
  width: 195px;
  height: 36px;
  padding: 0px 36px 2px 18px;
  font-weight: 300;
  font-size: var(--font-size-14);
  border: 0;
  border-radius: 36px;
  color: #ffffff;
}

.react-autosuggest__input::-moz-placeholder {
  color: white;
  opacity: 1; /* Firefox */
}

.react-autosuggest__input::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}

.react-autosuggest__input--focused {
  outline: none;
}

.react-autosuggest__input--open {
  
}

.react-autosuggest__suggestions-container {
  display: none;
  width: 200px!important;
}

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 41px;
  width: 200px!important;
  background-color: #151F35;
  font-weight: 300;
  font-size: var(--font-size-14);
  z-index: 2;
  border-radius: 8px;
  border: none;
  color: white;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 8px 12px 8px 12px;
  list-style-type: none;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  height: 30px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.react-autosuggest__suggestion--highlighted {
  background-color: #242C3E;
}
.footer-container {
  float: left;
  width: 100%;
  height: 128px;
  background-color: var(--background-color-3);
  display: block;
  margin-top: 64px;
  padding-top: 38px;
  padding-bottom: 38px;
  padding-left: 50px;
  padding-right: 50px;
}

.company-info-layer,
.logo-layer {
  width: 100%;
  align-self: center;
}

.company-info-link {
  font-size: var(--font-size-14);
  color: var(--font-color-1);
  margin-bottom: 6px;
  font-weight: var(--font-family-medium);
}

.company-info-text {
  font-size: var(--font-size-12);
  color: var(--font-color-1);
  font-weight: var(--font-family-regular);
}

.company-info-text>span>a {
  font-size: var(--font-size-12);
  color: var(--font-color-1);
  font-weight: var(--font-family-regular);
}

.company-info-text-margin {
  margin-left: 16px;
}

.support-text {
  cursor: pointer;
  font-weight: 900;
}

.logo-layer {
  display: block;
  margin-top: 25px;
  padding-left: 10px;
}

.logo-layer img {
  width: 96px;
  height: 24px;
  margin-top: -15px;
}

.footer-reserved-text {
  font-size: var(--font-size-13);
  font-weight: var(--font-family-regular);
  /* color: var(--font-color-6); */
  display: inline;
  margin-left: 10px;
}

.nav-icon-layer {
  float: right;
  margin-top: -37px;
  margin-right: 20px;
}

.nav-icon-layer img {
  width: 2vw;
  height: 2vw;
  margin-right: 16px;
}
.const-logo-img {
  width: 100px;
  cursor: pointer;
  margin: 20px 0px 0px 23px;
}

.const-bg-img {
  background-image: url('https://www.w3schools.com/w3images/forestbridge.jpg');
  height: 100vh;
  background-position: center;
  background-size: cover;
  position: relative;
  color: white;
  font-family: "Courier New", Courier, monospace;
  font-size: 25px;
}

.const-top-left {
  position: absolute;
  top: 0;
  left: 16px;
}

.const-bottom-left {
  position: absolute;
  bottom: 0;
  left: 16px;
}

.const-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: pre-line;
}

.const-hr {
  margin: auto;
  width: 40%;
}
.main-page-big-paper-card-container,
.main-page-small-paper-card-container  { 
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.main-page-big-paper-card-container {
  padding-top: 50px;
}

.main-page-small-paper-card-container {
  padding-top: 30px;
}

.main-page-slider {
  width: 100%;
  height: 136px;
}

.main-page-slider>div>div>div>div>div>div>div>div>a>img {
  width: 1280px;
  height: 136px;
  margin: auto;
}

.main-page-slider-wrapper {
  height: 136px;
  vertical-align: middle;
}

.main-page-slider-wrapper>div {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.main-page-slider-wrapper:after{
  content: '';
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

.main-page-slider-item {
  /* width: 100%;
  display: inline-block;
  vertical-align: middle; */
}

/* main banner slick override */

.main-page-slider > .slick-slider > .slick-dots {
  bottom: 20px;
  display:none!important;
}

.main-page-slider > .slick-slider > .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #ffffff;
}

.main-page-slider > .slick-slider > .slick-prev {
  left: 0px;
  background-color: unset!important;
  margin-left: 12px;
  z-index: 20000;
}

.main-page-slider > .slick-slider > .slick-next {
  right: 0px;
  background-color: unset!important;
  margin-right: 12px;
  /* z-index: 20000; */
}

.main-page-slider > .slick-slider > .slick-prev:before,
.main-page-slider > .slick-slider > .slick-next:before {
  color: white;
  margin-top: 0px;
  font-size: 36px;
  line-height: 21px;
  opacity: 1;
}

.main-page-slider > .slick-slider > .slick-prev:before {
  /* margin-left: 30px; */
}

.main-page-slider > .slick-slider > .slick-next:before {
  /* margin-right: 30px; */
}

.main-page-right-card-recent-wiki-edit-container {
  display: inline-block;
  width: 270px;
  margin-bottom: 10px;
}

.main-page-right-card-recent-hot-issue-container {
  display: inline-block;
  width: 270px;
  margin-bottom: 10px;
}

.main-page-right-container-first-div {
  padding-top: 13px;
  padding-left: 20px;
  padding-right: 20px;
  height: 44px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--line-color-1);
  color: var(--font-color-2);
  font-size: var(--font-size-12);
  font-weight: var(--font-family-medium);
}

.main-page-padding-top-15 {
  padding-top: 15px;
}

.main-page-right-container-token-image {
  width: 40px;
  height: 40px;
  margin: 10px;
}

.main-page-recent-hot-issue-nav {
  background-image: none;
  box-shadow: none;
  border: none;
  background-color: #ffffff;
  height: 40px;
  min-height: 40px;
}

.main-page-recent-hot-issue-nav>.container {
  height: 40px;
}

.main-page-recent-hot-issue-nav>.container>ul {
  height: 40px;
}

.main-page-recent-hot-issue-nav>.container>ul>li {
  height: 40px;
  width: 33.3333%;
}

.main-page-recent-hot-issue-nav>.container>ul>li>a {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  text-shadow: none;
  color: var(--font-color-2);
  border-bottom: 2px solid var(--line-color-1);
  font-weight: var(--font-family-medium);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.main-page-recent-hot-issue-nav>.container>ul>li>a:hover {
  border-bottom: 2px solid var(--font-color-15);
}

.main-page-recent-hot-issue-nav .navbar-nav>.active>a {
  background-image: none;
  background-color: #ffffff;
  border-bottom: 2px solid var(--font-color-15);
  color: var(--font-color-15);
  padding-top: 10px;
  padding-bottom: 10px;
}

.main-page-recent-hot-issue-nav .navbar-nav>.active>a:hover {
  background-color: #ffffff;
  color: var(--font-color-15);
}

.main-page-recent-hot-issue-nav .navbar-nav>li>a:focus {
  color: inherit;
}

.main-page-recent-hot-issue-nav .navbar-nav>li>a:hover {
  background-color: #ffffff;
  text-shadow: none;
  color: var(--font-color-15);
}

.main-page-recent-hot-issue-nav .navbar-nav>.active>a:focus {
  color: var(--font-color-7);
  background-color: #ffffff;
}

.main-page-recent-hot-issue-nav-div {
  height: 40px!important;
  width: 100%;
  border-bottom: none;
  border-top: none;
  margin: 0 auto;
}

.main-page-padding-15 {
  padding: 15px;
}

.main-page-recent-hot-issue-div {
  padding-top: 4px;
  padding-bottom: 12px;
  min-height: 276px;
}

.main-page-recent-hot-issue-post-list {
  height: 52px;
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}

.main-page-recent-hot-issue-post-list:hover {
  background: #f7fafd;
}

.main-page-recent-hot-issue-text-title {
  font-size: var(--font-size-14);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-family-demi-light);
  padding-left: 12px;
  padding-right: 12px;
}

.main-page-recent-hot-issue-text-sub {
  font-size: var(--font-size-11);
  color: var(--font-color-6);
  font-weight: var(--font-family-regular);
  padding-left: 12px;
  padding-right: 12px;
}

.main-page-recent-hot-issue-text-nick-name {
}

.main-page-recent-hot-issue-text-time {
}

.main-page-right-card-recent-wiki-edit-container>.main-page-padding-15>span:hover {
  background: #f7fafd;
}

.main-page-margin-top-12 {
  margin-top: 12px;
}

.main-page-right-component-layout {
  margin-left: 5px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 42px;
  margin-right: 5px;
}

.main-page-padding-left-12 {
  padding-left: 12px;
}

.main-page-margin-right-8 {
  margin-right: 8px;
}

.main-page-margin-bottom-16 {
  margin-bottom: 16px;
}

.main-page-margin-bottom-4 {
  margin-bottom: 4px;
}

.main-page-big-black-box {
  padding-left: 15px;
  padding-top: 24px;
  padding-right: 15px;
  background: #202020;
  padding-bottom: 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.main-page-black-box-title {
  margin-bottom: 26px;
  padding-left: 5px;
  padding-right: 5px;
  color: var(--font-color-1);
  font-size: var(--font-size-18);
  font-weight: var(--font-family-medium);
}

.main-page-margin-left-right-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.main-page-ad-black-box {
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* media-query필요 */
.main-page-small-card-div-left-right-margin {
  margin-left: -5px;
  margin-right: -5px;
}

.main-page-forum-recommend-ad-box {
  width: 430px;
  height: 156px;
  float: left;
  margin-bottom: 10px;
}

.main-page-forum-recommend-ad-box>div>div>div>div>div>div>div>a>img {
  width: 100%!important;
  height: 156px;
  border-radius: 6px;
}

.main-page-margin-left-right-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.main-page-right-side-ad-box {
  width: 100%;
  height: 96px;
  float: left;
  margin-bottom: 10px;
}

.main-page-right-side-ad-box>div>a>img,
.main-page-right-side-ad-box>div>img {
  width: 270px;
  height: 96px;
  border-radius: 6px;
}

.main-page-token-card-section {
  display: inline-flex;
}

.main-page-notice-text {
  cursor: pointer;
  font-weight: var(--font-family-demi-light);
  color: var(--font-color-2);
}

.main-page-recommend-comment {
  color: var(--special-color-3);
  font-size: var(--font-size-11);
  font-weight: var(--font-family-regular);
  margin-left: 6px;
}

.main-page-big-black-box-title {
  font-size: var(--font-size-18);
  font-weight: var(--font-family-medium);
  color: var(--font-color-2);
}

.main-page-big-card-slider {
  height: 6px;
  margin-top: 2px;
  text-align: right;
  display: block;
}

.main-page-right-card-recent-wiki-edit-span {
  width: 60px;
  height: 60px;
  margin-left: 1px;
  margin-right: 1px;
}

.main-page-right-card-recent-wiki-edit-span:hover {
  background: #f7fafd;
}

.main-page-padding-12 {
  padding: 12px;
}

.main-page-margin-left-12 {
  margin-left: 12px!important;
}

.main-page-main-left-banner {
  width: 430px;
  height: 156px;
}

.main-page-main-right-banner {
}

.main-page-notice-announcement-slider > .slick-arrow {
  display: none!important;;
}

.main-page-notice-announcement-slider > .slick-dots {
  display: none!important;
}

.main-page-notice-announcement-slider > .slick-list > .slick-track {
  transition: none!important;
}

.main-page-recommend-token-content-slider > .slick-arrow {
  display: none!important;
}

.main-page-recommend-token-content-slider > .slick-list > .slick-track {
  transition: none!important;
}

.main-page-recommend-token-content-slider > .slick-dots {
  position: absolute;
  bottom: 24px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
  right: 36px;
}

.main-page-recommend-token-content-slider > .slick-dots > li {
  background: #b9c6db;
  border-radius: 8px;
  width: 22px;
  height: 10px;
  margin: 0 4px;
}

.main-page-recommend-token-content-slider > .slick-dots > .slick-active {
  background: var(--background-color-4);
  border-radius: 8px;
  width: 22px;
  height: 10px;
  margin: 0 4px;
}

.main-page-recommend-token-content-slider > .slick-dots li button:before {
  top: -2px;
  left: 2px;
}

.main-page-recommend-token-content-slider > .slick-dots li.slick-active button:before {
  opacity: 0;
}

.main-page-recommend-token-content-slider > .slick-dots li button:before {
  color: transparent;
}

.main-page-banner-2-background {
  background : #000101;
}

.main-page-banner-1-background {
  background : #b70f1e;
}

.main-page-banner-5-background {
  background : #1fc7c1;
}

.main-page-banner-6-background {
  background:  #032a56;
}

.main-page-banner-7-background {
  background:  #1d2088;
}

.main-page-banner-3-background {
  background: #40aed3;
}

.main-page-banner-4-background {
  background: #1c3384;
}

.main-page-banner-image {
}

.main-page-banner-width {
  width: 702px!important;
  margin: 0 auto!important;
}

.main-page-padding-left-right-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.main-page-line-banner {
}

.main-page-announcement-layer {
  height: 20px;
}

.main-page-right-login-section-container {
  padding: 12px;
  width: 270px;
  margin-bottom: 10px;
  height: 190px;
}

.main-page-login-button {
  height: 112px;
  margin-bottom: 12px;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-18);
}

.main-page-login-user-image-layer {
  width: 94px;
  height: 56px;
  position: relative;
  padding-right: 12px;
  border-right: 1px solid var(--line-color-1);
}

.main-page-login-section-user-image {
  border-radius: 50%;
  width: 56px;
  height: 56px;
}

.main-page-community-facebook-link-button {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  cursor: pointer;
}

.main-page-community-twitter-link-button {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  cursor: pointer;
}

.main-page-community-telegram-link-button {
  width: 40px;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.main-page-community-kakao-link-button {
  width: 40px;
  height: 40px;
  margin-left: 5px;
  cursor: pointer;
}

.main-page-user-info-login-button {
  height: 46px;
  margin-bottom: 12px;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-15);
}

.main-page-user-info-nickname {
  margin-top: 6px;
  margin-bottom: 4px;
  color: var(--font-color-2);
  font-size: var(--font-size-14);
  font-weight: var(--font-family-medium);
}

.main-page-user-info-nickname > a {
  color: var(--font-color-2);
  font-size: var(--font-size-14);
  font-weight: var(--font-family-medium);
}

.main-page-user-info-nickname > a:hover {
  text-decoration: none;
}

.user-info-detail-image-div {
  position: absolute;
  right: 12px;
  bottom: 0;
}

.user-info-detail-image {
  width: 20px;
  height: 20px;
}

.user-info-detail-image:hover {
  content: url(/images/card_detail_button_hover.png);
}

.main-page-logout-text {
  color: var(--font-color-6);
  font-size: var(--font-size-12);
  margin-top: 0px;
  font-weight: var(--font-family-medium);
}

.main-page-user-info-level {
  font-size: var(--font-size-12);
  color: var(--font-color-2);
  font-weight: var(--font-family-medium);
}

.main-page-padding-11 {
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.main-page-community-text {
  font-size: var(--font-size-12);
  font-weight: var(--font-family-medium);
  padding-top: 10px;
  display: inline-block;
}

.main-page-card-curation-item {
  display: inline-block;
  margin-right: 10px;
  height: 250px;
}

.main-page-arrow-image {
  width: 10px;
  height: 20px;
}

.main-page-tokens-arrow-image {
  width: 14px;
}

.recent-forum-container {
  display: flex;
  overflow: hidden;
}

.recent-forum-symbol-container {
  -o-object-fit: contain;
     object-fit: contain;
  align-self: center;
  margin-left: 12px;
}

.recent-forum-symbol-container img {
  width: 28px;
  height: 28px;
}

.recent-forum-text-container {
  /* overflow: auto; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-page-recommend-token-content-sub-list {
  background-color: #202020;
  display: inline-flex;
  width: 100%;
  margin-top: -16px;
  padding-left: 7px;
  padding-right: 7px;
}

.main-page-line-banner-slider {
  height: 27px!important;
}

.main-page-line-banner-slider>div>div>div>div>div>div>a>img {
  width: 870px!important;
  height: 27px!important;
}

.attendance-event-badge-image {
  width: 100px;
  position: sticky;
  margin: -47px 0px 0px -110px;
}

.main-page-disclosure-layer {
  display: flex;
  height: 26px;
  padding-top: 3px;

  background-color: white;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  margin-bottom: 11px;
}

.main-page-disclosure-layer > .slick-slider > .slick-list > .slick-track > .slick-slide > div,
.main-page-disclosure-layer > .slick-slider > .slick-list > .slick-track > .slick-slide > div > div,
.main-page-disclosure-layer > .slick-slider > .slick-list > .slick-track > .slick-slide > div > div > span,
.main-page-disclosure-layer > .slick-slider > .slick-list > .slick-track > .slick-slide > div > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
}

.main-page-disclosure-layer > .slick-slider > .slick-list > .slick-track > .slick-slide > div > a,
.main-page-disclosure-layer > .slick-slider > .slick-list > .slick-track > .slick-slide > div > div > a {
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
}

.main-page-disclosure-image-div {
  margin: 0px 4px 0px 7px;
}

.main-page-disclosure-image {
  width: 15px;
}

.main-page-disclosure-symbol-image {
  width: 12px;
  margin: 3px 8px 0px 0px!important;
}

.main-page-xangle-disclosure-layer {
  display: flex;
}
.big-paper-card-list-container {
  margin-bottom: 20px;
}

.big-paper-card-container {
  background-color: #ffffff;
  display: inline-flex;
  width: 100%;
  padding-left: 36px;
  padding-top: 22px;
  padding-right: 40px;
  padding-bottom: 16px;
}

.big-paper-main-card-container {
  background-color: #202020;
  display: inline-flex;
  width: 100%;
  padding-left: 20px;
  padding-top: 22px;
  padding-right: 20px;
  padding-bottom: 16px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.big-paper-sub-card-container {
  background-color: #202020;
  display: inline-block;
  width: 25%;
  padding-left: 13px;
  padding-top: 16px;
  padding-right: 13px;
  padding-bottom: 12px;
}

.big-paper-card-user-info-block {
  padding-right: 36px;
  border-right: 1px solid var(--line-color-1);
}

.big-paper-main-card-user-info-block {
  margin-right: 24px;
}

.big-paper-card-user-icon {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  margin: auto;
}

.big-paper-main-card-image {
  margin: auto;
  width: 310px;
  height: 198px;
  cursor: pointer;
}

.big-paper-card-user-name {
  font-size: var(--font-size-13);
  text-align: center;
  margin-top: 6px;
  font-weight: var(--font-family-bold);
  width: 162px;
}

.big-paper-card-content-block {
  width: 100%;
  padding-left: 40px;
  display: inline-flex;
}

.big-paper-sub-card-content-block {
  width: 188px;
  height: 120px;
  display: inline-flex;
  cursor: pointer;
}

.big-paper-main-card-content-block {
  display: inline-flex;
}

.big-paper-card-token-icon-layer {
  width: 44px;
  margin-right: 18px;
}

.big-paper-card-token-icon-layer img {
  width: 44px;
  height: 44px;
  cursor: pointer;
}

.big-paper-card-content-layer {
  width: 100%;
  position: relative;
}

.big-paper-card-content-title-layer {
  display: flow-root;
  position: relative;
  margin-bottom: 2px;
}

.big-paper-main-card-content-title-layer {
  display: inline-block;
  position: relative;
  width: 100%;
}


.big-paper-card-content-title-layer img{
  height: 30px;
  display: block;
  position: relative;
}

.big-paper-card-content-title {
  float: left;
  cursor: pointer;
  font-size: var(--font-size-18);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-family-medium);
  color: var(--font-color-2);
  padding-top: 4px;
  width: 512px;
}

.big-paper-main-card-content-title {
  float: left;
  cursor: pointer;
  font-size: 1.45em;
  font-weight: var(--font-family-bold);
  color: var(--font-color-1);
  padding-top: 4px;
  width: 495.8px;
  height: 60px;
  /* 운영자 추천글 ellipsis 제거 */
  /* 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
  color: var(--font-color-1);
  padding-top: 4px;
  width: 495.8px; 
  */
}

.big-paper-card-content-title:hover {
  color: #446ee1;
}

.big-paper-card-num-reply {
  float: left;
  display: inline-flex;
  align-items: flex-end;
  position: absolute;
  margin-left: 8px;
  padding-top: 8px;
}

.big-paper-card-num-reply img {
  width: 16px;
  height: 16px;
}

.big-paper-card-post-date {
  clear: both;
  color: var(--font-color-5);
  font-size: var(--font-size-11);
  font-weight: var(--font-family-regular);
  width: 512px;
}

.big-paper-card-post-date span {
  font-size: var(--font-size-11);
}

.big-paper-main-card-reaction-span {
  margin-left: 0px!important;
  margin-right: 16px!important;
}

.big-paper-main-card-post-date {
  clear: both;
  color: var(--font-color-6);
  font-size: 0.95em;
  font-weight: var(--font-family-medium);
  width: 480px;
}

.big-paper-card-content-text {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  white-space: pre-line;
  height: 80px;
  cursor: pointer;
  color: var(--font-color-4)!important;
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-13);
  width: 100%;
  word-break: break-all;
}

.big-paper-card-content-text>.simpleMde-display-contents > p {
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.big-paper-card-content-text>.simpleMde-display-contents {
  display: table-cell!important;
  vertical-align: middle;
  height: 80px;
}

.big-paper-main-card-content-text {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  white-space: pre-line;
  height: 80px;
  cursor: pointer;
  color: var(--font-color-5)!important;
  font-weight: var(--font-family-regular);
  font-size: 0.875em;
  width: 495px;
  word-break: break-all;
  margin-bottom: 12px;
  margin-top: 20px;
}

.big-paper-main-card-content-text >.simpleMde-display-contents > p {
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.big-paper-main-card-content-text > .simpleMde-display-contents {
  display: table-cell!important;
  vertical-align: middle;
  height: 80px;
}


.big-paper-reaction-groups {
  position: absolute;
  display: inline-flex;
  color: var(--font-color-6);
  font-size: var(--font-size-11);
  font-weight: var(--font-family-regular);
}

.big-paper-reaction-group {
  position: absolute;
  display: inline-flex;
  color: var(--font-color-6);
  font-size: 0.95em;
  font-weight: var(--font-family-regular);
}

.big-paper-sub-reaction-group {
  float: right;
  color: var(--font-color-6);
  font-size: 0.8em;
  font-weight: var(--font-family-regular);
  padding-top: 4px;
}

.big-paper-reaction-groups img {
  width: 16px;
  height: 20px;
}

.big-paper-reaction-groups span {
  margin-left: 6px;
  margin-right: 10px;
  margin-top: 3px;
}

.big-paper-reaction-group img {
  width: 16px;
  height: 20px;
}

.big-paper-reaction-group span {
  margin-left: 6px;
  margin-right: 10px;
  margin-top: 1px;
}

.big-paper-sub-reaction-group img {
  width: 12px;
  height: 15px;
}

.big-paper-sub-reaction-group span {
  margin-left: 6px;
  margin-right: 10px;
  margin-top: 2px;
}

.big-paper-card-slider-span {
  display: block;
  width: 14px;
  height: 6px;
  border-radius: 3px;
  background: #b9c6db;
  float: right;
  margin-left: 8px;
  cursor: pointer;
}

.big-paper-card-slider-span:hover {
  background: #398bb8;
}

.big-paper-card-slider-span:active {
  background: #398bb8;
}

.big-paper-card-content-text > p {
  margin-bottom: 0px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.big-paper-main-card-content-text > p {
  margin-bottom: 0px;
  /* 운영자추천글 elilpsis 제거 */
  /* display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; */
}

.big-paper-card-symbol-div {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: 8px;
  float: right;
  margin-top: -72px;
  position: relative;
  margin-right: 17px;
  background: #ffffff;
  background-color: #ffffff;
  border: 1px solid var(--line-color-1);
}

.big-paper-card-symbol-image {
  width: 30px;
  height: 30px;
}

.big-paper-sub-card-title {
  color: var(--font-color-1);
  margin-top: 12px;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: 0.95em;
  font-weight: var(--font-family-medium);
  height: 36px;
  /* 운영자 추천글 ellipsis 제거 */
  /* overflow: hidden; */
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 2; */
  /* -webkit-box-orient: vertical; */
}

.big-paper-sub-card-user-name {
  color: var(--font-color-6);
  font-size: 0.8em;
  font-weight: var(--font-family-medium);
}

.big-paper-main-card-inner-container {
  display: inline-flex;
  border-bottom: 1px solid #555555;
  width: 100%;
  padding-bottom: 16px;
}
.small-paper-card-container {
  padding-top: 13px;
  background-color: #fff; 
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  width: 430px;
}

.small-paper-card-content-block {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-flex;
  border-bottom: 1px solid var(--line-color-1);
}

.small-paper-card-token-icon-layer {
  margin-right: 12px;
}

.small-paper-card-token-icon-layer img {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.small-paper-card-content-layer {
  display: inline-block;
  width: 346px;
  position: relative;
}

.small-paper-card-content-layer-100 {
  display: inline-block;
  width: 100%;
  position: relative;
}

.small-paper-card-content-title-layer {
  display: flow-root;
  position: relative;
  margin-bottom: 2px;
}

.small-paper-card-content-title {
  float: left;
  cursor: pointer;
  font-size: var(--font-size-14);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-family-bold);
  width: 300px;
}

.small-paper-card-content-title-small {
  float: left;
  cursor: pointer;
  font-size: var(--font-size-14);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-family-bold);
  width: 250px;
}

.small-paper-card-content-title:hover {
  color: #446ee1;
}

.small-paper-card-num-reply {
  float: left;
  display: inline-flex;
  align-items: flex-end;
  position: absolute;
  top: 0;
  right: 0;
}

.small-paper-card-num-reply img {
  width: 16px;
  height: 16px;
}

.small-paper-card-post-date {
  clear: both;
  margin-bottom: 3px;
  color: var(--font-color-5);
  font-size: var(--font-size-11);
  font-weight: var(--font-family-regular);
}

.small-paper-card-post-date span {
  font-size: var(--font-size-11);
}

.small-paper-card-content-text {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  cursor: pointer;
  color: var(--font-color-4)!important;
  height: 60px;
  font-size: var(--font-size-12);
  width: 346px;
  margin-bottom: 10px;
}

.small-paper-card-content-layer-100 > .small-paper-card-content-text {
  margin-left: inherit;
  margin-right: inherit;
  width: 100%;
}

.small-paper-card-content-text > p {
  margin-bottom: 0px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.small-paper-card-content-text>.simpleMde-display-contents > p {
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.small-paper-card-content-text>.simpleMde-display-contents {
  display: table-cell!important;
  vertical-align: middle;
  height: 60px;
}

.small-paper-card-user-info-block {
  display: inline-flex;
  width: 100%;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.small-paper-card-user-info-layer {
  align-self: center;
  font-size: var(--font-size-11);
  font-weight: var(--font-family-medium);
  display: inline-flex;
}

.small-paper-card-user-info-image {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border-radius: 50%;
}

.small-paper-reaction-groups {
  position: absolute;
  right: 20px;
  align-self: center;
  display: flow-root;
  color: var(--font-color-6);
  font-size: var(--font-size-11);
  font-weight: var(--font-family-regular);
}

.small-paper-reaction-groups img {
  width: 16px;
  height: 20px;
  margin-left: 12px;
}

.small-paper-reaction-groups span {
  margin-left: 6px;
}


.reply-button-delimeter {
  display: inline-block;
}

.reply-button-delimeter span {
  margin-left: 8px;
  margin-right: 8px;
  font-size: 4px;
  color: #9FA0A0;
}

.reply-main-component {
  display: flex;
  margin-bottom: 20px;
}

.reply-user-icon-block {
  float: left;  
}

.reply-user-name {
  line-height: 16px;
  /* font-weight: 700; */
  margin-right: 8px;
  color: var(--font-color-6);
  display: inline-flex;
  white-space: nowrap;
}

.reply-user-name-right-layer {
  margin-left: auto
}

.reply-content-block {
  float: right;  
  width: 100%;
}

.reply-content-header {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  margin-top: 1px;
}

.reply-content-layer {
  /* white-space: pre-wrap; */
  margin-top: 10px;
  margin-bottom: 10px;
  word-break: break-word;
  font-weight: 500;
  font-size: 14px;
}

reply-content-layer p {
  width: 100%;
}

.reply-reaction-layer {
  display: flex;
}

.reply-user-icon {
  width: 25px;
  height: 25px;
  margin-right: 7px;
  border-radius: 50%;
}

.reply-edit-report-buttons {
  margin-left: 12px;
  vertical-align: text-bottom;
}

.reply-reply-component {
  padding-left: 50px;
}

.reply-reply-user-name {
  font-size: var(--font-size-12);
  font-weight: var(--font-family-bold);
  margin-right: 8px;
  color: var(--font-color-2);
}

.reply-reply-user-name-admin {
  font-weight: bold;
}

.reply-reply-user-name-admin {
  font-weight: bold;
}

.reply-vote-layer {
  margin-left: auto;
}

.token-card-container {
  position: relative;
  width: 270px;
  margin-bottom: 20px;
  padding: 12px;
}

.token-card-new-container {
  position: relative;
  width: 270px;
  min-height: 256px;
  margin-bottom: 20px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 12px;
  padding-top: 12px;
}

.token-card-layer-popup-container {
  position: relative;
  width: 270px;
  margin-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
  height: 256px;
}

.token-card-child-text {
  padding-right: 0px!important;
  padding-left: 16px!important
}

.token-card-inner {
	margin-bottom: 10px;
	padding: 18px;
}

.token-card-bottom-buttons {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding:0;
  margin:0;
}

.token-card-bottom-button-group {
  width: 100%;
}

.token-card-bottom-button {
  border: none!important;
  border-radius: 0px!important;
  padding-top: 15px!important;
  padding-bottom: 15px!important;
  background-image: none;
  background-color: #f4f4f4;
  width: 100%;
  height: 50px;
  color: #2C8CFF;
}

.token-card-bottom-button:hover {
  background-color: #f4f4f4;
  border-color: transparent;
  color: #2C8CFF!important;
}

.token-page-token-card-follow {
  width: 60px;
  height: 24px;
}

.follow-padding-left-4 {
  padding-left: 4px;
}

.token-card-item {
  width: 100%;
  margin-bottom: 8px;
  display: inline-flex;
  position: relative;
}

.token-card-item-title {
  width: 56px;
  margin-right: 16px;
  font-size: var(--font-size-13);
  color: var(--font-color-4)!important;
}

.token-card-item-value {
  font-size: var(--font-size-14);
  color: var(--font-color-2)!important;
  width: 144px;
}

.token-card-follow-button {
  position: absolute;
  right: 0;
}

.token-card-background-color {
  background: var(--background-color-6);
}

.token-card-color-div {
  margin-left: -6px;
  margin-right: -6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-top: -12px;
  height: 20px;
  margin-bottom: 8px;
}

.token-card-token-image {
  margin-top: 5px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.token-card-token-image-div {
  position: absolute;
}

.token-card-margin-top-minus-12 {
  margin-top: -12px;
}

.token-card-token-name {
  position: relative;
  text-align: center;
  width: 100%;
  top: -50px;
}

.token-card-button {
  width: 70px;
  height: 25px;
  text-shadow: none;
  box-shadow: none;
  color: #ffffff;
  background: var(--background-color-blue);
  background-image: none;
  font-size: var(--font-size-11);
  padding: 0px;
}

.token-card-layer-popup-button {
  width: 96px;
  height: 56px;
  text-shadow: none;
  box-shadow: none;
  color: #ffffff;
  background-image: none;
  font-size: var(--font-size-15);
  padding: 0px;
  font-weight: var(--font-family-medium);
  border-color: transparent;
}

.token-card-token-explain-text {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: var(--line-color-4);
  font-size: var(--font-size-12);
  color: var(--font-color-4);
  font-weight: var(--font-family-regular);
  text-align: center;
  border-radius: 4px;
  height: 54px;
}

.token-card-margin-bottom-36 {
  margin-bottom: 36px;
}

.token-card-margin-bottom-8 {
  margin-bottom: 8px;
  height: 50px;
}

.token-card-third-div {
  font-size:Var(--font-size-12);
  padding-left: 8px;
  padding-right: 8px;
}

.token-card-layer-popup-third-div {
  font-size:Var(--font-size-12);
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.token-card-latest-update-text {
  text-align: right;
  font-size: var(--font-size-11);
  color: var(--font-color-5);
  font-weight: var(--font-family-regular);
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.token-card-token-small-image {
  height: 20px;
}

.token-card-arrow-image {
  width: 16px;
  height: 32px;
}

.token-card-layer-popup-favorite-image {
  width: 16px;
  height: 16px;
}

.token-card-layer-popup-header {
  display: flow-root;
}

.token-card-layer-popup-close-button {
  font-size: var(--font-size-28);
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
  font-weight: var(--font-family-demi-light);
  font-weight: unset;
}

.token-card-layer-4-popup-modal>.modal-dialog {
  top: 25%!important;
}

.token-card-layer-8-popup-modal>.modal-dialog {
  top: 5%!important;
}

.token-card-layer-popup-modal>.modal-dialog {
  width: 890px!important;
  transform: translate(0, 0%)!important;
  transition: none!important;
  position: relative!important;
  margin: 0 auto!important;
}

.token-card-layer-popup-modal>.modal-dialog>.modal-content {
  background-color: transparent!important;
  box-shadow: none;
  border: none;
}

.token-card-layer-popup-modal>.modal-dialog>.modal-content>.modal-header {
  display: contents;
}

.token-card-layer-popup-modal>.modal-dialog>.modal-content>.modal-header>button {
  font-size: var(--font-size-28)!important;
  color: #ffffff!important;
  text-shadow: none!important;
  opacity: 1!important;
  font-weight: var(--font-family-demi-light)!important;
  font-weight: unset!important;
  padding-bottom: 2px;
} 

.token-card-layer-popup-modal>.modal-dialog>.modal-content>.modal-body {
  background-color: var(--background-color-2);
  border-radius: 8px;
  padding: 0px;
}

.token-card-layer-popup-modal>.modal-dialog>.modal-content>.modal-footer {
  display: none;
}

.token-card-layer-popup-color-div {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 10px;
  background-color: chartreuse;
}

.token-card-layer-popup-first-div {
  background: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  height: 96px;
}

.token-card-layer-popup-token-image {
  width: 56px;
  height: 56px;
}

.token-card-padding-left-12 {
  padding-left: 12px!important;
}

.token-card-padding-left-18 {
  padding-left: 18px!important;
}

.token-card-padding-left-right-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.token-card-padding-left-right-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.token-card-padding-left-right-25 {
  padding-left: 25px;
  padding-right: 25px;
}


.token-card-summary-button-div {
  border-top: 1px solid var(--line-color-1);
  justify-content: space-between;
  display: flex;
  width: 100%;
  padding: 12px;
  position: absolute;
  bottom: 0px;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, 0);
}

.token-card-right-text-width {
  width: 115px;
  text-align: right;
}

.token-card-coin-market-total-value {
  width: 60px;
  display: inline-block;
}

.token-card-margin-left-4 {
  margin-left: 4px;
}

.token-card-margin-top-12 {
  margin-top: 12px;
}

.token-card-margin-top-8 {
  margin-top: 8px;
}

.token-card-padding-bottom-12 {
  padding-bottom: 12px;
}

.token-card-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--font-color-2);
  cursor: pointer;
  font-family: 'Poppins';
  margin-top: 10px;
}

.token-card-title:hover {
  color: #446ee1;
}

.token-card-title-ticker {
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-11);
  color: var(--font-color-6);
  cursor: pointer;
}

.token-card-expand-more-div-image {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.token-card-expand-more-div-image:hover {
  content: url(/images/main_expand_button_hover.png); 
}

.token-card-detail-more-image {
  position: absolute;
  right: 0px;
  top: 22px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: inline-flex;
}

.token-card-detail-more-image:hover {
  content: url(/images/card_detail_button_hover.png);
}

.token-card-exchange-text {
  border-bottom: 1px solid var(--font-color-15);
  font-size: var(--font-size-11);
  color: var(--font-color-15);
  cursor: pointer;
  font-weight: var(--font-family-medium);
}

.token-card-exchange-text:hover {
  color: #2245a5;
}

.token-card-position-initial {
  position: static!important;
  position: initial!important;
}

.token-card-margin-bottom-0 {
  margin-bottom: 0px!important;
}

.token-card-favorite-image-14 {
  width: 14px;
  height: 14px;
}

.token-card-favorite-image-12 {
  width: 12px;
  height: 12px;
}

.token-card-first-list-div {
  padding-top: 16px;
  float: left;
  width: 100%;
}

.token-card-list-div {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 36px;
}

.token-card-last-list-div {
  padding-top: 8px;
  padding-bottom: 16px;
  height: 44px;
}

.token-card-list-two-line-div {
  padding-top: 8px;
  padding-bottom: 8px;
  height: 50px;
}

.token-card-list-three-line-div {
  padding-top: 8px;
  height: 67px;
  padding-bottom: 8px;
}

.token-card-margin-top-minus-4 {
  margin-top: -4px;
}

.token-card-margin-bottom-minus-12 {
  margin-bottom: -12px!important;
}

.token-card-margin-left-8 {
  margin-left: 8px;
}

.token-card-margin-left-6 {
  margin-left: 6px;
}

.token-card-layer-popup-title {
  font-weight: var(--font-family-bold);
  font-size: var(--font-size-15);
  color: var(--font-color-2);
}

.token-card-link-text {
  color: var(--font-color-7)!important;
  font-size: var(--font-size-12)!important;
}

.token-card-layer-popup-sub-title {
  font-weight: var(--font-family-medium);
  color: var(--font-color-6);
}

.token-card-layer-popup-sub-text {
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-13);
  width: 160px;
  word-wrap: break-word;
  text-align: right; 
  font-size: var(--font-size-14);
  width: 172px;
  word-wrap: break-word;
  text-align: right;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.token-card-layer-popup-sub-text-title {
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-13);
  width: 160px;
  word-wrap: break-word;
  text-align: right; 
  font-size: var(--font-size-14);
  width: 154px;
  word-wrap: break-word;
  text-align: right;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.token-card-layer-popup-sub-text-tags {
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-13);
  width: 160px;
  word-wrap: break-word;
  text-align: right; 
  font-size: var(--font-size-14);
  width: 160px;
  word-wrap: break-word;
  text-align: right;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.token-card-layer-popup-ticker-text {
  color: var(--font-color-4)!important;
}

.token-card-layer-popup-sub-text>a, .token-card-layer-popup-sub-text-title>a, .token-card-layer-popup-sub-text-tags>a {
  color: var(--font-color-7);
}


.token-card-popup-card-title {
  font-size: var(--font-size-21);
  font-weight: var(--font-family-bold);
}

.token-card-popup-card-title-ticker {
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-18);
  color: var(--font-color-6);
}

.token-card-popup-card-ticker {
  color: var(--font-color-6);
  font-size: var(--font-size-18);
  font-weight: var(--font-family-medium);
}

.token-card-padding-top-12 {
  padding-top: 12px;
}

.token-card-layer-popup-logo-image {
  height: 20px;
}

.token-card-layer-list-container,
.token-card-layer-list-container-bottom {
  width: 100%;
  display: inline-block;
}

.token-card-layer-list-container-bottom {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 12px;
  margin-top: -16px;
  margin-bottom: -5px;
}

.token-card-layer-list-container-content {
  position: relative;
  display: inline-block;
  height: 100%;
}

.token-card-layer-list-container-item {
  display: inherit;
}

.token-card-layer-list-container-item-inner {
  height: 256px;
}
.token-card-type-default {
  height: 356px;
}

.token-card-type-small {
  height: auto;
  margin-top: 50px;
  min-height: unset !important;
  border-radius:20px !important ;
  box-shadow: 3px 3px 9px -2px rgb(0 0 0 / 60%);
}

.token-card-layer-list-container-content-fixed {
  height: 240px;
}

.token-card-link-text-realted {
  color: var(--font-color-7);
}

.token-card-layer-list-margin-top-minus-8 {
  margin-top: -8px;
}
.announce-notice-text {
  width: auto;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.link-post p {
  color: rgb(159,167,193);
  padding-top: 5px;
  font-size: 12px;
}
.link-post {
  padding: 5px 13px;
}
.announce-speaker-image {
  margin-left: 14px;
  margin-right: 6px;
}

.announce-list-layer {
  display: flex;
  padding-top: 9px;
  padding-bottom: 9px;
}

.slick-component {
}

.announce-speaker-image-size {
  width: 18px!important;
}
/* 
.slick-slider .slick-track {
  transition: none!important;
  min-height: auto;
} */

.announce-list-link:hover, .announce-list-link:active {
  text-decoration: none;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide  img
{
    display: block;
    margin: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    /* display: none; */
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 30%;
    left: 98%;
    margin-left: 2%;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: var(--font-size-20);
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    font-family: "Font Awesome 5 Free";
    content: "\f104";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color:#C0C3CF;
    margin: 0 auto;
    font-size: 27px;
    line-height: 54px;
}
[dir='rtl'] .slick-prev:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color:#C0C3CF;
  margin: 0 auto;
  font-size: 27px;
  line-height: 54px;
}

.slick-next
{
    /* right: -25px; */
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color:#C0C3CF;
  margin: 0 auto;
  font-size: 27px;
  line-height: 54px;
}
[dir='rtl'] .slick-next:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color:#C0C3CF;
  margin: 0 auto;
  font-size: 27px;
  line-height: 54px;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    /* bottom: -25px; */
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 22px;
    height: 10px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 10px;
    line-height: 10px;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight: 900;
    text-align: center;

    opacity: .25;
    background-color: #C3C7D2;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    background-color: #FFF;
}

@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.mainpage-rn {
  padding-top: 6.2rem;
  padding-bottom: 1rem;
  display: grid;
  grid-gap: 2rem;
  gap: 2rem;
  margin: auto;
  position: relative;
  font-family: SUIT;
}
.mobile-divide-line {
  display: none;
}
/* today talk  */
.mainpage-rn .mainpage-section-01 {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  max-width: min(100vw, 1200px);
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.mainpage-section-01 .title-section-01 {
  font-weight: 500;
}
.list-card-today-talk {
  display: flex;
  flex-direction: row;
  grid-gap: 1.9rem;
  gap: 1.9rem;
}
.item-card-today-talk {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  margin:0 10px;
  padding: 0;
  position: relative;
}
.link-today-talk {
  margin: 10px 0;
}
.link-today-talk:hover {
  transform: scale(1.05);
  transition: .5s;
}
.image-card-today-talk {
  border-radius: 10px;
  height: 180px;
  /* width: 279px; */
  /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
  box-shadow: 0 2px 8px 0 rgba(99,99,99,.3);
}
.image-card-today-talk img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.item-card-today-talk a {
  color: #031243;
  text-decoration: none;
  cursor: pointer;
}
.item-card-today-talk .title-today-talk {
  font-weight: 600;
  font-size: 1rem;
  margin-top: 0.5rem;
  word-break: break-all;
}
.mainpage-tcp-total {
  font-weight: 600;
  font-size: 1rem;
  color: #031243;
}
.description-today-talk {
  font-size: 0.85rem;
  color: #676767;
  margin-top: 0.75rem;
  min-height: 39px;
  word-break: break-all;
}
.owner-and-date {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 4px;
  /* margin-bottom: 0.5rem; */
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
}
.item-card-today-talk .wrapper-owner {
  display: flex;
  flex-direction: row;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  align-items: center;
}
.wrapper-owner .bg-avt-owner {
  width: 22px;
  height: 22px;
  background-color: #f0f0f0;
  font-size: 2rem;
  border-radius: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  padding: 0.15rem;
}
.wrapper-owner .bg-avt-owner img {
  /* width: 22.5px; */
  /* height: 22.5px; */
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.wrapper-react-and-date {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrapper-react-and-date .text-react-date {
  font-size: 0.85rem;
  color: #676767;
  margin-left: 0.25rem;
}
.wrapper-date {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
}
/* best talk and legend  */
.mainpage-section-02 {
  width: 100%;
  background-image: url(/images/best_talk_bg.png);
  background-size: 100% 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
/* list token  */
.mainpage-section-02 .wrapper-content-section-02 {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  grid-gap: 1.75rem;
  gap: 1.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.mainpage-section-02 .content-best-talk {
  width: 100%;
  display: flex;
  flex-direction: column;
  grid-gap: 0.8rem;
  gap: 0.8rem;
}
.mainpage-section-02 .best-talk-left {
  display: flex;
  flex-direction: row;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
}
.mainpage-section-02 .title-best-talk-left {
  flex: none;
  --tw-text-opacity: 1;
  /* color: rgb(255 255 255 / var(--tw-text-opacity)); */
  color: #ccc;
  font-weight: 500;
  display: flex;
}
.btn-more-rn {
  border-radius: 100px;
  border: 1px solid #ccc;
  color: #ccc;
  transition: color 0.2s;
  padding: 0.375rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  /* margin-right: auto; */
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
}
/* .mainpage-section-02 .best-talk-right {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  gap: 1rem 2.5rem;
} */
.mainpage-section-02 .best-talk-right {
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.box-talk-item {
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  grid-gap: 1.25rem;
  gap: 1.25rem;
  color: #cccccc;
}
.thumbnail-main-pc {
  min-width: 100px;
  width: 100px;
  height: 55px;
}
.thumbnail-main-pc img {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  -o-object-fit: contain;
     object-fit: contain;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.content-right-best-item {
  display: flex;
  flex-direction: column;
  width: -webkit-fill-available;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
.box-talk-item a {
  /* color: #031243; */
  text-decoration: none;
  cursor: pointer;
}
.box-talk-item .title-best-talk {
  /* color: #cccccc; */
  /* margin-right: 2rem; */
  font-size: 1rem;
  font-weight: 600;
}
.box-talk-item .info-best-talk {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0;
  /* color: #ffffff; */
}
.info-best-talk .bg-avt-owner {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-color: #f0f0f0;
  padding: 0.15rem;
  border-radius: 50%;
  display: grid;
}
.info-best-talk .bg-avt-owner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  /* padding: 0.125rem; */
}
.info-best-talk .name-owner {
  /* width: 100px; */
  margin-left: 0.5rem;
  /* color: #cccccc; */
}
.info-best-talk .ic-message-rn {
  margin-left: 0.8rem;
  display: flex;
  align-items: center;
}
.info-best-talk .ic-vote-rn {
  margin-left: 1.75rem;
  display: flex;
  align-items: center;
}
.info-best-talk .count-message {
  font-size: 0.85rem;
  margin-left: 0.3125rem;
  /* color: #cccccc; */
}
/* list token  */
.mainpage-rn .mainpage-section-03 {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  /* display: flex;
  flex-direction: row; */
  grid-gap: 2.5rem;
  gap: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.mainpage-section-03 .wrapper-list-token {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.wrapper-list-token .wrapper-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.8rem;
}
.wrapper-title .title-token {
  font-weight: 500;
  display: flex;
  flex: 1 1;
}
/* .wrapper-title .ml-title-strong {
  margin-left: 0.5rem;
} */
.wrapper-title .btn-more-blue-rn {
  border-radius: 100px;
  border: 1px solid #031243;
  color: #031243;
  transition: color 0.2s;
  padding: 0.375rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-right: auto;
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
}
.wrapper-list-token .list-token {
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
}
.list-token .token-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
  gap: 20px;
}
.token-item a {
  color: #031243;
  text-decoration: none;
  cursor: pointer;
}
.title-and-pinned {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.xangle-text {
  /* max-width: 300px; */
}
.xangle-out-link {
  margin-left: 3px;
}
.xangle-out-link svg {
  margin-bottom: -1px;
}
.token-item .title-token-item {
  color: #031243;
  margin-right: 5px;
  font-size: 1rem;
  max-width: 325px;
  word-break: break-all;
  font-weight: 600;
}
.token-item .info-token-item {
  display: flex;
  align-items: center;
  margin-top: 0;
}
.info-token-item .bg-avt-owner {
  width: 22px;
  height: 22px;
  background-color: #f0f0f0;
  padding: 0.15rem;
  border-radius: 50%;
  display: grid;
}
.info-token-item .bg-avt-owner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  /* padding: 0.125rem; */
}
.info-token-item .name-owner {
  width: 85px;
  margin-left: 0.5rem;
  font-weight: 400;
  /* color: #031243; */
  font-size: 14px;
  word-break: break-all;
}
.info-token-item .ic-message-rn {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
}
.info-token-item .count-message {
  font-size: 0.85rem;
  /* color: #676767; */
  min-width: 25px;
  text-align: center;
}
.info-token-item .xangle-category {
  /* font-size: 0.5rem; */
  font-size: 0.85rem;
  color: #676767;
  min-width: 25px;
  text-align: center;
  width: 80px;
  margin-left: 1rem;
}
.xangle-category-ticker {
  color: #a8a8a8;
  /* background-color: rgba(160,168,192, .1); */
  border-radius: 4px;
  padding: 0px 4px;
}
.today-talk-title-layer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media (min-width: 1240px) {
  .mainpage-rn .mainpage-section-01 {
    padding-left: 0;
    padding-right: 0;
  }
  .mainpage-section-02 .wrapper-content-section-02 {
    padding-left: 0;
    padding-right: 0;
  }
  .mainpage-rn .mainpage-section-03 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1240px) {
  .list-card-today-talk {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }
  .image-card-today-talk {
    width: 100%;
  }
}
/* carousel today talk  */
.box-carousel-today-talk:hover .arrow-today-talk > div {
  opacity: 1;
}
.react-multi-carousel-item {
    display: flex;
    justify-content: center;
}
/* custom arrow carousel  */
.arrow-today-talk {
  position: relative;
}
.arrow-left-carousel {
  width: 40px;
  height: 40px;
  opacity: 0.2;
  position: absolute;
  bottom: 140px;
  left: 0;
  transform: translateX(-40%);
  cursor: pointer;
}
.arrow-left-carousel img {
  width: 100%;
  height: 100%;
}
.remove-arrow {
  display: none;
}
.arrow-right-carousel {
  width: 40px;
  height: 40px;
  opacity: 0.2;
  position: absolute;
  bottom: 140px;
  right: 0;
  cursor: pointer;
  transform: translateX(40%);
}
.arrow-right-carousel img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px) {
  .arrow-left-carousel {
    left: 10px;
  }
  .arrow-right-carousel {
    right: 10px;
  }
}

@media (max-width: 767px) {
  .mainpage-rn {
    /* padding-top: 2.5rem; */
    padding-top: 0;
    margin: 1rem 0 2rem;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .mainpage-section-01 .title-section-01 {
    font-size: 1.25rem;
  }
  .wrapper-title .title-token {
    font-size: 1.25rem;
  }
  .mobile-divide-line {
    border-bottom: 1px solid #ececec;
    display: block;
  }

  .list-card-today-talk {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 1rem;
    gap: 1rem;
  }
  .grid-container-featured {
    grid-template-columns: 1fr;
  }
  .item-card-today-talk {
    width: 100%;
    margin: 0 20px;
  }
  .image-card-today-talk {
    /* height: 118px; */
    width: 100%;
  }
  .item-card-today-talk .title-today-talk {
    font-size: 1rem;
    font-weight: 500;
  }
  .mainpage-tcp-total {
    font-size: 1rem;
    font-weight: 500;
    color: #031243;
  }
  .description-today-talk {
    margin-top: 0.625rem;
  }
  .wrapper-owner .bg-avt-owner {
    width: 22px;
    height: 22px;
  }
  /* .mainpage-section-02 .content-best-talk {
    flex-direction: column;
    gap: 1.25rem;
  } */
  .mainpage-section-02 .best-talk-left {
    flex-direction: row;
  }
  .mainpage-section-02 .title-best-talk-left {
    margin: 0;
    flex: 1 1;
    font-size: 1.25rem;
  }
  .box-talk-item .title-best-talk {
    margin-right: 0;
    font-weight: 500;
  }
  .box-talk-item .info-best-talk {
    /* margin-top: 0.5rem; */
    width: 100%;
  }
  .box-talk-item {
    grid-gap: 1rem;
    gap: 1rem;
  }
  .wrapper-thumnail-title-best {
    display: flex;
    grid-gap: 14px;
    gap: 14px;
  }
  .thumnail-mainpage-mb {
    width: 80px;
    min-width: 80px;
    height: 57px;
  }
  .thumnail-mainpage-mb img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #ffffff;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .content-right-best-item {
    grid-gap: 0.625rem;
    gap: 0.625rem;
  }
  .info-best-talk .ic-message-rn {
    margin-left: 10px;
  }
  .info-best-talk .ic-vote-rn {
    margin-left: 10px;
  }
  .mainpage-rn .mainpage-section-03 {
    grid-gap: 1.75rem;
    gap: 1.75rem;
    margin-bottom: 0;
    grid-template-columns: repeat(1, 1fr);
  }
  .list-token .token-item {
    flex-direction: column;
    align-items: start;
    grid-gap: 0;
    gap: 0;
  }
  .wrapper-list-token .wrapper-title {
    margin-bottom: 1.25rem;
  }
  .token-item .title-token-item {
    margin-right: 0;
    max-width: unset;
    font-weight: 500;
  }
  .token-item .info-token-item {
    width: 100%;
    /* margin-top: 0.5rem; */
  }
  .btn-more-rn {
    font-size: 12px;
    padding: 4px 16px;
  }
  .wrapper-title .btn-more-blue-rn {
    font-size: 12px;
    padding: 4px 16px;
  }
  .thumbnail-main-pc {
    min-width: 80px;
    width: 80px;
    height: 57px;
  }
  .create-at-best-post {
    padding-left: 8px;
  }
  .arrow-one {
    bottom: 118px;
    left: 5px;
  }
  .arrow-two {
    bottom: 118px;
    right: -10px;
  }
  .mainpage-section-02 .wrapper-content-section-02 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.wrapper-abc-banner {
  margin-top: -14px;
  margin-bottom: -14px;
  display: flex;
  justify-content: center;
}
.abc-banner-pc {
  width: 1200px;
  height: 70px;
  border-radius: 8px;
  cursor: pointer;
}
.abc-banner-mobile {
  width: 388px;
  height: 70px;
  border-radius: 8px;
  cursor: pointer;
}


.go-top {
  position: fixed;
  right: 16px;
  bottom: 30px;
  z-index: 30;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  color: #fff;
  background: #ff4081;
  /* go-top 배경색 메인 색으로 변경 */
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  transition: .4s ease-in-out;
  transform: translateX(200%);
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.go-top.in {
  opacity: 1;
  transform: none;
}
.token-info-menu-nav {
  background-image: none;
  border: none;
  box-shadow: none;
  margin-bottom: 0px;
  background-color: #ffffff;
}

.token-info-menu-nav>div {
  width: 1170px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #ffffff;
}

.token-info-menu-nav > .container {
  width: 100%;
  display: flex;
  height: 50px;
}

.token-info-category-height {
  height: 50px!important;
}

.token-info-category:hover {
  padding-bottom: 10px!important;
  border-bottom: #363e50 0.2em solid;
}

.token-info-category > a {
  height: 50px;
  padding: 15px 40px!important;
}

.token-content-anchor {
  margin-bottom: 8px;
}

.token-page-padding-top-22 {
  padding-top: 22px;
}

.token-page-padding-top-20 {
  padding-top: 20px;
}

.token-content-title {
  margin-bottom: 12px;
}

.token-content-head-sub-text {
  font-size: var(--font-size-21);
  color: var(--font-color-2)!important;
  padding-left: 16px;
  border-left: 1px solid var(--line-color-1);
  font-weight: var(--font-family-bold);
}

.token-info-card {
  margin-top: 38px;
  width: 246px;
  margin-left: 30px;
}

.graph-card-button-div {
  padding-top: 24px;
}

.token-info-card-inner-padding {
  padding: 12px!important;
}

.token-content-item-button {
  width: 46px;
  height: 28px;
  background-image: none;
  background: #757a88;
  padding: 0px;
  color: #ffffff;
  font-size: var(-font-size-13);
}

.token-content-item-button:hover {
  background-color: #5f6779;
  color: #ffffff!important;
}

.token-content-item-button:active {
  background-color: #5f6779;
  color: #ffffff;
}

.token-content-item-button:disabled {
  background: #b1b1b1;
  color: #ffffff;
}

.token-contetn-history-button {
  width: 64px;
  height: 28px;
  background-image: none;
  background-color: #c1c5cf;
  padding: 0px;
  font-size: var(--font-size-13);
}

.token-contetn-history-button:hover {
  background-color: #9fa6b8;
  border-color: transparent;
  color: #ffffff!important;
}

.token-page-margin-left-12 {
  margin-left: 12px;
}

.token-page-margin-left-15 {
  margin-left: 1.5px;
}

.token-page-header-text {
  margin-right: 1.5px;
  color: var(--font-color-5);
  font-size: var(--font-size-12);
  font-weight: var(--font-family-demi-light);
}

.token-page-padding-bottom-12 {
  padding-bottom: 12px;
}

.token-page-padding-top-2 {
  padding-top: 2px;
}

.token-page-padding-right-14 {
  padding-right: 14px;
}

.token-page-history-button-width {
  width: 64px;
}


.token-empty-color {
  color: var(--font-color-12);
  font-size: var(--font-size-13);
}

.token-content-head-width {
  display: contents;
}

.token-page-left-card {
  margin-right: 5px;
  margin-left: 5px;
  padding-left: 0px;
  padding-right: 0px;
}

.token-page-padding-top-25 {
  padding-top: 25px;
}

.token-card-layer-popup-close-button {
  /* padding-right: 16px; */
  padding-bottom: 16px;
  cursor: pointer;
  margin-top: -16px;
}

.main-page-recent-hot-issue-nav>.container>ul>li>a>.dropdown {
  float: none;
  width: 100%;
  margin-top: -10px!important;
  text-shadow: none;
  box-shadow: none;
}

.main-page-recent-hot-issue-nav>.container>ul>li>a>.open>.dropdown-menu {
  width: 100%;
  background: #ffffff;
  color: var(--font-color-2);
  text-align: center;
  box-shadow: none;
  border: none;
}

.main-page-recent-hot-issue-nav>.container>ul>li>a>.open>.dropdown-menu>li>a {
  color: var(--font-color-2);
  background: #ffffff;
  font-weight: inherit;
  border-radius: 0px;
}

.main-page-recent-hot-issue-nav>.container>ul>li>a>.open>.dropdown-menu>li>a:hover,
.main-page-recent-hot-issue-nav>.container>ul>li>a>.open>.dropdown-menu>li>a:focus {
  background: #e8e8e8;
}

.main-page-recent-hot-issue-nav>.container>ul>li>a>.open>.dropdown-toggle.btn-default:focus, 
.main-page-recent-hot-issue-nav>.container>ul>li>a>.open>.dropdown-toggle.btn-default:hover {
  border-bottom: 2px solid var(--font-color-15);
  color: var(--font-color-15);
}

.main-page-recent-hot-issue-nav>.container>ul>li>a>.dropdown>.dropdown-toggle {
  width: 100%!important;
  text-shadow: none;
  box-shadow: none;
}

.main-page-recent-hot-issue-nav>.container>ul>li>a>.dropdown>.dropdown-toggle:hover {
  color: var(--font-color-15);
}

.main-page-recent-hot-issue-nav>.container>ul>.token-page-top-category-nav-item >a:hover,
.main-page-recent-hot-issue-nav>.container>ul>.token-page-top-category-nav-item >a:focus,
.main-page-recent-hot-issue-nav>.container>ul>.token-page-top-category-nav-item >a:active {
  color: var(--font-color-15);
  border-bottom: 2px solid var(--font-color-15)!important;
}

.token-page-locator-box {
  /* width: 68px;
  height: 232px;
  position: fixed;
  right: 6px;
  background: #538fea;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  font-size: var(--font-size-13);
  border-radius: 16px; */
  width: 68px;
  height: 232px;
  position: fixed;
  background: #538fea;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  font-size: var(--font-size-13);
  border-radius: 16px;
  right: 6px;
  top: 140px;
}

.token-page-locator-div {
  height: 50px;
  padding-top: 18px;
  padding-bottom: 18px;
  cursor: pointer;
  color: #979eaf;
  font-weight: var(--font-family-regular);
}

.token-page-locator-div > a{
  height: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  color: #ffffff;
  font-weight: var(--font-family-regular);
}

.token-page-locator-div > a:hover, .token-page-locator-div > a:focus {
  text-decoration: none;
}

.token-page-locator-div:hover, .token-page-locator-div:active, .token-page-locator-div:focus {
  background: #1d69dd;
  color: #ffffff;
}

.token-page-padding-top-28 {
  padding-top: 28px;
}

.token-page-margin-bottom-minus-12 {
  margin-bottom: -12px;
}

.token-page-margin-bottom-20 {
  margin-bottom: 20px;
}

.token-content-wiki-header-createstamp {
  padding-top: 11px;
  float: left;
}
.radius-container-margin-bottom-20 {
  margin-bottom: 20px;
}

.radius-container-margin-bottom-10 {
  margin-bottom: 10px;
}

.forum-body-token-content-heading-padding {
  padding-top: 14px;
  padding-bottom: 16px;
}

.forum-token-wiki-heading-padding {
  padding-top: 15px;
  padding-bottom: 15px;
}

.forum-body-token-compare-padding {
  padding-top: 16px;
  padding-bottom: 14px;
}

.forum-body-token-content-padding-left-16{
  display: block;
  padding-left: 16px;
  height: 50px;
  padding-right: 16px;
}

.forum-body-token-content-padding-right-16 {
  padding-right: 16px;
  border-right: solid 1px #eaeaea;
  padding-top: 6px;
}

.forum-body-token-content-padding-left-right-28 {
  padding-left: 28px;
  padding-right: 28px;
}

.padding-top-bottom-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-top-bottom-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.diff-padding {
  padding-bottom: 14px;
}

.forum-view-content-header-text {
  display: inline-block;
  font-size: var(--font-size-21);
  margin-left: 16px;
  color: var(--font-color-2)!important;
  font-weight: var(--font-family-bold);
}

.forum-view-margin-left-0 {
  margin-left: 0px!important;
}

.forum-view-prev-color {
  color: var(--font-color-8);
}

.forum-view-current-color {
  color: var(--font-color-10);
}

.forum-view-prev-current-revision-box {
  /* background: var(--background-color-7); */
}

.comment-padding {
  padding-left: 32px;
  padding-top: 20px;
  padding-right: 32px;
  padding-bottom: 20px;
}

.comment-inner-padding {
  padding-left: 48px;
  padding-top: 16px;
  padding-right: 48px;
  padding-bottom: 16px;
}

.forum-token-content-view-timestamp {
  padding-top: 11px;
  display: inline-table;
  color: var(--font-color-5);
  font-size: var(--font-size-12);
  font-weight: var(--font-family-demi-light);
  padding-left: 12px;
}

.forum-token-content-view-diff-padding-bottom-16 {
  padding-bottom: 16px;
}

.forum-token-content-view-diff-revision {
  float: right;
}

.forum-token-content-view-prev-revision-text {
  color: var(--font-color-8);
  font-size: var(--font-size-15);
  font-weight: var(--font-family-medium);
  display: inline-block;
  width: 50%;
}

.forum-token-content-view-current-revision-text {
  color: var(--font-color-10);
  font-size: var(--font-size-15);
  font-weight: var(--font-family-medium);
  display: inline-block;
  width: 50%;
}

.forum-token-content-container {
}

.forum-token-content-header {
  border-radius: 0px;
  border-top: 1px solid var(--line-color-1)
}

.forum-token-content-prev-container {
  border-top: 1px solid var(--line-color-1);
  border-radius: 0px;
}

.forum-token-content-diff-container {
  border-top: 1px solid var(--line-color-1);
  border-radius: 0px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.forum-token-content-opinion-container {
  padding-left: 64px;
  padding-right: 64px;
  padding-bottom: 29px;
}

.forum-token-content-border-left-right {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.te-md-container .CodeMirror {
  font-size: var(--font-size-14)!important; 
}
@media (max-width: 767px) {
  .te-md-container .CodeMirror {
    background-color: #f5f5f5; 
  }
  .te-md-mode .te-md-container {
    background-color: #f5f5f5; 
  }
}
.pagination-nav {
  text-align: center;
}

.pagination>li>a, 
.pagination>li>span {
  /* border-radius: 0px!important; */
  border-radius: 20px !important;
}

.pagination>.active>a {
  /* background-color: white !important;
  border-color: white !important;
  font-weight: 900;
  color: black; */
  color: #fff;
  background-color: #2061e2;
}

.common-pagination-arrow {
  height: 1em;
  vertical-align: middle;
  margin-left: 5px;
}

ul.pagination span {
  background: white !important;
  border: unset !important;
}
ul.pagination span img {
  width: 12px;
  height: 12px;
}
ul.pagination a {
  /* color: rgb(159,167,193);
  font-size: 15px; */
  font-size: .85rem;
  color: #031243;
}
.pagination .page-link {
  border: unset !important;
}
/* .pagination>.active>a:before {
  border-bottom: 2px solid;
  content: "";
  display: block;
  position: relative;
  top: 21px;
  width: 10px;
  margin: auto;
} */
.forum-list-container-inner-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}

.forum-list-table-padding {
  padding-top: 66px!important;
}

.forum-list-button {
  width: 90px;
  height: 34px;
}

.forum-list-button:hover {
  background-color: #2245a5!important;
}

.forum-list-content-button {
  width: 90px;
  height: 32px;
}


.forum-list-margin-left-6 {
  margin-left: 6px;
}

.forum-list-table-tr-height {
  height: 50px!important;
}

.forum-list-margin-top-0 {
  margin-top: 0px!important;
}

.direction-color {
  color: var(--font-color-6);
}


.forum-list-table-text {
  color: var(--font-color-2)!important;
  text-align: center;
} 

.forum-list-post-time {
  color: var(--font-color-6)!important;
  text-align: center;
} 

.forum-list-post-time>span {
  color: var(--font-color-8);
}

.forum-list-post-time>span:hover {
  /* color: var(--font-color-8); */
  border-bottom: 1px solid var(--font-color-8);
}

.forum-list-reaction-padding {
  padding-left: 10px;
  padding-right: 10px;
}

.forum-list-user-image-size {
  width: 38px;
  height: 38px;
}

.forum-list-padding-top-8 {
  padding-top: 8px;
}

.forum-list-reaction-image-size {
  width: 16px;
  height: 20px;
}

.forum-list-margin-right-10 {
  margin-right: 10px!important;
}

.common-margin-top-6 {
  margin-top: 6px;
}

.forum-list-check-box-margin-right-6 {
  margin-right: 6px;
}

.forum-list-margin-left-16 {
  margin-left: 16px;
}

.forum-list-revision-button {
  background-color: #56c0bc;
}
.forum-list-revision-button:hover {
  background-color: #199695;
}

.forum-list-edit-button {
  background-color: #395bb8;
}

.forum-list-edit-button:hover {
  background-color: #2245a5;
}

.forum-list-sub-icon-size {
  width: 16px;
  height: 16px;
}

.forum-list-checkbox-background {
  background: #ededed;
}

.forum-list-checkbox-background:active {
  background: #ededed;
}

.forum-list-checkbox-font-color {
  color: #979eaf;
}

.forum-list-checkbox-inner-color {
  color: #446ee1;
}

.forum-title-size {
  font-size: var(--font-size-18);
  font-weight: var(--font-family-bold);
}

.forum-list-top-bottom-margin {
  margin-top: 12px;
}

.forum-list-new-table {
  margin-bottom: 28px;
}

.forum-list-new-table>thead>tr>th {
  font-weight: var(--font-family-medium);

}

.forum-list-new-table>thead>tr>th:nth-child(1) {
  width: 26%;
  padding: 0px;
  font-weight: var(--font-family-medium);
}

.forum-list-new-table>thead>tr>th:nth-child(2) {
  width: 44%;
  padding: 0px;
  font-weight: var(--font-family-medium);
}

.forum-list-new-table>thead>tr>th:nth-child(3) {
  width: 12%;
  padding: 0px;
}


.forum-list-new-table>thead>tr>th:nth-child(4) {
  width: 18%;
  padding: 0px;
}

.forum-list-new-table>tbody>tr>td {
  padding-left: 15px!important;
  padding-right: 15px!important;
}

.forum-list-new-table>tbody>tr>td:nth-child(1) {
  padding: 0px;
  font-weight: var(--font-family-medium);
  padding-top: 8px;
  padding-bottom: 8px;
}

.forum-list-new-table>tbody>tr>td:nth-child(2) {
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: var(--font-family-regular);
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.forum-list-new-table>tbody>tr>td:nth-child(3) {
  padding: 0px;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-12);
  color: #969fb0;
  text-align: center;
}

.forum-list-new-table>tbody>tr>td:nth-child(4) {
  padding: 0px;
  text-align: center;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-12);
  color: #969fb0;
  text-align: center;
}

.forum-list-user-image-span {
  width: 20%;
  text-align: center;
}

.forum-list-user-name-span {
  width: 80%;
  margin-top: 6px;
  display: inline-block;
  font-size: var(--font-size-13);
}

.forum-list-user-icon-span {
  width: 28px;
  height: 28px;
}

.forum-list-search-input-div {
  display: flex;
  justify-content: center;
}

.forum-list-wiki-content {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--font-color-4)!important;
}
.user-info-container {
  display: flex;
}

.user-info-avatar-container {
  -o-object-fit: contain;
     object-fit: contain;
  align-self: center;
  margin-left: 12px;
  margin-right: 12px;
}

.user-info-avatar-container img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.user-info-text-container {
  /* overflow: auto; */
  text-align: left;
}

.user-info-user-name-text {
  margin-left: 0px;
}
.board-margin-top-bottom {
  margin-top: 20px;
  margin-bottom: 0px;
}

.board-search-image-margin-left {
  margin-left: 8px!important;
}

.board-margin-left-10 {
  margin-left: 10px;
}

.board-margin-top-16 {
  margin-top: 16px;
}

.board-margin-bottom-16 {
  margin-bottom: 16px;
}

.board-margin-bottom-20 {
  margin-bottom: 20px;
}

.board-write-post-button {
  width: 90px;
  height: 34px;
}

.board-search-image-inner-margin {
  margin: 8px;
  width: 18px;
  height: 18px;
}

.board-page-free-board-table {

}

.board-page-free-board-table>thead>tr>th {
  font-weight: var(--font-family-medium);
}

.board-page-free-board-table>thead>tr>th:nth-child(1) {
  width: 22%;
}

.board-page-free-board-table>thead>tr>th:nth-child(2) {
  width: 52%;
}

.board-page-free-board-table>thead>tr>th:nth-child(3) {
  width: 10%;
}

.board-page-free-board-table>thead>tr>th:nth-child(4) {
  width: 16%;
}

.board-page-free-board-table>tbody>tr>td {
  padding-left: 12px!important;
  padding-right: 12px!important;
}

.board-page-free-board-table>tbody>tr>td:nth-child(1) {
  width: 22%;
  padding: 0px;
  font-weight: var(--font-family-medium);
  padding-top: 6px;
  padding-bottom: 6px;
}

.board-page-free-board-table-td>div>.common-user-info-user-name-span {
  display:inline-flex!important;
  margin-top:11px!important;
}

.board-page-free-board-table>tbody>tr>td:nth-child(2) {
  width: 52%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 1px;
  font-weight: var(--font-family-regular);
}

.board-page-free-board-table>tbody>tr>td:nth-child(2) > div {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board-page-free-board-table>tbody>tr>td:nth-child(3) {
  width: 10%;
  padding: 0px;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-12);
  color: #969fb0;
  text-align: cetner;
}

.board-page-free-board-table>tbody>tr>td:nth-child(4) {
  width: 16%;
  padding: 0px;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-12);
  color: #969fb0;
  text-align: center;
}

.board-page-free-board-table-tbody-tr {
  height: 50px!important;
  background: #ffffff;

}

.board-page-free-board-table-tbody-tr-pinned {
  height: 50px!important;
  background: #e3ecfe;
}

.board-page-free-board-table-tbody-tr-event-pinned {
  background-size: 60px;
  background-image: url(/images/flower_icon_bg.png);
  background-repeat: no-repeat;
  background-position: center;
}

.board-page-free-board-table-tbody-tr-local-pinned {
  height: 50px!important;
  background: #fafee3;
}

.board-page-free-board-table-tbody-tr:hover {
  background: #f7fafd;
}

.board-page-free-board-table-td {

}

.board-page-free-board-table-td > div {
  width: 100%;
}

.board-page-free-board-table-title {
}

.board-page-reaction-image-span {
  width: 35%;
}

.board-page-reaction-text-span {
  width: 65%;
  font-size: 12px;
  font-weight: var(--font-family-medium);
  text-align: center;
}

.board-page-reaction-image {
  width: 16px;
}

.board-page-reaction-col-padding {
  padding-left: 0px;
  padding-right: 6px;
}

.board-page-search-input {
  width: 152px;
  height: 34px;
  border-radius: 0px;
  padding: 0px 8px 0px 8px;
  color: #333333;
  background: #f9f9f9;
  border: 1px solid #eaeaea;
}

.board-page-search-input:focus, .board-page-search-input-bottom:focus {
  outline: #eaeaea!important;
}

.board-page-search-image {
  width: 34px;
  height: 34px;
}

.board-search-image-margin-left-5 {
  margin-left: 5px;
}

.board-page-search-input-bottom {
  width: 232px;
  height: 34px;
  padding: 0px;
  box-shadow: none;
  text-shadow: none;
  padding: 0px 8px 0px 8px;
  color: #333333;
  background: #f9f9f9;
  border: 1px solid #eaeaea;
}

.board-page-table-margin-bottom-28 {
  margin-bottom: 28px;
}

.board-page-best-board-table {
}

.board-page-best-board-table>thead>tr>th {
  font-weight: var(--font-family-medium);
}

.board-page-best-board-table>thead>tr>th:nth-child(1) {
  width: 7%;
  font-weight: var(--font-family-medium);
}

.board-page-best-board-table>thead>tr>th:nth-child(2) {
  width: 19%;
  font-weight: var(--font-family-medium);
}

.board-page-best-board-table>thead>tr>th:nth-child(3) {
  width: 48%;
}

.board-page-best-board-table>thead>tr>th:nth-child(4) {
  width: 10%;
  font-weight: var(--font-family-medium);
}

.board-page-best-board-table>thead>tr>th:nth-child(5) {
  width: 16%;
  font-weight: var(--font-family-medium);
}

.board-page-best-board-table>tbody>tr>td {
  padding-left: 15px!important;
  padding-right: 15px!important;
}

.board-page-best-board-table>tbody>tr>td:nth-child(1) {
  text-align: center;
  font-weight: var(--font-family-medium);
  border-top: none;
  padding: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.board-page-best-board-table>tbody>tr>td:nth-child(2) {
  padding: 0px;
  font-weight: var(--font-family-medium);
}

.board-page-best-board-table>tbody>tr>td:nth-child(3) {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-weight: var(--font-family-regular);
}

.board-page-best-board-table>tbody>tr>td:nth-child(3) > div {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board-page-best-board-table>tbody>tr>td:nth-child(4) {
  text-align: center;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-12);
  color: #969fb0;
}

.board-page-best-board-table>tbody>tr>td:nth-child(5) {
  width: 16%;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-12);
  color: #969fb0;
  text-align: center;
}

.board-page-best-board-table-td > div {
  width: 100%;
}

.board-page-forum-board-table {
}

.board-page-forum-board-table>thead>tr>th {
  font-weight: var(--font-family-medium);
}

.board-page-forum-board-table>thead>tr>th:nth-child(1) {
  width: 13%;
  font-weight: var(--font-family-medium);
}

.board-page-forum-board-table>thead>tr>th:nth-child(2) {
  width: 13%;
  font-weight: var(--font-family-medium);
}

.board-page-forum-board-table>thead>tr>th:nth-child(3) {
  width: 48%;
}

.board-page-forum-board-table>thead>tr>th:nth-child(4) {
  width: 10%;
  font-weight: var(--font-family-medium);
}

.board-page-forum-board-table>thead>tr>th:nth-child(5) {
  width: 16%;
  font-weight: var(--font-family-medium);
}

.board-page-forum-board-table>tbody>tr>td {
  padding-left: 15px!important;
  padding-right: 15px!important;
}

.board-page-forum-board-table>tbody>tr>td:nth-child(1) {
  text-align: center;
  font-weight: var(--font-family-medium);
  border-top: none;
  padding: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.board-page-forum-board-table>tbody>tr>td:nth-child(2) {
  padding: 0px;
  font-weight: var(--font-family-medium);
}

.board-page-forum-board-table>tbody>tr>td:nth-child(3) {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-weight: var(--font-family-regular);
}

.board-page-forum-board-table>tbody>tr>td:nth-child(3) > div {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board-page-forum-board-table>tbody>tr>td:nth-child(4) {
  text-align: center;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-12);
  color: #969fb0;
}

.board-page-forum-board-table>tbody>tr>td:nth-child(5) {
  width: 16%;
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-12);
  color: #969fb0;
  text-align: center;
}

.board-page-forum-board-table-td > div {
  width: 100%;
}

.board-page-forum-announce-table>thead>tr>th {
  font-weight: var(--font-family-medium);
}

.board-page-forum-announce-table>thead>tr>th:nth-child(1) {
  width: 80%;
}

.board-page-forum-announce-table>thead>tr>th:nth-child(2) {
  width: 20%;
}

.board-page-forum-announce-table>tbody>tr>td:nth-child(1) {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: var(--font-family-medium);
  width: 80%;
}

.board-page-forum-announce-table>tbody>tr>td:nth-child(1) > div { 
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board-page-forum-announce-table>tbody>tr>td:nth-child(2) {
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-12);
  color: #969fb0;
  width: 20%;
  padding-left: 0px;
  padding-right: 0px;
}

.board-page-forum-wiki-table {
}

.board-page-forum-wiki-table>thead>tr>th:nth-child(3) {
  width: 44%;
}

.board-page-forum-wiki-table>thead>tr>th:nth-child(4) {
  width: 10%;
}

.board-page-search-input-bottom-div {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 16px;
}

.board-page-symbol-column {
  text-align: left;
  padding-top: 2px;
}

.board-top-buttons-component {
  display: flex;
  /* background-color: #E8EDF1; */
  padding: 8px;
}

.board-top-buttons-white-component {
  display: flex;
  padding-bottom: 20px;
  padding-left: 8px;
}

.board-top-buttons {
  display: inline-flex;
}

.board-top-buttons.left {
  margin-left: auto;
}

.board-write-post-button.inactive {
}

.board-write-post-button.active {
  background: #1d69dd!important;
}
.board-page-free-board-table-tbody-tr td {
  border: unset !important;
  padding: 20px 0px !important;
}


.modal-open {
  overflow-x: hidden;
  transition: none;
  transform: none;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: scroll;
  transition: none;
}

.modal {
  /* position: absolute;
  top: 25%;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; */
}

.modal.in .modal-dialog {
  display: block;
  text-align: left;
  vertical-align: middle;
  width: 500px;
  transform: translate(0, 0%);
  transition: none;
}

.community-modal-class {
  width: auto;
  width: initial;
}

.modal-popup-preview > .modal-dialog {
    -webkit-transform: none;
    transition: none;
    position: relative;
    top: 15%!important;
    margin: 0 auto;
  }
  
  .receive-modal-class > .modal-dialog {
    transform: translate(0, 0%)!important;
    transition: none!important;
    position: relative;
    top: 25%;
    margin: 0 auto;
  }
  
  .community-modal-class > .modal-dialog {
    display: block;
    text-align: left;
    vertical-align: middle;
    width: 500px;
    transform: translate(0, 0%)!important;
    transition: none!important;
  }
  
  .modal.in .modal-dialog {
    -webkit-transform: none;
    transition: none;
    position: relative;
    top: 5%;
    margin: 0 auto;
  }
.forum-header-user-info-block {
  display: inline-block;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 20px;
}

.forum-header-button {
  width: 98px;
  height: 36px;
  padding: 0px;
}

.forum-header-title {
  font-size: var(--font-size-28);
  color: var(--font-color-2);
  font-weight: var(--font-family-medium);
  padding-left: 100px;
  padding-right: 100px;
  word-break: break-all;
}

.forum-header-title-margin {
  margin-top: 50px;
}

.forum-header-user-info-layer {
  padding-left: 20px;
}
.write-padding-top-24 .mobile-forum-header-title {
  font-weight: 700;
  padding-bottom: 10px;
  text-align: left;
}
.write-padding-top-24  .mobile-common-datetime-text {
  color: rgb(159,167,193);
  padding-left: 20px;
  font-size: 13px;
}
.forum-header-user-info-divider {
  font-size: 4px;
  color: var(--line-color-1);
  margin-left: 12px;
  margin-right: 12px;
}

.forum-header-user-report {
  color: var(--font-color-6);
  font-size: var(--font-size-12);
  cursor: pointer;
  font-weight: var(--font-family-regular);
}

.forum-header-reaction-button-divider {
  border-right: 1px solid #8ba2d9;
  height: 16px;
  float: right;
  margin-right: 1px;
  margin-top: 2px;
}

.forum-header-padding-left-8 {
  padding-left: 8px;
}

.forum-header-reply-image {
  width: 12px;
  height: 12px;
}

.forum-header-reply-text {
  color: var(--font-color-6);
  font-size: var(--font-size-13);
  font-weight: var(--font-family-regular);
}

.forum-announce-header {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--line-color-1);
}

.forum-announce-talken-symbol {
  width: 36px;
  height: 36px;
}

.forum-header-talken-team-text {
  font-size: var(--font-size-15);
  margin-left: 8px;
  padding-right: 12px;
  border-right: 1px solid var(--line-color-1);
  margin-right: 12px;
  color: var(--font-color-2);
  font-weight: var(--font-family-medium);
}
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}

/* common popup  */
.list-btn-popup {
  display: flex;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  justify-content: center;
}
.btn-primary-popup {
  background: #2061e2;
  color: #fff;
  border-radius: 100px;
  padding: 0.375rem 1.75rem;
  font-size: 0.875rem;
  border-width: 0;
}
.btn-cancel-popup {
  background-color: #2061e2;
  color: #fff;
  border-radius: 100px;
  padding: 0.375rem 1.75rem;
  font-size: 0.875rem;
  border-width: 0;
}
.checkbox-popup {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  cursor: pointer;
}
.checkbox-popup input {
  width: 13px;
  height: 13px;
  margin: 0;
}
.title-header-popup {
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0;
}

/* Attend Popup  */
.attend-rn-popup {
  display: flex !important;
  height: 100%;
  width: 100% !important;
  align-items: center;
  justify-content: center;
  top: 0 !important;
  color: #000000;
  font-family: "SUIT";
}
.attend-rn-popup .modal-dialog {
  top: 0 !important;
}
.attend-rn-popup .modal-content {
  border-radius: 0.625rem;
  max-width: 400px;
  padding: 1.25rem;
  margin: auto;
}
.attend-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.ic-attend-rn {
  width: 62px;
  height: 62px;
}
.ic-attend-rn img {
  width: 100%;
  height: 100%;
}
.title-attend-rn {
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0;
}
.btn-check-attend {
  background: #2061e2;
  color: #fff;
  border-radius: 100px;
  font-size: 0.875rem;
  padding: 0.375rem 1.75rem;
  border-width: 0;
}
@media (max-width: 767px) {
  .attend-rn-popup .modal-content {
    margin: 0 1.25rem;
  }
}

/* SMS auth 01  */
.sms-auth-rn-01 {
  display: flex !important;
  height: 100%;
  width: 100% !important;
  align-items: center;
  justify-content: center;
  top: 0 !important;
  color: #000000;
  font-family: "SUIT";
}
.sms-auth-rn-01 .modal-dialog {
  top: 0 !important ;
}
.sms-auth-rn-01 .modal-content {
  border-radius: 0.625rem;
  max-width: 420px;
  padding: 1.25rem;
  margin: auto;
}
.sms-auth-body-01 {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.title-header-sms-01 {
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0;
}
.text-verify-phone {
  background-color: #f5f5f5;
  border: 1px solid #ececec;
  width: 100%;
  border-radius: 10px;
  padding: 1.75rem 3rem;
  color: #676767;
  text-align: center;
  font-size: 1rem;
}

.text-checkbox {
  margin-left: 0.5rem;
}

/* SMS auth 02  */
.sms-auth-rn-02 {
  display: flex !important;
  height: 100%;
  width: 100% !important;
  align-items: center;
  justify-content: center;
  top: 0 !important;
  color: #000000;
  font-family: "SUIT";
}
.sms-auth-rn-02 .modal-content {
  border-radius: 0.625rem;
  max-width: 420px;
  padding: 1.25rem;
  margin: auto;
}
.sms-auth-body-02 {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.phone-and-digit-number {
  display: flex;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  align-items: center;
}
.phone-and-digit-number input {
  background-color: #f5f5f5;
  border-radius: 10px;
  color: #031243;
  border: 1px solid #f0f0f0;
  padding: 0.5rem 1.25rem;
  width: 100%;
  flex: 1 1;
}
.btn-phone-number {
  color: #2061e2;
  cursor: pointer;
}
.btn-digit-number {
  cursor: pointer;
  color: #676767;
}
/* popup share link  */
.share-link-popup-rn {
  display: flex !important;
  height: 100%;
  width: 100% !important;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: "SUIT";
}
.share-link-popup-rn .modal-dialog {
  top: 0 !important;
}
.share-link-popup-rn .modal-content {
  border-radius: 0.625rem;
  max-width: 400px;
  padding: 1.25rem;
  margin: auto;
}
.share-link-body-rn {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.title-share-link-rn {
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0;
}
.share-list-sns {
  display: flex;
  grid-gap: 25px;
  gap: 25px;
  padding-bottom: 30px;
}
.wrapper-sns-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  grid-gap: 10px;
  gap: 10px;
}

.custom-ic-sns {
  width: 50px;
  height: 50px;
}
.custom-ic-sns img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.title-sns-icon {
  font-size: 12px;
}
@media (max-width: 767px) {
  .share-link-popup-rn .modal-content {
    margin: 0 1.25rem;
  }
}
/* report pop up  */
.report-rn-popup {
  display: flex !important;
  height: 100%;
  width: 100% !important;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: "SUIT";
}
.report-rn-popup .modal-dialog {
  top: 0 !important;
}
.report-rn-popup .modal-content {
  border-radius: 0.625rem;
  max-width: 400px;
  padding: 1.25rem;
  margin: auto;
}
.report-rn-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .report-rn-popup .modal-content {
    margin: 0 1.25rem;
  }
}

/* withdrawal popup 01  */
.withdrawal-rn-01 {
  display: flex !important;
  height: 100%;
  width: 100% !important;
  align-items: center;
  justify-content: center;
  top: 0 !important;
  color: #031243;
  font-family: "SUIT";
  font-size: 1rem;
}
.withdrawal-rn-01 .modal-dialog {
  top: 0 !important ;
}
.withdrawal-rn-01 .modal-content {
  border-radius: 0.625rem;
  max-width: 560px;
  min-width: 560px;
  width: 100%;
  padding: 2rem 1.25rem;
  margin: auto;
  max-height: calc(100vh - 100px);
  overflow-y: overlay;
}
.withdrawal-rn-body-01 {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.grey-box-container {
  background-color: #f5f5f5;
  border: 1px solid #ececec;
  border-radius: 0.75rem;
  padding: 1.25rem 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  width: 100%;
}
.appraisal-of-current-holdings {
  font-weight: 700;
}
.wrapper-total-holdings {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.total-holdings {
  color: #2061e2;
  font-weight: 700;
}
.btn-confirm-withdrawal {
  background: transparent;
  border-width: 0;
  color: #2061e2;
  font-weight: 700;
}
.title-info-withdrawal {
  font-weight: 700;
  color: #676767;
  margin-top: 0.75rem;
  text-align: left;
}
.list-info-withdrawal {
  display: flex;
  flex-direction: column;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  padding: 0;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.box-sms-withdrawal {
  border: 1px solid #ececec;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 2.25rem;
  width: 100%;
}
.header-box-sms-withdrawal {
  display: flex;
  cursor: pointer;
  align-items: center;
  font-weight: 700;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.input-box-sms-withdrawal {
  width: 13px !important;
  margin: 0 !important;
  cursor: pointer;
}
.title-box-sms-withdrawal {
  color: #676767;
}
.wrapper-btn-box-sms {
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  width: 100%;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.text-bottom-box-sms {
  color: #676767;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.wrapper-agree-withdrawal {
  display: flex;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  align-items: start;
}
@media (max-width: 767px) {
  .withdrawal-rn-01 .modal-content {
    max-width: unset;
    min-width: unset;

  }
  .withdrawal-rn-01 .modal-dialog {
    padding: 0 20px;
  }
  .box-sms-withdrawal {
    padding: 1.25rem;
  }
}
/* withdrawal 02  */
.withdrawal-rn-02 {
  display: flex !important;
  height: 100%;
  /* width: 100% !important; */
  align-items: center;
  justify-content: center;
  top: 0 !important;
  color: #000000;
  font-family: "SUIT";
}
.withdrawal-rn-02 .modal-dialog {
  top: 0 !important;
}
.withdrawal-rn-02  .modal-content {
  border-radius: 0.625rem;
  max-width: 400px;
  padding: 1.25rem;
  margin: auto;
}
.withdrawal-rn-body-02 {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.ic-cry-popup {
  width: 62px;
  height: 62px;
}
.ic-cry-popup img {
  width: 100%;
  height: 100%;
}
.text-withdrawal-02 {
  font-size: 14px;
  color: #676767;
  text-align: center;
}
@media (max-width: 767px) {
  .withdrawal-rn-02  .modal-content {
    margin: 0 1.25rem;
  }
}

/* alert board write and edit */
.board-write-popup {
  display: flex !important;
  height: 100%;
  width: 100% !important;
  align-items: center;
  justify-content: center;
  top: 0 !important;
  color: #000000;
  font-family: "SUIT";
}
.board-write-popup .modal-dialog {
  top: 0 !important;
}
.board-write-popup .modal-content {
  border-radius: 0.625rem;
  max-width: 400px;
  padding: 2.25rem 1.25rem;
  margin: auto;
}
.board-write-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.75rem;
  gap: 1.75rem;
}
.btn-close-write {
  background: #676767;
  color: #fff;
  border-radius: 100px;
  font-size: 0.875rem;
  padding: 0.375rem 1.75rem;
  border-width: 0;
}
.forum-view-button  {
  width: 108px;
  height: 36px;
  margin-bottom: 6px;
}

.forum-view-reaction-div-padding {
  /* padding-right: 0px; */
  /* padding-top: 16px; */
  margin-bottom: 31px;
  border-color: #c0c5d1;
  display: block;
  text-align: right;
  margin-top: 10px;
}

.forum-view-reaction-div-padding > a {
  margin: 0px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 8px;
  padding-bottom: 4px;
}

.forum-view-reply-input-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.forum-view-reply-text {
  font-size: var(--font-size-15);
  padding-bottom: 4px;
  font-weight: var(--font-family-medium);
}

.forum-view-reply-text-margin {
  margin-bottom: 4px;
}

.forum-view-reply-input-margin {
  margin-top: 40px;
  padding-bottom: 20px;
}

.forum-view-reply-list {
  padding-top: 20px;
}

.forum-view-edit-content-background {
  background: #ffffff;
  color: var(--font-color-4);
}

.padding-bottom-5 {
  padding-bottom: 5px;
  padding-right: 7px;
}

.forum-view-button-margin {
  margin-right: 12px;
  float: left;
}

.forum-view-right-button {
  width: 108px;
  height: 36px;
  margin-left: 6px;
  margin-bottom: 6px;
}
.reply-input-container {
  display: flex;
}

.reply-input-form-block {
  float : left;
  box-sizing: border-box;
}

.reply-input-form-header {
  display: inline-block;
  margin-bottom: 8px;
}

.reply-input-button-block {
  margin-top: 29px;
}

.reply-input-button-group {
  position: absolute;
  bottom: 0;
  right: 0;
}

.reply-input-textarea-container {
  
}
.reply-input-textarea {
  height: 64px!important;
  width: 680px!important;
  resize: none;
  box-shadow: none;
  border: 1px solid #eaeaea;
  background: #f9f9f9;
  color: #333333!important;
}

.reply-input-textarea:focus {
  border: 1px solid #eaeaea;
}

.reply-text-limit {
  font-size: var(--font-size-12);
  color: var(--font-color-5)!important;
  font-weight: var(--font-family-regular);
}

.reply-input-register-button {
  width: 90px!important;
  height: 64px!important;
  margin-bottom: 4px;
  background: #5272cc;
  color: #ffffff;
  text-shadow: none;
}

.reply-input-register-button:hover {
  background: #008aff;
  color: #ffffff;
}


.reply-input-cancel-button {
  width: 90px!important;
  height: 64px!important;
  background: #979eaf;
  color: #ffffff;
  text-shadow: none;
}

.reply-input-cancel-button:hover {
  background: #65708b;
  color: #ffffff;
}

/* 520, 470 -> 보드 */
/* 510, 460 -> 토큰 */
.reply-input-reply-reply-and-reply-edit-textarea {
  height: 64px!important;
  width: 520px!important;
  resize: none;
  box-shadow: none;
}

.reply-input-reply-reply-edit-textarea {
  height: 64px!important;
  width: 470px!important;
  resize: none;
  box-shadow: none;
}

.reply-input-token-content-reply-reply-and-reply-edit-textarea {
  height: 64px!important;
  width: 510px!important;
  resize: none;
  box-shadow: none;
}

.reply-input-token-content-reply-reply-edit-textarea {
  height: 64px!important;
  width: 460px!important;
  resize: none;
  box-shadow: none;
}

.reply-input-board-default-textarea {
  height: 64px!important;
  width: 680px!important;
  resize: none;
  box-shadow: none;
}
.forum-footer-button-float {
  /* float: right; */
  margin-bottom: -20px;
}

.forum-footer-vote-button {
  float: inherit;
  margin-bottom: 10px;
  width: 160px;
  height: 40px;
}
.token-card-item-container {
  background-color: #fff; 
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  width: 100%;
  height: 364px;
  padding: 12px;
  position: relative;
}

.token-card-item-info-layer {
  text-align: center;
  margin-bottom: 13px;
}

.token-card-item-info-image-block {
  margin-top: 10px;
  margin-bottom: 10px;
}

.token-card-item-info-image-block img {
  /* width: 100px; */
  /* height: 100px; */
  background: var(--background-color-5);
}

.token-card-item-name {
  font-size: var(--font-size-18);
  color: var(--font-color-4)!important;
}

.token-card-item-ticker,
.token-card-item-prop-title,
.token-card-item-prop-value {
  font-size: var(--font-size-14);
  color: var(--font-color-4);
}
.token-card-item-ticker-text {
  color: var(--font-color-6)!important;
}

.token-card-item-prop-layer {
  background-color: #efefef;
  padding: 18px;
  margin-bottom: 10px;
}

.token-card-item-prop-title {
  color: var(--font-color-4)!important;
}

.token-card-item-prop-value {
  float: right;
  color: var(--font-color-2)!important;
  font-weight: 700;
}

.token-card-item-prop-margin {
  margin-bottom: 6px;
}
.forum-write-container-inner-padding {
  padding-top: 24px;
  padding-bottom: 30px;
}

.forum-write-margin-bottom-8 {
  margin-bottom: 8px;
}

.forum-write-margin-top-40 {
  margin-top: 40px;
}

.forum-write-form-control {
  border-radius: 0px;
  resize: none;
  box-shadow: none;
  border: 1px solid #F4F4F4;
  display: block;
  width: 100%;
  padding: 20px 24px;
  font-size: var(--font-size-14);
  line-height: 1.42857143;
  color: #939393;
  background-color: #FFF;
  background-image: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.forum-write-button {
  width: 168px;
  height: 44px;
}

.forum-write-rate-background {
  background: var(--background-color-6);
  padding-left: 24px;
  padding-top: 20px;
  padding-right: 24px;
  padding-bottom: 20px;
}

.margin-right-auto {
  margin-right: auto;
}

.button-icon-detail {
  margin-top: -4px;
  margin-right: 6px;
}

.board-write-title>.form-control {
  border: 1px solid var(--line-color-1);
  background-color: #f9f9f9;
  color: #333333!important;
  padding: 16px 24px;
  font-weight: var(--font-family-regular);
}

.forum-write-margin-top-24 {
  margin-top: 24px;
}
/* import font */
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: local('Spoqa Han Sans Neo Bold'),
  url(/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: local('Spoqa Han Sans Neo Medium'),
  url(/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: local('Spoqa Han Sans Neo Regular'),
  url(/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  src: local('Spoqa Han Sans Neo Light'),
  url(/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
}

.headless-container,
.headless-container-mobile {
  position: relative;
  float: left;
  margin: 0 auto;
  width: 100%;
  background-color: var(--background-color-2);
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-weight: 400;
}

.headless-container {
  min-height: 800px;
}

.inner-container-mobile {
  width: 100% !important;
  margin: 0 auto;
}

.inner-container {
  width: 500px !important;
  margin: 124px auto;
}

.register-item {
  position: relative;
  width: 370px;
  min-height: 48px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 12px;
}

.register-page-top-unset {
  top: unset;
}

.register-item .phone-auth-check-count {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 3;
  font-size: var(--font-size-12);
}

.phone-auth-confirm-request {
  color: var(--font-color-7);
  font-size: var(--font-size-12);
  font-weight: var(--font-family-demi-light);
}

.phone-auth-try-request {
  font-weight: var(--font-family-demi-light);
  color: var(--font-color-13);
  font-size: var(--font-size-12);
}

.phone-auth-check-count {
  color: var(--font-color-13);
}

.register-phone-auth-button {
  position: absolute;
  top: 0;
  right: 0;
}

.register-item-check-button {
  margin-top: -10px;
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: unset !important;
  /* float: right; */
  padding: 6px 3px;
}

.register-item-check-button img {
  width: 20px;
}

.register-item-submit-button {
  width: 100%;
  background: rgb(32,97,226);
  background-image: none !important;
  box-shadow: unset !important;
  color: var(--background-color-1);
  text-shadow: none;
  height: 55px;
  border: 0;
  font-size: var(--font-size-15);
  margin-top: 40px;
}

.register-item > .item-span {
  color: var(--font-color-2);
  font-size: var(--font-size-16);
  text-align: center;
  line-height: 2.4;
}

.required-check {
  color: var(--font-color-7);
  font-size: var(--font-size-30);
  display: block;
  float: left;
  margin-top: -4px;
}

.connected-account {
  /* font-size: var(--font-size-16); */
  margin-bottom: 8px;
  font-weight: var(--font-family-medium);
  display: flow-root;
}

.register-item input {
  width: 100%;
  padding: 0px 8px;
  border: 0;
  border-bottom: 1px solid var(--line-color-1);
  line-height: 1;
  font-size: var(--font-size-14);
  color: var(--font-color-4);
  font-weight: var(--font-family-demi-light);
}

.flag-container input {
  width: 100%;
  padding: 0px 8px;
  border: 0;
  border-bottom: 1px solid var(--line-color-1);
  line-height: 1;
  font-size: var(--font-size-14);
  color: var(--font-color-4);
  font-weight: var(--font-family-demi-light);
}

.register-item input:focus {
  padding: 0px 8px;
  border-bottom: 2px solid var(--font-color-7);
}

.register-padding-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.login-page-width-430 {
  width: 430px;
}

.login-page-padding {
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 22px;
}

.login-page-image-size {
  width: 100%;
  height: auto;
}

.login-page-about-talken {
  height: 40vh;
  /* background: #395BB8; */
  color: white;
  text-align: center;
}

.login-page-talken-logo {
  width: 140px;
  margin-top: 60px;
}

.migration-page-talken-logo {
  width: 140px;
  margin-top: 25px;
}

.login-page-sub-title {
  margin: 20px 0px 10px 0px;
  font-size: 20px;
  font-weight: 400;
}

.mobile-login-page-blank-layer {
  padding-top: 1vh;
  padding-bottom: 5vh;
}

.login-page-margin-pc {
  padding-top: 10vh;
  margin: -165px auto 0 auto;
  width: 500px;
  padding-left: 22px;
  padding-right: 22px;
  /* background: #ffffff; */
  border-radius: 40px 40px 0px 0px;
}

.login-page-margin-mobile {
  /* margin-top: -65px; */
  padding-left: 22px;
  padding-right: 22px;
  /* background: #ffffff; */
  border-radius: 40px 40px 0px 0px;
  position: fixed;
  bottom: 30px;
}

.migration-page-margin-pc {
  padding-top: 26vh;
  margin: -165px auto 0 auto;
  width: 500px;
  padding-left: 22px;
  padding-right: 22px;
  /* background: #ffffff; */
  border-radius: 40px 40px 0px 0px;
}

.migration-page-margin-mobile {
  /* margin-top: -65px; */
  padding-left: 22px;
  padding-right: 22px;
  /* background: #ffffff; */
  border-radius: 40px 40px 0px 0px;
  position: fixed;
  bottom: 0px;
}

.login-page-margin {
  margin-top: 152px;
}

.login-page-sign-in {
  font-size: var(--font-size-26);
  padding-top: 24px;
  padding-bottom: 28px;
  color: var(--font-color-6);
}

.login-page-padding-bottom-8 {
  padding-bottom: 8px;
}

.login-page-padding-bottom-14 {
  padding-bottom: 14px;
}

.login-page-service-button {
  background-image: none;
  background-color: transparent;
  border: transparent;
  padding: 0px;
  box-shadow: none;
  padding: 0px;
  font-size: var(--font-size-13);
  color: #000000;
  text-shadow: none;
  text-decoration: none;
}

.login-page-service-button > a,
.login-page-service-button > a:active,
.login-page-service-button > a:focus {
  background-image: none !important;
  background-color: transparent !important;
  border: transparent !important;
  padding: 0px;
  box-shadow: none;
  padding: 0px;
  font-size: var(--font-size-13);
  font-weight: var(--font-family-regular);
  color: #000000;
  text-shadow: none;
  outline-offset: unset;
  text-decoration: none;
}

.login-page-service-button:hover,
.login-page-service-button:focus,
.login-page-service-button:active,
.login-page-service-button:active:focus {
  background-color: #ffffff !important;
  background-position: unset !important;
  color: var(--font-color-2);
  border-color: transparent !important;
  outline-offset: unset;
  text-decoration: none;
}

.login-item-check-button {
  margin-top: -5px;
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: unset !important;
  padding: 6px 0px;
  margin-right: 10px;
}

.register-page-margin-bottom-24 {
  margin-bottom: 24px;
}

.register-page-padding-bottom-24 {
  padding-bottom: 24px;
}

.register-button {
  /* width: 70px; */
  width: 20%;
  height: 28px;
  float: right;
  margin-top: -20px;
  padding: 0px;
  font-size: var(--font-size-12);
  border-radius: 5px;
}

.register-margin-top-20 {
  margin-top: 20px !important;
}

.register-margin-bottom-18 {
  margin-bottom: 18px !important;
}

.register-padding-bottom-18 {
  padding-bottom: 18px !important;
}

.register-margin-bottom-16 {
  margin-bottom: 16px !important;
}

.register-padding-bottom-16 {
  margin-bottom: -10px;
  padding-bottom: 0px !important;
}

.register-margin-bottom-12 {
  margin-bottom: 12px !important;
}

.register-margin-bottom-4 {
  margin-bottom: 4px !important;
}

.register-padding-bottom-0 {
  padding-bottom: 0px !important;
}

.user-account-text {
  font-weight: var(--font-family-demi-light);
  font-size: var(--font-size-14);
}

.register-complete-button,
.register-complete-button-mobbile {
  margin: 0 auto;
  width: 100%;
}

.register-margin-top-0 {
  margin-top: 0px !important;
}

.register-padding-bottom-minus-12 {
  margin-bottom: -12px;
}

.register-talken-logo-padding {
  padding-top: 32px;
  padding-bottom: 36px;
}

.register-button-padding {
  padding-top: 16px;
  padding-bottom: 32px;
}

.register-talken-logo-size {
  width: 118px;
  cursor: pointer;
}

.register-item-div,
.register-item-div-mobile {
  /* position: relative; */
  /* min-height: 5vh; */
  height: auto;
  margin: 0 auto;
  margin-bottom: 10px;
}

.register-item-div-mobile {
  position: relative;
  /* text-align: center; */
  margin-left: 20px;
  margin-right: 20px;
  /* top: 20px; */
}

.register-item-div {
  width: 396px;
}

.register-big-title {
  margin-bottom: 12px;
  font-size: var(--font-size-16);
  font-weight: var(--font-family-bold);
  font-family: 'Spoqa Han Sans Neo';
}

.register-social-image {
  width: 40px;
  height: 40px;
}

.register-page-padding-bottom-28 {
  text-align: center;
  color: white;
  padding: 28px 0px;
}

.migration-page-padding-bottom-15 {
  text-align: center;
  color: white;
  padding: 15px 0px;
}

.register-input-div {
  padding: 0px 8px;
  width: 100%;
  height: 28px;
  border: 1px solid var(--line-color-1);
  font-size: var(--font-size-14);
  color: var(--font-color-4);
  font-weight: var(--font-family-demi-light);
}

.register-big-title input {
  padding: 0px 8px;
  width: 100%;
  height: 28px;
  border: 1px solid var(--line-color-1);
  font-size: var(--font-size-14);
  color: var(--font-color-4);
  font-weight: var(--font-family-demi-light);
}

.register-page-padding-bottom-20 {
  padding-bottom: 20px;
}

/* .register-all-agree-div {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line-color-1);
} */

.register-page-padding-bottom-16 {
  padding-bottom: 16px;
}

.register-margin-left-8 {
  margin-left: 8px;
}

.login-page-padding-bottom-4 {
  padding-bottom: 4px;
}

.register-margin-bottom-8 {
  width: 100%;
  margin-bottom: 8px;
  top: 280px;
  text-align: center;
}

.register-margin-top-minus-10 {
  margin-top: -10px !important;
}

.register-page-nickname-input {
  border-radius: 13px;
  padding: 0px 15px;
  height: 47px;
  font-size: 12px;
  font-family: 'Spoqa Han Sans Neo';
  /* color: rgb(248,249,251) !important; */
}

.register-phone-number-input {
  width: 100%;
  height: 28px;
  padding: 0px 8pxl;
}

.register-margin-top-minus-28 {
  margin-top: -28px;
}

.connected-account > .intl-tel-input > input {
  border: 1px solid var(--line-color-1);
  color: var(--font-color-2);
  font-weight: var(--font-family-demi-light) !important;
  font-size: var(--font-size-14);
  height: 28px;
}

.connected-account > input {
  border: 1px solid var(--line-color-1);
  color: var(--font-color-2) !important;
  font-weight: var(--font-family-demi-light) !important;
  font-size: var(--font-size-14);
}

/* .telegram-login-widget-container {
  overflow: hidden;
  position: relative;
}

.telegram-login-widget-container > iframe {
  position: absolute;
  width: 100%!important;
  height: 49px!important;
} 
*/

.telegram-login-widget-container > iframe {
  width: 226px !important;
  height: 49px !important;
}

#widget_login {
  width: 226px !important;
  height: 49px !important;
}

.login-talken-logo {
  width: 109px;
  cursor: pointer;
}

.login-page-bottom-text {
  font-size: var(--font-size-13);
  font-weight: var(--font-family-regular);
  color: var(--font-color-2);
}

.register-page-margin-right-30 {
  margin-right: 30px;
}

.register-sign-in-explain-text {
  font-weight: var(--font-family-medium);
  font-size: var(--font-size-18);
  color: var(--font-color-6);
}

.register-page-margin-right-14 {
  padding-right: 14px;
  border-right: 1px solid var(--line-color-1);
}

.register-page-margin-left-14 {
  padding-left: 14px;
}

.register-login-page-bottom-text {
  font-weight: var(--font-family-regular);
  font-size: 0.8em;
  color: var(--font-color-4);
  text-align: center;
}

.register-login-page-explain-text {
  color: var(--font-color-6);
  font-size: 18px;
  font-weight: var(--font-family-medium);
}

.login-register-button {
  color: white;
  width: 100%;
  height: 4em;
  padding-top: 13px;
  margin-bottom: 15px;
  margin-top: 5px;
  /* border: 1px solid black; */
  text-align: center;
  cursor: pointer;
  float: right;
  font-size: var(--font-size-12);
  border-radius: 15px;
  position: relative;
}

.register-icon {
  width: 2.3em;
  height: 2.3em;
  float: left;
  margin-left: 10px;
  margin-top: -4px;
}

.register-text {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 16px;
  font-weight: 500;
}
/* login custom */
#bg-login {
  height: 100vh;
  background: linear-gradient(rgb(32, 97, 226), rgb(177, 125, 255));
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}
#bg-login  .bg .cls-1 {
  fill: #fff;
  stroke: #707070;
}

#bg-login  .left-img {
    /* margin-top: -200px; */
    height: 0vh;
    z-index: 0;
}
#bg-login .left-img img {
  vertical-align: middle;
  margin-top: -30vh;
}
#bg-login  #kakao {
  background: rgb(255,207,16);
}
#bg-login  #apple {
  background: rgb(59,59,59);
}
#bg-login  #google {
  background: rgb(220,88,88);
}
#bg-login  #facebook {
background: rgb(68,96,209);
}
.auto_login {
  color: white;
  opacity: 0.7;
  font-size: 13px;
  font-weight: 400;
}
.check-off-login {
  width: 18px;
  height: 18px;
}
.login-page-about-talken .text {
  opacity: 0.6;
  padding: 10px 22px;
}
.login-page-about-talken .text-2 {
  opacity: 0.6;
  padding: 10px 22px;
}
.login-page-about-talken .link {
  padding: 10px 22px;
  color: white;
  cursor: pointer;
}
.login-register-button img {
  position: relative;
  width: 40px;
  height: 40px;
  top: -4px;
}
div#auto-login-mobile {
  text-align: center;
}
div#auto-login-pc {
  display: inline-flex;
  width: 450px;
  justify-content: center;
}
/* register */
#page-register {
  height: 100vh;
  min-height: 840px;
  background: linear-gradient(rgb(32, 97, 226), rgb(177, 125, 255));
}
#page-register .common-radius-container {
  background: unset;
}
#page-register .info-register {
  border-radius: 20px;
  background: rgb(255 255 255 / 38%);
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 450px;
  width: 350px;
  /* top: 50%; */
  left: 50%;
  transform: translate(-50%, -50%);
}
#page-register  .user-account-text {
  position: relative;
  top: -20px;
  width: 100%;
  text-align: center;
  z-index: 2;
}
.mypage-sms-alert-text.mypage-font-color-7 {
  color: rgb(255,190,194) !important;
  text-align: right;
}
.info-register .register-item-check-button img {
  padding-top: 3px;
  width: 20px;
  margin-right: 10px;
}
.info-register .connected-account.register-item-div-mobile.register-padding-bottom-16 span {
  color: white;
  opacity: 0.7;
}
.info-register .register-big-title {
  color: white;
}
.info-register .register-big-title .opacity {
  opacity: 0.7;
}
.info-register .mypage-font-color-7 {
  -webkit-text-decoration: revert;
          text-decoration: revert;
  color: white;
}
.info-register .register-big-title .font {
  font-size: 16px;
}
.info-register .checkbox-margin-left-24 {
  margin-left: 23px;
}
.info-register .checkbox-font {
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
}
.bgRight {
  text-align: right;
}
#page-register .left-img img {
  width: 224px;
  position: relative;
  top: -52px;
}
.migration-question-img {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  margin-top: -3px;
  cursor: pointer;
}
.mobile-back-btn {
  position: absolute;
  z-index: 1000000;
}

.dex-page-token-info-dropdown-span {
  width: 25px;
  display: inline-block;
  vertical-align: text-bottom;
}

.dex-page-token-info-dropdown-span>.dropdown > .dropdown-toggle {
  padding: 3px;
  width: 55px!important;
  height: 30px!important;
  background-color: var(--background-color-1)!important;
  border: none!important;
  box-shadow: none;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-token-info-dropdown-span>.dropdown {
  margin-right: 0px;
  padding-top: 7px;
  width: 40px;
  float: right;
  display: inline-block;
}

.dex-page-token-info-dropdown-span>.open>.dropdown-menu {
  background: var(--background-color-1);
  width: 55px!important;
  color: var(--font-color-13);
  min-width: 55px;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}

.dex-page-token-info-dropdown-color {
  color: var(--font-color-13);
  font-size: var(--font-size-13);
}

.dex-page-font-color-6 {
  color: var(--font-color-6);
}

.dex-page-token-info-change-dropdown {
  width: 40px;
  height: 24px;
  display: inline-block;
  margin-bottom: -6px;
  margin-left: 0px;
}

.dex-page-token-info-change-dropdown-arrow {
  width: 10px;
  height: 6px;
  margin-top: -35px;
  margin-left: 24px;
}

.dex-page-token-info-change-dropdown>.dropdown>.dropdown-toggle {
  width: 40px!important;
  height: 24px!important;
  border-radius: 0px!important;
  background: #ffffff!important;
  color: var(--font-color-6);
  /* font-family: 'NotoSansKR-Regular'!important; */
  font-weight: var(--font-family-regular)!important;
  font-size: 12px!important;
  border: none!important;
  box-shadow: none;
  padding: 0px;
  padding-top: 4px;
  padding-right: 4px;
}

.dex-page-token-info-change-dropdown>.open>.dropdown-menu {
  background: #ffffff;
  color: var(--font-color-6);
  width: 40px;
  min-width: 40px;
  border: #eaeaea 1px solid;
  box-shadow: none;
  font-size: 12px;
  border-radius: 0px;
  margin: -2px -4px 0;
}

.dex-page-token-info-change-dropdown>.open>.dropdown-menu:hover {
  display: block;
  background: #ffffff;
  color: var(--font-color-6);
  width: 40px;
}

.dex-page-token-info-change-dropdown>.open>.dropdown-menu>li {
  width: 40px;
}

.dex-page-token-info-change-dropdown>.open>.dropdown-menu>li>a {
  display: block;
  padding: 0px 8px;
  clear: both;
  font-weight: unset;
  line-height: 1.42857143;
  background: #ffffff;
  color: var(--font-color-6);
  white-space: nowrap;
  border-radius: 0px;
  border: none;
  width: 40px;
}

.dex-page-token-info-dropdown-span>.open>.dropdown-menu:hover, 
.dex-page-token-info-dropdown-span>.open>.dropdown-menu:active {
  display: block;
  background: var(--background-color-1);
  color: var(--font-color-7);
  width: 55px;
}

.dex-page-token-info-dropdown-span>.open>.dropdown-menu>li>a {
  background: var(--background-color-1);
  width: 55px!important;
  color: var(--font-color-13);
  min-width: 55px;
  border: none;
  box-shadow: none;
  padding: 3px;
}

.dex-page-token-info-dropdown-span>.open>.dropdown-menu>li>a:hover, 
.dex-page-token-info-dropdown-span>.open>.dropdown-menu>li>a:active {
  background: var(--background-color-1);
  width: 55px!important;
  color: var(--font-color-7);
  min-width: 55px;
  border: none;
  box-shadow: none;
}

.dex-page-token-info-dropdown-span>.open>.dropdown-menu>li>a:hover {

}

.dex-page-token-info-dropdown {
  width: 60px!important;
  height: 30px!important;
}

.dex-item-container-270 {
  width: 270px;
  margin-left: 5px;
  margin-right: 5px;
}

.dex-item-inner-container-270 {
  width: 270px;
  margin-bottom: 10px;
}

.dex-item-container-370 {
  width: 370px;
  margin-left: 5px;
  margin-right: 5px;
}

.dex-item-inner-container-370 {
  width: 370px;
  margin-bottom: 10px;
}

.dex-item-container-col-370 {
  width: 370px;
  margin-left: 2.5px;
  margin-right: 2.5px;
}

.dex-item-inner-container-col-370 {
  width: 370px;
  margin-bottom: 10px;
  height: auto;
}


.dex-item-container-750 {
  width: 750px;
  margin-left: 5px;
  margin-right: 5px;
}

.dex-item-container-for-chart {
  height:405px!important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dex-item-inner-container-750 {
  width: 750px;
  margin-bottom: 10px;
}

.dex-total-container {
  width: 1500px!important;
  padding-left: 40px;
  padding-right: 40px;
}

.dex-container-token-info-inner-padding {
  padding: 12px;
}

.dex-container-inner-padding {
  padding: 25px;
}

.dex-margin-right-20 {
  margin-right: 20px;
}

.dex-page-margin-right-25 {
  margin-right: 25px;
}

.dex-margin-left-5 {
  margin-left: 5px!important;
}

.dex-padding-left-10 {
  padding-left: 10px!important;
}

.dex-font-color-2 {
  color: var(--font-color-2);
}

.dex-font-color-13 {
  color: var(--font-color-13);
}

.dex-font-color-14 {
  color: var(--font-color-14);
}

.dex-font-color-sell {
  color: #538fea;
}

.dex-font-color-buy {
  color: #ff2727;
}

.dex-font-recent-price {
  color: #000000;
  font-weight: bold;
  font-size: var(--font-size-12);
  line-height: 17px;
  margin-left: 8px;
}

.dex-font-color-amount {
  color: #808080;
}

.dex-inner-table-370 {
  background: var(--background-color-1);
  cursor: pointer;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  position: relative;
  border-radius: 8px;
  margin-bottom: 0px;
}

.dex-inner-table-336 {
  cursor: pointer;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  position: relative;
  border-radius: 8px;
}

.dex-inner-table-336>thead {
  width: 100%;
}

.dex-inner-table-336>thead>tr {
  width: 100%;
}


.dex-inner-table-370>thead>tr>th {
  padding: 15.5px;
}

.dex-inner-table-336>thead>tr>th {
  padding: 14px;
  font-size: var(--font-size-12);
  vertical-align: baseline;
}

.dex-inner-table-370>tbody {
  width: 100%;
}

.dex-inner-table-370>tbody>tr>td {
  width: 26%!important;
  height: 0px!important;
  padding: 9.5px;
  border-top: none;
  border-bottom: none;
  font-size: 12px;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1em;
}

.dex-inner-table-336>tbody>tr>td {
  vertical-align: middle;
  padding-left: 14px!important;
  padding-right: 0px!important;
  width: 20%!important;
  height: 0px!important;
  border-top: none;
  border-bottom: none;
  font-size: 12px;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1em;
  text-align: center!important;
  padding-top: 4px;
  padding-bottom: 4px;
}

.dex-inner-padding {
  padding: 12px 14px;
}

.dex-page-order-nav {
  height: 44px!important;
}

.dex-page-order-nav>.container {
  height: 44px!important;
}


.dex-page-order-nav>.container>.navbar-nav {
  height: 44px;
}

.dex-page-order-nav>.container>.navbar-nav>li {
  height: 44px;
  width: 123px;
}

.dex-page-order-nav>.container>.navbar-nav>li>a {
  padding-top: 11px!important;
  font-size: var(--font-size-15);
  border-top-left-radius: 8px!important;
  border-top-right-radius: 8px!important;
}

.dex-nav-link, .dex-nav-link-buy, .dex-nav-link-sell {
  margin-bottom: 0px;
  border-bottom: 1px solid var(--line-color-1);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #ffffff!important;
  box-shadow: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: 0px solid;
  border-left: 0px solid;
  border-right: 0px solid;
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
  min-height: 44px!important;
}

.dex-nav-link-text-span:hover {
  color: var(--font-color-7)!important;
}

.dex-page-order-nav>.container>.navbar-nav>.active.dex-order-nav-link  >a {
  background-color: var(--background-color-1)!important;
  border-bottom: var(--font-color-15) 0.15em solid;
  height: 44px;
  background-image: none!important;
  color: var(--font-color-15)!important;
}

.dex-order-nav-link:hover {

}

.dex-nav-link-buy-text-span:hover {
  color: var(--font-color-13)!important;
}

.dex-nav-link-sell-text-span:hover {
  color: var(--font-color-14)!important;
}

.dex-nav-link-text {
  color: #202020;
  height: 44px;
  width: 33%;
  font-size: var(--font-size-15);
}

.dex-nav-link-text > a:hover {
  margin-bottom: 20px;
  height: 44px;
  border-bottom: var(--font-color-7) 0.15em solid!important;
  color: var(--font-color-7)!important;
}

.dex-recent-buy-nav > a:hover {
  margin-bottom: 20px;
  height: 44px;
  border-bottom: var(--font-color-13) 0.15em solid!important;
  color: var(--font-color-13)!important;
}

.dex-recent-sell-nav > a:hover {
  margin-bottom: 20px;
  height: 44px;
  border-bottom: var(--font-color-14) 0.15em solid!important;
  color: var(--font-color-14)!important;
}

.dex-nav-link .navbar-nav>.dex-recent-sell-nav .active>a {
  color: var(--font-color-13);
}

.dex-nav-link-buy-text-span:hover {
  color: var(--font-color-13)!important;
}

.dex-nav-link-sell-text-span:hover {
  color: var(--font-color-14)!important;
}

.dex-nav-link >.container >.navbar-nav> .dex-recent-buy-nav .active>a>.dex-nav-link-buy-text-span {
  background-color: var(--background-color-1)!important;
  border-bottom: var(--font-color-13) 0.15em solid;
  height: 44px;
  background-image: none!important;
  color: var(--font-color-13)!important;
}

.dex-nav-link >.container >.navbar-nav> .dex-recent-sell-nav .active>a>.dex-nav-link-sell-text-span {
  background-color: var(--background-color-1)!important;
  border-bottom: var(--font-color-14) 0.15em solid;
  height: 44px;
  background-image: none!important;
  color: var(--font-color-14)!important;
}

.dex-sell-buy-div {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 6px;
  padding-bottom: 4px;
  color: var(--font-color-6);
  height: 30px!important;
  font-size: var(--font-size-12);
  border-bottom: 1px solid #eaeaea;
}

.dex-padding-left-5 {
  padding-left: 5px;
}

.dex-padding-left-15 {
  padding-left: 15px;
}

.dex-page-order-padding-left-8> .container-wrapper>.react-autosuggest__container>
.react-autosuggest__input {
  width: 136px!important;
  height: 28px;
  background: var(--background-color-1);
  border-radius: unset;
  margin-top: 0px;
  border: 1px solid var(--line-color-1);
}

.dex-page-order-padding-left-8> .container-wrapper>.search-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 5px;
  right: 8px;
  color: var(--font-color-7);
}

.dex-input-form {
  border-right: none;
  width: 160px;
  height: 34px;
  text-align: right;
  padding: 10px;
  color: #333333;
  font-size: var(--font-size-16);
}

.dex-input-form-mini {
  width: 100%;
  height: 28px;
  text-align: right;
  padding: 8px;
  color: #333333;
  font-size: var(--font-size-12);
}

.dex-input-form:hover {
  background: #f9f9f9;
  color: #333333;
  outline: #eaeaea;
  /* border: 1px solid #f9f9f9; */
}

.dex-input-form:active {
  background: #f9f9f9;
  color: #333333;
  outline: #eaeaea;
  /* border: 1px solid #f9f9f9; */
}

.dex-input-form:focus {
  background: #f9f9f9;
  color: #333333;
  outline: #eaeaea;
  /* border: 1px solid #f9f9f9; */
}

.dex-sub-ticker-text {
  color: var(--font-color-5);
  font-size: var(--font-size-12);
}

.dex-padding-right-20 {
  padding-right: 20px;
}

.dex-plus-minus-button {
  width: 34px;
  height: 34px;
  padding: 0px;
  border-radius: 0px;
  box-shadow: none;
  text-shadow: none;
  /* font-family: 'NotoSansKR-DemiLight'; */
  font-weight: var(--font-family-demi-light);
}

.dex-minus-button {
  border-right: none!important;
}

.dex-plus-button {
  border-left: none!important;
}

.dex-page-order-minus {
  font-size: 20px;
  display: block;
  margin-top: -12px;
  height: 20px;
}

.dex-page-order-plus {
  font-size: 17px;
  display: inline-flex;
}

.dropdown {
  float: right!important;
  margin-top: 0px!important;
}

.dex-page-dropdown-span>.dropdown>.dropdown-toggle {
  width: 68px!important;
  height: 34px!important;
  /* font-family: 'NotoSansKR-DemiLight'; */
  font-weight: var(--font-family-demi-light);
  border: #dddddd 1px solid !important;
  box-shadow: none;
}

.dex-page-dropdown-span>.dropdown>.dropdown-toggle:hover {
  width: 68px!important;
  height: 34px!important;
  background: #eaeaea!important;
  color: #6d6d6d!important;
}

.dex-page-dropdown-span>.dropdown>.dropdown-toggle:active {
  width: 68px!important;
  height: 34px!important;
  background: #eaeaea!important;
  color: #6d6d6d!important;
}

.dex-page-dropdown-span>.dropdown>.dropdown-toggle:focus {
  width: 68px!important;
  height: 34px!important;
  background: #eaeaea!important;
  color: #6d6d6d!important;
}

.dropdown > .dropdown-toggle {
  width: 80px;
  height: 40px;
  border-radius: 0px;
  background: var(--background-color-6);
}

.dex-input-form > div > .dropdown-menu {
  display: block;
  background: #ededed;
  color: #979eaf;
  width: 80px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.dex-page-dropdown-span {

}


.dex-page-dropdown-span > .open > .dropdown-menu {
  width: 68px!important;
  min-width: 68px!important;
  border-radius: 0px;
  margin-top: 0px;
  border: #dddddd 1px solid;
  box-shadow: none;
  background: var(--background-color-1);
}

.dex-page-dropdown-span>.dropdown>.dropdown-menu>li>a {
  background: var(--background-color-1);
  border-radius: 0px;
  color: #6d6d6d;
}

.dex-page-dropdown-span > .open > .dropdown-menu .dropdown-menu>li>a {
  background: var(--background-color-1);
  border-radius: 0px;
}

/* .dex-plus-minus-button:active {
  border: 1px solid var(--background-color-3);
} */

.dex-page-total-amount-container {
  background: var(--background-color-6);
  border-radius: 0px;
  width: auto;
  padding: 20px;
  width: 100%;
}

.dex-list-item-layer {
  padding: 8.5px 18px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  position: relative;
  border-radius: 8px;
}

.dex-page-margin-top-minus-10 {
  margin-top: -10px;
}

.dex-page-margin-top-10 {
  margin-top: 10px;
}

.dex-page-ticker-text {
  color: var(--font-color-5);
}

.dex-page-sell-text {
  color: var(--font-color-13);
}

.dex-page-font-color-13 {
  color: var(--font-color-13)!important;
}

.dex-page-font-color-14 {
  color: var(--font-color-14)!important;
}

.dex-page-total-amount-text {
  font-size: var(--font-size-20);
  color: var(--font-color-13);
  width: 162px;
  display: inline-block;
  text-align: right;
}

.dex-page-padding-top-4 {
  padding-top: 4px;
}

.dex-page-total-amount-font-size {
  font-size: var(--font-size-13);
  color: var(--font-color-6);
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-padding-top-2 {
  padding-top: 2px;
}

.dex-page-padding-top-1 {
  padding-top: 1px;
}

.dex-page-total-amount-kor {
  padding-top: 18px;
  font-size: var(--font-size-14);
  color: var(--font-color-6);
}

.dex-page-vat-text {
  font-size: var(--font-size-11);
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-help-vat-text {
  border-bottom: 1px solid var(--font-color-5);
  font-size: var(--font-size-11);
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-padding-left-5 {
  padding-left: 5px;
}

.dex-page-token-info-button {
  width: 246px;
}

.dex-page-sell-xlm-button {
  width: 100%;
  height: 42px!important;
}

.dex-page-sell-tbody {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14.5px;
  padding-right: 8.5px;
  width: 100%;
  background: var(--background-color-1)!important;
  font-size: var(--font-size-13);
}


.dex-page-sell-tbody > tr> td {
  width: 25%;
  border-top: none!important;
}

.dex-inner-table-370>.dex-page-sell-tbody:hover {
  background: transparent!important;
}


.dex-page-recent-trade-table>thead>tr>th {
  padding-top: 4.5px!important;
  padding-bottom: 3.5px!important;
  font-size: var(--font-size-12);
  border-bottom: 1px solid #eaeaea;
}

.dex-page-recent-trade-tbody {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8.5px;
  padding-right: 8.5px;
  width: 100%;
  background: var(--background-color-1)!important;
  font-size: var(--font-size-13);
}

.dex-page-recent-trade-tbody > tr> td {
  width: inherit;
  border-top: none!important;
}

.dex-inner-table-370>.dex-page-recent-trade-tbody:hover {
  background: transparent!important;
}

.dex-page-present-dropdown-span {
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
  font-size: 12px;
  margin-top: 2px;
}

.dex-page-present-text{
  font-size: var(--font-size-15);
  color: #395bb8;
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.dex-page-present-margin-bottom {
  margin-bottom: 0px;
  height: 44px!important;
}


.dex-page-present-dropdown-span > .open > .dropdown-menu {
  width: 80px!important;
  min-width: 80px!important;
  border-radius: 0px;
  margin-top: 0px;
  border: none;
  box-shadow: none;
  background: #ffffff;
}

.dex-page-present-dropdown-span > .open > .dropdown-menu>li,
.dex-page-present-dropdown-span > .open > .dropdown-menu>li>a {
  background: #ffffff;
  padding: 3px;
}

.dex-page-present-dropdown-span > .dropdown {
  background: #ffffff!important;
  width: 80px;
  padding-top: 2.5px;
}

.dex-page-present-dropdown-span>.dropdown > .dropdown-toggle {
  background: #ffffff!important;
  box-shadow: none;
  padding: 3px;
}

.dex-page-unit-text {
  display: inline-block;
  float: left;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-latest-price {
  margin-bottom: 5px;
  margin-top: -15px;
}

.dex-page-latest-price>tbody {
  background: var(--background-color-5)!important;
  cursor: default;
}

.dex-page-latest-price>tbody>tr>td {
  width: 25%;
  font-size: 13px;
}

.dex-page-latest-price>tbody:hover {
  background: var(--background-color-5)!important;
}

.dex-page-total-sells-amount-num {
  font-size: 13px;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1em;
  width: auto;
  margin-top: 1.8px;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-padding-144 {
  padding-left: 144px;
}

.dex-page-padding-8 {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: var(--background-color-7);
}

.dex-page-amount-margin {
  margin-left: 12px;
}

.dex-page-etc-text, 
.dex-orderbook-empty-item {
  text-align: center;
  font-size: 12px;
}

.dex-orderbook-empty-item-padding{
  padding: 12px;
}

.dex-page-etc-text>span:hover {
  border-bottom: 1px solid var(--font-color-8)!important;
  color: var(--font-color-8);
}

.dex-page-padding-left-20 {
  padding-left: 20px!important;
}

.dex-page-text-align-left {
  text-align: left;
}

.dex-page-margin-right-24 {
  margin-right: 24px;
}

.dex-page-margin-right-19 {
  margin-right: 19px;
}

.dex-page-margin-right-6 {
  margin-right: 6px;
}

.dex-page-margin-right-8 {
  margin-right: 8px;
}

.dex-page-table-margin-bottom-0 {
  margin-bottom: 0px!important;
}

.dex-page-recent-price {
  float: left;
  margin-left: 70px;
  margin-top: -17px;
  width: 77px;
  padding-left: 25px;
}

.dex-page-padding-bottom-0 {
  padding-bottom: 0px;
}

.dex-page-sum-amount {
  height: 20px;
  padding-right: 1px;
  line-height: 1em;
  margin-top: 1.5px;
  /* padding-right: 1px; */
  /* width: 80%!important;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  line-height: 1em; */
}

.dex-page-price-elepsis {
  white-space: pre;
  overflow: hidden;
  text-overflow: clip;
  word-break: break-word;
  line-height: 1em;
  padding-top: 3.2px;
  /* font-family: 'NotoSansKR-Regular'!important; */
  font-weight: var(--font-family-regular)!important;
}

.dex-page-market-padding-left-80 {
  padding-left: 80px;
}

.dex-page-start-image {
  width: 16px;
}

.dex-page-margin-top-minus-5 {
  margin-top: -5px;
}

.dex-market-nav-link-text {
  color: #202020;
  height: 30px;
  /* width: 25%; 보유자산 탭이 있을 시 */
  width: 33.333%;
  font-size: var(--font-size-15);
}

.dex-market-nav-link-text:hover {
  color: var(--font-color-7);
}

.dex-market-nav-link-text > a {
  padding: 0!important;
  padding-top: 4px!important;
  color: #202020!important;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-12);
}

.dex-market-nav-link-text > a:hover {
  height: 30px;
  border-bottom: var(--font-color-7) 0.15em solid;
  color: var(--font-color-7);
}

.dex-page-market-navbar {
  border-top: 1px solid var(--background-color-2);
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  height: 30px;
  min-height: 30px!important;
}

.dex-page-market-div {
  background: var(--background-color-6);
  padding: 7.5px 20px;
  color: var(--font-color-6)!important;
  font-size: var(--font-size-12);
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-market-dropdown-div {
  float: right;
  font-size: var(--font-size-12);
}

.dex-page-market-dropdown-div>span>.dropdown > .dropdown-toggle {
  background: transparent!important;
  box-shadow: none;
  width: 74px!important;
  height: 40px!important;
  border-radius: 0px!important;
  font-size: var(--font-size-12);
}

.dex-page-padding-18 {
  padding: 18px;
}

.dex-page-market-table-small-text {
  font-size: var(--font-size-11);
}

.dex-page-market-table {
  /* padding: 7px!important; */
}

.dex-page-market-table > tr> td {
  padding-top: 3px!important;
  padding-bottom: 3px!important;
  height: 44px;
  padding: 3px!important;
}

.dex-page-padding-top-8 {
  padding-top: 8px;
}

.dex-page-market-token {
}

.dex-page-market-table-token-text {
  font-size: var(--font-size-14);
}

.dex-page-market-price {
  font-size: var(--font-size-13);
}

.dex-page-padding-top-10 {
  padding-top: 10px!important;
}

.dex-page-market-table-third-text {
  text-align: right;
  font-size: var(--font-size-13);
}

.dex-page-order-book-latest {
  padding-top: 8px!important
}

.dex-page-market-ticker {
  padding-top: 1px;
  font-size: var(--font-size-11);
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.dex-page-padding-top-2 {
  padding-top: 2px;
}

.dex-page-market-table-fourth-text {
  padding-top: 18px!important;
  font-size: var(--font-size-11);
  color: var(--font-color-16);
}

.dex-page-padding-left-2 {
  padding-left: 2px;
}

.dex-page-market-table-fourth-div {
  margin-top: 10px!important;
}

.dex-page-image-rounding {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--background-color-5);
}

.dex-page-image-trading-rounding {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--background-color-5);
}

.dex-page-token-info-rounding-margin {
  margin-right: 16px;
}

.dex-page-token-info-image {
  width: 36px;
  margin: 12px;
}

.dex-page-token-info-sub-div {
  float: right;
  width: 174px;
  margin-top: -55px;
  padding-left: 2px;
}

.dex-page-token-info-token-name {
  font-size: var(--font-size-21);
  color: var(--font-color-2);
  /* font-family: 'NotoSansKR-Bold'; */
  font-weight: var(--font-family-bold);
}

.dex-page-token-info-ticker {
  color: var(--font-color-5);
}

.dex-page-margin-bottom-20 {
  margin-bottom: 20px;
}

.dex-page-token-info-div {
  border-bottom: 1px solid var(--line-color-1);
}

.dex-page-token-info-font-size {
  font-size: 25px;
  color: var(--font-color-13);
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
  width: 201px!important;
  display: inline-block;
  font-size: var(--font-size-26);
  text-align: right;
  padding-right: 4px;
}

.dex-page-margin-top-5 {
  margin-top: 5px;
}


.dex-page-margin-left-10 {
  margin-left: 10px;
}

.dex-page-margin-bottom-10 {
  margin-bottom: 10px;
}

.dex-page-left-right-padding-22 {
  padding-left: 22px;
  padding-right: 22px;
}


.dex-page-left-right-padding-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.dex-page-left-right-padding-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.dex-page-margin-left-5 {
  margin-left: 5px;
}

.dex-page-token-info-time-text {
  font-size: var(--font-size-11);
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);

}

.dex-page-market-navbar .navbar-nav>.active>a {
  background-color: var(--background-color-1)!important;
  border-bottom: var(--font-color-7) 0.15em solid;
  height: 30px!important;
  background-image: none!important;
  color: var(--font-color-7);
  min-height: 30px!important;
}

.dex-nav-link .navbar-nav>.active>a {
  background-color: var(--background-color-1)!important;
  border-bottom: var(--font-color-15) 0.15em solid;
  height: 44px;
  background-image: none!important;
  color: var(--font-color-15)!important;
}

.dex-nav-link-buy .navbar-nav>.active>a {
  background-color: var(--background-color-1)!important;
  border-bottom: var(--font-color-13) 0.15em solid;
  height: 44px;
  background-image: none!important;
  color: var(--font-color-13)!important;
}

.dex-nav-link-sell .navbar-nav>.active>a {
  background-color: var(--background-color-1)!important;
  border-bottom: var(--font-color-14) 0.15em solid;
  height: 44px;
  background-image: none!important;
  color: var(--font-color-14)!important;
}


.market-list-item-layer-padding {
  padding: 10px 8px!important;
}

.market-list-margin-top-minus-20 {
  margin-top: -20px;
}

.market-list-margin-left-right-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.market-list-button {
  box-shadow: none;
  width: 44px!important;
  height: 42px;
  background-image: var(--background-color-4);
  border: none;
  background: var(--font-color-5);
  color: var(--font-color-1);
  text-shadow: none;
  margin-left: 1px;
  margin-right: 1px;
  padding: 6px 8px;
}

.market-list-token {
  font-size: var(--font-size-14);
  display: block;
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.market-list-tiker {
  font-size: var(--font-size-13);
  color: var(--font-color-5);
}

.market-list-price {
  font-size: var(--font-size-14);
  color: var(--font-color-5);
  float: left;
}

.market-list-margin-left-8 {
  margin-left: 8px;
}

.market-list-item-layer {
  padding: 12px 18px;
  margin-bottom: 12px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  position: relative;
  border-radius: 6px;
}

.dex-page-div-size-200 {
  width: 255px;
}

.dex-page-token-info-percent {
  display: inline-block;
  width: 52px;
}

.dex-page-token-info-up-down {
  display: inline-block;
  width: 113px;
  padding-left: 0px;
}

.dex-page-margin-bottom-15 {
  margin-bottom: 15px;
}

.dex-page-padding-15 {
  padding: 15px;
}

.dex-page-token-info-two {
  display: inline-block;
  font-size: var(--font-size-12);
}

.dex-page-token-info-ticker-eng {
  display: inline-block;
  width: 27px;
  margin-left: 4px!important;
  font-size: var(--font-size-12);
}

.dex-page-token-info-price {
  display: inline-block;
  width: 104px;
  text-align: right;
  font-size: var(--font-size-12);
}

.dex-page-margin-right-10 {
  margin-right: 10px;
}

.dex-page-token-info-percent-icon {
  display: inline-block;
  width: 14px;
}

.dex-page-token-info-plus-minus-icon {
  display: inline-block;
  width: 8px;
}
.dex-page-padding-left-1 {
  padding-left: 1px;
}

.dex-page-padding-left-4 {
  padding-left: 4px;
}

.dex-page-padding-left-3 {
  padding-left: 3px;
}

.dex-page-font-color-6 {
  color: var(--font-color-6)!important;
}

.dex-page-order-book-table-header {
  color: var(--font-color-2)!important;
  text-align: center;
  border-top: 1px solid var(--background-color-2)!important;
  border-bottom: 1px solid var(--background-color-2)!important;
  font-size: var(--font-size-12);
}

.dex-page-order-book-total {
  font-size: var(--font-size-14);
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-order-book-width-36 {
  width: 36px;
}

.dex-page-recent-trade-table-header {
  padding-top: 8px!important;
  padding-bottom: 8px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.dex-page-recent-trade-table {
  table-layout: fixed;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14.5px;
  padding-right: 8.5px;
  width: 100%;
  background: var(--background-color-1)!important;
  font-size: var(--font-size-13);
  margin-bottom: 10px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.dex-page-recent-trade-table>thead>tr>th {
  vertical-align: baseline!important;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-recent-trade-table>tbody>tr>td {
  vertical-align: middle!important;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: var(--font-size-12);
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  line-height: 1em;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-order-book-separate-table {
  table-layout: fixed;
  border-bottom-right-radius: 8px!important;
  border-bottom-left-radius: 8px!important;
  border-collapse: separate;
  margin-bottom: 0px;
}

.dex-page-order-book-separate-table>thead>tr>th {
  padding: 0px;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-order-book-separate-table>tbody>tr>.dex-page-order-book-gray {
  padding-top: 7px!important;
  padding-bottom: 7px!important;
}
.dex-page-order-book-separate-table>tbody>tr>td {
  padding-top: 2px!important;
  padding-bottom: 1.9px!important;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-order-book-separate-table>tbody>tr>td:nth-child(1) {
  width: 30%;
}

.dex-page-order-book-separate-table>tbody>tr>td:nth-child(2) {
  width: 26%;
  padding: 0;
  text-align : right;
}

.dex-page-order-book-separate-table>tbody>tr>td:nth-child(3) {
  padding: 0;
  text-align: right;
}

.dex-page-order-book-separate-table>tbody>tr>td:nth-child(4) {
  width: 22%;
  padding-right: 12px!important;
  padding: 0;
}

.dex-page-order-table>thead>tr>th:nth-child(1) {
  padding-left: 12px!important;
  padding: 0;
}

.dex-page-order-table>thead>tr>th:nth-child(2) {
  padding: 0;
}

.dex-page-order-table>thead>tr>th:nth-child(3) {
  padding: 0;
}

.dex-page-order-table>thead>tr>th:nth-child(4) {
  padding-right: 12px!important;
  padding: 0;
}

.dex-page-order-table>thead>tr>th:nth-child(5) {
  padding-right: 12px!important;
  padding: 0;
}



.dex-page-padding-right-12 {
  padding-right: 12px;
}

.dex-page-text-align-right {
  text-align: right;
}

.dex-page-padding-right-18 {
  padding-right: 18px!important;
}

.dex-page-padding-left-18 {
  padding-left: 18px!important;
}

.dex-page-margin-right-26 {
  margin-right: 26px;
}

.dex-page-padding-left-right-18 {
  padding-left: 18px!important;
  padding-right: 18px!important;
}

.dex-page-background-12 {
  background: var(--font-color-12);
}

.dex-page-order-div {
  width: 100%;
  margin-top: 20px; 
}

.dex-page-order-krw {
  padding-left: 2px;
  margin-top: -2.5px;
  color: var(--font-color-3)!important;
}

.dex-page-order-padding-left-2 {
  padding-left: 2px;
}

.dex-page-order-padding-left-8 {
  padding-left: 8px;
}

.dex-page-padding-right-2 {
  padding-right: 2px;
}

.dex-page-margin-top-minus-1 {
  margin-top: -1px;
}

.dex-page-total-header {
  padding: 19px 18px;
  border-bottom: 1px solid var(--line-color-1);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.dex-page-total-header-sub {
  display: inline-block;
  width: 238px;
  text-align: right;
}

.dex-page-total-amount-text {
  color: var(--font-color-2);
  font-size: var(--font-size-16);
}

.dex-page-total-div-sub {
  display: inline-block;
  width: 221px;
  text-align: right;
}

.dex-page-total-div-sub-text {
  font-size: var(--font-size-14);
  color: var(--font-color-5);
}

.dex-page-total-div-sub-num {
  color: var(--font-color-4)
}

.dex-page-total-sub-div {
  padding: 12px 18px;
  border-bottom: none;
  background: var(--background-color-6);
  border-radius: 0px;
}

.dex-page-total-market-list-item {
  border-bottom: 1px solid var(--line-color-1);
  border-radius: 0px!important;
}

.dex-page-total-inner-list {
    padding-top: 0px!important;
    padding-bottom: 0px!important
}

.dex-page-market-list-token-div {
  width: 83px;
}

.dex-page-market-list-price {
  width: 137px;
  text-align: right;
  float: right;
  margin-left: 54px;
  font-size: var(--font-size-13);
}

.dex-page-market-list-button {
  width: 46px;
}

.dex-page-item-token-icon {
  width: 40px;
  margin-right: 8px;
}

.dex-page-padding-12 {
  padding: 12px;
}

.dex-page-font-color-2 {
  color: var(--font-color-2);
}

.dex-page-token-info-first-div {
  width: 226px;
  height: 35px;
}

.dex-page-header-div {
  height: 44px;
  border-bottom: 1px solid #eaeaea;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.dex-page-market-dropdown-1 {
  display: inline-block;
  margin-right: -19px;
}

.dex-page-market-dropdown-2 {
  display: inline-block;
  margin-right: -10px;
}

.dex-page-market-dropdown-3 {
  display: inline-block;
  margin-right: -7px;
}

.dex-page-market-dropdown-div>span>.open>.dropdown-menu {
  width: 74px!important;
  min-width: 74px;
  background: white;
}

.dex-page-market-dropdown-div>span>.open>.dropdown-menu>li {
  background: var(--background-color-1);
}

.dex-page-market-dropdown-div>span>.open>.dropdown-menu>li>a {
  background: var(--background-color-1);
  padding: 2px 5px;
}

.dex-page-order-table {
  table-layout: fixed;
  padding: 0px;
  border-top: 1px solid var(--background-color-1)!important;
  margin-bottom: 12px;
}

.dex-inner-table-336>.dex-page-order-table>tr>th {
 /* padding: 0px!important; */
}

.dex-orderbook-sell-item-background-color {
  background-color: #F7E2E3;
}

.dex-orderbook-buy-item-background-color {
  background-color: #DBE9FB;
}

.dex-page-market-header {
  height: 44px!important;
}

.dex-page-margin-left-13 {
  margin-left: 34px;
}

.dex-page-margin-left-19 {
  margin-left: 19px;
}

.dex-page-table-border-bottom-radius {
  overflow: hidden; 
  border-bottom-left-radius: 8px; 
  border-bottom-right-radius: 8px;
}

.dex-page-nothing-content-border-bottom-raduis {
  overflow: hidden;
}

.dex-page-nothing-content-border-bottom-left {
  overflow: hidden;
  border-bottom-left-radius: 8px;
}

.dex-page-nothing-content-border-bottom-right {
  overflow: hidden;
  border-bottom-right-radius: 8px;
}

.dex-page-order-table>tbody>tr>td {
  padding-left: 0px!important;
  padding-right: 0px!important;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.dex-page-order-table>thead>tr>th {
  /* padding-top: 11px!important; */
  /* padding-bottom: 12px!important; */
  /* border-top: 1px solid #ddd !important; */
}

.dex-page-margin-right-minus-8 {
  margin-right: -8px;
}

.dex-page-market-container-tr:hover {
  background: #f8fafd!important;
  color: #333333!important;
}

.dex-page-market-tr-active:hover {
  background: #ebf6ff!important;
  color: #333333!important;
}

.dex-page-check-box {
  width: 14px!important;
}

.dex-page-border-bottom {
  border-bottom: 1px solid var(--font-color-12);
  padding: 0px!important;
}

.dex-page-background-6 {
  background: var(--background-color-6);
}

.dex-page-font-color-15 {
  color: var(--font-color-15);
}

.dex-page-padding-top-bottom-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.dex-page-padding-top-bottom-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.dex-page-padding-left-right-12 {
  padding-left: 12px!important;
  padding-right: 12px!important;
}

.dex-page-padding-left-right-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.dex-page-margin-bottom-12 {
  margin-bottom: 12px;
}

.dex-page-margin-top-4 {
  margin-top: 4px;
}

.dex-page-div-height-20 {
  height: 20px;
}

.dex-page-padding-top-0 {
  padding-top: 0px;
}

.dex-page-token-info-title-ticker {
  color: var(--font-color-4);
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
  font-size: var(--font-size-13);
}

.dex-page-padding-20 {
  padding: 20px;
}

.dex-page-order-book-title-padding {
  padding-left: 20px!important;
  padding-right: 18px!important;
  padding-top: 10px;
  padding-bottom: 10px!important;
  height: 44px;
}

.dex-page-order-book-tr {
  padding-left: 20px!important;
  padding-right: 20px!important;
  padding-top: 6px!important;
  padding-bottom: 7px!important;
  font-size: var(--font-size-12);
}

.dex-page-order-book-header {
  height: 30px;
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  vertical-align: middle!important;
}

.dex-page-order-container-padding {
  padding-left: 12px!important;
    padding-right: 12px!important;
    padding-top: 20px!important;
    padding-bottom: 12px!important;
}

.dex-page-margin-top-12 {
  margin-top: 12px;
}

.dex-page-margin-top-16 {
  margin-top: 16px;
}

.dex-page-margin-top-8 {
  margin-top: 8px;
}

.dex-page-trading-wallet-list-token-image {
  width: 22px;
  height: 22px;
  margin: 9px;
}

.dex-page-market-padding {
  padding-top: 6px;
  padding-bottom: 20px;
}

.dex-page-padding-left-6 {
  padding-left: 6px;
}

.dex-page-order-total-container {
  padding: 16px;
  font-weight: var(--font-family-regular);
}

.dex-page-order-container-content {
  display: inline-block;
}

.dex-page-total-amount-text-num {
  color: var(--font-color-13);
  font-size: var(--font-size-26);
  width: 222px;
  display: inline-block;
  text-align: right;
  margin-top: -5px;
}

.dex-page-market-tr-active {
  background: #ebf6ff!important;
}

.dex-page-recent-trade-padding {
  padding: 0px!important;
}

.dex-button-margin-12 {
  margin: 12px;
}

.dex-width-100 {
  width: 100%;
}

.dex-page-token-info-card-text {
  font-size: var(--font-size-13);
}

.dex-page-select-check-box-text {
  font-size: var(--font-size-15);
  /* font-family: 'NotoSansKR-Medium' */
  font-weight: var(--font-family-medium);
}

.dex-page-order-book-td-text {
  font-size: var(--font-size-12);
}

.dex-page-trading-wallet-amount {
  font-size: var(--font-size-16);
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.dex-page-market-table > tr {
  border-bottom: 2px solid #f8fafd;
}

.dex-page-token-info-arrow {
  width: 10px;
  height: 6px;
}

.dex-page-margin-right-12 {
  margin-right: 12px;
}

.dex-page-margin-left-minus-4 {
  margin-left: -4px;
}

.dex-page-token-info-dropdown-image {
  vertical-align: super;
  margin-bottom: -3px;
  margin-left: 1px;
}

.dex-page-margin-left-4 {
  margin-left: 4px;
}

.dex-page-radio-vertical {
  vertical-align: text-top;
}

.dex-page-padding-right-4 {
  padding-right: 4px;
}

.dex-page-margin-right-5 {
  margin-right: 5px!important;
}

.dex-page-display-inline-flex {
  display: inline-flex;
}

.dex-page-order-dropdown-image {
  width: 8px;
  height: 4px;
}

.dex-page-recent-trade-link {
  width: 16px;
  height: 16px;
}

.dex-page-vertical-align-bottom {
  vertical-align: text-bottom;
}

.dex-page-market-arrow-up {
  padding-bottom: 9px;
}

.dex-page-market-arrow-down {
  margin-left: -8px;
  padding-top: 3px;
}

.dex-page-market-header-padding-left {
  padding-left: 93px;
}

.dex-page-padding-right-10 {
  padding-right: 10px!important;
}

.dex-page-recent-trade-table>thead>tr>th:nth-child(1) {
  padding-left: 12px!important;
}

.dex-page-recent-trade-table>thead>tr>th:nth-child(5) {
  padding-right: 12px!important;
}

.dex-page-recent-trade-table>tbody>tr>td:nth-child(1) {
  width: 18%;
  cursor: default;
  padding-left: 12px!important;
}

.dex-page-recent-trade-table>tbody>tr>td:nth-child(2) {
  width: 24%;
  cursor: default;
}

.dex-page-recent-trade-table>tbody>tr>td:nth-child(3) {
  width: 24%;
  cursor: default;
}

.dex-page-recent-trade-table>tbody>tr>td:nth-child(4) {
  width: 22%;
  cursor: default;
}

.dex-page-recent-trade-table>tbody>tr>td:nth-child(5) {
  width: 12%;
  padding-right: 12px!important;
}

.dex-page-market-table > tr> td:nth-child(1) {  
  width: 8%;
  padding-left: 20px!important;
  padding-right: 6px!important;
}

.dex-page-market-table > tr> td:nth-child(2) {  
  width: 26%;
}

.dex-page-market-table > tr> td:nth-child(3) {  
  width: 26%;
  padding-right: 3px!important;
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.dex-page-market-table > tr> td:nth-child(4) {  
  width: 18%;
  padding-right: 2px!important;
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.dex-page-market-table > tr> td:nth-child(5) {  
  width: 22%;
  text-align: right; 
  padding-right: 20px!important;
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.dex-page-order-table>tbody>tr>td:nth-child(1) {  
  padding-left: 12px!important;
  text-align: center!important;
  padding-top: 2px!important;
  padding-bottom: 2px!important;
  text-align: center;
  cursor: default;
}

.dex-page-order-table>tbody>tr>td:nth-child(2) {  
  padding-top: 2px!important;
  padding-bottom: 2px!important;
  padding-right: 10px!important;
  padding-left: 12px!important;
  text-align: right; 
  cursor: default;
}

.dex-page-order-table>tbody>tr>td:nth-child(3) {  
  padding-top: 2px!important;
  padding-bottom: 2px!important;
  padding-right: 10px!important;
  padding-left: 12px!important;
  text-align: right; 
  cursor: default;
}

.dex-page-order-table>tbody>tr>td:nth-child(4) {  
  padding-top: 2px!important;
  padding-bottom: 2px!important;
  text-align: center; 
  padding-right: 12px!important;
  cursor: pointer!important;
}

.dex-page-order-table>tbody>tr>td:nth-child(5) {  
  padding-top: 4px!important;
  padding-bottom: 4px!important;
  text-align: center;
  padding-right: 12px!important;
}

.dex-page-market-amount {
  width: 67px;
  display: inline-block;
  padding-left: 15px;
}

.dex-page-market-diff {
  width: 65px;
  display: inline-block;
  padding-left: 2px;
}

.dex-page-market-present {
  width: 91px;
  display: inline-block;
  padding-left: 47px;
}

.dex-page-order-book-padding-top-6 {
  padding-top: 6px!important;
}

.dex-page-order-book-padding-top-7 {
  padding-top: 7px!important;
  padding: 0px!important;
}

.dex-page-order-book-gray {
  padding-top: 6px!important;
  padding-bottom: 9px!important;
}

.dex-page-order-book-padding-top-8 {
  padding-top: 8px!important;
}

.dex-page-order-book-margin-top-minus {
  margin-top: -0.5px;
}

.dex-page-order-popup-radio-button {
  margin-right: 22px!important;
  display: block;
  margin-top: -10px!important;
}

.dex-page-margin-bottom-2 {
  margin-bottom: 2px;
}

.dex-page-container-margin-left-0 {
  margin-left: 0px!important;
  margin-right: 5px!important;
}

.dex-page-container-margin-right-0 {
  margin-left: 5px!important;
  margin-right: 0px!important;
}

.dex-page-select-pay-component {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.dex-page-padding-top-3 {
  padding-top: 3px!important;
}

.dex-page-padding-top-5 {
  padding-top: 5px!important;
}

.dex-page-whole-container {
  margin: 12px auto!important;
}

.dex-page-padding-left-right-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.dex-page-margin-left-right-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.dex-page-margin-top-minus-5 {
  margin-top: -5px;
}

.dex-page-margin-top-minus-3 {
  margin-top: -3px;
}

.dex-page-margin-top-minus-34 {
  margin-top: -34px;
}

.dex-page-tr-height-4 {
  display: block;
  height: 4px!important;
}

.dex-page-padding-bottom-12 {
  padding-bottom: 12px;
}

.dex-page-tx-button {
  width: 36px;
  height: 20px;
  text-shadow: none;
  box-shadow: none;
  padding: 0;
  font-size: var(--font-size-14);
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
  position: relative;
}

/* .radio-custom-label:before {
  content: '';
  background: #fff;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
  background: rebeccapurple;
  box-shadow: inset 0px 0px 0px 4px #fff;
  border-radius: 50%;
  background: #ccc;
} */

/* .checkbox-custom-label:before {
  background: rebeccapurple;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom-label:before {
  border-radius: 50%;
}

.radio-custom-label:before {
  background: #ccc;
  box-shadow: inset 0px 0px 0px 4px #fff;
} */


.checkbox-custom, .radio-custom {
  opacity: 0;
  position: absolute;   
}

.checkbox-custom[disabled] {
  background-color: #b1b1b1;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
  position: relative;
}

/* .checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
  content: '';
  background: #ededed;
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 2px;
  margin-right: 6px;
  text-align: center;
  margin-bottom: 2.5px;
} */

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
  /* content: '';
  background: #446ee1;
  border: 2px solid #ddd;
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 2px;
  margin-right: 6px;
  text-align: center;
  margin-bottom: 2.5px;
  box-shadow: inset 0px 0px 0px 3px #ededed;
  border-radius: 50%; */
  content: '';
  background: #ededed;
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 2px;
  margin-right: 6px;
  text-align: center;
  margin-bottom: 2.5px;
}

/* input[type="radio"]:enabled {
  background: #fcfbcc;
}; */

.checkbox-custom + .checkbox-custom-label:before, .radio-custom:checked[disabled] + .radio-custom-label[disabled]:before {
  content: '';
  background: #446ee1;
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 2px;
  margin-right: 6px;
  text-align: center;
  margin-bottom: 2.5px;
  box-shadow: inset 0px 0px 0px 3px #b1b1b1;
}

.radio-custom-label[disabled]:before {
  background: #b1b1b1;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
  background: #639;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-custom + .radio-custom-label:before {
  border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
  background: #446ee1;
  box-shadow: inset 0px 0px 0px 3px #ededed;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: transparent;
}

.checkbox-custom + .checkbox-custom-label:after, .radio-custom + .radio-custom-label:after {
  border: none;
  background: #ededed;
}

.checkbox-custom + .checkbox-custom-label:focus, .radio-custom + .radio-custom-label:focus {
  border: none;
}

.checkbox-custom + .checkbox-custom-label:active, .radio-custom + .radio-custom-label:active {
  border: none;
}

.dex-page-margin-right-20 {
  margin-right: 20px;
}

.dex-page-margin-top-2 {
  margin-top: 2px;
}

.popup-checkbox-custom, .popup-radio-custom {
  opacity: 0;
  position: absolute;   
}

.popup-checkbox-custom, .popup-checkbox-custom-label, .popup-radio-custom, .popup-radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  cursor: pointer;
}

.popup-checkbox-custom-label, .popup-radio-custom-label {
  position: relative;
}

.popup-checkbox-custom + .popup-checkbox-custom-label:before, .popup-radio-custom + .popup-radio-custom-label:before {
  content: '';
  background: #ededed;
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 2px;
  margin-right: 62px;
  text-align: center;
  margin-bottom: 2px;
}

.popup-checkbox-custom:checked + .popup-checkbox-custom-label:before {
  background: #639;
  box-shadow: inset 0px 0px 0px 4px #fff;
}


.popup-radio-custom:checked + .popup-radio-custom-label:after {
  background: #446ee1;
  box-shadow: inset 0px 0px 0px 3px #b1b1b1;
}

.checkbox-custom-custom[disabled] {
  background-color: #b1b1b1;
}

.popup-radio-custom + .popup-radio-custom-label:before {
  border-radius: 50%;
}

.popup-radio-custom:checked + .popup-radio-custom-label:before {
  background: #446ee1;
  box-shadow: inset 0px 0px 0px 3px #ededed;
}


.popup-checkbox-custom:focus + .popup-checkbox-custom-label, .popup-radio-custom:focus + .popup-radio-custom-label {
  outline: transparent;
}

.popup-checkbox-custom + .popup-checkbox-custom-label:after, .popup-radio-custom + .popup-radio-custom-label:after {
  border: none;
  background: #ededed;
}

.popup-checkbox-custom + .popup-checkbox-custom-label:focus, .popup-radio-custom + .popup-radio-custom-label:focus {
  border: none;
}

.popup-checkbox-custom + .popup-checkbox-custom-label:active, .popup-radio-custom + .popup-radio-custom-label:active {
  border: none;
}

.popup-radio-custom-label[disabled]:before>span {
  color: #969fb0;
}
label.radio-custom-label[disabled]>span {
  color: #969fb0;
}

.dex-page-padding-left-60 {
  padding-left: 60px;
}

.dex-page-padding-right-6 {
  padding-right: 6px;
}

.dex-page-margin-top-minus-4 {
  margin-top: -4px;
}

.dex-order-book-plus-minus-button {
  width: 20px;
  height: 20px;
  text-shadow: none;
  box-shadow: none;
  padding: 0;
  border-radius: 0px;
  vertical-align: baseline;
}

.dex-page-order-book-span {
  display: inline-block;
  width: 40px;
}

.dex-page-order-book-minus {
  font-size: 20px;
  display: block;
  margin-top: -12px;
  height: 18px;
}

.dex-page-margin-left-56 {
  margin-left: 56px;
}

.dex-page-margin-left-112 {
  margin-left: 112px;
}

.dex-button-margin-top-bottom-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.dex-page-trading-no-wallet-text {
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.dex-page-offer-view-layer {
  position: relative;
  width: 100%;
  margin-top: 15px;
  font-size: 12px;
  text-align: center;
  background-color: #E5E6E7;
}

.dex-page-symbol-div {
  display: inline-flex;
  width: 60px;
  margin-left: 20px;
}

.dex-input-form-layer {
  display: inline-flex;
}

.dex-offer-form-price-title {
  width: 100%;
}

.dex-offer-form-create-offer-button {
  margin-top: 10px;
  width: 100%;
}

.dex-offer-available{
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: var(--font-size-18);
}

.dex-order-book-item-price-and-amount {
  width: 100%;
  position: relative;
  padding: 0px 5px 0px 0px;
}

.dex-order-book-item-price {
  width: 60%;
}

.dex-order-book-item-price > span {
  color: rgb(0, 0, 0);
  width: 8px!important;
  display: inline-block;
}

.dex-order-book-trade-recent-item-price {
  width: 80%;
}

.dex-order-book-trade-recent-item-amount {
  width: 20%;
  text-align: right;
}

.dex-page-display-flex {
  display: flex;
  justify-content: space-between;
}

.dex-order-book-item-div,
.dex-order-book-item-div-recent {
  padding-top: 2px;
  padding-bottom: 4px;
}

.dex-order-book-item-div {
  height: 22px;
  font-size: var(--font-size-10);
  border-bottom: 1px solid var(--line-color-1);
}

.dex-order-book-item-div-recent {
  height: 24px;
  font-size: var(--font-size-11);
  border: 1px solid #000000;
}

.dex-order-book-item-amount-div{
  height: 20px;
}

.dex-offer-form-percent-button-group {
  display: flex;
  margin-bottom: 12px;
}

.dex-offer-form-percent-button {
  width: 25%;
  background-color: white;
  border: 1px solid #179CF0;
  border-radius: 4px;
  text-align: center;
  color: #179CF0;
  font-size: 0.7em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  margin-right: 1%;
  margin-left: 1%;
}

.dex-offer-form-percent-button-text {
  margin-left: 3px;
  font-weight: var(--font-family-medium);
}
.TVChartContainer {
	border-radius: 8px!important;
	/* height: calc(100vh - 80px); */
}

.chart-resolution {
  padding: 5px;
  display: flex;
  font-size: 12px;
  background: rgb(255, 255, 255);
}

[dir="ltr"] .chart-resolution ul {
  padding-left: 0;
}

[dir="rtl"] .chart-resolution ul {
  padding-right: 0;
}

.chart-resolution ul {
  display: flex;
  width: auto;
  border-width: 1px 1px 1px;
  border-style: solid none solid solid;
  border-color: rgba(223, 226, 231, 0.5) rgba(223, 226, 231, 0.5) rgba(223, 226, 231, 0.5);
  -o-border-image: none;
     border-image: none;
  -o-border-image: initial;
     border-image: initial;
  border-right: none;
  list-style: none;
  margin-left: 5px;
}

.chart-resolution ul li {
  width: 45px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  cursor: pointer;
  border-right: 1px solid rgba(223, 226, 231, 0.5);
}

.chart-resolution ul .on {
  color: rgb(255, 255, 255);
  background: rgb(240, 185, 11);
}
.receive-modal-class {
  text-align: center;
  padding: 0 !important;
  margin-top: -210px;
}

.receive-modal-class>.modal-dialog {
  height: 100%;
  width: 500px;
  margin: 25% auto;
}

.fade {
  opacity: 0;
  transition: none;
}

.modal-header {
  /* background-color: var(--background-color-4); */
  height: 50px;
  color: var(--font-color-1);
  padding: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.title-change-user-image {
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}
.modal-header .close {
  margin-top: 0px;
  /* color: white; */
  margin-right: 0px;
  font-size: 26px;
  opacity: 0.4;
  font-weight: unset;
  display: flex;
  text-shadow: none;
}

.common-modal-body {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 176px;
  vertical-align: middle;
  font-size: var(--font-color-14);
  margin-top: 0px;
  margin-bottom: 0px;
}

.receive-popup-border-bottom {
  border-bottom: 1px solid var(--line-color-1);
  height: 67px;
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.receive-popup-token-icon {
  width: 44px;
  height: 44px;
  margin-right: 18px;
}

.wallet-popup-token-icon-rounding {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--background-color-5);
}

/* .receive-popup-margin-top-25 {
  margin-top: 20px;
  color: var(--font-color-6);
} */

.receive-popup-margin-top-25 {
  color: var(--font-color-6);
  font-size: var(--font-size-14);
  float: inherit;
}

.send-popup-font-size-12 {
  font-size: var(--font-size-12);
}

.send-popup-font-size-11 {
  font-size: var(--font-size-11);
}

.receive-popup-margin-left-minus-30 {
  font-size: var(--font-size-14);
  color: var(--font-color-2);
  float: inherit;
}

.send-popup-font-color-7 {
  color: var(--font-color-7);
}

.send-popup-font-color-4 {
  color: var(--font-color-4);
}

.send-popup-font-color-8 {
  color: var(--font-color-8);
}

.receive-popup-font-color-6 {
  color: var(--font-color-6);
}

.receive-popup-font-color-5 {
  color: var(--font-color-5);
}

.receive-popup-personal-wallet {
  float: left;
  padding-left: 130px;
}

.receive-popup-krw {
  /* float: right;
  margin-top: 20px;
  margin-left: -40px; */
}

.receive-popup-margin-left-20 {
  margin-left: 20px;
}

.receive-popup-margin-left-minus-12 {
  margin-left: -12px;
}

.receive-popup-margin-left-20 {
  margin-left: 20px;
}

.receive-popup-margin-left-58 {
  margin-left: 58px;
}

.receive-popup-padding-left-20 {
  padding-left: 20px;
}

.receive-popup-inner-body {
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
  padding-top: 14px;
  /* height: 100%; */
}

.receive-popup-qr-div {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
}

.receive-popup-qr-div-head-text {
  font-size: var(--font-size-18);
  color: var(--font-color-2);
  margin-bottom: 7px;
}

.receive-popup-copy-input {
  width: 80%;
  height: 30px;
  margin-right: 20px;
  background: var(--background-color-5);
  border: none;
  padding: 15px;
}

.receive-popup-copy-input-addr {
  width: 84%;
  height: 30px;
  margin-right: 8px;
  background: var(--background-color-5);
  border: none;
  padding: 15px;
  /* font-family: 'NotoSansKR-DemiLight'; */
  font-weight: var(--font-family-demi-light);
}

.send-popup-copy-input {
  width: 100%;
  height: 30px;
  border: none;
  padding: 15px;
  font-weight: var(--font-family-demi-light);
}

.receive-popup-copy-button {
  width: 15%;
  margin-bottom: 5px;
}

.receive-popup-qr-copy-button {
  width: 64px;
  height: 30px;
  margin-bottom: 5px;
  /* font-family: 'NotoSansKR-Medium'!important; */
  font-weight: var(--font-family-medium)!important;
  text-shadow: none;
}

.send-popup-request-send-button {
  text-align: center;
  margin-bottom: 10px;
  width: 396px;
  height: 42px;
}

.receive-popup-qr {
  padding-left: 225px;
  padding-right: 225px;
  padding-top: 20px;
}

.receive-popup-qr-code {
  padding-top: 14px;
  padding-bottom: 12px;
  text-align: center;
}

.modal-footer {
  /* height: 50px; */
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.receive-popup-modal-footer-button {
  height: 50px;
}

.send-popup-margin-bottom-14 {
  margin-bottom: 14px;
}

.send-popup-margin-bottom-30 {
  margin-bottom: 30px;
}

.send-popup-margin-right-25 {
  margin-right: 25px;
}

.send-popup-margin-bottom-20 {
  margin-bottom: 20px;
}

.send-popup-display-flex {
  display: flex;
}

.send-popup-margin-right-12 {
  margin-right: 12px;
}

.send-popup-margin-right-8 {
  margin-right: 8px;
}

.send-popup-send-amount-input {
  text-align: right;
  width: 75%;
  margin-right: 15px;
}

.send-popup-send-amount-text-input {
  text-align: right;
  width: 300px;
  height: 30px;
  padding: 15px;
  /* font-family: 'NotoSansKR-DemiLight'; */
  font-weight: var(--font-family-demi-light);
}

.send-popup-send-qr-code-input {
  text-align: right;
  width: 50%;
  margin-right: 15px;
  background: var(--background-color-5);
  border: none;
  height: 30px;
  padding: 15px;
}

.send-popup-qr-input {
  height: 30px;
  padding: 5px;
  margin-top: 8px;
  /* font-family: 'NotoSansKR-DemiLight'; */
  font-weight: var(--font-family-demi-light);
}

.send-popup-margin-left-15 {
  margin-left: 15px;
}

.send-popup-qr-div-padding {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.send-popup-qr-text-div {
  padding-left: 80px;
  padding-right: 80px;
}

.send-popup-qr-padding {
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
}

.send-popup-authorization-code {
  margin-right: 110px;
  border-bottom: 1px solid var(--font-color-5);
  color: var(--font-color-40);
}

.send-popup-margin-right-0 {
  margin-right: 0px!important;
}

.send-popup-qr-div-text-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}

.receive-popup-padding-top-20 {
  padding-top: 20px;
}

.receive-popup-padding-left-7 {
  padding-left: 7px;
}

.receive-popup-padding-left-10 {
  padding-left: 10px;
}

.receive-popup-padding-left-30 {
  padding-left: 30px;
}

.wallet-popup-padding-bottom-20 {
  padding-bottom: 20px;
}

.send-popup-margin-left-8 {
  margin-left: 8px;
}

.send-popup-margin-left-12 {
  margin-left: 12px;
}

.send-popup-margin-top-5 {
  margin-top: 5px;
}

.send-popup-margin-top-6 {
  margin-top: 6px;
}

.send-popup-margin-top-Minus-15 {
  margin-top: -15px;
}

.send-popup-margin-bottom-40 {
  margin-bottom: 40px;
}

.send-popup-first-div {
  margin-bottom: 36px;
  height: 30px;
}

.send-popup-last-text {
  font-size: var(--font-size-11);
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.send-popup-last-text-margin {
  margin-bottom: -12px;
  font-size: var(--font-size-11);
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.send-popup-ticker-width {
  width: 40px;
}

.send-popup-text-detail {
  margin-top: 7px;
  display: inline-block;
}

.send-popup-copy-button {
  width: 200px;
  height: 30px;
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
  text-shadow: none;
}
.send-popup-inline-flex {
  margin-top: 8px;
  margin-bottom: 8px;
  display: inline-flex;
}

.send-popup-margin-left-38 {
  margin-left: 38px;
}

.order-popup-modal-body {
  height: auto;
  padding-top: 20px;
  padding-bottom: 32px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.order-popup-list {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 14px;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.order-popup-list-div {
  height: 42px;
  width: 100%;
  display: block;
  padding-top: 11px;
}

.order-popup-list-sub-div {
  display: inline-block;
  padding-top: 10px;
}

.order-popup-padding-left-8 {
  padding-left: 8px;
}

.order-popup-margin-left-6 {
  margin-left: 6px;
}

.order-popup-register-outer-padding {
  padding-left: 32px;
  padding-right: 32px;

}
.order-popup-register-button {
  width: 100%;
  height: 42px;
}

.order-popup-list-div-border {
  border-bottom: 1px solid #b8c1de;
}

.order-popup-margin-bottom-8 {
  margin-bottom: 8px;
}

.order-popup-margin-bottom-14 {
  margin-bottom: 14px;
}

.order-popup-margin-top-14 {
  margin-top: 14px;
}

.wallet-popup-app-signing-box {
  background: var(--background-color-6);
  text-align: center;
  margin-top: 14px;
  width: 50%;
}

.wallet-popup-explain-text {
  text-align: center;
  font-size: var(--font-size-11);
  color: var(--font-color-7);
  padding-top: 12px;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.wallet-page-font-color-13 {
  color: var(--font-color-13);
}

.wallet-popup-box{
display: flex;
}

.wallet-popup-box-first-div {
  padding-top: 12px;
  padding-bottom: 12px;
  /* font-family: 'NotoSansKR-Medium'; */
  font-weight: var(--font-family-medium);
}

.wallet-popup-app-sign-image {
  margin-top: 8px;
  width: 104px;
  height: 104px;
}

.wallet-popup-limit-time {
  padding-top: 10px;
  padding-bottom: 10px;
  /* font-family: 'NotoSansKR-Regular'; */
  font-weight: var(--font-family-regular);
}

.wallet-popup-padding-bottom-14 {
  padding-bottom: 14px;
}

.wallet-popup-reserve-explain {
  color: var(--font-color-5);
  font-size: var(--font-size-11);
  text-align: right;
  margin-top: 21px;
}

.wallet-popup-padding-top-1 {
  padding-top: 1px;
}

.wallet-popup-margin-bottom-34 {
  margin-bottom: 34px;
}

.wallet-popup-radio-button {
  margin-right: 20px!important;
  display: block;
  margin-top: -8px!important;
}

.wallet-popup-margin-top-2 {
  margin-top: 2px;
}

.wallet-popup-margin-bottom-4 {
  margin-bottom: 4px;
}

.wallet-popup-padding-top-0 {
  padding-top: 0px;
}

.wallet-popup-margin-bottom-20 {
  margin-bottom: 20px;
}

.wallet-popup-margin-bottom-32 {
  margin-bottom: 32px;
}

.wallet-popup-margin-bottom-41 {
  margin-bottom: 41px;
}

.popup-margin-bottom-24 {
  margin-bottom: 24px;
}

.wallet-transaction-button-margin-left img{
  cursor: pointer;
}

.no-exist-wallet-error-popup {

}

.no-exist-wallet-error-popup > .modal-dialog {
  /* width: 100%!important; */
}
.token-card-list-container {
  float: left;
  margin: 0 auto;
  width: 100%;
}

.token-card-list-header {
  float: left;
  width: 100%;
  padding: 15px;
  margin-top: 50px;
}

.token-card-list-header-detail {
  padding-bottom: 20px;
  padding-top: 0px;
}

.dropdown {
  float: right;
  margin-top: -29px;
}

.dropdown > .dropdown-toggle {
  width: 104px;
  height: 40px;
  border-radius: 8px;
  background: #ffffff;
}

.btn .caret {
  margin-left: 22px;
  display: none;
}

.dropdown-color {
  color: var(--font-color-6);
}


.open>.dropdown-menu {
  display: block;
  background: #ededed;
  color: #979eaf;
  width: 104px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.open>.dropdown-menu:hover, .open>.dropdown-menu:active {
  display: block;
  background: #ededed;
  color: #979eaf;
  width: 104px;
}


/* .dropdown-menu>li>a {
  display: block;
  padding: 6px 11px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  background: #ededed;
  color: #979eaf;
  white-space: nowrap;
  border-radius: 8px;
}

.dropdown-menu>li>a:hover {
  color: #979eaf;
  background: #ffffff;
} */
.dropdown-menu>li>a {
  display: block;
  padding: 6px 11px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  background: #ffffff;
  color: #333333;
  white-space: nowrap;
  border-radius: 8px;
}

.dropdown-menu>li>a:hover {
  color: #ffffff;
  background: var(--background-color-4);
}

.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.dropdown > .dropdown-toggle:hover {
  background: #ededed;
  color: #979eaf;
}

.dropdown > .dropdown-toggle:active {
  background: #ededed;
  color: #979eaf;
}

.token-card-list-padding {
  padding-left: 15px;
  padding-right: 15px;
}

.token-card-list-font {
  font-size: var(--font-size-26);
}

.tokens-first-black-div {
  background-color: #202020;
}

.tokens-second-black-div {
  background-color: #202020;
}

.tokens-first-gray-div {
  background-color: var(--background-color-2);
}

.tokens-second-gray-div {
  background-color: var(--background-color-2);
}

.tokens-first-black-div-text {
  font-size: 100px;
  color: var(--font-color-7);
  font-weight: var(--font-family-bold);
  height: 234px;
  display: block;
  padding-top: 42.5px;
  padding-bottom: 42.5px;
  padding-left: 35px;
  padding-right: 35px;
  word-break: break-word;
}

.tokens-second-black-div-text {
  font-size: 28px;
  color: var(--font-color-1);
  font-weight: var(--font-family-medium);
  margin-bottom: 10px;
  padding-left: 35px;
  padding-right: 35px;
}

.tokens-first-gray-div-text {
  font-size: 21px;
  color: var(--font-color-2);
  font-weight: var(--font-family-medium);
  margin-top: 22px;
  margin-bottom: 10px;
  display: inline-block;
  padding-left: 35px;
  padding-right: 35px;
}

.tokens-first-black-card-list-div {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.tokens-margin-top-30 {
  margin-top: 30px;
}

.tokens-margin-top-10 {
  margin-top: 10px;
}

.tokens-margin-bottom-30 {
  margin-bottom: 30px;
}

.tokens-margin-bottom-10 {
  margin-bottom: 10px;
}

.tokens-padding-left-right-10 {
  padding-left: 10px;
  padding-right: 10px;
}


.tokens-card-left-right-padding-5 {
  padding-left: 5px;
  padding-right: 5px;
  display: inline-flex;
}

.tokens-card-align {
  display: inline-block;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}
.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width:500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,.05)}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box{vertical-align:middle}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text]{padding-right:6px;padding-left:52px;margin-left:0;width:100%}.intl-tel-input.allow-dropdown .flag-container{right:auto;left:0;width:100%}.intl-tel-input.allow-dropdown .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag{background-color:rgba(0,0,0,.05);display:table}.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text]{padding-left:76px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text]{padding-left:84px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text]{padding-left:92px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text]{padding-left:100px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%;-webkit-overflow-scrolling:touch}.iti-mobile .intl-tel-input .country-list .country{padding:10px;line-height:1.5em}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0 0}.iti-flag.ad{height:14px;background-position:-22px 0}.iti-flag.ae{height:10px;background-position:-44px 0}.iti-flag.af{height:14px;background-position:-66px 0}.iti-flag.ag{height:14px;background-position:-88px 0}.iti-flag.ai{height:10px;background-position:-110px 0}.iti-flag.al{height:15px;background-position:-132px 0}.iti-flag.am{height:10px;background-position:-154px 0}.iti-flag.ao{height:14px;background-position:-176px 0}.iti-flag.aq{height:14px;background-position:-198px 0}.iti-flag.ar{height:13px;background-position:-220px 0}.iti-flag.as{height:10px;background-position:-242px 0}.iti-flag.at{height:14px;background-position:-264px 0}.iti-flag.au{height:10px;background-position:-286px 0}.iti-flag.aw{height:14px;background-position:-308px 0}.iti-flag.ax{height:13px;background-position:-330px 0}.iti-flag.az{height:10px;background-position:-352px 0}.iti-flag.ba{height:10px;background-position:-374px 0}.iti-flag.bb{height:14px;background-position:-396px 0}.iti-flag.bd{height:12px;background-position:-418px 0}.iti-flag.be{height:15px;background-position:-440px 0}.iti-flag.bf{height:14px;background-position:-460px 0}.iti-flag.bg{height:12px;background-position:-482px 0}.iti-flag.bh{height:12px;background-position:-504px 0}.iti-flag.bi{height:12px;background-position:-526px 0}.iti-flag.bj{height:14px;background-position:-548px 0}.iti-flag.bl{height:14px;background-position:-570px 0}.iti-flag.bm{height:10px;background-position:-592px 0}.iti-flag.bn{height:10px;background-position:-614px 0}.iti-flag.bo{height:14px;background-position:-636px 0}.iti-flag.bq{height:14px;background-position:-658px 0}.iti-flag.br{height:14px;background-position:-680px 0}.iti-flag.bs{height:10px;background-position:-702px 0}.iti-flag.bt{height:14px;background-position:-724px 0}.iti-flag.bv{height:15px;background-position:-746px 0}.iti-flag.bw{height:14px;background-position:-768px 0}.iti-flag.by{height:10px;background-position:-790px 0}.iti-flag.bz{height:14px;background-position:-812px 0}.iti-flag.ca{height:10px;background-position:-834px 0}.iti-flag.cc{height:10px;background-position:-856px 0}.iti-flag.cd{height:15px;background-position:-878px 0}.iti-flag.cf{height:14px;background-position:-900px 0}.iti-flag.cg{height:14px;background-position:-922px 0}.iti-flag.ch{height:15px;background-position:-944px 0}.iti-flag.ci{height:14px;background-position:-961px 0}.iti-flag.ck{height:10px;background-position:-983px 0}.iti-flag.cl{height:14px;background-position:-1005px 0}.iti-flag.cm{height:14px;background-position:-1027px 0}.iti-flag.cn{height:14px;background-position:-1049px 0}.iti-flag.co{height:14px;background-position:-1071px 0}.iti-flag.cp{height:14px;background-position:-1093px 0}.iti-flag.cr{height:12px;background-position:-1115px 0}.iti-flag.cu{height:10px;background-position:-1137px 0}.iti-flag.cv{height:12px;background-position:-1159px 0}.iti-flag.cw{height:14px;background-position:-1181px 0}.iti-flag.cx{height:10px;background-position:-1203px 0}.iti-flag.cy{height:14px;background-position:-1225px 0}.iti-flag.cz{height:14px;background-position:-1247px 0}.iti-flag.de{height:12px;background-position:-1269px 0}.iti-flag.dg{height:10px;background-position:-1291px 0}.iti-flag.dj{height:14px;background-position:-1313px 0}.iti-flag.dk{height:15px;background-position:-1335px 0}.iti-flag.dm{height:10px;background-position:-1357px 0}.iti-flag.do{height:13px;background-position:-1379px 0}.iti-flag.dz{height:14px;background-position:-1401px 0}.iti-flag.ea{height:14px;background-position:-1423px 0}.iti-flag.ec{height:14px;background-position:-1445px 0}.iti-flag.ee{height:13px;background-position:-1467px 0}.iti-flag.eg{height:14px;background-position:-1489px 0}.iti-flag.eh{height:10px;background-position:-1511px 0}.iti-flag.er{height:10px;background-position:-1533px 0}.iti-flag.es{height:14px;background-position:-1555px 0}.iti-flag.et{height:10px;background-position:-1577px 0}.iti-flag.eu{height:14px;background-position:-1599px 0}.iti-flag.fi{height:12px;background-position:-1621px 0}.iti-flag.fj{height:10px;background-position:-1643px 0}.iti-flag.fk{height:10px;background-position:-1665px 0}.iti-flag.fm{height:11px;background-position:-1687px 0}.iti-flag.fo{height:15px;background-position:-1709px 0}.iti-flag.fr{height:14px;background-position:-1731px 0}.iti-flag.ga{height:15px;background-position:-1753px 0}.iti-flag.gb{height:10px;background-position:-1775px 0}.iti-flag.gd{height:12px;background-position:-1797px 0}.iti-flag.ge{height:14px;background-position:-1819px 0}.iti-flag.gf{height:14px;background-position:-1841px 0}.iti-flag.gg{height:14px;background-position:-1863px 0}.iti-flag.gh{height:14px;background-position:-1885px 0}.iti-flag.gi{height:10px;background-position:-1907px 0}.iti-flag.gl{height:14px;background-position:-1929px 0}.iti-flag.gm{height:14px;background-position:-1951px 0}.iti-flag.gn{height:14px;background-position:-1973px 0}.iti-flag.gp{height:14px;background-position:-1995px 0}.iti-flag.gq{height:14px;background-position:-2017px 0}.iti-flag.gr{height:14px;background-position:-2039px 0}.iti-flag.gs{height:10px;background-position:-2061px 0}.iti-flag.gt{height:13px;background-position:-2083px 0}.iti-flag.gu{height:11px;background-position:-2105px 0}.iti-flag.gw{height:10px;background-position:-2127px 0}.iti-flag.gy{height:12px;background-position:-2149px 0}.iti-flag.hk{height:14px;background-position:-2171px 0}.iti-flag.hm{height:10px;background-position:-2193px 0}.iti-flag.hn{height:10px;background-position:-2215px 0}.iti-flag.hr{height:10px;background-position:-2237px 0}.iti-flag.ht{height:12px;background-position:-2259px 0}.iti-flag.hu{height:10px;background-position:-2281px 0}.iti-flag.ic{height:14px;background-position:-2303px 0}.iti-flag.id{height:14px;background-position:-2325px 0}.iti-flag.ie{height:10px;background-position:-2347px 0}.iti-flag.il{height:15px;background-position:-2369px 0}.iti-flag.im{height:10px;background-position:-2391px 0}.iti-flag.in{height:14px;background-position:-2413px 0}.iti-flag.io{height:10px;background-position:-2435px 0}.iti-flag.iq{height:14px;background-position:-2457px 0}.iti-flag.ir{height:12px;background-position:-2479px 0}.iti-flag.is{height:15px;background-position:-2501px 0}.iti-flag.it{height:14px;background-position:-2523px 0}.iti-flag.je{height:12px;background-position:-2545px 0}.iti-flag.jm{height:10px;background-position:-2567px 0}.iti-flag.jo{height:10px;background-position:-2589px 0}.iti-flag.jp{height:14px;background-position:-2611px 0}.iti-flag.ke{height:14px;background-position:-2633px 0}.iti-flag.kg{height:12px;background-position:-2655px 0}.iti-flag.kh{height:13px;background-position:-2677px 0}.iti-flag.ki{height:10px;background-position:-2699px 0}.iti-flag.km{height:12px;background-position:-2721px 0}.iti-flag.kn{height:14px;background-position:-2743px 0}.iti-flag.kp{height:10px;background-position:-2765px 0}.iti-flag.kr{height:14px;background-position:-2787px 0}.iti-flag.kw{height:10px;background-position:-2809px 0}.iti-flag.ky{height:10px;background-position:-2831px 0}.iti-flag.kz{height:10px;background-position:-2853px 0}.iti-flag.la{height:14px;background-position:-2875px 0}.iti-flag.lb{height:14px;background-position:-2897px 0}.iti-flag.lc{height:10px;background-position:-2919px 0}.iti-flag.li{height:12px;background-position:-2941px 0}.iti-flag.lk{height:10px;background-position:-2963px 0}.iti-flag.lr{height:11px;background-position:-2985px 0}.iti-flag.ls{height:14px;background-position:-3007px 0}.iti-flag.lt{height:12px;background-position:-3029px 0}.iti-flag.lu{height:12px;background-position:-3051px 0}.iti-flag.lv{height:10px;background-position:-3073px 0}.iti-flag.ly{height:10px;background-position:-3095px 0}.iti-flag.ma{height:14px;background-position:-3117px 0}.iti-flag.mc{height:15px;background-position:-3139px 0}.iti-flag.md{height:10px;background-position:-3160px 0}.iti-flag.me{height:10px;background-position:-3182px 0}.iti-flag.mf{height:14px;background-position:-3204px 0}.iti-flag.mg{height:14px;background-position:-3226px 0}.iti-flag.mh{height:11px;background-position:-3248px 0}.iti-flag.mk{height:10px;background-position:-3270px 0}.iti-flag.ml{height:14px;background-position:-3292px 0}.iti-flag.mm{height:14px;background-position:-3314px 0}.iti-flag.mn{height:10px;background-position:-3336px 0}.iti-flag.mo{height:14px;background-position:-3358px 0}.iti-flag.mp{height:10px;background-position:-3380px 0}.iti-flag.mq{height:14px;background-position:-3402px 0}.iti-flag.mr{height:14px;background-position:-3424px 0}.iti-flag.ms{height:10px;background-position:-3446px 0}.iti-flag.mt{height:14px;background-position:-3468px 0}.iti-flag.mu{height:14px;background-position:-3490px 0}.iti-flag.mv{height:14px;background-position:-3512px 0}.iti-flag.mw{height:14px;background-position:-3534px 0}.iti-flag.mx{height:12px;background-position:-3556px 0}.iti-flag.my{height:10px;background-position:-3578px 0}.iti-flag.mz{height:14px;background-position:-3600px 0}.iti-flag.na{height:14px;background-position:-3622px 0}.iti-flag.nc{height:10px;background-position:-3644px 0}.iti-flag.ne{height:15px;background-position:-3666px 0}.iti-flag.nf{height:10px;background-position:-3686px 0}.iti-flag.ng{height:10px;background-position:-3708px 0}.iti-flag.ni{height:12px;background-position:-3730px 0}.iti-flag.nl{height:14px;background-position:-3752px 0}.iti-flag.no{height:15px;background-position:-3774px 0}.iti-flag.np{height:15px;background-position:-3796px 0}.iti-flag.nr{height:10px;background-position:-3811px 0}.iti-flag.nu{height:10px;background-position:-3833px 0}.iti-flag.nz{height:10px;background-position:-3855px 0}.iti-flag.om{height:10px;background-position:-3877px 0}.iti-flag.pa{height:14px;background-position:-3899px 0}.iti-flag.pe{height:14px;background-position:-3921px 0}.iti-flag.pf{height:14px;background-position:-3943px 0}.iti-flag.pg{height:15px;background-position:-3965px 0}.iti-flag.ph{height:10px;background-position:-3987px 0}.iti-flag.pk{height:14px;background-position:-4009px 0}.iti-flag.pl{height:13px;background-position:-4031px 0}.iti-flag.pm{height:14px;background-position:-4053px 0}.iti-flag.pn{height:10px;background-position:-4075px 0}.iti-flag.pr{height:14px;background-position:-4097px 0}.iti-flag.ps{height:10px;background-position:-4119px 0}.iti-flag.pt{height:14px;background-position:-4141px 0}.iti-flag.pw{height:13px;background-position:-4163px 0}.iti-flag.py{height:11px;background-position:-4185px 0}.iti-flag.qa{height:8px;background-position:-4207px 0}.iti-flag.re{height:14px;background-position:-4229px 0}.iti-flag.ro{height:14px;background-position:-4251px 0}.iti-flag.rs{height:14px;background-position:-4273px 0}.iti-flag.ru{height:14px;background-position:-4295px 0}.iti-flag.rw{height:14px;background-position:-4317px 0}.iti-flag.sa{height:14px;background-position:-4339px 0}.iti-flag.sb{height:10px;background-position:-4361px 0}.iti-flag.sc{height:10px;background-position:-4383px 0}.iti-flag.sd{height:10px;background-position:-4405px 0}.iti-flag.se{height:13px;background-position:-4427px 0}.iti-flag.sg{height:14px;background-position:-4449px 0}.iti-flag.sh{height:10px;background-position:-4471px 0}.iti-flag.si{height:10px;background-position:-4493px 0}.iti-flag.sj{height:15px;background-position:-4515px 0}.iti-flag.sk{height:14px;background-position:-4537px 0}.iti-flag.sl{height:14px;background-position:-4559px 0}.iti-flag.sm{height:15px;background-position:-4581px 0}.iti-flag.sn{height:14px;background-position:-4603px 0}.iti-flag.so{height:14px;background-position:-4625px 0}.iti-flag.sr{height:14px;background-position:-4647px 0}.iti-flag.ss{height:10px;background-position:-4669px 0}.iti-flag.st{height:10px;background-position:-4691px 0}.iti-flag.sv{height:12px;background-position:-4713px 0}.iti-flag.sx{height:14px;background-position:-4735px 0}.iti-flag.sy{height:14px;background-position:-4757px 0}.iti-flag.sz{height:14px;background-position:-4779px 0}.iti-flag.ta{height:10px;background-position:-4801px 0}.iti-flag.tc{height:10px;background-position:-4823px 0}.iti-flag.td{height:14px;background-position:-4845px 0}.iti-flag.tf{height:14px;background-position:-4867px 0}.iti-flag.tg{height:13px;background-position:-4889px 0}.iti-flag.th{height:14px;background-position:-4911px 0}.iti-flag.tj{height:10px;background-position:-4933px 0}.iti-flag.tk{height:10px;background-position:-4955px 0}.iti-flag.tl{height:10px;background-position:-4977px 0}.iti-flag.tm{height:14px;background-position:-4999px 0}.iti-flag.tn{height:14px;background-position:-5021px 0}.iti-flag.to{height:10px;background-position:-5043px 0}.iti-flag.tr{height:14px;background-position:-5065px 0}.iti-flag.tt{height:12px;background-position:-5087px 0}.iti-flag.tv{height:10px;background-position:-5109px 0}.iti-flag.tw{height:14px;background-position:-5131px 0}.iti-flag.tz{height:14px;background-position:-5153px 0}.iti-flag.ua{height:14px;background-position:-5175px 0}.iti-flag.ug{height:14px;background-position:-5197px 0}.iti-flag.um{height:11px;background-position:-5219px 0}.iti-flag.us{height:11px;background-position:-5241px 0}.iti-flag.uy{height:14px;background-position:-5263px 0}.iti-flag.uz{height:10px;background-position:-5285px 0}.iti-flag.va{height:15px;background-position:-5307px 0}.iti-flag.vc{height:14px;background-position:-5324px 0}.iti-flag.ve{height:14px;background-position:-5346px 0}.iti-flag.vg{height:10px;background-position:-5368px 0}.iti-flag.vi{height:14px;background-position:-5390px 0}.iti-flag.vn{height:14px;background-position:-5412px 0}.iti-flag.vu{height:12px;background-position:-5434px 0}.iti-flag.wf{height:14px;background-position:-5456px 0}.iti-flag.ws{height:10px;background-position:-5478px 0}.iti-flag.xk{height:15px;background-position:-5500px 0}.iti-flag.ye{height:14px;background-position:-5522px 0}.iti-flag.yt{height:14px;background-position:-5544px 0}.iti-flag.za{height:14px;background-position:-5566px 0}.iti-flag.zm{height:14px;background-position:-5588px 0}.iti-flag.zw{height:10px;background-position:-5610px 0}.iti-flag{width:20px;height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/images/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){.iti-flag{background-image:url(/images/flags@2x.png)}}.iti-flag.np{background-color:transparent}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide  img
{
    display: block;
    margin: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    /* display: none; */
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 30%;
    left: 98%;
    margin-left: 2%;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: var(--font-size-20);
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    font-family: "Font Awesome 5 Free";
    content: "\f104";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color:#C0C3CF;
    margin: 0 auto;
    font-size: 27px;
    line-height: 54px;
}
[dir='rtl'] .slick-prev:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color:#C0C3CF;
  margin: 0 auto;
  font-size: 27px;
  line-height: 54px;
}

.slick-next
{
    /* right: -25px; */
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color:#C0C3CF;
  margin: 0 auto;
  font-size: 27px;
  line-height: 54px;
}
[dir='rtl'] .slick-next:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color:#C0C3CF;
  margin: 0 auto;
  font-size: 27px;
  line-height: 54px;
}

/* Dots */
.bg-tutorial .slick-dots-tutorial li button:before {
    background: unset;
  }
.bg-tutorial .slick-dots-tutorial li.slick-active button:before {
    color: white;
  }
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots-dapp
{
    position: unset;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin-bottom: 7px;
    margin-top: -15px;

    list-style: none;

    text-align: center;
}
.slick-dots-dapp li
{
    position: relative;

    display: inline-block;

    width: 6px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots-dapp li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 22px;
    height: 10px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots-dapp li button:hover,
.slick-dots-dapp li button:focus
{
    outline: none;
}
.slick-dots-dapp li button:hover:before,
.slick-dots-dapp li button:focus:before
{
    /* opacity: 1; */
}
.slick-dots-dapp li button:before
{
    font-size: 10px;
    line-height: 10px;

    /* position: absolute; */
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight: 900;
    text-align: center;

    opacity: .25;
    color: #C3C7D2;
    background: #F8FAFF;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots-dapp li.slick-active button:before
{
    opacity: .75;
    color: #2061e2;
}

.offer-count-span {
  text-decoration: underline;
  cursor: pointer;
  /* font-size: 0.95em;
  font-weight: var(--font-family-regular);
  color: var(--font-color-2); */
}

.market-page-title {
  text-align: center;
  line-height: 50px;
  background-color:#395BB8;
  color: white;
  border-bottom: 1px solid #617cc6;
  font-size: 1.6em;
}

.market-list {
  width:100%;
}

.offer-counter-layer {
  height: 68px;
  background-color:#395BB8;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.offer-counter-text-layer {
  float: left;
}

.offer-counter-select-layer {
  float: right;
  width: 37%;
}

.offer-counter-select-layer >div>div>div{
  color: white;
}
.rmsc .options {
  overflow-y: overlay !important;
}

.rmsc .item-renderer {
  justify-content: space-between;
  align-items: center !important;
}

.rmsc .item-renderer input {
  order: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance:none;
  background: url(/images/ic_checked.png)no-repeat;
  background-size: 20px 20px;
}

.rmsc .item-renderer input:checked {
  background: url(/images/ic_unchecked.png)no-repeat;
  background-size: 20px 20px;
}

.rmsc .item-renderer span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rmsc .select-item.selected {
  background-color: #fff !important;
}
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: local('Spoqa Han Sans Neo Bold'),
  url(/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: local('Spoqa Han Sans Neo Medium'),
  url(/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: local('Spoqa Han Sans Neo Regular'),
  url(/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  src: local('Spoqa Han Sans Neo Light'),
  url(/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
}

.store-home {
  font-family: 'Poppins';
  font-weight: 700;
  /* background: linear-gradient(
    180deg,
    rgba(32, 97, 226, 0.2) 30%,
    rgba(197, 77, 149, 0) 65%,
    rgba(175, 125, 255, 0.2) 100%
  ); */
  min-height: calc(100vh - 66px);
  background-color: #f4f6fb;
  padding-bottom: 10px;
  /* background-image: url('../images/storeHome/bg_top.png'), url('../images/storeHome/bg_bottom.png'); */
  /* background-size: 100% 55%, 100% 35%; */
  /* background-position: left 46.4%, left bottom; */
  /* background-repeat: no-repeat; */
}
.section-title img {
  width: 14px;
  margin: 0 15px 0 0;
}
.section-title {
  padding: 0px 0px 10px 10px;
}

.section-title > * {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
.section-title p span {
  font-style: normal;
  font-weight: 700;
  color:#333333;
  font-size: 16px;
  line-height: 19px;
}
.top-collection {
  padding: 15px 15px;
  /* display: flex;
  gap: 10px;
  position: relative;
  margin: 0 15px 10px 15px;
  min-height: 70px; */
}
.top-collection-item {
  /* flex: 0 1 23%; */
  margin-right: 10px;
  padding: 10xp;
}

.top-collection-item img {
  min-width: 80px;
  min-height: 80px;
  border-radius: 16px;
  -o-object-fit: fill;
     object-fit: fill;
}

.section-air-drop {
  border-radius: 12px;
  background: white;
  margin: 5px 10px 15px 10px;
  padding: 10px;
  box-shadow: 10px 20px 15px 0px rgb(228 230 235 / 80%);
}

.section-air-drop > .content {
  /* margin: 0 15px; */
  padding: 0 10px 0 10px;
  /* touch-action: none; */
}

.section-feature-collectables .slider-item {
  padding-left: 5px;
  padding-right: 5px;
}

.section-feature-collectables .slider-item .gradient {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px;
  background: linear-gradient(
    0deg,
    rgba(52, 51, 51, 0.8) 0%,
    rgba(52, 51, 51, 0) 100%,
    rgba(255, 255, 255, 0) 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: white;
  padding: 33px 20px;
  border-radius: 12px;
}
.section-feature-collectables .search-container {
  display: flex;
  justify-content: space-between;
  font-size: 24px;
  font-weight: bold;
  z-index: 100;
  /* position: absolute; */
  color: #2061E2;
  width: 100%;           
  padding: 5px 20px 10px;
}
.section-feature-collectables .search-container img:hover {
  cursor: pointer;
}
.section-feature-collectables .slider-item .gradient .slider-bag {
  margin-bottom: 15px;
}
.section-feature-collectables .slider-item .gradient .slider-bag span {
  border: 1px solid white;
  padding: 0.4em 0.8em;
  font-size: 14px;
  border-radius: 24px;
}
.section-feature-collectables .slider-item .gradient .slider-item-name {
  font-size: 24px;
  line-height: 1em;
  font-weight: bold;
}

.section-feature-collectables .slider-item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.section-feature-collectables .slick-list {
  /* border-bottom-left-radius: 6%; */
  /* border-bottom-right-radius: 6%; */
}

.section-feature-collectables .slick-dots {
  bottom: 12px;
}
.slick-dots li button:before {
  content: "";
  border-radius: 8px;
  opacity: 0.7;
  width: 8px;
  height: 8px;
}
.slick-dots li.slick-active button:before {
  /* width: 23px; */
  /* opacity: 1; */
}
.slick-dots li {
  margin: 0;
  width: 15px;
}
.slick-dots li.slick-active {
  /* width: 26px; */
}
.section-new-items {
  /* margin-bottom: 20px;
  padding: 0 0 35px 0; */
  border-radius: 12px;
  background: white;
  margin: 5px 10px 20px 10px;
  padding: 10px;
  box-shadow: 10px 20px 15px 0px rgb(228 230 235 / 80%);
}
/* .section-new-items .new-items-list {
  display: flex;
  padding: 3px 15px 65px 15px;
  overflow: auto;
  touch-action: pan-x;
  overflow-y: hidden;
  -ms-overflow-style: none; 
  scrollbar-width: none; 
} */

.section-new-items .new-items-list {
  display: flex;
  padding: 3px 15px 15px;
  flex-wrap: wrap;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.section-new-items .new-items-list::-webkit-scrollbar {
  display: none;
}
/* .section-new-items .new-items-list .item {
  flex: 0 0 37vw;
  margin-right: 15px;
} */
.section-new-items .new-items-list .item {
  flex: 1 1 36vw;
  margin-right: 6.5px;
  margin-left: 6.5px;
  margin-bottom: 65px;
}

.top-collection-new-items {
  border-radius: 12px;
  background: white;
  margin: 0 10px 15px 10px;
  box-shadow: 10px 20px 15px 0px rgb(228 230 235 / 80%);
}

.padding-left-right {
  padding: 15px;
}

.my-top-collection-new-items {
  /* border-radius: 12px;
  background: white;
  margin: 5px 10px 20px 10px;
  padding: 10px;
  box-shadow: 10px 20px 15px 0px rgb(228 230 235 / 80%); */
}

.my-top-collection-new-items .new-items-list {
  display: flex;
  /* gap: 15px; */
  padding: 0 15px 20px 15px;
  overflow: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.my-top-collection-new-items .new-items-list::-webkit-scrollbar {
  display: none;
}
.my-top-collection-new-items .new-items-list .item {
  flex: 0 0 80px;
  height: 80px;
  margin-right: 15px;
}

.top-collection-new-items .new-items-list {
  display: flex;
  /* gap: 15px; */
  padding: 0 10px 10px 0px;
  overflow: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.top-collection-new-items .new-items-list::-webkit-scrollbar {
  display: none;
}
.top-collection-new-items .new-items-list .item {
  flex: 0 0 80px;
  height: 80px;
  margin-right: 15px;
}

/*  */
.cls-2 {
  fill: #252525;
}
.cls-1 {
  fill: none;
}

.card-event {
  /* border-radius: 10px;
    padding: 10px;
    display: flex;
    margin-bottom: 10px; */
    /* padding: 0 0 25px 0; */
}
.card-event .card-image {
  width: 100%;
  height: 80%;
  padding: 5px;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-event .card-time {
  position: absolute;
  left: 50%;
  top: 47%;
  color: white;
  border: 1px solid white;
  padding: 0.5em 2em;
  font-size: 13px;
  border-radius: 60px;
  transform: translateX(-50%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(5px);
  white-space: nowrap;
}
.card-event .card-info .title {
  margin-bottom: 5px;
}
.card-event .card-info .artist {
  color: rgb(159, 167, 193);
  display: inline-flex;
}
.card-event .card-info {
  padding: 0 10px 0 10px;
  margin-top: -20px;
}
.card-event .card-info img {
  margin-right: 5px;
}

.card-event .content .event-image {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
}
.card-event .content .time {
  position: absolute;
  left: 15px;
  z-index: 20;
  top: 15px;
  background-color: #b7cbff;
  color: #385bb7;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 900;
  border-radius: 0.4em;
  min-width: 110px;
  height: 26px;
  padding: 0 15px;
}

/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: local('Spoqa Han Sans Neo Bold'),
  url(/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: local('Spoqa Han Sans Neo Medium'),
  url(/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: local('Spoqa Han Sans Neo Regular'),
  url(/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  src: local('Spoqa Han Sans Neo Light'),
  url(/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'),
  url(/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
}

.airDrop-page-container,
.feature-page-container {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 20px;
  min-height: calc(100vh - 65px);
  font-family: "Open Sans";
}

.airDrop-page-container .card-event {
  margin-bottom: 25px;
}

.cn-tab {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-family: 'Poppins';
  padding: 10px 15px 5px 15px;
}

.cn-tab.left {
  justify-content: flex-start;
}

.cn-tab.left .tab-item {
  margin-right: 30px;
  padding-right: 10px;
}

.cn-tab .tab-item:hover {
  cursor: pointer;
}

.cn-tab .tab-item {
  color: rgb(159, 167, 193);
  position: relative;
  padding: 15px 0px 10px 0;
}

.cn-tab .tab-item.active {
  color: rgb(32, 97, 226);
}
.cn-tab .tab-item.active::before {
  height: 5px;
}

.cn-tab .tab-item::before {
  /* top: 0;
  position: absolute;
  content: "";
  width: 30px;
  background-color: rgb(32, 97, 226);
  border-radius: 30px; */
}

.my-collection-container {
  padding: 15px;
  font-family: "Poppins";
  min-height: calc(100vh - 65px);
  background-color: white;
}

.my-collection-container .text-center {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 13px;
  color: #c2c5cf;
  padding: 0px 15px 35px 15px;
}

.my-collection-container .text-center .empty-img {
  width: 50.6px;
  margin-bottom: 16px;
}

.filter-collection-dropdown .arrow-drop {
  position: absolute;
  right: 10px;
  top: 8px;
  transform: rotate(90deg);
  transition: all 0.5s;
}
.filter-collection-dropdown .arrow-drop.arrow-opened {
  transform: rotate(-90deg);
}
.filter-collection-dropdown .Dropdown-placeholder {
  color: rgb(194, 197, 207);
  font-size: 14px;
}
.filter-collection-dropdown .Dropdown-control {
  border: none;
  border-bottom: 2px solid rgb(194, 197, 207);
}

.filter-collection-dropdown .Dropdown-control .Dropdown-arrow {
  top: 16px;
}

.filter-collection-dropdown.Dropdown-root.is-open .Dropdown-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.filter-collection-dropdown .Dropdown-menu {
  border: none;
  border-radius: 0 0 6px 6px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.cn-nft-detail-buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 20px 20px 20px 20px;
  white-space: nowrap;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: #FFF;
  border: 1px solid #FFF;
}
.cn-nft-detail-buttons .cn-button-item {
  /* background-color: rgb(32, 97, 226); */
  background: linear-gradient(
90deg
,#2061e2,#b07cfe);
  box-shadow: rgb(77 63 93 / 60%) 0px 10px 20px 0px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  font-size: 14px;
  color: white;
  flex: 1 1 100%;
}
.cn-nft-detail-buttons .cn-button-item-disabled {
  background-color: #b1b1b1;
  opacity: 0.7;
  box-shadow: rgb(77 63 93 / 60%) 0px 10px 20px 0px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  font-size: 15px;
  color: white;
  flex: 1 1 100%;
}
.cn-nft-detail-view {
  display: flex;
  justify-content: center;
  padding: 5vw 20vw 10vw 20vw;
  background-color: rgb(248, 250, 255);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.cn-nft-detail-view .view-box {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 20px 20px 40px 0px rgba(0, 0, 0, 0.45);
}
.cn-nft-detail-view .view-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cn-nft-sold-out {
  top: 2em;
  left: -4em;
  color: #fff;
  display: block;
  position:absolute;
  text-align: center;
  text-decoration: none;
  letter-spacing: .06em;
  background-color: #A00;
  padding: 0.5em 5em 0.4em 5em;
  text-shadow: 0 0 0.75em #444;
  box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
  font: bold 16px/1.2em Arial, Sans-Serif;
  -webkit-text-shadow: 0 0 0.75em #444;
  -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
  -webkit-transform: rotate(-45deg) scale(0.75,1);
  z-index:10;
}
.cn-nft-sold-out:before {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: -0.3em -5em;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  border: 2px rgba(255,255,255,0.7) dashed;
}
.cn-nft-detail-info {
  padding: 20px 20px 96px 20px;
}
.cn-nft-detail-info-name {
  display: block;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
  font-family: 'Poppins';
  font-weight: bold;
  color: black;
  /* white-space: nowrap; */
}
.cn-nft-detail-info-external-link {
  display: flex;
  justify-content: flex-end;
}
.cn-nft-detail-info-external-link img {
  width: 14px;
  margin-bottom: 15px;
  margin-left: 5px;
  /* white-space: nowrap; */
}
.cn-nft-detail-info-external-link span {
  margin-bottom: 15px;
  font-size: 12px;
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  color: #9fa7c1;
  /* white-space: nowrap; */
}
.cn-nft-detail-info-detai .cn-nft-detail-info-detail {
}
.cn-nft-detail-info-detail .cn-other-info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  gap: 10px;
}
.cn-nft-detail-info-detail .cn-other-info .other-info-item {
  background-color: rgb(248, 249, 251);
  border-radius: 12px;
  text-align: center;
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cn-nft-detail-info-detail .cn-other-info .other-info-item .title {
  color: rgb(159, 167, 193);
  font-size: 12px;
  margin-bottom: 5px;
}
.cn-nft-detail-info-detail .cn-other-info .other-info-item .value {
  font-size: 12px;
  font-weight: 500;
  color: rgb(37, 37, 37);
  text-overflow: ellipsis;
  overflow: hidden;
}
.cn-nft-detail-info-detail .cn-contract-address {
  padding: 0 10px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
}
.cn-nft-detail-info-detail .cn-contract-address .cn-text {
  font-size: 12px;
  color: rgb(159, 167, 193);
}
.cn-nft-detail-info-detail .cn-contract-address .cn-token {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
.cn-nft-detail-info-detail .cn-contract-address .cn-tokenid {
  font-family: "Spoqa Han Sans Neo", "sans-serif";
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100px;
  display: block;
  text-align: right;
  font-size: 12px;
}
.cn-nft-detail-info-detail .cn-contract-address .cn-token Button {
  padding: 0 5px;
  margin-bottom: 3px;
}
.cn-nft-detail-info-detail .cn-contract-address .cn-token img {
  width: 14px;
  margin: -3px 6px 0 5px;
}
.cn-nft-detail-info-detail .cn-contract-address .cn-token div {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  letter-spacing: 0.65px;
  color: rgb(37, 37, 37);
}
.cn-nft-detail-info-detail .cn-contract-address .cn-token button {
  border: none;
}
.cn-nft-detail-price {
  position: relative;
  height: 25px;
}
.cn-nft-detail-price div {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  padding: 13px 38px 12px 38px;
  font-weight: bold;
  border-radius: 60px;
  box-shadow: 10px 20px 30px 0px rgba(0, 0, 0, 0.12);
  background: linear-gradient(
    90deg,
    rgba(32, 97, 226, 1) 0%,
    rgba(176, 124, 254, 1) 100%
  );
  color: white;
}
.cn-nft-detail-info-company {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgb(159, 167, 193);
  margin-bottom: 20px;
  white-space: nowrap;
}
.cn-nft-detail-info-description {
  padding: 18px;
  max-height: 114px;
  overflow: auto;
  background-color: rgb(248, 248, 251);
  color: rgb(159, 167, 193);
  border-radius: 12px;
  margin-bottom: 20px;
  white-space: pre-wrap;
}
.cn-nft-detail-info-description-box-on {
  padding: 18px;
    background-color: black;
    color: #fff;
    opacity: 0.8;
    border-radius: 12px;
    -o-object-position: center;
       object-position: center;
    display: flex;
    justify-content: center;
    margin-top: -30px;
    width: 90%;
    visibility: visible;
    position: absolute;
    z-index: 30000;
    animation: fadeinDes 0.5s ease-in-out 1 forwards;
    -webkit-animation: fadeinDes 0.5s ease-in-out 1 forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeinDes 0.5s ease-in-out 1 forwards; /* Firefox < 16 */
     -ms-animation: fadeinDes 0.5s ease-in-out 1 forwards; /* Internet Explorer */
      -o-animation: fadeinDes 0.5s ease-in-out 1 forwards; /* Opera < 12.1 */
}
.cn-nft-detail-info-description-box-off {
  padding: 18px;
    background-color: black;
    color: #fff;
    opacity: 0.8;
    border-radius: 12px;
    -o-object-position: center;
       object-position: center;
    display: flex;
    justify-content: center;
    margin-top: -30px;
    width: 90%;
    visibility: hidden;
    position: absolute;
    z-index: 30000;
    animation: fadeoutDes 1s ease-in-out 1 forwards;
    -webkit-animation: fadeoutDes 0.5s ease-in-out 1 forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeoutDes 0.5s ease-in-out 1 forwards; /* Firefox < 16 */
     -ms-animation: fadeoutDes 0.5s ease-in-out 1 forwards; /* Internet Explorer */
      -o-animation: fadeoutDes 0.5s ease-in-out 1 forwards; /* Opera < 12.1 */
}
.cn-nft-detail-info-description-box-off-default {
  padding: 18px;
    background-color: black;
    color: #fff;
    opacity: 0.8;
    border-radius: 12px;
    -o-object-position: center;
       object-position: center;
    display: flex;
    justify-content: center;
    margin-top: -30px;
    width: 90%;
    visibility: hidden;
    position: absolute;
    z-index: 30000;
}
@keyframes fadeinDes {
  from { opacity: 0; }
  to   { opacity: 0.8; }
}

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */

/* Internet Explorer */

/* Opera < 12.1 */

@keyframes fadeoutDes {
  from { opacity: 0.8; visibility: visible; }
  to   { opacity: 0; visibility: hidden; }
}

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */

/* Internet Explorer */

/* Opera < 12.1 */

.cn-nft-detail-info-description-button {
  float: right;
  margin-top: 8px;
}
.cn-nft-detail-info-company img {
  margin-right: 15px;
}
.collection-list {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  grid-gap: 15px;
  gap: 15px;
}

.collectable-allItem-page-container {
  padding: 20px;
  background-color: white;
  min-height: calc(100vh - 65px);
}

.collectable-allItem-page-container .store-item .item-info .title {
  max-width: 45vw;
}

.collectable-allItem-page-container .search .input-group {
  border-radius: 6px;
  overflow: hidden;
}

.collectable-allItem-page-container .search .input-group-addon {
  background-color: white;
  border: none;
}

.collectable-allItem-page-container .search input {
  border: none;
  padding-left: 0;
}

.section-top-artist > p {
  font-weight: 900;
  font-size: 16px;
}

.section-top-artist .artist-list {
  display: flex;
  grid-gap: 15px;
  gap: 15px;
  overflow: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.section-top-artist .artist-list::-webkit-scrollbar {
  display: none;
}

.section-top-artist .artist-list .artist-item {
  margin-right: 15px;
  flex: 0 0 18vw;
}
.section-top-artist .artist-list .artist-item > div {
  position: relative;
}
.section-top-artist .artist-list .artist-item > div::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.section-top-artist .artist-list .artist-item img {
  width: 100%;
  position: absolute;
  height: 100%;
  border-radius: 100%;
  border: 6px solid white;
}

.section-top-artist .artist-list .artist-item.active img {
  border-color: cornflowerblue;
}

.all-collection-list {
  display: grid;
  grid-template-columns: 160px 160px;
  padding: 15px 0;
  grid-gap: 25px 0;
  gap: 25px 0;
  justify-content: space-between;
}

.all-collection-list.nft-three-column {
  grid-template-columns: 100px 100px 100px;
  padding: 35px 0 15px 0;
}

.collectable-history-container {
  /* padding: 15px;
  background-color: #eef2f5; */
  min-height: calc(100vh - 65px);
}

.collectable-history-container .card-transfer {
  border-radius: 8px;
}

.collectable-history-container .card-transfer button {
  border-radius: 6px;
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  gap: 10px;
  background-color: #385bb7;
  border-color: transparent;
}

.collectable-history-container .card-transfer .info {
  margin-bottom: 15px;
  /* background: linear-gradient(204.67deg, #f0c735 9.43%, #d98f39 84.49%); */
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 51px;
  overflow: hidden;
  color: white;
  position: relative;
  /* height: 230px; */
  height: 50px;
}
.collectable-history-container .card-transfer .info img {
  position: absolute;
  width: 100%;
  mix-blend-mode: multiply;
  height: 100%;
  z-index: 1;
}
.collectable-history-container .card-transfer .info p {
  z-index: 100;
  margin: 0;
}
.collectable-history-container .card-transfer .info p:nth-child(1) {
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
}
.collectable-history-container .card-transfer .info p:nth-child(1) span {
  font-size: 32px;
}
.collectable-history-container .card-transfer .info p:nth-child(2) {
  font-weight: 600;
  font-size: 12px;
  line-height: 32px;
  opacity: 0.5;
}
.collectable-history-container .card-transfer .info p:nth-child(3) {
  font-weight: 600;
  font-size: 14px;
  padding-top: 10px;
  line-height: 18px;
}
.collectable-history-container .card-transfer .info p:nth-child(4) {
  font-weight: 600;
  font-size: 14px;
  padding-top: 20px;
  opacity: 0.5;
}
.collectable-history-container .title-history {
  font-size: 18px;
  margin: 15px 0;
}
.collectable-history-container .history-list {
  display: flex;
  flex-direction: column;
}

.collectable-history-container .history-list .text-center {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 13px;
  color: #c2c5cf;
}

.collectable-history-container .history-list .text-center .empty-img {
  width: 50.6px;
  margin-bottom: 16px;
}

.collectable-history-container .history-list .item {
  /* background-color: white; */
  border-radius: 8px;
  display: grid;
  grid-template-columns: auto auto;
  padding: 5px 0px;
  margin-bottom: 10px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}
.collectable-history-container .history-list .item > div {
  display: flex;
  align-items: center;
}
.collectable-history-container .history-list .item .amount {
  justify-content: flex-start;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
}
.collectable-history-container .history-list .item .amount.green {
  color: #00b907;
  font-weight: 400;
  font-size: 12px;
  margin-left: 42px;
}
.collectable-history-container .history-list .item .description  {
  font-family: 'Poppins';
  font-weight: 500;
  color: black;
}
.collectable-history-container .history-list .item .description > img {
  width: 30px;
  height: 30px;
  margin-right: 12px;
}
.collectable-history-container .history-list .item .reward {
  font-weight: 700;
  grid-gap: 5px;
  grid-gap: 5px;
  gap: 5px;
  color: rgb(32,97,226);
  justify-content: flex-end;;
}
.collectable-history-container .history-list .item .amount.black {
  justify-content: flex-start;
  color: #b3b3b3;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
  margin-top: 5px;
  margin-left: 42px;
  font-weight: 400;
}
.collectable-history-container .history-list .item .date {
  justify-content: flex-end;
  color: rgb(159,167,193);
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
}
.collectable-history-modal .modal-dialog {
  width: 90vw !important;
  top: 30% !important;
}
.collectable-history-modal .modal-dialog .modal-header {
  background-color: white;
  color: black;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px;
  margin-left: 20px;
}
.collectable-history-modal .modal-dialog .modal-header .close {
  margin-top: -10px;
  margin-right: 5px;
  font-size: 40px;
  opacity: 0.4;
  font-weight: 400;
  display: flex;
  text-shadow: none;
}
.collectable-history-modal .modal-dialog .modal-content {
  border-radius: 20px;
  overflow: hidden;
}
.collectable-history-modal .modal-dialog hr {
  margin-top: 0;
  margin-bottom: 0;
}
.collectable-history-modal .modal-dialog .modal-header button {
  color: black;
}
.collectable-history-modal .modal-dialog .modal-header h4 {
  font-weight: bolder;
}
.collectable-history-modal .modal-dialog .modal-body {
  padding: 0;
}
.collectable-history-modal .item {
  padding: 15px;
  display: flex;
  min-height: 120px;
}
.collectable-history-modal .item .item-image {
  overflow: hidden;
  color: white;
  position: relative;
  width: 90px;
  flex-shrink: 0;
}
.collectable-history-modal .item .item-image::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.collectable-history-modal .item .item-image > div {
  position: absolute;
  width: 100%;
}

.collectable-history-modal .item .item-image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.collectable-history-modal .item .item-info {
  flex-grow: 1;
  display: grid;
  padding-left: 15px;
}
.collectable-history-modal .item .item-info .name {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
}
.collectable-history-modal .item .item-info .price {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
}
.collectable-history-modal .status {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  color: black;
  font-weight: 600;
}
.collectable-history-modal .status div:first-child {
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
}
.collectable-history-modal .payment-method {
  text-align: center;
  justify-content: space-between;
  padding: 35px 0px;
  color: #9fa7c1;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}

/* .collectable-history-modal .payment-method span:first-child {
  opacity: 0.5;
} */

/* .mobile-footer-container,.mobile-gnb-header  {
    display: none;
} */
.mobile-sub-header {
  font-family: 'Poppins';
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  font-size: 20px;
  font-weight: 700;
  padding-top: 15px;
}

.input-search-wrapper.open {
  /* transform: translate(0, 0) !important; */
  display: flex !important;

}
.input-search-wrapper input {
  padding: 9px 20px;
  font-weight: bold;
  font-size: 14px;
  height: 36px;
  color: rgb(32, 97, 226);
  border: none;
  outline: none;
  background-color: rgb(232, 239, 252);
  border-radius: 18px;
  width: 100%;
  margin: 0 20px;
}
.input-search-wrapper input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(32, 97, 226);
  opacity: 1; /* Firefox */
}
.input-search-wrapper input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(32, 97, 226);
  opacity: 1; /* Firefox */
}

.input-search-wrapper input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgb(32, 97, 226);
}

.input-search-wrapper input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgb(32, 97, 226);
}
.all-item-search .input-search-wrapper {
  height: 50px;
  /* display: flex; */
  display: none;
  align-items: center;
  justify-content: center;
  background-color: white;
  width: 100%;
  position: absolute;
  /* transform: translateX(100%); */
  transition: all 500ms;
  left: 0;
}
.all-item-search .icon-search {
  z-index: 100;
  display: flex;
  background-color: white;
  width: 50px;
  height: 36px;
  align-items: center;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

.mobile-sub-header > div {
  height: 50px;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-sub-header > div:nth-child(1) {
}
.title-collectibles {
  color: black !important;
}
.mobile-sub-header > div:nth-child(2) {
  /* font-size: 27px;
  color:black; */
  text-align: center;
  font-size: 20px;
  width: 100%;
  justify-content: left;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-height: 2.5;
  -webkit-box-orient: vertical;
  min-width: none;
  font-family: "Poppins";
}
.mobile-sub-header > div:nth-child(3) {
}
.nft-detail-collect-wrapper {
  min-height: calc(100vh - 65px);
  background-color: white;
}
.nft-detail-collect-wrapper .mobile-detail-nft-view {
  background-color: rgb(248, 250, 255);
}
.nft-detail-collect-wrapper .mobile-sub-header {
  background-color: rgb(248, 250, 255);
}
/*  */
.icon-history img {
  width: 28px;
  height: 28px;
}
.collectable-history-container .title-history b {
  font-size: 16px;
  font-weight: 900;
}
.collectable-history-container .confirm {
  text-align: center;
  padding-top: 30px;
}
.collectable-history-container .confirm button {
  background: rgb(32,97,226);
  height: 47px;
  width: 100%;
}
.history-list {
  padding: 25px;
  background: white;
  border-radius: 25px 25px 0px;
  position: relative;
  top: -43px;
}
.banner-header {
  background: linear-gradient(rgba(32,97,226), rgba(175,125,255));
}
.info .padding-bottom {
  padding-bottom: 40px;
}
.collectable-history-modal .item-info {
  text-align: center;
}
.collectable-history-modal .button-modal {
  padding: 23px;
}
.collectable-history-modal .button-modal span {
  font-size: 16px;
  border-radius: 40px;
  background: linear-gradient(rgba(32,97,226), rgba(175,125,254));
  padding: 15px 30px;
  color: rgba(255,255,255,1);
  font-weight: 500;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}
.collectable-history-modal .name {
  color: rgb(37,37,37);
  font-size: 26px;
  font-weight: 700;
  font-family: 'Poppins';
}
.collectable-history-modal .history-date {
  padding-top: 20px;
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  font-size: 14px;
  font-weight: 400;
  color: #9fa7c1; 
}
.collectable-history-modal .item-image {
  padding-bottom: 25px;
  text-align: center;
}
.collectable-history-modal .item-image img {
  box-shadow: 20px 10px 30px 0 rgb(0 0 0 / 40%);
  width: 210px;
  height: 210px;
  border-radius: 35px;
  -o-object-fit: cover;
     object-fit: cover;
}
.collectable-history-modal .modal-dialog {
  top: 10% !important;
}
.title-collection {
  color: black !important;
}

/*  */
.platformListItem .name-coin {
  padding-left: 15px;
  padding-right: 13px;
  display: flex;
  align-items: baseline;
  font-size: 20px;
  font-weight: 800;
  width: 100%;
}
.platformListItem .name-coin .p-1 {
  font-weight: 800;
  font-size: 18px;
  width: 80%;
  text-align: left;
}
.platformListItem .name-coin .p-2 img {
  width: 14px;
  margin-left: 5px;
}
.platformListItem .name-coin .p-2 {
  width: 20%;
  text-align: center;
}
.confirm-button-shadow {
  box-shadow: 0px 10px 20px 0px rgba(77,63,93,0.59608);
  border-radius: 12px;
}

.wallet-nft-button {
  padding: 15px;
  background: rgb(32,97,226);
  color: #ffffff!important;
  font-weight: 400;
  font-weight: var(--font-family-regular);
  border-radius: 12px !important;
  width: 100%!important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wallet-nft-button img {
  margin-right: 8px;
}
.wallet-nft-button svg {
  margin-right: 8px;
}
.wallet-nft-button:hover {
  background: #2245a5!important;
  color: #ffffff!important;
}

.modal-open .modal  {
  overflow-x: hidden;
  overflow-y: overlay;
  transition: none;
}

.modal-open .modal {
  padding-left: 0px!important;
}

.cn-rectangle::after {
    content: "";
    display: block;
    padding-bottom: 53%;
  }
  .cn-rectangle {
    width: 100%;
    position: relative;
  }
  .cn-rectangle > div {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
.store-item-collection {
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}

.store-item-collection .item-image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: relative;
}

.store-item-collection .item-image > img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  /* position: absolute; */
  -o-object-fit: cover;
     object-fit: cover;
}

.store-item-collection .item-image .item-info {
  /* position: absolute; */
  z-index: 1;
  /* margin-left: 7%; */
  margin-right: 7%;
  margin-top: 7%;
  width: 83.5%;
  border-radius: 10px;
  height: 32.5%;
  /* background-color: white; */
  /* display: flex; */
  flex-direction: column;
  justify-content: space-evenly;
  padding-left: 11%;
  padding-right: 11%;
  font-size: 12px;
}

.store-item-collection .item-info .title {
  font-weight: 900;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.store-item-collection .item-info .artist {
  display: flex;
  align-items: center;
}
.store-item-collection .item-info .artist img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border-radius: 18px;
}

/* .store-item-collection .item-info {
    height: 25%;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.store-item-collection .item-info > * {
    flex: 0 1 100%;
} */

.cn-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.cn-square {
  width: 100%;
  position: relative;
}
.cn-square > div {
  position: absolute;
  width: 100%;
  height: 100%;
}

.top-item-collection {
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 16px;
    overflow: hidden;
    border: 5px solid white;
    /* box-shadow:  10px 10px 30px 0px rgb(0 0 0 / 12%) */
    box-shadow: 3px 3px 9px -2px rgb(0 0 0 / 60%);
}

.top-item-collection .item-image {
    width: 100%;
    height: 100%;
    position: relative;
}

.top-item-collection .item-image img {
    width: 100%;
    height: 100%;
    /* position: absolute; */
    -o-object-fit: cover;
       object-fit: cover;
}

.top-item-collection .item-image .item-info  {
    position: absolute;
    z-index: 1;
    margin-left: 7%;
    margin-right: 7%;
    margin-top: 61.25%;
    width: 83.5%;
    border-radius: 10px;
    height: 32.5%;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 11%;
    padding-right: 11%;
}


.top-item-collection .item-info .title{
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    /* line-height: 3; */
    /* padding-top: 0.5em;
    /* max-width: 35vw; */
    /* max-height: 50%; */
}

/* .store-item-collection .item-info .artist  {
    display: flex;
    align-items: center;
} */
.top-item-collection .item-info .artist img{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 15px;
    transform: translateY(-2px);
}

/* .store-item-collection .item-info {
    height: 25%;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.store-item-collection .item-info > * {
    flex: 0 1 100%;
} */
.fab-container {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: column-reverse;
  position: fixed;
  right: 2em;
  bottom: 2em;
  max-height: 52px;
  z-index: 100;
}
.fab-container.open {
  max-height: max-content;
}
.fab-container li {
  border-radius: 50%;
  box-shadow: 0 3px 6px lightgrey;
  display: grid;
  place-items: center;
  margin: 8px 0;
  font-size: 28px;
  padding: 12px;
  cursor: pointer;
  position: relative;
  background-color: #fff;
}
.fab-container .fab-button {
  background-color: #2061e2;
}
.fab-container .fab-button svg {
  fill: white;
}
.fab-container .fab-action {
  transform: translateY(50px) scale(0);
  transition: transform 300ms, opacity 300ms;
  opacity: 1;
}
.fab-container .fab-action:hover .tooltip {
  transform: translateX(-100%) scale(1);
  opacity: 1;
}
.fab-container .fab-action.open {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.fab-container .fab-action .tooltip {
  padding: 4px 6px;
  font-size: 12px;
  position: absolute;
  left: -20px;
  transform: translateX(-75%);
  background-color: #353b48;
  border-radius: 4px;
  color: white;
  opacity: 1;
  transition: transform 300ms, opacity 300ms;
  user-select: none;
  width: max-content;
}


.card-collection .collection-thumbnail .gradient {
  position: absolute;
  height: 50%;
  width: 100%;
  bottom: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}
.card-collection .info {
  margin: 15px 0 0 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.card-collection .info .company {
  color: rgb(159, 167, 193);
  font-size: 14px;
  font-weight: bold;
}
.card-collection .info .name-left {

}
.card-collection .info .name {
  color: rgb(37, 37, 37);
  font-size: 16px;
  font-weight: bold;
  margin-left: 28px;
}
.feature-link {
  margin-left: 10px;
  margin-top: -2px;
}
.feature-link > img {
  width: 15px;
}
@keyframes shiver-even {
  0% {left:-2px; top:-4px; width:103%; height:103%;} 
  25% {left:0px; top:0px; width:101%; height:101%;} 
  50% {left:-1px; top:-2px; width:102%; height:102%;} 
  75% {left:-2px; top:0px; width:103%; height:103%;} 
  100% {left:-3px; top:-3px; width:102%; height:102%;}
}
@keyframes shiver-odd {
  0% {left:-1px; top:0px; width:101%; height:101%;} 
  25% {left:-4px; top:1px; width:103%; height:103%;} 
  50% {left:-2px; top:-1px; width:102%; height:102%;} 
  75% {left:-1px; top:-2px; width:103%; height:103%;} 
  100% {left:0px; top:0px; width:102%; height:102%;}
}
.card-collection .collection-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position:relative;
}
.shiver-even {
  animation:shiver-even 5s alternate-reverse infinite;
}
.shiver-odd {
  animation:shiver-odd 5s alternate-reverse infinite;
}

.card-collection .card-list {
  display: flex;
  flex-basis: 30%;
  justify-content: center;
  flex-wrap: wrap;
}
.card-collection .card-list .card-list-item {
  flex: 0 1 23%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin: 0 5px;
}
.card-collection .card-list .card-list-item .info {
  width: 100%;
  position: relative;
  font-size: 12px;
}
.card-collection .card-list .card-list-item .info::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.card-collection .card-list .card-list-item .name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
  overflow: hidden;
  flex: 0 0 40px;
}
.card-collection .card-list .card-list-item .name div {
  max-width: 100%;
  max-height: 100%;
  line-height: 16px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-collection .card-list .card-list-item .info .item-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  border-radius: 16px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.card-collection .card-list .card-list-item .info .collected {
  position: absolute;
  right: 0px;
  width: 18px;
  height: 18px;
  background-color: rgba(32, 97, 226);
  color: white;
  text-align: center;
  border-radius: 50%;
  top: -5px;
}
.card-collection .card-list .card-list-item .info .collected img {
  vertical-align: baseline;
}
.card-collection .card-list .card-list-item .info .item-to-collect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 16px;
  font-weight: bold;
  font-size: 12px;
}

.store-item {
  width: 100%;
  height: 100%;
  background-color: white;
  min-width: 0;
}

/* .store-item .item-image {
  width: 100%;
  height: 100%;
} */

.store-item .item-image {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}

.store-item .artist {
  font-style: normal;
  font-size: 12px;
  margin: 0;
  flex-grow: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.store-item .title {
  font-weight: 600!important;
  font-family: 'Poppins';
  font-size: 12px;
  padding: 15px 0 10px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.store-item .artist {
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: rgb(159, 167, 193);
}
.store-item .artist img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 20px;
  /* transform: translateY(-2px); */
}

.inner-padding {
  padding: 50px;
}

.inner-content {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 16px;
  max-height: 436px;
  overflow-y: auto;
}
/* import font */
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url(/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'),
    url(/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
  }
  
  @font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url(/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'),
    url(/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
  }
  
  @font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url(/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'),
    url(/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
  }
  
  @font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url(/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'),
    url(/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
  }

.terms-and-conditions-header {
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 700;
    text-align: center;
    padding: 30px 20px 10px 20px;
}

.terms-and-conditions-cross-btn {
    width: 40px;
    height: 40px;
    float: right;
    margin-top: -6px;
    margin-right: -15px;
}

.terms-and-conditions-body {
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    font-weight: 400;
    padding: 0 27px 27px 27px;
}

.terms-and-conditions-body .terms-and-conditions-line > p {
    margin-top: 20px;
}

.terms-and-conditions-body .terms-and-conditions-line
.terms-and-conditions-line-title {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;     
}
#page-abc {
    height: 100vh;
    min-height: 840px;
    background: linear-gradient(#2061e2,#b17dff);
    font-family: 'Spoqa Han Sans Neo';
}
.abc-terms-header {
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 700;
    text-align: center;
    padding: 30px 20px 10px 20px;
    color: #fff;
}
.abc-terms-cross-btn {
    width: 40px;
    height: 40px;
    float: right;
    margin-top: -6px;
    margin-right: -15px;
}
.info-abc {
    border-radius: 20px;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 450px;
    width: 350px;
    left: 50%;
    transform: translate(-50%,-50%);
}
.agree-terms-wrapper {
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin: 5px 5px 5px 25%;
}
.all-agree-terms-wrapper {
    color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
.agree-terms-link {
    color: #fff;
    text-decoration: underline;
    display: inline;
    cursor: pointer;
    margin-right: 2px;
}
.agree-terms-button > img {
    margin-right: 10px;
    width: 12px;
}
.all-agree-terms-button > img {
    margin-right: 10px;
    width: 20px;
}
.abc-register-button-wrapper {
    position: fixed;
    bottom: 0;
}
.abc-register-button {
    width: 100%;
    background: #2061e2;
    background-image: none!important;
    box-shadow: unset!important;
    color: var(--background-color-1);
    text-shadow: none;
    height: 55px;
    border: 0;
    border-radius: 12px;
    font-size: var(--font-size-15);
    margin-top: 40px;
}
.abc-register-button:hover {
    width: 100%;
    background-color: #2245a5!important;
    background-image: none!important;
    box-shadow: unset!important;
    color: var(--background-color-1);
    text-shadow: none;
    height: 55px;
    border: 0;
    border-radius: 12px;
    font-size: var(--font-size-15);
    margin-top: 40px;
}
.abc-register-button:hover {
    width: 100%;
    background-color: #e6e6e6;
    background-image: none!important;
    box-shadow: unset!important;
    color: var(--background-color-1);
    text-shadow: none;
    height: 55px;
    border: 0;
    font-size: var(--font-size-15);
    margin-top: 40px;
}
.left-img {
    /* margin-top: -200px; */
    height: 0vh;
    z-index: 0;
}
.left-img img {
    vertical-align: middle;
    margin-top: 0vh;
}
.abc-cn-content-center img {
    width: 150px;
}
.abc-cn-content-center {
    padding-top: 11vh;
    text-align: center;
}
.abc-cn-content-center h1 {
    padding: 15px 0px;
    font-size: 20px;
    color: white;
}
.abc-cn-content-center p {
    color: white;
    opacity: 0.7;
    font-size: 14px;
}
.register-token-header {
  text-align: center;
  background-color: #F5F5F5;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 50px!important;
}

.register-token-form-container {
  width: 50%;
  margin: 20px auto;
}

.register-token-check-box {
  margin: 0 auto!important;;
  width: 20px;
  height: 20px;
}

.register-token-bottom-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 42px!important;
}

.register-token-add-token-button {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center
}

.register-token-header-title {
  color: white;
  background-color: black;
  padding: 4px 4px 4px 32px;
  margin-bottom: 24px;
}

.register-token-break-line {
  border-bottom: 4px dashed black;
}

.sk-fading-circle {
  margin: 200px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  animation-delay: -0.1s;
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.sidebar-rn {
  width: 100%;
  height: 100vh;
  background-color: transparent;
  position: fixed;
  top: 0;
  z-index: 99999;
  left: 100%;
  transition: all 500ms;
  font-weight: 500;
}
.show-sidebar {
  transform: translateX(-100%);
}
.wrapper-backdrop-sidebar {
  background: #ffffff;
  width: 74%;
  height: 100%;
  position: absolute;
  right: 0;
  padding: 25px 16px 60px;
  display: flex;
  flex-direction: column;
  grid-gap: 65px;
  gap: 65px;
  font-family: 'SUIT';  
  color: #031243;
  box-shadow: 0 2px 8px 0 rgba(99,99,99,.3);
}
.header-sidebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo-sidebar {
  width: 80px;
}
.logo-sidebar img {
  width: 100%;
}
.icon-close-sidebar {
  width: 16px;
}
.icon-close-sidebar img {
  width: 16px;
}
.list-menu-sidebar {
  display: flex;
  flex-direction: column;
  grid-gap: 60px;
  gap: 60px;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
  flex: 1 1;
}
.list-menu-sidebar > a {
  display: flex;
  align-items: center;
}
.list-menu-sidebar > a > img {
  width: 24px;
  height: 24px;
  margin: 0 0.3rem;
}
.list-menu-sidebar > a > svg {
  margin: 0 0.3rem;
}
.active-btn-sidebar .active-dot {
  width: 5px;
  height: 5px;
  background-color: #2061e2;
  border-radius: 2.5px;
  position: absolute;
  right: -6px;
  top: 0.25rem;
}

@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.header-renewal {
  position: fixed;
  width: 100%;
  background-color: white;
  background-image: none;
  height: 70px;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  margin: 0 auto;
  z-index: 1000;
  top: 0;
  /* margin-top: 70px; */
  font-family: "SUIT";
}
.header-renewal .width-content-header {
  /* width: min(100%, 1200px); */
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: white;
  justify-content: space-between;
  border-color: transparent;
  border-bottom: 1px solid #eaeaea;
}
.width-content-header .container {
  width: 1200px;
  height: 100%;
  padding: 0 20px;
}
.wrapper-logo-header {
  display: flex;
  grid-gap: 4px;
  gap: 4px;
  /* align-items: center; */
}
.header-sub-div {
  display: flex;
  padding: 0 15px;
  line-height: 30px;
  margin-top: 18px;
}
.text-logo-header-pc {
  color: #a5aeca;
  font-weight: 600;
  font-size: 24px;
  width: 138px;
  line-height: 30px;
  margin-top: 1px;
}

.text-logo-header-line {
  color: #a5aeca;
  font-weight: 200;
  font-size: 40px;
  line-height: 30px;
  margin-top: 10px;
}

.header-sub-pc {
  color: #a5aeca;
  font-weight: 600;
  font-size: 16px;
  width: 65px;
  line-height: 30px;
  margin-top: 1px;
}

.navbar-center-rn {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  flex: 1 1;
  width: auto;
  margin-top: 18px;
  font-weight: 400;
}
.navbar-center-rn .kommune-title {
  margin-bottom: -3px;
}
.navbar-center-rn .header-link-rn > a {
  color: #000 !important;
  padding: 0 0.5rem;
  font-size: 16px;
}
.navbar-center-rn .header-link-rn > a > img {
  width: 24px;
  height: 24px;
  margin: 0 0.5rem;
}
.navbar-center-rn .header-link-rn > a > svg {
  margin: 0 0.5rem;
}
.navbar-center-rn .header-link-rn-a {
  color: #000 !important;
  padding: 0 0.5rem;
  font-size: 16px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.navbar-center-rn .header-link-rn-a > svg {
  margin: 0 0.5rem;
}
.navbar-center-rn .header-link-rn.active > a, .navbar-center-rn .header-link-rn.focus > a, .navbar-center-rn .header-link-rn.hover > a {
  background-color: transparent !important;
  font-weight: 700;
  color: #000!important;
}

.navbar-center-rn .header-link-rn.active .active-dot-rn {
  width: 5px;
  height: 5px;
  background-color: #2061e2;
  border-radius: 2.5px;
  position: absolute;
  right: 0px;
  top: 0.25rem;
}
.navbar-right-rn {
  /* display: flex;
  gap: 2rem;
  width: auto;
  position: relative; */
  margin-right: 0;
}
/* .navbar-right-rn .nav-right-item {
  background-color: #f0f0f0;
  border-radius: 100px;
} */
/* .navbar-right-rn .nav-right-item > a {
  padding: 8px !important;
  background-color: #f0f0f0;
  border-radius: 100px;
  height: 40px;
  width: 40px;
  display: grid;
  place-items: center;
} */
.ic-sidebar-rn {
  padding: 8px !important;
  background-color: #f0f0f0;
  border-radius: 100px;
  height: 36px;
  display: grid;
  position: relative;
}
.navbar-right-rn .nav-right-item .ic-nav-right-item {
  width: 20px;
}
.navbar-right-rn .nav-right-item .ic-nav-right-item img {
  width: 100%;
  margin-top: 18px;
}
.navbar-right-rn .nav-right-item > a {
  padding: 10px 0;
}
.navbar-login-signup {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  width: 168px;
  height: 36px;
  margin-top: 18px;
  background: #2061e2;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.ic-sidebar-rn .bm-burger-button {
  position: inherit;
  width: 20px;
}
.nav-item-coming-soon {
  position: absolute;
  /* left: 50%; */
  transform: translatex(-50%);
  top: 0;
  background: transparent;
  font-size: 12px;
  color: #2061e2;
  line-height: 10px;
  height: 20px;
  width: 100px;
  border-radius: 16px;
  border: 1px solid #2061e2;
  padding: 4px;
  font-weight: 700;
  text-align: center;
}
.tooltip-coming-soon {
  z-index: 99999;
}
.tooltip-coming-soon .tooltip-arrow {
  display: none !important;
}
.tooltip-coming-soon .tooltip-inner {
  background: #ffffff;
}

@media (min-width: 1240px) {
  .width-content-header .container {
    padding: 0;
  }
}
@media (max-width: 1070px) {
  .navbar-center-rn {
    grid-gap: 0;
    gap: 0;
    margin-right: 8px;
  }
  .navbar-nav > li:not(:first-child) {
    margin-left: 2px;
  }
}
@media (max-width: 767px) {
  /* .width-content-header .container {
    padding: 0 20px;
  } */
  .width-content-header .container .navbar-header {
    width: -webkit-fill-available;
  }
  .navbar-right-rn {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }
  .navbar-right-rn .nav-right-item > a  {
    background-color: transparent;
    border-radius: unset;
  }
  .wrapper-logo-header {
    grid-gap: 0;
    gap: 0;
  }
  .wrapper-logo-header svg {
    width: 80px;
    height: 20px;
  }
}
.introduction-section {
  position: relative;
}

.section-background-image {
  width: 100%;
}

.introduction-about-talken {
  position: absolute;
  left: 50%;
  top: 39%;
  width: 100%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 4.5vw;
}

.introduction-about-talken-pc {
  position: absolute;
  left: 50%;
  top: 49.4%;
  width: 100%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 15px;
}

.about-talken-image {
  width: 72%;
  margin: 0px 0px 16px 0px;
}

.about-talken-image-pc {
  width: 75%;
}

.about-talken-section {
  background: #5472c5;
}

.about-talken-layer-pc {
  width: 250px;
  display: inline-table;
}

.about-talken-section-text {
  width: 100%;
  color: #ffffff;
  font-size: 4vw;
  padding: 0px 28px 50px 28px;
}

.about-talken-section-text-pc {
  width: 100%;
  color: #ffffff;
  font-size: 15px;
  margin: 20px 0px 40px 0px;
  padding: 0px 10px 0px 10px;
}

.whitepaper-section {
  position: relative;
}

.whitepaper-download {
  position: absolute;
  left: 50%;
  top: 67%;
  width: 100%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 4.5vw;
}

.whitepaper-download-pc {
  position: absolute;
  display: flex;
  left: 50%;
  top: 73%;
  width: 40%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 4.5vw;
}

.white-paper-button-eng-span {
  display: inline-block;
  margin-bottom: 5vw;
  width: 70%;
}

.white-paper-button-kor-span {
  display: inline-block;
  width: 70%;
}

.white-paper-button-eng-span-pc {
  cursor: pointer;
  display: inline-block;
  width: 70%;
}

.white-paper-button-kor-span-pc {
  cursor: pointer;
  display: inline-block;
  width: 70%;
}

.white-paper-download-button {
  width: 100%;
}

.plan-section {
  position: relative;
}

.plan-about-talken {
  text-align: left;
  position: absolute;
  left: 50%;
  top: 38.4%;
  width: 76%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 4.5vw;
}

.plan-about-talken-pc {
  text-align: left;
  position: absolute;
  left: 39%;
  top: 69%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: 1vw;
}

.plan-icon-image {
  position: relative;
  top: -2px;
  width: 6%;
}

.plan-icon-image-pc {
  position: relative;
  top: -2px;
  width: 19px;
}

.plan-title {
  width: 20vw;
  display: inline-block;
  margin: 11px 0px 0px 15px;
}

.plan-title-pc {
  width: 83px;
  display: inline-block;
  margin: 11px 0px 0px 15px;
}

.plan-detail {
  margin-left: 11px;
}

.profile-section {
  background: #f2f3f4;
  padding-bottom: 50px;
}

.profile-section-pc {
  background: #f2f3f4;
  padding: 0px 300px 50px 300px;
}

.profile-layer {
  width: 50%;
  display: inline-table;
}

.profile-layer-pc {
  width: 30%;
  display: inline-table;
}

.profile-image {
  width: 100%;
  padding: 60px 20px 25px 20px;
}

.profile-image-pc {
  padding: 60px 50px 25px 50px;
  max-width: 300px;
}

.profile-biography {
  padding: 0px 15px 20px 15px;
}

.profile-name {
  font-size: 4vw;
  font-weight: bold;
}

.profile-title {
  padding: 5px 0px 10px 0px;
  font-size: 3.5vw;
  color: #789bbe;
  font-weight: bold;
}

.profile-history {
  font-size: 2.9vw;
  color: #838383;
}

.profile-name-pc {
  font-size: 15px;
  font-weight: bold;
}

.profile-title-pc {
  padding: 5px 0px 10px 0px;
  font-size: 15px;
  color: #789bbe;
  font-weight: bold;
}

.profile-history-pc {
  font-size: 15px;
  color: #838383;
}

.about-talken-section-text > p,
.about-talken-section-text-pc > p,
.profile-history > p,
.profile-history-pc > p {
  margin: 0px 0px 0px 0px;
}

.partner-section {
  background: #fff;
  padding: 30px 10px 30px 10px;
  /* 스크롤 랙을 유발 테스트 */
  /* margin-bottom: -1px; */
}

.partner-section-pc {
  background: #fff;
  padding: 0px 300px 0px 300px;
}

.partner-layer {
  width: 120px;
  display: inline-table;
  padding: 20px;
}

.partner-layer-pc {
  width: 30%;
  display: inline-table;
  padding: 20px;
}

.partner-image {
  max-width: 120px;
  max-height: 40px;
}

.partner-image-pc {
  max-width: 240px;
  max-height: 80px;
}

/* import font */
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url(/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'),
    url(/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2'),
  }
  
  @font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url(/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'),
    url(/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2'),
  }
  
  @font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url(/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'),
    url(/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2'),
  }
  
  @font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url(/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'),
    url(/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2'),
  }

/* login custom */
#bg-tutorial {
    height: 100vh;
    background: linear-gradient(rgb(32, 97, 226), rgb(177, 125, 255));
}

#bg-tutorial .left-img {
    /* margin-top: -200px; */
    height: 0vh;
    z-index: 0;
}

#bg-tutorial .left-img img {
    vertical-align: middle;
    margin-top: 10vh;
}
.center-img {
    display: flex;
    justify-content: center;
}

.center-img img {
    width: 360px;
    padding-top: 2vh;
}

.description-layer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.description-layer > .title {
    color: white;
    font-family: 'Poppins';
    font-size: 34px;
    font-weight: 700;
}

.description-layer > .description {
    color: white;
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
}

.start-button {
    margin-top: 48px !important;
    font-size: 20px;
    background: rgb(32,97,226);
    padding: 15px;
    width: 85%;
    margin: auto;
    margin-bottom: 48px;
    border-radius: 20px;
    color: white;
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';
    text-align: center;
  }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide  img
{
    display: block;
    margin: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    /* display: none; */
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 30%;
    left: 98%;
    margin-left: 2%;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: var(--font-size-20);
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    font-family: "Font Awesome 5 Free";
    content: "\f104";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    color:#C0C3CF;
    margin: 0 auto;
    font-size: 27px;
    line-height: 54px;
}
[dir='rtl'] .slick-prev:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color:#C0C3CF;
  margin: 0 auto;
  font-size: 27px;
  line-height: 54px;
}

.slick-next
{
    /* right: -25px; */
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color:#C0C3CF;
  margin: 0 auto;
  font-size: 27px;
  line-height: 54px;
}
[dir='rtl'] .slick-next:before
{
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color:#C0C3CF;
  margin: 0 auto;
  font-size: 27px;
  line-height: 54px;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots-tutorial
{
    position: unset;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin-bottom: 7px;
    margin-top: -15px;

    list-style: none;

    text-align: center;
}
.slick-dots-tutorial li
{
    position: relative;

    display: inline-block;

    width: 6px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots-tutorial li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 22px;
    height: 10px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots-tutorial li button:hover,
.slick-dots-tutorial li button:focus
{
    outline: none;
}
.slick-dots-tutorial li button:hover:before,
.slick-dots-tutorial li button:focus:before
{
    /* opacity: 1; */
}
.slick-dots-tutorial li button:before
{
    font-size: 10px;
    line-height: 10px;

    /* position: absolute; */
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight: 900;
    text-align: center;

    opacity: .25;
    color: #C3C7D2;
    background: #F8FAFF;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots-tutorial li.slick-active button:before
{
    opacity: .75;
    color: #2061e2;
}
.goodbye-main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 60.29px 50px 60.29px;
    font-family: 'Pretendard';
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .header-logo {
        width: 250px;
        height: 30.86px;
    }
    
    .launch-button {
        height: 60px;
        display: flex;
        justify-content: space-between;
        grid-gap: 10px;
        gap: 10px;
        align-items: center;
        position: relative;
        padding: 16px 25px 16px 25px;
        font-size: 16px;
        color: #2ED05A;
        background-color: transparent;
        border: none;
        cursor: pointer;
        z-index: 1;
      }
    .launch-button::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1px;
        border-radius: 16px;
        background: linear-gradient(to bottom, #2ED05A, #000000, #2ED05A);
        -webkit-mask:
          linear-gradient(#fff 0, #fff 0) content-box, 
          linear-gradient(#fff 0, #fff 0);
        -webkit-mask:
          linear-gradient(#fff 0 0) content-box, 
          linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        z-index: -1;
    }
    .expand-more {
        width: 7.4px;
        height: auto;
    }
    .content-01 {
        width: 1200px;
        margin: 24px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        img {
            width: 279px;
            height: 25px;
        }
        .title-1 {
            margin: 36px 0 12px 0;
            display: flex;
            flex-direction: column;
            .textline {
                display: flex;
                flex-direction: row;
                font-weight: 400;
                font-size: 24px;
                line-height: 150%;
                grid-gap: 10px;
                gap: 10px;
            }
        }
        .title-2 {
            margin: 12px 0;
            display: flex;
            flex-direction: column;
            .textline {
                display: flex;
                flex-direction: column;
                justify-content: center;
                font-weight: 700;
                font-size: 70px;
                line-height: 110%;
                grid-gap: 1px;
                gap: 1px; 
            }
        }
        .contentTexts {
            display: flex;
            flex-direction: column;
            .textline {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                font-weight: 400;
                font-size: 16px;
                line-height: 150%;
                grid-gap: 1px;
                gap: 1px;
                margin: 12px 0;
                color: #DEDCEF;
            }
        }
      }
      .content-02 {
        margin-top: 255px;
        width: 1200px;
        display: flex;
        flex-direction: row;
        .content-a{
            width: 500px;
            .title {
                display: flex;
                flex-direction: row;
                font-weight: 500;
                font-size: 40px;
                line-height: 110%;
            }
            .texts {
                font-weight: 400;
                font-size: 18px;
                line-height: 150%;
                color: #DEDCEF;
                margin: 24px 0;
            }
            .button-box {
                margin-top: 42px;
            }
        }
        .content-b {
            display: flex;
            flex-direction: row;
            margin-left: 70px;
            grid-gap: 32px;
            gap: 32px;
            .gov-part {
                position: relative;
                img {
                    width: 200px;
                    height: 200px;
                    position: absolute;
                    top: -96px;
                    left: 50%;
                    transform: translateX(-50%);
                    z-index: 2;
                }
                .desc {
                    background: rgba(8,8,8,0.2);
                    padding: 120px 32px 32px 32px;
                    border-radius: 20px;
                    border: 1px solid rgba(255,255,255,0.1); /* 얇은 테두리 */
                    z-index: 1;
                    position: relative;
                    width: 276px;
                    height: 276px;
                    .title {
                        font-weight: 500;
                        font-size: 24px;
                        line-height: 100%;
                        color: #FFFFFF;
                        margin-bottom: 31px;
                    }
                    .texts {
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 150%;
                        color: #DEDCEF;
                    }
                }
            }
            .forum-part {
                position: relative;
                top: 163px;
                img {
                    width: 200px;
                    height: 200px;
                    position: absolute;
                    top: -96px;
                    left: 50%;
                    transform: translateX(-50%);
                    z-index: 2;
                }
                .desc {
                    background: rgba(8,8,8,0.2);
                    padding: 120px 32px 32px 32px;
                    border-radius: 20px;
                    border: 1px solid rgba(255,255,255,0.1); /* 얇은 테두리 */
                    z-index: 1;
                    position: relative;
                    width: 276px;
                    height: 276px;
                    .title {
                        font-weight: 500;
                        font-size: 24px;
                        line-height: 100%;
                        color: #FFFFFF;
                        margin-bottom: 31px;
                    }
                    .texts {
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 150%;
                        color: #DEDCEF;
                    }
                }
            }
        }
      }
    .content-03 {
        margin-top: 255px;
        width: 1200px;
        .top-title {
            display: flex;
            flex-direction: row;
            font-weight: 500;
            font-size: 40px;
            line-height: 110%;
            letter-spacing: -4%;
            grid-gap: 5px;
            gap: 5px;
        }
        .top-texts {
            margin: 24px 0 40px 0;
            font-weight: 400;
            font-size: 18px;
            line-height: 150%;
            color: #DEDCEF;
            align-items: center;
            display: flex;
        }
        .center-container {
            display: flex; 
            flex-direction: row;
            justify-content: space-between;
            grid-gap: 32px;
            gap: 32px;
            .center-content {
                display: flex;
                width: 378.7px;
                height: 379px;
                border-radius: 16px;
                border: 1px solid rgba(255,255,255,0.10196);
                background-color: rgba(8,8,8,0.2);
                padding: 32px;
                flex-direction: column;
                grid-gap: 24px;
                gap: 24px;
                img {
                    width: 314.7px;
                    height: 190px;
                }
                .center-title {
                    font-weight: 500;
                    font-size: 24px;
                    line-height: 100%;
                    color: #DEDCEF;
                }
                .center-texts {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 150%;
                    color: #DEDCEF;
                }
            }
        }
    }
    .content-04 {
        margin-top: 189px;
        width: 1200px;
        .top-title {
            display: flex;
            flex-direction: row;
            font-weight: 500;
            font-size: 40px;
            line-height: 110%;
            letter-spacing: -4%;
            grid-gap: 5px;
            gap: 5px;
        }
        .top-texts {
            margin: -9px 0 40px 0;
            font-weight: 400;
            font-size: 18px;
            line-height: 150%;
            color: #DEDCEF;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }
        .center-container {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            grid-gap: 32px;
            gap: 32px;
            .center-content {
                display: flex;
                width: 378.7px;
                height: 360px;
                border-radius: 16px;
                border: 1px solid rgba(255,255,255,0.10196);
                background-color: rgba(8,8,8,0.2);
                padding: 32px;
                flex-direction: column;
                grid-gap: 24px;
                gap: 24px;
                img {
                    width: 314.7px;
                    height: 190px;
                }
                .center-title {
                    font-weight: 500;
                    font-size: 24px;
                    line-height: 100%;
                    color: #DEDCEF;
                }
                .center-texts {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 150%;
                    color: #DEDCEF;
                }
            }
        }
    }
    .content-05 {
        margin-top: 189px;
        margin-bottom: 30px;
        width: 1200px;
        .top-title {
            display: flex;
            flex-direction: row;
            justify-content: center;
            font-weight: 500;
            font-size: 40px;
            line-height: 110%;
            letter-spacing: -4%;
            grid-gap: 5px;
            gap: 5px;
        }
        .center-container {
            display: flex;
            margin-top: 40px;
            flex-direction: row;
            justify-content: space-between;
            grid-gap: 32px;
            gap: 32px;
            .center-content {
                width: 584px;
                height: 343px;
                border-radius: 16px;
                border: 1px solid rgba(255,255,255,0.10196);
                background-color: rgba(8,8,8,0.2);
                padding: 32px;
                display: flex;
                flex-direction: column;
                align-items: center;
                grid-gap: 24px;
                gap: 24px;
                img {
                    width: 160px;
                    height: 160px;
                }
                .center-title {
                    font-weight: 500;
                    font-size: 24px;
                    line-height: 100%;
                    color: #DEDCEF;
                }
                .center-texts {
                    font-weight: 700;
                    font-size: 28px;
                    line-height: 150%;
                    color: #2ED05A;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    grid-gap: 8px;
                    gap: 8px;
                    img {
                        width: 24px;
                        height: 24px;
                    }
                }
            }
        }
    }
    .snackbar-container {
        width: 430px;
        height: 128px;
        position: absolute;
        background-color: #0B0B0B;
        border-radius: 16px;
        padding: 16px;
        box-shadow: 0px 0px 15px 0px #2ED05A;
        top: 3390px;
        left: 66%;
        .snackbar-text {
            color: #7A8499;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: 0%;
        }
    }

}
.goodbye-footer-container {
    min-width: 1400px;
    height: 243px;
    border-top: 1px solid #2D2D2D;
    background-color: #0F1417;
    display: flex;
    justify-content: center;
    .goodbye-footer-box {
        padding-top: 37.5px;
        display: flex;
        justify-content: space-between;
        width: 1200px;
        height: 116px;
        .copyright {
            font-family: 'SUIT';
            color: #818181;
            font-size: 14px;
            font-weight: 400;
            line-height: 100%;
            display: flex;
            align-items: flex-end;
            padding-bottom: 15px;
        }
        .right-container {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-end;
            .right-top-menu {
                width: 373px;
                height: 17px;
                display: flex;
                flex-direction: row;
                grid-gap: 24px;
                gap: 24px;
                color: #818181;
                font-family: 'SUIT';
                font-weight: 700;
                font-size: 14px;
                line-height: 100%;
                letter-spacing: 0%;
            }
            .right-bottom-menu {
                width: 80px;
                display: flex;
                justify-content: space-between;
                img {
                    width: 30px;
                    height: 30px;
                }
            }
        }
    }
}
.color2ED05A {
    color: #2ED05A;
}
.colorFFFFFF {
    color: #FFFFFF;
}
.justify-center {
    display: flex;
    justify-content: center;
}
.row {
    display: flex;
    flex-direction: row;  
}
.display-flex {
    display: flex;
}
.column {
    display: flex;
    flex-direction: column;  
}
.cursor-pointer {
    cursor: pointer
}

@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.footer-rn {
  background: #f5f9ff;
  padding-top: 36px;
  font-family: Roboto;
}
.wrapper-footer-rn {
  display: flex;
  justify-content: space-between;
  margin: auto;
  color: #ffffff;
  max-width: 1200px;
  width: 100%;
  grid-gap: 64px;
  gap: 64px;
  margin: 0px auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.navbar-footer-rn {
  grid-area: navbar-footer;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 120px;
}
.list-nav-rn {
  display: flex;
  flex-direction: column;
}
.nav-item-name-rn {
  margin-top: 0;
  font-size: 16px;
}
.nav-item-rn {
  color: #676767;
  text-decoration: none;
  margin-bottom: 12px;
  font-size: 14px;
  text-align: left;
  transition: color 0.15s ease 0s;
}
.nav-item-rn:hover {
  color: #000000;
}
.logo-footer-rn {
  grid-area: logo-footer;
}
.list-page-rn {
  grid-area: list-page;
}
.content-head-rn {
  font-size: 14px;
  color: #676767;
  padding: 10px 0;
}
.content-rn {
  padding-bottom: 2px;
}
.content-01-rn {
  font-weight: 600;
}
.list-sns-footer-rn {
  display: flex;
  justify-content: end;
  grid-gap: 1rem;
  gap: 1rem;
}
.ic-sns-footer-rn {
  width: 32px;
}
.ic-sns-footer-rn img {
  width: 100%;
}
.line-second-rn {
  height: 1px;
  max-width: 1200px;
  margin: 36px auto 22px;
  background: #d9d9d9;
}
.footer-bottom-rn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #676767;
  max-width: 1200px;
  margin: auto;
  font-size: 14px;
  margin: auto;
  padding-bottom: 26px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.footer-bottom-left-rn {
  display: flex;
  align-items: center;
  grid-gap: 30px;
  gap: 30px;
}
.contact-us-rn {
  display: flex;
  justify-content: space-between;
  grid-gap: 10px;
  gap: 10px;
  transition: color 0.15s ease 0s;
  color: #676767;
}
.icon-contact-rn {
  width: 16px;
  height: 16px;
  opacity: 0.6;
  cursor: pointer;
}
.icon-contact-rn img {
  width: 100%;
  height: 100%;
}
.contact-us-rn:hover {
  opacity: 0.7;
}
a:hover {
  text-decoration: none;
}
.title-contact-us {
  font-size: 14px;
}
@media (min-width: 1240px) {
  .wrapper-footer-rn {
    padding-left: 0;
    padding-right: 0;
  }
  .footer-bottom-rn {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1200px) {
  .navbar-footer-rn {
    grid-gap: 64px;
    display: grid;
    margin-right: 32px;
  }
}
@media (max-width: 1000px) { 
  .wrapper-footer-rn {
    flex-direction: column-reverse;
    grid-gap: 60px;
    gap: 60px;
  }
  .list-sns-footer-rn {
    justify-content: start;
  }
  .navbar-footer-rn {
    grid-gap: 32px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-right: 0;
  }
}
@media (max-width: 540px) {
  .wrapper-footer-rn {
    grid-gap: 40px ;
    gap: 40px ;
  }
  .navbar-footer-rn {
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px 16px;
  }
  .content-head-rn {
    font-size: 14px;
  } 
  .footer-bottom-rn {
    flex-direction: column-reverse;
    padding-bottom: 40px;
    align-items: flex-start;
  }
  .footer-bottom-left-rn {
    flex-direction: column-reverse;
    align-items: flex-start;
    grid-gap: 16px;
    gap: 16px;
  }
  .contact-us-rn {
    margin-bottom: 16px;
    justify-content: flex-start;
  } 
}

/* footer renewal 05/2023  */
.footer-renewal {
  font-family: Roboto;
  font-size: 1rem;
  /* background-color: #ffffff; */
  /* margin-top: 70px; */
  width: 100%;
  float: left;
  border-top: 1px solid #E2E2E2;
}
/* .line-footer-renewal {
  height: 1px;
  width: 100%;
  margin: 70px auto 0px;
  background: #E2E2E2;
} */
.container-footer-renewal {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  /* gap: 0.25rem; */
  grid-gap: 1rem;
  gap: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  flex-direction: column;
}
.content-top-footer {
  display: flex;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  justify-content: space-evenly;
}
.logo-footer-renewal {
  display: flex;
  margin-right: auto;
}
.title-link-footer {
  /* font-weight: 700; */
  color: #676767;
  text-align: center;
  font-family: 'SUIT';
  font-size: 14px;
}
.content-bottom-footer {
  display: flex;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.reserved-text-footer {
  margin-right: auto;
  color: #676767;
  font-family: 'SUIT';
  font-size: 14px;
}
.list-sns-footer {
  display: flex;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.ic-sns-footer {
  width: 30px;
}
.ic-sns-footer img {
  width: 100%;
}
.wrapper-contact-us {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  color: #676767;
  font-family: 'SUIT';
}
.ic-contact-us {
  width: 16px;
}
.ic-contact-us img {
  width: 100%;
  margin-bottom: 4px;
}
@media (min-width: 1240px) {
  .container-footer-renewal {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .footer-renewal {
    margin-top: 0;
  }
  .title-link-footer {
    font-size: 12px;
  }
  .logo-footer-mb-renewal {
    margin: 0 auto;
  }
  .content-bottom-footer {
    flex-direction: column;
    align-items: center;
  }
  .reserved-text-footer {
    margin-right: 0;
    font-size: 12px;
  }
}  
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.board-rn-page {
  min-height: calc(100vh - 70px);
  padding-top: 90px;
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  grid-gap: 1rem;
  gap: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: "SUIT";
  font-size: 0.9rem;
}
.board-rn-page .title-head-community {
  color: #2061e2;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 -15px;
}
.board-rn-page .wrapper-title-and-sellect {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board-rn-page .title-community-kr {
  font-size: 24px;
  font-weight: 700;
  color: #031243;
}
.board-rn-page .custom-select-board-rn {
  border-radius: 100px;
  background-color: #2061e2;
  height: 38px;
  /* width: 120px; */
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f0f0f0;
  padding: 0.5rem 1.25rem;
}
.board-rn-page .select-board-rn {
  background-color: #2061e2;
  color: #ffffff;
  font-size: .875rem;
  line-height: 1.25rem;
  width: 100%;
  outline: none !important;
  border: none;
  --tw-text-opacity: 1;
  cursor: pointer;
}
.board-rn-page .select-board-rn div:hover, .same-as-selected{
  background-color: rgba(0, 0, 0, 0.1);
}
.wrapper-edit-and-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-edit-rn {
  display: flex;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  align-items: center;
  height: 38px;
}
.search-rn {
  /* min-width: 250px; */
  background-color: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.search-rn-bottom {
  position: absolute;
  top: 3.5rem;
  right: 0;
}
.create-post-bottom {
  position: absolute;
  top: 3.5rem;
  left: 0;
}
.input-search-rn {
  background-color: transparent!important;
  width: 100%;
  min-width: -moz-min-content;
  min-width: min-content;
  /* padding: 0.375rem 0.5rem; */
  outline-width: 0;
  border-width: 0;
  height: 36px;
  font-size: 14px;
}
.ic-search-board {
  width: 20px;
  min-width: 20px;
  cursor: pointer;
}
.ic-search-board img {
  width: 100%;
}
.board-rn-item {
  display: flex;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  align-items: flex-start;
  border-bottom: 1px solid #e5e7eb;
}
.thumbnail-and-content {
  display: flex;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  width: 100%;
}
.like-and-share {
  display: flex;
  flex-direction: column;
  grid-gap: 0.875rem;
  gap: 0.875rem;
}
.button-share {
width: 60px;
height: 40px;
background: #FFFFFF;
border: 1px solid #ECECEC;
border-radius: 5px;
display: grid;
align-items: center;
justify-items: center;
place-items: center;
}
.wrapper-like-count {
  width: 60px;
  height: 55px;
  padding: 0;
  border: 1px solid #ECECEC;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.number-of-likes {
  font-size: .85rem;
  color: #676767;
}
.content-right-board-rn-item {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  /* gap: 0.75rem; */
}
.img-thumbnail-community-pc {
  width: 150px;
  height: 105px;
}
.img-thumbnail-community-pc img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: white;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.wrapper-owner-created-at {
  display: flex;
  align-items: center;
}
.bg-avatar-owner {
  min-width: 30px;
  width: 30px;
  height: 30px;
  background-color: #f0f0f0;
  padding: 2px;
  border-radius: 9999px;
  display: grid;
}
.bg-avatar-owner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 9999px;
}
.level-owner-board {
  font-size: 0.875rem;
  font-weight: 700;
  margin-left: 0.5rem;
}
.total-level-owner-board {
  color: #2061e2;
  margin-right: 0.3rem;
}
.owner-name {
  color: #031243;
  font-weight: 500;
  margin-left: 0.5rem;
}
.board-created-at {
  font-size: .875rem;
  color: #676767;
  /* margin-left: 0.75rem; */
  margin-left: 0;
}
.wrapper-title-and-popup {
  display: flex;
}
.link-title-board-rn-item {
  display: flex;
  flex: 1 1;
  align-items: center;
  /* margin-bottom: 5px; */
}
.title-board-rn-item {
  font-size: 1.15rem;
  color: #031243;
  font-weight: 700;
  word-break: break-all;
  margin-bottom: 4px;
}
.popup-board-rn-item {
  /* padding: 0.2rem;
  width: 30px;
  height: 30px;
  margin-top: -10px; */
}
.popup-post-rn-item {
  position: absolute;
  right: 20px;
}
.description-board-rn-item {
  color: #676767;
  min-height: 41px;
  word-break: break-all;
}
.comment-and-view-count {
  display: flex;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.info-owner-and-count-board {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  margin-top: 8px;
}
.info-owner-board-rn {
  display: flex;
  align-items: center;
}

.icon-and-quantity {
  display: flex;
  align-items: center;
}
.quantity {
  /* font-size: .85rem;   */
  color: #676767;
  margin-left: 0.375rem;
}
.list-btn-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 0;
  position: relative;
}
.no-edit-button {
  width: 50%;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 0;
}
.bg-btn-edit-bottom {
  width: 42px;
  height: 42px;
  border-radius: 22px;
  background-color: #2061e2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bg-btn-search-bottom {
  width: 42px;
  height: 42px;
  border-radius: 22px;
  background-color: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bg-btn-search-bottom img {
  width: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-box-mb{
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
.input-search-mb{
  width: 42px;
  height: 42px;
  background-color: #f0f0f0;
  border-style: none;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 2px;
  outline: none;
  border-radius: 25px;
  transition: all .5s ease-in-out;
  padding: 0.375rem 0.5rem;
  /* padding-right: 40px; */
}
.btn-search-mb{
  border-style: none;
  font-size: 16px;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  pointer-events: painted;  
  width: 42px;
  height: 42px;
  background-color: #f0f0f0;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
}
.btn-search-mb img {
  width: 20px;
}
.btn-search-mb:focus ~ .input-search-mb, .input-search-mb:focus{
  width: 250px;
  border-radius: 100px;
  background-color: #f0f0f0;
  border-bottom:1px solid rgba(255,255,255,.5);
  transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
  padding: 0.375rem 0.5rem;
}

.cn-board-more {
  background: unset !important;
  width: 30px !important;
  background: #ffffff !important;
  height: 30px !important;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  border: 1px solid #ECECEC;
  border-radius: 5px !important;
  padding: 0;
}
.cn-board-more + .dropdown-menu-right {
  left: auto !important;
}
.cn-board-more + .dropdown-menu {
  width: unset !important;
  border-radius: 5px;
  top: 120%;
}
.custom-share-popup svg {
  stroke: #2061e2;
}
.cn-board-more + .dropdown-menu .custom-share-popup a {
  background: #ffffff;
  border: 1px solid #2061e2;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 8px 12px;
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  color: #2061e2;
  align-items: center;
}

@media (min-width: 1240px) {
  .board-rn-page {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .board-rn-page {
    padding-top: 20px;
  }
  .wrapper-edit-and-search {
    /* display: none; */
    grid-gap: 16px;
    gap: 16px;
  }
  .board-rn-item {
    flex-direction: column;
    grid-gap: 0.5rem;
    gap: 0.5rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;

  }
  .ic-like-share-pinned-three-dots {
    display: flex;
    width: 100%;
    justify-content:  space-between;
  }
  .like-and-share {
    display: flex;
    flex-direction: row;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
  }
  .pinned-and-popup-board {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    align-items: center;
  }
  .button-share {
  width: 31px;
  height: 31px;
  }
  .thumbnail-and-title-mb {
    display: flex;
    grid-gap: 1rem;
    gap: 1rem;
    align-items: center;
  }
  .img-thumbnail-community-mobile {
    width: 80px;
    height: 57px;
  }
  .img-thumbnail-community-mobile img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background: #ffffff;
  }
  .wrapper-title-and-popup {
    flex: 1 1;
  }
  .wrapper-like-count {
    flex-direction: row;
    width: unset;
    height: unset;
    padding: 0.3rem 0.65rem;
  }
  .info-owner-and-count-board {
    font-size: 0.875rem;
    margin-top: 0;
  }
  .bg-avatar-owner {
    min-width: 20px;
    width: 22px;
    height: 22px;
  }
  .owner-name {
    margin-left: 0.3125rem;
  }
  .board-created-at {
    margin-left: auto;
  }
  .search-mobile-rn {
    background-color: #f5f5f5;
    border-radius: 100px;
    padding: 0.5rem;
    width: 36px;
    height: 36px;
    display: grid;
  }
  .search-mobile-rn img {
    width: 20px;
    height: 20px;
  }
  .list-btn-bottom {
    justify-content: center;
    padding: 0;
  }
  .list-btn-bottom-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
    grid-gap: 16px;
    gap: 16px
  }
  .cn-board-more + .dropdown-menu {
    position: absolute !important;
  }
  .link-title-board-rn-item {
    flex: unset;
    align-items: start;
  }
  .popup-board-rn-item {
    margin-top: unset;
  }
  .popup-post-rn-item {
    margin-top: unset;
    position: unset;
    right: unset;
  }
  .content-right-board-rn-item {
    grid-gap: 0.625rem;
    gap: 0.625rem;
    width: 100%;
  }
  /* .title-board-rn-item {
    -webkit-line-clamp: 1;
  } */
  .img-thumbnail-community-pc {
    width: 80px;
    min-width: 80px;
    height: 73px;
  }
  .title-board-rn-item {
    font-size: 1rem;
    margin-bottom: 0;
  }
}
.scroll-to-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  bottom: 1.25rem;
  right: 0.5rem;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.btn-scroll-to-top {
  width: 36px;
  height: 36px;
  border: 1px solid #031243;
  border-radius: 20px;
  font-size: 13px;
  display: flex;
  transform: rotate(180deg);
  /* transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); */
  align-items: center;
  justify-content: center;
}
.btn-scroll-to-top img {
  width: 16px;
}
.btn-back-to {
  width: 36px;
  height: 36px;
  border: 1px solid #031243;
  border-radius: 20px;
  font-size: 13px;
  display: flex;
  transform: rotate(90deg);
  /* transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); */
  align-items: center;
  justify-content: center;
}
.btn-back-to img {
  width: 16px;
}
.title-scroll-to-top {
  font-size: .65rem;
  color: #031243;
  text-transform: uppercase;
}
.bg-btn-edit-bottom-scroll {
  width: 36px;
  height: 36px;
  border-radius: 22px;
  background-color: #2061e2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* @media (max-width: 767px) {
  .scroll-to-top {
    position: fixed;
  }
} */
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.edit-rn {
  padding-top: 100px;
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: "SUIT";
}
.info-header-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  max-height: 122px;
  padding: 1.25rem 2rem;
}
.wrapper-title-writing {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.info-header-edit .custom-select-board-rn {
  border-radius: 100px;
  background-color: #2061e2;
  height: 38px;
  /* width: 120px; */
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f0f0f0;
  padding: 0.5rem 1.25rem;
}
.info-header-edit .select-board-rn {
  background-color: #2061e2;
  color: #ffffff;
  font-size: .875rem;
  line-height: 1.25rem;
  width: 100%;
  outline: none !important;
  border: none;
  --tw-text-opacity: 1;
  cursor: pointer;
}
.title-current-board-edit {
  font-weight: 700;
  font-size: 20px;
  color: #031243;
}
.title-writing-top {
  color: #2061e2;
  font-size: 1rem;
  font-weight: 500;
}
.title-writing-bottom {
  font-weight: 700;
  font-size: 26px;
  color: #031243;
  margin-top: 0.75rem;
}
.edit-rn-container {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  padding: 2rem;
  border-radius: 10px;
  margin-bottom: 3.75rem;
  display: flex;
  flex-direction: column;
}
.title-edit-rn {
  font-weight: 700;
  color: #031243;
}
.max-text-title {
  font-size: 14px;
  color: #a8a8a8;
  text-align: right;
}
.edit-rn-container .active-text-red {
  color: #f3537a;
}
.input-title-edit-rn {
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  width: 100%;
  background-color: transparent;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  color: #031243;
  padding: 0.5rem 1.25rem;
}
.title-detail-rn {
  font-weight: 700;
  color: #031243;
  margin-bottom: 0.75rem;
}
.list-editor-btn {
  display: flex;
  align-items: center;
  margin: 2rem auto 0;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.editor-btn-01 {
  background: #2061e2;
  color: #fff;
  border-radius: 100px;
  border-width: 0;
  padding: 0.375rem 2rem;
}
.editor-btn-02 {
  background: #676767;
  color: #fff;
  border-radius: 100px;
  border-width: 0;
  padding: 0.375rem 2rem;
  transition: color .2s;
}
@media (min-width:1240px) {
  .edit-rn {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .edit-rn {
    padding-top: 30px;
  }
  .info-header-edit {
    border-radius: 0;
    border: unset;
    padding: 0;
  }
  .edit-rn-container {
    padding: 0;
    border: unset;
    margin-bottom: 2.5rem;
  }
  
}
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.post-view-rn {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-bottom: 1.25rem;
  padding-top: 100px;
  color: #031243;
  font-size: 14px;
  position: relative;
  font-family: "SUIT";
}
@media (min-width: 1240px) {
  .post-view-rn {
    padding-left: 0;
    padding-right: 0;
  }
}
.post-view-rn .title-head-community {
  color: #2061e2;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.post-view-rn .wrapper-title-and-sellect {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.post-view-rn .title-community-kr {
  font-size: 24px;
  font-weight: 700;
  color: #031243;
}
.post-view-rn .custom-select-board-rn {
  border-radius: 100px;
  background-color: #2061e2;
  height: 38px;
  /* width: 120px; */
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f0f0f0;
  padding: 0.5rem 1.25rem;
}
.post-view-rn .select-board-rn {
  background-color: #2061e2;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 100%;
  outline: none !important;
  border: none;
  --tw-text-opacity: 1;
  cursor: pointer;
}
.post-view-rn .select-board-rn div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.post-rn-container {
  width: 800px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
.list-path {
  display: flex;
  justify-content: space-between;
}
.list-path-left {
  display: flex;
  align-items: center;
}
.original-path {
  font-size: 16px;
  font-weight: 500;
}
.original-path span {
  color: #676767;
}
.original-path a span {
  color: #a8a8a8;
}
.right-arrow-path {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  color: #a8a8a8;
}
.right-arrow-path img {
  width: 12px;
}
.go-back-rn {
  position: absolute;
  left: 0;
  padding: 0.75rem;
}
.go-back-rn img {
  width: 24px;
}
.go-back-list-post {
  display: flex;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  cursor: pointer;
  font-weight: 500;
}
.title-post-rn {
  font-size: 26px;
  line-height: 2.75rem;
  margin-top: 1.25rem;
  font-weight: 700;
  color: #000000;
  text-align: center;
  word-break: break-all;
}
.info-owner-post {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  margin: 0 auto;
}
.avatar-owner-post {
  width: 26px;
  height: 26px;
  background-color: #f0f0f0;
  border-radius: 9999px;
  padding: 1px;
}
.avatar-owner-post img {
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  padding: 0.125rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: grid;
}
.name-owner-post {
  font-weight: 700;
  font-size: 1rem;
}
.level-owner-post {
  font-weight: 700;
  font-size: 14px;
  color: #031243;
}
.level-owner-post span {
  font-weight: 500;
  font-size: 14px;
  color: #2061e2;
}
.counter-and-list-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  position: relative;
}
.wrapper-counter-date {
  display: flex;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  justify-content: center;
  width: 100%;
}
.wrapper-counter {
  display: flex;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
}
.created-at-post {
  font-size: 0.85rem;
  color: #676767;
}
.count-item-post {
  display: flex;
  align-items: center;
}
.total-post {
  font-size: 0.85rem;
  color: #676767;
  margin-left: 0.375rem;
}
.btn-edit-and-delete {
  display: flex;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  position: absolute;
  right: 0;
}
.custom-ic-post {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  border: 1px solid #f0f0f0;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
}
.content-post {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.feedback-container {
  background-color: #f0f5ff;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding: 1.25rem;
}
.title-feedback {
  text-align: center;
}
.list-btn-feedback {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}

.react-like-feedback {
  position: relative;
  display: flex;
  align-items: center;
  transition: color 0.2s;
  border: 1px solid #676767;
  color: #676767;
  border-radius: 5px;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  background-color: transparent;
}
.react-like-feedback svg {
  stroke: #676767;
}

.react-like-feedback.active {
  border: 1px solid #2061e2;
  color: #2061e2;
}

.react-like-feedback.active svg {
  stroke: #2061e2;
}

.react-like-feedback:hover {
  position: relative;
  display: flex;
  align-items: center;
  transition: color 0.2s;
  border: 1px solid #2061e2;
  color: #2061e2;
  border-radius: 5px;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  background-color: transparent;
}
.react-like-feedback:hover svg {
  stroke: #2061e2;
}

.not-like-post {
  border: 1px solid #a8a8a8;
  color: #a8a8a8;
}
.share-feedback {
  position: relative;
  display: flex;
  align-items: center;
  transition: color 0.2s;
  border: 1px solid #a8a8a8;
  color: #a8a8a8;
  border-radius: 5px;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  background-color: transparent;
}
.three-dot-button {
  position: relative;
  display: flex;
  align-items: center;
  transition: color 0.2s;
  border: 1px solid #a8a8a8;
  color: #a8a8a8;
  border-radius: 5px;
  padding: 0.375rem 0.5rem;
  font-size: 0.875rem;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  background-color: transparent;
}
.btn-report-feedback {
  background-color: transparent;
  color: #676767;
  padding: 0.375rem 1.25rem;
  font-size: 0.875rem;
  position: absolute;
  right: 0;
  bottom: 0.5rem;
  display: flex;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  border-width: 0;
}
.comment-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.wrapper-admin-menu {
  display: flex;
  justify-content: center;
}
.admin-menu-button {
  display: flex;
  background: red;
  color: #fff;
  height: 30px;
  width: 100px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin: 0 10px;
}
.wrapper-move-post {
  display: flex;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.move-post-item {
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
}
.move-post-item img {
  width: 16px;
}
.divider-post {
  width: 100%;
  height: 1px;
  background-color: #031243;
}
.count-and-write-comment {
  display: flex;
}
.wrapper-title-and-count-comment {
  display: flex;
  align-items: center;
}
.wrapper-comment {
  display: flex;
  align-items: center;
  flex: 1 1;
}
.title-count-comment {
  font-weight: 500;
  margin-left: 0.25rem;
  margin-bottom: 0;
  font-size: 1rem;
}
.total-comment {
  color: #2061e2;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0;
}
.form-input-comment {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  /* margin-left: 1.25rem; */
  display: flex;
  flex: 1 1;
  align-items: center;
  /* padding-left: 0.75rem;
  padding-right: 0.75rem; */
  position: relative;
}
.form-input-comment-children {
  background-color: #ffffff;
  border: 1px solid #676767;
}
.max-length-comment {
  position: absolute;
  /* top: -16px; */
  right: 10px;
  bottom: 0;
  color: #a8a8a8;
  font-size: 12px;
}
.avatar-user-comment {
  min-width: 20px;
  width: 20px;
  height: 20px;
  padding: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  border-radius: 9999px;
  position: absolute;
  top: 6px;
  left: 4px;
}
.avatar-user-comment img {
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: grid;
}
.input-comment {
  background-color: transparent;
  width: 100%;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: 0.375rem 1.7rem 0;
  margin-bottom: 0.875rem;
  outline-width: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-width: 0;
  resize: none;
  color: #676767;
}
.input-comment::-moz-placeholder {
  color: #a8a8a8;
}
.input-comment::placeholder {
  color: #a8a8a8;
}
.bg-input-children:not(:first-child) {
  /* background-color: #ffffff;
  border: 1px solid #676767;
  border-radius: 10px; */
}
.btn-comment {
  width: 40px;
  height: 40px;
  border-radius: 22px;
  background-color: #2061e2;
  margin-left: 0.75rem;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  cursor: pointer;
}
.comment-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e5e7eb;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.wrapper-header-comment-item {
  display: flex;
  align-items: center;
}
.avt-user-comment {
  width: 26px;
  min-width: 26px;
  height: 26px;
  background-color: #f0f0f0;
  padding: 2px;
  font-size: 2rem;
  border-radius: 9999px;
  position: relative;
}
.avt-user-comment img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  display: grid;
}
.name-user-comment {
  margin-left: 0.5rem;
  font-weight: 700;
  color: #031243;
}
.level-user-comment {
  font-weight: 700;
  color: #031243;
  margin-left: 0.5rem;
  font-size: 14px;
}
.wrapper-time-comment {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}
.time-comment {
  font-size: 0.75rem;
  color: #676767;
  margin-left: 0.375rem;
}
.popup-wrapper-comment {
  position: relative;
  cursor: pointer;
}
.wrapper-content-comment-item {
  /* padding-left: 34px; */
  margin-left: 0.5rem;
  display: flex;
  flex: 1 1;
  flex-direction: column;
}
.user-above-comment {
  font-size: 14px;
  color: #2061e2;
  margin-right: 5px;
}
.input-reply-user-comment {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.text-comment-item {
  color: #676767;
  margin-top: 0.375rem;
  word-break: break-all;
}
.like-and-reply {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
}

.like-and-reply .like {
  display: flex;
  align-items: center;
  color: #676767;
  cursor: pointer;
}
.like-and-reply .like svg {
  stroke: #676767;
}

.like-and-reply .like.active {
  color: #2061e2;
}
.like-and-reply .like.active svg {
  stroke: #2061e2;
}

.text-like-comment {
  font-size: 13px;
  margin-left: 0.25rem;
}
.total-like-comment {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 0.85rem;
}
.wrapper-reply-comment {
  display: flex;
  align-items: center;
  margin-left: 1.25rem;
  cursor: pointer;
  color: #676767;
}
.wrapper-reply-comment.active {
  color: #2061e2;
}
.wrapper-reply-comment.active svg {
  fill: #2061e2;
}
.total-reply-comment {
  font-size: 0.85rem;
  margin-left: 0.375rem;
  margin-right: 0.25rem;
}
.btn-reply-comment {
  background-color: transparent;
  border-radius: 100px;
  font-size: 13px;
  margin-left: auto;
  border-width: 0;
  color: #2061e2;
  cursor: pointer;
}
.btn-more-comments {
  position: relative;
  display: flex;
  align-items: center;
  transition: color 0.2s;
  border-radius: 100px;
  border: 1px solid #031243;
  color: #031243;
  padding: 0.5rem 1.25rem;
  font-size: 0.75rem;
  cursor: pointer;
  margin: 1.25rem auto;
  background-color: transparent;
  grid-gap: 0.375rem;
  gap: 0.375rem;
}
.ic-more-comments {
  width: 16px;
}
.reply-comment-item {
  height: 500px;
  margin-left: 30px;
  background-color: #a8a8a8;
  transition: 0.5s;
}
.custom-bg-reply {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 34px;
  margin-top: 1.25rem;
}
.custom-bg-reply .comment-item:last-child {
  border-bottom: unset;
}

/* popup edit or report comment  */
.cn-post-comment-more {
  width: unset !important;
  background: unset !important;
}
.cn-post-comment-more + .dropdown-menu-right {
  left: auto !important;
}

.cn-post-comment-more + .dropdown-menu {
  width: unset !important;
  border-radius: 5px;
  top: 60%;
}
.cn-post-comment-more + .dropdown-menu .custom-edit-popup-comment a {
  background: #2061e2;
  border: 1px solid #2061e2;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 8px 12px;
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  color: #ffffff;
  align-items: center;
}
.custom-edit-popup-comment svg {
  width: 16px;
  height: 16px;
}
.cn-post-comment-more + .dropdown-menu .custom-report-popup-comment a {
  background: #ffffff;
  border: 1px solid #676767;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 8px 12px;
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  color: #676767;
  align-items: center;
}
.custom-report-popup-comment svg {
  width: 16px;
  height: 16px;
}


/* input comment mobile  */
.wrapper-input-comment-mb {
  position: fixed;
  bottom: 0;
  background: #ffffff;
  box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px 20px 0px 0px;
  padding: 15px 20px 10px;
  width: 100%;
  z-index: 9999;
}
.reply-user-comment-mb {
  display: flex;
  justify-content: flex-start;
  grid-gap: 5px;
  gap: 5px;
  font-size: 14px;
  color: #2061e2;
}
.title-reply-user-mb {
  color: #a8a8a8;
}
@media (max-width: 767px) {
  .post-view-rn {
    padding-top: 30px;
  }
  .title-post-rn {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
  .list-path {
    margin-left: 30px;
  }
  .counter-and-list-btn {
    flex-direction: column;
    justify-content: center;
  }
  .btn-edit-and-delete {
    position: relative;
  }
  .btn-report-feedback {
    position: relative;
    justify-content: center;
  }
  .input-reply-user-comment {
    margin-top: 10px;
  }
  .custom-bg-reply {
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .cn-post-comment-more + .dropdown-menu {
    position: absolute !important;
  }
  .count-and-write-comment {
    flex-direction: column;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .comment-container {
    padding-top: 0;
  }
  .original-path {
    font-size: 16px;
    font-weight: 400;
  }
  .wrapper-header-comment-item {
    font-size: 14px;
  }
  .post-rn-container {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }
  .info-owner-post {
    margin: 0 auto 14px;
  }
  .wrapper-counter-date {
    justify-content: center;
    flex-direction: row-reverse;
  }
}


@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.board-announce-renewal {
  padding-top: 100px;
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: "SUIT";
}
.title-head-notice {
  color: #2061e2;
  font-size: 1.125rem;
  font-weight: 400;
  margin: 0;
}
.title-kr-notice {
  font-size: 2rem;
  font-weight: 700;
  color: #031243;
}
.wrapper-select-and-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
}
.custom-select-notice-rn {
  border-radius: 100px;
  background-color: #2061e2;
  height: 38px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f0f0f0;
  padding: 0.5rem 1.25rem;
}
.select-notice-rn {
  background-color: #2061e2;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 100%;
  outline: none !important;
  border: none;
  --tw-text-opacity: 1;
}
.select-notice-rn div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.list-announce-rn {
  /* --tw-border-opacity: 1;
  border-top-color: rgb(209 213 219 / var(--tw-border-opacity));
  border-width: 0; */
}
.item-notice {
  display: flex;
  flex-direction: column;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.item-notice:not(:last-child) {
  border-bottom: 1px solid #e5e7eb;
}
.header-item-notice {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.type-notice-rn {
  font-size: 1.15rem;
  color: #2061e2;
  font-weight: 500;
}
.title-notice-rn {
  font-size: 1.15rem;
  color: #031243;
  font-weight: 500;
  display: flex;
  flex: 1 1;
  word-break: break-all;
}
.created-notice-rn {
  font-size: 0.85rem;
  color: #676767;
}
.content-item-notice {
  color: #676767;
  font-size: 1rem;
  word-break: break-all;
}
@media (min-width: 1240px) {
  .board-announce-renewal {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .board-announce-renewal {
    padding-top: 30px;
  }
  .search-rn {
    min-width: unset;
    flex: 1 1;
    width: 100%;
    max-width: 280px;
    margin-left: auto;
  }
  .item-notice:first-child {
    border-top: 1px solid #e5e7eb;
  }

}

@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.board-announce-post-rn {
  padding-top: 100px;
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 5rem;
  color: #031243;
  position: relative;
  font-family: "SUIT";
}
.line-border-bottom {
  border: 1px solid #031243;
}
@media (min-width: 1240px) {
  .board-announce-post-rn {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .board-announce-post-rn {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.my-page-category-menu-rn {
  display: flex;
  flex-direction: column;
  margin-right: 2.5rem;
  grid-gap: 0.6rem;
  gap: 0.6rem;
  overflow: auto;
  scroll-behavior: auto;
  width: auto;
  font-family: "SUIT";
}
.btn-category-menu-item {
  min-width: 90px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  border-radius: 100px;
  background-color: #f5f5f5;
  border: 1px solid #f0f0f0;
  color: #031243;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .my-page-category-menu-rn {
    flex-direction: row;
    overflow: auto;
    scroll-behavior: auto;
    margin-right: 0;
    touch-action: pan-x;
  }
}

@font-face {
	font-family: 'SUIT';
	font-weight: 100 900;
	src: url(/fonts/SUIT-Variable.woff2) format('woff2-variations');
}
.my-info-rn {
  padding-bottom: 2.25rem;
	font-family: 'SUIT';
}
.content-my-info-rn {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  width: 100%;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.btn-header-rn {
  background: #2061e2;
  color: #fff;
  border-radius: 100px;
  border-width: 0;
  padding: 0.375rem 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.edit-container-my-info-rn {
  display: flex;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
  background-color: #fff;
}
.avt-container-account-rn {
  display: flex;
  width: 240px;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  padding: 2rem;
  align-items: center;
}
.content-header-avt-account {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
}
.name-and-level-account {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
}
.edit-avt-my-info {
  width: 80px;
  height: 80px;
  position: relative;
  background-color: #f5f5f5;
  border-radius: 40px;
}
.edit-avt-my-info img {
  width: 100%;
  height: 100%;
  border-radius: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
.avt-input-upload {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border: unset;
  cursor: pointer;
}
.icon-gallery-edit-avt {
  width: 30px;
  height: 30px;
  background: #f5f5f5;
  border-radius: 40px;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.icon-gallery-edit-avt img {
  width: 18px;
  height: 18px;
}
.name-my-info-rn {
  font-weight: 700;
  font-size: 1.25rem;
  color: #031243;
}
.wrapper-level-my-info {
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  color: #031243;
  font-weight: 700;
}
.level-my-info {
  color: #2061e2;
  margin-right: 0.25rem;
}
.edit-user-info {
  margin-top: auto;
  border: 1px solid #ececec;
  position: relative;
  display: flex;
  align-items: center;
  transition: color 0.2s;
  border-radius: 5px;
  padding: 0.375rem 1.25rem;
  color: #000000;
  font-size: 0.85rem;
  justify-content: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  background: transparent;
}
.form-container-account-rn {
  border-left: 1px solid #e5e7eb;
  padding: 1.25rem 2rem;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  font-size: 0.875rem;
}
.item-form-account-rn {
  display: flex;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  align-items: center;
}
.item-form-account-rn:not(:last-child) {
  border-bottom: 1px solid #e5e7eb;
}

.nick-name-input {
  width: 10rem;
}
.title-item-form {
  min-width: 150px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #676767;
}
.content-item-form {
  color: #031243;
  display: flex;
  flex: 1 1;
}
.content-login-account-rn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
.sns-login-account {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  padding: 0.375rem;
  background-color: #f5f5f5;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
}
.sns-login-account img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.btn-verification-completed {
  background-color: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 100px;
  padding: 0.375rem 1.25rem;
  color: #a8a8a8;
  font-size: 0.875rem;
  font-weight: 400;
}
.btn-verification-completed:hover {
  opacity: 0.65;
}
.content-phone-number {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  align-items: center;
}
.text-phone-number {
  color: #a8a8a8;
}
.btn-authenticate {
  background: #2061e2;
  color: #fff;
  border-radius: 100px;
  border-width: 0;
  padding: 0.375rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
}
.btn-cancel {
  background: #676767;
  color: #fff;
  border-radius: 100px;
  border-width: 0;
  padding: 0.375rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
}
.list-change-name-btn {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}
.title-and-btn-mobile {
  min-width: 150px;
}
.btn-close-account-div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .edit-container-my-info-rn {
    flex-direction: column;
  }
  .avt-container-account-rn {
    padding: 1.25rem;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    grid-gap: 4px;
    gap: 4px;
  }
  .edit-user-info {
    margin-top: 0;
    padding: 10px;
  }
  .content-header-avt-account {
    flex-direction: row;
    grid-gap: 10px;
    gap: 10px;
  }
  .edit-avt-my-info {
    width: 60px;
    height: 60px;
  }
  .name-and-level-account {
    align-items: start;
  }
  .form-container-account-rn {
    border-left: 0;
    border-top: 1px solid #e5e7eb;
    padding: 1.25rem;
  }
  .item-form-account-rn {
    flex-direction: column;
    grid-gap: 15px;
    gap: 15px;
    align-items: start;
  }
  .title-item-form {
    padding-left: 0;
    padding-right: 0;
  }
  .icon-gallery-edit-avt {
    bottom: -8px;
    right: -4px;
  }
  .content-login-account-rn {
    justify-content: space-between;
  }
  .title-and-btn-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.my-written-rn {
  padding-bottom: 2.25rem;
  font-family: "SUIT";
  color: #031243;
  font-size: 1rem;
}
.container-my-written-rn {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  width: 100%;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.wrapper-content-my-written {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding: 2rem;
}
.wrapper-select-written {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title-select-written {
  font-weight: 700;
  font-size: 1.5rem;
}
.custom-select-written-rn {
  border-radius: 100px;
  background-color: #2061e2;
  height: 38px;
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f0f0f0;
  padding: 0.5rem 1.25rem;
}
.select-written-rn {
  background-color: #2061e2;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 100%;
  outline: none !important;
  border: none;
  --tw-text-opacity: 1;
}
.search-and-total-posts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem; 
  border-bottom: 1px solid #e5e7eb;
  font-size: 1rem;
}
.total-my-posts {
  color: #676767;
  font-weight: 600;
}
.total-my-posts b {
  color: #2061e2;
  font-weight: 600;
}
.list-my-written {
  display: flex;
  flex-direction: column;
}
.my-written-item {
  display: flex;  
  align-items: flex-start;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e5e7eb;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.wrapper-like-total {
  width: 60px;
  height: 70px;
  padding: 0;
  border: 1px solid #ECECEC;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.total-of-likes {
  font-size: .85rem;
  color: #676767;
}
.content-right-written-item {
  display: flex;  
  flex: 1 1;
  flex-direction: column;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
.title-and-list-btn {
  display: flex;  
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.title-my-written-item {
  /* display: flex;
  flex: 1 1 0%; */
  font-weight: 500;
  font-size: 1.25rem;
  word-break: break-all;
}
.list-btn-written {
    display: flex;
    grid-gap: 0.5rem;
    gap: 0.5rem;
}
.btn-written-item {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  border: 1px solid #ECECEC;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
}
/* .btn-delete-written-item {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  border: 1px solid #2061e2;
  margin-left: 0.5rem;
  display: grid;
  place-items: center;
} */
.description-my-written-item {
  color: #676767;
  word-break: break-all;
}
.wrapper-counter-and-date {
  display: flex;
  align-items: center;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
.icon-and-total {
  display: flex;
  align-items: center;
}
.total {
  font-size: .85rem;
  margin-left: 0.375rem;
  color: #676767;
}
.created-written-item {
  color: #676767;
  margin-left: auto;
  font-size: .85rem;
}
@media (max-width: 767px) {
  .title-select-written {
    font-size: 1.25rem;
  }
  .title-and-list-btn {
    flex-direction: column-reverse;
    grid-gap: 1rem;
    gap: 1rem;
  }
  .box-token-and-btn {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .token-chat {
    background: #f0f5ff;
    border-radius: 30px;
    font-size: 14px;
    padding: 10px 15px;
  }
  .search-and-total-posts {
    flex-direction: column;
    grid-gap: 1rem;
    gap: 1rem;
    align-items: start;
  }
  .wrapper-content-my-written {
    padding: 1.875rem 1.25rem;
  }
}
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.my-score-rn {
  padding-bottom: 2.25rem;
  font-family: "SUIT";
  color: #031243;
  font-size: 0.875rem;
}
.content-my-score-rn {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  width: 100%;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.wrapper-content-my-score {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding: 2rem;
}
.cumulative-score {
  font-weight: 400;
  color: #676767;
}
.total-cumulative-score {
  font-weight: 500;
  color: #2061e2;
  font-size: 18px;
  margin-left: 0.75rem;
}
.wrapper-date-and-level {
  display: flex;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.content-date-and-level {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 1.25rem;
}
.last-week-score {
  display: flex;
  align-items: center;
}
.circle-title-score {
  width: 4px;
  height: 4px;
  background-color: #031243;
  border-radius: 4px;
  margin-right: 0.5rem;
}
.container-total-last-week-score {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  flex: 1 1;
} 
.wrapper-title-last-week-score {
  display: flex;
  align-items: center;
}
.title-last-week-score {
  display: flex;
  flex: 1 1;
}
.total-last-week-score {
  color: #2061e2;
}
.date-last-week-score {
  font-size: 0.85rem;
  color: #676767;
}
.subscription-score {
  display: flex;
  align-items: center;
}
.title-subscription-score {
  display: flex;
  flex: 1 1;
}
.date-subscription-score {
  font-size: 0.85rem;
  color: #676767;
}
.title-next-level-score {
  margin-right: 0.5rem;
}
.next-level-score {
  color: #2061e2;
}
.indicator-bar {
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
}
.indicator-progress {
  width: 70px;
  background-color: #2061e2;
  border-radius: 5px;
  height: 10px;
}
.this-week-next-level {
  font-size: 0.85rem;
  color: #a8a8a8;
}
.title-table-score {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.container-table-achieve-post {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 0.75rem;
  padding-bottom: 0;
}
.table-achieve-post {
  width: calc(100% - 8px);
  table-layout: auto;
  border-collapse: collapse;
}
.table-achieve-post thead tr {
  border-bottom: 1px solid #676767;
}
.table-achieve-post thead tr th {
  padding-bottom: 1rem;
  font-size: 14px;
  text-align: center;
  color: #000000;
}
.body-acchieve-post {
  display: table-row-group;
  border-collapse: collapse;
}
.body-acchieve-post tr {
  border-top: 1px solid #ececec;
}
.body-acchieve-post tr td {
  min-width: 180px !important;
  font-weight: 400;
  min-width: unset;
  text-align: center;
  color: #676767;
  padding: 1rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;       
}
.container-weekly-calculation {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 1.25rem;
  justify-content: center;
  align-items: center;
}
.date-weekly-calculation {
  display: flex;
  align-items: center;
  color: #000000;
}
.ic-change-date {
  width: 1rem;
  margin: 0.625rem;
}
.ic-change-date img {
  width: 100%;
}
.total-scoring {
  color: #2061e2;
}
.title-score-count {
  color: #000000;
}
@media (max-width: 767px) {
  .wrapper-date-and-level {
    flex-direction: column;
  }
  .container-total-last-week-score {
    align-items: start;
    flex-direction: column;
  }
  .wrapper-content-my-score {
    padding: 1rem  ;
  }
  .body-acchieve-post tr td {
    min-width: unset !important;
  }
  .date-weekly-calculation {
    font-size: 14px;
  }
  .ic-change-date {
    margin: 0.5rem;
  }
}
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.my-vtalk-rn {
  padding-bottom: 2.25rem;
  font-family: "SUIT";
  color: #031243;
}
.content-my-vtalk-rn {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  width: 100%;
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
.wrapper-content-my-vtalk {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  padding: 2rem;
}
.wrapper-hoding-vtalk {
  display: flex;
  align-items: center;
}
.title-hoding-vtalk {
  color: #676767;
}
.number-hoding-vtalk {
  font-size: 1.5rem;
  font-weight: 500;
  color: #2061e2;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.vtalk-unit {
  color: #031243;
}
.vtalk-description {
  margin-top: 12px;
}
.latest-weekly-settlement {
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  font-size: 14px;
}
.title-latest-weekly-settlement {
  color: #676767;
}
.number-settlement-vtalk {
  color: #2061e2;
}
.history-and-date {
  display: flex;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.change-history-vtalk {
  display: flex;
  align-items: center;
}

.this-week-vtalk {
  font-size: .85rem;
  color: #a8a8a8;
  margin-left: auto;
  display: flex;
}
.container-table-vtalk {
  background: #f5f5f5;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    grid-gap: 0.75rem;
    gap: 0.75rem;
    padding: 1.25rem;
}
.table-vtalk {
  width: calc(100% - 8px);
  table-layout: auto;
  border-collapse: collapse;
}
.table-vtalk thead tr {
  border-bottom: 1px solid #676767;
}
.table-vtalk thead tr th {
  padding-bottom: 1.25rem;
  text-align: center;
  color: #000000;
}
.body-table-vtalk {
  display: table-row-group;
  border-collapse: collapse;
}
.body-table-vtalk tr {
  border-top: 1px solid #ececec;
}
.body-table-vtalk tr td {
  min-width: 150px !important;
  font-weight: 400;
  min-width: unset;
  text-align: center;
  color: #676767;
  padding: 1rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;       
}
@media (max-width: 767px) {
  .history-and-date {
    flex-direction: column;
  }
  .this-week-vtalk {
    margin-left: 0;
  }
  .wrapper-content-my-vtalk {
    padding: 1.25rem;
  }
}
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.edit-my-profile {
  margin: 7rem auto 5rem;
  font-family: "SUIT";
  color: #031243;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  max-width: 500px;
  width: 100%;
}
.form-edit-my-profile {
  border: 1px solid #ececec;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  width: 100%;
}
.header-edit-mp-mobile {
  display: flex;
  justify-content: space-between;
}
.go-back-edit-mp {
  width: 24px;
}
.go-back-edit-mp img {
  width: 100%;
}
.btn-withdrawal-mp {
  display: flex;
  background: transparent;
  border-width: 0;
  font-size: 14px;
  color: #000000;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  justify-content: start;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.btn-withdrawal-mp img {
  width: 20px;
}
.header-edit-my-profile {
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  justify-content: space-between;
  padding: 2rem 2.5rem 1.25rem;
  align-items: center;
}
.btn-log-out {
  border: 1px solid #ececec;
  border-radius: 5px;
  font-size: 14px;
  color: #000000;
  background: transparent;
  display: flex;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  align-items: center;
  height: 40px;
  padding: 0.5rem;
}
.btn-log-out img {
  width: 20px;
}
.form-edit-mp {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  grid-gap: 1.75rem;
  gap: 1.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.wrapper-edit-item {
  display: flex;
  flex-direction: column;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
.title-edit-form-item {
  font-weight: 700;
}
.input-form-edit {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 10px;
  color: #031243;
  border: 1px solid #f0f0f0;
  padding: 0.5rem 0.5rem;
  font-size: 14px;
}
@media (max-width: 767px) {
  .edit-my-profile {
    padding: 0 1.25rem;
    margin: 1.5rem auto 5rem;
  }
}
/* register page  */
.list-agree-check {
  display: flex;
  flex-direction: column;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
.agree-check-item {
  display: flex;
  align-items: center;
}
.text-agree {
  color: #a8a8a8;
  font-size: 14px;
}
@font-face {
    font-family: "SUIT";
    font-weight: 100 900;
    src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
/* login page  */
.login-rn-container {
  height: calc(100vh - 336px);
}
.login-rn-page {
  font-family: "SUIT";
  border-radius: 10px;
  width: 450px;
  max-width: 100%;
  margin: 8.5rem auto 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1.75rem;
  gap: 1.75rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  color: #031243;
  font-size: 1rem;
  border: 1px solid #ececec;
  font-weight: 500;
}
.logo-with-whale {
  width: 260px;
}
.logo-with-whale img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.title-welcome-talken {
  font-size: 18px;
  font-weight: 500;
}

.list-sns-connect-account {
  display: flex;
  justify-content: center;
  grid-gap: 1.75rem;
  gap: 1.75rem;
  align-items: center;
}
.bg-sns-connect-item {
  background-color: #f0f0f0;
  border-radius: 50px;
  padding: 0.75rem;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
}
.bg-sns-connect-item img {
  width: 24px;

}
.text-connect-account {
  color: #676767;
  font-size: 14px;
}
.auto-login-rn {
  display: flex;
  align-items: center;
}
.input-auto-login {
  margin: 0 !important;
  margin-right: 0.5rem !important;
  width: 13px !important;
  height: 13px !important;
}
@media (max-width: 767px) {
  .login-rn-container {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .login-rn-page {
    border: none;
    margin: 4rem auto 5rem;
    padding-top: 3.5rem;
    flex: 1 1;
  }
  .wrapper-footer-login {
    display: flex;
    flex-direction: column;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-bottom: 50px;
    align-items: center;

  }
  .go-back-login {
    position: absolute;
    padding: 0.75rem;
    top: 25px;
    left: 0;
  }
  .go-back-login img {
    width: 24px;
  }
  .logo-sidebar {
    width: 100px;
  }
  .logo-sidebar img {
    width: 100%;
  }
  .text-footer-login {
    color: #676767;
    font-size: 12px;
  }
}
@font-face {
  font-family: "SUIT";
  font-weight: 100 900;
  src: url(/fonts/SUIT-Variable.woff2) format("woff2-variations");
}
.mobile-search-rn {
  font-family: "SUIT";
  padding: 60px 20px;
  font-size: 16px;
  color: #031243;
  background: #f5f5f5;
  height: 100vh;
  display: flex;
  flex-direction: column;
  grid-gap: 30px;
  gap: 30px;
}
.header-mobile-search {
  display: flex;
  justify-content: space-between;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
}
.wrapper-input-search {
  position: relative;
  flex: 1 1;
}
.input-mobile-search {
  background: #f5f5f5;
  height: 40px;
  border: 1px solid #676767;
  border-radius: 20px;
  width: 100%;
  padding: 10px 15px;
}
.ic-mb-search {
  position: absolute;
  width: 20px;
  top: 10px;
  right: 10px;
}
.text-close-search {
  color: #000000;
}
.section-search {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;

}
.title-search {
  font-weight: 700;
  color: #676767;
}
.text-not-searched-recent {
  color: #a8a8a8;
}
.list-item-search {
  display: flex;
  align-items: flex-start;
  grid-gap: 15px;
  gap: 15px;
  overflow: auto;
  scroll-behavior: auto;
}
.wrapper-search-item {
  display: flex;
  align-items: center;
  font-weight: 700; 
  grid-gap: 10px; 
  gap: 10px;
  min-width: 110px;
  max-width: 110px;
}
.bg-image-search {
  width: 40px;
  min-width: 40px;
  height: 40px;
  background: #F1F1F1;
  padding: 5px;
  border-radius: 100px;
}
.bg-image-search img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.text-image-search {
  overflow:hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
}
.associated-search {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}
.list-associated-search {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
  gap: 15px;
}
.associated-search-item {
  display: flex;
  align-items: center;
  font-weight: 700;
  grid-gap: 10px;
  grid-gap: 10px;
  gap: 10px;
}