@charset "utf-8";

/* /css/swiper-bundle.min.css */
/**
 * Swiper 11.2.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 3, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* /thema/FIVESENSES/assets/bs3/css/bootstrap.min.css */
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}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{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!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^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(https://fivepro.co.kr/thema/FIVESENSES/assets/bs3/fonts/glyphicons-halflings-regular.eot);src:url(https://fivepro.co.kr/thema/FIVESENSES/assets/bs3/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(https://fivepro.co.kr/thema/FIVESENSES/assets/bs3/fonts/glyphicons-halflings-regular.woff) format('woff'),url(https://fivepro.co.kr/thema/FIVESENSES/assets/bs3/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(https://fivepro.co.kr/thema/FIVESENSES/assets/bs3/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) 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:"\2a"}.glyphicon-plus:before{content:"\2b"}.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{}.glyphicon-chevron-right:before{}.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"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;width:100% \9;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;width:100% \9;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.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}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,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.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,.h4,h5,.h5,h6,.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%}cite{font-style:normal}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:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.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 p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small: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 footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}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;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;-webkit-box-shadow:none;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}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{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-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{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-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{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-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{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}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{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>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}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}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{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]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;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;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.42857143 \0}input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{position:absolute;margin-top:4px \9;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio].disabled,input[type=checkbox].disabled,fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{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,.form-horizontal .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg,.form-horizontal .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;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 .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;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 .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;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.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 .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{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{top:0;right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{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:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{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:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{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:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{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=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;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;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{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;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);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:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{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 solid}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@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>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.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-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>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-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{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;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-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-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=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{position:absolute;z-index:-1;filter:alpha(opacity=0);opacity:0}.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-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.33;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}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].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}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control: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=radio],.input-group-addon input[type=checkbox]{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:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{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:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{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:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{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{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:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.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:hover,.nav-tabs>li.active>a:focus{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:hover,.nav-tabs.nav-justified>.active>a:focus{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:hover,.nav-tabs.nav-justified>.active>a:focus{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:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.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:hover,.nav-tabs-justified>.active>a:focus{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:hover,.nav-tabs-justified>.active>a:focus{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;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;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-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{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-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{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}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@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-top:8px;margin-right:15px;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;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{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-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@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 .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{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}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.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{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}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{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:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{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-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{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:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#777}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#777}.navbar-inverse .navbar-nav>li>a{color:#777}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{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-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{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:#777}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#777}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#777}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{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:#428bca;text-decoration:none;background-color:#fff;border:1px solid #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>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{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}.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}.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:hover,.pager li>a:focus{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:hover,.pager .disabled>a:focus,.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:hover,a.label:focus{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]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{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:baseline;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding: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{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .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;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.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}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@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;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);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:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-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-image:-o-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-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);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{min-width:30px;color:#777;background-color:transparent;background-image:none;-webkit-box-shadow:none;box-shadow:none}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-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-image:-o-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-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:-webkit-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-image:-o-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-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:-webkit-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-image:-o-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-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:-webkit-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-image:-o-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-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,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.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>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{color:#555;text-decoration:none;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{color:#777;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{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;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);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>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{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.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{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.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 td:first-child,.panel>.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 td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th: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 th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.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 td:last-child,.panel>.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 td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th: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 th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.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 td:first-child,.panel>.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 td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.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 td:last-child,.panel>.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 td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.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{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.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>.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:#fff;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:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.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 iframe,.embed-responsive embed,.embed-responsive object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.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;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);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:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.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{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate3d(0,-25%,0);-o-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}.modal.in .modal-dialog{-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,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;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.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{min-height:16.43px;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{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;line-height:1.4;visibility:visible;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-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.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{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;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;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);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-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.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}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.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);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 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:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.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-prev,.carousel-control .icon-next{width:31px;height:62px;margin-top:-31px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer: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;visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.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}tr.visible-sm{display:table-row!important}th.visible-sm,td.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}tr.visible-md{display:table-row!important}th.visible-md,td.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}tr.visible-lg{display:table-row!important}th.visible-lg,td.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}tr.visible-print{display:table-row!important}th.visible-print,td.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}}
/* /thema/FIVESENSES/colorset/Basic-Box/colorset.css */

/* 2024-08-07 (주)파이브센스_FIVESENSES.Corp. 기본폰트 노토산스에서 프리텐다드로 변경 */
/********************************************************
■ Basic : 기본
********************************************************/
/* sense:PATCH FIVESENSES.Corp. [FontLoadOpt] — Google Fonts @import 4종 제거. font-display:swap 짜리 unicode-range face 를 주입해 로컬 optional 선언을 우회, 교체 깜빡임 유발 */
/* 동일 패밀리(Nanum Myeongjo·Roboto·Lato·Noto Sans KR)는 이 파일 하단에 로컬 선언 보유 */

@font-face { font-family: 'SpoqaHanSans'; font-weight:100; src: url('https://fivepro.co.kr/thema/FIVESENSES/colorset/Basic-Box/SpoqaHanSans-Thin.eot?#iefix') format('embedded-opentype'), url('/font/SpoqaHanSans-Thin.woff') format('woff'), url('/font/SpoqaHanSans-Thin.eot') format('opentype'); font-display: optional }
@font-face { font-family: 'SpoqaHanSans'; font-weight:300; src: url('https://fivepro.co.kr/thema/FIVESENSES/colorset/Basic-Box/SpoqaHanSans-Light.eot?#iefix') format('embedded-opentype'), url('/font/SpoqaHanSans-Light.woff') format('woff'), url('/font/SpoqaHanSans-Light.eot') format('opentype'); font-display: optional }
@font-face { font-family: 'SpoqaHanSans'; font-weight:400; src: url('https://fivepro.co.kr/thema/FIVESENSES/colorset/Basic-Box/SpoqaHanSans-Regular.eot?#iefix') format('embedded-opentype'), url('/font/SpoqaHanSans-Regular.woff') format('woff'), url('/font/SpoqaHanSans-Regular.eot') format('opentype'); font-display: optional }
@font-face { font-family: 'SpoqaHanSans'; font-weight:600; src: url('https://fivepro.co.kr/thema/FIVESENSES/colorset/Basic-Box/SpoqaHanSans-Bold.eot?#iefix') format('embedded-opentype'), url('/font/SpoqaHanSans-Bold.woff') format('woff'), url('/font/SpoqaHanSans-Bold.eot') format('opentype'); font-display: optional }

@font-face { font-family: 'Campton'; src: url('https://fivepro.co.kr/thema/FIVESENSES/colorset/Basic-Box/Campton.eot?#iefix') format('embedded-opentype'), url('/font/Campton.woff') format('woff'), url('/font/Campton.eot') format('opentype'); font-display: optional }

/* 2021-10-21 링크연동 폰트로 변경 */
/*
*/
/* 링크로 불러오는 건 로딩이 생겨서 수정 */
@font-face { font-family: 'Noto Sans KR'; font-weight:100; src:url('/font/NotoSansKR-Thin.eot');src:local(※), url('/font/NotoSansKR-Thin.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans'; font-weight:100; src:url('/font/NotoSansKR-Thin.eot');src:local(※), url('/font/NotoSansKR-Thin.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans KR'; font-weight:200; src:url('/font/NotoSansKR-Light.eot');src:local(※), url('https://fivepro.co.kr/thema/FIVESENSES/colorset/Basic-Box/font/NotoSansKR-Light.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans'; font-weight:200; src:url('/font/NotoSansKR-Light.eot');src:local(※), url('https://fivepro.co.kr/thema/FIVESENSES/colorset/Basic-Box/font/NotoSansKR-Light.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans KR'; font-weight:300; src:url('/font/NotoSansKR-Demilight.eot');src:local(※), url('/font/NotoSansKR-Demilight.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans'; font-weight:300; src:url('/font/NotoSansKR-Demilight.eot');src:local(※), url('/font/NotoSansKR-Demilight.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans KR'; font-weight:400; src:url('/font/NotoSansKR-Regular.eot');src:local(※), url('/font/NotoSansKR-Regular.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans'; font-weight:400; src:url('/font/NotoSansKR-Regular.eot');src:local(※), url('/font/NotoSansKR-Regular.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans KR'; font-weight:500; src:url('/font/NotoSansKR-Medium.eot');src:local(※), url('/font/NotoSansKR-Medium.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans'; font-weight:500; src:url('/font/NotoSansKR-Medium.eot');src:local(※), url('/font/NotoSansKR-Medium.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans KR'; font-weight:600; src:url('/font/NotoSansKR-Bold.eot');src:local(※), url('/font/NotoSansKR-Bold.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans'; font-weight:600; src:url('/font/NotoSansKR-Bold.eot');src:local(※), url('/font/NotoSansKR-Bold.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans KR'; font-weight:700; src:url('/font/NotoSansKR-Black.eot');src:local(※), url('/font/NotoSansKR-Black.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Noto Sans'; font-weight:700; src:url('/font/NotoSansKR-Black.eot');src:local(※), url('/font/NotoSansKR-Black.woff') format('woff'); font-display: optional }

@font-face { font-family: 'NanumSquare'; font-weight:200; src:url('/font/NanumSquareL.eot');src:local(※), url('/font/NanumSquareL.woff') format('woff'); font-display: optional }
@font-face { font-family: 'NanumSquare'; font-weight:400; src:url('/font/NanumSquareR.eot');src:local(※), url('/font/NanumSquareR.woff') format('woff'); font-display: optional }
@font-face { font-family: 'NanumSquare'; font-weight:600; src:url('/font/NanumSquareB.eot');src:local(※), url('/font/NanumSquareB.woff') format('woff'); font-display: optional }
@font-face { font-family: 'NanumSquare'; font-weight:800; src:url('/font/NanumSquareEB.eot');src:local(※), url('/font/NanumSquareEB.woff') format('woff'); font-display: optional }


@font-face { font-family: 'NanumGothic';
 src: url('/font/NanumGothic.eot');
 src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
      url('/font/NanumGothic.woff') format('woff');
    font-display: optional;
}

@font-face { font-family: 'NanumBarunGothic';
 src: url('/font/NanumBarunGothic.eot');
 src: url('/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
      url('/font/NanumBarunGothic.woff') format('woff');
    font-display: optional;
}

@font-face { font-family: 'NanumBarunGothicBold';
 src: url('/font/NanumBarunGothicBold.eot');
 src: url('/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
      url('/font/NanumBarunGothicBold.woff') format('woff');
    font-display: optional;
}

@font-face { font-family: 'S-CoreDream'; font-weight:100; src:url('/font/S-CoreDream-1Thin.eot');src:local(※), url('/font/S-CoreDream-1Thin.woff') format('woff'); font-display: optional }
@font-face { font-family: 'S-CoreDream'; font-weight:200; src:url('/font/S-CoreDream-2ExtraLight.eot');src:local(※), url('/font/S-CoreDream-2ExtraLight.woff') format('woff'); font-display: optional }
@font-face { font-family: 'S-CoreDream'; font-weight:300; src:url('/font/S-CoreDream-3Light.eot');src:local(※), url('/font/S-CoreDream-3Light.woff') format('woff'); font-display: optional }
@font-face { font-family: 'S-CoreDream'; font-weight:400; src:url('/font/S-CoreDream-4Regular.eot');src:local(※), url('/font/S-CoreDream-4Regular.woff') format('woff'); font-display: optional }
@font-face { font-family: 'S-CoreDream'; font-weight:500; src:url('/font/S-CoreDream-5Medium.eot');src:local(※), url('/font/S-CoreDream-5Medium.woff') format('woff'); font-display: optional }
@font-face { font-family: 'S-CoreDream'; font-weight:600; src:url('/font/S-CoreDream-6Bold.eot');src:local(※), url('/font/S-CoreDream-6Bold.woff') format('woff'); font-display: optional }
@font-face { font-family: 'S-CoreDream'; font-weight:700; src:url('/font/S-CoreDream-7ExtraBold.eot');src:local(※), url('/font/S-CoreDream-7ExtraBold.woff') format('woff'); font-display: optional }
@font-face { font-family: 'S-CoreDream'; font-weight:800; src:url('/font/S-CoreDream-8Heavy.eot');src:local(※), url('/font/S-CoreDream-8Heavy.woff') format('woff'); font-display: optional }
@font-face { font-family: 'S-CoreDream'; font-weight:900; src:url('/font/S-CoreDream-9Black.eot');src:local(※), url('/font/S-CoreDream-9Black.woff') format('woff'); font-display: optional }

/* 230911 수트폰트 */

@font-face {
    font-family: 'SUIT-Thin';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'SUIT-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'SUIT-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'SUIT-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'SUIT-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'SUIT-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'SUIT-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'SUIT-Heavy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}


/* 프리텐다드 */
/* sense:PATCH FIVESENSES.Corp. [FontLoadOpt] — Pretendard Variable dynamic-subset (공식 v1.3.9 자가호스팅). 통짜 9종 6.45MB 를 쓰인 글자 조각만 받는 92분할로 교체 */
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.0.woff2') format('woff2-variations');
    unicode-range: U+f9ca-fa0b, U+ff03-ff05, U+ff07, U+ff0a-ff0b, U+ff0d-ff19, U+ff1b, U+ff1d, U+ff20-ff5b, U+ff5d, U+ffe0-ffe3, U+ffe5-ffe6;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.1.woff2') format('woff2-variations');
    unicode-range: U+d723-d728, U+d72a-d733, U+d735-d748, U+d74a-d74f, U+d752-d753, U+d755-d757, U+d75a-d75f, U+d762-d764, U+d766-d768, U+d76a-d76b, U+d76d-d76f, U+d771-d787, U+d789-d78b, U+d78d-d78f, U+d791-d797, U+d79a, U+d79c, U+d79e-d7a3, U+f900-f909, U+f90b-f92e;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.2.woff2') format('woff2-variations');
    unicode-range: U+d679-d68b, U+d68e-d69e, U+d6a0, U+d6a2-d6a7, U+d6a9-d6c3, U+d6c6-d6c7, U+d6c9-d6cb, U+d6cd-d6d3, U+d6d5-d6d6, U+d6d8-d6e3, U+d6e5-d6e7, U+d6e9-d6fb, U+d6fd-d717, U+d719-d71f, U+d721-d722;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.3.woff2') format('woff2-variations');
    unicode-range: U+d5bc-d5c7, U+d5ca-d5cb, U+d5cd-d5cf, U+d5d1-d5d7, U+d5d9-d5da, U+d5dc, U+d5de-d5e3, U+d5e6-d5e7, U+d5e9-d5eb, U+d5ed-d5f6, U+d5f8, U+d5fa-d5ff, U+d602-d603, U+d605-d607, U+d609-d60f, U+d612-d613, U+d616-d61b, U+d61d-d637, U+d63a-d63b, U+d63d-d63f, U+d641-d647, U+d64a-d64c, U+d64e-d653, U+d656-d657, U+d659-d65b, U+d65d-d666, U+d668, U+d66a-d678;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.4.woff2') format('woff2-variations');
    unicode-range: U+d507, U+d509-d50b, U+d50d-d513, U+d515-d53b, U+d53e-d53f, U+d541-d543, U+d545-d54c, U+d54e, U+d550, U+d552-d557, U+d55a-d55b, U+d55d-d55f, U+d561-d564, U+d566-d567, U+d56a, U+d56c, U+d56e-d573, U+d576-d577, U+d579-d583, U+d585-d586, U+d58a-d5a4, U+d5a6-d5bb;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.5.woff2') format('woff2-variations');
    unicode-range: U+d464-d477, U+d47a-d47b, U+d47d-d47f, U+d481-d487, U+d489-d48a, U+d48c, U+d48e-d4e7, U+d4e9-d503, U+d505-d506;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.6.woff2') format('woff2-variations');
    unicode-range: U+d3bf-d3c7, U+d3ca-d3cf, U+d3d1-d3eb, U+d3ee-d3ef, U+d3f1-d3f3, U+d3f5-d3fb, U+d3fd-d400, U+d402-d45b, U+d45d-d463;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.7.woff2') format('woff2-variations');
    unicode-range: U+d2ff, U+d302-d304, U+d306-d30b, U+d30f, U+d311-d313, U+d315-d31b, U+d31e, U+d322-d324, U+d326-d327, U+d32a-d32b, U+d32d-d32f, U+d331-d337, U+d339-d33c, U+d33e-d37b, U+d37e-d37f, U+d381-d383, U+d385-d38b, U+d38e-d390, U+d392-d397, U+d39a-d39b, U+d39d-d39f, U+d3a1-d3a7, U+d3a9-d3aa, U+d3ac, U+d3ae-d3b3, U+d3b5-d3b7, U+d3b9-d3bb, U+d3bd-d3be;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.8.woff2') format('woff2-variations');
    unicode-range: U+d257-d27f, U+d281-d29b, U+d29d-d29f, U+d2a1-d2ab, U+d2ad-d2b7, U+d2ba-d2bb, U+d2bd-d2bf, U+d2c1-d2c7, U+d2c9-d2ef, U+d2f2-d2f3, U+d2f5-d2f7, U+d2f9-d2fe;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.9.woff2') format('woff2-variations');
    unicode-range: U+d1b4, U+d1b6-d1f3, U+d1f5-d22b, U+d22e-d22f, U+d231-d233, U+d235-d23b, U+d23d-d240, U+d242-d256;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.10.woff2') format('woff2-variations');
    unicode-range: U+d105-d12f, U+d132-d133, U+d135-d137, U+d139-d13f, U+d141-d142, U+d144, U+d146-d14b, U+d14e-d14f, U+d151-d153, U+d155-d15b, U+d15e-d187, U+d189-d19f, U+d1a2-d1a3, U+d1a5-d1a7, U+d1a9-d1af, U+d1b2-d1b3;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.11.woff2') format('woff2-variations');
    unicode-range: U+d04b-d04f, U+d051-d057, U+d059-d06b, U+d06d-d06f, U+d071-d073, U+d075-d07b, U+d07e-d0a3, U+d0a6-d0a7, U+d0a9-d0ab, U+d0ad-d0b3, U+d0b6, U+d0b8, U+d0ba-d0bf, U+d0c2-d0c3, U+d0c5-d0c7, U+d0c9-d0cf, U+d0d2, U+d0d6-d0db, U+d0de-d0df, U+d0e1-d0e3, U+d0e5-d0eb, U+d0ee-d0f0, U+d0f2-d104;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.12.woff2') format('woff2-variations');
    unicode-range: U+cfa2-cfc3, U+cfc5-cfdf, U+cfe2-cfe3, U+cfe5-cfe7, U+cfe9-cff4, U+cff6-cffb, U+cffd-cfff, U+d001-d003, U+d005-d017, U+d019-d033, U+d036-d037, U+d039-d03b, U+d03d-d04a;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.13.woff2') format('woff2-variations');
    unicode-range: U+cef0-cef3, U+cef6, U+cef9-ceff, U+cf01-cf03, U+cf05-cf07, U+cf09-cf0f, U+cf11-cf12, U+cf14-cf1b, U+cf1d-cf1f, U+cf21-cf2f, U+cf31-cf53, U+cf56-cf57, U+cf59-cf5b, U+cf5d-cf63, U+cf66, U+cf68, U+cf6a-cf6f, U+cf71-cf84, U+cf86-cf8b, U+cf8d-cfa1;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.14.woff2') format('woff2-variations');
    unicode-range: U+ce3c-ce57, U+ce5a-ce5b, U+ce5d-ce5f, U+ce61-ce67, U+ce6a, U+ce6c, U+ce6e-ce73, U+ce76-ce77, U+ce79-ce7b, U+ce7d-ce83, U+ce85-ce88, U+ce8a-ce8f, U+ce91-ce93, U+ce95-ce97, U+ce99-ce9f, U+cea2, U+cea4-ceab, U+cead-cee3, U+cee6-cee7, U+cee9-ceeb, U+ceed-ceef;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.15.woff2') format('woff2-variations');
    unicode-range: U+cd92-cd93, U+cd96-cd97, U+cd99-cd9b, U+cd9d-cda3, U+cda6-cda8, U+cdaa-cdaf, U+cdb1-cdc3, U+cdc5-cdcb, U+cdcd-cde7, U+cde9-ce03, U+ce05-ce1f, U+ce22-ce34, U+ce36-ce3b;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.16.woff2') format('woff2-variations');
    unicode-range: U+ccef-cd07, U+cd0a-cd0b, U+cd0d-cd1a, U+cd1c, U+cd1e-cd2b, U+cd2d-cd5b, U+cd5d-cd77, U+cd79-cd91;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.17.woff2') format('woff2-variations');
    unicode-range: U+cc3f-cc43, U+cc46-cc47, U+cc49-cc4b, U+cc4d-cc53, U+cc55-cc58, U+cc5a-cc5f, U+cc61-cc97, U+cc9a-cc9b, U+cc9d-cc9f, U+cca1-cca7, U+ccaa, U+ccac, U+ccae-ccb3, U+ccb6-ccb7, U+ccb9-ccbb, U+ccbd-cccf, U+ccd1-cce3, U+cce5-ccee;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.18.woff2') format('woff2-variations');
    unicode-range: U+cb91-cbd3, U+cbd5-cbe3, U+cbe5-cc0b, U+cc0e-cc0f, U+cc11-cc13, U+cc15-cc1b, U+cc1d-cc20, U+cc23-cc27, U+cc2a-cc2b, U+cc2d, U+cc2f, U+cc31-cc37, U+cc3a, U+cc3c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.19.woff2') format('woff2-variations');
    unicode-range: U+caf4-cb47, U+cb4a-cb90;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.20.woff2') format('woff2-variations');
    unicode-range: U+ca4a-ca4b, U+ca4e-ca4f, U+ca51-ca53, U+ca55-ca5b, U+ca5d-ca60, U+ca62-ca83, U+ca85-cabb, U+cabe-cabf, U+cac1-cac3, U+cac5-cacb, U+cacd-cad0, U+cad2, U+cad4-cad8, U+cada-caf3;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.21.woff2') format('woff2-variations');
    unicode-range: U+c996-c997, U+c99a-c99c, U+c99e-c9bf, U+c9c2-c9c3, U+c9c5-c9c7, U+c9c9-c9cf, U+c9d2, U+c9d4, U+c9d7-c9d8, U+c9db, U+c9de-c9df, U+c9e1-c9e3, U+c9e5-c9e6, U+c9e8-c9eb, U+c9ee-c9f0, U+c9f2-c9f7, U+c9f9-ca0b, U+ca0d-ca28, U+ca2a-ca49;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.22.woff2') format('woff2-variations');
    unicode-range: U+c8e9-c8f4, U+c8f6-c8fb, U+c8fe-c8ff, U+c901-c903, U+c905-c90b, U+c90e-c910, U+c912-c917, U+c919-c92b, U+c92d-c94f, U+c951-c953, U+c955-c96b, U+c96d-c973, U+c975-c987, U+c98a-c98b, U+c98d-c98f, U+c991-c995;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.23.woff2') format('woff2-variations');
    unicode-range: U+c841-c84b, U+c84d-c86f, U+c872-c873, U+c875-c877, U+c879-c87f, U+c882-c884, U+c887-c88a, U+c88d-c8c3, U+c8c5-c8df, U+c8e1-c8e8;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.24.woff2') format('woff2-variations');
    unicode-range: U+c779-c77b, U+c77e-c782, U+c786, U+c78b, U+c78d, U+c78f, U+c792-c793, U+c795, U+c797, U+c799-c79f, U+c7a2, U+c7a7-c7ab, U+c7ae-c7bb, U+c7bd-c7c0, U+c7c2-c7c7, U+c7c9-c7dc, U+c7de-c7ff, U+c802-c803, U+c805-c807, U+c809, U+c80b-c80f, U+c812, U+c814, U+c817-c81b, U+c81e-c81f, U+c821-c823, U+c825-c82e, U+c830-c837, U+c839-c83b, U+c83d-c840;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.25.woff2') format('woff2-variations');
    unicode-range: U+c6bb-c6bf, U+c6c2, U+c6c4, U+c6c6-c6cb, U+c6ce-c6cf, U+c6d1-c6d3, U+c6d5-c6db, U+c6dd-c6df, U+c6e1-c6e7, U+c6e9-c6eb, U+c6ed-c6ef, U+c6f1-c6f8, U+c6fa-c703, U+c705-c707, U+c709-c70b, U+c70d-c716, U+c718, U+c71a-c71f, U+c722-c723, U+c725-c727, U+c729-c734, U+c736-c73b, U+c73e-c73f, U+c741-c743, U+c745-c74b, U+c74e-c750, U+c752-c757, U+c759-c773, U+c776-c777;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.26.woff2') format('woff2-variations');
    unicode-range: U+c5f5-c5fb, U+c5fe, U+c602-c605, U+c607, U+c609-c60f, U+c611-c61a, U+c61c-c623, U+c626-c627, U+c629-c62b, U+c62d, U+c62f-c632, U+c636, U+c638, U+c63a-c63f, U+c642-c643, U+c645-c647, U+c649-c652, U+c656-c65b, U+c65d-c65f, U+c661-c663, U+c665-c677, U+c679-c67b, U+c67d-c693, U+c696-c697, U+c699-c69b, U+c69d-c6a3, U+c6a6, U+c6a8, U+c6aa-c6af, U+c6b2-c6b3, U+c6b5-c6b7, U+c6b9-c6ba;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.27.woff2') format('woff2-variations');
    unicode-range: U+c517-c527, U+c52a-c52b, U+c52d-c52f, U+c531-c538, U+c53a, U+c53c, U+c53e-c543, U+c546-c547, U+c54b, U+c54d-c552, U+c556, U+c55a-c55b, U+c55d, U+c55f, U+c562-c563, U+c565-c567, U+c569-c56f, U+c572, U+c574, U+c576-c57b, U+c57e-c57f, U+c581-c583, U+c585-c586, U+c588-c58b, U+c58e, U+c590, U+c592-c596, U+c599-c5b3, U+c5b6-c5b7, U+c5ba, U+c5be-c5c3, U+c5ca-c5cb, U+c5cd, U+c5cf, U+c5d2-c5d3, U+c5d5-c5d7, U+c5d9-c5df, U+c5e1-c5e2, U+c5e4, U+c5e6-c5eb, U+c5ef, U+c5f1-c5f3;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.28.woff2') format('woff2-variations');
    unicode-range: U+c475-c4ef, U+c4f2-c4f3, U+c4f5-c4f7, U+c4f9-c4ff, U+c502-c50b, U+c50d-c516;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.29.woff2') format('woff2-variations');
    unicode-range: U+c3d0-c3d7, U+c3da-c3db, U+c3dd-c3de, U+c3e1-c3ec, U+c3ee-c3f3, U+c3f5-c42b, U+c42d-c463, U+c466-c474;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.30.woff2') format('woff2-variations');
    unicode-range: U+c32b-c367, U+c36a-c36b, U+c36d-c36f, U+c371-c377, U+c37a-c37b, U+c37e-c383, U+c385-c387, U+c389-c3cf;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.31.woff2') format('woff2-variations');
    unicode-range: U+c26a-c26b, U+c26d-c26f, U+c271-c273, U+c275-c27b, U+c27e-c287, U+c289-c28f, U+c291-c297, U+c299-c29a, U+c29c-c2a3, U+c2a5-c2a7, U+c2a9-c2ab, U+c2ad-c2b3, U+c2b6, U+c2b8, U+c2ba-c2bb, U+c2bd-c2db, U+c2de-c2df, U+c2e1-c2e2, U+c2e5-c2ea, U+c2ee, U+c2f0, U+c2f2-c2f5, U+c2f7, U+c2fa-c2fb, U+c2fd-c2ff, U+c301-c307, U+c309-c30c, U+c30e-c312, U+c315-c323, U+c325-c328, U+c32a;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.32.woff2') format('woff2-variations');
    unicode-range: U+c1bc-c1c3, U+c1c5-c1df, U+c1e1-c1fb, U+c1fd-c203, U+c205-c20c, U+c20e, U+c210-c217, U+c21a-c21b, U+c21d-c21e, U+c221-c227, U+c229-c22a, U+c22c, U+c22e, U+c230, U+c233-c24f, U+c251-c257, U+c259-c269;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.33.woff2') format('woff2-variations');
    unicode-range: U+c101-c11b, U+c11f, U+c121-c123, U+c125-c12b, U+c12e, U+c132-c137, U+c13a-c13b, U+c13d-c13f, U+c141-c147, U+c14a, U+c14c-c153, U+c155-c157, U+c159-c15b, U+c15d-c166, U+c169-c16f, U+c171-c177, U+c179-c18b, U+c18e-c18f, U+c191-c193, U+c195-c19b, U+c19d-c19e, U+c1a0, U+c1a2-c1a4, U+c1a6-c1bb;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.34.woff2') format('woff2-variations');
    unicode-range: U+c049-c057, U+c059-c05b, U+c05d-c05f, U+c061-c067, U+c069-c08f, U+c091-c0ab, U+c0ae-c0af, U+c0b1-c0b3, U+c0b5, U+c0b7-c0bb, U+c0be, U+c0c2-c0c7, U+c0ca-c0cb, U+c0cd-c0cf, U+c0d1-c0d7, U+c0d9-c0da, U+c0dc, U+c0de-c0e3, U+c0e5-c0eb, U+c0ed-c0f3, U+c0f6, U+c0f8, U+c0fa-c0ff;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.35.woff2') format('woff2-variations');
    unicode-range: U+bfa7-bfaf, U+bfb1-bfc4, U+bfc6-bfcb, U+bfce-bfcf, U+bfd1-bfd3, U+bfd5-bfdb, U+bfdd-c048;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.36.woff2') format('woff2-variations');
    unicode-range: U+bf07, U+bf09-bf3f, U+bf41-bf4f, U+bf52-bf54, U+bf56-bfa6;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.37.woff2') format('woff2-variations');
    unicode-range: U+be56, U+be58, U+be5c-be5f, U+be62-be63, U+be65-be67, U+be69-be74, U+be76-be7b, U+be7e-be7f, U+be81-be8e, U+be90, U+be92-bea7, U+bea9-becf, U+bed2-bed3, U+bed5-bed6, U+bed9-bee3, U+bee6-bf06;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.38.woff2') format('woff2-variations');
    unicode-range: U+bdb0-bdd3, U+bdd5-bdef, U+bdf1-be0b, U+be0d-be0f, U+be11-be13, U+be15-be43, U+be46-be47, U+be49-be4b, U+be4d-be53;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.39.woff2') format('woff2-variations');
    unicode-range: U+bd03, U+bd06, U+bd08, U+bd0a-bd0f, U+bd11-bd22, U+bd25-bd47, U+bd49-bd58, U+bd5a-bd7f, U+bd82-bd83, U+bd85-bd87, U+bd8a-bd8f, U+bd91-bd92, U+bd94, U+bd96-bd98, U+bd9a-bdaf;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.40.woff2') format('woff2-variations');
    unicode-range: U+bc4e-bc83, U+bc86-bc87, U+bc89-bc8b, U+bc8d-bc93, U+bc96, U+bc98, U+bc9b-bc9f, U+bca2-bca3, U+bca5-bca7, U+bca9-bcb2, U+bcb4-bcbb, U+bcbe-bcbf, U+bcc1-bcc3, U+bcc5-bccc, U+bcce-bcd0, U+bcd2-bcd4, U+bcd6-bcf3, U+bcf7, U+bcf9-bcfb, U+bcfd-bd02;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.41.woff2') format('woff2-variations');
    unicode-range: U+bb90-bba3, U+bba5-bbab, U+bbad-bbbf, U+bbc1-bbf7, U+bbfa-bbfb, U+bbfd-bbfe, U+bc01-bc07, U+bc09-bc0a, U+bc0e, U+bc10, U+bc12-bc13, U+bc17, U+bc19-bc1a, U+bc1e, U+bc20-bc23, U+bc26, U+bc28, U+bc2a-bc2c, U+bc2e-bc2f, U+bc32-bc33, U+bc35-bc37, U+bc39-bc3f, U+bc41-bc42, U+bc44, U+bc46-bc48, U+bc4a-bc4d;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.42.woff2') format('woff2-variations');
    unicode-range: U+bae6-bafb, U+bafd-bb17, U+bb19-bb33, U+bb37, U+bb39-bb3a, U+bb3d-bb43, U+bb45-bb46, U+bb48, U+bb4a-bb4f, U+bb51-bb53, U+bb55-bb57, U+bb59-bb62, U+bb64-bb8f;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.43.woff2') format('woff2-variations');
    unicode-range: U+ba30-ba37, U+ba3a-ba3b, U+ba3d-ba3f, U+ba41-ba47, U+ba49-ba4a, U+ba4c, U+ba4e-ba53, U+ba56-ba57, U+ba59-ba5b, U+ba5d-ba63, U+ba65-ba66, U+ba68-ba6f, U+ba71-ba73, U+ba75-ba77, U+ba79-ba84, U+ba86, U+ba88-baa7, U+baaa, U+baad-baaf, U+bab1-bab7, U+baba, U+babc, U+babe-bae5;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.44.woff2') format('woff2-variations');
    unicode-range: U+b96e-b973, U+b976-b977, U+b979-b97b, U+b97d-b983, U+b986, U+b988, U+b98a-b98d, U+b98f-b9ab, U+b9ae-b9af, U+b9b1-b9b3, U+b9b5-b9bb, U+b9be, U+b9c0, U+b9c2-b9c7, U+b9ca-b9cb, U+b9cd, U+b9d2-b9d7, U+b9da, U+b9dc, U+b9df-b9e0, U+b9e2, U+b9e6-b9e7, U+b9e9-b9f3, U+b9f6, U+b9f8, U+b9fb-ba2f;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.45.woff2') format('woff2-variations');
    unicode-range: U+b8bf-b8cb, U+b8cd-b8e0, U+b8e2-b8e7, U+b8ea-b8eb, U+b8ed-b8ef, U+b8f1-b8f7, U+b8fa, U+b8fc, U+b8fe-b903, U+b905-b917, U+b919-b91f, U+b921-b93b, U+b93d-b957, U+b95a-b95b, U+b95d-b95f, U+b961-b967, U+b969-b96c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.46.woff2') format('woff2-variations');
    unicode-range: U+b80d-b80f, U+b811-b817, U+b81a, U+b81c-b823, U+b826-b827, U+b829-b82b, U+b82d-b833, U+b836, U+b83a-b83f, U+b841-b85b, U+b85e-b85f, U+b861-b863, U+b865-b86b, U+b86e, U+b870, U+b872-b8af, U+b8b1-b8be;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.47.woff2') format('woff2-variations');
    unicode-range: U+b74d-b75f, U+b761-b763, U+b765-b774, U+b776-b77b, U+b77e-b77f, U+b781-b783, U+b785-b78b, U+b78e, U+b792-b796, U+b79a-b79b, U+b79d-b7a7, U+b7aa, U+b7ae-b7b3, U+b7b6-b7c8, U+b7ca-b7eb, U+b7ee-b7ef, U+b7f1-b7f3, U+b7f5-b7fb, U+b7fe, U+b802-b806, U+b80a-b80b;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.48.woff2') format('woff2-variations');
    unicode-range: U+b6a7-b6aa, U+b6ac-b6b0, U+b6b2-b6ef, U+b6f1-b727, U+b72a-b72b, U+b72d-b72e, U+b731-b737, U+b739-b73a, U+b73c-b743, U+b745-b74c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.49.woff2') format('woff2-variations');
    unicode-range: U+b605-b60f, U+b612-b617, U+b619-b624, U+b626-b69b, U+b69e-b6a3, U+b6a5-b6a6;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.50.woff2') format('woff2-variations');
    unicode-range: U+b55f, U+b562-b583, U+b585-b59f, U+b5a2-b5a3, U+b5a5-b5a7, U+b5a9-b5b2, U+b5b5-b5ba, U+b5bd-b604;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.51.woff2') format('woff2-variations');
    unicode-range: U+b4a5-b4b6, U+b4b8-b4bf, U+b4c1-b4c7, U+b4c9-b4db, U+b4de-b4df, U+b4e1-b4e2, U+b4e5-b4eb, U+b4ee, U+b4f0, U+b4f2-b513, U+b516-b517, U+b519-b51a, U+b51d-b523, U+b526, U+b528, U+b52b-b52f, U+b532-b533, U+b535-b537, U+b539-b53f, U+b541-b544, U+b546-b54b, U+b54d-b54f, U+b551-b55b, U+b55d-b55e;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.52.woff2') format('woff2-variations');
    unicode-range: U+b3f8-b3fb, U+b3fd-b40f, U+b411-b417, U+b419-b41b, U+b41d-b41f, U+b421-b427, U+b42a-b42b, U+b42d-b44f, U+b452-b453, U+b455-b457, U+b459-b45f, U+b462-b464, U+b466-b46b, U+b46d-b47f, U+b481-b4a3;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.53.woff2') format('woff2-variations');
    unicode-range: U+b342-b353, U+b356-b357, U+b359-b35b, U+b35d-b35e, U+b360-b363, U+b366, U+b368, U+b36a-b36d, U+b36f, U+b372-b373, U+b375-b377, U+b379-b37f, U+b381-b382, U+b384, U+b386-b38b, U+b38d-b3c3, U+b3c6-b3c7, U+b3c9-b3ca, U+b3cd-b3d3, U+b3d6, U+b3d8, U+b3da-b3f7;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.54.woff2') format('woff2-variations');
    unicode-range: U+b27c-b283, U+b285-b28f, U+b292-b293, U+b295-b297, U+b29a-b29f, U+b2a1-b2a4, U+b2a7-b2a9, U+b2ab, U+b2ad-b2c7, U+b2ca-b2cb, U+b2cd-b2cf, U+b2d1-b2d7, U+b2da, U+b2dc, U+b2de-b2e3, U+b2e7, U+b2e9-b2ea, U+b2ef-b2f3, U+b2f6, U+b2f8, U+b2fa-b2fb, U+b2fd-b2fe, U+b302-b303, U+b305-b307, U+b309-b30f, U+b312, U+b316-b31b, U+b31d-b341;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.55.woff2') format('woff2-variations');
    unicode-range: U+b1d6-b1e7, U+b1e9-b1fc, U+b1fe-b203, U+b206-b207, U+b209-b20b, U+b20d-b213, U+b216-b21f, U+b221-b257, U+b259-b273, U+b275-b27b;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.56.woff2') format('woff2-variations');
    unicode-range: U+b120-b122, U+b126-b127, U+b129-b12b, U+b12d-b133, U+b136, U+b138, U+b13a-b13f, U+b142-b143, U+b145-b14f, U+b151-b153, U+b156-b157, U+b159-b177, U+b17a-b17b, U+b17d-b17f, U+b181-b187, U+b189-b18c, U+b18e-b191, U+b195-b1a7, U+b1a9-b1cb, U+b1cd-b1d5;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.57.woff2') format('woff2-variations');
    unicode-range: U+b05f-b07b, U+b07e-b07f, U+b081-b083, U+b085-b08b, U+b08d-b097, U+b09b, U+b09d-b09f, U+b0a2-b0a7, U+b0aa, U+b0b0, U+b0b2, U+b0b6-b0b7, U+b0b9-b0bb, U+b0bd-b0c3, U+b0c6-b0c7, U+b0ca-b0cf, U+b0d1-b0df, U+b0e1-b0e4, U+b0e6-b107, U+b10a-b10b, U+b10d-b10f, U+b111-b112, U+b114-b117, U+b119-b11a, U+b11c-b11f;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.58.woff2') format('woff2-variations');
    unicode-range: U+afac-afb7, U+afba-afbb, U+afbd-afbf, U+afc1-afc6, U+afca-afcc, U+afce-afd3, U+afd5-afe7, U+afe9-afef, U+aff1-b00b, U+b00d-b00f, U+b011-b013, U+b015-b01b, U+b01d-b027, U+b029-b043, U+b045-b047, U+b049, U+b04b, U+b04d-b052, U+b055-b056, U+b058-b05c, U+b05e;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.59.woff2') format('woff2-variations');
    unicode-range: U+af03-af07, U+af09-af2b, U+af2e-af33, U+af35-af3b, U+af3e-af40, U+af44-af47, U+af4a-af5c, U+af5e-af63, U+af65-af7f, U+af81-afab;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.60.woff2') format('woff2-variations');
    unicode-range: U+ae56-ae5b, U+ae5e-ae60, U+ae62-ae64, U+ae66-ae67, U+ae69-ae6b, U+ae6d-ae83, U+ae85-aebb, U+aebf, U+aec1-aec3, U+aec5-aecb, U+aece, U+aed0, U+aed2-aed7, U+aed9-aef3, U+aef5-af02;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.61.woff2') format('woff2-variations');
    unicode-range: U+ad9c-ada3, U+ada5-adbf, U+adc1-adc3, U+adc5-adc7, U+adc9-add2, U+add4-addb, U+addd-addf, U+ade1-ade3, U+ade5-adf7, U+adfa-adfb, U+adfd-adff, U+ae02-ae07, U+ae0a, U+ae0c, U+ae0e-ae13, U+ae15-ae2f, U+ae31-ae33, U+ae35-ae37, U+ae39-ae3f, U+ae42, U+ae44, U+ae46-ae49, U+ae4b, U+ae4f, U+ae51-ae53, U+ae55;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.62.woff2') format('woff2-variations');
    unicode-range: U+ace2-ace3, U+ace5-ace6, U+ace9-acef, U+acf2, U+acf4, U+acf7-acfb, U+acfe-acff, U+ad01-ad03, U+ad05-ad0b, U+ad0d-ad10, U+ad12-ad1b, U+ad1d-ad33, U+ad35-ad48, U+ad4a-ad4f, U+ad51-ad6b, U+ad6e-ad6f, U+ad71-ad72, U+ad77-ad7c, U+ad7e, U+ad80, U+ad82-ad87, U+ad89-ad8b, U+ad8d-ad8f, U+ad91-ad9b;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.63.woff2') format('woff2-variations');
    unicode-range: U+ac25-ac2c, U+ac2e, U+ac30, U+ac32-ac37, U+ac39-ac3f, U+ac41-ac4c, U+ac4e-ac6f, U+ac72-ac73, U+ac75-ac76, U+ac79-ac7f, U+ac82, U+ac84-ac88, U+ac8a-ac8b, U+ac8d-ac8f, U+ac91-ac93, U+ac95-ac9b, U+ac9d-ac9e, U+aca1-aca7, U+acab, U+acad-acaf, U+acb1-acb7, U+acba-acbb, U+acbe-acc0, U+acc2-acc3, U+acc5-acdf;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.64.woff2') format('woff2-variations');
    unicode-range: U+99df, U+99ed, U+99f1, U+99ff, U+9a01, U+9a08, U+9a0e-9a0f, U+9a19, U+9a2b, U+9a30, U+9a36-9a37, U+9a40, U+9a43, U+9a45, U+9a4d, U+9a55, U+9a57, U+9a5a-9a5b, U+9a5f, U+9a62, U+9a65, U+9a69-9a6a, U+9aa8, U+9ab8, U+9ad3, U+9ae5, U+9aee, U+9b1a, U+9b27, U+9b2a, U+9b31, U+9b3c, U+9b41-9b45, U+9b4f, U+9b54, U+9b5a, U+9b6f, U+9b8e, U+9b91, U+9b9f, U+9bab, U+9bae, U+9bc9, U+9bd6, U+9be4, U+9be8, U+9c0d, U+9c10, U+9c12, U+9c15, U+9c25, U+9c32, U+9c3b, U+9c47, U+9c49, U+9c57, U+9ce5, U+9ce7, U+9ce9, U+9cf3-9cf4, U+9cf6, U+9d09, U+9d1b, U+9d26, U+9d28, U+9d3b, U+9d51, U+9d5d, U+9d60-9d61, U+9d6c, U+9d72, U+9da9, U+9daf, U+9db4, U+9dc4, U+9dd7, U+9df2, U+9df8-9dfa, U+9e1a, U+9e1e, U+9e75, U+9e79, U+9e7d, U+9e7f, U+9e92-9e93, U+9e97, U+9e9d, U+9e9f, U+9ea5, U+9eb4-9eb5, U+9ebb, U+9ebe, U+9ec3, U+9ecd-9ece, U+9ed4, U+9ed8, U+9edb-9edc, U+9ede, U+9ee8, U+9ef4, U+9f07-9f08, U+9f0e, U+9f13, U+9f20, U+9f3b, U+9f4a-9f4b, U+9f4e, U+9f52, U+9f5f, U+9f61, U+9f67, U+9f6a, U+9f6c, U+9f77, U+9f8d, U+9f90, U+9f95, U+9f9c, U+ac02-ac03, U+ac05-ac06, U+ac09-ac0f, U+ac17-ac18, U+ac1b, U+ac1e-ac1f, U+ac21-ac23;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.65.woff2') format('woff2-variations');
    unicode-range: U+338c-339c, U+339f-33a0, U+33a2-33cb, U+33cf-33d0, U+33d3, U+33d6, U+33d8, U+33db-33dd, U+4e01, U+4e03, U+4e07-4e08, U+4e11, U+4e14-4e15, U+4e18-4e19, U+4e1e, U+4e32, U+4e38-4e39, U+4e42-4e43, U+4e45, U+4e4d-4e4f, U+4e56, U+4e58-4e59, U+4e5d-4e5e, U+4e6b, U+4e6d, U+4e73, U+4e76-4e77, U+4e7e, U+4e82, U+4e86, U+4e88, U+4e8e, U+4e90-4e92, U+4e94-4e95, U+4e98, U+4e9b, U+4e9e, U+4ea1-4ea2, U+4ea4-4ea6, U+4ea8, U+4eab, U+4ead-4eae, U+4eb6, U+4ec0-4ec1, U+4ec4, U+4ec7, U+4ecb, U+4ecd, U+4ed4-4ed5, U+4ed7-4ed9, U+4edd, U+4edf, U+4ee4, U+4ef0, U+4ef2, U+4ef6-4ef7, U+4efb, U+4f01, U+4f09, U+4f0b, U+4f0d-4f11, U+4f2f, U+4f34, U+4f36, U+4f38, U+4f3a, U+4f3c-4f3d;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.66.woff2') format('woff2-variations');
    unicode-range: U+3136, U+3138, U+313a-3140, U+3143-3144, U+3150, U+3152, U+3154-3156, U+3158-315b, U+315d-315f, U+3162, U+3164-318c, U+318e, U+3200-321b, U+3231, U+3239, U+3251-325a, U+3260-327b, U+327e-327f, U+328a-3290, U+3294, U+329e, U+32a5, U+3380-3384, U+3388-338b;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.67.woff2') format('woff2-variations');
    unicode-range: U+2f7d, U+2f7f-2f8b, U+2f8e-2f90, U+2f92-2f97, U+2f99-2fa0, U+2fa2-2fa3, U+2fa5-2fa9, U+2fac-2fb1, U+2fb3-2fbc, U+2fc1-2fca, U+2fcd-2fd4, U+3003, U+3012-3019, U+301c, U+301e-3020, U+3036, U+3041, U+3043, U+3045, U+3047, U+3049, U+304e, U+3050, U+3052, U+3056, U+305a, U+305c, U+305e, U+3062, U+3065, U+306c, U+3070-307d, U+3080, U+3085, U+3087, U+308e, U+3090-3091, U+30a1, U+30a5, U+30a9, U+30ae, U+30b1-30b2, U+30b4, U+30b6, U+30bc-30be, U+30c2, U+30c5, U+30cc, U+30d2, U+30d4, U+30d8-30dd, U+30e4, U+30e6, U+30e8, U+30ee, U+30f0-30f2, U+30f4-30f6, U+3133, U+3135;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.68.woff2') format('woff2-variations');
    unicode-range: U+2541-254b, U+25a4-25a9, U+25b1, U+25b5, U+25b9, U+25bf, U+25c1, U+25c3, U+25c9-25ca, U+25cc, U+25ce, U+25d0-25d1, U+25e6, U+25ef, U+260f, U+261d, U+261f, U+262f, U+2660, U+2664, U+2667-2669, U+266d, U+266f, U+2716, U+271a, U+273d, U+2756, U+2776-277f, U+278a-2793, U+2963, U+2965, U+2ac5-2ac6, U+2acb-2acc, U+2f00, U+2f04, U+2f06, U+2f08, U+2f0a-2f0b, U+2f11-2f12, U+2f14, U+2f17-2f18, U+2f1c-2f1d, U+2f1f-2f20, U+2f23-2f26, U+2f28-2f29, U+2f2b, U+2f2d, U+2f2f-2f32, U+2f38, U+2f3c-2f40, U+2f42-2f4c, U+2f4f-2f52, U+2f54-2f58, U+2f5a-2f66, U+2f69-2f70, U+2f72-2f76, U+2f78, U+2f7a-2f7c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.69.woff2') format('woff2-variations');
    unicode-range: U+2479-2487, U+249c-24d1, U+24d3-24d7, U+24d9-24e9, U+24eb-24f4, U+2500-2501, U+2503, U+250c-2513, U+2515-2516, U+2518-2540;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.70.woff2') format('woff2-variations');
    unicode-range: U+215b-215e, U+2162-2169, U+2170-2179, U+2195-2199, U+21b0-21b4, U+21bc, U+21c0, U+21c4-21c5, U+21cd, U+21cf-21d4, U+21e0-21e3, U+21e6-21e9, U+2200, U+2202-2203, U+2206-2209, U+220b-220c, U+220f, U+2211, U+2213, U+221a, U+221d-2220, U+2222, U+2225-2227, U+2229-222c, U+222e, U+2234-2237, U+223d, U+2243, U+2245, U+2248, U+2250-2253, U+225a, U+2260-2262, U+2264-2267, U+226a-226b, U+226e-2273, U+2276-2277, U+2279-227b, U+2280-2287, U+228a-228b, U+2295-2297, U+22a3-22a5, U+22bb-22bc, U+22ce-22cf, U+22da-22db, U+22ee-22ef, U+2306, U+2312, U+2314, U+2467-2478;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.71.woff2') format('woff2-variations');
    unicode-range: U+81-82, U+84, U+a2-a5, U+a7-a8, U+aa, U+ac, U+b1-b3, U+b6, U+b8-ba, U+bc-be, U+c0, U+c2, U+c6-cb, U+ce-d0, U+d4, U+d8-d9, U+db-dc, U+de-df, U+e6, U+eb, U+ee-f0, U+f4, U+f7-f9, U+fb, U+fe-ff, U+111, U+126-127, U+132-133, U+138, U+13f-142, U+149-14b, U+152-153, U+166-167, U+2bc, U+2c7, U+2d0, U+2d8-2d9, U+2db-2dd, U+391-394, U+396-3a1, U+3a3-3a9, U+3b2-3b6, U+3b8, U+3bc, U+3be-3c1, U+3c3-3c9, U+2010, U+2015-2016, U+2018-2019, U+201b, U+201f-2021, U+2025, U+2030, U+2033-2036, U+203c, U+203e, U+2042, U+2074, U+207a-207f, U+2081-2084, U+2109, U+2113, U+2116, U+2121, U+2126, U+212b, U+2153-2154;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.72.woff2') format('woff2-variations');
    unicode-range: U+e8, U+2da, U+2160, U+2194, U+3054, U+3058, U+306d, U+3086, U+308d, U+30ac, U+30bb, U+30c4, U+30cd-30ce, U+30e2, U+3132, U+3146, U+3149, U+339d, U+4e3b, U+4f0a, U+4fdd, U+4fe1, U+5409, U+540c, U+5834, U+592a-592b, U+5b9a, U+5dde, U+5e0c, U+5e73, U+5f0f, U+60f3, U+653f, U+661f, U+662f, U+667a, U+683c, U+6b4c, U+6c11, U+767c, U+76ee, U+76f4, U+77f3, U+79d1, U+7a7a, U+7b2c, U+7d22, U+8207, U+8a00, U+8a71, U+9280, U+9580, U+958b, U+96c6, U+9762, U+98df, U+9ed1, U+ac2d, U+adc8, U+add3, U+af48, U+b014, U+b134-b135, U+b158, U+b2aa, U+b35f, U+b6a4, U+b9cf, U+bb63, U+bd23, U+be91, U+c29b, U+c3f4, U+c42c, U+c55c, U+c573, U+c58f, U+c78c, U+c7dd, U+c8f5, U+cad1, U+cc48, U+cf10, U+cf20, U+d03c, U+d07d, U+d2a0, U+d30e, U+d38d, U+d3a8, U+d3c8, U+d5e5, U+d5f9, U+d6e4, U+f90a, U+ff02, U+ff1c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.73.woff2') format('woff2-variations');
    unicode-range: U+3b1, U+2466, U+25a1, U+25a3, U+261c, U+3008-3009, U+305b, U+305d, U+3069, U+30a7, U+30ba, U+30cf, U+30ef, U+3151, U+3157, U+4e4b, U+4e5f, U+4e8c, U+4eca, U+4ed6, U+4f5b, U+50cf, U+5149, U+5165, U+5171, U+5229, U+529b, U+5316, U+539f, U+53f2, U+571f, U+5728, U+58eb, U+591c, U+5b78, U+5c11, U+5c55, U+5ddd, U+5e02, U+5fb7, U+60c5, U+610f, U+611f, U+6625, U+66f8, U+6797, U+679c, U+682a, U+6d2a, U+706b, U+7406, U+767b, U+76f8, U+77e5, U+7acb, U+898b, U+8a69, U+8def, U+8fd1, U+901a, U+90e8, U+91cd, U+975e, U+ae14, U+ae6c, U+aec0, U+afc7, U+afc9, U+b01c, U+b028, U+b308, U+b311, U+b314, U+b31c, U+b524, U+b560, U+b764, U+b920, U+b9e3, U+bd48, U+be7d, U+c0db, U+c231, U+c270, U+c2e3, U+c37d, U+c3ed, U+c530, U+c6a5, U+c6dc, U+c7a4, U+c954, U+c974, U+d000, U+d565, U+d667, U+d6c5, U+d79d, U+ff1e;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.74.woff2') format('woff2-variations');
    unicode-range: U+131, U+2032, U+2465, U+2642, U+3048, U+3051, U+3083-3084, U+308f, U+30c0, U+30d1, U+30d3, U+30d6, U+30df, U+30e7, U+3153, U+4e16, U+4e8b, U+4ee5, U+5206, U+52a0, U+52d5, U+53e4, U+53ef, U+54c1, U+57ce, U+597d, U+5b8c, U+5ea6, U+5f8c, U+5f97, U+6210, U+6240, U+624b, U+6728, U+6bd4, U+7236, U+7269, U+7279, U+738b, U+7528, U+7530, U+767e, U+798f, U+8005, U+8a18, U+90fd, U+91cc, U+9577, U+9593, U+98a8, U+ac20, U+acf6, U+ad90, U+af5d, U+af80, U+afcd, U+aff0, U+b0a1, U+b0b5, U+b1fd, U+b2fc, U+b380, U+b51b, U+b584, U+b5b3, U+b8fd, U+b93c, U+b9f4, U+bb44, U+bc08, U+bc27, U+bc49, U+be55, U+be64, U+bfb0, U+bfc5, U+c178, U+c21f, U+c314, U+c4f1, U+c58d, U+c664, U+c698, U+c6a7, U+c6c1, U+c9ed, U+cac0, U+cacc, U+cad9, U+ccb5, U+cdcc, U+d0e4, U+d143, U+d320, U+d330, U+d54d, U+ff06, U+ff1f, U+ff5e;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.75.woff2') format('woff2-variations');
    unicode-range: U+b4, U+20a9, U+20ac, U+2190, U+24d8, U+2502, U+2514, U+2592, U+25c7-25c8, U+2663, U+3060, U+3064, U+3081, U+3088, U+30a3, U+30a6, U+30aa, U+30b5, U+30c7, U+30ca-30cb, U+30d0, U+30e3, U+30e5, U+339e, U+4e09, U+4eac, U+4f5c, U+5167-5168, U+516c, U+51fa, U+5408, U+540d, U+591a, U+5b57, U+6211, U+65b9, U+660e, U+6642, U+6700, U+6b63, U+6e2f, U+7063, U+7532, U+793e, U+81ea, U+8272, U+82b1, U+897f, U+8eca, U+91ce, U+ac38, U+ad76, U+ae84, U+aecc, U+b07d, U+b0b1, U+b215, U+b2a0, U+b310, U+b3d7, U+b52a, U+b618, U+b775, U+b797, U+bcd5, U+bd59, U+be80, U+bea8, U+bed1, U+bee4-bee5, U+c060, U+c2ef, U+c329, U+c3dc, U+c597, U+c5bd, U+c5e5, U+c69c, U+c9d6, U+ca29, U+ca5c, U+ca84, U+cc39, U+cc3b, U+ce89, U+cee5, U+cf65, U+cf85, U+d058, U+d145, U+d22d, U+d325, U+d37d, U+d3ad, U+d769, U+ff0c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.76.woff2') format('woff2-variations');
    unicode-range: U+2161, U+2228, U+2299, U+2464, U+2517, U+2640, U+3042, U+304a, U+3053, U+3061, U+307f, U+3082, U+308c, U+3092, U+30a8, U+30ab, U+30ad, U+30b0, U+30b3, U+30b7, U+30c1, U+30c6, U+30c9, U+30d5, U+30d7, U+30de, U+30e0-30e1, U+30ec-30ed, U+4e0b, U+4e0d, U+4ee3, U+53f0, U+548c, U+5b89, U+5bb6, U+5c0f, U+611b, U+6771, U+6aa2, U+6bcd, U+6c34, U+6cd5, U+6d77, U+767d, U+795e, U+8ecd, U+9999, U+9ad8, U+ac07, U+ac1a, U+ac40, U+ad0c, U+ad88, U+ada4, U+ae01, U+ae65, U+aebd, U+aec4, U+afe8, U+b139, U+b205, U+b383, U+b38c, U+b42c, U+b461, U+b55c, U+b78f, U+b8fb, U+b9f7, U+bafc, U+bc99, U+bed8, U+bfcd, U+c0bf, U+c0f9, U+c167, U+c204, U+c20f, U+c22f, U+c258, U+c298, U+c2bc, U+c388, U+c501, U+c50c, U+c5b9, U+c5ce, U+c641, U+c648, U+c73d, U+ca50, U+ca61, U+cc4c, U+ceac, U+d0d4, U+d5f7, U+d6d7, U+ff1a;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.77.woff2') format('woff2-variations');
    unicode-range: U+2103, U+2463, U+25c6, U+25cb, U+266c, U+3001, U+300a, U+3046, U+304c-304d, U+304f, U+3055, U+3059, U+3063, U+3066-3068, U+306f, U+3089, U+30b8, U+30bf, U+314f, U+4e0a, U+570b, U+5730, U+5916, U+5929, U+5c71, U+5e74, U+5fc3, U+601d, U+6027, U+63d0, U+6709, U+6734, U+751f, U+7684, U+82f1, U+9053, U+91d1, U+97f3, U+ac2f, U+ac4d, U+adc4, U+ade4, U+ae41, U+ae4d-ae4e, U+aed1, U+afb9, U+b0e0, U+b299, U+b365, U+b46c, U+b480, U+b4c8, U+b7b4, U+b819, U+b918, U+baab, U+bab9, U+be8f, U+bed7, U+c0ec, U+c19f, U+c1a5, U+c3d9, U+c464, U+c53d, U+c553, U+c570, U+c5cc, U+c633, U+c6a4, U+c7a3, U+c7a6, U+c886, U+c9d9-c9da, U+c9ec, U+ca0c, U+cc21, U+cd1b, U+cd78, U+cdc4, U+cef8, U+cfe4, U+d0a5, U+d0b5, U+d0ec, U+d15d, U+d188, U+d23c, U+d2ac, U+d729, U+d79b, U+ff01, U+ff08-ff09, U+ff5c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.78.woff2') format('woff2-variations');
    unicode-range: U+2039-203a, U+223c, U+25b3, U+25b7, U+25bd, U+25cf, U+266a, U+3002, U+300b, U+304b, U+3057, U+305f, U+306a-306b, U+307e, U+308a-308b, U+3093, U+30a2, U+30af, U+30b9, U+30c3, U+30c8, U+30e9-30eb, U+33a1, U+4e00, U+524d, U+5357, U+5b50, U+7121, U+884c, U+9751, U+ac94, U+aebe, U+aecd, U+af08, U+af41, U+af49, U+b010, U+b053, U+b109, U+b11b, U+b128, U+b154, U+b291, U+b2e6, U+b301, U+b385, U+b525, U+b5b4, U+b729, U+b72f, U+b738, U+b7ff, U+b837, U+b975, U+ba67, U+bb47, U+bc1f, U+bd90, U+bfd4, U+c27c, U+c324, U+c379, U+c3e0, U+c465, U+c53b, U+c58c, U+c610, U+c653, U+c6cd, U+c813, U+c82f, U+c999, U+c9e0, U+cac4, U+cad3, U+cbd4, U+cc10, U+cc22, U+ccb8, U+ccbc, U+cda5, U+ce84, U+cea3, U+cf67, U+cfe1, U+d241, U+d30d, U+d31c, U+d391, U+d401, U+d479, U+d5c9, U+d5db, U+d649, U+d6d4;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.79.woff2') format('woff2-variations');
    unicode-range: U+b0, U+e9, U+2193, U+2462, U+260e, U+261e, U+300e-300f, U+3044, U+30a4, U+30fb-30fc, U+314d, U+5973, U+6545, U+6708, U+7537, U+ac89, U+ac9c, U+acc1, U+ad04, U+ad75, U+ad7d, U+ae45, U+ae61, U+af42, U+b0ab, U+b0af, U+b0b3, U+b12c, U+b194, U+b1a8, U+b220, U+b258, U+b284, U+b2ff, U+b315, U+b371, U+b3d4-b3d5, U+b460, U+b527, U+b534, U+b810, U+b818, U+b98e, U+ba55, U+bbac, U+bc0b, U+bc40, U+bca1, U+bccd, U+bd93, U+be54, U+be5a, U+bf08, U+bf50, U+bf55, U+bfdc, U+c0c0, U+c0d0, U+c0f4, U+c100, U+c11e, U+c170, U+c20d, U+c274, U+c290, U+c308, U+c369, U+c539, U+c587, U+c5ff, U+c6ec, U+c70c, U+c7ad, U+c7c8, U+c83c, U+c881, U+cb48, U+cc60, U+ce69, U+ce6b, U+ce75, U+cf04, U+cf08, U+cf55, U+cf70, U+cffc, U+d0b7, U+d1a8, U+d2c8, U+d384, U+d47c, U+d48b, U+d5dd, U+d5e8, U+d720, U+d759, U+f981;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.80.woff2') format('woff2-variations');
    unicode-range: U+e0, U+e2, U+395, U+3b7, U+3ba, U+2460-2461, U+25a0, U+3010-3011, U+306e, U+30f3, U+314a, U+314c, U+5927, U+65b0, U+7e41, U+97d3, U+9ad4, U+ad49, U+ae0b, U+ae0d, U+ae43, U+ae5d, U+aecf, U+af3c, U+af64, U+afd4, U+b080, U+b084, U+b0c5, U+b10c, U+b1e8, U+b2ac, U+b36e, U+b451, U+b515, U+b540, U+b561, U+b6ab, U+b6b1, U+b72c, U+b730, U+b744, U+b800, U+b8ec, U+b8f0, U+b904, U+b968, U+b96d, U+b987, U+b9d9, U+bb36, U+bb49, U+bc2d, U+bc43, U+bcf6, U+bd89, U+be57, U+be61, U+bed4, U+c090, U+c130, U+c148, U+c19c, U+c2f9, U+c36c, U+c37c, U+c384, U+c3df, U+c575, U+c584, U+c660, U+c719, U+c816, U+ca4d, U+ca54, U+cabc, U+cb49, U+cc14, U+cff5, U+d004, U+d038, U+d0b4, U+d0d3, U+d0e0, U+d0ed, U+d131, U+d1b0, U+d31f, U+d33d, U+d3a0, U+d3ab, U+d514, U+d584, U+d6a1, U+d6cc, U+d749, U+d760, U+d799;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.81.woff2') format('woff2-variations');
    unicode-range: U+24, U+60, U+3b9, U+3bb, U+3bd, U+2191, U+2606, U+300c-300d, U+3131, U+3134, U+3139, U+3141-3142, U+3148, U+3161, U+3163, U+321c, U+4eba, U+5317, U+ac31, U+ac77, U+ac9f, U+acb9, U+acf0-acf1, U+acfd, U+ad73, U+af3d, U+b00c, U+b04a, U+b057, U+b0c4, U+b188, U+b1cc, U+b214, U+b2db, U+b2ee, U+b304, U+b4ed, U+b518, U+b5bc, U+b625, U+b69c-b69d, U+b7ac, U+b801, U+b86c, U+b959, U+b95c, U+b985, U+ba48, U+bb58, U+bc0c, U+bc38, U+bc85, U+bc9a, U+bf40, U+c068, U+c0bd, U+c0cc, U+c12f, U+c149, U+c1e0, U+c22b, U+c22d, U+c250, U+c2fc, U+c300, U+c313, U+c370, U+c3d8, U+c557, U+c580, U+c5e3, U+c62e, U+c634, U+c6f0, U+c74d, U+c783, U+c78e, U+c796, U+c7bc, U+c92c, U+ca4c, U+cc1c, U+cc54, U+cc59, U+ce04, U+cf30, U+cfc4, U+d140, U+d321, U+d38c, U+d399, U+d54f, U+d587, U+d5d0, U+d6e8, U+d770;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.82.woff2') format('woff2-variations');
    unicode-range: U+d7, U+ea, U+fc, U+2192, U+25bc, U+3000, U+3137, U+3145, U+315c, U+7f8e, U+ac13, U+ac71, U+ac90, U+acb8, U+ace7, U+ad7f, U+ae50, U+aef4, U+af34, U+afbc, U+b048, U+b09a, U+b0ad, U+b0bc, U+b113, U+b125, U+b141, U+b20c, U+b2d9, U+b2ed, U+b367, U+b369, U+b374, U+b3cb, U+b4ec, U+b611, U+b760, U+b81b, U+b834, U+b8b0, U+b8e1, U+b989, U+b9d1, U+b9e1, U+b9fa, U+ba4d, U+ba78, U+bb35, U+bb54, U+bbf9, U+bc11, U+bcb3, U+bd05, U+bd95, U+bdd4, U+be10, U+bed0, U+bf51, U+c0d8, U+c232, U+c2b7, U+c2eb, U+c378, U+c500, U+c52c, U+c549, U+c568, U+c598, U+c5c9, U+c61b, U+c639, U+c67c, U+c717, U+c78a, U+c80a, U+c90c-c90d, U+c950, U+c9e7, U+cbe4, U+cca9, U+cce4, U+cdb0, U+ce78, U+ce94, U+ce98, U+cf8c, U+d018, U+d034, U+d0f1, U+d1b1, U+d280, U+d2f8, U+d338, U+d380, U+d3b4, U+d610, U+d69f, U+d6fc, U+d758;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.83.woff2') format('woff2-variations');
    unicode-range: U+e7, U+2022, U+203b, U+25c0, U+2605, U+2661, U+3147, U+318d, U+672c, U+8a9e, U+acaa, U+acbc, U+ad1c, U+ae4a, U+ae5c, U+b044, U+b054, U+b0c8-b0c9, U+b2a6, U+b2d0, U+b35c, U+b364, U+b428, U+b454, U+b465, U+b4b7, U+b4e3, U+b51c, U+b5a1, U+b784, U+b790, U+b7ab, U+b7f4, U+b82c, U+b835, U+b8e9, U+b8f8, U+b9d8, U+b9f9, U+ba5c, U+ba64, U+babd, U+bb18, U+bb3b, U+bbff, U+bc0d, U+bc45, U+bc97, U+bcbc, U+be45, U+be75, U+be7c, U+bfcc, U+c0b6, U+c0f7, U+c14b, U+c2b4, U+c30d, U+c4f8, U+c5bb, U+c5d1, U+c5e0, U+c5ee, U+c5fd, U+c606, U+c6c5, U+c6e0, U+c708, U+c81d, U+c820, U+c824, U+c878, U+c918, U+c96c, U+c9e4, U+c9f1, U+cc2e, U+cd09, U+cea1, U+cef5, U+cef7, U+cf64, U+cf69, U+cfe8, U+d035, U+d0ac, U+d230, U+d234, U+d2f4, U+d31d, U+d575, U+d578, U+d608, U+d614, U+d718, U+d751, U+d761, U+d78c, U+d790;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.84.woff2') format('woff2-variations');
    unicode-range: U+2665, U+3160, U+4e2d, U+6587, U+65e5, U+ac12, U+ac14, U+ac16, U+ac81, U+ad34, U+ade0, U+ae54, U+aebc, U+af2c, U+afc0, U+afc8, U+b04c, U+b08c, U+b099, U+b0a9, U+b0ac, U+b0ae, U+b0b8, U+b123, U+b179, U+b2e5, U+b2f7, U+b4c0, U+b531, U+b538, U+b545, U+b550, U+b5a8, U+b6f0, U+b728, U+b73b, U+b7ad, U+b7ed, U+b809, U+b864, U+b86d, U+b871, U+b9bf, U+b9f5, U+ba40, U+ba4b, U+ba58, U+ba87, U+baac, U+bbc0, U+bc16, U+bc34, U+bd07, U+bd99, U+be59, U+bfd0, U+c058, U+c0e4, U+c0f5, U+c12d, U+c139, U+c228, U+c529, U+c5c7, U+c635, U+c637, U+c735, U+c77d, U+c787, U+c789, U+c8c4, U+c989, U+c98c, U+c9d0, U+c9d3, U+cc0c, U+cc99, U+cd0c, U+cd2c, U+cd98, U+cda4, U+ce59, U+ce60, U+ce6d, U+cea0, U+d0d0-d0d1, U+d0d5, U+d14d, U+d1a4, U+d29c, U+d2f1, U+d301, U+d39c, U+d3bc, U+d4e8, U+d540, U+d5ec, U+d640, U+d750;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.85.woff2') format('woff2-variations');
    unicode-range: U+5e, U+25b2, U+25b6, U+314e, U+ac24, U+ace1, U+ace4, U+ae68, U+af2d, U+b0d0, U+b0e5, U+b150, U+b155, U+b193, U+b2c9, U+b2dd, U+b3c8, U+b3fc, U+b410, U+b458, U+b4dd, U+b5a0, U+b5a4, U+b5bb, U+b7b5, U+b838, U+b840, U+b86f, U+b8f9, U+b960, U+b9e5, U+bab8, U+bb50, U+bc1d, U+bc24-bc25, U+bca8, U+bcbd, U+bd04, U+bd10, U+bd24, U+be48, U+be5b, U+be68, U+c05c, U+c12c, U+c140, U+c15c, U+c168, U+c194, U+c219, U+c27d, U+c2a8, U+c2f1, U+c2f8, U+c368, U+c554-c555, U+c559, U+c564, U+c5d8, U+c5fc, U+c625, U+c65c, U+c6b1, U+c728, U+c794, U+c84c, U+c88c, U+c8e0, U+c8fd, U+c998, U+c9dd, U+cc0d, U+cc30, U+ceec, U+cf13, U+cf1c, U+cf5c, U+d050, U+d07c, U+d0a8, U+d134, U+d138, U+d154, U+d1f4, U+d2bc, U+d329, U+d32c, U+d3d0, U+d3f4, U+d3fc, U+d56b, U+d5cc, U+d600-d601, U+d639, U+d6c8, U+d754, U+d765;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.86.woff2') format('woff2-variations');
    unicode-range: U+3c-3d, U+2026, U+24d2, U+314b, U+ac11, U+acf3, U+ad74, U+ad81, U+adf9, U+ae34, U+af43, U+afb8, U+b05d, U+b07c, U+b110, U+b118, U+b17c, U+b180, U+b18d, U+b192, U+b2cc, U+b355, U+b378, U+b4a4, U+b4ef, U+b78d, U+b799, U+b7a9, U+b7fd, U+b807, U+b80c, U+b839, U+b9b4, U+b9db, U+ba3c, U+bab0, U+bba4, U+bc94, U+be4c, U+c154, U+c1c4, U+c26c, U+c2ac, U+c2ed, U+c4f4, U+c55e, U+c561, U+c571, U+c5b5, U+c5c4, U+c654-c655, U+c695, U+c6e8, U+c6f9, U+c724, U+c751, U+c775, U+c7a0, U+c7c1, U+c874, U+c880, U+c9d5, U+c9f8, U+cabd, U+cc29, U+cc2c, U+cca8, U+ccab, U+ccd0, U+ce21, U+ce35, U+ce7c, U+ce90, U+cee8, U+cef4, U+cfe0, U+d070, U+d0b9, U+d0c1, U+d0c4, U+d0c8, U+d15c, U+d1a1, U+d2c0, U+d300, U+d314, U+d3ed, U+d478, U+d480, U+d48d, U+d508, U+d53d, U+d5e4, U+d611, U+d61c, U+d68d, U+d6a8, U+d798;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.87.woff2') format('woff2-variations');
    unicode-range: U+23, U+25, U+5f, U+a9, U+ac08, U+ac78, U+aca8, U+acac, U+ace8, U+ad70, U+adc0, U+addc, U+b137, U+b140, U+b208, U+b290, U+b2f5, U+b3c5, U+b3cc, U+b420, U+b429, U+b529, U+b530, U+b77d, U+b79c, U+b7a8, U+b7c9, U+b7f0, U+b7fc, U+b828, U+b860, U+b9ad, U+b9c1, U+b9c9, U+b9dd-b9de, U+b9e8, U+ba38-ba39, U+babb, U+bc00, U+bc8c, U+bca0, U+bca4, U+bcd1, U+bcfc, U+bd09, U+bdf0, U+be60, U+c0ad, U+c0b4, U+c0bc, U+c190, U+c1fc, U+c220, U+c288, U+c2b9, U+c2f6, U+c528, U+c545, U+c558, U+c5bc, U+c5d4, U+c600, U+c644, U+c6c0, U+c6c3, U+c721, U+c798, U+c7a1, U+c811, U+c838, U+c871, U+c904, U+c990, U+c9dc, U+cc38, U+cc44, U+cca0, U+cd1d, U+cd95, U+cda9, U+ce5c, U+cf00, U+cf58, U+d150, U+d22c, U+d305, U+d328, U+d37c, U+d3f0, U+d551, U+d5a5, U+d5c8, U+d5d8, U+d63c, U+d64d, U+d669, U+d734, U+d76c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.88.woff2') format('woff2-variations');
    unicode-range: U+26, U+2b, U+3e, U+40, U+7e, U+ac01, U+ac19, U+ac1d, U+aca0, U+aca9, U+acb0, U+ad8c, U+ae09, U+ae38, U+ae40, U+aed8, U+b09c, U+b0a0, U+b108, U+b204, U+b298, U+b2d8, U+b2eb-b2ec, U+b2f4, U+b313, U+b358, U+b450, U+b4e0, U+b54c, U+b610, U+b780, U+b78c, U+b791, U+b8e8, U+b958, U+b974, U+b984, U+b9b0, U+b9bc-b9bd, U+b9ce, U+ba70, U+bbfc, U+bc0f, U+bc15, U+bc1b, U+bc31, U+bc95, U+bcc0, U+bcc4, U+bd81, U+bd88, U+c0c8, U+c11d, U+c13c, U+c158, U+c18d, U+c1a1, U+c21c, U+c4f0, U+c54a, U+c560, U+c5b8, U+c5c8, U+c5f4, U+c628, U+c62c, U+c678, U+c6cc, U+c808, U+c810, U+c885, U+c88b, U+c900, U+c988, U+c99d, U+c9c8, U+cc3d-cc3e, U+cc45, U+cd08, U+ce20, U+cee4, U+d074, U+d0a4, U+d0dd, U+d2b9, U+d3b8, U+d3c9, U+d488, U+d544, U+d559, U+d56d, U+d588, U+d615, U+d648, U+d655, U+d658, U+d65c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.89.woff2') format('woff2-variations');
    unicode-range: U+d, U+7c, U+ac10, U+ac15, U+ac74, U+ac80, U+ac83, U+acc4, U+ad11, U+ad50, U+ad6d, U+adfc, U+ae00, U+ae08, U+ae4c, U+b0a8, U+b124, U+b144, U+b178, U+b274, U+b2a5, U+b2e8, U+b2f9, U+b354, U+b370, U+b418, U+b41c, U+b4f1, U+b514, U+b798, U+b808, U+b824-b825, U+b8cc, U+b978, U+b9d0, U+b9e4, U+baa9, U+bb3c, U+bc18, U+bc1c, U+bc30, U+bc84, U+bcf5, U+bcf8, U+bd84, U+be0c, U+be14, U+c0b0, U+c0c9, U+c0dd, U+c124, U+c2dd, U+c2e4, U+c2ec, U+c54c, U+c57c-c57d, U+c591, U+c5c5-c5c6, U+c5ed, U+c608, U+c640, U+c6b8, U+c6d4, U+c784, U+c7ac, U+c800-c801, U+c9c1, U+c9d1, U+cc28, U+cc98, U+cc9c, U+ccad, U+cd5c, U+cd94, U+cd9c, U+cde8, U+ce68, U+cf54, U+d0dc, U+d14c, U+d1a0, U+d1b5, U+d2f0, U+d30c, U+d310, U+d398, U+d45c, U+d50c, U+d53c, U+d560, U+d568, U+d589, U+d604, U+d6c4, U+d788;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.90.woff2') format('woff2-variations');
    unicode-range: U+ac04, U+ac1c, U+ac70, U+ac8c, U+acbd, U+acf5, U+acfc, U+ad00, U+ad6c, U+adf8, U+b098, U+b0b4, U+b294, U+b2c8, U+b300, U+b3c4, U+b3d9, U+b4dc, U+b4e4, U+b77c, U+b7ec, U+b85d, U+b97c, U+b9c8, U+b9cc, U+ba54, U+ba74, U+ba85, U+baa8, U+bb34, U+bb38, U+bbf8, U+bc14, U+bc29, U+bc88, U+bcf4, U+bd80, U+be44, U+c0c1, U+c11c, U+c120, U+c131, U+c138, U+c18c, U+c218, U+c2b5, U+c2e0, U+c544, U+c548, U+c5b4, U+c5d0, U+c5ec, U+c5f0, U+c601, U+c624, U+c694, U+c6a9, U+c6b0, U+c6b4, U+c6d0, U+c704, U+c720, U+c73c, U+c740, U+c744, U+c74c, U+c758, U+c77c, U+c785, U+c788, U+c790-c791, U+c7a5, U+c804, U+c815, U+c81c, U+c870, U+c8fc, U+c911, U+c9c4, U+ccb4, U+ce58, U+ce74, U+d06c, U+d0c0, U+d130, U+d2b8, U+d3ec, U+d504, U+d55c, U+d569, U+d574, U+d638, U+d654, U+d68c;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: optional;
    src: url('/font/pretendard-subset/PretendardVariable.subset.91.woff2') format('woff2-variations');
    unicode-range: U+20-22, U+27-2a, U+2c-39, U+3a-3b, U+3f, U+41-4e, U+4f-5d, U+61-7b, U+7d, U+a0-a1, U+ab, U+ad-ae, U+b7, U+bb, U+bf, U+2013-2014, U+201c-201d, U+2122, U+ac00, U+ace0, U+ae30, U+b2e4, U+b85c, U+b9ac, U+c0ac, U+c2a4, U+c2dc, U+c774, U+c778, U+c9c0, U+d558;
}


/* 251211 폰트 설정(없는 폰트 추가) */
/* Gmarket Sans */
@font-face { font-family: 'Gmarket Sans'; font-weight:300; src: url('/font/GmarketSansLight.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Gmarket Sans'; font-weight:500; src: url('/font/GmarketSansMedium.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Gmarket Sans'; font-weight:700; src: url('/font/GmarketSansBold.woff') format('woff'); font-display: optional }

/* Nanum Square */
@font-face { font-family: 'Nanum Square'; font-weight:300; src: url('/font/NanumSquareL.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square'; font-weight:400; src: url('/font/NanumSquareR.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square'; font-weight:700; src: url('/font/NanumSquareB.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square'; font-weight:800; src: url('/font/NanumSquareEB.woff') format('woff'); font-display: optional }

/* Nanum Square Neo */
@font-face { font-family: 'Nanum Square Neo'; font-weight:normal; src: url('/font/NanumSquareNeo-Variable.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square Neo'; font-weight:300; src: url('/font/NanumSquareNeoTTF-aLt.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square Neo'; font-weight:400; src: url('/font/NanumSquareNeoTTF-bRg.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square Neo'; font-weight:700; src: url('/font/NanumSquareNeoTTF-cBd.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square Neo'; font-weight:800; src: url('/font/NanumSquareNeoTTF-dEb.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square Neo'; font-weight:900; src: url('/font/NanumSquareNeoTTF-eHv.woff') format('woff'); font-display: optional }

/* Cafe24 Ssurround */
@font-face { font-family: 'Cafe24 Ssurround'; font-weight:400; src: url('/font/Cafe24Ssurround-v2.0.woff') format('woff'); font-display: optional }

/* KoPub Dotum */
@font-face { font-family: 'KoPub Dotum'; font-weight:300; src: url('/font/kopubworld-batang-light.woff') format('woff'); font-display: optional }
@font-face { font-family: 'KoPub Dotum'; font-weight:500; src: url('/font/kopubworld-batang-medium.woff') format('woff'); font-display: optional }
@font-face { font-family: 'KoPub Dotum'; font-weight:700; src: url('/font/kopubworld-batang-bold.woff') format('woff'); font-display: optional }

/* Montserrat */
@font-face { font-family: 'Montserrat'; font-weight:100; src: url('/font/montserrat-Thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Montserrat'; font-weight:200; src: url('/font/montserrat-ExtraLight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Montserrat'; font-weight:300; src: url('/font/montserrat-Light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Montserrat'; font-weight:400; src: url('/font/montserrat-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Montserrat'; font-weight:500; src: url('/font/montserrat-Medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Montserrat'; font-weight:600; src: url('/font/montserrat-SemiBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Montserrat'; font-weight:700; src: url('/font/montserrat-Bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Montserrat'; font-weight:800; src: url('/font/montserrat-ExtraBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Montserrat'; font-weight:900; src: url('/font/montserrat-Black.woff2') format('woff2'); font-display: optional }

/* Poppins */
@font-face { font-family: 'Poppins'; font-weight:100; src: url('/font/poppins-Thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Poppins'; font-weight:200; src: url('/font/poppins-ExtraLight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Poppins'; font-weight:300; src: url('/font/poppins-Light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Poppins'; font-weight:400; src: url('/font/poppins-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Poppins'; font-weight:500; src: url('/font/poppins-Medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Poppins'; font-weight:600; src: url('/font/poppins-SemiBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Poppins'; font-weight:700; src: url('/font/poppins-Bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Poppins'; font-weight:800; src: url('/font/poppins-ExtraBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Poppins'; font-weight:900; src: url('/font/poppins-Black.woff2') format('woff2'); font-display: optional }

/* Roboto */
@font-face { font-family: 'Roboto'; font-weight:100; src: url('/font/roboto-Thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Roboto'; font-weight:200; src: url('/font/roboto-ExtraLight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Roboto'; font-weight:300; src: url('/font/roboto-Light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Roboto'; font-weight:400; src: url('/font/roboto-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Roboto'; font-weight:500; src: url('/font/roboto-Medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Roboto'; font-weight:600; src: url('/font/roboto-SemiBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Roboto'; font-weight:700; src: url('/font/roboto-Bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Roboto'; font-weight:800; src: url('/font/roboto-ExtraBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Roboto'; font-weight:900; src: url('/font/roboto-Black.woff2') format('woff2'); font-display: optional }

/* Lato */
@font-face { font-family: 'Lato'; font-weight:100; src: url('/font/lato-Thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Lato'; font-weight:300; src: url('/font/lato-Light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Lato'; font-weight:400; src: url('/font/lato-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Lato'; font-weight:700; src: url('/font/lato-Bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Lato'; font-weight:900; src: url('/font/lato-Black.woff2') format('woff2'); font-display: optional }

/* Open Sans */
@font-face { font-family: 'Open Sans'; font-weight:300; src: url('/font/open-Light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Open Sans'; font-weight:400; src: url('/font/open-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Open Sans'; font-weight:500; src: url('/font/open-Medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Open Sans'; font-weight:700; src: url('/font/open-Bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Open Sans'; font-weight:800; src: url('/font/open-ExtraBold.woff2') format('woff2'); font-display: optional }

/* Inter */
@font-face { font-family: 'Inter'; font-weight:100; src: url('/font/inter-Thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Inter'; font-weight:200; src: url('/font/inter-ExtraLight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Inter'; font-weight:300; src: url('/font/inter-Light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Inter'; font-weight:400; src: url('/font/inter-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Inter'; font-weight:500; src: url('/font/inter-Medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Inter'; font-weight:600; src: url('/font/inter-SemiBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Inter'; font-weight:700; src: url('/font/inter-Bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Inter'; font-weight:800; src: url('/font/inter-ExtraBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Inter'; font-weight:900; src: url('/font/inter-Black.woff2') format('woff2'); font-display: optional }

/* Cormorant Garamond */
@font-face { font-family: 'Cormorant Garamond'; font-weight:300; src: url('/font/cormorant-garamond-Light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Cormorant Garamond'; font-weight:400; src: url('/font/cormorant-garamond-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Cormorant Garamond'; font-weight:500; src: url('/font/cormorant-garamond-Medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Cormorant Garamond'; font-weight:600; src: url('/font/cormorant-garamond-SemiBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Cormorant Garamond'; font-weight:700; src: url('/font/cormorant-garamond-Bold.woff2') format('woff2'); font-display: optional }

/* Constantia */
@font-face { font-family: 'Constantia'; font-weight:400; src: url('/font/Constantia.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Constantia'; font-weight:700; src: url('/font/Constantia-Bold.woff2') format('woff2'); font-display: optional }

/* Kepler Std */
@font-face { font-family: 'Kepler Std'; font-weight:300; src: url('/font/KeplerStd-Light.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Kepler Std'; font-weight:400; src: url('/font/KeplerStd-Regular.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Kepler Std'; font-weight:500; src: url('/font/KeplerStd-Medium.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Kepler Std'; font-weight:600; src: url('/font/KeplerStd-Semibold.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Kepler Std'; font-weight:700; src: url('/font/KeplerStd-Bold.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Kepler Std'; font-weight:900; src: url('/font/KeplerStd-Black.woff') format('woff'); font-display: optional }

/* Lora */
@font-face { font-family: 'Lora'; font-weight:400; src: url('/font/lora-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Lora'; font-weight:500; src: url('/font/lora-Medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Lora'; font-weight:600; src: url('/font/lora-SemiBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Lora'; font-weight:700; src: url('/font/lora-Bold.woff2') format('woff2'); font-display: optional }

/* ChosunSm */
@font-face { font-family: 'ChosunSm'; font-weight:400; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/ChosunSm/ChosunSm.woff2') format('woff2'); font-display: optional }

/* Unna */
@font-face { font-family: 'Unna'; font-weight:400; src: url('/font/unna-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Unna'; font-weight:700; src: url('/font/unna-bold.woff2') format('woff2'); font-display: optional }

/* MaruBuriot */
@font-face { font-family: 'MaruBuriot'; font-weight:200; src: url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-ExtraLight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'MaruBuriot'; font-weight:300; src: url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'MaruBuriot'; font-weight:400; src: url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'MaruBuriot'; font-weight:600; src: url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-SemiBold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'MaruBuriot'; font-weight:700; src: url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2') format('woff2'); font-display: optional }

/* Zen Dots */
@font-face { font-family: 'Zen Dots'; font-weight:400; src: url('/font/ZenDots-Regular.woff2') format('woff2'), url('/font/ZenDots-Regular.woff') format('woff'); font-display: optional }

/* Arita */
@font-face { font-family: 'Arita'; font-weight:400; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff'); font-display: optional }

/* 더잠실체 */
@font-face { font-family: 'Daeojamjil'; font-weight:100; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil1Thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Daeojamjil'; font-weight:300; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil2Light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Daeojamjil'; font-weight:400; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil3Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Daeojamjil'; font-weight:500; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil4Medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Daeojamjil'; font-weight:700; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Daeojamjil'; font-weight:800; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil6ExtraBold.woff2') format('woff2'); font-display: optional }

/* ZCOOL XiaoWei */
@font-face { font-family: 'ZCOOL XiaoWei'; font-weight:400; src: url('/font/zcool-xiaowei-regular.woff2') format('woff2'); font-display: optional }

/* Bebas Neue */
@font-face { font-family: 'Bebas Neue'; font-weight:400; src: url('/font/bebas-neue-regular.woff2') format('woff2'); font-display: optional }

/* Nanum Myeongjo */
@font-face { font-family: 'Nanum Myeongjo'; font-weight:400; src: url('/font/nanum-myeongjo-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Nanum Myeongjo'; font-weight:700; src: url('/font/nanum-myeongjo-bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Nanum Myeongjo'; font-weight:800; src: url('/font/nanum-myeongjo-extrabold.woff2') format('woff2'); font-display: optional }

/* Crimson Pro */
@font-face { font-family: 'Crimson Pro'; font-weight:200; src: url('/font/crimson-pro-extralight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Crimson Pro'; font-weight:300; src: url('/font/crimson-pro-light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Crimson Pro'; font-weight:400; src: url('/font/crimson-pro-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Crimson Pro'; font-weight:500; src: url('/font/crimson-pro-medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Crimson Pro'; font-weight:600; src: url('/font/crimson-pro-semibold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Crimson Pro'; font-weight:700; src: url('/font/crimson-pro-bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Crimson Pro'; font-weight:800; src: url('/font/crimson-pro-extrabold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Crimson Pro'; font-weight:900; src: url('/font/crimson-pro-black.woff2') format('woff2'); font-display: optional }

/* Bitter */
@font-face { font-family: 'Bitter'; font-weight:100; src: url('/font/bitter-thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Bitter'; font-weight:200; src: url('/font/bitter-extralight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Bitter'; font-weight:300; src: url('/font/bitter-light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Bitter'; font-weight:400; src: url('/font/bitter-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Bitter'; font-weight:500; src: url('/font/bitter-medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Bitter'; font-weight:600; src: url('/font/bitter-semibold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Bitter'; font-weight:700; src: url('/font/bitter-bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Bitter'; font-weight:800; src: url('/font/bitter-extrabold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Bitter'; font-weight:900; src: url('/font/bitter-black.woff2') format('woff2'); font-display: optional }

/* Noto Serif */
@font-face { font-family: 'Noto Serif'; font-weight:100; src: url('/font/noto-serif-thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Noto Serif'; font-weight:200; src: url('/font/noto-serif-extralight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Noto Serif'; font-weight:300; src: url('/font/noto-serif-light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Noto Serif'; font-weight:400; src: url('/font/noto-serif-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Noto Serif'; font-weight:500; src: url('/font/noto-serif-medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Noto Serif'; font-weight:600; src: url('/font/noto-serif-semibold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Noto Serif'; font-weight:700; src: url('/font/noto-serif-bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Noto Serif'; font-weight:800; src: url('/font/noto-serif-extrabold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Noto Serif'; font-weight:900; src: url('/font/noto-serif-black.woff2') format('woff2'); font-display: optional }

/* SolmoeKimDaegeon */
@font-face { font-family: 'SolmoeKimDaegeon'; font-weight:300; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/kdg_Light.woff') format('woff'); font-display: optional }
@font-face { font-family: 'SolmoeKimDaegeon'; font-weight:500; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/kdg_Medium.woff') format('woff'); font-display: optional }

/* Work Sans */
@font-face { font-family: 'Work Sans'; font-weight:100; src: url('/font/work-sans-thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Work Sans'; font-weight:200; src: url('/font/work-sans-extralight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Work Sans'; font-weight:300; src: url('/font/work-sans-light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Work Sans'; font-weight:400; src: url('/font/work-sans-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Work Sans'; font-weight:500; src: url('/font/work-sans-medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Work Sans'; font-weight:600; src: url('/font/work-sans-semibold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Work Sans'; font-weight:700; src: url('/font/work-sans-bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Work Sans'; font-weight:800; src: url('/font/work-sans-extrabold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Work Sans'; font-weight:900; src: url('/font/work-sans-black.woff2') format('woff2'); font-display: optional }

/* Nunito Sans */
@font-face { font-family: 'Nunito Sans'; font-weight:200; src: url('/font/nunito-sans-extralight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Nunito Sans'; font-weight:300; src: url('/font/nunito-sans-light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Nunito Sans'; font-weight:400; src: url('/font/nunito-sans-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Nunito Sans'; font-weight:500; src: url('/font/nunito-sans-medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Nunito Sans'; font-weight:600; src: url('/font/nunito-sans-semibold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Nunito Sans'; font-weight:700; src: url('/font/nunito-sans-bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Nunito Sans'; font-weight:800; src: url('/font/nunito-sans-extrabold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Nunito Sans'; font-weight:900; src: url('/font/nunito-sans-black.woff2') format('woff2'); font-display: optional }

/* Eulyoo1945 */
@font-face { font-family: 'Eulyoo1945'; font-weight:400; src: url('/font/Eulyoo1945-Regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Eulyoo1945'; font-weight:600; src: url('/font/Eulyoo1945-SemiBold.woff2') format('woff2'); font-display: optional }

/* Black Han Sans */
@font-face { font-family: 'Black Han Sans'; font-weight:400; src: url('/font/black-han-sans-regular.woff2') format('woff2'); font-display: optional }

/* HallimGothic */
@font-face { font-family: 'HallimGothic'; font-weight: 400; src: url('/font/hallym-gothic-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'HallimGothic'; font-weight: 500; src: url('/font/hallym-gothic-medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'HallimGothic'; font-weight: 700; src: url('/font/hallym-gothic-bold.woff2') format('woff2'); font-display: optional }

/* Gowun Batang */
@font-face { font-family: 'Gowun Batang'; font-weight:400; src: url('/font/gowun-batang-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Gowun Batang'; font-weight:700; src: url('/font/gowun-batang-bold.woff2') format('woff2'); font-display: optional }

/* Welcome */
@font-face { font-family: 'Welcome'; font-weight:400; src: url('/font/welcome-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Welcome'; font-weight:700; src: url('/font/welcome-bold.woff2') format('woff2'); font-display: optional }

/* Questrial */
@font-face { font-family: 'Questrial'; font-weight:400; src: url('/font/questrial-regular.woff2') format('woff2'); font-display: optional }

/* Kanit */
@font-face { font-family: 'Kanit'; font-weight:100; src: url('/font/kanit-thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Kanit'; font-weight:200; src: url('/font/kanit-extralight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Kanit'; font-weight:300; src: url('/font/kanit-light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Kanit'; font-weight:400; src: url('/font/kanit-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Kanit'; font-weight:500; src: url('/font/kanit-medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Kanit'; font-weight:600; src: url('/font/kanit-semibold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Kanit'; font-weight:700; src: url('/font/kanit-bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Kanit'; font-weight:800; src: url('/font/kanit-extrabold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Kanit'; font-weight:900; src: url('/font/kanit-black.woff2') format('woff2'); font-display: optional }

/* Paybooc */
@font-face { font-family: 'Paybooc'; font-weight:300; src: url('/font/paybooc-light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Paybooc'; font-weight:500; src: url('/font/paybooc-medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Paybooc'; font-weight:700; src: url('/font/paybooc-bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'Paybooc'; font-weight:800; src: url('/font/paybooc-extrabold.woff2') format('woff2'); font-display: optional }

/* BM JUA */
@font-face { font-family: 'BM JUA'; font-weight:400; src: url('/font/BMJUA.woff2') format('woff2'); font-display: optional }

/* DM Sans */
@font-face { font-family: 'DM Sans'; font-weight:100; src: url('/font/dm-sans-thin.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'DM Sans'; font-weight:200; src: url('/font/dm-sans-extralight.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'DM Sans'; font-weight:300; src: url('/font/dm-sans-light.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'DM Sans'; font-weight:400; src: url('/font/dm-sans-regular.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'DM Sans'; font-weight:500; src: url('/font/dm-sans-medium.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'DM Sans'; font-weight:600; src: url('/font/dm-sans-semibold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'DM Sans'; font-weight:700; src: url('/font/dm-sans-bold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'DM Sans'; font-weight:800; src: url('/font/dm-sans-extrabold.woff2') format('woff2'); font-display: optional }
@font-face { font-family: 'DM Sans'; font-weight:900; src: url('/font/dm-sans-black.woff2') format('woff2'); font-display: optional }

/* Nanum Square Round */
@font-face { font-family: 'Nanum Square Round'; font-weight:300; src: url('/font/NanumSquareRoundL.woff2') format('woff2') , url('/font/NanumSquareRoundL.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square Round'; font-weight:400; src: url('/font/NanumSquareRoundR.woff2') format('woff2') , url('/font/NanumSquareRoundR.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square Round'; font-weight:700; src: url('/font/NanumSquareRoundB.woff2') format('woff2') , url('/font/NanumSquareRoundB.woff') format('woff'); font-display: optional }
@font-face { font-family: 'Nanum Square Round'; font-weight:800; src: url('/font/NanumSquareRoundEB.woff2') format('woff2') , url('/font/NanumSquareRoundEB.woff') format('woff'); font-display: optional }

/* Arapey */
@font-face { font-family: 'Arapey'; font-weight:400; src: url('/font/arapey-regular.woff2') format('woff2'); font-display: optional }

/********************************************************
■ Reset : 폰트 불러오기 및 설정
********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight:400;
    font: inherit;
    font-family: 'Pretendard';
}
body.is-pc .ko { font-size:12px; }
a { color: rgb(51, 51, 51); cursor: pointer; text-decoration: none; }
fieldset legend { display:none; }
label { font-weight:normal; }
label.checkbox, label.radio { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
hr { margin-top: 20px; margin-bottom:20px; border:0; border-top:1px solid #eee; display:block; }
blockquote { font-size: 12px; margin:0px 0px 20px; }
.en, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a { font-family: 'Pretendard'; }
.ko, .ko small { font-family: 'Pretendard'; }
.sns-share-icon img { width:20%; max-width:34px; border-radius:50%; }
.sc{font-family: 'S-CoreDream', sans-serif !important;}

/********************************************************
■ Layout : 레이아웃
********************************************************/
.wrapper { margin:0 auto; background:#fff;  }
.at-container { margin:0px auto; padding:0px; }
.is-pc .at-body { min-height:600px; }
.at-body .at-container { padding:0px 15px; overflow:hidden; }
.boxed.wrapper .at-body .at-container { padding:0px 20px; }
.at-content { position:relative; padding:20px 0px; }
.at-row { margin-left:-15px; margin-right:-15px; }
.at-col { position:relative; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:20px; }
.nav-fixed .at-menu { width:100%; z-index:10; left:0px; }
@media all and (max-width:991px) {
	.responsive .at-body .at-container { padding:0px 10px !important; }
	.responsive .at-body .at-row { margin-left:0px; margin-right:0px; }
	.responsive .at-body .at-col { padding-left:0px; padding-right:0px; }
	.responsive .pull-right.at-main,
	.responsive .pull-left.at-side { float:none !important; }

}

/********************************************************
■ LNB : 최상단의 즐겨찾기, RSS, 로그인, 회원가입 영역
********************************************************/
.at-lnb { }
.en .at-lnb { font-size:12px; }
.at-lnb ul { list-style: none; margin: 0px; padding:10px 0px 5px; }
.at-lnb ul > li { float: left; padding: 0px 15px; }
.at-lnb ul > li::after { float: right; color:#ccc; content: "/"; margin-right:-17px;}
.at-lnb ul > li:last-child::after { content: ""; margin-right:0px; }
.at-lnb ul > li > a { color: #333; float:left; }
@media all and (max-width:991px) {
	.responsive .at-lnb .at-container { display:none; visibility:visible; }
}

/********************************************************
■ PC Header : PC 헤더 
********************************************************/
.pc-header { padding:10px 0px 0px; text-align:center; }
.pc-header .at-container { padding:0px 20px 15px; background: url('https://fivepro.co.kr/thema/FIVESENSES/colorset/Basic-Box/header.jpg') no-repeat right top; }
.pc-header .header-logo { display:inline-block; vertical-align:middle; padding:0px 15px; }
.pc-header .header-logo a { font-size:44px; line-height:44px; font-family: 'Pretendard'; font-weight:bold; color:#000; }
.pc-header .header-logo a:hover { color:#000; }
.pc-header .header-logo img { display:block; max-width:100%; max-height:60px; }
.pc-header .header-desc { display:block; font-size:12px; letter-spacing:-1px; color:#888; margin-top:2px; }
.pc-header .header-search { display:inline-block; width:260px; vertical-align:middle; }
.pc-header .header-search form { padding:0px; margin-top:4px; border:4px solid #111; background: #111; }
.pc-header .header-search input { background: #fff; border:1px solid #111; }
.pc-header .header-search .btn { color:#fff !important; background: #111 !important; }
.pc-header .header-keyword { padding-top:4px; }
.en .pc-header .header-keyword { font-size:12px; }
@media all and (max-width:991px) {
	.responsive .pc-header { display:none; }
}

/********************************************************
■ Mobile Header : 모바일 헤더 
********************************************************/
.m-header { display:none; background: rgb(50, 60, 70); }
.m-header a { color:#fff }
.m-header .at-container { padding:0px; }
.m-header .header-wrap { display:table; width:100%; table-layout:fixed; margin:0px; min-width:300px; border-collapse: collapse; }
.m-header .header-icon, 
.m-header .header-logo { display:table-cell; vertical-align:middle; font-size:18px; height:44px; line-height:44px; text-align:center; }
.m-header .header-icon { width:44px; }
.m-header .header-icon a { display:block; }
@media all and (max-width:991px) {
	.responsive .m-header { display:block; }
}

/********************************************************
■ PC Menu : PC 메뉴바 배경설정
********************************************************/
.pc-menu { position:relative; background: #111; border:0px; z-index:3; box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); }
.pc-menu .at-container { position:relative; }
.pc-menu .sub-slide,
.pc-menu .sub-shows { display:none; visibility:visible; }
.pc-menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
.pc-menu .menu-a { font-size: 15px; font-family: 'Pretendard'; }
.pc-menu .nav-home .menu-a { font-size: 20px;}
.pc-menu .nav-right { font-size:16px; } 
@media all and (max-width:991px) {
	.responsive .pc-menu,
	.responsive .pc-menu-all { display:none; }
}

/********************************************************
■ PC Menu Top : PC 상단 좌측/배분 스타일 메뉴
********************************************************/

/* 배분 스타일 */
.pc-menu .nav-top.nav-both .menu-ul { display:table; width:100%; table-layout:fixed; margin:0px; }
.pc-menu .nav-top.nav-both .menu-li { display:table-cell; vertical-align:top; }
.pc-menu .nav-top.nav-both .menu-a { padding:0px; text-align:center; }
.pc-menu .nav-top.nav-both .sub-1div::before { left: 50%; margin-left:-8px; }
.pc-menu .nav-top.nav-both .sub-1div { position:relative; }

/* 좌측 스타일 */
.pc-menu .nav-top.nav-float .menu-ul { }
.pc-menu .nav-top.nav-float .menu-li { float:left; }
.pc-menu .nav-top.nav-float .sub-1div { position:absolute; }

/* 공통 스타일 */
.pc-menu .nav-top { position:absolute; left:0px; top:0px; z-index:10; width:100%; }
.pc-menu .nav-top .menu-a { display:block; color:#fff; background:#111; font-weight:bold; }
.pc-menu .nav-top .menu-li:hover .menu-a,
.pc-menu .nav-top .menu-li.on .menu-a { background:#333; }
.pc-menu .nav-top .menu-li.nav-home { width:60px !important; text-align:center; }
.pc-menu .nav-top .menu-li.nav-home .menu-a { padding:0px; }
.pc-menu .nav-top .new { color: rgb(140, 195, 70);}

.pc-menu .nav-top .sub-1div::before { /* top: -8px; border-width: 0 8px 8px; border-color: orangered transparent; display: block; width: 0px; content: ""; position: absolute; border-style: solid;  */}
.pc-menu .nav-top .sub-1div { background:#fff; /* border-top:3px solid orangered; */ box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.pc-menu .nav-top .sub-1dul,
.pc-menu .nav-top .sub-1dli { position:relative;  }
.pc-menu .nav-top .sub-1da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }
.pc-menu .nav-top .sub-1dli.on .sub-1da,
.pc-menu .nav-top .sub-1dli:hover .sub-1da { /* color:#fff; font-weight:bold; background: orangered; border-color:orangered; */ }
.pc-menu .nav-top .sub-1new { color: rgb(140, 195, 70);}
.pc-menu .nav-top .sub-1line { position:relative; display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

.pc-menu .nav-top .sub-2div { left:100%; top:0; background: #fff; position:absolute; z-index:20; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
.pc-menu .nav-top .sub-2dul { }
.pc-menu .nav-top .sub-2dli { }
.pc-menu .nav-top .sub-2da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); } 
.pc-menu .nav-top .sub-2dli.on .sub-2da,
.pc-menu .nav-top .sub-2dli:hover .sub-2da { color:#fff; font-weight:bold; background: orangered; border-color:orangered; }
.pc-menu .nav-top .sub-2new { color: rgb(140, 195, 70);}
.pc-menu .nav-top .sub-2line { display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

/********************************************************
■ PC Menu Mega : PC 상단 메가 스타일 메뉴
********************************************************/
.pc-menu .nav-mega { position:absolute; left:0px; top:0px; z-index:10; width:100%; }
.pc-menu .nav-mega .menu-a { display:block; color:#fff; background:#111; font-weight:bold; }
.pc-menu .nav-mega .menu-li { float:left; }
.pc-menu .nav-mega .menu-li:hover .menu-a,
.pc-menu .nav-mega .menu-li.on .menu-a { background:#333; }
.pc-menu .nav-mega .menu-li.nav-home { width:60px !important; text-align:center; }
.pc-menu .nav-mega .menu-li.nav-home .menu-a { padding:0px; }
.pc-menu .nav-mega .new { color: rgb(140, 195, 70);}

.pc-menu .nav-mega .mega-tbl { background:#fff; display:table; width:100%; table-layout:fixed; margin:0px; }
.pc-menu .nav-mega .mega-cell { display:table-cell; vertical-align:top; border-collapse: collapse; }
.pc-menu .nav-mega .mega-head { width:200px; background:#fafafa; padding:20px; text-align:right; }
.pc-menu .nav-mega .mega-head .mega-a { font-size:14pt; font-weight:bold; }
.pc-menu .nav-mega .mega-menu { width:200px; border:1px solid #ddd; border-top:0px; border-bottom:0px; }
.pc-menu .nav-mega .mega-content { padding:10px; }

.pc-menu .nav-mega .sub-1div { position: absolute; left:0px; width:100%; background:#fff; border-top:3px solid orangered; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.pc-menu .nav-mega .sub-1dul,
.pc-menu .nav-mega .sub-1dli { position:relative;  }
.pc-menu .nav-mega .sub-1da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }
.pc-menu .nav-mega .sub-1dli.on .sub-1da,
.pc-menu .nav-mega .sub-1dli:hover .sub-1da { color:#fff; font-weight:bold; background: orangered; border-color:orangered; }
.pc-menu .nav-mega .sub-1new { color: rgb(140, 195, 70);}
.pc-menu .nav-mega .sub-1line { position:relative; display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

.pc-menu .nav-mega .sub-2div { left:100%; top:0; background: #fff; position:absolute; z-index:20; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
.pc-menu .nav-mega .sub-2dul { }
.pc-menu .nav-mega .sub-2dli { }
.pc-menu .nav-mega .sub-2da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); } 
.pc-menu .nav-mega .sub-2dli.on .sub-2da,
.pc-menu .nav-mega .sub-2dli:hover .sub-2da { color:#fff; font-weight:bold; background: orangered; border-color:orangered; }
.pc-menu .nav-mega .sub-2new { color: rgb(140, 195, 70);}
.pc-menu .nav-mega .sub-2line { display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

/********************************************************
■ PC Menu Full : PC 상단 전체 스타일 메뉴
********************************************************/
.pc-menu .nav-full { position:relative; transition: all 0.3s ease-in-out; }
.pc-menu .nav-full.on { background:#fafafa; box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); }
.pc-menu .nav-full .at-container { z-index:10; overflow:hidden; transition: all 0.3s ease-in-out; }
.pc-menu .nav-full .menu-ul { background:#fff; display:table; width:100%; table-layout:fixed; margin:0px; }
.pc-menu .nav-full .menu-li { display:table-cell; vertical-align:top; }
.pc-menu .nav-full .menu-a { display:block; color:#fff; background:#111; font-weight:bold; padding:0px; text-align:center; }
.pc-menu .nav-full .menu-li:hover .sub-1div::before { left: 50%; margin-left:-8px; }
.pc-menu .nav-full .sub-1div { position:relative; display:none; visibility:visible; border-left:1px solid #ddd; }
.pc-menu .nav-full.on .sub-1div { display:block; }
.pc-menu .nav-full .menu-li:hover .menu-a,
.pc-menu .nav-full .menu-li.on .menu-a { background:#333; }
.pc-menu .nav-full .new { color: rgb(140, 195, 70);}
.pc-menu .nav-full-back { position:absolute; background:#111; left:0px; top:0px; width:100%; z-index:9; }

.pc-menu .nav-full .nav-full-first { }
.pc-menu .nav-full .nav-full-last { border-right:1px solid #ddd; }
.pc-menu .nav-full .menu-li:hover .sub-1div::before { top: -8px; border-width: 0 8px 8px; border-color: orangered transparent; display: block; width: 0px; content: ""; position: absolute; border-style: solid; }
.pc-menu .nav-full .menu-li:hover .sub-1div { background:#fff; border-top:3px solid orangered; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.pc-menu .nav-full .sub-1dul,
.pc-menu .nav-full .sub-1dli { position:relative;  }
.pc-menu .nav-full .sub-1da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }
.pc-menu .nav-full .sub-1dli.on .sub-1da,
.pc-menu .nav-full .sub-1dli:hover .sub-1da { color:#fff; font-weight:bold; background: orangered; }
.pc-menu .nav-full .sub-1new { color: rgb(140, 195, 70);}
.pc-menu .nav-full .sub-1line { position:relative; display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

.pc-menu .nav-full .sub-2div { left:100%; top:0; background: #fff; position:absolute; z-index:20; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
.pc-menu .nav-full .sub-2dul { border-top:3px solid orangered; margin-top:-3px; }
.pc-menu .nav-full .sub-2dli { }
.pc-menu .nav-full .sub-2da { display:block; color:#000; padding:5px 12px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); } 
.pc-menu .nav-full .sub-2dli.on .sub-2da,
.pc-menu .nav-full .sub-2dli:hover .sub-2da { color:#fff; font-weight:bold; background: orangered; }
.pc-menu .nav-full .sub-2new { color: rgb(140, 195, 70);}
.pc-menu .nav-full .sub-2line { display:block; color:#000; padding:5px 12px; font-weight:bold; background:#fafafa; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }

/********************************************************
■ PC Content Menu : PC 컨텐츠 메뉴
********************************************************/
.pc-menu .nav-content { position:absolute; top:0px; left:0px; border:0px !important; z-index:20; }
.pc-menu .nav-content .nav-btn { display:block; font-size: 15px; font-family: 'Pretendard'; cursor:pointer; padding:0px; color:#fff !important; font-weight:bold; background: rgb(203, 0, 7) !important; text-align:center; font-weight:bold; }
.pc-menu .nav-content .sub-shows { position:relative; color:#fff; background: rgb(225, 9, 19);	box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.pc-menu .nav-content .sub-shows .sub-a { display:block; font-size: 14px; font-family: 'Pretendard'; font-weight:bold; color:#fff; line-height:24px; padding:8px 15px; border-bottom:1px solid rgb(203, 0, 7); }
.pc-menu .nav-content .sub-shows .nav-shows:hover { background: rgb(255, 255, 255) !important; }
.pc-menu .nav-content .sub-shows .nav-shows:hover .sub-a { color: rgb(225, 9, 19) !important; }
.pc-menu .nav-content .sub-shows.on .sub-a { color: rgb(203, 0, 7) !important; background: rgb(255, 255, 255) !important; }

.pc-menu .nav-content .sub-content { position:absolute; z-index:20; top:0px; color:#333; background:#fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.pc-menu .nav-content .menu-content-box { display:table; width:100%; height:100%; table-layout:fixed; }
.pc-menu .nav-content .menu-content-box-sub { width:180px; padding:20px; padding-right:0px; height:100%; display:table-cell; vertical-align:top; }
.pc-menu .nav-content .menu-content-box-item { height:100%; display:table-cell; vertical-align:top; padding:15px; }
.pc-menu .nav-content .menu-content-item { height:100%; overflow:hidden; }

.pc-menu .nav-content .sub-1dul { height:100%; border-right:1px solid #ddd; padding-right:15px; }
.pc-menu .nav-content .sub-1dli { position:relative; line-height:20px; background:#fff; }
.pc-menu .nav-content .sub-1dli:hover,
.pc-menu .nav-content .sub-1dli.on { background: rgb(225, 9, 19); } 
.pc-menu .nav-content .sub-1dli.on .sub-1da,
.pc-menu .nav-content .sub-1dli:hover .sub-1da { color:#fff; font-weight:bold; }
.pc-menu .nav-content .sub-1da { display:block; padding:6px 12px; } 

.pc-menu .nav-content .sub-2div { display:none; visibility:visible; left:100%; top:0px; margin-left:-6px; z-index:20; background: rgb(225, 9, 19); position:absolute; border-radius:5px; } 
.pc-menu .nav-content .sub-2dul { } 
.pc-menu .nav-content .sub-2dli { }
.pc-menu .nav-content .sub-2dli:hover { background: rgb(203, 0, 7); } 
.pc-menu .nav-content .sub-2da { display:block; color:#fff; padding:6px 12px; } 
.pc-menu .nav-content .sub-2dli:hover .sub-2da,
.pc-menu .nav-content .sub-2dli.on .sub-2da { color:#fff; font-weight:bold; }

.pc-menu .nav-content .new { color: rgb(140, 195, 70);}
.pc-menu .nav-content .new-sub1 { color: rgb(140, 195, 70);}
.pc-menu .nav-content .new-sub2 { color: rgb(140, 195, 70);}

/********************************************************
■ PC Right Icon Menu : PC 우측 아이콘 메뉴
********************************************************/
.pc-menu .nav-right { background:#111; position:absolute; top:0px; right:0px; z-index:11; }
.pc-menu .nav-right > ul { float:right; list-style:none; padding:0px; margin:0px; }
.pc-menu .nav-right > ul > li { float:left; position:relative; width:42px; }
.pc-menu .nav-right > ul > li > a { color:#fff; display:block; text-align:center; }
.pc-menu .nav-right > ul > li > a:hover { background: #333; }
.pc-menu .nav-right .label { position: absolute; top: 15%; right: 7px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important; }
.pc-menu .nav-rw { width:170px; }

/********************************************************
■ PC All Menu : 전체 메뉴
********************************************************/
.pc-menu-all { position:relative; background:#fafafa; z-index:2; -webkit-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); box-shadow: inset 0px -10px 10px -10px rgba(0,0,0,0.2); }
.pc-menu-all .at-container { padding:20px 15px 0px; }
.pc-menu-all .table { margin-bottom:20px !important;}
.pc-menu-all .table td { width:1%; background:#fff; border:1px solid #ddd; padding:0px; line-height:20px; }
.pc-menu-all .menu-a { display:block; color:#000; padding:6px 12px; background:#f5f5f5; border-bottom:1px solid #ddd; font-weight:bold; text-align:center; }
.pc-menu-all .table td.on .menu-a { color:crimson; }
.pc-menu-all .sub-1div { padding:8px 0px; }
.pc-menu-all .sub-1dul { list-style:none; padding:0px; margin:0px; }
.pc-menu-all .sub-1dli .sub-1da { display:block; padding:2px 12px; color:#333; }
.pc-menu-all .sub-1dli.on .sub-1da,
.pc-menu-all .sub-1dli:hover .sub-1da { color:crimson; }
.pc-menu-all .new { color: rgb(140, 195, 70);}
.pc-menu-all .new-sub1 { color: rgb(140, 195, 70);}
.pc-menu-all .sub-1line { display:block; color:#000; padding:5px 12px; margin:4px 0px; font-weight:bold; background:#fafafa; }
.pc-menu-all .menu-all-btn { text-align:center; }

/********************************************************
■ Mobile Menu : 모바일 메뉴
********************************************************/
.m-menu { display:none; overflow:hidden; background:#fff; position:relative; z-index:20; box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); }
.m-menu .m-wrap { }
.m-menu .m-table { display:table; width:100%; table-layout:fixed; width:100%; margin:0px; min-width:300px; border-collapse: collapse; }
.m-menu .m-icon, 
.m-menu .m-list { display:table-cell; vertical-align:middle; font-size:15px; height:44px; line-height:44px; border:1px solid #eee; border-top:0px; border-bottom:0px; }
.m-menu .m-icon { width:44px; text-align:center; font-size:18px; }
.m-menu .m-icon a { display:block; position:relative; }
.m-menu .m-icon .label { position: absolute; top: 15%; right: 5px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important;  }
.m-menu .m-nav { overflow: hidden; margin:0px 10px; }
.m-menu .m-nav ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }
.m-menu .m-nav ul li.active a { color: orangered; font-weight:bold; }

.m-menu .m-sub { background:#fafafa; border-top:1px solid #ddd; font-size:15px; height:44px; line-height:44px; padding:0px 10px; }
.m-menu .m-nav-sub { width:100%; overflow: hidden; margin:0px; }
.m-menu .m-nav-sub ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav-sub ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }
.m-menu .m-nav-sub ul li.active a { color: orangered; font-weight:bold; }
@media all and (max-width:991px) {
	.responsive .m-menu { display:block; }
}

/********************************************************
■ Page Title : 페이지 타이틀 및 설명글
********************************************************/
.at-title { height:80px; position:relative; color:#000; background-color: #fafafa; border-bottom:1px solid #dfdfdf; }
.at-title .at-container { height:100%; position:relative; }
.at-title .page-title { font-size:24px; position:absolute; left:20px; bottom:15px; z-index:1; }
.at-title .page-desc { color:#888; position:absolute; right:20px; bottom:10px; z-index:1; }
@media all and (max-width:767px) {
	.responsive .at-title { height:50px; }
	.responsive .at-title .page-title { font-size:20px; left:15px; bottom:10px; }
}

/********************************************************
■ Footer : 하단 푸터
********************************************************/
.en .at-footer .at-links { font-size:12px; }
.at-footer .at-links { background:#fafafa; padding:8px 0px; border:1px solid #ddd; border-left:0px; border-right:0px;  }
.at-footer .at-links ul { list-style: none; margin: 0px; padding:0px; }
.at-footer .at-links ul > li { float: left; padding: 0px 15px; }
.at-footer .at-links ul > li::after { float: right; color:#ccc; content: "/"; margin-right:-17px;}
.at-footer .at-links ul > li:last-child::after { content: ""; }
.at-footer .at-links ul > li > a { color: #888; }
@media all and (max-width:991px) {
	.responsive .at-footer .at-links ul.pull-left { display:none; }
	.responsive .at-footer .at-links ul.pull-right { float:none !important; text-align:center; }
	.responsive .at-footer .at-links ul.pull-right > li { float:none; display:inline-block; }
}

/* YC5 */
.en .at-footer .at-infos { font-size:12px; }
.at-footer .at-infos .media { padding:15px 20px 20px; }
.at-footer .at-infos .pull-left { font-size:70px; color:#ddd; }
.at-footer .at-infos .copyright { float:left; margin-left:10px; }
.at-footer .at-infos .copyright span { color:#888; }
.at-footer .at-about { list-style: none; margin:0px; padding:0px; }
.at-footer .at-about > li { float: left; padding: 0px 15px; color:#888; }
.at-footer .at-about > li > a { color: #888; }
.at-footer .at-help { list-style: none; margin: 0px; padding:0px; margin-bottom:5px; }
.at-footer .at-help:after {display:block;visibility:hidden;clear:both;content:""}
.at-footer .at-help > li { float: left; padding: 0px 15px; }
.at-footer .at-help > li::after { float: right; font-size:12px; color:#ddd; content: "|"; margin-right:-17px;}
.at-footer .at-help > li:last-child::after { content: ""; }
.at-footer .at-help > li > a { float: left; }
@media all and (max-width:767px) {
	.responsive .at-footer .at-infos .media { padding:15px 0px 20px; text-align:center; }
	.responsive .at-footer .at-infos .copyright { float:none; margin:0px; }
}

/* G5 */
.at-footer .at-copyright { text-align:center; padding:15px 0px; color:#888; }
.at-footer .at-copyright strong { color:#333; }

/********************************************************
■ Go Top & Bottom : 상단/하단 이동버튼
********************************************************/
.at-go .go-btn { display:none; position: fixed; width:40px; bottom: 20px; right: 25px; z-index: 2; }
.at-go .go-btn span { display: block; color:#fff; background: rgba(0,0,0,0.5); margin:5px 0px; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 42px !important; font-size: 19px; }
.at-go .go-btn .go-bottom { display:none; }
@media (max-width: 768px) {
	.at-go .go-btn { bottom:0px; right:5px; }
}

/********************************************************
■ Bootstrap3 : 부트스트랩 기본속성
********************************************************/
/* Button */
.btn { font-family: 'Pretendard'; }
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }
.btn-xs { padding: 4px 10px; }
.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm { font-family: 'Pretendard'; }

/* Panel : Accordions */
.panel { box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; }
.panel-group .panel { border-radius: 0px; }
.panel .panel-heading { border-radius: 0px; }
.is-pc .ko .panel .panel-body { font-size:12px; }

/* List Group */
.list-group-item { word-break:break-all; border-radius:0 !important; }

/* Pagination */
.pagination { font-family: 'Pretendard'; }
.pagination li a { border-radius:0 !important; color:#333 !important; }
.pagination li.active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* Progress */
.progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress .sr-only { font-family: 'Pretendard'; margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
.sr-score { font-family: 'Pretendard'; height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }

/* Misc */
.form-control, .well, .btn, .alert, .input-group-addon, .label { border-radius:0 !important; }

/********************************************************
■ Widget : 위젯 속성
********************************************************/
/* Miso-Category Widget */
.miso-category .ca-head a { background:#222 !important; }

/* Image Round & Style */
.is-round .is-round-title { }
.is-round-post-img { }
.is-round-post,
.is-round-item, 
.is-round-event, 
.is-round-banner { }
.is-round-item.on,
.is-round-item:hover { }
.is-round-item-img { } 
.is-item-content { }

/* Image Scale */
.is-pc .item-col .wr-img,
.is-pc .post-col .wr-img { transition: all .2s ease-in-out; }
.is-pc .item-col:hover .wr-img, 
.is-pc .post-col:hover .wr-img { transform: scale(1.15); }

/* Border Color */
.border-color, 
.tabs-color-top { border-color: rgb(50, 60, 70) !important; }
/* /css/solution.css */
@charest "utf-8";
/********************************************************
■ 공통 부분 시작 html > css > solution.css
********************************************************/

span.bold{font-weight:500;}

/*기본 컨텐츠 넓이 값 조정 *****중요함***** */
.container_wide{width:100%; margin:0 auto;}
.container_fix{width:100%; padding:0 15px; margin:0 auto; max-width:1230px; position:relative;}

/* 이미지 처리시 반응형*/
.container_img{overflow-x:hidden;}
@media (min-width:2000px){
	.container_img img{display:block; width:100%;}
}
@media (max-width:1900px){
	.container_img img{display:block; width:100%;}
}

/*body , html overflow-y*/
/* body, html{overflow-x:hidden;} */
html{overflow-x:hidden !important;}
body{overflow-x: visible !important;}
@media (max-width:991px){
	#thema_wrapper{overflow-x:hidden;}
}

/*display:none block*/
.display_pc{display:block;}
.display_mobile{display:none;}
@media (max-width:991px){
	.display_pc{display:none;}
	.display_mobile{display:block;}
}

/*스크롤바 제어*/
html{scrollbar-3dLight-Color: #fff;  scrollbar-base-color: #fff; scrollbar-Face-Color: #fff; scrollbar-Track-Color: #f0f0f0; 
scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff;}
/* ::-webkit-scrollbar {background:#fff; width:4px; float:left; position:absolute; left:0; height:5px;  border-radius:4px;} */
/* ::-webkit-scrollbar-button:start:decrement {display: block; height: 4px; background:#f0f0f0; background-position:center;} */
/* ::-webkit-scrollbar-button:end:increment {display: block; height: 4px; background:#f0f0f0; background-position:center;} */
/* ::-webkit-scrollbar-button {background:transparent; color:#fff;} */
/* ::-webkit-scrollbar-track {background:#f5f5f5;} */
/* ::-webkit-scrollbar-thumb {height:50px; width:6px; border-radius:10px;}  */
::-webkit-scrollbar {
    width: 5px;
    border-radius: 3.3px;
}
::-webkit-scrollbar-track {
    border-radius: 3.3px;
    background-color: #f6f6f6;
}
::-webkit-scrollbar-thumb {
    height: 40px;
    background-color: #e6e6e6;
    border-radius: 3.3px; 
}

/*이미지맵 라인 제거*/
area, map{outline: none !important; text-decoration: none !important; border-radius: 0 !important;}

/*input, button, textarea, select css*/
input, button, textarea, select{outline:none; box-shadow:none; border-radius:0; border:1px solid #e5e5e5;}
input::placeholder, textarea::placeholder{color:#666;}

/*톱니바퀴 모양 클릭 시 가려지는 현상 제거*/
.p10{overflow:hidden;}

/*마진, 패딩 값 공통 조절*/
.margin_bottom{margin-bottom:60px;}
.margin_top{margin-top:60px;}
.padding_bottom{padding-bottom:60px;}
.padding_top{padding-top:60px;}

/*줄바꿈*/
span.w_br{display:block;}
span.m_br{display:none;}

/*강제 안보임 처리*/
aside#sidebar-btn{display:none;}

/*포인트 컬러 조정*/
a:hover, a:focus, a:active{color:var(--main-point-color-hover); text-decoration:none;}
.main_text{color:var(--main-point-color-hover);}
.main_bg{background:var(--main-point-bg-color-hover); border:1px solid var(--main-point-line-color-hover); color:#fff;}
.main_btn{background:var(--main-point-btn-bg-color-hover); color:#fff;}
.main_btn_border{border:1px solid var(--main-point-btn-line-color-hover) !important;}
.main_hover:hover{background:var(--main-point-btn-bg-color-hover); color:#fff;}
.main_hover_border:hover{background:var(--main-point-btn-bg-color-hover); border:1px solid var(--main-point-btn-line-color-hover); color:#fff;}

/*포인트 컬러 지정된 곳*/
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a,
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div a:hover,
.at-menu .pc-menu .all_menu .all_ul > .all_li:hover .all_a,
.index_cont06 .fix_review .review_info .review_star i, .item_detail .thema-color, .item_detail .item-head .price-sum span, 
.modal-box .modal-score i, .use-content .star-wrap.thema-color, .myinfo-wrap .quart-box .quart-description,
.board_style .list-board .list-body li > div a:hover, .board_style .list-board .list-body li > div a:focus, 
.board_style .list-board .list-body li > div a:active,
.review_list .media-info .fa-star, .review_list .media-info .fa-star-o,
.fix_category .list_sort .right_sort > a.on,
.review_modal .review_content .review_text_box .text_box_top .right_text .item_star,
.use_form_box .use_form_star .star_contents i{color:var(--main-point-color-hover);}

.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a span:after, 
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span:after,
.at-menu .m-menu .m-nav ul li.active a:after,
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active,
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after, .btn.btn-login, .register-form .regbtn-wrap .regbtn,
.regbtn-wrap #display_pay_button input,
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active,
.review_modal .review_content .review_img_box .review_slider .slick-dots > li.slick-active{ background:var(--main-point-btn-bg-color-hover);}

.index_cont04 .frame ul li.active, .m-review-panel .review-body > div .table-row .table-cell ul li.active:before,
.m-review-panel .review-body > div .table-row .table-cell ul li.active:after,
.item_detail .m-review-panel .review-body > div .table-row .table-cell ul li.active:before,
.item_detail .m-review-panel .review-body > div .table-row .table-cell ul li.active:after,
.password_confirm .confirm_input .confirm_btn_box .btn_confirm{background-color:var(--main-point-btn-bg-color-hover);}
.cart-wrap .shop-btn:hover {border: 1px solid var(--main-point-btn-line-color-hover);background-color: var(--main-point-btn-bg-color-hover);color: #fff;}
.simple_reviews .table-row .contents div input:checked + label{border: 0; background-color: var(--main-point-bg-color-hover); color:#fff;}
.btn.btn-color{border: 1px solid var(--main-point-btn-line-color-hover); background: var(--main-point-btn-bg-color-hover);}
.password_confirm .btn_back > a{border-bottom:1px solid var(--main-point-color-hover); color:var(--main-point-color-hover);}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{background:var(--main-point-bg-color-hover); color:#fff;}
.faq_box .div-panel .faq_a_content .faq_icon span{background:var(--main-point-bg-color-hover); border:1px solid var(--main-point-line-color-hover);}
html{scrollbar-arrow-color: var(--main-scroll-color); scrollbar-Shadow-Color: var(--main-scroll-color);}
::-webkit-scrollbar-thumb{background:var(--main-scroll-color);}

.ppay_wrap .ppay-box .order_price{color:#222}

@media (max-width:991px){
	.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{color:var(--main-point-color-hover);}
}

/*서브 컬러 조정*/
.black, .black *, .black a{color:#333;}
.light_grey, .light_grey *, .light_grey, .light_grey a{color:#999;}
.grey, .grey *, .grey a{color:#999;}
.sub_btn{background:#999; color:#fff;}
.sub_btn_border{border:1px solid #999;}
.black_btn{background:#333; color:#fff;}

/*이미 되어있는 부분들 강제로 정리*/
#sidebar-box .bg-navy, #sidebar-box .btn-navy{background-color:var(--main-point-btn-bg-color-hover) !important; border-color:var(--main-point-btn-line-color-hover) !important;}
#sidebar-box .btn-group.btn-group-justified > a{border-color:#fff !important;}
.text-center .pagination>.active>a, .text-center .pagination>.active>span, .text-center .pagination>.active>a:hover, 
.text-center .pagination>.active>span:hover, .text-center .pagination>.active>a:focus, .text-center .pagination>.active>span:focus
.list-wrap .text-center .pagination .active a, .view-wrap .text-center .pagination .active a,
.board-list .list-wrap .pagination .active a, .view-wrap .pagination .active a{background-color:transparent !important;; border-color:transparent !important;}
#sidebar-box #sidebar-menu .sidebar-menu .ca-head.active > a, #sidebar-box #sidebar-menu .sidebar-menu .ca-sub li.on a{color:var(--main-point-color-hover) !important; font-weight:500 !important;}
#sidebar-box #sidebar-menu .sidebar-menu a:hover, #sidebar-box #sidebar-user .sidebar-list a:hover{color:var(--main-point-color-hover) !important;}
/*//이미 되어있는 부분들 강제로 정리*/


/********************************************************
■ //공통 부분 끝
********************************************************/


/********************************************************
■ 메인 페이지 시작
********************************************************/

/* html > page > top_top_banner.php 탑배너 부분 관리*/
#fs_topbanner{width:100%; position: relative;}
#fs_topbanner .pc, #fs_topbanner .mobile{position:relative;}
#fs_topbanner .pc .bg, #fs_topbanner .mobile .bg{position: relative; background-repeat:no-repeat; background-size:cover; background-color: #fff; padding: 10px 10px 5px;}
#fs_topbanner .mobile .bg.function {
    position: relative;
    background-color: #1b232f;
    transition: .2s;
}
@media (max-width: 991px) {
    #fs_topbanner:has(.bg.function)::after {
        content: "";
        position: absolute;
        bottom: -1px;
        width: 100%;
        height: 2px;
        background-color: #1b232f;
    }
}
#fs_topbanner .mobile .bg {padding: 6px 6px 2px; display: flex;}
#fs_topbanner .pc .tp_reject { transition: .3s; padding: 7px;}
#fs_topbanner .pc .tp_reject:hover {background-color: rgba(255, 255, 255, 0.10); border-radius: 5px; transition: .3s;}
#fs_topbanner .pc .tp_reject {display: inline-flex; position:absolute; top:50%; transform:translateY(-50%); right:40px;}
#fs_topbanner .mobile .tp_reject {position:absolute; top:50%; transform:translateY(-50%); right: 15px;}
#fs_topbanner .pc .tp_reject img, #fs_topbanner .mobile .tp_reject img{width:auto;}
#fs_topbanner.H1 .pc .tp_reject{right: 7%;}
#fs_topbanner.H2 .pc .tp_reject{right: 1.8%;}
#fs_topbanner.H3 .pc .tp_reject{right: 0.5%;}
#fs_topbanner.H4 .pc .tp_reject{right: 7.1%;}
#fs_topbanner.H5 .pc .tp_reject{right: 7%;}
#fs_topbanner.H6 .pc .tp_reject{right: 2.5%;}
#fs_topbanner.H7 .pc .tp_reject{right: 2.5%;}
#fs_topbanner.H8 .pc .tp_reject{right: 6.5%;}
#fs_topbanner.H9 .pc .tp_reject{right: 6.5%;}
#fs_topbanner.H10 .pc .tp_reject{right: 1.8%;}
#fs_topbanner.H11 .pc .tp_reject{right: 18.4%;}
#fs_topbanner.H12 .pc .tp_reject{right: 18.4%;}
#fs_topbanner.H13 .pc .tp_reject{right: 18.4%;}
#fs_topbanner.H14 .pc .tp_reject{right: 6.5%;}
#fs_topbanner.H15 .pc .tp_reject{right: 18.5%;}
#fs_topbanner.H16 .pc .tp_reject{right: 18.5%;}
#fs_topbanner.H17 .pc .tp_reject{right: 18.5%;}
#fs_topbanner.H18 .pc .tp_reject{right: 18.5%;}
#fs_topbanner.H19 .pc .tp_reject{right: 18.5%;}
#fs_topbanner.H20 .pc .tp_reject{right: 18.5%;}
#fs_topbanner.H21 .pc .tp_reject{right: 18.5%;}

/* 탑배너 커스텀 pc */
#fs_topbanner .pc .bg .container_fix {width: 100%; padding: 20px 30px; background-color: #235bf5; border-radius: 20px; max-width: 100%;}
#fs_topbanner .pc .bg .inner_txt {display: flex; flex-direction: column;}
#fs_topbanner .pc .bg .inner_txt span {color: #fff; opacity: 0.5; font-size: 16px; font-weight: 500; line-height: 1; word-break: keep-all; display: inline-block; margin-bottom: 10px;}
#fs_topbanner .pc .bg .inner_txt p {color: #fff; font-size: 19px; line-height: 1; font-weight: 600; word-break: keep-all;}
#fs_topbanner .pc .bg .more_btn {position: absolute; bottom: 12px; right: 10%; width: auto; line-height: 1; display: inline-block; padding: 8px 12px; transition: .3s;}
#fs_topbanner .pc .bg .more_btn:hover {background-color: rgba(255, 255, 255, 0.10); border-radius: 5px; transition: .3s;}
#fs_topbanner .pc .bg .more_btn span {color:#fff; font-size: 15px; font-weight: 600; border-bottom: 1px solid #fff;}

/* 탑배너 커스텀 mobile */
/* #fs_topbanner .mobile .bg .container_fix {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} */
#fs_topbanner .mobile .bg .inner_txt {display: flex; flex-direction: column; align-items: center; justify-content: center;}
#fs_topbanner .mobile .bg .inner_txt span {color: #fff; opacity: 0.5; font-size: 13px; font-weight: 500; line-height: 1; word-break: keep-all; display: inline-block;}
#fs_topbanner .mobile .bg .inner_txt p {color: #fff; font-size: 14px; line-height: 1; font-weight: 700; word-break: keep-all; margin-bottom: 8px; letter-spacing: 0.02em;}
#fs_topbanner .mobile .bg .more_btn {position: relative; display: inline-block; width: 100%; height: 100%; padding: 20px 0; border-radius: 11px; background-color: #235bf5;}

/* 탑배너 - 가격안내 */
#fs_topbanner .pricing_banner {position: relative; padding: 10px 10px 5px;}
#fs_topbanner .pricing_banner .inner_banner {/*background: url(/img/pricing_bg.png) no-repeat center / cover;*/ background-color: #0c0c0c; border-radius: 20px; overflow: hidden; padding: 14px 0;}
#fs_topbanner .pricing_banner .inner_txt {display: flex; align-items: center; justify-content: center; gap: 70px;}
#fs_topbanner .pricing_banner .inner_txt .txt {display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}
#fs_topbanner .pricing_banner .inner_txt .txt p {font-size: 20px; font-weight: 700; line-height: 1; color: #fff; word-break: keep-all;}
#fs_topbanner .pricing_banner .inner_txt .txt span {font-size: 14px; font-weight: 400; line-height: 1; color: #fff; opacity: 0.4;}
#fs_topbanner .pricing_banner .inner_txt .time_box {display: flex; align-items: center; justify-content: center; gap: 5px;}
#fs_topbanner .pricing_banner .inner_txt .time_box > span {font-size: 20px; color: #fff; font-weight: 700;}
#fs_topbanner .pricing_banner .inner_txt .time {min-width: 60px; padding: 7px 12px; border-radius: 8px; background-color: #fff; font-size: 25px; font-weight: 700; line-height: 1; color: #010101;}
#fs_topbanner .pricing_banner .inner_txt .time span {display: block; line-height: 1; font-size: 13px; color: #333333; margin-top: 5px;}
#fs_topbanner .pricing_banner .tp_reject {display: inline-flex; position:absolute; top:50%; transform:translateY(-50%); right:40px; padding: 7px; transition: .3s;}
#fs_topbanner .pricing_banner .tp_reject:hover {background-color: rgba(255, 255, 255, 0.15); border-radius: 3px; transition: .3s;}

@media (max-width: 991px) {
    #fs_topbanner .pricing_banner {
        padding: 6px 6px 2px;
    }

    #fs_topbanner .pricing_banner .inner_banner {
        padding: 15px 25px;
        border-radius: 10px;
    }
    #fs_topbanner .pricing_banner .inner_txt {
        gap: 18px;
    }
    #fs_topbanner .pricing_banner .inner_txt .txt {
        align-items: flex-start;
        gap: 9px;
    }
    #fs_topbanner .pricing_banner .inner_txt .txt p {
        font-size: 13px;
    }
    #fs_topbanner .pricing_banner .inner_txt .txt span {
        font-size: 12px;
    }
    #fs_topbanner .pricing_banner .inner_txt .time {
        min-width: 47px;
        font-size: 17px;
        border-radius: 7px;
    }
    #fs_topbanner .pricing_banner .inner_txt .time_box > span {
        font-size: 14px;
    }
    #fs_topbanner .pricing_banner .inner_txt .time span {
        font-size: 9px;
    }
    #fs_topbanner .pricing_banner .tp_reject {
        top: 15px;
        right: 15px;
        transform: translateY(0);
        line-height: 1;
        padding: 0;
    }
    #fs_topbanner .pricing_banner .tp_reject:hover {
        background-color: transparent;
    }

    #fs_topbanner .pricing_banner .tp_reject img {
        width: 10px;
    }
}

@media (max-width: 480px) {
    #fs_topbanner .pricing_banner .inner_banner {
        padding: 17px;
    }
    #fs_topbanner .pricing_banner .inner_txt {
        gap: 10px;
    }
    #fs_topbanner .pricing_banner .inner_txt .txt {
        align-items: center;
    }

    #fs_topbanner .pricing_banner .inner_txt .time {
        min-width: 41px;
        padding: 5px 9px;
    }
}

/* html > thema > fivesense-basic > shop.head.php */

/*at_lnb*/
.at_lnb{width:100%;}
.at_lnb .left_lnb{float:left;}
.at_lnb > div > div > ul{list-style:none; text-align:left;}
.at_lnb > div > div > ul > li{display:inline-block; padding:0 8px; position:relative; height:30px; line-height:30px;}
.at_lnb > div > div > ul > li:first-child{padding: 0 8px 0 0;}
.at_lnb > div > div > ul > li:last-child{padding:0 0 0 8px;}
.at_lnb > div > div > ul > li:after{content:""; position:absolute; display:block; top:50%; transform:translateY(-50%); 
right:-2px; width:1px; height:15px; background:#ccc;}
.at_lnb > div > div > ul > li:last-child:after{display:none;}
.at_lnb > div > div > ul > li > a{font-size:13px; display:block;}
.at_lnb > div > div.right_lnb{float:right;}
.at_lnb > div > div.right_lnb > ul{list-style:none; text-align:right;}

/*pc_header*/
.pc_header{width:100%; padding:40px 0 30px;}
.pc_header .container_fix{display:table;}
.pc_header .container_fix > div{display:table-cell; vertical-align:middle;}
.pc_header .container_fix > div.logo_box{width:275px;}
.pc_header .container_fix > div.logo_box > a{display:inline-block;}
.pc_header .container_fix > div.search_box{width:calc(100% - 500px);}
.pc_header .container_fix > div.search_box > form{width:490px; max-width:100%; display:block;}
.pc_header .container_fix > div.search_box > form .header_search{width:100%; position:relative;}
.pc_header .container_fix > div.search_box > form .header_search input{width:100%; display:block; border:0; border-bottom:2px solid #222222;
color:#333; font-size:18px; height:50px; line-height:50px;}
.pc_header .container_fix > div.search_box > form .header_search button{position:absolute; right:10px; top:50%; transform:translateY(-50%);
background:none; border:0;}
.pc_header .container_fix > div.header_icon_box{width:350px;}
.pc_header .container_fix > div.header_icon_box > ul{list-style:none; text-align:right;}
.pc_header .container_fix > div.header_icon_box > ul li{display:inline-block; text-align:center; padding:0 14px;}
.pc_header .container_fix > div.header_icon_box > ul li:first-child{padding:0 14px 0 0;}
.pc_header .container_fix > div.header_icon_box > ul li:last-child{padding:0 0 0 14px;}
.pc_header .container_fix > div.header_icon_box > ul li img{display:block; margin:0 auto;}
.pc_header .container_fix > div.header_icon_box > ul li p{font-size:15px; margin-top:7px;}

/*menu | html > thema > fivesense-basic > menu.php 배분형 기준*/
.at-menu{width:100%; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#fff;}
.at-menu .pc-menu{background:none; box-shadow:none; -webkit-box-shadow:none;}
.at-menu .pc-menu .nav-top{padding:0 15px;}
.at-menu .pc-menu .nav-top ul{list-style:none;}
.at-menu .pc-menu .nav-top.nav-both .menu-a{background:none; color:#333; font-weight:500; font-size:19px;}
.at-menu .pc-menu .nav-top .menu-li:hover .menu-a, .at-menu .pc-menu .nav-top .menu-li.on .menu-a{background:none;}
.at-menu .pc-menu .nav-top .menu-li.all_menu_btn > a{display:block; width:61px; height:61px; text-align:center; position:relative; padding:0 !important;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li{display:inline-block; position:relative; z-index:1;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:22px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{display:block; padding:0 22px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{position:absolute; left:50%; transform:translateX(-50%); border:1px solid #e5e5e5; top:76px;
width:170px; text-align:center; box-shadow:none; -webkit-box-shadow:none;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.last_li .sub-1div{width:130px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a span{position:relative;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a span:after,
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span:after{left:50%; transform:translateX(-50%); bottom:-5px; content:""; position:absolute; width:100%; height:1px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding:0; font-size:14px; display:block; padding:10px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli:last-child .sub-1da{border-bottom:0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{background:#666; color:#fff; border-bottom:1px solid #666;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.last_li{float:right; width:130px; border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7; padding:0; }
.at-menu .pc-menu .all_menu{width:100%; background:#fff; border:1px solid #d7d7d7; position:absolute; display:none; top:76px;}
.at-menu .pc-menu .all_menu .all_ul{list-style:none; overflow:hidden; padding:40px 40px 0 40px;}
.at-menu .pc-menu .all_menu .all_ul > .all_li{width:23%; float:left; text-align:center; height:200px; margin-right:2.666666666667%;}
.at-menu .pc-menu .all_menu .all_ul > .all_li:nth-child(4n){margin-right:0;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_a{display:block; font-size:16px; font-weight:500; border-bottom:1px solid #333;
padding-bottom:10px; margin-bottom:5px;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div{}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div a{display:block; padding:5px; color:#666; font-size:14px;}

/*메인 슬라이더 html > thema > fivesense-basic > main > main-shop-basic-wide.php || html > thema > fivesense-basic > widget > miso-title-map.php */
.index_cont01{margin-top:20px;}
.map_btn_box{width:100%; position:relative; height:40px; text-align:right; margin:20px auto;}
.map_btn_box .map_paging{font-size:14px; color:#999; display:inline-block; height:40px; line-height:40px; vertical-align:top;
margin-right:15px;}
.map_btn_box .map_paging > span{color:#222} 
.map_btn_box .map_btn{position:relative; width:80px; height:40px; display:inline-block;}
.map_btn_box .map_btn .carousel-control{display:block; width:50%; height:100%; opacity:1;}
.map_btn_box .map_btn .carousel-control .glyphicon{position:static; width:100%; height:100%; margin:0; border:1px solid #d7d7d7;}
.map_btn_box .map_btn .carousel-control .glyphicon-chevron-right{border-left:0;}

/*메인페이지 텍스트*/
.main_text_box{margin-bottom:50px; text-align:center}
.main_text_box h2{position:relative; margin-bottom:20px; font-weight:600; font-size:28px; color:#222}
.main_text_box h2:after{display:block; content:""; position:absolute; top:50%; left:0; width:100%; height:1px; border-bottom: 1px dashed #999;}
.main_text_box h2 span{display:inline-block; position:relative; z-index:1; padding:0 60px; background-color:#fff}
.main_text_box p{font-size:18px; line-height:1.8; color:#666}
/*
.main_con .btn_box{text-align:center}
.main_con .btn_box .btn_more{display:inline-block; margin-top:60px; padding:0 83px; border:2px solid #fff}
.main_con .btn_box .btn_more > span{display:inline-block; font-weight:500; font-size:20px; line-height:61px; color:#fff}
*/

/*샵페이지 공통 부분 || 추천테마*/
.shop_container.shop_basic{}
.shop_container.shop_basic .item-list{border:0;}
.shop_container.shop_basic .item-content{padding:0; padding-top:17px; height:auto !important; text-align:left;}
.shop_container.shop_basic .item-icon{position:relative; left:auto; top:auto; margin-bottom:5px;}
.shop_container.shop_basic .item-icon img{margin-right:5px; margin-bottom:5px; display:inline-block;}
.shop_container.shop_basic .item-content strong{font-size:16px; color:#666666;}
.shop_container.shop_basic .item-price b .font-18{font-size:22px; color:#333;}
.shop_container.shop_basic .item_price_box{width:100%; margin-top:5px;}
.shop_container.shop_basic .item_price_box .sale_cont{display:inline-block; margin-right:5px;}
.shop_container.shop_basic .item_price_box .sale_cont span{font-size:16px; display:none;}
.shop_container.shop_basic .item_price_box .sale_cont strike{font-size:14px;}
.shop_container.shop_basic .item_price_box > h5{font-size:16px; color:#333333; display:inline-block;}
.shop_container.shop_basic .item_price_box > h5 span{font-weight:600; font-size:19px;}
.shop_container.shop_basic .item-content .item-desc{display:none;}
.shop_container .item-info, .shop_container .label-cap{display:none;}

/*메인 품절임박! 선착순 타임특가*/
.index_cont03{background:-webkit-linear-gradient(135deg,#652df1,#b1dfcc); 
background:-moz-linear-gradient(135deg,#652df1,#b1dfcc); background:linear-gradient(135deg,#652df1,#b1dfcc); padding:60px 0;}
.main_text_box h1{font-size:34px; color:#ffffff; font-weight:600; 
-webkit-text-shadow:0 0 12px rgba(0,0,0,0.3); -moz-text-shadow:0 0 12px rgba(0,0,0,0.3); text-shadow:0 0 12px rgba(0,0,0,0.3);}
.saleitem_style.miso-item .item-info, .saleitem_style.miso-item .label-cap, .saleitem_style.miso-item .item-icon{display:none;}
.saleitem_style.miso-item .item-list{border:0;}
.saleitem_style.miso-item .item-image{width:300px; margin:0 auto;}
.saleitem_style .bg-white{padding:25px 20px 50px; border-radius:50px;}
.saleitem_style .sale_info{text-align:center; color:#333333; margin-bottom:20px;}
.saleitem_style .sale_info > div{display:inline-block; font-weight:500; font-size:30px; line-height:60px;}
.saleitem_style .sale_info > div span{display:inline-block; width:40px; margin-right:6px; border:1px dashed var(--main-point-line-color-hover); border-radius:8px;
color:#333}
.saleitem_style.miso-item .item-content{padding:0; text-align:center; width:300px; margin:22px auto; height:auto !important;}
.saleitem_style.miso-item .item-desc{display:none;}
.saleitem_style .item-list .item-content strong{font-weight:500; font-size:18px; color:#222; overflow:hidden; text-overflow:ellipsis; 
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:1.2em}
.saleitem_style .sale_price_box{width:300px; margin:0 auto; text-align:center;}
.saleitem_style .sale_price_box strike{display:inline-block; font-size:18px; font-weight:500; line-height:32px; vertical-align:top;
margin-right:25px;}
.saleitem_style .sale_price_box span.real_price{display:inline-block; font-size:30px; font-weight:500; line-height:30px;}

/*급상승 검색어*/
.index_cont04 .part_tab_wrap{position:relative;}
.index_cont04 .frame{overflow:hidden; margin-bottom:60px}
.index_cont04 .frame ul{list-style:none;}
.index_cont04 .frame ul li{float:left; width:162.5px; padding:95px 0 17px; border:1px solid #d7d7d7; background:#f0f0f0 url('/img/icon_mc04_01.png') no-repeat 50% 32%; text-align:center; cursor:pointer}
.index_cont04 .frame ul li + li{border-left:0}
.index_cont04 .frame ul li:nth-child(2){background-image:url('/img/icon_mc04_02.png')}
.index_cont04 .frame ul li:nth-child(3){background-image:url('/img/icon_mc04_03.png')}
.index_cont04 .frame ul li:nth-child(4){background-image:url('/img/icon_mc04_04.png')}
.index_cont04 .frame ul li:nth-child(5){background-image:url('/img/icon_mc04_05.png')}
.index_cont04 .frame ul li:nth-child(6){background-image:url('/img/icon_mc04_06.png')}
.index_cont04 .frame ul li:nth-child(7){background-image:url('/img/icon_mc04_07.png')}
.index_cont04 .frame ul li:nth-child(8){background-image:url('/img/icon_mc04_08.png')}
.index_cont04 .frame ul li:nth-child(9){background-image:url('/img/icon_mc04_09.png')}
.index_cont04 .frame ul li:nth-child(10){background-image:url('/img/icon_mc04_10.png')}
.index_cont04 .frame ul li:nth-child(11){background-image:url('/img/icon_mc04_11.png')}
.index_cont04 .frame ul li:nth-child(12){background-image:url('/img/icon_mc04_12.png')}
.index_cont04 .frame ul li.active{background-color:var(--main-point-box-color-hover); background-image:url('/img/icon_mc04_01_on.png')}
.index_cont04 .frame ul li:nth-child(2).active{background-image:url('/img/icon_mc04_02_on.png')}
.index_cont04 .frame ul li:nth-child(3).active{background-image:url('/img/icon_mc04_03_on.png')}
.index_cont04 .frame ul li:nth-child(4).active{background-image:url('/img/icon_mc04_04_on.png')}
.index_cont04 .frame ul li:nth-child(5).active{background-image:url('/img/icon_mc04_05_on.png')}
.index_cont04 .frame ul li:nth-child(6).active{background-image:url('/img/icon_mc04_06_on.png')}
.index_cont04 .frame ul li:nth-child(7).active{background-image:url('/img/icon_mc04_07_on.png')}
.index_cont04 .frame ul li:nth-child(8).active{background-image:url('/img/icon_mc04_08_on.png')}
.index_cont04 .frame ul li:nth-child(9).active{background-image:url('/img/icon_mc04_09_on.png')}
.index_cont04 .frame ul li:nth-child(10).active{background-image:url('/img/icon_mc04_10_on.png')}
.index_cont04 .frame ul li:nth-child(11).active{background-image:url('/img/icon_mc04_11_on.png')}
.index_cont04 .frame ul li:nth-child(12).active{background-image:url('/img/icon_mc04_12_on.png')}
.index_cont04 .frame ul li a{display:inline-block; font-size:16px; color:#666}
.index_cont04 .frame ul li.active a{color:#fff}
.index_cont04 button{position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; border:1px solid #d7d7d7; border-radius:0; background-color:#fff}
.index_cont04 .btn_prev{left:-60px}
.index_cont04 .btn_next{right:-60px}
.index_cont04 .part_product_wrap > div + div{display:none}

/*베스트 상품*/
.index_cont05{width:100%;}
.index_cont05 .index_cont05_box{width:100%;}
.index_cont05 .index_cont05_box > div{width:49.231%; float:left;}
.index_cont05 .index_cont05_box > div:nth-child(2){float:right;}
.index_cont05 .index_cont05_box > div .top_content{width:100%;}
.index_cont05 .index_cont05_box > div .bottom_content{width:100%; border:1px solid #d7d7d7; padding:15px 20px;}
.index_cont05 .shop_container.shop_basic .item-list{margin-right:15px !important;}
.index_cont05 .shop_container.shop_basic .item-wrap{margin-right:-15px !important;}

/*써본 사람들의 진짜 리뷰*/
.index_cont06 .main_text_box h1{-webkit-text-shadow:none; -moz-text-shadow:none; text-shadow:none; color:#222; font-size:28px;}
.index_cont06 .miso-shop-post-wrap{overflow:hidden; margin-right:-40px; margin-bottom:-40px;}
.index_cont06 .fix_review_box{width:25%; float:left;}
.index_cont06 .fix_review_box .fix_review_list{margin-right:40px; margin-bottom:40px; background:#f1f1f1; padding:20px 0; border-radius:30px; overflow:hidden;}
.index_cont06 .fix_review_box .fix_review_list .fix_review{margin:0 auto; width:calc(100% - 40px);}
.index_cont06 .fix_review .review_date{font-size:14px; line-height:1; color:#999;}
.index_cont06 .fix_review .img_box{width:100%; margin:10px 0; position:relative;}
.index_cont06 .fix_review .img_box > a{display:block; width:100%; overflow:hidden; position:relative; padding-bottom:100%; background-color:#fff;}
.index_cont06 .fix_review .img_box > a img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); 
-ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%;}
.index_cont06 .fix_review .review_info{width:100%;}
.index_cont06 .fix_review .review_info .review_product{}
.index_cont06 .fix_review .review_info .review_product span{font-size:16px; color:#222;}
.index_cont06 .fix_review .review_info .review_star{font-size:18px; margin:5px auto 10px;}
.index_cont06 .fix_review .review_info .review_content{width:100%;}
.index_cont06 .fix_review .review_info .review_content{font-size:14px; color:#666;
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.25em; height:4.8em}
.index_cont06 .fix_review .review_info .review_name{color:#999; font-size:14px; margin-top:20px;}

/*푸터 html > thema > fivesense-basic > shop.tail.php*/
.fix_footer{margin-top:60px;}
.fix_infos_box .container_fix:after{display:block; content:""; clear:both}
.ft_info{float:left}
.ft_service{float:left; margin-left:8%}
/*footer_top*/
.fix_footer .fix_links_box{border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.fix_footer .fix_links_box ul{padding:22px 0;}
.fix_footer .fix_links_box .fix_links > li{display:inline-block; position:relative}
.fix_footer .fix_links_box .fix_links > li + li{margin-left:15px; padding-left:19px}
.fix_footer .fix_links_box .fix_links > li + li:after{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background-color:#a8a9ad}
.fix_footer .fix_links_box .fix_links > li a{font-size:16px; color:#666}
/*footer_bot*/
.fix_footer .fix_infos_box{padding:50px 0;}
.fix_footer .fix_infos_box .container_fix{position:relative; }
.fix_footer .fix_infos_box .info_ul{margin-bottom:12px;}
.fix_footer .fix_infos_box .info_ul > li{display:inline-block; position:relative; font-size:14px; color:#666666; letter-spacing:-0.03em}
.fix_footer .fix_infos_box .info_ul > li + li{margin-left:6px; padding-left:10px}
.fix_footer .fix_infos_box .info_ul > li + li:after{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background-color:#666}
.fix_footer .fix_infos_box .info_ul > li a{font-size:14px; color:#666; }
.fix_footer .fix_infos_box h4{font-size:14px; color:#6f6f6f; margin-top:20px;}
.fix_footer .fix_infos_box .nicepay_escrow{position:absolute; bottom:50%; right:0; margin-bottom:-44px}

/* 푸터 고객센터 */
.ft_service > .tit{margin-bottom:15px; font-weight:500; font-size:16px; color:#666}
.ft_service > .tel{margin-bottom:15px; font-weight:600; font-size:26px;}
.ft_service .time_box > p{display:inline-block; font-size:14px; color:#666}
.ft_service .time_box > p.closed{display:block; margin-top:10px}
.ft_service .time_box > p > span{display:inline-block;}
.ft_service .time_box > p .time{margin-left:5px; margin-right:10px; font-weight:500}
.ft_service .btn_box{margin-top:15px}
.ft_service .btn_box .btn_service{display:inline-block; padding:0 25px; border-radius:3px; }
.ft_service .btn_box .btn_service > span{display:block; font-size:14px; line-height:40px; color:#fff;}

/*wing html > thema > fivesense-basic > wing.php */
.wing-right { position:absolute; width:80px; right:-100px; top:0px; }
.fix_wing{list-style:none; text-align:center;}
.fix_wing > li{background:#f2f2f2; margin-bottom:7px; display:table; height:80px; width:100%;}
.fix_wing > li > a{display:table-cell; vertical-align:middle;}
.fix_wing > li > a p{font-size:13px; color:#666; margin-top:10px;}
.wing-right #stv{position:relative; width:80px; text-align:center; background:#fff; float:none;  border:1px solid #e1e1e1;}
.wing-right #stv #stv_list{width:80px; border:0; background-color:transparent; margin:0 auto; position:relative;}
.wing-right #stv #stv_list .wing_title{color:#222; font-size:13px; margin:13px auto; text-align:center; font-weight:500;}
.wing-right #stv #stv_list ul{width:65px; margin:0 auto;}
.wing-right .stv_item{padding:0;}
.wing-right .stv_item .prd_img{margin-bottom:10px; background-color:#fff; border:1px solid #e1e1e1;}
.wing-right .stv_item .prd_name, .wing-right .stv_item .prd_cost{display:none;}
.wing-right .stv_item img{display:block; width:100%; margin:0;}
.wing-right #stv_btn {margin:13px 0;}
.wing-right #stv_btn button{width:50%; height:13px; background:transparent; color:#333333; padding:0; outline:none; box-shadow:none; position:relative;}
.wing-right #stv_btn button:first-child:after{content:""; width:1px; height:14px; position:absolute; top:50%; transform:translateY(-50%); background-color:#d4d4d4; right:0;}
.wing-right #stv_btn button img{height:100%;display: inline-block;}
.wing-right .cart_icon{width:100%; border-top:1px solid #e1e1e1; display:block; text-align:center; padding:15.5px 0;}
.wing-right .cart_icon span{font-size:13px; color:#222222; font-weight:500; display:block; margin-top:10px;}
.wing-right .topbtn{display:block; margin-top:5px; height:20px; margin-top:10px ;color:#222;
font-size:16px; text-align:center; font-weight:600;}

@media (max-width:1550px){
	.wing-right{display:none !important;}
	/*반응형에서 깨지는 부분 정리*/
	/* #fs_topbanner .pc .tp_reject, #fs_topbanner .mobile .tp_reject{right:15px;} */
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding:0 11px;}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:11px;}
    #fs_topbanner .pc .bg .more_btn {right: 10%;}
}

@media (max-width:1360px){
	/*반응형에서 깨지는 부분 정리*/
	.at-menu .pc-menu .nav-top{padding:0;}
}

@media (max-width:991px){
	
	/*공통*/
	.margin_bottom{margin-bottom:40px;}
	::-webkit-scrollbar {width:6px}
	span.m_br{display:block;}

	/*모바일 탑배너*/
    #fs_topbanner .pc .tp_reject, #fs_topbanner .mobile .tp_reject {top: 15px; transform: translateY(0);}
	#fs_topbanner .mobile .tp_reject img{width:10px;}

	/*모바일 헤더 m_header html > thema > fivesense-basic > shop.head.php*/
	.m_header{width:100%; text-align:center;}
	.m_header a.left_menu{position:absolute; left:15px;}
	.m_header a.center_logo{display:inline-block;}
	.m_header .right_menu{position:absolute; right:15px; top:0;}
	.m_header .right_menu > a{display:inline-block;}
	.m_header .right_menu > a:first-child{margin-right:5px;}
	.m_header img{height:50px;}

	/*모바일 메뉴 m-menu html > thema > fivesense-basic > menu-m.php*/
	.at-menu{background:transparent;}
	.nav-fixed .at-menu{top:0; z-index:20;}
	.at-menu .m-menu{background:rgba(255,255,255,0.95); -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff; z-index:10;}
	.at-menu .m-menu .m-list{position:relative; height:auto; line-height:1}
	.at-menu .m-menu .m-list:after{/* position:absolute; content:""; background:linear-gradient(45deg, #fff, transparent); top:0; right:0; width:30px;
	height:100%; */}
	.at-menu .m-menu .m-nav{margin:0 25px}
	.at-menu .m-menu .m-nav ul li{padding:0}
	.at-menu .m-menu .m-nav ul li a{display:block; position:relative; padding:0 9px; font-size:16px; line-height:42px; color:#808080; letter-spacing:-1px}
	.at-menu .m-menu .m-nav ul li.active a{font-weight:600; color:#222}
	.at-menu .m-menu .m-nav ul li.active a:after{display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:4px;}
	.at-menu .m-menu .m-list > button{position:absolute; top:0; width:25px; height:42px; border:0; background-color:#fff; z-index:1;}
	.at-menu .m-menu .m-list .btn_prev{left:0}
	.at-menu .m-menu .m-list .btn_next{right:0}

	/*모바일 메인 슬라이더배너 */
	.index_cont01 {overflow-y:hidden;}
	.map_btn_box{margin:15px auto 0; height:28px;}
	.map_btn_box .map_paging{font-size:12px; margin-right:5px; line-height:28px; height:28px;}
	.map_btn_box .map_btn{width:56px; height:28px;}
	.map_btn_box .map_btn .carousel-control .glyphicon{background-size:7px !important;}

	/*메인 텍스트*/
	.main_text_box{margin-bottom:30px;}
	.main_text_box h2{font-size:18px; margin-bottom:14px;}
	.main_text_box h2 span{padding:0 15px;}
	.main_text_box p{font-size:12px; line-height:1.6;}
	.main_text_box h1{font-size:24px;}

	/*shop list에 관련된 모든 컨텐츠*/
	.shop_container.shop_basic .item-list{margin-right:15px !important; margin-bottom:25px !important;}
	.shop_container.shop_basic .item-wrap{margin-right:-15px !important; margin-bottom:-25px !important;}
	.shop_container.shop_basic .item-content{padding-top:10px;}
	.shop_container.shop_basic .item-icon{margin-bottom:0;}
	.shop_container.shop_basic .item-icon img{margin-right:3px; margin-bottom:3px; width:38px}
	.shop_container.shop_basic .item-row{width:50% !important;}
	.shop_container.shop_basic .item-content strong{font-size:12px;}
	.shop_container.shop_basic .item_price_box{margin-top:0;}
	.shop_container.shop_basic .item_price_box .sale_cont strike{font-size:10px;}
	.shop_container.shop_basic .item_price_box > h5 span{font-size:14px;}
	.shop_container.shop_basic .item_price_box > h5{font-size:12px;s}

	/*품절임박! 선착순 타임특가*/
	.index_cont03{padding:30px 0;}
	.saleitem_style .bg-white{padding:25px 10px; border-radius:25px;}
	.saleitem_style .sale_info{margin-bottom:10px;}
	.saleitem_style .sale_info > div{font-size:16px; line-height:18px}
	.saleitem_style .sale_info > div span{width:18px; margin-right:0; border-radius:4px}
	.saleitem_style.miso-item .item-image, .saleitem_style.miso-item .item-content, .saleitem_style .sale_price_box{width:100%;}
	.saleitem_style .item-list .item-content{margin:14px auto 0;}
	.saleitem_style .item-list .item-content strong{font-size:12px;}
	.saleitem_style .sale_price_box strike{font-size:10px; margin-right:5px;}
	.saleitem_style .sale_price_box span.real_price{font-size:14px;}

	/*급상승 검색어!*/
	.index_cont04 .mc_txt_box h2:after{display:none}
	.index_cont04 .mc_txt_box h2 span{padding:0}
	.index_cont04 .frame{overflow:hidden; margin-bottom:30px}
	.index_cont04 .frame ul li{width:81.5px; padding:47px 0 10px; background-position:50% 28%; background-size:32%}
	.index_cont04 .frame ul li a{font-size:11px;}
	.index_cont04 .frame ul li:nth-child(1){background-position:50% 24%; background-size:16%}
	.index_cont04 .frame ul li:nth-child(3){background-position:50% 24%; background-size:21%}
	.index_cont04 .frame ul li:nth-child(6), .main_con04 .frame ul li:nth-child(9), .main_con04 .frame ul li:nth-child(12){background-position:50% 24%; background-size:28%}
	.index_cont04 .frame ul li:nth-child(13){background-size:46%}

	/*히트 / 베스트 상품*/
	.index_cont05 .index_cont05_box > div{float:none; width:100%;}
	.index_cont05 .index_cont05_box > div:nth-child(2){float:none; margin-top:30px;}
	.index_cont05 .index_cont05_box > div .bottom_content{padding:10px;}

	/*진짜 리뷰*/
	.index_cont06 .main_text_box h1{font-size:18px;}
	.index_cont06 .fix_review_box{width:50%;}
	.index_cont06 .fix_review_box .fix_review_list{margin-right:15px; margin-bottom:20px; border-radius:20px; padding:10px 0;}
	.index_cont06 .miso-shop-post-wrap{margin-right:-15px; margin-bottom:-20px;}
	.index_cont06 .fix_review_box .fix_review_list .fix_review{width:calc(100% - 20px);}
	.index_cont06 .fix_review .review_date{font-size:12px;}
	.index_cont06 .fix_review .review_info .review_product span{font-size:14px;}
	.index_cont06 .fix_review .review_info .review_star{font-size:12px; margin:0 0 5px;}
	.index_cont06 .fix_review .review_info .review_content{font-size:12px;}
	.index_cont06 .fix_review .review_info .review_name{margin-top:10px; font-size:12px; line-height:1.2em;}

	/*footer*/
	.fix_infos_box .container_fix:after{display:none}
	.ft_info{float:none}
	.ft_service{float:none; margin-left:0; margin-top:20px}
	.fix_footer{margin-top:30px}
    /* .fix_footer.mypage_marign{margin-top:0} */
	.fix_footer .fix_infos_box .info_ul > li{font-size:13px}

	.fix_footer .fix_infos_box{padding:20px 0 30px;}
	.fix_footer .fix_infos_box .info_ul{margin-bottom:6px;}
	.fix_footer .fix_infos_box .info_ul > li{display:block; font-size:11px}
	.fix_footer .fix_infos_box .info_ul > li + li{margin-top:6px; margin-left:0; padding-left:0}
	.fix_footer .fix_infos_box .info_ul > li.m_inbk{display:inline-block; margin-top:0}
	.fix_footer .fix_infos_box .info_ul > li.m_inbk + li.m_inbk{margin-left:2px; padding-left:6px}
	.fix_footer .fix_infos_box .info_ul > li + li:after{display:none}
	.fix_footer .fix_infos_box .info_ul > li.m_inbk + li.m_inbk:after{display:block; height:10px; margin-top:-5px}
	.fix_footer .fix_infos_box .info_ul > li a{font-size:11px}
	.fix_footer .fix_infos_box h4{font-size:11px; margin-top:12px;}

	.fix_footer .fix_links{text-align:center}
	.fix_footer .fix_links_box ul{padding:9px 0;}
	.fix_footer .fix_links_box .fix_links > li + li{margin-left:4px; padding-left:8px}
	.fix_footer .fix_links_box .fix_links > li + li:after{height:10px; margin-top:-5px}
	.fix_footer .fix_links_box .fix_links > li a{font-size:12px}

	.ft_service{margin-top:35px}
	.ft_service > .tit{display:inline-block; margin-bottom:6px; font-size:12px; line-height:20px; vertical-align:middle}
	.ft_service > .tel{display:inline-block; margin-bottom:6px; margin-left:10px; font-size:20px; vertical-align:middle}
	.ft_service .time_box > p{font-size:11px}
	.ft_service .time_box > p.closed{margin-top:6px}
	.ft_service .time_box > p .time{margin-left:5px; margin-right:10px}
	.ft_service .btn_box{margin-top:10px}
	.ft_service .btn_box .btn_service > span{font-size:12px; line-height:36px}

	.fix_footer .fix_infos_box .nicepay_escrow{bottom:45px; right:15px; height:55px; margin-top:0}
	.fix_footer .fix_infos_box .nicepay_escrow img{display:block; height:100%}

	.fix_footer .fix_infos_box .nicepay_escrow{bottom:40px; height:40px;}


	
}

/* 아이콘추가사항 */
/*
.item_sticker { padding:0px 8px; border-radius:5px; background:#555; color:#fff; margin-right:5px; display:inline-block; height:20px; line-height:20px; font-size:12px;}
.item_sticker.new { background:#eb1111;}
.item_sticker.best { background:#aa7d43;}
.item_sticker.hit { background:#eb118c;}
.item_sticker.discount { background:#3cc3d3;}
.item_sticker.rec { background:#4f69da;}
.item_sticker:last-child { margin-right:0;}
*/

.item_sticker {padding:0px 10px; border-radius:5px; background:#000; font-size: 14px; font-weight: 500; color:#fff; margin-right:5px; display:inline-block; height:28px; line-height:26px; text-align: center;}
.item_sticker.new {background:#000;}
.item_sticker.best {background:#000;}
.item_sticker.hit {background:#000;}
.item_sticker.discount {background:#000;}
.item_sticker.rec {color: #1d32ff;background:rgba(29, 50, 255,0.1);}
.item_sticker:last-child {margin-right:0;}

@media(max-width:991px) {
.shop_container.shop_basic .item_icon_box span.sit_icon { white-space:nowrap;}
.item_sticker { padding:0px 5px; border-radius:3px; background:#555; color:#fff; margin-right:3px; display:inline-block; height:15px; line-height:15px; font-size:10px;}
}

/*********************************************************************
	탑배너. html > page > top_banner.php
*********************************************************************/
.sub_text{margin:0; padding:58px 0 54px}
@media (max-width:991px){
	.sub_text.ca_it_mb{padding:0}
}
@media (max-width:768px){
	.sub_text{padding:50px 0 30px;}
}


/*********************************************************************
	상품 상세페이지 - 기존 클래스 'item_detail'  사용
*********************************************************************/

/* 모바일 상품상세페이지 상단*/
.mob_shop_top{padding:15px 0}
.mob_shop_top:after{display:block; content:""; clear:both}
.mob_shop_top > a{display:block; height:15px}
.mob_shop_top .btn_back{float:left}
.mob_shop_top .btn_share{float:right}
.mob_shop_top > a img{display:block; height:100%}

/* 상품상세 페이지_ 베스트상품 위젯 */
.best_list_wrap{margin-bottom:90px}
.best_list_wrap .best_list_tit{margin-bottom:30px; font-size:27px; color:#222}
.shop_best_item.shop_container .item-list{border:0;}
.shop_best_item.shop_container .item-image{background-color:#f8f8f8}
.shop_best_item.shop_container .item-icon{display:none; position:absolute; left:10px; top:10px; z-index:1}
.shop_best_item.shop_container .item-icon img{display:inline-block; margin-right:8px; margin-bottom:5px}
.shop_best_item.shop_container .item-content{padding:0; padding-top:16px; height:auto !important; text-align:left}
.shop_best_item.shop_container .item-content strong{font-weight:500; font-size:14px; line-height:1.2; color:#222}
.shop_best_item.shop_container .item-content .item-desc{font-size:13px; line-height:1.2; color:#777}
.shop_best_item.shop_container .item_price_box{margin-top:12px; text-align:left}
.shop_best_item.shop_container .item_price_box .percent{display:none; margin-left:4px; font-weight:500; font-size:14px; color:#e0062a}
.shop_best_item.shop_container .item_price_box .sale_cont{display:inline-block; margin-left:5px}
.shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:13px; color:#999}
.shop_best_item.shop_container .item_price_box > h5{display:inline-block; font-size:15px; color:#222}
.shop_best_item.shop_container .item_price_box > h5 span{display:inline-block; font-weight:500}
.shop_best_item.shop_container .item-info, .shop_best_item .label-cap{display:none;}
.shop_container .owl-carousel .owl-controls .owl-buttons div{display:block; background-color:transparent; width:14px; height:34px}
@media (max-width:768px){
	.shop_best_item.shop_container{overflow:visible}
	.shop_best_item.shop_container .owl-show{overflow:visible}
	.responsive .shop_best_item.shop_container .owl-container{overflow:visible; margin-right:-15px !important}
	.shop_best_item.shop_container .item-list{margin-right:15px !important}
	.shop_best_item.shop_container .item-wrap{margin-right:15px !important}
	.best_list_wrap{padding-top:28px; border-top:1px solid #222; margin-bottom:40px}
	.best_list_wrap .best_list_tit{margin-bottom:17px; font-size:15px}
	.best_list_wrap .best_list_con{margin:0 15px}
	.shop_best_item.shop_container .item-icon{left:5px; top:5px}
	.shop_best_item.shop_container .item-icon img{width:auto; height:12px; margin:0 5px 5px 0}
	.shop_best_item.shop_container .item-content{padding-top:15px; text-align:left}
	.shop_best_item.shop_container .item-content strong{font-size:13px}
	.shop_best_item.shop_container .item-content .item-desc{font-size:12px}
	.shop_best_item.shop_container .item_price_box{margin-top:10px; text-align:left}
	.shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:12px}
	.shop_best_item.shop_container .item_price_box > h5{font-size:14px}
	.shop_container .owl-carousel .owl-controls .owl-buttons div{display:block !important; Width:8px; height:18px}
	.shop_container .owl-carousel .owl-controls .owl-buttons .owl-prev{left:-15px !important}
	.shop_container .owl-carousel .owl-controls .owl-buttons .owl-next{right:-5px !important}
	.shop_container .owl-carousel .owl-controls .owl-buttons div img{display:block; height:100%}
}

/*상품상세페이지 html > skin > apms > item > miso-baisc4 > item.skin.php */
.item_detail .img-container{width:50%;}
.item_detail .item-head{border:0; margin-bottom:265px; background:#fff !important}
.item_detail .label-band{display:none}
.item_detail #sit_pvi{padding:0px; width:100%}
.item_detail #sit_pvi_thumb{overflow:visible; width:100%; padding:10px 80px; margin:0 auto; border:0}
.item_detail #sit_pvi_thumb > ul li{display:table-cell; float:none; white-space:nowrap}
.item_detail #sit_pvi_thumb > ul li a{margin:0 7px 0}
.item_detail #sit_pvi_thumb > ul li a img{border:1px solid transparent}
.item_detail #sit_pvi_thumb > ul li a img:hover{border:1px solid transparent}
.item_detail #sit_pvi_thumb > ul li.active a img{border:1px solid #222}
.item_detail .thumb_tab_wrap{position:relative}
.item_detail .thumb_tab_wrap button{display:block; position:absolute; top:0; width:80px; height:117px; border:0; background-color:#fff}
.item_detail .thumb_tab_wrap .btn_prev{left:0}
.item_detail .thumb_tab_wrap .btn_next{right:0}
.item_detail .form-container{width:50%}
.item_detail .item-head .text{padding:0; padding-left:80px}
.item_detail .label-tack{display:none; position:static; padding-bottom:20px}
.item_detail .label-tack img + img{margin-left:5px}
.item_detail .item-head h1{margin:0; font-weight:400; font-size:30px; color:#222; line-height:1.2; letter-spacing:-0.5px;}
.item_detail .item-head .desc{font-size:16px; line-height:1.3; color:#666; padding-top:12px;}
.item_detail .item-head .tag{margin-top:15px}
.item_detail .item-head .tag > a{display:inline-block; font-size:16px; line-height:1.2; color:#777}
.item_detail .item-head .tag > a:hover{color:#777}
.item_detail .item-head .tag > a + a{margin-left:3px}
.item_detail .item-head .price{margin-top:35px; margin-bottom:20px} 
.item_detail .item-head .price > .pull-right{display:block; position:relative}
.item_detail .item-head .price > .pull-right .btn_recommend{padding:0; line-height:26px}
.item_detail .item-head .price > .pull-left{position:relative}
.item_detail .item-head .pull-left b{ font-weight:500; font-size:26px; color:#222}
.item_detail .item-head .pull-left .won{font-weight:300; font-size:20px}
.item_detail .item-head .pull-left strike{display:none; font-size:20px; color:#666}
.item_detail .item-head .pull-left span.dc_percent{display:none; width:50px; height:25px; line-height:23px; color:#ff0000; position:relative; top:-3px; font-size:15px; border:1px solid #ff0000; text-align:center; border-radius:10px; font-weight:500; margin-left:5px;}
.item_detail .item-head .pull-left .unit{font-size:26px}
.item_detail .item-head .price .dc{display:none}
.item_detail .item-head .option-line{margin:15px 0; border-top:1px solid #222}
.item_detail .item-head .option-tbl .option-line{border-top:1px solid #eee}
.item_detail .item-head .option-tbl{margin-bottom:30px; font-size:15px; color:#666}
.item_detail .item-head .option-tbl .price_tr strike{font-size:15px; line-height:22px; color:#666}
.item_detail .item-head .option-tbl .price_tr .won{font-size:15px}
.item_detail .item-head .option-tbl .price_tr .red{margin-left:6px; font-weight:600; font-size:18px; line-height:22px; color:#222}
.item_detail .item-head .option-tbl .price_tr .dc_percent{margin-left:6px; font-weight:600; font-size:22px; line-height:22px; color:#fa193e}
.item_detail .item-head .option-tbl th{width:155px; padding-top:20px; font-weight:500; font-size:16px; color:#222}
.item_detail .item-head .option-tbl td{padding-top:20px; font-weight:400}
.item_detail .item-head .option-tbl select.input-sm{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .pay_con .pay_tab > label{margin-bottom:5px}
.item_detail .pay_con .pay_tab > select.input-sm{margin-bottom:5px}
.item_detail .list-group-item{padding:8px 20px; border: 1px solid #f1f1f1; background:#fafafa}
.item_detail .list-group-item .col_tit{width:calc(100% - 155px); margin-top:5px; padding-bottom:5px}
.item_detail .list-group-item .col_count{width:155px}
.item_detail .item-head .list-group-item .col-sm-6 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .item-head .list-group-item .col-sm-5 input, .item_detail .item-head .list-group-item .col-sm-5 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .list-group-item .row .col-sm-7{width:55.333333%}
.item_detail .list-group-item .row .col-sm-5{width:44.666667%}
.item_detail .item-head .it_opt_subj{font-size:15px; line-height:1.2; color:#666}
.item_detail .item-head .price-sum{margin:33px 0; font-weight:400; font-size:16px; color:#222}
.item_detail .item-head .price-sum b{margin-left:10px}
.item_detail .item-head .price-sum span{font-weight:500; font-size:25px}
.item_detail .item-head .price-sum .won{font-weight:300; font-size:20px}
.item_detail .item-head ul.item-form-btn{margin:0}
.item_detail .item-head ul.item-form-btn li.btn_b{width:calc(50% - 5px)}
.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:10px}
.item_detail .item-head ul.item-form-btn li a{padding:0; border:1px solid #222; font-weight:500; font-size:17px; line-height:60px}
.item_detail .item-head ul.item-form-btn li input{padding:0; border:1px solid #222; background-color:#fff; font-weight:400; font-size:17px; line-height:60px; color:#222}
.item_detail .item-head ul.item-form-btn li input.black_btn{background-color:#222; color:#fff}
.item_detail .item-form-footer{margin-top:50px}
.item_detail .item-tab .tabs .tab-content{border:0}
.item_detail_tab .tab-content>.tab-pane{display:block}

.item_detail .item_detail_tab .tabs_box{width:100%; border-bottom:1px solid #ddd; background-color:#fff; text-align:center}
.item_detail .item_detail_tab .tabs_box.fixed{position:fixed; top:0; left:50%; z-index:10; width:100%; max-width:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%)}
.item_detail .item_detail_tab .tabs ul.tabs-top{display:inline-block; width:auto; border:0; margin:0 0 -3px}
.item_detail .item_detail_tab .tabs ul.tabs-top li{width:auto; margin:0; text-align:center; cursor:pointer}
.item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:12px}
.item_detail .item_detail_tab .tabs ul.tabs-top li span{display:block; position:relative; padding:0 30px; border:0; background-color:transparent; font-size:18px; line-height:58px; color:#999}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{font-weight:500; background:#fff; color:#222}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#222}
.item_detail .item_detail_tab .tabs ul.tabs-top li .orangered{font-weight:400; color:#333}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on .orangered{font-weight:500; color:#fff}
.item_detail .panel{margin-bottom:80px}
.item_detail .link_con{margin-top:100px}
.item_detail .link_con.it_detail_qa{margin-bottom:30px}
.item_detail .tab_etc{margin-bottom:50px}
.item_detail .use-btn{margin:12px 0 10px}
.item_detail .item_rel_tit{padding:0; border:0; border-bottom:2px solid #222; padding-bottom:20px; margin-bottom:30px;}
.item_detail .item_rel_tit h3{ font-size:27px; color:#222;}
.item_detail .panel-body{padding:0;}

@media (max-width:991px){
	.item_detail #sit_pvi_thumb{padding:10px 45px}
	.item_detail #sit_pvi_thumb > ul li a img{display:inline-block; width:50px; height:50px}
	.responsive .item_detail .item-head .form-container{border:0}
	.item_detail .thumb_tab_wrap button{width:45px; height:70px}
	.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
	.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0}
	.item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px}
	.item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px}
	.item_detail .item-form-footer{margin-top:1px}
	.item_detail .item_detail_tab .tabs_box{margin:0; padding:0}
	.item_detail .item_detail_tab .tabs{margin:0 -15px}
	.item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:0}
	.item_detail .item_detail_tab .tabs ul.tabs-top li span{display:inline-block; padding:0 10px; font-size:13px; line-height:42px}
	.item_detail .item_rel_tit{padding-bottom:15px; margin-bottom:20px; margin-top:30px;}
	.item_detail .item_rel_tit h3{font-size:15px; padding-bottom:0;}
}
@media (max-width:768px){
	.item_detail .img-container{width:100%;}
	.responsive .item_detail .item-head{margin-bottom:0}
	.item_detail #sit_pvi_thumb{ padding:10px 45px}
	.item_detail #sit_pvi_thumb a{margin:0 5px 0}
	.item_detail #sit_pvi_thumb img{width:60px; height:60px}
	.item_detail .swiper-button-next, .item_detail .swiper-container-rtl .swiper-button-prev{width:45px; height:60px}
	.item_detail .swiper-button-prev, .item_detail .swiper-container-rtl .swiper-button-next{width:45px; height:60px}
	.responsive .item_detail .item-head .form-container{width:100%; border-top:0}
	.responsive .item_detail .item-head .text{padding:30px 0 10px}
	.item_detail .item-head h1{font-size:20px}
	.item_detail .item-head .desc{font-size:14px; padding-top:8px;}
	.item_detail .item-head .tag{margin-top:10px}
	.item_detail .item-head .tag > a{font-size:12px}
	.item_detail .item-head .price{margin-top:23px; margin-bottom:13px} 
	.item_detail .item-head .pull-left b{font-weight:600; font-size:17px}
	.item_detail .item-head .pull-left .won{font-size:16px}
	.item_detail .item-head .option-line{margin:10px 0}
	.item_detail .item-head .option-tbl{margin-bottom:10px; font-size:12px}
	.item_detail .item-head .option-tbl .price_tr strike{font-size:12px; line-height:15px}
	.item_detail .item-head .option-tbl .price_tr .won{font-size:13px}
	.item_detail .item-head .option-tbl .price_tr .red{font-size:13px; line-height:15px}
	.item_detail .item-head .option-tbl .price_tr .dc_percent{font-size:15px; line-height:15px}
	.item_detail .item-head .option-tbl th{width:100px; padding-top:10px; font-size:12px;}
	.item_detail .item-head .option-tbl td{padding-top:10px}
	.item_detail .item-head .option-tbl label{line-height:32px}
	.item_detail .item-head .option-tbl select.input-sm{height:32px; line-height:32px; font-size:13px}
	.item_detail .list-group-item{padding:10px 0}
	.item_detail .list-group-item .col_tit{width:100%; margin-top:0}
	.item_detail .list-group-item .col_count{width:100%}
	.item_detail .list-group-item .row .col-sm-7{width:100%; padding:0 15px 10px; line-height:15px}
	.item_detail .list-group-item .row .col-sm-5{width:100%}
	.item_detail .item-head .it_opt_subj{font-size:12px}
	.item_detail .item-head .it_opt_prc{font-size:12px}
	.item_detail .item-head .price-sum{margin:20px 0 10px; font-size:14px}
	.item_detail .item-head .price-sum span{font-size:24px;}
	.item_detail .item-head .price-sum .won{font-size:18px}
	.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
	.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0}
	.item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px}
	.item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px}
	.item_detail .item-form-footer{margin-top:0}
	.item_detail .panel{margin-bottom:40px}
	.item_detail .link_con{margin-top:30px}
	/* 구매버튼 변경 */
	.item_detail .pay_con{bottom:0}
	.item_detail .pay_con .pay_tab > label{width:100px; font-size:13px; line-height:30px}
	.item_detail .pay_con .pay_tab > select.input-sm{width:calc(100% - 100px); margin-left:-4px; font-size:13px}
	.item_detail .pay_con .btn_payview{margin-bottom:0}
}

/* 공유하기 버튼 변경_pc 동일하게 변경 */
.share_popup_wrap{display:none; position:fixed; top:50%; left:50%; z-index:102; margin-left:-172px; transform: translateY(-50.3%);}
.share_popup_wrap .it_share_popup{position:relative; min-width:345px; padding:15px 15px 30px; border:1px solid #959595; background-color:#fff}
.it_share_popup .share_title{margin-bottom:25px}
.it_share_popup .share_title .title{font-size:15px; color:#222}
.it_share_popup .share_content .share_ul{text-align:center}
.it_share_popup .share_ul > li{display:inline-block; padding:0 6px}
/* sense:PATCH FIVESENSES.Corp. [LinkHrefSeo] */
/* 원본: .it_share_popup .share_ul > li > a{display:inline-block; overflow:hidden; border-radius:50%} | .it_share_popup .share_ul > li > a img{} */
.it_share_popup .share_ul > li > a,
.it_share_popup .share_ul > li > button.share_btn{padding:0; border:0; background:none; cursor:pointer;}
.it_share_popup .share_ul > li > a, .it_share_popup .share_ul > li > button.share_btn{display:inline-block; overflow:hidden; border-radius:50%}
.it_share_popup .share_ul > li > a img, .it_share_popup .share_ul > li > button.share_btn img{}
.it_share_popup .btn_close{display:block; position:absolute; top:10px; right:15px; padding:5px; cursor:pointer}
.it_share_popup .input_url{border:none; width:1px; height:1px; position:absolute; top:0; left:0; background:transparent; }
.dim_layer{display:none; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; background-color:rgba(0,0,0,0.2)}

@media (max-width:768px){
	.share_popup_wrap{position:fixed; width:290px; margin-left:-145px}
	.share_popup_wrap .it_share_popup{min-width:100%; padding:15px 15px 24px}
	.it_share_popup .share_title .title{font-size:13px}
	.it_share_popup .share_ul > li{padding:0 5px}
	/* sense:PATCH FIVESENSES.Corp. [LinkHrefSeo] */
	/* 원본: .it_share_popup .share_ul > li > a{width:45px} | .it_share_popup .share_ul > li > a img{display:inline-block; width:100%} */
	.it_share_popup .share_ul > li > a, .it_share_popup .share_ul > li > button.share_btn{width:45px}
	.it_share_popup .share_ul > li > a img, .it_share_popup .share_ul > li > button.share_btn img{display:inline-block; width:100%}
	.it_share_popup .btn_close{right:13px}
	.it_share_popup .btn_close img{width:12px}
}

/*********************************************************************
 상품상세 하단_ 리뷰
 ㄴ skin.에있는 하단리뷰 타이틀 모두 리뷰스킨안으로 넣기
*********************************************************************/
.item_detail .review_banner{margin-bottom:62px; padding:45px 0 50px; background-color:#fafafa; text-align:center}
.item_detail .review_banner .txt{font-size:18px; line-height:29px; color:#222}
.item_detail .review_banner .btn_write{display:inline-block; margin-top:24px; padding:0 109px; background-color:#000022}
.item_detail .review_banner .btn_write > span{display:block; font-size:17px; line-height:56px; color:#fff}
.responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{ font-size:27px; color:#222; font-weight:400; padding-bottom:20px}
.m-review-panel .review-body > div .table-row .table-cell{padding:40px 0}
.m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:1px solid #ddd}
.m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:55.018%}
.responsive .fix_panel .m-review-panel .grade_total{margin-bottom:25px; color:#666; font-weight:400; font-size:20px}
.responsive .fix_panel .m-review-panel .grade_total > span{font-weight:600; color:#000}
.m-review-panel .review-body .cnt-wrap:after {display:none}
.m-review-panel .review-body .cnt-wrap .grade_star {display:inline-block; max-width:200px}
.m-review-panel .review-body .cnt-wrap .grade_star .fa{margin-left:-2px; font-size:38px;}
.m-review-panel .review-body .cnt-wrap .grade_num{display:inline-block; margin-left:10px}
.m-review-panel .review-body .cnt-wrap .grade_num .grade{margin:0}
.m-review-panel .review-body .cnt-wrap .grade_num .grade .cur{display:inline-block; font-weight:600; line-height:1}
.m-review-panel .review-body > div {border-right:0}
.m-review-panel .review-body > div + div{border-left:1px solid #ddd}
.m-review-panel .review-body .item-simple-review {width:31%; padding:0 55px}
.responsive .item-simple-review .simple_wrap > div.left_text{width:75px; font-size:15px; font-weight:500;}
.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 20px; border:1px solid #222; border-radius:0 !important; background-color:#fff; font-weight:400; font-size:14px; line-height:37px; color:#222}
.item_detail .use-btn .btn-box .review_btn, #itemqa .qa-btn .btn-group .btn-color{background-color:#222; color:#fff}
.qa_panel .list-board .board-list{margin-bottom:22px}

@media (max-width:991px){
	.item_detail .review_banner{margin-bottom:40px; padding:35px 0 40px}
	.item_detail .review_banner .txt{font-size:12px; line-height:1.6}
	.item_detail .review_banner .btn_write{margin-top:15px; padding:0 45px}
	.item_detail .review_banner .btn_write > span{font-size:13px; line-height:35px}
	.qa_panel.panel .panel-heading{margin-bottom:0}
	.responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{font-size:15px; padding-bottom:15px}
	.m-review-panel .review-body > div .table-row .table-cell{padding:10px 0}
	.m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:0}
	.m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:50%}
	.responsive .fix_panel .m-review-panel .grade_total{margin-bottom:15px}
	.m-review-panel .review-body .cnt-wrap.table .grade_star {display:inline-block; max-width:100%}
	.m-review-panel .review-body .cnt-wrap .grade_star .fa{font-size:20px;}
	.m-review-panel .review-body .cnt-wrap .grade_num{display:block; margin-left:0}
	.item_detail .m-review-panel .review-body .cnt-wrap.table .grade_num .grade{margin:10px 0}
	.m-review-panel .review-body > div .table-row .table-cell ul{max-width:150px}
	.m-review-panel .review-body > div + div{border-left:0}
	.m-review-panel .review-body .item-simple-review {width:100%}
	.responsive .fix_panel .m-review-panel{border-bottom:0}
	.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 17px; font-size:12px; line-height:28px}
}
/* /css/solution_sub.css */
@charest "utf-8";
/*공통*/
.pagination-sm>li>a, .pagination-sm>li>span{padding:6px 12px; font-size:14px;}
.responsive.is-mobile{font-size:12px;}

@media (max-width:991px){
	.pagination-sm>li>a, .pagination-sm>li>span{padding:4px 8px; font-size:12px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
공통 게시판 카테고리, 캡챠
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

#captcha{display: flex;justify-content: center;gap: 7px;}
.category_modify{width:100%; margin-bottom:20px;}
.category_modify > ul.category_modify_ul{list-style:none; width:100%;}
.category_modify > ul.category_modify_ul > li{display:inline-block;}
.category_modify > ul.category_modify_ul > li > a{display:block; margin:0 20px; position:relative; font-size:16px; color:#444; padding:10px 0;}
.category_modify > ul.category_modify_ul > li.active > a{color:var(--main-point-color); font-weight:500;}
.category_modify > ul.category_modify_ul > li:last-child > a{margin:0 0 0 20px;}
.category_modify > ul.category_modify_ul > li:first-child > a{margin:0 20px 0 0;}
.category_modify > ul.category_modify_ul > li > a::after{content:""; width:1px; height:13px; background:#ccc; position:absolute; right:-20px; top:50%; transform:translateY(-50%);}
.category_modify > ul.category_modify_ul > li:last-child > a::after{display:none;}
input.captcha_box:focus {border: 1px solid var(--main-point-line-color-hover) !important;}
.at-html #captcha.m_captcha #captcha_key{width: 240px; height: 45px; margin: 0; padding: 0 25px; border: 1px solid #d6d6d6; border-radius: 5px; background-color: #fff !important;}

.comment-box > div input, .comment-box > div button{height:auto;}

@media (max-width:991px){
	.category_modify{margin-bottom:10px;}
	.category_modify > ul.category_modify_ul > li > a{margin:0 10px; font-size:14px; padding:10px 0;}
	.category_modify > ul.category_modify_ul > li:last-child > a{margin:0 0 0 10px;}
	.category_modify > ul.category_modify_ul > li:first-child > a{margin:0 10px 0 0;}
	.category_modify > ul.category_modify_ul > li > a::after{right:-12px;}

	.at-html #captcha{width:100%; text-align:left;}
	/* .at-html #captcha #captcha_img{border-top-left-radius:8px; border-bottom-left-radius:8px; height:62px;} */
    .at-html #captcha .captcha_imgbox{flex: 1; height: 41px; line-height: 39px; padding: 0 15px; border-radius: 2.5px;}
	/* .at-html #captcha #captcha_mp3, #captcha #captcha_reload{left:160px;} */
	.at-html #captcha #captcha_key{width:auto; flex: 1; height:41px; border-radius:2.5px; font-size:14px; padding: 0 15px;}
	.at-html #captcha #captcha_info{color: #555555;font-size: 15px;font-weight: 400;margin-top: 14px;display: block;text-align: center;}
	.at-html #captcha.m_captcha audio{}
	/* .at-html #captcha.m_captcha #captcha_reload{left:auto; right:auto; top:auto; background:url('https://fivepro.co.kr/img/captcha.png') no-repeat  0 -25px #e3e3e3; position:relative; height:40px;} */
	/* .at-html #captcha.m_captcha #captcha_img{margin:0; float:left;} */
	.at-html #captcha.m_captcha #captcha_key{width:auto;flex: 1; height:41px; line-height: 39px; padding:0 15px;border-radius:2.5px;}
}
@media (max-width:480px){
    .at-html #captcha #captcha_info{margin-top: 8px;font-size: 10px;}

}


/* 서브페이지 제목 폰트 html > page > top_banner.php*/
.sub_text{margin:70px 0;}
.sub_text h1{font-size:38px; font-weight:600; color:#333; text-align:center;}
.sub_text p{font-size:16px; color:#666; text-align:center; margin-top:25px;}
/* .sub_menu_box .cate_ul{margin-bottom:70px; text-align:center}
.sub_menu_box .cate_li{display:inline-block; width:14.375%; }
.sub_menu_box .cate_li + .cate_li{margin-left:-4px}
.sub_menu_box .cate_li.on{position:relative; z-index:2}
.sub_menu_box .cate_li a{display:inline-block; width:100%; border:1px solid #e1e1e1; background-color:#fff; font-size:17px; line-height:57px; color:#666}
.sub_menu_box .cate_li.on a{border-color:#222; background-color:#fff; font-weight:500} */
/* 2024-08-29 (주)파이브센스_FIVESENSES.Corp. */
.sub_menu_box .pc_sub_menu{margin-bottom: 65px; text-align: center;}
.sub_menu_box .cate_ul{display: inline-block; padding: 4px; border-radius: 7px; background-color: #f8f9fb;}
.sub_menu_box .cate_ul > .cate_li{float: left; width: auto; margin: 5px;}
.sub_menu_box .cate_ul > .cate_li.on{position: relative; z-index: 2;}
.sub_menu_box .cate_ul > .cate_li > a{color: #5d5e68; font-size: 14px; font-weight: 500; background-color: #f3f3f6; border-radius: 18px; border: none; display: inline-block; overflow: hidden; min-width: 65px; padding: 0 20px; line-height: 37px; height: 36px;}
.sub_menu_box .cate_ul > .cate_li.on > a{background-color: var(--main-point-bg-soft-color-active); color: #fff; font-weight: 500; border: none;}

@media (max-width: 991px){
    .sub_menu_box .m_sub_menu{margin-bottom: 15px;}
    .sub_menu_box .cate_ul {padding: 2px 6px;}
}
/* 서브페이지 MO 상단 카테고리 */
.sub_menu_box .m_sub_menu{position: relative; margin: 0 -15px;}
.sub_menu_box .ca_frame{overflow: hidden; width: 100%; padding: 0 15px 30px;}
.sub_menu_box .m_sub_menu .cate_ul .cate_li{display: table-cell; margin: 0; white-space: nowrap; float: none;}
.sub_menu_box .m_sub_menu .cate_ul .cate_li > a{display: inline-block;overflow: hidden;padding:0 14.8px;font-size: 14px;font-weight: 500; height: 32px; line-height: 32px;color: #5d5e68; border-radius: 15px;background-color: #f3f3f6;text-align: center;cursor: pointer;}
.sub_menu_box .m_sub_menu .cate_ul .cate_li+.cate_li > a{margin-left: 0;}
.sub_menu_box .m_sub_menu .cate_ul .cate_li.on > a{background-color: var(--main-point-bg-soft-color-active); color: #fff; font-weight: 500; border: 1px solid var(--main-point-bg-soft-color-active);}


/*상품리스트페이지 categey html > skin > apms > list > miso-baisc4 > category.skin.php */
.fix_category{width:100%;}
.fix_category .list_category_ul{list-style:none; margin-bottom:70px;}
.fix_category .list_category_ul > li{float:left; width:14.28571428571429%; margin-right:-1px; margin-bottom:-1px; z-index:1;}
.fix_category .list_category_ul > li > a{display:inline-block;; width:100%; border:1px solid #e1e1e1; text-align:center; font-size:17px; color:#666;
line-height:58px;}
.fix_category .list_category_ul > li.active > a{border:1px solid #333; color:#333; font-weight:500 !important;}
.fix_category .list_category_ul > li.active{position:relative; z-index:2;}
.fix_category .list_sort{width:100%; border-top:1px solid #666; border-bottom:1px solid #e1e1e1; padding:20px 0; margin-bottom:40px;}
.fix_category .list_sort .left_sort{float:left; font-size:16px; color:#666;}
.fix_category .list_sort .left_sort span{font-weight:600;}
.fix_category .list_sort .right_sort{float:right;}
.fix_category .list_sort .right_sort > a{font-size:16px; color:#666; padding:0 10px;}
.fix_category .list_sort .right_sort > a:first-child{padding:0 10px 0 0;}
.fix_category .list_sort .right_sort > a:last-child{padding:0 0 0 10px;}
.list-page{margin:60px 0 !important;}

/* 기획전 상품리스트 */
.fix_category.ev_id .list_sort{padding-bottom: 20px; margin-bottom: 60px; margin-top: 100px; border-bottom: 1px solid #e1e1e1;}
.fix_category.ev_id .left_sort{display: none;}
.fix_category.ev_id .list_sort .left_sort{display: none;}
@media (max-width:991px){
	.fix_category.ev_id .list_sort{padding-bottom: 10px; margin-bottom: 0; border-bottom: none;}
}

/*검색페이지 html > skin > apms > search > miso-basic4 > search.skin.php*/
.search_page{margin-bottom:42px; padding:54px 0; border-top:1px solid #222; border-bottom:1px solid #e1e1e1}
.search_page .search_group + .search_group{margin-top:20px}
.search_page .search_group:after{display:block; content:""; clear:both}
.search_page .search_group .search_label{float:left; width:12.73%}
.search_page .search_group .search_label b{position:relative; margin-left:22%; padding-left:16px; font-family:'Noto Sans KR'; font-size:19px; line-height:47px; color:#222}
.search_page .search_group .search_label b:after{display:block; content:""; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; border-radius:2px; background-color:#222}
.search_page .search_group .search_input{float:left; width:87.27%}
.search_page .search_group .search_input input[type="text"]{height:auto; padding:0 10px; border:1px solid #d7d7d7; font-size:17px; line-height:45px; color:#999; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.search_page .search_group .search_input input[type="checkbox"]{display:none}
.search_page .search_group .search_input input[type="checkbox"] + label span{display:inline-block; width:17px; height:17px; margin-right:1px; margin-bottom:4px; padding:0; vertical-align:middle; background:url('/img/search_check.png') no-repeat 0 0; cursor:pointer}
.search_page .search_group .search_input input[type="checkbox"] + label{color:#222; padding-right:30px; padding-top:0; font-family:'Noto Sans KR'; font-size:18px; font-weight:400; line-height:47px; cursor:pointer; margin:0;}
.search_page .search_group .search_input input[type="checkbox"]:checked + label span{background:url('/img/search_check_on.png') no-repeat;}
.search_page .search_group .search_input > span{display:inline-block; width:3%; margin-left:-3px; font-size:17px; color:#999; text-align:center}
.search_page .search_group .search_input .label-none{width:29%}
.search_page .search_group .search_input .label-none:last-child{margin-left:-3px}
.search_page .search_group .search_input .search_txt{display:inline-block; width:61%}
.search_page .search_group .search_input .search_btn{display:inline-block; margin-left:6px; vertical-align:top}
.search_page .search_group .search_input .search_btn button{width:175px; padding:0; }
.search_page .search_group .search_input .search_btn button span{padding-right:30px; background:url('/img/btn_search.png') no-repeat 100% 50%; font-family:'Noto Sans KR'; font-size:17px; line-height:45px; color:#fff}
.search_sort_wrap{text-align:right; margin-bottom:25px;}
.search_sort_wrap .item_search_sort{display:inline-block; float:none; width:240px; border-bottom:1px solid #222}
.search_sort_wrap .item_search_sort .input-group{display:block; width:100%; margin-bottom:0}
.search_sort_wrap .item_search_sort select{display:block; width:100%; height:48px; border:0; background-color:#fff; font-size:17px; line-height:48px; /* -webkit-appearance:none; -moz-appearance:none; appearance:none; */}

/*기획전*/
.div-title-wrap{display:block; margin:0 0 28px}
.div-title-wrap .div-title{float:none; display:block; margin:0; padding:0}
.div-title-wrap .div-title > a{font-weight:600; font-size:28px; color:var(--main-point-color)}
.div-title-wrap .div-sep-wrap{display:none}
.event_con{margin:30px 0}
.ev_id_tit{padding:70px 0; text-align:center}
.ev_id_tit .txt{font-weight:600; font-size:38px; color:var(--main-point-color)}
/* .sev_himg{margin-bottom:44px} */
.eve_navigation{margin-top: 30px;}
.eve_navigation .container_fix{display: flex; align-items: center; justify-content: space-between;}
.eve_navigation .eve_navi_box{display: flex; align-items: center; margin-bottom: 20px}
.eve_navi_box .sub_navi_icon{font-size: 12px; color: #888888; margin-right: 10px;}
.eve_navi_box .sub_navi_icon03{color: var(--main-point-color);}
.eve_navi_box .sub_navi_icon .sign{color: #d0d0d0; margin-right: 10px;}

.event-wrap *{font-family: 'Pretendard';}
.event-wrap{display: flex; align-items: flex-start; flex-wrap: wrap; margin-right: -24px; }
.event-wrap.cum_3 .eve-cont{width: calc(33.333% - 24px); margin-right: 24px; margin-bottom: 70px;}
.event-wrap.cum_4 .eve-cont{width: calc(25% - 24px); margin-right: 24px; margin-bottom: 70px;}
.event-wrap .event-img{border-radius: 5px; overflow: hidden; position: relative;}
.event-wrap .eve_sticker{position: absolute; top: 15px; left: 15px; display: flex; align-items: center; z-index: 1;}
.event-wrap .eve_icon{font-size: 13px; color: #fff; font-weight: 500; line-height: 1em; padding: 3px 8.5px; border-radius: 3px;}
.event-wrap .eve_icon.eve_icon_proceeding{background-color: #f5726f;}
.event-wrap .eve_icon.eve_icon_expected{background-color: #1673f1;}
.event-wrap .eve_icon.eve_icon_end{background-color: #aaaaaa;}
.event-wrap .dates_box{display: inline-block; margin-left: 5px; margin-top: -1px;}
.event-wrap .date_box{display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; color: #fff; background-color:var(--main-point-bg-color-hover); line-height: 1em; padding: 5.5px 8.5px; border-radius: 3px;}
.event-wrap .date_box .cent{margin: 0 3px;}
.event-wrap .div-title-wrap{margin-bottom: 0;}
.event-wrap .div-title-wrap .div-brand-name{margin-top: 20px; font-size: 16px; color: #666666; line-height: 1em;}
.event-wrap .div-title-wrap .div-title {margin-top: 13px;}
.event-wrap .div-title-wrap .div-title > a{font-size: 18px; line-height: 1.4em; font-weight: 500;}
.event-wrap .div-title-wrap .div-day-text{margin-top: 25px; font-size: 13px; color: #999999; line-height: 1em;}

.event-wrap .eve-cont.cont_end .event-img::after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(36, 36, 36, 0.4);}
.event-wrap .eve-cont.cont_end .date_box{background-color: #aaaaaa;}
.event-wrap .eve-cont.cont_end .div-title-wrap .div-brand-name,
.event-wrap .eve-cont.cont_end .div-title-wrap .div-title > a,
.event-wrap .eve-cont.cont_end .div-title-wrap .div-day-text{color: #aaa;}

@media (max-width: 991px){
    .event-wrap{margin-right: -10px;}
    .event-wrap.cum_3 .eve-cont, .event-wrap.cum_4 .eve-cont{width: calc(50% - 10px); margin-right: 10px; margin-bottom: 30px;}
    .event-wrap .event-img{border-radius: 4px;}
    .event-wrap .eve_sticker{top: 8px; left: 8px;}
    .event-wrap .eve_icon{font-size: 11px; padding: 4px 5px;}
    .event-wrap .date_box{font-size: 11px; padding: 5px 5px;}
    .event-wrap .div-title-wrap .div-brand-name{margin-top: 15px; font-size: 12px;}
    /* .event-wrap .div-title-wrap .div-title {margin-top: 10px;} */
    .event-wrap .div-title-wrap .div-title > a{font-size: 14px;}
    .event-wrap .div-title-wrap .div-day-text{margin-top: 18px; font-size: 12px;}
}

/*상품상세페이지 html > skin > apms > item > miso-baisc4 > item.skin.php */
.item_detail .img-container{width:46.155%;}
.item_detail .item-head{border:0; margin-bottom:100px; background:#fff !important}
.item_detail .label-band{display:none}
.item_detail #sit_pvi{padding:0px; width:100%}
.item_detail #sit_pvi_thumb{padding:20px 0; margin:0 auto; border:1px solid #e5e5e5;}
.item_detail #sit_pvi_thumb a{margin:0 7px 0}
.item_detail #sit_pvi_thumb img{border:1px solid transparent}
.item_detail #sit_pvi_thumb img:hover{border:1px solid #9fc13c}
.item_detail .item-head .text{padding:0; padding-left:70px}
.item_detail .label-tack{position:static; padding-bottom:20px}
.item_detail .label-tack img + img{margin-left:5px}
.item_detail .item-head h1{color:#222; margin:0; line-height:1.4; font-size:24px; font-weight:500; letter-spacing:-0.5px;}
.item_detail .item-head .desc{font-size:18px; line-height:1.4; color:#666; padding-top:5px;}
.item_detail .item-head .price{margin-top:30px; margin-bottom:27px} 
.item_detail .item-head .price > .pull-right{display:none}
.item_detail .item-head .price > .pull-left{position:relative}
.item_detail .item-head .pull-left b{ font-weight:500; font-size:30px; color:#222}
.item_detail .item-head .pull-left strike{font-size:20px; color:#666}
.item_detail .item-head .pull-left .unit{font-size:26px}
.item_detail .item-head .price .dc{display:none}
.item_detail .item-head .option-line{margin-bottom:0}
.item_detail .item-head .option-tbl{margin-bottom:15px; font-size:15px; color:#222}
.item_detail .item-head .option-tbl th{width:150px; padding-top:15px; }
.item_detail .item-head .option-tbl td{padding-top:15px; font-weight:400;}
.item_detail .item-head .option-tbl select.input-sm{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .list-group-item{padding:15px 19px; border: 1px solid #f1f1f1; background:#fafafa}
.item_detail .list-group-item .col_tit{width:100%; padding-bottom:15px}
.item_detail .list-group-item .col_count{width:150px}
.item_detail .item-head .list-group-item .col-sm-6 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .item-head .list-group-item .col-sm-5 input, .item_detail .item-head .list-group-item .col-sm-5 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .list-group-item .row .col-sm-7{width:44.333333%; line-height:30px}
.item_detail .list-group-item .row .col-sm-5{width:55.666667%}
.item_detail .item-head .it_opt_subj{font-size:16px; line-height:1.2; color:#666}
.item_detail .item-head .it_opt_prc{font-size:14px}
.item_detail .item-head .price-sum{margin:33px 0; font-weight:400; font-size:20px; color:#222}
.item_detail .item-head .price-sum b{margin-left:10px}
.item_detail .item-head .price-sum span{font-weight:500; font-size:30px;}
.item_detail .item-head ul.item-form-btn li{width:15.5%; padding:0}
.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
.item_detail .item-head ul.item-form-btn li.btn_one{width:100%}
.item_detail .item-head ul.item-form-btn li.btn_txt{width:100%; font-size:15px; color:#333; text-align:right}
.item_detail .item-head ul.item-form-btn li a{padding:0; border:1px solid #222; font-weight:500; font-size:16px; line-height:55px}
.item_detail .item-head ul.item-form-btn li input{padding:0; font-weight:500; font-size:18px; line-height:53px; color:#fff}
.item_detail .item-head .pull-left span.dc_percent{display:inline-block; width:50px; height:25px; line-height:23px; color:#ff0000; position:relative; top:-3px;
font-size:15px; border:1px solid #ff0000; text-align:center; border-radius:10px; font-weight:500; margin-left:5px;}

.item_detail .item-tab .tabs .tab-content{border:0}
.item_detail_tab .tab-content>.tab-pane{display:block}
.item_detail .item_detail_tab .tabs .tabs_box {position: relative;}
.item_detail .item_detail_tab .tabs .tabs_box::after{content: ''; display: block; width: 100vw; height: 1px; background-color: #f6f6f6; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.item_detail .item_detail_tab .tabs .tabs_box.fixed{position:fixed; top:0; left:50%; z-index:10; width:1300px; max-width:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);
}
.item_detail .item_detail_tab .tabs ul.tabs-top{display:inline-block; width:100%; border:0; margin:0}
.item_detail .item_detail_tab .tabs ul.tabs-top li{width:25%; margin:0; text-align:center; cursor:pointer}
.item_detail .item_detail_tab .tabs ul.tabs-top li span{display:block; padding:0; border:1px solid #d7d7d7; background:#fff; font-size:16px; line-height:58px}
.item_detail .item_detail_tab .tabs ul.tabs-top li + li span{border-left:0}

.item_detail .item_detail_tab .tabs ul.tabs-top li .orangered{font-weight:400; color:#333}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on .orangered{font-weight:500; color:#fff}
/* .item_detail .item_detail_tab .tab_delivery{display:inline-block; width:25%; margin-left:-4px; vertical-align:top; text-align:center; cursor:pointer}
.item_detail .item_detail_tab .tab_delivery span{display:block; padding:0; border:1px solid #d7d7d7; background:#f4f4f4; font-size:16px; line-height:58px; color:#666}
.item_detail .item_detail_tab .tab_delivery.on span{border-bottom:0; background:#fff; font-weight:600; color:#000} */
.item_detail .panel{margin-bottom:20px}
.item_detail .link_con{margin-top:30px}
.item_detail .link_con.it_detail_qa{margin-bottom:30px}
.item_detail .tab_etc{/* display:none; */ margin-bottom:50px}
.item_detail .use-btn{margin:30px 0 10px}
.item_detail .item_rel_tit{padding:20px 0; border-top:1px solid #666; border-bottom:1px solid #e1e1e1}
.item_detail .banner_join.view_mob{display:none}
.item_detail .banner_join{margin-bottom:10px; background-color:#f56a53; text-align:center; }
.item_detail .banner_join > a{display:inline-block; padding:19px 0; font-size:18px; color:#fff}
.item_detail .banner_join > a > span{display:inline-block; font-weight:500; color:#f5ff85}



/* 구매버튼 변경 */
.item_detail .pay_con{padding-left:0px}
.item_detail .pay_con .btn_payview{display:none}
.item_detail .pay_con .pay_tab > label{display:inline-block; width:150px; font-size:15px; line-height:35px}
.item_detail .pay_con .pay_tab > select.input-sm{display:inline-block; width:calc(100% - 150px); height:auto; margin-left:-4px; font-size:15px; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .pay_con .list-group-item{margin-top:10px}
.btn_naverpay_mob{display:none;}
.pay_con .npay_txt{margin-bottom:10px; font-size:14px; text-align:center}
.pay_con .npay_txt > span{font-weight:500}
.pay_con .npay_txt > span.color{color:#00bd39}
.btn_naverpay .npay_type_A_2{width:100% !important}
.m-review-panel { border: 1px solid #ddd; /* padding: 30px 0; */ overflow: hidden; margin-bottom: 40px; }
.m-review-panel .review-body { display: table; width: 100%; table-layout: fixed; }
.m-review-panel .review-body > div { display: table-cell; width: auto; border-right: 1px solid #ddd; padding: 0 25px; text-align: center; vertical-align: middle; }
.m-review-panel .review-body > div:last-of-type { border-right: 0; }
.m-review-panel .review-body .cnt-wrap { position: relative; padding: 0; }
.m-review-panel .review-body > div .table-row { display: table; width: 100%; }
.m-review-panel .review-body > div .table-row .table-cell { display: table-cell; width: 50%; padding: 40px 25px; vertical-align: middle; }
.m-review-panel .review-body > div .table-row .table-cell ul { height: 100px; width: 100%; max-width: 200px; margin: 0 auto 30px; }
.m-review-panel .review-body > div .table-row .table-cell ul li { list-style: none; float: left; position: relative; width: 10px; height: 100%; margin: 0 15px; }
.m-review-panel .review-body > div .table-row .table-cell ul li:before { position: absolute; left: 0; bottom: 0; content: ""; width: 10px; height: 100%; background-color: #ddd; border-radius: 10px; z-index: 1; }
.m-review-panel .review-body > div .table-row .table-cell ul li:after{position: absolute; bottom: 0; left: 0; height: 0%; width: 10px; background-color: #999; content: ""; border-radius: 10px; z-index: 2;}
/* .m-review-panel .review-body > div .table-row .table-cell ul li.active:before{height:70%;} */
.m-review-panel .review-body > div .table-row .table-cell ul li.active:before{height:100%; background-color:#ddd !important}
.m-review-panel .review-body > div .table-row .table-cell ul li.active .top_point { background-image: url(/img/point_background.png); background-size: 100% 100%; 
background-repeat: no-repeat; background-position: bottom; display: inline-block; color: #fff; position: absolute; top: 0; left: -2px; padding: 0 2px; border-radius: 5px; font-size: 13px; width: 16px; height: 26px;}
.m-review-panel .review-body > div .table-row .table-cell ul li .point_num { position: absolute; bottom: -30px; display: inline-block; width: 30px; left: -10px; font-size:14px; }
.m-review-panel .review-body .cnt-wrap:after { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #ddd; content: ""; }
.m-review-panel .review-body .cnt-wrap .grade_star { max-width: 170px; width: 100%; margin: 0 auto; font-size:30px;}
.m-review-panel .review-body .cnt-wrap .grade_star img { width: 18%; float: left; margin-right: 1.25%; }
.m-review-panel .review-body .cnt-wrap .grade_num .grade { margin: 0 0 10px; font-size: 26px; font-weight: 500; color:var(--main-point-color); text-align: center; }
.m-review-panel .review-body .cnt-wrap .grade_num .grade .cur { font-size: 38px; font-weight: 700; color:var(--main-point-color); }
.m-review-panel .review-body .item-simple-review { width: 350px; }
.m-review-panel .review-body .item-simple-review .simple-wrap { display: table; width: 100%; margin-bottom: 10px; }
.m-review-panel .review-body .item-simple-review .simple-wrap > div { display: table-cell; vertical-align: middle; }
.m-review-panel .review-body .right { width: 270px; }
.m-review-panel .review-body .item-simple-review .simple-wrap .s-label { width: 120px; }
.m-review-panel .review-body .item-simple-review .simple-wrap .s-label span { font-size: 16px; line-height: 30px; width: 80px; margin: 0 10px; border: 1px solid #111; border-radius: 50px; display: inline-block; text-align: center; }
strong, b { font-weight: 600; }
.m-review-panel .review-body .right ul li { list-style: none;  float: left; margin-bottom: 5px; margin-right: 5px; width: 50px; height: 50px; background-color: #fff; }
.review-photo-btn { border: none; background-color: transparent; }
.review-photo-btn.on { color: #dd961c; }

/*상품 상세페이지 리뷰, 문의 커스텀*/
.responsive .fix_panel{border:0;}
.responsive .fix_panel .fix_panel_head{font-size:30px; color:#222222; font-weight:500; padding-bottom:20px; }
.responsive .fix_panel .panel-body{padding:0;}
.responsive .fix_panel .m-review-panel{border:0; border-bottom:1px solid #d7d7d7; border-top:2px solid #222;}
.responsive .fix_panel .m-review-panel .grade_total{color:#222222; font-size:18px; font-weight:600;}
.responsive .item-simple-review{width:100%;}
.responsive .item-simple-review .simple_wrap{display:table; margin-bottom:20px;}
.responsive .item-simple-review .simple_wrap:last-child{margin-bottom:0;}
.responsive .item-simple-review .simple_wrap > div{display:table-cell; vertical-align:middle;}
.responsive .item-simple-review .simple_wrap > div.left_text{width:70px; text-align:left; font-size:16px; color:#222222; font-weight:600;}
.responsive .item-simple-review .simple_wrap > div.center_icon{width:155px; text-align:left; color:#222222; font-size:15px;}
.responsive .item-simple-review .simple_wrap > div.center_icon img{display:inline-block; margin-right:6px;}
.responsive .item-simple-review .simple_wrap > div.right_text{width:100px; text-align:right; color:#222222; font-size:15px;}
.responsive .review_btn{text-align:center;}
.responsive .review_btn h3{font-size:20px; font-weight:600; margin-bottom:10px;}
.responsive .review_btn a{width:155px; height:40px; line-height:40px; font-weight:600; color:#ffffff; font-size:16px; background:#222222; display:block; margin:0 auto;
border-radius:10px;}
.responsive .review_btn a img{display:inline-block; margin-right:10px; position:relative; top:-3px;}
.responsive .photo_review{width:100%; margin-bottom:40px;}
.responsive .photo_review ul{list-style:none;}
.responsive .photo_review ul li{width:9%; float:left; margin-right:1.1111111111111%;}
.responsive .photo_review ul li:last-child{margin-right:0;}
.responsive .photo_review ul li img{width:100%;}
.responsive .photo_review ul li.last_more_btn{height:100%; background:#6e6e6e; text-align:center; position:relative; /* min-height:117px; */}
.responsive .photo_review ul li.last_more_btn > button{position:absolute; width:100%; height:100%; color:#fff; font-size:14px; left:0; top:0;}


#itemuse .board-list li.off {display: none;}
#itemuse hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; display: block; }
#itemuse .list-board .board-list { position:relative; list-style: none; padding: 0px; margin: 0px; margin-bottom: 10px; }
#itemuse .list-board .board-list li .score-txt { margin-left: 9px; color:#a4a4a4; display: inline-block;}
#itemuse .list-board .board-list li .review-state { text-align: center;line-height: 17px;font-size: 10px;letter-spacing: -0.6px;color: #ffffff;padding: 0px 5px 0px 5px;    background-color: rgba(0,0,0,0.74);}
#itemuse .list-board .board-list li .detail-box {font-size: 12px;border: 1px solid #dadada;padding: 15px;margin-bottom: 18px;max-width: 800px; overflow:hidden;}
#itemuse .list-board .board-list li .area-box > div:first-child {width: 120px;}
#itemuse .list-board .board-list li .thumb-box {margin-top: 15px;display:inline-block;}
#itemuse .list-board .board-list li .thumb-img {display: inline-block; margin-right: 10px;}
#itemuse .list-board .board-list li .more-btn {color:#cccccc;margin: 10px 0 5px;font-weight: 600;display: inline-block;cursor: pointer;}
#itemuse .list-board .board-list li {padding-top: 20px; position:relative; }
#itemuse .list-board .board-list li .user {position: absolute; top: 20px;right: 0;}
#itemuse .edit-btn { position: absolute; right: 10px; bottom: 15px; font-size:12px; font-weight: 500; }
#itemuse .like-box { display:inline-block; margin-left: 10px; }
#itemuse .like-box button { margin-right: 3px; border: 1px solid #e2e2e2; background-color: #fff; width: 50px; height: 23px; color: #7b7b7b; transition: all 0.2s;  -webkit-transition: all 0.2s; }
#itemuse .like-box button:hover, #itemuse .like-box button.action {background: #5e5e5e !important; border-color: #5e5e5e !important; color: white !important;}
#itemuse .like-count { display:inline-block; background: #5e5e5e; border: 1px solid white; min-width: 20px; /* height: 25px; */ line-height:23px; text-align: center; vertical-align:middle; padding: 0 8px 0 7px; color: #fff}
.list-board .board-list li{padding:40px 0;}
.list-board .board-list li.none{font-size:15px}
.list-board .board-list li .content-box {width: 100%; max-width: 760px; margin:0}
.list-board .board-list li .content-box.on .comment-box, .list-board .board-list li .content-box.on .detail-box {display: block;}
.list-board .board-list li .content-box .comment-box { position: relative; border: 1px solid #e2e2e2; margin-top: 7px; margin-right: 30px; padding: 10px 15px; text-align: left; width:100%; display: none; }
.item_detail .it_review_tit .user, .item_detail .it_review_tit .date{display:inline-block; margin-left:15px; font-weight:600; font-size:18px; line-height:1.2; color:#999;}
.item_detail .board-list li .content-box .content_title{margin-bottom:10px; font-weight:600; font-size:18px; color:#222;}
.item_detail .board-list li .content-box .content-txt{font-size:16px; color:#222;}
.item_detail .board-list li .content-box .thumb-box{margin-top:36px}
.item_detail .board-list li .content-box .thumb-box .thumb-img{display:inline-block}
.item_detail .board-list li .content-box .thumb-box .thumb-img + .thumb-img{margin-left:13px}
.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 17px; border:0; border-radius:10px !important; background-color:#818181; font-weight:600; font-size:16px; line-height:40px; color:#fff}
.item_detail .use-btn .btn-box .btn + .btn, #itemqa .qa-btn .btn-group .btn + .btn{margin-left:10px;}
.item_detail .use-btn .btn-box .review_btn, #itemqa .qa-btn .btn-group .btn-color{background-color:#222}
.item_detail .use-btn .btn-box .review_btn img, #itemqa .qa-btn .btn-group .btn-color img{display:inline-block; margin-top:-2px; margin-right:6px}
.item_detail .use-btn .btn-box .review_btn img{margin-top:-5px}


/* modal */
.modal-bg {position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);left: 0;top: 0;z-index: 10;visibility: hidden;opacity: 0;transition: 0.2s all ease-in;}
.modal-bg.on {visibility: visible;opacity: 1;}
.modal-box {position: fixed;left: 50%;top: 50%;z-index: 11;background-color: #fff;width: 100%;max-width: 1000px;visibility: hidden;opacity: 0; height:auto;  transform: translate(-50%, -50%) translateZ(0) scale(1.0, 1.0);}
.modal-box.on {visibility: visible;opacity: 1;}
.modal-box .modal-img-box {width: 65%;}
.modal-box .modal-img-box img {width: 100%;}
.modal-box .modal-img {background-size: contain;background-position: top;padding-bottom: 100%;background-repeat: no-repeat;background-color: #231f1f;    background-position: center center;}
.modal-box .modal-content-head, .modal-box .review-box {margin-bottom: 15px;}
.modal-box .modal-content-box {padding: 18px 20px;vertical-align: top;}
.modal-box .item-img {width: 70px;height: 70px; }
.modal-box .item-img img { max-width:100%; max-height:100%; } 
.modal-box .item-box {padding-left: 15px;position: relative;}
.modal-box .left-box, .modal-box .right-box {float: left; height:100%; }
.modal-box .left-box {width: calc(100% - 300px); padding:0 15px; border-right:1px solid #e5e5e5;}
.modal-box .right-box {width: 300px;}
.modal-box .modal-title {display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden; position: absolute; top: 10px;}
.modal-box .modal-score {line-height: normal;}
.modal-box .modal-name {font-size: 12px;color: #adadad;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;bottom: 0;line-height: normal;}
.modal-box .review-box {border: 1px solid #e7e7e7;padding: 8px 9px;line-height: 15px;color: #a4a4a4;font-size: 12px;}
.modal-box .detail-box, .modal-box .modal-text-box {border-top: 1px dashed #ddd;padding: 15px 0px;}
.modal-text-box {position: relative;padding-bottom: 30px!important;border-bottom: 1px dashed #ddd;}
.modal-text {font-weight: 300;font-size: 13px;    word-break: keep-all;}
.modal-data {position: absolute;right: 0;bottom: 3px;color: #cbcbcb;font-size: 12px;}
.modal-review {margin-bottom: 10px;}
.modal-review .review-notice {font-size: 12px;}
.modal-review .like-box {float: right;}
.modal-review .like-box button {height: 23px;font-size: 11px; width: 35px;}
.modal-comment-box {padding: 20px 0;}
.modal-comment-box .comment-box {display: block;padding: 8px 8px;}
.modal-comment-box .comment-box > div input {    height: 25px;padding: 0 13px;font-size: 12px;padding-left: 5px;}
.modal-comment-box .comment-box > div button {padding: 0;width: 50px;height: 25px;font-size: 12px;}
.modal-comment-box .like-box {margin: 0;}
.modal-box .close-btn {position: absolute;top: -33px;right: 0px;color: #fff;cursor: pointer;width: 30px;z-index: 10; font-size:26px;}
.modal-box .close-btn img {width: 100%;}
.modal-box .left-box, .slick-slider .slick-list, .slick-slider .slick-track, .slick-slide > div, .modal-box .modal-img {height: 100%;}
.modal-box .table-box { display: table; width: 100%; }
.modal-box .table-box > div { display: table-cell; }
.modal-box .bx-wrapper { margin-bottom:0px !important; position:relative !important; border:0; box-shadow:none;} 
.modal-box .bx-wrapper .bx-pager { bottom: 15px !important; }

/* 상품 상세 하단 리뷰 */
.item_detail .it_review_tit{margin-bottom:10px;}
.item_detail .it_review_tit .thema-color{display:inline-block; font-size:24px; line-height:1;}
.item_detail .it_review_tit .thema-color i + i{margin-left:4px;}
/* .item_detail .modal-img-box.left-box{display:none;} */
.item_detail .modal-box .right-box{height:185px; /* width:100%; */}
.item_detail .modal-box .review-box{border:1px solid rgba(255,255,255,0.3)}
.item_detail .modal-box .modal-text{height:60px; color:#fff}
.item_detail .modal-box{background-color:#fff;}
.item_detail .modal-box .modal-img{background-color:transparent}
.item_detail .list-board .board-list li .content-box{max-width:100%}
.item_detail #itemuse .list-board .board-list li{padding-bottom:20px}
.item_detail #itemuse .list-board .board-list li.none{ padding:50px 0;  font-size: 15px; }
.item_detail #itemuse .list-board .board-list li .user{position:static; /*width:100%*/ }
.item_detail #itemuse .list-board .board-list li .user > div{display:inline-block}
.item_detail #itemuse .list-board .board-list li .user > div + div{margin-left:15px}

/*상품 리뷰 팝업*/
.review_modal{z-index:20; position:fixed; left:50%; top:50%; transform:translate(-50%, -50.2%); width:1100px; margin:0 auto; display:none;
max-height:760px;}
.review_modal.no_review_img{width:500px;}
.review_modal.no_review_img .review_content .review_text_box{width:100%; float:none;}
.review_modal .review_close_btn{position:absolute; right:0; top:-60px; display:inline-block; width:50px; height:50px; border-radius:50%;
background:rgba(255,255,255,0.5); text-align:center;}
.review_modal .review_close_btn img{position:relative; top:15px; width:20px;}
.review_modal .review_content{width:100%; overflow:hidden; background:#fff; padding:20px; }
.review_modal .review_content .review_img_box{width:70%; float:left; padding-right:3%; margin-right:3%; border-right:1px solid #e5e5e5; position:relative;}
.review_modal .review_content .review_img_box .review_slider{width:100%; margin:0 auto;}
.review_modal .review_content .review_img_box .review_slider .review_img{width:100%; background:none; outline:none;}
.review_modal .review_content .review_img_box .review_slider .review_img img{max-width:100%; display:block; margin:0 auto;}
.review_modal .review_content .review_img_box .review_slider .slick-dots{position:absolute; left:50%; transform:translateX(-50%); bottom:20px; text-align:center;}
.review_modal .review_content .review_img_box .review_slider .slick-dots > li{display:inline-block; width:12px; height:12px; border-radius:50%;
background:#fff; margin:0 7px; cursor:pointer;}
.review_modal .review_content .review_img_box .review_slider .slick-dots > li button{display:none;}
.review_modal .review_content .review_img_box .review_slider_btn{position:absolute; width:100%; top:50%; transform:translateY(-50%);}
.review_modal .review_content .review_img_box .review_slider_btn > a{display:; position:absolute; width:30px; height:30px; 
background:rgba(255,255,255,0.5); border-radius:50%; text-align:center; outline:none; box-shadow:none;}
.review_modal .review_content .review_img_box .review_slider_btn > a.review_slider_prev{left:10px; }
.review_modal .review_content .review_img_box .review_slider_btn > a.review_slider_next{right:calc(3% + 20px);}
.review_modal .review_content .review_img_box .review_slider_btn > a img{position:relative; top:5px;}
.review_modal .review_content .review_text_box{width:24%; float:left;}
.review_modal .review_content .review_text_box .text_box_top{width:100%; display:table;}
.review_modal .review_content .review_text_box .text_box_top .left_img{display:table-cell; width:80px;}
.review_modal .review_content .review_text_box .text_box_top .right_text{display:table-cell; width:calc(100% - 80px); vertical-align:top; position:relative;}
.review_modal .review_content .review_text_box .text_box_top .right_text .item_star{}
.review_modal .review_content .review_text_box .text_box_top .right_text .item_subject{font-size:12px; color:#333; font-weight:500;}
.review_modal .review_content .review_text_box .text_box_top .right_text .item_name{font-size:10px; color:#999; position:relative; bottom:0; left:0;}
.review_modal .review_content .review_text_box .review_good{margin-top:20px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;}
.review_modal .review_content .review_text_box .review_content_box{position:relative; border-bottom:10px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;}
.review_modal .review_content .review_text_box .review_content_box .review_txt_box{width:100%; height:150px; max-height:100%; overflow-x:hidden;}
.review_modal .review_content .review_text_box .review_content_box .review_text{color:#666; font-size:12px; line-height:18px;}
.review_modal .review_content .review_text_box .review_content_box .review_date{position:relative; right:0; bottom:0; padding:5px 0; color:#999; font-size:10px; text-align:right}
.review_modal .review_content .review_text_box .review_good_btn_box{position:relative;}
.review_modal .review_content .review_text_box .review_good_btn_box span{font-size:12px;}
.review_modal .review_content .review_text_box .review_good_btn_box .review_good_btn{position:absolute; right:0; top:0;}
.review_modal .review_content .review_text_box .review_good_btn_box .review_good_btn button:hover, .review_modal .review_content .review_text_box .review_good_btn_box .review_good_btn button.action {background: #5e5e5e !important; border-color: #5e5e5e !important; color: white !important; }
.review_modal .review_content .review_text_box .review_good_btn_box button{width:50px; border:1px solid #e5e5e5; text-align:center; background:none;
color:#333; font-size:12px; }

.review_modal_bg{width:100%; height:100%; position:fixed; z-index:19; background:rgba(0,0,0,0.5); top:0; left:0; display:none;}

/* 상품 상세 하단 문의 */
.qa_panel.panel{margin:0 0 45px; border:0;}
.qa_panel.panel .panel-heading{margin:30px 0 18px; border:0; padding:0}
.qa_panel .panel-heading h3{display:inline-block; font-weight:500; font-size:30px; line-height:1; color:#222}
.qa_panel .panel-heading .help-block{display:inline-block; margin:0; margin-left:20px; font-size:16px; color:#666}
.qa_panel .panel-heading .help-block .btn_color{color:#222}
.qa_panel .panel-body{padding:0}
.qa_panel .list-board .num{width:6%}
.qa_panel .list-board .name{width:11%}
.qa_panel .list-board .date{width:12%}
.qa_panel .list-board .hit{width:10%}
.qa_panel .div-head{padding:22px 0; border-top:2px solid #252525; border-bottom:1px solid #d7d7d7;}
.qa_panel .div-head > span{border:0; font-weight:500; font-size:16px; color:var(--main-point-color);}
.qa_panel .list-board .board-list{margin-bottom:40px; border:0;}
.qa_panel .list-board .board-list li{padding:0; border-bottom:1px solid #d7d7d7;}
.qa_panel .list-board .board-list li.none{padding:50px; font-size:15px}
.qa_panel .list-board .board-list li > a{padding:22px 0}
.qa_panel .list-board .board-list li > a > div{height:auto; line-height:1; padding:0; font-size:16px; color:#222}
.qa_panel .list-board .board-list li > a > div.subj img{display: inline-block;}
.qa_panel .list-board .board-list li .media{padding:15px 0; font-size:13px}
.qa_panel .list-board .board-list li .media .info{margin-bottom:5px}
.qa_panel .list-board .board-list li .media .hit{width:70px; margin:0 10px}
.qa_panel .list-board .board-list li .media .hit i{font-size: 22px !important; display: flex; align-items: center; justify-content: center;}
.qa_panel .list-board .board-list li .media .img-resize{margin-bottom:15px}
.qa_panel .list-board .board-list li .media .img-resize.media-ans{margin-bottom:0}
.qa_panel .list-board .board-list li .media .img-resize .btn_revise{text-align:right}
.qa_panel .list-board .board-list li .media .div-title-wrap{margin-bottom:5px; font-weight:500}

/* 상품 상세 하단 버튼 */
.btn-group-justified{height:50px; border-collapse:collapse; display: flex; align-items: center; justify-content: space-between;}
/* .btn-group-justified .btn{border:1px solid #252525; background-color:#fff !important; font-weight:600; font-size:16px; color:#222 !important} */
.btn-group-justified .btn{border:none; background-color:#f6f6f6 !important; font-weight:500; font-size:14px; color:#222 !important; width: 100%; line-height: 38px;}
.btn-group-justified .btn + .btn{margin-left: 10px;}

/*상품*/
.form-box{ max-width: 580px; width: 100%; margin: 0 auto; border: 0; padding: 20px 0; background-color: transparent; }
.form-box::before { display: table; content: ""; }
.form-box .form-header { border: none; text-align: center; }
.form-box .form-header h2 { font-size: 30px; font-weight: 500; margin: 0 10px 60px; text-align: center; }
.form-box .form-body { padding: 70px 45px; border: 1px solid #ccc; margin: 0 10px; background-color:#fff; }
.use-title h3 { font-size: 22px; font-weight: 500; padding-bottom: 10px; border-bottom: 2px solid #111; }
.use-content { margin-bottom: 70px; }
.use-content .table { display: table; }
.use-content .table-row { display: table-row; }
.use-content .table-row .table-cell { display: table-cell; vertical-align: middle; padding: 20px; border-bottom: 1px solid #ccc; text-align: center; }
.use-content.no-m{margin: 0;}
.use-content .star-contents{padding: 50px 0 50px; text-align: center; border-bottom: 1px solid #ccc;}
.use-content .star-wrap{font-size:48px; width: auto; margin: 0 auto; display:inline-block; overflow: hidden;}
.use-content .star-color{color:#9fc13c; cursor: pointer;}
.simple_reviews .table{display:table; table-layout: fixed; margin: 50px 0;}
.simple_reviews .table-row{display:table-row;}
.simple_reviews .table-row .table-cell{display:table-cell; vertical-align: middle; padding-bottom: 10px;}
.simple_reviews .table-row:last-of-type .table-cell{padding-bottom: 0;}
.simple_reviews .table-row .t-label{width:150px; font-size: 16px; font-weight: 400;}
.simple_reviews .table-row .contents div{display:block; float: left; width:calc(100% / 3);}
.simple_reviews .table-row .contents div input{display: none;}
.simple_reviews .table-row .contents div input + label{width:80px; padding: 3px 0; border-radius: 50px; border: 1px solid #ccc; color: #ccc; text-align: center; font-size:16px; font-weight: 400; cursor: pointer;}

/*로그인 페이지 html > skin > member > basic > login.skin.php*/
.is-pc .at-body {min-height:auto;}
.custom-login {max-width:900px;margin:0 auto; padding-bottom:50px;}
.login-page-title {font-weight:600; margin:60px 0 15px; font-size:33px; color:#151515; line-height:1.1;}
.login-page-desc {font-size:15px; color:#888; margin:0;}
.member-login, .non-members-login {width: 100%;max-width: 500px;margin: 0 auto;padding: 0;}

.custom-login .nav-tabs { margin-bottom: 20px;border-bottom:0;}
.custom-login .nav-tabs > li { float: left;margin-bottom: 0px;width: 50%;text-align: center;}
.custom-login .nav-tabs > li a { border-radius:0; font-size: 18px;color: #666666;margin: 0; border: 1px solid #cccccc; padding:0;
height:60px; line-height:60px; background:#fff;}
.custom-login .nav-tabs > li.active a {color:var(--main-point-color); border: 2px solid #222; font-weight:500;}
.custom-login .nav-tabs > li a span { display: block;}

.login-desc {font-size:14px; color:#151515; line-height:1.1; padding:5px 0 20px; margin:0;}
.login-form .form-group{margin-bottom:15px;}
.login-form .form-group input {border:1px solid #d7d7d7; height:60px; font-weight:400; font-size:18px; outline:none; box-shadow:none;}
.login-form .form-group input::placeholder{color:#999;}
.login-btn {padding-bottom:20px;}
#login_auto_login {margin-top:0; vertical-align:middle; display: none;}
#login_auto_login + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 30px; position: relative; cursor: pointer; line-height: 15px;}
#login_auto_login + label:after{/* font-family: 'xeicon' !important; content: "\e929"; */ content:''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; color: #ccc; background:url('/img/search_check.png') no-repeat 0 0; text-align: center;line-height: 25px;}
#login_auto_login:checked + label:after{background:url('/img/search_check_on.png') no-repeat}

.login-opt {margin-bottom: 40px;}
.btn.btn-login{width:100%; height:60px; line-height:60px; font-size:18px; font-weight: 500; color:#fff; padding:0;}
.login-foot {padding-top: 35px;}
.lost-box {text-align: center;font-size: 16px;}
.lost-box a {display:inline-block; color: #333; padding: 0 30px; position: relative;}
.lost-box a::after {display: block;content: "";position: absolute;width: 1px;height: 15px;background-color: #999;right: -3px;top: 4px;}
.lost-box a:last-child::after {display: none;}

.login-foot .foot-title {font-size:22px; line-height: 1.618; font-weight:500; color:#111; border-bottom: 2px solid #111; margin-bottom: 20px;}
.login-foot .login-sns {text-align:left;}
.btn.btn-check{width:100%; padding: 16px 12px; font-size: 18px; font-weight: 500; color:#fff; background:#666666;border-radius: 40px !important;}
.btn-newRegister {width:100%; font-size: 18px; padding: 16px 12px; border:1px solid #111; color:#fff !important; background-color: #111; border-radius: 50px !important; font-weight:500; display:block; text-align:center;}

.btn-half{width: 100%; margin-bottom: 10px;}
.btn-border-gray{border: 1px solid #cccccc; padding: 13px 10px 13px 30px; line-height: 24px;}
.btn-round{border-radius: 50px !important; }
.btn-border-gray span{display: inline-block; margin-left: 10px; font-size: 16px; font-weight: 400; color: #666;width: 140px;}

.foot-description p{ font-size: 16px; font-weight: 400; line-height: 24px; margin: 0; }
.foot-description {margin-bottom: 15px;}

.orderbtn a {width: 49%;float: left;border: 1px solid #ddd;border-radius: 50px!important;font-size: 16px;color: #666666;height: 45px;line-height: 33px;display: block;}
.orderbtn a:first-child {margin-right: 2%;}

/*sns_login html > skin > social > social_login.skin.php */
.sns_login a.sns_btn{height:60px; line-height:60px; width:100%; display:block; text-align:center; border:1px solid #dbdbdb; border-radius:30px; 
margin-bottom:15px; overflow:hidden; transition:all 0.1s ease-in-out;}
.sns_login a.sns_btn span.sns_icon{display:inline-block; position:relative; top:-4px; width:30px; text-align:right; margin-right:40px;}
.sns_login a.sns_btn span.sns_text{display:inline-block; font-size:18px; color:#666666; width:150px; text-align:left;}
.sns_login a.sns_btn.naver:hover{border:1px solid #4ab44b;}
.sns_login a.sns_btn.kakao:hover{border:1px solid #e7e600;}
.sns_login a.sns_btn.facebook:hover{border:1px solid #3c5da2;}
.sns_login a.sns_btn.google:hover{border:1px solid #e94437;}
.sns_login a.sns_btn.twitter:hover{border:1px solid #28a9e0;}

/*회원가입 페이지 html > skin > member > basic > register_form.php*/
.register-wrap { display:flex; padding-bottom:50px;  } 
.register-form .area-box:first-child {margin-right: 10%;}
.register-form .area-box {float: left;width: 45%;}
.register-form .page-title {font-weight:600; margin:15px 0; padding:75px 0; font-size:33px; color:#151515; line-height:1.1; text-align:center; }
.register-form .page-desc { display:none; }
.register-form .input-title {margin: 0 0 20px;font-size: 22px;color: #111;font-weight: 500;line-height: 1.618;border-bottom: 2px solid #111;}
.register-form .label-css {font-size: 16px; margin-bottom: 5px;font-weight: 500;}
.register-form .input-css {font-size: 14px; width: 100%;height: 44px;border: 1px solid #cccccc;padding-left: 10px;}
.register-form .input-css::placeholder {color: #cccccc;}
.register-form .input-box {margin-bottom: 25px; font-size: 14px;}
.register-form .input-box:last-child {margin-bottom: 0px;}
.register-form .input-box-sm {margin-bottom: 10px;} 
.register-form .textarea-css {border: 1px solid #cccccc;width: 100%;height: 130px; resize:none; padding:10px; }
.register-form .file-css { }
.register-form .msg-box { margin-top: 10px; font-size:12px; } 
.register-form .cert-box  { margin-top:10px; }
.register-form .cert-box strong { font-weight:600; }
.register-form #captcha { display: flex; justify-content: center; gap: 7px; }
.register-form #captcha_key { width:240px; }
.register-form .check-input {display: none;}
.register-form .check-input + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 25px; position: relative; cursor: pointer; line-height: 25px;}
.register-form .check-input + label:after{content: ""; background:url('/img/search_check.png') no-repeat 0 0; display: block; position: absolute; top: 50%; transform:translateY(-50%); left: 0; 
width: 16px; height: 16px;text-align: center;}
.register-form .check-input:checked + label:after{background:url('/img/search_check_on.png')}
.register-form .check-box {padding: 15px 0;border-bottom: 1px solid #cccccc;position: relative;}
.register-form .check-box.active {padding-bottom: 0;}
.register-form .check-input2 {display: none;}
.register-form .check-input2 + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 25px; position: relative; cursor: pointer; line-height: 25px;}
.register-form .check-input2 + label:after{content: ""; background:url('/img/search_check.png') no-repeat 0 0; display: block; position: absolute; top: 50%; transform:translateY(-50%); left: 0; 
width: 16px; height: 16px;text-align: center;}
.register-form .check-input2:checked + label:after{background:url('/img/search_check_on.png')}
.register-form .check-box .more-plus { position: absolute; right: 10px; top: 15px; cursor: pointer; width: 25px; height: 25px; }
.register-form .check-box .more-plus::after, .register-form .check-box .more-plus::before {display: block;content: "";background-color: #cccccc;position: absolute;}
.register-form .check-box .more-plus::after {width: 25px;height: 1px;left: 0;top: 12px;}
.register-form .check-box .more-plus::before {width: 1px;height: 25px;left: 12px;}
.register-form .check-box.active .more-plus::before {display: none;} 
.register-form .check-box .detail-content {border-top: 1px solid #ddd;margin-top: 15px;padding: 20px;background-color: #f9f9f9;display: none;}
.register-form .check-box.active .detail-content {display: block;height: 200px;overflow-y: scroll;}
.register-form .regis_interest { margin-top: 30px; }
.register-form .regbtn-wrap { text-align: center; margin-top: 30px; }
.register-form .regbtn-wrap .regbtn {margin-bottom: 10px;border: 0;border-radius: 50px;line-height: 40px;color: #fff;width: 100%;}
.register-form #btn_submit { height: 44px; font-size: 15px; font-weight: bold; border-radius: 44px; }
.fix_input_box{width:100%;}
.fix_input_box .file_content{width:100%;}
.fix_input_box .file_content .left_file{float:left; width:30%; cursor:pointer;}
.fix_input_box .file_content .left_file span{display:block; background:#333; color:#fff; text-align:center; height:44px; line-height:44px; width:100%;}
.fix_input_box .file_content .left_file input{display:none;}
.fix_input_box .file_content .right_file{float:left; width:70%; }
.fix_input_box .file_content .right_file input{display:block; width:100%; border:1px solid #ccc; padding-left:10px; font-size:14px;
height:44px; line-height:44px; width:100%;}
.photo_check{width:100%; margin-top:10px;}
.photo_check img{width:22px; height:22px;}
.photo_check input{display:none;}
.photo_check input ~ label{display:inline-block; padding:0 !important; margin-left:10px;}
.photo_check input ~ label span{background:url('/img/search_check.png') no-repeat 0 0; display: inline-block; width: 16px; height: 16px;text-align: center;
position:relative; top:2px; margin-right:3px;}
.photo_check input:checked ~ label span{background:url('/img/search_check_on.png');}

/*장바구니 페이지 html > skin > apms > order > basic > cart.skin.php*/
.input-title {margin: 0 0 20px;font-size: 22px;color: #111;font-weight: 500;line-height: 1.618;border-bottom: 2px solid #111;}
.label-css {font-size: 16px; margin-bottom: 5px;font-weight: 500;}
.input-css {font-size: 14px; width: 100%;height: 44px;border: 1px solid #cccccc;padding-left: 10px;}
.input-css::placeholder {color: #cccccc;}
.input-box {margin-bottom: 25px; font-size: 14px;}
.input-box:last-child {margin-bottom: 0px;}
.input-box-sm {margin-bottom: 10px;}
.textarea-css {border: 1px solid #cccccc;width: 100%;height: 130px;}

.check-input {display: none;}
.check-input + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 35px; position: relative; cursor: pointer; line-height: 25px;}
.check-input + label:after{}
.check-input:checked + label:after{}

.check-box {padding: 15px 0;border-bottom: 1px solid #cccccc;position: relative;}
.check-box.active {padding-bottom: 0;}

.check-box .more-plus {position: absolute;right: 10px;top: 15px;cursor: pointer;width: 25px;height: 25px;}
.check-box .more-plus::after,
.check-box .more-plus::before {display: block;content: "";background-color: #cccccc;position: absolute;}
.check-box .more-plus::after {width: 25px;height: 1px;left: 0;top: 12px;}
.check-box .more-plus::before {width: 1px;height: 25px;left: 12px;}
.check-box.active .more-plus::before {display: none;} 

.check-box .detail-content {border-top: 1px solid #ddd;margin-top: 15px;padding: 20px;background-color: #f9f9f9;display: none;}
.check-box.active .detail-content {display: block;height: 200px;overflow-y: scroll;}

/* Cart */
.cart-wrap .tr-head > th > span {border: none!important;color: #666666;font-weight: 400 !important;}
.cart-wrap .check-input + label {width: 25px;height: 25px;}
.cart-wrap .option-wrap {padding: 10px 0;}
.cart-wrap .div-table.table > tbody > tr {border-bottom: 1px solid #ddd;}
.cart-wrap .price-wrap {border-top: 2px solid #222;margin-top: 150px; }
.cart-wrap .price-wrap .price-top > div,
.cart-wrap .price-wrap .price-bottom > div { width: 33.333%;float: left;text-align: center;border-bottom: 1px solid #ccc; position: relative;}
.cart-wrap .price-wrap .price-top > div { font-size: 16px;font-weight: 500;padding: 20px 0;}
.cart-wrap .price-wrap .price-bottom > div {font-size: 30px;font-weight: 600;padding: 60px 0;}
.cart-wrap .price-wrap .price-bottom > div::after {display: block;content: "";right: -9px;top: 62px;position: absolute;width: 17px;height: 17px;background-size: cover;}
.cart-wrap .price-wrap .price-bottom > div:nth-child(1)::after {background-image: url(/img/icon/puls-icon.png);}
.cart-wrap .price-wrap .price-bottom > div:nth-child(2)::after {background-image: url(/img/icon/result-icon.png);}
.cart-wrap .price-wrap .price-bottom > div:last-child::after {display: none;}
.cart-wrap .buy-btn {height:44px;font-size:15px;font-weight: bold;border-radius:44px !important; margin-top:50px; }

.cart-wrap .shop-btn {border: 1px solid #cccccc;background-color: #fff;width: 115px;height: 35px;border-radius: 50px;transition: .1s all ease-in;}

.cart-wrap .item-img, .item-detail {display: table-cell;vertical-align: middle;}
.cart-wrap .item-img {width: 100px;  }
.cart-wrap .item-img img { max-width:100px; }
.cart-wrap .item-detail {width: 100%;padding-left: 20px; font-weight: 500;}
.cart-wrap .item-detail li {list-style: none;}

.area-wrap::after, .register-wrap::after, .regbtn-wrap::after, .pay-box::after, .section::after, .price-wrap::after, .cart-wrap .item-view > div::after {
	display: block;
	content: "";
	clear: both;
}

.cart-wrap .cart_check .check-input{display:none;}
.cart-wrap .cart_check .check-input:checked + label:after{display:none !important;}
.cart-wrap .cart_check .check-input + label{width:16px; height:16px; padding:0;}
.cart-wrap .cart_check .check-input + label span{width:16px; height:16px; display:block; background:url('/img/search_check.png') no-repeat 0 0;}
.cart-wrap .cart_check .check-input:checked + label span{background:url('/img/search_check_on.png')}
.cart-wrap .cart_nonmember{margin:20px 0 40px; padding:25px 0; border:1px solid #ccc; text-align:center}
.cart-wrap .cart_nonmember .nm_txt{font-size:16px; line-height:1.4}
.cart-wrap .cart_nonmember .nm_txt > br{display:none}
.cart-wrap .cart_nonmember .nm_btn_box{margin-top:20px}
.cart-wrap .cart_nonmember .nm_btn_box > a{display:inline-block; padding:0 20px; border:1px solid #ccc}
.cart-wrap .cart_nonmember .nm_btn_box > a + a{margin-left:10px}
.cart-wrap .cart_nonmember .nm_btn_box > a > span{display:block; font-size:14px; line-height:37px; color:#333}
.cart-wrap .cart_nonmember .nm_btn_box > a.btn_join{background-color:#9fc13c}
.cart-wrap .cart_nonmember .nm_btn_box > a.btn_join > span{color:#fff}	


/*주문서 페이지 html > skin > apms > order > basic > orderform.skin.php*/
.margin-zero { margin: 0!important; }

.area-box:first-child { margin-right: 10%; }
.area-box { float: left; width: 45%; }
strong, b { font-weight: 600; }

.input-title { margin: 0 0 20px; font-size: 22px; color: #111; font-weight: 500; line-height: 1.618; border-bottom: 2px solid #111;  position:relative;}
.input-title .posi_ab{position:absolute; right:0; top:50%; transform:translateY(-50%);}
.input-title .posi_ab .check-input + label:after{top:58%;}

#tempPayBox .input-title { margin-top:50px; } 
.input-box { margin-bottom: 25px; font-size: 14px; }
.label-css { font-size: 16px; margin-bottom: 5px; font-weight: 500; }
.input-css { font-size: 14px; width: 100%; height: 44px; border: 1px solid #cccccc; padding-left: 10px; }
.input-box-sm { margin-bottom: 10px; }
.textarea-css { border: 1px solid #cccccc; width: 100%; height: 130px; resize:none; }

.page-wrap img { max-width:initial !important; }

.check-input {display: none;}
.check-input + label {margin:0; font-size:16px; font-weight: 400; color:#111; padding-left: 25px; position: relative; cursor: pointer; line-height: 25px;}
.check-input + label:after{content: ""; background:url('/img/search_check.png') no-repeat 0 0; display: block; position: absolute; top: 50%; transform:translateY(-50%); left: 0; 
width: 16px; height: 16px;text-align: center;}
.check-input:checked + label:after{background:url('/img/search_check_on.png')}

.check-box {padding: 15px 0;border-bottom: 1px solid #cccccc;position: relative;}
.check-box.active {padding-bottom: 0;}

.check-box .more-plus {position: absolute;right: 10px;top: 15px;cursor: pointer;width: 25px;height: 25px;}
.check-box .more-plus::after,
.check-box .more-plus::before {display: block;content: "";background-color: #cccccc;position: absolute;}
.check-box .more-plus::after {width: 25px;height: 1px;left: 0;top: 12px;}
.check-box .more-plus::before {width: 1px;height: 25px;left: 12px;}
.check-box.active .more-plus::before {display: none;} 

.check-box .detail-content {border-top: 1px solid #ddd;margin-top: 15px;padding: 20px;background-color: #f9f9f9;display: none;}
.check-box.active .detail-content {display: block;height: 200px;overflow-y: scroll;}


/* Order */
.order-wrap .section {margin-bottom: 60px;}
.order-wrap .check-box {border: none !important;}
.order-wrap .check-box span {display: inline-block;margin-right: 10px; margin-bottom: 10px;}

.order-wrap #od_zip {width: 150px;}
.order-wrap .local-btn {height: 44px;font-size: 14px;}
.order-wrap .div-table.table > tbody > tr > th {border: none;padding: 0;}
.order-wrap .div-table {margin: 0;}
.order-wrap .table-head {border-bottom: 1px solid #ddd;color: #666666;height: 50px;}

.order-wrap .option-wrap {margin-top: 10px;}
.order-wrap .div-table.table > tbody > tr {border-bottom: 1px solid #ddd;}
.order-wrap .div-table.table > tbody > tr > td {padding: 20px;}
.order-wrap .pay-wrap {border-bottom: 1px solid #ddd;}
.order-wrap .pay-box { font-size: 16px;font-weight: 600;padding: 15px 0; display: flow-root;}

.item-img,.item-detail {display: table-cell;vertical-align: middle;}
.item-img {width: 100px;}
.item-detail {width: 100%;padding-left: 20px; font-weight: 500;}
.item-detail li {list-style: none;}

.div-table.table > tbody > tr > th { vertical-align: middle; }

.area-wrap::after, .register-wrap::after, .regbtn-wrap::after, .pay-box::after, .section::after, .price-wrap::after, .cart-wrap .item-view > div::after {
    display: block;
    content: "";
    clear: both;
}

/* Register */
.regbtn-wrap {text-align: center;margin-top: 30px;}
.regbtn-wrap #display_pay_button input {width: calc(100% - 160px - 10px);margin-right: 10px; border: none;}
.regbtn-wrap #display_pay_button a {display: inline-block;width: 160px;border: 1px solid #666666;color: #666666;}

.regbtn-wrap #display_pay_button input,
.regbtn-wrap #display_pay_button a {float: left;height:44px; padding: 0; line-height:44px; font-size:15px;font-weight: bold;border-radius:44px !important;}
.sns-wrap {text-align: center;margin-top: 20px;font-size: 18px;font-weight: 500;background-color: #f9f9f9;padding: 30px 0;    border: 1px solid #ddd;}
.sns-wrap .foot-title {margin-bottom: 10px;}

.regbtn-wrap .regbtn {margin-bottom: 10px;background-color: #9fc13c;border: 0;border-radius: 50px;line-height: 40px;color: #fff;width: 100%;}
.btn-group.cp_btn-wrap .btn {
	background-color: transparent !important;
	color: #666 !important;
	border-color: #666 !important;
	margin-left: 10px !important;
}

/*마이페이지 html > skin > member > basic > mypage.skin.php */
.inquirys{padding: 15px; border-bottom: 15px solid #eee;margin-bottom: 30px;}
.inquirys .title{font-size:16px; font-weight: 700; line-height: 20px; overflow: hidden; padding: 12px 0; border-bottom: 1px solid #ddd;}
.inquirys .title a{font-weight: 500; color: #333;}
.inquirys .inquiry-cnt-wrap{overflow: hidden; padding: 12px 0; overflow: hidden;}
.inquirys .inquiry-cnt-wrap .inquiry-box{float: left; width: 20%; text-align: center;}
.inquirys .inquiry-cnt-wrap .inquiry-box .number{font-size: 18px; font-weight: 700; line-height: 18px; margin-bottom: 10px; display: block; color: #333;}
.inquirys .inquiry-cnt-wrap .inquiry-box .number.zero{color: #666;}
.inquirys .inquiry-cnt-wrap .inquiry-box .type{font-size: 14px; font-weight: 500; display: block;}

.myinfo-wrap{width: 100%; padding: 16px; border: 1px solid #ddd; overflow: hidden; margin: 0 0 120px;}
.myinfo-wrap .quart-box{width: 25%; float: left; border-right: 1px solid #ddd; padding: 15px 30px;}
.myinfo-wrap .quart-box:last-of-type{border-right: 0;}
.myinfo-wrap .quart-box .quart-title{font-size: 1rem; font-weight: 500; color: #111; margin: 0 0 1.6rem;}
.myinfo-wrap .quart-box .quart-description{font-size: 1.6rem; font-weight: 700; margin-bottom: 10px;}
.myinfo-wrap .quart-box .more-btn a{font-size: 13px; color: #666; font-weight: 400;}
.mypage-table{display: table; width: 100%; table-layout: fixed;}
.mypage-table .mypage-categorys{display: table-cell; width: 200px; vertical-align: top;}
.mypage-table .mypage-categorys .categorys-title{font-size: 25px; color: #111; font-weight: 700; margin-bottom: 50px;}
.mypage-table .mypage-categorys .categorys-links a{font-size: 16px; color: #666; font-weight: 500; line-height: 40px;}

.mypage-table .mypage-sections{display:table-cell;}
.mypage-table .mypage-sections section {overflow: hidden; margin-bottom: 90px;}
.mypage-table .mypage-sections section .head{border-bottom: 2px solid #111; color: #111; padding: 0 0 10px; overflow: hidden;}
.mypage-table .mypage-sections section .head .title{font-size: 22px; font-weight: 500;}
.mypage-table .mypage-sections section .head .navigator ul,
.mypage-table .mypage-sections section .head .navigator li{padding: 0; margin: 0; list-style: none; float: left;}
.mypage-table .mypage-sections section .head .navigator li{margin-left: 30px;}
.mypage-table .mypage-sections section .head .navigator li button{font-size: 16px; font-weight: 400; color: #111; background-color: transparent; border: 0;}
.mypage-table .mypage-sections section .head .more-btn a{font-size: 16px; font-weight: 400; color: #111;}

.mypage-table .mypage-sections section .body.section-table{display: table; width: 100%;}
.mypage-table .mypage-sections section .body.section-table .section-table-head{display: table-header-group;}
.mypage-table .mypage-sections section .body.section-table .section-table-head .section-cell{display: table-cell; text-align: center; font-size: 16px; color: #666; padding: 20px 0; border-bottom: 1px solid #ddd;}
.mypage-table .mypage-sections section .body.section-table .section-table-body{display: table-row-group;}
/*.mypage-table .mypage-sections section .body.section-table .section-table-body.none-item{display: block; width: 100%; text-align: center; padding: 30px; font-size: 16px; font-weight: 500;}*/
.mypage-table .mypage-sections section .body.section-table .section-table-body .section-table-row{display: table-row;}
.mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell{display: table-cell; border-bottom: 1px solid #ddd; font-size: 16px; color: #111; font-weight: 400; padding: 20px 0; border-bottom: 1px solid #ddd; text-align:center;}
.mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell .img{max-width: 100px; display: inline-block;}
.mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell .description{display: inline-block;}
.mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell .img img{width: 100%; max-width: 100%;}
.mypage-table .mypage-sections section .body.section-table .section-table-body .section-cell.t-left{text-align: left;}
.none-item{text-align: center; padding: 16px 0; font-size: 16px; font-weight: 500; border-bottom: 1px  solid #ddd;}

/* 기본 게시판 스타일*/
.notice_style .list-board .wr-num{width:7%}
.notice_style .list-board .wr-name{width:12%}
.notice_style .list-board .wr-hit{width:9.5%}
.notice_style .list-board .wr-date{width:12%}
.inquiry_style .list-board .wr-num{width:5%}
.inquiry_style .list-board .wr-date{width:12%}
.inquiry_style .list-board .wr-name{width:12%}
.inquiry_style .list-board .wr-1{position:relative; width:12%}

.board_style .div-head{padding:15px 0; border-top:2px solid #333; border-bottom:1px solid #dcdcdc; background-color:#fafafa}
.board_style .div-head > span{font-weight:500; font-size:19px; color:var(--main-point-color)}
.board_style .div-head > span a{color:var(--main-point-color)}
.board_style .list-board .list-body li{border-bottom:1px solid #dcdcd}
.board_style .list-board .list-body li.bg-light{background-color:#fff}
.board_style .list-board .list-body li:hover{background-color:#fff}
.board_style .list-board .list-body li > div{height:auto; padding:17px 0; font-size:17px; line-height:1; color:#666}
.board_style .list-board .list-body li > div > a{color:#666}
.board_style .list-board .list-body li > div > span{font-weight:400}
.board_style .list-board .list-body .wr-name{text-align:center}
.board_style .list-board .wr-secret{width:11px; height:14px; margin:0 5px 2px 0; background-size:contain}
.board_style .list-board .wr-notice{width:42px; height:19px}

.inquiry_style .list-board .wr-1 > span{display:inline-block; position:absolute; top:50%; left:50%; width:77px; margin:-15px 0 0 -38.5px; border:1px solid #929292; font-weight:500 !important; font-size:13px; line-height:30px}
.inquiry_style .list-board .wr-1 .grey{color:#777}
.inquiry_style .list-board .wr-1 .orange{border-color:#ff7800; color:#ff7800}
.inquiry_style .list-board .wr-1 .purple{border-color:#9963db; color:#9963db}
.inquiry_style .list-board .wr-1 .red{border-color:#ef0000; color:#ef0000 !important}

/* 글 작성 폼 html > skin > board > basic*/
.inquiry_box{margin-bottom:20px}
.inquiry_box:after{display:block; content:""; clear:both}
.write-wrap .inquiry_box > label{float:left; width:110px; margin-top:0; font-weight:500; line-height:50px; font-size:18px; color:#888}
.inquiry_box .inquiry_sort .sp-label{margin-top:0; line-height:50px; font-size:15px; color:#666}
.inquiry_box .answer{float:left; width:calc(100% - 110px)}
.inquiry_box .answer:after{display:block; content:""; clear:both}
.inquiry_box .answer input[type="text"], .inquiry_box .answer input[type="password"]{width:50%; padding-left:20px; border:1px solid #dcdcdc; border-radius:7px; line-height:50px; font-size:18px; color:#333}
.inquiry_box .answer textarea{padding:20px; border:1px solid #dcdcdc; border-radius:7px !important; font-size:18px; line-height:1.3; color:#333; -webkit-box-shadow:none; box-shadow:none; resize:none}
.inquiry_box .answer select{width:50%; height:50px; padding:0 20px; border:1px solid #dcdcdc; border-radius:7px; font-size:18px; line-height:50px; color:#333}
.inquiry_box .answer select{width:50%; height:50px; padding:0 20px; border:1px solid #dcdcdc; border-radius:7px; font-size:18px; line-height:50px; color:#333}
.inquiry_box.top_select .answer{width:calc(50% - 55px); margin-right:20px;}
.inquiry_box.top_select .answer select{width:100%;}
.inquiry_box.top_select .inquiry_sort{float:left; width:calc(50% - 75px);}
.inquiry_box .answer .file_input{float:left; width:50%}
.inquiry_box .answer .file_input .row{margin-right:0; margin-left:0}
.inquiry_box .answer .file_input .row input[type="file"]{width:50%; padding-left:20px; border:1px solid #dcdcdc; border-radius:7px; line-height:50px; font-size:18px; color:#333}
.inquiry_box .answer .file_input .row .file_content{width:100%; margin-bottom:15px}
.inquiry_box .answer .file_input .row .file_content > label{width:130px; border-top-left-radius:7px; border-bottom-left-radius:7px; background:#dddddd; color:#666666; font-size:18px; text-align:center; font-weight:400; height:50px; line-height:50px; float:left; cursor:pointer; margin-top:0;}
.inquiry_box .answer .file_input .row .file_content > div.right_file{width:calc(100% - 130px); float:left;}
.inquiry_box .answer .file_input .row .file_content > div.right_file input{border-radius:0 7px 7px 0; border:1px solid #dcdcdc; height:50px; line-height:50px;border-left:0; display:block; width:100%; padding-left:15px; font-size:18px; outline:none; box-shadow:none; }
.inquiry_box .answer .file_input #variableFiles td{padding-bottom:0}
.inquiry_box .answer .file_input #variableFiles input[type=file]{display:none;}
.inquiry_box .answer .file_input #variableFiles .col-sm-12{padding:0; margin-top:5px;}
.inquiry_box .answer .file_control{float:left; width:48%; margin-left:2%}
.inquiry_box .answer .file_control .form-control-static{padding:0; line-height:50px}
.inquiry_box .answer .label_check{display:inline-block; height:50px; line-height:50px;}
.inquiry_box .answer .label_check input{display:none;}
.inquiry_box .answer .label_check input + label{margin-left:10px; cursor:pointer;}
.inquiry_box .answer .label_check input + label span{display:inline-block; width: 17px; height: 17px; color: #ccc;
background:url('/img/search_check.png') no-repeat 0 0; text-align: center;line-height: 25px; position:relative; top:4px; margin-right:3px;}
.inquiry_box .answer .label_check input:checked + label span{background:url('/img/search_check_on.png');}

.write-wrap .write-btn.btn_write{margin:50px 0 100px}
.write-wrap .write-btn.btn_write .btn{display:inline-block; width:175px; padding:0; border-radius:30px !important}
.write-wrap .write-btn.btn_write .btn:focus{outline: none;}
.write-wrap .write-btn.btn_write .btn + .btn{margin-left:10px}
.write-wrap .write-btn.btn_write .btn span{display:block; font-weight:500; font-size:17px; line-height:58px}

/* 뷰페이지 폼 */
.view_style{}
.view_style .view_title{padding:17px 0; border-top:2px solid #333; border-bottom:1px solid #dcdcdc}
.view_style .view_title:after{display:block; content:""; clear:both}
.view_style .view_title .view_subject{float:left; padding-left:10px; font-weight:500; font-size:18px; color:var(--main-point-color)}
.view_style .view_title .view_info{float:right}
.view_style .view_title .view_info > span{display:inline-block; padding:0 10px; font-size:16px; line-height:1.2; color:#666}
.view_style .view-padding{padding:15px}
.view_style .view-padding .view-content{min-height:100px; font-size:14px;}
.view_style .view-padding .view-content .h3_title {border-radius: 10px; overflow: hidden;}
.view_style .view-padding .view-content .btn_round {border-radius: 15px; overflow: hidden;}
.view_style .view-padding .view-content .btn_round span {vertical-align: inherit;}

/* 뷰 코멘트 */
.view_style .comment-media{margin:0; padding:0; border-top:2px solid #333;}
.view_style .comment-media .media{margin:0; padding:20px 0 !important}
.view_style .comment-media .media_border{border-bottom:1px solid #dcdcdc}
.view_style .comment-media .media_border:last-child{border-bottom:0}
.view_style .comment-media .media-heading > b{font-size:14px}
.view_style .comment-media .media-heading .text-muted{font-size:12px}
.view_style .comment-media .media .media-content{font-size:13px}
.view_style .comment-media .comment_revise > a{display:inline-block; margin:0 2px; padding:0 10px; border:1px solid #dcdcdc}
.view_style .comment-media .comment_revise > a > span{display:inline-block; margin:0; font-size:12px; line-height:22px; color:#777}
.view_style .comment-form{padding:0}
.view_style .comment_guest{margin:0; margin-bottom:5px}
.view_style .comment_guest .col-xs-6{width:49.5%; padding:0}
.view_style .comment_guest .col-xs-6 + .col-xs-6{margin-left:1%}
.view_style .comment_guest .col-xs-6 .input-group-addon{border-color:#dcdcdc}
.view_style .comment_guest .col-xs-6 input{border:1px solid #dcdcdc; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
.view_style .comment-box{padding:20px 30px; border:0; border-top:1px solid #dcdcdc; background-color:#fcfcfc}
.view_style .comment-box .comment-content{display:block;}
.view_style .comment-box .comment-content:after{display:block; content:""; clear:both}
.view_style .comment-box .comment-content .comment-cell{display:block; float:left; width:90%}
.view_style .comment-box .comment-content .comment-cell textarea{padding:10px; border:1px solid #e5e5e5; font-size:14px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
.view_style .comment-box .comment-content .comment-cell.comment-submit{width:9%; margin-left:1%; border:0; border-radius:10px; background-color:#222; font-size:16px; color:#fff; height: 127px; line-height: 127px;}
.view_style .comment-box .comment-btn input[type=checkbox]{margin: 0 0 0 -20px; height: auto;}

/* 비밀번호 입력 안내창 html > skin > member > basic > password_skin.php */
/* 2025-03-28 (주)파이브센스_FIVESENSES.Corp. */
.password_confirm{width:100%; max-width:1200px; margin:0 auto; background-color: #f9f9f9; border-radius: 30px; padding: 80px 15px;}
.password_confirm .confirm_title{margin-bottom:25px; text-align:center}
.password_confirm .confirm_title > h2{margin-top:20px; font-weight:700; font-size:33px; color:var(--main-point-color)}
.password_confirm .confirm_wrap > p{margin-bottom:40px; font-size:17px; line-height:1.7; color:#5d5d5d; font-weight: 400; text-align: center;}
.password_confirm .confirm_wrap > p strong{font-weight: 400;}
.password_confirm .confirm_wrap > p b{font-weight: 700; color: var(--main-point-color);}
.password_confirm .confirm_input > label{width:100%}
.password_confirm .confirm_input > label > input{width:100%; max-width: 460px; display: block; height:auto; padding:0 15px; margin: 0 auto; border:1px solid #eaeaea; border-radius:10px; background:url('/img/icon_secret.gif') no-repeat 97% 50%; background-color: #fff; line-height:48px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; font-size: 16px; font-weight: 400; color: #5d5d5d;}
.password_confirm .confirm_input > label > input:focus{border-color: #5d5d5d;}
.password_confirm .confirm_input > label > input::placeholder{color: #c2c2c2;}
.password_confirm .confirm_input .confirm_btn_box{margin-top:10px}
/* (주)파이브센스_FIVESENSES.Corp. 2025-02-28 */
/* .password_confirm .confirm_input .confirm_btn_box .btn_confirm{display:block; width:100%; border:0; border-radius:10px; font-size:18px; line-height:50px; color:#fff; padding-bottom: 0;} */
.password_confirm .btn_back{margin:10px auto 0; text-align:center; display: flex; align-items: center; justify-content: space-between; max-width: 460px; gap: 10px;}
.password_confirm .btn_back > a{border: none;}
.password_confirm .btn_back .btn{flex: 1; border-radius: 10px !important; text-align: center; color: #5d5d5d; font-size: 16px; font-weight: 500; background-color: #f0f0f0; line-height: 1.2em; padding: 15.5px 12px; transition: 0.2s ease-in-out;}
.password_confirm .btn_back .btn:hover{background-color: #dbdbdb;}
.password_confirm .btn_back .btn.btn_confirm{color: var(--main-point-color-hover); background-color: transparent; position: relative; overflow: hidden; z-index: 1;}
.password_confirm .btn_back .btn.btn_confirm::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--main-point-bg-soft-color);z-index: -1;transition: filter 0.2s ease-in-out;}
.password_confirm .btn_back .btn.btn_confirm:hover::before{filter: brightness(90%) contrast(120%) saturate(150%);}

@media (max-width: 991px){
    .password_confirm{padding: 114px 45px; border-radius: 13px;}
    .password_confirm .confirm_title img{height: 45px;}
    .password_confirm .confirm_title > h2{font-size: 23px;}
    .password_confirm .confirm_wrap > p{font-size: 13px; margin-bottom: 35px;}
    .password_confirm .confirm_input > label > input{border-radius: 5px; font-size: 12px; line-height: 38px;}
    .password_confirm .confirm_input > label > input:focus{border-color: #000;}
    .password_confirm .btn_back{margin: 15px auto 0; gap: 13px;}
    .password_confirm .btn_back .btn{font-size: 13px; border-radius: 5px !important; padding: 12.5px 12px;}

    .view_style .view-padding .view-content span {vertical-align: middle; line-height: 1.5;}
}

/* review html > skin > apms > use > basic > use~~*/
.review_search.use-box{margin:0; margin-bottom:60px; padding:40px 50px; border:0; border-radius:13px; background-color:#f4f4f4}
.review_search .row{position:relative; margin:0}
.review_search .col-sm-3{width:20.1%; padding:0}
.review_search .col-sm-3 + .col-sm-3{margin-left:2.6%}
.review_search .col-sm-3.review_input{width:54.6%}
.review_search .col-sm-3.btn_search{position:absolute; right:0; width:50px; margin-left:0}
.review_search .form-group{margin-bottom:0}
.review_search .form-group .input-sm{height:50px; padding:0 15px; border:0; border-bottom:1px solid #333; line-height:50px; font-size:18px; color:#666; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff;
background:transparent url(https://fivepro.co.kr/img/arr_sort.png) no-repeat 95% 50%; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.review_search .form-group select.input-sm{cursor:pointer;}
.review_search .form-group .input-sm::-ms-expand{display:none}
.review_search .review_input .form-group .input-sm{background:transparent none}
.review_search .form-group .btn{padding:14px 0; border:0; background-color:transparent}
.review_search .form-group .btn:focus{outline: none;}
.review_total.div-box-light{margin-bottom:60px; padding:0; font-size:22px; color:#333; background-color:#fff; border-left:0; text-align:center}
.review_total b{font-weight:500}

.review_list.use-media .media{margin:0; margin-bottom:0; padding:30px 0; border-bottom:1px solid #d7d7d7}
.review_list.use-media .media:first-child{border-top:1px solid #d7d7d7}
.review_list .media .photo{margin-right:26px}
.review_list .media .photo a{display:block}
.review_list .media .photo img{width:100% !important; height:100% !important; border-radius:0}
.review_list .media .photo i{border-radius: 50%;background: rgb(245, 245, 245);padding: 15px;width: 64px;height: 64px;text-align: center;color: rgb(143, 143, 143);font-size: 30px !important;display: inline-block;}
.review_list .media .review_tit{margin-bottom:8px; font-weight:600; font-size:16px; color:var(--main-point-color);
overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2; height:1.2em}
.review_list.use-media .media .media-info{padding:0; padding-bottom:15px; line-height:1}
.review_list .media-info > div{display:inline-block; margin-left:10px; padding-left:18px; font-size:14px; color:#999}
.review_list .media-info .fa-star{font-size:14px;}
.review_list .media-info .review_id{background:url(https://fivepro.co.kr/img/icon_nickname.png) no-repeat 0 50%}
.review_list .media-info .review_date{background:url(https://fivepro.co.kr/img/icon_date.png) no-repeat 0 50%}
.review_list .media .media-body .media-content{padding-bottom:16px} 
.review_list .media-content .text-muted{font-size:14px; color:#666}
.review_list .media .media-heading{padding-left:16px; background:url(https://fivepro.co.kr/img/icon_item.png) no-repeat 0 50%; line-height:1;}
.review_list .media .media-heading .text-muted{font-size:14px; line-height:1.3; color:#666}


/*faq html > skin > faq > basic > list.skin.php*/
.faq_box{width:100%;}
.faq_box .faq_category{width:100%; margin-bottom:120px;}
.faq_box .faq_category ul{list-style:none; text-align:center;}
.faq_box .faq_category ul li{display:inline-block; padding:0 10px;}
.faq_box .faq_category ul li.img_posi img{position:relative; top:4px;}
.faq_box .faq_category ul li.icon_img a{display:block; width:120px; height:120px; border-radius:50%; border:1px solid #e8e8e8;}
.faq_box .faq_category ul li.icon_img a img{padding-top:15px; display:block; margin:0 auto 10px;}
.faq_box .faq_category ul li.icon_img a p{color:#b8b8b8; font-size:15px;}
.faq_box .faq_category ul li.last_customer{position:relative; top:-25px;}
.faq_box .faq_category ul li.last_customer a{background:#f4919c; border:1px solid #f4919c; width:120px; height:120px; border-radius:50%; display:block;}
.faq_box .faq_category ul li.last_customer h5{font-size:15px; color:#fff; padding-top:20px; font-weight:500; line-height:22px;}
.faq_box .faq_category ul li.last_customer img{padding-top:0; margin:15px auto 0; display:block;}
.faq_box .faq_category ul li.active a{border:1px solid #808080;}
.faq_box .faq_category ul li.active a p{font-weight:500; color:#222222; font-size:15px;}
.faq_box .div-panel .faq_q_content{position:relative; padding:25px 0 !important; border-top: none !important;}
.faq_box .div-panel .faq_q_content .text{font-size:18px; font-weight:500; color:#222222; margin-top:10px;}
.faq_box .div-panel .faq_a_content .text{color:#888888; font-size:17px; line-height:30px;}
.faq_box .div-panel div.text{float:left; width:calc(100% - 120px);}
.faq_box .div-panel .faq_q_content .faq_arrow_icon{position:absolute; top:50%; right:35px; transform:translateY(-50%);}
.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{float:left; width:120px; text-align:center;}
.faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span{width:43px; height:43px; line-height:40px;
font-size:20px; font-weight:500; border:1px solid #f1f1f1; border-radius:50%; display:inline-block; color:#666666;}
.faq_box .div-panel .faq_a_content .faq_icon span{color:#fff;}
.faq_box .div-panel .faq_a_content{padding:25px 0; background:#f9f9f9;  }
.faq_box .div-panel.panel-group .panel-heading a.active{border-bottom: none !important;}

.faq_box .div-panel .faq_a_content .h3_title {border-radius: 10px; overflow: hidden;}
.faq_box .div-panel .faq_a_content .h3_title thead th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.faq_box .div-panel .faq_a_content .h3_title thead th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/*1:1문의 커스텀 시작 html > skin > qa > basic > list.skin.php */
.qsearch-box.use-box.review_search{}
.qsearch-box.use-box.review_search .row{margin:0 auto !important; width:54%;}
.qsearch-box.review_search .col-sm-3.review_input, .qsearch-box.review_search .col-sm-3.review_input .input-group{width:100%;}
.qa_write .inquiry_box .answer .file_input{width:100%;}
.qa_write .inquiry_box .answer .file_input .row .file_content{width:50%; float:left;}
.qa_write .inquiry_box .answer .label_check{margin-left:10px;}

/*모바일 사이드바 html > thema > fivesense-basic > widget > miso-sidebar > widget.php*/
#sidebar-box div.sidebar-content{padding:0px}
#sidebar-cart-list{padding:15px 10px 0}
#sidebar-search{padding:15px 10px 0}
.sidebar_custom{background-color:#4a4a4a}
.sidebar_custom .sb_header{padding-left:10px; border-bottom:1px solid rgba(34, 34, 34, 0.3)}
.sidebar_custom .sb_header:after{display:block; content:""; clear:both}
.sidebar_custom .sb_header .sidebar_log_box{float:left}
.sidebar_custom .sb_header .sidebar_close{float:right; width:55px; height:42px; text-align:center; cursor:pointer}
.sidebar_custom .sb_header .sidebar_close i{font-size:20px; line-height:42px; color:#fff}
.sidebar_custom .sb_header div > a{display:inline-block; font-size:15px; line-height:42px; color:#fff}
/* .sidebar_custom .sb_header > a + a{margin-left:8px} */
.sidebar_custom .sb_quickmenu > ul{list-style:none;}
.sidebar_custom .sb_quickmenu > ul:after{display:block; content:""; clear:both}
.sidebar_custom .sb_quickmenu > ul > li{float:left; width:25%}
.sidebar_custom .sb_quickmenu > ul > li + li{border-left:1px solid rgba(34, 34, 34, 0.3)}
.sidebar_custom .sb_quickmenu > ul > li a{display:block; padding:50px 0 18px; background:url('/img/btn_mhdDelivery.png') no-repeat 50% 24%; background-size:35px; text-align:center}
.sidebar_custom .sb_quickmenu > ul > li:nth-child(2) a{background-image:url('/img/btn_mhdMypage.png'); background-size:24px}
.sidebar_custom .sb_quickmenu > ul > li:nth-child(3) a{background-image:url('/img/btn_mhdCart.png'); background-size:19px; /* background-image:url('/img/btn_hdCart.png');  background-size:42% */}
.sidebar_custom .sb_quickmenu > ul > li:nth-child(4) a{background-image:url('/img/btn_mhdCustomer.png'); background-size:31px;}
.sidebar_custom .sb_quickmenu > ul > li a .tit{display:inline-block; font-weight:500; font-size:12px; color:rgba(255, 255, 255, 0.65)}

#sidebar-box .sidebar-menu{padding-left:20px}
#sidebar-box .sidebar-menu .panel .ca-head > a{padding:0; padding-right:20px; font-size:15px; line-height:50px; color:#222}
#sidebar-box .sidebar-menu .panel .ca-sub li{padding:0; border-bottom:0;}
#sidebar-box .sidebar-menu a{padding:0 20px; font-size:14px; line-height:45px; color:#666}

#sidebar-box .sidebar_search .row > div select, #sidebar-box .sidebar_search div input[type="text"]{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}

/*게시판 댓글 커스텀*/
.responsive .view-comment{display:block; border-bottom:1px solid #151515; padding-bottom:20px; font-size:16px;}
.responsive .comment-media .media{padding:20px 0;}
.responsive .comment-media .media:first-child{padding:20px 0;}
.responsive .no_login_comment{box-shadow:none; -webkit-box-shadow:none; border:1px solid #d7d7d7; background:#f6f6f6;}
.responsive .no_login_comment a{color:#777777; font-size:14px; display:inline-block; line-height:20px;}
.responsive .no_login_comment img{position:relative; margin-top:-5px; margin-right:5px;}

/*갤러리형 게시판*/
.fix_gallery_content{margin-top:15px;}
.fix_gallery_content h5{font-size:18px; color:var(--main-point-color); font-weight:500;}
.fix_gallery_content p{font-size:14px; color:#666666; margin-top:10px; }
.fix_gallery_content .gallery_des{font-size:14px; color:#666666; margin-top:10px; }



/*상품리뷰 새창띄우기 CSS html > skin > apms > use > basic > useform.skin.php */
.use_form_box{width:100%;}
.use_form_box .use_form_star{width:100%; min-height:150px; text-align:center;}
.use_form_box .use_form_star h1{font-size:24px; color:var(--main-point-color); font-weight:500; margin:30px auto 20px;}
.use_form_box .use_form_star .star_contents{width:100%;}
.use_form_box .use_form_star .star_contents i{font-size:40px; display:inline-block; margin:0 3px; cursor:pointer;}
.use_form_box .use_form_evaluation{width:100%;}
.use_form_box .use_form_evaluation:before,
.use_form_box .use_form_evaluation:after{content:""; background:#f4f4f4; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:10px; width:100%;
display:block;}
.use_form_box .use_form_evaluation .use_form_table{display:table;padding:20px 0; text-align:center; width:100%;}
.use_form_box .use_form_evaluation .use_form_table > li{display:table-cell; vertical-align:middle; width:33.33333%; position:relative; padding:0 10px;}
.use_form_box .use_form_evaluation .use_form_table > li:after{position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; background:#d7d7d7; height:100px;
content:"";}
.use_form_box .use_form_evaluation .use_form_table > li:last-child:after{display:none;}
.use_form_box .use_form_evaluation .use_form_table > li h5{font-size:20px; color:#000; font-weight:500; margin-bottom:15px;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box{display:table; text-align:center; width:100%;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div{display:table-cell; vertical-align:middle;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div input{display:none;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div input + label{display:block; margin:0 auto; cursor:pointer;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div input + label p{font-size:12px; color:#666666; font-weight:500; margin-top:5px;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div input + label span{display:block; width:36px; height:36px; margin:0 auto;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div.table_radio01 input + label span{background:url('https://fivepro.co.kr/img/review_good_off.png') no-repeat;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div.table_radio02 input + label span{background:url('https://fivepro.co.kr/img/review_normal_off.png') no-repeat;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div.table_radio03 input + label span{background:url('https://fivepro.co.kr/img/review_bad_off.png') no-repeat;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div.table_radio01 input:checked + label span{background:url('https://fivepro.co.kr/img/review_good.png') no-repeat;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div.table_radio02 input:checked + label span{background:url('https://fivepro.co.kr/img/review_normal.png') no-repeat;}
.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div.table_radio03 input:checked + label span{background:url('https://fivepro.co.kr/img/review_bad.png') no-repeat;}
.use_form_box .use_form_review{width:100%; padding:25px;}
.use_form_box .use_form_review > h3{font-size:20px; font-weight:500; color:#000; margin-bottom:10px;}
.use_form_box .use_form_review > input{display:block; border:1px solid #d7d7d7; font-size:18px; font-weight:500; height:50px; line-height:50px; padding-left:20px; margin-bottom:10px;
width:100%; outline:none; box-shadow:none;}
.use_form_box .use_form_review > input::placeholder{color:#999;}
.use_form_box .use_form_btn_box{width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f4f4f4; padding:10px;}
.use_form_box .use_form_btn_box .use_form_btn{width:100%;}
.use_form_box .use_form_btn_box .use_form_btn button{height:60px; line-height:60px; background:#fff; border:1px solid #252525;  color:#000000; font-size:20px; font-weight:500;
width:49%; margin-right:2%; float:left;}
.use_form_box .use_form_btn_box .use_form_btn button.confirm{background:#252525; color:#fff; margin-right:0;}

/*상품문의 새창띄우기 CSS html > skin > apms > qa > basic > qaform.skin.php*/
.qa_form_parent_box{width:100%;}
.qa_form_parent_box .qa_form_parent_body{width:100%;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box{width:100%;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head{width:100%; text-align:center; padding:0 30px;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head h1{font-size:24px; color:#000000; font-weight:500; margin:30px auto 20px;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head .qa_caption{width:100%; border:1px solid #f94556; min-height:100px; display:table; margin-bottom:10px;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head .qa_caption > div{display:table-cell; vertical-align:middle;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head .qa_caption > div.left_caption{width:70px; text-align:right;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head .qa_caption > div.left_caption > span{display:inline-block; width:30px; height:30px; border:2px solid #f94556;
line-height:26px; font-size:20px; font-weight:bold; border-radius:50%; text-align:center; color:#f94556;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head .qa_caption > div.right_caption{text-align:left; padding-left:20px; color:#222222; font-size:16px;
line-height:26px;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body{width:100%; padding:0 30px; }
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body .qa_form_content{width:100%; border:1px solid #d7d7d7; height:50px; line-height:50px; margin-bottom:10px;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body .qa_form_content > label{width:85px; float:left; font-size:18px; font-weight:500; color:#222222; padding-left:20px; 
position:relative;}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body .qa_form_content > label:after{content:""; width:1px; height:15px; background:#d7d7d7; position:absolute;
right:0; top:50%; transform:translateY(-50%);}
.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body .qa_form_content > input{display:block; width:calc(100% - 85px); padding-left:20px;
height:48px; line-height:48px; border:0; outline:none; box-shadow:none; font-size:18px; font-weight:500;}

.qa_form_parent_box .qa_secret{margin-bottom:20px;}
.qa_form_parent_box .qa_secret > input {margin-top:0; vertical-align:middle; display: none;}
.qa_form_parent_box .qa_secret > input + label {margin:0; font-size:12px; font-weight: 400; color:#111; padding-left: 25px; position: relative; cursor: pointer; line-height: 15px;}
.qa_form_parent_box .qa_secret > input + label:after{/* font-family: 'xeicon' !important; content: "\e929"; */ content:''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; color: #ccc; background:url('/img/search_check.png') no-repeat 0 0; text-align: center;line-height: 25px;}
.qa_form_parent_box .qa_secret > input:checked + label:after{background:url('/img/search_check_on.png') no-repeat;}
.qa_form_box .qa_form_btn_box{width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f4f4f4; padding:10px;}
.qa_form_box .qa_form_btn_box .qa_form_btn{width:100%;}
.qa_form_box .qa_form_btn_box .qa_form_btn button{height:60px; line-height:60px; background:#fff; border:1px solid #252525;  color:#000000; font-size:20px; font-weight:500;
width:49%; margin-right:2%; float:left;}
.qa_form_box .qa_form_btn_box .qa_form_btn button.confirm{background:#252525; color:#fff; margin-right:0;}


@media (max-width:991px){

	/*mobile*/
	
	/*sub_text 서브페이지 제목 폰트*/
	.sub_text{margin:30px 0;}
	.sub_text h1{font-size:26px; font-weight:500;}
	.sub_text p{font-size:14px; margin-top:10px;}
	/* .sub_menu_box .cate_ul{margin-bottom:35px; text-align:left; overflow:hidden; padding-bottom:1px;}
	.sub_menu_box .cate_li{width:25%; float:left;}
	.sub_menu_box .cate_li + .cate_li{margin-left:-1px; }
	.sub_menu_box .cate_li:nth-child(5n){margin-left:0;}
	.sub_menu_box .cate_li a{padding:0 10px; font-size:14px; line-height:42px; display:block; margin-bottom:-1px;} */
	.mob_txt{margin-bottom:10px; padding:0; font-size:13px; line-height:1.3; color:#666}
	.mob_txt .fa-lg{font-size:1em; line-height:1; vertical-align:4%}

	/*상품리스트페이지 */
	.fix_category .list_category_ul{margin-bottom:35px;}
	.fix_category .list_category_ul > li{width:33.333333333%;}
	.fix_category .list_category_ul > li > a{font-size:14px; text-align:left; padding-left:10px; line-height:40px; 
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;}
	.fix_category .list_sort{padding:10px 0; margin-bottom:20px;}
	.fix_category .list_sort .left_sort{font-size:12px; float:none; margin-bottom:10px;}
	.fix_category .list_sort .right_sort{font-size:12px; float:none;}
	.fix_category .list_sort .right_sort > a{font-size:12px; padding:0 5px;}
	.fix_category .list_sort .right_sort > a:first-child{padding:0 5px 0 0;}
	.fix_category .list_sort .right_sort > a:last-child{padding:0 0 0 5px;}
	.list-page{margin:30px 0 !important;}

	/*검색페이지*/
	.search_page{margin-bottom:20px; padding:15px; border:1px solid #d7d7d7}
	.search_page .search_group + .search_group{margin-top:15px}
	.search_page .search_group:after{display:none}
	.search_page .search_group .search_label{float:none; width:100%; margin-bottom:10px}
	.search_page .search_group .search_label b{margin-left:0; padding-left:10px; font-size:13px; line-height:1}
	.search_page .search_group .search_input{float:none; width:calc(100% - 10px); margin-left:10px}
	.search_page .search_group .search_input input[type="text"]{padding:0 5px; font-size:14px; line-height:24px}
	.search_page .search_group .search_input input[type="checkbox"] + label span{width:12px; height:12px; margin-bottom:2px; background-size:contain}
	.search_page .search_group .search_input input[type="checkbox"] + label{padding-right:15px; font-size:14px; line-height:24px}
	.search_page .search_group .search_input input[type="checkbox"]:checked + label span{background-size:contain}
	.search_page .search_group .search_input > span{width:6%; margin-left:-4px; font-size:14px}
	.search_page .search_group .search_input .label-none{width:47%}
	.search_page .search_group .search_input .label-none:last-child{margin-left:-4px}
	.search_page .search_group .search_input .search_txt{width:100%}
	.search_page .search_group .search_input .search_btn{width:100%; margin-left:0}
	.search_page .search_group .search_input .search_btn button{width:100%; margin-top:15px;}
	.search_page .search_group .search_input .search_btn button span{padding-right:20px; background-size:13px; font-size:14px; line-height:32px}
	.search_page .search_group .search_input .help-block{margin-bottom:0; font-size:12px}
	.search_sort_wrap .item_search_sort{width:120px}
	.search_sort_wrap .item_search_sort select{height:25px; font-size:14px; line-height:25px;}

	/*기획전*/
	.at-content.ev_id_cont{padding-top: 0;}
	.div-title-wrap{margin-bottom:14px}
	.div-title-wrap .div-title > a{font-size:15px}
	.event_con{margin:0}
	.ev_id_tit{padding:35px 0}
	.ev_id_tit .txt{font-size:18px}
	.sev_himg{margin-bottom:35px; width: calc(100% + 30px); margin-left: -15px;}

	/*상품상세페이지*/
	.item_detail .img-container{width:100%;}
	.item_detail .modal-img-box.left-box{display:block;}
	.item_detail.item-wrap{overflow:visible}
	.responsive .item_detail .item-head{margin-bottom:10px}
	.item_detail #sit_pvi_thumb{padding:10px 0; border-bottom:0;}
	.item_detail #sit_pvi_thumb a + a{margin-left:5px}
	.responsive .item_detail .item-head .form-container{background:#fff; border-top:1px solid #e7e7e7}
	.responsive .item_detail .item-head .text{padding:15px 0 10px}
	.item_detail .label-tack{padding-bottom:5px}
	.item_detail .label-tack .sit_icon{height:14px}
	.item_detail .label-tack .sit_icon > img{display:inline-block; height:14px}
	.item_detail .item-head h1{font-size:18px}
	.item_detail .item-head .desc{font-size:15px}
	.item_detail .item-head .option-line{margin:12px 0 0}
	.item_detail .item-head .option-tbl{margin-bottom:15px; font-size:14px}
	.item_detail .item-head .option-tbl th{width:75px; padding-top:10px;}
	.item_detail .item-head .option-tbl td{padding-top:10px;}
	.item_detail .list-group-item{padding:5px}
	.item_detail .list-group-item .col_tit{padding-bottom:10px}
	.item_detail .list-group-item .col_count{width:100%}
	.item_detail .item-head .list-group-item .col-sm-6{padding:5px 15px; font-size:12px; color:#333}
	.item_detail .item-head .list-group-item .col-sm-7, .item_detail .item-head .list-group-item .col-sm-7{padding:5px 15px; font-size:12px; line-height:1.2; color:#333}
	.item_detail .list-group-item .row .col-sm-7{width:100%}
	.item_detail .list-group-item .row .col-sm-5{width:100%}
	.item_detail .item-head .it_opt_subj{font-size:12.5px}
	.item_detail .item-head .it_opt_prc{font-size:12.5px}
	.item_detail .item-head .price{margin:15px 0 10px}
	.item_detail .price .pull-left b{font-size:22px}
	.item_detail .item-head .pull-left strike{font-size:14px;}
	.item_detail .price .pull-left .dc{margin-left:10px; font-size:16px}
	.item_detail .item-head .price-sum{margin:10px 0 0; font-size:16px}
	.item_detail .item-head .price-sum b{margin-left:10px}
	.item_detail .item-head .price-sum span{font-size:20px}
	.responsive .item_detail .item-head ul.item-form-btn li{width:15%; padding:0}
	.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
	.item_detail .item-head ul.item-form-btn li.btn_one{width:100%}
	.item_detail .item-head ul.item-form-btn li.btn_txt{width:100%; background-color:#fff; font-size:14px; line-height:47px; text-align:center}
	.item_detail .item-head ul.item-form-btn li a{font-size:14px; line-height:45px}
	.item_detail .item-head ul.item-form-btn li input{font-size:16px; line-height:45px}
	.item_detail .item-head .tag{font-size:12px; line-height:1.3}
	.item_detail .item-head .pull-left span.dc_percent{font-size:14px; width:40px; height:20px; line-height:18px; border-radius:7px; top:-2px;}

	.item_detail .panel{margin-bottom:12px}
	.item_detail .item_detail_tab .tabs_box{position:relative; height:42px; margin:0 -15px 0 -15px; padding:0 15px; border-bottom:1px solid #e5e5e5; background-color:#fff}
	.item_detail .item_detail_tab .tabs_box.fixed{left:0; margin:0 auto; -webkit-transform:none; -moz-transform:none; transform:none;}
	.item_detail .item_detail_tab .tabs ul.tabs-top{margin:0 !important}
	.responsive .item_detail .item_detail_tab .tabs ul.tabs-top li{width:25% !important; /* margin-bottom:-1px */}
	.item_detail .item_detail_tab .tabs ul.tabs-top li span{border:0; font-size:14px; line-height:40px}
	.item_detail .item_detail_tab .tabs ul.tabs-top li + li span{border-left:0}
	.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{position:relative; background:#fff; font-weight:400; color:}
	.item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after{display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:3px;}
	.item_detail .item_detail_tab .tabs ul.tabs-top li .orangered{font-weight:400; color:#333}
	.item_detail .item_detail_tab .tabs ul.tabs-top li.on .orangered{font-weight:500; color:#9fc13c}
	/* .item_detail .item_detail_tab .tabs ul.tabs-top li:nth-child(2) span{border-bottom:0}
	.item_detail .item_detail_tab .tabs ul.tabs-top li:nth-child(3) span{border-left:1px solid #e5e5e5} */
	.responsive .item_detail .item_detail_tab .tabs ul.tabs-top{width:100%; margin:0 !important}
	/* .item_detail .item_detail_tab .tab_delivery{position:absolute; bottom:22.5px; right:0; width:calc(50% + 1px)}
	.item_detail .item_detail_tab .tab_delivery span{border:1px solid #e5e5e5; font-size:14px; line-height:40px}
	.item_detail .item_detail_tab .tab_delivery.on span{border:1px solid #e5e5e5} */

	.item_detail .link_con .tbox-body tbody th{width:28%; padding:5px; font-size:12px; line-height:1.3; text-align:center}
	.item_detail .link_con .tbox-body tbody td{padding:5px; font-size:12px; line-height:1.3}
	.item_detail .item_rel_tit{padding:10px 0}
	.item_detail .item_rel_tit h3{font-size:14px}
	.item-wrap .tbox-head{font-size:13px}
	.item-wrap .tbox-body{font-size:12px !important}
	.item_detail .m-review-panel .review-body{padding:0}
	.item_detail #itemuse .list-board,.item_detail #itemqa{width:100%}
	.item_detail .m-review-panel .review-body .cnt-wrap.table .table-cell:first-of-type{border-right:0}
	.item_detail .m-review-panel .review-body .cnt-wrap.table .table-cell.mob_none{display:none}
	.item_detail .m-review-panel .review-body .cnt-wrap.table .table-cell .grade_total{font-size:13px; line-height:1}
	.it_detail_qa .help-block{margin-top:0; margin-bottom:5px; font-size:12px; line-height:1.2}
	.it_detail_qa .div-head{padding:10px 0}
	.it_detail_qa .div-head > span{font-size:12px}
	.it_detail_qa .list-board .board-list li{font-size:13px}
	.item_detail .banner_join.view_pc{display:none}
	.item_detail .banner_join.view_mob{display:block}
	.item_detail .banner_join > a{padding:15px 0; font-size:15px}

	/* 상품 상세 하단 리뷰 */
	.responsive .fix_panel .fix_panel_head{padding-bottom:15px; font-size: 18px; line-height:1}
	.item_detail .m-review-panel .review-body .real-review {padding-bottom:10px}
	.item_detail .m-review-panel .review-body .real-review h4{font-size:14px}
	.item_detail .m-review-panel .review-body .real-review p{font-size: 12px}
	.item_detail .m-review-panel .review-body .item-simple-review{display:block; padding:20px 15px; border-bottom:1px solid #ddd}
	.item_detail .m-review-panel .review-body .item-simple-review .simple-wrap{margin-bottom:5px}
	.item_detail .m-review-panel .review-body .item-simple-review .simple-wrap > div{padding-bottom:5px}
	.responsive .item_detail .m-review-panel .review-body .item-simple-review .simple_wrap{width:100%}
	.item_detail .m-review-panel .review-body .right {display:block; width:100%; padding:15px 0}
	.item_detail .m-review-panel .review-body .right .review_btn h3{margin-bottom:10px; font-size:16px; line-height:1}
	.item_detail .m-review-panel .review-body .right .review_btn a{font-size:14px; border-radius:5px; height:30px; line-height:30px;}
	.item_detail .m-review-panel .review-body .cnt-wrap.table{padding:15px 0;}
	.item_detail .m-review-panel .review-body .cnt-wrap.table .grade_num .grade{margin:15px 0 10px}
	.responsive .item-simple-review .simple_wrap{margin-bottom:10px;}
	.responsive .item-simple-review .simple_wrap > div.left_text{width:22.5%; font-size:12px; }
	.responsive .item-simple-review .simple_wrap > div.center_icon{width:37.5%; font-size:12px}
	.responsive .item-simple-review .simple_wrap > div.center_icon > span{display:inline-block; line-height:24px; vertical-align:middle}
	.responsive .item-simple-review .simple_wrap > div.center_icon > span img{top:-2px}
	.responsive .item-simple-review .simple_wrap > div.right_text{width:40%; font-size:12px}
	.item_detail #itemuse .list-board .board-list li{padding:15px; padding-bottom:15px; font-size:12px}
	.item_detail .list-board .board-list li .content-box .content-txt{font-size:12px; line-height:1.2;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word}
	.item_detail #itemuse .list-board .board-list li .more-btn{margin:0; font-size:12px}
	.item_detail #itemuse .list-board .board-list li .user{margin-top:10px; margin-bottom:0}
	.item_detail #itemuse .list-board .board-list li .user > div + div{margin-left:10px}
	.item_detail .modal-box{background:transparent;}
	.item_detail .modal-box .review-box{border:1px solid #333; border-left:0; border-right:0;}
	.modal-box .modal-text-box{border-bottom:1px solid #333 !important;}
	.item_detail .list-board .board-list li .content-box .content{overflow:hidden;}
	.item_detail #itemuse .list-board .board-list li.none{font-size:12px; padding:25px 0;}
	#itemuse .list-board .board-list li .thumb-box{overflow:hidden; width:100%; margin:15px -0.66% 0}
	#itemuse .list-board .board-list li .thumb-img{display:block; width:32%; float:left; margin:0 0.66%; margin-bottom:5px;}
	#itemuse .list-board .board-list li .thumb-img:nth-child(2n){/* margin-right:0; */}
	#itemuse .list-board .board-list li .thumb-img img{width:100%;}

	.item_detail .it_review_tit{margin-bottom:15px;}
	.item_detail .it_review_tit .thema-color{font-size:15px;}
	.item_detail .it_review_tit .thema-color i + i{margin-left:0}
	.list-board .board-list li{padding:25px 0;}
	.list-board .board-list li.none{font-size:12px}
	.item_detail .it_review_tit .user, .item_detail .it_review_tit .date{margin-left:5px; font-size:12px}
	.item_detail .board-list li .content-box .content_title{margin-bottom:6px; font-size:14px}
	.item_detail .board-list li .content-box .content-txt{font-size:12px}
	.item_detail .board-list li .content-box .thumb-box{margin-top:22px}
	.item_detail .board-list li .content-box .thumb-box .thumb-img + .thumb-img{margin-left:6px}
	.item_detail .use-btn > .pull-left, #itemqa .qa-btn > .pull-left{float:none !important; margin-bottom:28px; text-align:center}
	.item_detail .use-btn > .pull-right, #itemqa .qa-btn > .pull-rigth{float:none !important; text-align:right}
	.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 13px; border-radius:5px !important; font-size:12px; line-height:30px}
	.item_detail .use-btn .btn-box .btn + .btn, #itemqa .qa-btn .btn-group .btn + .btn{margin-left:7px;}
	.item_detail .use-btn .btn-box .review_btn img, #itemqa .qa-btn .btn-group .btn-color img{height:15px; margin-top:-2px}

	.review_modal .review_content .review_text_box .review_good{font-size:12px;}
	.review_modal{width:calc(100% - 30px); height:calc(100% - 150px); max-height:inherit;}
	.review_modal.no_review_img{width:calc(100% - 30px); height:auto;}
	.review_modal .review_content{padding:15px; overflow-x:hidden; overflow-y:scroll; height:100%;}
	.review_modal .review_content .review_img_box{width:100%; float:none; margin-right:0; padding-right:0; margin-bottom:20px; padding-bottom:20px;
	border-bottom:1px solid #e5e5e5; border-right:0;}
	.review_modal .review_content .review_text_box{width:100%; float:none;}
	.review_modal .review_content .review_img_box .review_slider .review_img img{max-width:100%; max-height:100%;}
	.review_modal .review_content .review_text_box .review_content_box .review_txt_box{font-size:12px; height:80px; line-height:18px; }
	.review_modal .review_content .review_img_box .review_slider_btn > a.review_slider_next{right:10px;}
	.review_modal .review_close_btn{width:30px; height:30px; top:-40px; }
	.review_modal .review_close_btn img{width:15px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.review_modal .review_content .review_img_box .review_slider_btn > a img{width:8px !important; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

	/* 상품 상세 하단 문의 */
	.qa_panel.panel{margin:0 0 40px;}
	.qa_panel.panel .panel-heading{margin:25px 0 15px}
	.qa_panel .panel-heading h3{display:block; font-size:18px}
	.qa_panel .panel-heading .help-block{display:block; margin-top:8px; margin-left:0; font-size:12px}
	.qa_panel .list-board .num{width:10%}
	.qa_panel .list-board .subj{padding-left:10px}
	.qa_panel .list-board .name{width:15%}
	.qa_panel .list-board .date{width:15%}
	.qa_panel .list-board .hit{width:15%}
	.qa_panel .div-head{padding:10px 0}
	.qa_panel .div-head > span{font-size:12px}
	.qa_panel .list-board .board-list{margin-bottom:25px}
	.qa_panel .list-board .board-list li.none{padding:25px 0; font-size:12px}
	.qa_panel .list-board .board-list li > a{padding:10px 0}
	.qa_panel .list-board .board-list li > a > div{font-size:12px}
	.qa_panel .list-board .board-list li .media{padding:10px 0; font-size:12px}
	.qa_panel .list-board .board-list li .media .info{margin-bottom:2px}
	.qa_panel .list-board .board-list li .media .hit{width:50px; margin:0 5px}
	.qa_panel .list-board .board-list li .media .img-resize{margin-bottom:10px}
	.qa_panel .list-board .board-list li .media .div-title-wrap{margin-bottom:2px}
	/* 상품 상세 하단 버튼 */
	.btn-group-justified{height:27px}
	.btn-group-justified .btn{font-size:12px;line-height: 1em;}
	/* 포토리뷰 모아보기 */
	.item_detail .fix_panel .photo_review{margin:25px 0}
	.item_detail .fix_panel .photo_review ul{margin:0 -0.5%}
	.item_detail .fix_panel .photo_review ul li{width:19%; margin:2px 0.5%}
	.item_detail .fix_panel .photo_review ul li + li + li + li + li{display:none}
	.responsive .item_detail .fix_panel .photo_review ul li.last_more_btn{display:block; min-height:auto; }
	.responsive .item_detail .fix_panel .photo_review ul li.last_more_btn button{font-size:12px}

	/* 구매버튼 변경 */
	.item_detail .pay_con{position:fixed; left:0; bottom:0; z-index:1000; width:100%; padding-left:0;}
	.item_detail .pay_con .btn_payview{display:block; position:relative; height:10px; margin-bottom:-1px; border-top:1px solid #333; background-color:#fff; text-align:center}
	.item_detail .pay_con .btn_payview > a{display:inline-block; position:absolute; top:-19px; left:50%; height:19px;/*  margin-bottom:-1px; */ transform:translateX(-50%)}
	.item_detail .pay_con .btn_payview > a:after{display:block; content:""; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background-color:#fff}
	.item_detail .pay_con .btn_payview > a img{display:inline-block; height:100%}
	.item_detail .pay_con .pay_tab{display:none; padding:5px 15px 15px;  background-color:#fff}
	.btn_naverpay{margin:0 !important}
	.btn_naverpay_pc{display:none}
	.btn_naverpay_mob{display:block}
	.pay_con .npay_txt{margin-bottom:5px; font-size:12px}

	/*상품 리뷰*/
	.m-review-panel { padding:0px; border:none; margin-bottom:0px; }
	.m-review-panel .event-banner{font-size:14px; line-height: 18px; padding: 20px 0; color: #fff; background-color:#9FC13C;  text-align: center;}
	.m-review-panel .event-banner h3{font-size:17px; margin: 0; line-height: 32px;}
	.m-review-panel .review-body{padding: 25px 15px;}

	.m-review-panel .review-body .real-review {padding-bottom: 25px; border-bottom: 1px solid #ddd; text-align:left; padding:0px 0px 30px 0px  }
	.m-review-panel .review-body .real-review h4{margin-bottom:5px; font-size:15px; font-weight:500;}
	.m-review-panel .review-body .real-review h4 .cnt{font-weight: 400; color: #9FC13C;}
	.m-review-panel .review-body .real-review p{font-size: 13px; color: #666;}

	.m-review-panel .review-body .cnt-wrap.table{display:table; padding: 15px 0; border-bottom: 1px solid #ddd; width: 100%; table-layout: fixed; margin: 0;}
	.m-review-panel .review-body .cnt-wrap.table .table-cell{display:table-cell; width:50%; vertical-align: middle;}
	.m-review-panel .review-body .cnt-wrap.table .table-cell:first-of-type{border-right: 1px solid #ddd;}
	.m-review-panel .review-body .cnt-wrap.table .table-cell h4{font-size: 14px; text-align: center; font-weight: 400; margin: 0 0 15px;}
	
	.m-review-panel .review-body > div { border-right:none; }
	.m-review-panel .review-body > div .table-row{display: table; width: 100%;}
	.m-review-panel .review-body > div .table-row .table-cell ul{height:73px; width: 100%; max-width: 200px; margin: 0 auto 20px;}
	.m-review-panel .review-body > div .table-row .table-cell ul li{float: left; position: relative; width: 10px; height: 100%; margin: 0 10px; margin-bottom:20px;}
	.m-review-panel .review-body > div .table-row .table-cell ul li:before{position:absolute; left: 0; bottom: 0; content: ""; width: 10px; height: 100%; background-color: #ddd; border-radius: 10px; z-index: 1;}
	.m-review-panel .review-body > div .table-row .table-cell ul li:after{position: absolute; bottom: 0; left: 0; height: 0%; width: 10px; background-color: #999; content: ""; border-radius: 10px; z-index: 2;}
	.m-review-panel .review-body > div .table-row .table-cell ul li.active:before{height:100%;}

	.m-review-panel .review-body > div .table-row .table-cell ul li .top_point{display: none;}
	.m-review-panel .review-body > div .table-row .table-cell ul li.active .top_point{background-image: url('/img/point_background.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: bottom; display: inline-block; color: #fff; position: absolute; top: 0; left: -2px; padding: 0 2px; border-radius: 5px; font-size: 13px; width: 16px; height: 26px; text-align: center;}
	.m-review-panel .review-body > div .table-row .table-cell ul li .point_num{position: absolute;bottom: -22px;display: inline-block;width: 20px;left: -5px; font-weight:500; font-size:12px; }

	#itemuse hr { margin-top: 10px; margin-bottom: 10px; }

	#itemuse .list-board, #itemqa { width: calc(100% - 64px); margin: 0 auto; }
	#itemqa{width:100%}
	.list-board .board-list li .review-notice {font-size: 12px;}
	/* .list-board .board-list li .user {width: 100% !important; position: unset !important; margin-top:30px; margin-bottom: 5px;font-size: 12px;} */
	.comment-box {padding: 7px 10px;}
	.comment-box > div input, .comment-box > div button {font-size: 12px;height: 25px;}

	.m-review-panel .review-body .cnt-wrap:after { display:none;  }
	.m-review-panel .review-body .cnt-wrap.table .table-cell { border-right:none; }
	.m-review-panel .review-body .cnt-wrap.table .table-cell:first-of-type { border-right: 1px solid #ddd; }
	.m-review-panel .review-body .cnt-wrap.table .grade_num .grade{margin: 15px 0 17px; font-size:18px; line-height:1; font-weight: 600; color: #222; text-align: center;}
	.m-review-panel .review-body .cnt-wrap.table .grade_num .grade .cur{display:inline-block; margin-right:5px; font-size:28px; color: #111;}
	.m-review-panel .review-body .cnt-wrap.table .grade_star{max-width: 130px; width: 100%; margin: 0 auto;}
	.m-review-panel .review-body .cnt-wrap.table .grade_star img{width: 19%; float: left; margin-right: 1.25%;}
	.m-review-panel .review-body .cnt-wrap.table .grade_star img:last-of-type{margin-right: 0;}
	.m-review-panel .review-body .item-simple-review{padding: 25px 0; display:block ; width:100%; border-right:none; }
	.m-review-panel .review-body .item-simple-review .simple-wrap{ table-layout: fixed;}
	.m-review-panel .review-body .item-simple-review .simple-wrap > div{display:table-cell; vertical-align: middle; padding-bottom: 15px; width: 100%;}
	.m-review-panel .review-body .item-simple-review .simple-wrap .s-label{width: 140px; text-align: center; }
	.m-review-panel .review-body .item-simple-review .simple-wrap .s-label span{width: 100px; margin: 0 20px; text-align: center; display: inline-block; border: 1px solid #111; border-radius: 50px; font-size: 13px; line-height: 26px; }
	.m-review-panel .review-body .item-simple-review .simple-wrap .s-content{position: relative;}
	.m-review-panel .review-body .item-simple-review .simple-wrap .s-content:after{position: absolute; content: ""; display: block; width: 100%; height: 1px; top:13px; border-bottom: 1px dashed #ddd;}
	.m-review-panel .review-body .item-simple-review .simple-wrap .s-content span{position: relative; z-index: 1; background-color:#fff; font-size: 13px; line-height: 26px; display: inline-block; padding: 0 10px;}
	.m-review-panel .review-body .item-simple-review .simple-wrap .s-content span b{font-size: 16px; font-weight: 500;}
	.modal-box { width:100%; max-width:100%;  height: 100vh; background-color: #333; z-index: 99999999; }
	.modal-box .left-box {border-right:0;}
	.modal-box .right-box, .modal-box .left-box {width: 100%;max-width: 300px;margin: 0 auto;float: none; background:#fff;}
	.modal-box .review-box, .modal-box .modal-text-box, .item_detail .modal-box .modal-text, .modal-box .modal-title,
	.modal-box .modal-name, .modal-box .modal-content-head{color:#333 !important;}
	.modal-comment-box, .modal-box .modal-content-box {padding-bottom: 0;}
	.modal-box .close-btn { top: 15px; right: 10px; color: #333;}

	.modal-box .left-box {position: absolute;width: 100%;max-width: 100%;height: 100%;top: 0;}
	.modal-comment-box, .detail-box, .modal-box .modal-score, .modal-data {display: none;}

	.modal-box .right-box {z-index: 100;position: absolute;width: 100%;height: 30%;bottom: 0;padding: 0;margin: 0;max-width: 100%;}
	.modal-box .modal-content-head {position: absolute;bottom: 0;margin: 0;padding: 10px;border-top: 1px solid #fff;}
	.modal-box .item-img {width: 28px;height: 28px;}
	.modal-title, .modal-box .modal-name {line-height: 11px;font-size: 12px;}
	.modal-title { top: 0px !important; }

	.modal-box .modal-name, .modal-box .modal-content-head {color: #fff;}
	.modal-box .modal-text-box {    position: absolute;bottom: 48px;padding: 10px;color: #fff;font-weight: 300;width: 100%;border: none;padding-bottom: 15px!important;}
	.modal-box .modal-text {height: 40px;overflow-y: scroll;}
	.modal-box .m-gradient {
		z-index: 10;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 130px;
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 85%, transparent 100%);
		background: -o-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 85%, transparent 100%);
		background: -ms-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 85%, transparent 100%);
		background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 85%, transparent 100%);
	}
	.modal-box .bx-wrapper { background: transparent !important; border:none !important;  }
	.m-review-panel .review-body > div .table-row .table-cell{padding:0;}
	.m-review-panel .review-body > div .table-row .table-cell ul li .point_num{width: 25px;}
	.form-box { max-width:100%; }
	.m-review-panel .review-body .cnt-wrap .grade_star{font-size:22px;}
	.modal-box .detail-box, .modal-box .modal-text-box{}


	/*로그인페이지*/
	.top_tit {border: none;width: 100%;max-width: 400px;margin: 0 auto;padding-left: 10px;padding-bottom: 10px;}
	.btn.btn-login{font-size:15px; padding:0; margin-top:10px; height: 44px; font-weight:600; line-height: 44px;}
	.login-wrap{margin-top:20px; overflow:hidden;}
	.input-title{border-bottom:0; font-size:2rem; line-height:1; margin:0 0 30px; font-weight:500;}
	.login-foot .foot-title{border-bottom:0; margin-bottom: 1rem;}
	.login-form .form-group{margin-bottom:10px;}
	.login-form .form-group input{font-size:15px; height: 40px; line-height: 40px; font-weight:700;}
	.non-members-login {border-left:0; border-top:1px solid #e5e5e5;}
	.login-foot .foot-btn{margin: 12px 0; overflow: hidden;}
	.btn-half{width:100%; margin-bottom:20px;}
	.btn-half:nth-of-type(2n-1){margin-right: 0;}
	.login-foot .foot-btn .btn-half{text-align:center; padding:0; overflow: hidden; margin: 0 0 10px; line-height: 44px; height: 44px;}
	.login-foot .foot-btn .btn-half a{display: inline-block; width: auto !important; margin: 0 auto; line-height: 44px;}
	.login-foot .foot-btn .btn-half a img{width:1.5rem; max-width:100%; padding: 10px 0;}
	.login-foot .foot-btn .btn-half a span{font-size:14px; color:#666666;}
	.btn.btn-check{padding:0; font-size:14px; line-height: 44px; height: 44px;}
	.btn-newRegister{padding:0; font-size:14px; line-height: 44px; height: 44px;}
	.login-opt2{overflow:hidden; margin-bottom:1rem;}
	.login-opt2 label{font-size:14px; font-weight:400; line-height:14px; padding-left:20px; }
	.login-opt2 label:after{width:14px; height:14px; line-height:14px;}
	.foot-description{margin-top:15px;}
	.foot-description p, .foot-description b{ font-size: 14px; line-height:1.3;}
	.orderbtn a {font-size: 14px; color:#666; height:44px; padding:0; line-height:44px}
	.non-members-login{padding: 0 15px;} 
	.input-title{margin: 0 0 15px;}
	
	.custom-login .nav-tabs > li a{height:45px; line-height:45px; font-size:14px;}
	.login-form .form-group input{font-size:45px; line-height:45px; font-size:14px; font-weight:400;}
	.custom-login .check-input + label{font-size:12px;}
	.custom-login .btn.btn-login{height:40px; line-height:45px; font-size:14px;}
	.custom-login .check-input + label:after{top:61%;}
	.lost-box a{padding:0 10px; font-size:14px;}
	.lost-box a::after{top:2px;}
	.sns_login a.sns_btn{height:45px; line-height:45px;}
	.sns_login a.sns_btn span.sns_text{font-size:14px; width:100px;}
	.sns_login a.sns_btn span.sns_icon{margin-right:20px; width:23px;}
	.sns_login a.sns_btn span.sns_icon img{width:23px;}

	#sns_outlogin.sns_login a.sns_btn{height:30px; line-height:30px; border-radius:15px; margin-bottom:7.5px;}
	#sns_outlogin.sns_login a.sns_btn span.sns_text{font-size:12px; width:80px;}
	#sns_outlogin.sns_login a.sns_btn span.sns_icon{margin-right:15px; width:18px; top:-1.5px;}
	#sns_outlogin.sns_login a.sns_btn span.sns_icon img{width:18px;}

	 /*회원가입페이지*/
	.register-wrap { padding-bottom:10px; display:block; }  
	.register-form .page-title { padding:10px 0 0 0;  text-align: left; font-size: 24px; }
	.register-form .page-desc { display:block; font-size:14px; padding-bottom:10px; text-align: left;  }
	.reister-form .area-box:first-child { margin-right: 0; margin-bottom: 50px; }
	.register-form .area-box { width:100%; float: none; margin-bottom:40px;}
	.register-form .area-box:last-child{margin-bottom:0;}
	.fix_input_box .file_content .left_file span, .fix_input_box .file_content .right_file input{font-size:14px;}

	/*장바구니 페이지*/
	tr.visible-sm{display: table-row !important;}
	.check-input + label{font-size: 14px; padding-left: 30px; line-height: 16px;}
	.check-input + label:after{width: 16px; height: 16px; line-height: 16px;}
	.label-css{font-size: 14px;}
	.input-title{font-size: 18px;}

	.cart-wrap{padding: 40px 0;}
	.cart-wrap .table-responsive, .cart-wrap .price-wrap, .buy-btn-wrap { padding-left: 12px; padding-right: 12px; }
	.cart-wrap .price-wrap{padding-left:0; padding-right:0;}

	.cart-wrap .price-wrap {border: none; border-top: 15px solid #eeeeee;padding-top: 25px; margin-top: 25px;margin-bottom: 25px;}
	.cart-wrap .price-wrap .price-top > div,
	.cart-wrap .price-wrap .price-bottom > div{width: 100%;padding: 10px 0;font-size: 16px;font-weight: 400;border: none;}
	.cart-wrap .price-wrap .price-top > div {text-align: left;}
	.cart-wrap .price-wrap .price-bottom > div {text-align: right;}
	.cart-wrap .price-wrap .price-bottom > div::after {display: none;}

	.cart-wrap .price-wrap .price-top, .cart-wrap .price-wrap .price-bottom {width: 50%;float: left;}
	.cart-wrap .price-wrap .price-top > div.m-border, .cart-wrap .price-wrap .price-bottom > div.m-border {border-top: 1px solid #e1e1e1;}
	.cart-wrap .price-wrap .m-sub-title { font-size: 26px; font-weight: 500; border-bottom: 2px solid #333;padding-bottom: 15px;margin-bottom: 10px;}

	.order-wrap .section{margin-bottom: 0;}
	.order-wrap .section .area-box{padding: 40px 12px;}
	.order-wrap .section .area-box{border-bottom: 15px solid #eee;}

	.order-wrap .div-table{display: block; overflow: scroll;}
	.order-wrap .div-table tbody{overflow-x: scroll; display: table; width: 100%;}

	.cart-wrap .table-responsive {margin: 0;border: none;}
	.cart-wrap .head-box th{border-top: 1px solid #111; border-bottom: 1px solid #eee; padding: 15px 0;}
	.cart-wrap .tr-line td{padding: 15px 0;}
	.cart-wrap .delete-box .shop-btn:hover{background-color: transparent; color: #111; }
			

	.cart-wrap .tr-head > th {display: none;}
	.cart-wrap .tr-head > th:first-child {display: block;text-align: left!important;}
	.cart-wrap .check-input + label {width: 120px; }
	.cart-wrap .div-table.table tr td {display: none;}
	.cart-wrap .div-table.table tr td:nth-child(1),
	.cart-wrap .div-table.table tr td:nth-child(2) {display: block;}
	/* .cart-wrap .div-table.table tr td:first-child {    width: 33px;float: left;padding-left: 0;} */
	.cart-wrap .div-table.table tr td.td_check{    width: 33px;float: left;padding-left: 0;}
	.shop-btn {height: 30px;margin-bottom: 5px;}
	.cart-wrap .option-wrap {padding: 4px 0;}
	.cart-wrap .item-detail {vertical-align: top;}
	.cart-wrap .delete-box {position: absolute;right: 5px;top: 13px;}
	.cart-wrap .delete-box .shop-btn {border: none;width: 60px;height: 20px;margin: 0;}
	.cart-wrap .delete-box2 .shop-btn{border: none;width: 60px;height: 20px;margin: 0;}
	.item-img, .item-detail {vertical-align: top;}
	.cart-wrap .item-view > div {padding-bottom: 5px;}

	.cart-wrap .table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}

	.cart-wrap .cart_check.mobile_check{width:33px;}
	.cart-wrap .cart_check.mobile_check span{margin:0 auto;}

	/*주문서 페이지*/
	.order-wrap .div-table.table > tbody > tr > th{padding: 15px 0; }
    .order-wrap .div-table.table > tbody > tr > td{padding: 15px 0;}
	
	.order-wrap .section { margin-bottom:10px; }
	.section .area-box { width: 100%; float: none;  padding-top: 20px; }

	.order-wrap .section .area-box { /*border-bottom: 15px solid #eee;*/ }
	.order-wrap .section .area-box { /* padding:10px 12px; */ padding:15px 0; }
    .order-wrap .pay-box {padding: 7px 0;}
	.section .agree-box .check-box{padding:7px 0;}
	.check-box .more-plus{width:15px; height:15px;}
	.check-box .more-plus::before{height:15px; left:7px;}
	.check-box .more-plus::after{width:15px; top:7px;}

	/*마이페이지*/
	.mypage-table .mypage-categorys,
	.mypage-table .mypage-sections{display: block;}
	.myinfo-wrap{border-bottom: 15px solid #eee; padding: 16px 0 0; margin-bottom: 0;}
	.myinfo-wrap .quart-box{width: calc(100% / 3); padding: 15px 12px;}
	.myinfo-wrap .quart-box .quart-title .m-name{font-size: 1.2rem; font-weight: 700;}
	.myinfo-wrap .quart-box .quart-title{font-size: 1.1rem;}
	.myinfo-wrap .quart-box:first-of-type{width: 100%; padding: 15px 12px; border-bottom: 1px solid #ddd; border-right: 0; display:table;}
	.myinfo-wrap .quart-box:first-of-type .quart-title{margin: 0 0 0.5rem;}
	.myinfo-wrap .quart-box:first-of-type .left-box{display:table-cell; vertical-align: middle;}
	.myinfo-wrap .quart-box:first-of-type .more-btn{display:table-cell; vertical-align: middle; text-align: right;}
	.myinfo-wrap .quart-box:first-of-type .more-btn a{font-size: 1.1rem;}
	.mypage-table .mypage-categorys{width: 100%; border-bottom: 15px solid #eee;}
	.mypage-table .mypage-categorys .categorys-links{line-height: 3.6rem; border-bottom: 1px solid #eee;}
	.mypage-table .mypage-categorys .categorys-links:last-of-type{border-bottom: 0;}
	.mypage-table .mypage-categorys .categorys-links a{font-size: 1.2rem; padding: 0 12px;}
	/*.myinfo-wrap .quart-box{padding: 15px;}
	.myinfo-wrap .quart-box:first-of-type{padding: 12px;}
	.mypage-table .mypage-categorys .categorys-links a{padding: 0 12px;}*/
	.myinfo-wrap .quart-box .quart-title{font-size: 1.0rem;}
	.myinfo-wrap .quart-box .quart-title .m-name{font-size: 1.4rem;}
	.myinfo-wrap .quart-box:first-of-type .more-btn a{font-size: 1.0rem;}
	.mypage-table .mypage-categorys .categorys-links{line-height: 4.8rem;}
	.mypage-table .mypage-categorys .categorys-links a{font-size: 1.0rem;}
	.myinfo-wrap .quart-box .quart-description{font-size: 1.0rem;}

	/*게시판 기본 스타일*/
	.board_style{margin-bottom:40px}
	.board_style .div-head{padding:10px 0}
	.board_style .div-head > span{font-size:15px}
	.board_style .list-board .list-body li > div{padding:8px 5px; font-size:14px; line-height:1.2;}
	.board_style .list-board .list-body li > div > a{padding-bottom:0}
	.responsive .board_style .list-board .item-details{padding-top:5px}
	.board_style .list-board .list-body .list-item > div a{font-weight:500; color:#555}
	.board_style .list-board .list-body .list-item > div span{font-weight:300; font-size:12px; color:#777}
	.board_style .list-board .wr-secret{width:9px; margin-left:3px; margin-bottom:0}

	.inquiry_style .list-board .wr-1{width:20%}
	.inquiry_style .list-board .wr-1 > span{width:60px; margin:-11px 0 0 -30px; font-size:12px; line-height:22px}
	.write-wrap .inquiry_box > label{width:80px; line-height:40px; font-size:14px}
	.inquiry_box .inquiry_sort .sp-label{line-height:40px; font-size:14px}
	.inquiry_box .answer{width:calc(100% - 80px)}
	.inquiry_box .answer input[type="text"], .inquiry_box .answer input[type="password"]{width:100%; padding-left:10px; border-radius:3px; line-height:40px; font-size:14px}
	.inquiry_box .answer textarea{padding:10px; border-radius:3px !important; font-size:14px}
	.inquiry_box .answer select{width:100%; height:40px; padding:0 10px; border-radius:3px; font-size:14px; line-height:40px}
	.inquiry_box.top_select .answer{width:calc(50% - 40px); margin-right:10px;}
	.inquiry_box.top_select .inquiry_sort{float:left; width:calc(50% - 50px);}
	.inquiry_box .answer .file_input{float:none; width:100%}
	.inquiry_box .answer .file_input .row input[type="file"]{width:100%; padding-left:10px; border-radius:3px; line-height:40px; font-size:14px}
	.inquiry_box .answer .file_input .row .file_content > label{width:100px; border-top-left-radius:3px; border-bottom-left-radius:3px; font-size:14px; height:40px; line-height:40px}
	.inquiry_box .answer .file_input .row .file_content > div.right_file{width:calc(100% - 100px);}
	.inquiry_box .answer .file_input .row .file_content > div.right_file input{border-radius:0 4px 4px 0; height:40px; line-height:40px; padding-left:10px; font-size:14px}
	.inquiry_box .answer .file_input #variableFiles .col-sm-12{padding:0; margin-top:5px;}
	.inquiry_box .answer .file_control{width:100%}
	.inquiry_box .answer .file_control .form-control-static{padding:0; line-height:40px}
	.write-wrap .write-btn.btn_write{margin:25px 0 50px}
	.write-wrap .write-btn.btn_write .btn{width:45%; padding:0}
	.write-wrap .write-btn.btn_write .btn span{font-size:14px; line-height:40px}
	/* 뷰페이지 폼 */
	.view_style .view_title{padding:10px 0}
	.view_style .view_title .view_subject{float:none; margin-bottom:5px; padding-left:5px; font-size:16px}
	.view_style .view_title .view_info{float:none}
	.view_style .view_title .view_info > span{padding:0 5px; font-size:12px}
	.is-mobile .view_style .view-padding{padding:10px}
	.view_style .view-padding .view-content{font-size:14px;}
	/* 뷰 코멘트 */
	.view_style .comment-media .media{padding:12px 0 !important}
	.view_style .comment-media .media_border:last-child{border-bottom:0}
	.view_style .comment-media .media-heading > b{font-size:12px}
	.view_style .comment-media .media .media-content{font-size:12px}
	.view_style .comment-media .comment_revise > a > span{font-size:12px; line-height:20px}
	.view_style .comment_guest .col-xs-6 .input-group{width:100%}
	.view_style .comment_guest .col-xs-6 .input-group-addon{display:none}
	.view_style .comment-box{padding:10px}
	.view_style .comment-box .comment-content .comment-cell{width:80%}
	.view_style .comment-box .comment-content .comment-cell textarea{padding:10px; font-size:12px}
	.view_style .comment-box .comment-content .comment-cell.comment-submit{width:19%; border-radius:5px; font-size:14px; height: 112px; line-height: 112px;}
    .view_style .comment-box .input-group input{height: 100%;}

	/*상품후기*/
	.review_search.use-box{margin-bottom:30px; padding:20px; border-radius:6px}
	.review_search .col-sm-3{width:47%}
	.review_search .col-sm-3 + .col-sm-3{margin-left:6%}
	.review_search .col-sm-3.review_input{width:100%; margin-top:10px; margin-left:0}
	.review_search .col-sm-3.btn_search{bottom:0; right:0; width:40px}
	.review_search .form-group .input-sm{height:30px; padding:0 10px; line-height:30px; font-size:12px; background-size:9px}
	.review_search .form-group .btn{padding:8px 0; line-height:12px}
	.review_search .form-group .btn img{display:inline-block; width:14px}
	.review_total.div-box-light{margin-bottom:10px; font-size:14px}

	.review_list.use-media .media{padding:15px 0}
	.review_list .media .photo{margin-right:15px}
	.review_list .media .photo{width:80px; height:80px}
	.review_list .media .review_tit{margin-bottom:3px; font-size:14px}
	.review_list.use-media .media .media-info{padding-bottom:7px}
	.review_list .media-info > div{margin-left:7px; padding-left:14px; font-size:12px}
	.review_list .media-info .fa-star{font-size:12px}
	.review_list .media-info .review_id, .review_list .media-info .review_date{background-size:12px}
	.review_list .media .media-body .media-content{padding-bottom:7px} 
	.review_list .media-content .text-muted{font-size:13px;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2}
	.review_list .media-content .text-muted .text-muted{display:none}
	.review_list .media .media-heading{background-position:0 25%}
	.review_list .media .media-heading .text-muted{font-size:13px; line-height:1.2; 
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; height:1.2em}

	/*faq*/
	.faq_box .faq_btn{display:block; text-align:center; width:100%; background:#efefef; color:#ababab; font-size:14px; font-weight:500; height:40px;
	line-height:40px; position:relative; margin-bottom:10px;}
	.faq_box .faq_btn img{position:absolute; right: 15px; top:50%; transform:translateY(-50%); width:12px;}
	.faq_box .customer_btn{display:block; text-align:center; width:100%; background:#f4919c; color:#fff; font-size:14px; font-weight:500; height:40px;
	line-height:40px;}
	.faq_box .faq_category{margin-bottom:50px;}
	.faq_box .faq_category ul{width:100%;}
	.faq_box .faq_category ul li{display:block; padding:0;}

	.faq_box .div-panel .faq_q_content{padding:15px 0 !important;}
	.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon{width:50px;}
	.faq_box .div-panel .faq_q_content .faq_icon img, .faq_box .div-panel .faq_a_content .faq_icon img{width:30px;}
	.faq_box .div-panel .faq_q_content .text{margin-top:0; font-size:14px; line-height:21px;}
	.faq_box .div-panel .faq_a_content .text{font-size:12px; line-height:18px;}
	.faq_box .div-panel div.text{width:calc(100% - 80px);}
	.faq_box .div-panel .faq_q_content .faq_arrow_icon{right:5px;}
	.faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span{width:30px; height:30px; line-height:28px; font-size:12px;
	font-weight:400;}

	/*1:1문의*/
	.qa_write .inquiry_box .answer .label_check{margin-left:0; height:30px; line-height:30px;}
	.qa_write .inquiry_box .answer .label_check input + label{margin-left:0; margin-top:0;}
	.qa_write .inquiry_box .answer .file_input .row .file_content{width:100%; float:none; margin-bottom:5px;}

	/*게시판 댓글 커스텀*/
	.responsive .view-comment{font-size:14px;}
	.responsive .no_login_comment a{font-size:12px;}
	.responsive .no_login_comment img{width:15px;}
	.responsive .comment-media .media{font-size:12px;}

	/*갤러리형 게시판 커스텀*/
    /* 2025-06-02 (주)파이브센스_FIVESENSES.Corp. */
	/* .list-wrap .list-container.gallery_container{margin-right:-15px; }
	.list-wrap .list-container.gallery_container .list-item{margin-right:15px; margin-bottom:30px;}
	.fix_gallery_content h5{font-size:15px;}
	.fix_gallery_content p{font-size:12px; line-height:18px;} */
    /* 2025-05-29 (주)파이브센스_FIVESENSES.Corp. */
	/* .responsive .list-wrap .list-container.gallery_container .list-row{width:50% !important;} */

	.oprder_mob_info_box{width:100%; margin-top:10px;}
	.oprder_mob_info_box > .oprder_mob_info{width:100%; border-bottom:1px solid #ddd; padding-bottom:15px;}
	.oprder_mob_info_box > .oprder_mob_info > .mob_info_img{float:left; width:140px;}
	.oprder_mob_info_box > .oprder_mob_info > .mob_info_text_box{float:left; width:calc(100% - 140px); padding-top:0px;}
	.oprder_mob_info_box > .oprder_mob_info > .mob_info_text_box .mob_info_text{width:100%; margin-bottom:5px;}
	.oprder_mob_info_box > .oprder_mob_info > .mob_info_text_box .mob_info_text:last-child{margin-bottom:0;}
	.oprder_mob_info_box > .oprder_mob_info > .mob_info_text_box .mob_info_text_pull{width:100%; font-size:14px; font-weight:500; color:#333; margin-bottom:15px;}
	.oprder_mob_info_box > .oprder_mob_info > .mob_info_text_box .mob_info_text_pull ul{list-style:none;}
	.oprder_mob_info_box > .oprder_mob_info > .mob_info_text_box .mob_info_text_pull ul li{color:#666; font-size:12px; line-height:18px;}
	.oprder_mob_info_box > .oprder_mob_info > .mob_info_text_box .mob_info_text .left_div{float:left; width:60px; font-weight:500; color:#333; }
	.oprder_mob_info_box > .oprder_mob_info > .mob_info_text_box .mob_info_text .right_div{float:right; width:(100% - 60px);}
}

@media (max-width:420px){
	/*상품리뷰 새창띄우기  */
	.use_form_box .use_form_star{min-height:90px;}
	.use_form_box .use_form_star h1{font-size:20px; margin:20px auto 10px;}
	.use_form_box .use_form_star .star_contents i{font-size:30px;}
	.use_form_box .use_form_evaluation:before,
	.use_form_box .use_form_evaluation:after{height:5px;}
	.use_form_box .use_form_evaluation .use_form_table{padding:10px 0; display:block; width:90%; margin:0 auto;}
	.use_form_box .use_form_evaluation .use_form_table > li{padding:0 10px 10px; display:block; margin:0 auto 10px; width:100%; border-bottom:1px solid #e1e1e1;}
	.use_form_box .use_form_evaluation .use_form_table > li:last-child{padding: 0 10px; margin:0 auto; border-bottom:0;}
	.use_form_box .use_form_evaluation .use_form_table > li:after{height:50px; display:none;}
	.use_form_box .use_form_evaluation .use_form_table > li h5{font-size:16px; color:#000; font-weight:500; margin-bottom:10px;}

	.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box{width:80%; margin:0 auto;}
	.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div input + label p{font-size:10px;}
	.use_form_box .use_form_evaluation .use_form_table > li .table_radio_box > div input + label span{width:36px; height:36px; margin:0 auto; background-size:cover !important;}

	.use_form_box .use_form_review{padding:15px;}
	.use_form_box .use_form_review > h3{font-size:16px; font-weight:500; color:#000; margin-bottom:10px;}
	.use_form_box .use_form_review > input{ font-size:14px; font-weight:500; height:40px; line-height:40px; padding-left:15px; margin-bottom:10px;}
	.use_form_box .use_form_btn_box{width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f4f4f4; padding:10px;}
	.use_form_box .use_form_btn_box .use_form_btn button{height:50px; line-height:50px; background:#fff; border:1px solid #252525;  color:#000000; font-size:16px; font-weight:500;
	width:49%; margin-right:2%; float:left;}
	.use_form_box .use_form_btn_box .use_form_btn button.confirm{background:#252525; color:#fff; margin-right:0;}

	/*상품문의 새창띄우기 */
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head{padding:0 15px;}
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head h1{font-size:20px;  margin:20px auto 10px;}
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head .qa_caption > div.left_caption{width:40px;}
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head .qa_caption > div.left_caption > span{width:25px; height:25px;line-height:20px; font-size:18px;}
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_head .qa_caption > div.right_caption{text-align:left; padding-left:15px;  font-size:12px; line-height:18px;}
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body{padding:0 15px;}
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body .qa_form_content{width:100%; border:1px solid #d7d7d7; height:40px; line-height:40px; margin-bottom:10px;}
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body .qa_form_content > label{width:60px; font-size:14px;  padding-left:15px;}
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body .qa_form_content > label:after{height:10px;}
	.qa_form_parent_box .qa_form_parent_body .qa_form_box .qa_form_body .qa_form_content > input{display:block; width:calc(100% - 75px); padding-left:15px;
	height:38px; line-height:38px;font-size:14px; font-weight:500;}

	.qa_form_parent_box .qa_secret{margin-bottom:20px;}
	.qa_form_box .qa_form_btn_box .qa_form_btn button{height:50px; line-height:50px; font-size:14px;}
}

/*위시리스트 html > skin > apms > member > basic > wishlist.skin.php */
.mypage-table .mypage-sections section.mp_wishlist .body.section-table .section-table-body .section-cell{padding:10px 0; vertical-align:middle}
.m_scroll_guide{display:none; margin-bottom:10px; background-color:#eee; text-align:center}
.m_scroll_guide > span{display:inline-block; font-size:12px; line-height:25px; color:#5a5a5a}
.wishlist_style{}
.wishlist_style .table{margin-bottom:0;}
.wishlist_style .mobile_table{display:none;}

.wishlist_style .wl_tit > th{padding:18px 0; /*border-top:2px solid #333;*/ border-top: none; border-bottom:1px solid #f2f2f2; font-size:16px; font-weight: 500; line-height:1; color:#999999; text-align:center;}
.wishlist_style .wl_txt > td{padding:20px 0; border-bottom:1px solid #f2f2f2; font-size:14px; line-height:1; color:var(--main-point-color)}
.wishlist_style .wl_txt:last-child > td{border-bottom: none;}
/* .wishlist_btn .btn{margin-top:30px; padding:0 20px; font-weight:500; font-size:15px; line-height:45px; border-radius:25px !important; color:#fff} */
.wishlist_btn .btn + .btn{margin-left:10px}


/* 2024-08-06 (주)파이브센스_FIVESENSES.Corp. 위시리스트 */
.wishlist-skin .wishlist_head {width: 100%;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;padding-bottom: 20px;}
.wishlist-skin .wishlist_head.bottom {border-bottom: 0;margin-top: 20px;}
.wishlist-skin .wishlist_head .ch_check .text {font-size: 18px;color: #222;font-weight: 500;}
.wishlist-skin .wishlist_head .ch_check .ct_totle {display: inline-block;}
.wishlist-skin .wishlist_head .wishlist_delete button.shop_btn {font-size: 17px;color: #666;font-weight: 400;width: auto;height: auto;display: inline-block;border: 0;padding: 0;padding-left: 25px; background-color: transparent;}
.wishlist-skin .wishlist_body{background-color: #f9f9f9; padding: 0 30px 10px; border-radius: 17px; overflow: hidden;}
.wishlist-skin .ch_check input[type=checkbox]{display: none;}
.wishlist-skin .ch_check input + label{position: relative;display: flex;align-items: center;cursor: pointer;user-select: none;}
.wishlist-skin .ch_check input + label .circle{width: 26px;height: 26px;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center;border: 1px solid #d8d8d8;background-color: #fff;margin-right: 16px;cursor: pointer;}
.wishlist-skin .ch_check input:checked + label .circle {border-color: var(--main-point-bg-color-hover);background: var(--main-point-bg-color-hover);}
.wishlist-skin .ch_check input + label .circle::before {content: "";width: 2px;height: 6px;border-radius: 3px;background: #d8d8d8;position: absolute;top: 12px;left: 7px;transform: rotate(-45deg);}
.wishlist-skin .ch_check input + label .circle::after {content: "";width: 2px;height: 13px;border-radius: 5px;background: #d8d8d8;transform: rotate(45deg);position: absolute;top: 6px;left: 13px;}
.wishlist-skin .ch_check input:checked + label .circle::before,.wishlist-skin .wl_txt .ch_check input:checked + label .circle::after {background: #fff;}
.wishlist-skin .wl_txt .delete_btn .delete{display: block; width: 14px; height: 14px;}
.wishlist-skin .wl_txt .delete_btn .delete::before{content: ''; display: block; width: calc(100% + 4px); height: 1px; background-color: #7e7e7e; transform: rotate(-45deg) translate(-5px,3px);}
.wishlist-skin .wl_txt .delete_btn .delete::after{content: ''; display: block; width: calc(100% + 4px); height: 1px; background-color: #7e7e7e; transform: rotate(45deg) translate(2px,4px);}
.wishlist-skin .wl_txt .img_td{padding-right: 20px;}
.wishlist-skin .wl_txt .img_td a{border-radius: 5px;}
.wishlist-skin .wl_txt .it_sub_name{color: #666666;font-size: 13px;line-height: 1.2em; margin-bottom: 10px;}
.wishlist-skin .wl_txt .it_name{color:var(--main-point-color);font-size: 16px;line-height: 1.2em;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wishlist-skin .wl_txt .option_wrap li{margin-top: 10px; color: #666666;font-size: 14px; line-height: 1.4em; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wishlist-skin .wl_txt .option_wrap li span {display: inline-block;position: relative;padding-left: 10px;}
.wishlist-skin .wl_txt .option_wrap li span::before {content: "";display: block;width: 1px;height: 12px;background: #c7c7c7;position: absolute;top: 50%;left: 50%;transform: translateY(-10px);}
.wishlist-skin .wl_txt .item_price{padding-right: 30px;}
.wishlist-skin .wl_txt .item_price .sale_price{color: #1b1b1b; font-size: 20px; font-weight: 600;}
.wishlist-skin .wl_txt .item_price .sale_price .won{font-weight: 500;}
.wishlist-skin .wl_txt .item_price .origin_price{color: #666666; font-size: 14px;margin-top: 10px;text-decoration: line-through;}
.wishlist_btn{display: flex; align-items: center; justify-content: center;}
.wishlist_btn .btn{margin-top: 60px; border-radius: 5px !important; border: 1px solid var(--main-point-btn-line-color-hover); font-size: 16px; font-weight: 500; padding: 17px 20px; min-width: 240px; background-color: #fff; color: var(--main-point-color-hover);}
.wishlist_btn .btn.btn-color{background-color: var(--main-point-btn-bg-color-hover); color: #fff;}
.wishlist_btn .btn:focus{outline: none;}
.wishlist-skin .div-table.table > tbody > tr > td.text-muted{font-size: 16px;}

@media (max-width:991px){
    .wishlist-skin .wishlist_body{padding: 0;}
    .wishlist-skin .wishlist_head{padding-bottom: 15px; justify-content: space-between;}
    .wishlist-skin .wishlist_head .wishlist_delete button.shop_btn{margin-bottom: 0;}
	.wishlist_style .table{display:none;}
	.wishlist_style .mobile_table{display:block; background-color: #f9f9f9; padding: 0 15px; border-radius: 10px; overflow: hidden;}
    .wishlist_style .mobile_table .mobile_table_content_info{display: flex; align-items: flex-start; justify-content: flex-start; position: relative;}
	/* .wishlist_style .mobile_table .mobile_table_title{width:100%; text-align:center; font-size:16px; color:#333; font-weight:500;padding:10px 0; background:#f5f5f5;  } */
	/* .wishlist_style .mobile_table .mobile_table_content_wrap{height:300px; overflow-y:auto; position:relative;} */
	.wishlist_style .mobile_table .mobile_table_content_box{width:100%; padding:20px 0;}
	.wishlist_style .mobile_table .mobile_table_content_box.border_top{border-top:1px solid #e5e5e5;}
	/* .wishlist_style .mobile_table .mobile_table_content{display:table; padding:5px 0;} */
	
	.wishlist_style .mobile_table .mobile_table_content.it_text {padding-right: 30px;}
    .wishlist_style .mobile_table .mobile_table_content.delete_btn {position: absolute; top: 1px; right: 0;}
	.wishlist_style .mobile_table .mobile_table_content > div{display:table-cell; vertical-align:middle;}
	.wishlist_style .mobile_table .mobile_table_content > div.left_text{width:120px; padding-left:10px; font-size:14px; font-weight:500;}
	.wishlist_style .mobile_table .mobile_table_content > div.right_text{width:calc(100% - 120px); font-size:14px; line-height:1.2em;}
	.wishlist_style .mobile_table .mobile_table_content > div.right_text .img_box{width:65px; height:65px; position:relative; margin-right: 15px; margin-left: 13px;}
    .wishlist_style .mobile_table .mobile_table_content > div.right_text .img_box a{border-radius: 2.5px; overflow: hidden;}
	.wishlist_style .mobile_table .mobile_table_content > div.right_text .img_box img{width:65px; height:65px;}
    .wishlist_style .mobile_table .mobile_table_content.it_text .it_sub_name{color: #666; font-size: 11px; line-height: 1.2em; margin-bottom: 3px;}
    .wishlist_style .mobile_table .mobile_table_content.it_text .it_name{color: var(--main-point-color); font-size: 13px; font-weight: 500; line-height: 1.2em;}
    .wishlist_style .mobile_table .mobile_table_content.it_text .option_wrap li{color: #666; font-size: 11px; margin-top: 3px;}
    .wishlist_style .mobile_table .mobile_table_content.it_text .option_wrap li span {display: inline-block;position: relative;padding-left: 10px;}
    .wishlist_style .mobile_table .mobile_table_content.it_text .option_wrap li span::before {content: "";display: block;width: 1px;height: 10px;background: #bebebe;position: absolute;top: 50%;left: 50%;transform: translateY(-9px);}

	.wishlist_style .mobile_table .mobile_table_content > div.right_text input[type='checkbox']{margin:0;}
    .wishlist-skin .ch_check input + label{display: flex !important; width: auto !important; height: auto !important;}
    .wishlist-skin .ch_check input + label .circle{width: 21px; height: 21px; margin-right: 0;}
    .wishlist-skin .wishlist_head .ch_check input + label .circle{margin-right: 10px;}
    .wishlist-skin .ch_check input + label .circle::before{height: 4px; top: 9px; left: 5px;}
    .wishlist-skin .ch_check input + label .circle::after{height: 10px; top: 5px; left: 9px;}
    .wishlist_style .mobile_table .delete_btn .delete{display: block; width: 12px; height: 12px;}
    .wishlist_style .mobile_table .delete_btn .delete::before{content: ''; display: block; width: calc(100% + 4px); height: 1px; background-color: #7e7e7e; transform: rotate(-45deg) translate(-5px,3px);}
    .wishlist_style .mobile_table .delete_btn .delete::after{content: ''; display: block; width: calc(100% + 4px); height: 1px; background-color: #7e7e7e; transform: rotate(45deg) translate(2px,4px);}
    .wishlist_style .mobile_table .item_price{display: flex; align-items: end; justify-content: right;}
    .wishlist_style .mobile_table .item_price .origin_price{color: #666666; font-size: 13px;text-decoration: line-through; margin-right: 3px;}
    .wishlist_style .mobile_table .item_price .sale_price{color: #1b1b1b; font-size: 16px;font-weight: 600;}
    .wishlist_style .mobile_table .item_price .sale_price span{font-size: 13px; font-weight: 400;}
	.wishlist_btn .btn{margin-top: 20px; min-width: auto; width: 50%; border-radius: 2.5px; font-size: 14px; padding: 11px 20px;}

	/* .wishlist_style .mobile_table .mobile_table_content_wrap .no_data{position:absolute; top:50%; left:50%; transform:translate(-50%); text-align:center; font-size:14px;} */
	.wishlist_style .mobile_table .mobile_table_content_wrap .no_data{text-align:center; font-size:14px; width: 100%; display: inline-block; padding: 50px 0;}
}
@media (max-width:480px){
    .wishlist-skin .wishlist_head .ch_check .text{font-size: 14px;}
    .wishlist-skin .wishlist_head .wishlist_delete button.shop_btn{font-size: 12px; padding-left: 15px;}
	.wishlist_style .table{width:500px}
}

/*주문내역조회 html > skin > apms > order > basic > orderinquiry.skin.php */
.orderinquiry_style{}
.orderinquiry_style .table{margin-bottom:0; display:table;}
.orderinquiry_style .mobile_table{display:none;}
.orderinquiry_style .wl_tit > th{padding:18px 0; border-top:2px solid #333; border-bottom:1px solid #d7d7d7; font-size:18px; line-height:1; color:#222; text-align:center;}
.orderinquiry_style .wl_txt > td{padding:20px 0; border-bottom:1px solid #d7d7d7; font-size:14px; line-height:1; color:#222}
@media (max-width:991px){
	.orderinquiry_style .table{display:none;}
	.orderinquiry_style .mobile_table{display:block; border:1px solid #ddd; position:relative;}
	.orderinquiry_style .mobile_table .mobile_table_title{width:100%; text-align:center; font-size:16px; color:#333; font-weight:500;padding:10px 0; background:#f5f5f5;  }
	.orderinquiry_style .mobile_table .mobile_table_content_wrap{height:300px; overflow-y:auto;}
	.orderinquiry_style .mobile_table .mobile_table_content_box{width:100%; padding:10px 0;}
	.orderinquiry_style .mobile_table .mobile_table_content_box.border_top{border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}
	.orderinquiry_style .mobile_table .mobile_table_content{display:table; padding:5px 0;}
	
	.orderinquiry_style .mobile_table .mobile_table_content > div{display:table-cell; vertical-align:middle;}
	.orderinquiry_style .mobile_table .mobile_table_content > div.left_text{width:120px; padding-left:10px; font-size:14px; font-weight:500;}
	.orderinquiry_style .mobile_table .mobile_table_content > div.right_text{width:calc(100% - 120px); font-size:14px; line-height:24px;}

	.orderinquiry_style .mobile_table .mobile_table_content_wrap .no_data{position:absolute; top:50%; left:50%; transform:translate(-50%); text-align:center; font-size:14px;}
}

/*상품결제완료페이지 수정 html > skin > amps > order> basic > orderinquiryview.skin.php*/
.item_table_box{margin-bottom:50px;}
.item_table_box .table-responsive{display:block;}
.item_table_box .mobile_table{display:none;}
@media (max-width:991px){
	.item_table_box .table-responsive{display:none;}
	.item_table_box .mobile_table{display:block; border:1px solid #ddd; position:relative;}
	.item_table_box .mobile_table .mobile_table_title{width:100%; text-align:center; font-size:16px; color:#333; font-weight:500;padding:10px 0; background:#f5f5f5;  }
	.item_table_box .mobile_table .mobile_table_content_wrap{height:300px; overflow-y:auto;}
	.item_table_box .mobile_table .mobile_table_content_box{width:100%; padding:10px 0;}
	.item_table_box .mobile_table .mobile_table_content_box.border_top{border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}
	.item_table_box .mobile_table .mobile_table_content{display:table; padding:5px 0;}
	
	.item_table_box .mobile_table .mobile_table_content > div{display:table-cell; vertical-align:middle;}
	.item_table_box .mobile_table .mobile_table_content > div.left_text{width:120px; padding-left:10px; font-size:14px; font-weight:500;}
	.item_table_box .mobile_table .mobile_table_content > div.right_text{width:calc(100% - 120px); font-size:14px; line-height:24px;}
	.item_table_box .mobile_table .mobile_table_content > div.right_text .img_box{width:80px; height:80px; position:relative;}
	.item_table_box .mobile_table .mobile_table_content > div.right_text .img_box img{width:80px; height:80px;}
	.item_table_box .mobile_table .mobile_table_content > div.right_text .img_box .item_type{position:absolute; left:0; bottom:0; width:100%; padding:0px 0; text-align:center;
	color:#fff; background:rgba(0,0,0,0.7); font-size:10px; height:16px; line-height:16px;}
	.item_table_box .mobile_table .mobile_table_content > div.right_text .review_btn{display:block; background:#333; color:#fff; padding:0 5px; border:0; outline:none; box-shadow:none;}
}

/* 개인결제 리스트 */
.ppay-wrap{}
.ppay_wrap .ppay-container{margin-right:-25px; margin-bottom:-30px;display: flex;flex-wrap: wrap;align-items: flex-start;}
.ppay_wrap .ppay-row{width:25%}
.ppay_wrap .img-wrap{padding-bottom:100%}
.ppay_wrap .ppay-box{margin-right:25px; margin-bottom:70px; border:0; text-align:left}
.ppay_wrap .ppay-box .title{margin:0 0 10px; padding:15px 0 0; font-weight:400; font-size:16px; line-height:1.2; color: #222;}
.ppay_wrap .ppay-box .order_price{display:block; font-weight:500; font-size:16px;}
.ppay_wrap .ppay-box .order_price span{margin-left: -4px;}
.ppay_wrap .ppay-box .img-item img{max-width: inherit; width: auto;}

@media (max-width: 1400px){
	.ppay_wrap .ppay-box .img-item img{width: 100%;}
}

/* 개인결제 검색폼 */
.ppay_search_wrap{margin-bottom: 40px;}
.ppay_search_wrap .ppay_search_box{position: relative; display: flex; justify-content: flex-end;}
.ppay_search_wrap .ppay_search_box input{width: 290px; border: 1px solid #eeeeee; border-radius: 5px; height: 46px; font-size: 15px; line-height: 44px; padding: 0 20px;}
.ppay_search_wrap .ppay_search_box input::placeholder{color: #adadad;}
.ppay_search_wrap .ppay_search_box button{display: block; padding: 15px; background-color: var(--main-point-btn-bg-color-hover); border: 1px solid var(--main-point-btn-line-color-hover); border-radius: 5px; margin-left: 10px;}

/* 개인결제 폼 */
.form-horizontal.personalpayform{background-color: #f9f9f9; border-radius: 20px;}
.ppay_form_wrap{padding:60px 0 50px;}
.ppay_form_wrap .ppay_title{text-align:center}
.ppay_form_wrap .ppay_title .title{font-weight:500; font-size:24px; color:#1b1b1b}
.ppay_form_wrap .ppay_title .text{margin-top:20px; font-size:16px; line-height:1.2; color:#999}
.ppay_form_wrap .ppay_content{width:600px; margin:40px auto 0}
.ppay_form_wrap .ppay_content .ppay_box{display:table; width:100%}
.ppay_form_wrap .ppay_content .ppay_box + .ppay_box{margin-top:10px}
.ppay_form_wrap .ppay_box .pp_label{display:table-cell; width:150px; font-weight:400; font-size:16px; line-height:40px; color:#333; vertical-align:top}
.ppay_form_wrap .ppay_box .pp_label.lh46{line-height: 46px;}
.ppay_form_wrap .ppay_box .pp_answer{display:table-cell; width:calc(100% - 150px)}
.ppay_form_wrap .ppay_box .pp_row{width:100%; min-height:40px; padding:7px 0; font-size:16px; line-height:1.4; color:#000000}
/* .ppay_form_wrap .ppay_box .pp_bold{font-weight:600; font-size:18px} */
.ppay_form_wrap .ppay_box .pp_input{width:100%; height:46px; padding:0 15px; border-radius: 5px; border:1px solid #d6d6d6; background-color: #fff; font-size:16px; line-height:38px; color:#333}
.ppay_form_wrap .ppay_box .pp_input::placeholder{color:#999}
.ppay_form_wrap .ppay_box .pp_radio{font-size:15px; line-height:40px; color:#333}
.ppay_form_wrap .ppay_box .pp_radio + .pp_radio{margin-left:12px}
.ppay_form_wrap .ppay_box .pp_radio input[type="radio"]{margin:0 3px 0 0;display: none;}
.ppay_form_wrap .ppay_box .pp_radio .ch_span{display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; border: 1px solid #d6d6d6; position: relative;}
.ppay_form_wrap .ppay_box .pp_radio input[type="radio"]:checked + .ch_span::after{content: ''; background-color: var(--main-point-btn-bg-color-hover); width: 7px; height: 7px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ppay_form_wrap .ppay_box #settle_bank{padding-top: 5px;}
.ppay_form_wrap .ppay_box #settle_bank .pp_bank_label{color: #000; font-weight: 400;}
.ppay_form_wrap .ppay_box .pp_bank_box + .pp_bank_box{margin-top:15px}
.ppay_form_wrap .ppay_box .pp_bank_label{font-size:14px; font-weight:500; line-height:1.3; color:#333}
.ppay_form_wrap .ppay_box .pp_bank_check{width:100%; height:46px; margin-top:10px; padding:0 15px; border-radius: 5px; border:1px solid #d6d6d6; background:#fff; font-size:16px; line-height:46px; color:#999999}
.ppay_form_wrap .ppay_box .pp_bank_check::placeholder{color:#999;}
.ppay_form_wrap .ppay_box select.pp_bank_check{padding-left: 11px; appearance: none; background: url(https://fivepro.co.kr/img/personalpayform_arr.png) no-repeat calc(100% - 15px) center; background-color: #fff;}
.form-horizontal .btn_confirm{padding-bottom: 60px; display: flex; gap: 10px; align-items: center; justify-content: center;}
.personalpayform .btn_confirm .btn{border-radius: 3px !important; min-width: 237px; font-size: 17px; font-weight: 500; line-height: 1em; height: 60px; display: block;}
.personalpayform .btn_confirm .btn.btn-color{padding: 20px;}
.personalpayform .btn_confirm .btn.btn-black{border: #333; padding: 20px 104.5px;}

@media (max-width:1199px){
	/* 개인결제 리스트 */
	.ppay_wrap .ppay-row{width:33.3333%}
}
@media (max-width:991px){
	/* 개인결제 리스트 */
	.ppay_wrap .ppay-container{margin-right:-15px; margin-bottom:-25px}
	.ppay_wrap .ppay-row{width:50%}
	.ppay_wrap .ppay-box{margin-right:10px; margin-bottom:30px}
	.ppay_wrap .ppay-box .title{margin:0 0 10px; padding:10px 0 0; font-size:13px}
	.ppay_wrap .ppay-box .order_price{font-size:14px}
	.ppay_wrap .ppay-box .order_price span{margin-left: -3px;}
	/* 개인결제 검색폼 */
	.ppay_search_wrap{margin-bottom: 25px;}
	.ppay_search_wrap .ppay_search_box input{font-size: 13px; border-radius: 2.5px; padding: 0 15px; height: 45px; line-height: 43px;}
	.ppay_search_wrap .ppay_search_box button{border-radius: 2.5px; margin-left: 10px; padding: 14px 14.25px;}
	.ppay_search_wrap .ppay_search_box button img{height: 14px;}
	/* 개인결제 폼 */
	.form-horizontal.personalpayform{border-radius: 5px; margin-top: -5px;}
	.ppay_form_wrap{padding:30px 0 20px;}
	.ppay_form_wrap .ppay_title .title{font-size:16px}
	.ppay_form_wrap .ppay_title .text{margin-top:10px; font-size:12px; line-height:1.4}
	.ppay_form_wrap .ppay_content{width:100%; margin:25px auto 0; padding: 0 15px;}
	.ppay_form_wrap .ppay_content .ppay_box{display: flex; align-items: center; flex-wrap: wrap;}
	.ppay_form_wrap .ppay_content .ppay_box + .ppay_box{margin-top:5px}
	.ppay_form_wrap .ppay_box .pp_label{width:85px; font-size:15px; line-height:30px}
	.ppay_form_wrap .ppay_box .pp_label.lh46{line-height: 1em; padding-bottom: 15px; margin-top: 8px;}
	.ppay_form_wrap .ppay_box .pp_answer{width:calc(100% - 85px)}
	.ppay_form_wrap .ppay_box .pp_answer.m_an{width: 100%; margin-bottom: 15px;}
	.ppay_form_wrap .ppay_box .pp_answer.radio_box{display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 25px; margin-bottom: 0;}
	.ppay_form_wrap .ppay_box .pp_row{min-height:30px; padding:3px 0; font-size:13px}
	.ppay_form_wrap .ppay_box .pp_bold{font-size:15px}
	.ppay_form_wrap .ppay_box .pp_input{height:40px; padding:0 10px; font-size:13px; line-height:40px; border-radius: 2.5px;}
	.ppay_form_wrap .ppay_box .pp_radio{font-size:13px; line-height:1em; display: flex; align-items: center; margin-bottom: 20px;}
	.ppay_form_wrap .ppay_box .pp_radio{width: calc(50% - 10px);}
	.ppay_form_wrap .ppay_box .pp_radio + .pp_radio{margin-left:0}
	.ppay_form_wrap .ppay_box #settle_bank{padding:0; width: 100%;border-top: 1px solid #d7d7d7; }
	.ppay_form_wrap .ppay_box .pp_bank_box{padding-top: 20px; }
	.ppay_form_wrap .ppay_box .pp_bank_box + .pp_bank_box{margin: 0;}
	.ppay_form_wrap .ppay_box .pp_bank_label{font-size:14px; margin-bottom: 10px;}
	.ppay_form_wrap .ppay_box .pp_bank_check{height:40px; margin-top: 0; font-size:12px; line-height:38px; border-radius: 2.5px;}
	.ppay-wrap + .well{margin-top: 25px;}
	.ppay_form_wrap .ppay_box .pp_radio .ch_span{background-color: #f9f9f9; width: 15px; height: 15px; margin-right: 10px;}
	.form-horizontal .btn_confirm{padding: 5px 15px 30px;}
	.personalpayform .btn_confirm .btn{/*width: calc(50% - 7px);*/ min-width: auto !important; padding: 0; height: 45px; line-height: 45px; font-size: 15px; font-weight: 600; border-radius: 2.5px !important;}
	.personalpayform .btn_confirm a.btn{width: calc(50% - 7px); flex: 1;}
    .personalpayform .btn_confirm #show_req_btn{width: calc(50% - 7px); /*flex: 1;*/}
    .personalpayform .btn_confirm .btn.btn-color{padding: 0; width: calc(50% - 7px); flex: 1;}
	.personalpayform .btn_confirm .btn.btn-black{padding: 0; margin-left: 0;}
}
@media (max-width:480px){
	/* 개인결제 검색폼 */
	.ppay_search_wrap .ppay_search_box input{width: calc(100% - 56px); font-size: 13px;}
}

/*********************************************************************
	상품 상세페이지 - 기존 클래스 'item_detail'  사용
*********************************************************************/

/* 모바일 상품상세페이지 상단*/
.mob_shop_top{padding:15px 0}
.mob_shop_top:after{display:block; content:""; clear:both}
.mob_shop_top > a{display:block; height:15px}
.mob_shop_top .btn_back{float:left}
.mob_shop_top .btn_share{float:right}
.mob_shop_top > a img{display:block; height:100%}

/* 상품상세 페이지_ 베스트상품 위젯 */
.best_list_wrap{margin-bottom:90px}
.best_list_wrap .best_list_tit{margin-bottom:30px; font-size:27px; color:#222}
.shop_best_item.shop_container .item-list{border:0;}
.shop_best_item.shop_container .item-image{background-color:#f8f8f8}
.shop_best_item.shop_container .item-icon{display:none; position:absolute; left:10px; top:10px; z-index:1}
.shop_best_item.shop_container .item-icon img{display:inline-block; margin-right:8px; margin-bottom:5px}
.shop_best_item.shop_container .item-content{padding:0; padding-top:16px; height:auto !important; text-align:left}
.shop_best_item.shop_container .item-content strong{font-weight:500; font-size:14px; line-height:1.2; color:#222}
.shop_best_item.shop_container .item-content .item-desc{font-size:13px; line-height:1.2; color:#777}
.shop_best_item.shop_container .item_price_box{margin-top:12px; text-align:left}
.shop_best_item.shop_container .item_price_box .percent{display:none; margin-left:4px; font-weight:500; font-size:14px; color:#e0062a}
.shop_best_item.shop_container .item_price_box .sale_cont{display:inline-block; margin-left:5px}
.shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:13px; color:#999}
.shop_best_item.shop_container .item_price_box > h5{display:inline-block; font-size:15px; color:#222}
.shop_best_item.shop_container .item_price_box > h5 span{display:inline-block; font-weight:500}
.shop_best_item.shop_container .item-info, .shop_best_item .label-cap{display:none;}
.shop_container .owl-carousel .owl-controls .owl-buttons div{display: block; background-color:transparent; width:14px; height:34px}
@media (max-width:768px){
	.shop_best_item.shop_container{overflow:visible}
	.shop_best_item.shop_container .owl-show{overflow:visible}
	.responsive .shop_best_item.shop_container .owl-container{overflow:visible; margin-right:-15px !important}
	.shop_best_item.shop_container .item-list{margin-right:15px !important}
	.shop_best_item.shop_container .item-wrap{margin-right:15px !important}
	.best_list_wrap{padding-top:28px; border-top:1px solid #222; margin-bottom:40px}
	.best_list_wrap .best_list_tit{margin-bottom:17px; font-size:15px}
	.best_list_wrap .best_list_con{margin:0 15px}
	.shop_best_item.shop_container .item-icon{left:5px; top:5px}
	.shop_best_item.shop_container .item-icon img{width:auto; height:12px; margin:0 5px 5px 0}
	.shop_best_item.shop_container .item-content{padding-top:15px; text-align:left}
	.shop_best_item.shop_container .item-content strong{font-size:13px}
	.shop_best_item.shop_container .item-content .item-desc{font-size:12px}
	.shop_best_item.shop_container .item_price_box{margin-top:10px; text-align:left}
	.shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:12px}
	.shop_best_item.shop_container .item_price_box > h5{font-size:14px}
	.shop_container .owl-carousel .owl-controls .owl-buttons div{display:block !important; Width:8px; height:18px}
	.shop_container .owl-carousel .owl-controls .owl-buttons .owl-prev{left:-15px !important}
	.shop_container .owl-carousel .owl-controls .owl-buttons .owl-next{right:-5px !important}
	.shop_container .owl-carousel .owl-controls .owl-buttons div img{display:block; height:100%}
}

/*상품상세페이지 html > skin > apms > item > miso-baisc4 > item.skin.php */
.item_detail .img-container{width:50%;}
.item_detail .item-head{border:0; margin-bottom:265px; background:#fff !important}
.item_detail .label-band{display:none}
.item_detail #sit_pvi{padding:0px; width:100%}
.item_detail #sit_pvi_thumb{overflow:visible; width:100%; padding:10px 80px; margin:0 auto; border:0}
.item_detail #sit_pvi_thumb > ul li{display:table-cell; float:none; white-space:nowrap}
.item_detail #sit_pvi_thumb > ul li a{margin:0 7px 0}
.item_detail #sit_pvi_thumb > ul li a img{border:1px solid transparent}
.item_detail #sit_pvi_thumb > ul li a img:hover{border:1px solid transparent}
.item_detail #sit_pvi_thumb > ul li.active a img{border:1px solid #222}
.item_detail .thumb_tab_wrap{position:relative}
.item_detail .thumb_tab_wrap button{display:block; position:absolute; top:0; width:80px; height:117px; border:0; background-color:#fff}
.item_detail .thumb_tab_wrap .btn_prev{left:0}
.item_detail .thumb_tab_wrap .btn_next{right:0}
.item_detail .form-container{width:50%}
.item_detail .item-head .text{padding:0; padding-left:80px}
.item_detail .label-tack{display:block; position:static; padding-bottom:20px}
.item_detail .label-tack img + img{margin-left:5px}
.item_detail .item-head h1{margin:0; font-weight:400; font-size:30px; color:#222; line-height:1.2; letter-spacing:-0.5px;}
.item_detail .item-head .desc{font-size:16px; line-height:1.3; color:#666; padding-top:12px;}
.item_detail .item-head .tag{margin-top:15px}
.item_detail .item-head .tag > a{display:inline-block; font-size:16px; line-height:1.2; color:#777}
.item_detail .item-head .tag > a:hover{color:#777}
.item_detail .item-head .tag > a + a{margin-left:3px}
.item_detail .item-head .price{margin-top:35px; margin-bottom:20px} 
.item_detail .item-head .price > .pull-right{display:block; position:relative}
.item_detail .item-head .price > .pull-right .btn_recommend{padding:0; line-height:26px}
.item_detail .item-head .price > .pull-left{position:relative}
.item_detail .item-head .pull-left b{ font-weight:500; font-size:26px; color:#222}
.item_detail .item-head .pull-left .won{font-weight:300; font-size:20px}
.item_detail .item-head .pull-left strike{display:none; font-size:20px; color:#666}
.item_detail .item-head .pull-left span.dc_percent{display:none; width:50px; height:25px; line-height:23px; color:#ff0000; position:relative; top:-3px; font-size:15px; border:1px solid #ff0000; text-align:center; border-radius:10px; font-weight:500; margin-left:5px;}
.item_detail .item-head .pull-left .unit{font-size:26px}
.item_detail .item-head .price .dc{display:none}
.item_detail .item-head .option-line{margin:15px 0; border-top:1px solid #222}
.item_detail .item-head .option-tbl .option-line{border-top:1px solid #eee}
.item_detail .item-head .option-tbl{margin-bottom:30px; font-size:15px; color:#666}
.item_detail .item-head .option-tbl .price_tr strike{font-size:15px; line-height:22px; color:#666}
.item_detail .item-head .option-tbl .price_tr .won{font-size:15px}
.item_detail .item-head .option-tbl .price_tr .red{margin-left:6px; font-weight:600; font-size:18px; line-height:22px; color:#222}
.item_detail .item-head .option-tbl .price_tr .dc_percent{margin-left:6px; font-weight:600; font-size:22px; line-height:22px; color:#fa193e}
.item_detail .item-head .option-tbl th{width:155px; padding-top:20px; font-weight:500; font-size:16px; color:#222}
.item_detail .item-head .option-tbl td{padding-top:20px; font-weight:400}
.item_detail .item-head .option-tbl select.input-sm{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .pay_con .pay_tab > label{margin-bottom:5px}
.item_detail .pay_con .pay_tab > select.input-sm{margin-bottom:5px}
.item_detail .list-group-item{padding:8px 20px; border: 1px solid #f1f1f1; background:#fafafa}
.item_detail .list-group-item .col_tit{width:calc(100% - 155px); margin-top:5px; padding-bottom:5px}
.item_detail .list-group-item .col_count{width:155px}
.item_detail .item-head .list-group-item .col-sm-6 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .item-head .list-group-item .col-sm-5 input, .item_detail .item-head .list-group-item .col-sm-5 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .list-group-item .row .col-sm-7{width:55.333333%}
.item_detail .list-group-item .row .col-sm-5{width:44.666667%}
.item_detail .item-head .it_opt_subj{font-size:15px; line-height:1.2; color:#666}
.item_detail .item-head .price-sum{margin:33px 0; font-weight:400; font-size:16px; color:#222}
.item_detail .item-head .price-sum b{margin-left:10px}
.item_detail .item-head .price-sum span{font-weight:500; font-size:25px}
.item_detail .item-head .price-sum .won{font-weight:300; font-size:20px}
.item_detail .item-head ul.item-form-btn{margin:0}
.item_detail .item-head ul.item-form-btn li.btn_b{width:calc(50% - 5px)}
.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:10px}
.item_detail .item-head ul.item-form-btn li a{padding:0; border:1px solid #222; font-weight:500; font-size:17px; line-height:60px}
.item_detail .item-head ul.item-form-btn li input{padding:0; border:1px solid #222; background-color:#fff; font-weight:400; font-size:17px; color:#222}
.item_detail .item-head ul.item-form-btn li input.black_btn{background-color:#222; color:#fff}
.item_detail .item-form-footer{margin-top:50px}
.item_detail .item-tab .tabs .tab-content{border:0}
.item_detail_tab .tab-content>.tab-pane{display:block}

.item_detail .item_detail_tab .tabs_box{width:100%; border-bottom:1px solid #ddd; background-color:#fff; text-align:center}
.item_detail .item_detail_tab .tabs_box.fixed{position:fixed; top:0; left:50%; z-index:10; width:100%; max-width:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%)}
.item_detail .item_detail_tab .tabs ul.tabs-top{display:inline-block; width:auto; border:0; margin:0 0 -3px}
.item_detail .item_detail_tab .tabs ul.tabs-top li{width:auto; margin:0; text-align:center; cursor:pointer}
.item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:12px}
.item_detail .item_detail_tab .tabs ul.tabs-top li span{display:block; position:relative; padding:0 30px; border:0; background-color:transparent; font-size:18px; line-height:58px; color:#999}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{font-weight:500; background:#fff; color:#222}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#222}
.item_detail .item_detail_tab .tabs ul.tabs-top li .orangered{font-weight:400; color:#333}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on .orangered{font-weight:500; color:#fff}
.item_detail .panel{margin-bottom:80px}
.item_detail .link_con{margin-top:100px}
.item_detail .link_con.it_detail_qa{margin-bottom:30px}
.item_detail .tab_etc{margin-bottom:50px}
.item_detail .use-btn{margin:12px 0 10px}
.item_detail .item_rel_tit{padding:0; border:0; border-bottom:2px solid #222; padding-bottom:24px; margin-bottom:0px;}
.item_detail .item_rel_tit h3{ font-size:27px; color:#222;}
.item_detail .panel-body{padding:0;}

@media (max-width:991px){
	.item_detail #sit_pvi_thumb{padding:10px 45px}
	.item_detail #sit_pvi_thumb > ul li a img{display:inline-block; width:50px; height:50px}
	.responsive .item_detail .item-head .form-container{border:0}
	.item_detail .thumb_tab_wrap button{width:45px; height:70px}
	.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
	.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0}
	.item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px}
	.item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px}
	.item_detail .item-form-footer{margin-top:1px}
	.item_detail .item_detail_tab .tabs_box{margin:0; padding:0}
	.item_detail .item_detail_tab .tabs{margin:0 -15px}
	.item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:0}
	.item_detail .item_detail_tab .tabs ul.tabs-top li span{display:inline-block; padding:0 10px; font-size:13px; line-height:42px}
	.item_detail .item_rel_tit{padding-bottom:15px; margin-bottom:20px; margin-top:30px;}
	.item_detail .item_rel_tit h3{font-size:15px; padding-bottom:0;}
}
@media (max-width:768px){
	.item_detail .img-container{width:100%;}
	.responsive .item_detail .item-head{margin-bottom:0}
	.item_detail #sit_pvi_thumb{ padding:10px 45px}
	.item_detail #sit_pvi_thumb a{margin:0 5px 0}
	.item_detail #sit_pvi_thumb img{width:60px; height:60px}
	.item_detail .swiper-button-next, .item_detail .swiper-container-rtl .swiper-button-prev{width:45px; height:60px}
	.item_detail .swiper-button-prev, .item_detail .swiper-container-rtl .swiper-button-next{width:45px; height:60px}
	.responsive .item_detail .item-head .form-container{width:100%; border-top:0}
	.responsive .item_detail .item-head .text{padding:30px 0 10px}
	.item_detail .item-head h1{font-size:20px}
	.item_detail .item-head .desc{font-size:14px; padding-top:8px;}
	.item_detail .item-head .tag{margin-top:10px}
	.item_detail .item-head .tag > a{font-size:12px}
	.item_detail .item-head .price{margin-top:23px; margin-bottom:13px} 
	.item_detail .item-head .pull-left b{font-weight:600; font-size:17px}
	.item_detail .item-head .pull-left .won{font-size:16px}
	.item_detail .item-head .option-line{margin:10px 0}
	.item_detail .item-head .option-tbl{margin-bottom:10px; font-size:12px}
	.item_detail .item-head .option-tbl .price_tr strike{font-size:12px; line-height:15px}
	.item_detail .item-head .option-tbl .price_tr .won{font-size:13px}
	.item_detail .item-head .option-tbl .price_tr .red{font-size:13px; line-height:15px}
	.item_detail .item-head .option-tbl .price_tr .dc_percent{font-size:15px; line-height:15px}
	.item_detail .item-head .option-tbl th{width:100px; padding-top:10px; font-size:12px;}
	.item_detail .item-head .option-tbl td{padding-top:10px}
	.item_detail .item-head .option-tbl label{line-height:32px}
	.item_detail .item-head .option-tbl select.input-sm{height:32px; line-height:32px; font-size:13px}
	.item_detail .list-group-item{padding:10px 0}
	.item_detail .list-group-item .col_tit{width:100%; margin-top:0}
	.item_detail .list-group-item .col_count{width:100%}
	.item_detail .list-group-item .row .col-sm-7{width:100%; padding:0 15px 10px; line-height:15px}
	.item_detail .list-group-item .row .col-sm-5{width:100%}
	.item_detail .item-head .it_opt_subj{font-size:12px}
	.item_detail .item-head .it_opt_prc{font-size:12px}
	.item_detail .item-head .price-sum{margin:20px 0 10px; font-size:14px}
	.item_detail .item-head .price-sum span{font-size:24px;}
	.item_detail .item-head .price-sum .won{font-size:18px}
	.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
	.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0}
	.item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px}
	.item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px}
	.item_detail .item-form-footer{margin-top:0}
	.item_detail .panel{margin-bottom:40px}
	.item_detail .link_con{margin-top:30px}
	/* 구매버튼 변경 */
	.item_detail .pay_con{bottom:0}
	.item_detail .pay_con .pay_tab > label{width:100px; font-size:13px; line-height:30px}
	.item_detail .pay_con .pay_tab > select.input-sm{width:calc(100% - 100px); margin-left:-4px; font-size:13px}
	.item_detail .pay_con .btn_payview{margin-bottom:0}
}

/* 공유하기 버튼 변경_pc 동일하게 변경 */
.share_popup_wrap{display:none; position:fixed; top:50%; left:50%; z-index:1002; margin-left:-172px; transform: translateY(-50.3%);}
.share_popup_wrap .it_share_popup{position:relative; min-width:345px; padding:15px 15px 30px; border:1px solid #959595; background-color:#fff}
.it_share_popup .share_title{margin-bottom:25px}
.it_share_popup .share_title .title{font-size:15px; color:#222}
.it_share_popup .share_content .share_ul{text-align:center}
.it_share_popup .share_ul > li{display:inline-block; padding:0 6px}
/* sense:PATCH FIVESENSES.Corp. [LinkHrefSeo] */
/* 원본: .it_share_popup .share_ul > li > a{display:inline-block; overflow:hidden; border-radius:50%} | .it_share_popup .share_ul > li > a img{} */
.it_share_popup .share_ul > li > a,
.it_share_popup .share_ul > li > button.share_btn{padding:0; border:0; background:none; cursor:pointer;}
.it_share_popup .share_ul > li > a, .it_share_popup .share_ul > li > button.share_btn{display:inline-block; overflow:hidden; border-radius:50%}
.it_share_popup .share_ul > li > a img, .it_share_popup .share_ul > li > button.share_btn img{}
.it_share_popup .btn_close{display:block; position:absolute; top:10px; right:15px; padding:5px; cursor:pointer}
.it_share_popup .input_url{border:none; width:1px; height:1px; position:absolute; top:0; left:0; background:transparent; }
.dim_layer{display:none; position:fixed; top:0; left:0; z-index:1001; width:100%; height:100%; background-color:rgba(0,0,0,0.2)}

@media (max-width:768px){
	.share_popup_wrap{position:fixed; width:290px; margin-left:-145px}
	.share_popup_wrap .it_share_popup{min-width:100%; padding:15px 15px 24px}
	.it_share_popup .share_title .title{font-size:13px}
	.it_share_popup .share_ul > li{padding:0 5px}
	/* sense:PATCH FIVESENSES.Corp. [LinkHrefSeo] */
	/* 원본: .it_share_popup .share_ul > li > a{width:45px} | .it_share_popup .share_ul > li > a img{display:inline-block; width:100%} */
	.it_share_popup .share_ul > li > a, .it_share_popup .share_ul > li > button.share_btn{width:45px}
	.it_share_popup .share_ul > li > a img, .it_share_popup .share_ul > li > button.share_btn img{display:inline-block; width:100%}
	.it_share_popup .btn_close{right:13px}
	.it_share_popup .btn_close img{width:12px}
}

/*********************************************************************
 상품상세 하단_ 리뷰
 ㄴ skin.에있는 하단리뷰 타이틀 모두 리뷰스킨안으로 넣기
*********************************************************************/
.item_detail .review_banner{margin-bottom:62px; padding:45px 0 50px; background-color:#fafafa; text-align:center}
.item_detail .review_banner .txt{font-size:18px; line-height:29px; color:var(--main-point-color)}
.item_detail .review_banner .btn_write{display:inline-block; margin-top:24px; padding:0 109px; background-color:#000022}
.item_detail .review_banner .btn_write > span{display:block; font-size:17px; line-height:56px; color:#fff}
.responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{ font-size:27px; color:#222; font-weight:400; padding-bottom:20px}
.m-review-panel .review-body > div .table-row .table-cell{padding:40px 0}
.m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:1px solid #ddd}
.m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:55.018%}
.responsive .fix_panel .m-review-panel .grade_total{margin-bottom:25px; color:#666; font-weight:400; font-size:20px}
.responsive .fix_panel .m-review-panel .grade_total > span{font-weight:600; color:#000}
.m-review-panel .review-body .cnt-wrap:after {display:none}
.m-review-panel .review-body .cnt-wrap .grade_star {display:inline-block; max-width:200px}
.m-review-panel .review-body .cnt-wrap .grade_star .fa{margin-left:-2px; font-size:38px;}
.m-review-panel .review-body .cnt-wrap .grade_num{display:inline-block; margin-left:10px}
.m-review-panel .review-body .cnt-wrap .grade_num .grade{margin:0}
.m-review-panel .review-body .cnt-wrap .grade_num .grade .cur{display:inline-block; font-weight:600; line-height:1}
.m-review-panel .review-body > div {border-right:0}
.m-review-panel .review-body > div + div{border-left:1px solid #ddd}
.m-review-panel .review-body .item-simple-review {width:31%; padding:0 55px}
.responsive .item-simple-review .simple_wrap > div.left_text{width:75px; font-size:15px; font-weight:500;}
.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 20px; border:1px solid #222; border-radius:0 !important; background-color:#fff; font-weight:400; font-size:14px; line-height:37px; color:#222}
.item_detail .use-btn .btn-box .review_btn, #itemqa .qa-btn .btn-group .btn-color{background-color:#222; color:#fff}
.qa_panel .list-board .board-list{margin-bottom:22px}

@media (max-width:991px){
	.item_detail .review_banner{margin-bottom:40px; padding:35px 0 40px}
	.item_detail .review_banner .txt{font-size:12px; line-height:1.6}
	.item_detail .review_banner .btn_write{margin-top:15px; padding:0 45px}
	.item_detail .review_banner .btn_write > span{font-size:13px; line-height:35px}
	.qa_panel.panel .panel-heading{margin-bottom:0}
	.responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{font-size:15px; padding-bottom:15px}
	.m-review-panel .review-body > div .table-row .table-cell{padding:10px 0}
	.m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:0}
	.m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:50%}
	.responsive .fix_panel .m-review-panel .grade_total{margin-bottom:15px}
	.m-review-panel .review-body .cnt-wrap.table .grade_star {display:inline-block; max-width:100%}
	.m-review-panel .review-body .cnt-wrap .grade_star .fa{font-size:20px;}
	.m-review-panel .review-body .cnt-wrap .grade_num{display:block; margin-left:0}
	.item_detail .m-review-panel .review-body .cnt-wrap.table .grade_num .grade{margin:0px 0 10px 0;}
	.m-review-panel .review-body > div .table-row .table-cell ul{max-width:150px}
	.m-review-panel .review-body > div + div{border-left:0}
	.m-review-panel .review-body .item-simple-review {width:100%}
	.responsive .fix_panel .m-review-panel{border-bottom:0}
	.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 17px; font-size:12px; line-height:28px}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
견적문의 html > skin > estimate2
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media (min-width: 1950px) {
    .top_menu.m04_10_top_menu {
        margin-bottom:50px;
    }
}

.estimate_write2 .info_box ul.info {
    display: flex;
    font-size: 22px;
    align-items: center;
    padding-top: 53px;
}

.estimate_write2 .info_box ul.info li {
    color: #222;
    position: relative;
    padding-left: 38px;
    font-size: 22px;
    font-weight: 500;
}

.estimate_write2 .info_box ul.info li.tel {
    margin-right: 25px;
}

.estimate_write2 .info_box ul.info li.email {
    margin-left: 30px;
}

.estimate_write2 .info_box ul.info li::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 22px;
    content: "";
    background-size: 92%;
}

.estimate_write2 .info_box ul.info li.tel::before {
    background: url(https://fivepro.co.kr/img/ic-tel.png) no-repeat center center;
    top: 3px;
}

.estimate_write2 .info_box ul.info li.email::before {
    width: 24px;
    background: url(https://fivepro.co.kr/img/ic-email.png) no-repeat center center;
}

.estimate_write2 .info_box ul.info li.tel::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 10px;
    top: 7px;
    right: -25px;
    display: block;
    background-color: #aaaaaa;
}

.estimate_write2 .info_box .des {
    border-bottom: 1px solid #dcdcdc;
    padding: 70px 0 15px 0;
    text-align: right;
    color: #999999;
    font-family: 'Pretendard-Regular';
    font-size: 16px;
    margin-bottom: 80px;
}

.estimate_write2 .info_box .des > span.nec {
    color: var(--main-point-color-hover);
    font-weight: 700;
    margin-right: 3px;
}

.estimate_write2 .flex-box {
    display: flex;
}

.estimate_write2 .flex-box .in_box {
    width: 50%;
}

.estimate_write2 .flex-box .in_box:first-of-type {
    margin-right: 40px;
}

.estimate_write2 .flex-box .in_box .inquiry_box {
    margin-bottom: 50px;
}

.estimate_write2 .inquiry_box > label {
    float: none;
    color:var(--main-point-color);
    line-height: 20px;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
    width: auto;
}

.estimate_write2 .inquiry_box > label span.nec {
    color: var(--main-point-color-hover);
}

.estimate_write2 .flex-box .in_box .inquiry_box > .answer, .estimate_write2 .inquiry_box .answer {
    float: none;
    width: 100%;
    position: relative;
}

.estimate_write2 .flex-box .in_box .inquiry_box input, .estimate_write2 .inquiry_box textarea {
    width: 100%;
    font-size: 16px;
    line-height: 54px;
    border-radius: 10px !important;
    border: 1px solid transparent;
    background-color: #f8f8f8;
    padding: 0 20px;
}

.estimate_write2 .inquiry_box .answer_content {
    padding-right: 10px;
    background-color: #f8f8f8;
    border-radius: 10px;
    height: 250px;
    overflow: hidden;
}

.estimate_write2 .inquiry_box textarea {
    line-height: 28px;
    position: relative;
    width: 100%;
    border: none;
    box-sizing: border-box;
    height: 220px !important;
    line-height: 28px;
    padding: 13px 30px 0;
    margin-top: 10px;
}

.estimate_write2 .inquiry_box textarea:focus {
    background-color: #fff;
}

.estimate_write2 .inquiry_box textarea::-webkit-scrollbar {
    width: 5px;
    background: transparent;
}

.estimate_write2 .inquiry_box textarea::-webkit-scrollbar-thumb {
    background: #4a4a4a;
}

.estimate_write2 .inquiry_box textarea::-webkit-scrollbar-track {
    background: #f8f8f8;
}

.estimate_write2 .inquiry_box textarea:focus:-webkit-scrollbar-track {
    background: #fff;
}

.estimate_write2 .inquiry_box textarea::-webkit-scrollbar-button {
    background: #f8f8f8;
}

.estimate_write2 .inquiry_box.content_box {
    margin-bottom: 60px;
}

.estimate_write2 .flex-box .in_box .inquiry_box input::placeholder, .estimate_write2 .inquiry_box textarea::placeholder {
    color: #aaa;
}

.estimate_write2 .flex-box .in_box .inquiry_box input:focus {
    border: 1px solid var(--main-point-line-color-hover);
    background-color: #fff;
}

/* .estimate_write2 .flex-box .in_box .inquiry_box input.wr_3{background-image: url(https://fivepro.co.kr/img/select_arr.png); background-position: right 20px center; background-repeat: no-repeat; cursor: pointer;} */
/* .estimate_write2 .flex-box .in_box .inquiry_box input.wr_3:focus{background-image: url(https://fivepro.co.kr/img/select_arr_on.png); background-position: right 20px center;} */
.estimate_write2 .flex-box .in_box .inquiry_box input.wr_3+span {
    position: absolute;
    top: 0;
    right: 20px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 0;
}

.estimate_write2 .flex-box .in_box .inquiry_box input.wr_3:focus+span {
    transform: rotate(180deg);
}

.estimate_write2 .flex-box .in_box .inquiry_box input.wr_3.on {
    border: 1px solid var(--main-point-line-color-hover);
    background-color: #fff;
}

.estimate_write2 .flex-box .in_box .inquiry_box input.wr_3.on+span {
    transform: rotate(180deg);
}

.estimate_write2 .inquiry_box .wr_3_drop {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    padding: 10px 21px;
    position: absolute;
    top: 67px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    display: none;
}

/* .estimate_write2 .inquiry_box .wr_3:focus+.wr_3_drop{display: block;} */
.estimate_write2 .inquiry_box .wr_3_drop li {
    color: #aaaaaa;
    font-size: 16px;
    line-height: 38px;
    cursor: pointer;
}

.estimate_write2 .inquiry_box .wr_3_drop li:hover {
    color: var(--main-point-color-hover);
    font-weight: 500;
}

.estimate_write2 .radio_box .estimate_tit {
    margin-bottom: 60px;
}

.estimate_write2 .inquiry_box.estimate_tit > label {
    margin-bottom: 20px;
}

.estimate_write2 .radio_box .estimate_radioBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.estimate_write2 .radio_box .estimate_radioBox>div {
    flex: 1;
}

.estimate_write2 .radio_box .estimate_radioBox>div input {
    display: none;
}

.estimate_write2 .radio_box .estimate_radioBox>div input+label {
    border: 1px solid #aaaaaa;
    border-radius: 10px;
    color: #aaaaaa;
    font-size: 18px;
    line-height: 54px;
    text-align: center;
    width: 100%;
    cursor: pointer;
}

.estimate_write2 .radio_box .estimate_radioBox>div input+label span {
    font-weight: 400;
}

.estimate_write2 .radio_box .estimate_radioBox>div input:checked+label {
    color: var(--main-point-color-hover);
    border: 1px solid var(--main-point-line-color-hover);
}

.estimate_write2 .inquiry_box.file_box {
    margin-bottom: 30px;
}

.estimate_write2 .inquiry_box .answer .file_input {
    max-width: 260px;
}

.estimate_write2 .inquiry_box .answer .file_input .row .file_content > label {
    font-family: 'Pretendard';
    background-color:var(--main-point-btn-bg-color-hover);
    width: 95px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
}

.estimate_write2 .inquiry_box .answer .file_input .row .file_content > div.right_file {
    width: calc(100% - 95px);
}

.estimate_write2 .inquiry_box .answer .file_input .row .file_content > div.right_file input {
    font-family: 'Pretendard';
    color: #666;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    border: none;
    padding-left: 20px;
}

.estimate_write2 .inquiry_box .answer .file_input .row .file_content > div.right_file input::placeholder {
    color: #666;
}

.estimate_write2 .inquiry_box .answer .file_control {
    margin-left: 20px;
    margin-bottom: 20px;
}

.estimate_write2 .inquiry_box .answer .file_control .form-control-static {
    line-height: 35px;
    color: #aaa;
    font-size: 16px;
}

.estimate_write2 .inquiry_box .answer .file_control .form-control-static span {
    margin-right: 6px;
}

.estimate_write2 .inquiry_box .answer .file_control .form-control-static img {
    margin-right: 7px;
    display: inline-block;
}

.estimate_write2 .files_p {
    color: #aaaaaa;
    font-size: 16px;
}

.estimate_write2.write-wrap .check-box h3 {
    color:var(--main-point-color);
    line-height: 20px;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
    width: auto;
}

.estimate_write2 .check-box {
    border-bottom: none;
}

.estimate_write2 .check-box .privacy_box {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 20px 10px 25px 25px;
    margin-top: 25px;
    margin-bottom: 10px;
    height: 170px;
    overflow: hidden;
}

.estimate_write2 .check-box .privacy {
    height: 120px;
    overflow-y: scroll;
}

.estimate_write2 .check-box .privacy::-webkit-scrollbar {
    width: 5px;
    background: #fff;
}

.estimate_write2 .check-box .privacy::-webkit-scrollbar-thumb {
    background: #4a4a4a;
}

.estimate_write2 .check-box .privacy::-webkit-scrollbar-track {
    background: #fff;
}

.estimate_write2 .check-box .privacy::-webkit-scrollbar-corner {
    background: #fff;
}

.estimate_write2 .check-box .privacy::-webkit-scrollbar-button {
    background: #fff;
}

.estimate_write2 .check-box .privacy p {
    font-family: "Pretendard", sans-serif;
    color:var(--main-point-color);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8em;
}

.estimate_write2 .check-box .check-input + label {
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    margin-top: 0;
}

.estimate_write2 .check-input + label:after {
    background: url('/img/search_ch_off.png') no-repeat 0 0;
    width: 17px;
    height: 17px;
    top: calc(50% - 1px);
}

.estimate_write2 .check-input:checked + label:after {
    background: url('/img/search_ch_on.png') no-repeat 0 0;
}

.estimate_write2.write-wrap .write-btn.btn_write {
    margin: 80px 0 30px;
}

.estimate_write2.write-wrap .write-btn.btn_write .btn {
    border: 1px solid var(--main-point-btn-line-color-hover);
    background-color: var(--main-point-btn-bg-color-hover);
    width: 260px;
}

.estimate_write2.write-wrap .write-btn.btn_write .btn span {
    line-height: 54px;
    font-size: 17px;
    font-weight: 700;
}

.estimate_write2 .well_box {
    margin-top: 40px;
}

.estimate_write2 .well_box h3 {
    color:var(--main-point-color);
    line-height: 20px;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
    width: auto;
}

.estimate_write2 .well_box .well {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 10px !important;
    box-shadow: none;
    padding: 25px 10px;
}

#captcha #captcha_key {
    width: 240px;
    height: 45px;
    margin: 0;
    padding: 0 25px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background-color: #fff !important;
}

#captcha_info,
.well_box #captcha_info {
    color: #555555;
    font-size: 15px;
    font-weight: 400;
    margin-top: 14px;
    display: block;
}
@media (max-width: 480px) {
    #captcha_info,
    .well_box #captcha_info {
      margin-top: 8px;
      font-size: 10px;
    }
}
@media (max-width: 991px) {
    .estimate_write2 .info_box ul.info {
        display: block;
        padding-top: 25px;
    }

    .estimate_write2 .info_box ul.info li {
        font-size: 15px;
        padding-left: 24px;
    }

    .estimate_write2 .info_box ul.info li.tel {
        margin-bottom: 13px;
    }

    .estimate_write2 .info_box ul.info li.email {
        margin-left: 0;
    }

    .estimate_write2 .info_box ul.info li::before {
        width: 15px;
        height: 15px;
    }

    .estimate_write2 .info_box ul.info li.tel::before {
        background: url(https://fivepro.co.kr/img/mic-tel.png) no-repeat center center;
        background-size: cover;
        top: 0;
    }

    .estimate_write2 .info_box ul.info li.email::before {
        width: 15px;
        background: url(https://fivepro.co.kr/img/mic-email.png) no-repeat center center;
        background-size: cover;
    }

    .estimate_write2 .info_box ul.info li.tel::after {
        display: none;
    }

    .estimate_write2 .info_box .des {
        font-size: 12px;
        padding: 32px 0 10px;
        margin-bottom: 49px;
    }

    .estimate_write2 .info_box .des > span.nec {
        font-weight: 400;
    }

    .estimate_write2 .inquiry_box.file_box {
        margin-bottom: 18px;
    }

    .estimate_write2 .flex-box {
        display: block;
    }

    .estimate_write2 .flex-box .in_box {
        width: 100%;
    }

    .estimate_write2 .flex-box .in_box:first-of-type {
        margin-right: 0;
    }

    .estimate_write2 .inquiry_box > label {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .estimate_write2 .flex-box .in_box .inquiry_box {
        margin-bottom: 30px;
    }

    .estimate_write2 .flex-box .in_box .inquiry_box input, .estimate_write2 .inquiry_box textarea {
        font-size: 14px;
        line-height: 43px;
        border-radius: 5px !important;
    }

    .estimate_write2 .flex-box .in_box .inquiry_box input {
        padding: 0 15px;
        border-radius: 2.5px !important;
    }

    .estimate_write2 .inquiry_box.estimate_tit > label {
        margin-bottom: 12px;
    }

    .estimate_write2 .radio_box .estimate_tit {
        margin-bottom: 35px;
    }

    .estimate_write2 .radio_box .estimate_radioBox {
        flex-wrap : wrap;
        gap: 10px;
    }

    .estimate_write2 .radio_box .estimate_radioBox>div {
        width: calc(50% - 5px);
        flex: auto;
    }

    .estimate_write2 .radio_box .estimate_radioBox>div input+label {
        border-radius: 5px;
        font-size: 14px;
        line-height: 40.5px;
        margin-top: 0;
    }

    .estimate_write2 .inquiry_box.content_box {
        margin-bottom: 35px;
    }

    .estimate_write2 .inquiry_box .answer_content {
        height: 150px;
        border-radius: 5px;
    }

    .estimate_write2 .inquiry_box textarea {
        line-height: 1.2em;
        padding: 10px 15px 0;
        margin-top: 5px;
        height: 125px !important;
    }

    .estimate_write2 .inquiry_box .answer .file_input .row .file_content {
        margin-bottom: 6px;
    }

    .estimate_write2 .inquiry_box .answer .file_input .row .file_content > label {
        font-size: 13px;
        height: 28.5px;
        line-height: 28.5px;
        width: 77.5px;
        border-radius: 2.5px;
    }

    .estimate_write2 .inquiry_box .answer .file_input .row .file_content > div.right_file {
        width: calc(100% - 77.5px);
    }

    .estimate_write2 .inquiry_box .answer .file_input .row .file_content > div.right_file input {
        font-size: 13px;
        height: 28.5px;
        line-height: 28.5px;
        padding-left: 15px;
    }

    .estimate_write2 .inquiry_box .answer .file_control {
        margin-left: 0;
        margin-bottom: 5px;
    }

    .estimate_write2 .inquiry_box .answer .file_control .form-control-static {
        font-size: 12.5px;
    }

    .estimate_write2 .inquiry_box .answer .file_control .form-control-static img {
        width: 20px;
        margin-right: 5px;
    }

    .estimate_write2 .files_p {
        font-size: 13px;
    }

    .estimate_write2.write-wrap .check-box h3 {
        font-size: 15px;
        margin-bottom: 0;
		font-weight: 300;
    }

    .estimate_write2 .check-box .privacy_box {
        height: 100px;
        padding: 12px 5px 12px 12px;
        border-radius: 2.5px;
        margin-top: 15px;
    }

    .estimate_write2 .check-box .privacy {
        height: 80px;
    }

    .estimate_write2 .check-box .privacy p {
        font-size: 11.5px;
        line-height: 17.5px;
    }

    .estimate_write2 .check-input + label:after {
        width: 12px;
        height: 12px;
        background: url('/img/msearch_ch_off.png') no-repeat 0 0;
        background-size: 100%;
    }

    .estimate_write2 .check-input:checked + label:after {
        background: url('/img/msearch_ch_on.png') no-repeat 0 0;
        background-size: 100%;
    }

    .estimate_write2 .check-box .check-input + label {
        font-size: 13px;
        padding-left: 20px;
    }

    .estimate_write2 .well_box {
        margin-top: 18px;
    }

    .estimate_write2 .well_box h3 {
        font-size: 15px;
        margin-bottom: 13px;
		font-weight: 300;
    }

    .estimate_write2 .well_box .well {
        border-radius: 5px !important;
        padding: 15px 10px;
    }

    .estimate_write2 .well_box #captcha {
        width: auto;
        text-align: center;
    }

    /* .at-html .estimate_write2 .well_box #captcha #captcha_img {
        width: 90px;
        height: 34px;
        border-radius: 0;
    } */

    /* .estimate_write2 .well_box #captcha.m_captcha #captcha_mp3 {
        width: 17px;
        height: 17px;
        background-size: 100%;
        left: 90px;
		transform: none;
    } */

    /* .at-html .estimate_write2 .well_box #captcha #captcha_reload {
        width: 17px;
        height: 17px;
        background-size: 100%;
        background-position-y: -16px;
        top: 17px;
		left: auto;
    } */

    /* .estimate_write2 .well_box #captcha #captcha_key {
        width: 90px;
        height: 34px;
        border-radius: 0;
        margin-left: 27px;
        background-image: url('https://fivepro.co.kr/img/mwrest_custom.png') !important;
        background-size: 7.5px 7.5px !important;
    } */

    /* .estimate_write2 .well_box #captcha_info {
        font-size: 11.5px;
        margin-top: 10px;
    } */

    .estimate_write2.write-wrap .write-btn.btn_write {
        margin: 45px 0 5px;
    }

    .estimate_write2.write-wrap .write-btn.btn_write .btn {
        width: 190px;
    }

    .estimate_write2.write-wrap .write-btn.btn_write .btn span {
        font-size: 14px;
        line-height: 42.5px;
    }

    /* .estimate_write2 .flex-box .in_box .inquiry_box input.wr_3{background-image: url(https://fivepro.co.kr/img/mselect_arr.png);background-position: right 15px center; background-size: 9px 5.5px;} */
    .estimate_write2 .flex-box .in_box .inquiry_box input.wr_3+span {
        height: 42.5px;
    }

    .estimate_write2 .flex-box .in_box .inquiry_box input.wr_3+span img {
        width: 100%;
        width: 9px;
        height: 5.5px;
    }

    .estimate_write2 .inquiry_box .wr_3_drop {
        padding: 9px 15px;
        border-radius: 5px;
        top: 52.5px;
    }

    .estimate_write2 .inquiry_box .wr_3_drop li {
        font-size: 13px;
        line-height: 31px;
    }
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
온라인 견적문의 quote_contact
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.quote_contact *{font-family: 'Pretendard';}
.quote_contact .quote_ordersheet_wrap{background-color: #f9f9f9; border-radius: 17px; padding: 30px 0;}
.quote_contact .in_box_title{margin-top: 70px;}
.write-wrap.quote_contact h2{color:var(--main-point-color); font-size: 28px; font-weight: 700; margin: 70px 0; text-align: center;}
.write-wrap.quote_contact .quote_order_view_tt h2{font-weight: 500; text-align: left; margin: 10px 0 70px;}
.quote_contact .quote_title{margin-bottom: 20px; display: flex; align-items: flex-end; justify-content: space-between;}
.quote_contact .quote_title .quote_title_text{color: var(--main-point-color); font-size: 24px; font-weight: 500; line-height: 1em;}
.quote_contact .quote_title .des{color: #999999; font-size: 16px; font-weight: 300; line-height: 1em; margin-bottom: -8px;}
.quote_contact .quote_title span.nec{color: var(--main-point-color-hover); font-weight: 700;}
.estimate_write2.quote_contact .inquiry_box > label span.nec{color: var(--main-point-color-hover);}
.estimate_write2.quote_contact .radio_box{gap: 20px;}
.estimate_write2.quote_contact .radio_box .estimate_radioBox>div input:checked+label{color: var(--main-point-color-hover); border: 1px solid var(--main-point-color-hover);}
.quote_contact .ordersheet_box{padding: 0 30px;}
.quote_contact .quote_ordersheet{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; margin-bottom: 20px;}
.quote_contact .quote_ordersheet:last-of-type{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.quote_contact .quote_ordersheet .quote_left{display: flex; align-items: center; width: 60%;}
.quote_contact .quote_ordersheet .quote_left .image{margin-right: 25px; border-radius: 5px; overflow: hidden; min-width: 130px;}
.quote_contact .quote_ordersheet .quote_left .content_subname{color: #666; font-size: 13px; line-height: 1.4em; margin-bottom: 5px;}
.quote_contact .quote_ordersheet .quote_left .content_name{color:var(--main-point-color); font-size: 18px; font-weight: 700; line-height: 1.4em;}
.quote_contact .quote_ordersheet .quote_left .content_option li{color: #666666; font-size: 14px; line-height: 1.4em; margin-top: 10px;}
.quote_contact .quote_ordersheet .quote_left .content_option span.opt_bar{background-color: #bebebe; width: 1px; height: 13px; display: inline-block; margin: 0 4px; position: relative; top: 2px;}
.quote_contact .quote_ordersheet .content_price{text-align: right;}
.quote_contact .quote_ordersheet .content_price li{color: var(--main-point-color); font-size: 20px; font-weight: 500; line-height: 1em;}
.quote_contact .quote_ordersheet .content_price li span{font-weight: 700;}
.quote_contact .quote_ordersheet .content_price .strike_li{color: #666666; font-size: 14px; font-weight: 400; margin-top: 10px;}
.quote_contact .quote_ordersheet_wrap .price_txt{color: var(--main-point-color-hover); font-size: 24px; text-align: right; padding: 30px 30px 0; border-top: 1px solid #f2f2f2; margin-top: 30px; line-height: 1em;}
.quote_contact .quote_ordersheet_wrap .price_txt .cart_tot_price{font-weight: 600;}
.quote_contact .quote_ordersheet_wrap .price_txt .won{font-weight: 500; margin-left: -5px;}
.estimate_write2.quote_contact .flex-box .in_box .inquiry_box input{border: 1px solid #d6d6d6; background: #fff;}
.estimate_write2.quote_contact .flex-box .in_box .inquiry_box input:focus{border: 1px solid var(--main-point-line-color-hover);}
.estimate_write2.quote_contact .radio_box .estimate_tit{margin-bottom: 50px;}
.estimate_write2.quote_contact .inquiry_box .answer_content{border: 1px solid #d6d6d6; background-color: #fff;height: 220px;}
.estimate_write2.quote_contact .inquiry_box .answer_content textarea{background-color: #fff; padding: 13px 20px; height: 200px !important;}
.estimate_write2.quote_contact .inquiry_box .answer_content textarea::-webkit-scrollbar-track{background: #fff;}
.estimate_write2.quote_contact .inquiry_box .answer_content textarea::-webkit-scrollbar-button{background: #fff;}
.estimate_write2.quote_contact .inquiry_box .answer_content textarea::-webkit-scrollbar-thumb{background: #e3e3e3;}
.estimate_write2.quote_contact .radio_box .estimate_radioBox>div input+label{border: 1px solid #d6d6d6; background-color: #fff; font-size: 16px;}
.quote_contact #btn_submit{background-color: var(--main-point-btn-bg-color-hover); border: 1px solid var(--main-point-btn-line-color-hover); width: 308px; border-radius: 5px !important;}
.quote_contact #btn_submit span{font-size: 16px; line-height: 58px; font-weight: 500;}
.estimate_write2.quote_contact .check-box .privacy_box{background-color: #fff;}
.estimate_write2.quote_contact .inquiry_box .answer .file_input .row .file_content > div.right_file input{background-color: transparent;}
.estimate_write2.quote_contact .inquiry_box .answer .file_input .row .file_content > div.right_file input::placeholder{color: #aaa;}
.estimate_write2.quote_contact .check-input + label:after{background: url('/img/online_contact_ch_off.png') no-repeat 0 0;}
.estimate_write2.quote_contact .check-input:checked + label:after{background: url('/img/online_contact_ch_on.png') no-repeat 0 0;}
.estimate_write2.quote_contact .write-btn.btn_write{margin: 60px 0 30px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.estimate_write2.quote_contact .check-box .privacy::-webkit-scrollbar-thumb{background: #e3e3e3;}

.quote_contact .quote_ordersheet_wrap .well_box{}
/* .quote_contact .quote_ordersheet_wrap .well_box #captcha{display: flex; justify-content: center; gap: 7px; margin-bottom: 20px;}
.quote_contact .quote_ordersheet_wrap .well_box .captcha_imgbox{width: 240px;height: 45px;line-height: 45px;overflow: hidden;border: 1px solid #d6d6d6;background-color: #fff;border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.quote_contact .quote_ordersheet_wrap .well_box #captcha .captcha_imgbox #captcha_img{width: auto; height: 100%; border: none;}
.quote_contact .quote_ordersheet_wrap .well_box #captcha .capcha_aid{width: 22px;display: flex;flex-flow: column;margin: 0;}
.quote_contact .quote_ordersheet_wrap .well_box #captcha .capcha_aid #captcha_mp3{width: 22px; height: 22px; left: auto;}
.quote_contact .quote_ordersheet_wrap .well_box #captcha .capcha_aid #captcha_mp3 span{width: 22px;height: 22px;background: url(/img/modal_captcha_mp3.jpg) no-repeat #e3e3e3;background-size: cover;}
.quote_contact .quote_ordersheet_wrap .well_box #captcha .capcha_aid #captcha_reload{width: 22px; height: 22px; top: 22px; left: auto;}
.quote_contact .quote_ordersheet_wrap .well_box #captcha .capcha_aid #captcha_reload span{width: 22px;height: 22px; background: url(/img/modal_captcha_reload.jpg) no-repeat #e3e3e3;background-size: cover; display: block;}
.quote_contact .quote_ordersheet_wrap .well_box #captcha #captcha_key{width: 240px;height: 45px;line-height: 45px;margin: 0;padding: 0 25px;border: 1px solid #d6d6d6 !important;border-radius: 5px;} */

/* 온라인 견적문의 뷰페이지 */
.quote_ordersheet_view .view_tit{color: #1b1b1b; font-size: 24px; font-weight: 500; line-height: 1em; padding-bottom: 25px; border-bottom: 1px solid #444444; margin-bottom: 70px;}
.quote_ordersheet_view .quote_ordersheet_cont + .quote_ordersheet_cont{margin-top: 70px;}
.quote_contact .quote_ordersheet_view .quote_title {justify-content: flex-start; align-items: center;}
.quote_contact .quote_ordersheet_view .quote_title .quote_title_text{color:var(--main-point-color); font-size: 20px;}
.estimate_write2 .quote_ordersheet_view .inquiry_box > label{margin-bottom: 11px;}
.estimate_write2.quote_contact .quote_ordersheet_view .flex-box .in_box .inquiry_box input{padding: 0; background-color: transparent; border: none; cursor: Default; line-height: 44px;}
.estimate_write2.quote_contact .quote_ordersheet_view .inquiry_box .answer_content{background-color: transparent; border: none; height: auto;}
.estimate_write2.quote_contact .quote_ordersheet_view .inquiry_box .answer_content textarea{background-color: transparent; border: none; cursor: Default; height: auto !important; padding: 14px 0; margin-top: 0}
.estimate_write2 .quote_ordersheet_view .inquiry_box.content_box{margin-bottom: 0;}
.estimate_write2 .quote_ordersheet_view .inquiry_box.file_box{margin-bottom: 0; margin-top: 60px;}
.quote_ordersheet_view .inquiry_box .answer .file_input{max-width: 100%; width: 100%;}
.quote_ordersheet_view .inquiry_box .answer .file_input #variableFiles .col-sm-12{margin: 0;}
.quote_ordersheet_view .file_box #variableFiles .form-group{display: flex; align-items: center; font-size: 16px; color: #333333; margin: 0;}
.quote_ordersheet_view .file_box .form-group > a{text-indent: 100%; display: block; overflow: hidden; width: 16px; height: 16px; background: url(https://fivepro.co.kr/img/file_open.png) center / 16px 16px no-repeat; margin-left: 8px;}
.quote_ordersheet_view .quote_ordersheet .item_price{display: flex; align-items: center;}
.quote_contact .quote_ordersheet_view .quote_ordersheet .content_price li span.oc_sticker{padding: 5px 6px; line-height: 1em; color: #f83249; font-size: 12px; font-weight: 500; border-radius: 3px; background-color: #ffebed; margin-right: 8px;}
.quote_contact .quote_ordersheet_view .price_txt strike{color: #666666; font-size: 16px; font-weight: 400;}
.estimate_write2.write-wrap .quote_ordersheet_view .write-btn.btn_write .btn{border: 1px solid var(--main-point-btn-line-color-hover); background-color: var(--main-point-btn-bg-color-hover); width: 230px; border-radius: 5px !important; outline: none;}
.estimate_write2.write-wrap .quote_ordersheet_view .write-btn.btn_write .btn span{line-height: 58px; font-size: 16px; font-weight: 500;}
.estimate_write2.write-wrap .quote_ordersheet_view .write-btn.btn_write .btn-white{background-color: #fff;}
.estimate_write2.write-wrap .quote_ordersheet_view .write-btn.btn_write .btn-white span{color: var(--main-point-btn-line-color-hover);}
.write-wrap .quote_ordersheet_view .write-btn.btn_write .btn + .btn{margin-left: 0;}

.quote_ordersheet_view .status_txt{position: relative; margin-left: 10px;}
.quote_ordersheet_view .status_txt span{font-size: 12px; font-weight: 500; line-height: 1em; padding: 5px 7px; border-radius: 3px; cursor: pointer;}
.quote_ordersheet_view .status_txt span.green_sc{color: #1bc75c; background-color: #e4f9ec;}
.quote_ordersheet_view .status_txt span.blue_sc{color: #18a5ff; background-color: #e6f5ff;}
.quote_ordersheet_view .status_txt span.purple_sc{color: #7145e4; background-color: #f2eefd;}
.quote_ordersheet_view .status_txt span.red_sc{color: #ff657f; background-color: #ffeeec;}
.quote_ordersheet_view .status_txt span.gray_sc{color: #9d9d9d; background-color: #f4f4f4;}
.quote_ordersheet_view .status_caption{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 5px; padding: 10px; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: 5; opacity: 0; visibility: hidden; text-align: left; transition: all .5s;}
.quote_ordersheet_view .status_txt:hover .status_caption{opacity: 1; visibility: visible;}
.quote_ordersheet_view .status_caption p{color: #666666; font-size: 14px; line-height: 22px; white-space : nowrap; font-weight: 400;}
.quote_ordersheet_view .status_caption p a{color: #245bf6; text-decoration: underline; text-underline-offset : 3px; font-size: 14px;}

/* 재견적 요청 모달창 */
.it_content_modal{max-width: 100%; z-index: 1001; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; transition: 0.3s; opacity: 0; visibility: hidden;}
.it_content_modal.active{opacity: 1; visibility: visible;}
.it_content_modal .it_content_modal_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.it_content_modal .it_content_view{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 20px; width: 100%; max-width: 800px; z-index: 1; overflow: hidden; background-color: #fff; padding: 30px 30px 40px;}
.it_content_modal .it_content_view .modal_tit{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eeeeee; padding-bottom: 24px; margin-bottom: 24px; line-height: 1em;}
.it_content_modal .it_content_view .modal_tit label{color: var(--main-point-color); font-size: 26px; font-weight: 700;}
.it_content_modal .it_content_view .modal_tit span{display: block; width: 18px; height: 18px; cursor: pointer; position: relative;}
.it_content_modal .it_content_view .modal_tit span::before,.it_content_modal .it_content_view .modal_tit span::after{content: ''; display: block; background-color: #cccccc; width: 1px; height: 24px; position: absolute; top: 50%; left: 50%;}
.it_content_modal .it_content_view .modal_tit span::before{transform: translate(-50%,-50%) rotate(45deg);}
.it_content_modal .it_content_view .modal_tit span::after{transform: translate(-50%,-50%) rotate(-45deg);}
.it_content_modal .it_content_view .editor_box{height: 285px; padding-top: 20px; padding-right: 20px; border-radius: 10px; background-color: #f7f7f7;}
.it_content_modal .it_content_view .editor_box textarea{height: 245px !important; position: relative; width: 100%; border: none; box-shadow: none;box-sizing: border-box; line-height: 1.4em; font-size: 16px; margin: 0 0 20px; padding-left: 20px; padding-bottom: 0; background-color: transparent; resize: none;}
.it_content_modal .it_content_view .editor_box textarea::placeholder{color:#999999;}
.it_content_modal .it_content_view .editor_box textarea::-webkit-scrollbar{background-color: transparent; width: 8px;}
.it_content_modal .it_content_view .editor_box textarea::-webkit-scrollbar-button{background-color: transparent;}
.it_content_modal .it_content_view .editor_box textarea::-webkit-scrollbar-thumb{background-color: #d6d6d6;}
.it_content_modal .it_content_view .it_content_btn{margin-top: 40px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.it_content_modal .it_content_view .it_content_btn li{max-width: 140px; width: 100%;}
.it_content_modal .it_content_view .it_content_btn .btn{width: 100%; height: 50px; border-radius: 5px !important; font-size: 17px; border: 1px solid #f6f6f6; background: #f6f6f6; color: #333333; line-height: 1.2em; display: flex; align-items: center; justify-content: center; outline: none;}
.it_content_modal .it_content_view .it_content_btn .btn-main{background-color: var(--main-point-btn-bg-color-hover); color: #fff;}

@media (max-width: 991px) {
    .quote_contact.write-wrap{overflow: visible;}
    .quote_contact .quote_ordersheet_wrap{border-radius: 10px; padding: 20px 0;}
    .quote_contact .ordersheet_box{padding: 0 15px;}
    /* .quote_contact .quote_ordersheet_cont::after{content: ''; display: block; width: calc(100% + 30px); height: 10px; background-color: #f9f9fa;position: relative; left: -15px; top: -11px;} */
    .write-wrap.quote_contact h2{font-size: 22px; margin: 15px 0 35px;}
    .quote_contact .quote_title{margin-bottom: 20px; border: none;}
    .quote_contact .in_box_title{margin-top: 30px;}
    .quote_contact .in_box_title .quote_title{margin-bottom: 10px;}
    .quote_contact .quote_title .quote_title_text{font-size: 16px; font-weight: 700;}
    .quote_contact .quote_title .des{font-size: 13px; margin-bottom: 0;}
    .quote_contact .quote_ordersheet{display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
    .quote_contact .quote_ordersheet:last-of-type{border: none;}
    .quote_contact .quote_ordersheet .quote_left{width: 100%; align-items: flex-start;}
    .quote_contact .quote_ordersheet .quote_left .image{min-width: 65px; width: 65px; margin-right: 15px;}
	.quote_contact .quote_ordersheet .quote_left .image img{width: 100%; height: auto;}
    .quote_contact .quote_ordersheet .quote_left .content_subname{font-size: 11px; margin-top: 7px; margin-bottom: 4px;}
    .quote_contact .quote_ordersheet .quote_left .content_name{font-size: 14px;}
    .quote_contact .quote_ordersheet .quote_left .content_option li{font-size: 12px; margin-top: 8px;}
    .quote_contact .quote_ordersheet .content_price{display: flex; align-items: center; justify-content: flex-end; padding-top: 17px;}
    .quote_contact .quote_ordersheet .content_price li{font-size: 13px;}
    .quote_contact .quote_ordersheet .content_price li span{font-size: 16px;}
    .quote_contact .quote_ordersheet .content_price .strike_li{margin-top: 0; margin-right: 7px;}
    .quote_contact .quote_ordersheet_wrap .price_txt{display: flex; align-items: flex-end; justify-content: space-between; padding: 18px 15px 0; margin-top: 18px; border-top: 1px solid #e5e5e5;}
    .quote_contact .quote_ordersheet_wrap .price_txt .cart_tot_price{font-size: 14px;}
    .quote_contact .quote_ordersheet_wrap .price_txt .price{font-size: 20px;}
    .quote_contact .quote_ordersheet_wrap .price_txt .won{font-size: 14px;}
    .quote_contact .quote_ordersheet .quote_left .content_option span.opt_bar{height: 11px; top: 2px;}
    .estimate_write2.quote_contact .flex-box .in_box .inquiry_box{margin-bottom: 25px;}
    .estimate_write2.quote_contact .radio_box .estimate_tit{margin-bottom: 25px;}
    .estimate_write2.quote_contact .inquiry_box.content_box{margin-bottom: 25px;}
    .estimate_write2.quote_contact .inquiry_box .answer_content{height: 125px;}
    .estimate_write2.quote_contact .inquiry_box .answer_content textarea{padding: 13px 15px 0; height: 105px !important;}
    .estimate_write2.quote_contact .check-box .privacy_box{height: 140px; margin-top: 10px;}
    .estimate_write2.quote_contact .check-box .privacy{height: 120px;}
    .estimate_write2.quote_contact .inquiry_box.file_box{margin-bottom: 10px; margin-top: 10px;}
	.estimate_write2.quote_contact .inquiry_box.file_box .answer{display: flex; align-items: flex-start; justify-content: space-between;}
    .estimate_write2.quote_contact .inquiry_box > label{font-weight: 300;}
    .estimate_write2.quote_contact .inquiry_box .answer .file_input{float: left; width: 84%; max-width: inherit;}
    .estimate_write2.quote_contact .inquiry_box .answer .file_control{width: 22%;}
    .estimate_write2.quote_contact .inquiry_box .answer .file_input .row .file_content{margin-bottom: 15px;}
    .estimate_write2.quote_contact .inquiry_box .answer .file_input .row .file_content > div.right_file input{padding-left: 13px;}
    .estimate_write2.quote_contact .inquiry_box .answer .file_input .row .file_content > div.right_file input::placeholder{color: #666666;}
    .estimate_write2.quote_contact .inquiry_box .answer .file_control .form-control-static span{margin: 0;}
    .estimate_write2.quote_contact .inquiry_box .answer .file_control .form-control-static img{margin: 0; width: 25px;}
    .estimate_write2.quote_contact .inquiry_box .answer .file_control .form-control-static{text-align: right; line-height: 28.5px;}
    .estimate_write2.quote_contact .inquiry_box .answer .file_input .row .file_content > label{background-color: #333;}
    .estimate_write2.quote_contact .radio_box .estimate_radioBox>div input:checked+label{color: #fff; font-weight: 500; background-color: var(--main-point-bg-color-hover);}
	.estimate_write2.quote_contact .radio_box .estimate_radioBox>div input+label{border: 1px solid #d6d6d6; color:var(--main-point-color); border-radius: 2.5px;}
	.estimate_write2.quote_contact .radio_box .estimate_radioBox>div input+label span{font-weight: 300; font-size: 15px;}
    .estimate_write2.quote_contact .radio_box .estimate_radioBox>div input:checked+label span{font-weight: 500;}
    .estimate_write2.quote_contact .check-box{padding-bottom: 0;}
    .estimate_write2.quote_contact .check-input + label:after{width: 11px; height: 11px; background: url('/img/m_online_contact_ch_off.png') no-repeat 0 0; background-size: 100%;}
    .estimate_write2.quote_contact .check-input:checked + label:after{width: 11px; height: 11px; background: url('/img/m_online_contact_ch_on.png') no-repeat 0 0; background-size: 100%;}
    .estimate_write2.quote_contact .write-btn.btn_write{margin: 10px 0 -5px;}
	.quote_contact #btn_submit{width: 100%; border-radius: 2.5px !important;}
	.quote_contact #btn_submit span{font-size: 14px; line-height: 42.5px;}
    .fix_footer.quote_contact_footer{margin-top: 0;}

	.write-wrap.quote_contact .quote_ordersheet_view .view_tit{font-size: 21px; font-weight: 500; padding-bottom: 20px; border-bottom: 1px solid #666; margin-bottom: 35px; text-align: center;}
	.quote_contact .quote_ordersheet_view .quote_title{margin-bottom: 15px;}
	.quote_contact .quote_ordersheet_view .quote_title .quote_title_text{font-size: 16px;}
	.estimate_write2.quote_contact .quote_ordersheet_view .flex-box .in_box .inquiry_box{margin-bottom: 16px;}
	.estimate_write2 .quote_ordersheet_view .inquiry_box > label{font-size: 14px; margin-bottom: 0;}
	.estimate_write2.quote_contact .quote_ordersheet_view .flex-box .in_box .inquiry_box input{font-size: 15px;}
	.estimate_write2.quote_contact .quote_ordersheet_view .inquiry_box.content_box{margin-bottom: 0;}
	.estimate_write2.quote_contact .quote_ordersheet_view .inquiry_box .answer_content textarea{padding: 15px 0 0;}
	.quote_ordersheet_view .file_box #variableFiles .form-group{font-size: 13px;}
	.estimate_write2.quote_contact .quote_ordersheet_view .inquiry_box .answer .file_input .row .file_content{margin-bottom: 10px;}
	.quote_ordersheet_view .file_box .form-group > a{width: 13px; height: 13px; background: url(https://fivepro.co.kr/img/m_file_open.png) center / 13px 13px no-repeat;}
	.quote_ordersheet_view .quote_ordersheet_cont + .quote_ordersheet_cont{margin-top: 35px;}
	.estimate_write2.quote_contact .quote_ordersheet_view .write-btn.btn_write{margin: 30px 0 -5px;}
	.estimate_write2.quote_contact .quote_ordersheet_view .inquiry_box > label{font-weight: 400;}
	.quote_contact .quote_ordersheet_view .quote_ordersheet .content_price {font-size: 13px;}
	.quote_contact .quote_ordersheet_view .quote_ordersheet .content_price li span.oc_sticker{font-size: 11px; border-radius: 4px; padding: 4px 6px;}
	.quote_contact .quote_ordersheet_view .quote_ordersheet .content_price > span{font-size: 16px; font-weight: 600;}
	.quote_contact .quote_ordersheet_view .quote_ordersheet .content_price li.strike_li{font-size: 13px;}
	.quote_contact .quote_ordersheet_view .quote_ordersheet_wrap .price_txt .price{margin-left: 5px;}
	.quote_contact .quote_ordersheet_view .price_txt strike{font-size: 13px;}
	.estimate_write2.write-wrap .quote_ordersheet_view .write-btn.btn_write .btn{width: auto; flex: 1; border-radius: 2.5px !important;}
	.estimate_write2.write-wrap .quote_ordersheet_view .write-btn.btn_write .btn span{line-height: 43px; font-size: 14px;}
	.estimate_write2.quote_contact .quote_ordersheet_view .inquiry_box .answer .file_input{width: 100%;}

	.it_content_modal .it_content_view{top: auto; left: 0; transform: none; bottom: 0; border-radius: 20px 20px 0 0; padding: 58px 0 0;}
	.it_content_modal .it_content_view .content_view_box{padding: 0 25px;}
	.it_content_modal .it_content_view .modal_tit{position: relative; padding-bottom: 25px; margin-bottom: 20px;}
	.it_content_modal .it_content_view .modal_tit label{font-size: 17px;}
	.it_content_modal .it_content_view .modal_tit a{position: absolute; top: -40px; right: -5px;}
	.it_content_modal .it_content_view .modal_tit span{width: 15px; height: 15px;}
	.it_content_modal .it_content_view .modal_tit span::before, .it_content_modal .it_content_view .modal_tit span::after{height: 20px;}
	.it_content_modal .it_content_view .editor_box{height: 250px; padding-top: 15px; padding-right: 6px;}
	.it_content_modal .it_content_view .editor_box textarea{height: 220px !important; margin: 0 0 15px; padding: 0 0 0 15px; font-size: 17px;}
	.it_content_modal .it_content_view .editor_box textarea::-webkit-scrollbar{width: 6px;}
	.it_content_modal .it_content_view .it_content_btn{margin-top: 35px; gap: 0;}
	.it_content_modal .it_content_view .it_content_btn li{max-width: 100%; flex: 1;}
	.it_content_modal .it_content_view .it_content_btn .btn{font-size: 16px; height: 48px; border-radius: 0 !important;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
제품소개 html > skin > infomation
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.infomation_board .gallery_container .img-wrap .img-item:hover:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 2px solid #7d2fff;
}

.infomation_board .list-page {
    margin: 0 !important;
}

.infomation_board .fix_gallery_content {
    margin-top: 20px;
}

.infomation_board .fix_gallery_content h5 {
    color:var(--main-point-color);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

.infomation_view .no-attach {
    display: none;
}

.infomation_view .view_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 0;
    border-bottom-color: #e1e1e1;
    padding: 10px 0 17px;
}

.infomation_view .view_title:after {
    display: none;
}

.infomation_view .view_title .view_subject {
    float: none;
    width: calc(100% - 160px);
    padding-left: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color:var(--main-point-color);
}

.infomation_view .view-padding {
    padding: 100px 0 0;
}

.infomation_view .infomation_vtop_section {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.infomation_view .infomation_vtop_section > div {
    display: table-cell;
    vertical-align: top;
}

.infomation_view .infomation_vtop_section .l_img_section img {
    width: 100%;
}

.infomation_view .infomation_vtop_section .l_img_section .slick3 {
    overflow: hidden;
    margin-top: 12px;
}

.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list {
    margin: 0 -6px;
}

.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list .slick-track {
    margin: 0;
}

.infomation_view .infomation_vtop_section .l_img_section .slick3 .slick-list .slick-slide {
    margin: 0 6px;
}

.infomation_view .infomation_vtop_section .r_txt_section {
    padding-left: 6.5%;
}

.infomation_view .infomation_vtop_section .r_txt_section.no_padding {
    padding-left: 0;
}

.infomation_view .infomation_vtop_section .r_txt_section .info_tit {
    font-size: 40px;
    font-weight: 500;
    color:var(--main-point-color);
    margin-top: 20px;
}

.infomation_view .infomation_vtop_section .r_txt_section .info_des {
    font-size: 18px;
    line-height: 34px;
    color: #666666;
    margin-top: 25px;
}

.infomation_view .info_tab_wrap {
    margin: 100px 0;
}

.infomation_view .info_tab_wrap ul {
    display: flex;
}

.infomation_view .info_tab_wrap li {
    background: #f6f6f6;
    font-size: 21px;
    color: #a9a9a9;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #7d2fff;
    width: 50%;
    text-align: center;
    line-height: 74px;
    cursor: pointer;
    font-weight: 500;
}

.infomation_view .info_tab_wrap img {
    max-width: 100%;
}

.infomation_view .info_tab_wrap li.on {
    background: #fff;
    color: #7d2fff;
    border: 1px solid #7d2fff;
    border-bottom-color: transparent;
}

.infomation_view .info_con_wrap li:not(.on) {
    display: none;
}

.infomation_view .info_bot_btns {
    margin-top: 70px;
    border-top: 1px solid #d7d7d7;
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.infomation_view .info_bot_btns .list_btn_fix {
    width: 110px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #7d2fff;
}

.infomation_view .info_bot_btns .list_btn_fix span {
    display: block;
    font-size: 17px;
    color: #ffffff;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 2px;
}

.infomation_view .info_bot_btns .info_bot_prev, .infomation_view .info_bot_btns .info_bot_next {
    display: flex;
    font-size: 17px;
    font-weight: 600;
    color:var(--main-point-color);
    align-items: center;
}

.infomation_view .info_bot_btns .info_bot_prev span {
    display: block;
    margin-left: 20px;
}

.infomation_view .info_bot_btns .info_bot_next span {
    display: block;
    margin-right: 20px;
}

.infomation_view img {
    max-width: 100%;
}

@media (max-width: 991px) {
    .infomation_board .fix_gallery_content {
        margin-top:15px;
    }

    .infomation_board .fix_gallery_content h5 {
        font-size: 14px;
    }

    .is-mobile .infomation_view .view-padding {
        padding: 50px 0 0;
    }

    .infomation_view .view_title {
        padding: 14px 0;
    }

    .infomation_view .view_title .view_subject {
        margin: 0;
        font-size: 18px;
    }

    .infomation_view .view_title > a > img {
        width: 30px;
    }

    .infomation_view .infomation_vtop_section > div {
        display: block;
    }

    .infomation_view .infomation_vtop_section .r_txt_section {
        padding-left: 0;
    }

    .infomation_view .infomation_vtop_section .r_txt_section .info_tit {
        font-size: 24px;
        margin-top: 40px;
    }

    .infomation_view .infomation_vtop_section .r_txt_section .info_des {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 25px;
    }

    .infomation_view .info_tab_wrap {
        margin: 35px 0 50px;
    }

    .infomation_view .info_tab_wrap li {
        font-size: 13px;
        line-height: 40px;
    }

    .infomation_view .info_bot_btns {
        margin-top: 40px;
        padding-top: 15px;
    }

    .infomation_view .info_bot_btns .info_bot_prev, .infomation_view .info_bot_btns .info_bot_next {
        font-size: 13px;
        align-items: flex-start;
    }

    .infomation_view .info_bot_btns .info_bot_prev img, .infomation_view .info_bot_btns .info_bot_next img {
        width: 6px;
    }

    .infomation_view .info_bot_btns .info_bot_prev span {
        margin-left: 12px;
    }

    .infomation_view .info_bot_btns .info_bot_next span {
        margin-right: 12px;
    }

    .infomation_view .info_bot_btns .list_btn_fix {
        width: 82px;
        height: 32px;
    }

    .infomation_view .info_bot_btns .list_btn_fix span {
        font-size: 13px;
        margin-left: 5px;
    }

    .infomation_view .info_bot_btns .list_btn_fix img {
        width: 12px;
    }
}

/* 2024-09-19 (주)파이브센스_FIVESENSES.Corp. */
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 html > skin > basic > list > basic 스킨
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.board_style .notice_board .div-head {
    background: none;
    border-top: 1px solid #252525;
    border-bottom-color: #d7d7d7;
    padding: 20px 0;
}

.board_style .notice_board.list-board .list-body li {
    border-bottom-color: #d7d7d7;
}

.board_style .notice_board.list-board .list-body li.bg-gray {
    background: #f9f9f9 !important;
}

.board_style .notice_board.list-board .list-body li.bg-gray .wr-date, .board_style .notice_board.list-board .list-body li.bg-gray .wr-name, .board_style .notice_board.list-board .list-body li.bg-gray .wr-hit {
    visibility: hidden;
}

.board_style .notice_board.list-board .list-body li .wr-notice_fix {
    width: 60px;
    line-height: 25px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    display: inline-block;
    background: var(--main-point-bg-color-hover);
    border-radius: 3px;
    margin-right: 0px !important;
}

.board_style .notice_board.list-board .list-body li b {
    color: var(--main-point-bg-color-hover);
    font-size: 15px;
}

.board_style .notice_board .div-head > span {
    font-size: 16px;
    font-weight: 500;
}

.board_style .notice_board.list-board .list-body li > div {
    font-size: 14px;
    color: var(--main-point-color);
    padding: 22px 0;
}

.board_style .notice_board.list-board .list-body li.bg-gray > div {
    padding: 17px 0;
}

.board_style .notice_board.list-board .list-body li.bg-gray > div a {
    color: var(--main-point-bg-color-hover);
    font-weight: 600;
    line-height: 1.4;
}

.sort_btn.btn {
    font-size: 13px;
    padding: 4px 11px;
}

.notice_board ~ .list-page {
    margin: 0px 0 -15px !important;
}

.notice_search_wrap {
    margin-bottom: 30px;
}

.notice_search_box {
    position: relative;
    display: table;
    margin-left: auto;
}

.notice_search_box input {
    width: 350px;
    height: 45px;
    border: 1px solid #d7d7d7;
    border-radius: 30px;
    font-size: 15px;
    color: #222;
    padding: 0px 55px 0 25px;
}

.notice_search_box input::placeholder {
    color: #888888;
}

.notice_search_box button {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    background: none;
    outline: 0;
    box-shadow: none;
    border: none;
}

.board_style .notice_board.list-board .wr-secret {
    width: 11px;
    height: 14px;
    background: url(https://fivepro.co.kr/img/icon_secret.png) no-repeat center /cover;
    margin: 0 0 0 7px;
    vertical-align: top;
}

@media (max-width: 991px) {
    .notice_search_box input {
        font-size:13px;
        width: 220px;
        height: 40px;
        padding: 0 45px 0 20px;
    }

    .notice_search_box button {
        right: 20px;
    }

    .notice_search_box button img {
        width: 20px;
    }

    .board_style .notice_board.list-board .list-body li > div {
        padding: 10px 5px;
    }

    .board_style .notice_board.list-board .list-body li.bg-gray > div {
        padding: 10px 5px;
    }

    .board_style .notice_board.list-board .list-body li .wr-notice_fix {
        width: 50px;
        line-height: 23px;
        margin-right: 8px;
        vertical-align: middle;
    }

    .board_style .notice_board.list-board .list-body li b {
        vertical-align: middle;
    }

    .notice_board ~ .list-page {
        margin: 0 0 10px !important;
    }

    .sort_btn.btn {
        font-size: 13px;
        padding: 3px 10px;
    }

    .board_style .notice_board.list-board .wr-secret {
        transform: scale(0.85);
        margin: -0.5px 0px 0px 4px;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 html > skin > basic > list > gallery 스킨
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.gallery_board .fix_gallery_content {
    margin-top: 17px;
}

.gallery_board .fix_gallery_content h5 {
    font-size: 18px;
    font-weight: 600;
    color:var(--main-point-color);
    line-height: 1.2;
}

.gallery_board .fix_gallery_content .gallery_des {
    font-size: 16px;
    color: #777777;
    line-height: 1.2;
    margin-top: 10px;
}

.gallery_board ~ .list-page {
    margin: 15px 0 -15px !important;
}

@media (max-width: 991px) {
    /* 2025-06-02 (주)파이브센스_FIVESENSES.Corp. */
    /* .gallery_board .fix_gallery_content {
        margin-top:15px;
    }

    .gallery_board .fix_gallery_content h5 {
        font-size: 14px;
    }

    .gallery_board .fix_gallery_content .gallery_des {
        font-size: 13px;
        margin-top: 6px;
    }

    .list-wrap .list-container.gallery_container.gallery_board {
        margin-right: -10px;
        margin-bottom: -10px;
    }

    .list-wrap .list-container.gallery_container.gallery_board .list-item {
        margin-right: 10px;
        margin-bottom: 25px;
    } */

    .gallery_board ~ .list-page {
        margin: 0 0 10px !important;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 html > skin > basic > list > webzine 스킨
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-webzine .list-item {
    padding: 0;
    margin-bottom: 50px;
    border-bottom: 0;
    position: relative;
}

.list-webzine .list-item:hover:before {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    border: 1px solid var(--main-point-line-color-hover);
    pointer-events: none;
}

.list-webzine .media {
    overflow: visible;
}

.list-webzine .media:last-of-type .list-item {
    margin-bottom: 15px;
}

.list-webzine .list-item .img {
    margin-right: 34px;
}

.list-webzine .list-item .list-details {
    border-style: dashed;
    padding: 12px 0;
    margin-top: 18px;
    font-size: 14px;
    color: #666666;
}

.list-webzine .list-item h2.media-heading {
    padding: 2px 0 0;
}

.list-webzine .list-item h2.media-heading > a {
    font-size: 18px;
    color:var(--main-point-color);
    font-weight: 600;
}

.list-webzine .list-item:hover h2.media-heading > a {
    color: var(--main-point-color-hover);
}

.list-webzine .list-item .list-sp {
    color: #bcbcbc;
    position: relative;
    top: -1.5px;
}

.list-webzine .list-item .list-cont {
    font-size: 16px;
    color: #666666;
    margin-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.7;
    height: 3.4em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-webzine ~ .list-page {
    margin: 20px 0 -15px !important;
}

@media (max-width: 991px) {
    .list-webzine .list-item:hover:before {
        display:none;
    }

    .list-webzine .list-item h2.media-heading {
        padding-top: 23px;
    }

    .list-webzine .list-item h2.media-heading > a {
        font-size: 16px;
    }

    .list-webzine .list-item .list-details {
        margin-top: 14px;
        font-size: 12px;
    }

    .list-webzine .list-item .img {
        width: 100%;
        margin-right: 0;
        float: none !important;
    }

    .list-webzine .list-item .list-cont {
        font-size: 13px;
        line-height: 1.7;
        margin-top: 14px;
    }

    .list-webzine .list-item {
        margin-bottom: 40px;
    }

    .list-webzine ~ .list-page {
        margin: 0 0 10px !important;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
FAQ html > skin > faq > basic > list.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

.faq_box .div-panel .faq_q_content {
    padding: 18px 0 !important;
    border-color: #d7d7d7 !Important;
}

.faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon {
    width: 65px;
}

.faq_box .div-panel .faq_q_content .faq_icon span, .faq_box .div-panel .faq_a_content .faq_icon span {
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
}

.faq_box .div-panel .faq_q_content .text {
    font-size: 16px;
    font-weight: 500;
    color:var(--main-point-color);
    margin-top: 6px;
}

.faq_box .div-panel.panel-group .panel-heading a.active {
    border-color: #d7d7d7 !important;
}

.faq_box .div-panel .faq_q_content .faq_arrow_icon {
    right: 26px;
}

.faq_box .div-panel .faq_a_content .faq_icon span {
    background: #b8b8b8;
}

.faq_box .div-panel .faq_a_content .text {
    font-size: 15px;
    color: #666;
    line-height: 26px;
}

.faq_box .div-panel .faq_a_content {
    background-color: #f8f8f8;
}

.faq-flex-wrap .list-page {
    margin: 15px 0 -15px !important;
}



@media (max-width: 991px) {
    .faq_box .div-panel {
        margin-bottom:0;
    }

    .faq_box .div-panel .faq_q_content {
        padding: 15px 0 !important;
    }

    .faq_box .div-panel .faq_q_content .text {
        margin-top: 4px;
    }

    .faq_box .div-panel .faq_q_content .faq_icon, .faq_box .div-panel .faq_a_content .faq_icon {
        width: 47px;
    }

    .faq_box .div-panel .faq_q_content .faq_arrow_icon {
        right: 10px;
    }

    .faq_box .div-panel .faq_a_content {
        padding: 20px 0;
    }

    .faq_box .div-panel .faq_a_content .text {
        font-size: 14px;
    }

}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
블로그 html > skin > basic > blog
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-blog .list-item .img-item {
    position: relative;
}

.list-blog .list-item .img-item img {
    widtH: 100%;
    display: block;
}

.list-blog .blog_des {
    display: flex;
    margin-top: 24px;
}

.list-blog .blog_des .date-box {
    width: 67px;
    margin-right: 15px;
}

.list-blog .blog_des .date-box .date-item {
    background: var(--main-point-bg-color-hover);
    color: #fff;
    padding: 12px 0 9px;
    font-size: 11px;
}

.list-blog .blog_des .date-box .date-item .date {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 4px;
}

.list-blog .blog_des .date-box .date-icon {
    height: 60px;
    background: #f2f3f8 url(https://fivepro.co.kr/img/blog_icon.png) no-repeat center;
    margin-top: 7px;
}

.list-blog .blog_des h2.media-heading {
    line-height: 1.2;
    padding: 0;
}

.list-blog .blog_des h2.media-heading a {
    color: var(--main-point-color);
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-blog .blog_des .media-body {
    width: calc(100% - 82px);
}

.list-blog .blog_des .list-details {
    padding: 8px 0;
    border-style: dashed;
    font-size: 12px;
    color: #666666;
    margin-top: 10px;
}

.list-blog .blog_des .list-cont {
    font-size: 13px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.7;
    height: 3.4em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 15px;
}

.list-blog .blog_des .list-cont a{
    color: #666;
}

.list-blog .list-item {
    border-bottom: 0;
}

.list-blog .list-item .read-more {
    margin-top: 15px;
    font-size: 12px;
}

.list-blog .list-item .read-more span {
    color: #999;
}

.list-blog ~ .list-page {
    margin: 0 0 -15px !important;
}

@media (max-width: 991px) {
    .responsive .list-blog .list-media {
        width:100% !important;
    }

    .list-blog {
        margin-right: 0 !important;
        margin-bottom: -10px !Important;
    }

    .responsive .list-blog .list-item {
        margin-right: 0 !important;
        margin-bottom: 40px !important;
        padding-bottom: 0;
    }

    .list-blog .blog_des .list-cont {
        margin-top: 12px;
    }

    .list-blog .blog_des .date-box .date-icon {
        background-image: url(https://fivepro.co.kr/img/mblog_icon.png);
        background-size: 36px;
    }

    .responsive .list-blog .list-media:last-of-type .list-item {
        margin-bottom: 0 !Important;
    }

    .list-blog ~ .list-page {
        margin: 20px 0 10px !important;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
타임라인 html > skin > basic > blog
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-timeline .timeline {
    overflow: visible;
}

.list-timeline ~ .list-page {
    display: none !Important;
}

.list-timeline #infscr-loading {
    display: none !important;
    visibility: hidden !important;
}

.list-timeline .timeline::after {
    width: 1px;
    margin-left: -0.5px;
    background: #d7d7d7;
}

.list-timeline .timeline .timeline-row .timeline-content {
    border: 0;
    background: none;
}

.list-timeline .timeline .timeline-row .timeline-icon {
    width: 12px;
    height: 12px;
    background: var(--main-point-bg-color-hover);
    top: 58px;
    margin-left: -5px;
}

.list-timeline .timeline .timeline-row.timeline-sep .timeline-icon {
    top: 167px;
}

.list-timeline .timeline .timeline-row .timeline-time {
    font-style: normal;
    color: var(--main-point-color-hover);
    font-weight: 600;
    font-size: 22px;
    top: 53px;
    line-height: normal;
}

.list-timeline .timeline .timeline-row.timeline-sep .timeline-time {
    top: 162px;
}

.list-timeline .timeline .timeline-row .timeline-label {
    top: 0px;
    width: 110px;
    margin-left: -55px;
    line-height: 47px;
    height: 45px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    background-color: var(--main-point-bg-color-hover);
    text-align: center;
    border-radius: 30px;
}

.list-timeline .timeline .timeline-row .timeline-desc {
    padding: 20px 0 0;
}

.list-timeline .timeline .timeline-row .timeline-heading {
    padding: 0;
    margin: 0;
}

.list-timeline .timeline .timeline-row .timeline-heading a {
    font-weight: 700;
    font-size: 21px;
    color:var(--main-point-color);
    line-height: 1.2;
}

.list-timeline .timeline .timeline-row .timeline-explan {
    font-size: 16px;
    color: #777777;
    margin: 9px 0 0;
}

.list-timeline .timeline .timeline-row .timeline-info {
    color: #666666;
    font-size: 15px;
    margin-top: 19px;
}

.list-timeline .list-item .list-sp {
    color: #bcbcbc;
    font-size: 12px;
    position: relative;
    top: -2px;
}

@media (min-width: 1281px) {
    .list-timeline .timeline {
        padding-bottom:60px;
    }

    .list-timeline .timeline:last-of-type {
        padding-bottom: 0;
    }

    .list-timeline .timeline .timeline-row.timeline-sep {
        margin-top: 100px;
        padding-top: 110px;
    }

    .list-timeline .timeline .timeline-row {
        padding-bottom: 20px;
    }

    .list-timeline .timeline .timeline-row:last-of-type {
        padding-bottom: 0;
        margin-top: 0;
    }

    .list-timeline .timeline :nth-child(2n+1).timeline-row .timeline-content {
        padding-right: 100px;
        margin-right: 0;
        padding-left: 0;
    }

    .list-timeline .timeline .timeline-row .timeline-content {
        padding-left: 100px;
        margin-left: 0;
    }

    .list-timeline .timeline .timeline-row .timeline-content::after {
        top: 63px;
        background: #d7d7d7;
        height: 1px;
        width: 50%;
        left: 0;
        right: auto;
    }

    .list-timeline .timeline :nth-child(2n+1).timeline-row .timeline-content::after {
        left: auto;
        right: 0%;
    }

    .list-timeline .timeline .timeline-row .timeline-time img {
        display: inline-block;
        margin-right: 2px;
        margin-top: -2px;
    }

    .list-timeline .timeline :nth-child(odd) .timeline-time img:last-of-type {
        display: none;
    }

    .list-timeline .timeline :nth-child(even) .timeline-time img:first-of-type {
        display: none;
    }

    .list-timeline .timeline :nth-child(even) .timeline-time img {
        margin-left: 2px;
        margin-right: 0;
    }
}

@media (max-width: 1280px) {
    .list-timeline {
        margin-bottom:-20px;
    }

    .list-timeline .timeline {
        padding: 0;
    }

    .list-timeline .timeline::after {
        left: 0;
    }

    .list-timeline .timeline .timeline-row {
        margin-bottom: 40px;
    }

    .list-timeline .timeline .timeline-row .timeline-content {
        margin-left: 15px !Important;
    }

    .list-timeline .timeline .timeline-row .timeline-time {
        margin: 0 0 14px 15px !important;
        font-size: 18px;
    }

    .list-timeline .animated.timeline .timeline-row .timeline-content::after {
        display: none;
    }

    .list-timeline .timeline .timeline-time img:last-of-type {
        display: none;
    }

    .list-timeline .timeline .timeline-row.timeline-sep {
        margin-top: 135px;
    }

    .list-timeline .timeline .timeline-row .timeline-label {
        margin-left: 0;
        top: -85px;
        font-size: 21px;
        width: 100px;
        height: 40px;
        line-height: 42px;
    }

    .list-timeline .timeline .timeline-row .timeline-icon {
        top: 0 !important;
        left: 0;
    }

    .list-timeline .timeline .timeline-row .timeline-time {
        top: -4px !important;
    }

    .list-timeline .timeline .timeline-time img {
        width: 16px;
        margin-top: -1px;
    }

    .list-timeline .timeline .timeline-row .timeline-desc {
        padding-top: 15px;
    }

    .list-timeline .timeline .timeline-row .timeline-heading a {
        font-size: 16px;
        font-weight: 600;
    }

    .list-timeline .timeline .timeline-row .timeline-explan {
        font-size: 13px;
        margin-top: 8px;
    }

    .list-timeline .timeline .timeline-row .timeline-info {
        margin-top: 18px;
        font-size: 12px;
        line-height: 1.2;
    }

    .list-timeline .list-item .list-sp {
        font-size: 10px;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
토크박스 html > skin > basic > talkbox
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.talk-box-wrap.top_write_wrap {
    margin-bottom: 160px;
}

.talk-box-wrap.top_write_wrap .talk-bubble {
    background: none;
    border: none;
    padding: 0;
}

.talk-box-wrap.top_write_wrap .talk-bubble:before, .talk-box-wrap.top_write_wrap .talk-bubble:after {
    display: none;
}

.talk-box-wrap .wr_cont_box {
    background: #fff;
    border-color: #d7d7d7;
    border-radius: 3px;
    margin-bottom: 12px;
}

.talk-box-wrap .wr_cont_box:after, .talk-box-wrap .wr_cont_box:before {
    margin: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.talk-box-wrap .talk-right .wr_cont_box:after, .talk-box-wrap .talk-right .wr_cont_box:before {
    right: calc(100% - 1px);
    top: 25px;
}

.talk-box-wrap .talk-right .wr_cont_box:before {
    border-width: 9px 12px 9px 0;
    border-right-color: #d7d7d7;
    margin-top: -13px;
}

.talk-box-wrap .talk-right .wr_cont_box:after {
    margin-top: -12px;
    border-right-color: #fff;
    border-width: 8px 11px 8px 0;
}

.talk-box-wrap .talk-right .wr_cont_box textarea {
    border-color: #d7d7d7;
    border-radius: 3px !important;
    background: #fff;
    box-shadow: none !important;
    resize: none;
    color: #222;
    font-size: 15px;
    padding: 17px 20px;
}

.talk-box-wrap .talk-right .wr_cont_box textarea::placeholder {
    color: #999999;
}

.talk-box-wrap .talk-box.talk-right {
    margin-left: 93px;
}

.talk-box-wrap #talk_submit {
    width: 85px;
    line-height: 35px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    background: var(--main-point-btn-bg-color-hover);
    color: #fff;
}

.talk-box-wrap .write_btn_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.talk-box-wrap .write_btn_wrap .btn-group {
    margin-left: -7px;
}

.talk-box-wrap .write_btn_wrap .btn-group > a {
    color: #787878;
    border: 0;
    background: none !important;
    padding: 5px 7px;
    box-shadow: none !important;
}

.talk-box-wrap:not(.top_write_wrap) .talk-bubble {
    background: #fff;
    border-color: #d7d7d7;
    border-radius: 3px;
}

.talk-box-wrap:not(.top_write_wrap) .talk-bubble:before {
    border-right-color: #d7d7d7;
    border-width: 9px 12px 9px 0;
}

.talk-box-wrap:not(.top_write_wrap) .talk-bubble:after {
    border-right-color: #fff;
    border-width: 8px 11px 8px 0;
}

.list-talk .list-item .list-content {
    padding: 23px 25px;
    min-height: 126px;
}

.list-talk .list-item .talk-img img {
    width: 100%;
}

.list-talk .list-item .list-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list-talk .list-item .list-content .talk_left_con {
    width: calc(100% - 200px);
}

.list-talk .list-item .list-content .talk_left_con > a {
    color:var(--main-point-color);
    font-size: 15px;
    line-height: 17px;
    display: block;
}

.list-talk .list-item .list-content .tack-icon {
    border-radius: 2px;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    width: 38px;
    line-height: 17px;
    height: auto;
    padding: 0;
    text-align: center;
    background: var(--main-point-bg-color-hover);
    letter-spacing: 0;
    font-family: 'noto sans kr', sans-serif;
    vertical-align: top;
    margin-right: 4px;
}

.list-talk .list-item .talk-img {
    order: 1;
}

.list-talk .list-item .list-details {
    font-size: 14px;
    color: #999999;
    margin-top: 17px;
}

.list-talk .list-item .list-sp {
    font-size: 12px;
    color: #999999;
    position: relative;
    top: -2px;
}

.list-talk .talk_btn_wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 11px;
}

.list-talk .talk_btn_wrap > a {
    width: 42px;
    line-height: 23px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    background: #999999;
}

.list-talk .talk_btn_wrap > a + a {
    margin-left: 6px;
}

.list-talk ~ .list-page {
    margin: 0 0 -15px !important;
}

@media (max-width: 991px) {
    .talk-box-wrap.top_write_wrap {
        margin-bottom:50px;
    }

    .talk-box-wrap .wr_cont_box {
        margin-bottom: 7px;
    }

    .talk-box-wrap .talk-right .wr_cont_box textarea {
        font-size: 14px;
        padding: 10px 15px;
    }

    .talk-box-wrap .talk-right .wr_cont_box textarea::placeholder {
        color: #999999;
    }

    .talk-box-wrap .talk-right .wr_cont_box:before {
        border-width: 6px 9px 6px 0;
    }

    .talk-box-wrap .talk-right .wr_cont_box:after {
        border-width: 5px 8px 5px 0;
    }

    .talk-box-wrap .talk-box.talk-right {
        margin-left: 60px;
    }

    .talk-box-wrap .talker-photo, .talk-box-wrap .talker-photo img {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px;
    }

    .talk-box-wrap #talk_submit {
        line-height: 30px;
        font-size: 14px;
    }

    .talk-box-wrap .write_btn_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .talk-box-wrap .write_btn_wrap .btn-group {
        margin-left: -7px;
    }

    .talk-box-wrap .write_btn_wrap .btn-group > a {
        color: #787878;
        border: 0;
        background: none !important;
        padding: 5px 7px;
        box-shadow: none !important;
    }

    .talk-box-wrap:not(.top_write_wrap) .talk-bubble {
        background: #fff;
        border-color: #d7d7d7;
        border-radius: 3px;
    }

    .talk-box-wrap:not(.top_write_wrap) .talk-bubble:before {
        border-right-color: #d7d7d7;
        border-width: 9px 12px 9px 0;
    }

    .talk-box-wrap:not(.top_write_wrap) .talk-bubble:after {
        border-right-color: #fff;
        border-width: 8px 11px 8px 0;
    }

    .list-talk .list-item .list-content {
        padding: 15px 20px;
        min-height: auto;
        display: block;
    }

    .list-talk .list-item .talk-img {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .list-talk .list-item .talk-img img {
        width: 100%;
    }

    .list-talk .list-item .list-content .talk_left_con {
        width: 100%;
    }

    .list-talk .list-item .list-content .talk_left_con > a {
        color:var(--main-point-color);
        font-size: 14px;
        line-height: 21px;
    }

    .list-talk .list-item .list-content .tack-icon {
        border-radius: 2px;
        font-size: 10px;
        font-weight: 500;
        color: #fff;
        width: 38px;
        line-height: 17px;
        height: auto;
        padding: 0;
        text-align: center;
        background: var(--main-point-bg-color-hover);
        letter-spacing: 0;
        font-family: 'noto sans kr', sans-serif;
        vertical-align: top;
        margin-right: 4px;
    }

    .list-talk .list-item .list-details {
        font-size: 12px;
        line-height: 18px;
        margin-top: 12px;
    }

    .list-talk .list-item .list-sp {
        font-size: 10px;
        color: #999999;
        position: relative;
        top: -2px;
    }

    .list-talk .talk_btn_wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: 11px;
    }

    .list-talk .talk_btn_wrap > a {
        font-size: 12px;
    }

    .list-talk .talk_btn_wrap > a + a {
        margin-left: 6px;
    }

    .list-talk ~ .list-page {
        margin: 0 0 -15px !important;
    }
}

/* solution_sub end */


/* 가격안내 > 서브메뉴 상단 타이틀 */
.pricing_title_container {
    padding-top: 130px;
    text-align: center;
}

.pricing_title_container .category {
    display: inline-block;
    margin-bottom: 35px;
    padding: 8px 13px;
    background-color: #fff;
    border: 1px solid #235bf5;
    border-radius: 8px;
    color: #235bf5;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.pricing_title_container .title {
    margin-bottom: 50px;
    color: #0c0c0c;
    font-size: 47px;
    font-weight: 700;
    line-height: 1;
    word-break: keep-all;
}

.pricing_title_container p {
    color: #6c7682;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    word-break: keep-all;
}

@media (max-width: 991px) {
    .pricing_title_container {
        padding: 120px 15px 0;
    }

    .pricing_title_container .category {
        margin-bottom: 23px;
        padding: 8px 10px;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 600;
    }

    .pricing_title_container .title {
        margin-bottom: 20px;
        font-size: 30px;
    }

    .pricing_title_container p {
        font-size: 15px;
        line-height: 25px;
    }
}

/* 블로그 > 서브메뉴 상단 타이틀 */
.blog_title_container {
    padding-top: 130px;
    text-align: center;
}

.blog_title_container .title {
    margin-bottom: 60px;
    color: #0c0c0c;
    font-size: 47px;
    font-weight: 700;
    line-height: 1;
    word-break: keep-all;
}

.blog_title_container p {
    color: #6c7682;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    word-break: keep-all;
}

@media (max-width: 991px) {
    .blog_title_container {
        padding: 120px 15px 0;
    }

    .blog_title_container .title {
        margin-bottom: 22px;
        font-size: 30px;
        line-height: 37px;
    }

    .blog_title_container p {
        font-size: 15px;
        line-height: 23px;
    }
}

/* faq > 상단 타이틀 */
.faq_title_container {
    padding: 130px 0;
    text-align: center;
}

.faq_title_container .title {
    margin-bottom: 47px;
    color: #0c0c0c;
    font-size: 47px;
    font-weight: 700;
    line-height: 1;
    word-break: keep-all;
}

.faq_title_container p {
    color: #6c7682;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    word-break: keep-all;
}

@media (max-width: 991px) {
    .faq_title_container {
        padding: 120px 15px 35px;
    }

    .faq_title_container .title {
        margin-bottom: 18px;
        font-size: 30px;
        line-height: 35px;
    }

    .faq_title_container p {
        font-size: 15px;
        line-height: 24px;
    }
}


/* 제작문의 > 서브메뉴 상단 타이틀 */
.inquiry_title_container {
    padding-top: 130px;
    text-align: center;
}

.inquiry_title_container .category {
    display: inline-block;
    margin-bottom: 35px;
    padding: 8px 13px;
    background-color: #fff;
    border: 1px solid #235bf5;
    border-radius: 8px;
    color: #235bf5;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.inquiry_title_container .title {
    margin-bottom: 47px;
    color: #0c0c0c;
    font-size: 47px;
    font-weight: 700;
    line-height: 1;
    word-break: keep-all;
}

.inquiry_title_container p {
    color: #6c7682;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    word-break: keep-all;
}

@media (max-width: 991px) {
    .inquiry_title_container {
        padding: 120px 15px 0;
    }

    .inquiry_title_container .category {
        margin-bottom: 23px;
        padding: 8px 10px;
        border-radius: 6px;
        font-size: 13px;
        font-weight: 600;
    }

    .inquiry_title_container .title {
        margin-bottom: 21px;
        font-size: 30px;
    }

    .inquiry_title_container p {
        font-size: 15px;
        line-height: 24px;
    }
}
/* /css/solution_etc.css */


/* 팝업레이어 */
#hd_pop .hd_pops{border:0px solid #122b27; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px 0px;}
#hd_pop .hd_pops_footer{display: flex; padding:0; border-top:1px solid rgb(247, 247, 247);; background:#fff; text-align:center}
#hd_pop .hd_pops_footer button{width:65%; margin:0; padding:10px 0 ; background:#fff; font-weight:400; font-size:17px; color:#333;    height: 60px;}
#hd_pop .hd_pops_footer button + button{width:35%; margin-left:-4px; border-left:1px solid rgb(247, 247, 247);}

@media (max-width: 768px) {
    #hd_pop .hd_pops_center{    
        position: fixed;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }
}

/* /css/style.css */

/******************************************
메인시작
*******************************************/
/******************************************
서브시작
*******************************************//*# sourceMappingURL=style.css.map */
/* /css/custom.css */

/*************************************************
custom1
************************************************/
/*************************************************
custom2
************************************************/
/*************************************************
custom3
************************************************/
/*************************************************
custom4
************************************************/
/*공통 CSS*/
@media (max-width: 991px) {
  .m_header .container_fix {
    display: flex;
    align-items: center;
  }
  .m_header a.left_menu {
    position: relative;
    left: 0;
  }
  .m_header a.center_logo {
    flex-grow: 1;
  }
}
.fix_footer .mob_logo {
  display: none;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.fix_footer .mob_logo img {
  margin-right: 5px;
  display: inline-block;
  height: 14px;
}
.fix_footer .mob_logo span.arrow {
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
}
.fix_footer .mob_logo span img {
  height: 7px;
  margin-right: 0;
}
.fix_footer .mob_logo.active span.arrow {
  transform: rotate(180deg);
  /* top: 4px; */
}
@media (max-width: 991px) {
  .fix_footer.mob_fixed {
    margin-bottom: 0;
  }
  .fix_footer .mob_logo {
    display: block;
  }
  .fix_footer .fix_infos_box .container_fix {
    /* display: none;
    margin-top: 15px; */
  }
}

.sub_text {
  padding: 0;
  margin: 70px 0 50px;
}
.sub_text.ca_it_mb {
  /* display: none; */
  margin-bottom: 30px;
}
.sub_text h1 {
  font-size: 28px;
  line-height: 1.2em;
  font-weight: 600;
  color: var(--main-point-color);
}
@media (max-width: 991px) {
  .sub_text {
    margin: 50px 0;
  }
  .sub_text h1 {
    font-size: 24px;
  }
  .sub_text .orderaddress_subtit {
    background: #f7f7f7;
    font-size: 16px;
    color: #717171;
    font-weight: 400;
    padding: 12px 10px;
    margin-top: 30px;
    border-radius: 12px;
  }
  .sub_text .orderaddress_subtit > span {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 13px;
    border: 1px solid #717171;
    border-radius: 50%;
    font-size: 9px;
    text-align: center;
    margin-right: 13px;
  }
}
@media (max-width: 480px) {
  .sub_text {
    margin: 35px 0 20px;
  }
  .sub_text h1 {
    font-size: 22px;
  }
  .sub_text .orderaddress_subtit {
    font-size: 12px;
    padding: 12px 6px;
    margin-top: 20px;
    border-radius: 6px;
  }
  .sub_text .orderaddress_subtit > span {
    width: 12px;
    height: 12px;
    line-height: 10px;
    font-size: 9px;
    margin-right: 6px;
  }
}

.marker_box {
  width: 32px;
  position: relative;
  text-align: center;
}
@media (max-width: 480px) {
  .marker_box {
    width: 17px;
  }
}
.marker_box > a.marker_icon, .marker_box > a.m_marker {
    width: 16px;
    height: 21px;
  display: block;
  background: url("https://fivepro.co.kr/img/mmarker_icon_b.png") center/16px 21px no-repeat;
  background-size: cover;
  margin: 0 auto;
}
/* .marker_box > a.m_marker {
    background: url(https://fivepro.co.kr/img/mmarker_icon_b.png) center/15.5px 20px no-repeat;
}
.transparent_H .marker_box > a.marker_icon {
    background: url(https://fivepro.co.kr/img/mmarker_icon_w.png) center/15.5px 20px no-repeat; 
}
@media (max-width: 991px) {
  .marker_box > a.marker_icon, .marker_box > a.m_marker {
    width: 15.5px; height: 19px; background: url(https://fivepro.co.kr/img/mmarker_icon_b.png) center/15.5px 19px no-repeat;
  }
  .transparent_H .marker_box > a.marker_icon {
    width: 15.5px; height: 19px; background: url(https://fivepro.co.kr/img/mmarker_icon_w.png) center/15.5px 19px no-repeat;
  }
}
@media (max-width: 480px) {
  .marker_box > a.marker_icon, .marker_box > a.m_marker {
    width: 15px; height: 20px;
  }
} */
/* .marker_box > a.marker_icon:hover, .marker_box > a.m_marker:hover {
  background: url("https://fivepro.co.kr/img/marker_icon_on.png") no-repeat 50% 50%;
}
@media (max-width: 991px) {
  .marker_box > a.marker_icon:hover, .marker_box > a.m_marker:hover {
    background: url("https://fivepro.co.kr/img/mmarker_icon_on.png") no-repeat 50% 50%/cover;
  }
} */
.marker_box .marker_msg {
  display: none;
  width: 225px;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid #d8d8d8;
  z-index: 11;
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
@media (max-width: 991px) {
  .marker_box .marker_msg {
    top: 40px;
    z-index: 20;
    left: -50px;
    /* left: unset; */
    /* right: 0; */
    /* transform: translateX(0); */
    /* background: #652df1;
    border: 0; 
    border-radius: 5px;*/
    width: 225px;
    display: block;
    transform: translateX(-50%) scale(0);
    transform-origin: 73% top;
  }
  .marker_box .marker_msg.animation{animation-name: bubble; animation-duration: 0.5s; animation-fill-mode: forwards;}
  .marker_box .marker_msg.no_active{animation-name: bubbleEnd; animation-duration: 0.5s; animation-fill-mode: forwards;}
}
@media (max-width: 480px) {
  .marker_box .marker_msg {
    width: 175.5px;
    padding: 8px 14px;
    top: 34px;
    /* left: 2px; */
    left: -30px;
  }
}
@keyframes bubble {
    0% {
        transform: translateX(-50%) scale(0);
    }

    100% {
        transform: translateX(-50%) scale(1);
    }
}

@keyframes bubbleEnd {
    0% {
        transform: translateX(-50%) scale(1);
    }

    100% {
        transform: translateX(-50%) scale(0);
    }
}

.marker_box .marker_msg .msg_box {
  font-size: 16px;
  color: var(--main-point-color);
  font-weight: 400;
  line-height: 25px;
  text-align: left;
}
@media (max-width: 991px) {
  .marker_box .marker_msg .msg_box {
    /* color: #fff; */
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .marker_box .marker_msg .msg_box {
    font-size: 13px;
    line-height: 18.5px;
  }
}
.marker_box .marker_msg .msg_box > span {
  color: var(--main-point-color-hover);
}
@media (max-width: 991px) {
  .marker_box .marker_msg .msg_box > span {
    /* color: #fff; */
  }
}
.marker_box .marker_msg::before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  top: -17%;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 10;
}
@media (max-width: 991px) {
  .marker_box .marker_msg::before {
    /* display: none; */
  }
}
.marker_box .marker_msg::after {
  display: block;
  content: "";
  width: 13px;
  height: 13px;
  border: 1px solid #d8d8d8;
  background: #fff;
  border-left: 0;
  border-bottom: 0;
  position: absolute;
  left: 50%;
  top: -7px;
  transform: translateX(-50%) rotate(-45deg);
}
@media (max-width: 991px) {
  .marker_box .marker_msg::after {
    /* width: 7px;
    height: 10px;
    top: -4px;
    border: 0;
    left: unset;
    right: 10px;
    transform: translateX(0) rotate(-45deg);
    border: 0;
    background: #652df1; */
    left: 76%;
  }
}
@media (max-width: 480px) {
  .marker_box .marker_msg::after {
    left: 72%;
  }
}
.marker_box .address {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 33px;
  border: 1px solid var(--main-point-btn-line-color-hover);
  border-radius: 4px;
  text-align: center;
  margin-top: 20px;
}
@media (max-width: 991px){
    .marker_box .address{
        height: 30px;
        line-height: 28px;
    }
}
.marker_box .address a {
  display: block;
  font-size: 12px;
  color: var(--main-point-color-hover);
  font-weight: 500;
}

.radio_check input {
  display: none;
}
.radio_check input + label {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
@media (max-width: 480px) {
  .radio_check input + label {
    font-size: 14px;
  }
}
.radio_check input + label .circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d8d8d8;
  margin-right: 7px;
  top: 1px;
}
@media (max-width: 480px) {
  .radio_check input + label .circle {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }

  .ordersheet_payment_agree .radio_check input + label .circle{
    width: 21px;
    height: 21px;
  }
}
.radio_check input + label .circle::before {
  content: "";
  width: 2px;
  height: 6px;
  border-radius: 3px;
  background: #d8d8d8;
  position: absolute;
  top: 9px;
  left: 6px;
  transform: rotate(-45deg);
}
@media (max-width: 480px) {
  .radio_check input + label .circle::before {
    width: 2px;
    height: 5px;
    border-radius: 1.5px;
    /* top: 9px;
    left: 6px; */
    top: 6px;
    left: 3px;
  }
}
.radio_check input + label .circle::after {
  content: "";
  width: 2px;
  height: 10px;
  border-radius: 5px;
  background: #d8d8d8;
  transform: rotate(45deg);
  position: absolute;
  top: 5px;
  left: 11px;
}
@media (max-width: 480px) {
  .radio_check input + label .circle::after {
    width: 2px;
    height: 8px;
    border-radius: 3.5px;
    /* top: 4.5px;
    left: 10px; */
    top: 3px;
    left: 7px;
  }

  .reg_terms .radio_check input + label .circle::before{
    top: 6px;
    left: 3px;
  }
  .reg_terms .radio_check input + label .circle::after{
    top: 2.5px;
    left: 7px;
  }
  .register_cont .reg_terms .radio_check input + label .circle::after{
    height: 8px;
  }
}
.radio_check input + label .text {
  font-size: 16px;
  color: #666666;
  font-weight: 400;
}
@media (max-width: 480px) {
  .radio_check input + label .text {
    font-size: 13px;
    color: #999999;
  }
}
.radio_check input:checked + label .circle {
  border-color: var(--main-point-btn-line-color-hover);
  background: var(--main-point-btn-bg-color-hover);
}
.radio_check input:checked + label .circle::before, .radio_check input:checked + label .circle::after {
  background: #fff;
}

/* alret창 커스텀 html > thmea > fivesense-basic > shop.tail.php */
/* 기존 알럿 css */

/* alret창 커스텀 html > thmea > fivesense-basic > shop.tail.php */
/* 기존 알럿 css */

    .alert_custom_wrap .custom_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999;
    width: 350px;
    max-width: 100%;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    }
    .alert_custom_wrap .custom_box .custom_cont {
    padding: 15px 15px 15px;
    }
    .alert_custom_wrap .custom_box .custom_cont .alert_close_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
	height: 22px;
    }
    .alert_custom_wrap .custom_box .custom_cont .alert_close {
    width: 22px;
    height: 22px;
    position: relative;
    cursor: pointer;
    /*display: block !important;*/
	display: none;
    }
    .alert_custom_wrap .custom_box .custom_cont .alert_close span:nth-child(1) {
    content: "";
    display: block;
    width: 2px;
    height: 22px;
    background: #ccc;
    position: absolute;
    top: 0;
    right: 8px;
    transform: rotate(-45deg);
    }
    .alert_custom_wrap .custom_box .custom_cont .alert_close span:nth-child(2) {
    content: "";
    display: block;
    width: 2px;
    height: 22px;
    background: #ccc;
    position: absolute;
    top: 0;
    right: 8px;
    transform: rotate(45deg);
    }
    .alert_custom_wrap .custom_box .custom_cont .alert_cont {
    text-align: center;
    font-size: 16px;
    color: var(--main-point-color);
    line-height: 25px;
    padding: 0 30px;
    }
    .alert_custom_wrap .custom_box .alert_custom_btn {
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 15px;
	gap: 10px;
    }
    .alert_custom_wrap .custom_box .alert_custom_btn .alert_btn {
    width: 100%;
    line-height: 67px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    line-height: 1em;
    padding: 17px 0;
	border-radius: 8px;
    transition: all 0.25s ease;
    }
	 .alert_custom_wrap .custom_box .alert_custom_btn .alert_btn:hover {
	 opacity:0.9;
	 }

    .alert_custom_wrap .custom_box .alert_custom_btn .alert_btn.alert_close:hover {
    background: #e8e8e8;
    opacity: 1;
    }

    .alert_custom_wrap .custom_box .alert_custom_btn .alert_btn.full {
     width:100% !important; 
    /* 2024-07-17 (주)파이브센스_FIVESENSES.Corp */
    /* 2024-08-09 (주)파이브센스_FIVESENSES.Corp */
    /* display: none; */
    }
    .alert_custom_wrap .custom_box .alert_custom_btn button.alert_btn{
      
    }
    .alert_custom_wrap .custom_box .alert_custom_btn a {
	background: var(--main-point-color-hover);
	color: white;
    }
    .alert_custom_wrap .custom_box .alert_custom_btn button {
    border: 0;
    background: #f5f5f5;
	color: #8b8e90;
    }
    .alert_custom_wrap .custom_box.open {
    opacity: 1;
    visibility: visible;
    }
    .alert_custom_wrap .alert_custom_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    } 
    .alert_custom_wrap .alert_custom_bg.open {
        opacity: 1;
        visibility: visible;
    }



/* 검은바 커스텀 알럿창 */
/* .alert_custom_wrap .custom_box{background-color: #202020; border-radius: 5px; padding: 15px;position: fixed;z-index: 1003;top: 54px;left: 50%; transform: translateX(-50%); overflow: hidden;opacity: 0;visibility: hidden;transition: 0.3s ease;}
.alert_custom_wrap .alert_cont{color: #fff; font-size: 14px; display: inline-block;}
.alert_custom_wrap .alert_close{cursor: pointer;color: #235cf5; font-size: 14px; display: inline-block;border: none;background: transparent;margin-left: 15px;padding: 0;}
.alert_custom_wrap .custom_box.open {opacity: 1;visibility: visible;}
.alert_custom_wrap .alert_custom_bg{display: none;} */


@media (max-width: 991px) {
  .alert_custom_wrap .custom_box {
    width: calc(100% - 50px);
    border-radius: 10px;
  }
  .alert_custom_wrap .custom_box .custom_cont {
    padding: 15px 15px 34px;
  }
  .alert_custom_wrap .custom_box .custom_cont .alert_close_wrap {
    margin-bottom: 5px;
  }
  .alert_custom_wrap .custom_box .custom_cont .alert_close {
    width: 15px;
    height: 15px;
  }
  .alert_custom_wrap .custom_box .custom_cont .alert_close span:nth-child(1) {
    content: "";
    display: block;
    width: 1.5px;
    height: 15px;
    background: #ccc;
    position: absolute;
    top: 0;
    right: 8px;
    transform: rotate(-45deg);
  }
  .alert_custom_wrap .custom_box .custom_cont .alert_close span:nth-child(2) {
    content: "";
    display: block;
    width: 1.5px;
    height: 15px;
    background: #ccc;
    position: absolute;
    top: 0;
    right: 8px;
    transform: rotate(45deg);
  }
  .alert_custom_wrap .custom_box .custom_cont .alert_cont {
    font-size: 16px;
    line-height: 19px;
    padding: 0 62px;
  }
  .alert_custom_wrap .custom_box .alert_custom_btn .alert_btn {
    font-size: 14px;
    padding: 15px 0;
  }
}
@media (max-width: 480px) {
  .alert_custom_wrap .custom_box {
    width: 330px;
  }
  .alert_custom_wrap .custom_box .custom_cont {
    padding: 10px 10px 20px;
  }
  .alert_custom_wrap .custom_box .custom_cont .alert_close_wrap {
    margin-bottom: 16px;
  }
  .alert_custom_wrap .custom_box .custom_cont .alert_close span:nth-child(1) {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: #ccc;
    position: absolute;
    top: 0;
    right: 8px;
    transform: rotate(-45deg);
  }
  .alert_custom_wrap .custom_box .custom_cont .alert_close span:nth-child(2) {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: #ccc;
    position: absolute;
    top: 0;
    right: 8px;
    transform: rotate(45deg);
  }
  .alert_custom_wrap .custom_box .custom_cont .alert_cont {
    font-size: 15px;
    padding: 0 15px;
  }
  .alert_custom_wrap .custom_box .alert_custom_btn .alert_btn {
    /* line-height: 45px; */
    font-size: 14px;
  }
}


/* 커스텀 알럿창 */
.alert_custom_wrap .quote_box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999;
  width: 350px;
  max-width: 100%;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  }
  .alert_custom_wrap .quote_box .quote_cont {
  padding: 15px 15px 27px;
  }
  .alert_custom_wrap .quote_box .quote_cont .alert_close_wrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  }
  .alert_custom_wrap .quote_box .quote_cont .alert_close {
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  }
  .alert_custom_wrap .quote_box .quote_cont .alert_close span:nth-child(1) {
  content: "";
  display: block;
  width: 2px;
  height: 22px;
  background: #ccc;
  position: absolute;
  top: 0;
  right: 8px;
  transform: rotate(-45deg);
  }
  .alert_custom_wrap .quote_box .quote_cont .alert_close span:nth-child(2) {
  content: "";
  display: block;
  width: 2px;
  height: 22px;
  background: #ccc;
  position: absolute;
  top: 0;
  right: 8px;
  transform: rotate(45deg);
  }
  .alert_custom_wrap .quote_box .quote_cont .alert_cont {
  text-align: center;
  font-size: 15px;
  color: #333;
  line-height: 25px;
  padding: 0 30px;
  }
  .alert_custom_wrap .quote_box .alert_quote_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e3e3e3;
  }
  .alert_custom_wrap .quote_box .alert_quote_btn .alert_btn {
  width: 50%;
  line-height: 67px;
  font-size: 15px;
  color: var(--main-point-color-hover);
  font-weight: 400;
  text-align: center;
  line-height: 1em;
  padding: 17px 0;
  }
  .alert_custom_wrap .quote_box .alert_quote_btn .alert_btn.full {
  /* width:100% !important;  */
  }
  .alert_custom_wrap .quote_box .alert_quote_btn button.alert_btn{
      color: var(--main-point-color-hover);
  }
  .alert_custom_wrap .quote_box .alert_quote_btn a {
  border-right: 1px solid #e3e3e3;
  }
  .alert_custom_wrap .quote_box .alert_quote_btn button {
  border: 0;
  background: #fff;
  }
  .alert_custom_wrap .quote_box.open {
  opacity: 1;
  visibility: visible;
  }
  .alert_custom_wrap .alert_quote_bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999998;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  } 
  .alert_custom_wrap .alert_quote_bg.open {
      opacity: 1;
      visibility: visible;
  }
  @media (max-width: 991px) {
    .alert_custom_wrap .quote_box {
      width: calc(100% - 50px);
      border-radius: 10px;
    }
    .alert_custom_wrap .quote_box .quote_cont {
      padding: 15px 15px 34px;
    }
    .alert_custom_wrap .quote_box .quote_cont .alert_close_wrap {
      margin-bottom: 5px;
    }
    .alert_custom_wrap .quote_box .quote_cont .alert_close {
      width: 15px;
      height: 15px;
    }
    .alert_custom_wrap .quote_box .quote_cont .alert_close span:nth-child(1) {
      content: "";
      display: block;
      width: 1px;
      height: 15px;
      background: #999;
      position: absolute;
      top: 0;
      right: 8px;
      transform: rotate(-45deg);
    }
    .alert_custom_wrap .quote_box .quote_cont .alert_close span:nth-child(2) {
      content: "";
      display: block;
      width: 1px;
      height: 15px;
      background: #999;
      position: absolute;
      top: 0;
      right: 8px;
      transform: rotate(45deg);
    }
    .alert_custom_wrap .quote_box .quote_cont .alert_cont {
      font-size: 16px;
      line-height: 19px;
      padding: 0 62px;
    }
    .alert_custom_wrap .quote_box .alert_quote_btn .alert_btn {
      font-size: 14px;
      padding: 15px 0;
    }
  }
  @media (max-width: 480px) {
    .alert_custom_wrap .quote_box {
      width: 330px;
    }
    .alert_custom_wrap .quote_box .quote_cont {
      padding: 10px 10px 20px;
    }
    .alert_custom_wrap .quote_box .quote_cont .alert_close_wrap {
      margin-bottom: 16px;
    }
    .alert_custom_wrap .quote_box .quote_cont .alert_close span:nth-child(1) {
      content: "";
      display: block;
      width: 1px;
      height: 20px;
      background: #999;
      position: absolute;
      top: 0;
      right: 8px;
      transform: rotate(-45deg);
    }
    .alert_custom_wrap .quote_box .quote_cont .alert_close span:nth-child(2) {
      content: "";
      display: block;
      width: 1px;
      height: 20px;
      background: #999;
      position: absolute;
      top: 0;
      right: 8px;
      transform: rotate(45deg);
    }
    .alert_custom_wrap .quote_box .quote_cont .alert_cont {
      font-size: 16px;
      line-height: 23px;
      padding: 0 15px;
      font-weight: 500;
    }
    .alert_custom_wrap .quote_box .alert_quote_btn .alert_btn {
      /* line-height: 45px; */
      font-size: 15px;
    }
  }

/* 공통 팝업*/
.responsive .modal .modal-dialog {
  width: 440px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
}
@media (max-width: 991px) {
  .responsive .modal .modal-dialog {
    /* width: calc(100% - 30px); */
    width: 100%;
    margin: 0;
    top: initial;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.list-page{
    margin: 70px 0 -17px !important;
}
@media (max-width: 991px) {
    .list-page{
        margin-top: 40px !important;
    }
    .at-content.type_cont .list-page{
        padding-bottom: 15px;
    }
}
.pagination li a, .pagination li span, .pagination-sm li a, .pagination-sm li span {
  background: none;
  border: none;
  padding: 0;
  color: #999 !important;
  margin: 0 16px;
  font-size: 16px;
}
@media (max-width: 991px) {
  .pagination li a, .pagination li span, .pagination-sm li a, .pagination-sm li span {
    font-size: 13px;
    margin: 0 10px;
  }
}
.pagination li.active a, .pagination-sm li.active a {
  background: none !important;
  color: var(--main-point-color-hover) !important;
}
.pagination li:first-child a, .pagination-sm li:first-child a {
  margin-right: 4px;
}
.pagination li:first-child a i::before, .pagination-sm li:first-child a i::before {
  content: "\f104" "\f104";
}
.pagination li:last-child a, .pagination-sm li:last-child a {
  margin-left: 4px;
}
.pagination li:last-child a i::before, .pagination-sm li:last-child a i::before {
  content: "\f105" "\f105";
}

.text-center .pagination li a, .text-center .pagination li span, .text-center .pagination-sm li a, .text-center .pagination-sm li span {
  background: none;
  border: none;
  padding: 0;
  color: #6c7682 !important;
  margin: 0 13px;
  font-size: 15px;
}
@media (max-width: 991px) {
  .text-center .pagination li a, .text-center .pagination li span, .text-center .pagination-sm li a, .text-center .pagination-sm li span {
    font-size: 13px;
    margin: 0 10px;
  }
}
.text-center .pagination li.active a, .text-center .pagination li.active a:hover , .text-center .pagination-sm li.active a {
  border: none !important;
  background: none !important;
  background-color: transparent !important;
  color: var(--main-point-color-hover) !important;
  font-weight: 500;
}
.text-center .pagination li:first-child a, .text-center .pagination-sm li:first-child a {
  margin-right: 4px;
}
.text-center .pagination li:first-child a i::before, .text-center .pagination-sm li:first-child a i::before {
  content: "\f104" "\f104";
}
.text-center .pagination li:last-child a, .text-center .pagination-sm li:last-child a {
  margin-left: 4px;
}
.text-center .pagination li:last-child a i::before, .text-center .pagination-sm li:last-child a i::before {
  content: "\f105" "\f105";
}

/****************************
전체 > 모바일 전체메뉴
html > thema > Fivesense-basic > widget > miso-sidebar > widget.php
****************************/
/* aside#sidebar-box {
  width: 360px;
  cursor: pointer;
} */
aside#sidebar-box .sidebar_header {
  position: relative;
  padding: 30px 25px 18px;
}
aside#sidebar-box .sidebar_log_box a {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid #e3e3e3;
  padding: 0 19px;
  transition: 0.2s;
}
@media (max-width: 480px) {
  aside#sidebar-box .sidebar_log_box a {
    font-size: 12px;
    height: 30px;
    line-height: 28px;
  }
}
aside#sidebar-box .sidebar_log_box a + a {
  margin-left: 3px;
  /* color: #000022; */
}
aside#sidebar-box .sidebar_log_box a:hover {
  background: var(--main-point-btn-bg-color-hover);
  border-color: var(--main-point-btn-line-color-hover);
  color: #fff;
}
aside#sidebar-box .sidebar_log_box p {
  margin-bottom: 10px;
  font-size: 20px;
  color: var(--main-point-color);
  font-weight: 400;
  line-height: 27.5px;
}
@media (max-width: 480px) {
  aside#sidebar-box .sidebar_log_box p {
    font-size: 20px;
  }
}
aside#sidebar-box .sidebar_log_box p span {
  font-weight: 600;
}
aside#sidebar-box .sidebar_log_box p span.line{
    text-decoration: underline;
    font-weight: 400;
    text-underline-offset : 4px;
    text-decoration-thickness: 1px;
}
aside#sidebar-box .sidebar-wing-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 23px;
}
@media (max-width: 480px) {
  aside#sidebar-box .sidebar-wing-close {
    top: 26px;
    width: 15px;
    height: 15px;
  }
}
aside#sidebar-box .sidebar-wing-close span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
aside#sidebar-box .sidebar-wing-close span::before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #1b1b1b;
  position: absolute;
  top: 0;
  right: 10px;
  transform: rotate(-45deg);
}
aside#sidebar-box .sidebar-wing-close span::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #1b1b1b;
  position: absolute;
  top: 0;
  right: 10px;
  transform: rotate(45deg);
}
aside#sidebar-box .sidebar_qmenu {
  margin-bottom: 10px;
  border-bottom: 10px solid #f9f9fa;
  padding-bottom: 20px;
}
aside#sidebar-box .sidebar_qmenu_li {
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid #e3e3e3; */
  border-width: 1px 0;
}
aside#sidebar-box .sidebar_qmenu_li li {
  width: 25%;
}
aside#sidebar-box .sidebar_qmenu_li li a {
  display: block;
  padding: 13px 0;
  text-align: center;
  position: relative;
}
aside#sidebar-box .sidebar_qmenu_li li a .cart_icon{
    position: relative;
    display: inline-block;
    height: 19px;
}
aside#sidebar-box .sidebar_qmenu_li li a img {
  /* height: 19px; */
  display: inline-block;
}
@media (max-width: 991px) {
  aside#sidebar-box .sidebar_qmenu_li li a img {
    height: 22.5px;
  }
}
@media (max-width: 480px) {
  aside#sidebar-box .sidebar_qmenu_li li a img {
    height: 22.5px;
  }
}
aside#sidebar-box .sidebar_qmenu_li li a .cart_count{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--main-point-bg-color-hover);
    text-align: center;
    line-height: 10px;
    font-size: 5px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: -5px;
    bottom: -2px;
}
@media (max-width: 480px) {
    aside#sidebar-box .sidebar_qmenu_li li a .cart_count{
      font-size: 8px;
      font-weight: 600;
      width: 12.5px;
      height: 12.5px;
      line-height: 12.5px;
      bottom: -5px;
    }
}
aside#sidebar-box .sidebar_qmenu_li li a .tit {
  display: block;
  margin-top: 9px;
  font-size: 13px;
  color: var(--main-point-color);
  font-weight: 400;
}
@media (max-width: 480px) {
  aside#sidebar-box .sidebar_qmenu_li li a .tit {
    font-size: 14px;
  }
}
aside#sidebar-box .sidebar_qmenu_li li + li {
  /* border-left: 1px solid #e3e3e3; */
}
aside#sidebar-box .sidebar-menu {
  border: none;
  padding: 0;
}
aside#sidebar-box .sidebar-menu .menu_li_tt a {
  padding: 0 18px;
  color: var(--main-point-color);
  font-size: 14px;
  font-weight: 600;
  position: relative;
  line-height: 45px;
}
@media (max-width: 480px) {
  aside#sidebar-box .sidebar-menu .menu_li_tt a {
    font-size: 14px;
  }
}
aside#sidebar-box .sidebar-menu .menu_li_tt.active a,
aside#sidebar-box .sidebar-menu .menu_li_tt a.active{
    color: var(--main-point-color-hover);
}
aside#sidebar-box .sidebar-menu .menu_li_tt a span {
  display: block;
  width: 11px;
  height: 7px;
  position: absolute;
  top: 24px;
  right: 30px;
}
aside#sidebar-box .sidebar-menu .menu_li_tt a span:before {
  content: "";
  display: block;
  height: 1px;
  width: 7px;
  background: var(--main-point-color);
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(45deg) translate(0%, 0);
}
aside#sidebar-box .sidebar-menu .menu_li_tt a span:after {
  content: "";
  display: block;
  height: 1px;
  width: 7px;
  background: var(--main-point-color);
  position: absolute;
  top: 50%;
  right: 0;
  transform: rotate(-45deg) translate(0%, 0);
}
aside#sidebar-box .sidebar-menu .menu_li_tt a.active span,
aside#sidebar-box .sidebar-menu .menu_li_tt a.open span {
  transform: rotate(180deg);
}
/* aside#sidebar-box .sidebar-menu .menu_li_tt a.open span:before {
  background: #ccc;
}
aside#sidebar-box .sidebar-menu .menu_li_tt a.open span:after {
  background: #ccc;
} */
aside#sidebar-box .sidebar-menu .menu_li_sub{
    border-top: 1px solid #eeeeee;
    padding-top: 8px;
    padding-bottom: 5px;
}
aside#sidebar-box .sidebar-menu .menu_li_sub li a {
  padding-left: 25px;
  color: var(--main-point-color);
  font-size: 13px;
  line-height: 20px;
  position: relative;
  padding: 10px 24px;
}
@media (max-width: 480px) {
  aside#sidebar-box .sidebar-menu .menu_li_sub li a {
    font-size: 13px;
  }
}
aside#sidebar-box .sidebar-menu .menu_li_sub li a:hover {
  color: #333 !important;
}
aside#sidebar-box .sidebar-menu .menu_li_sub li a.is-2sub span {
  position: relative;
  top: -3px;
  display: inline-block;
  width: 8px;
  height: 5px;
}
aside#sidebar-box .sidebar-menu .menu_li_sub li a.is-2sub span:before {
  content: "";
  display: block;
  height: 1px;
  width: 53%;
  background: #555;
  position: absolute;
  top: 50%;
  left: 0.6px;
  transform: rotate(45deg);
}
aside#sidebar-box .sidebar-menu .menu_li_sub li a.is-2sub span:after {
  content: "";
  display: block;
  height: 1px;
  width: 53%;
  background: #555;
  position: absolute;
  top: 50%;
  right: 0.6px;
  transform: rotate(-45deg);
}
aside#sidebar-box .sidebar-menu .menu_li_sub li a.is-2sub.open {
  color: #666;
}
aside#sidebar-box .sidebar-menu .menu_li_sub li a.is-2sub.open span {
  transform: rotate(180deg);
  top: -1px;
}
aside#sidebar-box .sidebar-menu .menu_li_sub li a.is-2sub.open span:before {
  background: #ccc;
}
aside#sidebar-box .sidebar-menu .menu_li_sub li a.is-2sub.open span:after {
  background: #ccc;
}
aside#sidebar-box .sidebar-menu .menu_li_sub li.on a {
  font-weight: 500;
}
aside#sidebar-box .sidebar-menu .menu_li_sub li + li {
  /* margin-top: 8px; */
}
aside#sidebar-box .sidebar-menu .menu_li_sub_2sub {
  background: #f8f8f8;
  padding: 10px 0;
  margin-top: 9px;
}
aside#sidebar-box .sidebar-menu .menu_li_sub_2sub li a {
  padding-left: 35px;
  font-size: 12px;
  color: #999;
  font-weight: 500;
}
aside#sidebar-box .sidebar-menu .menu_li_sub_2sub + li {
  margin-top: 15px;
}
aside#sidebar-box .sidebar-menu_divide {
  width: calc(100% - 30px);
  height: 1px;
  background: #e3e3e3;
  margin: 10px 15px;
}

/****************************
공통 > 상품유형 스티커
html > shop > shop.js
****************************/
.item_sticker {
  height: 19px;
  border-radius: 3px;
  padding: 0 5px;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  line-height: 19px;
  color: #fff;
  margin-top: 9px;
}
.item_sticker.best {
    color: #ff4e1f;
  background: rgba(255, 78, 31,0.1);
}
.item_sticker.new {
    color: #f83249;
    background: rgba(248, 50, 73,0.1);
}
.item_sticker.discount {
    color: #f83249;
  background: rgba(248, 50, 73,0.1);
}
.item_sticker.hit {
    color: #f83249;
    background: rgba(248, 50, 73,0.1);
}
.item_sticker.rec {
    color: #1d32ff;
    background: rgba(29, 50, 255,0.1);
}
.item_sticker.coupon {
  background: #000;
}
.item_sticker.free_shupping {
    color: #9d9d9d;
  background: rgba(157, 157, 157,0.1);
  margin-right: 5px;
}
@media (max-width: 768px) {
  .item_cont .item_icon{
    margin-top: 5px;
  }
  .item_sticker {
    font-size: 10px;
    padding: 1px 5px 0;
    height: 17.5px;
    line-height: 18.5px;
    min-width: 29px;
    border-radius: 4px;
    margin-top: 4px;
  }
  .item_sticker.free_shupping{
    margin-right: 3px;
  }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
주문서 페이지
html > skin > apms > order > basic > orderform.skin.php
(기존에 있던 페이지는 221228 날짜로 백업함.)
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* 주문서 */
.ordersheet {
  width: 100%;
}
.ordersheet_cont {
  display: block;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .ordersheet_cont {
    position: relative;
    margin-bottom: 0;
    padding: 40px 0;
  }
  .ordersheet_cont::after {
    content: "";
    width: calc(100% + 30px);
    height: 10px;
    background: #f9f9fa;
    position: absolute;
    bottom: 0;
    left: -15px;
  }
}
@media (max-width: 480px) {
  .ordersheet_cont {
    padding: 30px 0 40px;
  }
}
.ordersheet_title {
  font-size: 24px;
  font-weight: 500;
  color: var(--main-point-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 25px;
  border-bottom: 1px solid #444444;  
}
.ordersheet_title h3{
  font-family: 'Pretendard';
  font-weight: 500;
}
@media (max-width: 991px) {
  .ordersheet_title {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .ordersheet_title {
    font-size: 16px;
    font-weight: 700;
  }
  .ordersheet_title h3{
    font-weight: 700;
  }
}
.ordersheet_title_length .first_product_name, .ordersheet_title_length .other_text, .ordersheet_title_length .mobile_hidden {
  display: none;
}
@media (max-width: 991px) {
  .ordersheet_title_length .first_product_name, .ordersheet_title_length .other_text, .ordersheet_title_length .mobile_hidden {
    display: inline;
  }
}
.ordersheet_title_arrow {
  display: flex;
  width: 16px;
  height: 9px;
  position: relative;
  right: 0;
  transition: all 0.3s ease;
}
.ordersheet_title_arrow .arrow {
  width: 2px;
  height: 11px;
  background: #555555;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 4px;
}
.ordersheet_title_arrow .arrow:last-child {
  left: auto;
  right: 3px;
  transform: rotate(-45deg);
}
.ordersheet_title_arrow.active {
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .ordersheet_title_arrow.active {
    top: 4px;
  }
}
@media (max-width: 480px) {
  .ordersheet_title_arrow {
    width: 12px;
    height: 7px;
  }
  .ordersheet_title_arrow .arrow {
    width: 1px;
    height: 9px;
    left: 3px;
  }
  .ordersheet_title_arrow .arrow:last-child {
    left: auto;
    right: 2px;
  }
  .ordersheet_title_arrow.active {
    top: 2px;
  }
}
.ordersheet_title_length {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .ordersheet_title_length.active .ordersheet_length {
    display: block;
    margin-right: 15px;
    padding: 0;
    border: 0;
  }
  .ordersheet_title_length.active .ordersheet_length > .other_text{
    display: none;
  }
}
@media (max-width: 991px) {
  .ordersheet_title_length .ordersheet_length {
    display: none;
  }
  .ordersheet_title_length .ordersheet_length .mobile_hidden {
    display: none;
  }
  .ordersheet_title_length .ordersheet_length .first_product_name {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.1;
    height: 1.1em;
    position: relative;
    top: 3px;
  }
}
@media (max-width: 480px) {
  .ordersheet_title_length .ordersheet_length .first_product_name {
    max-width: 150px;
  }
}
.ordersheet_inner {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
  display: none;
  align-items: center;
}
.ordersheet_inner:first-child {
  padding-top: 30px;
}
.ordersheet_inner:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .ordersheet_inner {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: none;
    position: relative;
  }
  .ordersheet_inner:first-child{
    padding-top: 10px;
  }
  .ordersheet_inner + .ordersheet_inner{
    border-bottom: 1px solid #eeeeee;
  }
  .ordersheet_inner + .ordersheet_inner::before{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #eee;
    position: absolute;
    top: -20px;
    left: 0;
  }
}
.ordersheet_inner .image {
  width: 130px;
  border-radius: 5px;
  overflow: hidden;
}
.ordersheet_inner .image img {
  width: 100%;
}
@media (max-width: 480px) {
  .ordersheet_inner .image {
    width: 78px;
    min-width: 78px;
    height: 78px;
    border-radius: 3px;
    overflow: hidden;
  }
  .ordersheet_inner .image img {
    height: 83px;
    position: relative;
    top: -5px;
    object-fit: cover;
  }
}
.ordersheet_inner .content {
  width: calc(100% - 230px);
  padding-left: 20px;
}
.ordersheet_inner .content_subname {
  font-size: 13px;
  color: #666666;
  font-weight: 300;
  margin-bottom: 4px;
  line-height: 1.5;
}
.ordersheet_inner .content_name {
  font-size: 18px;
  font-weight: bold;
  color: var(--main-point-color);
  line-height: 1.5;
  margin-bottom: 10px;
}
.ordersheet_inner .content_option {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  /*
  li::after{
      content:"";
      width:1px;
      height:15px;
      background:#c7c7c7;
      position:absolute;
      right:-10px;
      top:2px;
      @include responsive-991(){display: none;}
  }
  */
}
.ordersheet_inner .content_option li {
  position: relative;
  font-size: 14px;
  color: #666666;
  margin-bottom: 15px;
  width: 100%;
}
@media (max-width: 991px) {
  .ordersheet_inner .content_option li {
    margin-bottom: 10px;
  }
}
.ordersheet_inner .content_option li:last-child {
  margin-bottom: 0;
}
.ordersheet_inner .content_option li:last-child::after {
  display: none;
}
.ordersheet_inner .content_price {
  display: flex;
  align-items: baseline;
}
.ordersheet_inner .content_price li {
  font-size: 16px;
  color: var(--main-point-color);
  margin-right: 10px;
  font-weight: 600;
}
.ordersheet_inner .content_price li:last-child {
  margin-right: 0;
  font-size: 14px;
  color: #666666;
}
@media (max-width: 480px) {
  .ordersheet_inner .content {
    width: 100%;
    padding-left: 18px;
  }
  .ordersheet_inner .content_subname {
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 1px;
  }
  .ordersheet_inner .content_name {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 22.5px;
  }
  .ordersheet_inner .content_option {
    margin-bottom: 0;
  }
  .ordersheet_inner .content_option li {
    font-size: 12px;
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* 2024-07-29 (주)파이브센스_FIVESENSES.Corp */
    /* height: 12px; */
  }
  .ordersheet_inner .content_option li::after {
    top: 0;
    right: -8px;
    height: 12px;
  }
  .ordersheet_inner .content_price{
    display: none;
  }
  .ordersheet_inner .content_price li {
    font-size: 12px;
    margin-right: 6px;
  }
  .ordersheet_inner .content_price li:last-child {
    font-size: 12px;
  }
  .ordersheet_inner .content_price li span {
    font-size: 14px;
  }
}
.ordersheet_inner .coupon {
  width: 100px;
  text-align: right;
}
.ordersheet_inner .coupon button {
  padding: 0 20px;
  width: 100px;
  height: 46px;
  line-height: 44px;
  color: #fff;
  border-radius: 5px !important;
  font-size: 16px;
  cursor: pointer;
  border: none;
}
.ordersheet_inner .coupon button.cp_btn {
  background: var(--main-point-btn-bg-color-hover);
}
.ordersheet_inner .coupon button.cp_cancel {
  margin-top: 10px;
}
@media (max-width: 991px) {
  .ordersheet_inner .coupon button {
    margin-left: 2.28%;
    padding: 0 15px;
    text-align: center;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .ordersheet_inner .coupon button {
    height: 40px;
    line-height: 38px;
    width: 80px;
    font-weight: 500;
  }
}
.ordersheet_length {
  padding: 39.5px 0;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  font-size: 18px;
  color: #222222;
  font-weight: 500;
  display: none;
}
.ordersheet_length.active {
  display: block;
}
.ordersheet_length .point_color {
  color: var(--main-point-color-hover);
}
.ordersheet_length div {
  display: inline;
}
@media (max-width: 991px) {
  .ordersheet_length {
    display: none;
  }
  .ordersheet_length.active {
    display: none;
  }
}
@media (max-width: 480px) {
  .ordersheet_length {
    font-size: 13px;
  }
}
.ordersheet .ordersheet_write {
  padding-top: 25px;
}
.ordersheet .ordersheet_write_input {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input {
    flex-wrap: wrap;
    margin-bottom: 23px;
  }
}
.ordersheet .ordersheet_write_input:last-child {
  margin-bottom: 0;
}
.ordersheet .ordersheet_write_input.w485 {
  width: 485px;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input.w485 {
    width: 100%;
  }
}
.ordersheet .ordersheet_write_input.w490 {
  width: 490px;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input.w490 {
    width: 100%;
  }
}
.ordersheet .ordersheet_write_input.w615 {
  width: 615px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ordersheet .ordersheet_write_input.w615 > label {
  position: relative;
  top: 13px;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input.w615 {
    width: 100%;
  }
  .ordersheet .ordersheet_write_input.w615 > label {
    top: 0;
  }
}
.ordersheet .ordersheet_write_input.w620 {
  width: 620px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ordersheet .ordersheet_write_input.w620 > label {
  position: relative;
  top: 13px;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input.w620 {
    width: 100%;
  }
  .ordersheet .ordersheet_write_input.w620 > label {
    top: 0;
  }
}
.ordersheet .ordersheet_write_input.w100p {
  width: 100%;
}
.ordersheet .ordersheet_write_input label {
  width: 115px;
  font-size: 16px;
  color: #666666;
  font-weight: 400;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input label {
    width: 100%;
    margin-bottom: 11px;
  }
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_input label {
    font-size: 14px;
  }
}
.ordersheet .ordersheet_write_input input {
  width: calc(100% - 115px);
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size: 16px;
  color: #222;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input input {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_input input {
    font-size: 14px;
    height: 40px;
    line-height: 38px;
  }
}
.ordersheet .ordersheet_write_input input::placeholder {
  color: #999999;
  line-height: 45px;
}
.ordersheet .ordersheet_write_input input:focus {
  color: var(--main-point-color-hover);
  border-color: var(--main-point-color-hover);
}
.ordersheet .ordersheet_write_input textarea {
  width: calc(100% - 115px);
  resize: none;
  outline: none;
  box-shadow: none;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
  padding: 15px;
}
.ordersheet .ordersheet_write_input textarea:focus {
  border-color: var(--main-point-color-hover);
  color: var(--main-point-color-hover);
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input textarea {
    width: 100%;
    border-radius: 2.5px;
  }
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_input textarea {
    height: 77px;
    font-size: 14px;
    padding: 10px 15px;
  }
}
.ordersheet .ordersheet_write .b_hp .msg-box{
    margin-left: 115px;
    margin-top: -2px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #ff0000;
}
.ordersheet .ordersheet_write_input.member {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input.member {
    flex-wrap: nowrap;
  }
}
.ordersheet .ordersheet_write_input.member :last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input.member label {
    width: 115px;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_input.member label {
    width: 85px;
  }
}
.ordersheet .ordersheet_write_input.member input {
  color: var(--main-point-color);
  border: 0;
  border-radius: 0;
  height: auto;
  line-height: normal;
  cursor: default;
  padding: 0;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input.member input {
    width: calc(100% - 115px);
  }
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_input.member input {
    width: calc(100% - 85px);
  }
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input.member .ordersheet_write_addr_wrap {
    width: calc(100% - 115px);
  }
}
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap {
  width: calc(100% - 115px);
}
.ordersheet .ordersheet_write_input.w620 .ordersheet_write_addr_wrap {
  width: calc(100% - 120px);
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap,
  .ordersheet .ordersheet_write_input.w620 .ordersheet_write_addr_wrap {
    width: 100%;
  }
}
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .ordersheet_write_addr {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .ordersheet_write_addr:last-child {
  margin-bottom: 0;
}
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .ordersheet_write_addr #daum_juso_pageod_b_zip {
  margin-top: 20px !important;
  margin-bottom: 8px !important;
  max-height: 400px;
}
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .ordersheet_write_addr #daum_juso_pageod_zip,
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .ordersheet_write_addr.maxh400 > div{
    max-height: 400px;
}
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .left_label {
  width: calc(100% - 130px);
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .left_label {
    width: calc(100% - 83px);
  }
}
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .right_label {
  width: 120px;
  margin-left: 10px;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .right_label {
    width: 75px;
    margin-left: 8px;
  }
}
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .right_label button {
  width: 100%;
  height: 45px;
  line-height: 43px;
  background: var(--main-point-btn-bg-color-hover);
  color: #fff;
  text-align: center;
  display: block;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 300;
  border: 0;
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap .right_label button {
    height: 40px;
    line-height: 38px;
    font-size: 12px;
    border-radius: 2.5px;
    font-weight: 500;
  }
}
.ordersheet .ordersheet_write_input .ordersheet_write_addr_wrap input {
  width: 100%;
}
.ordersheet .ordersheet_write_addr_btn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.ordersheet .ordersheet_write_addr_btn .shipping_pop_open {
  display: inline-flex;
  position: relative;
  color: var(--main-point-color-hover);
  height: 16px;
  font-size: 16px;
}
.ordersheet .ordersheet_write_addr_btn .shipping_pop_open::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--main-point-color-hover);
  position: absolute;
  bottom: -5px;
  left: 0;
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_addr_btn .shipping_pop_open {
    font-size: 13px;
    height: 12px;
    bottom: -4px;
    color: #666666;
  }
  .ordersheet .ordersheet_write_addr_btn .shipping_pop_open::after{
    background: #666666;
  }
}
.ordersheet .ordersheet_write_caption {
  font-size: 13px;
  color: #999999;
  font-weight: 400;
}
@media (max-width: 991px) {
  .ordersheet .ordersheet_write_caption {
    text-align: left;
    width: 100%;
    margin-top: -10px;
  }
}
@media (max-width: 480px) {
  .ordersheet .ordersheet_write_caption {
    font-size: 11px;
    margin-top: -15px;
  }
}
.ordersheet_paytab {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .ordersheet_paytab {
    padding: 0;
  }
}
.ordersheet_paytab_left {
  width: 70%;
}
.ordersheet_paytab_right {
  width: 25.834%;
  position: sticky;
  top: 150px;
  margin-bottom: 0;
}
.ordersheet_paytab_right .paytab_tt {
  font-size: 24px;
  color: var(--main-point-color);
  font-weight: 500;
  margin-bottom: 26px;
}
@media (max-width: 480px) {
  .ordersheet_paytab_right .paytab_tt {
    font-size: 15.5px;
    font-weight: 600;
  }
}
.ordersheet_paytab_right .paytab_con {
  background: #fafafa;
  border: 1px solid #f2f2f2;
  padding: 30px;
}
@media (max-width: 991px) {
  .ordersheet_paytab_right .paytab_con {
    background: none;
    border: none;
    padding: 30px 0 10px;
  }
}
.ordersheet_paytab_right .paytab_price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .ordersheet_paytab_right .paytab_price {
    margin-bottom: 18px;
  }
}
.ordersheet_paytab_right .paytab_price_obj {
  color: #4c4c4c;
  font-size: 16px;
  font-weight: 400;
  width: 50%;
  margin-bottom: 17px;
}
@media (max-width: 991px) {
  .ordersheet_paytab_right .paytab_price_obj {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .ordersheet_paytab_right .paytab_price_obj {
    font-size: 15px;
  }
}
.ordersheet_paytab_right .paytab_price_obj.sub {
  padding-left: 15px;
  position: relative;
}
.ordersheet_paytab_right .paytab_price_obj.sub:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border: 1px solid #dcdcdc;
  border-width: 0 0 1px 1px;
  position: absolute;
  top: 5px;
  left: 0;
}
.ordersheet_paytab_right .paytab_price_obj.sub:nth-last-child(2) {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .ordersheet_paytab_right .paytab_price_obj.sub:nth-last-child(2) {
    margin-bottom: 0;
  }
  .ordersheet_paytab_right .paytab_price_obj.sub:nth-child(3) {
    margin-top: 14px;
  }
}
.ordersheet_paytab_right .paytab_price_num {
  color: #4c4c4c;
  font-size: 18px;
  font-weight: 400;
  width: 50%;
  text-align: right;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .ordersheet_paytab_right .paytab_price_num {
    margin-bottom: 0;
    color: var(--main-point-color);
  }
}
@media (max-width: 480px) {
  .ordersheet_paytab_right .paytab_price_num {
    font-size: 15px;
  }
  .ordersheet_paytab_right .paytab_price_num > span {
    font-size: 16px;
  }
}
.ordersheet_paytab_right .paytab_price_num.sub:nth-last-child(1) {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .ordersheet_paytab_right .paytab_price_num.sub:nth-last-child(1) {
    margin-bottom: 0;
  }
  .ordersheet_paytab_right .paytab_price_num.sub:nth-child(4) {
    margin-top: 14px;
  }
}
.ordersheet_paytab_right .paytab_price.total {
  padding-top: 20px;
  border-top: 1px solid #f2f2f2;
}
.ordersheet_paytab_right .paytab_price.total div {
  margin-bottom: 0;
}
.ordersheet_paytab_right .paytab_price.total span {
  font-size: 25px;
  font-weight: 600;
  margin-right: 3px;
  display: inline-block;
}
@media (max-width: 480px) {
  .ordersheet_paytab_right .paytab_price.total span {
    font-size: 20px;
  }
}
.ordersheet_paytab_right .paytab_price.point {
  width: 100%;
  margin-top: 12px;
}
@media (max-width: 480px) {
  .ordersheet_paytab_right .paytab_price.point {
    margin-top: 7px;
  }
}
.ordersheet_paytab_right .paytab_price.point .paytab_price_point {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ordersheet_paytab_right .paytab_price.point .paytab_price_point div {
  font-size: 13px;
  font-weight: 300;
}
.ordersheet_paytab_right .paytab_price.point .paytab_price_point div .point_sticker {
  display: block;
  width: 33px;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  background: var(--main-point-bg-color-hover);
  font-size: 11px;
  color: #fff;
  text-align: center;
}
@media (max-width: 480px) {
  .ordersheet_paytab_right .paytab_price.point .paytab_price_point div .point_sticker {
    font-weight: 400;
    line-height: 18px;
  }
}
.ordersheet_paytab_right .paytab_price.point .paytab_price_point div.point_num {
  color: #4c4c4c;
  position: relative;
  top: 1px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .ordersheet_paytab_right .paytab_price.point .paytab_price_point div.point_num{
    top: 0;
    font-weight: 400;
  }
}
.ordersheet_paytab_right .paytab_price.point .paytab_price_point div.point_txt {
  color: #777;
}
.ordersheet_paytab_right .paytab_price.point .paytab_price_point div + div {
  margin-left: 7px;
}
.ordersheet_paytab_right .paytab_price .sub {
  color: #999;
  font-size: 14px;
  margin-bottom: 8px;
}
@media (max-width: 480px) {
  .ordersheet_paytab_right .paytab_price .sub {
    font-size: 12px;
  }
  .ordersheet_paytab_right .paytab_price .sub span {
    font-size: inherit;
  }
}
@media (max-width: 991px) {
  .ordersheet_paytab {
    flex-direction: column;
  }
  .ordersheet_paytab_left {
    width: 100%;
  }
  .ordersheet_paytab_right {
    width: 100%;
    position: relative;
    top: 0;
  }
}
@media (max-width: 480px) {
  .ordersheet_paytab #mobile_payment {
    position: relative;
    padding: 0 0 40px;
  }
  .ordersheet_paytab #mobile_payment::after {
    content: "";
    display: block;
    width: 110%;
    height: 10px;
    background: #f9f9fa;
    position: absolute;
    left: -15px;
    bottom: 30px;
  }
}
.ordersheet_cp_input {
  padding: 25px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.ordersheet_cp_input:first-child{
  /* border-bottom: 1px solid #eee; */
}
.ordersheet_point_con.use_point_con .ordersheet_cp_input{
  padding-bottom: 0;
}
@media (max-width: 480px) {
  .ordersheet_cp_input {
    padding: 10px 0;
  }
  .ordersheet_cp_input:first-child{
    border-bottom: none;
  }
}
.ordersheet_cp_tt {
  color: #444;
  font-size: 16px;
  font-weight: 400;
  width: 38.21%;
  line-height: 46px;
}
.ordersheet_cp_btn {
  width: 100%;
}
.ordersheet_cp_btn button {
  display: block;
  background: #f9f9f9 url(https://fivepro.co.kr/img/icon_order_cp.png) no-repeat calc(100% - 15px) center;
  width: 100%;
  padding: 0 15px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  height: 46px;
  line-height: 44px;
  text-align: left;
  color: #999;
  font-size: 16px;
  font-weight: 300;
}
.ordersheet_cp_btn button.coupon_cancel {
  background: var(--main-point-btn-bg-color-hover);
  border: none;
  color: #fff;
  border-radius: 5px;
  display: inline-block;
  width: auto;
}
@media (max-width: 480px) {
  .ordersheet_cp_btn button.coupon_cancel {
    font-size: 12px;
    width: 22.72%;
    padding: 0;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .ordersheet_cp_btn button {
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    border-radius: 2.5px;
    background-size: 5px 9px;
  }
}
.ordersheet_cp_btn .coupon_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 14px;
}
@media (max-width: 480px) {
  .ordersheet_cp_btn .coupon_list {
    font-size: 13px;
  }
}
.ordersheet_cp_btn.point {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ordersheet_cp_btn.point .input_box {
  position: relative;
  width: 36.527%; 
}
.ordersheet_cp_btn.point .input_box input {
  width: 100%;
  height: 46px;
  line-height: 44px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 0 15px;
  color: #999;
  font-size: 16px;
  background-color: #fff;
}
@media (max-width: 991px) {
    .ordersheet_cp_btn.point .input_box {
        width: calc(100% - 83px); 
        padding-left: 0;
    }
}
@media (max-width: 480px) {
  .ordersheet_cp_btn.point .input_box input {
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    border-radius: 2.5px;
    font-weight: 300;
  }
  .ordersheet_cp_btn.point .input_box input::placeholder{
    color: #999;
  }
}
.ordersheet_cp_btn.point .input_box .del_point {
  background: #b7b7b7;
  display: block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%) rotate(0);
  cursor: pointer;
}
@media (max-width: 991px){
    .ordersheet_cp_btn.point .input_box .del_point{
        width: 14px; 
        height: 14px;
    }
}
.ordersheet_cp_btn.point .input_box .del_point:before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.ordersheet_cp_btn.point .input_box .del_point:after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 991px){
    .ordersheet_cp_btn.point .input_box .del_point:before, .ordersheet_cp_btn.point .input_box .del_point:after{height: 7px;}
}
.ordersheet_cp_btn.point .btn_all_point {
  margin-left: 10px;
  padding: 0 28.32px;
  height: 46px;
  line-height: 44px;
  color: #fff;
  background: var(--main-point-btn-bg-color-hover);
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .ordersheet_cp_btn.point .btn_all_point {
    width: 22.72%;
    margin-left: 2.28%;
    text-align: center;
    font-size: 12px;
    padding: 0 13px; 
    border-radius: 2.5px; 
    width: 75px; 
    margin-left: 8px; 
    font-size: 500;
  }
}
@media (max-width: 480px) {
  .ordersheet_cp_btn.point .btn_all_point {
    height: 40px;
    line-height: 38px;
  }
}
.ordersheet_cp_btn.point #sod_frm_pt {
  display: block;
  width: 100%;
  margin-top: 15px;
  color: #999999;
  font-size: 14px;
}
.ordersheet_cp_btn.point #sod_frm_pt span {
  color: #333;
  font-weight: 600;
}
@media (max-width: 480px) {
  .ordersheet_cp_btn.point #sod_frm_pt {
    font-size: 13px;
    margin-top: 13px;
  }
}
@media (max-width: 991px) {
  .ordersheet_cp_tt {
    display: none;
  }
}
@media (max-width: 480px) {
  .ordersheet_cp .ordersheet_title {
    margin-bottom: 30px;
  }
}
.ordersheet_cp_con {
  /* border-bottom: 1px solid #eeeeee; */
}
.ordersheet_point_con {
  border-top: 1px solid #eeeeee;
}
.ordersheet_payment_con {
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.ordersheet_payment_con > span {
  position: relative;
  margin: 5px;
  width: calc(25% - 10px);
}
.ordersheet_payment_con > span input[type=radio] {
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.ordersheet_payment_con > span input[type=radio] + label {
  display: inline-block;
  padding: 0 15px;
  text-align: center;
  position: relative;
  min-width: 180px;
  width: 100%;
  border: 1px solid #d6d6d6;
  height: 55px;
  line-height: 53px;
  border-radius: 5px;
  color: var(--main-point-color);
  font-size: 17px;
  font-weight: 400;
  cursor: pointer;
}
.ordersheet_payment_con > span input[type=radio] + label .icon_pay {
  display: block;
  padding: 0 8px;
  height: 22px;
  line-height: 18px;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: -11px;
  left: 6px;
}
.ordersheet_payment_con > span input[type=radio] + label .icon_pay img {
  margin-right: 5px;
  display: inline-block;
}
.ordersheet_payment_con > span input[type=radio] + label .icon_pay.naver {
  background: #04cf5c;
  color: #fff;
}
.ordersheet_payment_con > span input[type=radio] + label .icon_pay.kakao {
  background: #fae100;
  color: #3a2020;
  left: 60px;
}
.ordersheet_payment_con > span input[type=radio]:checked + label {
  background: var(--main-point-btn-bg-color-hover);
  border-color: var(--main-point-btn-line-color-hover);
  color: #fff;
  font-weight: 500;
}
.ordersheet_payment #settle_bank {
  padding: 25px 0;
  border-top: 1px solid #eeeeee;
  border-width: 1px 0;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ordersheet_payment #settle_bank .input-box {
  width: 47.87%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.ordersheet_payment #settle_bank .input-box label {
  width: 86px;
  margin: 0;
  color: var(--main-point-color);
  font-size: 16px;
  font-weight: 400;
}
.ordersheet_payment #settle_bank .input-box .settle_input {
  padding: 0 15px;
  height: 46px;
  line-height: 44px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size: 16px;
  color: #999999; 
  width: calc(100% - 86px);
}
.ordersheet_payment #settle_bank .input-box .settle_input:focus{
  border-color: var(--main-point-line-color-hover);
}
.ordersheet_payment #settle_bank .input-box select {
  appearance: none;
}
.ordersheet_payment #settle_bank .input-box span.arrow {
  width: 6px;
  height: 5px;
  display: block;
  position: absolute;
  top: 23px;
  right: 15px;
}
.ordersheet_payment #settle_bank .input-box span.arrow::before, .ordersheet_payment #settle_bank .input-box span.arrow::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: #242424;
}
.ordersheet_payment #settle_bank .input-box span.arrow::before {
  right: 4px;
  transform: rotate(45deg);
}
.ordersheet_payment #settle_bank .input-box span.arrow::after {
  transform: rotate(-45deg);
}
@media (max-width: 991px) {
  .ordersheet_payment #settle_bank .input-box span.arrow {
    top: 47px;
  }
}
.ordersheet_payment_agree label {
  color: #222;
  font-size: 18px;
  font-weight: 600;
}
.ordersheet_payment_agree_desc {
  margin-top: 25px;
}
.ordersheet_payment_agree_desc a {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.ordersheet_payment_agree_desc a span {
  color: #999;
}
.ordersheet_payment_agree_desc a img {
  margin-left: 18px;
  height: 13px;
  position: relative; 
  top: -2px;
  display: inline-block;
}
@media (max-width: 991px){
    .ordersheet_payment_agree_desc a img{
        top: 5px;
        position: absolute;
        height: 11px;
    }
}
.ordersheet_payment_agree_li {
  margin-top: 15px;
}
.ordersheet_payment_agree_li li {
  font-size: 13px;
  color: #999;
  line-height: 23px;
}
@media (max-width: 480px) {
  .ordersheet_payment_agree {
    position: relative;
    padding: 40px 0 0;
  }
  .ordersheet_payment_agree::before {
    content: "";
    display: block;
    width: 110%;
    height: 10px;
    background: #f9f9fa;
    position: absolute;
    left: -15px;
    top: 0;
  }
}
@media (max-width: 991px) {
  .ordersheet_payment_con {
    margin: 0;
  }
  .ordersheet_payment_con > span {
    width: calc(50% - 5px);
  }
  .ordersheet_payment_con > span:nth-child(2n-1) {
    margin-left: 0;
  }
  .ordersheet_payment_con > span:nth-child(2n) {
    margin-right: 0;
  }
  .ordersheet_payment_con > span input[type=radio] + label {
    width: 100%;
    min-width: initial;
    border-radius: 2.5px;
  }
  .ordersheet_payment #settle_bank {
    flex-direction: column;
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .ordersheet_payment #settle_bank .input-box {
    width: 100%;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .ordersheet_payment #settle_bank .input-box:last-child {
    margin-bottom: 0;
  }
  .ordersheet_payment #settle_bank .input-box label {
    width: 100%;
  }
  .ordersheet_payment #settle_bank .input-box .settle_input {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .ordersheet_payment_con > span input[type=radio] + label {
    height: 45px;
    line-height: 43px;
    font-size: 15px;
  }
  .ordersheet_payment_con > span input[type=radio] + label .icon_pay {
    padding: 0 6px;
    height: 18px;
    line-height: 15px;
    font-size: 10px;
  }
  .ordersheet_payment_con > span input[type=radio] + label .icon_pay img {
    height: 8px;
    margin-right: 3px;
  }
  .ordersheet_payment_con > span input[type=radio] + label .icon_pay.kakao {
    left: 50px;
  }
  .ordersheet_payment #settle_bank .input-box label {
    width: 100%;
    font-size: 16px;
  }
  .ordersheet_payment #settle_bank .input-box .settle_input {
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    border-radius: 2.5px;
  }
  .ordersheet_payment_agree_desc {
    margin-top: 20px;
  }
  .ordersheet_payment_agree_desc a {
    display: block;
    font-size: 13px;
    width: 100%;
    position: relative;
  }
  .ordersheet_payment_agree_desc a img {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
  }
  .ordersheet_payment_agree_li li {
    font-size: 11px;
    line-height: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .ordersheet_payment_agree_li li span {
    width: 8px;
    text-align: left;
  }
}

.ordersheet_proof_of_payment .proof_of_payment_tab{
  margin: 0 -7.5px;
}
.ordersheet_proof_of_payment .proof_of_payment_tab > span {
  position: relative;
  margin: 25px 5px;
  width: calc(33.1% - 10px);
  display: inline-block;
}
.ordersheet_proof_of_payment .proof_of_payment_tab > span input[type=radio] {
  display: none;
}
.ordersheet_proof_of_payment .proof_of_payment_tab > span input[type=radio] + label {
  display: inline-block;
  padding: 0 15px;
  text-align: center;
  position: relative;
  min-width: 180px;
  width: 100%;
  border: 1px solid #d6d6d6;
  height: 55px;
  line-height: 53px;
  border-radius: 5px;
  color: #222;
  font-size: 17px;
  font-weight: 400;
  cursor: pointer;
}
.ordersheet_proof_of_payment .proof_of_payment_tab > span input[type=radio]:checked + label {
  background: var(--main-point-btn-bg-color-hover);
  border-color: var(--main-point-btn-bg-color-hover);
  color: #fff;
  font-weight: 500;
}
.ordersheet_proof_of_payment .proof_of_payment_cont{
  padding-top: 5px;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax{
    padding-bottom: 15px;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row{position: relative; background-color: #f9f9f9; border-radius: 10px; padding: 30px;}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row + .proof_tax_row{margin-top: 20px;}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row .pr_tax{display: flex; z-index: 1; align-items: center; justify-content: flex-end; gap: 7px; position: absolute; top: 20px; right: 30px;}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row #proof_tax_add{display: block; width: 26px; height: 26px; background-color: var(--main-point-color-hover); border-radius: 50%; position: relative;}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row #proof_tax_add::before,.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row #proof_tax_add::after{content: ''; display: block; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row #proof_tax_add::before{width: 8px; height: 2px;}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row #proof_tax_add::after{width: 2px; height: 8px;}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row .proof_tax_remove{display: block; width: 26px; height: 26px; background-color: #e9e9e9; border-radius: 50%; position: relative;}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row .proof_tax_remove::before{content: ''; display: block; background-color: #999999; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 8px; height: 2px;}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row:nth-child(1) .proof_tax_remove{display: none;}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_cash{
    padding-bottom: 15px;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .input-box{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .input-box.w620{
  align-items: flex-start;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .input-box label{
  width: 120px;
  color: #000;
  margin-bottom: 0;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_cash .input-box{
    width: 550px;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_cash .input-box label{
    width: 160px;
    white-space : nowrap;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .proof_cash .input-box .settle_input{
    width: calc(100% - 160px);
}
.ordersheet_proof_of_payment .proof_of_payment_cont .input-box input{
  width: calc(100% - 120px);
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size: 16px;
  color: #222;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
  background-color: #fff;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .input-box .ordersheet_write_addr input{
  width: 100%;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .input-box input::placeholder {
  color: #999999;
  line-height: 45px;
}
.ordersheet_proof_of_payment .proof_of_payment_cont .input-box input:focus {
  color: var(--main-point-color-hover);
  border-color: var(--main-point-color-hover);
}
.ordersheet_payment .proof_cash .input-box .settle_input {
  padding: 0 15px;
  height: 46px;
  line-height: 44px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size: 16px;
  color: #999999; 
  width: calc(100% - 120px);
}
.ordersheet_payment .proof_cash .input-box select {
  appearance: none;
}
.ordersheet_payment .proof_cash .input-box span.arrow {
  width: 6px;
  height: 5px;
  display: block;
  position: absolute;
  top: 23px;
  right: 15px;
}
.ordersheet_payment .proof_cash .input-box span.arrow::before, .ordersheet_payment .proof_cash .input-box span.arrow::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: #242424;
}
.ordersheet_payment .proof_cash .input-box span.arrow::before {
  right: 4px;
  transform: rotate(45deg);
}
.ordersheet_payment .proof_cash .input-box span.arrow::after {
  transform: rotate(-45deg);
}
@media (max-width: 991px) {
  .ordersheet_proof_of_payment{
    position: relative;
    padding-top: 40px;
    /* margin-top: 30px; */
  }
  .ordersheet_proof_of_payment::before{
    content: '';
    display: block;
    width: 110%;
    height: 10px;
    background: #f9f9fa;
    position: absolute;
    left: -15px;
    top: 0;
  }
  .ordersheet_proof_of_payment .proof_of_payment_tab{
    margin: 0 -5px 0;
    padding-top: 25px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_tab > span{
    width: calc(50% - 12px);
    margin: 5px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_tab > span input[type=radio] + label{
    border-radius: 2.5px;
    min-width: initial;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont{
    padding-top: 15px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row{
    padding: 40px 15px 15px;
    border-radius: 2.5px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row .pr_tax{
    top: 15px;
    right: 15px;
    gap: 6px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row #proof_tax_add{
    width: 25px;
    height: 25px;
    background-color: #7145e4;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row #proof_tax_add::before{
    width: 9px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row #proof_tax_add::after{
    height: 9px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .proof_tax .proof_tax_row .proof_tax_remove{
    width: 25px;
    height: 25px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont > div{
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .input-box{
    width: 100%;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .input-box.mob_mar_top{
    margin-top: -7px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .input-box.mob_mar_bot{
    margin: 0;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .proof_cash .input-box{
    width: 100%;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .input-box label{
    width: 100%;
    margin-bottom: 10px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .proof_cash .input-box label{
    width: 100%;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .input-box input{
    width: 100%;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .proof_cash .input-box .settle_input{
    width: 100%;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .input-box input{    
    border-radius: 2.5px;
  }
  .ordersheet_payment .proof_cash .input-box .settle_input{
    width: 100%;    
    border-radius: 2.5px;
  }
  .ordersheet_payment .proof_cash .input-box span.arrow {
    display: none;
  }
}
@media (max-width: 480px) {
  .ordersheet_proof_of_payment .proof_of_payment_tab > span input[type=radio] + label{
    font-size: 15px;
    line-height: 41px;
    height: 43px;
  }
  .ordersheet_payment .proof_cash .input-box .settle_input{
    font-size: 14px;
    height: 40px;
    line-height: 38px;
  }
  .ordersheet_proof_of_payment .proof_of_payment_cont .input-box input{
    font-size: 14px;
    height: 40px;
    line-height: 38px;
  }
}


.regbtn-wrap {
  margin-top: 55px;
}
.regbtn-wrap #display_pay_button {
  text-align: center;
}
.regbtn-wrap #display_pay_button input {
  height: 60px;
  line-height: 58px;
  background: var(--main-point-btn-bg-color-hover);
  border-radius: 5px !important;
  min-width: 240px;
  width: auto;
  float: none;
  font-size: 17px;
  font-weight: 500;
  margin-right: 0;
  margin-left: 38%;
}
.regbtn-wrap #display_pay_button a {
  display: none !important;
}
@media (max-width: 991px) {
  .regbtn-wrap {
    margin-top: 35px;
  }
  /* 2024-09-03 (주)파이브센스_FIVESENSES.Corp. */
  .regbtn-wrap #show_req_btn{
    width: 100%;
  }
  /* 2024-09-04 (주)파이브센스_FIVESENSES.Corp. */
  .regbtn-wrap #show_pay_btn{
    width: 100%;
  }
  /* 2024-08-01 (주)파이브센스_FIVESENSES.Corp. */
  .regbtn-wrap #display_pay_button{
    padding-top: 0;
    padding-bottom: 0;
  }
  .regbtn-wrap #display_pay_button input {
    margin-left: 0;
    height: 45px !important;
    line-height: 45px !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 2.5px !important;
    padding: 0 10px !important;
  }
  .regbtn-wrap.fixed {
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    margin-top: 0;
    padding: 10px 15px;
    border: 1px solid #ebebeb;
  }
  .regbtn-wrap.fixed #display_pay_button input {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .regbtn-wrap #display_pay_button input {
    height: 46px;
    line-height: 44px;
  }
}

.order_pop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 478px;
  padding: 40px 10px 30px 30px;
  background: #fff;
  border-radius: 20px;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  scrollbar-3dLight-Color: #fff;
  scrollbar-base-color: #fff;
  scrollbar-Face-Color: #fff;
  scrollbar-Track-Color: #f0f0f0;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #fff;
}
.order_pop.shippingChange2_pop{
    min-height: 603px;
}
.order_pop.shippingChange2_pop > .order_pop_btn{
    margin-top: 100px;
}
@media (max-width: 991px){
    .order_pop.shippingChange2_pop{
        min-height: auto;
    }
    .order_pop.shippingChange2_pop > .order_pop_btn{
        margin-top: 30px;
    }
}
.order_pop.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 480px) {
  .order_pop {
    width: calc(100% - 30px);
    padding: 25px 5px 15px 15px;
    border-radius: 10px;
  }
}
.order_pop * {
  scrollbar-3dLight-Color: #fff;
  scrollbar-base-color: #fff;
  scrollbar-Face-Color: #fff;
  scrollbar-Track-Color: #f0f0f0;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #fff;
}
.order_pop ::-webkit-scrollbar {
  background: #fff;
  width: 6px;
  float: left;
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
}
.order_pop *::-webkit-scrollbar {
  background: #fff;
  width: 6px;
  float: left;
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
}
.order_pop ::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.order_pop *::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.order_pop ::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.order_pop *::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.order_pop ::-webkit-scrollbar-button {
  background: transparent;
  color: #fff;
}
.order_pop *::-webkit-scrollbar-button {
  background: transparent;
  color: #fff;
}
.order_pop ::-webkit-scrollbar-track {
  background: #fff;
}
.order_pop *::-webkit-scrollbar-track {
  background: #fff;
}
.order_pop ::-webkit-scrollbar-thumb {
  height: 50px;
  width: 5px;
  background: #eef1f4;
  border-radius: 10px;
}
.order_pop *::-webkit-scrollbar-thumb {
  height: 50px;
  width: 5px;
  background: #eef1f4;
  border-radius: 10px;
}
.order_pop > .order_pop_title {
  margin-bottom: 40px;
  font-size: 22px;
  color: var(--main-point-color);
  font-weight: 500;
  position: relative;
  line-height: 1em;
}
.order_pop > .order_pop_title .order_modify {
  position: absolute;
  right: 30px;
  top: 0;
  font-size: 16px;
  color: #222;
  font-weight: 300;
}
.order_pop > .order_pop_title .order_modify span {
  display: inline-block;
  padding-left: 10px;
}
@media (max-width: 480px) {
  .order_pop > .order_pop_title {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .order_pop > .order_pop_title .order_modify {
    font-size: 12px;
    right: 15px;
    top: 1px;
  }
}
.order_pop > .order_pop_content {
  padding-right: 10px;
}
.order_pop > .order_pop_btn {
  margin-top: 40px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
@media (max-width: 480px) {
  .order_pop > .order_pop_btn {
    margin-top: 30px;
  }
}
.order_pop > .order_pop_btn a {
  display: block;
  width: calc(50% - 5px);
  height: 50px;
  line-height: 48px;
  border-radius: 5px;
  border: 1px solid #b1b1b1;
  text-align: center;
  font-size: 16px;
  color: #333333;
  margin-right: 10px;
}
@media (max-width: 480px) {
  .order_pop > .order_pop_btn a {
    height: 40px;
    line-height: 38px;
    border-radius: 2.5px;
    font-size: 13px;
  }
}
.order_pop > .order_pop_btn a.order_pop_confirm {
  background: var(--main-point-btn-bg-color-hover);
  border-color: var(--main-point-btn-line-color-hover);
  color: #fff;
}
.order_pop > .order_pop_btn a:last-child {
  margin-right: 0;
}
.order_pop.shippingChange_pop .order_pop_btn {
  margin-top: 96px;
}
@media (max-width: 480px) {
  .order_pop.shippingChange_pop .order_pop_btn {
    margin-top: 51px;
  }
}
.order_pop .shipping_pop_content {
  overflow: hidden;
  overflow-y: auto;
  max-height: 384px;
}
@media (max-width: 480px) {
  .order_pop .shipping_pop_content {
    max-height: 40vh;
  }
}
.order_pop .shipping_pop_content .no_data{
    padding: 150px 0; 
    text-align: center; 
    font-size: 16px; 
    color: #666666;
}
.order_pop .shipping_pop_content .no_data img{
    display: block;
    margin: 0 auto 15px;
}
@media (max-width: 991px){
    .order_pop .shipping_pop_content .no_data{
        font-size: 12.5px; 
        padding: 113px 0;
    }
    .order_pop .shipping_pop_content .no_data img{
        width: 41px;
        height: 41px;
    }
}
.order_pop .shipping_pop_content .shipping_cont {
  margin-bottom: 40px;
}
.order_pop .shipping_pop_content .shipping_cont:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .order_pop .shipping_pop_content .shipping_cont {
    margin-bottom: 25px;
  }
}
.order_pop .shipping_pop_content .shipping_cont .shipping_btn {
  margin-left: 32px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.order_pop .shipping_pop_content .shipping_cont .shipping_btn a {
  display: block;
  width: 48px;
  height: 27px;
  line-height: 28px;
  background: #eeeeee;
  border-radius: 5px;
  color: #999999;
  font-size: 15px;
  text-align: center;
  margin-right: 7px;
  transition: all 0.2s ease;
}
.order_pop .shipping_pop_content .shipping_cont .shipping_btn a:hover {
  background: var(--main-point-btn-bg-color-hover);
  color: #fff;
}
.order_pop .shipping_pop_content .shipping_cont .shipping_btn a:last-child {
  margin-right: 0;
}
@media (max-width: 480px) {
  .order_pop .shipping_pop_content .shipping_cont .shipping_btn {
    margin-top: 10px;
  }
  .order_pop .shipping_pop_content .shipping_cont .shipping_btn a {
    width: 38px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    margin-right: 6px;
  }
}
.order_pop .shipping_pop_content label {
  align-items: flex-start;
  margin-right: 10px;
}
.order_pop .shipping_pop_content label .circle {
  top: 2px;
}
@media (max-width: 480px) {
  .order_pop .shipping_pop_content label .circle {
    width: 22px;
    height: 22px;
    margin-right: 10px;
  }
  .order_pop .shipping_pop_content label .circle::before {
    width: 2px;
    height: 6px;
    border-radius: 3px;
    top: 9px;
    left: 6px;
  }
  .order_pop .shipping_pop_content label .circle::after {
    width: 2px;
    height: 10px;
    border-radius: 5px;
    top: 5px;
    left: 11px;
  }
}
.order_pop .shipping_pop_content .shipping_right {
  width: calc(100% - 32px);
}
.order_pop .shipping_pop_content .shipping_right .shipping_name {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.order_pop .shipping_pop_content .shipping_right .shipping_name .name {
  font-size: 23px;
  color: #333333;
  font-weight: 500;
  line-height: 1.2em;
}
.order_pop .shipping_pop_content .shipping_right .shipping_name .sticker {
  font-size: 13px;
  color: var(--main-point-color-hover);
  border: 1px solid var(--main-point-line-color-hover);
  padding: 0 5.8px;
  height: 22px;
  line-height: 20px;
  border-radius: 11px;
  margin-left: 8px;
}
@media (max-width: 480px) {
  .order_pop .shipping_pop_content .shipping_right .shipping_name {
    margin-bottom: 15px;
  }
  .order_pop .shipping_pop_content .shipping_right .shipping_name .name {
    font-size: 18px;
  }
  .order_pop .shipping_pop_content .shipping_right .shipping_name .sticker {
    font-size: 10px;
    padding: 0 8px;
    height: 18px;
    line-height: 16px;
    position: relative;
    top: 2px;
  }
}
.order_pop .shipping_pop_content .shipping_right .shipping_tel_email {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #aaaaaa;
  margin-bottom: 15px;
}
.order_pop .shipping_pop_content .shipping_right .shipping_tel_email div {
  margin-right: 22px;
  position: relative;
}
.order_pop .shipping_pop_content .shipping_right .shipping_tel_email div::after {
  content: "";
  width: 1px;
  height: 14px;
  background: #aaaaaa;
  position: absolute;
  top: 2px;
  right: -12px;
}
.order_pop .shipping_pop_content .shipping_right .shipping_tel_email div:last-child {
  margin-right: 0;
  line-height: 1em;
}
.order_pop .shipping_pop_content .shipping_right .shipping_tel_email div:last-child::after {
  display: none;
}
@media (max-width: 480px) {
  .order_pop .shipping_pop_content .shipping_right .shipping_tel_email {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .order_pop .shipping_pop_content .shipping_right .shipping_tel_email div {
    margin-right: 18px;
  }
  .order_pop .shipping_pop_content .shipping_right .shipping_tel_email div::after {
    height: 12px;
    right: -10px;
  }
}
.order_pop .shipping_pop_content .shipping_right .shipping_addr {
  font-size: 16px;
  color: #666666;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .order_pop .shipping_pop_content .shipping_right .shipping_addr {
    font-size: 12px;
  }
}
.order_pop .shipping_pop_content .no_address {
  min-height: 363px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order_pop .shipping_pop_content .no_address p {
  font-size: 16px;
  color: #666;
  font-weight: 400;
}
@media (max-width: 480px) {
  .order_pop .shipping_pop_content .no_address {
    min-height: 271px;
  }
  .order_pop .shipping_pop_content .no_address p {
    font-size: 13px;
  }
}
.order_pop .shippingChange_pop_content {
  overflow: hidden;
  overflow-y: auto;
  max-height: 400px;
}
@media (max-width: 480px) {
  .order_pop .shippingChange_pop_content {
    max-height: 250px;
  }
}
.order_pop .shippingChange_pop_content .write_cont {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.order_pop .shippingChange_pop_content .write_cont.write_addr_cont {
  align-items: flex-start;
}
.order_pop .shippingChange_pop_content .write_cont.write_addr_cont .write_label {
  position: relative;
  top: 15px;
}
@media (max-width: 480px) {
  .order_pop .shippingChange_pop_content .write_cont.write_addr_cont .write_label {
    top: auto;
  }
}
.order_pop .shippingChange_pop_content .write_cont:last-child {
  margin-bottom: 0;
}
.order_pop .shippingChange_pop_content .write_cont.check_write_cont {
  justify-content: flex-end;
}
@media (max-width: 480px) {
  .order_pop .shippingChange_pop_content .write_cont {
    flex-wrap: wrap;
    margin-bottom: 22px;
  }
  .order_pop .shippingChange_pop_content .write_cont:last-child {
    margin-bottom: 0;
  }
}
.order_pop .shippingChange_pop_content .write_cont .write_label {
  width: 90px;
  font-size: 16px;
  color: #444444;
  font-weight: 300;
}
@media (max-width: 480px) {
  .order_pop .shippingChange_pop_content .write_cont .write_label {
    /* width: 100%; */
    font-size: 15px;
    margin-bottom: 10px;
    font-size: 13px;
    width: 70px;
  }
}
.order_pop .shippingChange_pop_content .write_cont .write_right {
  width: calc(100% - 90px);
}
@media (max-width: 480px) {
  .order_pop .shippingChange_pop_content .write_cont .write_right {
    /* width: 100%; */
    width: calc(100% - 70px);
  }
}
.order_pop .shippingChange_pop_content .write_cont .write_right .write_input {
  width: 100%;
  height: 45px;
  line-height: 43px;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  font-size: 16px;
  font-weight: 300;
  color: #222;
  padding: 0 15px;
}
@media (max-width: 480px) {
  .order_pop .shippingChange_pop_content .write_cont .write_right .write_input {
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    border-radius: 3px;
  }
}
.order_pop .shippingChange_pop_content .write_cont .write_right .write_input::placeholder {
  color: #999999;
}
.order_pop .shippingChange_pop_content .write_cont .write_right .write_input:focus {
  color: var(--main-point-color-hover);
  border-color: var(--main-point-line-color-hover);
}
.order_pop .shippingChange_pop_content .write_cont .write_right .write_error {
  font-size: 13px;
  color: #ff0000;
  font-weight: 300;
  margin-top: 10px;
}
.order_pop .shippingChange_pop_content .write_cont .write_right .write_addr {
  display: flex;
  margin-bottom: 8px;
}
.order_pop .shippingChange_pop_content .write_cont .write_right .write_addr.first_addr .write_input {
  width: calc(100% - 130px);
}
@media (max-width: 480px) {
  .order_pop .shippingChange_pop_content .write_cont .write_right .write_addr.first_addr .write_input {
    width: calc(100% - 85px);
  }
}
.order_pop .shippingChange_pop_content .write_cont .write_right .write_addr.first_addr input[type=button] {
  width: 120px;
  height: 45px;
  line-height: 43px;
  background: var(--main-point-btn-bg-color-hover);
  border-color: var(--main-point-btn-line-color-hover);
  font-size: 16px;
  font-weight: 300;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  display: block;
  cursor: pointer;
  margin-left: 10px;
}
@media (max-width: 480px) {
  .order_pop .shippingChange_pop_content .write_cont .write_right .write_addr.first_addr input[type=button] {
    width: 80px;
    margin-left: 5px;
    height: 40px;
    line-height: 38px;
    font-size: 12px;
    border-radius: 3px;
  }
}
.order_pop .shippingChange_pop_content .write_cont .write_right .write_addr.third_addr {
  margin-bottom: 0;
}
.order_pop .shippingChange_pop_content .write_cont .write_right .write_addr.fourth_addr {
  display: none;
}

.order_pop_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.order_pop_bg.active {
  opacity: 1;
  visibility: visible;
}

#od_coupon_frm .order_pop, #sc_coupon_frm .order_pop {
  opacity: 1;
  visibility: visible;
  position: static;
  transform: translate(0, 0) rotate(0);
}
#od_coupon_frm .order_pop .od_coupon_ul, #sc_coupon_frm .order_pop .od_coupon_ul {
  width: 100%;
  height: auto;
  max-height: 220px;
}
#od_coupon_frm .order_pop .od_coupon_ul td, #sc_coupon_frm .order_pop .od_coupon_ul td {
  padding-bottom: 30px;
}

.od_coupon_tt {
  color: #1b1b1b;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 40px;
}
.od_coupon_ul {
  height: 220px;
  overflow-y: scroll;
}
@media (max-width: 480px) {
  .od_coupon_ul {
    height: 180px;
  }
}
.od_coupon_li {
  margin-bottom: 30px;
  position: relative;
}
.od_coupon_li.no_coupon {
  font-size: 16px;
  color: #333;
  font-weight: 500;
}
@media (max-width: 480px) {
  .od_coupon_li.no_coupon {
    font-size: 12px;
  }
}
.od_coupon_li.radio_disabled .od_coupon_label {
  cursor: initial;
}
.od_coupon_li.radio_disabled .od_coupon_label .od_coupon_info_dc {
  color: #e1e1e1;
}
.od_coupon_li.radio_disabled .od_coupon_label .od_coupon_info_tt {
  color: #e1e1e1;
}
.od_coupon_li input[type=radio] {
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
}
.od_coupon_li input + .od_coupon_label {
  position: relative;
  cursor: pointer;
  align-items: flex-start;
}
@media (max-width: 480px) {
  .od_coupon_li input + .od_coupon_label .circle {
    width: 21px;
    height: 21px;
  }
  .od_coupon_li input + .od_coupon_label .circle:before {
    width: 2px;
    height: 6px;
    top: 8px;
    left: 6px;
  }
  .od_coupon_li input + .od_coupon_label .circle:after {
    width: 2px;
    height: 9px;
    top: 5.5px;
    left: 10.2px;
  }
}
.od_coupon_li input + .od_coupon_label .od_coupon_info {
  line-height: 22px;
}
.od_coupon_li input + .od_coupon_label .od_coupon_info_dc {
  font-size: 23px;
  color: #333;
  font-weight: 500;
}
@media (max-width: 480px) {
  .od_coupon_li input + .od_coupon_label .od_coupon_info_dc {
    font-size: 18px;
  }
}
.od_coupon_li input + .od_coupon_label .od_coupon_info_tt {
  margin-top: 14px;
  font-size: 16px;
  color: #666;
}
@media (max-width: 480px) {
  .od_coupon_li input + .od_coupon_label .od_coupon_info_tt {
    font-size: 12px;
    margin-top: 9px;
  }
}
.od_coupon_li button {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  background: url(https://fivepro.co.kr/img/icon_check_off.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.od_coupon_li button + .od_coupon_label {
  position: relative;
  padding-left: 30px;
}
.od_coupon_li button + .od_coupon_label .od_coupon_info {
  line-height: 22px;
}
.od_coupon_li button + .od_coupon_label .od_coupon_info_dc {
  font-size: 23px;
  color: #333;
  font-weight: 500;
}
.od_coupon_li button + .od_coupon_label .od_coupon_info_tt {
  margin-top: 14px;
  font-size: 16px;
  color: #666;
}
.od_coupon_btn {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.od_coupon_btn li {
  width: calc(50% - 5px);
  border: 1px solid #b1b1b1;
  height: 50px;
  line-height: 48px;
  text-align: center;
  border-radius: 25px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.od_coupon_btn li.main {
  background: var(--main-point-btn-bg-color-hover);
  color: #fff;
  border-color: var(--main-point-btn-bg-color-hover);
}
.od_coupon_btn li button {
  display: block;
  border: none;
  background: none;
  color: inherit;
  width: 100%;
}
@media (max-width: 480px) {
  .od_coupon_btn li {
    height: 40px;
    line-height: 38px;
    font-size: 14px;
  }
}

.shop_agree_pop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  padding: 40px 10px 30px 30px;
  background: #fff;
  border-radius: 20px;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  scrollbar-3dLight-Color: #fff;
  scrollbar-base-color: #fff;
  scrollbar-Face-Color: #fff;
  scrollbar-Track-Color: #f0f0f0;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #fff;
}
.shop_agree_pop.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 480px) {
  .shop_agree_pop {
    width: calc(100% - 30px);
    padding: 25px 5px 15px 15px;
    border-radius: 10px;
  }
}
.shop_agree_pop * {
  scrollbar-3dLight-Color: #fff;
  scrollbar-base-color: #fff;
  scrollbar-Face-Color: #fff;
  scrollbar-Track-Color: #f0f0f0;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #fff;
}
.shop_agree_pop ::-webkit-scrollbar {
  background: #fff;
  width: 6px;
  float: left;
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
}
.shop_agree_pop *::-webkit-scrollbar {
  background: #fff;
  width: 6px;
  float: left;
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
}
.shop_agree_pop ::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.shop_agree_pop *::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.shop_agree_pop ::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.shop_agree_pop *::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.shop_agree_pop ::-webkit-scrollbar-button {
  background: transparent;
  color: #fff;
}
.shop_agree_pop *::-webkit-scrollbar-button {
  background: transparent;
  color: #fff;
}
.shop_agree_pop ::-webkit-scrollbar-track {
  background: #fff;
}
.shop_agree_pop *::-webkit-scrollbar-track {
  background: #fff;
}
.shop_agree_pop ::-webkit-scrollbar-thumb {
  height: 50px;
  width: 5px;
  background: #eef1f4;
  border-radius: 10px;
}
.shop_agree_pop *::-webkit-scrollbar-thumb {
  height: 50px;
  width: 5px;
  background: #eef1f4;
  border-radius: 10px;
}
.shop_agree_pop > .shop_agree_pop_title {
  margin-bottom: 40px;
  font-size: 22px;
  color: #1b1b1b;
  font-weight: 500;
  position: relative;
}
@media (max-width: 480px) {
  .shop_agree_pop > .shop_agree_pop_title {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
.shop_agree_pop > .shop_agree_pop_content {
  padding-right: 10px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 365px;
}
.shop_agree_pop > .shop_agree_pop_btn {
  margin-top: 40px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .shop_agree_pop > .shop_agree_pop_btn {
    margin-top: 30px;
  }
}
.shop_agree_pop > .shop_agree_pop_btn a {
  display: block;
  width: calc(50% - 5px);
  height: 50px;
  line-height: 48px;
  border-radius: 25px;
  background: var(--main-point-btn-bg-color-hover);
  text-align: center;
  font-size: 16px;
  color: #fff;
}
@media (max-width: 480px) {
  .shop_agree_pop > .shop_agree_pop_btn a {
    height: 40px;
    line-height: 38px;
    border-radius: 20px;
    font-size: 13px;
  }
}

.shop_agree_popup_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.shop_agree_popup_bg.active {
  opacity: 1;
  visibility: visible;
}

/* 
마이페이지 대시보드 전체 노출을 위해 따로 뺌
마이페이지 대시보드 html > skin > member > basic > mypage_dashboard.php
*/
.mypage_dashboard {
  border: 0;
  background: #fafafa;
  margin-bottom: 40px;
  padding: 60px 0;
}
.mypage_dashboard .container_fix {
  display: flex;
}
.mypage_dashboard .quart_box {
  width: 19.231%;
  min-height: 150px;
  border-right: 0;
  background: #fff;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 40px 30px;
}
.mypage_dashboard .quart_box:first-child {
  width: 39%;
}
.mypage_dashboard .quart_box .more-btn a {
  font-size: 15px;
  color: var(--main-point-color);
  font-weight: 400;
}
.mypage_dashboard .quart_box .more-btn a .arrow_box {
  display: inline-block;
  width: 7px;
  height: 13px;
  background-image: url(https://fivepro.co.kr/img/arrow_box.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 12px;
}
.mypage_dashboard .quart_box .quart-description span {
  font-size: 20px;
  color: var(--main-point-color-hover);
  font-weight: 500;
  margin-top: 20px;
  display: block;
}
.mypage_dashboard .quart_box .left_info {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.mypage_dashboard .quart_box .left_info .icon_box {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}
.mypage_dashboard .quart_box .left_info .icon_box .member_icon {
  display: block;
  width: 100%;
  height: 100%;
  background: #f0f0f0;
}
.mypage_dashboard .quart_box .left_info .icon_box .member_icon img {
  display: block;
  width: 100%;
}
.mypage_dashboard .quart_box .left_info .text_box {
  display: flex;
  flex-direction: column;
}
.mypage_dashboard .quart_box .left_info .text_box .name_box {
  font-size: 20px;
  color: var(--main-point-color);
  font-weight: 400;
}
.mypage_dashboard .quart_box .left_info .text_box .level_text {
  font-size: 14px;
  color: #777;
  font-weight: 400;
  margin-top: 10px;
}
.mypage_dashboard .quart_box .right_info {
  position: relative;
}
.mypage_dashboard .quart_box .right_info a {
  display: block;
  width: 78px;
  padding: 6px 5px;
  border: 1px solid #d6d6d6;
  border-radius: 14px;
  font-size: 14px;
  color: #999;
  font-weight: 400;
  text-align: center;
  transition: 0.1s;
}
.mypage_dashboard .quart_box .right_info a:hover {
  border-color: var(--main-point-btn-line-color-hover);
  color: var(--main-point-btn-line-color-hover);
}
.mypage_dashboard .quart_box .right_info .edit_list_wrap {
  display: none;
}
.mypage_dashboard .quart_box .right_info .edit_list {
  width: 170px;
  position: absolute;
  z-index: 5;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.1);
}
.mypage_dashboard .quart_box .right_info .edit_list::before {
  content: "";
  display: block;
  border: 16px solid #fff;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
  border-left: 0;
  border-bottom: 0;
}
.mypage_dashboard .quart_box .right_info .edit_list li a {
  font-size: 14px;
  color: var(--main-point-color);
  font-weight: 400;
  height: auto;
  line-height: 50px;
  border: 0;
  border-radius: 0;
  text-align: center;
  display: block;
  width: 100%;
}
.mypage_dashboard .quart_box .right_info .edit_list li a:hover {
  background: var(--main-point-bg-soft-color);
}
.mypage_dashboard .quart_info {
  flex-direction: unset;
  align-items: center;
}
.mypage_dashboard .quart_box + .quart_box {
  margin-left: 1.1023%;
}
@media (max-width: 991px) {
  .mypage_dashboard {
    background: #fff;
    padding: 0;
    margin-bottom: 0;
  }
  .mypage_dashboard .quart_box {
    width: 100%;
    padding: 35px 0;
    min-height: auto;
  }
  .mypage_dashboard .quart_box:first-child {
    width: 100%;
  }
  .mypage_dashboard .quart_box .left_info .icon_box {
    width: 90px;
    height: 90px;
    margin-right: 30px;
  }
  .mypage_dashboard .quart_box .left_info .icon_box .member_icon {
    display: block;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
  }
  .mypage_dashboard .quart_box .left_info .text_box {
    display: flex;
    flex-direction: column;
  }
  .mypage_dashboard .quart_box .left_info .text_box .name_box {
    font-size: 20px;
    /* color: var(--main-point-color); */
    font-weight: 400;
  }
  .mypage_dashboard .quart_box .left_info .text_box .level_text {
    font-size: 14px;
    color: #777;
    font-weight: 400;
    margin-top: 10px;
  }
  .mypage_dashboard .quart_box .right_info a {
    width: 70px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    padding: 0 5px;
  }
  .mypage_dashboard .quart_box .right_info .edit_list_wrap {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
  }
  .mypage_dashboard .quart_box .right_info .edit_list {
    position: absolute;
    top: unset;
    bottom: 60px;
    left: 0;
    z-index: 10;
    box-shadow: 0 0 0;
    transform: none;
    width: 100%;
    background: transparent;
    padding: 0 15px;
  }
  .mypage_dashboard .quart_box .right_info .edit_list::before {
    display: none;
  }
  .mypage_dashboard .quart_box .right_info .edit_list li a {
    display: block;
    background: #dcdcdc;
    line-height: 60px;
    font-size: 18px;
    color: #777;
    font-weight: 400;
    text-align: center;
    border-top: 1px solid #bababa;
  }
  .mypage_dashboard .quart_box .right_info .edit_list li a:hover {
    color: #222;
    background: #e7e7e7;
  }
  .mypage_dashboard .quart_box .right_info .edit_list li:first-child a {
    border-top: 0;
    border-radius: 10px 10px 0 0;
  }
  .mypage_dashboard .quart_box .right_info .edit_list li:nth-child(4) a {
    border-radius: 0 0 10px 10px;
  }
  .mypage_dashboard .quart_box .right_info .edit_list .cancel_btn {
    display: block;
    background: #fff;
    line-height: 60px;
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 500;
    border-radius: 15px;
    text-align: center;
    margin-top: 15px;
    overflow: hidden;
  }
  .mypage_dashboard .quart_box .right_info .edit_list .cancel_btn:hover {
    background: #fff;
  }
  .mypage_dashboard .quart_box + .quart_box {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .mypage_dashboard .quart_box {
    padding: 28px 0;
  }
  .mypage_dashboard .quart_box .left_info .icon_box {
    width: 80px;
    height: 80px;
    margin-right: 25px;
  }
  .mypage_dashboard .quart_box .left_info .text_box .name_box {
    font-size: 15px;
  }
  .mypage_dashboard .quart_box .left_info .text_box .level_text {
    font-size: 13px;
  }
  .mypage_dashboard .quart_box .right_info .edit_list {
    position: absolute;
    top: unset;
    bottom: 55px;
    left: 0;
    z-index: 10;
    box-shadow: 0 0 0;
    transform: none;
  }
  .mypage_dashboard .quart_box .right_info .edit_list li a {
    font-size: 16px;
    line-height: 49px;
  }
  .mypage_dashboard .quart_box .right_info .edit_list .cancel_btn {
    font-size: 16px;
    line-height: 49px;
    border-radius: 2.5px;
    margin-top: 6px;
  }
}

.profil_wrap {
  display: none;
}
.profil_wrap.reg_profile {
  display: block !important;
}
.profil_wrap .profil_container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  width: 620px;
  max-width: 100%;
  background: #fff;
  border-radius: 20px;
  padding: 30px 30px;
  display: flex;
  flex-direction: column;
}
.profil_wrap .profil_close {
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
}
@media (max-width:991px){
    .profil_wrap .profil_close{
        margin-bottom: 0;
    }
}
.profil_wrap .profil_close .profil_close_btn {
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
  flex-grow: 1;
}
@media (max-width:991px){
    .profil_wrap .profil_close .profil_close_btn{
        width: 15px;
        height: 15px;
    }
}
.profil_wrap .profil_close .profil_close_btn span {
  display: block;
  width: 100%;
  height: 100%;
}
.profil_wrap .profil_close .profil_close_btn span::before {
  content: "";
  display: block;
  width: 1px;
  height: 21px;
  background: #cfcfcf;
  position: absolute;
  top: 0;
  right: 10px;
  transform: rotate(-45deg);
}
.profil_wrap .profil_close .profil_close_btn span::after {
  content: "";
  display: block;
  width: 1px;
  height: 21px;
  background: #cfcfcf;
  position: absolute;
  top: 0;
  right: 10px;
  transform: rotate(45deg);
}
@media (max-width:991px){
    .profil_wrap .profil_close .profil_close_btn span::before{
        height: 17.5px;
        width: 2px;
    }
    .profil_wrap .profil_close .profil_close_btn span::after{
        height: 17.5px;
        width: 2px;
    }
}
.profil_wrap .profil_box .title h2 {
  font-size: 30px;
  color: #1b1b1b;
  font-weight: 600;
}
.profil_wrap .profil_box .profil_cont .profil_img {
  position: relative;
  margin: 40px auto 60px;
  width: 220px;
}
.profil_wrap .profil_box .profil_cont .profil_img .img_container {
  width: 100%;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
}
.profil_wrap .profil_box .profil_cont .profil_img .img_container img {
  display: block;
  width: 100%;
}
.profil_wrap .profil_box .profil_cont .profil_img .img_file {
  position: absolute;
  bottom: 0;
  right: 0;
}
.profil_wrap .profil_box .profil_cont .profil_img .img_file .add_file {
  display: block;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.1);
}
.profil_wrap .profil_box .profil_cont .profil_img .img_file .add_file img {
  width: 100%;
}
.profil_wrap .profil_box .profil_cont .profil_txt {
  text-align: center;
}
.profil_wrap .profil_box .profil_cont .profil_txt p {
  font-size: 17px;
  color: #333;
  font-weight: 400;
  line-height: 32px;
}
.profil_wrap .profil_box .profil_cont .profil_btn {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.profil_wrap .profil_box .profil_cont .profil_btn .pbtn {
  width: 49.108%;
  height: 53px;
  line-height: 51px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  border: 0;
  border-radius: 5px;
  background: var(--main-point-btn-bg-color-hover);
  text-align: center;
}
.profil_wrap .profil_box .profil_cont .profil_btn .pbtn.profil_none {
  border: 1px solid #dcdcdc;
  color: #222;
  background: #fff;
}
.profil_wrap .profil_box .profil_cont .profil_btn .pbtn + .pbtn {
  margin-left: 1.784%;
}
@media (max-width: 991px) {
  .profil_wrap .profil_box .profil_cont .profil_btn .pbtn + .pbtn {
    margin-left: 1.56%;
  }
}
.profil_wrap .add_box {
  display: none;
  width: 170px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 82px;
}
.profil_wrap .add_box .add_ul {
  width: 170px;
  max-width: 100%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 1;
}
.profil_wrap .add_box .add_ul::before {
  content: "";
  display: block;
  border: 16px solid #fff;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-left: 0;
  border-bottom: 0;
}
.profil_wrap .add_box .add_ul li {
  text-align: center;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  line-height: 50px;
  position: relative;
  z-index: 2;
}
.profil_wrap .add_box .add_ul li a {
  display: block;
  width: 100%;
}
.profil_wrap .add_box .add_ul li:hover {
  background: #e8edf3;
}
.profil_wrap .add_box .add_ul li:hover a {
  color: #000;
}
.profil_wrap .add_box .add_ul .edit_li label {
  width: 100%;
  cursor: pointer;
}
.profil_wrap .add_box .add_ul .edit_li input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
@media (max-width: 991px) {
  .profil_wrap .profil_container {
    width: 95%;
    padding: 15px 15px 30px;
    border-radius: 10px;
  }
  .profil_wrap .profil_box .title h2 {
    font-size: 21px;
  }
  .profil_wrap .profil_box .profil_cont .profil_img {
    width: 150px;
    margin: 16px auto 30px;
  }
  .profil_wrap .profil_box .profil_cont .profil_img .img_container {
    height: 150px;
  }
  .profil_wrap .profil_box .profil_cont .profil_img .img_file .add_file {
    width: 35px;
    height: 35px;
  }
  .profil_wrap .profil_box .profil_cont .profil_img .img_file .add_file img {
    display: block;
    width: 100%;
  }
  .profil_wrap .profil_box .profil_cont .profil_txt p {
    font-size: 17px;
    line-height: 22px;
  }
  .profil_wrap .profil_box .profil_cont .profil_btn {
    margin-top: 30px;
  }
  .profil_wrap .profil_box .profil_cont .profil_btn .pbtn {
    height: 50px;
    line-height: 48px;
    font-size: 16px;
    border-radius: 2.5px;
  }
  .profil_wrap .add_box {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    transform: none;
    top: unset;
  }
  .profil_wrap .add_box .add_ul {
    position: absolute;
    top: unset;
    bottom: 55px;
    left: 0;
    z-index: 10;
    box-shadow: 0 0 0;
    transform: none;
    background: transparent;
    width: calc(100% - 30px);
    left: 15px;
  }
  .profil_wrap .add_box .add_ul::before {
    display: none;
  }
  .profil_wrap .add_box .add_ul li label {
    border: 1px solid #bababa;
  }
  .profil_wrap .add_box .add_ul li a {
    border: 1px solid #bababa;
    display: block;
    background: #dcdcdc;
    line-height: 60px;
    font-size: 18px;
    color: #777;
    font-weight: 400;
    text-align: center;
    border-top: 1px solid #bababa;
    border-top: 0;
  }
  .profil_wrap .add_box .add_ul li a:hover {
    color: #222;
    background: #e7e7e7;
  }
  .profil_wrap .add_box .add_ul li label {
    display: block;
    background: #dcdcdc;
    line-height: 60px;
    font-size: 18px;
    color: #777;
    font-weight: 400;
    text-align: center;
    border-top: 1px solid #bababa;
    border-top: 0;
  }
  .profil_wrap .add_box .add_ul li label:hover {
    color: #222;
    background: #e7e7e7;
  }
  .profil_wrap .add_box .add_ul li:hover {
    background: transparent;
  }
  .profil_wrap .add_box .add_ul li.edit_li {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
  }
  .profil_wrap .add_box .add_ul li.delete_img a {
    border-radius: 0 0 10px 10px;
  }
  .profil_wrap .add_box .add_ul .cancel_btn {
    display: block;
    background: #fff;
    line-height: 60px;
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 500;
    border-radius: 15px;
    text-align: center;
    margin-top: 15px;
    overflow: hidden;
  }
  .profil_wrap .add_box .add_ul .cancel_btn:hover {
    background: #fff;
  }
}
@media (max-width: 480px) {
  .profil_wrap .profil_box .title h2 {
    font-size: 18px;
  }
  .profil_wrap .profil_box .profil_cont .profil_img {
    width: 130px;
    margin: 13px auto 30px;
  }
  .profil_wrap .profil_box .profil_cont .profil_img .img_container {
    height: 130px;
  }
  .profil_wrap .profil_box .profil_cont .profil_txt p {
    font-size: 13px;
  }
  .profil_wrap .profil_box .profil_cont .profil_btn .pbtn {
    height: 50px;
    line-height: 48px;
    font-size: 14px;
  }
  .profil_wrap .add_box .add_ul {
    position: absolute;
    top: unset;
    bottom: 55px;
    left: 0;
    z-index: 10;
    box-shadow: 0 0 0;
    transform: none;
    left: 15px;
  }
  .profil_wrap .add_box .add_ul li a {
    line-height: 49px;
    font-size: 16px;
  }
  .profil_wrap .add_box .add_ul li label {
    line-height: 49px;
    font-size: 16px;
  }
  .profil_wrap .add_box .add_ul .cancel_btn {
    display: block;
    background: #fff;
    line-height: 49px;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 500;
    border-radius: 15px;
    text-align: center;
    margin-top: 15px;
    overflow: hidden;
    border-radius: 2.5px;
    margin-top: 5px;
  }
}

.profil_bg {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

/*.popup_edit{
    display:none;
    .edit_bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.5);}
    .edit_wrap{
        width:100%;position:fixed;left:0;bottom:50px;z-index:15;
        .container_fix{display:flex;flex-direction:column;}
        .select_ul{
            li{
                a{display:block;background:#dcdcdc;line-height:60px;font-size:20px;color:#666;font-weight:400;border-radius:15px;text-align:center}
            }
        }
        .cancel_btn{background:#fff;font-size:20px;color:#1b1b1b;font-weight:500;margin-top:15px;line-height:60px;border-radius:15px;border:0}
    }
    @include responsive-480(){
        .edit_wrap{
            bottom:25px;
            .select_ul{
                li{
                    a{line-height:50px;font-size:16px;border-radius:10px;}
                }
            }
            .cancel_btn{font-size:16px;margin-top:8px;line-height:50px;border-radius:10px}
        }        
    }
}
*/
/*
마이페이지 좌측 윙
마이페이지 좌측 윙 html > skin > member > basic > mypage_wing.php
*/
.mypage_wing {
  width: auto;
  display: flex;
  gap: 50px;
}
.mypage_wing .mypage-sections01 {
  width: 200px;
}
.mypage_wing .mypage-sections01 h1 {
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 500;
  color: var(--main-point-color);
}
.mypage_wing .mypage-sections01 ul {
  width: 100%;
  display: block;
  border: 1px solid #f2f2f2;
}
.mypage_wing .mypage-sections01 ul li {
  height: 50px;
  line-height: 48px;
  padding: 0 20px;
  border-bottom: 1px solid #f2f2f2;
  transition: all 200ms linear;
  display: flex;
  align-items: center;
}
.mypage_wing .mypage-sections01 ul li:last-child {
  border: none;
}
.mypage_wing .mypage-sections01 ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-size: 15px;
  font-weight: 400;
  color: #777;
  line-height: 1.5;
}
.mypage_wing .mypage-sections01 ul li a span {
  width: 5px;
  height: 12px;
  display: block;
  position: relative;
}
.mypage_wing .mypage-sections01 ul li a span::before, .mypage_wing .mypage-sections01 ul li a span::after {
  content: "";
  width: 110%;
  height: 1px;
  position: absolute;
  background: #a1a1a1;
  transition: all 200ms linear;
}
.mypage_wing .mypage-sections01 ul li a span::before {
  top: 3px;
  transform: rotate(45deg);
}
.mypage_wing .mypage-sections01 ul li a span::after {
  bottom: 3px;
  transform: rotate(-45deg);
}
.mypage_wing .mypage-sections01 ul li:hover {
  background: #fafafa;
}
.mypage_wing .mypage-sections01 ul li:hover a {
  color: var(--main-point-color-hover);
}
.mypage_wing .mypage-sections01 ul li:hover a span::before, .mypage_wing .mypage-sections01 ul li:hover a span::after {
  background: var(--main-point-color-hover);
}
.mypage_wing .mypage-sections02 {
  width: calc(100% - 200px);
}
.mypage_wing .mypage-sections02 section .head {
  padding: 0;
  border: none;
}
.mypage_wing .mypage-sections02 section .head .orderform_title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.mypage_wing .mypage-sections02 section .head .orderform_title a {
  font-size: 17px;
  font-weight: 400;
  color: #666;
}

/* 마이페이지 html > skin > member > basic > mypage.php */
.mypage_style ul, .mypage_style li, .mypage_style ol {
  list-style: none;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-table-head .section-cell {
  font-size: 16px;
  color: var(--main-point-color);
  font-weight: 400;
  border-bottom: 1px solid #eee;
  padding: 22px 0;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-table-body .section-cell {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  border-bottom: 1px solid #eee;
  padding: 22px 0;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-table-body .section-cell a{
  color: #666;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell {
  width: 25%;
  vertical-align: middle;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_it_info {
  width: 20%;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_it_info .img {
  margin-bottom: 5px;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_it_info .description {
  display: block;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_it_info .description p {
  font-size: 14px;
  margin-top: 7px;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_it_info .description p + p {
  margin-top: 5px;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_date {
  width: 20%;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_num {
  width: 20.95%;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_num button.order_cancel {
  border-radius: 5px !important;
  margin-top: 10px;
  background: var(--main-point-btn-bg-color-hover);
  border-color: var(--main-point-btn-line-color-hover);
  outline: none;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_num #sod_fin_cancelfrm_0 {
  width: 500px;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_num .input-group button {
  background: var(--main-point-btn-bg-color-hover);
  border-color: var(--main-point-btn-line-color-hover);
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_num .input-group input:focus {
  border-color: var(--main-point-line-color-hover);
  box-shadow: none;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_num #sod_fin_cancelfrm_0
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_price {
  width: 18.57%;
}
.mypage_style .mypage-table .mypage-sections.mypage_sections .section_table .section-cell.od_status {
  width: 20.95%;
}
.mypage_style .mob_mypage {
  display: none;
}
.mypage_style .mob_mypage .mob_section01 .myicon_list a span.cart_count{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--main-point-bg-color-hover);
    text-align: center;
    line-height: 14.5px;
    font-size: 9px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    right: 1px;
    bottom: -4px;
}
@media (max-width: 991px) {
  .mypage_style .pc_mypage {
    display: none;
  }
  .mypage_style .mob_mypage {
    display: block;
  }
  .mypage_style .mob_mypage .mob_section .mob_container {
    padding: 40px 15px 20px;
  }
  .mypage_style .mob_mypage .mob_section::before {
    content: "";
    display: block;
    width: 100%;
    height: 12px;
    background: #f9f9fa;
  }
  .mypage_style .mob_mypage .mob_section .section_tit h1 {
    font-size: 20px;
    color: var(--main-point-color);
    font-weight: 600;
    margin-bottom: 15px;
  }
  .mypage_style .mob_mypage .mob_section .section_li a {
    display: flex;
    align-items: center;
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .list_name {
    flex-grow: 1;
    font-size: 16px;
    color: #333;
    font-weight: 400;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .more_btn {
    font-size: 15px;
    color: var(--main-point-color-hover);
    font-weight: 400;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .more_btn .more_txt {
    font-size: 17px;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .arrow_span {
    position: relative;
    right: 10px;
    margin-left: 35px;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .arrow_span::before {
    content: "";
    display: block;
    width: 2px;
    height: 10px;
    background: #666;
    position: absolute;
    top: 5px;
    right: 0;
    transform: rotate(-45deg);
  }
  .mypage_style .mob_mypage .mob_section .section_li a .arrow_span::after {
    content: "";
    display: block;
    width: 2px;
    height: 10px;
    background: #666;
    position: absolute;
    top: 10px;
    right: 0;
    transform: rotate(45deg);
  }
  .mypage_style .mob_mypage .mob_section .section_li:last-child a {
    border-bottom: 0;
  }
  .mypage_style .mob_mypage .mob_section01 .mob_container {
    padding: 40px 0;
  }
  .mypage_style .mob_mypage .mob_section01 .mob_myicon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
  }
  .mypage_style .mob_mypage .mob_section01 .myicon_list a {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .mypage_style .mob_mypage .mob_section01 .myicon_list a span {
    display: block;
  }
  .mypage_style .mob_mypage .mob_section01 .myicon_list a span.icon_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    /* background: #f7f8fa; */
    border-radius: 20px;
    position: relative;
  }
  .mypage_style .mob_mypage .mob_section01 .myicon_list a span.icon_box img {
    height: 35px;
  }
  .mypage_style .mob_mypage .mob_section01 .myicon_list a span.icon_txt {
    font-size: 16px;
    color: var(--main-point-color);
    font-weight: 400;
    margin-top: 15px;
  }
  .mypage_style .mob_mypage .mob_section01 .myicon_list a span.cart_count{
    display: block;
    width: 13.5px;
    height: 13.5px;
    border-radius: 50%;
    background: var(--main-point-bg-color-hover);
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 13px;
    position: absolute;
    bottom: 11px;
    right: 12px;
  }
  .mypage_style .mob_mypage .mob_section04 .mob_container {
    padding: 0 15px;
  }
  .mypage_style .mob_mypage .mob_section04::after {
    content: "";
    display: none;
    width: 100%;
    height: 70px;
    background: #eff2f5;
  }
}
@media (max-width: 480px) {
  .mypage_style .mob_mypage .mob_section .mob_container {
    padding: 30px 15px 7px;
  }
  .mypage_style .mob_mypage .mob_section::before {
    content: "";
    display: block;
    width: 100%;
    height: 9px;
    background: #f9f9fa;
  }
  .mypage_style .mob_mypage .mob_section .section_tit h1 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .mypage_style .mob_mypage .mob_section .section_li a {
    padding: 21px 0;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .list_name {
    font-size: 14px;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .more_btn {
    font-size: 12px;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .more_btn .more_txt {
    font-size: 14px;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .arrow_span {
    margin-left: 20px;
    right: 4px;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .arrow_span::before {
    width: 1px;
    height: 7px;
    top: 4px;
  }
  .mypage_style .mob_mypage .mob_section .section_li a .arrow_span::after {
    width: 1px;
    height: 7px;
    top: 8.5px;
  }
  .mypage_style .mob_mypage .mob_section01 .mob_container {
    padding: 20px 0 30px;
  }
  .mypage_style .mob_mypage .mob_section01 .mob_myicon {
    gap: 40px;
  }
  .mypage_style .mob_mypage .mob_section01 .myicon_list a span.icon_box {
    width: 50px;
    height: 50px;
    border-radius: 13px;
    position: relative;
  }
  .mypage_style .mob_mypage .mob_section01 .myicon_list a span.icon_box img {
    height: 25px;
  }
  .mypage_style .mob_mypage .mob_section01 .myicon_list a span.icon_txt {
    font-size: 13px;
    margin-top: 0px;
  }
  .mypage_style .mob_mypage .mob_section04 .mob_container {
    padding: 0 15px;
  }
  .mypage_style .mob_mypage .mob_section04::after {
    height: 50px;
  }
}

.none-item {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  border-bottom: 1px solid #eee;
  padding: 27px 0;
}

/* 개인정보 수정 
html > skin > member > basic > member_confirm.php 
html > skin > member > basic > register_form.php
*/
.mypassword_confirm {
  width: 100%;
  display: flex;
  gap: 50px;
}
.mypassword_confirm .password_wrap {
  width: calc(100% - 200px);
}
.mypassword_confirm .password_wrap .orderform_title p {
  margin-top: 10px;
  font-size: 13px;
  color: #666;
  font-weight: 400;
  line-height: 1.5;
}
.mypassword_confirm .password_wrap .orderform_title p strong {
  color: #222;
  font-weight: 500;
  font-size: 16px;
}
.mypassword_confirm .password_wrap .confirm_wrap {
  width: 600px;
  max-width: 100%;
  margin: 40px auto 0;
}
@media (max-width: 991px) {
  .mypassword_confirm {
    gap: 0;
    margin-top: 50px;
  }
  .mypassword_confirm .password_wrap {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .mypassword_confirm .password_wrap .orderform_title p {
    font-size: 13px;
  }
  .mypassword_confirm .password_wrap .orderform_title p strong {
    font-size: 14px;
  }
  .mypassword_confirm .password_wrap .confirm_wrap {
    margin: 20px auto 0;
  }
  .mypassword_confirm .password_wrap .confirm_wrap p {
    font-size: 14px;
  }
  .mypassword_confirm .password_wrap .confirm_wrap .confirm_input input {
    line-height: 39px;
    border-radius: 3px;
  }
  .mypassword_confirm .password_wrap .confirm_wrap .confirm_input .confirm_btn_box .btn_confirm {
    font-size: 13px;
    line-height: 39px;
    border-radius: 3px;
  }
  .mypassword_confirm .password_wrap .btn_back a {
    font-size: 14px;
  }
}

.register_style.edit_mem {
  width: 100%;
  display: flex;
  gap: 50px;
}
.register_style.edit_mem .mypage_register {
  width: calc(100% - 200px);
}
.register_style.edit_mem .mypage_register .profil_wrap .profil_box {
  margin: 40px 0;
}
.register_style.edit_mem .mypage_register .profil_wrap .profil_box .profil_cont .profil_img {
  margin: 0 auto;
  width: 120px;
}
.register_style.edit_mem .mypage_register .profil_wrap .profil_box .profil_cont .profil_img .img_container {
  padding-bottom: 100%;
  height: 0;
}
.register_style.edit_mem .mypage_register .profil_wrap .profil_box .profil_cont .profil_img .img_file {
  right: 7px;
  bottom: 4px;
}
.register_style.edit_mem .mypage_register .profil_wrap .profil_box .profil_cont .profil_img .img_file .add_file {
  background: var(--main-point-bg-color-hover);
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media(max-width:991px){
    .register_style.edit_mem .mypage_register .profil_wrap .profil_box .profil_cont .profil_img .img_file .add_file{
        width: 30px;
        height: 30px;
    }
}
.register_style.edit_mem .mypage_register .register_tt {
  font-size: 24px;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 26px;
  border-bottom: 1px solid #444444;
  margin-bottom: 40px;
}
.register_style.edit_mem .mypage_register .area-box {
  float: none;
  width: 57.273%;
  margin-right: 0;
  margin: 0 auto;
}
.register_style.edit_mem .mypage_register .area-box .regbtn-wrap {
  width: 240px;
  margin: 60px auto 0;
}
.register_style.edit_mem .mypage_register .area-box .regbtn-wrap #btn_submit {
  height: 60px;
  line-height: 58px;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0;
}
.register_style.edit_mem .mypage_register .input-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.register_style.edit_mem .mypage_register .input-box label {
  width: 135px;
  font-size: 16px;
  color: #333;
  font-weight: 300;
}
.register_style.edit_mem .mypage_register .input-box .sns-wrap-reg {
  width: calc(100% - 135px);
}
@media (max-width: 991px) {
  .register_style.edit_mem .mypage_register .input-box .sns-wrap-reg {
    width: 100%;
  }
}
.register_style.edit_mem .mypage_register .input-box .re_input_box {
  width: calc(100% - 135px);
}
.register_style.edit_mem .mypage_register .input-box .re_input_box input {
  width: 100%;
  font-size: 16px;
  color: #333;
  font-weight: 300;
  padding: 0 10px;
  border: 1px solid #d6d6d6;
  height: 46px;
  line-height: 44px;
  border-radius: 5px;
}
.register_style.edit_mem .mypage_register .input-box .re_input_box input::placeholder {
  font-size: 16px;
  color: #999;
  font-weight: 300;
}
.register_style.edit_mem .mypage_register .input-box .re_input_box.icon_input {
  margin: 40px 0;
}
.register_style.edit_mem::After {
  display: none;
}

@media (max-width: 991px) {
  .no_container {
    padding: 0;
  }
  .no_container .at-content {
    padding: 0;
  }
  .mypage.container_fix .at-content {
    padding: 0;
  }
  .register_style.edit_mem {
    gap: 0;
  }
  .register_style.edit_mem .mypage_register {
    width: 100%;
  }
  .register_style.edit_mem .mypage_register .area-box {
    width: 100%;
  }
  .register_style.edit_mem .mypage_register .area-box .regbtn-wrap {
    width: 180px;
    margin: 50px auto 0;
  }
  .register_style.edit_mem .mypage_register .area-box .regbtn-wrap #btn_submit {
    height: 50px;
    line-height: 48px;
    font-size: 16px;
  }
  .register_style.edit_mem .mypage_register .input-box {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 25px;
  }
  .register_style.edit_mem .mypage_register .input-box label {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 400;
  }
  .register_style.edit_mem .mypage_register .input-box .re_input_box {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .register_style.edit_mem .mypage_register .area-box .regbtn-wrap {
    width: 160px;
  }
  .register_style.edit_mem .mypage_register .area-box .regbtn-wrap #btn_submit {
    height: 40px;
    line-height: 38px;
    font-size: 13px;
  }
  .register_style.edit_mem .mypage_register .input-box {
    margin-bottom: 22px;
  }
  .register_style.edit_mem .mypage_register .input-box label {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .register_style.edit_mem .mypage_register .input-box .re_input_box input {
    font-size: 12px;
    padding: 0 12px;
    height: 40px;
    line-height: 38px;
  }
  .register_style.edit_mem .mypage_register .input-box .re_input_box input::placeholder {
    font-size: 12px;
  }
  .register_style.edit_mem .mypage_register .input-box .re_input_box.icon_input {
    margin: 40px 0;
  }
}
/* 장바구니 html > skin > apms > order > basic > cart.skin.php */
#btn-print{line-height: 1em; padding: 17px 20.5px;}
#btn-print:hover{background: #aaaaaa !important; border: 1px solid #aaaaaa !important;}
#btn-print i{top: 1px; margin-right: 2px;}
@media (max-width: 991px) {
    #mbtn-print{
      color: #333333 !important;
      border: 1px solid #333333;
      background-color: #fff;
      border-radius: 3px !important;
      font-size: 13px;
      padding: 0;
      line-height: 43px;
      height: 45px;
      font-weight: 500;
    }
}
.cart_wrap {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-self: auto;
  padding-top: 20px;
}
.cart_wrap .cart_left {
  width: 70%;
}
.cart_wrap .cart_left .cart_head {
  width: 100%;
  border-bottom: 1px solid #444;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 23px;
}
.cart_wrap .cart_left .cart_head.bottom {
  border-bottom: 0;
  margin-top: 20px;
}
.cart_wrap .cart_left .cart_head .radio_check .text {
  font-size: 18px;
  color: var(--main-point-color);
  font-weight: 500;
}
.cart_wrap .cart_left .cart_head .radio_check .ct_totle {
  display: inline-block;
}
.cart_wrap .cart_left .cart_head .cart_delete button.shop_btn {
  font-size: 17px;
  color: #666;
  font-weight: 400;
  width: auto;
  height: auto;
  display: inline-block;
  border: 0;
  padding: 0;
  padding-left: 25px;
}
.cart_wrap .cart_left .cart_head .cart_delete button.shop_btn:hover {
  background-color: #fff;
}
.cart_wrap .cart_left .cart_body {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.cart_wrap .cart_left .cart_body > li {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 30px 0;
}
.cart_wrap .cart_left .cart_body > li.no_cart_list {
  display: block;
  text-align: center;
  padding: 0;
}
.cart_wrap .cart_left .cart_body .cart_check {
  width: 5.835%;
}
.cart_wrap .cart_left .cart_body .cart_check .radio_check input + label .circle {
  margin-right: 0;
}
.cart_wrap .cart_left .cart_body .cart_content {
  width: 94.565%;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.cart_wrap .cart_left .cart_body .cart_content .item_img {
  width: 130px;
  height: 130px;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .cart_wrap .cart_left .cart_body .cart_content .item_img {
    width: 65px;
    height: 65px;
    border-radius: 5px;
  }
}
.cart_wrap .cart_left .cart_body .cart_content .item_img img {
  height: auto;
  max-width: inherit;
}
@media (max-width: 991px) {
    .cart_wrap .cart_left .cart_body .cart_content .item_img img{
        max-width: 100%; 
        height: 100%;
    }
  }
.cart_wrap .cart_left .cart_body .cart_content .item_detail {
  width: 340px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 25px;
  padding-top: 0;
  padding-right: 30px;
}
.cart_wrap .cart_left .cart_body .cart_content .item_detail .it_sub_name {
  font-size: 13px;
  color: #666;
  font-weight: 400;
  margin-bottom: 6px;
  line-height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height:36.38px;
}
.cart_wrap .cart_left .cart_body .cart_content .item_detail .it_name {
  font-size: 18px;
  line-height: 1.4em;
  color: var(--main-point-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 51px;
}
.cart_wrap .cart_left .cart_body .cart_content .item_detail .option_wrap {
  padding: 0;
  margin-top: 10px;
}
.cart_wrap .cart_left .cart_body .cart_content .item_detail .option_wrap li {
  border-bottom: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4em;
  color: #666;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 39px;
}
.cart_wrap .cart_left .cart_body .cart_content .item_detail .option_wrap li + li {
  margin-top: 7px;
}
.cart_wrap .cart_left .cart_body .cart_content .item_detail .option_wrap li span {
  display: inline-block;
  position: relative;
  padding-left: 18px;
}
.cart_wrap .cart_left .cart_body .cart_content .item_detail .option_wrap li span::before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #c7c7c7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-10px);
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_option .btn_revice {
  width: 124px;
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_option .btn_revice button {
  width: 100%;
  height: 37px;
  line-height: 35px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size: 14px;
  color: #333;
  font-weight: 400;
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_option .btn_revice button:hover {
  color: #fff;
  border-color: var(--main-point-btn-bg-color-hover);
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_price {
  width: 160px;
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_price > div {
  text-align: right;
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_price .sale_price {
  font-size: 20px;
  font-weight: 600;
  color: var(--main-point-color);
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_price .origin_price {
  font-size: 14px;
  color: #666;
  font-weight: 400;
  text-decoration: line-through;
  margin-top: 5px;
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_price .won {
  font-weight: 400;
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_delete {
  margin-left: 20px;
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_delete .delete_arrow {
  display: block;
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_delete .delete_arrow::before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #666;
  position: absolute;
  top: 0;
  right: 7px;
  transform: rotate(-45deg);
}
.cart_wrap .cart_left .cart_body .cart_content .cart_item_delete .delete_arrow::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #666;
  position: absolute;
  top: 0;
  right: 7px;
  transform: rotate(45deg);
}

.cart_wrap .cart_right {
  width: 25.67%;
  position: relative;
  min-height: 500px;
}
.cart_wrap .cart_right .right_title {
  margin-bottom: 21px;
}
@media (max-width: 991px) {
  .cart_wrap .cart_right .right_title {
    margin-bottom: 22px;
  }
}
.cart_wrap .cart_right .right_title h1 {
  font-size: 24px;
  color: var(--main-point-color);
  font-weight: 500;
  text-align: left;
}
.cart_wrap .cart_right .price_wrap {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  border: 1px solid #f2f2f2;
  padding: 30px 30px 35px;
  background-color: #fafafa;
}
.cart_wrap .cart_right .price_wrap .price_cont {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 17px;
}
.cart_wrap .cart_right .price_wrap .price_cont .cont_txt {
  flex-grow: 1;
  font-size: 16px;
  color: #4c4c4c;
  font-weight: 400;
}
.cart_wrap .cart_right .price_wrap .price_cont .price_txt {
  font-size: 18px;
  color: #4c4c4c;
  font-weight: 400;
  text-align: right;
}
.cart_wrap .cart_right .price_wrap .price_cont .price_txt .won {
  font-weight: 400;
  margin-left: -3px;
  display: inline-block;
}
.cart_wrap .cart_right .price_wrap .price_cont.sub_price {
  flex-direction: column;
}
@media (max-width: 991px) {
  .cart_wrap .cart_right .price_wrap .price_cont.sub_price {
    margin-top: -7px;
  }
}
.cart_wrap .cart_right .price_wrap .price_cont.sub_price .price_cont {
  margin-bottom: 0;
}
.cart_wrap .cart_right .price_wrap .price_cont.sub_price .sale_price {
  margin-top: 8px;
}
@media (max-width: 480px) {
    .cart_wrap .cart_right .price_wrap .price_cont.sub_price .sale_price {
      margin-top: 6px;
    }
  }
.cart_wrap .cart_right .price_wrap .price_cont.sub_price .origin_price, .cart_wrap .cart_right .price_wrap .price_cont.sub_price .sale_price {
  width: 100%;
}
.cart_wrap .cart_right .price_wrap .price_cont.sub_price .cont_txt, .cart_wrap .cart_right .price_wrap .price_cont.sub_price .price_txt {
  font-size: 14px;
  color: #999;
}
.cart_wrap .cart_right .price_wrap .price_cont.sub_price .cont_txt {
  position: relative;
  padding-left: 15px;
}
.cart_wrap .cart_right .price_wrap .price_cont.sub_price .cont_txt::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border: 1px solid #dcdcdc;
  border-right: 0;
  border-top: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.cart_wrap .cart_right .price_wrap .price_cont.price_bottom {
  margin-bottom: 0;
  border-top: 1px solid #f2f2f2;
  padding-top: 20px;
}
.cart_wrap .cart_right .price_wrap .price_cont.price_bottom > div {
  padding: 0;
  border-bottom: 0;
  width: auto;
  float: none;
  text-align: unset;
}
.cart_wrap .cart_right .price_wrap .price_cont.price_bottom .price_txt {
  font-size: 24px;
  font-weight: 600;
}
.cart_wrap .cart_right .price_wrap .price_cont.price_bottom .price_txt font{
    font-weight: 700;
}
.cart_wrap .cart_right .price_wrap .price_cont.price_bottom .price_txt .won {
  font-size: 18px;
}
.cart_wrap .cart_right .cart_buy {
  width: 100%;
}
.cart_wrap .cart_right .cart_buy .cart_buy_btn .form-group{
    margin-bottom: 10px;
}
@media (max-width: 991px){
  .cart_wrap .cart_right .cart_buy .cart_buy_btn .form-group{
    margin-bottom: 0;
  }
}
.cart_wrap .cart_right .cart_buy .cart_buy_btn .buy-btn {
  margin-top: 20px;
  height: 60px;
  line-height: 58px;
  border: 0;
  border-radius: 5px !important;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  outline: none;
}
.cart_wrap .cart_right .cart_buy .cart_buy_btn.none_cart_buy .buy-btn {
  background: rgb(221, 221, 221);
  color: #fff;
}
.cart_wrap .cart_right .cart_buy .cart_buy_btn.fixed {
  width: 100%;
  /* position: fixed; */
  left: 0;
  bottom: 0;
  /* padding: 10px 15px 0; */
  padding: 10px 0 0;
  z-index: 10;
  margin: 0;
  background: #fff;
  /* border-top: 1px solid #ebebeb; */
}
.cart_wrap .cart_right .cart_buy .cart_btn_1 .btn{
    font-size: 16px;
    font-weight: 500;
    color: var(--main-point-color-hover) !important;
    background-color: #fff;
    border: 1px solid var(--main-point-btn-line-color-hover);
    display: block;
    line-height: 58px;
    height: 60px;
    border-radius: 5px !important;
    padding: 0;
    transition: 0.2s;
    width: 100%;
    outline: none;
}
.cart_wrap .cart_right .cart_buy .cart_btn_1 .btn:hover{
    color: #fff !important;
    background-color: var(--main-point-btn-bg-color-hover);
}
@media (max-width:991px){
    .cart_wrap .cart_right .cart_buy .cart_btn_1{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }
    .cart_wrap .cart_right .cart_buy .cart_btn_1 .btn,
    .cart_wrap .cart_right .cart_buy .cart_btn_1 button{
        flex: 1;
    }
    .cart_wrap .cart_right .cart_buy .cart_btn_1 .btn{
      font-size: 13px;
      border-radius: 3px !important;
      line-height: 43px;
      height: 45px;
    }
}
.cart_wrap .cart_right .cart_scroll {
  position: absolute;
  top: 0;
  width: 100%;
}
.cart_wrap .cart_right .cart_scroll.fixed {
  position: fixed;
  top: 20px;
}
.cart_wrap .cart_right .cart_Wing {
  position: sticky;
  top: 150px;
  position: -webkit-sticky;
}
@media (max-width: 1200px) {
  .cart_wrap .cart_left {
    width: 70%;
  }
  .cart_wrap .cart_right {
    width: 27%;
    /* margin-bottom: 30px; */
  }
  .cart_wrap .cart_right .cart_scroll {
    position: relative;
  }
}
@media (max-width: 991px) {
  .cart_wrap {
    flex-direction: column;
    gap: 0;
  }
  .cart_wrap .cart_left {
    width: 100%;
  }
  .cart_wrap .cart_left .cart_head {
    border-bottom: 0;
    padding: 0 15px;
    margin-bottom: 40px;
    padding-top: 25px;
  }
  .cart_wrap .cart_left .cart_head.mob_head.fixed {
    width: 100%;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 20;
    padding: 15px 15px;
    border: 1px solid #f2f2f2;
    border-top: 0;
  }
  .cart_wrap .cart_left .cart_head .radio_check {
    flex-grow: 1;
  }
  .cart_wrap .cart_left .cart_head .radio_check .text {
    font-size: 16px;
  }
  .cart_wrap .cart_left .cart_head .cart_delete {
    position: sticky;
    top: 0;
    right: 0;
  }
  .cart_wrap .cart_left .cart_head .cart_delete button.shop_btn {
    font-size: 13px;
  }
  .cart_wrap .cart_left .cart_body::before {
    content: "";
    display: block;
    width: calc(100% + 30px);
    height: 9px;
    background: #f9f9fa;
    position: relative;
    left: -15px;
  }
  .cart_wrap .cart_left .cart_body::after {
    content: "";
    display: block;
    width: calc(100% + 30px);
    height: 9px;
    background: #f9f9fa;
    position: relative;
    left: -15px;
  }
  .cart_wrap .cart_left .cart_body > li {
    padding: 30px 0 0;
    border-bottom: 1px solid #e7e7e7;
    flex-wrap: nowrap;
    align-items: flex-start;
    position: relative;
  }
  .cart_wrap .cart_left .cart_body > li:last-child {
    padding-bottom: 30px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .cart_wrap .cart_left .cart_body > li:last-child .cart_content {
    border-bottom: 0;
  }
  .cart_wrap .cart_left .cart_body .cart_check {
    width: 8.921%;
  }
  .cart_wrap .cart_left .cart_body .cart_content {
    flex-wrap: wrap;
    /* border-bottom: 1px solid #e7e7e7; */
    padding-bottom: 30px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .item_detail {
    width: calc(100% - 65px);
    padding-left: 17px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .item_detail .it_sub_name {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 14px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .item_detail .it_name {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 21px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .item_detail .option_wrap li {
    font-size: 13px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 15.5px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_option {
    margin-top: 20px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_option .btn_revice button {
    margin-bottom: 0;
    border-radius: 2.5px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_price {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_price .sale_price {
    order: 2;
    margin-bottom: 0;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_price .origin_price {
    order: 1;
    margin-right: 11px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_delete {
    position: absolute;
    top: 30px;
    right: 0;
  }
  .cart_wrap .cart_right {
    width: 100%;
    margin-top: 40px;
    padding: 0 15px;
    min-height: auto;
  }
  .cart_wrap .cart_right .right_title h1 {
    font-size: 18px;
    font-weight: 600;
  }
  .cart_wrap .cart_right .price_wrap {
    border: 0;
    padding: 0;
    background-color: #fff;
  }
  .cart_wrap .cart_right .price_wrap .price_cont .price_txt .won {
    font-size: 16px;
  }
  .cart_wrap .cart_right .cart_buy .cart_buy_btn .buy-btn {
    height: 50px;
    line-height: 48px;
    margin-top: 0;
  }
  .cart_wrap .cart_right .cart_buy .buy-btn-wrap {
    padding: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .cart_wrap .cart_left .cart_head {
    margin-bottom: 15px;
  }
  .cart_wrap .cart_left .cart_head .radio_check .text {
    font-size: 15px;
  }
  .cart_wrap .cart_left .cart_head .cart_delete button.shop_btn {
    font-size: 13px;
    padding-left: 16px;
  }
  .cart_wrap .cart_left .cart_body .cart_content {
    padding-bottom: 20px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .item_detail .it_sub_name {
    font-size: 10px;
    margin-bottom: 4px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .item_detail .it_name {
    font-size: 14px;
    font-weight: 500;
  }
  .cart_wrap .cart_left .cart_body .cart_content .item_detail .option_wrap {
    margin-top: 4px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .item_detail .option_wrap li {
    font-size: 11px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_option {
    margin-top: 15px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_option .btn_revice {
    width: 105px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_option .btn_revice button {
    font-size: 12px;
    height: 30px;
    line-height: 28px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_price {
    margin-top: 14px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_price .sale_price {
    font-size: 15.5px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_price .sale_price .won {
    font-size: 12.5px;
  }
  .cart_wrap .cart_left .cart_body .cart_content .cart_item_price .origin_price {
    font-size: 12px;
    margin-right: 8px;
  }
  .cart_wrap .cart_right {
    margin-top: 30px;
  }
  .cart_wrap .cart_right .right_title h1 {
    font-size: 16px;
  }
  .cart_wrap .cart_right .price_wrap .price_cont .cont_txt {
    font-size: 15px;
  }
  .cart_wrap .cart_right .price_wrap .price_cont .price_txt {
    font-size: 16px;
    color: #000;
  }
  .cart_wrap .cart_right .price_wrap .price_cont .price_txt .won {
    font-size: 13px;
  }
  .cart_wrap .cart_right .price_wrap .price_cont.sub_price .cont_txt {
    width: 70%;
    font-size: 12px;
  }
  .cart_wrap .cart_right .price_wrap .price_cont.sub_price .price_txt {
    width: 30%;
  }
  .cart_wrap .cart_right .price_wrap .price_cont.price_bottom .price_txt {
    font-size: 20px;
  }
  .cart_wrap .cart_right .price_wrap .price_cont.price_bottom .price_txt .won {
    font-size: 14px;
  }
  .cart_wrap .cart_right .cart_buy .cart_buy_btn .buy-btn {
    height: 45px;
    line-height: 43px;
    font-size: 13px;
    border-radius: 3px !important;
  }
}

@media (max-width: 991px) {
  .cart_style {
    padding: 0;
    margin-bottom: 0;
  }
}
/* 옵션모달창 html > skin > apms > order > basic > cartoption.skin.php */
.mod_option_wrap {
  scrollbar-3dLight-Color: #fff;
  scrollbar-base-color: #fff;
  scrollbar-Face-Color: #fff;
  scrollbar-Track-Color: #f0f0f0;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #fff;
}
.mod_option_wrap .modal-content {
  box-shadow: 0 0 0;
  border: 0;
  border-radius: 20px;
}
.mod_option_wrap .modal-content .modal_body {
  padding: 50px 20px 30px 30px;
}
.mod_option_wrap .modal-content .modal_body form .padding_b {
  padding-right: 10px;
  padding-top: 20px;
}
.mod_option_wrap .modal-content .modal_body form .point_b{
  font-size: 14px;
  font-weight: 400;
  color: var(--main-point-color-hover);
  text-align: right;
}
.mod_option_wrap .modal-content .modal_body form .modal_scroll {
  max-height: 50vh;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 10px;
}
@media (max-width: 991px) {
  .mod_option_wrap .modal-content .modal_body {
    padding: 35px 10px 15px 15px;
  }
  .mod_option_wrap .modal-content .modal_body form .padding_b{
    padding-right: 5px;
    font-size: 15px;
  }
  .mod_option_wrap .modal-content .modal_body form .modal_scroll {
    padding-right: 5px;
  }
}
.mod_option_wrap .option_form .option_close {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 30px;
  right: 30px;
}
.mod_option_wrap .option_form .option_close span {
  display: block;
  width: 100%;
  height: 100%;
}
.mod_option_wrap .option_form .option_close span::before {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #999999;
  position: absolute;
  top: 0;
  right: 10px;
  transform: rotate(-45deg);
}
.mod_option_wrap .option_form .option_close span::after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #999999;
  position: absolute;
  top: 0;
  right: 10px;
  transform: rotate(45deg);
}
.mod_option_wrap .option_form .modal_it_name {
  margin-bottom: 30px;
}
.mod_option_wrap .option_form .modal_it_name p {
  font-size: 16px;
  line-height: 1.4em;
  color: var(--main-point-color);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 44.78px;
}
.mod_option_wrap .option_form .modal_it_name p#tit_price{
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.mod_option_wrap .option_form .modal_it_name p#tit_price #tit_tot_price{
  font-size: 18px;
  font-weight: 700;
  color: var(--main-point-color);
  letter-spacing: -0.01em;
}
.mod_option_wrap .option_form .modal_it_name p#tit_price .won{
  font-size: 14px;
  font-weight: 700;
  color: var(--main-point-color);
  margin-left: 2px;
}
@media(max-width:991px){
	.mod_option_wrap .option_form .modal_it_name p#tit_price{margin-top: 3px;}
	.mod_option_wrap .option_form .modal_it_name p#tit_price #tit_tot_price{font-size: 16px;}
}
.mod_option_wrap .option_form .option_tit {
  font-size: 18px;
  color: #222;
  font-weight: 500;
  margin-bottom: 15px;
}
.mod_option_wrap .option_form .option_tit.option02_box {
  margin-top: 30px;
}
.mod_option_wrap .option_form .option_list_box {
  border: 0;
  margin: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f2f2f2;
}
/* .mod_option_wrap .option_form .option_list_box + .opt-tbl{
  padding-top: 15px;
} */
.mod_option_wrap .option_form .option_list_box ul, .mod_option_wrap .option_form .option_list_box li, .mod_option_wrap .option_form .option_list_box ol {
  list-style: none;
}
.mod_option_wrap .option_form .option_list_box .option_sel {
  display: flex;
  /* flex-direction: column; */
  width: 100%;
  margin-bottom: 5px;
}
.mod_option_wrap .option_form .option_list_box .option_sel:last-child {
    margin-bottom: 0;
}
@media(max-width:991px){
    .mod_option_wrap .option_form .option_list_box{
        margin-top: 15px;
        padding-top: 15px;
    }
  .mod_option_wrap .option_form .option_list_box .option_sel{
    margin-bottom: 5px;
  }
  .mod_option_wrap .option_form .option_list_box + .opt-tbl{
    padding-top: 15px;
  }
}
.mod_option_wrap .option_form .option_list_box .option_sel .option_name {
  font-size: 15px;
  color: #666666;
  font-weight: 400;
  /* margin-bottom: 10px; */
  margin-bottom: 0;
  width: 77px;
  line-height: 54px;
}
.mod_option_wrap .option_form .option_list_box .option_sel .td_sit_sel{
  width: calc(100% - 77px);
}
@media(max-width:991px){
  .mod_option_wrap .option_form .option_list_box .option_sel .td_sit_sel{
    width: calc(100% - 110px);
  }
}
.mod_option_wrap .option_form .option_list_box .option_sel select {
  box-shadow: 0 0 0;
  border: 1px solid #f2f2f2;
  border-radius: 5px !important;
  height: 54px;
  line-height: 52px;
  padding: 0 18px;
  font-size: 14px;
  color: #333;
  font-weight: 400;
  appearance: none;
  -webkit-appearance: none; /* 크롬 화살표 없애기 */
  -moz-appearance: none; /* 파이어폭스 화살표 없애기 */
  appearance: none;
  background: url(https://fivepro.co.kr/img/icon_select_arrow.png) no-repeat right 20px center;
  /* background-position: 96% 50%;
  background-size: auto;
  background-repeat: no-repeat; */
}
.mod_option_wrap .option_form .option_list_box .option_sel li+li{
  width: calc(100% - 77px);
}
@media(max-width:991px){
  .mod_option_wrap .option_form .option_list_box .option_sel li+li{
    width: calc((100% - 110px));
  }
}
.mod_option_wrap .option_form .change_btn button {
  width: 100%;
  height: 53px;
  line-height: 51px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  padding: 0;
  border-radius: 5px !important;
}
.mod_option_wrap .option_form #it_sel_option {
  margin-top: 20px;
}
.mod_option_wrap .option_form #it_sel_option ul {
  margin-bottom: 0;
}
.mod_option_wrap .option_form #it_sel_option #it_opt_added li {
  border: 0;
  /* border-bottom: 1px solid #f2f2f2; */
  margin-bottom: 0;
  padding: 0;
  /* margin-bottom: 30px; */
  position: relative;
}
.mod_option_wrap .option_form #it_sel_option #it_opt_added li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.mod_option_wrap .option_form #it_sel_option #it_opt_added li+li{
  /* position: relative;
  top: -2px; */
  /* margin-top: -3px; */
  margin-top: 15px;
}
/* .mod_option_wrap .option_form #it_sel_option #it_opt_added li+li .row{
    padding-top: 30px;
    border-radius: 0;
} */
/* 2024-08-30 (주)파이브센스_FIVESENSES.Corp. 장바구니 재작업 */
.mod_option_wrap .option_form #it_sel_option .row {
    margin-left: 0;
    margin-right: 0;
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 20px;
}
/* .mod_option_wrap .option_form #it_sel_option .row {
  margin-left: 0;
  margin-right: 0;
  // display: flex;
  // flex-direction: column;
  border: 1px solid #eeeeee;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
}
.mod_option_wrap .option_form #it_sel_option #it_opt_added li:last-child .row{
  border-radius: 0 0 5px 5px;
}
.mod_option_wrap .option_form #it_sel_option #it_opt_added li:first-child .row{
  border-radius: 5px;
}
.mod_option_wrap .option_form #it_sel_option .it_opt_list:first-child .row{
  border-radius: 5px;
}
.mod_option_wrap .option_form #it_sel_option .row span {
  font-size: 14px;
  color: #222222;
  font-weight: 400;
  line-height: 1.4em;
} */
/* .mod_option_wrap .option_form #it_sel_option .row .op_tt span.it_opt_subj{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 39px;
} */
.mod_option_wrap .option_form #it_sel_option .row .op_group{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box {
  padding: 0;
  width: calc(100% - 100px);
}
.mod_option_wrap .option_form #it_sel_option .row .op_box+ .op_box{
  width: 100px;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box label{
  display: flex;
  align-items: center;
  justify-content: right;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box label .sale_price{
  color: var(--main-point-color);
  font-size: 18px;
  font-weight: 600;
  /* margin-right: 6px; */
  line-height: 1em;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box label .sale_price .won{
  color: var(--main-point-color);
  font-size: 16px;
  font-weight: 600;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box label .origin_price .won,
.mod_option_wrap .option_form #it_sel_option .row .op_box label .origin_price{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  text-decoration: line-through;
  line-height: 1em;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button {
  width: 33px;
  height: 36px;
  border-radius: 0 !important;
  background: #fff;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  outline: none;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button span {
  width: 14px !important;
  height: 14px !important;
  position: relative;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_qty_plus span::before {
  content: "";
  display: block;
  width: 2px;
  height: 10px;
  background: #333333;
  position: absolute;
  top: 1px;
  right: 4px;
  transform: rotate(0);
}
.mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_qty_plus span::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: #333333;
  position: absolute;
  top: 5px;
  right: 0;
  transform: rotate(0);
}
.mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_qty_minus span::before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: #dddddd;
  position: absolute;
  top: 6px;
  right: 0;
  transform: rotate(0);
}
.mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_opt_del span::before {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #727272;
  position: absolute;
  top: 0;
  right: 5px;
  transform: rotate(-45deg);
}
.mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_opt_del span::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #727272;
  position: absolute;
  top: 0;
  right: 5px;
  transform: rotate(45deg);
}
.mod_option_wrap .option_form #it_sel_option .row .op_box.col-sm-5 {
  /* padding: 30px 0; */
  float: none;
  margin-left: auto;
  position: static;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box.col-sm-5 .input-group {
  display: flex;
  align-items: center;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  position: static;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box.col-sm-5 .input-group > div{
  display: block;
}
.mod_option_wrap .option_form #it_sel_option .row .op_box.col-sm-5 .input-group > div.input-group-btn.it_del{
  position: static;
}
@media(max-width:991px){
  .mod_option_wrap .option_form #it_sel_option .row .op_box.col-sm-5 .input-group > div.input-group-btn.it_del{
    width: 0;
  }
}
.mod_option_wrap .option_form #it_sel_option .row .plus_group {
  width: 33px;
}
.mod_option_wrap .option_form #it_sel_option .row .input_group {
  width: calc(100% - 66px);
}
.mod_option_wrap .option_form #it_sel_option .row > .input_group {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
}
.mod_option_wrap .option_form #it_sel_option .row > .input_group .option_group + .option_group {
    margin-top: 15px;
}
.mod_option_wrap .option_form #it_sel_option .row .input_group input {
  padding: 0;
  height: 36px;
  line-height: 34px;
  border: 0;
  box-shadow: 0 0 0;
  text-align: center;
  font-size: 14px;
  color: #3a3a3a;
  font-weight: 600;
}
.mod_option_wrap .option_form #it_sel_option .row .input_group input::placeholder {
  font-size: 24px;
  color: #222;
  font-weight: 400;
}
.mod_option_wrap .option_form #it_sel_option .row .it_group {
  width: auto;
  display: flex;
  align-items: center;
}
.mod_option_wrap .option_form #it_sel_option .row .del_group {
  position: absolute;
  /* top: -39px; */
  /* right: -10px; */
  top: 10px;
  right: 13px;
  width: 30px;
}
@media (max-width: 991px){
    .mod_option_wrap .option_form #it_sel_option .row .del_group{
        /* top: -36px;
        right: -12px; */
        top: 8px;
        right: 6px;
    }
}
.mod_option_wrap .option_form #it_sel_option .row .op_tt{
    padding-bottom: 10px;
    width: calc(100% - 40px);
}
@media (max-width: 991px){
    .mod_option_wrap .option_form #it_sel_option .row .op_tt{
        padding-bottom: 0;
    }
}
.mod_option_wrap .option_form #it_sel_option .row .op_tt label{
    display: flex;
    font-size: 14px;
}
.mod_option_wrap .option_form #it_sel_option .row span.it_opt_subj{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* height: 18.19px; */
    max-width: 70%;
  }
.mod_option_wrap .option_form #it_sel_option .row .del_group.input-group-btn .it_opt_del{
  background-color: transparent;
}
.mod_option_wrap .option_form #it_sel_option .row .it_group button.it_qty_minus {
  border: none;
}
.mod_option_wrap .option_form #it_sel_option .row .it_group button.it_opt_del {
  margin-left: 14px;
  border: 0;
  background: #f3f3f3;
  position: absolute;
  /* top: -50px; */
  /* right: -14px; */
  /* right: -245px; */
  top: 10px;
  right: 13px;
  background-color: transparent;
  z-index: 10;
}
@media (max-width:991px){
  .mod_option_wrap .option_form #it_sel_option .row .it_group button.it_opt_del{
    top: 8px;
    right: 6px;
  }
}
.mod_option_wrap .option_form .tot_price {
  font-size: 16px;
  color: var(--main-point-color);
  font-weight: 600;
  text-align: right;
  margin-bottom: 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1em;
}
.mod_option_wrap .option_form .tot_price div {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  top: -1px;
}
.mod_option_wrap * {
  scrollbar-3dLight-Color: #fff;
  scrollbar-base-color: #fff;
  scrollbar-Face-Color: #fff;
  scrollbar-Track-Color: #f0f0f0;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #fff;
}
.mod_option_wrap ::-webkit-scrollbar {
  background: #fff;
  width: 6px;
  float: left;
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
}
.mod_option_wrap *::-webkit-scrollbar {
  background: #fff;
  width: 5px;
  float: left;
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
}
.mod_option_wrap ::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.mod_option_wrap *::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.mod_option_wrap ::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.mod_option_wrap *::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.mod_option_wrap ::-webkit-scrollbar-button {
  background: transparent;
  color: #fff;
}
.mod_option_wrap *::-webkit-scrollbar-button {
  background: transparent;
  color: #fff;
}
.mod_option_wrap ::-webkit-scrollbar-track {
  background: #fff;
}
.mod_option_wrap *::-webkit-scrollbar-track {
  background: #fff;
}
.mod_option_wrap ::-webkit-scrollbar-track {
  width: 5px;
  background: #dbdbdb;
  border-radius: 10px;
}
.mod_option_wrap ::-webkit-scrollbar-thumb {
  height: 50px;
  width: 5px;
  background: #dbdbdb;
  border-radius: 10px;
}
.mod_option_wrap *::-webkit-scrollbar-thumb {
  height: 50px;
  width: 5px;
  background: #dbdbdb;
  border-radius: 10px;
}
/* 2024-07-25 (주)파이브센스_FIVESENSES.Corp */
.mod_option_wrap .option_body .op_warp{display: flex; flex-wrap: wrap; gap: 5px;}
.mod_option_wrap .option_body .option_name{position: relative; margin-bottom: 15px;}
.mod_option_wrap .option_body .option_name > label {font-size: 14px; font-weight: 500; color: #666;}
.mod_option_wrap .option_body .op_warp input[type=radio].it_option{display: none;}
.mod_option_wrap .option_body .op_warp label{margin-bottom: 5px; /*flex: 1;*/ min-width: calc(33% - 5px); color: #888; font-size: 13px; font-weight: 300; line-height: 1.4em; border: 1px solid #eeeeee; margin-right: 2.5px; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 7px 10px; cursor: pointer; transition: all 0.3s ease 0s; word-break: break-all; height: 100%; border-radius: 2px;}
.mod_option_wrap .option_body .op_warp label:hover{color:#333333; border: 1px solid #000000;}
.mod_option_wrap .option_body .op_warp input[disabled] + label{cursor: not-allowed;}
.mod_option_wrap .option_body .op_warp input:checked + label{color:#333333; border: 1px solid #000000;}

.mod_option_wrap .it_opt_list .option_li{display: flex; flex-wrap: wrap; gap: 5px;}
.mod_option_wrap .it_opt_list .option_name{position: relative; margin-bottom: 15px;}
.mod_option_wrap .it_opt_list .option_name > label {font-size: 14px; font-weight: 500; color: #666;}
.mod_option_wrap .it_opt_list .option_li div{margin-bottom: 5px; flex: 1; min-width: calc(33% - 5px);}
.mod_option_wrap .it_opt_list .option_li input[type=radio].it_custom{display: none;}
.mod_option_wrap .it_opt_list .option_li label{margin-bottom: 5px; width: 100%; color: #888; font-size: 13px; font-weight: 300; line-height: 1.4em; border: 1px solid #f2f2f2; margin-right: 2.5px; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 7px 10px; cursor: pointer; transition: all 0.3s ease 0s; word-break: break-all; height: 100%; border-radius: 2px;}
.mod_option_wrap .it_opt_list .option_li label:hover{color:#333333; border: 1px solid #000000;}
.mod_option_wrap .it_opt_list .option_li input[disabled] + label{cursor: not-allowed;}
.mod_option_wrap .it_opt_list .option_li input:checked + label{color:#333333; border: 1px solid #000000;}

.mod_option_wrap .option_list_box .td_sit_sel{display: flex; flex-wrap: wrap; gap: 5px;}
.mod_option_wrap .option_list_box .option_radio + .option_radio{margin-top: 20px;}
.mod_option_wrap .option_list_box .option_name{position: relative; margin-bottom: 15px;}
.mod_option_wrap .option_list_box .option_name > label {font-size: 14px; font-weight: 500; color: #666;}
.mod_option_wrap .option_list_box .td_sit_sel div{margin-bottom: 5px; /*flex: 1;*/ min-width: calc(33% - 5px);}
.mod_option_wrap .option_list_box .td_sit_sel input[type=radio].it_supply{display: none;}
.mod_option_wrap .option_list_box .td_sit_sel label{margin-bottom: 5px; width: 100%; color: #888; font-size: 13px; font-weight: 300; line-height: 1.4em; border: 1px solid #eeeeee; margin-right: 5px; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 7px 10px; cursor: pointer; transition: all 0.3s ease 0s; word-break: break-all; height: 100%; border-radius: 2px;}
.mod_option_wrap .option_list_box .td_sit_sel label:hover{color:#333333; border: 1px solid #000000;}
.mod_option_wrap .option_list_box .td_sit_sel input[disabled] + label{cursor: not-allowed;}
.mod_option_wrap .option_list_box .td_sit_sel input:checked + label{color:#333333; border: 1px solid #000000;}

@media (max-width: 991px) {
  .mod_option_wrap {
    top: unset;
    bottom: -100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
  }
  .mod_option_wrap.mob {
    display: block;
    bottom: 0;
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }
  .mod_option_wrap .modal-dialog {
    margin: 0;
    transform: translate3d(0, 0, 0) !important;
  }
  .mod_option_wrap .modal-content {
    border-radius: 10px 10px 0 0;
    box-shadow: -4px -16px 98px 0 rgba(0, 0, 0, 0.06);
  }
  .mod_option_wrap .modal_body {
    padding: 50px 15px 15px;
  }
  .mod_option_wrap .option_form .modal_it_name p {
    font-size: 16px;
  }
  .mod_option_wrap .option_form .option_close {
    width: 15px;
    height: 15px;
    right: 15px;
    /* transform: translateX(-50%); */
    top: 20px;
  }
  .mod_option_wrap .option_form .option_close span {
    /* border: 1px solid #666;
    border-bottom: 0;
    border-left: 0; */
    position: relative;
    /* transform: rotate(135deg); */
  }
  .mod_option_wrap .option_form .option_close span::before {
    /* display: none; */
    height: 20px;
  }
  .mod_option_wrap .option_form .option_close span::after {
    /* display: none; */
    height: 20px;
  }
  .mod_option_wrap .option_form .option_tit {
    font-size: 14px;
  }
  .mod_option_wrap .option_form .option_list_box .option_sel .option_name {
    font-size: 15px;
    line-height: 35px;
    width: 110px;
  }
  .mod_option_wrap .option_form .option_list_box .option_sel select {
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 15px;
    /* background-image: url(https://fivepro.co.kr/img/moption_arrow.png);
    background-position: 96% 50%;
    background-size: 3%;
    background-repeat: no-repeat; */
    background: url(https://fivepro.co.kr/img/mmoption_arrow.png) no-repeat right 12.5px center;
    background-size: 9px 5px;
    border-radius: 2.5px !important;
  }
  .mod_option_wrap .option_form #it_sel_option {
    margin-top: 40px;
  }
  .mod_option_wrap .option_form #it_sel_option #it_opt_added li {
    margin-bottom: 15px;
  }
  .mod_option_wrap .option_form #it_sel_option .row{
    /* padding: 21px 15px; */
    padding: 15px 17px 18px 20px;
    border-radius: 2.5px;
  }
  .mod_option_wrap .option_form #it_sel_option .row span {
    font-size: 15px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button {
    width: 30px;
    height: 30px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box.col-sm-7{
    padding-top: 10px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box.col-sm-5 {
    /* padding: 20px 0 26px; */
    padding-top: 20px;
    margin: 0;
  }
  .mod_option_wrap .option_form #it_sel_option .row .plus_group {
    width: 30px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .input_group {
    width: calc(100% - 60px);
  }
  .mod_option_wrap .option_form #it_sel_option .row > .input_group {
    width: 100%;
  }
  .mod_option_wrap .option_form #it_sel_option .row .input_group input {
    height: 30px;
    line-height: 28px;
    font-size: 13.5px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .input_group input::placeholder {
    font-size: 13.5px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .it_group {
    width: 30px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .it_group button.it_opt_del {
    margin-left: 8px;
  }
  .mod_option_wrap .option_form .tot_price {
    font-size: 17px;
    margin-bottom: 25px;
  }
  .mod_option_wrap .option_form .tot_price div {
    font-size: 19px;
  }
  .mod_option_wrap .option_form .change_btn button {
    height: 45px;
    line-height: 43px;
    font-size: 15px;
    border-radius: 3px !important;
  }
  /* 2024-09-02 (주)파이브센스_FIVESENSES.Corp. */
  .mod_option_wrap .it_opt_list .option_name > label{
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .mod_option_wrap .modal_body {
    padding: 40px 15px 15px;
  }
  .mod_option_wrap .option_form .option_close {
    width: 15px;
    height: 15px;
    top: 15px;
  }
  .mod_option_wrap .option_form .modal_it_name {
    margin-bottom: 20px;
  }
  .mod_option_wrap .option_form .modal_it_name p {
    font-size: 15px;
  }
  .mod_option_wrap .option_form .option_tit {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .mod_option_wrap .option_form .option_tit.option02_box {
    margin-top: 20px;
  }
  .mod_option_wrap .option_form .option_list_box .option_sel .option_name {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .mod_option_wrap .option_form .option_list_box .option_sel select {
    height: 35px;
    line-height: 33px;
    font-size: 13px;
  }
  .mod_option_wrap .option_form #it_sel_option {
    margin-top: 12px;
  }
  .mod_option_wrap .option_form #it_sel_option .row span {
    font-size: 13px;
    font-weight: 400;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box.col-sm-5 {
    padding: 10px 0 0;
    width: 93.5px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button {
    width: 30px;
    height: 30px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button span {
    width: 10px !important;
    height: 10px !important;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_qty_plus span::before {
    height: 10px;
    right: 3.55px;
    top: 0;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_qty_plus span::after {
    width: 10px;
    bottom: 3.55px;
    top: initial;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_qty_minus span::before {
    width: 10px;
    top: 5px;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_opt_del span::before {
    height: 11px;
    right: 3.55px;
    background: #666;
  }
  .mod_option_wrap .option_form #it_sel_option .row .op_box .input-group-btn button.it_opt_del span::after {
    height: 11px;
    right: 3.55px;
    background: #666;
  }
  .mod_option_wrap .option_form .tot_price {
    font-size: 17px;
    margin-bottom: 14px;
  }
  .mod_option_wrap .option_form .tot_price div {
    font-size: 19px;
  }
  .mod_option_wrap .option_form .change_btn button {
    height: 46px;
    line-height: 44px;
    font-size: 15px;
  }
}

/* 적립금 html > skin > apms > member > basic > point.skin.php */
.point_wrap {
  width: 100%;
  display: flex;
  gap: 50px;
}
.point_wrap .point_content {
  width: calc(100% - 200px);
}
.point_wrap .point_content .point_box {
  border: 1px solid #f2f2f2;
  margin-bottom: 40px;
  padding: 50px 80px;
  display: flex;
  align-items: center;
}
.point_wrap .point_content .point_box .text {
  font-size: 16px;
  color: #333;
  font-weight: 400;
  flex-grow: 1;
}
.point_wrap .point_content .point_box .number {
  font-size: 22px;
  color: var(--main-point-color-hover);
  font-weight: 500;
}
.point_wrap .point_content .point_skin {
  width: 100%;
  border-top: 1px solid #444;
}
.point_wrap .point_content .point_skin .section-cell {
  text-align: center;
  font-size: 16px;
  color: var(--main-point-color);
  font-weight: 400;
  border-bottom: 1px solid #eee;
  padding: 14px 0;
}
.point_wrap .point_content .point_skin .section-cell.date, .point_wrap .point_content .point_skin .section-cell.expire-date, .point_wrap .point_content .point_skin .section-cell.point01, .point_wrap .point_content .point_skin .section-cell.point02 {
  width: 14.286%;
}
.point_wrap .point_content .point_skin .section-cell.content {
  width: 42.856%;
  text-align: left;
  padding-left: 35px;
}
.point_wrap .point_content .point_skin .section-cell.expire-date.red {
  color: #de1f1f;
}
.point_wrap .point_content .point_skin .section-cell.no_list {
  width: 100%;
  color: var(--main-point-color);
}
.point_wrap .point_content .point_head {
  display: flex;
  align-items: center;
}
.point_wrap .point_content .point_cont {
  display: flex;
  flex-direction: column;
}
.point_wrap .point_content .point_cont li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.point_wrap .point_content .point_cont .section-cell {
  color: #666;
  border-bottom: 0;
}
.point_wrap .point_content .point_cont .section-cell.content {
  color: #222;
}
.point_wrap .point_content .point_cont .section-cell.expire-date {
    color: var(--main-point-color-hover);
}
.point_wrap .point_content .point_footer {
  background: #f7f7f7;
  border-radius: 12px;
}
.point_wrap .point_content .point_footer .point_total {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 16px;
  color: #666;
  padding: 16px 0;
  font-weight: 400;
}
.point_wrap .point_content .point_footer .point_total .total_txt {
  width: 71.428%;
}
.point_wrap .point_content .point_footer .point_total .total_point {
  width: 14.286%;
}
.point_wrap .orderform_title {
  border-bottom: 0;
}
.point_wrap .orderform_title span {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  margin-left: 15px;
}
.point_wrap .text-center {
  margin: 50px 0 40px;
}
.point_wrap .text-center .pagination {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .point_wrap {
    display: block;
    gap: 0;
  }
  .point_wrap .point_content {
    width: 100%;
  }
  .point_wrap .point_content .point_box {
    border: 0;
    margin-bottom: 0;
    margin-top: 35px;
    /* padding: 17px 0; */
    padding: 0;
    height: 46px;
    line-height: 43px;
    display: block;
    background: var(--main-point-bg-color-hover);
    border-radius: 20px;
    text-align: center;
  }
  .point_wrap .point_content .point_box > div {
    display: inline-block;
    vertical-align: middle;
  }
  .point_wrap .point_content .point_box .text {
    color: #fff;
    font-size: 16px;
  }
  .point_wrap .point_content .point_box .number {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
  }
  .point_wrap .point_content .point_box .number::after {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 55%;
    left: 0;
    transform: translateY(-50%);
  }
  .point_wrap .point_content .point_skin {
    border-top: 0;
  }
  .point_wrap .point_content .point_skin .section-cell {
    font-size: 16px;
    padding: 16px 0;
  }
  .point_wrap .point_content .point_skin .section-cell.date, .point_wrap .point_content .point_skin .section-cell.expire-date, .point_wrap .point_content .point_skin .section-cell.point01, .point_wrap .point_content .point_skin .section-cell.point02 {
    width: 19%;
  }
  .point_wrap .point_content .point_skin .section-cell.content {
    width: 43%;
    text-align: center;
    padding-left: 0;
  }
  .point_wrap .point_content .point_head {
    background: #f7f7f7;
    border-radius: 12px;
  }
  .point_wrap .point_content .point_head .section-cell {
    border-bottom: 0;
  }
  .point_wrap .point_content .point_cont li:last-child {
    border-bottom: 0;
  }
  .point_wrap .point_content .point_cont .section-cell {
    line-height: 1.2;
  }
  .point_wrap .point_content .point_cont .section-cell.content {
    text-align: left;
    padding-left: 10px;
  }
  .point_wrap .point_content .point_cont .section-cell.content span {
    display: block;
  }
  .point_wrap .point_content .point_cont .section-cell.content span.mob_date {
    color: #666;
    margin-bottom: 7px;
  }
  .point_wrap .point_content .point_footer .point_total .total_txt {
    width: 62%;
  }
  .point_wrap .point_content .point_footer .point_total .total_point {
    width: 19%;
  }
  .point_wrap .text-center {
    margin: 25px 0 50px;
  }
}
@media (max-width: 480px) {
  .point_wrap .point_content .point_box {
    margin-top: 25px;
    /* padding: 13px 0; */
  }
  .point_wrap .point_content .point_box .text {
    font-size: 14px;
    font-weight: 400;
  }
  .point_wrap .point_content .point_box .number {
    font-size: 14px;
    font-weight: 500;
  }
  .point_wrap .point_content .point_box .number::after{
    top: 52%;
  }
  .point_wrap .point_content .point_skin .section-cell {
    font-size: 11px;
    padding: 16px 0;
  }
  .point_wrap .point_content .point_head {
    border-radius: 6px;
  }
  .point_wrap .point_content .point_cont .section-cell.content span {
    display: block;
    font-size: 13px;
  }
  .point_wrap .point_content .point_cont .section-cell.content span.mob_date {
    font-size: 11px;
  }
  .point_wrap .point_content .point_footer {
    border-radius: 5px;
  }
  .point_wrap .point_content .point_footer .point_total {
    font-size: 11px;
    padding: 12px 0;
  }
}

/* 쿠폰 html > skin > apms > member > basic > coupon.skin.php */
.coupon_wrap {
  display: flex;
  gap: 50px;
}
.coupon_wrap .coupon_content {
  width: calc(100% - 200px);
}
.coupon_wrap .coupon_content .orderform_title {
  border-bottom: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
.coupon_wrap .coupon_content .orderform_title span{
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    margin-left: 15px;
    margin-top: -3px;
}
@media(max-width:1200px){
  .coupon_wrap .coupon_content .orderform_title{display: block;}
  .coupon_wrap .coupon_content .orderform_title span{display: block; margin-left: 0; margin-top: 20px;}
}
.coupon_wrap .coupon_content .coupon_skin {
  width: 100%;
  display: table;
  border-top: 1px solid #444;
}
.coupon_wrap .coupon_content .coupon_skin .section-cell {
  text-align: center;
  font-size: 16px;
  color: #999;
  font-weight: 500;
  border-bottom: 1px solid #e1e1e1;
  padding: 19px 0;
}
.coupon_wrap .coupon_content .coupon_skin .section-cell.subject {
  width: 42.856%;
  padding: 20px 0 20px 30px;
  text-align: left;
}
.coupon_wrap .coupon_content .coupon_skin .coupon_head .section-cell.subject{
    text-align: center !important;
}
.coupon_wrap .coupon_content .coupon_skin .section-cell.date {
  width: 23.81%;
}
.coupon_wrap .coupon_content .coupon_skin .section-cell.target {
  width: 19.048%;
}
.coupon_wrap .coupon_content .coupon_skin .section-cell.price {
  width: 14.286%;
}
.coupon_wrap .coupon_content .coupon_skin .section-cell.no_list {
  width: 100%;
}
.coupon_wrap .coupon_content .coupon_head {
  width: 100%;
  display: flex;
  align-items: center;
}
.coupon_wrap .coupon_content .coupon_cont ul, .coupon_wrap .coupon_content .coupon_cont li, .coupon_wrap .coupon_content .coupon_cont ol {
  list-style: none;
}
.coupon_wrap .coupon_content .coupon_cont li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
}
.coupon_wrap .coupon_content .coupon_cont li.no_list div {
  width: 100%;
  color: var(--main-point-color);
}
.coupon_wrap .coupon_content .coupon_cont .section-cell {
  border-bottom: 0;
  color: #666;
  font-weight: 400;
}
.coupon_wrap .coupon_content .coupon_cont .section-cell.subject {
  color: var(--main-point-color);
  font-weight: 400;
}
.coupon_wrap .coupon_content .coupon_cont li.no_list div .no_data{color: #666666;font-size: 16px;line-height: 1em;text-align: center;}
.coupon_tab {display: flex; gap: 7px;	margin-bottom: 50px;}
.coupon_tab .coupon_tab_item a {width: auto; padding: 0 24px; height: 40px; display: flex; justify-content: center; align-items: center;  border-radius: 20px; border: 1px solid #e1e1e1; color: #999; font-size: 14px; font-weight: 500;}
.coupon_tab .coupon_tab_item a span{margin-left: 3px;}
.coupon_tab .coupon_tab_item.active a {border: 1px solid var(--main-point-btn-line-color-hover); color: #fff; background: var(--main-point-btn-bg-color-hover);}
.title_group .toggle_title {cursor: pointer;}
.coupon_wrap .coupon_tit_box{display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px;}
.coupon_wrap .register_coupon{width: 40%;}
.coupon_wrap .register_coupon input{font-size: 14px; border: 1px solid #e1e1e1; line-height: 38px; width: calc(100% - 98px); border-radius: 3px; padding: 0 20px;}
.coupon_wrap .register_coupon input::placeholder{color: #999999;}
.coupon_wrap .register_coupon button{background-color: #999999; border: 1px solid #999999; border-radius: 3px; color: #fff; font-size: 14px; line-height: 38px; width: 91px; margin-left: 1px;}
@media(max-width:1200px){
  .coupon_wrap .coupon_tit_box{align-items: flex-end;}
}
.present_coupon.off_coupon{border-top: 1px solid #444444; padding-top: 36px; padding-bottom: 40px;}
.present_coupon.off_coupon .coupon_item + li{margin-top: 20px;}
.present_coupon.off_coupon .coupon_item .wrap{display: flex; align-items: center; border: 1px solid #e1e1e1; border-radius: 10px; padding: 40px 50px 35px; position: relative;}
.present_coupon.off_coupon .coupon_item .coupon_img{border-radius: 50%; overflow: hidden; border: 1px solid #f6f6f6; margin-right: 30px;}
.present_coupon.off_coupon .coupon_item .coupon_info .cate{color: var(--main-point-color-hover); font-size: 11px; font-weight: 500; line-height: 1em; padding: 1.5px 5px; border-radius: 3px; background-color: #f3effe;}
.present_coupon.off_coupon .coupon_item .coupon_info .title{color: #222222; font-size: 19px; font-weight: 500; line-height: 1em; padding: 15px 0 20px;}
.present_coupon.off_coupon .coupon_item .coupon_info > div{color: #666666; font-size: 13px; font-weight: 400; line-height: 1.6em;}
.present_coupon.off_coupon .coupon_item .coupon_info > div span{color: #aaaaaa; margin-right: 20px;}
.present_coupon.off_coupon .coupon_item .sharing_btn{position: absolute; top: 50%; right: 50px; margin-top: -11px;}
.present_coupon.off_coupon .coupon_item .sharing_btn a{color: #381e1f; font-size: 13px; line-height: 1em; padding: 9.5px 16px; background-color: #fae100; border-radius: 19px;}
.present_coupon.off_coupon .coupon_item .off{display: none;}
.present_coupon.off_coupon .coupon_item.used .wrap::after{content: ''; display: block; position: absolute; border-radius: 10px; top: 0; left: 0; width: 100%; height: 100%; background-color: #cccccc; opacity: 0.25;}
.present_coupon.off_coupon .coupon_item.used .coupon_info .cate{color: #999999; background-color: #e5e5e5;}
.present_coupon.off_coupon .coupon_item.used .coupon_info .title{color: #888888;}
.present_coupon.off_coupon .coupon_item.used .coupon_info > div{color: #888888;}
.present_coupon.off_coupon .coupon_item.used .coupon_info > div span{color: #888888;}
.present_coupon.off_coupon .coupon_item.used .sharing_btn a{color: #999; background-color: #e1e1e1;}
.present_coupon.off_coupon .coupon_item.used .on{display: none;}
.present_coupon.off_coupon .coupon_item.used .off{display: inline-block;}

.present_coupon.off_coupon .coupon_item .wrap .no_data{color: #666666;font-size: 16px;line-height: 1em;padding: 21.25px 0 0;text-align: center;}

@media (max-width: 991px) {
	 .title_group {position: relative; margin-bottom: 35px;}
	 .title_group .toggle_title {display: block;text-align: center;width: 100%;padding: 15px;font-size: 13px;color: #fff;/* border-bottom: 1px solid #b0c620; */background: #b69a71;position: relative;font-weight: 500;border-radius: 22.5px;}
	 .title_group .toggle_title::before {position: absolute; content: ''; top:50%; right: 20px; transform: translateY(-50%); background: url('/img/coupon_arrow.png');width: 11px; height: 6px;}
	 .title_group .toggle_title.on::before {transform: translateY(-50%) rotate(180deg);}
	 .title_group .title_list {display: none; position: absolute;width: 100%;z-index: 3;background: #fff;top: calc(100% + 8px);padding: 25px;text-align: center;border-radius: 10px;border: 1px solid #eeeeee;flex-direction: column;gap: 20px;}
	 .title_group .title_list.on {display: flex;}
	 .title_group .title_list .title {font-size: 13px;}
     .present_coupon.off_coupon .coupon_item .wrap .no_data{font-size: 13px;}
     .coupon_wrap .coupon_content .coupon_cont li.no_list div .no_data{font-size: 13px;}
}
@media (max-width: 991px) {
  .coupon_wrap {
    display: block;
    gap: 0;
    margin-bottom: 50px;
  }
  .coupon_wrap .coupon_content {
    width: 100%;
  }
  .coupon_wrap .coupon_content .coupon_skin {
    border-top: 0;
  }
  .coupon_wrap .coupon_content .coupon_skin .section-cell {
    font-size: 16px;
    padding: 16px 0;
    text-align: center;
    color: #222222;
  }
  .coupon_wrap .coupon_content .coupon_skin .section-cell.subject {
    width: 55%;
    padding: 9.5px 0;
    text-align: center;
  }
  .coupon_wrap .coupon_content .coupon_skin .section-cell.target {
    width: 25%;
  }
  .coupon_wrap .coupon_content .coupon_skin .section-cell.price {
    width: 25%;
  }
  .coupon_wrap .coupon_content .coupon_head {
    background: #f6f6f6;
    border-radius: 12px;
  }
  .coupon_wrap .coupon_content .coupon_head .section-cell {
    border-bottom: 0;
  }
  .coupon_wrap .coupon_content .coupon_cont .section-cell {
    line-height: 1.2;
    border-bottom: 0;
    color: #666;
  }
  .coupon_wrap .coupon_content .coupon_cont .section-cell.subject {
    text-align: left;
    padding: 15px 0 15px 10px;
  }
  .coupon_wrap .coupon_content .coupon_cont .section-cell.subject span {
    display: block;
    font-size: 13px;
  }
  .coupon_wrap .coupon_content .coupon_cont .section-cell.subject span.mob_date {
    color: #666;
    margin-bottom: 5px;
    font-size: 11px;
  }

  .coupon_tab{position: relative; padding-bottom: 10px; margin-bottom: 20px;}
  .coupon_tab::after{content: ''; display: block; background-color: #eeeeee; width: calc(100% + 30px); height: 1px; position: absolute; left: -15px; bottom: 0;}
  .coupon_tab .coupon_tab_item a{padding: 0 12px; height: 30px; color: #5d5e68; border: 1px solid #f3f3f6; background-color: #f3f3f6;}
  .coupon_tab .coupon_tab_item.active a{border: 1px solid var(--main-point-bg-soft-color-active); background-color: var(--main-point-bg-soft-color-active);}
  .coupon_wrap .coupon_tit_box{padding-bottom: 20px;}
  .coupon_wrap .register_coupon{width: 100%;}
  .coupon_wrap .register_coupon input{font-size: 12px; border: 1px solid #e6e6e6; padding: 0 15px; border-radius: 2.5px; width: calc(100% - 85px); line-height: 31px;}
  .coupon_wrap .register_coupon button{border: 1px solid #666; background-color: #666; font-size: 12px; border-radius: 2.5px; width: 80px; line-height: 31px; margin-left: 2px;}
  .present_coupon.off_coupon{padding-top: 0; border: none;}
  .present_coupon.off_coupon .coupon_item .wrap{padding: 22px 20px 20px;}
  .present_coupon.off_coupon .coupon_item + li{margin-top: 10px;}
  .present_coupon.off_coupon .coupon_item .coupon_img{width: 95px; height: 95px; margin-right: 18px; min-width: 95px;}
  .present_coupon.off_coupon .coupon_item .coupon_info .cate{font-size: 10px; padding: 1.5px 3px;}
  .present_coupon.off_coupon .coupon_item .coupon_info .title{font-size: 15px; line-height: 1.2em; padding: 8px 0 14px;}
  .present_coupon.off_coupon .coupon_item .coupon_info > div {font-size: 12px;}
  .present_coupon.off_coupon .coupon_item .coupon_info > div span{color: #999; margin-right: 12px;}
  .present_coupon.off_coupon .coupon_item .sharing_btn{top: 15px; right: 15px; margin-top: 0;}
  .present_coupon.off_coupon .coupon_item .sharing_btn a{padding: 0; display: block; width: 28px; height: 28px; border-radius: 50%;}
  .present_coupon.off_coupon .coupon_item .sharing_btn a img{width: 100%;}
  .present_coupon.off_coupon .coupon_item img.on{display: inline-block;}
  .present_coupon.off_coupon .coupon_item.used .sharing_btn a img.off{display: inline-block;}
}
@media (max-width: 480px) {
  .coupon_wrap .coupon_content .coupon_skin .section-cell {
    font-size: 12px;
    padding: 9.5px 0;
  }
  .coupon_wrap .coupon_content .coupon_head {
    border-radius: 6px;
  }
}

/* 배송지 관리 html > skin > apms > order > basic > orderaddress.skin.php */
.orderaddress_wrap {
  display: flex;
  gap: 50px;
}
.orderaddress_wrap .address_content {
  width: calc(100% - 200px);
}
.orderaddress_wrap .address_content .sod_orderaddr {
  width: 100%;
  display: table;
  border-top: 1px solid #444;
}
.orderaddress_wrap .address_content .sod_orderaddr .section-cell {
  text-align: center;
  font-size: 16px;
  color: var(--main-point-color);
  font-weight: 400;
  border-bottom: 1px solid #eee;
  padding: 22px 0;
}
.orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_txt {
  width: 63.138%;
}
.orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_name {
  width: 10.953%;
}
.orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_tel {
  width: 18.765%;
}
.orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_del {
  width: 7.144%;
}
.orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_del a {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
}
.orderaddress_wrap .address_content .title_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.orderaddress_wrap .address_content .orderform_title {
  border-bottom: 0;
}
.orderaddress_wrap .address_content .orderform_title span {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  margin-left: 15px;
}
.orderaddress_wrap .address_content .title_box .modify{
    font-size: 16px;
    color: var(--main-point-color-hover);
    position: relative;
}
.orderaddress_wrap .address_content .title_box .modify::after{
    content: "";
    width: 100%;
    height: 1px;
    background: var(--main-point-color-hover);
    position: absolute;
    bottom: -5px;
    left: 0;
}
@media (max-width: 991px){
    .orderaddress_wrap .address_content .title_box .modify{
        font-size: 13px;
        margin-bottom: 20px;
        margin-left: 9px;
    }
}
.orderaddress_wrap .address_content .address_head {
  width: 100%;
  display: flex;
  align-items: center;
}
.orderaddress_wrap .address_content .address_cont ul, .orderaddress_wrap .address_content .address_cont li, .orderaddress_wrap .address_content .address_cont ol {
  list-style: none;
}
.orderaddress_wrap .address_content .address_cont li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
@media (max-width: 480px) {
  .orderaddress_wrap .address_content .address_cont li.no_list {
    min-height: calc(100vh - 210px);
    justify-content: center;
  }
}
.orderaddress_wrap .address_content .address_cont li.no_list div {
  width: 100%;
}
.orderaddress_wrap .address_content .address_cont li.no_list div img{
    display: block;
    margin: 0 auto 15px;
}
@media (max-width: 991px){
    .orderaddress_wrap .address_content .address_cont li.no_list div img{
        width: 41px;
        height: 41px;
    }
}
.orderaddress_wrap .address_content .address_cont .section-cell {
  border-bottom: 0;
  color: #666;
}
.orderaddress_wrap .address_content .address_cont .section-cell.add_txt {
  padding-left: 20px;
  text-align: left;
}
.orderaddress_wrap .address_content .address_cont .section-cell.add_txt > div {
  display: inline-block;
  line-height: 1.2em;
}
.orderaddress_wrap .address_content .address_cont .section-cell.add_txt > div.add_icon span {
  display: block;
  font-size: 13px;
  color: #444;
  font-weight: 500;
  background: #f7f7f7;
  padding: 6px 8px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .orderaddress_wrap {
    gap: 0;
  }
  .orderaddress_wrap .address_content {
    width: 100%;
  }
  .orderaddress_wrap .address_content .sod_orderaddr {
    border-top: 0;
  }
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell {
    padding: 5px 0;
    text-align: left;
    font-size: 13px;
  }
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_txt {
    width: 90%;
  }
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_name {
    width: 17%;
    border-right: 1px solid #e0e0e0;
    margin-right: 4%;
  }
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_tel {
    width: 65%;
  }
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_del {
    width: auto;
  }
  .orderaddress_wrap .address_content .address_cont li {
    flex-wrap: wrap;
    position: relative;
    padding: 20px 0 20px 9px;
  }
  .orderaddress_wrap .address_content .address_cont li:first-child {
    padding-top: 0;
  }
  .orderaddress_wrap .address_content .address_cont li.no_list div {
    text-align: center;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_txt {
    padding-left: 0;
    text-align: left;
    color: #444;
    font-size: 15px;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_txt > div {
    display: block;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_txt > div.add_icon {
    width: 70px;
    text-align: center;
    margin-bottom: 10px;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_txt > div.add_icon span {
    font-size: 10px;
    padding: 6px 0;
    border-radius: 9px;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_del {
    position: absolute;
    right: 10px;
    top: 20px;
    padding: 0;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_del img {
    height: 20px;
  }
  .orderaddress_wrap .address_content .address_head {
    display: none;
  }
}
@media (max-width: 480px) {
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell {
    padding: 5px 0;
    font-size: 11px;
  }
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_txt {
    width: 90%;
  }
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_name {
    width: 17%;
    border-right: 1px solid #e0e0e0;
    margin-right: 4%;
  }
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_tel {
    width: 65%;
  }
  .orderaddress_wrap .address_content .sod_orderaddr .section-cell.add_del {
    width: auto;
  }
  .orderaddress_wrap .address_content .address_cont li {
    padding: 20px 0 20px 9px;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_txt {
    font-size: 13px;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_txt > div.add_icon {
    width: 65px;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_txt > div.add_icon span {
    font-size: 10px;
    padding: 4px 0;
    border-radius: 8px;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_del {
    top: 20px;
  }
  .orderaddress_wrap .address_content .address_cont .section-cell.add_del img {
    height: 20px;
  }
}

/****************************
서브 > 상품상세페이지
html > skin > apms > item > Miso-basic4 > item.skin.php
****************************/
.item_detail.item-wrap {
  padding-top: 50px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .mobile_divide {
    padding-bottom: 0px;
    position: relative;
  }
  .item_detail.item-wrap .mobile_divide:after {
    content: "";
    display: block;
    width: calc(100% + 30px);
    height: 9px;
    background: #eff2f5;
    position: absolute;
    bottom: 0;
    left: -15px;
  }
}
.item_detail.item-wrap .item-head {
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head {
    margin-bottom: 0;
  }
}
.item_detail.item-wrap .item-head .row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row {
    flex-direction: column;
    padding-bottom: 8px;
  }
  .item_detail.item-wrap .item-head .row .thumb_big {
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
  }
  .item_detail.item-wrap .item-head .row .thumb_big img {
    width: 100%;
  }
}
.item_detail.item-wrap .item-head .row .img-container {
  width: 46.15%;
  float: none;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .img-container {
    width: 100%;
    overflow: visible;
  }
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb {
  padding: 22px 25px 12px 35px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb {
    padding: 12px 0;
  }
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul {
  margin: 0 -4px;
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul li {
  margin: 0 5px;
  /* display: inline-block; */
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul li a {
  margin: 0 5px;
  position: relative;
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul li a::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.02); z-index: 2;}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul li {
    border-radius: 4px;
    overflow: hidden;
  }
  .item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul li img {
    width: 64px;
    height: 64px;
    border-radius: 2.5px;
  }
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul .active {
  /* border: 1px solid var(--main-point-line-color-hover); */
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul .active img {
    border: 2px solid var(--main-point-line-color-hover);
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap button {
  width: 40px;
  height: 127px;
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap button.btn_prev {
  text-align: left;
}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap button.btn_next {
  text-align: right;
  width: 25px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap button {
    display: none;
  }
}
.item_detail.item-wrap .item-head .row .form-container {
  width: 53.85%;
  float: none;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container {
    width: 100%;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text {
  padding-left: 17.14%;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text {
    padding: 50px 0 0px;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .label-tack {
    display: block;
    padding: 0;
    /* margin-bottom: 10px; */
  }
  .item_detail.item-wrap .item-head .row .form-container .text .mob_tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .mob_tab li {
    width: calc(50% - 4px);
  }
  .item_detail.item-wrap .item-head .row .form-container .text .mob_tab li a {
    text-align: center;
    height: 43px;
    line-height: 41px;
    font-size: 14px;
    display: block;
    background: rgba(214, 214, 214, 0.2);
    border-radius: 5px;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .mob_tab li a img {
    height: 13px;
    margin-right: 6px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .item_tt {
  display: flex;
  /* align-items: center; */
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 991px){
    .item_detail.item-wrap .item-head .row .form-container .text .item_tt{
        align-items: flex-start;
    }
}
.item_detail.item-wrap .item-head .row .form-container .text .item_tt .item_name {
  color: var(--main-point-color);
  font-size: 30px;
  font-weight: 400;
  line-height: 1.4em;
  padding-right: 40px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .item_tt .item_name {
    font-size: 20px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .item_tt .btn_share{
  position: relative;
  margin-left: 12px;
}

@media (max-width: 991px){
  .item_detail.item-wrap .item-head .row .form-container .text .item_tt .btn_box a img{
    width: 20px;
  }
}
@media (max-width: 480px){
  .item_detail.item-wrap .item-head .row .form-container .text .item_tt .btn_box a img{
    width: 15px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .desc {
  padding-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 1.4em;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .desc {
    padding-top: 15px;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .price {
  margin: 35px 0 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .price {
    display: none;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .price .real_price {
  color: var(--main-point-color);
  font-size: 18px;
  font-weight: 300;
}
.item_detail.item-wrap .item-head .row .form-container .text .price .real_price .num {
  font-size: 26px;
  font-weight: 400;
  display: inline-block;
  /* margin-right: 5px; */
}
.item_detail.item-wrap .item-head .row .form-container .text .price .origin_price {
  display: none;
}
.item_detail.item-wrap .item-head .row .form-container .text .price .percent {
  display: none;
}
.item_detail.item-wrap .item-head .row .form-container .text .price .btn_share {
  display: block;
  padding-right: 12px;
}
.item_detail.item-wrap .item-head .row .form-container .text .option-line {
  width: 100%;
  height: 1px;
  border-color: #ebebeb;
  margin: 20px 0;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .option-line {
    margin: 10px 0;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .option-line.top {
  border-color: #222;
  margin: 20px 0;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .option-line.top {
    margin: 15px 0 15px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .it_option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_tt {
  padding-top: 0;
  color: #222;
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
  width: 60px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .it_option{
    padding-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_tt {
    font-size: 12px;
    line-height: 30px;
    width: 50px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con {
  padding-top: 0;
  color: #666;
  font-size: 15px;
  line-height: 30px;
  width: calc(100% - 60px);
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con {
    font-size: 12px;
    line-height: 30px;
    width: calc(100% - 50px);
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.price_con .origin_price {
  font-size: 17px;
  display: inline-block;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.price_con .origin_price {
    font-size: 12px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.price_con .real_price {
  display: inline-block;
  color: #222;
  font-size: 18px;
  font-weight: 500;
  margin-left: 13px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.price_con .real_price {
    font-size: 15px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.price_con .real_price .num {
  display: inline-block;
}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.price_con .percent {
  display: inline-block;
  margin-left: 15px;
  color: #fa193e;
  font-size: 22px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.price_con .percent {
    font-size: 15px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con select {
  width: 100%;
  border: 1px solid #eaeaea;
  border-radius: 5px !important;
  height: 50px;
  line-height: 48px;
  padding: 0 20px;
  appearance: none;
  background: url(https://fivepro.co.kr/img/icon_drop.png) no-repeat calc(100% - 20px) center;
  color: #999;
  font-size: 15px;
  box-shadow: none;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con select {
    height: 35px;
    line-height: 33px;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 13px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con {
  margin-top: 13px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ebebeb;
    position: fixed;
    bottom: 62px;
    left: 0;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview {
    height: 8px;
    border: none;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview a {
    display: none;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active {
    padding: 13px 0;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active a {
    display: block;
    height: 6px;
    position: relative;
    top: -4px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active a:after {
    display: none;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con.open {
    border-radius: 15px 15px 0 0;
    box-shadow: 0 -5px 65px rgba(0, 0, 0, 0.6);
    bottom: -55px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab > div{width: 100%;}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab {
    display: none;
    max-height: 88vh;
    overflow-y: auto;
    padding-bottom: 10px;
    transition: padding-top 0.2s;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .ov_box{
    transition: padding-top 0.2s;

  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab.on .ov_box{
    padding-top: 100px;
  }
  /* 2024-08-19 (주)파이브센스_FIVESENSES.Corp. */
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab.on_2 .ov_box{
    padding-top: 50px;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab > div.ov_box{
    max-height: 60vh;
    overflow-y: auto;
    padding-top: 5px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab #it_sel_option {
  width: 100%;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel {
    flex-direction: column;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li {
  list-style: none;
  width: 100%;
  margin-bottom: 12px;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name {
  /* width: 105px; */
  display: none;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name {
    width: 100%;
    font-size: 15px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name label {
  line-height: 32px;
  font-size: 15px;
  font-weight: 500;
  color: #222;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li:last-child {
  /* width: calc(100% - 105px); */
  width: 100%;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li:last-child {
    width: 100%;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel select {
  width: 100%;
  border-radius: 5px !important;
  height: 45px;
  line-height: 43px;
  padding: 0 40px 0 12px;
  appearance: none;
  background: url(https://fivepro.co.kr/img/icon_drop.png) no-repeat calc(100% - 15px) center;
  color: #666; 
  font-size: 14px; 
  font-weight: 400; 
  border: 1px solid #f2f2f2;
  box-shadow: none;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel select:focus{
  border: 1px solid var(--main-point-line-color-hover);
  background: url(https://fivepro.co.kr/img/icon_drop_on.png) no-repeat calc(100% - 15px) center;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel select {
    height: 35px;
    line-height: 33px;
    border-radius: 4px;
    background: url(https://fivepro.co.kr/img/micon_drop.png) no-repeat calc(100% - 18px) center; 
    background-size: 8px 5px; 
    padding: 0 30px 0 17px; 
    font-size: 12.5px;
  }  
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel select:focus{
    background: url(https://fivepro.co.kr/img/micon_drop_on.png) no-repeat calc(100% - 18px) center;
    background-size: 8px 5px; 
  }
}

/* 2024-08-19 (주)파이브센스_FIVESENSES.Corp. */
/* .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name{} */
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name{display: block; width: 0; margin: 0; position: relative;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name label{display: none;}
.item_detail.item-wrap .pay_tab .option_sel div.preview_option{position: absolute; top: -27px; left: -175px; width: 162px; /*height: 160px;*/ box-shadow: 0 0 15px 5px rgba(61,61,61,0.1); border: 1px solid #0c0c0c; background-color: #fff;}
.item_detail.item-wrap .pay_tab .option_sel div.preview_option::before{content: ''; display: block; position: absolute; border-style: solid; border-width: 8px 0px 8px 8px; border-color: transparent #0c0c0c; width: 0; z-index: 1; right: -8px; top: 12px;}
.item_detail.item-wrap .pay_tab .option_sel div.preview_option::after{content: ''; display: block; position: absolute; border-style: solid; border-width: 7px 0px 7px 7px; border-color: transparent #fff; width: 0px; z-index: 1; right: -7px; top: 13px;}
.item_detail.item-wrap .pay_tab .option_sel div.preview_option img{width: 100%;}
@media (max-width: 991px){
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name{width: 0 !important;}
    .item_detail.item-wrap .pay_tab .option_sel div.preview_option{width: 80px; height: 80px; left: 0; top: -105px; box-shadow: 0 0 10px 0px rgba(61,61,61,0.1);}
    .item_detail.item-wrap .pay_tab .option_sel div.preview_option::before{transform: rotate(90deg); top: auto; right: auto; left: 8px; bottom: -12px;}
    .item_detail.item-wrap .pay_tab .option_sel div.preview_option::after{transform: rotate(90deg); top: auto; right: auto; left: 8px; bottom: -11px; border-width: 8px 0px 8px 8px;}
  }

.item_detail.item-wrap .pay_tab .option_radio{width: 100%; margin-bottom: 15px;}
.item_detail.item-wrap .pay_tab .option_radio .option_name{position: relative; margin-bottom: 15px;}
.item_detail.item-wrap .pay_tab .option_radio .option_name > label {font-size: 14px; font-weight: 500; color: #999;}
.item_detail.item-wrap .pay_tab .list-group .option_radio .option_name > label {color: #666;}
.item_detail.item-wrap .pay_tab .option_radio div.preview_option{position: absolute; top: -11px; left: -175px; width: 162px; /*height: 160px;*/ box-shadow: 0 0 15px 5px rgba(61,61,61,0.1); border: 1px solid #0c0c0c; background-color: #fff;}
.item_detail.item-wrap .pay_tab .option_radio div.preview_option::before{content: ''; display: block; position: absolute; border-style: solid; border-width: 8px 0px 8px 8px; border-color: transparent #0c0c0c; width: 0; z-index: 1; right: -8px; top: 12px;}
.item_detail.item-wrap .pay_tab .option_radio div.preview_option::after{content: ''; display: block; position: absolute; border-style: solid; border-width: 7px 0px 7px 7px; border-color: transparent #fff; width: 0px; z-index: 1; right: -7px; top: 13px;}
.item_detail.item-wrap .pay_tab .option_radio div.preview_option img{width: 100%;}
.item_detail.item-wrap .pay_tab .option_radio .op_warp{display: flex; flex-wrap: wrap;}
.item_detail.item-wrap .pay_tab .option_radio .op_warp > div{margin-bottom: 5px;}
.item_detail.item-wrap .pay_tab .option_radio .op_warp input[type=radio].it_option{display: none;}
.item_detail.item-wrap .pay_tab .option_radio .op_warp label{width: 114px; color: #888; font-size: 14px; font-weight: 300; line-height: 1.4em; border: 1px solid #eeeeee; margin-right: 5px; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 9.25px 10px; cursor: pointer; transition: all 0.3s ease 0s; word-break: break-all; height: 100%;}
.item_detail.item-wrap .pay_tab .option_radio .op_warp label:hover{color:#333333; border: 1px solid #000000;}
.item_detail.item-wrap .pay_tab .option_radio .op_warp input[disabled] + label{cursor: not-allowed;}
.item_detail.item-wrap .pay_tab .option_radio .op_warp input:checked + label{color:#333333; border: 1px solid #000000;}
.item_detail.item-wrap .pay_tab .option_radio .td_sit_sel{display: flex; flex-wrap: wrap;}
.item_detail.item-wrap .pay_tab .option_radio .td_sit_sel > div{margin-bottom: 5px;}
.item_detail.item-wrap .pay_tab .option_radio .td_sit_sel input[type=radio].it_supply{display: none;}
.item_detail.item-wrap .pay_tab .option_radio .td_sit_sel label{width: 145px; color: #888; font-size: 14px; font-weight: 300; line-height: 1.4em; border: 1px solid #eeeeee; margin-right: 5px; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 9.25px 10px; cursor: pointer; transition: all 0.3s ease 0s; word-break: break-all; height: 100%;}
.item_detail.item-wrap .pay_tab .option_radio .td_sit_sel label:hover{color:#333333; border: 1px solid #000000;}
.item_detail.item-wrap .pay_tab .option_radio .td_sit_sel input:checked + label{color:#333333; border: 1px solid #000000;}
.item_detail.item-wrap #it_sel_option .list-group{width: 100%;}
.item_detail.item-wrap #it_sel_option .list-group .option_li{display: flex; flex-wrap: wrap; gap: 5px;}
.item_detail.item-wrap #it_sel_option .list-group .option_li div{margin-bottom: 5px; flex: 1; min-width: 25%;}
.item_detail.item-wrap #it_sel_option .list-group .option_li input[type=radio].it_custom{display: none;}
.item_detail.item-wrap #it_sel_option .list-group .option_li label{margin-bottom: 5px; width: 100%; color: #888; font-size: 13px; font-weight: 300; line-height: 1.4em; border: 1px solid #eeeeee; margin-right: 5px; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 7px 10px; cursor: pointer; transition: all 0.3s ease 0s; word-break: break-all; height: 100%; border-radius: 2px;}
.item_detail.item-wrap #it_sel_option .list-group .option_li label:hover{color:#333333; border: 1px solid #000000;}
.item_detail.item-wrap #it_sel_option .list-group .option_li input[disabled] + label{cursor: not-allowed;}
.item_detail.item-wrap #it_sel_option .list-group .option_li input:checked + label{color:#333333; border: 1px solid #000000;}

@media (max-width: 991px){
  .item_detail.item-wrap .pay_tab .option_radio{margin-bottom: 25px;}
  .item_detail.item-wrap .pay_tab .option_radio .option_name{margin-bottom: 10px;}
  .item_detail.item-wrap .pay_tab .option_radio .option_name > label{color: #666;}
  .item_detail.item-wrap .pay_tab .option_radio div.preview_option{width: 80px; height: 80px; left: 0; top: -90px; box-shadow: 0 0 10px 0px rgba(61,61,61,0.1);}
  .item_detail.item-wrap .pay_tab .option_radio div.preview_option::before{transform: rotate(90deg); top: auto; right: auto; left: 8px; bottom: -12px;}
  .item_detail.item-wrap .pay_tab .option_radio div.preview_option::after{transform: rotate(90deg); top: auto; right: auto; left: 8px; bottom: -11px; border-width: 8px 0px 8px 8px;}
  .item_detail.item-wrap .pay_tab .option_radio .op_warp label{width: 105px; margin-right: 4px; margin-bottom: 4px; padding: 7.5px 10px; font-weight: 500; font-size: 13px;}
  .item_detail.item-wrap .pay_tab .option_radio .td_sit_sel label{margin-right: 4px; margin-bottom: 4px; padding: 7.5px 10px; font-weight: 500; font-size: 13px;}
  .item_detail.item-wrap #it_sel_option .list-group .option_li label{margin-right: 4px; margin-bottom: 4px; padding: 5px 10px; font-weight: 500; font-size: 13px;}
}

.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group {
  margin-top: 17px;
  width: 100%;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item {
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 5px !important;
  margin-top: 12px;
  padding: 10px 20px !important;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item {
    background: none;
    border: none;
    padding: 0 !important;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-7, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_tit {
  padding: 0;
  /* width: 64.535%; */
  width: 100%;
  padding-right: 20px;
  line-height: 15px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-7, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_tit {
    width: 100%;
    padding-right: 0;
    margin-bottom: 12px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-7 .it_opt_subj, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_tit .it_opt_subj {
  font-size: 15px;
  line-height: 2.1;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-7 .it_opt_subj, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_tit .it_opt_subj {
    font-size: 13px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count {
  padding: 0;
  width: 35.465%;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5 input, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count input {
  height: 32px;
  line-height: 30px;
  padding: 0 20px;
  text-align: center;
  border: 1px solid #eaeaea;
  border-radius: 0 0 0 0 !important;
  font-size: 14px;
  color: #222;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5 input, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count input {
    background: none;
    border: none;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count {
    width: 100%;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5 .input-group, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count .input-group {
    width: 100%;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5 .input-group-btn.plus_group, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count .input-group-btn.plus_group {
    width: 28px;
    height: 28px;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5 .input-group-btn.minus_group, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count .input-group-btn.minus_group {
    width: 28px;
    height: 28px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn {
  height: 32px;
  line-height: 30px;
  padding: 0;
  width: 30px;
  background: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn {
    height: 28px;
    line-height: 26px;
    line-height: initial;
    width: 28px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_qty_plus {
  border-radius: 5px 0 0 5px !important;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_qty_plus {
    border-radius: 50% !important;
    background: #fff;
    border: 1px solid #c7c7c7;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_qty_minus {
  border-radius: 5px 0 0 5px !important;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_qty_minus {
    border-radius: 50% !important;
    background: #fff;
    border: 1px solid #333;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_qty_minus.radius {
  border-radius: 0 5px 5px 0 !important;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_qty_minus.radius {
    border-radius: 50% !important;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_opt_del {
  border-radius: 0 5px 5px 0 !important;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_opt_del {
    border-radius: 50% !important;
    /* background: #f3f3f3; */
    margin-left: 10px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa {
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: top;
  line-height: 1;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-plus-circle:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 1px;
  transform: translate(-3px, 0) rotate(0);
  background: #555;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-plus-circle:before {
    background: #c7c7c7;
    width: 8px;
    transform: translate(-4.5px, 0) rotate(0);
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-plus-circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 7px;
  transform: translate(0, -3px) rotate(0);
  background: #555;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-plus-circle:after {
    background: #c7c7c7;
    height: 8px;
    transform: translate(-1px, -3.5px) rotate(0);
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-minus-circle:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 1px;
  transform: translate(-4px, 0) rotate(0);
  background: #555;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-minus-circle:before {
    background: #333;
    width: 8px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-times-circle {
  transform: translate(0, 0) rotate(45deg);
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-times-circle:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  transform: translate(-4.5px, 0) rotate(0);
  background: #555;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-times-circle:before {
    background: #666;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-times-circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 10px;
  transform: translate(0, -4.5px) rotate(0);
  background: #555;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-times-circle:after {
    background: #666;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum {
  width: 100%;
  margin: 45px 0 33px;
  color: var(--main-point-color);
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum {
    margin: 24px 0;
    font-size: 12px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum b {
  margin-left: 10px;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum b span {
  font-family: 'Pretendard';
  color: var(--main-point-color);
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum b span {
    font-size: 18px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum b .won {
  color: var(--main-point-color);
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
  margin-left: 0px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum b .won {
    font-size: 12px;
    margin-left: 0;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-footer {
  margin-top: 15px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-footer {
    margin-top: 0;
    padding: 0 15px 9px;
    background: #fff;
    position: relative;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li {
  /* width: 10.34%; */
  width: calc(50% - 5.5px);
  margin: 0;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li img {
    height: 18px;
  }
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li {
    width: 8.3%;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li img {
    height: 14px;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_cart {
  /* margin: 0 1.72%; */
  margin-right: 11px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_cart {
    margin: 0 5% 0 2.6%;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .mitem-form-btn {
    margin-top: 10px;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_cart input {
    text-indent: -999em;
    background: url(https://fivepro.co.kr/img/icon_cart.png) no-repeat center center;
    background-size: 18px 22px;
  }
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .mitem-form-btn li.btn_cart input {
    text-indent: 0;
    background: none;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_cart.btn_b_off input {
  border: 1px solid #e1e1e1;
  color: #999999;
  cursor: not-allowed;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_cart input {
    background-size: 14px 17px;
    /* background-image: url(https://fivepro.co.kr/img/micon_cart.png); */
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_buy {
  margin: 0;
  /* width: 75.88%; */
  width: calc(50% - 5.5px);
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_buy {
    width: 75.75%;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_buy input {
  background: var(--main-point-btn-bg-color-hover);
  color: #fff;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_buy.btn_b_off input{
    background: #e1e1e1;
    border: 1px solid #e1e1e1;
    color: #999999;
    cursor: not-allowed;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .download_sian_btn{
    border: 1px solid var(--main-point-btn-line-color-hover);
    color: #fff;
    background-color: var(--main-point-btn-bg-color-hover);
    border-radius: 5px;
    transition: 0.3s; 
    outline: none;
    font-weight: 700;
    font-size: 17px;
    line-height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 15px;
    text-align: center;
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .download_sian_btn img{
  display: inline-block;
}
@media (max-width: 991px) {
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .download_sian_btn {
      line-height: 43px;
      font-size: 14px;
      font-weight: 500;
      border-radius: 2.5px;
      margin-top: 10px;
      margin-bottom: 5px;
    }
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .download_sian_btn img{
      width: 11px;
    }
  }
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li a {
  border: 1px solid #e2e2e2;
  border-radius: 5px !important;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li a {
    border: none;
    border-radius: 2.5px !important;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li a:hover {
  border-color: var(--main-point-color-hover);
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li input {
  color: var(--main-point-color-hover);
  border: 1px solid var(--main-point-btn-line-color-hover);
  border-radius: 5px !important;
  transition: 0.3s;
  outline: none;
  font-weight: 700;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li input {
    border: none;
  }
}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li input:hover {
  border-color: var(--main-point-btn-line-color-hover);
}
.item_detail.item-wrap .item_detail_tab .tabs .tabs_box {
  height: 58px;
  line-height: 56px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item_detail_tab .tabs .tabs_box {
    height: 46px;
    line-height: 44px;
  }
}
.item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top {
  margin: 0;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li {
    width: auto !important;
  }
}
.item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li + li {
  margin-left: 20px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li + li {
    margin-left: 15px;
  }
}
.item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li span {
  height: 100%;
  color: #888;
  font-size: 16px;
  font-weight: 300;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li span {
    padding: 0 10px;
    height: 46px;
    line-height: 44px;
  }
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li span {
    font-size: 14px;
    padding: 0 2px;
  }
}
.item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li.on span {
  color: var(--main-point-color-hover);
  font-weight: 500;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li.on span {
    color: #222222;
  }
}
.item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li.on span::after {
  background: var(--main-point-line-color-hover);
  height: 2px;
}
.item_detail.item-wrap .item_detail_tab .tabs .tab-content {
  padding: 0;
}
@media (max-width: 991px) {
    .item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li.on span::after{
        bottom: -1px;
    }
  .item_detail.item-wrap .item_detail_tab .tabs .tab-content {
    padding: 0 15px !important;
  }
}
.item_detail.item-wrap .tab_etc {
  padding-top: 80px;
  margin-top: 80px;
  border-top: 1px solid #d7d7d7;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .tab_etc {
    margin-top: 0;
    padding: 0 0 9px;
    border-top: none;
  }
}
.item_detail.item-wrap .tab_etc .item_table_tt {
  font-size: 20px;
  font-weight: 600;
  color: var(--main-point-color);
  text-align: center;
  margin-bottom: 38px;
}
.item_detail.item-wrap .tab_etc .it_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: linear-gradient(90deg, #f6f6f6 0%, #f6f6f6 16.92%, #fff 16.92%, #fff 50%, #f6f6f6 50%, #f6f6f6 66.92%, #fff 66.92%, #fff 100%);
}
@media (max-width: 991px) {
  .item_detail.item-wrap .tab_etc .it_detail {
    background: #f6f6f6;
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}
.item_detail.item-wrap .tab_etc .it_detail li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  margin-left: 0;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .tab_etc .it_detail li {
    width: 100%;
    position: relative;
  }
  .item_detail.item-wrap .tab_etc .it_detail li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background: #e1e1e1;
  }
  .item_detail.item-wrap .tab_etc .it_detail li:last-child:after {
    display: none;
  }
}
.item_detail.item-wrap .tab_etc .it_detail li .it_detail_tt {
  width: 33.84%;
  border: none;
  padding: 0 20px;
  color: #666;
  font-size: 14px;
  line-height: 50px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .tab_etc .it_detail li .it_detail_tt {
    font-size: 10px;
    padding: 15px 15px;
    line-height: 1.4;
  }
}
.item_detail.item-wrap .tab_etc .it_detail li .it_detail_con {
  width: 66.16%;
  border: none;
  padding: 0 20px;
  font-size: 14px;
  line-height: 3.57;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .tab_etc .it_detail li .it_detail_con {
    font-size: 10px;
    padding: 15px 15px;
    line-height: 1.4;
  }
}
.item_detail.item-wrap .tab_etc .delivery_box .tbox-head {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 16px !important;
}
.item_detail.item-wrap .tab_etc .delivery_box.delivery_bae {
  margin-top: 50px;
}
.item_detail.item-wrap .tab_etc .delivery_box.delivery_ch {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .tab_etc .delivery_box.delivery_bae {
    margin-top: 0;
  }
  .item_detail.item-wrap .tab_etc .delivery_box.delivery_ch {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .tab_etc {
    padding-top: 0;
  }
  .item_detail.item-wrap .tab_etc .item_delivery:first-child .tbox-body {
    padding: 0;
  }
  .item_detail.item-wrap .tab_etc .item_delivery:last-child .tbox-head:after {
    display: none;
  }
  .item_detail.item-wrap .tab_etc .item_delivery.on .tbox-head {
    background-image: url(https://fivepro.co.kr/img/icon_detail_drop_on.png);
  }
  .item_detail.item-wrap .tab_etc .item_delivery.on .tbox-head:after {
    display: none;
  }
  .item_detail.item-wrap .tab_etc .item_delivery.on .tbox-body {
    display: block;
  }
  .item_detail.item-wrap .tab_etc .item_delivery .tbox-head {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    padding: 18px 0 !important;
    background: url(https://fivepro.co.kr/img/icon_detail_drop.png) no-repeat 100% center/13px 6px;
    position: relative;
    cursor: pointer;
  }
  .item_detail.item-wrap .tab_etc .item_delivery .tbox-head:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 30px);
    left: -15px;
    bottom: 0;
    height: 1px;
    background: #efefef;
  }
  .item_detail.item-wrap .tab_etc .item_delivery .tbox-body {
    margin-bottom: 0;
    display: none;
    padding: 40px 0;
  }
}
.item_detail.item-wrap .review_banner {
  background: #f6f6f6;
  padding: 45px 0 55px;
  margin-bottom: 35px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .review_banner {
    padding: 18px 0 21px;
    margin-bottom: 25px;
    border-radius: 5px;
  }
  .item_detail.item-wrap .review_banner .txt {
    font-size: 13px;
    line-height: 17.5px;
  }
}
.item_detail.item-wrap .review_banner .btn_write {
  margin-top: 23px;
  height: 56px;
  line-height: 54px;
  border-radius: 28px;
  background: var(--main-point-btn-bg-color-hover);
}
@media (max-width: 991px) {
  .item_detail.item-wrap .review_banner .btn_write {
    height: 34px;
    line-height: 32px;
    font-size: 12px;
    margin-top: 12px;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default {
    position: relative;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default.link_con {
    margin-top: 35px;
  }
}
.item_detail.item-wrap .panel.panel-default h3, .item_detail.item-wrap .panel.panel-default .panel-title {
  color: var(--main-point-color);
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 9px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default h3, .item_detail.item-wrap .panel.panel-default .panel-title {
    font-size: 18px;
    padding-bottom: 3px;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default .m-review-panel {
    border-top-width: 1px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star {
  width: 50.56%;
  padding-left: 184px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star {
    width: 50%;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_total {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_total {
    font-size: 10px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_total span {
  color: var(--main-point-color);
  font-weight: 400;
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_star {
  max-width: initial;
  width: auto;
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_star .fa {
  font-size: 32px;
  font-weight: 500;
  color: var(--main-point-color-hover);
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_star .fa {
    font-size: 23px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_num {
  margin-left: 30px;
  font-size: 38px;
  font-weight: 600;
  color: #222;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_num {
    margin-left: 0;
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell {
    width: 50%;
    padding: 5px 0;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: initial;
  margin-bottom: 20px;
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li {
  margin: 0 20px;
  float: none;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li {
    margin: 0 10px;
  }
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li:before {
    width: 7px;
  }
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li:after {
    width: 0px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li .point_num {
  bottom: -20px;
  font-size: 14px;
  color: #222;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li .point_num {
    font-size: 11px;
    width: 17px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review {
  width: 31.93%;
  padding: 0 70px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review {
    width: 100%;
    padding: 20px 15px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review .simple_wrap {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review .simple_wrap {
    margin-bottom: 15px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review .simple_wrap:last-child {
  margin-bottom: 0;
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review .simple_wrap .left_text {
  width: 82px;
  font-size: 16px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review .simple_wrap .left_text {
    font-size: 13px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review .simple_wrap .center_icon {
  width: 110px;
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review .simple_wrap .center_icon img {
  display: none;
}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review .simple_wrap .right_text {
  width: 85px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .review-body .item-simple-review .simple_wrap .right_text {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .photo_review {
    margin: 20px 0;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul li {
  float: none;
  width: 9.23%;
  margin-right: 0.84%;
  margin-left: 0;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul li {
    width: 18.18%;
    margin-right: 2.27%;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul li.last_more_btn {
  margin-right: 0;
}
.item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul li.last_more_btn button {
  font-size: 16px;
  line-height: 1.25;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul li.last_more_btn button {
    font-size: 10px;
    line-height: 15px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li {
  padding: 40px 0;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li {
    padding: 20px 0;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit {
    margin-bottom: 15px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color {
  font-size: 27px;
  font-weight: 600;
  color: #ddd;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color {
    font-size: 16px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color .fa-star-o:before {
  content: "\f005";
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color .fa-star:before {
  color: var(--main-point-color-hover);
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .user {
  color: #999;
  font-size: 17px;
  font-weight: 600;
  margin-left: 15px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .user {
    margin-top: 0;
    margin-left: 16px;
    font-size: 11px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .date {
  color: #999;
  font-size: 17px;
  font-weight: 600;
  margin-left: 20px;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .date {
    margin-left: 8px;
    font-size: 11px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .content_title {
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .content_title {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .content-txt {
  color: #444;
  font-size: 16px;
  line-height: 1.75;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .content-txt {
    font-size: 13px;
    line-height: 19px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box {
  margin-top: 33px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box {
    margin-top: 20px;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box .thumb-img {
  margin-right: 6px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box .thumb-img {
    width: 22.72%;
    margin-right: 0.98%;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box .thumb-img + .thumb-img {
  margin-left: 6px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box .thumb-img + .thumb-img {
    margin-left: 0.98%;
  }
}
.item_detail.item-wrap .panel.panel-default #itemuse .use-btn {
  margin-bottom: 0;
}
.item_detail.item-wrap .panel.panel-default #itemuse .use-btn .pull-right {
  margin: 8px 0 0;
}
.item_detail.item-wrap .panel.panel-default #itemuse .use-btn .pull-right .btn-group .btn {
  border-radius: 5px !important;
  background: #f6f6f6;
  color: #333;
  min-width: 110px;
  border: none;
  height: 40px;
  line-height: 38px;
}
.item_detail.item-wrap .panel.panel-default #itemuse .use-btn .pull-right .btn-group .btn_write {
  background: var(--main-point-btn-bg-color-hover);
  color: #fff;
  padding: 0 28px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .use-btn .pull-right {
    margin-top: 35px;
  }
  .item_detail.item-wrap .panel.panel-default #itemuse .use-btn .pull-right .btn-group .btn {
    border-radius: 3px !important;
    min-width: auto;
    padding: 0 20px;
    height: 30px;
    line-height: 28px;
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default #itemuse .use-btn {
    margin-top: 0;
  }
}
.item_detail.item-wrap .panel.panel-default.qa_panel {
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default.qa_panel {
    margin-top: 40px;
    margin-bottom: 0;
  }
}
.item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .list-board .num {
  display: table-cell;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .list-board .num {
    width: 11.8%;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .list-board .subj {
    width: 53.48%;
    padding-left: 10px;
  }
}
.item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .list-board .name {
  display: table-cell;
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .list-board .name {
    width: 13.93%;
  }
}
@media (max-width: 991px) {
  .item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .list-board .hit {
    width: 20.79%;
  }
}
.item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .list-board .img-resize .thumb-box {
  display: flex;
  justify-content: flex-start;
  padding-top: 20px;
}
.item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .list-board .img-resize .thumb-box > div + div {
  margin-left: 5px;
}
.item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .div-head {
  border-top-width: 1px;
}
.item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .pull-right {
  margin: 8px 0 0;
}
.item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .pull-right .btn-group .btn {
  border-radius: 5px !important;
  background: #f6f6f6;
  color: #333;
  min-width: 110px;
  border: none;
  height: 40px;
  line-height: 38px;
}
.item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .pull-right .btn-group .btn_write {
  background: var(--main-point-btn-bg-color-hover);
  color: #fff;
  padding: 0 28px;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .pull-right {
    margin-top: 35px;
  }
  .item_detail.item-wrap .panel.panel-default.qa_panel #itemqa .pull-right .btn-group .btn {
    border-radius: 3px !important;
    min-width: auto;
    padding: 0 20px;
    height: 30px;
    line-height: 28px;
    font-size: 11px;
  }
}
.item_detail.item-wrap .panel.panel-default .item-page {
  padding: 22px 0 0;
  margin: 0;
}
@media (max-width: 480px) {
  .item_detail.item-wrap .panel.panel-default .item-page {
    padding-top: 15px;
  }
}

/****************************
서브 > 상품상세페이지 > 상품 리뷰 모달
html > shop > ajax.itemreviewmodal.php
****************************/
.item_detail .review_write, .item_detail .qa_write {
  display: none;
}

.it_detail_modal {
  max-width: 100%;
  z-index: 1001;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  scrollbar-3dLight-Color: #fff;
  scrollbar-base-color: #fff;
  scrollbar-Face-Color: #fff;
  scrollbar-Track-Color: #f0f0f0;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #fff;
}
@media (max-width: 991px) {
  .it_detail_modal {
    bottom: 0;
    top: initial;
    left: 0;
    right: 0;
    transform: translate(0, 0) rotate(0);
    /* z-index: 101; */
  }
}
.it_detail_modal.active {
  opacity: 1;
  visibility: visible;
}
.it_detail_modal_bg {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  width: 100%;
}
.it_detail_modal_bg.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .it_detail_modal_bg {
    /* z-index: 100; */
  }
}
.it_detail_modal.no_review_img {
  width: 800px;
}
.it_detail_modal .rv_modal {
  max-width: 100%;
  background: #fff;
  padding: 35px 25px 35px 30px;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .it_detail_modal.no_review_img{width: 100%;}
  .it_detail_modal .rv_modal {
    width: 100%;
    padding: 50px 0 0;
    border-radius: 20px 20px 0 0;
  }
  .it_detail_modal .rv_modal.qa_write{
    padding: 30px 0 0;
  }
}
.it_detail_modal .rv_modal_tt {
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal_tt {
    justify-content: flex-start;
    padding: 0 25px 0px 25px;
    margin-bottom: 0;
    border: none;
  }
}
.it_detail_modal .rv_modal_tt h2 {
  color: #222;
  font-size: 26px;
  font-weight: 600;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal_tt h2 {
    font-size: 19px;
    padding-bottom: 19px;
  }
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal_tt h2 {
    font-size: 16px;
  }
}
.it_detail_modal .rv_modal_tt .btn_close_modal {
  display: block;
  width: 21px;
  height: 21px;
  position: relative;
}
.it_detail_modal .rv_modal_tt .btn_close_modal span {
  display: block;
  width: 27px;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.it_detail_modal .rv_modal_tt .btn_close_modal span:after {
  content: "";
  display: block;
  width: 27px;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal_tt .btn_close_modal {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .it_detail_modal .rv_modal_tt .btn_close_modal span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    transform: none;
    background: none;
  }
  .it_detail_modal .rv_modal_tt .btn_close_modal span::before, .it_detail_modal .rv_modal_tt .btn_close_modal span::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: auto;
    left: auto;
    transform: none;
    background: #ccc;
  }
  .it_detail_modal .rv_modal_tt .btn_close_modal span::before {
    transform: rotate(45deg);
  }
  .it_detail_modal .rv_modal_tt .btn_close_modal span::after {
    transform: rotate(-45deg);
  }
}
.it_detail_modal .rv_modal.review_write {
  width: 800px;
  display: block;
}
.it_detail_modal .rv_modal.qa_write {
  width: 800px;
  display: block;
}
@media (max-width: 991px) {
    .it_detail_modal .rv_modal.review_write{
        width: 100%;
    }
    .it_detail_modal .rv_modal.qa_write {
        width: 100%;
    }
}
.it_detail_modal .rv_modal .rv_con {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_con {
    flex-direction: column;
    padding: 0 25px 65px;
    max-height: 80vh;
    overflow-y: scroll;
  }
}
.it_detail_modal .rv_modal .rv_con .rv_img {
  min-width: 370px;
  max-width: 370px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_con .rv_img {
    order: 2;
    min-width: 100%;
    max-width: 100%;
  }
}
.it_detail_modal .rv_modal .rv_con .rv_img_big {
  overflow: hidden;
}
.it_detail_modal .rv_modal .rv_con .rv_img_big ul li img {
  width: 100%;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_con .rv_img_big {
    position: relative;
    padding-bottom: 15px;
  }
  .it_detail_modal .rv_modal .rv_con .rv_img_big .swiper-pagination {
    bottom: 0px;
  }
  .it_detail_modal .rv_modal .rv_con .rv_img_big .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #bfbfbf;
    margin: 0 2.5px;
    opacity: 1;
  }
  .it_detail_modal .rv_modal .rv_con .rv_img_big .swiper-pagination-bullet-active {
    background: var(--main-point-bg-color-hover);
  }
}
.it_detail_modal .rv_modal .rv_con .rv_img_thumb {
  margin-top: 8px;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_con .rv_img_thumb {
    display: none;
  }
}
.it_detail_modal .rv_modal .rv_con .rv_img_thumb ul li {
  /* width: 40px; */
  /* height: 40px; */
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.it_detail_modal .rv_modal .rv_con .rv_img_thumb ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden;
}
.it_detail_modal .rv_modal .rv_con .rv_txt {
  width: 100%;
  margin-left: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_con .rv_txt {
    order: 1;
    width: 100%;
    margin-left: 0;
  }
}
.it_detail_modal .rv_modal .rv_con .rv_txt_top {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 20px;
}
.it_detail_modal .rv_modal .rv_con .rv_txt_top .star {
  color: #ffc600;
  font-size: 17px;
  letter-spacing: 0.075em;
  margin-bottom: 8px;
}
@media (max-width: 991px){
  .it_detail_modal .rv_modal .rv_con .rv_txt_top .star{
    margin-bottom: 13px;
  }
}
.it_detail_modal .rv_modal .rv_con .rv_txt_top .rv_tt {
  font-size: 17px;
  color: #1b1b1b;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 15px;
}
.it_detail_modal .rv_modal .rv_con .rv_txt_top .rv_writer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.it_detail_modal .rv_modal .rv_con .rv_txt_top .rv_writer_img {
  background: #e7e7e7;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 16px;
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .rv_con .rv_txt_top .rv_writer_img {
    width: 40px;
    height: 40px;
    margin-right: 14px;
  }
}
.it_detail_modal .rv_modal .rv_con .rv_txt_top .rv_writer_img img {
  width: 100%;
  overflow: hidden;
}
.it_detail_modal .rv_modal .rv_con .rv_txt_top .rv_writer_txt .writer_name {
  color: #222;
  font-size: 13px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .rv_con .rv_txt_top .rv_writer_txt .writer_name {
    font-size: 13px;
    font-weight: 600;
  }
}
.it_detail_modal .rv_modal .rv_con .rv_txt_top .rv_writer_txt .writer_date {
  color: #999;
  font-size: 13px;
  font-weight: 400;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .rv_con .rv_txt_top .rv_writer_txt .writer_date {
    font-size: 11px;
  }
}
.it_detail_modal .rv_modal .rv_con .rv_txt_bottom {
  width: 100%;
  padding-top: 25px;
  height: 100%;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_con .rv_txt_bottom {
    padding: 15px 0;
    height: 130px;
    margin-bottom: 15px;
  }
}
.it_detail_modal .rv_modal .rv_con .rv_txt_bottom .rv_txt_con {
  overflow-y: scroll;
  color: #555;
  font-size: 14px;
  line-height: 1.7;
  height: 20vh;
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .rv_con .rv_txt_bottom .rv_txt_con {
    font-size: 14px;
    line-height: 2em;
  }
}
.it_detail_modal .rv_modal .rv_btn_sec {
  margin-top: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_btn_sec {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }
}
.it_detail_modal .rv_modal .rv_btn_sec li {
  display: block;
  background: #f6f6f6;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_btn_sec li {
    width: 100%;
    border-radius: 0;
  }
}
.it_detail_modal .rv_modal .rv_btn_sec li a, .it_detail_modal .rv_modal .rv_btn_sec li button {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 58px;
  min-width: 180px;
  text-align: center;
  height: 60px;
  line-height: 58px;
  color: #333;
  font-size: 17px;
  font-weight: 400;
  border: none;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_btn_sec li a, .it_detail_modal .rv_modal .rv_btn_sec li button {
    width: 100%;
    min-width: auto;
    font-size: 15px;
    height: 48px;
    line-height: 46px;
  }
}
.it_detail_modal .rv_modal .rv_btn_sec li.main {
  background: var(--main-point-btn-bg-color-hover);
  margin-left: 6px;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .rv_btn_sec li.main {
    margin-left: 0;
  }
}
.it_detail_modal .rv_modal .rv_btn_sec li.main a, .it_detail_modal .rv_modal .rv_btn_sec li.main button {
  color: #fff;
  background: inherit;
}
.it_detail_modal .rv_modal .use_form {
  overflow-y: scroll;
  max-height: 80vh;
  padding-right: 10px;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form {
    height: 70vh;
    overflow-y: scroll;
    padding-right: 0;
  }
}
.it_detail_modal .rv_modal .use_form .use_tt {
  color: #1b1b1b;
  font-size: 15px;
  font-weight: 500;
  width: 115px;
}
.it_detail_modal .rv_modal .use_form_star {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e7e7e7;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_star {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 40px);
  }
}
.it_detail_modal .rv_modal .use_form_star_con {
  width: calc(100% - 115px);
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_star_con {
    text-align: right;
  }
}
.it_detail_modal .rv_modal .use_form_star_con i {
  color: #ffc600;
  font-size: 17px;
}
.it_detail_modal .rv_modal .use_form_table {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  width: 100%;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_table {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 40px);
  }
}
.it_detail_modal .rv_modal .use_form_table li {
  width: 33.33333%;
  position: relative;
  padding: 0 10px;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_table li {
    width: 100%;
    padding: 12px 0;
  }
}
.it_detail_modal .rv_modal .use_form_table li:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  background: #d7d7d7;
  height: 100px;
}
.it_detail_modal .rv_modal .use_form_table li:last-child:after {
  display: none;
}
.it_detail_modal .rv_modal .use_form_table li h5 {
  font-size: 20px;
  color: #000;
  font-weight: 500;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_table li h5 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div input {
  display: none;
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div input + label {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div input + label p {
  font-size: 12px;
  color: #666666;
  font-weight: 500;
  margin-top: 5px;
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div input + label span {
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_table li .table_radio_box > div input + label span {
    width: 28px;
    height: 28px;
    background-size: cover !important;
  }
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div.table_radio01 input + label span {
  background: url("https://fivepro.co.kr/img/review_good_off.png") no-repeat;
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div.table_radio01 input:checked + label span {
  background: url("https://fivepro.co.kr/img/review_good.png") no-repeat;
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div.table_radio02 input + label span {
  background: url("https://fivepro.co.kr/img/review_normal_off.png") no-repeat;
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div.table_radio02 input:checked + label span {
  background: url("https://fivepro.co.kr/img/review_normal.png") no-repeat;
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div.table_radio03 input + label span {
  background: url("https://fivepro.co.kr/img/review_bad_off.png") no-repeat;
}
.it_detail_modal .rv_modal .use_form_table li .table_radio_box > div.table_radio03 input:checked + label span {
  background: url("https://fivepro.co.kr/img/review_bad.png") no-repeat;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_review {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 40px);
  }
}
.it_detail_modal .rv_modal .use_form_review_top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_review_top {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 25px;
  }
}
.it_detail_modal .rv_modal .use_form_review_top_select {
  width: calc(100% - 115px);
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_review_top_select {
    width: 100%;
    margin-top: 20px;
  }
}
.it_detail_modal .rv_modal .use_form_review_top_select select {
  color: #999999;
  font-size: 14px;
  width: 100%;
  appearance: none;
  height: 45px;
  line-height: 43px;
  border: none;
  padding: 0 16px;
  background: #f1f1f1 url(https://fivepro.co.kr/img/icon_review_drop.png) no-repeat calc(100% - 15px) center;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_review_bot {
    margin-bottom: 80px;
  }
}
.it_detail_modal .rv_modal .use_form_review_bot .mem_info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.it_detail_modal .rv_modal .use_form_review_bot .mem_info input {
  width: calc(50% - 7.5px);
}
.it_detail_modal .rv_modal .use_form_review_bot input, .it_detail_modal .rv_modal .use_form_review_bot textarea {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 48px;
  box-shadow: none;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ddd;
  /*border:{top:none; left:none; right:none; bottom:1px solid #e7e7e7}*/
  font-size: 16px;
  font-weight: 300;
}
.it_detail_modal .rv_modal .use_form_review_bot textarea{resize: none;}
.it_detail_modal .rv_modal .use_form_review_bot input::placeholder, .it_detail_modal .rv_modal .use_form_review_bot textarea::placeholder {
  color: #999999;
}
.it_detail_modal .rv_modal .use_form_review_bot input[type=file], .it_detail_modal .rv_modal .use_form_review_bot textarea[type=file] {
  display: none;
  appearance: none;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .use_form_review_bot input[type=file] + label img, .it_detail_modal .rv_modal .use_form_review_bot textarea[type=file] + label img {
    height: 17px;
  }
}
.it_detail_modal .rv_modal .use_form_review_bot input:focus, .it_detail_modal .rv_modal .use_form_review_bot input:active, .it_detail_modal .rv_modal .use_form_review_bot textarea:focus, .it_detail_modal .rv_modal .use_form_review_bot textarea:active {
  border-bottom-color: var(--main-point-line-color-hover);
}
.it_detail_modal .rv_modal .use_form_review_bot textarea {
  height: 160px;
  overflow-y: scroll;
  line-height: 1.8;
  margin-top: 10px;
}
.it_detail_modal .rv_modal .qa_form {
  max-height: 80vh;
  overflow-y: scroll;
  padding: 0;
}
.it_detail_modal .rv_modal .qa_form_head {
  background: #f7f7f7;
  text-align: center;
  padding: 30px 0 25px;
  margin-bottom: 12px;
}
.it_detail_modal .rv_modal .qa_form_head span {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 23px;
  margin: 0 auto 10px;
  background: var(--main-point-bg-color-hover);
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
}
.it_detail_modal .rv_modal .qa_form_head p {
  color: #1b1b1b;
  font-size: 14px;
  line-height: 1.7;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .qa_form_head {
    display: flex;
    align-items: center;
    padding: 20px 17px;
    margin: 0 25px 15px;
  }
  .it_detail_modal .rv_modal .qa_form_head span {
    width: 23px;
    height: 23px;
    line-height: 20px;
    margin: 0;
    margin-right: 15px;
    font-size: 13px;
  }
  .it_detail_modal .rv_modal .qa_form_head p {
    line-height: 20px;
    font-size: 14px;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .qa_form_head span {
    width: 21px;
    height: 21px;
    line-height: 19px;
    margin-right: 10px;
    font-size: 11px;
  }
  .it_detail_modal .rv_modal .qa_form_head p {
    line-height: 16px;
    font-size: 11.5px;
  }
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .qa_form_body {
    padding: 0 25px;
    margin-bottom: 80px;
  }
}
.it_detail_modal .rv_modal .qa_form_body_content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
}
.it_detail_modal .rv_modal .qa_form_body_content label {
  color: #1b1b1b;
  font-size: 15px;
  font-weight: 500;
  width: 65px;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .qa_form_body_content label {
    font-size: 16px;
  }
  .it_detail_modal .rv_modal .qa_form_body_content label img {
    height: 17px;
  }
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .qa_form_body_content label {
    font-size: 16px;
  }
}
.it_detail_modal .rv_modal .qa_form_body_content input, .it_detail_modal .rv_modal .qa_form_body_content textarea {
  width: calc(100% - 65px);
  height: 53px;
  line-height: 51px;
  border: none;
  font-size: 16px;
}
.it_detail_modal .rv_modal .qa_form_body_content input::placeholder, .it_detail_modal .rv_modal .qa_form_body_content textarea::placeholder {
  color: #a7a7a7;
}
.it_detail_modal .rv_modal .qa_form_body_content input + span, .it_detail_modal .rv_modal .qa_form_body_content textarea + span {
  display: block;
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.it_detail_modal .rv_modal .qa_form_body_content input:focus + span, .it_detail_modal .rv_modal .qa_form_body_content input:active + span, .it_detail_modal .rv_modal .qa_form_body_content textarea:focus + span, .it_detail_modal .rv_modal .qa_form_body_content textarea:active + span {
  background: var(--main-point-line-color-hover);
}
.it_detail_modal .rv_modal .qa_form_body_content input[type=file], .it_detail_modal .rv_modal .qa_form_body_content textarea[type=file] {
  display: none;
  appearance: none;
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .qa_form_body_content input, .it_detail_modal .rv_modal .qa_form_body_content textarea {
    height: 50px;
    line-height: 48px;
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .qa_form_body_content input, .it_detail_modal .rv_modal .qa_form_body_content textarea {
    font-size: 15px;
  }
}
.it_detail_modal .rv_modal .qa_form_body_content textarea {
  width: 100%;
  resize: none;
  height: 160px;
  overflow-y: scroll;
  line-height: 1.6;
}
.it_detail_modal .rv_modal .qa_form_body .qa_secret {
  margin-top: 20px;
  position: relative;
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .qa_form_body .qa_secret {
    margin-top: 15px;
  }
}
.it_detail_modal .rv_modal .qa_form_body .qa_secret input + label {
  color: #666;
  font-size: 14px;
  line-height: 20px;
}
.it_detail_modal .rv_modal .qa_form_body .qa_secret input + label .circle {
  width: 20px;
  height: 20px;
}
.it_detail_modal .rv_modal .qa_form_body .qa_secret input + label .circle:before {
  top: 8px;
  left: 5px;
}
.it_detail_modal .rv_modal .qa_form_body .qa_secret input + label .circle:after {
  top: 4px;
  left: 10px;
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .qa_form_body .qa_secret input + label {
    font-size: 12px;
  }
  .it_detail_modal .rv_modal .qa_form_body .qa_secret input + label .circle {
    width: 12.5px;
    height: 12.5px;
    background-size: 60%;
  }
  .it_detail_modal .rv_modal .qa_form_body .qa_secret input + label .circle:before {
    top: 4px;
    left: 3px;
  }
  .it_detail_modal .rv_modal .qa_form_body .qa_secret input + label .circle:after {
    top: 2.5px;
    left: 6.2px;
    height: 5px;
  }
}
@media (max-width: 991px) {
  .it_detail_modal .rv_modal .qa_form_body .qa_secret input {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .it_detail_modal .rv_modal .qa_form_body .qa_secret input {
    font-size: 12px;
  }
}
.it_detail_modal .rv_modal .add_img {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 25px 0;
  padding-bottom: 25px;
  border-bottom: 1px solid #e7e7e7;
}
.it_detail_modal .rv_modal .add_img_li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 80%;
}
.it_detail_modal .rv_modal .add_img_li li {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  margin: 0 10px 10px 0;
  position: relative;
}
.it_detail_modal .rv_modal .add_img_li li img {
  width: 100%;
}
.it_detail_modal .rv_modal .add_img_li li .btn_del_img {
  width: 18px;
  height: 18px;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  border: 1px solid #e5e5e5;
  right: 5px;
  top: 5px;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
}
.it_detail_modal .rv_modal .add_img_li li .btn_del_img:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 1px;
  height: 8px;
  background: #151515;
}
.it_detail_modal .rv_modal .add_img_li li .btn_del_img:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 1px;
  height: 8px;
  background: #151515;
}
.it_detail_modal .rv_modal .add_img_btn {
  width: 20%;
  text-align: right;
}
.it_detail_modal * {
  scrollbar-3dLight-Color: #fff;
  scrollbar-base-color: #fff;
  scrollbar-Face-Color: #fff;
  scrollbar-Track-Color: #f0f0f0;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #fff;
}
.it_detail_modal ::-webkit-scrollbar {
  background: #fff;
  width: 6px;
  float: left;
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
}
.it_detail_modal *::-webkit-scrollbar {
  background: #fff;
  width: 6px;
  float: left;
  position: absolute;
  left: 0;
  height: 5px;
  border-radius: 10px;
}
.it_detail_modal ::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.it_detail_modal *::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.it_detail_modal ::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.it_detail_modal *::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px;
  background: #fff;
  background-position: center;
}
.it_detail_modal ::-webkit-scrollbar-button {
  background: transparent;
  color: #fff;
}
.it_detail_modal *::-webkit-scrollbar-button {
  background: transparent;
  color: #fff;
}
.it_detail_modal ::-webkit-scrollbar-track {
  background: #fff;
}
.it_detail_modal *::-webkit-scrollbar-track {
  background: #fff;
}
.it_detail_modal ::-webkit-scrollbar-thumb {
  height: 50px;
  width: 5px;
  background: #d6d6d6;
  border-radius: 10px;
}
.it_detail_modal *::-webkit-scrollbar-thumb {
  height: 50px;
  width: 5px;
  background: #d6d6d6;
  border-radius: 10px;
}

.orderform_item {
  position: relative;
  margin-bottom: 65px;
}
.orderform_item:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .orderform_item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .orderform_item::after {
    content: "";
    width: 200%;
    height: 9px;
    position: absolute;
    bottom: -6px;
    left: -15px;
    background: #eff2f5;
  }
}

.orderform_title.orderform_item{padding-bottom: 20px;}
.orderform_item .orderform_title .print-hide.orderform_item{margin: 0;}
.orderform_item .orderform_title .print-hide .btn{color: #666666 !important; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 3px !important; font-size: 14px; font-weight: 600; transition: 0.2s; outline: none;}
.orderform_item .orderform_title .print-hide .btn:hover{background-color: #f0f0f0;}

.orderform_info_inner {
  padding: 11px 20px 0 20px;
}
.orderform_info_inner > div {
  display: flex;
}
@media (max-width: 991px) {
  .orderform_info_inner {
    padding: 0;
  }
  .orderform_item .orderform_title .print-hide{
    text-align: center;
  }
  .orderform_item .orderform_title .orderinquiryview_tt{padding-top: 30px;}
}
@media (max-width: 480px) {
    .orderform_item .orderform_title .print-hide .btn{width: calc(33.3% - 3px); padding: 6px 10px;}
}

.orderform_title {
  padding-bottom: 25px;
  font-size: 24px;
  font-weight: 500;
  color: var(--main-point-color);
  border-bottom: 1px solid #444;
  line-height: 1em;
}
@media (max-width: 991px) {
  .orderform_title {
    padding-bottom: 17px;
    font-size: 18px;
    font-weight: bold;
    border: none;
  }
}
@media (max-width: 480px) {
  .orderform_title {
    font-size: 15px;
  }
}

.left_tit {
  width: 115px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 300;
  color: #666;
}
@media (max-width: 991px) {
  .left_tit {
    line-height: 32px;
  }
}
@media (max-width: 991px) {
  .left_tit {
    width: 85px;
    font-size: 15px;
    font-weight: 400;
  }
}

.right_tit {
  line-height: 38px;
  font-size: 16px;
  font-weight: 300;
  color: var(--main-point-color);
}
@media (max-width: 991px) {
  .right_tit {
    line-height: 32px;
    font-size: 15px;
    font-weight: 400;
  }
}
.right_tit span {
  margin-left: -4px;
}
@media (max-width: 991px) {
  .right_tit {
    width: calc(100% - 85px);
    font-size: 14px;
  }
}

.orderinquiryview {
  display: flex;
  gap: 50px;
}
@media (max-width: 991px) {
  .orderinquiryview {
    gap: 0;
  }
}
.orderinquiryview.guest {
  margin-top: 100px;
}
@media (max-width: 991px) {
  .orderinquiryview.guest {
    margin-top: 80px;
  }
}
@media (max-width: 480px) {
  .orderinquiryview.guest {
    margin-top: 50px;
  }
}
.orderinquiryview > div:last-child {
  width: 100%;
}
.orderinquiryview form > .orderform_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding-bottom: 20px;
}
@media (max-width: 991px) {
    .orderinquiryview form > .orderform_title{
        display: block;
        padding-bottom: 0;
    }
}
@media (max-width: 991px) {
  .orderinquiryview .orderform_title.orderinquiry_tt {
    text-align: center;
    padding: 20px 0 30px;
    /* margin-bottom: 9px; */
    font-size: 17px;
    font-weight: 500;
  }
}
.orderinquiryview .delivery_info_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .orderinquiryview .delivery_info_inner {
    flex-flow: column;
    align-items: flex-start;
  }
}
.orderinquiryview .delivery_info_inner > div:first-child {
  display: flex;
  flex-flow: column;
}
.orderinquiryview .delivery_info_inner > div:first-child div {
  display: flex;
}
.orderinquiryview .delivery_info_inner .lookup {
  width: 120px;
  display: block;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .orderinquiryview .delivery_info_inner .lookup {
    width: 100%;
    margin-top: 7px;
    font-size: 12px;
  }
}
.orderinquiryview .delivery_info_inner .lookup a {
  border: 1px solid #d6d6d6;
  display: block;
  color: #333;
  height: 42px;
  line-height: 40px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .orderinquiryview .delivery_info_inner .lookup a {
    height: 35px;
    line-height: 33px;
    font-size: 12px;
  }
}
.orderinquiryview .delivery_info_inner p {
  line-height: 38px;
  font-size: 16px;
  font-weight: 300;
  color: var(--main-point-color);
}
@media (max-width: 991px) {
  .orderinquiryview .delivery_info_inner p {
    line-height: 32px;
  }
}
@media (max-width: 991px) {
  .orderinquiryview .delivery_info_inner p {
    font-size: 15px;
    font-weight: 400;
  }
}

.orderinquiryview form > .rf_box .re_button{
    color: #666;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.2s;
    outline: none;
    padding: 5px 10px;
    margin-right: 5px;
}
.orderinquiryview form > .rf_box .re_button:hover{
    background-color: #f0f0f0;
}
@media (max-width: 991px) {
    .orderinquiryview form > .rf_box .re_button{
        margin-bottom: 20px;
    }
  }

.orderinquiryview .order_info_inner button.copy {
  width: 76px;
  height: 26px;
  line-height: 24px;
  margin: -1px 0 0 10px;
  font-size: 13px;
  font-weight: 400;
  background: var(--main-point-btn-bg-color-hover);
  border: none;
  border-radius: 13px;
  color: #fff;
}
.orderinquiryview .order_info_inner > div:last-child .right_tit {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .orderinquiryview .order_info_inner > div:last-child .right_tit {
    flex-direction: column;
    align-items: flex-start;
  }
}
.orderinquiryview .order_info_inner > div:last-child .right_tit button.copy {
  margin-left: 15px;
}
@media (max-width: 991px) {
  .orderinquiryview .order_info_inner > div:last-child .right_tit button.copy {
    margin-left: 0;
  }
}
.orderinquiryview .orderer_info.receipt {
  position: relative;
}
@media (max-width: 991px) {
  .orderinquiryview .orderer_info.receipt {
    padding-bottom: 30px;
  }
  .orderinquiryview .orderer_info.receipt::after {
    content: "";
    width: 200%;
    height: 9px;
    position: absolute;
    bottom: 0;
    left: -15px;
    background: #eff2f5;
  }
}
.orderinquiryview .orderer_info.receipt .orderform_info_inner {
  padding: 14px 20px 15px 20px;
}
@media (max-width: 991px) {
  .orderinquiryview .orderer_info.receipt .orderform_info_inner {
    padding: 0;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .orderer_info.receipt .orderform_info_inner > div:nth-child(3) .right_tit {
    line-height: 25px;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .orderer_info.orderform_item .orderform_info_inner > div:nth-child(3) .right_tit {
    line-height: 25px;
  }
}
.orderinquiryview .product_info {
  padding: 60px 0 50px;
  border: 1px solid #eee;
  border-left: 0;
  border-right: 0;
}
@media (max-width: 991px) {
  .orderinquiryview .product_info {
    padding: 20px 0;
  }
}
@media (max-width: 991px) {
  .orderinquiryview .product_info .order_cancel {
    display: flex;
    flex-flow: column;
  }
}
.orderinquiryview .product_info .order_cancel button {
  width: 301px;
  height: 71px;
  line-height: 69px;
  margin: 0 auto;
  padding: 0;
  font-size: 17px;
  font-weight: 500;
  color: #333;
  border: 1px solid #999;
  border-radius: 5px;
  background: none;
}
@media (max-width: 991px) {
  .orderinquiryview .product_info .order_cancel button {
    width: 100%;
    height: 40px;
    line-height: 38px;
    order: 2;
    font-size: 14px;
  }
}
.orderinquiryview .product_info .explanation {
  line-height: 26px;
  display: flex;
  flex-flow: column;
  place-items: center;
  margin-top: 9px;
  font-size: 13px;
  font-weight: 300;
  color: #999;
}
@media (max-width: 991px) {
  .orderinquiryview .product_info .explanation {
    line-height: 18px;
    flex-flow: initial;
    justify-content: space-between;
    place-items: flex-start;
    margin-bottom: 15px;
    font-size: 13px;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .product_info .explanation {
    line-height: 15px;
    font-size: 11px;
  }
}
.orderinquiryview .product_info .explanation a {
  display: flex;
  place-items: center;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: var(--main-point-color-hover);
}
@media (max-width: 991px) {
  .orderinquiryview .product_info .explanation a {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .product_info .explanation a {
    font-size: 12px;
  }
}
.orderinquiryview .product_info .explanation a span {
  width: 6px;
  height: 12px;
  display: block;
  position: relative;
  margin-left: 6px;
}
.orderinquiryview .product_info .explanation a span::before, .orderinquiryview .product_info .explanation a span::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: var(--main-point-color-hover);
}
.orderinquiryview .product_info .explanation a span::before {
  top: 4px;
  transform: rotate(45deg);
}
.orderinquiryview .product_info .explanation a span::after {
  bottom: 3px;
  transform: rotate(-45deg);
}
.orderinquiryview .refund_form_inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 15px;
  column-gap: 40px;
  padding: 24px 20px 40px 20px;
}
.orderinquiryview .refund_form_inner > div {
  display: flex;
  position: relative;
}
@media (max-width: 991px) {
  .orderinquiryview .refund_form_inner > div {
    flex-flow: column;
  }
}
@media (max-width: 991px) {
  .orderinquiryview .refund_form_inner {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 7px;
    column-gap: 0;
    padding: 10px 0px 20px 0px;
  }
}
.orderinquiryview .refund_form span {
  width: 115px;
  line-height: 46px;
  display: block;
  font-size: 16px;
  font-weight: 300;
  color: #333;
}
@media (max-width: 991px) {
  .orderinquiryview .refund_form span {
    line-height: 32px;
    font-size: 14px;
  }
}
.orderinquiryview .refund_form span.arrow {
  width: 6px;
  height: 5px;
  display: block;
  position: absolute;
  top: 23px;
  right: 15px;
}
.orderinquiryview .refund_form span.arrow::before, .orderinquiryview .refund_form span.arrow::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: #242424;
}
.orderinquiryview .refund_form span.arrow::before {
  right: 4px;
  transform: rotate(45deg);
}
.orderinquiryview .refund_form span.arrow::after {
  transform: rotate(-45deg);
}
@media (max-width: 991px) {
  .orderinquiryview .refund_form span.arrow {
    top: 53px;
  }
}
.orderinquiryview .refund_form select, .orderinquiryview .refund_form input {
  width: calc(100% - 115px);
  height: 46px;
  line-height: 44px;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 300;
  border: 1px solid #d6d6d6;
  border-radius: 5px !important;
  color: #000;
  box-shadow: none;
}
.orderinquiryview .refund_form select::placeholder, .orderinquiryview .refund_form input::placeholder {
  font-size: 16px;
  font-weight: 300;
  color: #999;
}
@media (max-width: 991px) {
  .orderinquiryview .refund_form select, .orderinquiryview .refund_form input {
    width: 100%;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
  }
  .orderinquiryview .refund_form select::placeholder, .orderinquiryview .refund_form input::placeholder {
    font-size: 14px;
  }
}
.orderinquiryview .refund_form select {
  appearance: none;
  color: #999;
}
.orderinquiryview .refund_form button.refund_confirm {
  width: 240px;
  height: 60px;
  line-height: 58px;
  display: block;
  margin: 0 auto;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  background: var(--main-point-btn-bg-color-hover);
  border: none;
  border-radius: 30px;
  box-shadow: none;
}
@media (max-width: 991px) {
  .orderinquiryview .refund_form button.refund_confirm {
    width: 150px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
  }
}
.orderinquiryview .refund_form .refund_info.incomplete {
  display: flex;
  padding-bottom: 40px;
  margin-top: 24px;
}
@media (max-width: 991px) {
  .orderinquiryview .refund_form .refund_info.incomplete {
    flex-flow: column;
    padding-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info {
    position: relative;
    margin-bottom: 36px;
    padding-bottom: 1px;
  }
  .orderinquiryview .order_product_info::after {
    content: "";
    width: 200%;
    height: 9px;
    position: absolute;
    bottom: -10px;
    left: -15px;
    background: #eff2f5;
  }
}
.orderinquiryview .order_product_info .order_product_box + .order_product_box{
    border-top: 1px solid #eeeeee;
}
.orderinquiryview .order_product_info .order_product_inner {
  display: flex;
  place-items: center;
  justify-content: space-between;
  position: relative;
  padding: 30px 20px;
  /* border-bottom: 1px solid #eee; */
}
.orderinquiryview .order_product_info .order_product_inner > a {
  display: flex;
  align-items: center;
}
.orderinquiryview .order_product_info .order_product_inner > a .check_box{
    margin-right: 10px;
}
.orderinquiryview .order_product_info .order_product_inner > a .image img {
  object-fit: contain;
}
@media (max-width: 991px) {
    .orderinquiryview .order_product_info .order_product_inner > a .image img {
        object-fit: cover;
    }
}
.orderinquiryview .order_product_info .order_product_inner > a .content {
  margin-left: 23px;
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content {
    margin-left: 14px;
  }
}
.orderinquiryview .order_product_info .order_product_inner > a .content_subname {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content_subname {
    margin-bottom: 7px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content_subname {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 5px;
  }
}
.orderinquiryview .order_product_info .order_product_inner > a .content_name {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
  color: var(--main-point-color);
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content_name {
    margin-bottom: 9px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 17.5px;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content_name {
    font-size: 13px;
    line-height: 17.5px;
    font-weight: 500;
    margin-bottom: 5px;
  }
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul {
  display: flex;
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt {
    margin-bottom: 13px;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt {
    margin-bottom: 5px;
  }
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt li {
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #666;
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt + .content_opt{
  margin-top: 5px;
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt li::after {
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  top: 2px;
  right: 0;
  background: #c7c7c7;
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt li.qty { width:100px; }
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt li::after {
    height: 11px;
    top: 4px;
  }
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt li:last-child::after {
  display: none;
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt li {
    line-height: 17px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_opt li {
    font-size: 11px;
  }
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price {
  align-items: flex-end;
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price li:first-child {
  display: flex;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #1b1b1b;
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price li:first-child {
    align-items: flex-end;
    margin-right: 5px;
    font-size: 15.5px;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price li:first-child {
    font-size: 15.5px;
  }
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price li:first-child span {
  display: block;
  font-weight: 500;
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price li:first-child span {
    font-size: 19px;
    font-weight: 600;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price li:first-child span {
    font-size: 19px;
    font-weight: 600;
  }
}
.orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price li:last-child {
  font-size: 14px;
  font-weight: 300;
  color: #666;
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price li:last-child {
    font-size: 14.5px;
    font-weight: 400;
  }
}
@media (max-width: 480px) {
  .orderinquiryview .order_product_info .order_product_inner > a .content ul.content_price li:last-child {
    font-size: 14.5px;
  }
}
@media (max-width: 991px) {
  .orderinquiryview .order_product_info .order_product_inner {
    flex-flow: column;
    place-items: flex-start;
    padding: 30px 0 ;
    /* padding-bottom: 30px; */
    /* margin-bottom: 20px; */
  }
  .orderinquiryview .order_product_info .order_product_inner:last-child {
    border: none;
  }
}
.orderinquiryview .order_product_info .order_product_inner .ord_btn button{
    display: block;
}
.orderinquiryview .order_product_info .order_product_inner button.review-btn {
  width: 114px;
  height: 42px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #fff !important;
  background-color: var(--main-point-btn-bg-color-hover) !important;
  border: 1px solid var(--main-point-btn-line-color-hover);
  border-radius: 5px;
  text-align: center;
  background: none;
}
.orderinquiryview .order_product_info .order_product_inner button.review-btn:hover {
  background: none;
}
@media (max-width: 991px) {
    .orderinquiryview .order_product_info .order_product_inner .ord_btn{
        width: 100%;
    }
    .orderinquiryview .order_product_info .order_product_inner button.review-btn {
        width: 100%;
        height: 40px;
        line-height: 38px;
        margin-top: 15px;
        font-size: 13px;
        border-radius: 2.5px;
    }
}
@media (max-width: 480px) {
  .orderinquiryview .order_product_info .order_product_inner button.review-btn {
    height: 35px;
    line-height: 33px;
    font-size: 13px;
  }
}
.orderinquiryview .order_product_info .present_coupon.off_coupon{
    border: none;
    padding: 0 20px;
    margin-top: -5px;
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .orderinquiryview .order_product_info .present_coupon.off_coupon {
    padding: 0;
    margin-top: -15px;
  }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
주문내역 조회페이지
html > skin > apms > order > basic > orderinquiry.skin.php
(기존에 있던 페이지는 221223 날짜로 백업함.)
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.orderinquiry_style {
  width: 100%;
  display: flex;
  gap: 50px;
}
.orderinquiry_style > div:last-child {
  width: 100%;
}
.orderinquiry_style .orderform_title {
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .orderinquiry_style .orderform_title.orderinquiry_tt {
    text-align: center;
    padding: 20px 0 35px;
    margin-bottom: 9px;
    font-size: 17px;
    font-weight: 500;
  }
}
.orderinquiry_style .orderinquiry_form .od_wrap {
  margin-bottom: 75px;
}
@media (max-width: 991px) {
  .orderinquiry_style .orderinquiry_form .od_wrap {
    margin-bottom: 29px;
  }
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_href {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0 20px 20px;
  border-bottom: 1px solid #e1e1e1;
}
@media (max-width: 991px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_href {
    padding: 20px 0;
    border: none;
  }
  .orderinquiry_style .orderinquiry_form .od_wrap .od_href::before, .orderinquiry_style .orderinquiry_form .od_wrap .od_href::after {
    content: "";
    width: 200%;
    position: absolute;
    left: -15px;
  }
  .orderinquiry_style .orderinquiry_form .od_wrap .od_href::before {
    height: 9px;
    top: -8px;
    background: #eff2f5;
  }
  .orderinquiry_style .orderinquiry_form .od_wrap .od_href::after {
    height: 1px;
    bottom: 0;
    background: #e7e7e7;
  }
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_href h1 {
  font-size: 20px;
  font-weight: bold;
  color: var(--main-point-color);
}
@media (max-width: 991px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_href h1 {
    display: flex;
    font-size: 18px;
  }
  .orderinquiry_style .orderinquiry_form .od_wrap .od_href h1 .num {
    margin-right: 20px;
  }
}
@media (max-width: 480px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_href h1 {
    font-size: 17px;
  }
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_href a {
  display: flex;
  place-items: center;
  position: relative;
  font-size: 15px;
  font-weight: 300;
  color: #666;
}
@media (max-width: 991px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_href a p {
    display: none;
  }
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_href a span {
  width: 7px;
  height: 12px;
  display: block;
  position: relative;
  margin-left: 10px;
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_href a span::before, .orderinquiry_style .orderinquiry_form .od_wrap .od_href a span::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: #666;
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_href a span::before {
  top: 4px;
  transform: rotate(50deg);
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_href a span::after {
  bottom: 2px;
  transform: rotate(-50deg);
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_info {
  display: flex;
  justify-content: space-between;
  place-items: center;
  padding: 27px 20px 0;
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_info > div:first-child {
  display: flex;
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin-left: 23px;
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner > div {
  display: flex;
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner > div div {
  line-height: 28px;
  font-size: 15px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner > div div {
    line-height: 32px;
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner > div div {
    font-size: 14px;
    font-weight: 400;
  }
  .orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner > div:last-child div{
    font-weight: 400;
  }
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner > div .left {
  width: 93px;
  color: #666;
}
@media (max-width: 991px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner > div .left {
    width: 88px;
    font-weight: 400;
  }
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner > div .right {
  color: var(--main-point-color);
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner > div .right span {
  margin-left: -4px;
}
@media (max-width: 991px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_info_inner {
    margin-left: 0;
  }
}
.orderinquiry_style .orderinquiry_form .od_wrap .od_info .od_status {
  line-height: 28px;
  font-size: 15px;
  font-weight: 400;
  color: var(--main-point-color);
  text-align: right;
}
@media (max-width: 991px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_info .od_status {
    line-height: 32px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .orderinquiry_style .orderinquiry_form .od_wrap .od_info {
    padding: 18px 0 0;
    display: block;
  }
}
.draftview_btn{
  width: 114px;
  height: 42px;
  line-height: 40px;
  font-size: 14px;
  color: #333333;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  margin-top: 10px;
  transition: 0.2s;
}
.draftview_btn:hover{
    background-color: #f7f9fa;
}
.draftview_btn.off,
.draftview_btn.off:hover{
  color: #757575;
  background-color: #e1e1e1;
  border: 1px solid #e1e1e1;
  cursor: not-allowed;
}
@media (max-width: 991px) {
    .orderinquiry_style .orderinquiry_form .od_wrap .od_info .od_status button{
        display: block;
        font-size: 13px;
        border-radius: 2.5px;
        line-height: 33px;
    }
    .orderinquiry_style .orderinquiry_form .od_wrap .od_info .od_status .review-btn{
        width: 100%;
        background-color: var(--main-point-btn-bg-color-hover);
        border: 1px solid var(--main-point-btn-line-color-hover);
        color: #fff;
        margin-top: 10px;
    }
    .draftview_btn{
        width: 100%;
        font-size: 13px;
        border-radius: 2.5px;
        height: 35px;
        line-height: 33px;
        margin-top: 5px;
    }
}
.orderinquiry_style .orderinquiry_form .od_info_none {
  width: 100%;
  font-size: 16px;
  color: #666;
  text-align: center;
}
@media (max-width: 991px) {
  .orderinquiry_style {
    gap: 0;
  }
  .orderinquiry_style .orderinquiry_form .od_info_none {
    font-size: 13px;
    padding: 5px 0 30px;
  }
}
.orderinquiry_style .present_coupon.off_coupon{border-top: none; padding: 0 20px; margin-top: -50px; margin-bottom: 75px;}
@media (max-width: 991px) {
    .orderinquiry_style .present_coupon.off_coupon{padding: 0; margin-top: -15px; margin-bottom: 29px;}
  }

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
로그인 페이지
html > skin > member > basic > login.skin.php
(기존에 있던 페이지는 230102 날짜로 백업함.)
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.custom-login {
  padding-bottom: 0;
}
.custom-login .member-login .nav-tabs {
  display: flex;
  margin-bottom: 14px;
  overflow: hidden;
  border-radius: 3px;
}
.custom-login .member-login .nav-tabs li {
  border: 1px solid #d6d6d6;
  float: initial;
  border-radius: 3px 0 0 3px;
  overflow: hidden;
}
.custom-login .member-login .nav-tabs li + li {
  margin-left: -1px;
  border-radius: 0 3px 3px 0;
}
.custom-login .member-login .nav-tabs li a {
  height: 58px;
  line-height: 56px;
  display: block;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #999;
  border: none;
}
@media (max-width: 991px) {
  .custom-login .member-login .nav-tabs li a {
    height: 46px;
    line-height: 44px;
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .nav-tabs li a {
    height: 41px;
    line-height: 39px;
    font-size: 13px;
  }
}
.custom-login .member-login .nav-tabs li.active {
  border-color: var(--main-point-btn-line-color-hover);
  border: 1px solid var(--main-point-btn-line-color-hover);
  position: relative;
  z-index: 1;
}
.custom-login .member-login .nav-tabs li.active a {
  color: var(--main-point-color-hover);
}
.custom-login .member-login .nav-tabs li:first-child a::after {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.custom-login .member-login .nav-tabs li:last-child a::after {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media (max-width: 991px) {
  .custom-login .member-login .nav-tabs {
    margin-bottom: 14px;
    border-radius: 0;
  }
  .custom-login .member-login .nav-tabs li:nth-child(1) {
    border-radius: 3px 0 0 3px;
    overflow: hidden;
  }
  .custom-login .member-login .nav-tabs li:nth-child(1) a {
    border-radius: 3px 0 0 3px;
  }
  .custom-login .member-login .nav-tabs li:nth-child(2) {
    border-radius: 0 3px 3px 0;
    overflow: hidden;
  }
  .custom-login .member-login .nav-tabs li:nth-child(2) a {
    border-radius: 3px 0 0 3px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .nav-tabs {
    margin-bottom: 9px;
  }
}
.custom-login .member-login .tab-content .form-group {
  margin-bottom: 12px;
}
.custom-login .member-login .tab-content .form-group input {
  height: 58px;
  line-height: 56px;
  padding: 0 22px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 3px !important;
  border: 1px solid #d6d6d6;
}
.custom-login .member-login .tab-content .form-group input::placeholder {
  color: #999;
}
.custom-login .member-login .tab-content .form-group input:first-child {
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .form-group input {
    height: 46px;
    line-height: 44px;
    padding: 0 15px;
    font-size: 14px;
  }
  .custom-login .member-login .tab-content .form-group input:first-child {
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .tab-content .form-group input {
    height: 41px;
    line-height: 39px;
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .form-group {
    margin-bottom: 8px;
  }
}
.custom-login .member-login .tab-content .mb_id_form {
  margin-bottom: 14px;
}
.custom-login .member-login .tab-content .mb_pw_form {
  margin-bottom: 12px;
}
.custom-login .member-login .tab-content .login-opt {
  display: flex;
  align-items: center;
  gap: 23px;
  margin-bottom: 35px;
}
.custom-login .member-login .tab-content .login-opt input {
  display: none;
}
.custom-login .member-login .tab-content .login-opt input + label {
  position: relative;
  padding-left: 23px;
  font-size: 13px;
  font-weight: 400;
  color: #999;
  cursor: pointer;
}
.custom-login .member-login .tab-content .login-opt input + label::after {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/img/login_check.png) no-repeat;
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .login-opt input + label::after {
    width: 15px;
    height: 15px;
    background: url(/img/mlogin_check.png) no-repeat;
    background-size: 15px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .tab-content .login-opt input + label::after {
    width: 11px;
    height: 11px;
    background-size: 11px;
  }
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .login-opt input + label {
    padding-left: 24px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .tab-content .login-opt input + label {
    padding-left: 16px;
    font-size: 11px;
  }
}
.custom-login .member-login .tab-content .login-opt input:checked + label::after {
  background: url(https://fivepro.co.kr/img/login_checked_on.png) no-repeat;
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .login-opt input:checked + label::after {
    background: url(https://fivepro.co.kr/img/mlogin_checked_on.png) no-repeat;
    background-size: 15px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .tab-content .login-opt input:checked + label::after {
    background-size: 11px;
  }
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .login-opt {
    gap: 15px;
    margin-bottom: 21px;
  }
}
.custom-login .member-login .tab-content .lost-box {
  display: flex;
  justify-content: center;
}
.custom-login .member-login .tab-content .lost-box a {
  display: block;
  position: relative;
  margin: 0;
  margin-right: 33px;
  padding: 0;
  padding-right: 33px;
  font-size: 16px;
  font-weight: 400;
  color: #444;
}
.custom-login .member-login .tab-content .lost-box a::after {
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  top: 2px;
  right: 0;
  background: #ddd;
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .lost-box a::after {
    height: 12px;
    top: 1px;
    right: -1px;
  }
}
.custom-login .member-login .tab-content .lost-box a:last-child {
  margin: 0;
  padding: 0;
}
.custom-login .member-login .tab-content .lost-box a:last-child::after {
  display: none;
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .lost-box a {
    margin-right: 17px;
    padding-right: 17px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .tab-content .lost-box a {
    font-size: 12.5px;
  }
}
.custom-login .member-login .tab-content .or {
  position: relative;
  z-index: 1;
  margin: 50px 0 40px;
  font-size: 16px;
  font-weight: 400;
  color: #999;
  background: #fff;
  text-align: center;
}
.custom-login .member-login .tab-content .or::before, .custom-login .member-login .tab-content .or::after {
  content: "";
  width: calc(100% - 280px);
  height: 1px;
  position: absolute;
  top: 8px;
  z-index: -1;
  background: #e3e3e3;
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .or::before, .custom-login .member-login .tab-content .or::after {
    width: 45%;
    top: 6px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .tab-content .or::before, .custom-login .member-login .tab-content .or::after {
    width: 41%;
  }
}
.custom-login .member-login .tab-content .or::before {
  left: 0;
}
.custom-login .member-login .tab-content .or::after {
  right: 0;
}
@media (max-width: 991px) {
  .custom-login .member-login .tab-content .or {
    margin: 38px 0;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .tab-content .or {
    margin: 29px 0;
    font-size: 12px;
  }
}
.custom-login .member-login .register-form #captcha {
  /* display: flex !important; */
}
.custom-login .member-login .register-form #captcha_img {
  border-radius: 5px 0 0 5px;
}
.custom-login .member-login .register-form #captcha_key {
  border-radius: 0 5px 5px 0;
}
.custom-login .member-login .register-form #captcha_info {
  display: block;
  width: 100%;
  text-align: center;
  margin: 20px 0 40px !important;
}
.custom-login .member-login .login-btn {
  height: 58px;
  line-height: 56px;
  margin-bottom: 20px;
  padding-bottom: 0;
}
.custom-login .member-login .login-btn button {
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  background: var(--main-point-btn-bg-color-hover);
  border: none;
  border-radius: 3px;
}
@media (max-width: 991px) {
  .custom-login .member-login .login-btn button {
    height: 46px;
    line-height: 44px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .login-btn button {
    height: 41px;
    line-height: 39px;
    font-size: 13.5px;
  }
}
@media (max-width: 991px) {
  .custom-login .member-login .login-btn {
    margin-bottom: 6px;
  }
}
@media (max-width: 991px) {
  .custom-login .member-login {
    max-width: 100%;
  }
}
.custom-login #sns_login {
  margin: 0;
  padding: 0;
}
.custom-login #sns_login a {
  height: 60px;
  line-height: 58px;
  display: block;
  position: relative;
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 3px;
}
.custom-login #sns_login a:last-child {
  margin-bottom: 0;
}
.custom-login #sns_login a img {
  position: absolute;
  left: 36px;
}
@media (max-width: 991px) {
  .custom-login #sns_login a img {
    left: 24px;
  }
}
.custom-login #sns_login a.naver, .custom-login #sns_login a.apple, .custom-login #sns_login a.facebook, .custom-login #sns_login a.twitter {
  color: #fff;
}
.custom-login #sns_login a.kakao {
  color: #3a2020;
  background: #ffe800;
}
.custom-login #sns_login a.kakao img {
  top: 19px;
}
@media (max-width: 991px) {
  .custom-login #sns_login a.kakao img {
    height: 18px;
    top: 14px;
  }
}
@media (max-width: 480px) {
  .custom-login #sns_login a.kakao img {
    height: 15px;
  }
}
.custom-login #sns_login a.naver {
  background: #21bc6f;
}
.custom-login #sns_login a.naver img {
  top: 20px;
}
@media (max-width: 991px) {
  .custom-login #sns_login a.naver img {
    height: 13px;
    top: 16px;
    left: 26px;
  }
}
@media (max-width: 480px) {
  .custom-login #sns_login a.naver img {
    height: 13px;
    top: 15px;
  }
}
.custom-login #sns_login a.apple {
  background: #000;
}
.custom-login #sns_login a.apple img {
  top: 17px;
}
@media (max-width: 991px) {
  .custom-login #sns_login a.apple img {
    height: 19px;
    top: 11px;
  }
}
@media (max-width: 480px) {
  .custom-login #sns_login a.apple img {
    height: 17px;
    top: 12px;
  }
}
.custom-login #sns_login a.google {
  background: #fff;
  color: #222;
  border: 1px solid #dcdcdc;
}
.custom-login #sns_login a.google img {
  top: 18px;
  left: 33px;
}
@media (max-width: 991px) {
  .custom-login #sns_login a.google img {
    height: 19px;
    top: 12px;
    left: 21px;
  }
}
@media (max-width: 480px) {
  .custom-login #sns_login a.google img {
    height: 17px;
    left: 22px;
  }
}
.custom-login #sns_login a.facebook {
  background: #445d99;
}
.custom-login #sns_login a.facebook img {
  top: 18px;
}
@media (max-width: 991px) {
  .custom-login #sns_login a.facebook img {
    height: 18px;
    top: 13px;
    left: 27px;
  }
}
.custom-login #sns_login a.twitter {
  background: #2aa8e0;
}
.custom-login #sns_login a.twitter img {
  top: 20px;
  left: 31px;
}
@media (max-width: 991px) {
  .custom-login #sns_login a.twitter img {
    height: 15px;
    top: 14px;
    left: 23px;
  }
}
@media (max-width: 480px) {
  .custom-login #sns_login a.twitter img {
    height: 13px;
  }
}
@media (max-width: 991px) {
  .custom-login #sns_login a {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .custom-login #sns_login a {
    font-size: 13px;
  }
}
.custom-login .social-login-sheet {
  max-width: 500px;
  display: flex;
  flex-flow: column;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .custom-login .social-login-sheet {
    margin-top: 0;
  }
}
.custom-login .member-login .floating,
.custom-login .social-login-sheet .floating {
  width: 230px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  background: #f2f2f2;
  border-radius: 22px;
  animation: ani 0.6s linear infinite alternate;
  /* transition: opacity 0.3s; */
}
@keyframes ani {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 5px);
  }
}
.custom-login .member-login .floating::after,
.custom-login .social-login-sheet .floating::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -17px;
  border-style: solid;
  border-width: 9px;
  border-left-width: 7px;
  border-right-width: 7px;
  border-color: #f2f2f2 transparent transparent transparent;
}
@media (max-width: 991px) {
  .custom-login .member-login .floating,
  .custom-login .social-login-sheet .floating {
    width: 190px;
    height: 35px;
    padding: 0;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .custom-login .member-login .floating,
  .custom-login .social-login-sheet .floating {
    width: 127px;
    padding: 2px 17px 0 17px;
    height: 22px;
    line-height: 22px;
    font-size: 10px;
  }
}
.custom-login .social-login-sheet a {
  width: 100%;
  height: 60px;
  line-height: 58px;
  display: block;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}
.custom-login .social-login-sheet a img {
  position: absolute;
  left: 36px;
}
@media (max-width: 991px) {
  .custom-login .social-login-sheet a img {
    left: 24px;
  }
}
.custom-login .social-login-sheet a.kakao {
  background: #ffe800;
  color: #3a2020;
}
.custom-login .social-login-sheet a.kakao img {
  top: 19px;
}
@media (max-width: 991px) {
  .custom-login .social-login-sheet a.kakao img {
    height: 18px;
    top: 14px;
  }
}
.custom-login .social-login-sheet a.naver {
  background: #21bc6f;
}
.custom-login .social-login-sheet a.naver img {
  top: 20px;
}
@media (max-width: 991px) {
  .custom-login .social-login-sheet a.naver img {
    height: 13px;
    top: 16px;
    left: 26px;
  }
}
.custom-login .social-login-sheet a.apple {
  background: #000;
}
.custom-login .social-login-sheet a.apple img {
  top: 17px;
}
@media (max-width: 991px) {
  .custom-login .social-login-sheet a.apple img {
    height: 19px;
    top: 11px;
  }
}
.custom-login .social-login-sheet a.google {
  color: #222;
  border: 1px solid #dcdcdc;
}
.custom-login .social-login-sheet a.google img {
  top: 18px;
  left: 33px;
}
@media (max-width: 991px) {
  .custom-login .social-login-sheet a.google img {
    height: 19px;
    top: 12px;
    left: 21px;
  }
}
.custom-login .social-login-sheet a.facebook {
  background: #445d99;
}
.custom-login .social-login-sheet a.facebook img {
  top: 18px;
}
@media (max-width: 991px) {
  .custom-login .social-login-sheet a.facebook img {
    height: 18px;
    top: 13px;
    left: 27px;
  }
}
.custom-login .social-login-sheet a.twitter {
  background: #2aa8e0;
}
.custom-login .social-login-sheet a.twitter img {
  top: 20px;
  left: 31px;
}
@media (max-width: 991px) {
  .custom-login .social-login-sheet a.twitter img {
    height: 15px;
    top: 14px;
    left: 23px;
  }
}
@media (max-width: 991px) {
  .custom-login .social-login-sheet a {
    height: 44px;
    line-height: 42px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .custom-login .social-login-sheet a {
    height: 42px;
    line-height: 40px;
  }
}
.custom-login .email_login_chi {
  margin: 30px 0 50px;
  text-align: center;
}
.custom-login .email_login_chi a {
  font-size: 16px;
  color: #444;
  position: relative;
}
@media (max-width: 991px) {
  .custom-login .email_login_chi a {
    font-size: 13px;
  }
}
.custom-login .email_login_chi a + a {
  padding-left: 18px;
  margin-left: 15px;
  display: inline-block;
}
.custom-login .email_login_chi a + a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background: #ddd;
}
@media (max-width: 991px) {
  .custom-login {
    padding-bottom: 0;
  }
}

.lost-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.lost-modal .back {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.5);
}
.lost-modal form {
  width: 640px;
  /* min-height: 567px; */
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  padding: 60px 30px 30px;
  background: #fff;
  border-radius: 20px;
  text-align: center;
}
.lost-modal form .lost-close {
  width: 27px;
  height: 27px;
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 1;
  cursor: pointer;
}
.lost-modal form .lost-close:hover {
  opacity: 1;
}
.lost-modal form .lost-close span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
}
.lost-modal form .lost-close span::before, .lost-modal form .lost-close span::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: #ccc;
}
.lost-modal form .lost-close span::before {
  transform: rotate(45deg);
}
.lost-modal form .lost-close span::after {
  transform: rotate(-45deg);
}
@media (max-width: 991px) {
    .lost-modal form .lost-close span::before, .lost-modal form .lost-close span::after{
        /* height: 2px; */
    }
  .lost-modal form .lost-close {
    width: 17px;
    height: 17px;
    top: 15px;
    right: 15px;
  }
  .lost-modal form #mod_option_btn.option_btn{
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e6e6e6;
    border-radius: 2px;
    width: 40px;
    height: 4px;
  }
}
.lost-modal form h1 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1em;
  color: #1b1b1b;
}
@media (max-width: 991px) {
  .lost-modal form h1 {
    margin-bottom: 20px;
    font-size: 19px;
  }
}
@media (max-width: 480px) {
  .lost-modal form h1 {
    margin-bottom: 21px;
    font-size: 17px;
  }
}
.lost-modal form p {
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.lost-modal form p.text2{
    font-size: 14px;
    margin-top: 15px;
}
.lost-modal form p.text3{
    font-size: 12px;
    margin-top: 8px;
    color: #999999;
    line-height: 1em;
}
@media (max-width: 991px) {
  .lost-modal form p {
    line-height: 24px;
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .lost-modal form p {
    line-height: 19px;
    font-size: 13px;
  }
  .lost-modal form .tab_cont_pas p.text2{
    margin-bottom: 5px;
  }
  .lost-modal form p.text3{
    font-size: 11px;
    line-height: 16px;
  }
  .lost-modal form .tab_cont_pas p.text3{
    margin-top: 0;
  }
}
.lost-modal form .id_ch_btn{display: block; color: var(--main-point-color-hover); font-size: 12px; line-height: 1em; margin-top: 8px; text-decoration: underline;text-underline-offset : 5px;}
.lost-modal form .bot {margin: 40px 0 0;}
.lost-modal form .bot .tab_btn ul{display: flex;}
.lost-modal form .bot .tab_btn li{flex: 1; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; text-align: center; color: #999999; font-size: 15px; font-weight: 500; line-height: 1em; cursor: pointer;}
.lost-modal form .bot .tab_btn li.on{border-color: var(--main-point-color-hover); color: var(--main-point-color-hover);}
.lost-modal form .bot .tab_cont{display: none;}
.lost-modal form .bot .tab_cont.on{display: block;}
.lost-modal form .bot .sub_tab > ul{display: flex; margin-top: 20px;}
.lost-modal form .bot .sub_tab > ul li{flex: 1; /*transition: 0.2s;*/ border: 1px solid #e1e1e1; line-height: 48px; text-align: center; color: #666666; background-color: #fff; font-size: 13px; cursor: pointer;}
.lost-modal form .bot .sub_tab > ul li:nth-child(2){border-left: 1px solid transparent; border-right: 1px solid transparent;}
.lost-modal form .bot .sub_tab > ul li:hover{background-color: #fafafa;}
.lost-modal form .bot .sub_tab > ul li.on{background-color: var(--main-point-color-hover); border-color: var(--main-point-color-hover); color: #fff;}
.lost-modal form .bot .sub_cont{background-color: #f6f6f6; border-radius: 5px; margin-top: 20px; padding: 30px 30px 40px;}
.lost-modal form .bot .sub_cont .cer_li{display: none;}
.lost-modal form .bot .sub_cont .cer_li.on{display: block;}
.lost-modal form .bot .step{display: none;}
.lost-modal form .bot .step.active{display: block;}
.lost-modal form .bot .input_box{display: flex; align-items: center; margin-top: 25px;}
.lost-modal form .bot .tab_cont_pas .input_box + .input_box{margin-top: 16px;}
.lost-modal form .bot .input_box .timer_box{position: relative; width: calc(100% - 124px);}
.lost-modal form .bot .input_box .timer_box input{width: 100%;}
.lost-modal form .bot .cer_num .input_box{margin-top: 10px;}
.lost-modal form .bot .cer_num .input_box + .input_box{margin-top: 15px;}
.lost-modal form .bot .input_box label{width: 124px; text-align: left; color: #333333; font-size: 16px;}
@media (max-width: 991px) {
  .lost-modal form .bot .input_box{display: block;}
  .lost-modal form .bot .input_box label{width: 100%; margin-bottom: 13px;}
  .lost-modal form .bot .cer_num .input_box{margin-top: 0;}
  .lost-modal form .bot .cer_num .flost_timer_wrap .input_box{margin-top: 22px;}
  .lost-modal form .bot .cer_num .input_box + .input_box{margin-top: 22px;}
  .lost-modal form .bot .input_box.msg-wrap{margin-top: 5px !important;}
  .lost-modal form .bot .input_box .timer_box{width: 100%;}
  .lost-modal form .bot .tab_cont_pas .input_box + .input_box{margin-top: 20px;}
  .lost-modal form .bot .sub_tab > ul li{font-size: 13px; line-height: 15px; padding: 5px; display: flex; align-items: center; justify-content: center;}
}
@media (max-width: 480px) {
  .lost-modal form .id_ch_btn{font-size: 11px; text-underline-offset: 3px; margin-top: 4px; margin-bottom: 15px;}
  .lost-modal form .bot .input_box{margin-top: 13px;}
  .lost-modal form .bot .tab_btn li{font-size: 14px; padding-bottom: 12px;}
  .lost-modal form .bot .sub_tab > ul{margin-top: 15px;}
  .lost-modal form .bot .sub_tab > ul li{font-size: 11px;}
  .lost-modal form .bot .sub_tab > ul li:first-child{border-radius: 2.5px 0 0 2.5px !important;}
  .lost-modal form .bot .sub_tab > ul li:last-child{border-radius: 0 2.5px 2.5px 0 !important;}
  .lost-modal form .bot .input_box label{font-size: 14px;}
}
.lost-modal form .bot input {
  width: calc(100% - 124px);
  height: 46px;
  line-height: 44px;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  box-shadow: none;
  transition: 0.2s;
}
.lost-modal form .bot .cer_num input:focus{
    border: 1px solid var(--main-point-line-color-hover);
}
.lost-modal form .bot input.hp{
    width: calc(100% - 250px);
    margin-right: 5px;
}
.lost-modal form .bot input::placeholder {
  color: #999999;
}
@media (max-width: 991px) {
  .lost-modal form .bot input {
    height: 46px;
    line-height: 50px;
    font-size: 14px;
    width: 100%;
  }
  .lost-modal form .bot input.hp{width: 100%; margin-right: 0;}
  .lost-modal form .bot .sub_cont{padding: 25px 15px 15px; margin-top: 15px; background-color: #f9f9f9; overflow-y: auto; max-height: 60vh;}
}
@media (max-width: 480px) {
  .lost-modal form .bot input {
    height: 40px;
    line-height: 40px;
    padding: 0;
    padding-left: 12px;
    font-size: 12px;
    border-radius: 2.5px;
  }
}
.lost-modal form .bot .input_box .msg-box{
    color: #ff0000;
}
.lost-modal form .bot .input_box .timer{
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 16px;
    font-weight: 600;
    transform: translateY(-50%);
}
.lost-modal form .bot .input_box .txt{
    font-size: 13px;
    font-weight: 400;
}
@media (max-width: 991px) {
  .lost-modal form .bot .input_box .msg-box.txt{
    text-align: left;
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .lost-modal form .bot .input_box .timer{
    font-size: 12px;
  }
}
.lost-modal form .bot .captcha_sheet {
  margin-top: 19px;
}
.lost-modal form .bot .captcha_sheet .captcha {
  display: flex;
  justify-content: center;
  gap: 7px;
}
.lost-modal form .bot .captcha_sheet .captcha .captcha_imgbox {
  width: 240px;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .lost-modal form .bot .captcha_sheet .captcha .captcha_imgbox {
    width: auto;
    flex: 1;
    height: 41px;
    line-height: 39px;
    padding: 0 15px;
    text-align: center;
    border-radius: 5px;
  }
}
@media (max-width: 480px) {
  .lost-modal form .bot .captcha_sheet .captcha .captcha_imgbox {
    border-radius: 2.5px;
  }
}
.lost-modal form .bot .captcha_sheet .captcha #modal_captcha_img {
  width: auto;
  /* height: auto; */
  height: 100%;
  border: none;
}
@media (max-width: 991px) {
  .lost-modal form .bot .captcha_sheet .captcha #modal_captcha_img {
    width: auto;
    /* margin-right: -15px; */
  }
}
.lost-modal form .bot .captcha_sheet .captcha .capcha_aid {
  width: 22px;
  display: flex;
  flex-flow: column;
  margin: 0;
}
.lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_mp3, .lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_reload {
  flex: 1;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  border: none;
  text-indent: -9999px;
}
@media (max-width: 991px) {
  .lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_mp3, .lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_reload {
    width: 100%;
    height: 50%;
    background-size: 100% 100%;
    background-position: bottom;
  }
  .lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_mp3 span, .lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_reload span {
    width: 100%;
    height: 100%;
    background-size: cover;
  }
}
.lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_mp3 {
  background: url(/img/modal_captcha_mp3.jpg) no-repeat #e3e3e3;
  background-size: cover;
}
@media (max-width: 991px) {
  .lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_mp3 {
    background-size: 22px;
    background-position: center center;
    background-image: url(/img/mmodal_captcha_mp3.png);
    background-color: transparent;
  }
}
.lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_reload {
  background: url(/img/modal_captcha_reload.jpg) no-repeat #e3e3e3;
  background-size: cover;
}
@media (max-width: 991px) {
  .lost-modal form .bot .captcha_sheet .captcha .capcha_aid #modal_captcha_reload {
    background-size: 22px;
    background-position: center center;
    background-image: url(/img/mmodal_captcha_reload.png);
    background-color: transparent;
  }
}
@media (max-width: 991px) {
  .lost-modal form .bot .captcha_sheet .captcha .capcha_aid {
    height: 41px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
.lost-modal form .bot .captcha_sheet .captcha #modal_captcha_key {
  width: 240px;
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding: 0 25px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .lost-modal form .bot .captcha_sheet .captcha #modal_captcha_key {
    width: auto;
    flex: 1;
    height: 41px;
    line-height: 39px;
    padding: 0 15px;
    border-radius: 5px;
    background-color: #fff !important;
  }
}
@media (max-width: 991px) {
  .lost-modal form .bot .captcha_sheet .captcha {
    gap: 30px;
    position: relative;
  }
}
@media (max-width: 991px) {
  .lost-modal form .bot .captcha_sheet {
    margin-top: 18px;
  }
}
.lost-modal form .bot #modal_captcha_info {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #aaa;
  text-align: center;
}
@media (max-width: 991px) {
  .lost-modal form .bot #modal_captcha_info {
    margin-top: 12px;
    font-size: 13px;
    /* text-align: left; */
  }
}
@media (max-width: 480px) {
  .lost-modal form .bot #modal_captcha_info {
    margin-top: 7px;
    font-size: 10px;
  }
}
@media (max-width: 991px) {
  .lost-modal form .bot {
    margin: 22px 0 0px;
  }
}
.lost-modal form .confirm {
  width: 100%;
  height: 50px;
  line-height: 48px;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  background: var(--main-point-btn-bg-color-hover);
  transition: 0.2s;
}
.lost-modal form .confirm:hover{
    /* background: #703df1; */
    opacity: 0.92;
}
.lost-modal form .cer_me .confirm{
    height: 62px;
    line-height: 60px;
}
.lost-modal form .cer_num .hp_btn{
    width: 120px;
    min-height: 46px;
    line-height: 1.2em;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    background: var(--main-point-btn-bg-color-hover);
    transition: 0.2s;
    color: #fff;
    padding: 5px;
    border: 1px solid var(--main-point-btn-line-color-hover);
}
.lost-modal form .cer_num .hp_btn.again_btn{
    background: #999999;
    border-color: #999999;
}
.lost-modal form .cer_num .hp_btn:hover{
    /* background: #703df1; */
    opacity: 0.92;
}
.lost-modal form .cer_num .hp_btn.again_btn:hover{
  background: #999999;
}
.lost-modal form .confirm .confirm_btn {
    color: #fff;
  width: 100%;
  height: 100%;
  display: block;
  margin: 30px auto 0;
  background: none;
  border: none;
}
@media (max-width: 991px) {
  .lost-modal form .cer_num .hp_btn{width: 100%; margin-top: 8px;}
  .lost-modal form .confirm {
    height: 46px;
    line-height: 44px;
    font-size: 15px;
    border-radius: 5px;
  }
}
@media (max-width: 480px) {
  .lost-modal form .cer_num .hp_btn{border-radius: 2.5px;}
  .lost-modal form .confirm {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 2.5px;
  }
  .lost-modal form .cer_me .confirm{
    height: 40px;
    line-height: 38px;
  }
  .lost-modal form .confirm .confirm_btn{
    margin-top: 17px;
  }
}
@media (max-width: 991px) {
  .lost-modal form {
    position: absolute;
    /* width: 81%; */
    width: 100%;
    min-height: auto;
    padding: 55px 18px 15px;
    border-radius: 10px 10px 0 0;
    top: auto;
    left: 0;
    transform: none;
    bottom: 0;
  }
}
@media (max-width: 480px) {
  .lost-modal form {
    /* padding: 40px 20px; */
  }
}
.lost-modal.active {
  opacity: 1;
  visibility: visible;
}

/* 240516 */
.at-html.login-intro #thema_wrapper{
    background-color: #f7f7f7;
}
.at-html.login-intro .point_color{color: var(--main-point-color-hover);}
.at-html.login-intro .sub_text{
    display: none;
}
.at-html.login-intro .at-body > .container_fix{
    max-width: 1360px;
}
.at-html.login-intro .at-body .at-content{
    /* padding: 96px 0 0; */
    padding: 50px 0 0;
}
.at-html.login-intro .login_intro_img{
  border-radius: 20px 0 0 20px;
  overflow: hidden;
  min-width: 430px;
}
.at-html.login-intro .login_intro_img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.at-html.login-intro .custom-login{
    max-width: inherit;
}
.at-html.login-intro .login-body{
    display: flex;
    width: 100%;
}
.at-html.login-intro .member-login, .at-html.login-intro .non-members-login{
    /* max-width: 460px; */
    max-width: 715px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
    padding: 44px 9.526% 47px;
    border-radius: 0 20px 20px 0;
}
.at-html.login-intro .member-login h4{
    color: #1b1b1b;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 30px;
}
.at-html.login-intro .member-login h4.intro_closed_mall{padding-top: 19px;}
.at-html.login-intro .custom-login .member-login .nav-tabs li a{
    height: 50px;
    line-height: 48px;
}
.at-html.login-intro .custom-login .member-login .nav-tabs{
    margin-bottom: 10px;
}
.at-html.login-intro .custom-login .member-login .tab-content .form-group input{
    height: 50px;
    line-height: 48px;
    margin-bottom: 10px;
    padding: 0 20px;
}
.at-html.login-intro .custom-login .member-login .tab-content .login-opt{
    padding-top: 10px;
    margin-bottom: 25px;
}
.at-html.login-intro .custom-login .member-login .login-btn{
    height: 50px;
    line-height: 48px;
    margin-bottom: 15px;
}
.at-html.login-intro .custom-login .member-login .login-btn button{
    font-size: 16px;
    font-weight: 500;
}
.at-html.login-intro .custom-login .member-login .tab-content .or{
    margin: 35px 0 20px;
}
.at-html.login-intro .custom-login .member-login .tab-content .lost-box a{
    color: #444;
}
.at-html.login-intro .custom-login .member-login .floating, .at-html.login-intro .custom-login .social-login-sheet .floating{
    width: 200px;
    height: 35px;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
}
.at-html.login-intro .custom-login #sns_login a{
    height: 45px;
    line-height: 43px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
}
.at-html.login-intro .custom-login #sns_login a.kakao img{
    top: 13px;
}
.at-html.login-intro .custom-login #sns_login a.naver img{
    top: 13px;
}
.at-html.login-intro .custom-login #sns_login a.google img{
    top: 11px;
}
.at-html.login-intro .custom-login #sns_login a.facebook img{
    top: 11px;
}
.at-html.login-intro .intro_adult_text{
    padding-top: 10px;
}
.at-html.login-intro .intro_adult_text p{
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 1.6em;
}
.at-html.login-intro .intro_adult_text a{
    font-weight: 500;
    color: #010101;
    text-decoration: underline;
    text-underline-offset : 5px;
}
@media (max-width: 1400px){
    .at-html.login-intro .member-login, .at-html.login-intro .non-members-login{
        padding: 44px 2.526% 40px;
    }
    .at-html.login-intro .custom-login .member-login .tab-content .or::before{
        height: 1em;
        background-color: #fff;
        left: 50%;
        transform: translateX(-50%);
        width: 10%;
        top: 0;
    }
    .at-html.login-intro .custom-login .member-login .tab-content .or::after{
        width: 100%;
        z-index: -2;
    }
}
@media (max-width: 1200px){
    .at-html.login-intro .login_intro_img{
        max-width: 715px;
        margin: 0 auto;
    }
}
@media (max-width: 991px){
    .at-html.login-intro #thema_wrapper{
        background-color: #fff;
    }
    .at-html.login-intro .at-body .at-content{
        padding-top: 30px;
    }
    .login-body{
        display: block;
    }
    .at-html.login-intro .login-body{
        display: block;
    }
    .at-html.login-intro .login_intro_img{
        text-align: center;
        color: #999999;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.6em;
        padding:0 9.526% 0;
        min-width: auto;
    }
    .at-html.login-intro .login_intro_img > .intro_adult{
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 25px;
    }
    .at-html.login-intro .login_intro_img .intro_adult img{
        width: 56px;
        margin: 0 auto 12px;
        display: inline-block;
    }
    .at-html.login-intro .login_intro_img .intro_closed_mall img{
        width: auto;
        margin: 0 auto;
        display: inline-block;
    }
    .at-html.login-intro .member-login, .at-html.login-intro .non-members-login{
        box-shadow: none;
        padding-top: 35px;
        padding: 44px 9.526% 40px;
    }
    .at-html.login-intro .member-login h4{
        text-align: center;
        font-size: 15px;
        margin-bottom: 20px;
    }
    .at-html.login-intro .custom-login .member-login .nav-tabs li a{
        height: 40px;
        line-height: 38px;
    }
    .at-html.login-intro .custom-login .member-login .nav-tabs li:nth-child(1) a{
        border-radius: 4px 0 0 4px;
    }
    .at-html.login-intro .custom-login .member-login .nav-tabs li:nth-child(2) a{
        border-radius: 0 4px 4px 0;
    }
    .at-html.login-intro .custom-login .member-login .tab-content .form-group input{
        height: 40px;
        line-height: 38px;
        border-radius: 4px !important;
        padding: 0 15px;
    }
    .at-html.login-intro .custom-login .member-login .tab-content .login-opt{
        justify-content: center;
        padding-top: 5px;
        margin-bottom: 20px;
    }
    .at-html.login-intro .custom-login .member-login .login-btn{
        height: 40px;
        line-height: 40px;
        margin-bottom: 18px;
    }
}
@media (max-width: 480px){
    .at-html.login-intro .custom-login .member-login .tab-content .login-opt input + label::after{
        width: 13px;
        height: 13px;
        background-size: 13px;
    }
    .at-html.login-intro .custom-login .member-login .tab-content .login-opt input + label{
        font-size: 12px;
    }
    .at-html.login-intro .custom-login .member-login .tab-content .or{
        margin: 30px 0 20px;
        font-size: 13px;
    }
    .at-html.login-intro .custom-login .member-login .tab-content .or::before{
        width: 20%;
    }
    .at-html.login-intro .custom-login .member-login .floating, .at-html.login-intro .custom-login .social-login-sheet .floating{
        font-size: 11px;
        width: 140px;
        height: 24px;
        padding: 2px 15px 0;
    }
    .at-html.login-intro .custom-login #sns_login a{
        font-size: 13px;
    }
    .at-html.login-intro .intro_adult_text p{
        font-size: 12px;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
회원가입 페이지
html > skin > member > basic > register_form.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.register-wrap {
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  padding-bottom: 20px;
}
@media (max-width: 991px){
    .at-content.register_cont{
        padding-bottom: 0;
    }
    .register-wrap{
        padding-bottom: 0;
    }
}
.register-wrap .register_sheet .reg_tab {
  display: flex;
  justify-content: center;
  gap: 13px;
  position: relative;
  padding: 0 88px;
}
.register-wrap .register_sheet .reg_tab li {
  height: 60px;
  line-height: 58px;
  flex: 1;
  margin-bottom: 59px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}
.register-wrap .register_sheet .reg_tab li a {
  display: block;
  font-size: 17px;
  font-weight: 400;
  color: #999;
  text-align: center;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_tab li a {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_tab li a {
    font-size: 13px;
  }
}
.register-wrap .register_sheet .reg_tab li.active {
  background: var( --main-point-btn-bg-color-hover);
  border-color: var(--main-point-btn-line-color-hover);
}
.register-wrap .register_sheet .reg_tab li.active a {
  font-weight: 500;
  color: #fff;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_tab li {
    height: 47px;
    line-height: 45px;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_tab li {
    height: 41px;
    line-height: 39px;
  }
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_tab {
    gap: 10px;
    padding: 0;
    padding-bottom: 38px;
    margin-bottom: 60px;
  }
  .register-wrap .register_sheet .reg_tab::after {
    content: "";
    width: 200%;
    height: 18px;
    position: absolute;
    bottom: 0;
    background: #eff2f5;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_tab {
    padding-bottom: 25px;
    margin-bottom: 35px;
  }
  .register-wrap .register_sheet .reg_tab::after {
    height: 9px;
  }
}
.register-wrap .register_sheet .reg_form {
  max-width: 660px;
  margin: 0 auto;
}
.register-wrap .register_sheet .reg_form_com {
  margin-bottom: 40px;
  padding: 0 20px 40px 20px;
  border-bottom: 1px solid #d6d6d6;
}
.register-wrap .register_sheet .reg_form_com .input-box {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.register-wrap .register_sheet .reg_form_com .input-box.reg_form_name{
  align-items: flex-start;
  margin-bottom: 20px;
}
.register-wrap .register_sheet .reg_form_com .input-box.reg_form_name label{
  line-height: 46px;
}
.register-wrap .register_sheet .reg_form_com .input-box.addr{
  align-items: flex-start;
}
.register-wrap .register_sheet .reg_form_com .input-box.addr label{
  line-height: 46px;
}
.register-wrap .register_sheet .reg_form_com .input-box input {
  width: calc(100% - 136px);
  height: 46px;
  line-height: 44px;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 300;
  box-shadow: none;
  border: 1px solid #ddd;
  border-radius: 5px;
  outline: none;
}
.register-wrap .register_sheet .reg_form_com .input-box input::placeholder {
  color: #999;
}
.register-wrap .register_sheet .reg_form_com .input-box .re_input_box #daum_juso_pagemb_zip{max-height: 400px;}
.register-wrap .register_sheet .reg_form_com .input-box.addr #daum_juso_pagecom_zip{max-height: 400px;}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_com .input-box input {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2.5px;
  }
  /* 2024-08-01 (주)파이브센스_FIVESENSES.Corp. */
  .register-wrap .register_sheet .reg_form_com .input-box.reg_form_name label{
    line-height: 1em;
  }
}
@media (max-width: 480px) {
    /* 2024-08-07 (주)파이브센스_FIVESENSES.Corp. */
  .register-wrap .register_sheet .reg_form_com .input-box input {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 12px;
    /* padding-top: 3px; */
  }
}
.register-wrap .register_sheet .reg_form_com .input-box textarea {
  line-height: 21px;
  padding: 15px;
  font-size: 16px;
  font-weight: 300;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_com .input-box textarea {
    line-height: 19px;
    font-size: 13px;
  }
}
.register-wrap .register_sheet .reg_form_com .input-box label {
  width: 136px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_com .input-box label {
    margin-bottom: 12px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form_com .input-box label {
    font-size: 13.5px;
  }
}
.register-wrap .register_sheet .reg_form_com .input-box-msg {
  align-items: flex-end;
  flex-flow: column;
}
.register-wrap .register_sheet .reg_form_com .input-box-msg div {
  width: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_com .input-box-msg div {
    display: block;
  }
}
.register-wrap .register_sheet .reg_form_com .input-box-msg .nick,
.register-wrap .register_sheet .reg_form_com .input-box-msg .hp {
  flex-flow: column;
  align-items: flex-end;
}
.register-wrap .register_sheet .reg_form_com .input-box-msg .nick .txt {
  /* color: #999; */
  color: #ff0000;
}
.register-wrap .register_sheet .reg_form_com .input-box .msg-box {
  width: calc(100% - 136px);
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  margin-top: 12px;
  display: none;
}
.register-wrap .register_sheet .reg_form_com .input-box .msg-box.txt {
  margin-top: 12px;
  display: block;
  /* color: #999; */
  /* 2024-08-07 (주)파이브센스_FIVESENSES.Corp. */
  color: #ff0000;
}
.register-wrap .register_sheet .reg_form_com .input-box .msg-box.txt.gray{
    color: #999;
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form_com .input-box .msg-box.txt {
    margin-top: 6px;
  }
}
.register-wrap .register_sheet .reg_form_com .input-box .msg-box.id, .register-wrap .register_sheet .reg_form_com .input-box .msg-box.pw {
  color: #ff0000;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_com .input-box .msg-box {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form_com .input-box .msg-box {
    font-size: 11px;
  }
}
.register-wrap .register_sheet .reg_form_com .input-box:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_com .input-box {
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_com {
    position: relative;
    margin-bottom: 30px;
    padding: 0 0 40px 0;
    border: none;
  }
  .register-wrap .register_sheet .reg_form_com::after {
    content: "";
    width: 200%;
    height: 18px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #eff2f5;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form_com {
    padding: 0 0 30px 0;
  }
  .register-wrap .register_sheet .reg_form_com::after {
    height: 9px;
  }
}
.register-wrap .register_sheet .reg_form_com .reg_form_name.input-box .reg_form_name_box {
  width: calc(100% - 136px);
}
.register-wrap .register_sheet .reg_form_com .reg_form_name.input-box input {
  width: 100%;
}
.register-wrap .register_sheet .reg_form_com .reg_form_name .cert-box {
  width: 100%;
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
.register-wrap .register_sheet .reg_form_com .reg_form_name button.win_btn {
  width: 100%;
  background: #bfbfbf;
  border-color: #bfbfbf;
  border-radius: 5px !important;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  padding: 10px 10px;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.register-wrap .register_sheet .reg_form_com .reg_form_name button.win_btn:hover {
  background: var(--main-point-btn-bg-color-hover);
  border-color: var(--main-point-btn-line-color-hover);
}
.register-wrap .register_sheet .reg_form_com .reg_form_name .msg-box {
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
  color: #999;
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_com .reg_form_name.input-box .reg_form_name_box {
    width: 100%;
  }
  .register-wrap .register_sheet .reg_form_com .reg_form_name .cert-box {
    margin-top: 15px;
  }
  .register-wrap .register_sheet .reg_form_com .reg_form_name button.win_btn {
    width: 49%;
    font-size: 15px;
    padding: 10px 10px;
  }
  .register-wrap .register_sheet .reg_form_com .reg_form_name button + button {
    /* margin-left: 2%; */
  }
  .register-wrap .register_sheet .reg_form_com .reg_form_name .msg-box {
    margin: 5px 0 20px;
    font-size: 13px;
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form_com .reg_form_name .cert-box {
    margin-top: 10px;
  }
  .register-wrap .register_sheet .reg_form_com .reg_form_name button.win_btn {
    font-size: 14px;
    font-weight: 500;
    padding: 9px 10px;
  }
  .register-wrap .register_sheet .reg_form_com .reg_form_name .msg-box {
    font-size: 10px;
    line-height: 15px;
    margin-top: 6px;
  }
}
.register-wrap .register_sheet .reg_form_per .input-box-msg.email > div:last-child {
  justify-content: flex-end;
  color: #ff0000;
}
.register-wrap .register_sheet .reg_form_per .input-box-msg.email > div.email_msg {
  width: calc(100% - 136px);
  flex-direction: column;
}
.register-wrap .register_sheet .reg_form_per .input-box-msg.email > div.email_msg > div {
  width: 100%;
  /* color: #999; */
  color: #ff0000;
  font-weight: 400;
  margin-bottom: 5px;
}
.register-wrap .register_sheet .reg_form_per .input-box-msg.email > div.email_msg > div:last-child {
  margin-bottom: 0;
}
.register-wrap .register_sheet .reg_form_per .input-box.addr .re_input_box,
.register-wrap .register_sheet .reg_form_per .input-box.homepage .re_input_box,
.register-wrap .register_sheet .reg_form_per .input-box.tel .re_input_box,
.register-wrap .register_sheet .reg_form_per .input-box.signature .re_input_box,
.register-wrap .register_sheet .reg_form_per .input-box.profile .re_input_box,
.register-wrap .register_sheet .reg_form_per .input-box.recommend .re_input_box {
  width: calc(100% - 136px);
}
.register-wrap .register_sheet .reg_form_per .input-box.addr .re_input_box input,
.register-wrap .register_sheet .reg_form_per .input-box.homepage .re_input_box input,
.register-wrap .register_sheet .reg_form_per .input-box.tel .re_input_box input,
.register-wrap .register_sheet .reg_form_per .input-box.signature .re_input_box input,
.register-wrap .register_sheet .reg_form_per .input-box.profile .re_input_box input,
.register-wrap .register_sheet .reg_form_per .input-box.recommend .re_input_box input {
  width: 100%;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_per .input-box.addr .re_input_box,
  .register-wrap .register_sheet .reg_form_per .input-box.homepage .re_input_box,
  .register-wrap .register_sheet .reg_form_per .input-box.tel .re_input_box,
  .register-wrap .register_sheet .reg_form_per .input-box.signature .re_input_box,
  .register-wrap .register_sheet .reg_form_per .input-box.profile .re_input_box,
  .register-wrap .register_sheet .reg_form_per .input-box.recommend .re_input_box {
    width: 100%;
  }
}
.register-wrap .register_sheet .reg_form_bui {
  display: none;
}
.register-wrap .register_sheet .reg_form_bui .addr {
  align-items: flex-start;
}
.register-wrap .register_sheet .reg_form_bui .addr label {
  /* padding-top: 16px; */
}
.register-wrap .register_sheet .reg_form_bui .addr > div {
  width: calc(100% - 136px);
}
.register-wrap .register_sheet .reg_form_bui .addr > div input {
  width: 100%;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form_bui .addr > div {
    width: 100%;
  }
}
.register-wrap .register_sheet .reg_form_bui.active {
  display: block;
}
.register-wrap .register_sheet .reg_form .reg_terms {
  padding: 0 20px;
}
.register-wrap .register_sheet .reg_form .reg_terms h1 {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form .reg_terms h1 {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .reg_terms h1 {
    font-size: 13px;
  }
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box {
  padding: 0;
  padding-bottom: 23px;
  border: none;
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .check-input + label {
  line-height: 1;
  padding-left: 0px;
  font-size: 16px;
  font-weight: 400;
  color: #111;
  cursor: pointer;
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .check-input + label::after {
  display: none;
  /*
  content:""; width:20px; height:20px; position:absolute; background:url(/img/terms_check.png) no-repeat; background-size:20px;
  @include responsive-991{
      width:17px; height:17px; background-size:17px;
  }*/
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form .reg_terms .check-box .check-input + label {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .reg_terms .check-box .check-input + label {
    font-size: 13.5px;
  }
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .arrow {
  width: 8px;
  height: 7px;
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .arrow::before, .register-wrap .register_sheet .reg_form .reg_terms .check-box .arrow::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: #333333;
  transition: all 100ms linear;
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .arrow::before {
  right: 6px;
  transform: rotate(45deg);
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .reg_terms .check-box .arrow::before {
    right: 4px;
  }
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .arrow::after {
  transform: rotate(-45deg);
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form .reg_terms .check-box .arrow {
    right: 2px;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .reg_terms .check-box .arrow {
    width: 6px;
  }
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .detail-content {
  height: 0;
  line-height: 22px;
  display: block;
  margin-top: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  overflow-y: auto;
  font-size: 13px;
  font-weight: 300;
  border: none;
  background: #f8f8f8;
  color: #999;
  transition: all 250ms linear;
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box.active .arrow::before {
  transform: rotate(-45deg);
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box.active .arrow::after {
  transform: rotate(45deg);
}
.register-wrap .register_sheet .reg_form .reg_terms .check-box.active .detail-content {
  height: 145px;
  margin-top: 20px;
  padding: 20px;
  opacity: 1;
  visibility: visible;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form .reg_terms .check-box {
    padding-bottom: 19px;
    margin-bottom: 19px;
    border-bottom: 1px solid #e1e1e1;
  }
  .register-wrap .register_sheet .reg_form .reg_terms .check-box:nth-child(7) {
    border-bottom: none;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .reg_terms .check-box {
    padding-bottom: 16px;
    margin-bottom: 17px;
  }
}
.register-wrap .register_sheet .reg_form .reg_terms #captcha_info {
    color: #555555;
    font-size: 15px;
    font-weight: 400;
    margin-top: 14px;
    display: block;
    text-align: center;
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .reg_terms #captcha_info {
    margin-top: 8px;
    font-size: 10px;
  }
}
.register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap {
  width: 240px;
  margin: 0 auto;
  margin-top: 80px;
}
.register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap #btn_submit {
  border-radius: 5px;
  width: 100%;
  height: 60px;
  line-height: 58px;
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}
.register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap #btn_submit.regbtn{
    border-radius: 5px;
}
.register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap.register_btn #btn_submit.regbtn{
    border-radius: 30px;
}
@media (max-width: 991px) {
    .register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap #btn_submit.regbtn{
        border-radius: 2.5px;
    }
    .register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap.register_btn #btn_submit.regbtn{
        border-radius: 50px;
    }
    .register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap #btn_submit {
        width: 100%;
        padding: 0 45px;
        height: 46px;
        line-height: 44px;
        font-size: 15px;
    }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap #btn_submit {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap {
    width: 100%;
    margin-top: 50px;
  }
  .register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap.edit {
    width: auto;
  }
  .register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap.edit #btn_submit {
    width: auto;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form .reg_terms {
    padding: 0;
  }
}
.register-wrap .register_sheet .reg_form .captcha_sheet {
  padding: 0 24px;
  margin-top: 36px;
}
.register-wrap .register_sheet .reg_form .captcha_sheet #captcha {
  display: flex !important;
  gap: 3px;
}
.register-wrap .register_sheet .reg_form .captcha_sheet #captcha .captcha_imgbox {
  width: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #ddd;
}
.register-wrap .register_sheet .reg_form .captcha_sheet #captcha .captcha_imgbox #captcha_img {
  border: none;
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet #captcha .captcha_imgbox {
    width: auto;
    flex: 1;
    height: 56px;
    border-radius: 5px;
  }
}
.register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid {
  width: 45px;
  height: 90px;
  position: relative;
}
.register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_mp3, .register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_reload {
  width: 100%;
  height: 45px;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
}
.register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_mp3 span, .register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_reload span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: auto;
  right: auto;
  background-size: cover;
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_mp3, .register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_reload {
    height: 50%;
  }
}
.register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_reload {
  top: auto;
  bottom: 0;
  background-size: 45px;
  background-position: bottom;
}
.register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_reload span {
  top: 0;
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_reload span {
    background: none;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid #captcha_reload {
    background: url(/img/modal_captcha_reload.jpg) no-repeat;
    background-size: 28px;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet #captcha .capcha_aid {
    width: 28px;
    height: 56px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
.register-wrap .register_sheet .reg_form .captcha_sheet #captcha #captcha_key {
  width: calc(100% - 275px) !important;
  height: 90px;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet #captcha #captcha_key {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet #captcha #captcha_key {
    width: auto !important;
    flex: 1;
    height: 56px;
    background: #fff !important;
    border: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet #captcha {
    gap: 32px;
  }
}
@media (max-width: 991px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet {
    padding: 0;
    margin-top: 31px;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .captcha_sheet {
    margin-top: 25px;
  }
}
.register-wrap .register_sheet .reg_form .regis_interest {
  position: relative;
  margin: 0;
  margin-top: 10px;
  padding: 40px 0 0;
  font-size: 16px;
  font-weight: 400;
  border: none;
  color: #444;
}
.register-wrap .register_sheet .reg_form .regis_interest::after {
  content: "";
  width: 200%;
  height: 18px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #eff2f5;
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .regis_interest::after {
    height: 9px;
  }
}
@media (max-width: 480px) {
  .register-wrap .register_sheet .reg_form .regis_interest {
    padding: 30px 0 0;
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  .register-wrap {
    max-width: 100%;
  }
}

/* 2024-08-06 (주)파이브센스_FIVESENSES.Corp. */
.register-wrap .register_sheet .input-box.with-button input {margin-right: 5px; width: calc(100% - 261px) !important; }
.register-wrap .register_sheet .input-box .hp_req {width: 120px; min-height: 46px; font-size: 15px; font-weight: 400; border-radius: 5px; background: var(--main-point-btn-bg-color-hover); transition: 0.2s; color: #fff; padding: 5px;  }
.register-wrap .register_sheet .input-box .hp_req.again {background: #999999;}
.register-wrap .register_sheet .input-box .hp_req.hp_chk {background: #999999;}
.register-wrap .register_sheet .input-box.with-timer {position:relative;}
.register-wrap .register_sheet .input-box.with-timer .timer {position: absolute; font-size: 16px; font-weight: 600; transform: translateY(-50%); top: 50%; right: 140px; color: red;}
@media (max-width: 991px) {
	.register-wrap .register_sheet .input-box.with-button input {
		width: 100% !important;
		font-size: 14px;
		font-weight: 500;
		border-radius: 2.5px;
	}
	.register-wrap .register_sheet .input-box .hp_req {
		width: 100%; 
		margin-top:5px; 
	}

	.register-wrap .register_sheet .input-box.with-timer .timer {
		right: 15px;
		top: 50px;
	}
}
/* 2024-08-07 (주)파이브센스_FIVESENSES.Corp. */
@media (max-width: 480px){
    .register-wrap .register_sheet .input-box.with-button input{height: 40px; line-height: 40px; padding: 0 12px; font-size: 12px; /*padding-top: 3px;*/}
    .register-wrap .register_sheet .input-box .hp_req{font-size: 14px;}
    .register-wrap .register_sheet .input-box.with-timer .timer{top: 47px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
회원가입 완료 페이지
html > skin > member > basic > register_result.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.register_result_sheet {
  padding-top: 100px;
}
.register_result_sheet .txt-box {
  text-align: center;
}
.register_result_sheet .txt-box h1 {
  line-height: 42px;
  font-size: 30px;
  font-weight: 400;
  color: var(--main-point-color);
}
.register_result_sheet .txt-box h1 span {
  font-weight: bold;
}
@media (max-width: 991px) {
  .register_result_sheet .txt-box h1 {
    line-height: 36px;
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  .register_result_sheet .txt-box h1 {
    line-height: 28px;
    font-size: 22px;
  }
}
.register_result_sheet .txt-box p {
  line-height: 25px;
  margin-top: 25px;
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
@media (max-width: 991px) {
  .register_result_sheet .txt-box p {
    line-height: 22px;
    font-size: 14px;
    margin-top: 13px;
  }
}
@media (max-width: 480px) {
  .register_result_sheet .txt-box p {
    line-height: 20px;
    font-size: 12px;
    font-weight: 300;
  }
}
.register_result_sheet .info-box {
  margin-top: 25px;
  text-align: center;
}
.register_result_sheet .info-box p {
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  color: var(--main-point-color-hover);
}
.register_result_sheet .info-box p span {
  font-weight: 500;
}
@media (max-width: 991px) {
  .register_result_sheet .info-box p {
    line-height: 21px;
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .register_result_sheet .info-box p {
    line-height: 20px;
    font-size: 13px;
  }
}
.register_result_sheet .alert-box {
  line-height: 24px;
  padding: 21px 20px;
  font-size: 13px;
  font-weight: 300;
  background: #fafafa;
  color: #999;
  text-align: center;
  max-width: 1100px;
  margin: 40px auto 0;
}
@media (max-width: 991px) {
  .register_result_sheet .alert-box {
    padding: 15px;
    margin: 31px auto 0;
  }
}
@media (max-width: 991px) {
  .register_result_sheet {
    padding-top: 43px;
  }
}

.register_result_btn {
  margin: 40px 0 50px !important;
}
@media (max-width: 991px) {
  .register_result_btn {
    margin: 30px 0 0 !important;
  }
}
.register_result_btn a {
  height: 60px;
  line-height: 58px;
  padding: 0 57px;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  border-radius: 30px !important;
}
@media (max-width: 991px) {
  .register_result_btn a {
    height: 42px;
    line-height: 40px;
    padding: 0 42px;
    font-size: 14px;
  }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
개인정보, 회원가입약관
html > page > privacy, provision.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.page-wrap:has(.terms_wrap) {
    padding-top: 13px;
}

.terms_wrap {
    position: relative;
    max-width: 900px;
}



.terms_wrap .page-wrap {
    position: relative;
    padding-right: 60px;
}

.terms_wrap .page-wrap span {
    line-height: 1.7;
}

.terms_wrap .tab_container.pc {
    position: absolute;
    top: 0;
    left: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.terms_wrap .tab_container li a {
    display: inline-block;
}

.terms_wrap .tab_container li a span {
    display: inline-block;
    color: #b9bfc5;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.terms_wrap .tab_container li.on a span {
    color: #0c0c0c;
}


.terms_select_box {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    padding-right: 60px;
}
.terms_select_box .title {
    color: #0c0c0c;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}
.terms_select_box > div {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 22px;
    padding: 10px;
    background: #fff;
    font-size: 14px;
    color: #6c7682;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    line-height: 1;
    cursor: pointer;
}
.terms_select_box > div span.arrow {
    position: relative;
    display: block;
    width: 9px;
    height: 5px;
    transition: all 0.3s;
}
.terms_select_box > div span.arrow::before {
  content: "";
  width: 1px;
  height: 6px;
  background: #a1a1a1;
  position: absolute;
  top: 0;
  left: 2px;
  transform: rotate(-45deg);
}
.terms_select_box > div span.arrow::after {
  content: "";
  width: 1px;
  height: 6px;
  background: #a1a1a1;
  position: absolute;
  top: 0;
  right: 2px;
  transform: rotate(45deg);
}
.terms_select_box .select_box {
  border-radius: 3px;
  border: 1px solid #eaeaea;
  width: 100%;
  max-height: 180px;
  padding: 15px 12px;
  position: absolute;
  top: 35px;
  left: 0;
  background: #fff;
  box-shadow: 0px 11px 59px 0 rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  overflow: hidden;
  overflow-y: auto;
  z-index: 1;
}
.terms_select_box .select_box > li {
  margin-bottom: 20px;
}
.terms_select_box .select_box > li a {
  font-size: 12px;
  color: #999999;
}
.terms_select_box .select_box > li:last-child {
  margin-bottom: 0;
}
.terms_select_box .select_box > li:hover a, .terms_select_box .select_box > li.active a {
  color: var(--main-point-color-hover);
}
.terms_select_box.active a span.arrow {
  transform: rotate(180deg);
}
.terms_select_box.active .select_box {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 991px) {
    .terms_select_box {
        margin-bottom: 60px;
        padding-right: 0;
    }

    .terms_wrap .page-wrap {
        padding-right: 0;
    }

    .terms_wrap .page-wrap span {
        line-height: 1.5;
    }

    .terms_select_box .title {
        font-size: 28px;
        line-height: normal;
    }

    .terms_select_box > div {
        gap: 30px;
        padding: 10px 12px;
        font-size: 12px;
        border-radius: 5px;
    }

    .terms_wrap .tab_container {
        display: flex;
        align-items: center;
        gap: 25px;
        margin-bottom: 45px;
    }

    .terms_wrap .tab_container li a span {
        padding-bottom: 6px;
        font-size: 14px;
    }

    .terms_wrap .tab_container li.on a span {
        border-bottom: 1px solid #0c0c0c;
    }
}

.file-modal{z-index: 1000 !important;}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
90일 비밀번호 변경 모달
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.change-modal{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1001; opacity: 0; visibility: hidden; transition: 0.3s ease;}
.change-modal.active{opacity: 1; visibility: visible;}
.change-modal .back {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,0.5);}
.change-modal form{width: 640px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 11; padding: 60px 30px 40px; background-color: #fff; border-radius: 20px; text-align: center;}
.change-modal form h1{font-size: 26px; font-weight: 600; line-height: 1em; color: #1b1b1b;}
.change-modal form .change-close {width: 27px; height: 27px; position: absolute; top: 30px; right: 30px; opacity: 1; cursor: pointer;}
.change-modal form .change-close span{width: 100%; height: 100%; display: flex; align-items: center; position: absolute;}
.change-modal form .change-close span::before,.change-modal form .change-close span::after{content: ''; width: 100%; height: 1px; position: absolute; background-color: #ccc;}
.change-modal form .change-close span::before{transform: rotate(45deg);}
.change-modal form .change-close span::after{transform: rotate(-45deg);}
.change-modal form .bot {margin: 40px 0 0;}
.change-modal form .bot .password_icon{width: 72px; height: 72px; background-color: #f6f6f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.change-modal form .bot .text_row01{color: #333; font-size: 18px; line-height: 26px; margin: 15px auto 25px;}
.change-modal form .bot .text_row02{color: #666666; font-size: 15px; line-height: 23px;}
.change-modal form .bot .btn_wrap{margin-top: 35px;}
.change-modal form .bot .btn_wrap .btn{font-size: 17px; line-height: 48px; width: 180px; text-align: center; border-radius: 5px !important; padding: 0 12px;}
.change-modal form .bot .btn_wrap .btn.btn_reg_custom{color: #333; background-color: #f6f6f6;}
.change-modal form .bot .btn_wrap .btn.now_btn{color: #fff; background-color: var(--main-point-color-hover); margin-left: 10px;}
@media (max-width:991px){
  .change-modal form{position: absolute; top: auto; left: 0; bottom: 0; transform: none; width: 100%; border-radius: 10px 10px 0 0; padding: 52px 13px 13px;}
  .change-modal form .option_btn{position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background-color: #e6e6e6; border-radius: 2px; width: 40px; height: 4px;}
  .change-modal form h1{font-size: 17px;}
  .change-modal form .change-close {width: 17px;height: 17px;top: 15px;right: 15px;}
  .change-modal form .bot{margin: 18px 0 0;}
  .change-modal form .bot .password_icon{width: 48px; height: 48px;}
  .change-modal form .bot .password_icon img{height: 22px;}
  .change-modal form .bot .text_row01{font-size: 14px; line-height: 19px; margin: 10px auto 15px;}
  .change-modal form .bot .text_row02{font-size: 13px; line-height: 16px;}
  .change-modal form .bot .btn_wrap{margin-top: 30px;}
  .change-modal form .bot .btn_wrap .btn{width: calc(50% - 10px); font-size: 14px; line-height: 43px; border-radius: 2.5px !important;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
비밀번호 실패 알럿창
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* 2024-08-07 (주)파이브센스_FIVESENSES.Corp. */
.alert_custom_wrap.pas_alert .custom_box{width: 355px;}
/* .alert_custom_wrap.pas_alert_v1 .custom_box .custom_cont{padding: 38px 15px 30px;}
.alert_custom_wrap.pas_alert_v2 .custom_box .custom_cont{padding: 20px 30px 30px;} */
/* .alert_custom_wrap.pas_alert .custom_box .custom_cont .alert_cont{color: #666; font-size: 16px; padding: 0;} */
.alert_custom_wrap.pas_alert .custom_box .custom_cont .alert_cont{padding: 0;}
.alert_custom_wrap.pas_alert .custom_box .custom_cont .alert_cont p{color: #1b1b1b; font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.alert_custom_wrap.pas_alert_v2 .custom_box .custom_cont .alert_cont p{margin-top: 12px;}
.alert_custom_wrap.pas_alert_v2 .custom_box .alert_custom_btn{padding: 0 30px 30px; border-top: none;}
/* .alert_custom_wrap.pas_alert_v1 .custom_box .alert_custom_btn .alert_btn{font-size: 16px; padding: 20px 0;} */
.alert_custom_wrap.pas_alert_v2 .custom_box .alert_custom_btn .alert_btn{color: #fff; background-color: var(--main-point-color-hover); border-radius: 5px !important; font-size: 17px; padding: 16.5px 0; width: 100%; cursor: pointer;}
/* .alert_custom_wrap.pas_alert .custom_box .custom_cont .alert_close span:nth-child(1),
.alert_custom_wrap.pas_alert .custom_box .custom_cont .alert_close span:nth-child(2){width: 1px;} */
@media (max-width:991px){
  /* .alert_custom_wrap.pas_alert_v1 .custom_box{width: calc(100% - 30px); border-radius: 10px;} */
  .alert_custom_wrap.pas_alert_v1 .custom_box{width: 69%; border-radius: 10px;}
  .alert_custom_wrap.pas_alert_v2 .custom_box{top: auto; left: 0; bottom: 0; transform: none; width: 100%; border-radius: 10px 10px 0 0;}
  .alert_custom_wrap.pas_alert_v2 .custom_box .custom_cont{padding: 13px 15px 18px;}
  .alert_custom_wrap.pas_alert .custom_box .custom_cont .alert_close{width: 17px; height: 17px; top: 0; right: 0;}
  .alert_custom_wrap.pas_alert .option_btn{position: absolute;top: 10px;left: 50%;transform: translateX(-50%);background-color: #e6e6e6;border-radius: 2px;width: 40px;height: 4px;}
  .alert_custom_wrap.pas_alert .custom_box .custom_cont .alert_cont{font-size: 14px; line-height: 19px;}
  .alert_custom_wrap.pas_alert .custom_box .custom_cont .alert_cont p{font-size: 16px; margin-bottom: 17px;}
  .alert_custom_wrap.pas_alert_v2 .custom_box .custom_cont .alert_cont p{margin-top: 23px;}
  .alert_custom_wrap.pas_alert_v2 .custom_box .alert_custom_btn{padding: 0 15px 15px;}
  .alert_custom_wrap.pas_alert_v1 .custom_box .alert_custom_btn .alert_btn{font-size: 14px; padding: 15px 0;}
  .alert_custom_wrap.pas_alert_v2 .custom_box .alert_custom_btn .alert_btn{font-size: 14px; padding: 15.5px 0; border-radius: 2.5px !important; font-weight: 600;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
시안확인 모달창
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.it_draft_modal{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1001; transition: 0.3s;}
.it_draft_modal.it_draftvi_modal{opacity: 0; visibility: hidden;}
.it_draft_modal.it_draftvi_modal.active{opacity: 1; visibility: visible;}
.it_draft_modal .it_draft_modal_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.it_draft_modal .it_draft_view{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 20px; width: 100%; max-width: 1200px; height: 80vh; z-index: 1; overflow: hidden;}
.it_draft_modal .it_draft_view .dr_modal_tt{background-color: var(--main-point-line-color-hover); display: flex; align-items: center; justify-content: space-between; padding: 28px 30px;}
.it_draft_modal .it_draft_view .dr_modal_tt h2{color: #fff; font-size: 24px; font-weight: 600; line-height: 1em;}
.it_draft_modal .it_draft_view .dr_modal_tt .btn_close_modal span{display: block; width: 20px; height: 20px; cursor: pointer; position: relative;}
.it_draft_modal .it_draft_view .dr_modal_tt .btn_close_modal span::before,
.it_draft_modal .it_draft_view .dr_modal_tt .btn_close_modal span::after{content: ''; display: block; width: 2px; height: 26px; background-color: #fff; position: absolute; top: 50%; left: 50%;}
.it_draft_modal .it_draft_view .dr_modal_tt .btn_close_modal span::before{transform: translate(-50%,-50%) rotate(45deg);}
.it_draft_modal .it_draft_view .dr_modal_tt .btn_close_modal span::after{transform: translate(-50%,-50%) rotate(-45deg);}
.it_draft_modal .it_draft_view .dr_cont{background-color: #fff; padding: 0 12px 0 60px; height: calc(80vh - 80px);}
.it_draft_modal .it_draft_view .dr_wrap{overflow-y: auto; height: 100%; padding-right: 42px;}
.it_draft_modal .it_draft_view .dr_wrap::-webkit-scrollbar-button{background-color: #fff;}
.it_draft_modal .it_draft_view .dr_wrap::-webkit-scrollbar-track{background-color: #fff;}
.it_draft_modal .it_draft_view .dr_wrap::-webkit-scrollbar-thumb{background-color: #e6e6e6;}
.it_draft_modal .it_draft_view .dr_it_row.row1{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 50px;}
.it_draft_modal.re_correction_modal .it_draft_view .dr_it_row.row1{padding-top: 0;}
.it_draft_modal .it_draft_view .dr_it_row.row1 .dr_info{flex: 1;}
.it_draft_modal .it_draft_view .dr_it_row .dr_tit{color: #333333; font-size: 16px; font-weight: 600; line-height: 1em; margin-bottom: 10px;}
.it_draft_modal .it_draft_view .dr_it_row .it_text{color: #666666; font-size: 14px; background-color: #f8f8f8; border-radius: 5px; padding: 16px 20px;}
.it_draft_modal .it_draft_view .dr_it_row.row2{margin-top: 30px;}
.it_draft_modal .it_draft_view .draft_skin{padding-bottom: 50px;}
.it_draft_modal .it_draft_view .draft_skin .draft_head{display: flex; align-items: center; background-color: #f8f8f8; border-radius: 5px; color: #999999; font-size: 14px; font-weight: 600;}
.it_draft_modal .it_draft_view .draft_skin .draft_head .dr_cell{padding: 16px 0; line-height: 1em;}
.it_draft_modal .it_draft_view .draft_skin .draft_body > li{display: flex; align-items: stretch; border-bottom: 1px solid #e7e7e7; position: relative;}
.it_draft_modal .it_draft_view .draft_skin .draft_body > li.on{border: 1px solid var(--main-point-line-color-hover); border-radius: 5px;}
.it_draft_modal .it_draft_view .draft_skin .dr_cell{text-align: center;}
.it_draft_modal .it_draft_view .draft_skin .draft_body .dr_cell{display: flex; align-items: center; justify-content: center; font-size: 13px;}
.it_draft_modal .it_draft_view .draft_skin .draft_body .dr_cell + .dr_cell{border-left: 1px solid #e7e7e7;}
.it_draft_modal .it_draft_view .draft_skin .dr_num{width: 5.6%;}
.it_draft_modal .it_draft_view .draft_skin .draft_body .dr_num{color: #999999; font-weight: 600;}
.it_draft_modal .it_draft_view .draft_skin .dr_con{width: 46.469%;}
.it_draft_modal .it_draft_view .draft_skin .draft_body .dr_con{text-align: left; padding: 17px; color: #333333; line-height: 22px; font-weight: 300;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft{width: 31.599%; }
.it_draft_modal .it_draft_view .draft_skin .draft_body .dr_draft{padding: 30px 19px 20px;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft .img_box{border-radius: 5px; overflow: hidden;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft img{width: 300px;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft .btn_box{margin-top: 10px; display: flex; align-items: center; justify-content: center;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft .btn{border-radius: 5px !important; font-size: 13px; line-height: 38px; transition: 0.2s; padding: 0 12px;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft .btn_box .btn{border: 1px solid #d6d6d6; background-color: #fff; flex: 1; outline: none;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft .btn_box .btn:hover{background-color: #f7f9fa;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft .btn_box .btn + .btn{margin-left: 6px;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft .btn.down_btn{background-color: var(--main-point-btn-bg-color-hover); color: #fff; width: 100%; margin-top: 5px;}
.it_draft_modal .it_draft_view .draft_skin .dr_draft .btn_box .btn.none_btn{cursor: default; width: 100%; background-color: #e1e1e1; border: 1px solid #e1e1e1; color: #757575;}
.it_draft_modal .it_draft_view .draft_skin .dr_name{width: 7.625%;}
.it_draft_modal .it_draft_view .draft_skin .draft_body .dr_name{padding: 10px; color: var(--main-point-color); font-weight: 300;}
.it_draft_modal .it_draft_view .draft_skin .dr_date{width: 7.81%;}
.it_draft_modal .it_draft_view .draft_skin .draft_body .dr_date{padding: 10px; color: var(--main-point-color); font-weight: 300;}
.it_draft_modal .it_draft_view .draft_skin .draft_body .confirmed_on{display: none;}
.it_draft_modal .it_draft_view .draft_skin .draft_body .on .confirmed_on{display: block; position: absolute; top: -1px; left: -1px; background-color: var(--main-point-color-hover); color: #fff; font-size: 14px; font-weight: 500; padding: 9px 11px; line-height: 1em; border-radius: 5px 0 5px 0;}
/* .it_draft_modal .it_draft_view .draft_skin .draft_body .on::after{content: ''; display: block; border: 1px solid var(--main-point-btn-line-color-hover); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px;pointer-events: none;} */
.it_draft_modal .it_draft_view .draft_skin .dr_info_none{color: #999999; font-size: 14px; text-align: center; padding: 60px 0; border-bottom: 1px solid #e7e7e7;}
.it_draft_modal .it_draft_view .draft_skin .dr_info_none img{display: inline-block; margin-bottom: 15px;}

.it_draft_modal.re_correction_modal{opacity: 0; visibility: hidden; transition: 0.3s;}
.it_draft_modal.re_correction_modal.active{opacity: 1; visibility: visible;}
.it_draft_modal.re_correction_modal .btn{outline: none;}
.it_draft_modal.re_correction_modal .it_draft_view .dr_cont{padding: 50px 60px 60px; overflow:scroll;}
.it_draft_modal.re_correction_modal .it_draft_view .dr_wrap{overflow-y: visible; padding-right: 0;}
.it_draft_modal.re_correction_modal .dr_it_btn{margin-top: 30px; padding-bottom:30px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.it_draft_modal.re_correction_modal .dr_it_btn li{display: block;}
.it_draft_modal.re_correction_modal .dr_it_btn .btn{width: 230px; line-height: 53px; border: 1px solid var(--main-point-btn-line-color-hover); background-color: var(--main-point-btn-bg-color-hover); border-radius: 5px !important; color: #fff; font-size: 17px; font-weight: 600;}
.it_draft_modal.re_correction_modal .dr_it_btn .btn.btn_close_modal{background-color: #fff; color: var(--main-point-color-hover);}
/* 에디터 삽입 전 임시 css */
.it_draft_modal.re_correction_modal .editor_box {height: 315px; width: 100%;}

.it_draft_modal.it_upload_modal {opacity: 0;visibility: hidden;transition: 0.3s;}
.it_draft_modal.it_upload_modal.active {opacity: 1;visibility: visible;}
.it_draft_modal.it_upload_modal .it_draft_view{height: auto;}
.it_draft_modal.it_upload_modal .it_draft_view .dr_cont{height: auto;}
.it_draft_modal.it_upload_modal .dr_it_btn{margin-top: 30px; padding-bottom:30px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.it_draft_modal.it_upload_modal .dr_it_btn li{display: block;}
.it_draft_modal.it_upload_modal .dr_it_btn .btn{width: 230px; line-height: 53px; border: 1px solid var(--main-point-btn-line-color-hover); background-color: var(--main-point-btn-bg-color-hover); border-radius: 5px !important; color: #fff; font-size: 17px; font-weight: 600; outline: none;}
.it_draft_modal.it_upload_modal .dr_it_btn .btn.btn_close_modal{background-color: #fff; color: var(--main-point-color-hover);}
.it_draft_modal.it_upload_modal label.left_file {border-radius: 5px 0 0 5px;margin: 0;border: 1px solid #e1e1e1;color: #757575;font-size: 13px;background-color: #f2f2f2;text-align: center;height: 39px;line-height: 39px;cursor: pointer;width: 73px;float: left;}
.it_draft_modal.it_upload_modal input[type=file] {display: none;}
.it_draft_modal.it_upload_modal .right_file {width: calc(100% - 73px);float: left;}
.it_upload_modal div.right_file input {outline: none;padding: 0 15px;margin-bottom: 25px;border-radius: 0 5px 5px 0;display: block;border: 1px solid #e1e1e1;border-left: none;width: 100%;font-size: 13px;height: 39px;line-height: 39px;}
.it_draft_modal.it_upload_modal .dr_alert {text-align: center; font-size: 12px; color: #aaaaaa; line-height: 1.4em;}
@media (max-width:991px){
  .it_draft_modal .it_draft_view{height: 100vh; border-radius: 0;}
  .it_draft_modal .it_draft_view .form{height: 100%;}
  .draftview_btn.off, .draftview_btn.off:hover{color: #999;}  
  .it_draft_modal .it_draft_view .dr_modal_tt{padding: 17.5px 18px;}
  .it_draft_modal .it_draft_view .dr_modal_tt h2{font-size: 17px;}
  .it_draft_modal .it_draft_view .dr_modal_tt .btn_close_modal span{width: 15px; height: 15px;}
  .it_draft_modal .it_draft_view .dr_modal_tt .btn_close_modal span::before, .it_draft_modal .it_draft_view .dr_modal_tt .btn_close_modal span::after{background-color: #ccc; height: 20px; width: 1px;}
  .it_draft_modal .it_draft_view .dr_cont{background-color: #f3f5f7; padding: 0 15px; height: 100%;}
  .it_draft_modal .it_draft_view .dr_wrap{padding-right: 0;}
  .it_draft_modal .it_draft_view .dr_wrap::-webkit-scrollbar{width: 0;}
  .it_draft_modal .it_draft_view .dr_it_row.row1{display: block; padding-top: 35px;}
  .it_draft_modal .it_draft_view .dr_it_row.row1 .dr_info + .dr_info{margin-top: 18px;}
  .it_draft_modal .it_draft_view .dr_it_row .dr_tit{font-size: 16px;}
  .it_draft_modal .it_draft_view .dr_it_row .it_text{background-color: #fff; font-size: 15px; padding: 12.75px 15px; border-radius: 2.5px;}
  .it_draft_modal.it_draftvi_modal .it_draft_view .dr_it_row.row2 .dr_tit{margin-bottom: 0;}
  .it_draft_modal .it_draft_view .dr_it_row.row2 .mob_box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
  .it_draft_modal .it_draft_view .dr_it_row.row2 .mob_box .mo_text{position: relative;}
  .it_draft_modal .it_draft_view .dr_it_row.row2 .mob_box .mo_text p{display: inline-block; font-size: 14px; color: #000000; font-weight: 500; margin-right: 22px;}
  .it_draft_modal .it_draft_view .dr_it_row.row2 .mob_box.open .mo_text p{display: none;}
  .it_draft_modal .it_draft_view .dr_it_row.row2 .mob_box .arr{display: inline-block; border-bottom: 1px solid #999999; border-right: 1px solid #999999; width: 8px; height: 8px; transform: rotate(45deg); position: absolute; top: 3px; right: 2px; transition: 0.2s;}
  .it_draft_modal .it_draft_view .dr_it_row.row2 .mob_box.open .arr{transform: rotate(225deg); top: 0px;}
  .it_draft_modal .it_draft_view .draft_skin{padding-bottom: 100px;}
  .it_draft_modal .it_draft_view .draft_skin.off{display: none;}
  .it_draft_modal .it_draft_view .draft_skin .draft_head{background-color: #fff;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body{padding-bottom: 30px;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body > li{display: block; background-color: #fff; border: none; border-radius: 2.5px; padding: 0 15px 15px;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body > li + li{margin-top: 20px;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_cell{width: 100%; display: block;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_cell + .dr_cell{border: none;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_cell .dr_mtt{color: #222222; font-size: 13px; font-weight: 500; text-align: left; padding: 12px 0;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_num{display: flex; justify-content: space-between; border-bottom: 1px solid #f2f2f2;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_num ul{display: flex; align-items: center;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_num li{color: #222; font-size: 13px; font-weight: 300; position: relative;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_num li + li {padding-left: 6px; margin-left: 6px;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_num li + li::before {content: ''; display: inline-block; position: absolute; top: 50%; margin-top: -6px; left: 0; width: 1px; height: 12px; background-color: #e6e6e6;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_con{padding: 0;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_con .text_wrap{background-color: #f7f7f7; border-radius: 2.5px; padding: 15px 5px 15px 15px; height: 160px;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_con .text{overflow-y: auto; height: 100%;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_con .text::-webkit-scrollbar{width: 4px;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_con .text::-webkit-scrollbar-thumb{background-color: #e1e1e1;}
  .it_draft_modal .it_draft_view .dr_wrap::-webkit-scrollbar-button{background-color: #f7f7f7;}
  .it_draft_modal .it_draft_view .dr_wrap::-webkit-scrollbar-track{background-color: #f7f7f7;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .dr_draft{padding: 15px 0 0;}
  .it_draft_modal .it_draft_view .draft_skin .dr_draft .img_box{border-radius: 2.5px; line-height: 33px;}
  .it_draft_modal .it_draft_view .draft_skin .dr_draft img{width: 100%;}
  .it_draft_modal .it_draft_view .draft_skin .dr_draft .btn{border-radius: 2.5px !important;}
  .it_draft_modal .it_draft_view .draft_skin .dr_draft .btn_box .btn {width: calc(50% - 3px);}
  .it_draft_modal .it_draft_view .draft_skin .dr_draft .btn_box .btn + .btn{margin-left: 3px;}
  .it_draft_modal .it_draft_view .draft_skin .draft_body .on .confirmed_on{padding: 7px 8px; left: 0px;}
  .it_draft_modal .it_draft_view .draft_skin .dr_info_none{border-radius: 2.5px; background-color: #fff; border: none; padding: 40px 0;}
  .it_draft_modal .it_draft_view .draft_skin .dr_info_none img{width: 38px; margin-bottom: 10px;}

  .it_draft_modal.re_correction_modal .it_draft_view .dr_wrap{overflow-y: auto; height: 93vh; padding-bottom: 30px; padding-top: 35px;}
  .it_draft_modal .it_draft_view .dr_it_row.row2{margin-top: 18px;}
  .it_draft_modal.re_correction_modal .it_draft_view .dr_cont{padding: 0 15px;}
  /* .it_draft_modal.re_correction_modal .editor_box p{height: 400px;} */
  .it_draft_modal.re_correction_modal .dr_it_btn{margin-top: 15px;}
  .it_draft_modal.re_correction_modal .dr_it_btn li{flex: 1;}
  .it_draft_modal.re_correction_modal .dr_it_btn .btn{width: 100%; font-size: 15px; line-height: 31px; border-radius: 2.5px;}
  .it_draft_modal.re_correction_modal .dr_it_btn .btn.btn_close_modal{margin: 0;}

  .it_draft_modal.it_upload_modal .it_draft_view{height: 100vh;}
  .it_draft_modal.it_upload_modal .it_draft_view .dr_cont{height: calc(100vh - 52px);}
  .it_draft_modal.it_upload_modal .dr_it_btn{margin-top: 15px;}
  .it_draft_modal.it_upload_modal .dr_it_btn li{flex: 1;}
  .it_draft_modal.it_upload_modal .dr_it_btn .btn{width: 100%; font-size: 15px; line-height: 31px; border-radius: 2.5px;}
  .it_draft_modal.it_upload_modal .dr_it_btn .btn.btn_close_modal{margin: 0;}
  .it_upload_modal div.right_file input{background-color: #fff;}
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
마이페이지 > 온라인견적서
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.online_contact_wrap{width: 100%; display: flex; gap: 50px;}
.online_contact_wrap .online_contact_content{width: calc(100% - 200px);}
.online_contact_wrap .oc_wrap{margin-bottom: 50px;}
.online_contact_wrap .oc_wrap tr{border-bottom: 1px solid #e1e1e1;}
.online_contact_wrap .oc_wrap th{color: #999999; font-size: 16px; font-weight: 500; line-height: 1em; padding: 21.25px 0; text-align: center;}
.online_contact_wrap .oc_wrap .name_txt{width: 50%;}
.online_contact_wrap .oc_wrap .date_txt{width: 15%;}
.online_contact_wrap .oc_wrap .ca_txt{width: 15%;}
.online_contact_wrap .oc_wrap .status_txt{position: relative; text-align: center; width: 20%;}
.online_contact_wrap .oc_wrap th .icon_box{display: inline-block;}
.online_contact_wrap .oc_wrap th .icon_box img{position: relative; transform: translateY(3px); display: block;}
.online_contact_wrap .oc_wrap td{color: #666666; font-size: 16px; line-height: 1em; padding: 21.25px 0; text-align: center;}
.online_contact_wrap .oc_wrap td.name_txt{color: var(--main-point-color); text-align: left;}
.online_contact_wrap .oc_wrap td.name_txt a{color:var(--main-point-color); padding-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.online_contact_wrap .oc_wrap .status_txt span{font-size: 12px; font-weight: 500; line-height: 1em; padding: 5px 7px; border-radius: 3px;}
.online_contact_wrap .oc_wrap .status_txt span.green_sc{color: #1bc75c; background-color: #e4f9ec;}
.online_contact_wrap .oc_wrap .status_txt span.blue_sc{color: #18a5ff; background-color: #e6f5ff;}
.online_contact_wrap .oc_wrap .status_txt span.purple_sc{color: #7145e4; background-color: #f2eefd;}
.online_contact_wrap .oc_wrap .status_txt span.red_sc{color: #ff657f; background-color: #ffeeec;}
.online_contact_wrap .oc_wrap .status_txt span.gray_sc{color: #9d9d9d; background-color: #f4f4f4;}
.online_contact_wrap .oc_wrap .status_caption{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 5px; padding: 10px; position: absolute; top: 90%; left: 50%; transform: translateX(-50%); z-index: 5; opacity: 0; visibility: hidden; text-align: left; transition: all .5s;}
.online_contact_wrap .oc_wrap .status_txt:hover .status_caption{opacity: 1; visibility: visible;}
.online_contact_wrap .oc_wrap .status_caption p{color: #666666; font-size: 14px; line-height: 22px; white-space : nowrap; font-weight: 400;}
.online_contact_wrap .oc_wrap .status_caption p a{color: #245bf6; text-decoration: underline; text-underline-offset : 3px; font-size: 14px;}
@media(max-width:991px){
  .online_contact_wrap{gap: 0;}
  .online_contact_wrap .oc_wrap{margin-bottom: 30px;}
  .online_contact_wrap .online_contact_content{width: 100%;}
  .orderform_title.online_contact_tt{text-align: center; padding-bottom: 30px; font-size: 21px;}
  .online_contact_wrap .oc_wrap tr.th_row{border-bottom: none; }
  .online_contact_wrap .oc_wrap th{background-color: #f6f6f6;}
  .online_contact_wrap .oc_wrap th.name_txt{border-radius: 6px 0 0 6px;}
  .online_contact_wrap .oc_wrap th.status_txt{border-radius: 0 6px 6px 0;}
  .online_contact_wrap .oc_wrap th .icon_box img{width: 12px; transform: none;}
  .online_contact_wrap .oc_wrap td .date_txt{padding-left: 10px; color: #666666; margin-bottom: 10px; display: block; width: 100%;}
  .online_contact_wrap .oc_wrap td.name_txt a{padding-left: 10px;}
  .online_contact_wrap .oc_wrap .no_list td{font-size: 13px; padding: 30px 0;}
  .online_contact_wrap .oc_wrap .status_caption{left: auto; right: 0; transform: none;}
}
@media(max-width:480px){
  .online_contact_wrap .oc_wrap th{font-size: 12px; padding: 10px 0;}
  .online_contact_wrap .oc_wrap .date_txt{font-size: 11px}
  .online_contact_wrap .oc_wrap td .date_txt{margin-bottom: 5px;}
  .online_contact_wrap .oc_wrap td.name_txt a{font-size: 13px;}
  .online_contact_wrap .oc_wrap .ca_txt{font-size: 12px;}
  .online_contact_wrap .oc_wrap .status_txt span{font-size: 10px; padding: 4px 5px; white-space: nowrap; position: relative; top: -3px;}
  .online_contact_wrap .oc_wrap td{padding: 13.25px 0;}
  .online_contact_wrap .oc_wrap th .icon_box img{transform: translateY(2px);}
  .online_contact_wrap .oc_wrap .status_caption{top: 80%; padding: 13px; border-radius: 2.5px;}
  .online_contact_wrap .oc_wrap .status_caption p{font-size: 12px; line-height: 17px;}
}

/* 교환사유 */
.refund_view_style>div{display: flex;}
.refund_view_style>div .left_tit{width: 150px; padding-left: 15px;}
.refund_view_style>div .right_tit{width: calc(100% - 150px);}
.refund_view_style>div .right_tit select{width:30%;height: 38px; border-radius: 5px; padding: 0 10px;}
.btn_cke_sc{font-size: 13px; line-height: 1.4em;font-weight: 400;}

@media (max-width: 991px){
	.refund_view_style>div{display: block;}
	.refund_view_style>div .left_tit{width:100%;}
	.refund_view_style>div .right_tit{width:100%;}
	.refund_view_style>div .right_tit select{width:100%;}
}
/* 교환반품 */
.refund_view_style .section_table{width: 1200px;}
.refund_view_style .item_table_box .section-table-head{display: flex;}
.refund_view_style .item_table_box .section-table-head .section-cell{width: 10.578%;font-size: 16px;color: var(--main-point-color);font-weight: 400;border-bottom: 1px solid #eee;padding: 22px 15px;display: flex; align-items: center; justify-content: center;}
.refund_view_style .item_table_box .section-table-head .section-cell.re_info{width: 27%;}
.refund_view_style .item_table_box .section-table-body .refund_li{display: flex;}
.refund_view_style .item_table_box .section-table-body .section-cell{width: 10.578%;display: flex; align-items: center; justify-content: center; font-size: 14px;vertical-align: middle;color: #666;font-weight: 400;border-bottom: 1px solid #eee;padding: 22px 15px;}
.refund_view_style .item_table_box .section-table-body .section-cell.re_info{display: flex; align-items: center; justify-content: flex-start; width: 27%;}
.refund_view_style .item_table_box .section-table-body .section-cell.re_info img{min-width: 100px;}
.refund_view_style .item_table_box .section-table-body .section-cell.re_info .shop_info{text-align: left; margin-left: 15px;}
.refund_view_style .item_table_box .section-table-body .section-cell.re_info .shop_info .name{font-size: 16px; line-height: 1.4em;}
.refund_view_style .item_table_box .section-table-body .section-cell.re_info .shop_info .option{line-height: 1.4em;}
.refund_view_style .item_table_box .section-table-body .section-cell.re_info .shop_info .qty{line-height: 1.4em;}
.refund_view_style .item_table_box .section-table-body .section-cell a{color: var(--main-point-color);}
.refund_view_style .item_table_box .section-table-body ul, .refund_view_style .item_table_box .section-table-body li{list-style: none;}
.refund_info_wrap.refund_step01 {padding-top: 50px;}
.refund_info_wrap.refund_step01 .orderform_title{display: flex; align-items: center; justify-content: space-between;}
.refund_info_wrap.refund_step01 .re_button{color: #666;background-color: #f5f5f5;border: 1px solid #f5f5f5;border-radius: 3px;font-size: 14px;font-weight: 600;transition: 0.2s;outline: none;padding: 5px 10px;margin-right: 5px;}
.refund_info_wrap.refund_step01 .re_button:hover{background-color: #f0f0f0;}
.refund_info_wrap .refund_info{padding-top: 15px;}
.refund_info_wrap .refund_info > div{display: flex; align-items: flex-start;}
.refund_view_style .bottom_btn{text-align: center;padding: 20px 0;}
.refund_view_style .bottom_btn button{width: 301px;height: 50px;line-height: 48px;margin: 0 auto;padding: 0;font-size: 14px;font-weight: 500;color: #222;border: 1px solid #f6f6f6;border-radius: 5px;background: #f6f6f6; transition: 0.2s;}
.refund_view_style .bottom_btn button:hover{background-color: #f0f0f0;}
.refund_info_wrap.refund_step02{padding-bottom: 50px;}
.refund_info_wrap.refund_step02 .refund_info {margin-top: 5px;}
.refund_info_wrap.refund_step02 .left_tit{line-height: 46px;}
.refund_info_wrap.refund_step02 .rf_content .left_tit{padding-top: 20px;}
.refund_info_wrap.refund_step02 .rigiht_tit{width: calc(100% - 115px); position: relative;}
.refund_info_wrap.refund_step02 .rigiht_tit.select_wrap{width: 100%;max-width: 460px;}
.refund_info_wrap.refund_step02 .rigiht_tit select{padding: 0 15px;height: 46px;line-height: 44px;border: 1px solid #d6d6d6;border-radius: 5px;font-size: 16px;color: #999999;width: 100%;max-width: 460px;appearance: none;}
.refund_info_wrap.refund_step02 .rigiht_tit .arrow{width: 6px;height: 5px;display: block;position: absolute;top: 23px;right: 15px;}
.refund_info_wrap.refund_step02 .rigiht_tit .arrow::before,.refund_info_wrap.refund_step02 .rigiht_tit .arrow::after{content: "";width: 100%;height: 1px;position: absolute;background: #242424;}
.refund_info_wrap.refund_step02 .rigiht_tit .arrow::before{right: 4px;transform: rotate(45deg);}
.refund_info_wrap.refund_step02 .rigiht_tit .arrow::after{transform: rotate(-45deg);}

@media (max-width: 1200px) {
	  .refund_view_style .table_wrap{overflow-x: auto;}
	  .refund_view_style .section_table{padding-bottom: 20px;}
    .refund_info_wrap.refund_step01 {padding-top: 20px;}
}
@media (max-width: 991px){
    .refund_view_style .orderform_title{border-bottom: 1px solid #444;}
    .refund_view_style .bottom_btn button {width: 100%;height: 40px;line-height: 38px;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;font-size: 14px;}
	  .refund_view_style .item_table_box .section-table-head .section-cell{font-size: 12px; white-space: nowrap; padding: 12px 15px;}
	  .refund_view_style .item_table_box .section-table-head .section-cell.re_info{width: 24%;}
    .refund_view_style .item_table_box .section-table-body .section-cell{font-size: 12px; white-space: nowrap;}
    .refund_view_style .item_table_box .section-table-body .section-cell.re_info .shop_info{width: calc(100% - 100px);}
    .refund_view_style .item_table_box .section-table-body .section-cell.re_info div,
    .refund_view_style .item_table_box .section-table-body .section-cell.re_info a{overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
    .refund_view_style .item_table_box .section-table-body .section-cell.re_info{width: 24%;}
    .refund_view_style .item_table_box .section-table-body .section-cell.re_info .shop_info .name{font-size: 13px;}
    .refund_info_wrap .refund_info > div{display: block;}
    .refund_info_wrap .refund_info > div + div{margin-top: 10px;}
    .refund_info_wrap .left_tit{width: 100%;}
    .refund_info_wrap .rigiht_tit{width: 100%;}
    .refund_info_wrap.refund_step02 .rf_content .left_tit{padding-top: 0px;}
    .refund_info_wrap.refund_step02 .rigiht_tit{width: 100%;}
}

/* 관리자 추가인증 */
/* 2024-08-22 (주)파이브센스_FIVESENSES.Corp. */
body.admin-login *{font-family: 'Noto Sans KR', sans-serif;}
body.admin-login .hidden{display: none !important;}
body.admin-login ul{padding: 0; margin: 0;}
body.admin-login .lost-modal *{box-sizing: border-box;}
body.admin-login .lost-modal ul, body.admin-login .lost-modal li{list-style: none; display: flex; align-items: center; justify-content: center; padding: 5px 0; min-height: 48px;}
body.admin-login .lost-modal form .bot .sub_tab > ul li{line-height: 1.2em;}
body.admin-login #captcha{display: flex !important; justify-content: center; gap: 7px;}
body.admin-login #captcha .captcha_imgbox{width: 160px;height: 60px;line-height: 60px;overflow: hidden;border: 1px solid #d6d6d6;background-color: #fff;border-radius: 5px;text-align: center;}
body.admin-login #captcha .captcha_imgbox #captcha_img{width: auto; height: 100%; border: none;display: inline-block;}
body.admin-login #captcha .capcha_aid{width: 31px; display: flex; flex-flow: column; margin: 0;}
body.admin-login #captcha #captcha_mp3{left: 165px;}
body.admin-login #captcha #captcha_reload{left: 165px;}
body.admin-login #captcha #captcha_key {height: 60px;line-height: 60px;margin: 0;padding: 0 25px;border: 1px solid #d6d6d6;border-radius: 5px;}
body.admin-login #captcha_info{display: block;margin-top: 10px;font-size: 14px;font-weight: 400;color: #aaa;text-align: center;}
.alert_custom_wrap.pas_alert.pas_alert_admin .custom_box { width: 640px; }
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont {width: 640px; box-sizing: border-box;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .tit{color: #1b1b1b; font-size: 26px; line-height: 1em; font-weight: bold;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .cont_box{padding: 40px 30px; background-color: #f6f6f6; border-radius: 5px; margin-top: 40px;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .alert_cont p{color: #666666; font-size: 16px; line-height: 26px; margin-bottom: 0; font-weight: 400;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step1{padding-top: 20px;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont input[type=radio]{display: none;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .radio_ch{display: block; width: 17px; height: 17px; border-radius: 50%; background-color: #fff; border: 1px solid #d6d6d6; position: relative; margin-right: 6px;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont input:checked + .radio_ch::after{content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; background-color: var(--main-point-btn-bg-color-hover); border: 1px solid var(--main-point-btn-bg-color-hover); position: absolute; top: 3px; left: 3px;}
.alert_custom_wrap.pas_alert_admin .custom_box .method label{color: #666666; font-size: 16px; line-height: 26px; margin-bottom: 0; font-weight: 400; display: flex; align-items: center; justify-content: center;}
.alert_custom_wrap.pas_alert_admin .custom_box #modal_captcha_info{display: block;margin-top: 15px;font-size: 14px;line-height: 1em; font-weight: 400;color: #aaa;text-align: center;}
.pas_alert_admin .alert_btn {width:100% !important;}
.pas_alert_admin .confirm_btn {width: 100%;height: 50px;line-height: 50px;font-size: 17px;font-weight: 500;border-radius: 5px;background: var(--main-point-btn-bg-color-hover);color: #fff;transition: 0.2s;border: none;outline: none; margin-top: 25px; transition: 0.2s;}
.pas_alert_admin .confirm_btn:hover {/*background-color: #703df1;*/ opacity: 0.8;}
.pas_alert_admin .confirm_btn.again_btn{background-color: #999999;}
.pas_alert_admin .confirm_btn.again_btn:hover{background-color: #999999;}
.pas_alert_admin .captcha_sheet {margin-top: 25px;}
.pas_alert_admin .captcha_sheet .captcha {display: flex;justify-content: center;gap: 7px;}
.pas_alert_admin .captcha_sheet .captcha .captcha_imgbox {width: 240px;height: 45px;line-height: 45px;overflow: hidden;border: 1px solid #d6d6d6;background-color: #fff;border-radius: 5px;padding: 0 25px;}
.pas_alert_admin .captcha_sheet .captcha .captcha_imgbox img{width: auto;height: 100%;}
.pas_alert_admin .captcha_sheet .captcha .capcha_aid {width: 22px;display: flex;flex-flow: column;margin: 0;}
.pas_alert_admin .captcha_sheet .captcha #modal_captcha_key {width: 240px;height: 45px;line-height: 45px;margin: 0;padding: 0 25px;border: 1px solid #d6d6d6;border-radius: 5px;box-sizing: border-box;}
.pas_alert_admin .captcha_sheet .captcha .capcha_aid #modal_captcha_mp3 {background: url(/img/modal_captcha_mp3.jpg) no-repeat #e3e3e3;background-size: 100%;}
.pas_alert_admin .captcha_sheet .captcha .capcha_aid #modal_captcha_reload {background: url(/img/modal_captcha_reload.jpg) no-repeat #e3e3e3;background-size: 100%;}
.pas_alert_admin .captcha_sheet .captcha .capcha_aid #modal_captcha_mp3, .pas_alert_admin .captcha_sheet .captcha .capcha_aid #modal_captcha_reload {flex: 1;position: relative;top: auto;right: auto;bottom: auto;left: auto;border: none;text-indent: -9999px;box-sizing: border-box;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2{margin-top: 30px; padding-top: 30px; border-top: 1px solid #e1e1e1;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .input_box{display: flex; align-items: center;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .timer_wrap{position: relative; width: calc(100% - 124px);}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .input_box > label{width: 124px; text-align: left;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .input-sm{width: 100%;height: 46px;line-height: 44px;padding: 0 15px;font-size: 16px;font-weight: 400;border: 1px solid #e1e1e1;border-radius: 5px;box-shadow: none;transition: 0.2s; outline: none; box-sizing: border-box;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .input-sm:focus{border: 1px solid var(--main-point-line-color-hover);}
.pas_alert_admin .msg-box{color: #ff0000; font-size: 13px; line-height: 1em;}
.pas_alert_admin .msg-box.txt{margin-left: 124px; text-align: left; margin-top: 12px;}
.alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .timer_box .timer{position: absolute;top: 50%;right: 15px;font-size: 16px;font-weight: 600;transform: translateY(-50%);}
@media (max-width: 991px) {
    body.admin-login .lost-modal ul, body.admin-login .lost-modal li{width: 100%;}
    body.admin-login .lost-modal form .bot .cer_num .input_box{text-align: left;}
    body.admin-login .lost-modal form .bot .input_box label{display: block; margin-bottom: 13px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont{padding: 15px 18px;}
    .alert_custom_wrap.pas_alert_admin .custom_box{bottom: 0; top: auto; left: 0; transform: none; border-radius: 10px 10px 0 0;}
    .alert_custom_wrap.pas_alert.pas_alert_admin .custom_box { width: 100%; }
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont {width: 100%;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .cont_box{border-radius: 5px; margin-top: 25px; padding: 25px 17px 15px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .tit{font-size: 16px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .alert_cont p{font-size: 13px; line-height: 19px;}
    .pas_alert_admin .captcha_sheet .captcha #modal_captcha_key{background: #fff !important; width: auto; flex: 1; padding: 0 20px;}
    .pas_alert_admin .captcha_sheet .captcha .captcha_imgbox{width: auto; flex: 1; padding: 0 20px;}
    .alert_custom_wrap.pas_alert_admin .custom_box #modal_captcha_info{margin-top: 10px; font-size: 10px;}
    .pas_alert_admin .confirm_btn{height: 45px; line-height: 45px; font-size: 14px; margin-top: 20px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2{margin-top: 20px; padding-top: 20px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .input_box{display: block;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .input_box > label{width: 100%; font-size: 14px; padding-bottom: 15px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .input-sm{font-size: 12px; height: 40px; line-height: 38px; border-radius: 2.5px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .timer_wrap{width: 100%;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step2 .timer_box .timer{font-size: 12px;}
    .pas_alert_admin .msg-box.txt{margin-left: 0; margin-top: 6px; font-size: 11px;}
}
@media (max-width: 480px) {
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont{padding: 15px 18px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .alert_close_wrap{margin-bottom: 25px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .method label{font-size: 13px; line-height: 19px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .step1{padding-top: 15px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont .radio_ch{width: 15px; height: 15px;}
    .alert_custom_wrap.pas_alert_admin .custom_box .custom_cont input:checked + .radio_ch::after{width: 9px; height: 9px; top: 2px; left: 2px;}
    .pas_alert_admin .captcha_sheet{margin-top: 20px;}
}

/* 2024-08-02 (주)파이브센스_FIVESENSES.Corp. */
.div-panel.panel-group .panel-heading > .is_checkbox{position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
검은바 알럿창
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.bar_alert_wrap{position: fixed; z-index: 999999; top: 54px; left: 50%; transform: translateX(-50%); background-color: rgba(51,51,51,0.8); border-radius: 3px; color: #fff; font-size: 13px; line-height: 1em; padding: 10px 19px; cursor: default;}
@media (max-width:991px){
    .bar_alert_wrap {top: auto; bottom: 60px; width: calc(100% - 62px); text-align: center; font-size: 15px; background-color: rgba(17,17,17,0.8); padding: 15px 19px; border-radius: 2.5px;}
}

/* 2024-08-19 (주)파이브센스_FIVESENSES.Corp. 재입고알림 모달창 */
.soldout_sms_pop{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0, 0, 0, 0.5); display: none;}
.soldout_sms_pop .sol_m_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; border-radius: 20px; padding: 34px 30px 40px; max-width: 640px;}
.soldout_sms_pop .sol_m_con .modal_title{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eeeeee; padding-bottom: 26px;}
.soldout_sms_pop .sol_m_con .modal_title .mo_tt{color: #222222; font-size: 26px; font-weight: 600; line-height: 1em;}
.soldout_sms_pop .sol_m_con .modal_title .sol_m_close{width: 22px; height: 22px; position: relative; border: none; background-color: transparent;}
.soldout_sms_pop .sol_m_con .modal_title .sol_m_close::before,
.soldout_sms_pop .sol_m_con .modal_title .sol_m_close::after{content: ''; display: block; width: 105%; height: 1px; background-color: #cfcfcf; position: absolute; top: 50%; left: 50%;}
.soldout_sms_pop .sol_m_con .modal_title .sol_m_close::before{transform: translate(-50%,-50%) rotate(45deg);}
.soldout_sms_pop .sol_m_con .modal_title .sol_m_close::after{transform: translate(-50%,-50%) rotate(-45deg);}
.soldout_sms_pop .sol_m_con .mo_subject{color: #222222; font-size: 15px; font-weight: 500; line-height: 1em;}
.soldout_sms_pop .sol_m_con .user .input-box{display: flex; align-items: center;}
.soldout_sms_pop .sol_m_con .user .input-box.it_name_box{padding: 25px 0 15px; margin-bottom: 15px; border-bottom: 1px solid #eeeeee;}
.soldout_sms_pop .sol_m_con .user .input-box .mo_subject{width: 102px;}
.soldout_sms_pop .sol_m_con .user .input-box .mo_cont{width: calc(100% - 102px);}
.soldout_sms_pop .sol_m_con .user .input-box p.mo_cont{color: #333333; font-size: 14px; line-height: 1.2em;}
.soldout_sms_pop .sol_m_con .user .input-box input.mo_cont{background-color: #f6f6f6; border-radius: 5px; font-size: 14px; padding: 0 15px; height: 45px; border: none;}
.soldout_sms_pop .sol_m_con .user .input-box input.mo_cont::placeholder{color: #999999;}
.soldout_sms_pop .sol_m_con .privacy_box{border: 1px solid #eeeeee;border-radius: 5px;padding: 20px 10px 25px 25px;margin-top: 14px;margin-bottom: 12px;height: 140px;overflow: hidden;}
.soldout_sms_pop .sol_m_con .privacy{height: 115px;overflow-y: scroll;overflow-x: hidden; outline: none;}
.soldout_sms_pop .sol_m_con .privacy::-webkit-scrollbar{width: 8px;}
.soldout_sms_pop .sol_m_con .privacy::-webkit-scrollbar-thumb{background-color: #d6d6d6;}
.soldout_sms_pop .sol_m_con .privacy::-webkit-scrollbar-track{background-color: #fff;}
.soldout_sms_pop .sol_m_con .privacy::-webkit-scrollbar-button{background-color: #fff;}
.soldout_sms_pop .sol_m_con .check-box{border: none; padding-top: 40px; padding-bottom: 38px;}
.soldout_sms_pop .sol_m_con .check-box .check-input + label:after{background: url(/img/mo_check_off.jpg) no-repeat 0 0; width: 17px; height: 17px;}
.soldout_sms_pop .sol_m_con .check-box .check-input:checked + label:after{background: url(/img/mo_check_on.jpg) no-repeat 0 0;}
.soldout_sms_pop .sol_m_con .check-box .check-label{color: #666; font-size: 13px; font-weight: 300;}
.soldout_sms_pop .sol_m_con .check-box .check-label p{line-height: 1em;}
.soldout_sms_pop .sol_m_con .btns{display: flex; align-items: center; justify-content: center; gap: 10px;}
.soldout_sms_pop .sol_m_con .btns a{color: #333333; background-color: #f6f6f6; font-size: 17px; border-radius: 5px; border: 1px solid #f6f6f6; display: block; padding: 13px 54.5px;}
.soldout_sms_pop .sol_m_con .btns a.btn-send{color: #fff; background-color: var(--main-point-btn-bg-color-hover); border: 1px solid var(--main-point-btn-line-color-hover);}
@media (max-width:991px){
    .soldout_sms_pop .sol_m_con{width: 100%; top: auto; bottom: 0; left: 0; transform: none; border-radius: 10px 10px 0 0; padding: 10px 15px 15px; max-width: 100%;}
    .soldout_sms_pop .sol_m_con .pay_bar{background-color: #e6e6e6;width: 40px;height: 4px;border-radius: 2px;margin: 0 auto;}
    .soldout_sms_pop .sol_m_con .modal_title{margin-top: 40px; position: relative; border-bottom: none;}
    .soldout_sms_pop .sol_m_con .modal_title .mo_tt{font-size: 17px;}
    .soldout_sms_pop .sol_m_con .modal_title .sol_m_close{position: absolute; top: -40px; right: 0;}
    .soldout_sms_pop .sol_m_con .mo_subject{color: #000; font-size: 14px; font-weight: 400;}
    .soldout_sms_pop .sol_m_con .user .input-box.it_name_box{padding: 0 0 20px; border-bottom: 1px solid #d7d7d7;}
    .soldout_sms_pop .sol_m_con .user .input-box.it_phone_box{display: block;}
    .soldout_sms_pop .sol_m_con .user .input-box p.mo_cont{width: calc(100% - 55px);}
    .soldout_sms_pop .sol_m_con .user .input-box .img_box{width: 40px; height: 40px; border-radius: 2.5px; margin-right: 15px; overflow: hidden;}
    .soldout_sms_pop .sol_m_con .user .input-box .img_box img{width: 100%;}
    .soldout_sms_pop .sol_m_con .user .input-box input.mo_cont{border: 1px solid #d6d6d6; background-color: #ffffff; width: 100%; height: 40px; border-radius: 2.5px; margin-top: 10px;}
    .soldout_sms_pop .sol_m_con .privacy_box{margin-top: 10px; border: 1px solid #d6d6d6; border-radius: 2.5px; padding: 15px 5px 15px 15px;}
    .soldout_sms_pop .sol_m_con .privacy::-webkit-scrollbar{width: 4px;}
    .soldout_sms_pop .sol_m_con .check-box{padding-top: 38px; padding-bottom: 30px;}
    .soldout_sms_pop .sol_m_con .check-box .check-input + label{padding-left: 20px;}
    .soldout_sms_pop .sol_m_con .check-box .check-input + label:after{background: url(/img/m_mo_check_off.jpg) no-repeat; background-size: 11px 11px; width: 11px; height: 11px;}
    .soldout_sms_pop .sol_m_con .check-box .check-input:checked + label:after{background: url(/img/m_mo_check_on.jpg) no-repeat; background-size: 11px 11px;}
    .soldout_sms_pop .sol_m_con .btns a{padding: 14.5px 15px; flex: 1; text-align: center; border: 1px solid #e1e1e1; background-color: #fff; border-radius: 2.5px; color: #999999; font-size: 14px; font-weight: 700;}
}

/* 2025-04-04 (주)파이브센스_FIVESENSES.Corp. 에디터 커스텀 */
.btn_cke_sc{background: #fff !important;}
/* custom.css end */
/* /css/common.css */


/* 공통 css */
ul,ol{list-style:none}
/* 2024-09-20 (주)파이브센스_FIVESENSES.Corp. 항상 스크롤 */
html{scroll-behavior: smooth;}
body{font-size:16px; line-height:1.3; color:#333}
html.over_hidden, body.over_hidden {overflow: hidden;}

/* 헤더일체형 탑배너 영역 확보를 위해 추가 */
/* .at-html{position: relative;} */
.at-html.fixed{position: static;}

/* 폐쇄몰 로그인 페이지 헤더 없애기 */
/* .at-html.login-intro .at-header{display: none;} */

.load_text { display:inline-block; background-color:#f3f5f9; padding:6px; width: 50%; height:20px; border-radius: 5px;}
@media (max-width: 991px) {
    .load_text {height: 15px; border-radius: 4px;}
}
.load_text.w10{width: 10%;}
.load_text.w20{width: 20%;}
.load_text.w30{width: 30%;}
.load_text.w40{width: 40%;}
.load_text.w50{width: 50%;}
.load_text.w60{width: 60%;}
.load_text.w70{width: 70%;}
.load_text.w80{width: 80%;}
.load_text.w90{width: 90%;}
.load_text.w100{width: 100%;}
.post_label .load_text{width: 40px; padding: 4px;}
.new_label .load_text{width: 10px;}
.load_blink {
   background: linear-gradient(45deg, #f3f5f9, #f3f5f9, #ffffff, #f3f5f9); 
   background-size: 200% 200%;
   animation: flow 1s ease infinite;
}
.load_blink.blackBg {
    background: linear-gradient(45deg, #cfd3da, #cfd3da, #ffffff, #cfd3da);
    background-size: 200% 200%;
    animation: flow 1s ease infinite;
}
@keyframes flow {
   0% {background-position: 0% 50%;}
   50% {background-position: 100% 50%;}
   100% {background-position: 0% 50%;}
}
@keyframes spin {
   to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
   to { -webkit-transform: rotate(360deg); }
}

/* 서브 페이지 경로 */
.sub_navigation{margin: 30px auto 0;}
.sub_navigation .container_fix{display: flex; align-items: center; padding: 0;}
.sub_navigation .sub_navi_icon span{color: #999; font-size: 14px; line-height: 1em;}
.sub_navigation .sub_navi_icon span.sign{margin: 0 5px;}

/* 상품 상세페이지 썸네일 */
.item_detail.item-wrap .img-container .thumb_big_wrap .timer_box{background-color: #f86e78; line-height: 27px; border-radius: 8px; padding: 0 8px; position: absolute; top: 10px; left: 10px;}
.item_detail.item-wrap .img-container .thumb_big_wrap .timer_box p{font-family: 'Pretendard';color: #fff; font-size: 16px; font-weight: 800;}

@media (max-width: 991px){
    .item_detail.item-wrap .img-container .thumb_big_wrap .timer_box{line-height: 34px; display: flex; align-items: center; justify-content: center; gap: 7px;}
    .at-body.it_body{overflow-x: hidden;}
    .item_detail #msit_pvi_thumb{padding: 10px 0;}
    .item_detail #msit_pvi_thumb a{margin: 0;}    
    .item_detail #msit_pvi_thumb img{width: 100%; height: 100%; object-fit: cover;border-radius: 2.5px; overflow: hidden;}
    .item_detail #msit_pvi_thumb img:hover{border: none;}
    .item_detail #msit_pvi_thumb .swiper-slide-thumb-active img{border: 1px solid var(--main-point-color);}
}

/* 상품 상세페이지 라벨 */
.item_detail .label-tack{padding-bottom: 0px;}
.item_detail .label-tack span{margin-right: 5px;}
.item_detail.item-wrap .form-container #buy_form .label-tack .item_sticker{font-size: 12px; line-height: 23px; height: 23px; padding: 0 7px; border-radius: 6px; margin-top: 0;}
.item_detail.item-wrap .form-container #buy_form .label-tack .item_sticker.free_shupping{background: rgba(157, 157, 157,0.1);}
.item_detail.item-wrap .item-head .row .form-container .text{padding-left: 21.667%;}
.item_detail.item-wrap .item-head .row .form-container .text .item_tt{padding: 10px 0 7px 0;}
.item_detail.item-wrap .item-head .row .form-container .text .it_brand_box{color: #888; font-size: 15px; font-weight: 500; line-height: 1em;}

@media (max-width: 480px){
    .item_detail.item-wrap .form-container #buy_form .label-tack .item_sticker{font-size: 11px; padding: 0 5.18px; line-height: 21px; height: 20px;}
    .item_detail.item-wrap .item-head .row .form-container .text .item_tt{padding: 10px 0;}
}
/* 상품 상세페이지 별점 리뷰 */
.item_detail.item-wrap .item-head .row .form-container .text .item_info{display: flex; align-items: center; padding-top: 7px;}
.item_detail.item-wrap .item-head .row .form-container .text .item_info .item-star{display: flex; align-items: center; margin-right: 10px;}
.item_detail.item-wrap .item-head .row .form-container .text .item_info .item-star span{color: var(--main-point-color-hover); font-size: 16px; font-weight: 500;}
.item_detail.item-wrap .item-head .row .form-container .text .item_info .item-review span{font-family: 'Pretendard';color: #9e9e9e; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset : 3px;}

@media (max-width: 480px) {
    .item_detail.item-wrap .item-head .row .form-container .text .item_info{padding-top: 0;}
}

/* 상품 상세페이지 우측 텍스트 */
.item_sticker.discount_icon{background: var(--main-point-color-hover); font-size: 12px; font-weight: 400; line-height: 15px; height: 18px; padding: 0 4px;}
.item_detail.item-wrap .item-head .row .form-container .text .item_tt .item_name{font-size: 24px; font-weight: 500;}
.item_detail.item-wrap .item-head .row .form-container .text .item_tt .btn_box{display: flex; align-items: center; position: relative; top: 7px;}
.item_detail.item-wrap .item-head .row .form-container .text .item_tt .btn_box .btn-item{padding: 0;}
.item_detail.item-wrap .item-head .row .form-container .text .price{display: block; margin: 27px 0 20px 0;}
.item_detail.item-wrap .item-head .row .form-container .text .price .real_price{font-size: 24px; font-weight: 400; margin-right: 5px; line-height: 1.2em;}
.item_detail.item-wrap .item-head .row .form-container .text .price .real_price .num{font-family: 'Pretendard';font-size: 28px; font-weight: 700;margin-right: 4px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row{display: flex; align-items: center;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row01{padding-bottom: 10px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02{position: relative; justify-content: space-between; flex-wrap : wrap;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .price_com{display: flex; align-items: center; flex-wrap: wrap; row-gap: 15px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .item_depart{display: flex; align-items: center;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .item_depart span{font-size: 14px;color: #1673f1;font-family: 'SUIT', sans-serif;font-style: oblique;letter-spacing: -0.035em;margin-left: 1px; font-weight: 800;}

.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box.mamber_coupon{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .apply_box{color: #f86e78; font-size: 14px; font-weight: 700; display: flex; align-items: center; line-height: 1em;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_real_price{font-size: 24px; margin-right: 5px;font-weight: 400;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_real_price .num{display: inline-block; font-family: 'Pretendard';font-size: 28px; font-weight: 700; margin-right: 4px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_btn{background-color: #f86e78; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard'; color: #fff; font-size: 14px; font-weight: 700; padding: 8.5px 12.5px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_btn .coupon_icon{display: block; width: 14px; height: 14px; background: url(https://fivepro.co.kr/img/coupon_icon_on.png) center / 14px 14px no-repeat; margin-left: 5px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_btn_off{background-color: #fff; border: 1px solid #e1e1e1; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard'; color: #666666; font-size: 14px; font-weight: 700; padding: 8.5px 12.5px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_btn_off .coupon_icon{display: block; width: 14px; height: 14px; background: url(https://fivepro.co.kr/img/coupon_icon_off.png) center / 14px 14px no-repeat; margin-left: 5px;}

.item_detail.item-wrap .item-head .row .form-container .text .price .price_row03{padding-top: 15px; position: relative;}
.item_detail.item-wrap .item-head .row .form-container .text .price .origin_price{font-family: 'Pretendard';display: block; color: #b9b9b9; font-size: 18px; margin-left: 0; margin-right: 5px; font-weight: 300;}
.item_detail.item-wrap .item-head .row .form-container .text .price .percent{font-family: 'Pretendard';display: block; color: #7e7693; font-size: 18px; font-weight: 300; padding-right: 10px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .percent span{font-size: 19px; font-weight: 400;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row .accumulate{color: #888888; font-size: 15px; padding-right: 5px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row03 img{position: relative; top: 1px;}
.item_detail.item-wrap .item-head .row .form-container .text .price .price_row .accumulate .accumulate_num{color: var(--main-point-color-hover); font-size: 15px; font-weight: 400;}

@media (max-width: 480px){
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box{margin-top: 5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_btn{font-size: 13px; padding: 7.5px 11px; border-radius: 2.5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_btn .coupon_icon{width: 10.5px; height: 10.5px; background: url(https://fivepro.co.kr/img/mcoupon_icon_on.png) center / 10.5px 10.5px no-repeat;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_btn_off .coupon_icon{width: 10.5px; height: 10.5px; background: url(https://fivepro.co.kr/img/mcoupon_icon_off.png) center / 10.5px 10.5px no-repeat; margin-left: 5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .apply_box{font-size: 10.5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_real_price{font-size: 17.5px; font-weight: 600;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_real_price .num{font-size: 19.5px; margin-right: 2px;}

}

/* 상품 상세페이지 우측 말풍선 */
.item_detail.item-wrap .item-head .row .it_option .acc_box{position: relative; display: inline-block; line-height: 1em; top: 3px;}
.item_detail.item-wrap .item-head .row .it_option .acc_box img{display: block;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .acc_box{display: flex; align-items: center; top: 0;}
.item_detail.item-wrap .item-head .row .it_option .acc_box .acc_popup{display: none; background-color: #fff; position: absolute; top: 20px; left: -23px; padding: 8px 14px; width: auto; border-radius: 5px; white-space : nowrap; z-index: 10; color: #666666; font-size: 14px; line-height: 22px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.item_detail.item-wrap .item-head .row .it_option .acc_box .acc_popup::before{content: ''; display: block; width: 100%; height: 10px; position: absolute; top: -5px; left: 0;}
@media (max-width: 991px){
    .item_detail.item-wrap .item-head .row .it_option .acc_box{top: 3px;}
    .item_detail.item-wrap .item-head .row .it_option .acc_box img{height: 17px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .item_depart img{width: 14px;}
}
@media (max-width: 480px){
    .item_detail.item-wrap .item-head .row .it_option .acc_box{top: 1px;}
    .item_detail.item-wrap .item-head .row .it_option .acc_box .acc_popup{border-radius: 2.5px; padding: 6.5px 12px; top: 20px; font-size: 11.5px; list-style: 16.5px;}
    .item_detail.item-wrap .item-head .row .it_option .acc_box .acc_popup::before{height: 30px; top: -20px;}
    .item_detail.item-wrap .item-head .row .it_option .acc_box .acc_popup p{font-size: 11.5px; line-height: 16.5px;}
    .item_detail.item-wrap .item-head .row .it_option .acc_box img{height: 13px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .item_depart span{font-size: 14px;}
}

.item_detail.item-wrap .item-head .row .form-container .text .option-line.top{border-color: #eeeeee;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_tt{color: #999999; font-weight: 500;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con{color: #888;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con > span{font-family: 'Pretendard';font-weight: 700; color: var(--main-point-color);}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period{background: #f7f7f7; border-radius: 5px; position: relative; line-height: 45px; cursor: pointer; margin: 15px 0 10px 60px;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_top {display: flex; align-items: center; justify-content: space-between; padding: 0 15px; }
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_bot {display: none; color: #999999; font-size: 14px; line-height: 26px; padding: 15px; position: relative;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_bot::before {content: ''; display: block; width: 100%; height: 1px; background: #e9e9e9; position: absolute; top: 0; left: 0;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_bot li{white-space : nowrap; display: flex; align-items: center; justify-content: space-between;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_bot li:nth-of-type(2){color: var(--main-point-color);}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_bot li .period_bar{display: block; width: 50%; height: 1px; border-top: 1px dashed #d6d6d6;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .text_box{display: flex; align-items: center; line-height: 40px;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .text_box span{color: var(--main-point-color-hover); margin-left: 5px; margin-right: 5px; font-weight: 700;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_tt.method {line-height: 24px;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.method {position: relative; line-height: 24px;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.method .acc_box {position: static;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.method .acc_box .acc_btn{position: relative; top: 3px;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.method .acc_box .acc_popup{left: auto; right: 0; top: 25px;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .acc_box .acc_popup{left: auto; right: -10px;}

.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_arr{display: inline-block; width: 12px; height: 7px; background: url(https://fivepro.co.kr/img/period_arr.png) center / 12px 7px no-repeat; margin-left: 14px;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period.open .period_arr{transform: rotate(180deg);}

@media (max-width: 991px){
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.method .acc_box .acc_btn{top: 4px;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .text_box > img{height: 20px;}
}
@media (max-width: 480px){
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_tt{font-size: 14px; color: #828c94;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con{font-size: 14px; color: #292929;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_tt.method{margin-top: 10px;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.method.sc_method{margin-top: 10px;}
    .item_detail.item-wrap .item-head .row .form-container .text .option-line{border-color: #f2f2f2;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period{margin: 15px 0 20px 50px;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_bot{padding: 15px 20px; font-size: 13px;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_bot li .period_bar{width: 40%;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .text_box{line-height: 37px;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .text_box > img{height: 15px;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.method .acc_box .acc_btn{top: 2px;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.period .period_arr{margin-left: 10px; width: 10px; height: 6px;     background: url(https://fivepro.co.kr/img/period_arr.png) center / 10px 6px no-repeat;}
}
.item_detail.item-wrap .item-head .row .img-container{width: 54.21%; position: sticky; top: 66px;}
.item_detail.item-wrap.H1_item .item-head .row .img-container{top: 66px;}
.item_detail.item-wrap.H2_item .item-head .row .img-container{top: 67px;}
.item_detail.item-wrap.H3_item .item-head .row .img-container,
.item_detail.item-wrap.H5_item .item-head .row .img-container,
.item_detail.item-wrap.H8_item .item-head .row .img-container,
.item_detail.item-wrap.H9_item .item-head .row .img-container,
.item_detail.item-wrap.H10_item .item-head .row .img-container
{top: 80px;}
.item_detail.item-wrap.H4_item .item-head .row .img-container,
.item_detail.item-wrap.H6_item .item-head .row .img-container,
.item_detail.item-wrap.H12_item .item-head .row .img-container,
.item_detail.item-wrap.H13_item .item-head .row .img-container,
.item_detail.item-wrap.H14_item .item-head .row .img-container,
.item_detail.item-wrap.H15_item .item-head .row .img-container,
.item_detail.item-wrap.H17_item .item-head .row .img-container,
.item_detail.item-wrap.H19_item .item-head .row .img-container,
.item_detail.item-wrap.H20_item .item-head .row .img-container,
.item_detail.item-wrap.H21_item .item-head .row .img-container,
.item_detail.item-wrap.H23_item .item-head .row .img-container
{top: 70px;}
.item_detail.item-wrap.H7_item .item-head .row .img-container,
.item_detail.item-wrap.H18_item .item-head .row .img-container
{top: 60px;}
.item_detail.item-wrap.H11_item .item-head .row .img-container{top: 55px;}
.item_detail.item-wrap.H16_item .item-head .row .img-container{top: 160px;}
.item_detail.item-wrap.H22_item .item-head .row .img-container{top: 150px;}

.item_detail.item-wrap.H1_item.admin_item .item-head .row .img-container{top: 117px;}
.item_detail.item-wrap.H2_item.admin_item .item-head .row .img-container{top: 118px;}
.item_detail.item-wrap.H3_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H5_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H8_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H9_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H10_item.admin_item .item-head .row .img-container
{top: 130px;}
.item_detail.item-wrap.H4_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H6_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H12_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H13_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H14_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H15_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H17_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H19_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H20_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H21_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H23_item.admin_item .item-head .row .img-container
{top: 120px;}
.item_detail.item-wrap.H7_item.admin_item .item-head .row .img-container,
.item_detail.item-wrap.H18_item.admin_item .item-head .row .img-container
{top: 110px;}
.item_detail.item-wrap.H11_item.admin_item .item-head .row .img-container{top: 105px;}
.item_detail.item-wrap.H16_item.admin_item .item-head .row .img-container{top: 210px;}
.item_detail.item-wrap.H22_item.admin_item .item-head .row .img-container{top: 200px;}

.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul{margin: 0;}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul li{border-radius: 5px; overflow: hidden;}
.item_detail #sit_pvi_thumb > ul li a img{border-radius: 5px; max-width: inherit;}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap button.btn_prev img{position: relative; left: 0;}
.item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap button.btn_next img{position: absolute; right: 0; transform: translateY(-50%);}

/* 상품 상세페이지 우측 수량별 구매단가 */
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_tt.purchase_price{width:100%;}
.item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_con.purchase_price{width:100%; padding: 5px 0 10px;}
.item_detail.item-wrap .item-head .it_option_con.purchase_price .it_pp_tab{color: #fff; background-color: #adadad; border-radius: 5px 5px 0 0; display: flex; align-items: center;}
.item_detail.item-wrap .item-head .it_option_con.purchase_price .it_pp_cont{color: var(--main-point-color); background-color: #f7f7f7; border-radius: 0 0 5px 5px; display: flex; align-items: center;}
.item_detail.item-wrap .item-head .it_option_con.purchase_price ul li{flex: 1; text-align: center; line-height: 36px; font-size: 12px; font-weight: 400;}

@media (max-width: 991px){
    .item_detail.item-wrap .item-head .it_option_con.purchase_price ul.it_pp_tab li{font-size: 11px;}
    .item_detail.item-wrap .item-head .it_option_con.purchase_price ul.it_pp_cont li{font-size: 13px;}
}

/* 상품 상세페이지 우측 브랜드홈 */
.item_detail.item-wrap .item-head .row .form-container .text .brand_con a{display: flex; align-items: center; justify-content: space-between; margin-top: 10px; border-top: 1px solid #f6f6f6; padding-top: 20px;}
.item_detail.item-wrap .item-head .row .form-container .text .brand_con .it_brand{display: flex; align-items: center;}
.item_detail.item-wrap .item-head .row .form-container .text .brand_con .brand_text{font-family: 'Pretendard';color: var(--main-point-color);font-size: 14px;font-weight: 700;line-height: 1em;margin-left: 5px;}
.item_detail.item-wrap .item-head .row .form-container .text .brand_con .brand_all{display: flex; align-items: center; font-family: 'Pretendard'; color: #888888;font-size: 14px;line-height: 30px;font-weight: 700; border-radius: 15px; background-color: #f7f7f7; padding: 0 14.5px;}
.item_detail.item-wrap .item-head .row .form-container .text .brand_con .brand_all img{margin-left: 5px;}

.item_detail.item-wrap .item-head .row .form-container .text .pay_con{margin-top: 20px;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum{margin: 10px 0 5px; display: flex; align-items: flex-end; justify-content: space-between; font-size: 14px; font-weight: 700; white-space : nowrap;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .point_text{color: var(--main-point-color-hover); font-size: 16px; font-weight: 400; text-align: right; width: 100%;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .point_text span{font-weight: 600;}

/* .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li{min-width: 62px;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_buy{width: 71.7%;} */
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li a{border: 1px solid var(--main-point-btn-line-color-hover);}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li a:hover{border: 1px solid var(--main-point-btn-line-color-hover);}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li a img{transition: all 0.3s; display: inline-block;}

@media (max-width: 991px) {
    .item_detail.item-wrap .item-head .row .form-container .text .brand_con{padding-top: 0; padding-bottom: 14px;}
    .item_detail.item-wrap .item-head .row .form-container .text .brand_con .it_brand img{width: 20px;}
}
@media (max-width: 480px) {
    .item_detail.item-wrap .item-head .row .form-container .text .brand_con a{margin-top: 0; padding-top: 14px;}
    .item_detail.item-wrap .item-head .row .form-container .text .brand_con .brand_all a{font-size: 11px; line-height: 25px; padding: 0 14px;}
    .item_detail.item-wrap .item-head .row .form-container .text .brand_con .brand_all a img{width: 5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .brand_con .it_brand img{width: 15px;}
    .item_detail.item-wrap .item-head .row .form-container .text .brand_con .brand_text{color: #525b61;}
}

/* 상품 상세페이지 우측 쿠폰적용 */
.item_detail.item-wrap .item-head .row .coupon_issued{width: 100%;}
.item_detail.item-wrap .item-head .row .coupon_issued .coupon_issued_box{border: 1px solid #e1e1e1; background: #fff; border-radius: 5px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 25px;}
.item_detail.item-wrap .item-head .row .coupon_issued p{color: #666666; font-size: 14px; line-height: 43px;}
.item_detail.item-wrap .item-head .row .coupon_issued .coupon_point{font-family: 'Pretendard'; color: #f86e78; font-size: 16px; font-weight: 700;}
.item_detail.item-wrap .item-head .row .coupon_issued img{display: inline-block;}
.item_detail.item-wrap .item-head .row .coupon-price-sum {display: flex; align-items: center; justify-content: space-between; width: 100%; white-space : nowrap;}
.item_detail.item-wrap .item-head .row .coupon-price-sum p{color: var(--main-point-color); font-size: 14px; font-weight: 700;}
.item_detail.item-wrap .item-head .row .coupon-price-sum p.coupon_price{font-family: 'Pretendard'; color: #f86e78; font-size: 24px; font-weight: 700;}
.item_detail.item-wrap .item-head .row .coupon-price-sum p.coupon_price .won{font-family: 'Pretendard'; font-weight: 700;}
.item_detail.item-wrap .item-head .row .coupon-price-sum p.coupon_price #cp_tot_price{font-family: 'Pretendard'; font-weight: 700;}

@media (max-width: 991px){
    .item_detail.item-wrap .item-head .row .img-container{width: 100%; position: relative;top: 0 !important;}
    .item_detail.item-wrap .item-head .row .coupon_issued .coupon_issued_box{border-radius: 2.5px; margin-top: 20px;}
    .item_detail.item-wrap .item-head .row .coupon_issued p{font-size: 12.5px; line-height: 35px;}
    .item_detail.item-wrap .item-head .row .coupon_issued .coupon_point{font-size: 12.5px;}
    .item_detail.item-wrap .item-head .row .coupon_issued .coupon_issued_box img{width: 11px;}
    .item_detail.item-wrap .img-container .thumb_big_wrap .timer_box{width: calc(100% + 15px); position: relative; left: -15px; border-radius: 0; top: 0;}
    .item_detail.item-wrap .img-container .thumb_big_wrap .timer_box p{font-size: 14px;}
    .item_detail.item-wrap .img-container .thumb_big_wrap .timer_box img{width: 13px;}
    .item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap{width: calc(100% + 15px);}
    .item-wrap.item_detail .item-head > .row .img-container #msit_pvi{overflow: visible; width: calc(100% + 30px); position: relative;}
    .item-wrap.item_detail .item-head > .row .img-container #msit_pvi .thumb_big{left: -30px;}
    .item-wrap.item_detail .item-head > .row .img-container #msit_pvi .thumb_big::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.02);}
    .item-wrap.item_detail .item-head > .row .img-container #msit_pvi .swiper-pagination{bottom: 42px; color: #fff; font-size: 11px; font-weight: 600; letter-spacing: -0.01em; background-color: rgba(0, 0, 0, 0.4); line-height: 22px; height: 20px; border-radius: 10px; width: 40px; left: calc(50% - 15px); transform: translateX(-50%);}
    .item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul{margin: 0 -10.5px;}
    .item_detail.item-wrap .item-head .row .img-container .thumb_tab_wrap #sit_pvi_thumb ul li{margin: 0 4.5px;}
    .item_detail.item-wrap .item-head .row .form-container .text{padding-left: 0; padding-top: 18px;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_brand_box{font-size: 14px;}
    .item_detail.item-wrap .item-head .row .form-container .text .item_tt .item_name{font-size: 15px; line-height: 18px;}
    .item_detail.item-wrap .item-head .row .form-container .text .item_tt .btn_share img{width: 14.5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .item_info .item-star img{width: 14px;}
    .item_detail.item-wrap .item-head .row .form-container .text .item_info .item-star span{font-size: 14px;}
    .item_detail.item-wrap .item-head .row .form-container .text .item_info .item-review span{font-size: 12px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price{margin-top: 25px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .origin_price{font-size: 13px;}    
    .item_detail.item-wrap .item-head .row .form-container .text .price .percent{font-size: 13px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .percent span{font-size: 13px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .real_price{font-size: 17.5px; font-weight: 600;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .real_price .num{font-size: 19.5px; margin-right: 2px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_real_price{font-size: 17.5px; font-weight: 600;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02 .coupon_box .coupon_real_price .num{font-size: 19.5px; margin-right: 2px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row02{padding-top: 5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row .accumulate{font-size: 11.5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row .accumulate .accumulate_num{font-size: 11.5px; font-weight: 500;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row03{padding-top: 10px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price .price_row03 img{width: 10.5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .option-line.top{border-color: #f2f2f2; width: 100%; position: relative; left: 0;}
    .item_detail.item-wrap .mobile_divide:after{height: 8px; background: #f9f9fa;}

    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview{margin-bottom: -1px; padding: 4.25px 0; border-top: 1px solid #eeeeee;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active{border-radius: 10px 10px 0 0; overflow: visible; padding: 20px 0 12px 0;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview .pay_bar{background-color: #e6e6e6; width: 40px; height: 4px; border-radius: 2px; margin: 0 auto;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active .close_btn{position: absolute; top: 14px; right: 15px; width: 15px; height: 15px; cursor: pointer; z-index: 5; background-color: #fff;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active .close_btn::before, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active .close_btn::after{content: ''; display: block; width: 1.25px; height: 20px; background-color: #999999; position: absolute; top: 50%; left: 50%;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active .close_btn::before{transform: translate(-50%,-50%) rotate(45deg);}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active .close_btn::after{transform: translate(-50%,-50%) rotate(-45deg);}
    
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum{font-size: 12.5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum b span{font-size: 18px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .price-sum b .won{font-size: 15px; font-weight: 600;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .point_text{font-size: 11.5px;}

    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li{width: 44px; min-width: 44px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_cart{margin: 0 8px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .mitem-form-btn li.btn_cart{width: calc(50% - 5px); margin: 0 10px 0 0;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li a{ line-height: 43px; border: 1px solid #efefef;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li input{line-height: 43px; border: 1px solid #efefef; font-size: 14px; font-weight: 500; border-radius: 2.5px !important;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .mitem-form-btn li input{border: 0.5px solid var(--main-point-btn-line-color-hover); }
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li.btn_buy{width: calc(100% - 104px);}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .mitem-form-btn li.btn_buy{width: calc(50% - 5px);}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li input:hover,
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .item-form-btn li a:hover{border: 0.5px solid var(--main-point-btn-line-color-hover);}

    .item_detail.item-wrap .item-head .row .coupon-price-sum{margin-bottom: 5px;}
    .item_detail.item-wrap .item-head .row .coupon-price-sum p{font-size: 12.5px;}
}
@media (max-width: 480px){
    .item_detail.item-wrap .panel.panel-default h3, .item_detail.item-wrap .panel.panel-default .panel-title{font-size: 15px;}
    .item_detail.item-wrap .item-head .row .form-container .text .price {margin: 15px 0 12px;}
    .item_detail.item-wrap .item-head .row .coupon-price-sum p.coupon_price{font-size: 18px;}
    .item_detail.item-wrap .item-head .row .coupon-price-sum p.coupon_price .won{font-size: 15px;}
}

/* 상품 상세페이지 매진 모바일 */
/* 2024-08-20 (주)파이브센스_FIVESENSES.Corp. */
/* #sit_ov_soldout {background: #f7f7f7; color: #999999 !important; font-size: 14px; font-weight: 600; text-align: center; border-radius: 5px; padding: 56px 0; margin: 20px 0;} */
.sit_ov_soldout {background: #f7f7f7; color: #999999 !important; font-size: 14px; font-weight: 600; text-align: center; border-radius: 5px; padding: 30px 0; margin: 20px 0;}
.sit_ov_soldout p{color: #999999 !important; font-size: 14px; font-weight: 600; margin: 0;}
#pc_popup_stocksms{background-color: #222; border: 1px solid #222; border-radius: 5px !important; line-height: 1em; font-weight: 700; font-size: 14px; font-family: 'Pretendard'; padding: 12px 14px; margin-top: 15px; outline: none;}

/* #msit_ov_soldout {background: #f7f7f7; color: #999999 !important; font-size: 12.5px; font-weight: 600; text-align: center; border-radius: 2.5px; padding: 43px 0; margin: 20px 0 0;} */
.msit_ov_soldout {background: #f7f7f7; color: #999999 !important; font-size: 12.5px; font-weight: 600; text-align: center; border-radius: 2.5px; padding: 23px 0; margin: 20px 0 0;}
.msit_ov_soldout p {color: #999999 !important; font-size: 13.5px; font-weight: 600; margin: 0;}
@media (max-width: 991px){
    #m_popup_stocksms{background-color: var(--main-point-color); border: 1px solid var(--main-point-color); border-radius: 2.5px !important; font-size: 13px; line-height: 1em; font-weight: 700; font-family: 'Pretendard'; padding: 9px 11px; margin-top: 12px;}
}

/* 상품 상세페이지 쿠폰 모달창 */
.coupon_modal{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; background-color: rgba(0, 0, 0, 0.5); display: none;}
.coupon_modal .c_m_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 500px; background-color: #fff; padding: 32px 28px 32px 32px; border-radius: 20px;}
.coupon_modal .c_m_con .modal_title{color: var(--main-point-color); font-size: 26px; font-weight: 600; line-height: 1em; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.coupon_modal .c_m_con .modal_title .cu_m_close{width: 18px; height: 18px; cursor: pointer; position: relative; background-color: #fff; border: none;}
.coupon_modal .c_m_con .modal_title .cu_m_close::before,
.coupon_modal .c_m_con .modal_title .cu_m_close::after{content: ''; display: block; width: 20px; height: 1px; background: #cfcfcf; position: absolute; top: 50%; left: 50%;}
.coupon_modal .c_m_con .modal_title .cu_m_close::before{transform: translate(-50%,-50%) rotate(45deg);}
.coupon_modal .c_m_con .modal_title .cu_m_close::after{transform: translate(-50%,-50%) rotate(-45deg);}
.coupon_modal .c_m_con > p {color: #666666; font-size: 14px; line-height: 1em; margin-bottom: 20px;}
.coupon_modal .c_m_con .scroll-box{max-height: 42vh; overflow-y: auto;}
.coupon_modal .c_m_con .scroll-box::-webkit-scrollbar{width: 5px;}
.coupon_modal .c_m_con .coupon_info{border: 1px solid #ebebeb; border-radius: 10px; display: flex; position: relative;}
.coupon_modal .c_m_con .coupon_info + li {margin-top: 10px;}
.coupon_modal .c_m_con .coupon_info .coupon_left{width: calc(100% - 100px); border-radius: 10px 0 0 10px; border-right: 1px solid #ebebeb; padding: 17px 20px 15px;}
.coupon_modal .c_m_con .coupon_info .coupon_left .coupon_info_dc{font-family: 'Pretendard';color: var(--main-point-color); font-size: 24px; font-weight: 700; line-height: 1.2em; margin-bottom: 10px;}
.coupon_modal .c_m_con .coupon_info .coupon_left .coupon_info_tt{color: #666666; font-size: 14px; line-height: 20px;}
.coupon_modal .c_m_con .coupon_info .coupon_left .coupon_info_co{color: #949494; font-size: 14px; line-height: 20px;}
.coupon_modal .c_m_con .coupon_info .coupon_left .coupon_info_ti{color: #949494; font-size: 14px; line-height: 20px;}
.coupon_modal .c_m_con .coupon_info .coupon_right{background-color: #f6f6f6; border-radius: 0 10px 10px 0; width: 100px; height: 100%; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; color: #949494; font-size: 14px; line-height: 20px; font-weight: 700; flex-direction: column;}
.coupon_modal .c_m_con .coupon_info .coupon_right .button_receive_coupon{width: 100%; height: 100%; position: relative;}
.coupon_modal .c_m_con > .cu_m_close{display: block; background-color: var(--main-point-btn-bg-color-hover); border-radius: 5px; width: 100%; text-align: center; line-height: 50px; color: #fff; font-size: 17px; margin-top: 20px;}
.coupon_modal .c_m_con > .cu_m_close:focus{outline: none;}

.coupon_modal .c_m_con .acc_box{position: absolute; line-height: 1em; top: 10px; right: 10px;}
.coupon_modal .c_m_con .acc_box{display: flex; align-items: center; }
.coupon_modal .c_m_con .acc_box .acc_popup{display: none; background-color: #fff; position: absolute; top: 20px; right: 0; padding: 8px 14px; width: auto; border-radius: 5px; white-space : nowrap; z-index: 10; color: #666666; font-size: 14px; font-weight: 400; line-height: 22px; box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align: left; height: 77px; overflow-y: auto;}
.coupon_modal .c_m_con .acc_box .acc_popup::-webkit-scrollbar{width: 2px;}
.coupon_modal .c_m_con .acc_box::before{content: ''; display: block; width: 100%; height: 15px; position: absolute; bottom: -10px; left: 0; z-index: 10;}
@media (max-width: 480px){
    .coupon_modal .c_m_con .acc_box .acc_popup{border-radius: 2.5px; padding: 6.5px 12px; top: 20px; font-size: 11.5px; list-style: 16.5px; height: 57px;}
    .coupon_modal .c_m_con .acc_box .acc_popup::before{height: 30px; top: -20px;}
    .coupon_modal .c_m_con .acc_box .acc_popup p{font-size: 11.5px; line-height: 16.5px;}
    .coupon_modal .c_m_con .acc_box img{height: 12px;}
}

@media (max-width: 991px){
    .coupon_modal .c_m_con{top: auto; bottom: 0; left: 0; border-radius: 10px 10px 0 0; transform: none; padding: 10px 18px 15px; max-width: 100%;}
    .coupon_modal .c_m_con .pay_bar{background-color: #e6e6e6;width: 40px;height: 4px;border-radius: 2px;margin: 0 auto;}
    .coupon_modal .c_m_con .modal_title{font-size: 16px; align-items: flex-end;}
    .coupon_modal .c_m_con > p{font-size: 12.5px; margin-bottom: 15px;}
    .coupon_modal .c_m_con .modal_title .cu_m_close{width: 15px; height: 15px; margin-bottom: 40px;}
    .coupon_modal .c_m_con .modal_title .cu_m_close::before,
    .coupon_modal .c_m_con .modal_title .cu_m_close::after{width: 17px;}
    .coupon_modal .c_m_con .coupon_info{border-radius: 5px;}
    .coupon_modal .c_m_con .coupon_info .coupon_left{padding: 11.25px 15px; width: calc(100% - 75px);}
    .coupon_modal .c_m_con .coupon_info .coupon_left .coupon_info_dc{font-size: 15px;}
    .coupon_modal .c_m_con .coupon_info .coupon_left .coupon_info_tt,
    .coupon_modal .c_m_con .coupon_info .coupon_left .coupon_info_co,
    .coupon_modal .c_m_con .coupon_info .coupon_left .coupon_info_ti{font-size: 11.5px; line-height: 16.5px;}
    .coupon_modal .c_m_con .coupon_info .coupon_right{font-size: 12.5px; width: 75px; border-radius: 0 5px 5px 0;}
    .coupon_modal .c_m_con > .cu_m_close{margin-top: 15px; font-size: 14px; line-height: 45px; border-radius: 2.5px;}
}
.coupon_modal .loading {
   display: inline-block;
   width: 40px;
   height: 40px;
   border: 3px solid transparent;
   border-radius: 50%;
   border-top-color: var(--main-point-color-hover);
   animation: spin 0.75s ease-in-out infinite;
   -webkit-animation: spin 0.75s ease-in-out infinite;
}


/* 상품상세페이지 장바구니담기완료 모달창 */
.cart_modal{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; background-color: rgba(0, 0, 0, 0.5); display: none;}
.cart_modal .cart_m_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 840px; background-color: #fff; border-radius: 20px;}
.cart_modal .cart_m_con .alert_cont{text-align: center; padding: 40px 0 20px; border-bottom: 1px solid #f2f2f2;}
.cart_modal .cart_m_con .swiper-button-next:after, .cart_modal .cart_m_con .swiper-button-prev:after{display: none;}
.cart_modal .cart_m_con .alert_text{color: #666666; font-size: 18px; line-height: 1em; margin-bottom: 25px;}
.cart_modal .cart_m_con .alert_btn_box{display: flex; align-items: center; justify-content: center; gap: 10px;}
.cart_modal .cart_m_con .alert_btn_box .alert_btn{background-color: var(--main-point-btn-bg-color-hover); line-height: 50px; border: none; border-radius: 5px; text-align: center; color: #fff; font-size: 17px; padding: 0 41px;}
.cart_modal .cart_m_con .alert_btn_box .alert_btn.alert_close{background-color: #f6f6f6; color: #333333;}
.cart_modal .cart_m_con .alert_itemrelation{padding: 25px 60px 70px;}
.cart_modal .cart_m_con .panel-title{color: var(--main-point-color); font-size: 23px; font-weight: 600; line-height: 1em; margin-bottom: 25px;}

.cart_modal .cart_m_con .timer_box_i{padding: 4.5px 5px; position: absolute; top: 12px; left: 13px; color: #fff; background-color: #f86e78; border-radius: 3px; display: flex; align-items: center; justify-content: center; z-index: 1; line-height: 1em;}
.cart_modal .cart_m_con .timer_box_i .time{font-size: 13px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; line-height: 1;}
.cart_modal .cart_m_con .timer_box_i .time_box{display: flex; align-items: center; justify-content: center;}
.cart_modal .cart_m_con .timer_box_i .text{font-size: 12px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; margin-left: 5px; line-height: 1;}
.cart_modal .cart_m_con .timer_box_i .time_box .text{margin-left:0;}
.cart_modal .cart_m_con .img-wrap{padding-bottom: 100%;}
.cart_modal .cart_m_con .img-wrap .img-item{border: 1px solid #f3f3f3;}
.cart_modal .cart_m_con .item-content{padding-top: 10px;}
.cart_modal .cart_m_con .brand_icon{font-size: 11px; color: #828c94; line-height: 1em;}
.cart_modal .cart_m_con strong {font-size: 13px; font-weight: 400; color: #424242; line-height: 1.4; margin: 6px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cart_modal .cart_m_con .item_price_box{line-height: 1.2em;}
.cart_modal .cart_m_con .item_price_box .percent {font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; color: #f73111;}
.cart_modal .cart_m_con .item_price_box .real_price {font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; color: var(--main-point-color);}
.cart_modal .cart_m_con .item_info {margin-top: 10px; margin-bottom: 6px; line-height: 1em;}
.cart_modal .cart_m_con .item_info .item_star .star_icon {font-size: 14px; color: #f4c748;}
.cart_modal .cart_m_con .item_info .item_star_num {font-size: 12px; color: #424242; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 600;}
.cart_modal .cart_m_con .item_info .use_count {margin-left: 2px; font-size: 12px; color: #9e9e9e; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800;}
.cart_modal .cart_m_con .item_cont .item_depart{display: flex; align-items: center; line-height: 1em;}
.cart_modal .cart_m_con .item_cont .item_depart span{font-size: 13px; color: #1673f1; font-family: 'SUIT-Bold'; font-style: oblique; letter-spacing: -0.035em; margin-left: 3px;}
.cart_modal .cart_m_con .item_cont .item_depart_num{font-size: 12px; color: #6db4e6; margin-top: 7px;}
.cart_modal .cart_m_con .item_cont .item_icon{margin-top: 6px;}
.cart_modal .cart_m_con .coupon_box{display: inline-block; margin-top: 6px;}
.cart_modal .cart_m_con .coupon_icon{display: flex; align-items: center; padding: 4px 6px; border-radius: 3px; border: 1px solid #eaedef; line-height: 1em;}
.cart_modal .cart_m_con .coupon_icon span{font-size: 11px; font-weight: 500; color: #242424; margin-left: 5px;}
.cart_modal .cart_m_con .item_price_box .sale_cont {display: inline-block; margin-right: 5px;}
.cart_modal .cart_m_con .swiper-box{position: relative;}
.cart_modal .cart_m_con .swiper-box .swiper-container{overflow: hidden;}
.cart_modal .cart_m_con .item_price_box .sale_cont span{display: block;}
.cart_modal .cart_m_con .item_price_box .sale_cont span.perc{display: inline-block; font-size: 14px;}
/* .cart_modal .cart_m_con .item_price_box .sale_cont span.percent{color: #f73111; font-size: 18px; font-weight: 500;} */
.cart_modal .cart_m_con .item_price_box > h5{color: var(--main-point-color); font-size: 13px; font-weight: 500; display: inline-block;}
/* .cart_modal .cart_m_con .item_price_box > h5 .real_price{color: var(--main-point-color); font-size: 16px; font-weight: 500;} */
.cart_modal .cart_m_con .item_price_box .sale_cont02{display: block;}
.cart_modal .cart_m_con .item_price_box .sale_cont strike{color: #999999; font-size: 13px; font-weight: 400;}
.cart_modal .cart_m_con .item-content strong{color: #333; font-size: 13px; font-weight: 400; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cart_modal .cart_m_con .item-content .item-desc{font-size: 12px; line-height: 1.2em; margin-bottom: 5px;}
.cart_modal .cart_m_con .item-info{display: block; text-align: left; padding: 0; margin: 7px 0 6px; border-top: none; background: transparent; line-height: 1em;}
.cart_modal .cart_m_con .item-info span{margin-right: 0;font-size: 12px; color: #424242; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 600;}
.cart_modal .cart_m_con .item-info span.use_count{margin-right: 0;font-size: 12px; color: #9e9e9e; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800;}
.cart_modal .cart_m_con .item-star{color: #333333; font-size: 13px; font-weight: 400;}
.cart_modal .cart_m_con .item-star .star_icon{font-size: 14px; color: #f4c748;}
.cart_modal .cart_m_con .use_count{font-size: 13px; color: #999999;}
.cart_modal .cart_m_con .btn_cart {display: block;width: 27px;height: 29px;position: absolute;right: 13px;bottom: 13px;transition: all .3s;}
.cart_modal .cart_m_con .btn_cart span.item_cart_icon {display: block;width: 100%;height: 100%;background: url(https://fivepro.co.kr/img/item_cart_icon_off.png) no-repeat;position: absolute;top: 0;left: 0;transition: 0.3s;}
.cart_modal .cart_m_con .btn_cart:hover span.item_cart_icon {opacity: 0.6;}
/* .cart_modal .cart_m_con .btn_cart.on span.item_cart_icon {background: url(https://fivepro.co.kr/img/item_cart_icon_on.png) no-repeat;} */
.cart_modal .cart_m_con .btn_cart.on span.item_cart_icon {opacity: 0.6;}
.cart_modal .cart_m_con .swiper-button{top: 54%; box-shadow: 0px 5px 10px 0px rgba(61, 61, 61, 3.15); transition: all .3s; opacity: 0.8;}
.cart_modal .cart_m_con .swiper-button::after{display: none;}
.cart_modal .cart_m_con .swiper-button-prev{left: -14px;}
.cart_modal .cart_m_con .swiper-button-next{right: -14px;}
.cart_modal .cart_m_con .swiper-button:hover{opacity: 1;}
.cart_modal .cart_m_con .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.cart_modal .cart_m_con .swiper-button img{max-width: inherit;}

@media (max-width: 991px) {
    .cart_modal .cart_m_con{border-radius: 10px 10px 0 0; top: auto; transform: translate(-50%,0); bottom: 0;}
    .cart_modal .cart_m_con .alert_cont{display: flex; align-items: center; justify-content: space-between; padding: 14px 14px 11px;}
    .cart_modal .cart_m_con .alert_text{display: flex; align-items: center; margin-bottom: 0; font-size: 12.5px;}
    .cart_modal .cart_m_con .alert_text span{color: #222; font-weight: 600;}
    .cart_modal .cart_m_con .alert_text .itme_img{margin-right: 10px;}
    .cart_modal .cart_m_con .alert_text img{width: 37.5px; height: 37.5px;}
    .cart_modal .cart_m_con .alert_btn_box .alert_btn{background-color: #fff; border: 1px solid var(--main-point-btn-line-color-hover); border-radius: 2.5px; color: var(--main-point-color-hover); font-size: 12.5px; font-weight: 400; height: 36px; line-height: 36px; padding: 0 13.75px;}
    .cart_modal .cart_m_con .alert_itemrelation{padding: 17px 17px 15px;}
    .cart_modal .cart_m_con .alert_cart_tit{display: flex; align-items: center; justify-content: space-between; margin-bottom: 17px;}
    .cart_modal .cart_m_con .panel-title{font-size: 14px; margin-bottom: 0;}
    .cart_modal .cart_m_con .alert_cart_tit a{color: var(--main-point-color-hover); font-size: 12.5px; font-weight: 600;}

    .cart_modal .cart_m_con .swiper-container{width: calc(100% + 15px);}
    .cart_modal .cart_m_con .item_rel_tit{margin: 0;}
    .cart_modal .cart_m_con .swiper-button{display: none;}
    .cart_modal .cart_m_con .item-content strong{font-size: 12px; line-height: 16px;}
    .cart_modal .cart_m_con .item_price_box > h5{font-size: 11.5px; font-weight: 600; padding-right: 5px;}
    .cart_modal .cart_m_con .item_price_box > h5 .real_price{font-size: 15px; font-weight: 800;}
    .cart_modal .cart_m_con .item_price_box .sale_cont{margin-right: 3px;}
    .cart_modal .cart_m_con .item_price_box .sale_cont span.percent{font-size: 15px; font-weight: 600;}
    .cart_modal .cart_m_con .item_price_box .sale_cont span.perc{font-size: 13px; font-weight: 600;}
    .cart_modal .cart_m_con .item_price_box .sale_cont strike{font-size: 10.5px;}
    .cart_modal .cart_m_con .item-info{line-height: 12px;}
    .cart_modal .cart_m_con .item-info .item-star{font-size: 9.5px;}
    .cart_modal .cart_m_con .item-info .use_count{font-size: 9.5px;}
    .cart_modal .cart_m_con .item-info .item-star .star_icon{font-size: 10px;}
    .cart_modal .cart_m_con .timer_box_i{top: 6px; left: 6px;}
    .cart_modal .cart_m_con .timer_box_i .time{font-size: 10px;}
    .cart_modal .cart_m_con .timer_box_i .text{font-size: 10px;}
    .cart_modal .cart_m_con .item_list strong{font-size: 12px; margin: 8px 0 7px;}
    .cart_modal .cart_m_con .item_list .item_price_box{margin-top: 0;}
    .cart_modal .cart_m_con .item_list .item_price_box .percent{font-size: 15px; font-weight: 600;}
    .cart_modal .cart_m_con .item_list .item_price_box .percent span{font-size: 15px; font-weight: 600;}
    .cart_modal .cart_m_con .item_list .item_price_box .real_price{font-size: 15px;}
    .cart_modal .cart_m_con .item-info span{font-size: 10px;}
    .cart_modal .cart_m_con .item-info span.use_count{font-size: 10px;}
    .cart_modal .cart_m_con .item_cont .item_icon{margin-top: 9px;}
    .cart_modal .cart_m_con .alert_itemrelation .alert_btn_box{margin-top: 20px;}
    .cart_modal .cart_m_con .alert_itemrelation .alert_btn_box .alert_close{width: 100%; color: #333333; font-size: 14px; line-height: 36px; border: 1px solid #f2f2f2; background-color: #fff;}
}

@media (max-width: 768px){
    .cart_modal .cart_m_con .btn_cart{width:20px; height:22px; right: 7px; bottom: 3px;}
    .cart_modal .cart_m_con .btn_cart span.item_cart_icon{background: url(https://fivepro.co.kr/img/mitem_cart_icon_off.png) center/20px 22px no-repeat;}
}

/* 상품상세페이지 관련상품 */
.item_detail.item-wrap{overflow: visible;}
.shop_container.shop_basic{overflow: visible;}
.shop_container.shop_basic .swiper-box{position: relative;}
.item_detail .item_rel_tit{border-bottom: none;}
.item_detail .item_rel_tit h3{color: var(--main-point-color); font-size: 20px; font-weight: 600;}
#itemrelation .img-wrap .img-item{border-radius: 3px;}
#itemrelation .img-wrap .img-item img{height: 100%; object-fit: cover; transform: scale(1) !important;}

#itemrelation .swiper-container .item_list .timer_box_i{padding: 4.5px 5px; position: absolute; top: 12px; left: 13px; color: #fff; background-color: #f86e78; border-radius: 3px; display: flex; align-items: center; justify-content: center; z-index: 1; line-height: 1em;}
#itemrelation .swiper-container .item_list .timer_box_i .time{font-size: 13px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; line-height: 1;}
#itemrelation .swiper-container .item_list .timer_box_i .time_box{display: flex; align-items: center; justify-content: center;}
#itemrelation .swiper-container .item_list .timer_box_i .text{font-size: 12px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; margin-left: 5px; line-height: 1;}
#itemrelation .swiper-container .item_list .timer_box_i .time_box .text{margin-left:0;}

#itemrelation .swiper-container .item_list .brand_icon{font-size: 11px; color: #828c94; line-height: 1em;}
#itemrelation .swiper-container .item_list strong {font-size: 13px; font-weight: 400; color: #424242; line-height: 1.4; margin: 6px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#itemrelation .swiper-container .item_list .item_price_box{line-height: 1.2em;}
#itemrelation .swiper-container .item_list .item_price_box .percent {font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; color: #f73111;}
#itemrelation .swiper-container .item_list .item_price_box .real_price {font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; color: var(--main-point-color);}
#itemrelation .swiper-container .item_list .item_info {margin-top: 10px; margin-bottom: 6px; line-height: 1em;}
#itemrelation .swiper-container .item_list .item_info .item_star .star_icon {font-size: 14px; color: #f4c748;}
#itemrelation .swiper-container .item_list .item_info .item_star_num {font-size: 12px; color: #424242; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 600;}

#itemrelation .swiper-container .item_list .item_info .use_count {margin-left: 2px; font-size: 12px; color: #9e9e9e; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800;}
#itemrelation .swiper-container .item_list .item_cont .item_depart{display: flex; align-items: center; line-height: 1em;}
#itemrelation .swiper-container .item_list .item_cont .item_depart span{font-size: 13px; color: #1673f1; font-family: 'SUIT', sans-serif; font-weight: 800; font-style: oblique; letter-spacing: -0.035em; margin-left: 3px;}
#itemrelation .swiper-container .item_list .item_cont .item_depart_num{font-size: 12px; color: #6db4e6; margin-top: 7px; line-height: 1em;}
#itemrelation .swiper-container .item_list .item_cont .item_icon{margin-top: 6px;}
#itemrelation .swiper-container .item_list .coupon_box{display: inline-block; margin-top: 6px;}
#itemrelation .swiper-container .item_list .coupon_icon{display: flex; align-items: center; padding: 4px 6px; border-radius: 3px; border: 1px solid #eaedef; line-height: 1em;}
#itemrelation .swiper-container .item_list .coupon_icon span{font-size: 11px; font-weight: 500; color: #242424; margin-left: 5px;}

.shop_container.shop_basic .item_price_box{margin-top: 0;}
.shop_container.shop_basic .item_price_box .sale_cont span{display: block;}
.shop_container.shop_basic .item_price_box .sale_cont span.perc{display: inline-block; font-size: 14px;}
.shop_container.shop_basic .item_price_box .sale_cont span.percent{color: #f73111; font-size: 16px; font-weight: 500;}
.shop_container.shop_basic .item_price_box > h5{color: var(--main-point-color); font-size: 13px; font-weight: 500;}
.shop_container.shop_basic .item_price_box > h5 .real_price{color: var(--main-point-color); font-size: 16px; font-weight: 500;}
#itemrelation .item_price_box > h5 span.only_member_txt_point{padding-top: 5px;}
.shop_container.shop_basic .item_price_box .sale_cont02{display: block;}
.shop_container.shop_basic .item_price_box .sale_cont strike{color: #999999; font-size: 13px; font-weight: 400;}
.shop_container.shop_basic .item-content strong{color: #333; font-size: 14px; font-weight: 400; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#itemrelation .shop-relation .item-info{display: block; text-align: left; padding: 0; margin: 7px 0 6px; border-top: none; background: transparent; line-height: 1em;}
#itemrelation .shop-relation .item-info span{margin-right: 0;font-size: 12px; color: #424242; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 600;}
#itemrelation .shop-relation .item-info span.use_count{margin-right: 0;font-size: 12px; color: #9e9e9e; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800;}
#itemrelation .shop-relation .item-star{color: #333333; font-size: 13px; font-weight: 400;}
#itemrelation .shop-relation .item-star .star_icon{font-size: 14px; color: #f4c748;}
#itemrelation .shop-relation .use_count{font-size: 13px; color: #999999;}
#itemrelation .btn_cart {display: block;width: 27px;height: 29px;position: absolute;right: 13px;bottom: 13px;transition: all .3s;}
#itemrelation .btn_cart span.item_cart_icon {display: block;width: 100%;height: 100%;background: url(https://fivepro.co.kr/img/item_cart_icon_off.png) no-repeat;position: absolute;top: 0;left: 0;transition: 0.3s;}
#itemrelation .btn_cart.on span.item_cart_icon {background: url(https://fivepro.co.kr/img/item_cart_icon_on.png) no-repeat;}
#itemrelation .btn_cart:hover span.item_cart_icon {opacity: 0.6;}
#itemrelation #item_relation_list .swiper-button{top: 32%; box-shadow: 0px 5px 10px 0px rgba(61, 61, 61, 3.15); transition: all .3s; opacity: 0.8;}
#itemrelation #item_relation_list .swiper-button::after{display: none;}
#itemrelation #item_relation_list .swiper-button-prev{left: -14px;}
#itemrelation #item_relation_list .swiper-button-next{right: -14px;}
#itemrelation #item_relation_list .swiper-button:hover{opacity: 1;}
#itemrelation #item_relation_list .swiper-button-prev.swiper-button-disabled{opacity: 0;}
#itemrelation #item_relation_list .swiper-button img{max-width: inherit;}
#item_relation_list .owl-hide{display: none;}
/* .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab{padding-top: 20px;} */
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group{margin-top: 0;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item{position: relative; border: none; background: transparent; margin-top: 10px; padding: 0 !important;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item{display: flex; justify-content: space-between;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .it_opt_tt{padding-top: 15px; color: #666666; font-size: 15px; font-weight: 400; display: none;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row{background-color: #f7f7f7; padding: 15px 15px 10px; display: block; border-radius: 5px; /*width: calc(100% - 123px); max-width: 395px;*/ width: 100%;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-7, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_tit{float: none; color: #333333; font-size: 13px; margin-top: 0;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count{float: none; padding-top: 30px; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-7 .it_opt_subj, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_tit .it_opt_subj{color: #333; font-size: 14px; line-height: 20px;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5 input, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count input{font-family: 'Pretendard';color: #3a3a3a; font-size: 16px; font-weight: 700; border: none; padding: 0 5px;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-plus-circle:before{background: #666; width: 12px; height: 2px; transform: translate(-4.9px, 0) rotate(0);}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-plus-circle:after{background: #666; width: 2px; height: 12px; transform: translate(0, -4.6px) rotate(0);}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-minus-circle:before{background: #666; width: 12px; height: 2px;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .input-group{border: 1px solid #f2f2f2; border-radius: 2px; max-width: 88px; background: #fff;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn{border: none; background: transparent;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_opt_del{position: absolute; top: 8px; right: 7px; z-index:1; }
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-times-circle::before{background: #686868; width: 15px; transform: translate(-7px, 0) rotate(0);}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-times-circle::after{background: #686868; height: 15px; transform: translate(0, -6.5px) rotate(0);}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .sum{position: relative;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .sum span{font-family: 'Pretendard';color: #333333; font-size: 18px; font-weight: 700;}
.shop-relation .item-point{display: none;}
@media (max-width: 991px) {
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-plus-circle:before {width: 8px;transform: translate(-4px, 0) rotate(0); top: 50%;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-plus-circle:after {height: 8px;transform: translate(-1px, -3px) rotate(0);}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-minus-circle:before {width: 8px;}
}
/* 수량 말풍선 */
.item_detail.item-wrap .item-head .pp_popup{position: absolute; top: -60px; right: 0; white-space : nowrap;}
.item_detail.item-wrap .item-head .pp_popup::before{content: ''; display: block; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute; right: 36px; bottom: -4px; border-radius: 2px;}
.item_detail.item-wrap .item-head .pp_popup::after{content: ''; display: block; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); position: absolute; right: 36px; bottom: -4px; border-radius: 2px;}
.item_detail.item-wrap .item-head .pp_popup .text{color: #f86e78; font-size: 13px; font-weight: 400; line-height: 18px; text-align: center; padding: 7px 12px !important; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: relative;}

@media (max-width: 991px){
    #item_relation_list .swiper-container{width: calc(100% + 15px);}
    .item_detail .item_rel_tit{margin: 0;}
    #itemrelation #item_relation_list .swiper-button{display: none;}
    .shop_container.shop_basic .item-content{padding-top: 12px;}
    .shop_container.shop_basic .item-content strong{font-size: 12px; line-height: 16px;}
    .shop_container.shop_basic .item_price_box > h5{font-size: 11.5px; font-weight: 600; padding-right: 5px;}
    .shop_container.shop_basic .item_price_box > h5 .real_price{font-size: 15px; font-weight: 600;}
    .shop_container.shop_basic .item_price_box > h5 span.only_member_txt_point{padding-top: 0;}
    .shop_container.shop_basic .item_price_box .sale_cont{margin-right: 3px;}
    .shop_container.shop_basic .item_price_box .sale_cont span.percent{font-size: 15px; font-weight: 600;}
    .shop_container.shop_basic .item_price_box .sale_cont span.perc{font-size: 13px; font-weight: 600;}
    .shop_container.shop_basic .item_price_box .sale_cont strike{font-size: 10.5px;}
    #itemrelation .shop-relation .item-info{line-height: 12px; margin: 6px 0;}
    #itemrelation .shop-relation .item-info .item-star{font-size: 11px;}
    #itemrelation .shop-relation .item-info .use_count{font-size: 11px;}
    #itemrelation .shop-relation .item-info .item-star .star_icon{font-size: 12px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con:before{display: none;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group{margin-bottom: 10px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item{margin-top: 7px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .it_opt_tt{display: none;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-7 .it_opt_subj, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_tit .it_opt_subj{font-size: 12.5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5 input, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count input{font-size: 13.5px;}

    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col-sm-5, .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .col_count{padding-top: 0;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_qty_minus{border: none;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_qty_plus{border: none;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .input-group{border-radius: 2.5px; max-width: 93.5px;}
    /* .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .fa-plus-circle:before{top: 49%;} */

    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row{width: 100%; max-width: 100%;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group.custom-item .list-group-item .row{border: none; padding: 18px;}
    /* .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .btn.it_opt_del{display: none;} */

    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .sum span{font-size: 13.5px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item .row .sum span .origin_price{font-size: 11.5px; font-weight: 400; color: #999999;}
    .item_detail.item-wrap .panel.mobile_divide{position: relative;}
    .item_detail.item-wrap .panel.mobile_divide::after{content: ''; display: block; width: calc(100% + 30px); position: relative; bottom: 0; left: -15px; height: 8px; background: #f9f9fa; margin-top: 35px;}

    #itemrelation .swiper-container .item_list .timer_box_i{top: 6px; left: 6px;font-size: 10px;white-space: nowrap;}
    #itemrelation .swiper-container .item_list .timer_box_i .time{font-size: 10px;}
    #itemrelation .swiper-container .item_list .timer_box_i .text{font-size: 10px;}
    #itemrelation .swiper-container .item_list .brand_icon{font-size: 10px;}
    #itemrelation .swiper-container .item_list strong{font-size: 12px; margin: 5px 0 7px;}
    #itemrelation .swiper-container .item_list .item_price_box{margin-top: 0;}
    #itemrelation .swiper-container .item_list .item_price_box .percent{font-size: 15px;}
    #itemrelation .swiper-container .item_list .item_price_box .percent span{font-size: 15px; font-weight: 600;}
    #itemrelation .swiper-container .item_list .item_price_box .real_price{font-size: 15px;}
    #itemrelation .shop-relation .item-info span{font-size: 11px;}
    #itemrelation .shop-relation .item-info span.use_count{font-size: 11px;}
    #itemrelation .swiper-container .item_list .item_cont .item_icon{margin-top: 7px;}
    #itemrelation .swiper-container .item_list .item_cont .item_depart img{width: 14px;}
    #itemrelation .swiper-container .item_list .coupon_icon span{font-size: 10px; padding-top: 2px;}
    #itemrelation .item_price_box > h5 span.only_member_txt_point{padding-top: 0;}

    /* .item_detail.item-wrap .item-head .pp_popup{display: none;} */
    .item_detail.item-wrap .item-head .pp_popup .text{font-size: 12px; line-height: 17px; border-radius: 10px; padding: 7px 7px !important;}
    .item_detail.item-wrap .item-head .row .form-container .text .it_option .it_option_tt.purchase_price{display: flex; align-items: center; justify-content: space-between;}
}

/* 옵션 */
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li:last-child{margin-bottom: 10px; /*width: calc(100% - 123px); max-width: 395px;*/}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name label{color: #666666; font-size: 15px; font-weight: 400;}
/* .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item+li::before{content: ''; display: block; width: calc(100% - 124px); height: 10px; position: absolute; top: -5px; right: 0; background-color: #fff; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item+li::after{content: ''; display: inline-block; height: 1px; background-color: #eeeeee; position: absolute; top: 0; right: 0; width: calc(100% - 123px); max-width: 395px;}
.item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item+.list-group-item .row{border-radius: 0 0 5px 5px;} */

@media (max-width: 991px){
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con{border-radius: 10px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview .pay_con_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: -1; display: none;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .btn_payview.active .pay_con_bg{display: block;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel{flex-direction: row;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name{width: 110px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li:last-child{/*width: calc(100% - 110px);*/ width: 100%; margin-bottom: 8px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel li.option_name label{font-size: 13px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .pay_tab .option_sel.it_supply{border-top: 1px solid #f7f7f7; padding-top: 12px;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item+li::before{width: 100%;}
    .item_detail.item-wrap .item-head .row .form-container .text .pay_con .list-group .list-group-item+li::after{width: 100%;}
    
}

@media (max-width: 768px){
    #itemrelation .btn_cart {width: 20px; height: 22px; right: 7px; bottom: 3px;}
    #itemrelation .btn_cart span.item_cart_icon{background: url(https://fivepro.co.kr/img/mitem_cart_icon_off.png) center/20px 22px no-repeat;}
    #itemrelation .btn_cart.on span.item_cart_icon{background: url(https://fivepro.co.kr/img/mitem_cart_icon_on.png) center/20px 22px no-repeat;}
    #itemrelation .btn_cart img {height: 30px;}
}

/* 추가옵션 */
.item_detail.item-wrap .pay_con .option_box {}
.item_detail.item-wrap .pay_con .option_box .it_op{}

/* 상품상세페이지 탭 */
.item_detail .item_detail_tab .tabs_box{border-bottom: none;}
.item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li span{font-weight: 400; color: #666666;}
.item_detail .item_detail_tab .tabs_box.fixed{top: 0px;}
.item_detail .item_detail_tab .tabs_box.fixed.admin_tabs_box{top: 50px;}

@media (max-width: 991px){
    .item_detail .item_detail_tab .tabs_box.fixed{top: 0;}
    .item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li{width: 25% !important;}
    .item_detail.item-wrap .item_detail_tab .tabs .tabs_box ul.tabs-top li span{width: 100%;}
    .item_detail .item_detail_tab .tabs_box.fixed.admin_tabs_box{top: 0px;}
}

/* 상품상세페이지 상품정보 */
.item_detail.item-wrap .tab_etc{border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f1f1f1; margin-top: 60px; padding-top: 50px; margin-bottom: 50px;}
.item_detail.item-wrap .tab_etc .item_table_tt{text-align: left; margin-bottom: 18px;}
.item_detail.item-wrap .tab_etc .it_detail{background: transparent;}
.item_detail.item-wrap .tab_etc .it_detail li{width: 100%; border-bottom: 1px solid #eeeeee;}
.item_detail.item-wrap .tab_etc .it_detail li:last-child{border: none;}
.item_detail.item-wrap .tab_etc .it_detail li .it_detail_tt{width: 15%; background: #f8f8f8; font-size: 15px; line-height: 21px; padding: 17.5px 20px;}
.item_detail.item-wrap .tab_etc .it_detail li .it_detail_con{width: 85%; font-size: 15px; line-height: 21px; padding: 10px 20px; color: var(--main-point-color);}
.item_detail.item-wrap .tab_etc .delivery_box .tbox-head{color: var(--main-point-color); font-size: 20px; font-weight: 600;}
.item-wrap .item_delivery .tbox-body{color: #666666; font-size: 14px; font-weight: 400; margin-bottom: 40px;}
.item-wrap .item_delivery.delivery_info .tbox-body{border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3;}
.item-wrap .item_delivery.delivery_ch .tbox-body{margin-bottom: 50px;}
.item-wrap .tab-pane .img_btn{width: 100%; background-color: #fff; color: #333333; font-size: 14px; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 8px; line-height: 56px; padding: 0 20px; border: 1px solid #dddddd; border-radius: 28px; max-width: 280px; margin: 30px auto 0;}
.item-wrap .tab-pane .img_btn .on{display: none;}
.item-wrap .tab-pane .img_btn.active img{transform: rotate(180deg);}
.item-wrap .img-resize{max-height: 2500px; overflow: hidden;}
.item-wrap .img-resize.open{max-height: 100%; overflow: visible;}

@media (max-width: 991px){
    .item_detail.item-wrap .tab_etc{padding-top: 20px; margin-bottom: 37.5px; border-top: 8px solid #f9f9fa; border-bottom: none; width: calc(100% + 30px); position: relative; left: -15px;}
    .item_detail.item-wrap .tab_etc .item_delivery{padding: 0 15px;}
    .item_detail.item-wrap .tab_etc .item_table_tt{font-size: 16px; font-weight: 600; cursor: pointer; position: relative;}
    .item_detail.item-wrap .tab_etc .item_table_tt::before, .item_detail.item-wrap .tab_etc .item_table_tt::after{content: ''; display: block; width: 10px; height: 1px; background-color: var(--main-point-color)000; position: absolute; top: 50%; right: 17px;}
    .item_detail.item-wrap .tab_etc .item_table_tt::before{transform: translateY(-50%) rotate(45deg);}
    .item_detail.item-wrap .tab_etc .item_table_tt::after{transform: translateY(-50%) rotate(-45deg); right: 10px;}
    .item_detail.item-wrap .tab_etc .item_table_tt.on::before{transform: translateY(-50%) rotate(-45deg);}
    .item_detail.item-wrap .tab_etc .item_table_tt.on::after{transform: translateY(-50%) rotate(45deg);}
    .item-wrap .img-resize{max-height: 1000px; padding-bottom: 0;}
    .item_detail.item-wrap .img-resize.mobile_divide:after{display: none;}
    .item-wrap .tab-pane .img_btn{position: relative; max-width: 100%; z-index: 1; font-size: 13px; font-weight: 500; line-height: 38px; margin: 0 auto;}
    .item-wrap .tab-pane .img_btn p{font-family: 'SUIT-Bold';}
    .item-wrap .tab-pane .img_btn img{width: 9px;}
    .item-wrap .tab-pane .btn_bg{position: relative;}
    .item-wrap .tab-pane .btn_bg::after{content: ''; display: block; width: 100%; height: 120px; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(transparent 1%,#fff 50%,#fff 99%);}
    .item-wrap .tab-pane .btn_bg.off::after{display: none;}
    .item_detail.item-wrap .tab_etc .it_detail li{border-bottom: 1px solid #eee;}
    .item_detail.item-wrap .tab_etc .it_detail li:after{display: none;}
    .item_detail.item-wrap .tab_etc .it_detail li .it_detail_tt{width: 40.2%; max-width: 130px; font-size: 11px; line-height: 15px; padding: 12.5px 15px;}
    .item_detail.item-wrap .tab_etc .item_delivery:first-child .tbox-body{display: none;}
    .item_detail.item-wrap .tab_etc .item_delivery .tbox-head{background: transparent; font-size: 16px; padding: 19.25px 0 !important; position: relative;}
    .item_detail.item-wrap .tab_etc .item_delivery .tbox-head::before, .item_detail.item-wrap .tab_etc .item_delivery .tbox-head::after{content: ''; display: block; width: 10px; height: 1px; background-color: var(--main-point-color)000; position: absolute; top: 50%; right: 17px;}
    .item_detail.item-wrap .tab_etc .item_delivery .tbox-head::before{transform: translateY(-50%) rotate(45deg);}
    .item_detail.item-wrap .tab_etc .item_delivery .tbox-head::after{transform: translateY(-50%) rotate(-45deg); left: auto; display: block !important; right: 10px;}
    .item_detail.item-wrap .tab_etc .item_delivery .tbox-head.on::before{transform: translateY(-50%) rotate(-45deg);}
    .item_detail.item-wrap .tab_etc .item_delivery .tbox-head.on::after{transform: translateY(-50%) rotate(45deg);}
    .item_detail.item-wrap .tab_etc .item_delivery.on .tbox-head{background: transparent;}
    .item_detail.item-wrap .tab_etc .it_detail li .it_detail_con{font-size: 11px; color: var(--main-point-color); line-height: 15px;}
}

/* 상세페이지 후기 */
.m-review-panel .review-body > div .table-row .table-cell{padding: 20px 0;}
.responsive .fix_panel .m-review-panel{border: none;}
.responsive .fix_panel .fix_panel_head{display: flex; align-items: center; justify-content: space-between; padding-bottom: 17px;}
.item_detail.item-wrap .panel.panel-default .fix_panel_head .btn{padding: 5px 15px; color: var(--main-point-color-hover); font-size: 14px; font-weight: 400; line-height: 23px; position: relative;}
.item_detail.item-wrap .panel.panel-default .fix_panel_head .btn::before{display: block; content: ""; width: 8px; height: 1px; background: var(--main-point-color-hover); position: absolute; top: 43%; right: 0; transform: rotate(45deg);}
.item_detail.item-wrap .panel.panel-default .fix_panel_head .btn::after{display: block; content: ""; width: 8px; height: 1px; background: var(--main-point-color-hover); position: absolute; top: 58%; right: 0; transform: rotate(-45deg);}
.m-review-panel .review-body .cnt-wrap .grade_star{display: flex; align-items: center; justify-content: center;}
.m-review-panel .review-body .cnt-wrap .grade_star .fa::before{display: none;}
.m-review-panel .review-body .cnt-wrap .grade_star .fa::after{content: ''; display: block; width: 23px;height: 22px; margin: 0 3px;}
.m-review-panel .review-body .cnt-wrap .grade_star .fa-star::after{background: url(/img/fa-star.png) no-repeat 100% 100% / cover;}
.m-review-panel .review-body .cnt-wrap .grade_star .fa-star-o::after{background: url(/img/fa-star-o.png) no-repeat 100% 100% / cover;}

@media (max-width: 991px){
    .responsive .fix_panel .fix_panel_head{padding-bottom: 0;}
    .item_detail.item-wrap .panel.panel-default .fix_panel_head .btn{font-size: 13px;}
    .item_detail.item-wrap .panel.panel-default .fix_panel_head .btn::before{width: 6px;}
    .item_detail.item-wrap .panel.panel-default .fix_panel_head .btn::after{width: 6px;}
    .m-review-panel .review-body .cnt-wrap .grade_star .fa-star::after{width: 16.5px; height: 15.5px; margin: 0;}
    .m-review-panel .review-body .cnt-wrap .grade_star .fa-star-o::after{width: 16.5px; height: 15.5px; margin: 0;}
}

.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_num{margin-left: 0;}
.m-review-panel .review-body .cnt-wrap .grade_num .grade{padding: 20px 0;}
.m-review-panel .review-body .cnt-wrap .grade_num .grade .cur{color: var(--main-point-color); font-size: 35px; font-weight: 600;}
.m-review-panel .review-body .cnt-wrap .grade_num .grade .bar{color: #dcdcdc; font-size: 32px; font-weight: 600; position: relative; top: -2px;}
.m-review-panel .review-body .cnt-wrap .grade_num .grade .total{color: #dcdcdc; font-size: 35px; font-weight: 600;}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_total{font-size: 15px; font-weight: 400; margin-bottom: 0;}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_total span{font-size: 15px; font-weight: 500;}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul{display: block; height: auto;}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li{width: 100%; height: 8px; margin: 20px 0; display: flex; align-items: center; justify-content: space-between; max-width: 322px;}
.m-review-panel .review-body > div .table-row{background-color: #f6f6f6;}
.m-review-panel .review-body > div .table-row .table-cell ul li:before{width: 100%; height: 8px; left: 30px; max-width: 240px; background-color: #e5e5e5;}
.m-review-panel .review-body > div .table-row .table-cell ul li:after{width: 0%; height: 8px; left: 30px; max-width: 240px; background-color: var(--main-point-bg-color-hover);}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li .point_num{color: #666666; bottom: 1px; left: -15px; position: relative;}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li .top_point{display: none;}
.item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li .point_percent{color: #666666; font-size: 14px; position: relative; left: -10px;}
.m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left: none;}
.panel-body #itemuse .list-board{border-top: 1px solid #eeeeee;}
.panel-body #itemuse .list-board li{border-bottom: 1px solid #eeeeee;}
.panel-body #itemuse .list-board .list-board-tt{display: flex; align-items: end; justify-content: space-between;}
.panel-body #itemuse .list-board .list-board-tt h4{color: var(--main-point-color); font-size: 22px; font-weight: 600; padding-top: 50px;}
.panel-body #itemuse .list-board .list-board-tt h4 span{color: var(--main-point-color-hover); font-size: 22px; font-weight: 600;}
.panel-body #itemuse .list-board .list-board-tt .tab_box{display: flex; align-items: baseline;}
.panel-body #itemuse .list-board .list-board-tt .tab_box a{color: #999999; font-size: 15px; font-weight: 400; position: relative;}
.panel-body #itemuse .list-board .list-board-tt .tab_box a.on{color: var(--main-point-color-hover);}
.panel-body #itemuse .list-board .list-board-tt .tab_box a+a{margin-left: 8px; padding-left: 8px;}
.panel-body #itemuse .list-board .list-board-tt .tab_box a+a::before{content: ''; display: block; width: 1px; height: 15px; background-color: #dcdcdc; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list{border: none;}

@media (max-width: 991px){
    .m-review-panel .review-body .cnt-wrap.table .grade_num .grade .cur{font-size: 27.5px; margin-right: 0;}
    .m-review-panel .review-body .cnt-wrap .grade_num .grade{padding: 0;}
    .m-review-panel .review-body .cnt-wrap .grade_num .grade .bar{font-size: 25px;}
    .m-review-panel .review-body .cnt-wrap .grade_num .grade .total{font-size: 27.5px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_total{font-size: 11px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table_cell_star .grade_total span{font-size: 10px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell+.table-cell{padding-right: 20px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li{margin: 15px 0;}
    .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li .point_num{color: #999; font-size: 11px; left: 4px; top: 1px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li .point_percent{font-size: 11px; font-weight: 500; left: 0;}
    .m-review-panel .review-body > div .table-row .table-cell ul li:after{height: 5.5px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .review-body .table-row .table-cell ul li:before{width: 65%; height: 5.5px;}
    .item_detail .m-review-panel .review-body .cnt-wrap.table{border-bottom: none; padding-top: 5px;}
    .panel-body #itemuse::after{content: ''; display: block; width: calc(100% + 30px); height: 8px; background-color: #f9f9fa; position: relative; left: -15px;}
    .panel-body #itemuse .list-board .list-board-tt h4{font-size: 13.5px; padding-top: 20px;}
    .panel-body #itemuse .list-board .list-board-tt h4 span{font-size: 13.5px;}
    .panel-body #itemuse .list-board .list-board-tt .tab_box a{font-size: 12px;}
    .panel-body #itemuse .list-board .list-board-tt .tab_box a+a::before{height: 10px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list{margin-bottom: 35px;}
}

.item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul li{border-radius: 5px; overflow: hidden; min-width: 141px;}
.responsive .photo_review ul li.last_more_btn{background: #999999;}
.item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul li.last_more_btn button{font-size: 15px; font-weight: 500; line-height: 18px; letter-spacing: 0.1em;}

@media (max-width: 991px){
    .item_detail.item-wrap .review_banner .btn_write{max-width: 156px; padding: 0 40.3px;}
    .item_detail .review_banner .btn_write > span{font-size: 12px;}
    .item_detail.item-wrap .panel.panel-default .fix_panel_head .panel-title{font-size: 17px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul{justify-content: flex-start;}
    .item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul li{border-radius: 2.5px; min-width: 60px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .photo_review ul li.last_more_btn{display: none;}
}

/* 상세페이지 후기 > 포토후기 */
.responsive .photo_review{margin-bottom: 50px;}
.responsive .photo_review .img_review_tt{display: flex; align-items: end; justify-content: space-between; padding-bottom: 20px;}
.responsive .photo_review .img_review_tt h4{color: var(--main-point-color); font-size: 22px; font-weight: 600;}
.responsive .photo_review .img_review_tt h4 span{color: var(--main-point-color-hover); font-size: 22px; font-weight: 600;}
.responsive .photo_review .img_review_tt a{color: #666666; font-size: 15px; font-weight: 400;}

@media (max-width: 991px){
    .responsive .photo_review .img_review_tt{padding-bottom: 15px;}
    .responsive .photo_review .img_review_tt h4{font-size: 15px;}
    .responsive .photo_review .img_review_tt h4 span{font-size: 15px;}
    .responsive .photo_review .img_review_tt a{font-size: 12px;}
}

/* 상세페이지 후기 > 리스트 */
.item_detail.item-wrap .panel.panel-default #itemuse .list-board{border-top: 1px solid #eeeeee;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li{border-bottom: 1px solid #eeeeee; padding: 30px 0 20px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .profile_box{display: flex;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .user_info .icon_box{margin-right: 10px; width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .user_info .member_icon{display: block; width: 100%; height: 100%; background-color: #d7d7d7;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .user_info .member_icon img{display: block; width: 100%;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li.none{color: #b5b5b5; font-weight: 500; padding-bottom: 50px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li.none img{display: block; margin: 0 auto 15px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .user{color: var(--main-point-color); font-size: 14px; font-weight: 600; margin-left: 0;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .date{color: #999999; font-size: 12px; font-weight: 500; margin-left: 10px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color{font-size: 18px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color .fa-star:before{color: #ffc600; font-size: 18px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color .fa-star-o:before{color: #e5e5e5; font-size: 18px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .content_title{color: #666666; font-size: 13px; font-weight: 500;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .content-txt{color: #333333; font-size: 14px; font-weight: 400; line-height: 25px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_box{margin-top: 20px; display: flex; align-items: center; justify-content: flex-end;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_box p{color: #c7c7c7; font-size: 13px; font-weight: 500;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_btn{margin-left: 10px; display: flex; align-items: center; gap: 3px; background-color: transparent; color: #999999; padding: 4px 9.6px; border: 1px solid #999999; border-radius: 15px; font-size: 13px; font-weight: 500;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_btn .com_icon{display:block; background: url(https://fivepro.co.kr/img/recommend_icon_off.png) no-repeat 100% 100% /cover; width: 12px; height: 10px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_btn.on{color: var(--main-point-btn-line-color-hover); border: 1px solid var(--main-point-btn-line-color-hover);}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_btn.on .com_icon{background: url(https://fivepro.co.kr/img/recommend_icon_on.png) no-repeat 100% 100% /cover;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box{margin-top: 0;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box .thumb-img{border-radius: 5px; overflow: hidden; margin-right: 5px;}
.item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box .thumb-img + .thumb-img{margin-left: 5px;}

@media (max-width: 991px){
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list{margin-bottom: 0;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li{padding: 20px 0 35px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .user{font-size: 11.5px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .date{font-size: 11.5px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li.none{font-size: 12.5px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li.none img{width: 41px; height: 41px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .user_info .icon_box{width: 35px; height: 35px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .content_title{font-size: 13px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color .fa-star:before{font-size: 12px; margin-right: 3px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .it_review_tit .thema-color .fa-star-o:before{font-size: 12px; margin-right: 3px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box{overflow: visible; width: auto; display: flex;}
    .item_detail .list-board .board-list li .content-box .content{overflow: visible;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .thumb-box .thumb-img{border-radius: 2.5px; margin-right: 4.5px; width: 32.72%; min-width: 115px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .content-txt{font-size: 12px; line-height: 20px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_box p{font-size: 11.5px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_btn{font-size: 10px; padding: 0 8.76px; line-height: 22px; margin-left: 7px;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_btn .com_icon{width: 10.5px; height: 9.5px; background: url(https://fivepro.co.kr/img/mrecommend_icon_off.png) no-repeat 100% 100% /cover;}
    .item_detail.item-wrap .panel.panel-default #itemuse .list-board .board-list > li .content-box .com_btn.on .com_icon{background: url(https://fivepro.co.kr/img/mrecommend_icon_on.png) no-repeat 100% 100% /cover;}
}

/* 상세페이지 후기 페이징 */
@media (max-width: 991px){
    .use-btn .pagination li a{font-size: 12px;}
}

/* 상세페이지 후기 작성 팝업 */
.it_detail_modal .rv_modal .use_form_star_con i.fa-star-o{color: #e5e5e5;}
.it_detail_modal .rv_modal .use_form_star_con i.fa-star-o::before{content: "\f005";}

@media (max-width: 991px){
    .it_detail_modal .rv_modal .use_form .use_tt{font-size: 16px;}
    .it_detail_modal .rv_modal .use_form_review_bot input, .it_detail_modal .rv_modal .use_form_review_bot textarea{font-size: 16px;}
    .it_detail_modal .rv_modal .use_form_review_bot input::placeholder, .it_detail_modal .rv_modal .use_form_review_bot textarea::placeholder{font-size: 16px;}
    .it_detail_modal .rv_modal .use_form_review_top_select select{font-size: 12px; line-height: 35.5px; height: 37.5px;}
}

/* 상세페이지 문의 */
.item_detail .panel{margin-top: 50px; margin-bottom: 90px;}
.item_detail .panel_banner{background: #f6f6f6; padding: 45px 0 55px; margin-bottom: 40px; text-align: center;}
.item_detail .panel_banner .txt.tt{font-size: 24px; font-weight: 600; text-align: center; padding-bottom: 10px;}
.item_detail .panel_banner .txt.cont{color: #666666; font-size: 18px; font-weight: 400; text-align: center; padding-bottom: 33px;}
.item_detail.item-wrap .panel_banner .btn_write{ height: 56px; line-height: 54px; border-radius: 28px; background: var(--main-point-btn-bg-color-hover); display: inline-block; text-align: center; padding: 0 125px;}
.item_detail.item-wrap .panel_banner .btn_write > span{display: block; font-size: 17px; line-height: 56px; color: #fff;}
.qa_panel.panel .panel-heading{padding-bottom: 11px; display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 0;}
.qa_panel.panel .panel-heading .btn{padding: 5px 15px; color: var(--main-point-color-hover); font-size: 14px; font-weight: 400; position: relative;}
.qa_panel.panel .panel-heading .btn::before{display: block; content: ""; width: 8px; height: 1px; background: var(--main-point-color-hover); position: absolute; top: 41%; right: 0; transform: rotate(45deg);}
.qa_panel.panel .panel-heading .btn::after{display: block; content: ""; width: 8px; height: 1px; background: var(--main-point-color-hover); position: absolute; top: 58%; right: 0; transform: rotate(-45deg);}
.qa_panel .list-board .board-list li{border-bottom: 1px solid #eeeeee;}
.qa_panel .list-board .board-list li.none{color: #b5b5b5; font-weight: 500;}
.qa_panel .list-board .board-list li.none img{display: block; margin: 0 auto 15px;}
.item_detail.item-wrap .panel.panel-default .item-page{width: 100%; text-align: center;}
/* .qa_panel .div-head{border-top: 1px solid #333333; border-bottom: 1px solid #333333; padding: 17px 0;} */
.qa_panel .div-head{background-color: #f6f6f6; padding: 17px 0; border: none;}
.qa_panel .div-head > span{font-size: 14px;}
.qa_panel .list-board .board-list li > a{padding: 21px 0;}
.qa_panel .list-board .board-list li > a > div{color: #666666; font-size: 13px;}

@media (max-width: 991px){
    .item_detail.item-wrap .panel.qa_panel .panel-title{font-size: 16px; line-height: 18.5px; padding-bottom: 0;}
    .item_detail .panel{margin-top: 25px;}
    .item_detail .panel_banner{padding: 22px 0 22.5px;}
    .item_detail .panel_banner .txt.tt{font-size: 17px; padding-bottom: 5px;}
    .item_detail .panel_banner .txt.cont{font-size: 13px; padding-bottom: 15px;}
    .item_detail.item-wrap .panel_banner .btn_write{height: 34px; line-height: 32px; padding: 0 56px;}
    .item_detail.item-wrap .panel_banner .btn_write > span{font-size: 12px; line-height: 32px;}
    .qa_panel.panel .panel-heading{padding-bottom: 15px;}
    .qa_panel.panel .panel-heading .btn{font-size: 13px; padding: 0 15px;}
    .qa_panel.panel .panel-heading .btn::before{width: 6px; top: 39%;}
    .qa_panel.panel .panel-heading .btn::after{width: 6px;}
    .qa_panel .div-head{padding: 10.2px 0;}
    .qa_panel .div-head > span{font-size: 11px;}
    .qa_panel .list-board .board-list li > a{padding: 12.5px 0;}
    .qa_panel .list-board .board-list li > a > div{font-size: 10px;}
    .qa_panel .list-board .board-list li.none{font-size: 12.5px;}
    .qa_panel .list-board .board-list li.none img{width: 41px; height: 41px;}
    .item_detail.item-wrap .panel.panel-default .item-page{padding-bottom: 30px;}
}

/* 상세페이지 > 상품문의 모달창 */
.it_detail_modal .rv_modal .rv_btn_sec li a, .it_detail_modal .rv_modal .rv_btn_sec li button{height: 50px; min-width: 140px; line-height: 48px;}
.it_detail_modal .rv_modal .use_form_table{display: none;}

@media (max-width: 991px){
    .it_detail_modal .rv_modal .rv_btn_sec li a, .it_detail_modal .rv_modal .rv_btn_sec li button{height: 47.5px; min-width: 140px; line-height: 45.5px;}
}

/* 상품의 장바구니 아이콘 클릭 시 나오는 모달창 */
.modal_cart_box {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 35; width: 440px; background: #fff; border-radius: 20px; padding: 30px;}
.modal_cart_box .modal_cart_close {position: absolute; top: 30px; right: 30px;}
.modal_box_bg {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 34; background: rgba(0, 0, 0, 0.5);}
.modal_cart_box .modal_cart_head {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 11px;}
.modal_cart_box .modal_cart_head .cart_left_img {width: 15.78947%; border-radius: 5px; overflow: hidden;}
.modal_cart_box .modal_cart_head .cart_right_text {width: 80.52631%;}
.modal_cart_box .modal_cart_head .cart_right_text .cart_desc {font-size: 13px; font-weight: 300; color: #666; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.modal_cart_box .modal_cart_head .cart_right_text .cart_name {font-size: 16px; font-weight: 500; color: #222; line-height: 1.2; margin-top: 7px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.modal_cart_box .modal_cart_bot #item_option {margin-top: 19px;}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box + .modal_cont_option_box {border-top: 1px solid #eee; margin-top: 9px; padding-top: 9px;}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option {display: flex; align-items: center;}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option + .modal_cont_option {margin-top: 6px;}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_name {width: 76px;}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_name label {font-size: 15px; font-weight: 300; color: #666;}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select {width: calc(100% - 76px); position: relative;}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select select {width: 100%; height: 54px; border: 1px solid #dcdcdc; border-radius: 5px; font-size: 14px; line-height: 51px; color: #333; padding-left: 15px; appearance: none;}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select .arrow {position: absolute; right: 20px; top: 50%; transform: translatey(-50%);}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select .arrow span:before {content: ""; display: inline-block; width: 1px; height: 7px; background: #333; transform: rotate(-45deg); position: relative; left: -3px;}
.modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select .arrow span:after {content: ""; display: inline-block; width: 1px; height: 7px; background: #333; transform: rotate(45deg);}
.modal_cart_box .modal_cart_bot #it_sel_option.none_option .it_sel_option_box {margin-top: 19px;}
.modal_cart_box .modal_cart_bot #it_sel_option.some_option {border: 1px solid #eee; border-radius: 5px; margin-top: 6px;}
.modal_cart_box .modal_cart_bot #it_sel_option.some_option .it_sel_option_box {position: relative; padding: 19px;}
.modal_cart_box .modal_cart_bot #it_sel_option.some_option .it_sel_option_box + .it_sel_option_box {border-top: 1px solid #eee;}
.modal_cart_box .modal_cart_bot #it_sel_option.some_option .it_sel_option_box .option_close {position: absolute; top: 16px; right: 18px;}
.modal_cart_box .modal_cart_bot #it_sel_option.some_option .it_sel_option_box .modal_quantity_box {margin-top: 12px;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_name {font-size: 14px; color: #222;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box {display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_price {width: 280px;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_price .real_price {font-size: 18px; color: #222;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_price .cost_price {font-size: 14px; color: #999; text-decoration: line-through; margin-left: 2px;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_quantity {display: flex; align-items: center; width: calc(100% - 280px); min-width: 100px; height: 36px; padding: 0 12px; line-height: 33px; border: 1px solid #ddd; border-radius: 2px;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_quantity button {border: none; background: transparent;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_quantity button span {font-size: 18px; font-weight: 600;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_quantity .modal_minus span {color: #ddd;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_quantity .modal_plus span {color: #333;}
.modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_quantity input {border: none; width: 100%; font-size: 14px; font-weight: 600; color: #3a3a3a; text-align: center;}
.modal_cart_box .modal_cart_bot .modal_total_price {display: flex; align-items: flex-start; justify-content: space-between;}
.modal_cart_box .modal_cart_bot #it_sel_option.none_option + .modal_total_price {border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px;}
.modal_cart_box .modal_cart_bot #it_sel_option.some_option + .modal_total_price {margin-top: 16px;}
.modal_cart_box .modal_cart_bot .modal_total_price .left_text {font-size: 16px; font-weight: 600; color: #222; margin-top: 4px;}
.modal_cart_box .modal_cart_bot .modal_total_price .right_price {text-align: right;}
.modal_cart_box .modal_cart_bot .modal_total_price .right_price .real_price {font-size: 24px; font-weight: 600; color: #222;}
.modal_cart_box .modal_cart_bot .modal_total_price .right_price .point_saving {font-size: 14px; margin-top: 8px;}
.modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box {display: flex; align-items: center; justify-content: space-between; margin-top: 19px;}
.modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box li button {background: transparent; border: none;}
.modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box .btn_wish {width: 13.94736%; height: 53px; border: 1px solid #ddd; border-radius: 5px; text-align: center; line-height: 48px;}
.modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box .btn_wish img {height: 20px;}
.modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box .btn_cart {width: 13.94736%; height: 53px; border: 1px solid #ddd; border-radius: 5px; text-align: center; line-height: 43px;}
.modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box .btn_cart img {height: 21px;}
.modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box .btn_buy {width: 66.57894%; height: 53px; text-align: center; background: var(--main-point-btn-bg-color-hover); border-radius: 5px; font-size: 16px; line-height: 45px; color: #fff;}

@media (max-width: 991px) {
    .modal_cart_box .modal_cart_close img {height: 16px;}
    .modal_cart_box .modal_cart_head .cart_left_img {width: 19.69696%;}
    .modal_cart_box .modal_cart_head .cart_left_img img {width: 100%;}
    .modal_cart_box .modal_cart_head .cart_right_text {width: 75.75757%;}
    .modal_cart_box .modal_cart_bot #it_sel_option.some_option .it_sel_option_box .option_close img {height: 11px;}
}

@media (max-width: 768px) {
    .modal_cart_box .modal_cart_close {top: 20px; right: 20px;}
    .modal_cart_box .modal_cart_head {padding-bottom: 12.5px;}
    .modal_cart_box .modal_cart_head .cart_right_text .cart_desc {font-size: 11.5px;}
    .modal_cart_box .modal_cart_head .cart_right_text .cart_name {font-size: 15px; margin-top: 6px;}
    .modal_cart_box .modal_cart_bot #item_option {margin-top: 20px;}
    .modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box + .modal_cont_option_box {margin-top: 9.5px; padding-top: 9.5px;}
    .modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option + .modal_cont_option {margin-top: 4.5px;}
    .modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_name {width: 110px;}
    .modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_name label {font-size: 13px; padding-left: 2.5px;}
    .modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select {width: calc(100% - 110px);}
    .modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select select {height: 35px; border-radius: 2.5px; font-size: 12.5px; line-height: 33px; border: 1px solid #ddd;}
    .modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select .arrow {right: 12.5px;}
    .modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select .arrow span:before {height: 6px;}
    .modal_cart_box .modal_cart_bot #item_option .modal_cont_option_box .modal_cont_option .option_select .arrow span:after {height: 6px;}
    .modal_cart_box .modal_cart_bot #it_sel_option.some_option {border-radius: 2.5px; margin-top: 9.5px;}
    .modal_cart_box .modal_cart_bot #it_sel_option.some_option .it_sel_option_box {padding: 19.5px 17.5px;}
    .modal_cart_box .modal_cart_bot #it_sel_option.some_option .it_sel_option_box .option_close {top: 17px; right: 14.5px;}
    .modal_cart_box .modal_cart_bot #it_sel_option.some_option .it_sel_option_box .modal_quantity_box {margin-top: 10.5px;}
    .modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_name {font-size: 13px;}
    .modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_price {width: 199.5px;}
    .modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_price .real_price {font-size: 13.5px;}
    .modal_cart_box .modal_cart_bot #it_sel_option .it_sel_option_box .modal_quantity_box .modal_quantity {width: calc(100% - 199.5px); min-width: auto; max-width: 93.5px; height: 32px; padding: 0 10.5px; line-height: 30px; border-radius: 2.5px;}
    .modal_cart_box .modal_cart_bot .modal_total_price .left_text {font-size: 15px;}
    .modal_cart_box .modal_cart_bot .modal_total_price .right_price .real_price {font-size: 19px;}
    .modal_cart_box .modal_cart_bot .modal_total_price .right_price .point_saving {font-size: 11.5px; margin-top: 9.5px;}
    .modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box {margin-top: 20px;}
    .modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box .btn_wish {width: 13.63636%; height: 45px; border-radius: 2.5px; line-height: 40px;}
    .modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box .btn_cart {width: 13.63636%; height: 45px; border-radius: 2.5px; line-height: 34px;}
    .modal_cart_box .modal_cart_bot .modal_btn .modal_btn_box .btn_buy {width: 66.36363%; height: 45px; border-radius: 2.5px; font-size: 14px; line-height: 39px;}
}

@media (max-width: 480px) {
    .modal_cart_box {display: block; top: auto; bottom: -100%; transform: translate(-50%, 0); width: 100%; border-radius: 10px 10px 0 0; padding: 29.5px 15px 15px 15px;}
    .modal_cart_box .modal_cart_close {top: 14px; right: 14px;}
}

/* 회원가입 */
.sub_text.register_tt{margin-top: 50px; margin-bottom: 70px;}
.sub_text.register_tt h1{color: var(--main-point-color);}
.register-wrap .register_sheet .reg_tab{padding: 0 83.5px;}
.register-wrap .register_sheet .reg_form .red{display: none;}
.register-wrap .register_sheet .reg_form_com .input-box input:focus{border: 1px solid var(--main-point-line-color-hover);}
.register-wrap .register_sheet .reg_form_com .reg_form_name button.win_btn{transition: 0.3s; background-color: #f6f6f6; border: 1px solid #f6f6f6; color: #999999 !important;}
.register-wrap .register_sheet .reg_form_com .reg_form_name button.win_btn:hover{background-color: var(--main-point-btn-line-color-hover); color: #fff !important;}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .check-input + label{color: #999999;}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .check-input:checked + label{color: #333333;}
@media (max-width: 991px){
    .sub_text.register_tt{margin-bottom: 30px;}
    .sub_text.register_tt h1{font-size: 21px; margin-bottom: 35px;}
    .register-wrap .register_sheet .reg_tab{padding: 0; padding-bottom: 39px; gap: 9.5px;}
    .register-wrap .register_sheet .reg_form_com .reg_form_name button.win_btn{padding: 9.25px 10px;}
    .register-wrap .register_sheet .reg_form_per .input-box-msg.email > div.email_msg{width: 100%;}
}

/* 회원가입 이용약관 동의 */
.register-wrap .register_sheet .reg_form .reg_terms .check-box .detail-content{overflow: hidden;}
.register-wrap .register_sheet .reg_form .reg_terms .check-box.active .detail-content{padding: 20px 6px 20px 20px;}
.register-wrap .register_sheet .reg_form .reg_terms .check-box .detail-content .cf_box{overflow-y: auto; height: 105px; padding-right: 5px;}
.register-wrap .register_sheet .reg_form .reg_terms .check-box.active .detail-content .cf_box::-webkit-scrollbar{width: 4px;}
.register-wrap .register_sheet .reg_form .reg_terms .check-box.active .detail-content .cf_box::-webkit-scrollbar-thumb{background: #d6d6d6; width: 4px;}
.register-wrap .register_sheet .reg_form .reg_terms .check-box.active .detail-content .cf_box::-webkit-scrollbar-button{background-color: #f8f8f8;}

@media (max-width: 991px){
    .register-wrap .register_sheet .reg_form .reg_terms h1{font-size: 15px; font-weight: 600;}
    .register-wrap .register_sheet .reg_form .reg_terms .check-box.active .detail-content{padding: 15px 5px 15px 15px; font-size: 11.5px; line-height: 21.5px;}
}

/* 회원가입 자동등록방지 */
#captcha .captcha_imgbox{width: 240px; height: 45px; line-height: 45px; overflow: hidden; border: 1px solid #d6d6d6; background-color: #fff; border-radius: 5px; text-align: center;}
#captcha #captcha_img{width: auto; height: 100%; border: none; display: inline-block;}
#captcha .capcha_aid{width: 22px; display: flex; flex-flow: column; margin: 0;}
/* .register-form #captcha #captcha_key{width: 240px; height: 45px; margin: 0; padding: 0 25px; border: 1px solid #d6d6d6; border-radius: 5px; background-color: #fff !important;} */
#captcha #captcha_mp3{width: 22px; height: 22px; left: auto; text-indent: -9999px;}
#captcha #captcha_mp3 span{width: 100%; height: 100%; background: url(/img/modal_captcha_mp3.jpg) no-repeat #e3e3e3; background-size: cover; background-position: left top;}
#captcha #captcha_reload{width: 22px; height: 22px; background: url(/img/modal_captcha_reload.jpg) no-repeat #e3e3e3; background-size: cover; left: auto; text-indent: -9999px; top: 22px;}
/* .register-wrap .register_sheet .reg_form .reg_terms #captcha #captcha_info{font-size: 13px; color: #999999; margin-top: 13px;} */
.register-wrap .register_sheet .reg_form .reg_terms .regbtn-wrap #btn_submit{border-radius: 30px;}
.register-wrap .register_sheet .reg_form .captcha_html{padding-top: 39px;}
.register_result_btn a{padding: 0 55.55px;}
/* #captcha #captcha_img{width: 160px; height: 60px;}
#captcha #captcha_key{width: 160px; margin: 0 0 0 28px;} */

@media (max-width: 1500px){
    /* #captcha #captcha_img{width: 44%;} */
    /* .register-form #captcha #captcha_key{width: 44% !important;} */
    /* #captcha #captcha_mp3{left: 48%;}
    #captcha #captcha_reload{left: 48%;} */
}

@media (max-width: 991px){
    #captcha #captcha_img{width: 145px;}
    .register-form #captcha #captcha_key{width: auto; flex: 1; height: 41px; padding: 0 15px; border-radius: 2.5px;}
    /* #captcha #captcha_mp3{left: 173px;}
    #captcha #captcha_reload{left: 160px;} */
    /* .at-html #captcha.m_captcha #captcha_img{width: 145px; height: 56.5px;  border-radius: 0 !important;} */
    /* #captcha.m_captcha #captcha_mp3{left: auto; transform: translateX(-1px); bottom: 0;} */
    /* .at-html #captcha.m_captcha #captcha_reload{width: 28px; height: 28px; background-position: left bottom -2px; left: -1px; top: 28px;} */
    /* .register-form #captcha.m_captcha #captcha_key{width: calc(100% - 177px) !important; background-color: #fff !important; border-radius: 2.5px !important; height: 56.5px !important; border: 1px solid #d6d6d6 !important;} */
    .register-wrap .register_sheet .reg_form .captcha_html{padding-top: 30px;}
    .register-wrap .register_sheet .reg_form .regis_interest{font-size: 15px; font-weight: 600;}
    /* .register-wrap .register_sheet .reg_form .reg_terms #captcha #captcha_info{font-size: 10px;} */
    .register_result_btn a{padding: 0 34.68px; width: 110px;}
}

/* 회원가입 완료 */
@media (max-width: 991px){
    .register_result_sheet .alert-box{font-size: 11.5px; line-height: 20px;}
    /* .lost-modal form .bot .captcha_sheet .captcha #modal_captcha_key.required{background: #fff !important;} */
}
@media (max-width: 480px){
    .lost-modal form .bot .captcha_sheet .captcha #modal_captcha_key.required{border-radius: 2.5px;}
}

/* 로그인 */
@media (max-width: 480px){
    /* .lost-modal form{padding: 32.5px 25px;} */
}

/* 주문서 */
#settle_nicepay_easy .box button{background-color: #fff !important; color: #222 !important;}
.ordersheet .shipping_cont .ordersheet_write_input label{color: #444444;}
.ordersheet_title .ch_check .radio_check_label{cursor: pointer; display: flex; align-items: center;}
.ordersheet_title .ch_check input{display: none;}
.ordersheet_title .ch_check input + label .circle{width: 18px; height: 18px; border-radius: 3px; border: 1px solid #d8d8d8; position: relative; display: flex; align-items: center; justify-content: center;}
.ordersheet_title .ch_check input + label .circle::before{content: ''; width: 2px; height: 4px; border-radius: 3px; background: #d8d8d8; position: absolute; top: 7px; left: 5px; transform: rotate(-45deg);}
.ordersheet_title .ch_check input + label .circle::after{content: ''; width: 2px; height: 8px; border-radius: 5px; background: #d8d8d8; transform: rotate(45deg); position: absolute; top: 4px; left: 9px;}
.ordersheet_title .ch_check input:checked + label .circle{background: var(--main-point-btn-bg-color-hover); border: 1px solid var(--main-point-btn-bg-color-hover);}
.ordersheet_title .ch_check input:checked + label .circle::before{background: #ffffff;}
.ordersheet_title .ch_check input:checked + label .circle::after{background: #ffffff;}
.ordersheet_title .ch_check .radio_check_label .text{font-size: 15px; color: #666666; padding-left: 10px;}

@media (max-width: 991px){
    .ordersheet .shipping_cont .ordersheet_write_input label{color: var(--main-point-color);}
    .ordersheet .ordersheet_write_input input{border-radius: 2.5px;}
    .ordersheet_cp_btn.point #sod_frm_pt{padding-left: 0;}

    .ordersheet_paytab_left{width: 100%;}
    .ordersheet_paytab_right{width: 100%;}
    .ordersheet_paytab_right .paytab_tt{margin-bottom: 0;}
    .ordersheet_paytab_right .paytab_price.total{margin-bottom: 0;}

    .ordersheet_point_con{border: none;}

    #tempPayBox .ch_check.ordersheet_text_check .radio_check_label{cursor: pointer; display: flex; align-items: center; padding-bottom: 30px;}
    #tempPayBox .ch_check.ordersheet_text_check input{display: none;}
    #tempPayBox .ch_check.ordersheet_text_check input + label .circle{width: 15px; height: 15px; border-radius: 3px; border: 1px solid #d8d8d8; position: relative; display: flex; align-items: center; justify-content: center;}
    #tempPayBox .ch_check.ordersheet_text_check input + label .circle::before{content: ''; width: 2px; height: 4px; border-radius: 3px; background: #d8d8d8; position: absolute; top: 5px; left: 3px; transform: rotate(-45deg);}
    #tempPayBox .ch_check.ordersheet_text_check input + label .circle::after{content: ''; width: 2px; height: 8px; border-radius: 5px; background: #d8d8d8; transform: rotate(45deg); position: absolute; top: 2px; left: 7px;}
    #tempPayBox .ch_check.ordersheet_text_check input:checked + label .circle{background:  var(--main-point-btn-bg-color-hover); border: 1px solid  var(--main-point-btn-bg-color-hover);}
    #tempPayBox .ch_check.ordersheet_text_check input:checked + label .circle::before{background: #ffffff;}
    #tempPayBox .ch_check.ordersheet_text_check input:checked + label .circle::after{background: #ffffff;}
    #tempPayBox .ch_check.ordersheet_text_check .radio_check_label .text{font-size: 12px; color: #666666; padding-left: 10px; position: relative; top: -1px;}
}

@media (max-width: 480px){
    .ordersheet_paytab .ordersheet_cp_input{padding-top: 0;}
}

#tempPayBox .payment_con_box{/*border-bottom: 1px solid #eeeeee;*/ padding-top: 22px; padding-bottom: 20px;}
#tempPayBox .payment_con_box .pay_sticker{margin-left: 5px; border: 1px solid var(--main-point-color-hover); color: var(--main-point-color-hover); padding: 0 4.891px; border-radius: 5px; font-size: 14px; font-weight: 500; line-height: 18px; height: 22px;}
#tempPayBox .payment_con_box .payment_check h3{color: var(--main-point-color); font-size: 17px; font-weight: 500; position: relative; top: -2px; padding-left: 10px;}
#tempPayBox .payment_con_box .payment_check input{display: none;}
#tempPayBox .payment_con_box .payment_check input + .radio_check_label{display: flex; align-items: center;}
#tempPayBox .payment_con_box .payment_check input + .radio_check_label .circle{display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #d6d6d6; position: relative;}
#tempPayBox .payment_con_box .payment_check input:checked + .radio_check_label .circle::after{content: ''; display: block; width: 11px; height: 11px; border-radius: 50%; background-color: var(--main-point-btn-bg-color-hover); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#tempPayBox .payment_con_box .ordersheet_payment_con{padding: 28px 0 0;}
.ordersheet_payment #settle_bank .input-box .settle_input::placeholder{color: #999999;}

/* .ordersheet_payment_agree{padding-top: 15px;} */

@media (max-width: 991px){
    .ordersheet_payment_con > span{width: calc(50% - 5px);}
    .ordersheet_payment #settle_bank .input-box label{width: 100%;}
    .ordersheet_payment #settle_bank .input-box .settle_input{width: 100%;}
    #tempPayBox .payment_con_box{border-bottom: none; padding-bottom: 15px;}
    #tempPayBox .payment_con_box .pay_sticker{font-size: 10px; line-height: 10px; height: 14px; padding: 0px 2.2px; border-radius: 2.5px;}
    #tempPayBox .payment_con_box .payment_check h3{font-size: 16px;}
    #tempPayBox .payment_con_box .payment_check input + .radio_check_label .circle{width: 15px; height: 15px;}
    #tempPayBox .payment_con_box .payment_check input:checked + .radio_check_label .circle::after{width: 8px; height: 8px;}

    .ordersheet_write .radio_check input + label .text{color: #666666;}
    .ordersheet_write .radio_check input + label .circle::before{left: 6px;}
    .ordersheet_write .radio_check input + label .circle::after{left:11px; top: 5.5px;}

    .ordersheet_payment_agree{padding-top: 40px; margin-top: 0px;}
    .ordersheet_payment_agree .radio_check input + label .circle::before{top: 9px; left: 6px;}
    .ordersheet_payment_agree .radio_check input + label .circle::after{height: 10px; top: 6px; left: 10px;}
}
@media (max-width: 480px){
    .ordersheet_write .radio_check input + label .circle::before{left: 3px;}
    .ordersheet_write .radio_check input + label .circle::after{left: 7px; top: 3.5px;}
    .ordersheet_payment_agree .radio_check input + label .circle::after{height: 10px; top: 5px; left: 10px;}
}

/* 주문서 > 결제수단 > 간편결제 */
.payment_con_box01 .payment_check.ra_check{display: flex; justify-content: space-between;}
.payment_con_box01 .easy_btn{font-size: 16px; color: var(--main-point-color-hover); border: 1px solid var(--main-point-btn-line-color-hover); border-radius: 5px; line-height: 28px; width: 54px; background-color: #fff;}
#settle_nicepay_easy{margin-top: 15px;}
#settle_nicepay_easy .box{position: relative; max-width: 330px; margin: 0 auto; border: 1px solid #d6d6d6 !important; background-color: #f9f9f9 !important; border-radius: 5px; color: #999999; line-height: 24px; padding: 40px 0 !important;}
#settle_nicepay_easy .box button#add_btn{margin-top: 15px; background: #fff; border: 1px solid #fff; color: var(--main-point-color); font-size: 15px; width: 85px; height: 38px; border-radius: 18px; position: relative; text-align: right; padding-right: 20px;}
#settle_nicepay_easy .box button#add_btn::after{content: ''; display: block; width: 12px; height: 2px; background-color: var(--main-point-btn-bg-color-hover); position: absolute; top: 50%; left: 18px; transform: translateY(-50%);}
#settle_nicepay_easy .box button#add_btn::before{content: ''; display: block; width: 2px; height: 12px; background-color: var(--main-point-btn-bg-color-hover); position: absolute; top: 50%; left: 23px; transform: translateY(-50%);}

#settle_nicepay_easy .speech-bubble {padding: 13px 18px; text-align: left; position: absolute; background: #fff; border-radius: 12px; opacity: 1; bottom: 200px; left: 50%; transform: translateX(-50%) scale(0); transform-origin: bottom; color: #666666; font-size: 15px; line-height: 23px; border: 1px solid var(--main-point-line-color-hover); width: 263px;}
/* #settle_nicepay_easy .speech-bubble.animation{opacity: 0; transition: .3s 3s;} */
#settle_nicepay_easy .speech-bubble.animation{animation-name: bubble; animation-duration: 0.5s; animation-fill-mode: forwards;}
#settle_nicepay_easy .speech-bubble.no_active{animation-name: bubbleEnd; animation-duration: 0.5s; animation-fill-mode: forwards;}
@keyframes bubble{
    0%{
        transform: translateX(-50%) scale(0);
    }
    50%{
        transform: translateX(-50%) scale(1.03);
    }
    100%{
        transform: translateX(-50%) scale(1);
    }
}

@keyframes bubbleEnd {
    0%{
        transform: translateX(-50%) scale(1);
    }
    50%{
        transform: translateX(-50%) scale(1.03);
    }
    100%{
        transform: translateX(-50%) scale(0);
    }
}
#settle_nicepay_easy .speech-bubble::before {content: '';position: absolute;bottom: 1px;left: 50%;width: 0;height: 0;border: 10px solid transparent;border-top-color: var(--main-point-line-color-hover);border-bottom: 0;margin-left: -10px;margin-bottom: -11px;}
#settle_nicepay_easy .speech-bubble:after {	content: '';position: absolute;bottom: 1px;left: 50%;width: 0;height: 0;border: 10px solid transparent;border-top-color: #fff;border-bottom: 0;margin-left: -10px;margin-bottom: -10px;}
#settle_nicepay_easy .speech-bubble .close_btn{position: absolute; top: 12px; right: 12px; width: 12px; height: 12px; cursor: pointer;}
#settle_nicepay_easy .speech-bubble .close_btn::before, #settle_nicepay_easy .speech-bubble .close_btn::after{content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 16px; background-color: #cecece;}
#settle_nicepay_easy .speech-bubble .close_btn::before{transform: translate(-50%,-50%) rotate(-45deg);}
#settle_nicepay_easy .speech-bubble .close_btn::after{transform: translate(-50%,-50%) rotate(45deg);}

@media (max-width: 991px){
    #settle_nicepay_easy{margin-bottom: 0 !important;}
    #settle_nicepay_easy .box{max-width: 280px; border: none !important; font-size: 12px !important; line-height: 17px; padding: 27.5px 0 !important; border-radius: 6px;}
    #settle_nicepay_easy .box button#add_btn{font-size: 12px; width: 80px; height: 32px;}
    #settle_nicepay_easy .box button#add_btn::after{width: 10px; left: 19px;}
    #settle_nicepay_easy .box button#add_btn::before{height: 10px;}
    #settle_nicepay_easy .speech-bubble .close_btn{top: 8px;}

    .payment_con_box01 .easy_btn{border-radius: 2.5px; font-size: 12px; width: 44px; line-height: 20px;}
    #settle_nicepay_easy .speech-bubble{font-size: 11px; line-height: 16px; padding: 7px 10px; width: 187px; top: -58px; height: 50px;}
    #settle_nicepay_easy .speech-bubble::before{border: 6px solid transparent;border-top-color: var(--main-point-line-color-hover);bottom: -6px;margin-left: -6px;margin-bottom: -6px;}
    #settle_nicepay_easy .speech-bubble:after{border: 5px solid transparent;border-top-color: #fff;bottom: -5px;margin-left: -5px;margin-bottom: -5px;}
}

.order_loading_wrap{position:fixed; width:100%; background:rgba(0,0,0,0.5); top:0; display:flex; align-items:flex-end; justify-content:center; height:100%; z-index:9999;}
.order_loading_wrap .text{ margin-top:15px; color: #fff; font-size:12px; line-height:16px; padding-bottom:10px;}
@media (max-width:991px){
   .order_loading_wrap{width:100%;}
}
.order_loading_wrap .donut {
   display: inline-block;
   width: 50px;
   height: 50px;
   border: 3px solid transparent;
   border-radius: 50%;
   border-top-color: var(--main-point-line-color-hover);
   animation: spin 0.75s ease-in-out infinite;
   -webkit-animation: spin 0.75s ease-in-out infinite;
}

/************************************************************
장바구니
************************************************************/
.sub_text.cart_mb{margin-bottom: 0px;}
.cart_wrap .cart_left .radio_check input + label .circle{width: 26px; height: 26px; margin-right: 16px;}
.cart_wrap .cart_left .radio_check input + label .circle:before {height: 7px;width: 3px;top: 12px;left: 7px;}
.cart_wrap .cart_left .radio_check input + label .circle:after {width: 3px;height: 13px;top: 6px;left: 13px;}
.cart_wrap .cart_right .price_wrap .point_cont .cont_txt01{color: var(--main-point-color-hover); font-size: 13px; font-weight: 400; text-align: right; padding-top: 10px;}
.cart_wrap .cart_right .price_wrap .point_cont .cont_txt01 span{color: var(--main-point-color-hover); font-size: 13px; font-weight: 600;}
.cart_wrap .cart_right .price_wrap .point_cont .cont_txt01 span font{font-weight: 600;}

@media (max-width: 991px){
    .sub_text.cart_mb{display: block; margin-bottom: 5px;}
    .cart_wrap .cart_left .radio_check input + label .circle{margin-right: 8px;width: 21px;height: 21px;}
    .cart_wrap .cart_left .radio_check input + label .circle:before {top: 9px;left: 5px;height: 5px;width: 2px;}
    .cart_wrap .cart_left .radio_check input + label .circle:after {top: 5px;left: 10px;height: 10px;width: 2px;}
    .cart_wrap .cart_right .price_wrap .point_cont .cont_txt02{text-align: right; padding-top: 14px;}
    .cart_wrap .cart_right .price_wrap .point_cont .cont_txt02 .sticker{font-size: 9px; color: #fff; background-color: var(--main-point-bg-color-hover); line-height: 14.5px; border-radius: 14px; padding: 0px 5px; font-weight: 400;}
    .cart_wrap .cart_right .price_wrap .point_cont .cont_txt02 .test{color: #4c4c4c; font-size: 10.5px; font-weight: 400;}
    .cart_wrap .cart_right .price_wrap .point_cont .cont_txt02 .percent{color: #777777; font-size: 10.5px; font-weight: 400;}
    .cart-wrap .price-wrap{margin-bottom: 20px;}
    .cart_wrap .cart_right .price_wrap .price_cont.sub_price .cont_txt, .cart_wrap .cart_right .price_wrap .price_cont.sub_price .price_txt{font-size: 12px;}
    .cart_wrap .cart_left .cart_body{padding: 0 15px;}
}

/* 장바구니 > 변경팝업 */
/* 2024-08-30 (주)파이브센스_FIVESENSES.Corp. */
.mod_option_wrap .modal-content .modal_body form .modal_it_tit{margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; display: flex; align-items: center;}
.mod_option_wrap .modal-content .modal_body form .modal_it_tit .modal_img{min-width: 65px; width: 65px; height: 65px; border-radius: 5px; overflow: hidden; margin-right: 15px;}
.mod_option_wrap .modal-content .modal_body form .padding_b.modal_it_name{padding-top: 0; margin-bottom: 0; width: calc(100% - 75px);}
.mod_option_wrap .option_form .modal_it_name p.it_sub_name{font-size: 13px; color: #666666; font-weight: 400; margin-bottom: 2px; max-height: 31px;}
.mod_option_wrap .modal-content .modal_body form .point_b span.p_b{font-weight: 600;}
@media (max-width: 991px){
    .mod_option_wrap .modal_bg{background: #222; opacity: 0.7; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 50; display: none;}
    .responsive .modal .modal-dialog{z-index: 60;}
    .mod_option_wrap .option_form #mod_option_btn{position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background-color: #e6e6e6; border-radius: 2px; width: 40px; height: 4px;}
    .mod_option_wrap .option_form #it_sel_option .row .op_box.col-sm-5 .input-group{border-radius: 2.5px;}
    .mod_option_wrap .modal-content .modal_body form .point_b{font-size: 11.5px;}
    .mod_option_wrap .modal-content .modal_body form .point_b span{font-size: 11.5px;}
    .mod_option_wrap .modal-content .modal_body form .point_b span.p_b{font-weight: 400;}
    .mod_option_wrap .modal-content .modal_body form .point_b span.m_b{font-weight: 600;}
    .mod_option_wrap .option_form #it_sel_option .row .op_box label .sale_price{font-size: 13.5px;}
    .mod_option_wrap .option_form #it_sel_option .row .op_box label .origin_price .won, .mod_option_wrap .option_form #it_sel_option .row .op_box label .origin_price{font-size: 12.5px;}
    .mod_option_wrap .option_form .modal_it_name p.it_sub_name{font-size: 11.5px;}
    .mod_option_wrap .option_form #it_sel_option .row .op_box label .sale_price .won{font-size: 13.5px;}
    .mod_option_wrap .modal-content .modal_body form .modal_it_tit .modal_img{width: 65px; height: 65px;}
    .mod_option_wrap .modal-content .modal_body form .modal_it_tit .modal_img img{width: 65px !important; height: 65px !important;}
}

/************************************************************
상품리스트
************************************************************/
/* 상품리스트 > PC 상단 카테고리 */
.sub_text h1 .ca_tit{color: #222; font-weight: 600; line-height: 1em;}
.fix_category .list_category{margin-bottom: 50px; text-align: center;}
.fix_category .list_category_ul{display: inline-block; margin: -5px -6px;}
.fix_category .list_category_ul > li{float: left; width: auto; margin: 5px;}
.fix_category .list_category_ul > li.active{position: relative; z-index: 2;}
.fix_category .list_category_ul > li > a{color: #5d5e68; font-size: 14px; font-weight: 500; background-color: #f3f3f6; border-radius: 18px; border: none; display: inline-block; overflow: hidden; min-width: 65px; padding: 0 20px; line-height: 37px; height: 36px;}
.fix_category .list_category_ul > li.active > a{background-color: var(--main-point-bg-soft-color-active); color: #fff; font-weight: 500; border: none;}

@media (max-width: 991px){
    .fix_category .list_category{margin-bottom: 15px;}
    .fix_category.filter_category .list_category{margin-bottom: 0;}
}

/* 상품리스트 > MO 상단 카테고리 */
.fix_category .category_tab_wrap{position: relative; margin: 0 -15px;}
.fix_category .ca_frame{overflow: hidden; width: 100%; padding: 0 15px 10px;}
.fix_category .ca_frame ul li{display: table-cell; margin: 0; white-space: nowrap;}
.fix_category .ca_frame ul li > a{display: inline-block;overflow: hidden;padding:0 14.8px;font-size: 14px;font-weight: 500; height: 32px; line-height: 32px;color: #5d5e68;border: 1px solid #efefef;border-radius: 15px;background-color: #f3f3f6;text-align: center;cursor: pointer;}
.fix_category .ca_frame ul li+li > a{margin-left: 7.5px;}
.fix_category .ca_frame ul li.active > a{background-color: var(--main-point-bg-soft-color-active); color: #fff; font-weight: 500; border: 1px solid var(--main-point-bg-soft-color-active);}

/* 상품리스트 > 노출순 */
.fix_category .list_sort{border: none; padding: 0; margin-bottom: 30px;}
.fix_category .list_sort .left_sort{color: #333333; font-size: 14px; line-height: 1em; font-weight: 400;}
.fix_category .list_sort .left_sort span{color: #333333; font-size: 14px; font-weight: 600;}
.fix_category .list_sort .right_sort > a{color: #888888; font-size: 14px; line-height: 1em; position: relative; padding: 0 8px;}
.fix_category .list_sort .right_sort > a:first-child{padding: 0 8px 0 0;}
.fix_category .list_sort .right_sort > a:last-child{padding: 0 0 0 8px;}
.fix_category .list_sort .right_sort > a::before{content: ''; background-color: #dcdcdc; width: 1px; height: 13px; position: absolute; top: 53%; left: -2px; transform: translateY(-50%);}
.fix_category .list_sort .right_sort > a:first-child::before{display: none;}
.fix_category .list_sort .right_sort > a.on{font-weight: 600;}

@media (max-width: 991px){
    .fix_category .list_sort{display: flex; align-items: center; justify-content: space-between; /*margin-bottom: 17.5px;*/ margin-bottom: 35px;}
    .fix_category .list_sort .left_sort{margin-bottom: 0; font-size: 12px;}
    .fix_category .list_sort .left_sort span{font-size: 12px; font-weight: 600;}
    .fix_category .list_sort::after, .fix_category .list_sort::before{display: none;}
    .fix_category .sort_box{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000;}
    .fix_category .sort_box_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--main-point-color); opacity: 0.6;}
    .fix_category .sort_cont{background-color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 15px 15px 0 0; padding: 41.5px 15px 15px;}
    .fix_category .dropdown #sortLabel{padding: 0 0 0 11.5px; display: flex; align-items: center; justify-content: space-between; color: #666666 !important; font-size: 13px; font-weight: 400; background-color: transparent; border: none;}
    .fix_category .dropdown .caret{width: 9.5px; height: 5.5px; border: none; position: relative; margin-left: 7px;}
    .fix_category .dropdown .caret::before{content: ''; display: block; width: 6.5px; height: 6.5px; border-left: 1px solid #666666; border-bottom: 1px solid #666; position: absolute; top: -2px; left: -1px; transform: rotate(-45deg);}
    /* .fix_category .dropdown .caret::after{content: ''; display: block; width: 6.5px; height: 1px; background-color: #666666; position: absolute; top: 50%; left: 4px; transform: translateY(-50%) rotate(-45deg);} */

    .fix_category .dropdown .sort_btn{margin-top: 15px; display: block; text-align: center; color: #fff; font-size: 13px; font-weight: 500; width: 100%; background-color: var(--main-point-btn-bg-color-hover); border-radius: 2.5px; line-height: 40px; border: none;}
    .fix_category .dropdown .close_btn{display: block; width: 12px; height: 12px; position: absolute; top: 15px; right: 15px;}
    .fix_category .dropdown .close_btn::before{content: ''; display: block; width: 15.5px; height: 1px; background-color: #666666; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
    .fix_category .dropdown .close_btn::after{content: ''; display: block; width: 15.5px; height: 1px; background-color: #666666; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg);}
    .fix_category .dropdown .sort-menu li{text-align: center; color: #666666; font-size: 13px; font-weight: 400; line-height: 38px;}
    .fix_category .dropdown .sort-menu li input{display: none;}
    .fix_category .dropdown .sort-menu li input + label{width: 100%; cursor: pointer;}
    .fix_category .dropdown .sort-menu li input:checked + label{color: var(--main-point-color); font-weight: 500; background-color: #f9f9f9;}
    .list_sort .dropdown-backdrop{display: none !important;}
}

/* 상품리스트 (필터) > 노출순 */
.fix_category.filter_category{width: calc(100% - 270px); margin-left: auto;}
.fix_category.filter_category .list_sort{ margin-left: auto; margin-bottom: 25px;}

@media (max-width: 991px){
    .fix_category.filter_category .list_sort{border-top: 1px solid #eeeeee; width: calc(100% + 30px); margin-left: -15px; padding: 9.5px 15px; /*margin-bottom: 0;*/}
    .fix_category.filter_category .right_m{display: flex; align-items: center;}
    .fix_category.filter_category .dropdown #sortLabel{padding: 0; display: flex; align-items: center; justify-content: space-between; color: #666666 !important; font-size: 12px; font-weight: 400; background-color: transparent; border: none;padding: 0 11.5px;}
    .fix_category.filter_category .dropdown .caret{width: 9.5px; height: 5.5px; border: none; position: relative; margin-left: 7px; top: 2px;}
    .fix_category.filter_category .dropdown .caret::before{top: -5px;}
    /* .fix_category.filter_category .dropdown .caret::after{content: ''; display: block; width: 6.5px; height: 1px; background-color: #666666; position: absolute; top: 50%; left: 4px; transform: translateY(-50%) rotate(-45deg);} */
}

/* 상품리스트 공통 */
.img-wrap .img-item{border-radius: 5px; overflow: hidden; border: 1px solid #f3f3f3;}
.img-wrap .img-item::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.02); z-index: 2;pointer-events: none;}
.item_wrap .img_item{border-radius: 5px; overflow: hidden; border: 1px solid #f3f3f3;}
.item_wrap .img_item::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.02); z-index: 2;pointer-events: none;}
.item_list .img_item{border-radius: 5px; overflow: hidden; border: 1px solid #f3f3f3;}
.item_list .img_item::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.02); z-index: 2;pointer-events: none;}

/* #item_list .btn_cart {display: block; width: 50px; height: 50px; background: #fff; border-radius: 50%; position: absolute; right: 13px; bottom: 13px; transition: all .3s;} */
#item_list .btn_cart {display: block; width: 27px; height: 29px; position: absolute; right: 13px; bottom: 13px; transition: all .3s; z-index: 3;}
#item_list .btn_cart span.item_cart_icon{display: block; width: 100%; height: 100%; background: url(https://fivepro.co.kr/img/item_cart_icon_off.png) no-repeat; position: absolute; top: 0; left: 0; transition: 0.3s;}
/* #item_list .btn_cart:hover {background: #4b377e;} */
#item_list .btn_cart:hover span.item_cart_icon{opacity: 0.6;}
/* 2024-08-09 (주)파이브센스_FIVESENSES.Corp. */
/* #item_list .btn_cart.on span.item_cart_icon{background: url(https://fivepro.co.kr/img/item_cart_icon_on.png) no-repeat;} */
#item_list .btn_cart.on span.item_cart_icon{opacity: 0.6;}
#item_list.shop_container.shop_basic .item-content strong{font-size: 13px; font-weight: 400; color: #424242; line-height: 1.4; margin: 0 0 9px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#item_list.shop_container.shop_basic .item_price_box .sale_cont{margin-right: 0;}
#item_list.shop_container.shop_basic .item_price_box .sale_cont strike{font-size: 14px;}
/* 2024-08-01 (주)파이브센스_FIVESENSES.Corp. */
#item_list.shop_container.shop_basic .item_price_box .sale_cont span.percent{font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; color: #f73111; margin-right: 8px;}
#item_list.shop_container.shop_basic .item_price_box > h5 .real_price{font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; color: var(--main-point-color); margin-left: -4px;}
.shop_container.shop_basic .item-icon{top: 12px; left: 12px;}
.shop-list .item-info{display: block; text-align: left; margin-top: 5px; margin-bottom: 6px; line-height: 1em;}
.shop-list .item-info span{line-height: 1em; font-size: 12px; color: #9e9e9e; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800;}
.shop-list .item-info span.use_count{margin-left: 2px;}
.shop-list .item-info span.use_count > span{margin-left: -1px;}
.shop-list .item_cont .item_depart{display: flex; align-items: center; line-height: 1em;}
.shop-list .item_cont .item_depart span{font-size: 13px; color: #1673f1; font-family: 'SUIT-Bold'; font-style: oblique; letter-spacing: -0.035em; margin-left: 3px; font-weight: 700;}
.shop-list .item_cont .item_depart_num{font-size: 12px; color: #6db4e6; margin-top: 7px; line-height: 1em;}

.shop-list .item-info span.item-star .item_star_num{font-size: 12px; color: #424242; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 600;}
.shop-list .item-info span.item-star i{color: #f4c748; font-size: 14px;}
.shop-list .item-info span.item-star .star_icon{color: #f4c748; font-size: 14px; margin-left: 0;}
.shop_container.shop_basic .item-content{padding-top: 10px;}
/* .shop_container.shop_basic .item_price_box{margin-top: 9px;} */
.shop-list .item-point{display: none;}

#item_list.shop_container.shop_basic .timer_box{padding: 4.5px 5px; position: absolute; top: 12px; left: 13px; color: #fff; background-color: #f86e78; border-radius: 3px; display: flex; align-items: center; justify-content: center; z-index: 1; line-height: 1em;}
#item_list.shop_container.shop_basic .timer_box .time{font-size: 13px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; line-height: 1;}
#item_list.shop_container.shop_basic .timer_box .time_box{display: flex; align-items: center; justify-content: center;}
#item_list.shop_container.shop_basic .timer_box .text{font-size: 12px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; margin-left: 5px; line-height: 1;}
#item_list.shop_container.shop_basic .timer_box .time_box .text{margin-left:0;}
#item_list.shop_container.shop_basic .is-item-content .brand_icon{font-size: 11px; color: #828c94; line-height: 1em; margin-bottom: 4px;}
/* #item_list.shop_container.shop_basic .item_cont .item_icon{margin-top: 9px;} */
#item_list.shop_container.shop_basic .item_cont .coupon_box{display: inline-block; margin-top: 6px;}
#item_list.shop_container.shop_basic .item_cont .coupon_icon{display: flex; align-items: center; padding: 4px 6px; border-radius: 3px; border: 1px solid #eaedef;}
#item_list.shop_container.shop_basic .item_cont .coupon_icon span{font-size: 11px; font-weight: 500; color: #242424; margin-left: 5px; line-height: 1.2em;}

@media (max-width: 991px){
    .sub_text.ca_it_mb{margin-top: 35px; margin-bottom: 30px;}
    .sub_text h1 .ca_tit{font-size: 24px;}
    /* #item_list.shop_container.shop_basic .item-content strong{font-size: 13px; line-height: 18px;} */
    #item_list.shop_container.shop_basic .item_price_box .sale_cont span.percent{font-size: 16px;}
    #item_list.shop_container.shop_basic .item_price_box > h5{font-size: 12.5px; padding-right: 3px;}
    #item_list.shop_container.shop_basic .item_price_box > h5 .real_price{font-size: 16px;margin-left: -3px; }
    #item_list.shop_container.shop_basic .item_price_box > .sale_cont02{display: inline-block;}
    #item_list.shop_container.shop_basic .item_price_box > .sale_cont02 strike{font-size: 11.5px;}
    .shop-list .item-info{margin-top: 4px;}
    .shop-list .item-info span{font-size: 10.5px;}
    .shop_container.shop_basic .item-wrap{margin-right: -8px !important;}
    .shop_container.shop_basic .item-list{margin-right: 8px !important;}
    .shop_container.shop_basic .item-icon{top: 6px; left: 5px;}
    .shop-list .item-info span.item-star i{font-size: 12px;}
    .shop_container.shop_basic .item-content{padding-top: 12px;}
    .shop-list .item_cont .item_depart img{width: 13px;}
    #item_list.shop_container.shop_basic .item_cont .coupon_icon img{height: 7px;}
}
@media (max-width: 480px){
    .sub_text.ca_it_mb{margin-bottom: 20px;}
    .sub_text h1 .ca_tit{font-size: 19px;}
    #item_list .btn_cart{width: 20px; height: 22px; right: 7px; bottom: 3px;}
    #item_list .btn_cart img{height: 30px;}

    #item_list.shop_container.shop_basic .timer_box{font-size: 10px;white-space : nowrap; top: 7px; left: 8px;}
    #item_list.shop_container.shop_basic .timer_box .time{font-size: 10px;}
    #item_list.shop_container.shop_basic .timer_box .text{font-size: 10px;}
	#item_list.shop_container.shop_basic .item-content strong {margin: 0 0 7px;}

	.shop-list .item-info span.item-star .star_icon {font-size: 12px;}
	.shop-list .item-info span.item-star .item_star_num {font-size: 10px;}
	.shop-list .item-info span.use_count {font-size: 10px; font-weight: 600;}
	.shop-list .item-info span.use_count span{font-weight: 800;}
    .shop-list .item_cont .item_depart span{font-size: 11px; margin: 0;}
    .shop-list .item_cont .item_depart_num{font-size: 10px;}
    #item_list.shop_container.shop_basic .item_cont .coupon_icon span{font-size: 10px;}
    #item_list.shop_container.shop_basic .item_cont .item_icon{margin-top: 5px;}
    #item_list.shop_container.shop_basic .is-item-content .brand_icon{font-size: 8px; margin-bottom: 8px;}

    #item_list .btn_cart span.item_cart_icon{background: url(https://fivepro.co.kr/img/mitem_cart_icon_off.png) center/20px 22px no-repeat;}
    /* #item_list .btn_cart.on span.item_cart_icon{background: url(https://fivepro.co.kr/img/mitem_cart_icon_on.png) center/20px 22px no-repeat;} */

}


/* 검색 리스트 */
.sub_text.search_tit{margin-bottom: 50px;}
.sub_text.search_tit h1{font-size: 32px;}
.search_page{border-top: 1px solid #666666; border-bottom: 1px solid #eeeeee; margin-bottom: 70px; padding: 40px 0 55px;}
.search_page .search_group .search_label{width: 14.73%;}
.search_page .search_group .search_input{width: 85.27%; padding-left: 40px;}
.search_page .search_group .search_label b{color: var(--main-point-color); margin-left: 0; padding-left: 100px; line-height: 41px;}
.search_page .search_group .search_label b:after{display: none;}
.search_page .search_group .search_input input[type="checkbox"] + label{color: var(--main-point-color);}
.search_page .search_group .search_input input[type="text"]{border: 1px solid #dcdcdc; border-radius: 5px !important; font-size: 16px; line-height: 41px; padding: 0 20px;}
.search_page .search_group .search_input input[type="text"]::placeholder{color: #999;}
.search_page .search_group .search_input .search_btn button{border-radius: 5px; width: 158px;}
.search_page .search_group .search_input .search_btn button span{background: transparent; font-size: 16px; line-height: 41px; padding: 0;}
.search_page .search_group .search_input > span{font-size: 19px; color: #666; width: 2%; position: relative; top: 3px;}
.search_page .search_group .search_input .label-none{width: 31.53%;}
.search_page .search_group .search_input .search_txt{width: 64.9%;}
.search_page .search_group .search_input input[type="checkbox"] + label{padding-right: 27px;}
.search_page .search_group .search_input .search_btn{margin-left: 4px;}
.shop-search .item-info{display: block;}
.shop-search .item-info span{font-size: 13px; font-weight: 400; color: #898989;}
.shop-search .item-info span.item-star{color: #353535;}
.shop-search .item-info span.item-star i{color: #f4c748; font-size: 15px;}
#item_search.shop_container.shop_basic .item-content strong{font-size: 13px; font-weight: 400; color: #424242; line-height: 1.4; margin: 4px 0 9px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* 2024-08-01 (주)파이브센스_FIVESENSES.Corp. */
#item_search.shop_container.shop_basic .item_price_box .sale_cont span.percent{font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; color: #f73111; margin-right: 8px;}
#item_search.shop_container.shop_basic .item_price_box > h5 .real_price{font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; color: var(--main-point-color); margin-left: -4px;}
.shop_container.shop_basic .item_price_box .sale_cont{margin-right: 0;}



.shop_container.shop_basic .item_price_box .sale_cont strike{font-size: 14px;}
/* #item_search .btn_cart {display: block; width: 50px; height: 50px; background: #fff; border-radius: 50%; position: absolute; right: 13px; bottom: 13px; transition: all .3s;}
#item_search .btn_cart:hover {background: #4b377e;} */
.shop-search .item-info{display: block; text-align: left; margin-top: 5px; margin-bottom: 6px; line-height: 1em;}
.shop-search .item-info span{line-height: 1em; font-size: 12px; color: #9e9e9e; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800;}
.shop-search .item-info span.use_count{margin-left: 2px;}
.shop-search .item-info span.use_count > span{margin-left: -1px;}
.shop-search .item_cont .item_depart{display: flex; align-items: center; line-height: 1em;}
.shop-search .item_cont .item_depart span{font-size: 13px; color: #1673f1; font-family: 'SUIT-Bold'; font-style: oblique; letter-spacing: -0.035em; margin-left: 3px;}
.shop-search .item_cont .item_depart_num{font-size: 12px; color: #6db4e6; margin-top: 7px; line-height: 1em;}

.shop-search .item-info span.item-star .item_star_num{font-size: 12px; color: #424242; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 600;}
.shop-search .item-info span.item-star i{color: #f4c748; font-size: 14px;}
.shop-search .item-info span.item-star .star_icon{color: #f4c748; font-size: 14px; margin-left: 0;}
.shop-search .item-content{padding-top: 10px;}
.shop-search .timer_box{padding: 4.5px 5px; position: absolute; top: 12px; left: 13px; color: #fff; background-color: #f86e78; border-radius: 3px; display: flex; align-items: center; justify-content: center; z-index: 1; line-height: 1em;}
.shop-search .timer_box .time{font-size: 13px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; line-height: 1;}
.shop-search .timer_box .time_box{display: flex; align-items: center; justify-content: center;}
.shop-search .timer_box .text{font-size: 12px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; margin-left: 5px; line-height: 1;}
.shop-search .timer_box .time_box .text{margin-left:0;}
.shop-search .is-item-content .brand_icon{font-size: 11px; color: #828c94; line-height: 1em;}
.shop-search .item_cont .item_icon{margin-top: 0px;}
.shop-search .item_cont .coupon_box{display: inline-block; margin-top: 6px;}
.shop-search .item_cont .coupon_icon{display: flex; align-items: center; padding: 4px 6px; border-radius: 3px; border: 1px solid #eaedef;}
.shop-search .item_cont .coupon_icon span{font-size: 11px; font-weight: 500; color: #242424; margin-left: 5px; line-height: 1.2em;}
.shop-search .item_cont .coupon_box{display: inline-block; margin-top: 6px;}
.shop-search .item_cont .coupon_icon{display: flex; align-items: center; padding: 4px 6px; border-radius: 3px; border: 1px solid #eaedef;}
.shop-search .item_cont .coupon_icon span{font-size: 11px; font-weight: 500; color: #242424; margin-left: 5px; line-height: 1.2em;}



#item_search .btn_cart {display: block;width: 27px;height: 29px;position: absolute;right: 13px;bottom: 13px;transition: all .3s; z-index: 10;}
#item_search .btn_cart span.item_cart_icon {display: block;width: 100%;height: 100%;background: url(https://fivepro.co.kr/img/item_cart_icon_off.png) no-repeat;position: absolute;top: 0;left: 0;transition: 0.3s;}
#item_search .btn_cart:hover span.item_cart_icon {opacity: 0.6;}
/* 2024-08-09 (주)파이브센스_FIVESENSES.Corp. */
/* #item_search .btn_cart.on span.item_cart_icon {background: url(https://fivepro.co.kr/img/item_cart_icon_on.png) no-repeat;} */
#item_search .btn_cart.on span.item_cart_icon {opacity: 0.6;}

.list-none{color: #b5b5b5; font-size: 15px; font-weight: 500;}
.list-none img{display: block; margin: 0 auto 15px;}
.shop-search .item-point{display: none;}

@media (max-width: 991px){
    .sub_text.search_tit{margin-top: 35px; margin-bottom: 0px;}
    .sub_text.search_tit h1{font-size: 21px;}
    .search_page{border: 1px solid #dcdcdc; border-radius: 2.5px; margin-bottom: 35px; padding: 25px 15px;}
    .search_page .search_group .search_label{width: 100%; line-height: 1.2;}
    .search_page .search_group .search_label b{padding-left: 0; font-size: 13.5px; line-height: 1.2em;}
    .search_page .search_group .search_input{width: 100%; padding-left: 0; margin-left: 0;}
    .search_page .search_group .search_input input[type="text"]{font-size: 13px; line-height: 28px; border-radius: 2.5px; padding: 0 10px; border-radius: 2.5px !important;}
    .search_page .search_group .search_input > span{width: 6%; font-size: 13px;}
    .search_page .search_group .search_input .label-none{width: 46.26%;}
    .search_page .search_group .search_input .search_txt{width: calc(100% - 79.5px);}
    .search_page .search_group .search_input .search_btn{width: auto; }
    .search_page .search_group .search_input .search_btn button{width: 72px; margin-top: 0; border-radius: 2.5px;}
    .search_page .search_group .search_input .search_btn button span{font-size: 13px; line-height: 28px;}
    .search_page .search_group .search_input input[type="checkbox"] + label{font-size: 13px;}
    .search_page .search_group .search_input input[type="checkbox"] + label span{width: 12.5px; height: 12.5px;}
    #item_search.shop_container.shop_basic .item-content strong{font-size: 13px; line-height: 18px; margin: 0 0 7px;}
    #item_search.shop_container.shop_basic .item_price_box .sale_cont span.percent{font-size: 16px;}
    #item_search.shop_container.shop_basic .item_price_box > h5{font-size: 12.5px; padding-right: 5px;}
    #item_search.shop_container.shop_basic .item_price_box > h5 .real_price{font-size: 16px; margin-left: -3px;}
    .shop_container.shop_basic .item_price_box .sale_cont strike{font-size: 11.5px}
    .shop_container.shop_basic .item_price_box .sale_cont02{display: inline-block; margin-right: 0;}
    .shop-search .item_cont .item_icon{margin-top: 5px;}
    .shop-search .is-item-content .brand_icon{font-size: 8px;}
    .shop-search .item-info span{font-size: 10.5px;}
    .shop-search .item-info span.item-star{font-size: 10.5px;}
    .shop-search .item-content{padding-top: 12px;}
    .shop-search .item_cont .item_depart img{width: 13px;}
    .shop-search .item_cont .item_depart span{font-size: 11px; margin: 0;}
    .shop-search .item_cont .item_depart_num{font-size: 10px;}
    .shop-search .item_cont .coupon_icon img{height: 7px;}    

    .list-none{font-size: 12.5px;}
    .list-none img{width: 41px; height: 41px;}
}

@media (max-width: 768px){
    #item_search .btn_cart {width: 30px; height: 30px; right: 6.5px; bottom: 6.5px;}
    #item_search .btn_cart img {height: 30px;}
    .shop-search .timer_box{font-size: 10px;white-space : nowrap; top: 7px; left: 8px;}
    .shop-search .timer_box .time{font-size: 10px;}
    .shop-search .timer_box .text{font-size: 10px;}    
    #item_search .btn_cart{width: 20px; height: 22px; right: 7px; bottom: 3px;}
    #item_search .btn_cart span.item_cart_icon{background: url(https://fivepro.co.kr/img/mitem_cart_icon_off.png) center/20px 22px no-repeat;}
    /* #item_search .btn_cart.on span.item_cart_icon{background: url(https://fivepro.co.kr/img/mitem_cart_icon_on.png) center/20px 22px no-repeat;} */
    .shop-search .item-info span.item-star i{font-size: 12px;}
    .shop-search .item-info span.item-star .star_icon{font-size: 12px;}
    .shop-search .item-info span.item-star .item_star_num{font-size: 10px;}
}

/* 검색 리스트 > 노출순 */
.shop_search .list_sort{border: none; padding: 0; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between;}
.shop_search .list_sort::before, .shop_search .list_sort::after{display: none;}
.shop_search .list_sort .left_sort{color: #333333; font-size: 14px; font-weight: 400;}
.shop_search .list_sort .left_sort span{color: #333333; font-size: 14px; font-weight: 600;}
.shop_search .list_sort .right_sort > a{color: #888888; font-size: 14px; position: relative; padding: 0 8px;}
.shop_search .list_sort .right_sort > a::before{content: ''; background-color: #dcdcdc; width: 1px; height: 13px; position: absolute; top: 53%; left: -2px; transform: translateY(-50%);}
.shop_search .list_sort .right_sort > a:first-child::before{display: none;}
.shop_search .list_sort .right_sort > a:last-child{padding-right: 0;}
.shop_search .list_sort .right_sort > a.on{color: var(--main-point-color-hover);}

@media (max-width: 991px){
    .shop_search .list_sort{display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px;}
    .shop_search .list_sort .left_sort{margin-bottom: 0; font-size: 11px;}
    .shop_search .list_sort .left_sort span{font-size: 11px;}
    .shop_search .list_sort::after, .shop_search .list_sort::before{display: none;}
    .shop_search .dropdown #sortLabel{padding: 0 0 0 11.5px; display: flex; align-items: center; justify-content: space-between; color: #666666 !important; font-size: 12px; font-weight: 400; background-color: transparent; border: none;}
    .shop_search .dropdown .caret{width: 9.5px; height: 5.5px; border: none; position: relative; margin-left: 4px;}
    .shop_search .dropdown .caret::before{content: ''; display: block; width: 6.5px; height: 1px; background-color: #666666; position: absolute; top: 50%; left: -1px; transform: translateY(-50%) rotate(45deg);}
    .shop_search .dropdown .caret::after{content: ''; display: block; width: 6.5px; height: 1px; background-color: #666666; position: absolute; top: 50%; left: 4px; transform: translateY(-50%) rotate(-45deg);}

    .shop_search .sort_box{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 998;}
    .shop_search .sort_box_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--main-point-color); opacity: 0.6;}
    .shop_search .sort_cont{background-color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 15px 15px 0 0; padding: 41.5px 15px 15px;}
    .shop_search .dropdown .sort_btn{margin-top: 15px; display: block; text-align: center; color: #fff; font-size: 13px; font-weight: 500; width: 100%; background-color: var(--main-point-btn-bg-color-hover); border-radius: 2.5px; line-height: 40px; border: none;}
    .shop_search .dropdown .close_btn{display: block; width: 12px; height: 12px; position: absolute; top: 15px; right: 15px;}
    .shop_search .dropdown .close_btn::before{content: ''; display: block; width: 15.5px; height: 1px; background-color: #666666; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
    .shop_search .dropdown .close_btn::after{content: ''; display: block; width: 15.5px; height: 1px; background-color: #666666; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg);}
    .shop_search .dropdown .sort-menu li{text-align: center; color: #666666; font-size: 13px; font-weight: 400; line-height: 38px;}
    .shop_search .dropdown .sort-menu li input{display: none;}
    .shop_search .dropdown .sort-menu li input + label{width: 100%; cursor: pointer;}
    .shop_search .dropdown .sort-menu li input:checked + label{color: var(--main-point-color); font-weight: 500; background-color: #f9f9f9;}
    .list_sort .dropdown-backdrop{display: none !important;}
}

/* 타입 상품 리스트 */
.sub_text.type_mb h1{font-weight: 600;}
.at-content.type_cont{padding: 0;}
.shop_container.custom_type .item-content{margin: 0;}
.shop_container.custom_type .item-icon{z-index: 1;}
.shop_container.custom_type .btn_cart {display: block; width: 50px; height: 50px; /*background: #fff; border-radius: 50%;*/ position: absolute; right: 13px; bottom: 13px; transition: all .3s;}
/* .shop_container.custom_type .btn_cart:hover {background: #4b377e;} */
.shop_container.custom_type .item-content .brand_icon{font-size: 11px; color: #828c94; line-height: 1em;}
.shop_container.custom_type .item-info{display: block; text-align: left; padding: 0; padding-right: 5px; margin-bottom: 6px; font-size: 15px; line-height: 1em;}
.shop_container.custom_type .item-info span{font-size: 12px; font-weight: 800; color: #9e9e9e; letter-spacing: 0; line-height: 1em;}
.shop_container.custom_type .item-info span.item-star{color: #353535;}
.shop_container.custom_type .item-info span.item-star .star_icon{color: #f4c748; font-size: 14px; margin-left: 0;}
.shop_container.custom_type .item-info span.item-star .item_star_num{color: #424242; font-size: 12px; font-weight: 600; line-height: 1em;}
.shop_container.custom_type .item-info span.item-star i{color: #f4c748;}
.shop_container.custom_type .item-content strong{font-size: 16px; line-height: 24px; max-height: 48px;}
.shop_container.custom_type .item_price_box .sale_cont span.percent{font-weight: 600;}
.shop_container.custom_type .item_price_box > h5{font-size: 16px; font-weight: 600;}
.shop_container.custom_type .item_price_box > h5 .real_price{font-weight: 600;}
.shop_container.custom_type .item_cont .item_depart{display: flex; align-items: center; line-height: 1em;}
.shop_container.custom_type .item_cont .item_depart span{font-size: 13px; color: #1673f1; font-family: 'SUIT-Bold'; font-style: oblique; letter-spacing: -0.035em; margin-left: 3px;}
.shop_container.custom_type .item_cont .item_depart_num {font-size: 12px; color: #6db4e6; margin-top: 7px; line-height: 1em;}
.shop_container.custom_type .item-info span.use_count{margin-left: 2px;}
.shop_container.custom_type .item-info span.use_count > span{margin-left: -1px;}
.shop_container.custom_type .item_cont .coupon_box{display: inline-block; margin-top:6px;}
.shop_container.custom_type .item_cont .coupon_icon{display: flex; align-items: center; padding: 4px 6px; border-radius: 3px; border: 1px solid #eaedef;}

@media (max-width: 991px){
    .sub_text.type_mb{margin: 35px 0 30px;}
    .sub_text.type_mb h1{font-size: 24px;}
    .shop_container.custom_type .list-wrap{margin-right: -10px !important; margin-bottom: -25px !important ;}
    .shop_container.custom_type .item-content strong{font-size: 12px; line-height: 16px;}
    .shop_container.custom_type .item_price_box .sale_cont span.percent{font-size: 16px;}
    .shop_container.shop_basic .item_price_box > h5{font-size: 12.5px; padding-right: 3px;}
    .shop_container.custom_type .item_price_box > h5 .real_price{font-size: 16px;}
    .shop_container.custom_type .item-info{margin-top:4px;}
    .shop_container.custom_type .item-info span{font-size: 10.5px; font-weight: 600;}
    .shop_container.custom_type .item_cont .item_depart img{width: 13px;}
    .shop_container.custom_type .item_cont .coupon_icon img{height: 7px;}
}

@media (max-width: 768px){
    .shop_container.custom_type .btn_cart {width: 30px; height: 30px; right: 6.5px; bottom: 6.5px;}
    .shop_container.custom_type .btn_cart img {height: 30px;}
    .shop_container.custom_type .item-content .brand_icon{font-size: 8px;}
    .shop_container.custom_type .item-info span.item-star .star_icon{font-size: 12px;}
    .shop_container.custom_type .item-info span.item-star .item_star_num{font-size: 10px;}
    .shop_container.custom_type .item_cont .item_depart span{font-size: 11px; margin: 0;}
    .shop_container.custom_type .item_cont .item_depart_num{font-size: 10px;}
    .shop_container.custom_type .item-info span.use_count span{font-weight: 800;}    
}
@media (max-width: 480px) {
    .shop_container.custom_type .item-info{font-size: 13px;}
}

/************************************************************
마이페이지
************************************************************/
/* 적립금 */
.sub_text .point_title{display: none;}
@media (max-width: 991px){
    .sub_text.point_tit{margin: 35px 0;}
    .sub_text .point_title{display: block; color: #666666; font-size: 11.5px; padding-top: 20px;}
}
/* 쿠폰 */
.sub_text .coupon_title{display: none;}
@media (max-width: 991px){
    .sub_text.coupon_tit{margin: 35px 0 20px;}
    .sub_text .coupon_title{display: block; color: #666666; font-size: 12px; padding-top: 20px;}
}
/* 주문내역 */

@media (max-width: 991px){
    .orderinquiry_pagination{margin-top: 0; margin-bottom: -5px;}
}

/************************************************************
폐쇄몰 전용 css
************************************************************/
span.only_member_txt_point{color: #999; display: block; line-height: 1em; font-weight: 600;}
.shop_basic span.only_member_txt_point{margin-left: -3px;}
.it_body span.only_member_txt_point{font-size: 24px;}
@media (max-width: 768px){
    span.only_member_txt_point{font-size: 18px;}
}

/************************************************************
모바일 카테고리 (사이드슬라이드 메뉴)
************************************************************/
aside#sidebar-box .sidebar-menu .menu_li_sub > li a{padding: 12px 21px;}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a.active{font-weight: 500;}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a span{display: block;width: 12px;height: 7px;position: absolute;top: 17px;right: 30px;}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a span:before{content: "";display: block;height: 1px;width: 6px;background: #666666;position: absolute;top: 50%;left: 0;transform: rotate(45deg) translate(0%, -1px);}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a span:after{content: "";display: block;height: 1px;width: 6px;background: #666666;position: absolute;top: 50%;right: 0;transform: rotate(-45deg) translate(0%, -1px);}
aside#sidebar-box .sidebar-menu .menu_li_sub > li a.active span{transform: rotate(180deg);}

aside#sidebar-box .sidebar-menu .menu_li_sub li .sub_menu_div{/*display: none;*/ padding: 0 12px;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .sub_menu_div > ul li + li{margin-top: 0;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .sub_menu_a{color: #666666;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .sub_menu_a.active{color: #333333; background-color: #f8f8f8;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu{/*display: none; */padding: 0 18px; background-color: #f8f8f8;}
/* aside#sidebar-box .sidebar-menu .menu_li_sub li .sub_menu_a.active + .custom_sub_menu{display: block;} */
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu_ul{display: flex; flex-wrap : wrap;  border-top: 1px solid #dadada; padding: 11px 0;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu_ul li{width: 50%;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu_ul li + li{margin-top: 0;}
aside#sidebar-box .sidebar-menu .menu_li_sub li .custom_sub_menu_ul li a{padding: 11px 0; color: #999999; font-size: 14px;}

/************************************************************
관리자 계정 > 각 페이지
************************************************************/
.at-content > .text-center.admin_group{padding-top: 20px;}
.text-center.list-admin{padding-top: 15px;}
.pull-right.list-admin{padding-top: 15px;}

.no_addredd{margin-left: 0 !important}
.no_addredd .marker_box{display: none !important;}

/* 2024-09-05 (주)파이브센스_FIVESENSES.Corp. 오늘출발 굵기 전체적용 */
.item_depart_tt{font-weight: 700 !important;}

/* cmommon.css end */
/* /css/sub.css */


.gage-bar {position: fixed;top: 0;left: 0;width: 0%;height: 5px;background: var(--main-point-bg-color-hover); transition: width 0.1s ease-out;z-index: 100000000;}
.gage-bar.admin {top: 50px;}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
지도 > 지도A
1. html > skin> board > mapA
관리자 로그인 후 위젯설정으로 이미지출력여부 꼭 설정하세요.
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-wrap.map_list_wrap {
    width: 100%;
}

.list-wrap.map_list_wrap .list_map {
}

.list-wrap.map_list_wrap .list_map #mgmap {
    width: 100%;
    height: 800px;
}

@media (min-width: 1950px) {
    .list-wrap.map_list_wrap {
        width:1850px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

.list-wrap.map_list_wrap .list_map .map_search_box {
    width: 1230px;
    max-width: 100%;
    margin: 100px auto 30px;
    padding: 0 15px;
}

.list-wrap.map_list_wrap .list_map .map_search {
    width: 350px;
    margin-right: 0;
    margin-left: auto;
    position: relative;
}

.list-wrap.map_list_wrap .list_map .map_search > input {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #d7d7d7;
    border-radius: 22.5px;
    padding: 0 50px 0 27px;
    color: #333;
    font-size: 14px;
    outline: none;
    box-shadow: none;
}

.list-wrap.map_list_wrap .list_map .map_search > input::placeholder {
    color: #888888;
}

.list-wrap.map_list_wrap .list_map .map_search button {
    width: 21px;
    height: 17px;
    position: absolute;
    right: 23px;
    top: 15px;
    background: none;
    outline: none;
    box-shadow: none;
    border: 0;
}

.list-wrap.map_list_wrap .list_map .map_search button::before {
    content: "";
    border: 2px solid var(--main-point-color-hover);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.list-wrap.map_list_wrap .list_map .map_search button::after {
    content: "";
    width: 2px;
    height: 9px;
    background: var(--main-point-color-hover);
    position: absolute;
    right: 2px;
    bottom: 0;
    transform: rotate(-60deg);
}

.map_list_wrap .list_body {
    width: 1230px;
    padding: 0 15px;
    max-width: 100%;
    margin: 0 auto;
}

.map_list_wrap .list_body .map_filter {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    display: none;
}

.map_list_wrap .list_body .map_filter .left_text {
    float: left;
    font-size: 16px;
    color: #333;
}

.map_list_wrap .list_body .map_filter .left_text span {
    font-weight: 600;
}

.map_list_wrap .list_body .map_filter .right_text {
    float: right;
    text-align: right;
}

.map_list_wrap .list_body .map_filter .right_text > a {
    display: inline-block;
    margin-left: 15px;
    font-size: 14px;
    color: #666;
    position: relative;
}

.map_list_wrap .list_body .map_filter .right_text > a::after {
    content: "";
    width: 1px;
    height: 14px;
    background: #999;
    position: absolute;
    top: 0px;
    right: -10px;
}

.map_list_wrap .list_body .map_filter .right_text > a:last-child::after {
    display: none;
}

.map_list_wrap .list_body .map_wrap {
    border-top: 1px solid #e1e1e1;
}

.map_list_wrap .list_body .map_wrap .map_div {
    border-bottom: 1px solid #e1e1e1;
    padding: 30px 0;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
}

.map_list_wrap .list_body .map_wrap .map_div::before, .map_list_wrap .list_body .map_wrap .map_div::after {
    content: "";
    display: block;
    clear: both;
}

.map_list_wrap .list_body .map_wrap .map_div .left_map {
    width: 200px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    position: relative;
}

.map_list_wrap .list_body .map_wrap .map_div .left_map img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.map_list_wrap .list_body .map_wrap .map_div .left_map input[type="checkbox"] {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map {
    width: calc(100% - 200px);
    padding-left: 50px;
    padding-right: 80px;
    position: relative;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map h5.subject {
    font-size: 18px;
    color: var(--main-point-color);
    font-weight: 600;
    margin-bottom: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map h5.subject a {
    font-size: 18px;
    color: var(--main-point-color);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .content {
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div {
    margin-bottom: 5px;
    line-height: 24px;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div::before, .map_list_wrap .list_body .map_wrap .map_div .right_map .content > div::after {
    content: "";
    clear: both;
    display: block;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div:last-child {
    margin-bottom: 0;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div .left_text {
    float: left;
    width: 90px;
    font-size: 16px;
    color: var(--main-point-color);
    font-weight: 500;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .content > div .right_text {
    font-size: 16px;
    color: #666666;
    width: calc(100% - 90px);
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .marker {
    width: 60px;
    height: 60px;
    background: #f0f0f0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click {
    display: block;
    width: 10px;
    height: 17px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click::before {
    content: "";
    width: 2px;
    height: 10px;
    background: #bcbcbc;
    position: absolute;
    top: 0;
    transform: rotate(-45deg);
    left: 5px;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click::after {
    content: "";
    width: 2px;
    height: 10px;
    background: #bcbcbc;
    position: absolute;
    bottom: 0;
    transform: rotate(45deg);
    left: 5px;
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .marker.active {
    background: var(--main-point-btn-bg-color-hover);
}

.map_list_wrap .list_body .map_wrap .map_div .right_map .marker.active span.marker_click::before, .map_list_wrap .list_body .map_wrap .map_div .right_map .marker.active span.marker_click::after {
    background: #fff;
}

.map_list_wrap .list-btn-box {
    margin-top: 20px;
}

.map_list_wrap .list-page {
    margin: 60px 0 0 !important;
}

.map_list_wrap .gm-style-iw-t::after {
    width: 8px !important;
    height: 8px !important;
}

.map_list_wrap .gm-style-iw {
    border: 0 !important;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    border-radius: 0 !important;
}

.map_list_wrap .gm-style-iw .gm-style-iw-d {
    overflow: hidden !important;
    overflow-y: auto !important;
}

.map_list_wrap .gm-style-iw .gm-style-iw-d + button {
    right: 0 !important;
    top: 0 !important;
}

@media (max-width: 991px) {
    .list-wrap.map_list_wrap .list_map #mgmap {
        height:400px;
    }

    .list-wrap.map_list_wrap .list_map .map_search_box {
        margin: 50px auto 20px;
        padding: 0;
    }

    .list-wrap.map_list_wrap .list_map .map_search {
        width: 220px;
    }

    .list-wrap.map_list_wrap .list_map .map_search > input {
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        padding: 0 45px 0 20px;
        font-size: 13px;
    }

    .list-wrap.map_list_wrap .list_map .map_search button {
        width: 20px;
        height: 15px;
        position: absolute;
        right: 20px;
        top: 12px;
    }

    .list-wrap.map_list_wrap .list_map .map_search button::before {
        border: 1px solid #7d2fff;
        width: 14px;
        height: 14px;
    }

    .list-wrap.map_list_wrap .list_map .map_search button::after {
        width: 1px;
        height: 6px;
        right: 4px;
        bottom: 0;
    }

    .map_list_wrap .list_body {
        padding: 0;
    }

    .map_list_wrap .list_body .map_filter {
        padding-bottom: 15px;
    }

    .map_list_wrap .list_body .map_filter .left_text {
        font-size: 14px;
    }

    .map_list_wrap .list_body .map_filter .right_text > a {
        margin-left: 10px;
        font-size: 12px;
    }

    .map_list_wrap .list_body .map_filter .right_text > a::after {
        width: 1px;
        height: 10px;
        right: -8px;
    }

    .map_list_wrap .list_body .map_wrap .map_div {
        padding: 20px 0;
        display: block;
        width: 100%;
    }

    .map_list_wrap .list_body .map_wrap .map_div .left_map {
        width: 100%;
        margin-bottom: 20px;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map {
        width: 100%;
        padding-left: 0px;
        padding-right: 50px;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map h5.subject {
        font-size: 16px;
        margin-bottom: 15px;
        text-overflow: inherit;
        white-space: normal;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map h5.subject a {
        font-size: 16px;
        text-overflow: inherit;
        white-space: normal;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map .content > div {
        margin-bottom: 5px;
        line-height: 21px;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map .content > div .left_text {
        width: 70px;
        font-size: 14px;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map .content > div .right_text {
        font-size: 14px;
        width: calc(100% - 70px);
        text-overflow: inherit;
        white-space: normal;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map .marker {
        width: 40px;
        height: 40px;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click {
        width: 7px;
        height: 12px;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click::before {
        width: 1px;
        height: 7px;
        left: 3.5px;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map .marker span.marker_click::after {
        width: 1px;
        height: 7px;
        left: 3.5px;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map .marker.active {
        background: #7d2fff;
    }

    .map_list_wrap .list_body .map_wrap .map_div .right_map .marker.active span.marker_click::before, .map_list_wrap .list_body .map_wrap .map_div .right_map .marker.active span.marker_click::after {
        background: #fff;
    }

    .map_list_wrap .list-btn-box {
        margin-top: 20px;
    }

    .map_list_wrap .list-page {
        margin: 60px 0 0 !important;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
지도 > 지도A > 글쓰기
1. html > skin> board > mapA > write > write.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.addr_setting {
}

.addr_setting #mgmap {
    margin-bottom: 20px;
}

.addr_setting .addr_box {
    margin-bottom: 10px;
}

.addr_setting .input_box.three {
    margin-bottom: 10px;
}

.addr_setting .input_box.three > input {
    width: 24.5%;
    float: left;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .addr_setting .input_box.three {
        margin-bottom:0;
    }

    .addr_setting .input_box.three > input {
        width: 100%;
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
매장안내2 html > skin > board > map2
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.map_search_wrap {
    padding: 40px 50px;
    background: #f9f9f9;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 60px;
}

.map_search_wrap > * {
    display: table-cell;
    vertical-align: middle;
}

.map_search_wrap label {
    font-size: 21px;
    color: var(--main-point-color);
    margin-bottom: 20px;
    font-weight: 500;
}

.map_search_wrap .area_wrap {
    width: 56.356%;
}

.map_search_wrap .store_wrap {
    width: 42.2%;
    padding-left: 4.273%;
}

.map_search_wrap .search_box select, .map_search_wrap .search_box input[type=text] {
    border-color: #d7d7d7;
    height: 45px;
    font-size: 16px;
    color: #888888;
    padding-left: 22px;
    background: #fff;
    width: 100%;
}

.map_search_wrap .search_box input[type=text]::placeholder {
    color: #888;
}

.map_search_wrap .search_box {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.map_search_wrap .search_box > div {
    display: table-cell;
    vertical-align: middle;
}

.map_search_wrap .area_wrap .search_box > div:first-of-type {
    width: 42.45%;
    padding-right: 9px;
}

.map_search_wrap .area_wrap .search_box > div:nth-of-type(2) {
    width: 42.767%;
    padding-right: 9px;
}

.map_search_wrap .store_wrap .search_box > div:first-of-type {
    width: 92.9%;
    padding-right: 9px;
}

.map_search_wrap .store_wrap .search_box > div:nth-of-type(2) {
    width: 26.1%;
}

.map_search_wrap .search_box > div:last-of-type button {
    height: 45px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    width: 100%;
    border: none;
    background: #333333;
}

.map_search_wrap .search_box > div select {
    widtH: 100%;
}

.map_search_wrap .search_box > div select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(/skin/board/mapB/img/map2_select_arrow.png) no-repeat 92% 50%;
}

.map_search_wrap .search_box > div select::-ms-expand {
    display: none;
}

.board-list.map2 {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.board-list.map2 > div {
    display: table-cell;
    vertical-align: top;
}

.board-list.map2 .map_cover {
    width: 48.334%;
}

.board-list.map2 .list-wrap {
    width: auto;
    padding-left: 3.334%;
}

.board-list.map2 .list-wrap .list-page {
    margin: 19px 0 0 !important;
}

.board-list.map2 .div-head {
    border-top: none;
    border-color: #e5e5e5;
}

.board-list.map2 .list-board {
    border-top: 2px solid #222222;
    margin-bottom: 0;
}

.board-list.map2 .list-board .list-body li {
    border-bottom: 1px solid #e5e5e5;
    background: #fff !important;
}

.board-list.map2 .list-board .list-body .wr-subject {
    padding: 28px 20px 28px 0;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.board-list.map2 .list-board .list-body .wr-subject > a {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
}

.board-list.map2 .list-board .list-body .wr-subject a .map_marker {
    display: table-cell;
    vertical-align: middle;
    background: url(/skin/board/mapB/img/map_marker_off.png) no-repeat center;
    width: 53px;
    height: 53px;
    border: 1px solid #d1d1d1;
    border-radius: 50%;
}

.board-list.map2 .list-board .list-body .wr-subject a .map_marker.on {
    background-image: url(/skin/board/mapB/img/map_marker_on.png);
    border-color: var(--main-point-line-color-hover);
    background-color: var(--main-point-bg-color-hover);
}

.board-list.map2 .list-board .list-body .wr-subject .store_info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5%;
}

.board-list.map2 .list-board .list-body .wr-subject .store_info h3, .board-list.map2 .list-board .list-body .wr-subject .store_info a.wr_subject {
    font-size: 20px;
    color: var(--main-point-color);
    font-weight: 500;
    line-height: 1;
    margin-bottom: 12px;
    display: block;
    width: 100%;
}

.board-list.map2 .list-board .list-body .wr-subject .store_info p {
    font-size: 16px;
    line-height: 1.4;
    color: #666;
}

.board-list.map2 .list-board .list-body .wr-subject .store_info p:last-child {
    margin-top: 5px;
}

.board-list.map2 .list-board .list-body .wr-subject .store_info p span.bold {
    font-weight: 500;
}

/*
.inquiry_box .answer button:not(.btn_cke_sc) {
    height: 50px;
    padding: 0 20px;
    background: #333333;
    color: #fff;
    font-size: 16px;
}
*/
 
.map2 .pagination li a {
    border: 0 !important;
    font-size: 17px;
    color: #666666 !important;
    background: none !important;
}

.map2 .list-btn {
    margin-top: 15px;
}

@media (min-width: 992px) {
    .board-list.map2 .div-head > span {
        font-size:16px;
        font-weight: 500;
        border: 0;
    }
}

@media (max-width: 991px) {
    .board-list.map2 .list-board {
        border-width:2px;
    }

    .board-list.map2 .map_cover {
        width: 100%;
        display: block;
    }

    .board-list.map2 .list-wrap {
        width: 100%;
        padding-left: 0;
        display: block;
        margin-top: 30px;
    }

    .board-list.map2 #map {
        height: 250px !important;
    }

    .map_search_wrap {
        padding: 25px 15px;
        margin-bottom: 30px;
    }

    .map_search_wrap label {
        font-size: 15px;
        margin-bottom: 12px;
        width: 100%;
    }

    .map_search_wrap .area_wrap {
        width: 100%;
        display: block;
    }

    .map_search_wrap .area_wrap:after {
        content: '';
        display: block;
        clear: both;
    }

    .map_search_wrap .area_wrap .search_box {
        margin-right: -10px;
        width: auto;
        display: block;
        table-layout: auto;
    }

    .map_search_wrap .area_wrap .search_box > div:first-of-type, .map_search_wrap .area_wrap .search_box > div:nth-of-type(2) {
        width: calc(50% - 10px);
        margin-right: 10px;
        float: left;
        padding: 0;
    }

    .map_search_wrap .area_wrap .search_box > div:last-of-type {
        width: calc(100% - 10px);
        margin-top: 10px;
        display: block;
        float: left;
    }

    .map_search_wrap .search_box > div:last-of-type button {
        height: 40px;
        font-size: 13px;
    }

    .map_search_wrap .search_box select, .map_search_wrap .search_box input[type=text] {
        font-size: 13px;
        height: 40px;
        padding-left: 15px;
        padding-right: 28px;
    }

    .map_search_wrap .search_box > div select {
        background-image: url(/skin/board/mapB/img/mmap2_select_arrow.png);
        background-size: 10px;
        background-position: 90% center;
    }

    .map_search_wrap .search_box {
        display: block;
        overflow: hidden;
    }

    .map_search_wrap .search_box > div {
        display: block;
        float: left;
    }

    .map_search_wrap .store_wrap {
        width: 100%;
        display: block;
        padding: 0px;
        margin-top: 30px;
    }

    .map_search_wrap .store_wrap .search_box > div:first-of-type {
        width: calc(100% - 90px);
    }

    .map_search_wrap .store_wrap .search_box > div:nth-of-type(2) {
        width: 90px;
    }

    .board-list.map2 .list-board .list-body .list-item:last-of-type {
        border-bottom: 0 !important;
    }

    .board-list.map2 .list-board .list-body .wr-subject {
        padding: 20px 15px 20px 0;
    }

    .board-list.map2 .list-board .list-body .wr-subject .store_info h3, .board-list.map2 .list-board .list-body .wr-subject .store_info a.wr_subject {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .board-list.map2 .list-board .list-body .wr-subject .store_info p {
        font-size: 13px;
        word-break: keep-all;
    }

    .board-list.map2 .list-board .list-body .wr-subject a .map_marker {
        background-image: url(/skin/board/mapB/img/mmap_marker_off.png);
        width: 50px;
        height: 50px;
        background-size: 16px;
    }

    .board-list.map2 .list-board .list-body .wr-subject a .map_marker.on {
        background-image: url(/skin/board/mapB/img/mmap_marker_on.png);
    }

    .map2 .pagination li a {
        font-size: 13px;
        padding: 6px 0;
        text-align: center;
        width: 30px;
    }

    .inquiry_box .answer #map + div select {
        width: 100% !important;
    }

    .inquiry_box .answer #map + div select + select {
        margin-top: 7px;
    }

    .inquiry_box .answer #map + div input.addr {
        width: calc(100% - 103px) !important;
        margin-top: 7px;
        height: 40px;
    }

    .inquiry_box .answer #map + div button {
        widtH: 100px;
        margin-top: 7px;
        font-size: 14px;
        height: 40px;
    }

    .inquiry_box .answer #map + div + div input[type=text] {
        height: 40px;
        line-height: normal;
        width: 49.6% !important;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
지도 > 지도D
1. html > skin> board > mapD
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.mapD_search {
    width: 100%;
    border: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
}

.mapD_search .left_map {
    width: 600px;
    border-right: 1px solid #e6e6e6;
    text-align: center;
    padding: 45px 0;
}

.mapD_search .left_map img {
    display: block;
    margin: 0 auto;
}

.mapD_search .left_map area {
    cursor: pointer;
}

.mapD_search .right_map {
    width: calc(100% - 600px);
    padding: 0 60px;
}

.mapD_search .right_map > h3 {
    font-size: 32px;
    color: var(--main-point-color);
    font-weight: 600;
    margin-bottom: 55px;
}

.mapD_search .right_map .search_wrap {
    margin-bottom: 40px;
}

.mapD_search .right_map > div > label {
    font-size: 18px;
    color: var(--main-point-color);
    padding-left: 15px;
    position: relative;
    display: inline-block;
}

.mapD_search .right_map > div > label::before {
    content: "";
    width: 5px;
    height: 5px;
    background: var(--main-point-bg-color-hover);
    position: absolute;
    top: 7px ;
    left: 0;
}

.mapD_search .right_map > div > .search_box {
    margin-top: 20px;
    overflow: hidden;
}

.mapD_search .right_map > div > .search_box > div {
    float: left;
    width: calc(100% - 100px);
    overflow: hidden;
}

.mapD_search .right_map > div > .search_box > div select {
    width: calc(100% / 2 - 5px);
    margin-right: 10px;
    display: block;
    float: left;
    border: 1px solid #d7d7d7;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    height: 40px;
    line-height: 37px;
    outline: none;
    box-shadow: none;
    background: #fff url('/skin/board/mapD/img/mapD_select_arrow.png') no-repeat 90% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mapD_search .right_map > div > .search_box > div select::-ms-expand {
    display: none;
}

.mapD_search .right_map > div > .search_box > div select:last-child {
    margin-right: 0;
}

.mapD_search .right_map > div > .search_box > div input {
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d7d7d7;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    outline: none;
    box-shadow: none;
}

.mapD_search .right_map > div > .search_box > div input::placeholder {
    color: #888888;
}

.mapD_search .right_map > div > .search_box > div.button_box {
    width: 90px;
    margin-left: 10px;
}

.mapD_search .right_map > div > .search_box > div.button_box button {
    width: 100%;
    height: 40px;
    line-height: 37px;
    background: #333333;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: 0;
    outline: none;
    box-shadow: none;
}

.mapD_search .right_map > div > .search_box {
}

.mapD_length {
    margin: 65px auto 20px;
}

.mapD_length > h5 {
    font-size: 15px;
    color: #666666;
}

.mapD_length > h5 .length {
    color: var(--main-point-color-hover);
    font-weight: 600;
}

.inquiry_box .answer select.addrD {
    width: 24.9%;
}

.inquiry_box .answer .addrD_input {
    margin-top: 10px;
}

.mapD_style.board_style .notice_board .div-head > span {
    font-size: 17px;
    color: var(--main-point-color);
    font-weight: 500;
}

.mapD_style.board_style .notice_board.list-board .list-body li > div {
    font-size: 15px;
    color: #666666;
    padding: 18px 0;
}

.mapD_style.board_style .notice_board.list-board .list-body li > div a {
    background: #333333;
    padding: 5px 8px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 12px;
    display: inline-block;
    margin-left: 5px;
    /*  display:none; */
}

.mapD_style .wr_regi {
    width: 110px;
}

.mapD_style .wr_subject {
    width: 150px;
}

.mapD_style .wr_addr {
}

.mapD_style .wr_phone {
    width: 180px;
}

.mapD_style .wr_mobile {
    display: none !important;
}

@media (max-width: 991px) {
    .mapD_search {
        display:block;
    }

    .mapD_search .left_map {
        width: 100%;
        border-right: 0;
        text-align: center;
        padding: 30px 0;
        border-bottom: 1px solid #e6e6e6;
    }

    .mapD_search .right_map {
        width: 100%;
        padding: 30px 15px;
    }

    .mapD_search .right_map > h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .mapD_search .right_map .search_wrap {
        margin-bottom: 30px;
    }

    .mapD_search .right_map > div > label {
        font-size: 15px;
        padding-left: 10px;
    }

    .mapD_search .right_map > div > label::before {
        width: 3px;
        height: 3px;
        top: 5px;
    }

    .mapD_search .right_map > div > .search_box {
        margin-top: 15px;
    }

    .mapD_search .right_map > div > .search_box > div {
        width: 100%;
    }

    .mapD_search .right_map > div > .search_box > div select {
        width: calc(50% - 5px);
        margin-right: 10px;
        padding-left: 15px;
        font-size: 13px;
        background: url('/skin/board/mapD/img/mapD_select_arrow.png') no-repeat 90% 50%;
    }

    .mapD_search .right_map > div > .search_box > div input {
        padding-left: 15px;
        font-size: 13px;
    }

    .mapD_search .right_map > div > .search_box > div.button_box {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }

    .mapD_search .right_map > div > .search_box > div.button_box button {
        font-size: 13px;
    }

    .mapD_search .right_map > div > .search_box > .one {
        width: calc(100% - 100px);
    }

    .mapD_search .right_map > div > .search_box > .one + div.button_box {
        width: 90px;
        margin-top: 0;
        margin-left: 10px;
    }

    .mapD_length {
        margin: 40px auto 15px;
    }

    .mapD_length > h5 {
        font-size: 14px;
    }

    .mapD_length > h5 .length {
        color: #7d2fff;
        font-weight: 600;
    }

    .inquiry_box .answer select.addrD {
        width: 100%;
        margin-bottom: 10px;
    }

    .inquiry_box .answer .addrD_input {
        margin-top: 0px;
    }

    .mapD_style.board_style .notice_board .div-head {
        padding: 15px 0;
        border-bottom: 1px solid #252525;
    }

    .mapD_style.board_style .notice_board .div-head > span {
        font-size: 14px;
    }

    .mapD_style.board_style .notice_board.list-board .list-body li {
        padding: 0 5px;
    }

    .mapD_style.board_style .notice_board.list-board .list-body li > div {
        font-size: 13px;
        padding: 14px 0;
        text-align: left;
    }

    .mapD_style.board_style .notice_board.list-board .list-body li > div a {
        padding: 3px 5px;
        font-size: 11px;
        border-radius: 10px;
        margin-left: 3px;
    }

    .mapD_style .wr_hidden {
        display: none !important;
    }

    .mapD_style .wr_mobile {
        display: block !important;
        margin-top: 10px;
    }

    .mapD_style .wr_mobile > div {
        display: inline-block;
        overflow: hidden;
        margin-right: 10px;
    }

    .mapD_style .wr_mobile > div:last-child {
        margin-right: 0;
    }

    .mapD_style .wr_mobile > div .left_text {
        font-size: 12px;
        color: #222;
        font-weight: 500;
        margin-right: 5px;
        float: left;
    }

    .mapD_style .wr_mobile > div .right_text {
        font-size: 12px;
        color: #999999;
        float: left;
    }
}

@media (max-width: 400px) {
    .mapD_search .left_map img {
        width:200px;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
예약A 페이지 
1. html > skin> board >  reservationA
2. html > plugin > wz.booking.prenstion.prm
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*예약A > 예약리스트(펜션리스트)*/
.reservationA .reservation_row {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e6e6e6
}

.reservationA .reservation_row:last-child {
    /* margin-bottom:0; padding-bottom:0; border-bottom:0 */
    }

.reservationA .reservation_row .img_box {
    width: 500px;
    border: 2px solid transparent;
    transition: all 0.3s;
}

.reservationA .reservation_row .img_box:hover {
    border-color: var(--main-point-line-color-hover);
}

.reservationA .reservation_row .img_box img {
    width: 100%;
}

.reservationA .reservation_row .info_box {
    width: calc(100% - 500px);
    padding-left: 85px;
    position: relative;
    padding-top: 30px;
}

.reservationA .reservation_row .info_box > h3 {
    margin: 0;
}

.reservationA .reservation_row .info_box > h3 > a {
    display: inline-block;
    font-size: 22px;
    color: var(--main-point-color);
    font-weight: 500;
    line-height: 33px;
    margin-top: 0;
    margin-bottom: 15px;
    text-decoration: none;
}

.reservationA .reservation_row .info_box > p {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 0;
}

.reservationA .reservation_row .info_box > .info_room {
    margin-top: 25px;
}

.reservationA .reservation_row .info_box > .info_room > span.room_span {
    display: inline-block;
    padding: 0 10px;
    height: 25px;
    line-height: 21px;
    border-radius: 12.5px;
    font-size: 12px;
    color: #666666;
    border: 1px solid #dddddd;
    margin-right: 3px;
    margin-bottom: 6px
}

.reservationA .reservation_row .info_box > .info_btn {
    position: absolute;
    right: 0;
    bottom: 30px;
}

.reservationA .reservation_row .info_box > .info_btn > a {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #666666;
    font-size: 15px;
    color: #222222;
    text-align: center;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    transition: all 0.3s;
}

.reservationA .reservation_row .info_box > .info_btn > a:hover {
    border-color: var(--main-point-btn-line-color-hover);
    color: var(--main-point-color-hover);
}

@media (max-width: 991px) {
    .reservationA .reservation_row {
        display:block;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .reservationA .reservation_row .img_box {
        width: 100%;
    }

    .reservationA .reservation_row .info_box {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
        padding-top: 0;
    }

    .reservationA .reservation_row .info_box > h3 > a {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .reservationA .reservation_row .info_box > p {
        font-size: 14px;
        line-height: 21px;
    }

    .reservationA .reservation_row .info_box > .info_room {
        margin-top: 20px;
    }

    .reservationA .reservation_row .info_box > .info_room > span.room_span {
        padding: 0 7px;
    }

    .reservationA .reservation_row .info_box > .info_btn {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 40px;
    }

    .reservationA .reservation_row .info_box > .info_btn > a {
        width: 120px;
        font-size: 13px;
        height: 40px;
        line-height: 36px;
    }
}

/*예약A > 예약안내1*/
.reservationA .reservationA_info {
    margin-bottom: 60px;
}

.reservationA h5.reservationA_title {
    font-size: 22px;
    color: var(--main-point-color);
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0;
}

.reservationA .reservationA_info table.table {
    border: 0;
    position: relative;
}

.reservationA .reservationA_info table.table::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #5c5c5c;
}

.reservationA .reservationA_info table.table thead tr {
    border-bottom: 1px solid #e6e6e6;
}

.reservationA .reservationA_info table.table thead th {
    background: #fbfbfb;
    border: 0;
    text-align: center;
    font-size: 17px;
    color: var(--main-point-color);
    font-weight: 500;
    padding: 17px 0;
}

.reservationA .reservationA_info table.table thead th.border-right {
    border-right: 1px solid #e4e4e4;
}

.reservationA .reservationA_info table.table thead th:last-child {
    border-right: 0;
}

.reservationA .reservationA_info table.table .width90 {
    width: 90px;
}

.reservationA .reservationA_info table.table .width95 {
    width: 95px;
}

.reservationA .reservationA_info table.table .width105 {
    width: 105px;
}

.reservationA .reservationA_info table.table .width190 {
    width: 190px;
}

.reservationA .reservationA_info table.table .width270 {
    width: 270px;
}

.reservationA .reservationA_info table.table tbody tr {
    border-bottom: 1px solid #e6e6e6;
}

.reservationA .reservationA_info table.table tbody td {
    font-size: 16px;
    color: #666666;
    text-align: center;
    border: 0;
    padding: 18px 0;
}

.reservationA .reservationA_use {
    margin-bottom: 50px;
}

.reservationA .reservationA_use ul {
    border-top: 1px solid #5c5c5c;
    border-bottom: 1px solid #e6e6e6;
}

.reservationA .reservationA_use ul::before, .reservationA .reservationA_use ul::after {
    content: "";
    display: block;
    clear: both;
}

.reservationA .reservationA_use ul > li {
    width: 33.3333%;
    float: left;
    text-align: center;
}

.reservationA .reservationA_use ul > li .top_text {
    background: #fbfbfb;
    padding: 22px 0;
    font-size: 17px;
    color: var(--main-point-color);
    font-weight: 500;
    border-bottom: 1px solid #e6e6e6;
}

.reservationA .reservationA_use ul > li .bot_text {
    padding: 19px 10px;
    font-size: 16px;
    color: #666666;
    line-height: 24px;
}

.reservationA .reservationA_btn {
    text-align: center;
}

.reservationA .reservationA_btn > a {
    width: 200px;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: var(--main-point-btn-bg-color-hover);
    font-size: 18px;
    font-weight: 600;
    border-radius: 25px;
    margin: 0 auto;
}

.reservationA .reservationA_btn > a:hover {
    color: #fff;
    text-decoration: none;
}

.reservationA .reser_sly_wrap {
    display: none;
}

.reservationA .mobile_text {
    display: none;
}

@media (max-width: 991px) {
    .reservationA .reservationA_info {
        margin-bottom:40px;
    }

    .reservationA h5.reservationA_title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .reservationA.wetoz .reservationA_info .table-responsive {
        border: 0;
        margin-bottom: 0;
    }

    .reservationA.wetoz .reservationA_info .table-responsive * {
        white-space: unset;
    }

    .reservationA .reservationA_info .table-responsive {
        overflow: hidden;
        overflow-y: auto;
        max-height: 550px;
    }

    .reservationA .reservationA_info table.table {
        border-top: 0;
    }

    .reservationA .reservationA_info table.table thead {
        display: none;
    }

    .reservationA .reservationA_info table.table tr td {
        display: block;
        text-align: left;
    }

    .reservationA .reservationA_info table.table tbody tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #222;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .reservationA .reservationA_info table.table tbody tr:last-child {
        margin-bottom: 0;
    }

    .reservationA .reservationA_info table.table tbody td {
        font-size: 14px;
        text-align: left;
        position: relative;
        padding: 0;
        border-bottom: 1px solid #e4e4e4 !important;
        display: flex;
        align-items: center;
        text-align: left;
        border-top: 0;
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .reservationA .reservationA_info table.table tbody td:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .reservationA .mobile_text {
        display: flex;
        width: 120px;
        /* background: none; */
        font-size: 14px;
        color: var(--main-point-color);
        font-weight: 500;
        border-right: 0;
        padding: 10px 0 10px 10px;
        line-height: 21px;
        z-index: 1;
        background: #fbfbfb;
        align-items: center;
    }

    .reservationA .reservationA_info table.table tbody tr td{
        display: flex;
        align-items: stretch;
    }

    /* .reservationA .reservationA_info table.table tbody tr td:before {
        content: "";
        width: 120px;
        top: 0;
        left: 0;
        height: 100%;
        background: #fbfbfb;
        position: absolute;
        z-index: 0;
        border-right: 1px solid #e4e4e4;
    } */

    .reservationA .mobile_text + .right_text {
        font-size: 14px;
        line-height: 21px;
        color: #666666;
        padding: 10px;
        width: calc(100% - 120px);
        white-space: normal !important;
    }

    .reservationA .reservationA_use {
        margin-bottom: 40px;
    }

    .reservationA .reservationA_use ul {
        border-top: 1px solid #4e4e4e;
        border-bottom: 0;
        margin-bottom: 0;
    }

    .reservationA .reservationA_use ul > li {
        width: 100%;
        float: none;
        text-align: left;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
    }

    /* .reservationA .reservationA_use ul > li::before {
        content: "";
        width: 120px;
        top: 0;
        left: 0;
        height: 100%;
        background: #fbfbfb;
        position: absolute;
        z-index: 0;
        border-right: 1px solid #e4e4e4;
    } */

    .reservationA .reservationA_use ul > li .top_text {
        font-size: 14px;
        padding: 10px 0 10px 10px;
        border-bottom: 0;
        width: 120px;
        background: none;
        z-index: 1;
        background: #fbfbfb;
    }

    .reservationA .reservationA_use ul > li .bot_text {
        padding: 10px;
        font-size: 14px;
        line-height: 21px;
        width: calc(100% - 120px);
    }

    .reservationA .reservationA_btn > a {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-radius: 20px;
    }

    .reservationA .reser_sly_wrap {
        display: block;
        margin-bottom: 15px;
    }

    .reservationA .reser_sly_wrap > .frame {
        width: 100%;
    }

    .reservationA .reser_sly_wrap > #reser_sly {
        width: 100%;
    }

    .reservationA .reser_sly_wrap > #reser_sly > ul {
        display: table;
        text-align: center;
        margin-bottom: 0;
    }

    .reservationA .reser_sly_wrap > #reser_sly > ul > li {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
    }

    .reservationA .reser_sly_wrap > #reser_sly > ul > li > a {
        display: block;
        background: #e5e5e5;
        color: #666;
        font-size: 14px;
        padding: 5px 8px;
        border-radius: 12px;
        margin-right: 10px;
        text-decoration: none;
    }

    .reservationA .reser_sly_wrap > #reser_sly > ul > li:last-child > a {
        margin-right: 0;
    }

    .reservationA .reser_sly_wrap > #reser_sly > ul > li.active > a {
        background: var(--main-point-btn-bg-color-hover);
        color: #fff;
    }
}

/*예약A > 실시간예약1*/
.reservationA {
}

.reservationA.wetoz .btn-success:hover, .reservationA.wetoz .btn-success:focus {
    background: var(--main-point-btn-bg-color-hover) !important;
}

.reservationA::before, .reservationA::after {
    clear: both;
    display: block;
    content: "";
}

.reservationA.wetoz label {
    margin-bottom: 0
}

.reservationA.wetoz .col-md-12 {
    padding: 0;
    float: none;
}

.reservationA.wetoz .reservationA_menu {
    border-bottom: 0;
    width: 600px;
    margin: 0 auto 95px;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: 30px;
    padding: 6.5px 0;
}

.reservationA.wetoz .reservationA_menu > li {
    float: none;
    margin-bottom: 0;
    display: inline-block;
    margin-right: 11px;
}

.reservationA.wetoz .reservationA_menu > li:last-child {
    margin-right: 0;
}

.reservationA.wetoz .reservationA_menu > li > a {
    display: block;
    margin-right: 0;
    line-height: 45px;
    border-radius: 22.5px;
    font-size: 19px;
    font-weight: 500;
    color: #b7b7b7;
    padding: 0;
    width: 185px;
    border: 0;
    background: #fff;
}

.reservationA.wetoz .reservationA_menu > li > a:hover, .reservationA.wetoz .reservationA_menu > li > a:focus {
    background: #fff;
    border: 0;
}

.reservationA.wetoz .reservationA_menu > li.active > a, .reservationA.wetoz .nav-tabs > li.active > a:hover, .reservationA.wetoz .reservationA_menu > li.active > a:focus {
    background: var(--main-point-btn-bg-color-hover);
    color: #fff;
    border: 0;
    box-shadow: 0px 5px 15px 0 rgba(0,0,0,0.11);
}

.reservationA.wetoz .pager.date_btn {
    text-align: center;
    margin: 0 auto 40px;
}

.reservationA.wetoz .pager.date_btn > li {
    display: inline-block;
}

.reservationA.wetoz .pager.date_btn > li.arrow_btn > a {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.reservationA.wetoz .pager.date_btn > li.arrow_btn > a i {
    color: #a0a0a0;
    font-size: 25px;
}

.reservationA.wetoz .pager.date_btn > li.arrow_date {
    font-size: 27px;
    color: var(--main-point-color);
    font-weight: 600;
    margin: 0 35px;
}

.reservationA.wetoz .pager.date_btn li > a:hover, .reservationA.wetoz .pager li > a:focus {
    border: 0;
    background: none;
}

.reservationA.wetoz .list_info {
    text-align: right;
    margin-bottom: 25px;
}

.reservationA.wetoz .list_info > li {
    display: inline-block;
    margin-right: 14px;
    background: none;
    font-size: 15px;
    color: #888888;
    font-weight: 400;
    padding: 0;
}

.reservationA.wetoz .list_info > li:last-child {
    margin-right: 0;
}

.reservationA.wetoz .list_info > li.label-danger {
    color: #888888;
}

.reservationA.wetoz .list_info > li.label-warning {
    color: #f95266;
}

.reservationA.wetoz .list_info > li.label-success {
    color: var(--main-point-color-hover);
}

.reservationA.wetoz .table > tbody tr.head_tr {
}

.reservationA.wetoz .table > tbody tr.head_tr th {
    border: 1px solid #e1e1e1;
    padding: 13.5px 15px;
    font-size: 16px;
    color: var(--main-point-color);
}

.reservationA.wetoz .table > tbody tr.head_tr th.bg_red {
    background: #fffaf6;
}

.reservationA.wetoz .table > tbody tr.head_tr th.bg_red span.text-red {
    color: #eb4958;
}

.reservationA.wetoz .table > tbody tr.head_tr th.bg_blue {
    background: #f6faff;
}

.reservationA.wetoz .table > tbody tr.head_tr th.bg_blue span.text-blue {
    color: #4e92e2
}

.reservationA.wetoz .table > tbody + tbody {
    border-top: 0;
}

.reservationA.wetoz .table > tbody tr.body_tr {
}

.reservationA.wetoz .table > tbody tr.body_tr td {
    height: 170px;
    padding: 20px 15px;
}

.reservationA.wetoz .table > tbody tr.body_tr td .day {
    font-size: 15px;
    color: #222222;
    font-family: 'Noto Sans KR',sans-serif;
    margin-bottom: 15px;
}

.reservationA.wetoz .table > tbody tr.body_tr td.imposs, .reservationA.wetoz .table > tbody tr.body_tr td.box-sun.imposs, .reservationA.wetoz .table > tbody tr.body_tr td.box-sat.imposs {
    background: #f7f7f7;
}

.reservationA.wetoz .table > tbody tr.body_tr td.box-sun {
    background: #fffaf6;
}

.reservationA.wetoz .table > tbody tr.body_tr td.imposs .day, .reservationA.wetoz .table > tbody tr.body_tr td.box-sun.imposs .day, .reservationA.wetoz .table > tbody tr.body_tr td.box-sat.imposs .day {
    color: #ababab;
}

.reservationA.wetoz .table > tbody tr.body_tr td.box-sat {
    background: #f6faff;
}

.reservationA.wetoz .table > tbody tr.body_tr td.box-sat .day {
    color: #4e92e2;
}

.reservationA.wetoz .table > tbody tr.body_tr td.box-sun {
    background: #fffaf6;
}

.reservationA.wetoz .table > tbody tr.body_tr td.box-sun .day {
    color: #eb4958;
}

.reservationA.wetoz .table > tbody tr.body_tr td.danger {
    background: #fbe7e7;
}

.reservationA.wetoz .table > tbody tr.body_tr td ul.list-group::before, .reservationA.wetoz .table > tbody tr.body_tr td ul.list-group::after {
    content: "";
    clear: both;
    display: block;
}

.reservationA.wetoz .table > tbody tr.body_tr td li {
    font-size: 14px;
    width: 50%;
    float: left;
    padding: 3px 0;
}

.reservationA.wetoz .table > tbody tr.body_tr td li a {
    color: var(--main-point-color-hover);
}

.reservationA.wetoz .table > tbody tr.body_tr td li a:hover {
    text-decoration: none;
}

.reservationA.wetoz .table > tbody tr.body_tr td li .sbj {
    padding: 0;
}

.reservationA.wetoz .table > tbody tr.body_tr td li.stay {
    color: #f95266;
}

.reservationA.wetoz .table > tbody tr.body_tr td li.done {
    color: #888888;
}

.reservationA.wetoz .table > tbody tr.body_tr td li .badge.text-number {
    width: 12px;
    height: 12px;
    line-height: 10px;
    background: #888;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    font-family: 'Noto Sans KR',sans-serif;
    position: relative;
    float: none;
    top: -1px;
    left: 3px;
}

.reservationA.wetoz .table > tbody tr.body_tr td li .badge.text-number span {
    position: absolute;
    top: 0px;
    left: 3px;
    transform: scale(0.9);
}

.reservationA.wetoz .table > tbody tr.body_tr td li .hover_text {
    position: absolute;
    width: auto;
    white-space: nowrap;
    text-align: center;
    line-height: 30px;
    height: 30px;
    border: 1px solid #ebebeb;
    background: #fff;
    color: #222222;
    min-width: 95px;
    border-radius: 3px;
    display: none;
    box-shadow: 0px 5px 9px 0px rgba(34,34,34,0.04);
    left: 60px;
    background: #fff;
    z-index: 1;
    top: -2px;
}

.reservationA.wetoz .table > tbody tr.body_tr td li:hover .hover_text {
    display: block;
}

@media (max-width: 991px) {
    .reservationA.wetoz .reservationA_menu {
        width:100%;
        margin: 0 auto 50px;
        border-radius: 30px;
        padding: 5px 5px;
    }

    .reservationA.wetoz .reservationA_menu > li {
        float: left;
        display: block;
        width: 33.3333%;
        margin-right: 0;
    }

    .reservationA.wetoz .reservationA_menu > li:last-child {
        margin-right: 0;
    }

    .reservationA.wetoz .reservationA_menu > li > a {
        display: block;
        line-height: 35px;
        border-radius: 17.5px;
        font-size: 14px;
        width: 100%;
    }

    .reservationA.wetoz .pager.date_btn {
        margin: 0 auto 30px;
    }

    .reservationA.wetoz .pager.date_btn > li {
        display: inline-block;
    }

    .reservationA.wetoz .pager.date_btn > li.arrow_btn > a {
        padding: 0;
        border: 0;
        border-radius: 0;
    }

    .reservationA.wetoz .pager.date_btn > li.arrow_btn > a i {
        font-size: 18px;
    }

    .reservationA.wetoz .pager.date_btn > li.arrow_date {
        font-size: 22px;
        margin: 0 30px;
    }

    .reservationA.wetoz .list_info {
        text-align: right;
        margin-bottom: 15px;
    }

    .reservationA.wetoz .list_info > li {
        margin-right: 7px;
        font-size: 12px;
    }

    .reservationA.wetoz .table-responsive {
        margin-bottom: 0;
    }

    .reservationA.wetoz table.table {
        table-layout: fixed;
        margin-bottom: 0;
    }

    .reservationA.wetoz .table > tbody tr.head_tr th {
        padding: 5px;
        font-size: 12px;
        text-align: center;
    }

    .reservationA.wetoz .table > tbody tr.body_tr td {
        height: auto;
        padding: 3px;
    }

    .reservationA.wetoz .table > tbody tr.body_tr td .day {
        font-size: 12px;
        margin-bottom: 0px;
        padding: 5px;
    }

    .reservationA #wrap-calendar {
        margin-bottom: 0;
    }
}

/*예약A > 실시간 예약2*/
.reservationA.wetoz .reservation_step1 {
}

.reservationA.wetoz .reservation_step1 .calendar_reservation {
    margin-bottom: 60px;
}

.reservationA.wetoz .reservation_step1 .col-md-5, .reservationA.wetoz .reservation_step1 .col-sm-6 {
    width: 100%;
    float: none;
}

.reservationA.wetoz .reservation_step1 .list_info {
    display: none;
}

.reservationA.wetoz .reservation_step1 .table > tbody tr.body_tr td {
    height: auto;
    padding: 19px 15px;
}

.reservationA.wetoz .reservation_step1 .table > tbody tr.body_tr td .day {
    padding: 0;
    text-align: left;
    margin-bottom: 0;
}

.reservationA.wetoz .reservation_step1 .reservation_day {
    margin: 40px auto 0;
    padding-bottom: 40px;
    text-align: center;
    font-size: 20px;
    color: var(--main-point-color);
    font-weight: 500;
    border-bottom: 1px solid #e1e1e1;
}

.reservationA.wetoz .reservation_step1_info {
    margin-bottom: 60px;
}

.reservationA.wetoz .reservation_step1_info table.table {
    border: 0;
    border-top: 1px solid #4e4e4e;
}

.reservationA.wetoz .reservation_step1_info table.table tr {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
}

.reservationA.wetoz .reservation_step1_info table.table thead th {
    border: 0;
    font-size: 17px;
    color: var(--main-point-color);
    font-weight: 500;
    text-align: center;
    padding: 17px 0;
    background: #fbfbfb;
}

.reservationA.wetoz .reservation_step1_info table.table tbody td {
    border: 0;
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding: 12px 0;
}

.reservationA.wetoz .reservation_step1_info table.table select {
    width: 90px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    color: #666666;
    padding: 0 10px !important;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/plugin/wz.booking.pension.prm/img/reserv_arrow.png') no-repeat 90% 50%;
}

.reservationA.wetoz .reservation_step1_info table.table select::-ms-expand {
    display: none;
}

.reservationA.wetoz .reservation_step1_info table.table i.fa-trash {
    font-size: 14px;
}

.reservationA.wetoz .reservation_step1_option {
    margin-bottom: 55px;
}

.reservationA.wetoz .reservation_step1_option .option_box {
    border-top: 1px solid #4e4e4e;
}

.reservationA.wetoz .reservation_step1_option .option_box > .option_div {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
}

.reservationA.wetoz .reservation_step1_option .option_box > .option_div label.left_label {
    width: 150px;
    float: left;
    font-size: 16px;
    color: #222222;
    font-weight: 500;
    line-height: 35px;
}

.reservationA.wetoz .reservation_step1_option .option_box > .option_div .right_select {
    width: calc(100% - 150px);
    float: left;
    overflow: hidden;
}

.reservationA.wetoz .reservation_step1_option .option_box > .option_div .right_select .select_box {
    overflow: hidden;
    width: 205px;
    float: left;
}

.reservationA.wetoz .reservation_step1_option .option_box > .option_div .right_select .select_box select {
    width: 140px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    float: left;
    background: url('/plugin/wz.booking.pension.prm/img/reserv_arrow.png') no-repeat 90% 50%;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    color: #666;
}

.reservationA.wetoz .reservation_step1_option .option_box > .option_div .right_select .select_box select::-ms-expand {
    display: none;
}

.reservationA.wetoz .reservation_step1_option .option_box > .option_div .right_select .select_box .qt {
    width: 65px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #e1e1e1;
    background: #f3f3f3;
    border-left: 0;
    font-size: 15px;
    color: #666666;
    text-align: center;
    float: left;
}

.reservationA.wetoz .reservation_step1_option .option_box > .option_div .help-block {
    float: left;
    width: calc(100% - 205px);
    font-size: 15px;
    color: #666666;
    line-height: 35px;
    margin: 0 auto;
    padding-left: 25px;
}

.reservationA.wetoz .reservation_step1_option .reservation_sum {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
}

.reservationA.wetoz .reservation_step1_option .reservation_sum > .left_label {
    width: 150px;
    float: left;
    font-size: 16px;
    color: #222;
    font-weight: 500;
    line-height: 35px;
}

.reservationA.wetoz .reservation_step1_option .reservation_sum > .right_price {
    width: calc(100% - 150px);
    float: left;
    font-size: 20px;
    color: #7d2fff;
    font-weight: 600;
    overflow: hidden;
    line-height: 35px;
}

.reservationA.wetoz .reservation_step1_option .reservation_sum > .right_price #option_tot_price {
    width: auto;
    border: 0;
    background: none;
    outline: none;
    box-shadow: none;
    font-size: 20px;
    color: #7d2fff;
    font-weight: 600;
    padding: 0;
    text-align: left;
    display: inline-block;
}

.reservationA.wetoz .reservation_step1_option .reservation_sum > .right_price .won {
    display: inline-block;
    font-size: 20px;
    color: #666666;
    font-weight: 400;
}

.reservationA.wetoz .reservation_total {
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
}

.reservationA.wetoz .reservation_total label.left_label {
    float: left;
    font-size: 16px;
    color: var(--main-point-color);
    font-weight: 500;
}

.reservationA.wetoz .reservation_total .right_price {
    float: right;
    text-align: right;
}

.reservationA.wetoz .reservation_total .right_price #all_tot_price {
    font-size: 26px;
    color: var(--main-point-color-hover);
    font-weight: 600;
    display: inline-block;
}

.reservationA.wetoz .reservation_total .right_price #all_tot_price + .won {
    font-size: 20px;
    color: #666666;
    font-weight: 400;
    display: inline-block;
}

.reservationA.wetoz .setp1_caption {
    font-size: 13px;
    color: #666666;
    line-height: 24px;
}

.reservationA.wetoz .step1_btn {
    margin-top: 55px;
    text-align: center;
}

.reservationA.wetoz .step1_btn > button {
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 25px;
    border: 0;
    outline: none;
    box-shadow: none;
    background: #acacac;
    padding: 0;
    margin-right: 15px;
}

.reservationA.wetoz .step1_btn > button.btn-success {
    background: var(--main-point-btn-bg-color-hover);
    margin-right: 0;
}

.reservationA.wetoz .modal.in .modal-dialog {
    width: 1000px;
    transform: translate(-50%, -50%) rotate(0);
}

.reservationA.wetoz .modal-dialog .modal-content {
    border-radius: 0;
    padding: 30px 40px;
}

.reservationA.wetoz .modal-dialog .modal-header {
    padding: 0;
    margin-bottom: 30px;
    border-bottom: 0;
}

.reservationA.wetoz .modal-dialog .modal-header h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--main-point-color);
}

.reservationA.wetoz .modal-dialog .modal-header button {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    opacity: 1;
    margin-top: 0;
    top: 5px;
    color: transparent;
    font-size: 0;
}

.reservationA.wetoz .modal-dialog .modal-header button::before {
    content: "";
    width: 1px;
    height: 20px;
    background: #797979;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.reservationA.wetoz .modal-dialog .modal-header button::after {
    content: "";
    width: 1px;
    height: 20px;
    background: #797979;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.reservationA.wetoz .modal-dialog .modal-body {
    padding: 0;
}

.reservationA.wetoz .modal-dialog .modal-body table.table {
    border: 0;
    border-top: 1px solid #4e4e4e;
}

.reservationA.wetoz .modal-dialog .modal-body table.table thead {
}

.reservationA.wetoz .modal-dialog .modal-body table.table thead tr {
    border-bottom: 1px solid #e6e6e6;
}

.reservationA.wetoz .modal-dialog .modal-body table.table thead tr th {
    font-size: 17px;
    color: var(--main-point-color);
    font-weight: 500;
    text-align: center;
    padding: 12.5px 0;
    border: 0;
}

.reservationA.wetoz .modal-dialog .modal-body table.table tbody {
}

.reservationA.wetoz .modal-dialog .modal-body table.table tbody tr {
    border-bottom: 1px solid #e6e6e6;
}

.reservationA.wetoz .modal-dialog .modal-body table.table tbody td {
    border: 0;
    font-size: 15px;
    color: #666666;
    font-weight: 400;
    padding: 14px 0;
    text-align: center;
}

.reservationA.wetoz .modal-dialog .modal-body table.table tbody > tr:hover {
    background: #fbfbfb;
}

.reservationA.wetoz .modal-dialog .modal-footer {
    display: none;
}

.reservationA.wetoz .modal-dialog .check_box {
    position: relative;
}

.reservationA.wetoz .modal-dialog .check_box input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    border: 0;
    background: none;
    outline: none;
    box-shadow: none;
}

.reservationA.wetoz .modal-dialog .check_box input + label {
    display: block;
    font-size: 15px;
    color: #666666;
    padding-left: 0;
    font-weight: 400;
    cursor: pointer;
}

.reservationA.wetoz .modal-dialog .check_box input + label span.squre {
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    margin-right: 0px;
    top: 3px;
}

.reservationA.wetoz .modal-dialog .check_box input:checked + label span.squre {
    border: 1px solid var(--main-point-btn-line-color-hover);
}

.reservationA.wetoz .modal-dialog .check_box input:checked + label span.squre::before {
    content: "";
    width: 2px;
    height: 6px;
    background: var(--main-point-btn-line-color-hover);
    position: absolute;
    transform: rotate(-45deg);
    bottom: 3px;
    left: 4px;
    border-radius: 3px;
}

.reservationA.wetoz .modal-dialog .check_box input:checked + label span.squre::after {
    content: "";
    width: 2px;
    height: 10px;
    background: var(--main-point-btn-line-color-hover);
    position: absolute;
    transform: rotate(45deg);
    bottom: 3px;
    right: 5px;
    border-radius: 5px;
}

.room_select tr th:nth-child(1), .room_select tr td:nth-child(1) {
    width: 13%;
}

.room_select tr th:nth-child(2), .room_select tr td:nth-child(2) {
    width: 13%;
}

.room_select tr th:nth-child(3), .room_select tr td:nth-child(3) {
    width: 13%;
}

.room_select tr th:nth-child(4), .room_select tr td:nth-child(4) {
    width: 35%;
}

.room_select tr th:nth-child(5), .room_select tr td:nth-child(5) {
    width: 13%;
}

.room_select tr th:nth-child(6), .room_select tr td:nth-child(6) {
    width: 13%;
}

.option_table tr th, .option_table tr td {
    width: 33.3333%;
}

@media (max-width: 991px) {
    .reservationA.wetoz .reservation_step1 .calendar_reservation {
        margin-bottom:40px;
    }

    .reservationA.wetoz .reservation_step1 .table > tbody tr.body_tr td {
        padding: 5px;
    }

    .reservationA.wetoz .reservation_step1 .table > tbody tr.body_tr td .day {
        padding: 3px;
        text-align: center;
    }

    .reservationA.wetoz .reservation_step1 .reservation_day {
        margin: 25px auto 0;
        padding-bottom: 25px;
        font-size: 16px;
    }

    .reservationA.wetoz .reservation_step1_info {
        margin-bottom: 40px;
    }

    .reservationA.wetoz .reservation_step1_info table.table select {
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

    .reservationA.wetoz .reservation_step1_info table.table select + select {
        margin-top: 10px;
    }

    .reservationA.wetoz .reservation_step1_info table.table i.fa-trash {
        font-size: 14px;
    }

    .reservationA.wetoz .reservation_step1_option {
        margin-bottom: 40px;
    }

    .reservationA.wetoz .reservation_step1_option .option_box {
        border-top: 1px solid #4e4e4e;
    }

    .reservationA.wetoz .reservation_step1_option .option_box > .option_div {
        padding: 0;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        text-align: left;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
    }

    .reservationA.wetoz .reservation_step1_option .option_box > .option_div:last-child {
        border-bottom: 0;
    }

    .reservationA.wetoz .reservation_step1_option .option_box > .option_div label.left_label {
        width: 130px;
        float: none;
        font-size: 14px;
        line-height: 21px;
        padding: 10px 0 10px 10px;
    }

    .reservationA.wetoz .reservation_step1_option .option_box > .option_div .right_select {
        width: calc(100% - 130px);
        float: none;
        font-size: 14px;
        line-height: 21px;
        padding: 10px;
    }

    .reservationA.wetoz .reservation_step1_option .option_box > .option_div .right_select .select_box {
        overflow: hidden;
        width: 100%;
        float: none;
    }

    .reservationA.wetoz .reservation_step1_option .option_box > .option_div .right_select .select_box select {
        width: calc(100% - 50px);
        height: 30px;
        line-height: 30px;
    }

    .reservationA.wetoz .reservation_step1_option .option_box > .option_div .right_select .select_box .qt {
        width: 50px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }

    .reservationA.wetoz .reservation_step1_option .option_box > .option_div .help-block {
        float: none;
        width: 100%;
        font-size: 13px;
        line-height: 19.5px;
        padding-left: 0px;
        margin-top: 10px;
    }

    .reservationA.wetoz .reservation_step1_option .reservation_sum {
        padding: 0;
        border-top: 1px solid #e6e6e6;
        display: flex;
        text-align: left;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
    }

    .reservationA.wetoz .reservation_step1_option .reservation_sum > .left_label {
        width: 130px;
        float: none;
        font-size: 14px;
        line-height: 21px;
        padding: 10px 0 10px 10px;
    }

    .reservationA.wetoz .reservation_step1_option .reservation_sum > .right_price {
        width: calc(100% - 130px);
        float: none;
        font-size: 14px;
        line-height: 21px;
        padding: 10px;
    }

    .reservationA.wetoz .reservation_step1_option .reservation_sum > .right_price #option_tot_price {
        font-size: 16px;
    }

    .reservationA.wetoz .reservation_step1_option .reservation_sum > .right_price .won {
        font-size: 14px;
    }

    .reservationA.wetoz .reservation_total {
        margin-bottom: 15px;
        border-top: 1px solid #4e4e4e;
        display: flex;
        padding: 0;
        text-align: left;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
    }

    .reservationA.wetoz .reservation_total label.left_label {
        float: none;
        font-size: 14px;
        line-height: 21px;
        padding: 10px 0 10px 10px;
        width: 130px;
    }

    .reservationA.wetoz .reservation_total .right_price {
        float: none;
        width: calc(100% - 130px);
        font-size: 14px;
        line-height: 21px;
    }

    .reservationA.wetoz .reservation_total .right_price #all_tot_price {
        font-size: 16px;
    }

    .reservationA.wetoz .reservation_total .right_price #all_tot_price + .won {
        font-size: 14px;
    }

    .reservationA.wetoz .setp1_caption {
        font-size: 12px;
        line-height: 18px;
    }

    .reservationA.wetoz .setp1_caption > div {
        margin-bottom: 10px;
    }

    .reservationA.wetoz .setp1_caption > div:last-child {
        margin-bottom: 0;
    }

    .reservationA.wetoz .step1_btn {
        margin-top: 40px;
    }

    .reservationA.wetoz .step1_btn > button {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-radius: 20px;
        margin-right: 10px;
    }

    .reservationA.wetoz .modal.in .modal-dialog,
    .reservationA.wetoz .modal-dialog {
        width: calc(100% - 30px);
        overflow: hidden;
        overflow-y: auto;
        max-height: 90vh;
        background: #fff;
        top: 50%;
        /* bottom: auto;  */
        left: 50%;
        /* right: 0; */
        /* margin: 15px; */
    }

    .reservationA.wetoz .modal-dialog .modal-content {
        padding: 30px 15px;
        box-shadow: none;
        border: 0;
    }

    .reservationA.wetoz .modal-dialog .modal-header {
        padding: 0;
        margin-bottom: 15px;
    }

    .reservationA.wetoz .modal-dialog .modal-header h4 {
        font-size: 16px;
    }

    .reservationA.wetoz .modal-dialog .modal-header button {
        width: 16px;
        height: 16px;
        top: 3px;
    }

    .reservationA.wetoz .modal-dialog .modal-header button::before {
        height: 16px;
    }

    .reservationA.wetoz .modal-dialog .modal-header button::after {
        height: 16px;
    }

    .reservationA.wetoz .modal-dialog .check_box input + label {
        display: block;
        font-size: 12px;
    }

    .reservationA.wetoz .modal-dialog .check_box input + label span.squre {
        width: 14px;
        height: 14px;
        border-radius: 2px;
        top: 3px;
    }

    .reservationA.wetoz .modal-dialog .check_box input:checked + label span.squre {
        border: 1px solid var(--main-point-btn-line-color-hover);
    }

    .reservationA.wetoz .modal-dialog .check_box input:checked + label span.squre::before {
        width: 2px;
        height: 4px;
        bottom: 2px;
        left: 2px;
        border-radius: 2px;
    }

    .reservationA.wetoz .modal-dialog .check_box input:checked + label span.squre::after {
        width: 2px;
        height: 8px;
        bottom: 2px;
        right: 4px;
        border-radius: 4px;
    }

    .responsive .reservationA.wetoz .mobile_table {
        border: 0;
    }

    .responsive .reservationA.wetoz .mobile_table table.table {
        table-layout: fixed;
        border-top: 0;
    }

    .responsive .reservationA.wetoz .mobile_table table.table thead {
        display: none;
    }

    .responsive .reservationA.wetoz .mobile_table table.table tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #222;
        border-left: 0;
        border-right: 0;
        border-bottom: 0 !important;
    }

    .responsive .reservationA.wetoz .mobile_table table.table tr:last-child {
        margin-bottom: 0;
    }

    .responsive .reservationA.wetoz .mobile_table table.table tr td {
        font-size: 14px;
        text-align: left;
        position: relative;
        padding: 0 !important;
        display: flex;
        align-items: stretch;
        text-align: left;
        border-top: 0;
        border-bottom: 1px solid #e5e5e5 !important;
        width: 100%;
        height: auto;
        line-height: auto;
    }

    /* .responsive .reservationA.wetoz .mobile_table table.table tr td::before {
        content: "";
        width: 120px;
        top: 0;
        left: 0;
        height: 100%;
        background: #fbfbfb;
        position: absolute;
        z-index: 0;
        border-right: 1px solid #e4e4e4;
    } */

    .responsive .reservationA.wetoz .mobile_table table.table tr td .mobile_text {
        display: flex;
        width: 120px;
        /* background: none; */
        font-size: 14px;
        color: var(--main-point-color);
        font-weight: 500;
        border-right: 0;
        padding: 10px 0 10px 10px;
        line-height: 21px;
        z-index: 1;
        background: #fbfbfb;
        /* border-right: 1px solid #e4e4e4; */
        align-items: center;
    }

    .responsive .reservationA.wetoz .mobile_table table.table tr td .mobile_text + .right_text {
        font-size: 14px;
        line-height: 21px;
        color: #666666;
        padding: 10px;
        width: calc(100% - 120px);
        white-space: normal !important;
        background: #fff;
    }

    .responsive .reservationA.wetoz .mobile_table table.table tr:hover {
        background: none !important;
    }
}

/*예약A > 실시간 예약3*/
.reservationA.wetoz .reservation_step2 {
}

.reservation_step2 .room_info {
    margin-bottom: 50px;
}

.reservation_step2 .room_info table.table {
    border: 0;
    border-top: 1px solid #4e4e4e;
}

.reservation_step2 .room_info table.table thead {
}

.reservation_step2 .room_info table.table thead tr {
    border-bottom: 1px solid #e6e6e6;
}

.reservation_step2 .room_info table.table thead tr th {
    background: #fbfbfb;
    padding: 17px 0;
    text-align: center;
    font-size: 17px;
    color: var(--main-point-color);
    font-weight: 500;
    border: 0;
}

.reservation_step2 .room_info table.table tbody {
}

.reservation_step2 .room_info table.table tbody tr {
    border-bottom: 1px solid #e6e6e6;
}

.reservation_step2 .room_info table.table tbody tr td {
    border: 0;
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding: 18px 0;
}

.reservation_step2 .room_info table.table tbody tr td a {
}

.reservation_step2 .room_info table.table tbody tr td a:hover {
    text-decoration: none;
}

.reservation_step2 .room_info table.table thead tr.sum {
}

.reservation_step2 .room_info table.table thead tr.sum th {
    background: none;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}

.reservation_step2 .room_info table.table thead tr.sum th.black500 {
    font-size: 17px;
    color: var(--main-point-color);
    font-weight: 500;
}

.reservation_step2 .room_info table.table thead tr.sum th .main {
    font-size: 22px;
    color: var(--main-point-color-hover);
    font-weight: 600;
}

.reservation_step2 .option_info {
    margin-bottom: 50px;
}

.reservation_step2 .option_info table.table {
    border: 0;
    border-top: 1px solid #4e4e4e;
}

.reservation_step2 .option_info table.table thead {
}

.reservation_step2 .option_info table.table thead tr {
    border-bottom: 1px solid #e6e6e6;
}

.reservation_step2 .option_info table.table thead tr th {
    background: #fbfbfb;
    padding: 17px 0;
    text-align: center;
    font-size: 17px;
    color: var(--main-point-color);
    font-weight: 500;
    border: 0;
}

.reservation_step2 .option_info table.table tbody {
}

.reservation_step2 .option_info table.table tbody tr {
    border-bottom: 1px solid #e6e6e6;
}

.reservation_step2 .option_info table.table tbody tr td {
    border: 0;
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding: 18px 0;
}

.reservation_step2 .option_info table.table tbody tr td span.text {
}

.reservation_step2 .option_info table.table tbody tr td span.payment {
    font-size: 13px;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    background: #999999;
    display: inline-block;
    margin-left: 5px;
}

.reservation_step2 .option_info table.table tbody tr.sum {
}

.reservation_step2 .option_info table.table tbody tr.sum th {
    background: none;
    padding: 17px 0;
    text-align: center;
    font-size: 17px;
    color: #222222;
    font-weight: 500;
    border: 0;
}

.reservation_step2 .option_info table.table tbody tr.sum th {
    background: none;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}

.reservation_step2 .option_info table.table tbody tr.sum th.black500 {
    font-size: 17px;
    color: #222222;
    font-weight: 500;
}

.reservation_step2 .option_info table.table tbody tr.sum th .main {
    font-size: 22px;
    color: var(--main-point-color-hover);
    font-weight: 600;
}

.reservation_step2 .person_info {
    margin-bottom: 50px;
}

.reservation_step2 .half_table .half_table_box {
    border-top: 1px solid #4e4e4e;
}

.reservation_step2 .half_table .half_table_content::before, .reservation_step2 .half_table .half_table_content::after {
    content: "";
    clear: both;
    display: block;
}

.reservation_step2 .half_table .half_table_content {
    border-bottom: 1px solid #e6e6e6;
    padding: 17px 0;
}

.reservation_step2 .half_table .half_table_content.noBank {
    display: none;
}

.reservation_step2 .half_table .half_table_content > div.half_table_half {
    width: 50%;
    float: left;
}

.reservation_step2 .half_table .half_table_content > div {
    display: table;
    width: 100%;
}

.reservation_step2 .half_table .half_table_content > div .left_label {
    display: table-cell;
    width: 125px;
    vertical-align: middle;
    font-size: 16px;
    color: var(--main-point-color);
    font-weight: 500;
    line-height: 35px;
}

.reservation_step2 .half_table .half_table_content > div .left_label.verti_top {
    vertical-align: top;
    line-height: normal;
}

.reservation_step2 .half_table .half_table_content > div .right_text {
    display: table-cell;
    width: calc(100% - 125px);
    vertical-align: middle;
    color: #666666;
    font-size: 16px;
}

.reservation_step2 .half_table .half_table_content > div .right_text #od_tot_price {
    color: var(--main-point-color);
    font-weight: 500;
}

.reservation_step2 .half_table .half_table_content > div .right_text #od_tot_price + span {
}

.reservation_step2 .half_table .half_table_content > div .right_text input {
    display: inline-block;
    width: 300px;
    border: 1px solid #e1e1e1;
    padding: 0 15px;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    color: #222;
    height: 35px;
    line-height: 35px;
}

.reservation_step2 .half_table .half_table_content > div .right_text select {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background: url('/plugin/wz.booking.pension.prm/img/reserv_arrow.png') no-repeat 95% 50%;
    border: 1px solid #e1e1e1;
    width: 300px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #222;
    padding: 0 15px;
}

.reservation_step2 .half_table .half_table_content > div .right_text select::-ms-expand {
    display: none;
}

.reservation_step2 .half_table .half_table_content > div .right_text textarea {
    width: 100%;
    height: 80px;
    font-size: 14px;
    color: #222;
    line-height: 24px;
    resize: none;
    border: 1px solid #e1e1e1;
    padding: 15px;
}

.reservation_step2 .pay_info {
    margin-bottom: 60px;
}

.reservation_step2 .half_table .half_table_content .radio_box {
}

.reservation_step2 .half_table .half_table_content .radio_box > .radio {
    display: inline-block;
    margin: 0 auto;
    margin-right: 25px;
}

.reservation_step2 .half_table .half_table_content .radio_box input {
    display: none !important;
}

.reservation_step2 .half_table .half_table_content .radio_box input + label {
    display: block;
    font-size: 16px;
    color: var(--main-point-color);
    font-weight: 500;
    padding-left: 0;
}

.reservation_step2 .half_table .half_table_content .radio_box input + label span.circle {
    width: 15px;
    height: 15px;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-right: 4px;
    top: 1px;
}

.reservation_step2 .half_table .half_table_content .radio_box input:checked + label span.circle {
    border: 1px solid var(--main-point-btn-bg-color-hover);
}

.reservation_step2 .half_table .half_table_content .radio_box input:checked + label span.circle::before {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--main-point-btn-bg-color-hover);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
}

.reservation_step2 .half_table .half_table_content .pay_caption {
    margin-top: 15px;
}

.reservation_step2 .half_table .half_table_content .pay_caption p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.reservation_step2 .terms_info {
    margin-bottom: 55px;
}

.reservation_step2 .terms_info .terms_info_text {
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
    overflow: hidden;
    overflow-y: auto;
    padding: 30px;
    max-height: 200px;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
}

.reservation_step2 .terms_info .terms_info_text .basic_text {
    margin-bottom: 20px;
}

.reservation_step2 .terms_info .terms_info_text .basic_text:last-child {
    margin-bottom: 0;
}

.reservation_step2 .terms_info .terms_info_text .basic_text h4 {
    font-size: 16px;
    color: #333333;
}

.reservation_step2 .terms_info .terms_info_text .basic_text ul, .reservation_step2 .terms_info .terms_info_text .basic_text li, .reservation_step2 .terms_info .terms_info_text .basic_text p {
    font-size: 14px;
    line-height: 24px;
    color: #888;
}

.reservation_step2 .terms_info .terms_info_text::-webkit-scrollbar, .reservation_step2 .terms_info .terms_info_text *::-webkit-scrollbar {
    width: 10px;
}

.reservation_step2 .terms_info .terms_info_text::-webkit-scrollbar-thumb, .reservation_step2 .terms_info .terms_info_text *::-webkit-scrollbar-thumb {
    width: 10px;
    background: #dddddd;
    border-radius: 0;
}

.reservation_step2 .terms_info .terms_info_text::-webkit-scrollbar-track, .reservation_step2 .terms_info .terms_info_text *::-webkit-scrollbar-track {
    baCkground: #f1f1f1;
}

.reservation_step2 .terms_info .check_box {
    position: relative;
}

.reservation_step2 .terms_info .check_box input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    border: 0;
    background: none;
    outline: none;
    box-shadow: none;
}

.reservation_step2 .terms_info .check_box input + label {
    display: block;
    font-size: 15px;
    color: #666666;
    padding-left: 0;
    font-weight: 400;
    cursor: pointer;
}

.reservation_step2 .terms_info .check_box input + label span.squre {
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    margin-right: 6px;
    top: 3px;
}

.reservation_step2 .terms_info .check_box input:checked + label span.squre {
    border: 1px solid var(--main-point-btn-line-color-hover);
}

.reservation_step2 .terms_info .check_box input + label span.squre::before {
    content: "";
    width: 2px;
    height: 6px;
    background: #c5c5c5;
    position: absolute;
    transform: rotate(-45deg);
    bottom: 3px;
    left: 4px;
    border-radius: 3px;
}

.reservation_step2 .terms_info .check_box input + label span.squre::after {
    content: "";
    width: 2px;
    height: 10px;
    background: #c5c5c5;
    position: absolute;
    transform: rotate(45deg);
    bottom: 3px;
    right: 5px;
    border-radius: 5px;
}

.reservation_step2 .terms_info .check_box input:checked + label span.squre::before, .reservation_step2 .terms_info .check_box input:checked + label span.squre::after {
    background: var(--main-point-btn-line-color-hover);
}

.reservation_step2 .step2_btn {
    text-align: center;
}

.reservation_step2 .step2_btn > button {
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 25px;
    border: 0;
    outline: none;
    box-shadow: none;
    background: #acacac;
    padding: 0;
    margin-right: 15px;
}

.reservation_step2 .step2_btn > button.btn-success {
    background: var(--main-point-btn-bg-color-hover);
    margin-right: 0;
}

@media (max-width: 991px) {
    .responsive .reservationA.wetoz table.table thead.total_sum {
        display:block;
    }

    .responsive .reservationA.wetoz table.table tr.sum {
        width: 100%;
        border-top: 1px solid #4e4e4e;
        margin-top: 40px;
        text-align: left;
        border-bottom: 1px solid #e6e6e6 !important;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: relative;
    }

    .responsive .reservationA.wetoz table.table tr.sum th {
        font-size: 14px;
        line-height: 21px;
        width: 120px;
        text-align: left;
    }

    .responsive .reservationA.wetoz table.table tr.sum th.text_left {
        font-size: 14px;
        line-height: 21px;
        padding: 10px 0 10px 10px;
        width: 120px;
    }

    .responsive .reservationA.wetoz table.table tr.sum th.text_right {
        width: calc(100% - 120px);
        text-align: right;
        padding: 10px;
    }

    .responsive .reservationA.wetoz table.table tr.sum th.empty {
        display: none;
    }

    .responsive .reservationA.wetoz table.table tr.sum .main {
        font-size: 16px;
    }

    .reservation_step2 .person_info {
        margin-bottom: 40px;
    }

    .reservation_step2 .half_table .half_table_box {
        border-top: 1px solid #4e4e4e;
    }

    .reservation_step2 .half_table .half_table_content {
        border-bottom: 0;
        padding: 0;
    }

    .reservation_step2 .half_table .half_table_content > div.half_table_half {
        width: 100%;
        float: none;
    }

    .reservation_step2 .half_table .half_table_content > div {
        display: table;
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
    }

    .reservation_step2 .half_table .half_table_content > div .left_label {
        width: 120px;
        background: #fbfbfb;
        font-size: 14px;
        line-height: 21px;
        text-align: left;
        padding: 10px 0 10px 10px;
        /* border-right: 1px solid #e6e6e6; */
    }

    .reservation_step2 .half_table .half_table_content > div .right_text {
        display: table-cell;
        width: calc(100% - 120px);
        font-size: 14px;
        line-height: 21px;
        padding: 10px;
    }

    .reservation_step2 .half_table .half_table_content > div .right_text #od_tot_price {
        display: block;
    }

    .reservation_step2 .half_table .half_table_content > div .right_text #od_tot_price + span {
        font-size: 12px;
        line-height: 18px;
        display: block;
    }

    .reservation_step2 .half_table .half_table_content > div .right_text input {
        display: block;
        width: 100%;
        border: 1px solid #e1e1e1;
        padding: 0 10px;
        font-size: 13px;
        color: #222;
        height: 30px;
        line-height: 30px;
    }

    .reservation_step2 .half_table .half_table_content > div .right_text select {
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        padding: 0 10px;
    }

    .reservation_step2 .half_table .half_table_content > div .right_text textarea {
        width: 100%;
        height: 60px;
        font-size: 14px;
        line-height: 21px;
        padding: 10px;
    }

    .reservation_step2 .pay_info {
        margin-bottom: 40px;
    }

    .reservation_step2 .half_table .half_table_content .radio_box {
        overflow: hidden;
    }

    .reservation_step2 .half_table .half_table_content .radio_box > .radio {
        display: inline-block;
        margin: 0 auto;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    .reservation_step2 .half_table .half_table_content .radio_box input + label {
        font-size: 14px;
    }

    .reservation_step2 .half_table .half_table_content .radio_box input + label span.circle {
        width: 13px;
        height: 13px;
        margin-right: 3px;
        top: 1px;
    }

    .reservation_step2 .half_table .half_table_content .radio_box input:checked + label span.circle::before {
        width: 5px;
        height: 5px;
    }

    .reservation_step2 .half_table .half_table_content .pay_caption {
        margin-top: 10px;
    }

    .reservation_step2 .half_table .half_table_content .pay_caption p {
        font-size: 12px;
        line-height: 18px;
    }

    .reservation_step2 .terms_info {
        margin-bottom: 40px;
    }

    .reservation_step2 .terms_info .terms_info_text {
        margin-bottom: 10px;
        padding: 15px;
        max-height: 150px;
        font-size: 12px;
        line-height: 18px;
    }

    .reservation_step2 .terms_info .terms_info_text .basic_text {
        margin-bottom: 15px;
    }

    .reservation_step2 .terms_info .terms_info_text .basic_text h4 {
        font-size: 14px;
    }

    .reservation_step2 .terms_info .terms_info_text .basic_text ul, .reservation_step2 .terms_info .terms_info_text .basic_text li, .reservation_step2 .terms_info .terms_info_text .basic_text p {
        font-size: 12px;
        line-height: 18px;
    }

    .reservation_step2 .terms_info .check_box input + label {
        display: block;
        font-size: 12px;
    }

    .reservation_step2 .terms_info .check_box input + label span.squre {
        width: 14px;
        height: 14px;
        border-radius: 2px;
        margin-right: 4px;
        top: 3px;
    }

    .reservation_step2 .terms_info .check_box input:checked + label span.squre {
        border: 1px solid var(--main-point-btn-line-color-hover);
    }

    .reservation_step2 .terms_info .check_box input:checked + label span.squre::before {
        width: 2px;
        height: 4px;
        bottom: 2px;
        left: 2px;
        border-radius: 2px;
    }

    .reservation_step2 .terms_info .check_box input:checked + label span.squre::after {
        width: 2px;
        height: 8px;
        bottom: 2px;
        right: 4px;
        border-radius: 4px;
    }

    .reservation_step2 .step2_btn {
        text-align: center;
    }

    .reservation_step2 .step2_btn > button {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-radius: 20px;
        margin-right: 10px;
    }

    .reservation_step2 .option_info table.table tbody tr td span.payment {
        padding: 2px 8px;
        font-size: 12px;
    }

    .reservation_step2 .terms_info .check_box input + label span.squre::before {
        height: 4px;
        bottom: 2px;
        left: 2px;
    }

    .reservation_step2 .terms_info .check_box input + label span.squre::after {
        height: 8px;
        bottom: 2px;
        right: 4.5px;
    }
}

/*예약A > 실시간 예약4*/
.reservation_step3 {
}

.reservation_step3 .alert_info {
    background: #fbfbfb;
    border: 1px solid #ebebeb;
    padding: 60px 15px;
    margin-bottom: 100px;
}

.reservation_step3 .alert_info .alert_title {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

.reservation_step3 .alert_info .alert_title span.circle_check {
    width: 22px;
    height: 22px;
    border: 2px solid var(--main-point-color-hover);
    position: relative;
    display: inline-block;
    border-radius: 50%;
    top: 2px;
    margin-right: 10px;
}

.reservation_step3 .alert_info .alert_title span.circle_check::before {
    content: "";
    width: 3px;
    height: 6px;
    background: var(--main-point-color-hover);
    position: absolute;
    transform: rotate(-45deg);
    bottom: 3px;
    left: 4px;
    border-radius: 3px;
}

.reservation_step3 .alert_info .alert_title span.circle_check::after {
    content: "";
    width: 3px;
    height: 12px;
    background: var(--main-point-color-hover);
    position: absolute;
    transform: rotate(45deg);
    bottom: 3px;
    right: 6px;
    border-radius: 6px;
}

.reservation_step3 .alert_info .alert_title span.circle_check.red {
    border: 2px solid #ff1616;
}

.reservation_step3 .alert_info .alert_title span.circle_check.red::before {
    width: 3px;
    height: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    bottom: auto;
    border-radius: 0;
    background: #ff1616;
    border-radius: 6px;
}

.reservation_step3 .alert_info .alert_title span.circle_check.red::after {
    width: 3px;
    height: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    bottom: auto;
    border-radius: 0;
    background: #ff1616;
    border-radius: 6px;
}

.reservation_step3 .alert_info .alert_title h5 {
    font-size: 22px;
    color: var(--main-point-color);
    font-weight: 500;
    display: inline-block;
    margin: 0;
}

.reservation_step3 .alert_info .alert_number {
    text-align: center;
}

.reservation_step3 .alert_info .alert_number h5 {
    font-size: 17px;
    color: #777777;
    margin: 0;
    font-weight: 400;
}

.reservation_step3 .alert_info .alert_text {
    margin: 30px auto 0;
    text-align: center;
}

.reservation_step3 .alert_info .alert_text p {
    font-size: 17px;
    color: #777;
    line-height: 36px;
}

.reservation_step3 .alert_info .alert_text p strong {
    font-weight: 500;
    color: var(--main-point-color);
}

.reservation_step3 .confirm_info {
}

.reservation_step3 .confirm_info table.table {
    border: 0;
    border-top: 1px solid #4e4e4e;
}

.reservation_step3 .confirm_info table.table tr {
    border-bottom: 1px solid #e5e5e5;
}

.reservation_step3 .confirm_info table.table tr th {
    border: 0;
    width: 170px;
    background: #fbfbfb;
    font-size: 16px;
    color: var(--main-point-color);
    padding: 18px 15px 18px 30px;
    font-weight: 500;
}

.reservation_step3 .confirm_info table.table tr td {
    border: 0;
    width: calc(100% - 170px);
    vertical-align: middle;
    font-size: 16px;
    color: #666666;
    padding-left: 40px;
}

.reservation_step3 .confirm_info table.table tr td button.cancel_btn {
    font-size: 13px;
    color: #fff;
    background: #999999;
    border-radius: 3px;
    padding: 3px 10px;
    border: 0;
    display: inline-block;
    margin-left: 5px;
}

.reservationA.wetoz .step3_btn {
    text-align: center;
    margin-top: 60px;
}

.reservationA.wetoz .step3_btn > button {
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 25px;
    border: 0;
    outline: none;
    box-shadow: none;
    background: #acacac;
    padding: 0;
    margin-right: 15px;
}

.reservationA.wetoz .step3_btn > button.btn-success {
    background: var(--main-point-btn-bg-color-hover);
    margin-right: 0;
}

@media (max-width: 991px) {
    .reservation_step3 .alert_info {
        padding:30px 15px;
        margin-bottom: 40px;
    }

    .reservation_step3 .alert_info .alert_title {
        margin-bottom: 15px;
    }

    .reservation_step3 .alert_info .alert_title span.circle_check {
        width: 18px;
        height: 18px;
        border: 2px solid var(--main-point-color-hover);
        top: 2px;
        margin-right: 10px;
    }

    .reservation_step3 .alert_info .alert_title span.circle_check::before {
        width: 2px;
        height: 4px;
        bottom: 3px;
        left: 3px;
        border-radius: 2px;
    }

    .reservation_step3 .alert_info .alert_title span.circle_check::after {
        width: 2px;
        height: 8px;
        bottom: 3px;
        right: 5px;
        border-radius: 4px;
    }

    .reservation_step3 .alert_info .alert_title span.circle_check.red::before {
        width: 2px;
        height: 10px;
        border-radius: 4px;
    }

    .reservation_step3 .alert_info .alert_title span.circle_check.red::after {
        width: 2px;
        height: 10px;
        border-radius: 4px;
    }

    .reservation_step3 .alert_info .alert_title h5 {
        font-size: 18px;
    }

    .reservation_step3 .alert_info .alert_number h5 {
        font-size: 14px;
    }

    .reservation_step3 .alert_info .alert_text {
        margin: 30px auto 0;
    }

    .reservation_step3 .alert_info .alert_text p {
        font-size: 12px;
        color: #777;
        line-height: 18px;
    }

    .reservation_step3 .confirm_info .table-responsive {
        border: 0;
    }

    .reservation_step3 .confirm_info table.table {
        width: 100%;
        table-layout: auto;
    }

    .reservation_step3 .confirm_info table.table tr th {
        width: 120px;
        font-size: 14px;
        line-height: 21px;
        padding: 10px 0px 10px 10px;
        vertical-align: middle;
    }

    .reservation_step3 .confirm_info table.table tr td {
        width: calc(100% - 120px);
        font-size: 14px;
        padding: 10px;
        line-height: 21px;
        white-space: initial !important;
    }

    .reservation_step3 .confirm_info table.table tr td button.cancel_btn {
        font-size: 12px;
        padding: 2px 8px;
    }

    .reservationA.wetoz .step3_btn {
        margin-top: 40px;
    }

    .reservationA.wetoz .step3_btn > button {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-radius: 20px;
        margin-right: 10px;
    }
}

/*예약A > 예약 취소/확인*/
.reservationA_confirm {
}

.reservationA_confirm .confirm_title {
    margin-bottom: 50px;
    text-align: center;
}

.reservationA_confirm .confirm_title h3 {
    font-size: 30px;
    color: var(--main-point-color);
    font-weight: 600;
    margin-bottom: 20px;
}

.reservationA_confirm .confirm_title p {
    font-size: 17px;
    color: #666666;
}

.reservationA_confirm > form {
    width: 520px;
    max-width: 100%;
    margin: 0 auto;
}

.reservationA_confirm .confirm_content {
    margin-bottom: 10px;
    overflow: hidden;
}

.reservationA_confirm .confirm_content:nth-of-type(3) {
    margin-bottom: 15px;
}

.reservationA_confirm .confirm_content:nth-of-type(4) {
    margin-bottom: 25px;
}

.reservationA_confirm .confirm_content:last-child {
    margin-bottom: 0;
}

.reservationA_confirm .confirm_content label.left_label {
    float: left;
    width: 100px;
    font-size: 17px;
    color: var(--main-point-color);
    font-weight: 500;
    line-height: 55px;
    height: 55px;
    margin-bottom: 0;
}

.reservationA_confirm .confirm_content .right_text {
    float: left;
    width: calc(100% - 100px);
}

.reservationA_confirm .confirm_content .right_text > input {
    display: block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    color: #222;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 0 20px;
}

.reservationA_confirm .confirm_content .right_text > input::placeholder {
    color: #999999;
}

.reservationA_confirm .confirm_content .right_text > p {
    font-size: 15px;
    line-height: 24px;
    color: #999999;
    margin-bottom: 0;
}

.reservationA_confirm .confirm_content .right_text > button {
    width: 100%;
    height: 55px;
    line-height: 55px;
    color: #fff;
    background: var(--main-point-btn-bg-color-hover);
    border-radius: 27.5px;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 21px;
}

@media (max-width: 991px) {
    .reservationA_confirm .confirm_title {
        margin-bottom:30px;
    }

    .reservationA_confirm .confirm_title h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .reservationA_confirm .confirm_title p {
        font-size: 14px;
        line-height: 21px;
    }

    .reservationA_confirm > form {
        width: 100%;
    }

    .reservationA_confirm .confirm_content {
        margin-bottom: 5px;
    }

    .reservationA_confirm .confirm_content:nth-of-type(3) {
        margin-bottom: 10px;
    }

    .reservationA_confirm .confirm_content:nth-of-type(4) {
        margin-bottom: 15px;
    }

    .reservationA_confirm .confirm_content label.left_label {
        width: 80px;
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }

    .reservationA_confirm .confirm_content .right_text {
        width: calc(100% - 80px);
    }

    .reservationA_confirm .confirm_content .right_text > input {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-radius: 4px;
        padding: 0 15px;
    }

    .reservationA_confirm .confirm_content .right_text > p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 5px;
    }

    .reservationA_confirm .confirm_content .right_text > button {
        width: 150px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        font-size: 14px;
        margin: 0 auto;
        display: block;
        font-weight: 600;
    }

    .reservationA_confirm .confirm_content:nth-of-type(5) label.left_label {
        display: none;
    }

    .reservationA_confirm .confirm_content:nth-of-type(5) .right_text {
        width: 100%;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
예약C html > plugin > wz.bookingC.prm > index.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.reservationC_nav.navi-wrap {
    margin-bottom: 100px;
}

.reservationC a {
    text-decoration: none !important;
    outline: 0 !important;
}

.reservationC_nav.navi-wrap > ul {
    display: flex;
    justify-content: center;
    margin: 0;
}

.reservationC_nav.navi-wrap > ul li.active a {
    background: var(--main-point-btn-bg-color-hover);
    color: #fff;
}

.reservationC_nav.navi-wrap > ul a {
    font-size: 21px;
    color: #666666;
    background: #ebebeb;
    width: 180px;
    line-height: 52px;
    text-align: center;
    display: block;
    font-weight: 500;
}

.reservationC_nav.navi-wrap > ul li + li a {
    margin-left: 20px;
}

.reservationC_nav.navi-wrap .navbar-link {
    font-size: 14px;
    border: 1px solid #222;
    padding: 3px 10px;
    text-decoration: none;
    display: block;
}

.reservationC > .row {
    margin: 0 !important;
    display: flex;
    justify-content: space-between;
}

.reservationC > .row:after, .reservationC > .row:before {
    display: none;
}

.reservationC > .row > div:first-of-type {
    width: 44.916%;
    padding: 0 4.167%;
}

.reservationC > .row > div:last-of-type {
    width: calc(100% - 44.916%);
    padding: 0;
    border-left: 1px solid #e5e5e5;
    padding: 0 4.167%;
}

.reservationC .ym-title {
    display: block;
    margin-top: 2px !important;
}

.reservationC .ym-title, .reservationC .ym-title * {
    font-family: 'Wemakeprice','noto sans kr', sans-serif !important;
    font-size: 23px;
    font-weight: 700;
    color: var(--main-point-color);
}

.reservationC.wetoz .pager {
    margin: 0px 0 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reservationC.wetoz .pager:before, .reservationC.wetoz .pager:after {
    display: none !important;
}

.reservationC.wetoz .pager li a {
    border: 0;
    display: flex;
    align-items: center;
    padding: 0;
    background: none !important;
}

.reservationC.wetoz .pager li.next a span {
    color: #333333;
}

.reservationC.wetoz .pager li a span {
    color: #999999;
    font-size: 14px;
}

.reservationC.wetoz .pager li a span:hover {
    /* color:#333333; */
}

.reservationC.wetoz .pager li:first-of-type a i {
    padding-left: 0;
    padding-right: 10px;
}

.reservationC.wetoz .pager li a i {
    color: #333333;
    font-size: 28px;
    padding-left: 10px;
}

.reservationC.wetoz .navi-wrap .button-list {
    margin: 0;
}

.reservationC.wetoz .table-bordered {
    border-collapse: separate;
    border-spacing: 4px 5px;
    border: 0;
    margin-bottom: 0;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td {
}

.reservationC.wetoz .room_tbl {
    margin: -4px -3.5px;
}

.reservationC.wetoz .tbl-canlendar th {
    padding: 0;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    height: 60px;
    color: #151515;
    vertical-align: middle;
    border-color: #d7d7d7;
}

.reservationC.wetoz .tbl-canlendar th.sunday {
    background: #e23d3d;
    color: #ffffff;
    border-color: #e23d3d
}

.reservationC.wetoz .tbl-canlendar th.saturday {
    background: #246eca;
    color: #fff;
    border-color: #246eca;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td {
    border-color: #d7d7d7;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td.live > .day {
    background: #fff;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td.danger {
    border-color: var(--main-point-bg-color-hover) !Important;
    outline: 0 !important;
    background: var(--main-point-bg-color-hover);
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td.danger > .day {
    background: var(--main-point-bg-color-hover);
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td.danger .day {
    color: #fff !important;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td.danger > .day .m-remain-cnt {
    color: #fff !Important;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td .m-remain-cnt {
    color: #999999;
    font-size: 11px;
    font-family: 'noto sans kr', sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td.box-sun.live .m-remain-cnt {
    color: #e23d3d;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td.box-sat.live .m-remain-cnt {
    color: #246eca;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td a {
    text-decoration: none;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td > .day {
    height: 60px;
    padding-top: 10px;
    color: #aaaaaa;
    font-size: 16px;
    font-weight: 300;
    background: #f5f5f5;
    font-family: 'noto sans kr', sans-serif;
    border: 0 !important;
    display: block;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td.live > .day {
    color: #666666;
}

.reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td > .day span.day {
    font-size: 16px;
    padding: 0 0 5px;
    font-family: 'noto sans kr', sans-serif;
}

.reservationC.wetoz .panel-default {
    border: 0;
    box-shadow: none;
}

.reservationC.wetoz .list-group-item {
    padding: 15px 0;
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    font-weight: 300;
    border-color: #e5e5e5;
}

.reservationC.wetoz .list-group-item span {
    vertical-align: middle;
}

.reservationC.wetoz .list-group-item span.square {
    width: 20px;
    height: 20px;
    border: 2px solid #999999;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

.reservationC.wetoz .list-group-item span.square::before {
    content: "";
    width: 2px;
    height: 6px;
    background: #999999;
    position: absolute;
    transform: rotate(-30deg);
    bottom: 3px;
    left: 5px;
    border-radius: 5px;
}

.reservationC.wetoz .list-group-item span.square::after {
    content: "";
    width: 2px;
    height: 11px;
    background: #999999;
    position: absolute;
    transform: rotate(30deg);
    bottom: 2.3px;
    right: 5.5px;
    border-radius: 5px;
}

.reservationC.wetoz .notice_txtbox {
    padding: 10px;
    line-height: 1.6;
    border-bottom: 1px solid #e5e5e5;
}

.reservationC.wetoz .notice_txtbox p {
    margin: 0;
    font-size: 14px;
    color: #666666;
}

.reservationC.wetoz .notice_txtbox p + p {
    margin-top: 5px;
}

.reservationC.wetoz .res_date {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    width: 80px;
    line-height: 30px;
    display: inline-block;
    background: var(--main-point-bg-color-hover);
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}

.reservationC.wetoz #select-date-text {
    font-size: 20px;
    font-weight: 500;
    color: var(--main-point-color);
    vertical-align: middle;
}

.reservationC.wetoz .no_reserv {
    font-size: 16px;
    margin-bottom: 20px;
    padding: 50px 0;
}

.reservationC.wetoz .btn-group-justified > .btn-group .btn-success {
    background-color: var(--main-point-btn-bg-color-hover) !important;
    color: #fff !important;
    font-size: 17px;
    height: 50px;
    line-height: 49px;
    border: none !important;
    padding: 0;
    outline: 0 !important;
}

.reservationC.wetoz .btn-group-justified > .btn-group .btn-success i {
    margin-left: 11px;
    font-size: 18px;
    font-size: 23px;
    position: relative;
    top: 2px;
}

.reservationC.wetoz .media-left, .reservationC.wetoz .media-right, .reservationC.wetoz .media-body {
    display: block;
}

.reservationC.wetoz .media-body {
    width: auto;
}

.reservationC.wetoz .media-left {
    padding-right: 0;
    margin: 49px 0 15px;
}

.reservationC.wetoz .media-left > img {
    width: 100%;
    display: block;
}

.reservationC.wetoz .media-heading {
    font-size: 20px;
    font-weight: 500;
    color: var(--main-point-color);
    margin: 0;
    line-height: 1.4;
}

.reservationC.wetoz .media-heading > span {
    margin-right: 5px;
    vertical-align: middle;
}

.reservationC.wetoz .media-heading > a.more {
    font-size: 11px !important;
    color: #333333;
    text-decoration: none;
    display: inline-block;
    width: 50px;
    line-height: 18px;
    border: 1px solid #d2d2d2;
    text-align: center;
    vertical-align: middle;
}

.reservationC.wetoz .info .desc {
    color: #666666;
    font-size: 14px;
    line-height: 1.75;
    margin-top: 10px;
    font-family: 'noto sans kr', sans-serif;
    letter-spacing: 0;
}

.reservationC.wetoz ul.bx-times {
    margin: 15px -10px -10px 0;
    display: flex;
    flex-wrap: wrap;
}

.reservationC.wetoz ul.bx-times li {
    width: calc(100%/3 - 10px);
    margin: 0 10px 10px 0;
}

.reservationC.wetoz ul.bx-times li .btn-time.closed {
    background: #f5f5f5;
}

.reservationC.wetoz ul.bx-times li .btn-time.closed > span {
    color: #aaaaaa !important;
}

.reservationC.wetoz ul.bx-times li .btn-time {
    margin: 0;
    border-color: #e5e5e5;
    border-radius: 2px;
    background: #fff;
    padding: 14px 15px;
    text-decoration: none;
    text-align: center;
}

.reservationC.wetoz ul.bx-times li .btn-time .remain-cnt {
    font-size: 14px;
    color: var(--main-point-color);
    font-family: 'noto sans kr', sans-serif;
    letter-spacing: 0;
    line-height: 1.2;
}

.reservationC.wetoz ul.bx-times li .btn-time .time {
    font-size: 16px;
    color: var(--main-point-color);
    font-weight: 400 !important;
}

.reservationC.wetoz ul.bx-times li .btn-time.active {
    border: 2px solid var(--main-point-line-color-hover);
    padding: 13px 14px;
    background: var(--main-point-bg-soft-color);
}

.reservationC.wetoz ul.bx-times li .btn-time.active > span {
    color: var(--main-point-color-hover) !important;
}

.reservationC.wetoz .reservation_service_box + div {
    margin-top: 44px;
}

.reservationC.wetoz .reC_title {
    font-weight: 600;
    color: var(--main-point-color);
    font-size: 24px;
    margin-bottom: 25px;
}

.reservationC.wetoz .reC_title_box {
    position: relative;
}

.reservationC.wetoz .reC_title_box > p {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 14px;
    color: #222222;
    font-weight: 300;
}

.reservationC.wetoz .reC_title_box > p::before {
    content: "*";
    color: #ff4444;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: -10px;
}

.reservationC.wetoz .service_info_table {
    border-collapse: collapse;
}

.reservationC.wetoz .service_info_table:not(.option_table) thead th:nth-child(1) {
    widtH: 30%;
}

.reservationC.wetoz .service_info_table:not(.option_table) thead th:nth-child(2), .reservationC.wetoz .service_info_table:not(.option_table) thead th:nth-child(3), .reservationC.wetoz .service_info_table:not(.option_table) thead th:nth-child(4), .reservationC.wetoz .service_info_table:not(.option_table) thead th:nth-child(5), .reservationC.wetoz .service_info_table:not(.option_table) thead th:nth-child(6) {
    widtH: 14%;
}

.reservationC.wetoz .service_info_table th {
    border: 1px solid #e5e5e5 !important;
    line-height: 44px;
    height: 44px;
    color: var(--main-point-color);
    font-size: 16px;
    padding: 0;
    text-align: center;
}

.reservationC.wetoz .service_info_table td {
    border-left: 0 !important;
    border-right: 0 !important;
    border-color: #e5e5e5 !important;
    padding: 0px 10px !important;
    height: 55px;
    font-size: 14px;
    color: #666666;
    text-align: center;
    vertical-align: middle;
}

.reservationC.wetoz .service_info_table td select {
    margin: 0 auto;
    font-size: 14px;
    color: #666666;
    padding: 0 0 0 10px;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/plugin/wz.bookingC.prm/img/reC_arrow.png) no-repeat 89% 50%;
    border-color: #e1e1e1 !important;
}

.reservationC.wetoz .service_info_table td select::-ms-expand {
    display: none;
}

.reservationC.wetoz .service_info_table .total_td td {
    border-bottom: 1px solid #e5e5e5 !important;
}

.reservationC.wetoz .service_info_table .total_td td:first-child {
    font-size: 16px;
}

.reservationC.wetoz .service_info_table .total_td td:first-child > div:first-of-type {
    color: var(--main-point-color);
    font-weight: 500;
}

.reservationC.wetoz .service_info_table .total_td td .span_price {
    font-size: 20px;
    font-weight: 600;
    color: var(--main-point-color-hover);
    margin-right: 3px;
}

.reservationC.wetoz .reC_section + .reC_section {
    margin-top: 55px;
}

.reservationC.wetoz .reC_inputBox {
    display: flex;
    align-items: center;
    border-top: 1px solid #e5e5e5;
    height: 74px;
}

.reservationC.wetoz .reC_inputBox:last-of-type {
    border-bottom: 1px solid #e5e5e5;
}

.reservationC.wetoz .reC_inputBox > label {
    color: var(--main-point-color);
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    width: 185px;
    padding-left: 45px;
}

.reservationC.wetoz .reC_inputBox .req_star {
    color: #ff4444;
}

.reservationC.wetoz .reC_inputBox .input-groupBox {
    display: flex;
    align-items: center;
}

.reservationC.wetoz .reC_inputBox .cal_option_cnt {
    width: 140px;
    height: 40px;
    padding: 0 13px;
    font-size: 15px;
    color: #666666;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/plugin/wz.bookingC.prm/img/reC_arrow.png) no-repeat 89% 50%;
    border-color: #e1e1e1 !important;
}

.reservationC.wetoz .reC_inputBox .cal_option_cnt::-ms-expand {
    display: none;
}

.reservationC.wetoz .reC_inputBox .input-group-addon:last-child {
    height: 40px;
    color: #666666;
    font-size: 15px;
    background: #f3f3f3;
    width: 65px;
    border-color: #e1e1e1;
}

.reservationC.wetoz .reC_inputBox .help-block {
    margin: 0 0 0 25px;
    font-size: 15px !important;
    color: #666666;
}

.reservationC.wetoz .reC_inputBox .option_tot_box {
    font-size: 16px;
    color: #666666;
}

.reservationC.wetoz .reC_inputBox .option_tot_box #option_tot_price {
    color: var(--main-point-color-hover);
    font-size: 22px;
    font-weight: 600;
}

.reservationC.wetoz .reC_inputBox .reC_input_div {
    max-width: 530px;
    width: calc(100% - 185px);
    font-size: 16px;
    color: #666666;
}

.reservationC.wetoz .reC_inputBox .reC_input_div > span:not(.od_tot_des) {
    color: var(--main-point-color-hover);
    font-size: 22px;
    font-weight: 600;
}

.reservationC.wetoz .reC_inputBox .reC_input_div > span.od_tot_des {
    color: #888888;
    font-size: 14px;
    display: inline-block;
    margin-left: 4px;
}

.reservationC.wetoz .reC_inputBox .reC_input_div input:not([type=radio]) {
    width: 100%;
    background: #f6f6f6;
    height: 40px;
    font-size: 14px;
    padding: 0 20px;
    color: #222;
    box-shadow: none;
    border: none;
}

.reservationC.wetoz .reC_inputBox .reC_input_div input::placeholder {
    color: #999999;
}

.reservationC.wetoz .reC_inputBox.reC_inputBox_fix {
    height: auto;
}

.reservationC.wetoz .reC_inputBox .reC_textarea_div {
    width: calc(100% - 185px);
    padding: 18px 24px 18px 0;
}

.reservationC.wetoz .reC_inputBox .reC_textarea_div textarea {
    width: 100%;
    height: 100px;
    resize: none;
    box-shadow: none;
    border: none;
    padding: 15px 20px;
    color: #222;
    background: #f6f6f6;
    font-size: 14px;
}

.reservationC.wetoz .reC_payInfo {
    border: 1px solid #ebebeb;
    padding: 30px 0 35px;
}

.reservationC.wetoz .button-list {
    text-align: right;
    margin-bottom: 15px;
}

.reservationC.wetoz .button-list .navbar-link {
    font-size: 14px;
    border: 1px solid #222;
    padding: 3px 10px;
    text-decoration: none;
    display: inline-block;
}

@media (min-width: 992px) {
    .reservationC.wetoz .reC_payInfo .reC_inputBox {
        border:none !important;
        height: 40px;
    }
}

.reservationC.wetoz .reC_payInfo .reC_inputBox + .reC_inputBox {
    margin-top: 10px;
}

.reservationC.wetoz .reC_payInfo #bank_info_box .reC_inputBox {
    margin-top: 10px;
}

.reservationC.wetoz .reC_payInfo .reC_radio_div {
    display: flex;
}

.reservationC.wetoz .reC_payInfo .reC_radio_div input[type=radio] {
    display: none;
    appearance: none;
}

.reservationC.wetoz .reC_payInfo .reC_radio_div input[type=radio] + label {
    font-size: 16px;
    color: var(--main-point-color);
    font-weight: 500;
    display: flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
}

.reservationC.wetoz .reC_payInfo .reC_radio_div input[type=radio] + label .pay_chk {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
    margin-right: 8px;
    display: block;
    position: relative;
    margin-top: 2px;
}

.reservationC.wetoz .reC_payInfo .reC_radio_div input[type=radio]:checked + label .pay_chk {
    border-color: var(--main-point-btn-bg-color-hover);
    display: flex;
    align-items: center;
    justify-content: center;
}

.reservationC.wetoz .reC_payInfo .reC_radio_div input[type=radio]:checked + label .pay_chk:after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: var(--main-point-btn-bg-color-hover);
    border-radius: 50%;
}

.reservationC.wetoz .reC_payInfo .reC_radio_div > div + div {
    margin-left: 30px;
}

.reservationC.wetoz .reC_payInfo .reC_select_div select {
    width: 295px;
    height: 40px;
    font-size: 14px;
    color: #666666;
    padding: 0 0 0 20px;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/plugin/wz.bookingC.prm/img/reC_arrow.png) no-repeat 95% 50%;
    border-color: #e1e1e1 !important;
}

.reservationC.wetoz .reC_payInfo .reC_select_div select::-ms-expand {
    display: none;
}

.reservationC.wetoz .reC_inputBox .reC_input_div input.input_fix {
    width: 295px;
}

.reservationC.wetoz .reC_info_txt_wrap {
    padding: 17px 20px;
    border: 1px solid #e5e5e5;
    height: 180px;
    overflow-y: auto;
    scrollbar-3dLight-Color: #fff;
    scrollbar-base-color: #fff; scrollbar-Face-Color: #fff; scrollbar-Track-Color: #f0f0f0; scrollbar-DarkShadow-Color: #fff;
    scrollbar-Highlight-Color: #fff; color: #666666;
    line-height: 1.75;
    font-size: 14px;
}

.reservationC.wetoz .reC_info_txt_wrap::-webkit-scrollbar {
    background: #fff;
    width: 6px;
    float: left;
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 0px;
}

.reservationC.wetoz .reC_info_txt_wrap::-webkit-scrollbar-button:start:decrement {
    display: block;
    height: 0px;
    background: #fff;
    background-position: center;
}

.reservationC.wetoz .reC_info_txt_wrap::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0px;
    background: #fff;
    background-position: center;
}

.reservationC.wetoz .reC_info_txt_wrap::-webkit-scrollbar-button {
    background: transparent;
    color: #fff;
}

.reservationC.wetoz .reC_info_txt_wrap::-webkit-scrollbar-track {
    background: #f7f7f7;
}

.reservationC.wetoz .reC_info_txt_wrap::-webkit-scrollbar-thumb {
    width: 6px;
    border-radius: 0px;
}

.reservationC.wetoz .reC_info_txt_wrap {
    scrollbar-arrow-color: #fff; scrollbar-Shadow-Color: #fff}

.reservationC.wetoz .reC_info_txt_wrap::-webkit-scrollbar-thumb {
    background: #e5e5e5;
}

.reservationC.wetoz .reC_info_txt_wrap h4 {
    font-size: 16px;
    color: #666666;
    margin: 0 0 7px;
}

.reservationC.wetoz .reC_info_txt_wrap p {
    margin: 0;
}

.reservationC.wetoz .reC_info_txt_wrap > div + div {
    margin-top: 25px;
}

.reservationC.wetoz .reC_title2 {
    display: flex;
    align-items: center;
    font-size: 21px;
    color: #666666;
}

.reservationC.wetoz .reC_title2 > font {
    color: #aaaaaa;
    margin-left: 5px;
    display: block;
}

.reservationC.wetoz .reC_title2 .agree_box input[type=checkbox] {
    display: none;
    appearance: none;
}

.reservationC.wetoz .reC_title2 .agree_box input + label {
    margin: 0;
    display: block;
    margin-left: 8px;
    cursor: pointer;
}

.reservationC.wetoz .reC_title2 .agree_box input + label span.square {
    width: 26px;
    height: 26px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    position: relative;
    display: block;
}

.reservationC.wetoz .reC_title2 .agree_box input + label span.square::before {
    content: "";
    width: 3px;
    height: 6.5px;
    background: #dfdfdf;
    position: absolute;
    transform: rotate(-30deg);
    bottom: 6.5px;
    left: 8px;
    border-radius: 5px;
}

.reservationC.wetoz .reC_title2 .agree_box input + label span.square::after {
    content: "";
    width: 3px;
    height: 14.5px;
    background: #dfdfdf;
    position: absolute;
    transform: rotate(30deg);
    bottom: 4.5px;
    right: 8px;
    border-radius: 5px;
}

.reservationC.wetoz .reC_title2 .agree_box input:checked + label span.square {
    border-color: #7d2fff;
}

.reservationC.wetoz .reC_title2 .agree_box input:checked + label span.square::before, .reservationC.wetoz .reC_title2 .agree_box input:checked + label span.square::after {
    background-color: #7d2fff;
}

.reservationC.wetoz .reC_btns_wrap {
    margin-top: 49px;
}

.reservationC.wetoz .reC_btns_wrap > .btn-group-justified {
    display: flex;
    justify-content: center;
    height: auto !important
}

.reservationC.wetoz .reC_btns_wrap > .btn-group-justified > div {
    display: block;
    width: auto;
}

.reservationC.wetoz .reC_btns_wrap > .btn-group-justified > div button {
    width: 177px;
    height: 50px;
    font-weight: 600;
    font-size: 17px;
    color: #fff !Important;
    background: #acacac !important;
    border: none;
    outline: 0 !important;
}

.reservationC.wetoz .reC_btns_wrap > .btn-group-justified > div button.btn-success {
    background: #7d2fff;
}

.reservationC.wetoz .reC_btns_wrap > .btn-group-justified > div + div {
    margin-left: 20px;
}

.reservationC.wetoz .option_table {
    table-layout: fixed;
}

.reservationC.wetoz .info_table {
    border-collapse: collapse;
    border: 0;
}

.reservationC.wetoz .info_table th {
    widtH: 180px;
    padding: 0 0 0 40px;
    font-size: 17px;
    color: #333333;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height: 60px;
    vertical-align: middle;
}

.reservationC.wetoz .info_table td {
    padding: 0;
    font-size: 15px;
    color: var(--main-point-color);
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height: 60px;
    vertical-align: middle;
}

.reservationC.wetoz .info_table .btn-reserve_info {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    line-height: 25px;
    border-radius: 5px !important;
    background: #999999;
    color: #fff;
    font-size: 14px;
    border: 0;
    margin-left: 10px;
}

.reservationC.wetoz .info_table .btn-reserve_info.on {
    background: var(--main-point-color-hover);
}

.reservationC.wetoz .pay-bank-notice .circle_chk {
    width: 22px;
    height: 22px;
    border: 2px solid var(--main-point-color-hover);
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 2px;
}

.reservationC.wetoz .pay-bank-notice .circle_chk::before {
    content: "";
    width: 2px;
    height: 6px;
    background: var(--main-point-color-hover);
    position: absolute;
    transform: rotate(-45deg);
    bottom: 4px;
    left: 5px;
    border-radius: 3px;
}

.reservationC.wetoz .pay-bank-notice .circle_chk::after {
    content: "";
    width: 2px;
    height: 10px;
    background: var(--main-point-color-hover);
    position: absolute;
    transform: rotate(45deg);
    bottom: 4px;
    right: 6px;
    border-radius: 5px;
}

.reservationC.wetoz .pay-bank-notice {
    background: var(--main-point-bg-soft-color);
    max-width: 620px;
    padding: 30px 0;
    text-align: center;
    margin: 0 auto 65px;
}

.reservationC.wetoz .pay-bank-notice .reserve_completeBox {
    font-size: 22px;
    font-weight: 600;
    color: var(--main-point-color-hover);
    display: flex;
    align-items: center;
    justify-content: center;
}

.reservationC.wetoz .pay-bank-notice .od_id {
    font-size: 18px;
    color: var(--main-point-color);
    margin-top: 7px;
}

.reservationC.wetoz .reC_pay_info {
    padding: 17px 35px;
    border: 1px solid #e5e5e5;
    color: #666666;
    line-height: 1.8;
    font-size: 14px;
    margin-top: 40px;
}

.reservationC.wetoz .reC_pay_info ul {
    margin: 0;
}

.reservationC.wetoz .reC_pay_info ul li {
    display: flex;
}

.reservationC.wetoz .reC_pay_info ul li > div:first-of-type {
    width: 10px;
}

.order_chk_wrap {
    border: 1px solid #ebebeb;
    padding: 70px 0 70px;
}

.order_chk_wrap .order_chk_inner {
    max-width: 520px;
    margin: 0 auto;
}

.order_chk_wrap .od_titBox {
    text-align: center;
    margin-bottom: 45px;
}

.order_chk_wrap .od_titBox h1 {
    font-size: 30px;
    font-weight: 600;
    color: var(--main-point-color);
    margin: 0;
}

.order_chk_wrap .od_titBox p {
    font-size: 15px;
    color: #666666;
    margin: 10px 0 0;
}

.order_chk_wrap .od_inputBox {
    display: flex;
    align-items: center;
}

.order_chk_wrap .od_inputBox + div {
    margin-top: 10px;
}

.order_chk_wrap .od_inputBox > label {
    width: 90px;
    font-size: 17px;
    font-weight: 500;
    color: var(--main-point-color);
    margin-bottom: 0;
}

.order_chk_wrap .od_inputBox > input[type=text] {
    width: calc(100% - 90px);
    border: 1px solid #e1e1e1;
    height: 58px;
    padding: 0 20px;
    font-size: 16px;
    color: #222;
    box-shadow: none;
}

.order_chk_wrap .od_inputBox > input[type=text]::placeholder {
    color: #999999;
}

.order_chk_wrap .od_chk_des {
    padding-left: 90px;
    color: #999999;
    line-height: 1.6;
    font-size: 15px;
    margin-top: 13px;
}

.order_chk_wrap .od_btnBox {
    margin-top: 25px;
}

.order_chk_wrap .od_btnBox > button {
    border: none !important;
    outline: 0 !important;
    height: 50px;
    font-size: 21px;
    background: var(--main-point-btn-bg-color-hover) !important;
}

.reservationC.wetoz .service_chk_wrap .service_info_table {
    table-layout: fixed;
}

.reservationC.wetoz .service_chk_wrap .service_info_table th {
    background: #f9f9f9;
    border-top: 1px solid #252525 !Important;
    border-left: 0 !Important;
    border-right: 0 !Important;
    border-bottom: 1px solid #d7d7d7 !Important;
    height: 60px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    color: #222222;
    width: auto !important;
}

.reservationC.wetoz .service_chk_wrap .service_info_table th:nth-child(3) {
    width: 25% !important;
}

.reservationC.wetoz .service_chk_wrap .service_info_table td {
    color: #222222;
    font-size: 14px;
    text-align: center !important;
    height: 60px;
}

.reservationC.wetoz .reserve_icon {
    width: 60px;
    line-height: 25px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}

.reservationC.wetoz .reserve_icon.waiting {
    background: #c2c2c2;
}

.reservationC.wetoz .reserve_icon.cancel {
    background: #ec465e;
}

.reservationC.wetoz .reserve_icon.completed {
    background: #7d2fff;
}

@media (max-width: 991px) {
    .reservationC_nav.navi-wrap {
        margin-bottom:50px;
    }

    .reservationC_nav.navi-wrap > ul li {
        width: 50%;
    }

    .reservationC_nav.navi-wrap > ul li a {
        width: 100%;
        margin: 0 !important;
        font-size: 16px;
        line-height: 44px;
    }

    .reservationC_nav.navi-wrap .navbar-link {
        font-size: 12px;
        padding: 2px 8px;
    }

    .reservationC.wetoz .navi-wrap .button-list {
        bottom: calc(100%);
    }

    .reservationC > .row {
        flex-wrap: wrap;
    }

    .reservationC > .row > div:first-of-type {
        width: 100%;
        padding: 0;
    }

    .reservationC > .row > div:last-of-type {
        width: 100%;
        padding: 0;
        border-left: 0;
    }

    .reservationC .ym-title {
        display: block;
        margin-top: 4px !important;
    }

    .reservationC .ym-title, .reservationC .ym-title * {
        font-size: 18px;
    }

    .reservationC.wetoz .pager {
        margin: 0 0 13px;
    }

    .reservationC.wetoz .pager li a i {
        font-size: 22px;
    }

    .reservationC.wetoz .tbl-canlendar.mini > tbody > tr > td > .day {
        padding: 8px 0 0;
    }

    .reservationC.wetoz #wrap-calendar {
        margin-bottom: 10px;
    }

    .reservationC.wetoz #wrap-calendar + .panel.panel-default {
        margin-bottom: 50px;
    }

    .reservationC.wetoz .res_date {
        width: 60px;
        line-height: 23px;
        font-size: 14px;
        margin-right: 8px;
        padding-top: 2px;
    }

    .reservationC.wetoz #select-date-text {
        font-size: 16px;
    }

    .reservationC.wetoz .media-heading > span {
        font-size: 16px;
    }

    .reservationC.wetoz .media-heading > a.more {
        font-size: 10px;
        width: 45px;
        line-height: 14px;
        padding-top: 2px;
    }

    .reservationC.wetoz .info .desc {
        font-size: 13px;
        margin-top: 7px;
    }

    .reservationC.wetoz ul.bx-times li .btn-time .remain-cnt {
        font-size: 13px;
        margin-bottom: 3px;
    }

    .reservationC.wetoz ul.bx-times li .btn-time .time {
        font-size: 15px;
    }

    .reservationC.wetoz ul.bx-times li .btn-time {
        padding: 14px 0 12px;
    }

    .reservationC.wetoz ul.bx-times li .btn-time.active {
        border-width: 1px;
        padding: 14px 0 12px;
    }

    .reservationC.wetoz .media-left {
        margin: 30px 0 13px;
    }

    .reservationC.wetoz .media-heading {
        font-size: 16px;
    }

    .reservationC.wetoz .reservation_service_box + div {
        margin-top: 30px;
    }

    .reservationC.wetoz .btn-group-justified > .btn-group .btn {
        font-size: 16px;
        line-height: 41px;
        height: 42px;
        padding-top: 1px;
        width: 150px;
    }

    .reservationC.wetoz .btn-group-justified > .btn-group .btn-success i {
        font-size: 21px;
        margin-left: 8px;
        top: 2px;
    }

    .reservationC.wetoz .btn-group-justified > .btn-group .btn-success-one {
        width: 100%;
    }

    .reservationC.wetoz .list-group-item {
        display: flex;
        padding: 10px 0;
    }

    .reservationC.wetoz .list-group-item span.square {
        margin-right: 7px;
        transform: scale(0.8);
        transform-origin: right center;
    }

    .reservationC.wetoz .list-group-item span:last-of-type {
        width: calc(100% - 27px);
        font-size: 13px;
        line-height: 1.7;
    }

    .reservationC.wetoz .notice_txtbox p {
        font-size: 13px;
    }

    .reservationC.wetoz .mo_notice {
        margin: 20px 0 0;
    }

    .reservationC.wetoz .table-responsive {
        border: 0;
    }

    .reservationC.wetoz .service_chk_wrap .service_info_table td {
        text-align: left !important;
        height: auto;
    }

    .reservationC.wetoz .service_info_table {
        border: 0;
        table-layout: fixed;
    }

    .reservationC.wetoz .service_info_table thead {
        display: none;
    }

    .reservationC.wetoz .service_info_table tr:first-of-type {
        border-top: 1px solid #222 !important;
    }

    .reservationC.wetoz .service_info_table td {
        display: flex;
        align-items: center;
        padding: 0 !important;
        text-align: left;
        border-top: 0;
        border-bottom: 1px solid #e5e5e5 !important;
        width: 100%;
    }

    .reservationC.wetoz .service_info_table tr td:last-of-type {
        border-bottom-color: #222 !important;
    }

    .reservationC.wetoz .service_info_table td > div:first-of-type {
        font-size: 14px;
        width: 100px;
        font-weight: 500;
        line-height: 21px;
        padding: 10px 0 10px 10px;
    }

    .reservationC.wetoz .service_info_table td > div:last-of-type {
        width: calc(100% - 100px);
        padding: 10px;
        white-space: normal;
        word-break: break-word;
    }

    .reservationC.wetoz .service_info_table td select {
        margin: 0;
        background-image: url(/plugin/wz.bookingC.prm/img/mreC_arrow.png);
        background-size: 9px;
        background-position: 85% center;
        font-size: 13px;
    }

    .reservationC.wetoz .service_info_table .total_td td .span_price {
        font-size: 16px;
        margin-right: 2px;
    }

    .reservationC.wetoz .service_info_table .total_td td:first-child {
        font-size: 14px;
    }

    .reservationC.wetoz .reC_title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .reservationC.wetoz .reC_inputBox {
        height: auto;
        flex-wrap: wrap;
        min-height: 48px;
    }

    .reservationC.wetoz .reC_inputBox:first-of-type {
        border-top-color: #222;
    }

    .reservationC.wetoz .reC_inputBox > label {
        width: 100px;
        padding: 10px 0 8px 10px;
        line-height: 21px;
        font-size: 14px;
    }

    .reservationC.wetoz .reC_inputBox .cal_option_cnt {
        width: 60px;
        line-height: 28px;
        height: 28px;
        padding: 0 0 0 10px;
        background-image: url(/plugin/wz.bookingC.prm/img/mreC_arrow.png);
        background-size: 9px;
        background-position: 85% center;
        font-size: 13px;
    }

    .reservationC.wetoz .reC_inputBox .input-group-addon:last-child {
        height: 28px;
        width: auto;
        font-size: 12px;
        width: 40px;
        padding: 0;
        padding-top: 2px;
    }

    .reservationC.wetoz .reC_inputBox .help-block {
        margin-left: 0;
        width: 100%;
        font-size: 12px !important;
        margin-top: 8px;
    }

    .reservationC.wetoz .reC_inputBox .input-groupBox {
        padding: 10px 0;
        flex-wrap: wrap;
        width: calc(100% - 100px);
    }

    .reservationC.wetoz .reC_inputBox .option_tot_box {
        font-size: 14px;
    }

    .reservationC.wetoz .reC_inputBox .option_tot_box #option_tot_price {
        font-size: 16px;
    }

    .reservationC.wetoz .reC_inputBox .reC_input_div {
        padding: 10px 0;
        font-size: 14px;
        width: calc(100% - 110px);
    }

    .reservationC.wetoz .reC_inputBox .reC_input_div input:not([type=radio]) {
        padding: 0 10px;
        font-size: 13px;
    }

    .reservationC.wetoz .reC_inputBox .reC_textarea_div {
        widtH: calc(100% - 110px);
        padding: 10px 0px;
    }

    .reservationC.wetoz .reC_inputBox .reC_textarea_div textarea {
        padding: 8px 10px;
    }

    .reservationC.wetoz .reC_payInfo {
        padding: 0px;
        border: 0;
    }

    .reservationC.wetoz .reC_payInfo .reC_inputBox + .reC_inputBox {
        margin-top: 0;
    }

    .reservationC.wetoz .reC_payInfo .reC_radio_div {
        flex-wrap: wrap;
        width: calc(100% - 100px);
        padding: 10px 0;
    }

    .reservationC.wetoz .reC_payInfo .reC_inputBox {
        height: auto;
    }

    .reservationC.wetoz .reC_inputBox .reC_input_div > span:not(.od_tot_des) {
        font-size: 16px;
    }

    .reservationC.wetoz .reC_inputBox .reC_input_div > span.od_tot_des {
        margin: 2px 0 0 0;
        display: block;
        font-size: 12px;
    }

    .reservationC.wetoz .reC_payInfo .reC_radio_div {
        margin-bottom: -5px;
    }

    .reservationC.wetoz .reC_payInfo .reC_radio_div > div {
        margin-right: 10px;
        margin-bottom: 5px;
    }

    .reservationC.wetoz .reC_payInfo .reC_radio_div > div + div {
        margin-left: 0;
    }

    .reservationC.wetoz .reC_payInfo .reC_radio_div input[type=radio] + label {
        font-size: 13px;
        font-weight: 400;
    }

    .reservationC.wetoz .reC_payInfo .reC_radio_div input[type=radio] + label .pay_chk {
        width: 13px;
        height: 13px;
        margin-right: 5px;
        margin: 0 5px 2px 0;
    }

    .reservationC.wetoz .reC_payInfo .reC_radio_div input[type=radio]:checked + label .pay_chk:after {
        width: 5.5px;
        height: 5.5px;
    }

    .reservationC.wetoz .reC_payInfo #bank_info_box {
        margin-top: -1px;
        display: block;
    }

    .reservationC.wetoz .reC_payInfo #bank_info_box .reC_inputBox {
        margin-top: 0px;
    }

    .reservationC.wetoz .reC_payInfo #bank_info_box .reC_inputBox:first-of-type {
        border-top-color: #e5e5e5;
    }

    .reservationC.wetoz .reC_payInfo .reC_select_div {
        width: calc(100% - 110px);
        padding: 10px 0;
    }

    .reservationC.wetoz .reC_payInfo .reC_select_div select {
        width: 100%;
        line-height: 40px;
        height: 40px;
        padding: 0 0 0 10px;
        background-image: url(/plugin/wz.bookingC.prm/img/mreC_arrow.png);
        background-size: 9px;
        background-position: 95% center;
        font-size: 13px;
    }

    .reservationC.wetoz .reC_inputBox .reC_input_div input.input_fix {
        width: 100%;
    }

    .reservationC.wetoz .reC_title2 {
        font-size: 16px;
    }

    .reservationC.wetoz .reC_info_txt_wrap {
        padding: 15px 15px;
        font-size: 13px;
    }

    .reservationC.wetoz .reC_info_txt_wrap h4 {
        font-size: 14px;
    }

    .reservationC.wetoz .reC_title2 .agree_box input + label {
        transform: scale(0.8);
        margin-left: 5px;
    }

    .reservationC.wetoz .pay-bank-notice {
        padding: 20px 0;
        margin-bottom: 50px;
    }

    .reservationC.wetoz .pay-bank-notice .reserve_completeBox {
        font-size: 18px;
    }

    .reservationC.wetoz .pay-bank-notice .circle_chk {
        transform: scale(0.9);
        margin-right: 4px;
    }

    .reservationC.wetoz .pay-bank-notice .od_id {
        font-size: 14px;
    }

    .reservationC.wetoz .info_table tr:first-of-type th, .reservationC.wetoz .info_table tr:first-of-type td {
        border-top-color: #222 !important;
    }

    .reservationC.wetoz .info_table th {
        width: 100px;
        height: auto;
        min-height: 48px;
        font-size: 14px;
        padding-left: 10px;
    }

    .reservationC.wetoz .info_table td {
        font-size: 14px;
        height: 48px;
        padding: 10px 0;
        white-space: initial !important;
    }

    .reservationC.wetoz .info_table {
        table-layout: fixed;
    }

    .reservationC.wetoz .info_table .btn-reserve_info {
        font-size: 10px;
        line-height: 18px;
        padding: 2px 5px 0;
        margin-left: 5px;
        position: relative;
        top: -1.5px;
    }

    .reservationC.wetoz .info_table tr:last-of-type th, .reservationC.wetoz .info_table tr:last-of-type td {
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .reservationC.wetoz .reC_pay_info {
        padding: 15px;
        font-size: 13px;
        word-break: keep-all;
        margin-top: 30px;
    }

    .reservationC.wetoz .reC_pay_info ul li > div:last-of-type {
        width: calc(100% - 10px);
    }

    .reservationC.wetoz .reC_section + .reC_section {
        margin-top: 30px;
    }

    .reservationC.wetoz .reC_btns_wrap {
        margin-top: 30px;
    }

    .reservationC.wetoz .reC_btns_wrap > .btn-group-justified > div + div {
        margin-left: 10px;
    }

    .order_chk_wrap {
        border: 0;
        padding: 0;
    }

    .order_chk_wrap .od_titBox {
        margin-bottom: 30px;
    }

    .order_chk_wrap .od_titBox h1 {
        font-size: 22px;
    }

    .order_chk_wrap .od_titBox p {
        font-size: 14px;
    }

    .order_chk_wrap .od_inputBox > label {
        width: 100px;
        font-size: 14px;
    }

    .order_chk_wrap .od_inputBox > input[type=text] {
        height: 40px;
        font-size: 13px;
        padding: 0 10px;
    }

    .order_chk_wrap .od_chk_des {
        padding-left: 100px;
        font-size: 12px;
        margin-top: 8px;
    }

    .order_chk_wrap .od_btnBox > button {
        font-size: 16px;
        height: 42px;
        line-height: 41px;
        padding-top: 1px;
    }

    .reservationC.wetoz .reC_title_box > p {
        font-size: 14px;
        color: #222222;
        font-weight: 300;
    }

    .reservationC.wetoz .reC_title_box > p::before {
        left: -7px;
    }
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
예약B 페이지 : html > plugin > wz.booking.D.prm
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/* 예약B > 일반 */
.reservationB.wetoz::-webkit-scrollbar, .reservationB.wetoz *::-webkit-scrollbar {
    width: 10px
}

.reservationB.wetoz::-webkit-scrollbar-track, .reservationB.wetoz *::-webkit-scrollbar-track {
    background-color: #f1f1f1
}

.reservationB.wetoz::-webkit-scrollbar-thumb, .reservationB.wetoz *::-webkit-scrollbar-thumb {
    width: 10px;
    background: #ddd;
    border-radius: 0;
}

.reservationB.wetoz {
    margin: 0
}

.reservationB.wetoz a {
    color: #333
}

.reservationB.wetoz a:hover, .reservationB.wetoz a:focus {
    text-decoration: none
}

.reservationB.wetoz p, .reservationB.wetoz ul {
    margin: 0
}

.reservationB.wetoz label {
    margin: 0;
    font-weight: 400
}

.reservationB.wetoz .clearfix {
    height: 0 !important
}

/* 예약B > 탭 */
.reservationB.wetoz > .col-md-12 {
    padding: 0
}

.reservationB.wetoz .navi-wrap {
    margin-bottom: -1px
}

.reservationB.wetoz .navi-wrap .button-list {
    bottom: 10px
}

.reservationB.wetoz .navi-wrap .button-list a {
    display: block;
    padding: 3px 10px;
    border: 1px solid #222;
    font-size: 14px;
    text-decoration: none
}

.reservationB.wetoz .nav-tabs {
    border: 0
}

.reservationB.wetoz .nav-tabs > li {
    margin: 0;
    border: 1px solid #ebebeb;
    border-bottom: 0
}

.reservationB.wetoz .nav-tabs > li + li {
    border-left: 0
}

.reservationB.wetoz .nav-tabs > li > a {
    width: 200px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 21px;
    line-height: 63px;
    color: #b7b7b7;
    text-align: center
}

.reservationB.wetoz .nav-tabs > li.active > a {
    border: 0;
    background-color: #fbfbfb;
    font-weight: 600;
    color: var(--main-point-color-hover);
}

.reservationB.wetoz .nav-tabs > li > a:hover, .reservationB.wetoz .nav-tabs > li > a:focus {
    border: 0;
    background: none
}

.reservationB.wetoz .nav-tabs > li.active > a:hover {
    border: 0;
    background: #fbfbfb;
    color: var(--main-point-color-hover);
}

/* 예약B > 실시간예약_예약선택 */
.reservationB.wetoz .bx-reserv {
    margin-bottom: 40px;
    border: 1px solid #ebebeb
}

.reservationB.wetoz .bxframe .empty {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #666;
}

.reservationB.wetoz .bxframe .head {
    padding: 24px 40px;
    border-bottom: 1px solid #ebebeb;
    background: #fbfbfb
}

.reservationB.wetoz .bxframe .head span {
    display: inline-block;
    position: relative;
    padding-left: 18px;
    font-weight: 600;
    font-size: 21px;
    line-height: 1;
    color: var(--main-point-color);
}

.reservationB.wetoz .bxframe .head span:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 5px;
    background-color: var(--main-point-color-hover);
}

.reservationB.wetoz .bxframe .list {
    height: 608px
}

.reservationB.wetoz .bxframe.fm-room {
    width: 50%;
    border-right: 1px solid #ebebeb
}

.reservationB.wetoz .bxframe.fm-room .list {
    padding: 30px 20px
}

.reservationB.wetoz .bxframe.fm-room .list .roomli {
    margin: 0;
    padding: 19px;
    border: 1px solid #fff;
    border-radius: 10px
}

.reservationB.wetoz .bxframe.fm-room .list .roomli:hover, .reservationB.wetoz .bxframe.fm-room .list .roomli.active {
    border-color: var(--main-point-line-color-hover);
}

.reservationB.wetoz .media-left {
    padding-right: 26px;
}

.reservationB.wetoz .bxframe.fm-room .list .roomli .room-photo-frame {
    border: 0
}

.reservationB.wetoz .info .media-heading {
    margin: 0 0 9px;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.4;
    color: var(--main-point-color);
}

.reservationB.wetoz .roomli.active .info .media-heading {
    color: var(--main-point-color-hover);
}

.reservationB.wetoz .info .desc {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    letter-spacing: -0.03em
}

.reservationB.wetoz .bxframe.fm-day {
    width: 19%;
    border-right: 1px solid #ebebeb
}

.reservationB.wetoz .bxframe.fm-day .list {
    padding: 30px 0
}

.reservationB.wetoz .pager li {
    display: inline-block;
    margin: 0 6px;
    vertical-align: middle
}

.reservationB.wetoz .pager li > a, .reservationB.wetoz .pager li > span {
    padding: 0 6px;
    border: 0;
    border-radius: 0;
    font-size: 22px;
    color: #a8a8a8
}

.reservationB.wetoz .pager li > a:hover, .reservationB.wetoz .pager li > a:focus {
    background-color: #fff;
    color: #7d2fff
}

.reservationB.wetoz .ym-title {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    color: var(--main-point-color);
}

.reservationB.wetoz .bxframe.fm-day .list .daylist {
    width: 120px;
    margin: 20px auto 0;
}

.reservationB.wetoz .bxframe.fm-day .list .daylist .dayli {
    margin: 0;
    padding: 10px 0;
    border: 1px solid #fff;
    border-radius: 8px
}

.reservationB.wetoz .bxframe.fm-day .list .daylist .dayli.live:hover, .reservationB.wetoz .bxframe.fm-day .daylist .dayli.live.active {
    border: 1px solid var(--main-point-line-color-hover);
}

.reservationB.wetoz .bxframe.fm-day .list .daylist .dayli span {
    font-weight: 400;
    font-size: 17px;
    color: #666
}

.reservationB.wetoz .bxframe.fm-day .daylist .dayli.live.active span {
    color: var(--main-point-color-hover);
    font-weight: 500
}

.reservationB.wetoz .bxframe.fm-day .list .daylist .dayli .closed {
    color: #cacaca
}

.reservationB.wetoz .bxframe.fm-time {
    width: 31%
}

.reservationB.wetoz .bxframe.fm-time .list {
    padding: 30px
}

.reservationB.wetoz .bxframe.fm-time .wrap-time {
    margin-top: -3px
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time:nth-type-of(2n-1) {
    clear: both
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli {
    margin: 6px;
    padding: 12px 0;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background-color: #f3f3f3;
    cursor: default
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli.live {
    background-color: #fff;
    cursor: pointer
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli.live:hover, .reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli.live.active {
    border: 1px solid var(--main-point-line-color-hover);
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli.live.active {
    background-color: var(--main-point-bg-color-hover);
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli span {
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #bbb
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli.live span {
    color: #333
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli.live.active span {
    color: #fff
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli .remainc {
}

.reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli .txtms {
    font-size: 16px
}

.reservationB.wetoz .btn-group-justified {
    display: block;
    height: auto;
    text-align: center
}

.reservationB.wetoz .btn-group-justified > .btn-group {
    display: inline-block;
    width: 205px;
    padding: 0
}

.reservationB.wetoz .btn-group-justified > .btn-group + .btn-group {
    margin-left: 10px
}

.reservationB.wetoz .btn-group-justified > .btn-group .btn {
    display: block;
    overflow: hidden;
    float: none;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: 25px !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 50px;
    color: #fff !important;
    outline: none;
}

.reservationB.wetoz .btn-group-justified > .btn-group .btn.btn-success {
    background-color: var(--main-point-btn-bg-color-hover) !important
}

.reservationB.wetoz .btn-group-justified > .btn-group .btn.btn-primary {
    background-color: #acacac !important
}

.reservationB.wetoz .btn-group-justified > .btn-group .btn .fa {
    display: none
}

.reservationB.wetoz .panel_guide.panel-default {
    margin: 60px 0 0;
    padding: 30px;
    border: 1px solid #ebebeb
}

.reservationB.wetoz .list-group-item {
    position: relative;
    margin: 0;
    padding: 0 0 0 12px;
    border: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #666
}

.reservationB.wetoz .list-group-item + .list-group-item {
    margin-top: 3px
}

.reservationB.wetoz .list-group-item:before, .reservationB.wetoz .panel_guide .guide_tit:before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: var(--main-point-color-hover);
}

.reservationB.wetoz .panel_guide .panel-body {
    margin-top: 3px;
    padding: 0;
    border: 0
}

.reservationB.wetoz .panel_guide .guide {
    float: left;
    font-size: 15px;
    line-height: 1.7
}

.reservationB.wetoz .panel_guide .guide_tit {
    display: inline-block;
    position: relative;
    width: 75px;
    padding-left: 12px;
    font-weight: 500;
    color: var(--main-point-color-hover);
}

.reservationB.wetoz .panel_guide .guide_txt {
    width: calc(100% - 75px);
    color: #666
}

/* 예약B > 실시간예약_예약선택_달력(모바일용) */
.reservationB.wetoz .bx-calendar .table > tbody + tbody {
    border-top: 0
}

.reservationB.wetoz .tbl-canlendar .sunday {
    background-color: #fbd4d4
}

.reservationB.wetoz .tbl-canlendar .sunday span {
    font-weight: 500;
    color: #ea2626
}

.reservationB.wetoz .tbl-canlendar .saturday {
    background-color: #d8daeb
}

.reservationB.wetoz .tbl-canlendar .saturday span {
    color: #3c449d
}

.reservationB.wetoz .fm-day .table-bordered > tbody > tr > th {
    padding: 14px 0;
    border: 1px solid #e5e5e5;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    text-align: center
}

.reservationB.wetoz .fm-day .table-bordered > tbody > tr > td {
    padding: 0;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 1
}

.reservationB.wetoz .fm-day .tbl-canlendar .day {
    display: block;
    padding: 12px 0;
    border: 0;
    font-weight: 500;
    font-size: 14px;
    color: #333
}

.reservationB.wetoz .fm-day .tbl-canlendar td.imposs .day {
    padding: 12px 0
}

.reservationB.wetoz .bxframe.fm-day .bx-calendar .dayli.live {
    border: 1px solid transparent;
    text-decoration: none
}

.reservationB.wetoz .bxframe.fm-day .bx-calendar .dayli.live:hover, .reservationB.wetoz .bxframe.fm-day .bx-calendar .dayli.live.active {
    border-color: var(--main-point-line-color-hover);
}

@media (max-width: 991px) {
    /* 예약B > 탭 */ .reservationB.wetoz .navi-wrap .button-list a {
        font-size:12px
    }

    .reservationB.wetoz .nav-tabs > li > a {
        width: 120px;
        font-size: 13px;
        line-height: 40px
    }

    /* 예약B > 실시간예약_예약선택 */
    .reservationB.wetoz .bx-reserv {
        margin-bottom: 0
    }

    .reservationB.wetoz .bxframe .empty {
        font-size: 13px;
        line-height: 1.5
    }

    .reservationB.wetoz .bxframe .head {
        padding: 10px 15px
    }

    .reservationB.wetoz .bxframe .head span {
        padding-left: 10px;
        font-size: 13px
    }

    .reservationB.wetoz .bxframe .head span:before {
        width: 6px;
        height: 6px;
        margin-top: -4px;
        border-radius: 3px
    }

    .reservationB.wetoz .bxframe .list {
        overflow-y: auto;
        height: 400px;
        padding: 10px
    }

    .reservationB.wetoz .bxframe.fm-day .list, .reservationB.wetoz .bxframe.fm-time .list {
        height: auto
    }

    .reservationB.wetoz .bxframe.fm-room {
        width: 100%;
        border-right: 0
    }

    .reservationB.wetoz .bxframe.fm-room .list {
        padding: 15px
    }

    .reservationB.wetoz .bxframe.fm-room .list .roomli {
        padding: 10px;
        border-radius: 8px
    }

    .reservationB.wetoz .media-left {
        padding-right: 15px;
    }

    .reservationB.wetoz .info .media-heading {
        margin: 0 0 8px;
        font-size: 15px
    }

    .reservationB.wetoz .info .desc {
        font-size: 12px
    }

    .reservationB.wetoz .bxframe.fm-day {
        width: 100%
    }

    .reservationB.wetoz .bxframe.fm-day .list {
        padding: 15px 5px
    }

    .reservationB.wetoz .pager li > a, .reservationB.wetoz .pager li > span {
        font-size: 18px
    }

    .reservationB.wetoz .ym-title {
        font-size: 18px
    }

    .reservationB.wetoz .bxframe.fm-time {
        width: 100%
    }

    .reservationB.wetoz .bxframe.fm-time .list {
        padding: 15px
    }

    .reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli {
        padding: 8px 0;
        border-radius: 6px
    }

    .reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli span {
        font-size: 12px;
        line-height: 20px
    }

    .reservationB.wetoz .bxframe.fm-time .list .btn-time a.timeli .txtms {
        font-size: 14px
    }

    .reservationB.wetoz .btn-group-justified {
        margin-top: 30px
    }

    .reservationB.wetoz .btn-group-justified > .btn-group {
        width: 48%
    }

    .reservationB.wetoz .btn-group-justified > .btn-group + .btn-group {
        margin-left: 2%
    }

    .reservationB.wetoz .btn-group-justified > .btn-group .btn {
        height: 40px;
        border-radius: 20px !important;
        font-size: 16px;
        line-height: 40px
    }

    .reservationB.wetoz .panel_guide.panel-default {
        margin: 30px 0 0;
        padding: 15px
    }

    .reservationB.wetoz .list-group-item {
        font-size: 12px;
        line-height: 1.4
    }

    .reservationB.wetoz .list-group-item:before, .reservationB.wetoz .panel_guide .guide_tit:before {
        top: 5px
    }

    .reservationB.wetoz .panel_guide .guide {
        float: none;
        font-size: 12px;
        line-height: 1.4
    }

    .reservationB.wetoz .panel_guide .guide_tit {
        width: auto;
        font-size: 13px
    }

    .reservationB.wetoz .panel_guide .guide_txt {
        width: 100%;
        margin-top: 3px;
        padding-left: 12px
    }
}

/* 예약B > 공통 박스, 표 */
.reservationB.wetoz .reserve_default + .reserve_default {
    margin-top: 60px
}

.reservationB.wetoz .reserve_title {
    position: relative;
    margin-bottom: 19px
}

.reservationB.wetoz .reserve_title > span {
    display: inline-block;
    position: relative;
    padding-left: 21px;
    font-weight: 600;
    font-size: 22px;
    color: var(--main-point-color);
}

.reservationB.wetoz .reserve_title > span:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    border-radius: 5px;
    background-color: var(--main-point-color-hover);
}

.reservationB.wetoz .reserve_title .rv_caution {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
    color: #222
}

.reservationB.wetoz .reserve_mtitle {
    display: none;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #e6e6e6;
    border-top: 0;
    background-color: #fbfbfb;
    text-align: center
}

.reservationB.wetoz .reserve_mtitle > span {
    font-weight: 500;
    font-size: 15px;
    color: #222;
}

.reservationB.wetoz .reserve_content {
    border-top: 1px solid #4e4e4e
}

.reservationB.wetoz .reserve_box {
    display: flex;
    border-bottom: 1px solid #e6e6e6;
}

.reservationB.wetoz .rv_label {
    display: flex;
    align-items: center;
    width: 170px;
    padding-left: 30px;
    background-color: #fbfbfb;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: var(--main-point-color);
}

.reservationB.wetoz .rv_required {
    font-weight: 500;
    color: #ff4444
}

.reservationB.wetoz .rv_answer {
    width: calc(100% - 170px);
    padding: 18px 20px
}

.reservationB.wetoz .input_box {
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    font-size: 15px;
    color: #333;
    box-shadow: none;
    -webkit-box-shadow: none
}

.reservationB.wetoz .rv_input {
    width: 530px;
    max-width: 100%;
    height: 45px
}

.reservationB.wetoz .rv_select {
    padding: 0 15px;
    border: 1px solid #e1e1e1;
    font-size: 15px;
    color: #666;
    background: url('/img/arr_select.png') no-repeat 90% 50%;
    box-shadow: none;
    -webkit-boxshadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.reservationB.wetoz .rv_select::-ms-expand {
    display: none
}

.reservationB.wetoz .rv_textarea {
    width: 100%;
    height: 115px;
    padding: 10px;
    line-height: 1.3;
    resize: none
}

.reservationB.wetoz .reserve_tbl_wrap {
}

.reservationB.wetoz .reserve_tbl {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: center
}

.reservationB.wetoz .reserve_tbl .tbl_w_20 {
    width: 20%
}

.reservationB.wetoz .reserve_tbl .tbl_w_30 {
    width: 30%
}

.reservationB.wetoz .reserve_tbl tr {
    border-bottom: 1px solid #e6e6e6
}

.reservationB.wetoz .reserve_tbl th {
    font-weight: 500;
    font-size: 17px;
    line-height: 1;
    color: var(--main-point-color);
    text-align: center
}

.reservationB.wetoz .reserve_tbl td {
    font-size: 16px;
    line-height: 1.6;
    color: #666
}

.reservationB.wetoz .reserve_tbl thead {
    background-color: #fbfbfb
}

.reservationB.wetoz .reserve_tbl .rv_tbl_mob {
    display: none
}

.reservationB.wetoz .reserve_tbl .rv_tbl_won {
    font-size: 16px;
    color: #666
}

.reservationB.wetoz .reserve_tbl .rv_tbl_price {
    font-weight: 600;
    font-size: 22px;
    color: var(--main-point-color-hover);
}

/* 예약B > 실시간예약_정보입력 */
.reservationB.wetoz .reserve_top_tbl {
    border-top: 1px solid #e6e6e6
}

.reservationB.wetoz .reserve_top_tbl .reserve_tbl th {
    padding: 25px 3px
}

.reservationB.wetoz .reserve_top_tbl .reserve_tbl td {
    padding: 19px 3px
}

.reservationB.wetoz .reserve_top_tbl .reserve_tbl thead {
    border: 1px solid #e6e6e6;
    border-top: 0
}

.reservationB.wetoz .reserve_top_tbl .reserve_tbl .rv_select {
    width: 90px;
    height: 34px
}

.reservationB.wetoz .reserve_btn_box {
    margin-top: 60px
}

.reservationB.wetoz .option_select {
    display: inline-block;
    vertical-align: middle
}

.reservationB.wetoz .option_select:after {
    display: block;
    content: "";
    clear: both
}

.reservationB.wetoz .option_select .rv_select {
    float: left;
    width: 140px;
    height: 45px;
}

.reservationB.wetoz .option_select .option_unit {
    float: left;
    padding: 0 19px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    background-color: #f3f3f3;
    font-size: 15px;
    line-height: 43px;
    color: #666
}

.reservationB.wetoz .option_help {
    display: inline-block;
    margin-left: 21px;
    font-size: 15px;
    color: #666;
    vertical-align: middle
}

.reservationB.wetoz .option_tot_tit {
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    color: #666
}

.reservationB.wetoz #option_tot_price {
    display: inline-block;
    font-weight: 600;
    font-size: 22px;
    color: var(--main-point-color-hover);
}

.reservationB.wetoz .reserve_payment {
    padding: 23px 50px 31px;
    border: 1px solid #ebebeb
}

.reservationB.wetoz .reserve_payment .reserve_box {
    align-items: center;
    padding: 5px 0;
    border: 0
}

.reservationB.wetoz .rv_pay_tit {
    width: 155px;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: var(--main-point-color);
}

.reservationB.wetoz .rv_pay_answer {
    width: calc(100% - 155px);
    font-size: 16px;
    color: #666
}

.reservationB.wetoz .rv_pay_answer span {
    display: inline-block
}

.reservationB.wetoz .rv_pay_price {
    min-width: 85px;
    font-weight: 600;
    font-size: 22px;
    color: var(--main-point-color-hover);
    text-align: right
}

.reservationB.wetoz .rv_pay_won {
}

.reservationB.wetoz .payment_help {
    font-size: 14px;
    color: #888;
    vertical-align: bottom;
    line-height: 25px;
}

.reservationB.wetoz .rv_pay_answer .rv_select, .reservationB.wetoz .rv_pay_answer .rv_pay_input {
    width: 296px;
    max-width: 100%;
    height: 40px;
    padding: 0 15px;
    border-color: #ebebeb
}

.reservationB.wetoz .rv_pay_answer .rv_pay_input::placeholder {
    color: #a9a9a9
}

.reservationB.wetoz .rv_pay_answer .rv_pay_input:-ms-input-placeholder {
    color: #a9a9a9
}

.reservationB.wetoz .rv_pay_ul > li {
    display: inline-block;
    margin-right: 30px
}

.reservationB.wetoz .rv_pay_ul > li .input_hidden {
    display: none
}

.reservationB.wetoz .rv_pay_ul > li .rv_pay_label {
    position: relative;
    padding-left: 24px;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-point-color);
}

.reservationB.wetoz .rv_pay_ul > li .rv_pay_label:before, .reservationB.wetoz .rv_pay_ul > li .rv_pay_label:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    border-radius: 50%
}

.reservationB.wetoz .rv_pay_ul > li .rv_pay_label:before {
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 1px solid #d7d7d7
}

.reservationB.wetoz .rv_pay_ul > li .rv_pay_label:after {
    left: 4px;
    width: 8px;
    height: 8px;
    margin-top: -4px
}

.reservationB.wetoz .rv_pay_ul > li .input_hidden:checked + .rv_pay_label:before {
    border-color: var(--main-point-btn-bg-color-hover);
}

.reservationB.wetoz .rv_pay_ul > li .input_hidden:checked + .rv_pay_label:after {
    background-color: var(--main-point-btn-bg-color-hover);
}

.reservationB.wetoz .reserve_terms_con {
    overflow-y: auto;
    height: 216px;
    padding: 20px 28px;
    border: 1px solid #ebebeb
}

.reservationB.wetoz .reserve_terms_con::-webkit-scrollbar, .reservationB.wetoz .reserve_terms_con *::-webkit-scrollbar {
    width: 10px;
}

.reservationB.wetoz .reserve_terms_con::-webkit-scrollbar-thumb, .reservationB.wetoz .reserve_terms_con *::-webkit-scrollbar-thumb {
    width: 10px;
    background: #ddd;
    border-radius: 0;
}

.reservationB.wetoz .reserve_terms_con::-webkit-scrollbar-track, .reservationB.wetoz .reserve_terms_con *::-webkit-scrollbar-track {
    baCkground: #f1f1f1;
}

.reservationB.wetoz .reserve_terms_con .rv_terms {
}

.reservationB.wetoz .reserve_terms_con .rv_terms + .rv_terms {
    margin-top: 22px
}

.reservationB.wetoz .reserve_terms_con .terms_tit {
    margin: 0 0 8px;
    font-weight: 500;
    font-size: 17px;
    color: #222
}

.reservationB.wetoz .reserve_terms_con .terms_txt, .reservationB.wetoz .reserve_terms_con .terms_txt * {
    font-size: 14px;
    line-height: 1.3;
    color: #333
}

.reservationB.wetoz .reserve_agree {
    margin-top: 17px
}

.reservationB.wetoz .reserve_agree .input_hidden {
    display: none
}

.reservationB.wetoz .reserve_agree .rv_check_label {
    position: relative;
    font-size: 15px;
    line-height: 18px;
    color: #666
}

.reservationB.wetoz .reserve_agree .rv_check_label .check {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    margin: 2px 8px -3px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff
}

.reservationB.wetoz .reserve_agree .rv_check_label .check:before, .reservationB.wetoz .reserve_agree .rv_check_label .check:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 3px;
    width: 2px;
    background-color: #bebebe;
    border-radius: 2px
}

.reservationB.wetoz .reserve_agree .rv_check_label .check:before {
    left: 4px;
    height: 6px;
    transform: rotate(-45deg)
}

.reservationB.wetoz .reserve_agree .rv_check_label .check:after {
    left: 9px;
    height: 9px;
    transform: rotate(45deg)
}

.reservationB.wetoz .reserve_agree .input_hidden:checked + .rv_check_label .check {
    border-color: var(--main-point-btn-bg-color-hover);
    background-color: var(--main-point-btn-bg-color-hover);
}

.reservationB.wetoz .reserve_agree .input_hidden:checked + .rv_check_label .check:before, .reservationB.wetoz .reserve_agree .input_hidden:checked + .rv_check_label .check:after {
    background-color: #fff
}

/* 예약B > 실시간예약_예약완료 */
.reservationB.wetoz .reserve_alert {
    padding: 59px 0 57px;
    border: 1px solid #ebebeb;
    background-color: #fbfbfb;
    text-align: center
}

.reservationB.wetoz .rv_alert_title {
    display: inline-block;
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    color: var(--main-point-color)
}

.reservationB.wetoz .rv_alert_title span {
    display: inline-block;
    vertical-align: middle
}

.reservationB.wetoz .rv_alert_title .icon_alert {
    position: relative;
    width: 22px;
    height: 22px;
    margin-right: 12px;
    border: 2px solid var(--main-point-color-hover);
    border-radius: 50%
}

.reservationB.wetoz .rv_alert_title .icon_alert.alert_cancel {
    border-color: #ff1616
}

.reservationB.wetoz .rv_alert_title .icon_alert:before, .reservationB.wetoz .rv_alert_title .icon_alert:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 3px;
    width: 2px;
    border-radius: 3px;
    background-color: var(--main-point-color-hover);
}

.reservationB.wetoz .rv_alert_title .icon_alert.alert_cancel:before, .reservationB.wetoz .rv_alert_title .icon_alert.alert_cancel:after {
    background-color: #ff1616
}

.reservationB.wetoz .rv_alert_title .icon_alert:before {
    left: 5px;
    height: 7px;
    transform: rotate(-45deg)
}

.reservationB.wetoz .rv_alert_title .icon_alert.alert_cancel:before {
    left: 8px;
    height: 12px
}

.reservationB.wetoz .rv_alert_title .icon_alert:after {
    left: 10px;
    height: 10px;
    transform: rotate(45deg)
}

.reservationB.wetoz .rv_alert_title .icon_alert.alert_cancel:after {
    left: 8px;
    height: 12px
}

.reservationB.wetoz .reserve_alert .reserve_number {
    font-size: 17px;
    line-height: 1.3;
    color: #777
}

.reservationB.wetoz .rv_alert_ul {
    margin-top: 40px
}

.reservationB.wetoz .rv_alert_ul > li {
    font-size: 17px;
    line-height: 2;
    color: #777
}

.reservationB.wetoz .reserve_calc_tbl th {
    padding: 21px 3px
}

.reservationB.wetoz .reserve_calc_tbl td {
    padding: 20px 3px
}

.reservationB.wetoz .reserve_calc_tbl .icon_pay {
    display: inline-block;
    margin: -3px 0 0 12px;
    padding: 0 11px;
    border: 0;
    border-radius: 4px;
    background-color: #999;
    font-size: 13px;
    line-height: 24px;
    color: #fff
}

.reservationB.wetoz .reserve_info_tbl {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.reservationB.wetoz .reserve_info_tbl tr {
    border-bottom: 1px solid #e6e6e6
}

.reservationB.wetoz .reserve_info_tbl th {
    width: 170px;
    padding: 20px 0 20px 30px;
    background-color: #fbfbfb;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-point-color);
    line-height: 1.2;
    vertical-align: middle
}

.reservationB.wetoz .reserve_info_tbl td {
    width: calc(100% - 170px);
    padding: 20px 40px;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    vertical-align: middle
}

.reservationB.wetoz .reserve_info_tbl .btn_rvcancel {
    margin: -4px 0 0 12px;
    padding: 0 11px;
    border: 0;
    border-radius: 4px;
    background-color: #999;
    font-size: 13px;
    line-height: 26px;
    color: #fff
}

/* 예약B > 예약 취소/확인 */
.reservationB.wetoz .reserve_nomember {
    padding: 60px 15px;
    border: 1px solid #ebebeb;
    background-color: #fbfbfb;
    text-align: center
}

.reservationB.wetoz .rv_nom_title {
}

.reservationB.wetoz .rv_nom_title > span {
    font-weight: 500;
    font-size: 28px;
    color: var(--main-point-color)
}

.reservationB.wetoz .rv_nom_title .rv_text {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.2;
    color: #666
}

.reservationB.wetoz .rv_nom_confirm {
    width: 520px;
    max-width: 100%;
    margin: 40px auto 0
}

.reservationB.wetoz .confirm_box {
    display: flex;
    align-items: center;
}

.reservationB.wetoz .confirm_box + .confirm_box {
    margin-top: 12px;
}

.reservationB.wetoz .cf_label {
    width: 96px;
    font-weight: 500;
    font-size: 17px;
    color: var(--main-point-color);
    text-align: left
}

.reservationB.wetoz .cf_answer {
    width: calc(100% - 96px)
}

.reservationB.wetoz .cf_input {
    width: 100%;
    height: 55px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    font-size: 16px;
    color: #333
}

.reservationB.wetoz .cf_input::placeholder {
    color: #999
}

.reservationB.wetoz .cf_input:-ms-input-placeholder {
    color: #999
}

.reservationB.wetoz .reserve_nomember .half_box {
    margin-left: 96px
}

.reservationB.wetoz .rv_guide_box {
    margin-top: 11px
}

.reservationB.wetoz .rv_guide_box > p {
    font-size: 15px;
    line-height: 1.6;
    color: #999;
    text-align: left
}

.reservationB.wetoz .rv_btn_box {
    margin-top: 25px
}

.reservationB.wetoz .rv_btn_box .btn_confirm {
    overflow: hidden;
    width: 100%;
    height: 55px;
    border-radius: 28px;
    background-color: var(--main-point-btn-bg-color-hover);
    padding: 0;
}

.reservationB.wetoz .rv_btn_box .btn_confirm > span {
    font-size: 21px;
    line-height: 55px;
    color: #fff
}

.reservationB.wetoz .pagination > li > a{border: none; font-size: 15px; padding: 0; margin: 0 13px;}
.reservationB.wetoz .pagination > li:first-child > a{margin-right: 4px;}
.reservationB.wetoz .pagination > li:nth-last-child(2) > a{margin-left: 4px;}
.reservationB.wetoz .pagination > li > a .fa-angle-double-right:before{content: "\f105" "\f105";}

@media (max-width: 991px) {
    .reservationB.wetoz .reserve_info_tbl {
        table-layout:auto;
    }

    /* 예약B > 공통 박스, 표 */
    .reservationB.wetoz .reserve_default + .reserve_default {
        margin-top: 30px
    }

    .reservationB.wetoz .reserve_title {
        margin-bottom: 10px
    }

    .reservationB.wetoz .reserve_title > span {
        font-size: 18px
    }

    .reservationB.wetoz .reserve_title > span:before {
        width: 7px;
        height: 7px;
        margin-top: -3px
    }

    .reservationB.wetoz .reserve_title .rv_caution {
        font-size: 12px
    }

    .reservationB.wetoz .reserve_mtitle {
        display: inline-block
    }

    .reservationB.wetoz .rv_label {
        width: 100px;
        padding-left: 10px;
        font-size: 14px
    }

    .reservationB.wetoz .rv_answer {
        width: calc(100% - 100px);
        padding: 10px
    }

    .reservationB.wetoz .input_box {
        font-size: 13px
    }

    .reservationB.wetoz .rv_input {
        height: 36px
    }

    .reservationB.wetoz .rv_select {
        padding: 0 10px;
        font-size: 13px
    }

    .reservationB.wetoz .rv_textarea {
        height: 100px
    }

    .reservationB.wetoz .reserve_tbl tr {
        display: block;
        border-bottom: 0
    }

    .reservationB.wetoz .reserve_tbl th {
        font-size: 14px
    }

    .reservationB.wetoz .reserve_tbl td {
        display: flex;
        width: 100%;
        font-size: 13px;
        border-bottom: 1px solid #e6e6e6
    }

    .reservationB.wetoz .reserve_tbl tr td:last-child {
        border-bottom: 0
    }

    .reservationB.wetoz .reserve_tbl tbody > tr {
        border-bottom: 1px solid #4e4e4e;
    }

    .reservationB.wetoz .reserve_tbl thead {
        display: none
    }

    .reservationB.wetoz .reserve_tbl tfoot {
        border-bottom: 1px solid #4e4e4e
    }

    .reservationB.wetoz .reserve_tbl tfoot th {
        display: flex;
        padding: 0
    }

    .reservationB.wetoz .reserve_tbl .rv_tbl_mob {
        display: flex;
        align-items: center;
        width: 100px;
        padding-left: 10px;
        background-color: #fbfbfb;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.2;
        color: #222;
        text-align: left
    }

    .reservationB.wetoz .reserve_tbl .rv_tbl_data {
        width: calc(100% - 100px);
        padding: 10px;
        text-align: left
    }

    .reservationB.wetoz .reserve_tbl .rv_tbl_won {
        font-size: 13px
    }

    .reservationB.wetoz .reserve_tbl .rv_tbl_price {
        font-size: 18px
    }

    .reservationB.wetoz .reserve_tbl .th_mob_none {
        display: none
    }

    /* 예약B > 실시간예약_정보입력 */
    .reservationB.wetoz .reserve_top_tbl .reserve_tbl th {
        padding: 0
    }

    .reservationB.wetoz .reserve_top_tbl .reserve_tbl td {
        padding: 0
    }

    .reservationB.wetoz .reserve_top_tbl .reserve_tbl .rv_select {
        width: 80px;
        height: 26px
    }

    .reservationB.wetoz .reserve_btn_box {
        margin-top: 30px
    }

    .reservationB.wetoz .option_select {
        width: 100%
    }

    .reservationB.wetoz .option_select .rv_select {
        width: calc(100% - 50px);
        height: 26px;
    }

    .reservationB.wetoz .option_select .option_unit {
        width: 50px;
        padding: 0;
        font-size: 13px;
        line-height: 24px;
        text-align: center
    }

    .reservationB.wetoz .option_help {
        margin-top: 3px;
        margin-left: 0;
        font-size: 12px;
        line-height: 1.2
    }

    .reservationB.wetoz .option_tot_tit {
        font-size: 13px;
        line-height: 18px
    }

    .reservationB.wetoz #option_tot_price {
        font-size: 18px
    }

    .reservationB.wetoz .reserve_payment {
        padding: 10px 15px
    }

    .reservationB.wetoz .reserve_payment .reserve_box {
        align-items: baseline;
        padding: 3px 0
    }

    .reservationB.wetoz .rv_pay_tit {
        width: 95px;
        font-size: 14px;
        line-height: 30px
    }

    .reservationB.wetoz .rv_pay_answer {
        width: calc(100% - 95px);
        font-size: 13px
    }

    .reservationB.wetoz .rv_pay_price {
        min-width: auto;
        font-size: 18px
    }

    .reservationB.wetoz .payment_help {
        margin-top: 3px;
        font-size: 12px;
        line-height: 1.2
    }

    .reservationB.wetoz .rv_pay_answer .rv_select, .reservationB.wetoz .rv_pay_answer .rv_pay_input {
        height: 36px;
        padding: 0 10px
    }

    .reservationB.wetoz .rv_pay_ul > li {
        margin-right: 15px
    }

    .reservationB.wetoz .rv_pay_ul > li .rv_pay_label {
        padding-left: 20px;
        font-size: 14px;
        line-height: 1.6
    }

    .reservationB.wetoz .rv_pay_ul > li .rv_pay_label:before {
        width: 14px;
        height: 14px;
        margin-top: -7px
    }

    .reservationB.wetoz .rv_pay_ul > li .rv_pay_label:after {
        width: 6px;
        height: 6px;
        margin-top: -3px
    }

    .reservationB.wetoz .reserve_terms_con {
        height: 150px;
        padding: 15px
    }

    .reservationB.wetoz .reserve_terms_con::-webkit-scrollbar, .reservationB.wetoz .reserve_terms_con *::-webkit-scrollbar {
        width: 6px;
    }

    .reservationB.wetoz .reserve_terms_con::-webkit-scrollbar-thumb, .reservationB.wetoz .reserve_terms_con *::-webkit-scrollbar-thumb {
        width: 6px
    }

    .reservationB.wetoz .reserve_terms_con .rv_terms + .rv_terms {
        margin-top: 15px
    }

    .reservationB.wetoz .reserve_terms_con .terms_tit {
        margin: 0 0 5px;
        font-size: 14px
    }

    .reservationB.wetoz .reserve_terms_con .terms_txt, .reservationB.wetoz .reserve_terms_con .terms_txt * {
        font-size: 12px
    }

    .reservationB.wetoz .reserve_agree {
        margin-top: 10px
    }

    .reservationB.wetoz .reserve_agree .rv_check_label {
        font-size: 12px;
        line-height: 14px
    }

    .reservationB.wetoz .reserve_agree .rv_check_label .check {
        width: 14px;
        height: 14px;
        margin: 0 5px -3px 0;
        border-radius: 2px
    }

    .reservationB.wetoz .reserve_agree .rv_check_label .check:before {
        left: 3px;
        height: 4px
    }

    .reservationB.wetoz .reserve_agree .rv_check_label .check:after {
        left: 6px;
        height: 7px
    }

    /* 예약B > 실시간예약_예약완료 */
    .reservationB.wetoz .reserve_alert {
        padding: 30px 15px
    }

    .reservationB.wetoz .rv_alert_title {
        margin-bottom: 15px;
        font-size: 18px
    }

    .reservationB.wetoz .reserve_alert .reserve_number {
        font-size: 15px
    }

    .reservationB.wetoz .rv_alert_ul {
        margin-top: 10px
    }

    .reservationB.wetoz .rv_alert_ul > li {
        font-size: 12px
    }

    .reservationB.wetoz .reserve_calc_tbl th {
        padding: 0
    }

    .reservationB.wetoz .reserve_calc_tbl td {
        padding: 0
    }

    .reservationB.wetoz .reserve_calc_tbl .icon_pay {
        margin: 0 0 0 10px;
        padding: 0 8px;
        border-radius: 2px;
        font-size: 12px;
        line-height: 20px
    }

    .reservationB.wetoz .reserve_info_tbl th {
        width: 100px;
        padding: 0 0 0 10px;
        font-size: 15px
    }

    .reservationB.wetoz .reserve_info_tbl td {
        width: calc(100% - 100px);
        padding: 10px;
        font-size: 14px;
        line-height: 1.6
    }

    .reservationB.wetoz .reserve_info_tbl .btn_rvcancel {
        margin: 0 0 0 10px;
        padding: 0 8px;
        border-radius: 2px;
        font-size: 12px;
        line-height: 20px
    }

    /* 예약B > 예약 취소/확인 */
    .reservationB.wetoz .reserve_nomember {
        padding: 30px 15px
    }

    .reservationB.wetoz .rv_nom_title > span {
        font-size: 22px
    }

    .reservationB.wetoz .rv_nom_title .rv_text {
        margin-top: 10px;
        font-size: 14px
    }

    .reservationB.wetoz .rv_nom_confirm {
        margin: 30px auto 0
    }

    .reservationB.wetoz .confirm_box + .confirm_box {
        margin-top: 8px;
    }

    .reservationB.wetoz .cf_label {
        width: 80px;
        font-size: 14px
    }

    .reservationB.wetoz .cf_answer {
        width: calc(100% - 80px)
    }

    .reservationB.wetoz .cf_input {
        height: 40px;
        border-radius: 3px;
        font-size: 13px
    }

    .reservationB.wetoz .reserve_nomember .half_box {
        margin-left: 80px
    }

    .reservationB.wetoz .rv_guide_box {
        margin-top: 10px
    }

    .reservationB.wetoz .rv_guide_box > p {
        font-size: 12px;
        line-height: 1.4
    }

    .reservationB.wetoz .rv_btn_box {
        margin-top: 20px
    }

    .reservationB.wetoz .rv_btn_box.rv_btn_box {
        margin-left: 0
    }

    .reservationB.wetoz .rv_btn_box .btn_confirm {
        height: 40px;
        border-radius: 20px
    }

    .reservationB.wetoz .rv_btn_box .btn_confirm > span {
        font-size: 16px;
        line-height: 40px
    }
    .reservationB.wetoz .pagination > li > a{
        font-size: 13px;
        margin: 0 10px;
    }
}



/* 모달창 커스텀 */
html.modal_open,
body.modal_open {
  overflow: hidden !important;
}
.viewModalCustom {
    position: fixed;
    width: 100%;
    height: 100vh;
    padding: 90px 35px 0;
    overflow: auto;
    background-color: #fff;
    /* background-color: #f9fafc; */
    z-index: 100000000;
}

/* .viewModalCustom::-webkit-scrollbar {
    display: none;
} */

.viewModalCustom::-webkit-scrollbar-thumb {
    background-color: #000;
}

.viewModalCustom .modal_top_container {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 30px 0 20px;
    text-align: right;
    z-index: 1;
}

.viewModalCustom .modal_top_container .link_container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 40px;
}

.viewModalCustom .modal_top_container .link_container li a {
    display: inline-flex;
    align-items: center;
    padding: 10px 13px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    border-radius: 10px;
    transition: all .3s;
}

.viewModalCustom .modal_top_container .link_container li:first-child a {
    background-color: #000;
}

.viewModalCustom .modal_top_container .link_container li:first-child:hover a {
    background-color: #fff;
    color: #595959;
    transition: all .3s;
}

.viewModalCustom .modal_top_container .link_container li:hover a .link_icon img {
    content: url(/img/portfolio_link_g.png);
    transition: all .3s;
}

.viewModalCustom .modal_top_container .link_container li:last-child a {
    /* background-color: #44464d; */
    background-color: transparent;
}

.viewModalCustom .modal_top_container .link_container li:last-child:hover a {
    background-color: #fff;
    color: #595959;
    transition: all .3s;
}

.viewModalCustom .modal_top_container .link_container li a span {
    display: inline-block;
    margin-left: 7px;
}

.viewModalCustom .modal_top_container .close_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
}

.viewModalCustom .modal_top_container .close_btn:hover {
    background-color: #fff;
    transition: all .3s;
}


/* 251209 신규 타입 모달창 상단 버튼 커스텀 */
.viewModalCustom:has(.modal_top_container.new) {
    padding: 0;
    background-color: #fff;
}

.viewModalCustom .modal_top_container {
    position: fixed;
    right: 0;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 20px;
    padding: 40px 45px 20px;
}

.viewModalCustom .modal_top_container .link_container {
    margin-right: 0;
}

.viewModalCustom .modal_top_container .link_container li a {
    flex-direction: column-reverse;
    gap: 10px;
    padding: 0;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    background-color: transparent;
}

.viewModalCustom .modal_top_container .link_container li:last-child:hover a {
    color: #000;
    background-color: transparent;
}

.viewModalCustom .modal_top_container .link_container li a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-left: 0;
    background-color: #000000;
    border-radius: 10px;
    transition: all .3s;
}

.viewModalCustom .modal_top_container .link_container li:hover a span {
    background-color: #303030;
}

.viewModalCustom .modal_top_container .link_container li a span img {
    content: url(/img/viewmodal_inquiry_ico.png);
}

.viewModalCustom .modal_top_container .link_container li:hover a .link_icon img {
    content: url(/img/viewmodal_inquiry_ico.png);
}

.viewModalCustom .modal_top_container .close_btn {
    width: 52px;
    height: 52px;
    border: 1px solid #000;
    background-color: transparent;
    border-radius: 10px;
}

.viewModalCustom .modal_top_container .close_btn:hover {
    border-color: #808080;
}

.viewModalCustom .modal_top_container .close_btn img {
    content: url(/img/viewmodal_portfolio_close.png);
}

.viewModalCustom .modal_top_container .close_btn:hover img {
    opacity: 0.8;
}

/* 승민 피드백(레이아웃 버그 — 포트폴리오 순서조정 기능과는 무관하지만 함께 처리):
   상세보기 모달의 관리자 전용 버튼 그룹(.view-btn, 복사~글쓰기)이 데스크탑 화면
   우측 상단에 고정된 닫기(X)/제작문의 버튼(.modal_top_container)과 겹쳐 클릭이
   가려짐. .modal_top_container는 position:fixed(위 7942행)로 실제 높이가 약
   184px(padding 40+20 + 아이콘 52×2 + gap 20)인데, .viewModalCustom의 상단
   여백은 90px뿐이라 그 차이만큼 겹친다. 버튼 기능·순서는 그대로 두고 관리자
   버튼 영역에만 위쪽 여백을 더해 고정 버튼 아래로 확실히 내려오게 한다.
   모바일(max-width:991px, 아래 8203행)은 이 고정 버튼들이 화면 하단으로
   이동해 애초에 겹치지 않으므로 데스크탑 너비에서만 적용한다. */
@media (min-width: 992px) {
    .viewModalCustom .view-btn {
        margin-top: 110px;
    }
}


/* 모달창 뷰 커스텀 */
.viewModalCustom .view_title .view_subject h2 {
    color: #0c0c0c; 
    font-size: 65px; 
    font-weight: 700;
    word-break: keep-all;
}

.viewModalCustom .view-padding {
    margin-top: 90px; 
}

.viewModalCustom .view-padding .view-content p {
    font-weight: 300;
    line-height: 28px;
}

.viewModalCustom .view-padding .view-content h3 {
    font-size: 24px;
}

.viewModalCustom .award_list {
    margin-bottom: 25px;
}

.viewModalCustom .award_list .keyword-list {
    display: flex;
    align-items: center;
    gap: 5px;
}

.viewModalCustom .award_list .keyword-list li {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 9px;
    background-color: #f6f6f6;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 600;
    color: #666666;
}

.viewModalCustom .top_container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 100px;
}

.viewModalCustom .top_container .view_container {
    width: 50%;
}

.viewModalCustom .top_container .view_banner {
    width: calc(50% - 100px);
}

.viewModalCustom .top_container .view_banner:has(.hasWr) {
    position: sticky;
    top: 95px;
    padding: 50px 45px 45px;
    /* background: url(/img/view_bg.png) no-repeat center / 200%; */
    /* border: 1px solid rgba(255, 255, 255, 0.18); */
    background-color: #f6f6f6;
    border-radius: 20px;

}

.viewModalCustom .top_container .view_banner ul {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.viewModalCustom .top_container .view_banner li {
    display: flex;
    align-items: flex-start;
}

.viewModalCustom .top_container .view_banner li .title {
    min-width: 110px;
    color: #0c0c0c;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
}

.viewModalCustom .top_container .view_banner li .text {
    width: 100%;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    word-break: keep-all;
}

.viewModalCustom .top_container .view_banner li .text .keyword-list {
    gap: 15px;
}

.viewModalCustom .top_container .view_banner li .text .keyword-list li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.viewModalCustom .bot_container {
    width: 100%;
    margin-top: 130px;
    padding-bottom: 130px;
    pointer-events: none;
}


.viewModalCustom .bot_container .thumb {
    height: 1600px;
    margin-bottom: 130px;
    border-radius: 20px;
    transition: all 0.5s ease-in-out;
}

.viewModalCustom .bot_container.container_fix {
    max-width: 1720px;
}

.viewModalCustom .bot_container a {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}
.viewModalCustom .bot_container img {
    width: 100%;
}

@media (max-width: 1200px) {
    .viewModalCustom .top_container {
        flex-direction: column;
    }

    .viewModalCustom .top_container .view_container,
    .viewModalCustom .top_container .view_banner {
        width: 100%;
    }
}

@media (max-width: 991px) {
    /* 모달창 커스텀 */
    .viewModalCustom {
        padding: 60px 23px 0;
    }

    .viewModalCustom .modal_top_container {
        padding: 23px 0 45px;
    }

    .viewModalCustom .modal_top_container .link_container {
        gap: 8px;
        margin-right: 13px;
    }

    .viewModalCustom .modal_top_container .link_container li a {
        padding: 7px 9px;
        font-size: 13px;
        font-weight: 500;
        border-radius: 7px;
    }

    .viewModalCustom .modal_top_container .link_container li:last-child a {
        background-color: #000;
    }

    .viewModalCustom .modal_top_container .link_container li a span {
        margin-left: 5px;
    }

    .viewModalCustom .modal_top_container .close_btn {
        width: 28px;
        height: 28px;
    }
    
    .viewModalCustom .modal_top_container .close_btn img {
        width: 10px;
    }

    /* 신규타입 모달창 커스텀 */
    .viewModalCustom .modal_top_container {
        top: auto;
        left: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
        flex-direction: row;
        gap: 7px;
        padding: 0;
    }

    .viewModalCustom .modal_top_container .link_container {
        display: block;
        width: calc(100% - 50px);
        box-shadow: 0 0 60px rgba(255, 255, 255, 0.8);
        border-radius: 5px;
    }

    .viewModalCustom .modal_top_container .link_container li a {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        gap: 7px;
        height: 43px;
        color: #fff;
        font-size: 14px;
        background-color: #000;
        border-radius: 5px;
    }

    .viewModalCustom .modal_top_container .link_container li:hover a {
        background-color: #303030;
    }

    .viewModalCustom .modal_top_container .link_container li:last-child:hover a {
        color: #fff;
        background-color: #303030;
    }

    .viewModalCustom .modal_top_container .link_container li a span {
        width: auto;
        height: auto;
        background-color: transparent;
        border-radius: 0;
    }

    .viewModalCustom .modal_top_container .close_btn {
        flex-shrink: 0;
        width: 43px;
        height: 43px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 60px rgba(255, 255, 255, 0.8);
    }

    .viewModalCustom .view_title .view_subject h2 {
        font-size: 35px; 
    }

    .viewModalCustom .top_container {
        gap: 0;
        padding: 0;
    }

    .viewModalCustom .top_container .view_container {
        order: 2;
        padding-top: 40px;
    }

    .viewModalCustom .top_container .view_banner:has(.hasWr) {
        position: static;
        order: 1;
        padding: 0;
        background: none;
        border: none;
        border-bottom: 1px solid #333333;
        border-radius: 0;
        padding-bottom: 40px;
    }

    .viewModalCustom .top_container .view_banner .view_title {
        margin-bottom: 35px;
    }
    
    .viewModalCustom .top_container .view_banner ul {
        gap: 16px;
    }

    .viewModalCustom .top_container .view_banner li .title {
        min-width: 78px;
        font-size: 14px;
    }

    .viewModalCustom .top_container .view_banner li .text {
        font-size: 14px;
    }

    .viewModalCustom .top_container .view_banner li .text .keyword-list li img {
        width: 14px;
    }

    .viewModalCustom .view-padding {
        margin-top: 0;
    }

    .viewModalCustom .view-padding .view-content p {
        line-height: 25px;
    }

    .viewModalCustom .view-padding .view-content h3 {
        line-height: 35px;
    }

    .viewModalCustom .bot_container {
        margin-top: 63px;
        padding: 0;
        padding-bottom: 63px;
    }
}



/* 스켈레톤 샘플 */
.viewModalCustom .skeleton_modal .award_list .keyword-list .load_text {
    width: 20%;
}

.viewModalCustom .skeleton_modal .view_title .view_subject h2 .load_text {
    width: 50%;
    height: 70px;
}

.viewModalCustom .skeleton_modal .top_container .view_banner li .title span.load_text {
    width: 55%;
}

.viewModalCustom .skeleton_modal .top_container .view_banner li .text span.load_text {
    width: 100%;
}

.viewModalCustom .skeleton_modal .top_container .view_banner li:nth-child(1) .text span.load_text {
    width: 30%;
}

.viewModalCustom .skeleton_modal .top_container .view_banner li:nth-child(2) .text span.load_text {
    width: 58%;
}

.viewModalCustom .skeleton_modal .top_container .view_banner li:nth-child(3) .text span.load_text {
    width: 36%;
}

.viewModalCustom .skeleton_modal .top_container .view_banner li:nth-child(4) .text span.load_text {
    width: 65%;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text {
    display: block;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(1) {
    width: 62%;
    height: 40px;
    margin-bottom: 28px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(2) {
    width: 54%;
    margin-bottom: 8px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(3) {
    width: 70%;
    margin-bottom: 8px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(4) {
    width: 39%;
    margin-bottom: 35px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(5) {
    width: 35%;
    margin-bottom: 8px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(6) {
    width: 84%;
    margin-bottom: 35px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(7) {
    width: 39%;
    margin-bottom: 8px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(8) {
    width: 37%;
    margin-bottom: 35px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(9) {
    width: 72%;
    margin-bottom: 90px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(10) {
    width: 53%;
    height: 40px;
    margin-bottom: 35px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(11) {
    width: 45%;
    margin-bottom: 8px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(12) {
    width: 46%;
    margin-bottom: 35px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(13) {
    width: 56%;
    margin-bottom: 35px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(14) {
    width: 35%;
    margin-bottom: 8px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(15) {
    width: 41%;
    margin-bottom: 8px;
}

.viewModalCustom .skeleton_modal .view-padding span.load_text:nth-child(16) {
    width: 71%;
}

.viewModalCustom .info_right,
.viewModalCustom .view_info,
.viewModalCustom .board_title,
.viewModalCustom .view-head,
.viewModalCustom .view_bottom,
.viewModalCustom .view_mob_bar {
    display: none;
}

@media (max-width: 991px) {
    .viewModalCustom .view_container .view_title {
        display: none;
    }
}


/* 251209 신규타입 모달창 뷰 커스텀 */
.viewModalCustom .new_design {
    padding: 100px 0;
}
.viewModalCustom .new_design .sec {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}

.viewModalCustom .new_design .sec.sec01 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 80px;
    padding: 40px 0 60px;
}

.viewModalCustom .new_design .sec.sec01 .img-container {
    width: 73%;
    height: 600px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: transform 1s ease;
    transform-origin: center;
    perspective: 1000px; /* 3D 효과를 위한 원근감 */
    transform-style: preserve-3d;
}


.viewModalCustom .new_design .sec.sec01 .img-container .view-img {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 5px;
    overflow: hidden;
} 

.viewModalCustom .new_design .sec.sec01 .img-container .view-img a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.viewModalCustom .new_design .sec.sec01 .img-container .view-img img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    object-fit: contain;
    transition: transform 10s ease;
    min-height: 100%;
    height: auto;
}

.viewModalCustom .new_design .sec.sec01 .txt-container {
    width: calc(27% - 80px);
}

.viewModalCustom .new_design .sec.sec01 .txt-container .award_list {
    margin-bottom: 50px;
}

.viewModalCustom .new_design .sec.sec01 .txt-container .keyword-list {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

.viewModalCustom .new_design .sec.sec01 .txt-container .keyword-list li {
    padding: 11px 16px;
    color: #0c0c0c;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    background-color: #f0f0f0;
    border-radius: 10px;
}

.viewModalCustom .new_design .sec.sec01 .txt-container .subtitle {
    margin-bottom: 28px;
    color: #0c0c0c;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
    word-break: keep-all;
}

.viewModalCustom .new_design .sec.sec01 .txt-container .title {
    color: #0c0c0c;
    font-size: 60px;
    font-weight: 700;
    word-break: keep-all;
}

.viewModalCustom .new_design .sec.sec01 .scroll-container {
    position: absolute;
    top: 103%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.viewModalCustom .new_design .sec.sec01 .scroll-container span {
    font-size: 16px;
    font-weight: 400;
    color: #050411;
}

.viewModalCustom .new_design .sec.sec01 .scroll-container .ico-container img {
    display: block;
    margin-bottom: 5px;
    animation: icon-motion 1.5s infinite;
    /* animation: icon-motion2 2s infinite; */
}

/* .viewModalCustom .new_design .sec.sec01 .scroll-container .ico-container img:nth-of-type(1) {animation-delay: 0s;}
.viewModalCustom .new_design .sec.sec01 .scroll-container .ico-container img:nth-of-type(2) {animation-delay: .15s;}
.viewModalCustom .new_design .sec.sec01 .scroll-container .ico-container img:nth-of-type(3) {animation-delay: .3s;} */

@keyframes icon-motion2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes icon-motion {
    0% {
      transform: translateY(0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: translateY(20px);
      opacity: 0;
    }
  }

.viewModalCustom .new_design .sec.sec02 {
    max-width: 1400px;
    padding: 150px 0 100px;
}

.viewModalCustom .new_design .sec.sec02 .title-container {
    margin-bottom: 60px;   
}

.viewModalCustom .new_design .sec.sec02 .title-container .title {
    color: #0c0c0c;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
}

.viewModalCustom .new_design .sec.sec02 .flex-container {
    position: relative;
    display: flex;
    align-items: center;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .circle-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 13px 11px;
    background-color: #cdcdcd;
    border-radius: 145px;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .circle-container .circle-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 254px;
    height: 254px;
    border-radius: 50%;
    padding: 10px;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .circle-container .circle-inner:nth-child(2) {
    background-color: #fff;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .circle-container .circle-inner .circle-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.02em;
    word-break: keep-all;
    text-align: center;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .circle-container .circle-inner:nth-child(2) .circle-title {
    color: #0c0c0c;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .bubble-container .bubble-inner {
    position: absolute;
    padding: 23px 36px;
    background-color: rgba(225, 225, 225, 0.7);
    border-radius: 35px;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .bubble-container .bubble-inner:nth-child(1) {
    top: 10px;
    left: 180px;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .bubble-container .bubble-inner:nth-child(2) {
    top: 70px;
    left: 30px;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .bubble-container .bubble-inner:nth-child(3) {
    top: 470px;
    left: 445px;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .bubble-container .bubble-inner:nth-child(4) {
    top: 500px;
    left: 55px;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .left-container .bubble-container .bubble-inner .bubble-title {
    display: inline-block;
    color: #666666;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .right-container {
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 100%;
    gap: 10px;
    padding: 0 20px 0 65px;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .right-container .right-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    min-height: 150px;
    padding: 0 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
}

.viewModalCustom .new_design .sec.sec02 .flex-container .right-container .right-inner .right-title {
    color: #0c0c0c;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.viewModalCustom .new_design .sec.sec02 .flex-container .right-container .right-inner .right-content {
    color: #666666;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.02em;
    word-break: keep-all;
}

.viewModalCustom .new_design .sec.sec03 {
    position: relative;
    max-width: none;
    padding: 130px 0 150px;
}

.viewModalCustom .new_design .sec.sec03 .bg-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 30%;
    height: 100%;
    z-index: -1;
}

.viewModalCustom .new_design .sec.sec03 .flex-container {
    display: flex;
    flex-direction: column;
    max-width: 1400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.viewModalCustom .new_design .sec.sec03 .flex-container .top-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    width: 100%;
    height: 50%;
}

.viewModalCustom .new_design .sec.sec03 .flex-container .top-container .img-container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 50%;
    height: 100%;
}

.viewModalCustom .new_design .sec.sec03 .flex-container .top-container .img-container img {
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    object-fit: contain;
}

.viewModalCustom .new_design .sec.sec03 .flex-container .top-container .title-container {
    width: 50%;
    height: 100%;
}

.viewModalCustom .new_design .sec.sec03 .flex-container .top-container .title-container .title {
    margin-bottom: 25px;
    color: #0c0c0c;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.viewModalCustom .new_design .sec.sec03 .flex-container .top-container .title-container .subtitle {
    color: #666666;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.02em;
    word-break: keep-all;
}

.viewModalCustom .new_design .sec.sec03 .flex-container .bot-container {
    display: flex;
    justify-content: flex-end;
    gap: 35px;
    width: 100%;
    height: 50%;
    padding-top: 30px;
}

.viewModalCustom .new_design .sec.sec03 .flex-container .bot-container .img-container img {
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    object-fit: contain;
}

.viewModalCustom .new_design .sec.sec04 {
    position: relative;
    max-width: none;
    padding: 100px 0 100px;
}

.viewModalCustom .new_design .sec.sec04 .flex-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.viewModalCustom .new_design .sec.sec04 .flex-container > div {
    width: 50%;

}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container {
    padding-left: 260px;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .title-container {
    width: 100%;
    min-height: 470px;
    height: 50%;
    padding-top: 190px;
    padding-right: 30px;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .title-container .title {
    margin-bottom: 25px;
    color: #0c0c0c;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .title-container .subtitle {
    color: #666666;
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.02em;
    word-break: keep-all;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container {
    display: flex;
    width: 100%;
    min-height: 470px;
    height: 50%;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% / 3);
    height: 100%;
    padding: 60px 30px 50px;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner .color-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner .color-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner .color-content .color-item {
    display: flex;
    align-items: center;
    gap: 25px;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.02em;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner .color-content .color-item .color-item-title {
    min-width: 13px;
    font-weight: 700;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner .color-content .color-item .color-item-content {
    font-weight: 400;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .right-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 115px;
    padding-right: 260px;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .right-container .font-container {
    display: flex;
    flex-direction: column;
    gap: 190px;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .right-container .font-container .font-inner {
    display: flex;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .right-container .font-container .font-inner .font-content-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .right-container .font-container .font-inner .font-title {
    min-width: 300px;
    color: #0c0c0c;
    font-size: 55px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.06em;
    padding-right: 30px;
}

.viewModalCustom .new_design .sec.sec04 .flex-container .right-container .font-container .font-inner .font-content {
    color: #0c0c0c;
    font-size: 30px;
    line-height: 1;
    letter-spacing: -0.06em;
}

.viewModalCustom .new_design .sec.sec05 {
    padding: 100px 0;
}

.viewModalCustom .new_design .sec.sec05 .title-container {
    margin-bottom: 100px;   
}

.viewModalCustom .new_design .sec.sec05 .title-container .title {
    color: #0c0c0c;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
}

.viewModalCustom .new_design .sec.sec05 .flex-container {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

.viewModalCustom .new_design .sec.sec05 .flex-container .main-container {
    margin: 0 70px;
    margin-bottom: 110px;
    border: 3px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.viewModalCustom .new_design .sec.sec05 .flex-container .sub-container {
    column-count: 2;
    column-gap: 30px;
}

.viewModalCustom .new_design .sec.sec05 .flex-container .sub-container .sub-content-item {
    break-inside: avoid;
    margin-bottom: 30px;
    border: 3px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.viewModalCustom .new_design .sec.sec05 .flex-container .sub-container .sub-content-item img {
    display: block;
    width: 100%;
    object-fit: contain;
}

.viewModalCustom .new_design .sec.sec06 {
    padding: 100px 0;
}

.viewModalCustom .new_design .sec.sec06 .title-container {
    margin-bottom: 100px;   
}

.viewModalCustom .new_design .sec.sec06 .title-container .title {
    color: #0c0c0c;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    text-align: center;
}

.viewModalCustom .new_design .sec.sec06 .flex-container {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

.viewModalCustom .new_design .sec.sec06 .flex-container .img-container {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.viewModalCustom .new_design .sec.sec06 .flex-container .img-container .img-item {
    width: calc((100% - 100px) / 3);
    border: 3px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.viewModalCustom .new_design .sec.sec06 .flex-container .img-container .img-item img {
    display: block;
    width: 100%;
    object-fit: contain;
}

.viewModalCustom .new_design .sec.sec07 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 140px 0;
    text-align: center;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
}

/* 신규타입 모달창 스켈레톤 */
.viewModalCustom[data-design="신규"] .skeleton_modal .temp_section {
    max-width: 1640px;
    height: 100vh;
    margin: 0 auto;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_section .load_text {
    width: 100%;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec01 {
    display: flex;
    align-items: center;
    gap: 80px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec01 .img-container {
    width: 67%;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec01 .thumb {
    height: 600px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec01 .txt-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 33%;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec01 .txt-container .load_text:last-child {
    width: 100%;
    height: 70px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .txt-container {
    margin-bottom: 60px;
    text-align: center;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .txt-container .load_text {
    width: 20%;
    height: 70px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .img-container {
    display: flex;
    align-items: center;
    gap: 80px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .img-container .thumb {
    width: 50%;
    height: 400px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .img-container .box-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .img-container .box-container .load_text {
    height: 150px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    margin-bottom: 30px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container .thumb {
    width: 33%;
    height: 300px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container .txt-container {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 50%;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container .txt-container .load_text {
    width: 50%;
    height: 70px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container .txt-container .load_text:last-child {  
    width: 90%;
    height: 20px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .bot-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .bot-container .thumb {
    width: 33%;
    height: 300px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 > div {
    width: 50%;
    height: 100%;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 .left-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 150px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 .left-container .txt-container .load_text {
    width: 50%;
    height: 70px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 .left-container .txt-container .load_text:last-child {  
    width: 90%;
    height: 20px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 .left-container .thumb {
    width: 100%;
    height: 400px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 .right-container .thumb {
    width: 100%;
    height: 100%;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec05 {
    height: auto;
    padding: 200px 0;
    text-align: center;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec05 .load_text {
    width: 20%;
    height: 70px;
}

.viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec05 .thumb {
    width: 100%;
    height: 1000px;
    margin-top: 60px;
}

.viewModalCustom .new_design .info_right, 
.viewModalCustom .new_design .view_title, 
.viewModalCustom .new_design .view_info, 
.viewModalCustom .new_design .board_title, 
.viewModalCustom .new_design .view-head, 
.viewModalCustom .new_design .view_bottom, 
.viewModalCustom .new_design .view_mob_bar,
.sectionViewModern.view_style .new_design .info_right > .logo_img::before {
    display: none;
}

@media (max-width: 991px) {
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_section {
        height: auto;
        padding: 60px 30px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec01 {
        flex-direction: column-reverse;
        gap: 60px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec01 .txt-container {
        align-items: center;
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec01 .txt-container .load_text:last-child {
        height: 40px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec01 .img-container {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .txt-container .load_text {
        width: 100%;
        height: 40px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .img-container {
        flex-direction: column;
        gap: 40px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .img-container .thumb {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .img-container .box-container {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec02 .img-container .box-container .load_text {
        height: 70px;
    }

    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container {
        flex-direction: column-reverse;
        gap: 40px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container .txt-container {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container .txt-container .load_text {
        width: 100%;
        height: 40px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container .txt-container .load_text:last-child {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .top-container .thumb {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .bot-container {
        flex-direction: column;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec03 .bot-container .thumb {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 {
        flex-direction: column;
        gap: 40px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 > div {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 .left-container {
        gap: 60px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 .left-container .txt-container .load_text {
        width: 100%;
        height: 40px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 .left-container .txt-container .load_text:last-child {
        width: 100%;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec04 .right-container .thumb {
        height: 300px;
    }
    .viewModalCustom[data-design="신규"] .skeleton_modal .temp_sec05 .load_text {
        width: 100%;
        height: 40px;
    }
}


@media (max-width: 991px) {
    /* 251209 신규타입 모달창 뷰 커스텀 */
    .viewModalCustom .new_design {
        padding: 30px 0 60px;
    }

    .viewModalCustom .new_design .sec.sec01 {
        flex-direction: column-reverse;
        gap: 40px;
        padding: 0 30px 50px;
    }

    .viewModalCustom .new_design .sec.sec01 .img-container {
        width: 100%;
        height: 500px;
        box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    }

    .viewModalCustom .new_design .sec.sec01 .img-container:hover {
        transform: none;
    }

    .viewModalCustom .new_design .sec.sec01 .img-container .view-img {
        padding: 0;
    }

    .viewModalCustom .new_design .sec.sec01 .img-container .view-img img {
        transition: transform 8s ease;
    }

    .viewModalCustom .new_design .sec.sec01 .txt-container {
        width: 100%;
        text-align: center;
    }

    .viewModalCustom .new_design .sec.sec01 .txt-container .award_list {
        margin-bottom: 25px;
    }

    .viewModalCustom .new_design .sec.sec01 .txt-container .keyword-list {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .viewModalCustom .new_design .sec.sec01 .txt-container .keyword-list li {
        gap: 4px;
        padding: 5px 8px;
        font-size: 11px;
        border-radius: 5px;
    }

    .viewModalCustom .new_design .sec.sec01 .txt-container .subtitle {
        margin-bottom: 15px;
        font-size: 13px;
        text-align: center;
    }

    .viewModalCustom .new_design .sec.sec01 .txt-container .title {
        font-size: 35px;
    }

    .viewModalCustom .new_design .sec.sec01 .scroll-container {
        display: none;
    }

    .viewModalCustom .new_design .sec.sec02 {
        padding: 50px 30px;
    }

    .viewModalCustom .new_design .sec.sec02 .title-container {
        margin-bottom: 40px;
    }

    .viewModalCustom .new_design .sec.sec02 .title-container .title {
        font-size: 25px;
    }

    .viewModalCustom .new_design .sec.sec02 .flex-container {
        flex-direction: column;
        gap: 40px;
    }

    .viewModalCustom .new_design .sec.sec02 .flex-container .left-container {
        width: 100%;
    }

    .viewModalCustom .new_design .sec.sec02 .flex-container .left-container .circle-container {
        gap: 6px;
        padding: 5px 4px;
        border-radius: 58px;
    }

    .viewModalCustom .new_design .sec.sec02 .flex-container .left-container .circle-container .circle-inner {
        width: 105px;
        height: 105px;
        padding: 5px;
    }

    .viewModalCustom .new_design .sec.sec02 .flex-container .left-container .circle-container .circle-inner .circle-title {
        font-size: 14px;
        line-height: 20px;
    }

    .viewModalCustom .new_design .sec.sec02 .flex-container .left-container .bubble-container {
        display: none;
    }
    
    .viewModalCustom .new_design .sec.sec02 .flex-container .right-container {
        width: 100%;
        padding: 0;
    }

    .viewModalCustom .new_design .sec.sec02 .flex-container .right-container .right-inner {
        gap: 11px;
        min-height: 75px;
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    }

    .viewModalCustom .new_design .sec.sec02 .flex-container .right-container .right-inner .right-title {
        font-size: 15px;
    }

    .viewModalCustom .new_design .sec.sec02 .flex-container .right-container .right-inner .right-content {
        font-size: 13px;
        line-height: 20px;
    }

    .viewModalCustom .new_design .sec.sec03 {
        padding: 50px 0;
    }

    .viewModalCustom .new_design .sec.sec03 .bg-container {
        top: 12%;
        width: 100%;
        height: 195px;
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container {
        gap: 10px;
        padding: 0 30px;
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container .top-container {
        flex-direction: column-reverse;
        gap: 67px;
        height: auto;
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container .top-container .img-container {
        width: 100%;
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container .top-container .img-container img {
        border-radius: 5px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container .top-container .title-container {
        width: 100%;
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container .top-container .title-container .title {
        margin-bottom: 0;
        font-size: 25px;
        text-align: center;
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container .bot-container {
        flex-direction: column;
        gap: 10px;
        height: auto;
        padding: 0;
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container .bot-container .img-container img {
        border-radius: 5px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container .mob-subtitle-container {
        width: 100%;
        margin-top: 40px;
    }

    .viewModalCustom .new_design .sec.sec03 .flex-container .mob-subtitle-container .subtitle {
        color: #666666;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.02em;
        text-align: center;
        word-break: keep-all;
    }

    .viewModalCustom .new_design .sec.sec04 {
        padding: 50px 0;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container {
        flex-direction: column;
        gap: 50px;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container > div {
        width: 100%;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .left-container {
        padding: 0 30px;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .left-container .title-container {
        min-height: auto;
        height: auto;
        margin-bottom: 50px;
        padding: 0;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .left-container .title-container .title {
        margin-bottom: 30px;
        font-size: 25px;
        text-align: center;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .left-container .title-container .subtitle {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        word-break: keep-all;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container {
        flex-direction: column;
        min-height: auto;
        height: auto;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner {
        gap: 15px;
        width: 100%;
        padding: 20px;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner .color-title {
        font-size: 15px;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner .color-content {
        flex-direction: row;
        justify-content: flex-end;
        gap: 8px;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .left-container .color-container .color-inner .color-content .color-item {
        gap: 3px;
        font-size: 12px;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .right-container {
        padding: 50px 0;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .right-container .font-container {
        gap: 50px;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .right-container .font-container .font-inner .font-title {
        min-width: 200px;
        font-size: 30px;
        padding-right: 15px;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .right-container .font-container .font-inner .font-content-list {
        gap: 10px;
    }

    .viewModalCustom .new_design .sec.sec04 .flex-container .right-container .font-container .font-inner .font-content {
        font-size: 15px;
    }

    .viewModalCustom .new_design .sec.sec05 {
        padding: 50px 30px;
    }

    .viewModalCustom .new_design .sec.sec05 .title-container {
        margin-bottom: 50px;
    }

    .viewModalCustom .new_design .sec.sec05 .title-container .title {
        font-size: 25px;
    }

    .viewModalCustom .new_design .sec.sec05 .flex-container .main-container {
        margin: 0;
        margin-bottom: 50px;
        border-radius: 5px;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    }

    .viewModalCustom .new_design .sec.sec05 .flex-container .sub-container {
        column-gap: 15px;
    }

    .viewModalCustom .new_design .sec.sec05 .flex-container .sub-container .sub-content-item {
        margin-bottom: 15px;
        border-radius: 5px;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    }

    .viewModalCustom .new_design .sec.sec06 {
        padding: 50px 30px;
    }

    .viewModalCustom .new_design .sec.sec06 .title-container {
        margin-bottom: 50px;
    }

    .viewModalCustom .new_design .sec.sec06 .title-container .title {
        font-size: 25px;
    }

    .viewModalCustom .new_design .sec.sec06 .flex-container .img-container {
        gap: 15px;
    }

    .viewModalCustom .new_design .sec.sec06 .flex-container .img-container .img-item {
        width: calc((100% - 30px) / 3);
        border-radius: 5px;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    }

    .viewModalCustom .new_design .sec.sec07 {
        padding: 140px 30px 200px;
    }
}

/* sub.css end */
/* /css/inquiry_modal.css */



/* 제작 문의 모달 전체 css */

/* 제작 문의 모달 */
.website_inquiry_modal {
    position: fixed;
    width: 100%;
    height: 100vh;
    padding: 30px 0 90px;
    background-color: #fff;
    z-index: 10000001 !important;
}

.website_inquiry_modal .main_container::-webkit-scrollbar,
.website_inquiry_modal[data-plan="enterprise"] .main_container .right_container::-webkit-scrollbar {
    display: none;
}

.website_inquiry_modal .modal_inner {
    height: 100%;
}

.website_inquiry_modal .back_container {
    margin-bottom: 50px;
    cursor: pointer;
}

.website_inquiry_modal .back_container img {
    display: inline-block;
    width: 40px;
    padding: 8px;
    border-radius: 5px;
    transition: .3s;
    object-fit: contain;
}

.website_inquiry_modal .back_container img:hover {
    background-color: #f9fafb;
    transition: .3s;
}

.website_inquiry_modal .main_container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    padding: 0 128px;
}

.website_inquiry_modal .main_container > div {
    width: calc((100% - 25px) / 2);
    height: 100%;
}

.website_inquiry_modal .main_container .right_container {
    overflow-y: scroll;
    padding: 0 1px; /* 포커스 보더용 1px 추가 */
}

.website_inquiry_modal .main_container::-webkit-scrollbar-track,
.website_inquiry_modal .main_container .right_container::-webkit-scrollbar-track {
  background: transparent; 
}

.website_inquiry_modal .main_container::-webkit-scrollbar-thumb,
.website_inquiry_modal .main_container .right_container::-webkit-scrollbar-thumb {
  background-color: rgba(225, 228, 233, 0.7);
  border-radius: 10px;
  background-clip: content-box;
}

.website_inquiry_modal .main_container .left_container .pricing_img {
    width: 41%;
    margin-bottom: 30px;
    transform: translate(-62px, -5px);
}

.website_inquiry_modal .main_container .left_container .title {
    margin-bottom: 35px;
    color: #0c0c0c;
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    word-break: keep-all;
}

.website_inquiry_modal .main_container .left_container .subtitle {
    margin-bottom: 20px;
    color: #6c7682;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    word-break: keep-all;
}

.website_inquiry_modal .main_container .left_container .tag_container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.website_inquiry_modal .main_container .left_container .tag_container li {
    padding: 8px 10px;
    color: #6c7682;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    background-color: #f9fafb;
    border-radius: 6px;
}

.website_inquiry_modal .main_container .right_container .title_container {
    margin-bottom: 30px;
}

.website_inquiry_modal .main_container .right_container .title_container .title {
    color: #0c0c0c;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    word-break: keep-all;
}

.website_inquiry_modal .main_container .right_container .inquiry_container {
    display: flex;
    flex-direction: column;
}

.website_inquiry_modal .main_container .right_container .inquiry_container .inquiry_box .answer_inquiry input[type="text"] {
    width: 100%;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    border: 1px solid #ededed;
    border-radius: 10px;
}

.website_inquiry_modal .main_container .right_container .inquiry_container .inquiry_box .answer_inquiry input[type="text"]:hover {
    border-color: #235cf4;
}

.website_inquiry_modal .main_container .right_container .inquiry_container .inquiry_box .answer_inquiry input[type="text"]::placeholder,
.website_inquiry_modal .main_container .right_container .inquiry_container .answer_inquiry textarea::placeholder {
    color: #aaadb0;
}

.website_inquiry_modal .main_container .right_container .inquiry_container .inquiry_box .answer_inquiry input[type="text"]:focus,
.website_inquiry_modal .main_container .right_container .inquiry_container .answer_inquiry textarea:focus {
    border: 1px solid #235cf4;
}

.website_inquiry_modal .main_container .right_container .inquiry_container .inquiry_box .answer_inquiry input[type="text"]:focus::placeholder,
.website_inquiry_modal .main_container .right_container .inquiry_container .answer_inquiry textarea:focus::placeholder {
    color: #595959;
}

.website_inquiry_modal .main_container .right_container .inquiry_container .answer_inquiry textarea {
    width: 100%;
    min-height: 180px;
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    border: 1px solid #ededed;
    border-radius: 10px;
    resize: none;
}

.website_inquiry_modal .main_container .right_container .inquiry_container .answer_inquiry textarea:hover {
    border-color: #235cf4;
}

.website_inquiry_modal .main_container .right_container .inquiry_container .answer_inquiry textarea::placeholder {
    white-space: pre-line;
    line-height: 1.5;
}

.website_inquiry_modal .main_container .right_container .inquiry_container .answer_inquiry textarea::-webkit-scrollbar-track {
  background: transparent; 
}

.website_inquiry_modal .main_container .right_container .inquiry_container .answer_inquiry textarea::-webkit-scrollbar-thumb {
  background-color: rgba(225, 228, 233, 0.7);
  border-radius: 10px;
  background-clip: content-box;
}

.website_inquiry_modal .main_container .right_container .radio_box {
    margin: 40px 0;
}

.website_inquiry_modal .main_container .right_container .radio_box label {
    color: #0c0c0c;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    word-break: keep-all;
}

.website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 30px;
    margin-top: 23px;
}

.website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox > div {
    position: relative;
}

.website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox input[type=radio] {
    position: absolute;
    opacity: 0;
    height: 0;
    pointer-events: none;
}

.website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    position: relative;
}

.website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox label:hover .ch_box {
    border-color: #235bf5;
    background-color: #f1f5ff;
}

.website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox label .ch_box {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    margin-right: 5px;
}

.website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox input:checked + label .ch_box {
    border-color: #235bf5;
    background: url(/img/write_ch.png) center / 22px 22px no-repeat;
    background-color: #235bf5;
}

.website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox span {
    color: #6c7682;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

/* 라디오버튼 포커스 스타일 */
.website_inquiry_modal .radio_box .estimate_radioBox input:focus + label .ch_box {
    border-color: #235bf5;
    background-color: #f1f5ff;
    box-shadow: 0 0 0 1px #235cf4;
}

.website_inquiry_modal .main_container .right_container .file_box .flex_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.website_inquiry_modal .main_container .right_container .file_box::after {
    display: none;
}

.website_inquiry_modal .main_container .right_container .file_box label {
    color:  #0c0c0c;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.website_inquiry_modal .main_container .right_container .file_box .file_control .form-control-static {
    display: flex;
    align-items: center;
    gap: 5px;
}

.website_inquiry_modal .main_container .right_container .file_box #variableFiles {
    width: 100%;
}

.website_inquiry_modal .main_container .right_container .file_box .row {
    margin: 0;
    margin-bottom: 5px;
}

.website_inquiry_modal .main_container .right_container .file_box .row .file_content {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.website_inquiry_modal .main_container .right_container .file_box .row .file_content .left_file input {
    display: none;
}

.website_inquiry_modal .main_container .right_container .file_box .row .file_content > label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    color: #6c7682;
    font-size: 15px;
    font-weight: 400;
    background-color: #f2f3f5;
    border-radius: 10px;
    cursor: pointer;
}

.website_inquiry_modal .main_container .right_container .file_box .row .file_content > div.right_file {
    width: calc(100% - 105px);
}

.website_inquiry_modal .main_container .right_container .file_box .row .file_content > div.right_file input {
    width: 100%;
    color: #aaadb0;
    font-size: 15px;
    padding: 14px 18px;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 10px;
}

.website_inquiry_modal .main_container .right_container .check_box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.website_inquiry_modal .main_container .right_container .check_box .check_label {
    padding-left: 25px;
    color: #6c7682;
    font-size: 16px;
    cursor: pointer;
}

.website_inquiry_modal .main_container .right_container .check_box .check_label span {
    font-family: 'SUIT', sans-serif;
}

.website_inquiry_modal .main_container .right_container .check_box input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.website_inquiry_modal .main_container .right_container .check_box .check_input {
    pointer-events: none;
}

.website_inquiry_modal .main_container .right_container .check_box .check_label::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    transform: translateY(-50%);
    text-align: center;
}

/* 체크됐을 때 배경색 + 체크 아이콘 추가 */
.website_inquiry_modal .main_container .right_container input[type="checkbox"]:checked + .check_label::after {
    background: url(/img/write_ch.png) center / 18px 18px no-repeat;
    background-color: #235cf4;
    border-color: #235cf4;
}

.website_inquiry_modal .main_container .right_container .inquiry_btn_container {
    position: sticky;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    background-color: #235cf4;
    border-radius: 10px;
    cursor: pointer;
}

.website_inquiry_modal .main_container .right_container .inquiry_btn_container button {
    width: 100%;
    height: 100%;
    padding: 18px 0;
    border: none;
    background: none;
}

.website_inquiry_modal .main_container .right_container .inquiry_btn_container span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    transition: .3s;
}

.website_inquiry_modal .main_container .right_container .inquiry_btn_container:hover {
    background-color: #4171f5;
    transition: .3s;
}

.website_inquiry_modal .modal_overlay {
    position: fixed;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1002;
}

/* 개인정보 수집/이용 동의 모달 */
.website_privacy_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 600px;
    transform: translate(-50%, -50%);
    border-radius: 25px;
    box-shadow: 11px 9.6px 59px rgba(43, 12, 12, 0.14);
    z-index: 99999999;
}

.website_privacy_modal .modal_inner {
    padding: 35px;
    background-color: #fff;
}

.website_privacy_modal .close_container {
    text-align: right;
}

.website_privacy_modal .close_container img {
    margin-left: auto;
    cursor: pointer;
}

.website_privacy_modal .main_container {
    display: flex;
    flex-direction: column;
    padding: 30px 15px 25px;
}

.website_privacy_modal .main_container .title {
    margin-bottom: 40px;
    color: #0c0c0c;
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
}

.website_privacy_modal .main_container .content {
    margin-bottom: 30px;
    padding: 35px 5px 35px 30px;
    height: 300px;
    background-color: #f9fafc;
    border-radius: 10px;
}

.website_privacy_modal .main_container .content_inner {
    width: 100%;
    height: 100%;
    padding-right: 25px;
    overflow-y: auto;
}

.website_privacy_modal .main_container .content_inner span {
    line-height: 1.5;
}

.website_privacy_modal .main_container .content_inner::-webkit-scrollbar-track {
  background: transparent; 
}

.website_privacy_modal .main_container .content_inner::-webkit-scrollbar-thumb {
  background-color: rgba(225, 228, 233, 0.7);
  border-radius: 10px;
  background-clip: content-box;
}

.website_privacy_modal .main_container .privacy_btn_container {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.website_privacy_modal .main_container .privacy_btn_container .privacy_btn {
    padding: 17px 20px;   
    background-color: #235bf5;
    border-radius: 10px;
    transition: .3s;
    cursor: pointer;
}

.website_privacy_modal .main_container .privacy_btn_container .privacy_btn.disagree_container {
    background-color: rgba(242, 248, 255, 0.85);
}

.website_privacy_modal .main_container .privacy_btn_container .privacy_btn:hover {
    background-color: #4171f5;
    transition: .3s;
}

.website_privacy_modal .main_container .privacy_btn_container .privacy_btn.disagree_container:hover {
    background-color: #d6e7fb;
}

.website_privacy_modal .main_container .privacy_btn_container .privacy_btn p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.website_privacy_modal .main_container .privacy_btn_container .privacy_btn.disagree_container p {
    color: #235bf5;
}

/* 제작 문의 완료 모달 */
.website_end_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    border-radius: 25px;
    box-shadow: 11px 9.6px 59px rgba(43, 12, 12, 0.14);
    z-index: 99999999;
}

.website_end_modal .modal_inner {
    width: 420px;
    padding: 30px 30px 50px;
    background-color: #fff;
    text-align: right;
}

.website_end_modal .close_container {
    display: inline-block;
    padding: 7px;
    border-radius: 5px;
    transition: .2s;
}

.website_end_modal .close_container:hover {
    background-color: #f4f6f9;
    transition: .2s;
}

.website_end_modal .close_container img {
    margin-left: auto;
    cursor: pointer;
}

.website_end_modal .main_container {
    text-align: center;
}

.website_end_modal .main_container .ani_icon {
    margin: 0 auto;
}

.website_end_modal .main_container .title {
    margin-bottom: 18px;
    color: #0c0c0c;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.website_end_modal .main_container .subtitle {
    margin-bottom: 30px;
    color: #6c7682;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.website_end_modal .main_container .call_txt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 30px;
    padding: 19px 18px;
    background-color: #f9fafc;
    border-radius: 10px;
}

.website_end_modal .main_container .call_txt p {
    color: #6c7682;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.website_end_modal .main_container .move_container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.website_end_modal .main_container .move_container li > a {
    display: inline-block;
    padding: 15px 19px;
    border-radius: 10px;
    transition: .3s;
}

.website_end_modal .main_container .move_container li:first-child > a {
    background-color: #235bf5;
}

.website_end_modal .main_container .move_container li:last-child > a {
    background-color: #e8f3ff;
}

.website_end_modal .main_container .move_container li:first-child:hover > a {
    background-color: #4171f5;
    transition: .3s;
}

.website_end_modal .main_container .move_container li:last-child:hover > a {
    background-color: #d6e7fb;
    transition: .3s;
}

.website_end_modal .main_container .move_container li > a span {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.website_end_modal .main_container .move_container li:first-child > a span {
    color: #fff;
}

.website_end_modal .main_container .move_container li:last-child > a span {
    color: #235bf5;
}

@media (max-width: 991px) {
    .website_inquiry_modal {
        padding: 10px 0 45px;
    }

    .website_inquiry_modal .back_container {
        margin-bottom: 6px;
    }

    .website_inquiry_modal .back_container img {
        width: 35px;
    }

    .website_inquiry_modal .main_container {
        flex-direction: column;
        gap: 50px;
        padding: 0 0 15px 0;
        overflow-y: scroll;
    }

    .website_inquiry_modal.android-chrome .main_container {
        padding: 0 0 60px 0;
    }

    .website_inquiry_modal[data-plan="enterprise"] .main_container::-webkit-scrollbar {
        display: none;
    }

    .website_inquiry_modal .main_container > div {
        width: 100%;
        height: auto;
    }

    .website_inquiry_modal .main_container .right_container {
        overflow-y: clip;
    }

    .website_inquiry_modal .main_container .left_container .pricing_img {
        width: 135px;
        margin-bottom: 15px;
        padding-top: 50px;
        transform: translate(-27px, 0);
    }

    .website_inquiry_modal .main_container .left_container .title {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 35px;
    }

    .website_inquiry_modal .main_container .left_container .subtitle {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 22px;
    }

    .website_inquiry_modal .main_container .left_container .tag_container li {
        padding: 6px 7px;
        font-size: 11px;
        font-weight: 400;
        border-radius: 4px;
    }

    .website_inquiry_modal .main_container .right_container .title_container .title {
        font-size: 16px;
    }

    .website_inquiry_modal .main_container .right_container .inquiry_container .inquiry_box {
        margin-bottom: 15px;
    }

    .website_inquiry_modal .main_container .right_container .inquiry_container .inquiry_box .answer_inquiry input[type="text"] {
        padding: 15px;
        font-size: 13px;
        border-radius: 8px;
    }

    .website_inquiry_modal .main_container .right_container .inquiry_container .answer_inquiry textarea {
        padding: 15px;
        font-size: 13px;
        border-radius: 8px;
    }

    .website_inquiry_modal .main_container .right_container .radio_box {
        margin-top: 30px;
    }

    .website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox {
        gap: 15px 25px;
    }

    .website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox span {
        font-size: 14px;
    }

    .website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox label .ch_box {
        width: 18px;
        height: 18px;
        margin-right: 0;
    }

    .website_inquiry_modal .main_container .right_container .radio_box .estimate_radioBox input:checked + label .ch_box {
            background: url(/img/m_write_ch.png) center / 18px 14px no-repeat;
            background-color: #235bf5;
    }

    .website_inquiry_modal .main_container .right_container .check_box {
        margin-top: 30px;
    }

    .website_inquiry_modal .main_container .right_container .check_box .check_label {
        font-size: 13px;
    }

    .website_inquiry_modal .main_container .right_container .check_box input[type=checkbox] {
        width: 17px;
        height: 17px;
    }

    .website_inquiry_modal .main_container .right_container input[type="checkbox"]:checked + .check_label::after {
        background: url(/img/m_write_ch.png) center / 18px 14px no-repeat;
        background-color: #235bf5;
    }

    .website_inquiry_modal .main_container .right_container .inquiry_btn_container {
        position: sticky;
        bottom: 0;
        width: 100%;
        left: auto;
        transform: none;
        margin-top: 30px;
        z-index: 1000;
        background-color: #235cf4;
        border-radius: 10px;
    }
    
    /* iOS 전용 스타일 */
    @supports (-webkit-touch-callout: none) {
        .website_inquiry_modal {
            padding: 10px 0 0;
        }

        .website_inquiry_modal .main_container {
            padding: 0 0 15px 0;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 70px; /* 버튼 높이만큼 여백 추가 */
        }
        
        .website_inquiry_modal .main_container .right_container {
            overflow-y: visible;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 70px; /* 버튼 높이만큼 여백 추가 */
        }
        
        .website_inquiry_modal .main_container .right_container .inquiry_btn_container {
            position: fixed;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            width: calc(100% - 30px);
            margin-top: 0;
        }
    }

    .website_inquiry_modal .main_container .right_container .inquiry_btn_container button {
        padding: 18px 0;
    }

    .website_inquiry_modal .main_container .right_container .inquiry_btn_container span {
        font-size: 14px;
    }

    .website_inquiry_modal .main_container .right_container .file_box .flex_box {
        margin-bottom: 15px;
    }

    .website_inquiry_modal .main_container .right_container .file_box .file_control .form-control-static img {
        width: 20px;
        height: 20px;
    }

    .website_inquiry_modal .main_container .right_container .file_box .row .file_content > div.right_file input {
        padding: 15px;
        font-size: 13px;
        border-radius: 7px;
    }

    .website_inquiry_modal .main_container .right_container .file_box .row .file_content > div.right_file {
        width: calc(100% - 78px);
    }

    .website_inquiry_modal .main_container .right_container .file_box .row .file_content > label {
        width: 73px;
        font-size: 13px;
        border-radius: 7px;
    }

    .website_privacy_modal {
        top: auto;
        bottom: 10px;
        width: calc(100% - 30px);
        height: auto;
        border-radius: 23px;
        transform: translate(-50%, 0);
    }

    .website_privacy_modal .modal_inner {
        padding: 15px 25px 25px;
    }

    .website_privacy_modal .modal_inner .line {
        margin: 0 auto 40px;
        width: 48px;
        height: 4px;
        background: #e1e1e1;
        border-radius: 2px;
        text-align: center;
    }

    .website_privacy_modal .main_container {
        padding: 0;
    }

    .website_privacy_modal .main_container .title {
        margin-bottom: 30px;
        font-size: 23px;
    }

    .website_privacy_modal .main_container .content {
        height: 225px;
        margin-bottom: 25px;
        padding: 15px 5px 15px 15px;
        border-radius: 8px;
    }

    .website_privacy_modal .main_container .content .content_inner {
        padding-right: 10px;
    }

    .website_privacy_modal .main_container .content_inner span {
        line-height: 1.5;
    }

    .website_privacy_modal .main_container .privacy_btn_container .privacy_btn {
        padding: 15px 17px;
    }

    .website_privacy_modal .main_container .privacy_btn_container .privacy_btn p {
        font-size: 14px;
    }

    .website_end_modal {
        width: calc(100% - 30px);
        border-radius: 23px;
    }

    .website_end_modal .modal_inner {
        width: 100%;
        padding: 15px 25px 25px;
    }

    .website_end_modal .modal_inner .line {
        margin: 0 auto 20px;
        width: 48px;
        height: 4px;
        background: #e1e1e1;
        border-radius: 2px;
        text-align: center;
    }

    .website_end_modal .main_container .ani_icon {
        width: 100px !important;
        height: 100px !important;
    }

    .website_end_modal .main_container .title {
        margin-bottom: 15px;
        font-size: 22px;
    }

    .website_end_modal .main_container .subtitle {
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 23px;
    }

    .website_end_modal .main_container .call_txt {
        display: flex;
        gap: 8px;
        margin-bottom: 25px;
        padding: 14px 0;
    }

    .website_end_modal .main_container .call_txt img {
        width: 20px;
    }

    .website_end_modal .main_container .call_txt p {
        font-size: 14px;
    }

    .website_end_modal .main_container .move_container {
        justify-content: space-between;
    }

    .website_end_modal .main_container .move_container > li {
        width: calc((100% - 10px) / 2);
    }

    .website_end_modal .main_container .move_container li > a {
        display: block;
        padding: 15px 0;
    }

    .website_end_modal .main_container .move_container li > a span {
        font-size: 14px;
    }
}

/* /thema/FIVESENSES/css/thema.css */
/************************************************************
공통 CSS
************************************************************/
body {overflow-x: clip !important;}
body.onsearch{overflow: hidden; height: 100%;}

/************************************************************
모바일 검색창 온오프
************************************************************/
html.onsearch{overflow: hidden;}

/************************************************************
헤더
************************************************************/
/* 헤더 > 우측 상단 서브 메뉴
html\thema\Fivesense-basic\shop.head.php */
/* .at_lnb .right_lnb ul li {padding: 0 13px; height: 39px; line-height: 37px;}
.at_lnb .right_lnb ul li:first-child {padding: 0 13px 0 0;}
.at_lnb .right_lnb ul li:last-child {padding: 0 0 0 13px;}
.at_lnb .right_lnb ul li:after {background: #d0d0d0; height: 11px;}
.at_lnb .right_lnb ul li a {line-height: 39px; color: #777; transition: all .5s;}
.at_lnb .right_lnb ul li a:hover {color: var(--main-point-color-hover);} */

/* 헤더 > 로고, 검색창, 아이콘 메뉴
html\thema\Fivesense-basic\shop.head.php */
.pc_header {padding: 5px 0 10px;}
.pc_header .container_fix {display: flex; align-items: center;}
.pc_header .container_fix > div {display: block;}
.pc_header .container_fix > div.logo_box {width: auto;}
.pc_header .container_fix > div.search_box {width: 400px; margin: auto; position: relative; left: 5px; z-index: 10;}
.pc_header .container_fix > div.search_box > form .header_search input {font-size: 16px; border: 1px solid var(--main-point-color-hover); border-radius: 5px; padding-left: 20px;}
.pc_header .container_fix > div.search_box > form .header_search input::placeholder {color: #999;}
.pc_header .container_fix > div.search_box > form .header_search .search_btn {right: 15px;}
.pc_header .container_fix > .lnb_box .lnb_list {display:flex; align-items: center;}
.pc_header .container_fix > .lnb_box .lnb_list li {padding: 0 15px;}
/* .pc_header .container_fix > .lnb_box .lnb_list li:first-child {padding-left: 0;} */
/* .pc_header .container_fix > .lnb_box .lnb_list li:last-child {padding: 0 6px 0 15px; position: relative;} */
/* .pc_header .container_fix > .lnb_box .lnb_list li .marker_box {width: 20px;} */
.pc_header .container_fix > .lnb_box .lnb_list li .marker_box .marker_msg {width: 220px; padding: 19px 22px;}
.pc_header .container_fix > .lnb_box .lnb_list li .marker_box .marker_msg .msg_box {font-size: 15px; color: #666;}
.pc_header .container_fix > .lnb_box .lnb_list li .marker_box .marker_msg .address {margin-top: 15px; border-radius: 5px;}
.pc_header .container_fix > .lnb_box .lnb_list li .marker_box .marker_msg .address a {font-size: 13px;}
.pc_header .container_fix > .lnb_box .header_cart{position: relative;}
.pc_header .container_fix > .lnb_box .cart_count {display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: var(--main-point-bg-color-hover); text-align: center; line-height: 14.5px; font-size: 10px; font-weight: 500; color: #fff; position: absolute; right: 1px; bottom: -4px;}

@media (max-width: 991px) {
    /* .m_header {padding: 11px 0;}
    .at-menu .m-menu{border-bottom: 1px solid #eee;}
    .m_header .container_fix .left_menu {display: none;}
    .m_header .container_fix .center_logo {flex-grow: 0;}
    .m_header .container_fix .center_logo img {height: 23px;}
    .m_header .container_fix .right_menu {margin-left: auto;}
    .m_header .container_fix .right_menu .right_list {display: flex; align-items: center;}
    .m_header .container_fix .right_menu .right_list li + li {margin-left: 19px;}
    .m_header .container_fix .right_menu .right_list li .marker_box {width: 17px;}
    .m_header .container_fix .right_menu .right_list li a.m_marker {width: 17px; height: 23px;}
    .m_header .container_fix .right_menu .right_list li .search_btn img {height: 22px;}
    .m_header .container_fix .right_menu .right_list li:last-child {position: relative; top: -1px;}
    .m_header .container_fix .right_menu .right_list li:last-child img {height: 24px;}
    .m_header .container_fix .right_menu .right_list li .cart_count {display: block; width: 13.5px; height: 13.5px; border-radius: 50%; background: var(--main-point-bg-color-hover); font-size: 10px; font-weight: 700; color: #fff; text-align: center; line-height: 13px; position: absolute; bottom: -4px; right: -4px;} */

    /* 최근 검색어 */
    .m_header .container_fix .m_search_box {display: none; width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; background: #fff; z-index: 150;}
    .at-header.fixed .m_header .container_fix .m_search_box{top: 0;}
    .m_header .container_fix .m_search_box.no_banner{top: 0;}
    .m_header .container_fix .m_search_box form .header_search {height: 45px;}
    .m_header .container_fix .m_search_box form .header_search .search_top {display: flex; align-items: center; border-bottom: 1px solid #e1e1e1; height: 100%;}
    .m_header .container_fix .m_search_box form .header_search .search_top .search_top_top {width: calc(100% - 42.5px); height: 100%; position: relative;}
    .m_header .container_fix .m_search_box form .header_search .search_top input {border: none; font-size: 14px; width: 100%; height: 100%; padding-left: 15px;}
    .m_header .container_fix .m_search_box form .header_search .search_top input::placeholder {color: #aaaaaa;}
    .m_header .container_fix .m_search_box form .header_search .search_top .search_btn {border: none; background: transparent; position: absolute; top: 50%; right: 12px; transform: translatey(-50%);}
    .m_header .container_fix .m_search_box form .header_search .search_top .search_btn img {height: 22px;}
    .m_header .container_fix .m_search_box form .header_search .search_top .close_btn {border-left: 1px solid #e1e1e1; width: 42.5px; height: 100%; line-height: 42px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
    .m_header .container_fix .m_search_box form .header_search .search_top .close_btn img {height: 18px;}

    /* 쇼핑 트렌드 Top 10 */
    .m_header .container_fix * {font-family: 'Pretendard';}
    .m_header .container_fix .m_search_box form .header_search .search_bot{height: calc(100vh - 45px); overflow-y: auto;}
    .m_header .container_fix .m_search_box form .header_search .search_bot::-webkit-scrollbar{width: 0;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_top {display: flex; align-items: flex-end; justify-content: space-between; padding: 15px 15px 18px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_top .preview_top_title {font-size: 15px; font-weight: 700; color: var(--main-point-color);}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_recommend_top .recommend_top_title {font-size: 15px; font-weight: 700; color: var(--main-point-color); text-align: left; margin: 30px 0 15px; padding: 0 15px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_top .select_complete_btn {font-size: 12px; color: #333; border: none; background-color: transparent; display: none;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_top .delete_open_btn {width: 13px; height: 13px; cursor: pointer; text-align: center; display: flex; align-items: center; justify-content: center; border: none; background-color: #fff; outline: none;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_top .delete_open_btn span {display: block; width: 3px; height: 3px; background-color: #919191; border-radius: 50%; }
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_top .delete_open_btn span + span{margin-top: 2px;}

    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid{overflow-x: auto;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid::-webkit-scrollbar{height: 0; display: none;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .preview_list{padding: 0 15px; display: flex;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .preview_list li {display: table-cell;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .preview_list li a {display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border: 1px solid #e1e1e1; border-radius: 16px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .preview_list li + li a {margin-left: 8px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .preview_list li .left p { font-size: 14px; font-weight: 400; color: #666666; line-height: 31px; white-space : nowrap;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .preview_list li .right{background-color: transparent; border: none; margin-left: 9px; display: none;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .preview_list li .right img {height: 9px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_recommend_mid .recommend_list {display: flex; flex-wrap : wrap; row-gap: 11px; column-gap: 8px; padding: 0 15px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_recommend_mid .recommend_list li {display: block; height: 33px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_recommend_mid .recommend_list li a {display: block; font-size: 14px; font-weight: 400; color: var(--main-point-color-hover); line-height: 33px; padding: 0 11px; background-color: var(--main-point-bg-soft-color); border-radius: 16.5px;}
    
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .more_keyword .more_keyword_btn button {border: 1px solid #e1e1e1; background-color: #fff; border-radius: 16.25px; width: 87.5px; height: 32.5px; margin: 15px auto 0; font-size: 11px; color: #333; line-height: 30.5px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .more_keyword .more_keyword_btn .arrow {display: inline-block; font-family: 'SUIT', sans-serif; font-weight: 500; transform: rotate(90deg); margin-left: 2px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .list_off{color: #999999; font-size: 14px; font-weight: 400; padding: 0; text-align: left;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_mid .list_off img{display: block; margin: 0 auto 15px; width: 41px; height: 41px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .keyword_rank_box_title {font-size: 15px; font-weight: 700; color: var(--main-point-color); text-align: left; padding-left: 15px; margin: 30px 0 0;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot > p {font-size: 11px; font-weight: 400; color: #999; text-align: left; padding-left: 15px; margin: 10px 0 15px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li {padding: 0 20px 0 15px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li + .rank_li {margin-left: auto;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li + .rank_li a {margin-left: auto; border-top: 1px solid #e1e1e1;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li .rank_a {font-size: 14px; line-height: 46px; font-weight: 500; display: flex; align-items: center; }
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li .rank_a .num {font-family: "Open Sans", sans-serif;width: 36px; text-align: left; padding-left: 10px;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li .rank_a .keyword {font-family: "Open Sans", sans-serif;color: #666;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li .rank_a .keyword:hover {color: var(--main-point-color-hover);}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li .rank_a .status {font-family: "Open Sans", sans-serif;margin-left: auto; position: relative;}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_up:before {content: ""; border-bottom: 5.5px solid #f86e78; border-left: 4.5px solid rgba(0, 0, 0, 0); border-right: 4.5px solid rgba(0, 0, 0, 0); position: absolute; left: -12px; top: 50%; transform: translatey(-50%);}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_down:before {content: ""; border-top: 5.5px solid #aaa; border-left: 4.5px solid rgba(0, 0, 0, 0); border-right: 4.5px solid rgba(0, 0, 0, 0); position: absolute; left: -12px; top: 50%; transform: translatey(-50%);}
    .m_header .container_fix .m_search_box form .header_search .search_bot .msearch_preview_box .msearch_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_keep:before {content: ""; display: inline-block; width: 6px; height: 1px; background: #aaa; position: absolute; left: -12px; top: 50%; transform: translatey(-50%);}

    .m_header .container_fix .m_search_box .m_search_delete_modal{position: fixed; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none;}
    .m_header .container_fix .m_search_box .m_search_delete_modal .cont_box{position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; border-radius: 15px 15px 0 0; padding: 27px 0;}
    .m_header .container_fix .m_search_box .m_search_delete_modal .modal_top{position: absolute; top: 0; left: 0; width: 100%;}
    .m_header .container_fix .m_search_box .m_search_delete_modal .m_search_delete_bar{display: block; width: 40px; height: 4px; border-radius: 2px; background-color: #e6e6e6; position: absolute; top: 10px; left: 50%; transform: translateX(-50%);}
    .m_header .container_fix .m_search_box .m_search_delete_modal .m_search_close_btn{position: absolute; top: 14px; right: 14px; width: 15px; height: 15px; cursor: pointer;}
    .m_header .container_fix .m_search_box .m_search_delete_modal .m_search_close_btn::before,
    .m_header .container_fix .m_search_box .m_search_delete_modal .m_search_close_btn::after{content: ''; display: block; width: 20px; height: 1px; background-color: #999999; position: absolute; position: absolute; top: 50%; left: 50%; }
    .m_header .container_fix .m_search_box .m_search_delete_modal .m_search_close_btn::before{transform: translate(-50%,-50%) rotate(45deg);}
    .m_header .container_fix .m_search_box .m_search_delete_modal .m_search_close_btn::after{transform: translate(-50%,-50%) rotate(-45deg);}
    .m_header .container_fix .m_search_box .m_search_delete_modal button{color: var(--main-point-color); font-size: 14px; font-weight: 500; display: block; line-height: 38px; background-color: #fff; border: none; padding: 0 20px; width: 100%; text-align: left;}
    
}

/* 헤더 > 검색창 하단의 검색 내용 미리보기 ( PC )
html\thema\Fivesense-basic\shop.head.php */
.search_preview_box {position: absolute; left: 0; top: 46px; z-index: 10; width: 100%; border-radius: 0 0 5px 5px; visibility: hidden; height: 0; transition: all .5s; overflow: hidden;}
.search_preview_box.active{visibility: visible;}
.search_preview_box .search_preview_list{background-color: #fff; border-radius: 0 0 5px 5px; border: 1px solid #ddd; /*height: 430px;*/ height: auto; position: relative;}
.search_preview_box .search_preview_list .loading{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 14px; font-style: oblique;}
/* .search_preview_box .search_preview_list li {display: flex; align-items: center; padding: 10px 15px 10px 19px; cursor: pointer; transition: all .5s;} */
.search_preview_box .search_preview_list li:hover {background: #f7f7f7;}
.search_preview_box .search_preview_list li:last-child a {padding: 10px 15px 16px 19px;}
.search_preview_box .search_preview_list li + li {border-top: 1px solid #eee;}
.search_preview_box .search_preview_list li a{display: flex; align-items: center; padding: 10px 15px 10px 19px; cursor: pointer; /*transition: all .5s;*/}
.search_preview_box .search_preview_list li .left {width: 50px; border-radius: 5px; overflow: hidden; margin-right: 12px;}
.search_preview_box .search_preview_list li .right {display: flex; align-items: flex-start; justify-content: space-between; width: calc(100% - 50px);}
.search_preview_box .search_preview_list li .right .preview_title {font-size: 13px; font-weight: 400; color: var(--main-point-color); line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.search_preview_box .search_preview_list li .right .preview_title .search_keyword {font-weight: 700;}
.search_preview_box .search_preview_list li .right .preview_price {font-size: 14px; font-weight: 700; color: var(--main-point-color); margin-top: 8px;}
.search_preview_box .search_preview_list li .right .real_price {font-size: 12px; font-weight: 400; color: #999; text-decoration: line-through; margin-left: 2px;}
/*.search_preview_box .search_preview_list li.empty {height:362px;}*/
.search_preview_box #pc_search_box{display: block;}

@media (max-width: 991px){
    .search_preview_box{display: none; border-radius: 0; top: 45px; width: calc(100% + 42.5px); border: none; background-color: #fff; height: 100vh; visibility: visible;}
    .search_preview_box .search_preview_list{height: auto; border: none; background-color: transparent;}
    .search_preview_box .search_preview_list li{padding: 12.25px 15px;}
    .search_preview_box .search_preview_list li a{padding: 0;}
    .search_preview_box .search_preview_list li:last-child a{padding: 0;}
    .m_header .container_fix .right_menu .right_list .search_preview_list li{color: #666;}
    .m_header .container_fix .right_menu .right_list .search_preview_list li + li{margin-left: 0; border-top: 1px solid #f5f5f5;}
    .m_header .container_fix .right_menu .right_list .search_preview_list li span.b{font-weight: 500;}
    .search_preview_box .search_preview_list li:last-child{padding: 12.25px 15px;}
}

/* 헤더 > 메인 메뉴
html\thema\Fivesense-basic\menu.php */
.nav-fixed .at-menu {z-index: 11;}
.at-menu {border-top: none; border-bottom: none;}
.at-menu .pc-menu{box-shadow: 0 6px 6px rgba(61, 61, 61, 0.05);}
.at-menu.index_menu .pc-menu{box-shadow: none;}
.sticky-wrapper.nav-fixed .at-menu.index_menu .pc-menu{box-shadow: 0 2px 10px rgba(61, 61, 61, 0.03);}
.at-menu .pc-menu .nav-top {display: flex; align-items: center;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul {display: block; width: auto;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a {font-size: 16px; font-weight: 500; color: #333; padding: 0px 30px; transition: all .5s;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a span:after, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span:after {display: none;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:nth-of-type(2) > a {padding-left: 0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.all_category_btn {margin-right: 245px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.all_category_btn > a {padding: 0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.all_category_btn:hover > a {color: #333;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.all_category_btn > a img {margin-top: -3px; margin-right: 9px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > .sub-slide{display: none !important;}
.at-menu .pc-menu .nav-top .order_delivery_btn {margin-left: auto;}
.at-menu .pc-menu .nav-top .order_delivery_btn a {display: block; width: 110px; height: 30px; border: 1px solid #dfdfdf; border-radius: 15px; font-size: 13px; color: #777; text-align: center; line-height: 28px;}

@media (max-width: 1050px){
    .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.all_category_btn {margin-right: 100px;}
}

@media (max-width: 991px) {
    .at-menu .m-menu .m-wrap .m-list .m-nav {margin: 0;}
    .at-menu .m-menu .m-wrap .m-list .m-nav ul li a {font-size: 13.5px; color: #333; font-weight: 500; line-height: 35px; letter-spacing: 0; padding: 0 12.5px;}
    .at-menu .m-menu .m-wrap .m-list .m-nav ul li:first-child a {padding-left: 30px;}
    .at-menu .m-menu .m-wrap .m-list .m-nav ul li.active a {color: var(--main-point-color-hover);}
    .at-menu .m-menu .m-wrap .m-list .m-nav ul li.active a:after {display: none;}
}

/* 헤더 > 카테고리 하위 메뉴
html\thema\Fivesense-basic\menu.php */
.at-menu .pc-menu .all_menu {top: 56px; width: 140px; border: 1px solid #dcdcdc;}
.at-menu .pc-menu .all_menu .all_ul {padding: 0; overflow: visible; position: relative;}
.at-menu .pc-menu .all_menu .all_ul > .all_li {width: 100%; height: auto; float: none; margin-right: 0;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_a {line-height: 45px; padding-bottom: 0; margin-bottom: 0; border-bottom: none; font-size: 14px; font-weight: 400; color: #333; transition: all .5s;}
.at-menu .pc-menu .all_menu .all_ul > .all_li:hover > .all_a {color: var(--main-point-color-hover); background: #f7f7f7;}

/* 헤더 > 카테고리 하위 메뉴
html\thema\Fivesense-basic\menu.php */
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div {width: 100%; opacity: 1; position: absolute; left: 138px; top: -1px; background: #fff; border: 1px solid #dcdcdc;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div .all_sub_li a {padding: 0; line-height: 45px; transition: all .5s;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div .all_sub_li:hover a {background: #f7f7f7;}

/* 윙배너 */
.wing-right #stv #stv_list ul{width: 70px;}
.wing-right .stv_item .prd_img{margin-bottom: 4px;}

/************************************************************
푸터
************************************************************/
/* 탑 버튼
html\thema\Fivesense-basic\shop.tail.php */
.at-go .go-btn {width: 52px; height: 52px; background: #ececec; border-radius: 50%; text-align: center; line-height: 49px; cursor: pointer; right: 24px; bottom: 100px; z-index: 30;}
.at-go .go-btn img{display: inline-block;}

@media (max-width: 991px) {
    .at-go .go-btn {
        bottom: 60px;
        right: 10px;
    }
}


@media (max-width: 991px) {
    .at-body.non_function {
        padding-top: 55px;
    }
}



/* 메인페이지 우측 윙배너
thema\FIVESENSES\main\main-shop-basic-wide.php */
.wing_banner_custom {
    position: fixed;
    display: none;
    right: 32px;
    bottom: 25px;
    overflow: hidden;
    z-index: 99999999;
}

.wing_banner_custom .wing_banner_inner {
    padding: 20px 24px 16px;
    background-color: #0a0f10;
    border-radius: 20px;
}

.wing_banner_custom .wing_banner_inner .top_container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
}

.wing_banner_custom .wing_banner_inner .text_container p {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 32px;
}

.wing_banner_custom .wing_banner_inner .text_container p span {
    color: #497aff;
}

.wing_banner_custom .wing_banner_inner .img_container dotlottie-player {
    display: flex; 
    align-items: center; 
    justify-content: center;
    width: 80px; 
    transform: scale(1.4) translateX(10px);
}

/* .wing_banner_custom .wing_banner_inner .img_container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wing_banner_custom .wing_banner_inner .img_container #wingLottie {
	position: relative;
	transform: translateZ(0);
	isolation: isolate;
}

.wing_banner_custom .wing_banner_inner .img_container #wingLottie svg {
	transform: none !important;
	color: initial !important;
} */

.wing_banner_custom .wing_banner_inner .img_container img {
    width: 92px;
    transform: scale(1.3) translatex(15px);
}

.wing_banner_custom .wing_banner_inner .bot_container .a_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 0;
    background-color: #2c2c35;
    border-radius: 6px;
}

.wing_banner_custom .wing_banner_inner .bot_container .a_link:hover {
    background-color: #3C3C47;
}

.wing_banner_custom .wing_banner_inner .bot_container .a_link span {
    color: #497aff;
    font-size: 14px;
    font-weight: 500;
}

.wing_banner_custom .wing_banner_inner .bot_container .close_container {
    margin-top: 15px;
    text-align: center;
}

.wing_banner_custom .wing_banner_inner .bot_container .close_container span {
    color: #737475;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.wing_banner_custom .wing_banner_inner .bot_container .close_container span:hover {
    color: #333d4b;
}

@media (max-width: 991px) {
    .wing_banner_custom {
        right: 12px;
        bottom: 15px;
    }
    .wing_banner_custom .wing_banner_inner {
        padding: 20px 24px;
        border-radius: 15px;
    }

    .wing_banner_custom .wing_banner_inner .top_container {
        margin-bottom: 15px;
    }

    .wing_banner_custom .wing_banner_inner .text_container p {
        font-size: 18px;
        line-height: 26px;
    }

    .wing_banner_custom .wing_banner_inner .img_container img {
        width: 90px;
        transform: scale(1.3) translateX(15px);
    }

    .wing_banner_custom .wing_banner_inner .bot_container {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .wing_banner_custom .wing_banner_inner .bot_container .a_link {
        width: auto;
        padding: 9px 12px;
        border-radius: 3px;
    }

    .wing_banner_custom .wing_banner_inner .bot_container .a_link span {
        font-size: 12px;
    }

    .wing_banner_custom .wing_banner_inner .bot_container .close_container {
        margin-top: 0;
    }

    .wing_banner_custom .wing_banner_inner .bot_container .close_container span {
        font-size: 12px;
    }
}
/* /skin/header/basic/css/common.busi.css */
/* 헤더 공통 */
/*
(주)파이브센스_FIVESENSES.Corp.
본 라이브러리(소스코드 및 디자인 포함)는 (주)파이브센스의 자산이며, 저작권법 및 부정경쟁방지법에 의해 보호됩니다.
무단 사용, 외부 유출, 복제, 배포, 변형을 금지합니다.
위반 시 민·형사상 법적 책임 및 손해배상 청구 대상이 됩니다.
작성일: 2025-02-04 | 저작권자: (주)파이브센스(520-86-01244) | All Rights Reserved.
*/
/* 2025-04-28 (주)파이브센스_FIVESENSES.Corp. 전체적으로 링크아이콘 추가 */
*{font-family: 'Pretendard';}
html.popup, body.popup{overflow: hidden;}
#pcHead, #mobHead{position: relative;}
.at-header{position: relative; z-index: 1000; top: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01);}
.at-header.fixed {position: fixed; top: -100px; transition: top 0.4s ease;}
.at-header.fixed.visible {top: 0; transition: top 0.4s ease;}
.at-header.fixed.visible.admin-H {top: 50px;}

html.disable-header-action .at-header {
    display: none;
}

@media (max-width: 991px) {
    .at-header.fixed {top: -50px;}
}

.header-placeholder {
    display: none;
    width: 100%;
}
/* .at-header.hide {
  transform: translateY(-100%);
} */

/* 탑배너 & 어드민 조합은 top이 아닌 translate로 밀기 */
/* .at-header.offset-100 {
  transform: translateY(100px);
}
.at-header.offset-50 {
  transform: translateY(50px);
}
.at-header.offset-150 {
  transform: translateY(150px);
} */


/* .at-header.pc{transition: top 0.5s;} */
/* .at-header.header_ani{opacity: 0; top: -50px;} */
/* .at-header.pc.up.fixed{top: -70px !important;} */
/* .at-header.busi.fixed{opacity: 1; top: 0;animation: none;} */

@keyframes header {
    to {opacity: 1; top: 0px;}
}
@keyframes header_adm {
    to {opacity: 1; top: 50px;}
}

.at-html.login-intro .at-header{display: none;}
.at-header img{max-width: inherit;}
.at-header span, .at-header input, .at-header a, .header-menu a{font-family: 'Pretendard';}
.at-header .mypage_icon_b, .at-header .search_icon_b, .at-header .cart_icon_b, .at-header .lang_b, .at-header .m_menu_fix_b, .at-header .header_search_b, .at-header .header_menu_b, .at-header .myshop_icon_b{display: block;}
.at-header .logo_w, .at-header .mypage_icon_w, .at-header .search_icon_w, .at-header .cart_icon_w, .at-header .lang_w, .at-header .m_menu_fix_w, .at-header .header_search_w, .at-header .header_menu_w, .at-header .myshop_icon_w{display: none;}
.at-header .logo_b{display: inline-block;}
.at-header .logo_function {display: none;}
.sub-1div{display: none;}
.pc-menu{box-shadow: none;}
ul,li{list-style: none;}
.at-header .pc-menu .nav-top .all_category_btn:hover > .menu-a{color: var(--main-point-color-hover);}
.at-header .menu-ul .menu-a{white-space : nowrap;}
.at-header .menu-ul .menu-a .link_icon{display: inline-block;}
.at-header .menu-ul .menu-a .link_icon img{display: block; position: relative; top: -1px; margin-left: 3px;}
.at-header .pc-menu .nav-top .menu-li:hover .menu-a, 
.at-header .pc-menu .nav-top .menu-li.on .menu-a{background-color: transparent; color: var(--main-point-color-hover);}

/* 일체형 공통 */
.at-header.header_on{position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; transition: 0.3s;}
.at-header.transparent_H{background-color: transparent;}
.at-header.transparent_H .header-menu .pc-menu{background-color: transparent; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.2);}
/* .at-header.transparent_H .pc-menu .nav-top .menu-ul .menu-a{background-color: transparent; color: #fff;} */
.at-header.transparent_H .logo_b, .at-header.transparent_H .mypage_icon_b, .at-header.transparent_H .search_icon_b, .at-header.transparent_H .cart_icon_b, .at-header.transparent_H .lang_b, .at-header.transparent_H .m_menu_fix_b, .at-header.transparent_H .header_search_b, .at-header.transparent_H .header_menu_b, .at-header.transparent_H .myshop_icon_b{display: none;}
.at-header.transparent_H .mypage_icon_w, .at-header.transparent_H .search_icon_w, .at-header.transparent_H .cart_icon_w, .at-header.transparent_H .lang_w, .at-header.transparent_H .m_menu_fix_w, .at-header.transparent_H .header_search_w, .at-header.transparent_H .header_menu_w, .at-header.transparent_H .myshop_icon_w{display: block;}
.at-header.transparent_H .logo_w{display: inline-block;}
.header-menu.fixed .pc-menu .menu-a{background-color: #fff;}
.search_btn img,
.lang_btn_li .lang_btn_box .lang_btn img,
.mypage_btn_li img{transition: .5s ease-out;}

/* 헤더 스크롤 고정 */
/* .at-header.fixed{position: fixed;width: 100%; top: -100px; transition: top 0.4s ease; z-index: 999; background-color: #fff;}
.at-header.fixed.visible {
    top: 0;
} */
/* .at-header.busi.admin-H.fixed{top: 50px; animation: none; opacity: 1;} */
/* .at-header.busi.admin-H.fixed.visible {top: 50px;}
.at-header.busi.admin-H.fixed .header-menu .logo_box img {
    content: url(/img/scroll_logo.png);
    height: auto;
} */
@media (max-width:991px){
    .at-header{border-bottom: none; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.03);}
    .at-header {
        /* position: fixed; */
    }
    /* .at-header .m_header {
        position: fixed;
        top: 0;
        background-color: inherit;
    } */
    /* .at-header .m_header.initAni {
        transition: transform 0.27s linear, top 0.27s linear;
    } */
    .at-header.function .m_logo_box .m_logo img {
        display: none;
    }

    .at-header.function .m_logo_box .m_logo img.logo_function {
        display: inline-block;
        height: 39px;
    }
    .at-header.function .m_header.M_FM1_on .m_logo_box .m_logo img.logo_b {
        display: block;
    }
}

/* 드롭메뉴1 (전체 서브메뉴) */
.at-header .pc-menu .DMS01 .all_menu_wrap{background-color: #fff;position: absolute;top: 84px;left: 50%;transform: translateX(-50%);width: 100vw;padding: 0;border-top: 1px solid #ebebeb; box-shadow: 0 10px 15px rgba(0,0,0,0.05); display: none;}
.at-header .pc-menu .DMS01 .all_menu_wrap > .container_fix{max-width: 1470px;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_menu_ul{display: flex; align-items: flex-start; justify-content: center; overflow-y: hidden; width: 100%;}
.at-header .pc-menu .DMS01 .nav-top .menu_ul_01 .menu-a::before{content: ''; display: block; width: 0; height: 2px; background-color: var(--main-point-color-hover); position: absolute; left: 0; bottom: -3px; transition: .5s ease-out;}
.at-header .pc-menu .DMS01 .nav-top .menu_ul_01 .menu-a:hover::before,
.at-header .pc-menu .DMS01 .nav-top .menu_ul_01 .menu-li.hover .menu-a::before{width: 100%;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_menu_li{width: max(8vw,158px); padding-bottom: 50px;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_menu_li{position: relative;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_menu_li+li::before{content: ''; display: block; width: 1px; height: 100vh; background-color: #ebebeb; position: absolute; top: 0; left: 0;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_menu_li:nth-of-type(1)::after{content: ''; display: block; width: 1px; height: 100vh; background-color: #ebebeb; position: absolute; top: 0; left: 0;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_menu_li:last-child::after{content: ''; display: block; width: 1px; height: 100vh; background-color: #ebebeb; position: absolute; top: 0; right: 0;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_menu_a{display: none;font-size: 16px;font-weight: 700;color: var(--main-point-color); transition: 0.3s;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_menu_li:hover .all_menu_a{color: var(--main-point-color-hover);}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_sub_div{margin-top: 30px;display: block !important;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_sub_a{display: block;padding: 10px 0;font-size: 15px;font-weight: 400; line-height: 1.2em;color: var(--main-point-color); transition: 0.3s; text-align: center; position: relative;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_sub_a span.all_sub_text{position: relative;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_sub_a span.all_sub_text::before{content: ''; display: block; width: 0; height: 1px; background-color: var(--main-point-color); position: absolute; left: 0; bottom: 0; transition: 0.5s;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_sub_li.on .all_sub_a span.all_sub_text::before,
.at-header .pc-menu .DMS01 .all_menu_wrap .all_sub_a:hover span.all_sub_text::before{width: 100%;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_sub_a .link_icon{display: inline-block;}
.at-header .pc-menu .DMS01 .all_menu_wrap .all_sub_a .link_icon img{display: block;}

/* 드롭메뉴2 (본인 1차 2차) 포인트 컬러 */
.at-header .pc-menu .DMS02 .nav-top.nav-both .menu-li{position: relative;}
.at-header .pc-menu .DMS02 .nav-top.nav-both .sub-1div{left: 50%; transform: translateX(-50%); box-shadow: 0 5px 15px -3px rgba(0,0,0,0.15); padding: 5px; position: absolute; min-width: 140px; border-radius: 8px;}
.at-header .pc-menu .DMS02 .nav-top.nav-both .sub-1div .link_icon{display: inline-block;}
.at-header .pc-menu .DMS02 .nav-top.nav-both .sub-1div .link_icon img{display: block; margin-left: 1px;}
.at-header .pc-menu .DMS02 .nav-top .sub-1div-arr{display: inline-block; width: 6px; height: 6px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; position: absolute; top: 50%; right: 15px; transform: translateY(-50%) rotate(-45deg);}
.at-header .pc-menu .DMS02 .nav-top .sub-1dli + .sub-1dli{margin-top: 5px;}
.at-header .pc-menu .DMS02 .nav-top .sub-1da{border-bottom: none; font-size: 15px; color: var(--main-point-color); padding: 12px 15px; border-radius: 8px; transition: 0.3s;}
.at-header .pc-menu .DMS02 .nav-top .sub-1dli.on > .sub-1da,
.at-header .pc-menu .DMS02 .nav-top .sub-1dli:hover > .sub-1da{background-color: #f2f4f6;}
.at-header .pc-menu .DMS02 .nav-top .sub-1dli:hover > .sub-1da + .sub-1div-arr{border-color: var(--main-point-color);}
.at-header .pc-menu .DMS02 .nav-top .sub-2div{left: calc(100% + 5px); background-color: #235bf5; border-radius: 8px; padding: 5px; min-width: 140px; display: none;}
.at-header .pc-menu .DMS02 .nav-top .sub-2div::before{content: ''; display: block; position: absolute; top: 0; left: -5px; width: 10px; height: 100%;}
.at-header .pc-menu .DMS02 .nav-top .sub-2da{color: #fff; padding: 13px 14px; line-height: 1.2em; font-size: 15px; font-weight: 500; border-radius: 8px; border: none; transition: 0.2s;}
/* .at-header .pc-menu .DMS02 .nav-top .sub-2dli.on .sub-2da{background-color: transparent;font-weight: 500;} */
.at-header .pc-menu .DMS02 .nav-top .sub-2dli.on .sub-2da,
.at-header .pc-menu .DMS02 .nav-top .sub-2dli:hover .sub-2da{background-color: #2052dc; font-weight: 500;}
.at-header .pc-menu .DMS02 .nav-top .sub-2dli + .sub-2dli {margin-top: 5px;}

@media((max-width: 1510px)){
    .at-header .pc-menu .DMS02 .nav-top .sub-1da{font-size: 14px;}
    .at-header .pc-menu .DMS02 .nav-top .sub-2da{font-size: 14px;}
}

/* 드롭메뉴3 (본인 1차 2차) 하양 */
.at-header .pc-menu .DMS03 .nav-top.nav-both .menu-li{position: relative;}
.at-header .pc-menu .DMS03 .nav-top.nav-both .sub-1div{left: 50%; transform: translateX(-50%); box-shadow: 0 5px 15px -3px rgba(0,0,0,0.15); padding: 7px 5px; position: absolute; min-width: 140px;}
.at-header .pc-menu .DMS03 .nav-top .sub-1div-arr{display: inline-block; width: 6px; height: 6px; border-bottom: 1px solid transparent; border-right: 1px solid transparent; position: absolute; top: 50%; right: 15px; transform: translateY(-50%) rotate(-45deg);}
.at-header .pc-menu .DMS03 .nav-top .sub-1dli + .sub-1dli{margin-top: 5px;}
.at-header .pc-menu .DMS03 .nav-top.nav-both .sub-1div .link_icon{display: inline-block;}
.at-header .pc-menu .DMS03 .nav-top.nav-both .sub-1div .link_icon img{display: block; margin-left: 1px;}
.at-header .pc-menu .DMS03 .nav-top .sub-1da{border-bottom: none; font-size: 15px; color: var(--main-point-color); transition: 0.3s; padding: 12px 15px; border-radius: 8px; transition: 0.3s;}
.at-header .pc-menu .DMS03 .nav-top .sub-1dli.on > .sub-1da,
.at-header .pc-menu .DMS03 .nav-top .sub-1dli:hover > .sub-1da{background-color: #f2f4f6;}
.at-header .pc-menu .DMS03 .nav-top .sub-1dli:hover > .sub-1da + .sub-1div-arr{border-color: var(--main-point-color);}
.at-header .pc-menu .DMS03 .nav-top .sub-2div{left: calc(100% + 5px); background-color: #fff; padding: 7px 5px; min-width: 130px; display: none; top: -7px;}
.at-header .pc-menu .DMS03 .nav-top .sub-2div::before{content: ''; display: block; position: absolute; top: 0; left: -5px; width: 10px; height: 100%;}
.at-header .pc-menu .DMS03 .nav-top .sub-2da{color: var(--main-point-color); padding: 13px 14px; line-height: 1.2em; font-size: 15px; font-weight: 400; border-radius: 8px; border: none; transition: 0.2s;}
/* .at-header .pc-menu .DMS03 .nav-top .sub-2dli.on .sub-2da{background-color: transparent;font-weight: 400;} */
.at-header .pc-menu .DMS03 .nav-top .sub-2dli.on .sub-2da,
.at-header .pc-menu .DMS03 .nav-top .sub-2dli:hover .sub-2da{background-color: #f2f4f6; color: var(--main-point-color); font-weight: 400;}
.at-header .pc-menu .DMS03 .nav-top .sub-2dli + .sub-2dli {margin-top: 5px;}

@media((max-width: 1510px)){
    .at-header .pc-menu .DMS03 .nav-top .sub-1da{font-size: 14px;}
    .at-header .pc-menu .DMS03 .nav-top .sub-2da{font-size: 14px;}
}

/* 드롭메뉴4 (가로 드롭메뉴) */
.at-header .pc-menu .DMS04 .nav-top .menu-ul .menu-li{position: relative;}
.at-header .pc-menu .DMS04 .sub-1div{position: absolute;/*left: 50%;transform: translateX(-50%);width: 100vw;background: #fff;box-shadow: 0 12px 12px rgba(0, 0, 0, .175);*/z-index: 11;text-align: center;opacity: 0;visibility: hidden;transition: all 0.3s ease-out;transform-origin: top;height: 0;display: block; background-color: transparent; box-shadow: none;}
.at-header .pc-menu .DMS04 .sub-1div::before{content: ''; display: block; position: absolute;left: 50%;transform: translateX(-50%);width: 200vw;height: 100%; background: #fff;box-shadow: 0 12px 12px rgba(0, 0, 0, .175); border-top: 1px solid #ebebeb;}
.at-header .pc-menu .DMS04 .menu-li:hover .sub-1div{opacity: 1;visibility: visible;height: 74px;}
.at-header .pc-menu .DMS04 .sub-1div .link_icon{display: inline-block;}
.at-header .pc-menu .DMS04 .sub-1div .link_icon img{display: block; margin-left: 1px;}
.at-header .pc-menu .DMS04 .sub-1div > ul > li {display: inline-block;}
.at-header .pc-menu .DMS04 .sub-1div > ul > li .sub-1da {font-size: 17px;font-weight: 400;color: var(--main-point-color);line-height: 72px;display: block;margin: 0 20px; padding: 0 15px; border: none;}
.at-header .pc-menu .DMS04 .sub-1div > ul > li .sub-1da span.sub-1da-text{position: relative;}
.at-header .pc-menu .DMS04 .sub-1div > ul > li .sub-1da span.sub-1da-text::before{content: ''; display: block; width: 0; height: 1px; background-color: var(--main-point-color); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: 0.5s;}
.at-header .pc-menu .DMS04 .sub-1div > ul > li.on .sub-1da span.sub-1da-text::before,
.at-header .pc-menu .DMS04 .sub-1div > ul > li .sub-1da:hover span.sub-1da-text::before{width: 100%;}


@media((max-width: 1510px)){
    .at-header .pc-menu .DMS04 .sub-1div > ul > li .sub-1da{font-size: 14px;}
}

/* 드롭메뉴5 (5열 4행 드롭메뉴) */
/*
.at-header .pc-menu .DM5_menu_view{background-color: #fff;position: absolute;top: 64px;left: 50%;transform: translateX(-50%);width: 100vw;height: auto;padding: 40px 0 105px;border-top: 1px solid #f6f6f6; box-shadow: 0 10px 15px rgba(0,0,0,0.05); display: none; overflow-y: auto;}
.at-header .pc-menu .DM5_menu_view > .container_fix{max-width: 1290px;}
.at-header .pc-menu .DM5_menu_view .all_menu_ul{display: flex;flex-wrap: nowrap;overflow-y: hidden; width: 100%; gap: 60px;}
.at-header .pc-menu .DM5_menu_view .column{flex: 1; display: flex; flex-direction: column; gap: 10px;}
.at-header .pc-menu .DM5_menu_view .all_menu_li{border-top: 1px solid #ebebeb; padding-top: 20px;}
.at-header .pc-menu .DM5_menu_view .column .all_menu_li:first-child{border: none; padding-top: 0;}
.at-header .pc-menu .DM5_menu_view .all_sub_div{display: block !important;}
.at-header .pc-menu .DM5_menu_view .all_menu_a{display: block;font-size: 17px;line-height: 1;font-weight: 600;color: var(--main-point-color); transition: 0.3s; margin-bottom: 10px;}
.at-header .pc-menu .DM5_menu_view .all_sub_a{display: block;padding: 8px 0;font-size: 15px;font-weight: 400; line-height: 1.2em;color: #5d5d5d; transition: 0.3s;}
.at-header .pc-menu .DM5_menu_view .all_sub_a:hover{color: var(--main-point-color);}
.at-header .pc-menu .DM5_menu_view .all_sub_a span.text{position: relative;}
.at-header .pc-menu .DM5_menu_view .all_sub_a span.text::before{content: ''; display: block; width: 0; height: 1px; background-color: var(--main-point-color); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: 0.5s;}
.at-header .pc-menu .DM5_menu_view .all_sub_a:hover span.text::before{width: 100%;}
.at-header .pc-menu .DM5_menu_view .all_sub_a span.new_icon{color: #fff; background-color: var(--main-point-bg-color-hover); padding: 4px 5px; font-size: 10px; border-radius: 2px; position: relative; top: -2px; margin-left: 10px;}
*/
.at-header .pc-menu .DMS05 .sub-1div .link_icon{display: inline-block;}
.at-header .pc-menu .DMS05 .sub-1div .link_icon img{display: block; margin-left: 1px;}
.at-header .pc-menu .DMS05 .sub-1div.var1{position: absolute;/*left: 50%;transform: translateX(-50%);width: 100vw;background: #fff;box-shadow: 0 12px 12px rgba(0, 0, 0, .175);*/z-index: 11;text-align: center;opacity: 0;visibility: hidden;transition: all 0.3s ease-out;transform-origin: top;height: 0;display: block; background-color: transparent; box-shadow: none;}
.at-header .pc-menu .DMS05 .sub-1div.var1::before{content: ''; display: block; position: absolute;left: 50%;transform: translateX(-50%);width: 200vw;height: 0%; background: #fff;box-shadow: 0 12px 12px rgba(0, 0, 0, .175); border-top: 1px solid #ebebeb;transition: all 0.3s ease-out; opacity: 0;}
.at-header .pc-menu .DMS05 .sub-1div.var1 .menu-ul .menu-li{position: relative;}
.at-header .pc-menu .DMS05 .menu-li:hover .sub-1div.var1{opacity: 1;visibility: visible;height: 74px;}
.at-header .pc-menu .DMS05 .menu-li:hover .sub-1div.var1::before{height: 100%; opacity: 1;}
.at-header .pc-menu .DMS05 .sub-1div.var1 > ul > li {display: inline-block;}
.at-header .pc-menu .DMS05 .sub-1div.var1 > ul > li .sub-1da {font-size: 17px;font-weight: 400;color: var(--main-point-color);line-height: 72px;display: block;margin: 0 20px; padding: 0 15px; border: none;}
.at-header .pc-menu .DMS05 .sub-1div.var1 > ul > li .sub-1da span.text{position: relative;}
.at-header .pc-menu .DMS05 .sub-1div.var1 > ul > li .sub-1da span.text::before{content: ''; display: block; width: 0; height: 1px; background-color: var(--main-point-color); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: 0.5s;}
.at-header .pc-menu .DMS05 .sub-1div.var1 > ul > li.on .sub-1da span.text::before,
.at-header .pc-menu .DMS05 .sub-1div.var1 > ul > li .sub-1da:hover span.text::before{width: 100%;}
/* 정렬 바꿀 때 수정 */
.at-header .pc-menu .DMS05 .sub-1div.var1 > ul > .menu-li:nth-of-type(n+2) .sub-1div{left: 50%; transform: translateX(-50%);}
.at-header .pc-menu .DMS05 .sub-1div.var1 > ul > .menu-li:last-of-type .sub-1div{right: 0; left: auto; transform: none;}

.at-header .pc-menu .DMS05 .sub-1div.var2{background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);width: 100vw;height: auto;padding: 40px 0 105px;border-top: 1px solid #f6f6f6; box-shadow: 0 10px 15px rgba(0,0,0,0.05); display: none; overflow-y: auto;}
.at-header .pc-menu .DMS05 .sub-1div.var2 > .container_fix{max-width: 1290px;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-1dul{display: flex;flex-wrap: nowrap;overflow-y: hidden; width: 100%; gap: 60px;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .column{flex: 1; display: flex; flex-direction: column; gap: 10px;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-1dli{border-top: 1px solid #ebebeb; padding-top: 20px;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .column .sub-1dli:first-child{border: none; padding-top: 0;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-1da{display: block;font-size: 17px;line-height: 1;font-weight: 600;color: var(--main-point-color); transition: 0.3s; margin-bottom: 10px; padding: 0; border: none;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-2div{display: block !important; position: relative; left: 0; box-shadow: none; -webkit-box-shadow: none; background-color: transparent; }
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-2da{display: block;padding: 10px 0;font-size: 15px;font-weight: 400; line-height: 1.2em;color: #5d5d5d; transition: 0.3s; border: none; background-color: transparent;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-2dli.on .sub-2da,
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-2da:hover{color: var(--main-point-color); background-color: transparent;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-2da span.text{position: relative;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-2da span.text::before{content: ''; display: block; width: 0; height: 1px; background-color: var(--main-point-color); position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: 0.5s;}
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-2dli.on .sub-2da span.text::before,
.at-header .pc-menu .DMS05 .sub-1div.var2 .sub-2da:hover span.text::before{width: 100%;}
.at-header .pc-menu .DMS05 span.new_icon{color: #fff; background-color: var(--main-point-bg-color-hover); padding: 4px 5px; font-size: 10px; border-radius: 2px; position: relative; top: -2px; margin-left: 10px;}

@media((max-width: 1510px)){
    .at-header .pc-menu .DMS05 .sub-1div.var1 > ul > li .sub-1da{font-size: 14px;}
    .at-header .pc-menu .DMS05 .sub-1div.var2 .sub-1da{font-size: 14px;}
    .at-header .pc-menu .DMS05 .sub-1div.var2 .sub-2da{font-size: 13px;}
}

/* 드롭메뉴6 (본인 2차) 이미지 설명 */
.at-header .pc-menu .DMS06 .nav-top.nav-both .menu-li{position: relative;}
.at-header .pc-menu .DMS06 .nav-top.nav-both .sub-1div{left: 35px; top: calc(100% - 5px); box-shadow: 0 5px 15px -3px rgba(0,0,0,0.15); padding: 25px; position: absolute; /*width: 305px;*/ border-radius: 8px;}
.at-header .pc-menu .DMS06 .nav-top.nav-both .menu_ul_01 .menu-li:nth-child(2) .sub-1div {padding-bottom: 20px;}
.at-header .pc-menu .DMS06 .nav-top.nav-both .sub-1div .link_icon{display: inline-block;}
.at-header .pc-menu .DMS06 .nav-top.nav-both .sub-1div .link_icon img{display: block; margin-left: 1px;}
.at-header .pc-menu .DMS06 .nav-top.nav-both .sub-1div .sub-1div-con-text{color: var(--main-point-color); font-size: 16px; font-weight: 800; line-height: 1em; margin-bottom: 10px;}
.at-header .pc-menu .DMS06 .nav-top .sub-1dli + .sub-1dli{margin-top: 5px;}
.at-header .pc-menu .DMS06 .nav-top .sub-1da{border-bottom: none; display: flex; align-items: center; padding: 8px; border-radius: 6px; transition: 0.3s;}
.at-header .pc-menu .DMS06 .nav-top .sub-1da .img_box{width: 45px; height: 45px; border-radius: 13px; overflow: hidden; margin-right: 10px; flex-shrink: 0;}
.at-header .pc-menu .DMS06 .nav-top .sub-1da .img_box img{display: block; width: 100%; object-fit: cover;}
.at-header .pc-menu .DMS06 .nav-top .sub-1da .text_box .text_top{font-size: 16px; font-weight: 700; color: var(--main-point-color); line-height: 1.2em;}
.at-header .pc-menu .DMS06 .nav-top .sub-1da .text_box .text_bot{font-size: 14px; font-weight: 400; color: #919191; line-height: 1.2em; margin-top: 5px;}
.at-header .pc-menu .DMS06 .nav-top .sub-1da .text_box .menu_sticker_wrap{display: inline-block; line-height: 0; position: relative; top: -3px;}
.at-header .pc-menu .DMS06 .nav-top .sub-1da .text_box .menu_sticker{display: inline-block; margin-right: 2px; font-size: 11px; font-weight: 500; border-radius: 3px; line-height: 1em; padding: 3px 6px; border: 1px solid; border-color: #f1f1f1; background-color: #f1f1f1; color: #979797;}
.at-header .pc-menu .DMS06 .nav-top .sub-1da .text_box .menu_sticker img {display: inline-block; margin-right: 2px;}
.at-header .pc-menu .DMS06 .nav-top .sub-1dli.on > .sub-1da,
.at-header .pc-menu .DMS06 .nav-top .sub-1dli:hover > .sub-1da{background-color: #f2f4f6;}
.at-header .pc-menu .DMS06 .nav-top .sub-1dli:hover > .sub-1da + .sub-1div-arr{border-color: var(--main-point-color);}


/* 전체메뉴 */

/* 전체메뉴1  */
.at-header .all_menu_container.FM1{background-color: #fff;position: absolute;top: 84px;left: 50%;transform: translateX(-50%);width: 100vw;padding: 0;border-top: 1px solid #ebebeb; box-shadow: 0 10px 15px rgba(0,0,0,0.05); display: none;}
.at-header .all_menu_container.FM1 > .container_fix{max-width: 1470px;}
.at-header .all_menu_container.FM1 .all_menu_ul{display: flex; align-items: flex-start; justify-content: center; overflow-y: hidden; width: 100%;}
.at-header .header-menu.FM1_on .pc-menu.on .nav-top .menu_ul_01 .menu-a::before{content: ''; display: block; width: 0; height: 2px; background-color: var(--main-point-color-hover); position: absolute; left: 0; bottom: -3px; transition: .5s ease-out; transform: none;}
.at-header .header-menu.FM1_on .pc-menu.on .nav-top .menu_ul_01 .menu-a:hover::before,
.at-header .header-menu.FM1_on .pc-menu.on .nav-top .menu_ul_01 .menu-li.hover .menu-a::before{width: 100%;}
.at-header .all_menu_container.FM1 .all_menu_li{width: max(8vw,158px); padding-bottom: 50px;}
.at-header .all_menu_container.FM1 .all_menu_li{position: relative;}
.at-header .all_menu_container.FM1 .all_menu_li+li::before{content: ''; display: block; width: 1px; height: 100vh; background-color: #ebebeb; position: absolute; top: 0; left: 0;}
.at-header .all_menu_container.FM1 .all_menu_li:nth-of-type(1)::after{content: ''; display: block; width: 1px; height: 100vh; background-color: #ebebeb; position: absolute; top: 0; left: 0;}
.at-header .all_menu_container.FM1 .all_menu_li:last-child::after{content: ''; display: block; width: 1px; height: 100vh; background-color: #ebebeb; position: absolute; top: 0; right: 0;}
.at-header .all_menu_container.FM1 .all_menu_a{display: none;font-size: 16px;font-weight: 700;color: var(--main-point-color); transition: 0.3s;}
.at-header .all_menu_container.FM1 .all_menu_li:hover .all_menu_a{color: var(--main-point-color-hover);}
.at-header .all_menu_container.FM1 .all_sub_div{margin-top: 30px;display: block !important;}
.at-header .all_menu_container.FM1 .all_sub_a{display: block;padding: 10px 0;font-size: 15px;font-weight: 400; line-height: 1.2em;color: var(--main-point-color); transition: 0.3s; text-align: center; position: relative;}
.at-header .all_menu_container.FM1 .all_sub_a span.all_sub_text{position: relative;}
.at-header .all_menu_container.FM1 .all_sub_a span.all_sub_text::before{content: ''; display: block; width: 0; height: 1px; background-color: var(--main-point-color); position: absolute; left: 0; bottom: 0; transition: 0.5s;}
.at-header .all_menu_container.FM1 .all_sub_li.on .all_sub_a span.all_sub_text::before,
.at-header .all_menu_container.FM1 .all_sub_a:hover span.all_sub_text::before{width: 100%;}
.at-header .all_menu_container.FM1 .all_sub_a span.link_icon{display: inline-block;}
.at-header .all_menu_container.FM1 .all_sub_a span.link_icon img{display: block;}

/* 전체메뉴2 */
.all_menu_container.FM2{width:100%; position:fixed; top:0; left:0; opacity:0; z-index:14; height:100vh; visibility:hidden; transform-origin:top; transition:all 0.3s ease-out; background-color: #ffffff; overflow-y: auto;}
.admin-H .all_menu_container.FM2{top: 50px;}
.all_menu_container.FM2.active{opacity:1; visibility:visible;}
.all_menu_container.FM2 .all_menu_header .container_fix{display:table; max-width: 1850px; width: 100%; position: relative;}
.all_menu_container.FM2 .all_menu_header .container_fix > a, 
.all_menu_container.FM2 .all_menu_header .container_fix > .all_menu_logo{display:table-cell; padding:0; vertical-align:middle;}
.all_menu_container.FM2 .all_menu_header a.all_logo{line-height:84px; display: inline-block;}
.all_menu_container.FM2 .all_menu_header a.all_logo img{display: inline-block;}
.all_menu_container.FM2 .right_btn{height: 84px; display: flex; align-items: center; justify-content: flex-end;}
.all_menu_container.FM2 .all_menu_header a.all_menu_close{display: block;}
/* .all_menu_container.FM2 .all_menu_header a.all_menu_close{position:absolute; top: 50%; transform: translateY(-50%); right: 20px; width:20px; height:20px} */
.all_menu_container.FM2 .all_menu_body{padding:140px 0; position:relative;}
.all_menu_container.FM2 .all_menu_body .container_fix{max-width: 1850px; padding: 0; display: flex;}
.all_menu_container.FM2 .all_menu_body .container_fix .left_text{font-size: 80px; line-height: 1.3; font-weight: 800; padding-left: 100px; transition: 0.5s; position: relative; top: -10px; color: var(--main-point-color)}
.all_menu_container.FM2 .all_menu_body .container_fix .all_menu_ul{padding: 25px 15px 0 190px; width: 42.434%;}
.all_menu_container.FM2 .all_menu_body .all_menu_ul{right: -20px; opacity:0; position: relative; transition: 0.3s;}
.all_menu_container.FM2.active .all_menu_body .all_menu_ul{right: 0; opacity:1;}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li{padding-bottom: 45px; transition:all 0.2s ease-in-out; position:relative;}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li > a{font-size:36px; color:#333333; font-weight:700; line-height: 1em; display:block; transition: 0.2s;}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li > a span{position: relative; display: inline-block;}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li > .all_sub_div{padding-top:25px; display:none;}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li > .all_sub_div ul{display: flex; flex-wrap: wrap;}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li > .all_sub_div ul li{width: 50%;}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li > .all_sub_div ul li a{font-size:20px; font-weight: 500; color:var(--main-point-color); line-height:45px;transition: 0.2s;}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li > .all_sub_div ul li a:hover{color:var(--main-point-color-hover);}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li > .all_sub_div ul li a .link_icon{display: inline-block;}
.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li > .all_sub_div ul li a .link_icon img{display: block;}

@media (max-width:1500px){
	.all_menu_container.FM2 .all_menu_body{padding:50px 0;}
	.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li{padding-bottom:30px;}
	.all_menu_container.FM2 .all_menu_body ul.all_menu_ul > li::before{top:100px;}
	.all_menu_container.FM2 .all_menu_body .all_menu_line {top:150px;}
}
@media (max-width:1350px){
    .all_menu_container.FM2 .all_menu_body .container_fix .left_text{font-size: 50px;}
    .all_menu_container.FM2 .all_menu_body .container_fix .all_menu_ul{padding-left: 150px;}
}
@media(max-width: 1200px){
    .admin-H .all_menu_container.FM2{top: 0;}

    .at-header .pc-menu .DMS06 .nav-top.nav-both .sub-1div .sub-1div-con-text {font-size: 15px;}
    .at-header .pc-menu .DMS06 .nav-top .sub-1da .text_box .text_top {font-size: 15px;}
    .at-header .pc-menu .DMS06 .nav-top .sub-1da .text_box .text_bot {font-size: 13px;}
}

/* 전체메뉴3 */
.header_inquiry_box.FM3 {position: fixed;z-index: 21;top: 0;right: 0;width: 125px;height: 100vh;visibility: hidden;transition: all 0.8s cubic-bezier(.7, .1, .2, 1);}
.header_inquiry_box.FM3.active{visibility: visible;}
.header_inquiry_box.FM3 .inquiry_bg {position: absolute;top: 0;left: 0;right: 0;background-color: var(--main-point-bg-color-hover);height: 0;transition: all 1s cubic-bezier(.7, 0, .2, 1);transition-delay: 1s;}
.header_inquiry_box.FM3.active .inquiry_bg{height: 100vh;transition-delay: 0s;}
.header_inquiry_box.FM3 .inquiry_btn {position: absolute;display: flex;align-items: center;justify-content: center;bottom: 0px;left: 0px;width: 100%;height: 15.6rem;z-index: 1;opacity: 0;transform: translateY(-30px);transition: all 0.8s cubic-bezier(.7, .1, .2, 1);transition-delay: 1s;}
.header_inquiry_box.FM3.active .inquiry_btn{opacity: 1;visibility: inherit;transform: translate(0px, 0px);transition-delay: 0.8s;}
.header_inquiry_box.FM3 .inquiry_btn_wrpa{display: flex;flex-direction: column;align-items: center;}
.header_inquiry_box.FM3 .inquiry_btn img{display: block;position: relative;top: -40px;}
.header_inquiry_box.FM3 .inquiry_btn .inquiry_btn_inner{display: block;width: 20rem;text-align: center;transform: rotate(90deg);color: #f2f2f2;font-size: 1.8rem;font-weight: 600;margin: 0 -3rem;}
.header_inquiry_box.FM3 .inquiry_btn .inquiry_btn_inner .txt{position: relative;}
.header_inquiry_box.FM3 .inquiry_btn .inquiry_btn_inner .txt::before{position: absolute;bottom: -4px;left: 0px;width: 100%;height: 3px;background-color: #fff;content: "";transition: all 0.4s cubic-bezier(.7, 0, .2, 1);transform-origin: 100% 0;transform: scaleX(0);transition-property: transform;}
.header_inquiry_box.FM3 .inquiry_btn:hover .inquiry_btn_inner .txt::before{transform: scaleX(1);transform-origin: 0 0;}
.header_inquiry_box.FM3 .all_menu_close{display: none;width: 125px;height: 84px;position: fixed;top: 0px;right: 0px;z-index: 10;cursor: pointer;}
.admin-H .header_inquiry_box.FM3 .all_menu_close{height: 190px;}
.header_inquiry_box.FM3 .all_menu_close .close_btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 20px;height: 20px;}
.header_inquiry_box.FM3 .all_menu_close .line{width: 28px;height: 2px;background: var(--main-point-color);position: absolute;top: 40%;right: -25%;transition: all 0.3s;}
.header_inquiry_box.FM3.active .all_menu_close .line{background-color: #ffffff;}
.header_inquiry_box.FM3.active .all_menu_close .line1{transform: rotate(45deg);}
.header_inquiry_box.FM3.active .all_menu_close .line2{opacity: 0;}
.header_inquiry_box.FM3.active .all_menu_close .line3{transform: rotate(-45deg);}
.all_menu_container.FM3{position: fixed;top: 0px;left: 0px;width: 100%;height: 100vh;z-index: -1;opacity: 0;visibility: hidden;transition: 1s;transition-delay: 0.7s;}
.all_menu_container.FM3.active{z-index: 15;opacity: 1;visibility: inherit;}
.all_menu_container.FM3 .all_menu_logo{position: absolute;top: 25px;left: 48px;opacity: 0;transform: translate(0px,-50px);transition: all 0.4s cubic-bezier(.7, 0, .2, 1);}
.admin-H .all_menu_container.FM3 .all_menu_logo{top: 75px;}
.all_menu_container.FM3 .all_menu_logo.active {opacity: 1;transform: translate(0,0);}
.all_menu_container.FM3 .all_menu_sitemap{position: absolute;width: 100%;height: 100%;}
.all_menu_container.FM3 .sitemap_bg{position: absolute;right: 0;top: 0px;width: 100%;height: 100%;background: #fff;transform: translate(calc(100% + 6vw), 0) rotate(0.001deg);transition: 1s;transition-delay: .7s;}
.all_menu_container.FM3.active .sitemap_bg{transform: translate(0,0);transition-delay: .7s;}
.all_menu_container.FM3 .sitemap_area{position: relative;box-sizing: border-box;margin-right: 125px;}
.all_menu_container.FM3 .sitemap_left{position: relative;float: left;height: 100vh;width: 35.655%;display: flex;flex-direction: column;justify-content: space-between;flex: 1;padding: 180px 7.3vw 15vh 5.25vw;box-sizing: border-box;}
.all_menu_container.FM3 .sitemap_left .all_menu_logo img{display: inline-block;}
.all_menu_container.FM3 .sitemap_left .sitemap_txt h2{font-size: 52px;line-height: 1.32;font-weight: 700;color: var(--main-point-color);margin-bottom: 4rem;}
.all_menu_container.FM3 .sitemap_left .hidden_box {display: block;overflow: hidden;line-height: inherit;font-weight: inherit;}
.all_menu_container.FM3 .sitemap_left .hidden_item{display: block;transform: translateY(100%) rotate(10deg);opacity: 0;transform-origin: left;transition: all 0.8s cubic-bezier(.7, .1, .2, 1);transition-duration: 1s;transition-property: transform, opacity;}
.all_menu_container.FM3.active .sitemap_left .hidden_item{opacity: 1;transform: translate(0px, 0px);transition-delay: 1.5s;}
.all_menu_container.FM3.active .sitemap_left h4 .hidden_item{transition-delay: 1.7s;}
.all_menu_container.FM3 .sitemap_left .sitemap_txt h4{font-size: 22px;color: #444444;font-weight: 500;line-height: 1.5em;}
.all_menu_container.FM3 .sitemap_left .sitemap_footer{position: relative;transform: translate(0,50px);opacity: 0;transition: 1s;transition-delay: 0s;}
.all_menu_container.FM3.active .sitemap_left .sitemap_footer{transform: translate(0,0);opacity: 1;transition-delay: 2s;}
.all_menu_container.FM3 .sitemap_left .sitemap_footer_menu{margin-bottom: 25px;transform: translate(0,50px);opacity: 0;transition: all 0.8s;}
.all_menu_container.FM3 .sitemap_left.active .sitemap_footer_menu{transform: translate(0,0);opacity: 1;}
.all_menu_container.FM3 .sitemap_left .sitemap_footer_menu li a {color: var(--main-point-color);font-size: 17px;font-weight: 600;}
.all_menu_container.FM3 .sitemap_left .family_site_box{position: relative;width: 124px;text-align: left;}
.all_menu_container.FM3 .sitemap_left .family_site_box .family_site_box_btn{display: flex;align-items: center;justify-content: space-between;width: 100%;text-align: left;color: var(--main-point-color);box-sizing: border-box;transition: all 0.4s cubic-bezier(.7, 0, .2, 1);height: 35px;font-size: 13px;border: 0;padding: 0;font-weight: 500;background-color: transparent;}
.all_menu_container.FM3 .sitemap_left .family_site_box .family_site_box_btn img{display: block; position: relative; transition: 0.2s;}
.all_menu_container.FM3 .sitemap_left .family_site_box .family_site_box_btn.on img{transform: rotate(180deg);}
.all_menu_container.FM3 .sitemap_left .family_site_box .family_site_list{position: absolute;bottom: 100%;left: 0px;width: 100%;background-color: #fff;z-index: 11;box-sizing: border-box;border: 1px solid var(--main-point-color);padding: 0;display: none;}
.all_menu_container.FM3 .sitemap_left .family_site_box .family_site_list a{display: block;color: #333;padding: 1rem;font-size: 13px;transition: 0.2s;}
.all_menu_container.FM3 .sitemap_left .family_site_box .family_site_list a:hover{background-color: #f2f2f2;}
.all_menu_container.FM3 .sitemap_left .sitemap_copyright{color: #666666;font-size: 12px;font-weight: 500;margin-top: 8px;}
.all_menu_container.FM3 .sitemap_right{position: relative;float: right;height: 100vh;width: calc(100% - 35.655%);box-sizing: border-box;flex: 1;display: flex;align-items: flex-start;justify-content: center;}
.all_menu_container.FM3 .sitemap_right .bg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #f6f6f6;transform-origin: 100% 0;transform: scaleX(0);transition: 1s;transition-delay: 0.7s;}
.all_menu_container.FM3.active .sitemap_right .bg{transform: scale(1);}
.all_menu_container.FM3 .sitemap_right .all_menu_ul{position: relative;padding-top: 180px;padding-left: 150px;padding-right: 30px;}
.all_menu_container.FM3.active .sitemap_right .all_menu_ul{transform: translate(0px, 0px);opacity: 1;height: 100%;overflow-y: auto;}
.all_menu_container.FM3.active .sitemap_right .all_menu_ul::-webkit-scrollbar{width: 0;}
.all_menu_container.FM3 .sitemap_right .all_menu_li{display: flex;padding-bottom: 0;margin-bottom: 50px;opacity: 0;transform: translateX(-50px);}
.all_menu_container.FM3 .sitemap_right .all_menu_li.fadeInSlide{opacity: 0;transform: translateX(-50px);animation: fadeInSlide 0.5s ease-in-out forwards; }
.all_menu_container.FM3 .sitemap_right .all_menu_li.fadeOutSlide{opacity: 1;transform: translateX(0);animation: fadeOutSlide 0.5s ease-in-out forwards; }

@keyframes fadeInSlide {
    to {
      opacity: 1;
      transform: translateX(0);
    }
}
@keyframes fadeOutSlide {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
      opacity: 0;
      transform: translateX(-50px);
    }
}
.all_menu_container.FM3 .sitemap_right .all_menu_a{width: 19rem;max-width: 266px;}
.all_menu_container.FM3 .sitemap_right .all_menu_h3{display: inline-block; font-size: 29px;font-weight: 700;line-height: 1.2;color: var(--main-point-color);transition: all 0.4s cubic-bezier(.7, 0, .2, 1);}
/* .all_menu_container.FM3 .sitemap_right li.on .all_menu_h3,
.all_menu_container.FM3 .sitemap_right li:hover .all_menu_h3{color: var(--main-point-color-hover);} */
.all_menu_container.FM3 .sitemap_right li.on .all_menu_h3,
.all_menu_container.FM3 .sitemap_right li:hover .all_menu_h3{color: var(--main-point-color);}
.all_menu_container.FM3 .sitemap_right .all_menu_a .link_icon{display: inline-block; margin-left: 5px;}
.all_menu_container.FM3 .sitemap_right .all_menu_a .link_icon img{display: block; position: relative; top: 2px;}
.all_menu_container.FM3 .sitemap_right .all_sub_div{width: 30vw;display: block;}
.all_menu_container.FM3 .sitemap_right li{position: relative;float: left;margin-right: 50px;padding: 0 0 25px;}
.all_menu_container.FM3 .sitemap_right .all_sub_li + .all_sub_li::before {position: absolute;top: 4px;left: -27px;font-size: 15px;content: "/";color: #c6c6c6;font-weight: 500;}
.all_menu_container.FM3 .sitemap_right li .all_sub_a{position: relative;display: block;font-size: 19px;font-weight: 500;line-height: 1.2em;color: #333333;transition: all 0.4s cubic-bezier(.7, 0, .2, 1);}
.all_menu_container.FM3 .sitemap_right li .all_sub_a::before{position: absolute;bottom: -5px;left: 0px;width: 100%;height: 2px;background-color: var(--main-point-color-hover);transition: all 0.4s cubic-bezier(.7, 0, .2, 1);transform-origin: 100% 0;transform: scaleX(0);transition-property: transform;content: "";}
.all_menu_container.FM3 .sitemap_right li .all_sub_li.on .all_sub_a,
.all_menu_container.FM3 .sitemap_right li .all_sub_a:hover{color: var(--main-point-color-hover);}
.all_menu_container.FM3 .sitemap_right li .all_sub_li.on .all_sub_a::before,
.all_menu_container.FM3 .sitemap_right li .all_sub_a:hover::before{transform: scaleX(1);transform-origin: 0 0;}
.all_menu_container.FM3 .sitemap_right li .all_sub_a .link_icon img{display: inline-block; position: relative; top: -1px;}

@media(max-width: 1800px){
    .all_menu_container.FM3 .sitemap_right .all_menu_ul{padding-left: 100px;}
    .all_menu_container.FM3 .sitemap_right .all_menu_h3{width: 13rem;}
    .all_menu_container.FM3 .sitemap_right .all_menu_li{margin-right: 0;}
    .all_menu_container.FM3 .sitemap_right .all_sub_div{width: 26vw;}
}
@media(max-width: 1600px){
    .all_menu_container.FM3 .sitemap_left .sitemap_txt h2{margin-bottom: 2rem;}
}
@media(max-width: 1200px){
    .all_menu_container.FM3 .sitemap_right .all_menu_ul{padding-left: 60px;}
    .all_menu_container.FM3 .sitemap_left .sitemap_txt h2{font-size: 42px;}
    .all_menu_container.FM3 .sitemap_left .sitemap_txt h4{font-size: 18px;}
}

/* 전체메뉴4 */
.all_menu_container.FM4{width:100%; position:fixed; top:0; left:0; opacity:0; z-index:14; height:100vh; visibility:hidden; transform-origin:top; transition:all 0.3s ease-out; background-color: #ffffff; overflow-y: auto;}
.admin-H .all_menu_container.FM4{top: 50px;}
.all_menu_container.FM4.active{opacity:1; visibility:visible;}
.all_menu_container.FM4 .container_fix{display:table; max-width: 1850px; width: 100%; position: relative;}
.all_menu_container.FM4 .all_menu_header .container_fix > a, 
.all_menu_container.FM4 .all_menu_header .container_fix > .all_menu_logo{display:table-cell; padding:0; vertical-align:middle;}
.all_menu_container.FM4 .all_menu_header a.all_logo{line-height:84px; display: inline-block;}
.all_menu_container.FM4 .all_menu_header a.all_logo img{display: inline-block;}
.all_menu_container.FM4 .right_btn{height: 84px; display: flex; align-items: center; justify-content: flex-end;}
.all_menu_container.FM4 .all_menu_header a.all_menu_close{display: block; width:20px; height:20px}
/* .all_menu_container.FM4 .all_menu_header a.all_menu_close{position:absolute; top: 50%; transform: translateY(-50%); right: 20px; width:20px; height:20px} */
.all_menu_container.FM4 .all_menu_body{padding:70px 0 0; position:relative;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul{display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; table-layout: fixed;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li {display: block;flex: 1; min-height: 550px;padding: 0;transition: all 0.2s ease-in-out;position: relative;padding-right: 20px;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li:first-child{max-width: 336px;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li:last-child{max-width: 333px;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li + li {padding-left: 50px;}
/* .all_menu_container.FM4 .all_menu_body .all_menu_ul > li + li::before{content: '';display: block;width: 1px;height: calc(100% + 190px); min-height: 100vh; background-color: #efefef;position: absolute;top: -154px;left: 0;} */
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li + li .bar_line{content: '';display: block;width: 1px;height: calc(100% + 190px); min-height: 100vh; background-color: #efefef;position: absolute;top: -154px;left: 0;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li > a{font-size: 32px;color: var(--main-point-color);font-weight: 700;line-height: 1.2em;padding-bottom: 30px;display: block;position: relative;transition: 0.3s;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li.on > a,
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li:hover > a{color: var(--main-point-color-hover);}
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li > a::before{content: '';display: block;width: 22px;height: 1px;background-color: #cccccc;position: absolute;bottom: 0;left: 0;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li .link_icon{display: inline-block;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul > li .link_icon img{display: block;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div{padding-top: 30px;display: block;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div > ul > li{margin-bottom: 30px;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div > ul > li:last-child{margin-bottom: 0;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div > ul > li > a {font-size: 19px;color: var(--main-point-color);line-height: 1.2em;font-weight: 700;transition: 0.3s;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div > ul > li.on > a,
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div > ul > li:hover > a{color: var(--main-point-color-hover);}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div2{padding-top: 20px;display: block;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li{margin-bottom: 10px;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li > a {font-size: 15px;color: #666666;line-height: 1.2em;transition: 0.2s;padding-left: 10px;}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li.on > a,
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li:hover > a {color: var(--main-point-color);}
.all_menu_container.FM4 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li > a img{display: inline-block; position: relative; top: -1px;}
.all_menu_container.FM4 .all_menu_footer{padding: 60px 0;}
.all_menu_container.FM4 .all_menu_footer .info_wrap{display: table; table-layout: fixed;}
.all_menu_container.FM4 .all_menu_footer .info_wrap li{display: table-cell;}
.all_menu_container.FM4 .all_menu_footer .info_wrap li:first-child{width: 370px;}
.all_menu_container.FM4 .all_menu_footer .info_wrap li h4{font-size: 14px; font-weight: 700; color: #777777; line-height: 1em; margin-bottom: 20px;}
.all_menu_container.FM4 .all_menu_footer .info_wrap li p{font-size: 13px; font-weight: 400; color: var(--main-point-color); line-height: 1em;}
.all_menu_container.FM4 .all_menu_footer .info_wrap li p + p{margin-top: 10px;}
.all_menu_container.FM4 .all_menu_footer .info_wrap li p img{display: inline-block; position: relative; top: -1px;}

@media(max-width: 1200px){
    .admin-H .all_menu_container.FM4{top: 0;}
}

/* 전체메뉴5 */
.all_menu_container.FM5{background: url(https://fivepro.co.kr/img/DMA5_bg.jpg) no-repeat; background-size: 100% 100%; width:100%; position:fixed; top:0; left:0; opacity:0; z-index:14; height:100vh; visibility:hidden; transform-origin:top; transition:all 0.3s ease-out; overflow-y: auto;}
.admin-H .all_menu_container.FM5{top: 50px;}
.all_menu_container.FM5.active{opacity:1; visibility:visible;}
.all_menu_container.FM5 .all_menu_header .container_fix{display:table; max-width: 1850px; width: 100%; position: relative;}
.all_menu_container.FM5 .all_menu_header .container_fix > a, 
.all_menu_container.FM5 .all_menu_header .container_fix > .all_menu_logo{display:table-cell; padding:0; vertical-align:middle;}
.all_menu_container.FM5 .all_menu_header a.all_logo{line-height:84px; display: inline-block;}
.all_menu_container.FM5 .all_menu_header a.all_logo img{display: inline-block;}
.all_menu_container.FM5 .right_btn{height: 84px; display: flex; align-items: center; justify-content: flex-end;}
/* .all_menu_container.FM5 .all_menu_header a.all_menu_close{position:absolute; top: 50%; transform: translateY(-50%); right: 20px; width:20px; height:20px} */
.all_menu_container.FM5 .all_menu_header a.all_menu_close{display: block;}
.all_menu_container.FM5 .all_menu_header a.all_menu_close img{filter: invert(1) brightness(2);}
.all_menu_container.FM5 .all_menu_body{padding:70px 0 0; position:relative;}
.all_menu_container.FM5 .all_menu_body *{color: #999999;}
.all_menu_container.FM5 .all_menu_body .container_fix{max-width: 1250px;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul{display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; padding-left: 65px; row-gap: 75px;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li {width: 25%;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li > a{display: inline-block; font-size: 28px; font-weight: 700; line-height: 1.4em; margin-bottom: 30px; transition: 0.3s;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li > a span.all_menu_text{transition: 0.3s;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li.on > a span,
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li:hover > a span{color: #ffffff;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li > a span.all_menu_text{position: relative;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li > a span.all_menu_text::before{content: ''; display: block; width: 0; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: -2px; transition: 0.3s;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li > a .link_icon{display: inline-block;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li > a .link_icon img{display: block; transition: 0.3s; position: relative; top: 2px;}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li.on > a .link_icon img,
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li:hover > a .link_icon img{filter: invert(1) brightness(2);}
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li.on > a span::before,
.all_menu_container.FM5 .all_menu_body .all_menu_ul > li:hover > a span::before{width: 100%;}
.all_menu_container.FM5 .all_menu_body .all_sub_div{padding-left: 14px;}
.all_menu_container.FM5 .all_menu_body .all_sub_div > ul{display: inline-block;}
.all_menu_container.FM5 .all_menu_body .all_sub_div > ul > li > a{display: inline-block; font-size: 18px; font-weight: 600; line-height: 1.2em; margin-bottom: 20px; transition: 0.3s;}
.all_menu_container.FM5 .all_menu_body .all_sub_div > ul > li:last-child > a{margin-bottom: 0;}
.all_menu_container.FM5 .all_menu_body .all_sub_div > ul > li > a span{transition: .3s;}
.all_menu_container.FM5 .all_menu_body .all_sub_div > ul > li.on > a span,
.all_menu_container.FM5 .all_menu_body .all_sub_div > ul > li:hover > a span{color: #ffffff;}
.all_menu_container.FM5 .all_menu_body .all_sub_div > ul > li > a img{display: inline-block; position: relative; top: -2px; transition: 0.2s;}
.all_menu_container.FM5 .all_menu_body .all_sub_div > ul > li.on > a img,
.all_menu_container.FM5 .all_menu_body .all_sub_div > ul > li:hover > a img{filter: invert(1) brightness(2);}
.all_menu_container.FM5 .all_menu_footer{padding-bottom: 50px;}
.all_menu_container.FM5 .all_menu_footer .container_fix{max-width: 1250px;}
.all_menu_container.FM5 .all_menu_footer .info_wrap{display: flex; align-items: center; justify-content: flex-end; gap: 12px;}
.all_menu_container.FM5 .all_menu_footer li > a {display: inline-block; border-radius: 20px; border: 1px solid #ffffff; padding: 9.5px 15px;}
.all_menu_container.FM5 .all_menu_footer span{color: #ffffff; font-size: 16px; font-weight: 500; line-height: 1.2em;}
.all_menu_container.FM5 .all_menu_footer img{display: inline-block; position: relative; top: -2px; margin-left: 5px;}

@media(max-width: 1200px){
    .admin-H .all_menu_container.FM5{top: 0;}
}

/* 전체메뉴6 */
.all_menu_container.FM6{width: 532px;height: auto;position: fixed;right: 50px;top: -100vh;z-index: 99;transition: 1s cubic-bezier(0.22, 1, 0.36, 1);background: #152a54;color: #fff;padding: 75px 45px 50px;border-radius: 15px;opacity: 0;}
.all_menu_container.FM6.active{top: 100px;opacity: 1;}
.all_menu_container.FM6.top_custom.active{top: 150px;} /* 탑배너 */
.admin-H .all_menu_container.FM6.active{top: 180px;} /* 어드민 */
.at-html.fixed .all_menu_container.FM6.top_custom.active{top: 100px;} /* 탑배너 픽시드 */
.at-html.fixed .admin-H .all_menu_container.FM6.active{top: 150px;} /* 어드민 픽시드 */
.all_menu_container.FM6 .all_menu_close{position: absolute;width: 20px;height: 20px;top: 30px;right: 30px;cursor: pointer;transition: all 0.4s ease;}
.all_menu_container.FM6 .all_menu_close:hover{transform: rotate(90deg);}
.all_menu_container.FM6 .all_menu_close img{filter: invert(1) brightness(2);}
.all_menu_container.FM6 .all_menu_body{width: 100%;height: 100%;position: relative;}
.all_menu_container.FM6 .all_menu_body > ul {margin-bottom: 40px;}
.all_menu_container.FM6 .all_menu_body > ul > li {position: relative;transition: .3s ease;}
.all_menu_container.FM6 .all_menu_body > ul > li + li {margin-top: 30px;}
.all_menu_container.FM6 .all_menu_body > ul > li > a{font-size: 24px;cursor: pointer;font-weight: 700;color: #ffffff;line-height: 1.2;}
.all_menu_container.FM6 .all_menu_body > ul > li > a .link_icon{display: inline-block;}
.all_menu_container.FM6 .all_menu_body > ul > li > a .link_icon img{display: block; position: relative; top: 2px; margin-left: 3px;}
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul {display: flex;flex-wrap: wrap;margin-top: 10px;}
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li {margin-right: 20px;margin-bottom: 5px;}
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li > a{color: #5d6888;font-size: 17px;line-height: 1.2em;position: relative;transition: all 0.5s ease;display: inline-block;}
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li.on > a,
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li > a:hover{color: #ffffff;}
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li > a::after {content: '';position: absolute;bottom: -3px;left: 0;width: 0;height: 1px;background-color: #fff;transition: width 0.5s ease;}
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li.on > a::after,
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li > a:hover::after{width: 100%;}
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li > a img{display: inline-block; position: relative; top: -2px; transition: all 0.5s ease; margin-left: 3px;}
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li.on > a img,
.all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li > a:hover img{filter: invert(1) brightness(2);}
/* .all_menu_container.FM6 .all_menu_footer a{display: block; width: 100%; background: url(https://fivepro.co.kr/img/DMA6_bg.jpg) no-repeat; background-size: 100%; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 41px 0;} */
.all_menu_container.FM6 .all_menu_footer a img{display: inline-block;}
.all_menu_container.FM6 .all_menu_footer a span{font-size: 16px; color: #ffffff; font-weight: 500; line-height: 1.2em; margin-top: 10px;}

@media (max-width:1500px){
    .all_menu_container.FM6 .all_menu_body > ul > li > a{font-size: 18px;}
    .all_menu_container.FM6 .all_menu_body .all_sub_div > ul > li > a{font-size: 15px;}
}
@media (max-width:1200px){
    .all_menu_container.FM6.active{top: 100px;opacity: 1;}
    .admin-H .all_menu_container.FM6.active{top: 150px;} /* 어드민 */
    .at-html.fixed .admin-H .all_menu_container.FM6.active{top: 100px;} /* 어드민 픽시드 */
}


/* 전체메뉴7 */
.all_menu_container.FM7{background: #191c20;width:100%; position:fixed; top:0; left:0; opacity:0; z-index:14; height:100vh; visibility:hidden; transform-origin:top; transition:all 0.3s ease-out; overflow-y: auto;}
.admin-H .all_menu_container.FM7{top: 50px;}
.all_menu_container.FM7.active{opacity:1; visibility:visible;}
.all_menu_container.FM7 .all_menu_header {border-bottom: 1px solid rgba(238, 238, 238,0.1);}
.all_menu_container.FM7 .all_menu_header .container_fix{display:table; max-width: 1850px; width: 100%; position: relative;}
.all_menu_container.FM7 .all_menu_header .container_fix > a, 
.all_menu_container.FM7 .all_menu_header .container_fix > .all_menu_logo{display:table-cell; padding:0; vertical-align:middle;}
.all_menu_container.FM7 .all_menu_header a.all_logo{line-height:84px; display: inline-block;}
.all_menu_container.FM7 .all_menu_header a.all_logo img{display: inline-block;}
.all_menu_container.FM7 .all_menu_header a.all_menu_close{width:20px; height:20px; display: block;}
.all_menu_container.FM7 .all_menu_header a.all_menu_close img{filter: invert(1) brightness(2);}
.all_menu_container.FM7 .right_btn{height: 84px;}
.all_menu_container.FM7 .right_btn > ul{display: flex; align-items: center; justify-content: flex-end; height: 100%;}
.all_menu_container.FM7 .lang_btn_li{margin-right: 25px;}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box{display: inline-block;text-align: center;position: relative;z-index: 10;}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box .lang_btn{position: relative;padding: 10px;display: flex;align-items: center;gap: 5px;font-size: 16px; font-weight: 400;color: var(--main-point-color); line-height: 1em;}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box .lang_btn > .lang_icon img{filter: invert(1) brightness(2);}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box .lang_btn + .lang_ul{position: absolute;width: auto;left: 50%; transform: translateX(-50%); padding: 5px;border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border-top: 0;z-index: 1;display: none;}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul{display: block;background: #fff;}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li{padding: 0; text-align: center;}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li + li {margin-top: 5px;}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li a{display: block; padding: 16px 18px; border-radius: 8px; font-size: 15px; font-weight: 400;color: var(--main-point-color);line-height: 1em; text-align: center; background-color: #fff; transition: 0.2s;}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li a.on{background-color: #f2f4f6;}
.all_menu_container.FM7 .lang_btn_li .lang_btn_box.active .lang_btn + .lang_ul li a:hover{background-color: #f2f4f6;}
.all_menu_container.FM7 .all_menu_body{position:relative; text-align: center;}
.all_menu_container.FM7 .all_menu_body .container_fix{max-width: 1510px;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul{display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; table-layout: fixed;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul > li {display: block;flex: 1; min-height: calc(100vh - 84px);padding: 40px 0px 120px;position: relative;border-left: 1px solid rgba(238, 238, 238,0.1);}
.all_menu_container.FM7 .all_menu_body .all_menu_ul > li:last-child{border-right: 1px solid rgba(238, 238, 238,0.1);}
.all_menu_container.FM7 .all_menu_body .all_menu_ul > li:hover {background-color: rgba(6, 11, 17, 0.24);}
.all_menu_container.FM7 .all_menu_body .all_menu_ul > li > a{font-size: 22px;color: #ffffff;font-weight: 700;line-height: 1.2em;margin-bottom: 45px;display: block;position: relative;transition: 0.3s;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul > li > a .link_icon{display: inline-block;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul > li > a .link_icon img{display: block; position: relative; top: 2px; margin-left: 3px;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div{display: block;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div > ul > li{margin-bottom: 40px;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div > ul > li:last-child{margin-bottom: 0;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div > ul > li > a {font-size: 15px;color: #ffffff;line-height: 1.2em;font-weight: 700;transition: 0.3s;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div > ul > li > a .link_icon{display: inline-block;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div > ul > li > a .link_icon img{display: block; position: relative; top: 2px; margin-left: 3px;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div .all_sub_li.on > a,
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div .all_sub_li2.on > a,
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div a:hover{text-decoration: underline;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div2{padding-top: 15px;display: block;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li{margin-bottom: 10px;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li > a {font-size: 14px;color: #f8fafa;line-height: 1.2em;transition: 0.2s;padding: 0 10px; opacity: 0.3;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li.on > a,
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li:hover > a {opacity: 1;}
.all_menu_container.FM7 .all_menu_body .all_menu_ul .all_sub_div2 > ul > li > a img{display: inline-block; position: relative; top: -1px; margin-left: 3px;}

@media(max-width: 1200px){
    .admin-H .all_menu_container.FM7{top: 0;}
}


/* 전체메뉴8 */
.header-menu.FM8_on .ham_btn > a::before {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: '';width: 0;height: 0;background-color: #000;border-radius: 100%;transition: all 0.5s ease-in-out;}
.header-menu.FM8_on .ham_btn.on > a::before {width: 5000px;height: 5000px;transition: all 0.8s ease-in-out;}
.all_menu_container.FM8{width:100%; position:fixed; top:0; left:0; opacity:0; z-index:14; height:100vh; visibility:hidden; transform-origin:top; transition:all 0.3s ease-out; overflow-y: auto;}
.admin-H .all_menu_container.FM8{top: 50px;}
.all_menu_container.FM8.active{opacity:1; visibility:visible;}
.all_menu_container.FM8 .cm_sitemap{position: absolute;display: table;width: 100%;height: 100%;overflow-y: auto;}
.all_menu_container.FM8 .cm_sitemap_inner{position: relative;display: table-cell;vertical-align: middle;opacity: 0;transition: opacity 0.5s ease 0s;}
.all_menu_container.FM8.active .cm_sitemap_inner{opacity: 1.0;transition-delay: 0.4s;}
.all_menu_container.FM8 .all_menu_header{position: absolute; top: 0; left: 0; width: 100%;}
.all_menu_container.FM8 .all_menu_header .container_fix{display:table; max-width: 1850px; width: 100%; position: relative;}
.all_menu_container.FM8 .all_menu_header .container_fix > a, 
.all_menu_container.FM8 .all_menu_header .container_fix > .all_menu_logo{display:table-cell; padding:0; vertical-align:middle;}
.all_menu_container.FM8 .all_menu_header a.all_logo{line-height:84px; display: inline-block;}
.all_menu_container.FM8 .all_menu_header a.all_logo img{display: inline-block;}
.all_menu_container.FM8 .all_menu_header .right_btn{position: absolute;top: 80px;right: 80px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;z-index: 1; }
.all_menu_container.FM8 .all_menu_header .right_btn .all_menu_close{background-color: rgba(255, 255, 255, 0.1);width: 100px;height: 100px;line-height: 100px;-webkit-border-radius: 100%;border-radius: 100%;text-align: center;display: flex;align-items: center;justify-content: center;}
.all_menu_container.FM8 .all_menu_header .right_btn .all_menu_close img{filter: invert(1) brightness(2); transition: transform 0.5s;}
.all_menu_container.FM8 .all_menu_header .right_btn:hover .all_menu_close img{transform: rotate(180deg);}
.all_menu_container.FM8 .all_menu_body{position: relative;}
.all_menu_container.FM8 .all_menu_body .container_fix{max-height: calc(100vh - 7em - 5rem);overflow-x: hidden;overflow-y: auto;}
.all_menu_container.FM8 .all_menu_body .all_menu_ul{display: flex;flex-wrap: wrap;}
.all_menu_container.FM8 .all_menu_body .all_menu_ul .link_icon{display: inline-block; position: relative;}
.all_menu_container.FM8 .all_menu_body .all_menu_ul .link_icon img{display: block; transition: 0.3s;}
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li{padding: 2.643rem 0;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(255, 255, 255, 0.2);transition: border-bottom-color 0.5s;}
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li.on,
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li:hover{border-bottom: 1px solid rgba(255, 255, 255, 1);}
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li > a{position: relative;padding-right: 4rem;font-size: 50px;line-height: 1;font-weight: 700;color: #fff;transition: color 0.3s;}
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li.on > a,
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li:hover > a{color: var(--main-point-color-hover);}
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li > a .link_icon img.icon_off{transition: 0.3s; opacity: 1;}
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li.on > a .link_icon img.icon_off,
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li:hover > a .link_icon img.icon_off{opacity: 0;}
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li > a .link_icon img.icon_on{transition: 0.3s; position: absolute; opacity: 0; top: 0; left: 0;}
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li.on > a .link_icon img.icon_on,
.all_menu_container.FM8 .all_menu_body .all_menu_ul > li:hover > a .link_icon img.icon_on{opacity: 1;}
.all_menu_container.FM8 .all_menu_body .all_sub_ul{display: flex;flex-wrap: wrap;}
.all_menu_container.FM8 .all_menu_body .all_sub_ul > li{position: relative;}
.all_menu_container.FM8 .all_menu_body .all_sub_ul > li + li{position: relative;margin-left: 25px;}
.all_menu_container.FM8 .all_menu_body .all_sub_ul > li + li::before{position: absolute;top: -2px;left: -15px;font-size: 18px;font-weight: 700;color: #555555;content: '/';}
.all_menu_container.FM8 .all_menu_body .all_sub_ul > li > a{position: relative;display: block;color: #fff;font-size: 20px;font-weight: 600;line-height: 1;transition: all 0.3s;}
.all_menu_container.FM8 .all_menu_body .all_menu_li.on .all_sub_a,
.all_menu_container.FM8 .all_menu_body .all_menu_li.hover .all_sub_a{color: #555555;}
.all_menu_container.FM8 .all_menu_body .all_menu_li.on .all_sub_a .link_icon img,
.all_menu_container.FM8 .all_menu_body .all_menu_li.hover .all_sub_a .link_icon img{filter: grayscale(100%) brightness(33%);}
.all_menu_container.FM8 .all_menu_body .all_menu_li .all_sub_li.on .all_sub_a,
.all_menu_container.FM8 .all_menu_body .all_menu_li.hover .all_sub_a:hover{color: #ffffff;}
.all_menu_container.FM8 .all_menu_body .all_menu_li .all_sub_li.on .all_sub_a .link_icon img,
.all_menu_container.FM8 .all_menu_body .all_menu_li.hover .all_sub_a:hover .link_icon img{filter: none;}
.all_menu_container.FM8 .all_menu_body .all_sub_ul > li > a::before{position: absolute;bottom: -3px;left: 50%;width: 0;height: 2px;background-color: #fff;content: '';transition: all 0.3s;}
.all_menu_container.FM8 .all_menu_body .all_sub_ul > li.on > a::before,
.all_menu_container.FM8 .all_menu_body .all_sub_ul > li > a:hover::before{width: 100%;margin-left: -50%;}

@media(max-width: 1890px){
    .all_menu_container.FM8 .all_menu_header .right_btn{top: 30px; right: 40px;}
    .all_menu_container.FM8 .all_menu_body{padding: 30px;}
}
@media(max-width: 1500px){
    .all_menu_container.FM8 .all_menu_body .all_menu_ul > li > a{font-size: 35px;}
    .all_menu_container.FM8 .all_menu_body .all_sub_ul > li > a{font-size: 16px;}
}
@media(max-width: 1200px){
    .admin-H .all_menu_container.FM8{top: 0;}
}


/* 전체메뉴9 */
.header-menu.FM9_on{position: relative; z-index: 12;}
.header-menu.FM9_on.all_on .logo_b{display: none;}
.header-menu.FM9_on.all_on .logo_w{display: inline-block;}
.header-menu.FM9_on.all_on .ham_btn > a{height: 21px;}
.header-menu.FM9_on.all_on .ham_btn .line{width: 26px;}
.header-menu.FM9_on.all_on .ham_btn .line1{transform: rotate(45deg) translate(5px, 10px);}
.header-menu.FM9_on.all_on .ham_btn .line2{opacity: 0;}
.header-menu.FM9_on.all_on .ham_btn .line3{transform: rotate(-45deg)  translate(3px, -9px);}
.header-menu.FM9_on.all_on .pc-menu .nav-top .menu_ul_01 > li > .menu-a{color: var(--main-point-color);}
.at-header.transparent_H .header-menu.FM9_on.all_on .pc-menu .lang_btn_li .lang_btn_box .lang_btn img,
.at-header.transparent_H .header-menu.FM9_on.all_on .pc-menu .mypage_btn_li img,
.at-header.transparent_H .header-menu.FM9_on.all_on .pc-menu .search_btn img{filter: invert(0) brightness(0);}
.at-header.transparent_H .header-menu.FM9_on.all_on .pc-menu .ham_btn .line{background-color: var(--main-point-color);}

.all_menu_container.FM9{width:100%; position:fixed; top:0; right: -100%; opacity:0; z-index:11; height:100vh; transition:opacity 0.5s ease; overflow-y: auto; background: url(https://fivepro.co.kr/img/DMA9_bg.png) no-repeat bottom right #fff;}
.admin-H .all_menu_container.FM9{top: 50px;}
.all_menu_container.FM9.active{opacity:1; right: 0;}
.all_menu_container.FM9 .all_menu_header{display: none;}
/* .all_menu_container.FM9 .all_menu_header{position: absolute; top: 0; left: 0; width: 100%; height: 84px; z-index: 1;} */
.all_menu_container.FM9 .all_menu_header .container_fix{max-width: 1850px; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.all_menu_container.FM9 .all_menu_body {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;}
.all_menu_container.FM9 .all_menu_body .container_fix{max-width: 1510px; position: relative; padding-left: 30px;}
.all_menu_container.FM9 .all_menu_body .container_fix > ul {width: 100%; position: relative;}
.all_menu_container.FM9 .all_menu_body .all_menu_li{width: 45%;margin: 0 0 60px 0;}
.all_menu_container.FM9 .all_menu_body .all_menu_li::before{position: fixed;top: 0;left: 0;z-index: -2;opacity: 0;width: 41.146%;height: 100%;background-repeat: no-repeat;background-size: cover;content: '';pointer-events: none; transition: 0.5s;}
.all_menu_container.FM9 .all_menu_body .all_menu_li.hover::before{opacity: 1;z-index: -1;}
/* 이미지 공통적용 시 사용
.all_menu_container.FM9 .all_menu_body .all_menu_li::before{background-image: url(https://fivepro.co.kr/img/bg_menu_1.jpg);} 
*/
.all_menu_container.FM9 .all_menu_body .all_menu_li::before{background-color: #111111;} 
.all_menu_container.FM9 .all_menu_body .all_menu_li:nth-child(1)::before{background-image: url(https://fivepro.co.kr/img/bg_menu_1.jpg);} 
.all_menu_container.FM9 .all_menu_body .all_menu_li:nth-child(2)::before{background-image: url(https://fivepro.co.kr/img/bg_menu_2.jpg);} 

.all_menu_container.FM9 .all_menu_body .all_menu_li > a {font-size: 35px;font-weight: 800;line-height: 1.2;color: #fff;opacity: 0.5;}
.all_menu_container.FM9 .all_menu_body .all_menu_li:hover > a{opacity: 1;}
.all_menu_container.FM9 .all_menu_body .all_menu_li > a .link_icon{display: inline-block;}
.all_menu_container.FM9 .all_menu_body .all_menu_li > a .link_icon img{display: block; position: relative; top: 0px;}
.all_menu_container.FM9 .all_sub_div{display: none;position: absolute;top: 0;right: 0;width: 53.925%;max-width: 1440px; transform: translateX(100px);}
.all_menu_container.FM9.active .all_sub_div{transform: translateX(0); transition: .5s ease; transition-delay: 0.1s;}
.all_menu_container.FM9 .all_menu_li.hover .all_sub_div{display: block;}
.all_menu_container.FM9 .all_menu_li.hover .all_sub_ul{max-height: 60vh; overflow-y: auto; overflow-x: hidden;}
.all_menu_container.FM9 .all_sub_div .all_sub_li{width: 100%;margin: 0 0 48px 0;}
.all_menu_container.FM9 .all_menu_body .all_sub_li > a{font-size: 26px;font-weight: 800;line-height: 1.2;color: #fff;color: #999;transition: .2s linear;}
.all_menu_container.FM9 .all_menu_body .all_sub_li:hover > a{color: var(--main-point-color-hover);}
.all_menu_container.FM9 .all_menu_body .all_sub_li > a .link_icon{display: inline-block; position: relative;}
.all_menu_container.FM9 .all_menu_body .all_sub_li > a .link_icon img{display: block; position: relative; top: 0px; transition: 0.3s;}

.all_menu_container.FM9 .all_menu_body .all_sub_li > a .link_icon img.icon_off{opacity: 1;}
.all_menu_container.FM9 .all_menu_body .all_sub_li:hover > a .link_icon img.icon_off{opacity: 0;}
.all_menu_container.FM9 .all_menu_body .all_sub_li > a .link_icon img.icon_on{position: absolute; top: 0; left: 0; opacity: 0;}
.all_menu_container.FM9 .all_menu_body .all_sub_li:hover > a .link_icon img.icon_on{opacity: 1;}

.all_menu_container.FM9 .all_sub_div2{display: block;position: static;width: 100%;margin: 30px 0 0 0;}
.all_menu_container.FM9 .all_sub_div2 li{width: 100%;margin: 0 0 20px 0;}
.all_menu_container.FM9 .all_sub_div2 li > a{width: 100%;font-size: 18px;font-weight: 400;color: #999999;}
.all_menu_container.FM9 .all_sub_div2 li > a:hover{color: var(--main-point-color);}
.all_menu_container.FM9 .all_sub_div2 li > a img{display: inline-block;position: relative;top: -1px;margin-left: 2px;transition: .5s ease;}
.all_menu_container.FM9 .all_sub_div2 li > a:hover img{filter: brightness(0%);}

.header-menu.FM9_on.all_on .all_menu_wrap,
.header-menu.FM9_on.all_on .DMS02 .nav-top.nav-both .sub-1div,
.header-menu.FM9_on.all_on .DMS03 .nav-top.nav-both .sub-1div,
.header-menu.FM9_on.all_on .DMS04 .sub-1div,
.header-menu.FM9_on.all_on .pc-menu .DMS05 .sub-1div{display: none !important;}

@media (min-width: 1200px){
    .all_menu_container.FM9 .all_menu_body .all_menu_li > a {display: inline-block;transform: translateX(100px);transition: .5s ease;}
    .all_menu_container.FM9.active .all_menu_body .all_menu_li > a {transform: translateX(0);}
    .all_menu_container.FM9 .all_menu_body .all_sub_li > a {display: inline-block;transform: translateX(100px);transition: .5s ease;}
    .all_menu_container.FM9.active .all_menu_body .all_sub_li > a {transform: translateX(0);}
    .all_menu_container.FM9 .all_sub_div2 li > a {display: inline-block;transform: translateX(100px);transition: .5s ease;}
    .all_menu_container.FM9.active .all_sub_div2 li > a {transform: translateX(0);}
}
@media (max-width: 1500px){
    .all_menu_container.FM9 .all_menu_body .container_fix > ul{padding-top: 30px;}
}
@media (max-width: 1200px){
    .admin-H .all_menu_container.FM9{top: 0;}
}

/* 공통 검색박스 */
.at-header .search_drop{position: fixed; top: 0; left: 0; width: 100%; padding-top: 60px; padding-bottom: 50px; background-color: #fff; z-index: 111;text-align:center;opacity: 0;visibility:hidden;transition:all 0.3s;border-bottom: 1px solid #f1f1f1;}
.at-header .search_drop.active{opacity:1; visibility:visible;}
.at-header.admin-H .search_drop.active{top: 50px;}
.at-header .search_drop .form{width:500px; margin:0 auto; position:relative;}
.at-header .search_drop .form input{width:100%; height:50px; border:0; border-bottom:2px solid #777777; background-color: #fff; font-size:16px; color:var(--main-point-color); font-weight:300; padding:0 30px 0 5px;}
.at-header .search_drop .form input::placeholder{color:var(--main-point-color);}
.at-header .search_drop .form button{display:block; width:21px; height:22px; position:absolute; background:none; outline:none; border:0;top:17px; right:0; z-index: 12;}
.at-header .search_drop .form button span.circle{width:17px; height:17px; border:2px solid var(--main-point-color); position:absolute; top:0; left:0; border-radius:50%;}
.at-header .search_drop .form button span.line{width:2px; height:10px; background:var(--main-point-color); position:absolute; right:3px; bottom:0; transform:rotate(-45deg);}
.at-header .search_drop .header_search_close{display:block; width:18px; height:17px; position:absolute; right:30px; top:30px;}
.at-header .search_drop .header_search_close span{display:block; width:23px; height:2px; background:#222222; position:absolute; right:0; top:50%; transition:all 0.3s;transform:rotate(-45deg);}
.at-header .search_drop .header_search_close span:nth-child(2){transform:rotate(45deg);}
.at-header .search_drop .popular_keyword{display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.at-header .search_drop .popular_keyword h4{font-size: 16px; font-weight: 500; color: var(--main-point-color); margin-right: 50px;}
.at-header .search_drop .popular_keyword li{display: inline-block;}
.at-header .search_drop .popular_keyword li+li{margin-left: 8px;}
.at-header .search_drop .popular_keyword .rank_a{display: block; font-size: 16px; font-weight: 300; color: #666666; border: 1px solid #e1e1e1; border-radius: 20px; line-height: 38px; min-width: 111px; transition: 0.3s;}
.at-header .search_drop .popular_keyword .rank_a:hover{font-weight: 500; color: var(--main-point-color); border: 1px solid #111111;}
.at-header .header_search input{z-index: 11; position: relative;}
.at-header .search_btn{z-index: 12;}

/*************************** 일체형 헤더 ***************************/
.at-header.transparent_H .pc-menu .search_btn img{filter: invert(1) brightness(2);}
.at-header.transparent_H .pc_header .marker_box > a.marker_icon{background: url(https://fivepro.co.kr/img/marker_icon_w.png) no-repeat;}
.at-header.transparent_H .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn{color: #fff;}
.at-header.transparent_H .pc-menu .lang_btn_li .lang_btn_box .lang_btn img{filter: invert(1) brightness(2);}
.at-header.transparent_H .pc-menu .mypage_btn_li img{filter: invert(1) brightness(2);}
.at-header.transparent_H .pc-menu .ham_btn .line{background-color: #ffffff;}
.at-header.transparent_H .header-menu .pc-menu .nav-top .menu-li  .menu-a{color: #fff;}
.at-header .header-menu.fixed .pc-menu .nav-top .menu-a{background-color: #fff;}

/*************************** 블러형 헤더 ***************************/
.at-header.hd_blur{background: transparent;}
.at-header.hd_blur .hd_blur_bg{backdrop-filter: saturate(200%) blur(15px);background: rgba(255, 255, 255, 0.1); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* .at-header.hd_blur.transparent_H .pc-menu .search_btn img{filter: invert(1) brightness(2); transition: .5s ease-out;}
.at-header.hd_blur .pc_header .marker_box > a.marker_icon{background: url(https://fivepro.co.kr/img/marker_icon_w.png) no-repeat;} */
/* .at-header.hd_blur .pc_header .container_fix > .lnb_box .lnb_list li .lang_btn_box .lang_btn{color: #fff;}
.at-header.hd_blur.transparent_H .pc-menu .lang_btn_li .lang_btn_box .lang_btn img{filter: invert(1) brightness(2); transition: .5s ease-out;}
.at-header.hd_blur.transparent_H .pc-menu .mypage_btn_li img{filter: invert(1) brightness(2); transition: .5s ease-out;}
.at-header.hd_blur.transparent_H .pc-menu .ham_btn .line{background-color: #ffffff;} */
.at-header.hd_blur.fixed .pc-menu .search_btn img{filter: invert(0) brightness(1);}
.at-header.hd_blur.fixed .pc-menu .lang_btn_li .lang_btn_box .lang_btn img{filter: invert(0) brightness(1);}
.at-header.hd_blur.fixed .pc-menu .mypage_btn_li img{filter: invert(0) brightness(1);}
.at-header.hd_blur.fixed .pc-menu .ham_btn .line{background-color: var(--main-point-color);}
.at-header.hd_blur .pc-menu .DMS01 .all_menu_wrap,
.at-header.hd_blur .pc-menu .DMS03 .nav-top.nav-both .sub-1div,
.at-header.hd_blur .pc-menu .DMS04 .sub-1div::before,
.at-header.hd_blur .pc-menu .DMS05 .sub-1div.var1::before,
.at-header.hd_blur .pc-menu .sub-1div.var2,
.at-header.hd_blur .all_menu_container.FM1{backdrop-filter: saturate(200%) blur(15px);background: rgba(255, 255, 255, 0.1);}
.at-header.hd_blur .pc-menu .DMS03 .nav-top .sub-1dli:hover > .sub-1da{background: rgba(242, 244, 246, 0.1);}

.at-header.hd_blur .pc-menu .DMS03 .nav-top .sub-2div{background: rgba(255, 255, 255, 0.4);}
/* .at-header.hd_blur .pc-menu .DMS05 .sub-1div.var2{backdrop-filter: saturate(200%) blur(15px);background: rgba(255, 255, 255, 0.1);} */

/* 헤더고정 */
.at-header.fixed .pc-menu .DMS01 .all_menu_wrap{top: 70px;}
.at-header.fixed .all_menu_container.FM1{top: 70px;}


/*************************** 모바일 헤더 ***************************/
/* 모바일 헤더 메뉴 공통 */
#thema_wrapper::-webkit-scrollbar{width: 0;}
.m_header {padding: 8px 0; position: relative; z-index: 12;}
.at-header.fixed .m_header {padding: 6px 0; height: 55px;}
.m_header .container_fix{padding: 0 20px;}
.m_header .container_fix .btn_menu_wrap li img {height: 16px; display: block;}
.m_header .container_fix .m_logo img {height: 39px;}
.m_header .container_fix .btn_menu_wrap {margin-left: auto;}
.m_header .container_fix .btn_menu_wrap .btn_menu_ul {display: flex; align-items: center;}
.m_header .container_fix .btn_menu_wrap .all_btn_box > ul > li + li,
.m_header .container_fix .btn_menu_wrap .m-sidear-menu{margin-left: 18px; position: relative; z-index: 2; height: 17px;}
.m_header .container_fix .btn_menu_wrap li.estimate_btn_li{padding-left: 69.5px; position: relative;}
.m_header .container_fix .btn_menu_wrap li.estimate_btn_li a{display: block; height: 28px; white-space: nowrap; padding: 0 13px; border-radius: 6px; background: #e9f3ff; font-size: 13px; font-weight: 500; color: var(--main-point-color-hover); text-align: center; line-height: 28px;}
.m_header .all_close{display: none;}
.m_header .all_btn_box{position: relative; opacity: 1; visibility: visible; transition: transform .2s ease-in-out, opacity .4s ease ;}
.m_header .all_btn_box > ul{display: flex;align-items: center;}
.m_header .container_fix{z-index: 12;}
.m_header .container_fix .btn_menu_wrap .lang_btn_box{display: inline-block;text-align: center;position: relative;z-index: 10;}
.m_header .container_fix .btn_menu_wrap .lang_btn_box .lang_btn{position: relative;line-height: 1em;}
.m_header .container_fix .btn_menu_wrap .lang_btn_box .lang_btn + .lang_ul{position: absolute;width: auto;left: 50%; transform: translateX(-50%); padding: 5px;border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border-top: 0;z-index: 1;display: none;white-space: nowrap;margin-top: 10px;}
.m_header .container_fix .btn_menu_wrap .lang_btn_box.active .lang_btn + .lang_ul{display: block;background: #fff;}
.m_header .container_fix .btn_menu_wrap .lang_btn_box.active .lang_btn + .lang_ul li{padding: 0; text-align: center;}
.m_header .container_fix .btn_menu_wrap .lang_btn_box.active .lang_btn + .lang_ul li + li {margin-top: 5px;}
.m_header .container_fix .btn_menu_wrap .lang_btn_box.active .lang_btn + .lang_ul li a{display: block; padding: 15px 2px; border-radius: 8px; font-size: 13px; font-weight: 400;color: var(--main-point-color);line-height: 1em; text-align: center; background-color: #fff; transition: 0.2s;}
.m_header .container_fix .btn_menu_wrap .lang_btn_box.active .lang_btn + .lang_ul li a.on{background-color: #f2f4f6;}
.m_header .container_fix .btn_menu_wrap .lang_btn_box.active .lang_btn + .lang_ul li a:hover{background-color: #f2f4f6;}

/* 모바일 햄버거 버튼 */
.m_header .m-sidear-menu {width: 16px;height: 17px;vertical-align: middle;}
/* sense:PATCH FIVESENSES.Corp. [LinkHrefSeo] 햄버거 토글이 button 으로 출력됨 */
/* 원본: .m_header .m-sidear-menu a{width: 100%;height: 100%;position: relative;display: block;} */
.m_header .m-sidear-menu a,
.m_header .m-sidear-menu button.m_all_menu{width: 100%;height: 100%;position: relative;display: block;padding: 0; border: 0; background: none; cursor: pointer;}
/* .m_header .m-sidear-menu a::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} */
.m_header .m-sidear-menu .line{width: 100%;height: 2px;background: var(--main-point-color);position: absolute;top: 0;left: 0; transition: all 0.2s;}
.m_header .m-sidear-menu .line2{top: 7px;}
.m_header .m-sidear-menu .line3{top: auto; bottom: 0;}
.m_header .m-sidear-menu .all_close .line1{transform: rotate(45deg); top: 7px; width: 125%;}
.m_header .m-sidear-menu .all_close .line2{opacity: 0;}
.m_header .m-sidear-menu .all_close .line3{transform: rotate(-45deg); bottom: 7px; width: 125%;}
.m_header .m-sidear-menu line{transition: 0.2s;}
.m_header .m-sidear-menu .all_close line:nth-child(1){transform: translate(3px, 1px) rotate(45deg);}
.m_header .m-sidear-menu .all_close line:nth-child(2){opacity: 0;}
.m_header .m-sidear-menu .all_close line:nth-child(3){transform: translate(-8px, 2px) rotate(-45deg);}

/* 모바일 서브페이지 */
/* .at-header.m_header_sb{border-bottom: 1px solid #eeeeee;} */

/* 모바일 일체형 헤더 */
.mob.transparent_H .btn_menu_wrap .btn_menu_ul li img{filter: invert(1) brightness(2);}
/* .mob .btn_menu_wrap .svg_img{stroke: #111;} */
.mob.transparent_H .btn_menu_wrap line{stroke: #fff;}
.at-header.transparent_H .m_header.M_FM1_on .btn_menu_wrap line{stroke: #111;}
.at-header.transparent_H .m_header.M_FM2_on .btn_menu_wrap line{stroke: #111;}
.at-header .m_header.M_FM3_on .btn_menu_wrap line{stroke: #fff;}

/* 모바일 블러 헤더 */
.at-header.m_hd_blur{backdrop-filter: saturate(200%) blur(15px);background: rgba(255, 255, 255, 0.1);}

/* 모바일 헤더고정 */
.mob.fixed.up{top: -53px;}


/*************************** 모바일 전체메뉴 ***************************/
/* 모바일 전체메뉴 1 */
.m_all_menu_wrap.FM1{background-color: #ffffff;width: 100%; height: 100vh; overflow-y: auto; padding: 0 0 50px; display: none; position: absolute; top: 0; padding-top: 55px;}
.m_all_menu_wrap.FM1::-webkit-scrollbar{width: 0;}
.m_all_menu_wrap.FM1 .menu_ul{padding: 0 5px;}
.m_all_menu_wrap.FM1 a{display: block;transition: background-color .2s ease; font-size: 15px; font-weight: 500; color: var(--main-point-color); line-height: 20px;}
/* .m_all_menu_wrap.FM1 .menu_ul li.on > a,
.m_all_menu_wrap.FM1 .menu_ul li:hover > a,
.m_all_menu_wrap.FM1 li a.active,
.m_all_menu_wrap.FM1 .menu_li_tt:hover a.is-sub,
.m_all_menu_wrap.FM1 a.is-sub.active{background-color: #f3f4f6;} */
.m_all_menu_wrap.FM1 .menu_li_tt a {padding: 0 15px;position: relative;line-height: 53px; border-radius: 5px;}
.m_all_menu_wrap.FM1 .menu_li_tt a.onBg {background-color: #f9f9f9;}
.m_all_menu_wrap.FM1 .menu_li_tt a span.arr {display: block;width: 15px;height: 7px;position: absolute;top: 24px;right: 20px;transition: transform .2s ease;}
.m_all_menu_wrap.FM1 .menu_li_tt a span.arr:before {content: "";display: block;height: 2px;width: 9px;background: var(--main-point-color);position: absolute;top: 50%;left: 0;transform: rotate(45deg) translate(0%, 0);}
.m_all_menu_wrap.FM1 .menu_li_tt a span.arr:after {content: "";display: block;height: 2px;width: 9px;background: var(--main-point-color);position: absolute;top: 50%;right: 0;transform: rotate(-45deg) translate(0%, 0);}
.m_all_menu_wrap.FM1 .menu_li_tt a.active span.arr{transform: rotate(180deg);}
.m_all_menu_wrap.FM1 .menu_li_sub{position: relative; display: flex; flex-direction: column; gap: 7px;}
.m_all_menu_wrap.FM1 .menu_li_sub li a {position: relative;}
.m_all_menu_wrap.FM1 .menu_li_sub > li a{padding: 16.5px 10px 16.5px 25px;}
.m_all_menu_wrap.FM1 .menu_li_sub > li a span.arr {display: block;width: 11px;height: 7px;position: absolute;top: 24px;right: 20px;transition: transform .2s ease;}
.m_all_menu_wrap.FM1 .menu_li_sub > li a span.arr:before {content: "";display: block;height: 1px;width: 7px;background: var(--main-point-color);position: absolute;top: 50%;left: 0;transform: rotate(45deg) translate(0%, 0);}
.m_all_menu_wrap.FM1 .menu_li_sub > li a span.arr:after {content: "";display: block;height: 1px;width: 7px;background: var(--main-point-color);position: absolute;top: 50%;right: 0;transform: rotate(-45deg) translate(0%, 0);}
.m_all_menu_wrap.FM1 .menu_li_sub > li a.active span.arr{transform: rotate(180deg);}
.m_all_menu_wrap.FM1 .menu_li_sub li .sub_menu_div{/*display: none;*/ padding: 0 0 0 15px;}
.m_all_menu_wrap.FM1 .menu_li_sub li .custom_sub_menu{/*display: none; */padding: 0 0 0 15px;}
.m_all_menu_wrap.FM1 .menu_li_sub li .custom_sub_menu_ul li a{padding: 16.5px 10px;}
.m_all_menu_wrap.FM1 .btn_wrap{padding: 20px 20px 50px;}
.m_all_menu_wrap.FM1 .btn_wrap a{font-size: 14px; line-height: 1.2em; font-weight: 500; display: block;text-align: center; padding: 14px 15px; border-radius: 10px; color: #fff; background-color: var(--main-point-btn-bg-color-hover);}
.m_all_menu_wrap.FM1 .btn_wrap .mypage_btn_li a{color: var(--main-point-color-hover); background-color: var(--main-point-bg-soft-color);}


.m_all_menu_wrap.FM1 .btn_wrap .btn_ul {display: flex; flex-direction: column; gap: 10px;}
.m_all_menu_wrap.FM1 .btn_wrap .btn_ul li:first-child {order: 2;}
.m_all_menu_wrap.FM1 .btn_wrap .btn_ul li:first-child a {background-color: #fff; color: #595959; border: 1px solid #ebebeb;}
.m_all_menu_wrap.FM1 .btn_wrap .btn_ul li:last-child {order: 1;}

.m_header.M_FM1_on{background-color: #ffffff;}
.mob.transparent_H .m_header.M_FM1_on .btn_menu_wrap .btn_menu_ul li img{filter: none;}
.at-header.transparent_H .m_header.M_FM1_on .logo_w{display: none;}
.at-header.transparent_H .m_header.M_FM1_on .logo_b{display: inline-block;}


/* 모바일 전체메뉴 1 커스텀 */
.m_all_menu_wrap.FM1 .menu_li_sub .aa_menu {color: #4e5968;}
.m_all_menu_wrap.FM1 .menu_li_sub li a.on,
.m_all_menu_wrap.FM1 .menu_li_sub li:hover {background-color: #f9f9f9; border-radius: 5px;}
.m_all_menu_wrap.FM1 .menu_li_sub .aa_menu .text_box .text_top {display: flex; align-items: center; gap: 5px;}
.m_all_menu_wrap.FM1 .menu_li_sub .aa_menu .text_box .text_top .menu_sticker_wrap .menu_sticker {display: inline-flex; align-items: center; margin-right: 3px; padding: 4px 5px; font-size: 10px; border-radius: 3px; line-height: 1;}
.m_all_menu_wrap.FM1 .menu_li_sub .aa_menu .text_box .text_bot .menu_text {font-size: 12px; line-height: 21px;}


 /* 2025-05-14 (주)파이브센스_FIVESENSES.Corp. */
.m_all_menu_wrap.FM1 span.link_icon{display: inline-block; position: relative; top: 1px; right: -9px;}
.m_all_menu_wrap.FM1 span.link_icon img{width: 11px; position: relative; display: block;}

/* 모바일 전체메뉴 2 */
.m_all_menu_wrap.FM2{background-color: #ffffff;width: 100%;height: calc(100vh - 53px);overflow-y: auto;padding: 18px 0 50px;right: -100%; position: absolute; transition: .15s ease;}
.m_all_menu_wrap.FM2.open{right: 0;}
.m_all_menu_wrap.FM2::-webkit-scrollbar{width: 0px;}
.m_all_menu_wrap.FM2 .menu_ul{padding: 0 20px;}
.m_all_menu_wrap.FM2 .menu_ul a{display: block;line-height: 1.2em;}
.m_all_menu_wrap.FM2 .menu_li_tt a {position: relative;line-height: 55px; font-size: 16px; font-weight: 700; color: var(--main-point-color);}
.m_all_menu_wrap.FM2 .menu_li_tt a:hover{color: var(--main-point-color);}
.m_all_menu_wrap.FM2 .menu_li_sub{position: relative; padding: 5px 28px 5px 25px; background-color: #000; border-radius: 10px;}
.m_all_menu_wrap.FM2 .menu_li_sub li a {position: relative;}
.m_all_menu_wrap.FM2 .menu_li_sub > li a{padding: 18px 0; font-size: 14px; font-weight: 700; color: #fff;}
.m_all_menu_wrap.FM2 .menu_li_sub > li a span.arr {display: block;width: 10px;height: 7px;position: absolute;top: 24px;right: 0px;transition: transform .2s ease;}
.m_all_menu_wrap.FM2 .menu_li_sub > li a span.arr:before {content: "";display: block;height: 1px;width: 6px;background: #fff;position: absolute;top: 50%;left: 0;transform: rotate(45deg) translate(0%, 0);}
.m_all_menu_wrap.FM2 .menu_li_sub > li a span.arr:after {content: "";display: block;height: 1px;width: 6px;background: #fff;position: absolute;top: 50%;right: 0;transform: rotate(-45deg) translate(0%, 0);}
.m_all_menu_wrap.FM2 .menu_li_sub > li a.active span.arr{transform: rotate(180deg);}
.m_all_menu_wrap.FM2 .menu_li_sub li .sub_menu_div ul{/*display: none;*/ padding: 7px 14px;background-color: #111; border-radius: 10px;}
.m_all_menu_wrap.FM2 .menu_li_sub li .sub_menu_div li > a{font-size: 14px; font-weight: 500; padding: 9px 0;}
.m_all_menu_wrap.FM2 .menu_li_sub li .sub_menu_div li a span{top: 15px;}
.m_all_menu_wrap.FM2 .menu_li_sub li .custom_sub_menu ul{/*display: none; */padding: 0 0 0 15px;}
.m_all_menu_wrap.FM2 .menu_li_sub li .custom_sub_menu_ul li a{padding: 16.5px 10px;}
.m_all_menu_wrap.FM2 .lang_btn_wrap{position: fixed;bottom: 0;left: 0;width: 100%;height: 52px;background-color: #fff;border-top: 1px solid #ebebeb;transition: .1s linear;display: none;justify-content: space-between;align-items: center;padding: 0 20px;transition: .1s linear;}
.m_all_menu_wrap.FM2 .lang_btn_wrap img{height: 16px;}
.m_all_menu_wrap.FM2 .lang_selector{position: static;margin-left: auto;display: flex;align-items: center; max-width: 80%; overflow-x: auto;white-space : nowrap;}
.m_all_menu_wrap.FM2 .lang_selector::-webkit-scrollbar {height: 3px;}
.m_all_menu_wrap.FM2 .lang_selector::-webkit-scrollbar-button{width: 0;}
.m_all_menu_wrap.FM2 .lang_selector ul{display: flex;align-items: center;justify-content: flex-end;}
.m_all_menu_wrap.FM2 .lang_selector li{display: flex;margin-left: 1rem;}
.m_all_menu_wrap.FM2 .lang_selector li a{color: #cdcdcd;font-size: 11px;line-height: 1.375rem;font-weight: 700;}
.m_all_menu_wrap.FM2 .lang_selector li a.on{color: var(--main-point-color);}

.m_header.M_FM2_on{background-color: #ffffff;}
.mob.transparent_H .m_header.M_FM2_on .btn_menu_wrap .btn_menu_ul li img{filter: none;}
.at-header.transparent_H .m_header.M_FM2_on .logo_w{display: none;}
.at-header.transparent_H .m_header.M_FM2_on .logo_b{display: inline-block;}

 /* 2025-05-14 (주)파이브센스_FIVESENSES.Corp. */
.m_all_menu_wrap.FM2 span.link_icon{display: inline-block; position: relative; top: 0 !important; right: 0;}
.m_all_menu_wrap.FM2 span.link_icon img{width: 12px; position: relative; display: block;}
.m_all_menu_wrap.FM2 .menu_li_sub span.link_icon img{width: 11px;}

/* 모바일 전체메뉴 3 */
.m_all_menu_wrap.FM3{background-color: #325ac9;width: 100%;height: 100vh;overflow-y: auto;padding: 0 0 30px; position: fixed; top: 0; padding-top: 61px; right: -100%; transition: 0.3s;}
.m_all_menu_wrap.FM3.active{right: 0;}
.m_all_menu_wrap.FM3::-webkit-scrollbar{width: 0;}
.m_all_menu_wrap.FM3 a{display: block;transition: background-color .2s ease; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.2em;}
.m_all_menu_wrap.FM3 .menu_li_tt a {padding: 12px 20px;position: relative;line-height: 1.2em;}
.m_all_menu_wrap.FM3 .menu_li_sub{position: relative; padding-left: 20px; padding-bottom: 17px;}
.m_all_menu_wrap.FM3 .menu_li_sub li a {position: relative; color: #c1cdf0; font-size: 14px; font-weight: 400;}
.m_all_menu_wrap.FM3 .menu_li_sub > li a{padding: 6px 15px;}
.m_all_menu_wrap.FM3 .menu_li_sub li.on > a,
.m_all_menu_wrap.FM3 .menu_li_sub li a.open{text-decoration: underline; text-underline-offset: 3px;}
.m_all_menu_wrap.FM3 .menu_li_sub li .sub_menu_div{/*display: none;*/ padding: 0 0 0 15px;}
.m_all_menu_wrap.FM3 .menu_li_sub li .custom_sub_menu{/*display: none; */padding: 0 0 0 15px;}

.m_header.M_FM3_on{width: 70%; margin-left: auto;}
.m_header.M_FM3_on .container_fix{justify-content: flex-end;}
.m_header.M_FM3_on .container_fix .m_logo_box,
.m_header.M_FM3_on .container_fix .m_logo{display: none;}
.m_header.M_FM3_on .container_fix .btn_menu_wrap .all_btn_box > ul > li > a img,
.m_header.M_FM3_on .container_fix .btn_menu_wrap .all_btn_box .lang_btn img,
.m_header.M_FM3_on .container_fix .btn_menu_wrap .m_all_menu img{filter: invert(1) brightness(2);}
.m_header.M_FM3_on .m-sidear-menu .all_close .line{background-color: #ffffff;}

 /* 2025-05-14 (주)파이브센스_FIVESENSES.Corp. */
.m_all_menu_wrap.FM3 span.link_icon{display: inline-block; position: relative; top: 0 !important; right: 0;}
.m_all_menu_wrap.FM3 span.link_icon img{width: 12px; position: relative; display: block;}
.m_all_menu_wrap.FM3 .menu_li_sub span.link_icon img{width: 11px;}


/* 피씨 검색로딩 */
#pc_search_box{display: none;}
#pc_search_box * {font-family: 'Pretendard';}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top {display: flex; align-items: flex-end; justify-content: space-between; padding: 20px 20px 12px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top .preview_top_title {font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--main-point-color);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_top .recommend_top_title {font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--main-point-color); text-align: left; padding: 25px 20px 12px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top .all_delete_btn {border: none; width: auto; white-space : nowrap; background-color: transparent; position: relative; top: 9px; right: 0; color: #b1b1b1; font-size: 13px;}
.at-header .search_drop #pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top .all_delete_btn{top: 3px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list{padding: 0 15px; display: flex; flex-wrap : wrap; gap: 6px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li {padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li:hover {background-color: transparent;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li a {display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border: none; background-color: #f5f5f5; border-radius: 16px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li + li {border-top: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li + li a {margin-left: 0px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li .left { width: auto; overflow: visible; border-radius: 0; margin-right: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li .left p { font-size: 14px; font-weight: 400; color: #444; line-height: 32px; white-space : nowrap;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li .right{background-color: transparent; border: none; margin-left: 9px; position: relative; top: 0; right: 0; transform: none; width: 10px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list {display: flex; flex-wrap : wrap; gap: 6px; padding: 0 15px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li {display: block; height: 33px; padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li:hover {background-color: #fff;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li + li {border: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li a {display: block; font-size: 14px; font-weight: 400; color: var(--main-point-color-hover); line-height: 32px; padding: 0 11px; background-color: var(--main-point-bg-soft-color); border-radius: 16.5px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .more_keyword .more_keyword_btn button {border: 1px solid #e1e1e1; background-color: #fff; border-radius: 16.25px; width: 87.5px; height: 32.5px; margin: 15px auto 0; font-size: 11px; color: #333; line-height: 30.5px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .more_keyword .more_keyword_btn .arrow {display: inline-block; font-family: 'SUIT', sans-serif; font-weight: 500; transform: rotate(90deg); margin-left: 2px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .list_off{color: #999999; font-size: 13px; font-weight: 400; padding: 0 5px; text-align: left;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .list_off img{display: block; margin: 0 auto 15px; width: 41px; height: 41px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot{padding-bottom: 20px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .keyword_rank_box_title {font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--main-point-color); text-align: left; padding: 30px 20px 5px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot > p {font-size: 10px; font-weight: 400; color: #999; text-align: left; padding-left: 15px; margin: 10px 0 10px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list {padding: 0 20px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li {padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li:hover{background-color: #fff;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li + .rank_li {margin-left: auto; border: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li + .rank_li a {margin-left: auto; border-top: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a {font-size: 15px; line-height: 30px; font-weight: 400; display: flex; align-items: center; width: 100%; padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .num {font-family: "Open Sans", sans-serif; font-weight: 700; width: 20px; text-align: left; color: var(--main-point-color)  !important; transition: 0.2s;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a:hover .num {color: var(--main-point-color-hover) !important;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .keyword {color: #666;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a:hover .keyword {color: var(--main-point-color-hover);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status {margin-left: auto; position: relative;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_up:before {content: ""; border-bottom: 5.5px solid #f86e78; border-left: 4.5px solid rgba(0, 0, 0, 0); border-right: 4.5px solid rgba(0, 0, 0, 0); position: absolute; left: -5px; top: 50%; transform: translatey(-50%);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_down:before {content: ""; border-top: 5.5px solid #aaa; border-left: 4.5px solid rgba(0, 0, 0, 0); border-right: 4.5px solid rgba(0, 0, 0, 0); position: absolute; left: -5px; top: 50%; transform: translatey(-50%);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_keep:before {content: ""; display: inline-block; width: 6px; height: 1px; background: #aaa; position: absolute; left: -5px; top: 50%; transform: translatey(-50%);}

/* 2025-02-13 (주)파이브센스_FIVESENSES.Corp. 게시판 상세페이지 헤더 추가 */
/* .m_header.wr_id_h{padding: 14px 0;} */
.container_fix.wr_id_header{justify-content: center;}
.wr_id_header .list_btn{position: absolute; top: 0; left: 15px;}
.wr_id_header .list_btn img{width: 20px; height: auto;}

/* 2025-02-14 (주)파이브센스_FIVESENSES.Corp. 게시판 작성페이지 헤더 추가 */
.m_header.write_h{padding: 10px 0;}
.m_header .write_header{justify-content: flex-end !important; padding-top: 2px;}
.m_header .write_header .list_btn{position: absolute; top: 13px; left: 15px;}
.m_header .write_header .list_btn img{width: 20px; height: auto;}
/* 2025-03-28 (주)파이브센스_FIVESENSES.Corp. */
.m_header .write_header .btn{color: #5d5d5d; font-size: 14px; line-height: 1em; background-color: #ebebeb; border-radius: 4px !important; padding: 12px 16px; border: none; transition: 0.2s;}
.m_header .write_header .btn:hover{background-color: #e8e8e8;}
.m_header .write_header .btn-2{color: #fff; background-color: var(--main-point-btn-bg-color-hover); margin-left: 8px;}
.m_header .write_header .btn-2:hover{opacity: 0.8;background-color: var(--main-point-btn-bg-color-hover);}

/* 2025-03-10 (주)파이브센스_FIVESENSES.Corp. 게시판 헤더 실선제거 */
.at-header.m_no_border{border-color: transparent;}

/*************************** 어드민 헤더 ***************************/
/* 어드민 설정 */
/* .admin__area.fixed{position: fixed; top: 0; left: 0; width: 100%; z-index: 1002;} */
.admin__area.fixed {position: relative; width: 100%;}

/* css END */