/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다. (125,131): run-time error CSS1046: Expect comma, found '60' (125,136): run-time error CSS1046: Expect comma, found ')' (125,147): run-time error CSS1046: Expect comma, found '102' (125,154): run-time error CSS1046: Expect comma, found ')' (144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (157,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (288,62): run-time error CSS1046: Expect comma, found '73' (288,68): run-time error CSS1046: Expect comma, found '/' (319,162): run-time error CSS1034: Expected closing parenthesis, found ',' (319,162): run-time error CSS1042: Expected function, found ',' (319,167): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (425,125): run-time error CSS1046: Expect comma, found '0' (425,129): run-time error CSS1046: Expect comma, found '/' (515,38): run-time error CSS1046: Expect comma, found '201' (515,46): run-time error CSS1046: Expect comma, found '/' (557,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1104,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1552,56): run-time error CSS1046: Expect comma, found '75' (1552,62): run-time error CSS1046: Expect comma, found '/' (1751,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1752,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1756,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1764,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1788,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2213,53): run-time error CSS1039: Token not allowed after unary operator: '-bd-violet-rgb' (2213,84): run-time error CSS1039: Token not allowed after unary operator: '-bd-violet-rgb' (2277,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-violet-bg' (2283,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-box-shadow-lg' (2292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2300,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-box-shadow' (2324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2378,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb' (2378,92): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb' (2378,165): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (2378,254): run-time error CSS1039: Token not allowed after unary operator: '-bd-accent-rgb' (2378,345): run-time error CSS1039: Token not allowed after unary operator: '-bd-violet-rgb' (2378,435): run-time error CSS1039: Token not allowed after unary operator: '-bd-pink-rgb' (2382,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2395,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color' (2400,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-translucent' (2411,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (2451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2466,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-rgb' (2467,33): run-time error CSS1039: Token not allowed after unary operator: '-bg-rgb' (2474,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2478,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-accent' (2479,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (2479,98): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb' (2510,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg' (2514,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2532,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2586,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color' (2590,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color' (2606,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color' (2614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2644,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2644,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2649,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color' (2653,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-hover-color' (2657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2665,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2666,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2670,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2671,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2672,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2673,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2674,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2675,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2676,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2677,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2703,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2704,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-box-shadow-lg' (2709,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color' (2741,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2746,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color' (2747,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-sidebar-link-bg' (2755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2847,25): run-time error CSS1039: Token not allowed after unary operator: '-bd-toc-color' (2848,37): run-time error CSS1039: Token not allowed after unary operator: '-bd-toc-color' (2873,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2874,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2875,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2879,25): run-time error CSS1039: Token not allowed after unary operator: '-bd-violet' (2880,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2881,32): run-time error CSS1039: Token not allowed after unary operator: '-bd-violet' (2885,45): run-time error CSS1039: Token not allowed after unary operator: '-bd-violet-rgb' (2892,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg' (2893,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2894,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2898,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2914,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2920,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-hover-color' (2926,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2935,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2946,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-pre-bg' (2952,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2974,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2983,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-pre-bg' (2993,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2994,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (3003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3053,17): run-time error CSS1039: Token not allowed after unary operator: '-bd-callout-color' (3054,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-callout-bg' (3054,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-100' (3055,37): run-time error CSS1039: Token not allowed after unary operator: '-bd-callout-border' (3055,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-300' (3075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3102,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (3108,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (3969,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (3970,28): run-time error CSS1039: Token not allowed after unary operator: '-bd-pre-bg' (3976,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-hover-color' (4000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ @charset "utf-8"; /*@import url('notosanskr.css'); @import url('nanumsquare.css'); @import url('gothica1.css'); @import url('spoqahansansneo.css'); @import url('NaumGothic.css');*/ @import url('pretendard.css'); /*@import url('gmarketSans.css');*/ /* Reset */ * { box-sizing: border-box; word-break: keep-all; outline:0 !important; } ::placeholder { color: #ddd !important; opacity: 1; /* Firefox */ } ::-ms-input-placeholder { /* Edge 12 -18 */ color: #ddd !important; } *::-webkit-scrollbar { width: 8px; height: 8px; } *::-webkit-scrollbar-thumb { background-color: #d6d6d6; background-clip: padding-box; } *::-webkit-scrollbar-track { background-color: #f5f5f5; } *::-moz-focus-inner {border: 0;} body{height:100%;} dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; } button:focus, button:active{outline:none !important;box-shadow: none !important;} fieldset, img {border: 0 none} a{color:#000;text-decoration:none;} a:hover,a:active{color:#d22c30;} textarea { resize: none; outline: none; font-feature-settings: 'tnum'; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type='number'] { -moz-appearance: textfield; } #container{ height:100%; /*display:flex; flex-direction:column;*/ } dl, ul, ol, menu, li {list-style: none} blockquote, q {quotes: none} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none} input, select, textarea, button {vertical-align: middle;font-size: 100%} button {border: 0;border-radius: 0;background-color: transparent;cursor: pointer} table {border-collapse: collapse;border-spacing: 0} body {-webkit-text-size-adjust: none} /* 뷰표트 변환시 폰트크기 자동확대 방지. */ input:checked[type='checkbox'] { background-color: #666; -webkit-appearance: checkbox } input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type='tel'], input[type='email'], html input[type='button'], input[type='reset'] { -webkit-appearance: none; } input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none } body { font-family: "Pretendard", Sans-serif; /*font-family: "NanumSquare","NaumGothic","GmarketSans","SpoqaHanSansNeo","gothic_a1","Noto Sans KR", Sans-serif;*/ font-size: 16px; font-weight: 400; } .body-content {flex-grow: 1;padding: 0 20px;min-height:650px;} .contents{padding-left:3rem;padding-right:3rem;} header { box-shadow: 0 0rem 0.25rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15); } .login-info{font-size:1rem;padding-bottom:5px;} .cash-info{font-size:1rem;} .my_summary_menu {min-width:19em;box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);padding:10px;} .my_summary_menu li{padding-bottom:5px;} .my_summary_menu .cash_charge_box{color:#fff;padding:0.94em 1.25em;border-radius:0.2em;background:linear-gradient(271deg, rgb(197 60 64), rgb(227 102 105))} .my_summary_menu .cash_charge_box .amount {font-size: 1.5em;line-height: 1.25em;font-weight: 500;text-align:right;} .dropdown-item{font-size:1rem;} .copyright {margin-bottom: 0px;} a.top-link { font-size: 14px; font-weight: 400 !important; } a.nav-link { /*font-family: "NanumSquare";*/ font-weight: 600; --bs-nav-link-font-size: 16px; --bs-nav-link-font-weight: 600; text-decoration: none; text-align: center; } a.nav-link:hover {color: #d22c30;} a.nav-link:hover:after {transform: scale3d(1,1,1);} a.nav-link:after {position: relative;display: block;content: "";width: 100%;height: 2px;background-color: #d22c30;transform: scale3d(0,1,1);transform-origin: center center;transition: transform .3s;} /* 검색 */ /*#searchfrm{max-width:204px;}*/ .mytab .nav-link{--bs-nav-link-color:#000;} /* @media (min-width: 1200px) { a.nav-link {--bs-nav-link-font-size: 18px;--bs-nav-link-font-weight: 600;} }*/ .division-banner-section { display: flex; align-items: center; justify-content: center; } .division-banner-section .swiper { width: 100%; } .division-banner-section .swiper-slide { padding: 5px; display: flex; align-items: center; justify-content: center; transition:all 0.3s ease; } .swiper-pagination-bullet-active{background:#d22c30 !important;} .swiper-button-prev, .swiper-button-next {color: #d22c30 !important;} .division-banner-section .swiper-slide a { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .division-banner-section .swiper-slide a:hover { -webkit-transform: scale(1.01); transform: scale(1.01); } .division-banner-section .swiper-slide a img,.event-section .swiper-slide a img { border-radius: 18px; } .event-section .swiper-slide{background-color:#e4e4e4;} .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } #event{padding:20px 0;background-color:#e4e4e4;} #event .main-title{text-align:center;} #event .event-section{padding:10px 0;} .separator { padding: 10px 0; text-align: center; } /* event_list */ .event_list{display:flex;flex-wrap:wrap;justify-content:flex-start;} .event_list .item {padding:5px;box-shadow:0 0px 5px rgba(0,0,0,0.1);margin:10px;border-radius:5px;transition:all 0.3s ease;cursor:pointer;} .event_list .item .img{padding:10px;} .event_list .item .img img{border-radius:4px;} .event_list .item .event_title{font-size:18px;padding:2px 0;} .event_list .item .event_info{font-size:12px;} .event_list .item:hover{box-shadow:0 0px 5px rgba(254,55,55,0.5);} .rprice strong, #oprice strong, .totPrice strong{ /*font-family: 'gmarketsans';*/ font-weight: 900 !important; } .product-title { font-family: inherit; font-weight: bold; } .product-copy{ } .all_product_row { padding: 20px 0; } /* product_list */ .product_list {display: flex;flex-wrap: wrap;} .product_list li{ width: 20%; padding: 1.0em 0.5em;} .product_list li a{position:relative;} .product_list li .item{position:relative;padding:12px;background:#fff;border-radius:0.4rem;box-shadow:0px 0px 10px rgba(0,0,0,0.1);transition:all 0.3s ease;min-height:100%;cursor:pointer;} .product_list li .item .best{position:absolute;top:10px;left:3px;z-index:1;display:flex;align-items:center;padding:3px 5px;color:#fff;background-color:#d22c30;border-radius:0.4rem;transform:rotate(-14deg);font-size:0.8rem;font-weight:600;} .product_list li .item .best i{font-size:0.8rem;} .product_list li .item .special {/*background-color:#2c31d2 !important;*/} .product_list li .item hr {margin: 0.5rem 0;} .product_list li .item .info .brand{font-size:0.8rem;font-weight:700;} .product_list li .item .info .title {min-height: 40px;line-height: 20px;font-size: 0.8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .product_list li .item .price {display: flex;align-items: flex-start;justify-content: space-between;} .product_list li .item .price .info h5 {font-size: 18px;font-weight: 700;} .product_list li .item .price .info p {font-size: 14px;text-decoration: line-through;color: #ccc;} .product_list li .item .price .discount {display: flex;flex-direction: column;align-items: flex-end;font-size:12px;font-weight:bold;} .product_list li .item:hover{box-shadow:0px 0px 10px rgb(254 73 73 / 0.51)} .product_list li .link{position:relative; display: block;} .product_list li .item .link .itmvalid{position:absolute;background: #dfecfb;right: 1px;bottom: 1px;padding: 1px 4px;z-index: 1;border-radius: 5px;font-size:12px;} .product_list li .imgbox{position:relative;overflow:hidden;width:100%;padding-top:calc(100% - 2px);border-radius:10px;border:1px solid #f2f2f2;} .product_list li .imgbox .inner {position:absolute;top:0;left:0;width:100%;height:100%;} .product_list li .imgbox .inner .img{width:100%;height:100%;background-color:#fff;} /*.product_list li .imgbox .inner .img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block;}*/ .product_list li .imgbox .inner .img img{position: relative;width: 100%;height: 100%;/* position: absolute; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%,-50%); */display: block;} .product_list li .buy_icon_wrap{ opacity: 0; position: absolute; z-index: 5; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); } .product_list li .buy_icon_wrap .buy_icon{width: 80%; margin: 0 auto; padding: 10px; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: space-between; border-radius: 5em;} .product_list li .buy_icon_wrap .buy_icon .buy_btn{ position: relative; width: 33.33%; padding-top: 33.33%; background-color: transparent; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%;transition:all 0.3s ease;} .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%;} .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn i {color:#fff;font-size:25px;} .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn .txt{font-size: 10px; color: #fff; text-align: center; display: none;} .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn:hover .txt{display:block;} .product_list li:hover .buy_icon_wrap{opacity: 1;} .product_list li .buy_icon_wrap .buy_icon .buy_btn:hover{background-color: #d22c30;} .product_list li .buy_icon_mobile_wrap{ opacity: 1; position: relative; z-index: 5; width: 100%; top: 3px; left: 0;margin:6px 0 13px 0; } .product_list li .buy_icon_mobile_wrap .buy_icon{ margin: 0 auto; padding: 0; display: flex; align-items: center; justify-content: space-between; } .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn{ position: relative; width: 33.33%; padding-top: 17.33%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn .smbtn{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%;display:flex;flex-direction:column;justify-content:center;align-items:center} .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn .smbtn i {color:#000;font-size:25px;} .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn .smbtn .txt{font-size: 10px; color: #000; text-align: center; } .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn:hover{background-color: #d22c30;} /* Quick Menu */ .qmenu{position:fixed;z-index:15;right:20px;top:50%;} .qmenu a{transition:all 0.3s ease;margin-bottom:5px;} .qmenu a:hover,.qmenu a:active {background-color:#d22c30;} .qmenu .item{display:flex;flex-direction:column;justify-content:center;align-items:center; width:60px;height:60px;border-radius:4px;background-color:rgb(0 ,0 ,0 ,0.51);text-align:center;} .qmenu .item i{font-size:25px;color:#fff;} .qmenu .item p{font-size:10px;text-align:center;color:#fff;} /* Footer */ .bd-footer a:hover{ color:#d22c30 !important; } /* 개인정보 처리방침 */ .Privacy{font-weight:700;/*color:#d22c30 !important;*/} /* Location */ .location{height:60px;padding:18px 20px 28px;margin-bottom:40px;font-weight:500;} /* LOGIN */ .login {max-width:650px;} .login .title{position:relative;} .login .title h2{font-weight:700 !important;} .login .title h6{} .login .card{border-top:3px solid #d22c30;} .signup{max-width:900px;} .signup-box { margin-top: 40px;} .signup-box > .header { position: relative;} .signup-box > .header > p { font-size: 1.2857em; padding-top: 10px; } .signup-box > footer { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd;} .signup-box-contents, .box-contents,.form-contents { margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd;} .signup-box-contents > h1, .box-contents > h1 {font-size: 1.7143em;font-weight: 400;margin-bottom: 10px;} .scroll-box {height: 270px;border: 1px solid #ddd;overflow-y: scroll;position: relative;} .form-contents{border-bottom:0;} .mt8{margin-top:8px !important;} /* 약관 */ .terms {padding: 30px 20px;line-height: 1.6;} .terms h1 {font-size: 1em;} .terms-scroll-box {padding: 30px;border: 1px solid #ddd;overflow-y: scroll;height: 580px;line-height: 1.6; position: relative;} .txt-title {font-size: 2em; letter-spacing: -1px;} .txt-red {color: #ff5757 !important;font-weight: 400;} .checkbox,.radio{height:25px !important;} .checkbox input[type="checkbox"],.radio input[type="radio"]{ position:absolute !important; top:0; left:0; display:none; opacity:0; cursor:pointer; } .checkbox label,.radio label{ display:inline-block; height:100%; line-height:25px; padding-left:30px !important; cursor:pointer; } .chkbox-text-no label { padding-left: 25px !important; } .checkbox label{background:url('/Content/images/bg_check_off.gif') no-repeat 0 0;} .checkbox input[type="checkbox"]:checked + label {background: url('/Content/images/bg_check_on.gif') no-repeat 0 0;} .checkbox input[type="checkbox"]:disabled + label {background: url('/Content/images/bg_check_dis.png') no-repeat 0 0;} .radio label {background: url('/Content/images/bg_radio_off.png') no-repeat 0 0;} .radio input[type="radio"]:checked + label {background: url('/Content/images/bg_radio_on.png') no-repeat 0 0;} .radio input[type="radio"]:disabled + label {background: url('/Content/images/bg_radio_dis.png') no-repeat 0 0;} .btn_area {padding: 20px 0 20px 0;} .btn_area .button {margin: 0 5px 0 0;} .btn_area .button {color:#fff; background: none repeat scroll 0 0 #4d4d4d; display: inline-block; border-radius: 3px; font-size: 14px;font-weight: bold;padding: 8px 25px; border: 0 none;} .btn_area .button:hover {color: #000000; background-color: #636363; text-decoration: none;} .btn_area .red {background: none repeat scroll 0 0 #de0000;} .btn_area .red:hover { color: #000000; background: none repeat scroll 0 0 #e13636; text-decoration: 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 } .tablewrap {border-top: 2px solid #d61717; } .tbl_info { border-bottom: 1px solid #898989;width:100%;} .tbl_info tbody th {background: none repeat scroll 0 0 #fafafa; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; color: #545454;padding: 12px 10px 12px 25px; text-align: left;} .tbl_info tbody td {border-bottom: 1px solid #dbdbdb; padding: 5px 5px 5px 15px; text-align: left;} .tbl_info tbody td select { border: 1px solid #d5d5d5; height: 28px;padding: 2px 4px;} #msg,#clientmodal,#modaltype1 {position: fixed;width: 440px;top: -300px;left: 50%;margin-left: -200px;-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;-moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;-o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;z-index: 100000000000} #msg span {font-size: 12px;} #msg.showed,#modaltype1.showed {opacity: 1;top: 35%;} #clientmodal.showed{opacity: 1;top: 1%;} .btn_hidden{display:none;} .btn_dropout{cursor:pointer;} .postsearch th, .postsearch td {font-size:14px;} /* Popup */ .popup-section{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:10000;display:none;} .popup-section:before{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background-color:rgb(0 0 0 / 0.40);} .popup-wrap{justify-content:center;align-items:center;position:fixed;top:50%;left:50%;padding:15px;z-index:1000;transform:translate(-50%,-50%);display:none;} .pupup-wrap.bg{background-color:rgba(0,0,0,.3);} .popup-wrap.showed{display:flex !important;} .popup{width:auto;max-width:500px;min-width:400px;border-radius:10px;overflow:hidden;box-shadow:0px 1px 3px 2px rgba(0,0,0,.3);background-color:#fff;} .popup-head{width:100%;height:50px;display:flex;align-items:center;justify-content:center;} .popup-body{width:100%;background-color:#fff;} .popup-content{width:100%;padding:30px;} .body-titlebox{text-align:center;width:100%;height:40px;margin-bottom:10px;} .body-titlebox h1 {font-size:16px;} .body-contentbox{word-break:break-word;overflow-y:auto;min-height:100px;max-height:200px;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;} .body-content-box{word-break:break-word;overflow-y:auto;min-height:100px;max-height:600px;padding:10px;} .popup-foot{width:100%;height:50px;} .pop-btn{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;color:#fff;cursor:pointer;background-color:#000;} .popup-wrap.danger .popup{border:1px solid #d22c30;} .popup-wrap.danger .popup-head,.popup-wrap.danger .popup-foot{background-color:#d22c30;color:#fff;} .popup-wrap.danger .pop-btn{background-color:#d22c30;} .popup-wrap.primary .popup{} .popup-wrap.primary .pop-btn{background-color:#0d6efd;} .popup-wrap.success .popup{} .popup-wrap.success .pop-btn{background-color:#198754;} .popup-wrap.warning .popup{} .popup-wrap.warning .pop-btn{background-color:#ffc107;} .complete { margin: 5px 0 20px 0 ;} .complete .com_title {color: #545454; font-size:16px;font-weight:bold; padding: 5px 0;} .complete .com_txt {color: #666;font-size:13px; line-height: 23px; padding: 0 0;} .pagination{justify-content:center;padding:10px 0;} .page-link.active, .active > .page-link{background-color : #d22c30;border-color:#d22c30;} .subtab {margin:30px 0 35px; width: 100%; } .subtab ul {border-bottom: 1px solid #d7d7d7; height: 41px;} .subtab ul:after {clear: both; content: ""; display: block;} .subtab ul li {background: none repeat scroll 0 0 #f4f4f4; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: 1px solid #bfc7d0; float: left; margin: 0 1px 0 0;height: 40px;} .subtab ul li a {color: #333; height: 40px; line-height: 40px; padding: 10px 7px;text-decoration:none;} .subtab ul li.active {background: none repeat scroll 0 0 #fff; border-color: #de0000 #d7d7d7 #fff; border-style: solid; border-width: 2px 1px 1px; height: 41px;} .subtab ul li.active a { color: #24282b; font-weight: bold; height: 39px; line-height: 39px;} /* 오류페이지 */ .error_page_wrap { position: relative; height: 100vh; } .error_page_wrap .error_page { width: 100%; display: flex; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .error_page_wrap .error_page .error_desc { margin: 3em 0 3em 3em; } .error_page_wrap .error_page .error_desc > p { font-size: 1.875em; line-height: 1.5em; word-break: keep-all; } .error_page_wrap .error_page .error_desc .tit { font-size: 3.125rem; font-weight: bold; } .error_page_wrap .error_page .error_desc .com_btn_wrap { margin-top: 5em; } /* 서브 탭메뉴02*/ .tab {position: relative; border-bottom: 1px solid #dbdbdb; height: 30px; margin:40px 0; } .tab li {background: none repeat scroll 0 0 #f2f2f2; border-right: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; float: left; height: 29px; line-height: 100%;} .tab li.on { background: none repeat scroll 0 0 #fff; border-bottom: 0 none; height: 30px;} .tab li:hover { background: none repeat scroll 0 0 #fff; border-bottom: 0 none; height: 30px;} .tab li:first-child {border-left: 1px solid #c8c8c8;} .tab li a {color: #707070; display: inline-block; padding: 10px 20px 0;} .tab li a:hover {text-decoration: none;} .tab .count {color: #4c4c4c; display: inline-block; position: absolute; right: 9px; top: 5px;} /* 배너 */ /*.bannerswiper .swiper-button-prev{--swiper-navigation-sides-offset:300px;padding: 15px;background-color: rgba(0, 0, 0, 0.2);border-radius: 4px;} @media (max-width: 1400px) { .bannerswiper .swiper-button-prev { --swiper-navigation-sides-offset: 10px; } }*/ .bbs01 {width:100%; margin-bottom: 20px; border-top: 2px solid #d61717; text-align: left;} .bbs01 tbody th {background: none repeat scroll 0 0 #fafafa; border-bottom: 1px solid #dbdbdb;color: #4f4f4f; font-size:13px; font-weight: bold; padding: 13px 0 13px 20px; text-align:left;} .bbs01 tbody td {border-bottom: 1px solid #dbdbdb;color: #666;padding: 5px 5px 5px 15px;} .bbs01 tbody td div {line-height: normal;} .bbs01 tbody td input {border: 1px solid #d5d5d5;/* height: 20px; */ padding: 2px 4px;} .bbs01 tbody td select {border: 1px solid #d5d5d5; height: 28px; padding: 2px 4px;} .bbs01 textarea {border: 1px solid #e5e5e5; padding: 10px; overflow: hidden;margin:6px 0;} .bbs01 .file_co {margin-top: 5px;} .bbs01 td input[type="file"] { margin-top: 5px; height: 25px; padding: 4px 4px;border: 0 none;} .bbs01 input[type=radio]{border:0px} .catalog_price, .catalog_cate,.catalog_brand{max-height:248px;min-height:248px} .catalog_bd{border:1px solid rgb(202 201 201 / 0.26)} .catalog_price .list-group-item{padding-left:0px;padding-right:0px;} .catalog_cate a.active {font-weight:900;color:#d22c30;} .catalog_brand .brand_all{padding-left:3.7rem;padding-right:3.7rem;} .catalog_brand a.active{border-color:#d22c30;} .faq-head{font-size:16px;font-weight:900;} .faqs{overflow:hidden;text-align:center;} .faqs-list,.mmsInfos-list{padding-left:0;list-style:none;display:flex;flex-flow:row;flex-wrap:wrap;} .faqs-list a,.mmsInfos-list a{/*max-width:190px;min-width:100px;padding:10px;*/line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff;cursor:pointer;/*border-radius:13px;*/} .faqs-list a:hover,.faqs-list a.active,.mmsInfos-list a:hover,.mmsInfos-list a.active{color:#fff;background-color:#3A3A3A} .faq-icon{position:relative;top:1px;display:inline-block;font-weight:500;line-height:1;font-size:24px;} .faq-txt{font-weight:500;display:block;text-align:center;word-wrap:break-word;width:100%;} .faq {margin: 10px 0 0 10px;} .faq .faqlist {width:100%;border-top: 2px solid #d61717;margin-bottom: 20px;} .faq table tr td:first-child {color: #d61717;/*font-size: 18px;*/padding-left: 20px;} .faq .faqlist td {padding: 8px 0 8px 0;border-bottom: 1px solid #dbdbdb;} .faq .faqlist .on {} .faq .faqlist .open {display: inline-block;} .faq .faqlist .answer td {padding: 0 !important;} .faq .faqlist .answer div.answer-contents {background: none repeat scroll 0 0 #f5f5f5;margin-top: -1px;padding: 10px 0 10px 40px;position: relative;} .faq .faqlist .answer div.answer-contents span {color: #4d4d4d;display: block;font-size: 18px;left: 0;padding: 18px 0 0 20px;position: absolute;top: 0;} .faq .faqlist .answer div.answer-contents p {color: #666;font-size: 13px;line-height: 20px;padding: 18px 50px 10px 0;} .notice {margin:10px 0 0 10px;} .notice .noticelist {width:100%;border-top: 2px solid #d61717;margin-bottom: 20px;} .notice .noticelist td {color: #666;padding: 8px 0 8px 10px;border-bottom: 1px solid #dbdbdb;} .notice .noticelist .on {} .notice .noticelist .open {display: inline-block;} .notice .noticelist .answer td {padding: 0 !important;} .notice .noticelist .answer div.answer-contents {background: none repeat scroll 0 0 #f5f5f5;margin-top: -1px;padding:10px;position: relative;} .notice .noticelist .answer div.answer-contents img{max-width:100%;height:auto;} .bbs {margin-bottom: 20px;} .bbs thead th {background: none repeat scroll 0 0 #fafafa; border-top: 2px solid #d61717;border-bottom: 1px solid #dbdbdb;color: #4f4f4f;font-size:13px;font-weight: bold; padding: 13px 0 13px 0; text-align: center;} .bbs tbody tr:hover {background: none repeat scroll 0 0 #fcfcfc;} .bbs tbody td { border-bottom: 1px solid #dbdbdb; color: #666; padding: 13px 0 13px 0; text-align: center;} .bbs .tta { color: #666;padding-left: 20px; text-align: left;} .bbs a{text-decoration:none;} .bbs .tta a:hover { color: #000; font-weight: bold;} .row {--bs-gutter-x:0 !important;} /* 견적서 */ .defalt_btn { display: inline-block; width: 102px; margin: 0 auto; text-align: center !important; font-size: 14px !important; line-height: 36px; font-weight: 600; border-radius: 3px; color: #fff !important; } .defalt_btn2, .defalt_btn3 { display: block; width: 129px; margin: 0 auto; line-height: 48px; font-size: 15px; text-align: center; font-weight: 600; border-radius: 3px; color: #fff !important; } .defalt_btn3 { float: right; margin-top: 8px; } .btn_red { background: #de0000; padding: 1px 0; } .btn_grey { background: #4d4d4d; padding: 1px 0; } .btn_grey2 { background: #7a7a7a; width: 90px !important; float: right; padding: 1px 0; } .btn_green { background: #027439; padding: 1px 0; } .btn_white { border: 1px solid #c9c9c9; box-sizing: border-box; color: #666 !important; background-color: rgba(201,201,201,0); } .btn_red:hover, .btn_grey:hover, .btn_green:hover, .defalt_btn3:hover { opacity: .9; color: #000 !important; } .btn_white:hover { background-color: rgba(201,201,201,0.4); color: #000 !important; } .defalt_btn2:hover { background-color: rgba(201,201,201,0.4); color: #666 !important; } /* 스트롤바 */ #online_estimate ::-webkit-scrollbar, #online_estimate_wrap ::-webkit-scrollbar { width: 6px; } #online_estimate ::-webkit-scrollbar-thumb, #online_estimate_wrap ::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.15); border-radius: 3px; } #online_estimate ::-webkit-scrollbar-track, #online_estimate_wrap ::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.05); border-radius: 3px; } .estimate_web { border: solid 1px #ddd; box-sizing: border-box; padding: 109px 39px 99px 39px; width: 100%; height: 500px; overflow-x: auto; overflow-y: auto; margin-bottom: 30px; } .estimate_print { border: none; padding: 109px 39px 99px 39px; height: 1526px; overflow: hidden; min-width:1280px; } .estimate_content{position:relative;width:1192px;margin-bottom:50px;} .estimate_title { font-size: 48px; font-weight: 700; line-height: 48px; text-align: center; } .estimate_table_wrap { position: relative; margin-top: 70px; overflow: hidden; } .estimate_table_wrap > table { display: inline-block; background: #fff; box-sizing: border-box; text-align: left; text-indent: 16px; margin: 0; padding: 0; } .estimate_table_wrap > table tr { /*border: solid 1px #ddd;*/ height: 50px; } .estimate_table_wrap > table tr th { background-color: #f5f5f5; /*border-right: solid 1px #ddd;*/ /*width: 120px;*/ width: 102px; } .estimate_table01 , .estimate_table02 , .estimate_table03{ font-size:14px; } .estimate_table01 { vertical-align: top; float: left; } .estimate_table01 tr td { width: 377px; } .table-bordered1 > thead > tr > th, .table-bordered1 > tbody > tr > th, .table-bordered1 > tfoot > tr > th, .table-bordered1 > thead > tr > td, .table-bordered1 > tbody > tr > td, .table-bordered1 > tfoot > tr > td { border: 1px solid #ddd; } .estimate_table01 tr, .estimate_table02 tr { } .estimate_table01 tr > th, .estimate_table02 tr > th { } @-moz-document url-prefix() { .estimate_table02_rowspan { border-right: 2px solid #ddd !important; } .estimate_table02_rowspan > span { position: absolute; top: 0; left: 0; border-bottom: 1px solid #ddd !important; padding: 0px 8px 0px 7px; width: 33px !important; } } .estimate_table02 { float: right; } .estimate_table02_rowspan { width: 34px !important; writing-mode: vertical-rl; position: relative !important; letter-spacing: 32px; text-indent: 10px; padding: 0; margin: 0; } .estimate_table02_rowspan > span { /*position: absolute; top: 47.5%; left: 50%; transform: translate(-50%, -50%);*/ display: inline-block; width: 20px; height: 100%; text-align: center; } .estimate_table02_border { border-left: solid 1px #ddd; } .estimate_table_wrap > .estimate_table02 tr td { /*width: 124px;*/ width: 151px; } .giftipang_stamp { position: absolute; top: 90px; right: 15px; } .estimate_table03 { width: 100%; margin-top: 40px; } .estimate_table03 tr { border-bottom: solid 1px #ddd; box-sizing: border-box; height: 50px; } .estimate_table03 th { border-top: solid 2px #de0000 !important; } .estimate_table03 th, .estimate_table03 td { border-right: solid 1px #ddd; width: 139px; } .estimate_table03 tr > th { background-color: #f5f5f5; } .estimate_table03 th:first-child, .estimate_table03 td:first-child { width: 360px; padding: 0 10px; } .estimate_table03 th:last-child, .estimate_table03 td:last-child { border-right: none; } .estimate_table03 td.amount { padding-right: 10px; } .estimate_total { background: #2f2f2f; margin-top: 50px; width: 44%; height: 60px; float: right; color: #fff; line-height: 60px; padding: 0 30px; } .estimate_total > p:first-child { float: left; width: 35%; text-align: left; font-weight: 300; font-size: 24px; opacity: .95; letter-spacing: -1px; } .estimate_total > p:last-child { float: right; width: 65%; text-align: right; font-weight: 600; font-size: 26px; letter-spacing: 1px; } .estimate_print .estimate_content{ height: 100%; } .estimate_print .estimate_infoBox { position: absolute; left: 40px; bottom: 100px; width: 100%; } .estimate_print .estimate_infoBox dl { margin-top: 150px; width: 100%; /*padding:15px 30px;*/ } .estimate_print .estimate_infoBox dl dt { font-weight: 800; padding-bottom: 10px; text-align: left; } .estimate_print .estimate_infoBox dl dd .graybox { margin-top: 0; margin-bottom: 0; padding: 15px 30px; } .estimate_web .estimate_infoBox > img { margin-top: 110px; } .estimate_print .estimate_infoBox > img { width: 100%; } .estimate_web .estimate_infoBox dl { margin-top: 150px; width: 100%; /*padding:15px 30px;*/ } .estimate_web .estimate_infoBox dl dt { font-weight: 800; padding-bottom: 10px; text-align: left; } .estimate_web .estimate_infoBox dl dd .graybox { margin-top: 0; margin-bottom: 0; padding: 15px 30px; } .graybox { background-color: #f8f8f8; } .graybox .dot-list li { position: relative; padding: 0 0 5px 10px; font-size: 13px; line-height: 1.3em; color: #888; letter-spacing: -.5px; text-align: left; } .graybox .dot-list li:before { position: absolute; top: 6px; left: 0; content: ""; width: 2px; height: 2px; background-color: #888; } .estimate_btn_wrap > a { margin-right: 9px; } .estimate_btn_wrap > a:last-child { margin-right: 0; } .estimate_txt { background: white; margin-top: 14px; border-top: 1px dotted #bbb; padding-top: 66px; font-size: 20px; font-weight: 500; text-align:center; } .online_estimate_title { font-size: 18px; line-height: 20px; font-weight: 700; overflow: hidden; margin-bottom: 8px; } .online_estimate_title_align { display: inline-block; padding-top: 16px; width: 500px; } .online_estimate_title span { font-size: 14px; line-height: 14px; font-weight: 400; color: #333; } .online_estimate_titleNum { font-weight: 900 !important; color: #de0000 !important; } .online_estimate_box, .online_estimate_box2, .online_estimate_box3, .online_estimate_box4, .online_estimate_box5 { border: 1px solid #dddddd; box-sizing: border-box; } .online_estimate_box4 { width: 100%; height: 506px; overflow-y: auto; overflow-x: auto; } .online_estimate_box3, .online_estimate_box5 { width: 100%; height: 704px; overflow-y: auto; overflow-x: hidden; border-top: none !important; } .online_estimate_box3 > .moreBtn,.online_estimate_box5 > .moreBtn { padding: 5px 0; } .online_estimate_box3 > .dis-none,.online_estimate_box5 > .dis-none { display: none; } .online_estimate_box5 { height: 1022px !important; } .online_estimate_box2 { background: #f5f5f5; padding: 30px 30px 20px 30px; overflow: hidden; } .online_estimate_search input[type="text"] { border: none; line-height: 44px; width: 85%; text-indent: 20px; outline: none; } .online_estimate_search input::-webkit-input-placeholder { color: #a4a4a4; font-weight: 300; } .online_estimate_search input::-moz-placeholder { color: #a4a4a4; font-weight: 300; } .online_estimate_search input::-ms-input-placeholder { color: #a4a4a4; font-weight: 300; } .online_estimate_search input::-o-placeholder { color: #a4a4a4; font-weight: 300; } .online_estimate_search_btn { float: right; } .online_estimate_brand > ul { padding: 20px 25px 15px 25px; overflow: hidden; text-align: center; } .online_estimate_brand > ul > li { float: left; width: 144px; margin: 0 18px 15px 0; } .online_estimate_brand > ul > li:nth-child(3n) { margin-right: 0; } .online_estimate_brand > ul > li:nth-child(n+4) { margin-bottom: 0; } .online_estimate_brand span { width: 144px; height: 60px; border: 1px solid #e4e4e4; box-sizing: border-box; display: inline-block; padding: 4px 0 4px 0; background: #fff; } .online_estimate_brand p { line-height: 14px; margin-top: 8px; } .online_estimate_brand a:hover { color: #333 !important; } .online_estimate_brand .on span { border: 2px solid #de0000; box-sizing: border-box; } .online_estimate_brand .on p { font-weight: 700 !important; color: #de0000; } #brands li { cursor: pointer; } #brands li span { border: 1px solid #e4e4e4; box-sizing: border-box; display: inline-block; padding: 4px 0 4px 0; background: #fff; border-radius: var(--bs-border-radius) !important; } #brands li.on span { border: 2px solid #de0000; box-sizing: border-box; } #brands li.on p { font-weight: 700 !important; color: #de0000; } .online_estimate_paginate { width: 100%; text-align: center; } .online_estimate_paginate > a:first-child { margin-right: 35px; } .online_estimate_tab { position: relative; height: 30px; border-bottom: 1px solid #dddddd; } .online_estimate_tab li { background: none repeat scroll 0 0 #f2f2f2; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; float: left; height: 29px; line-height: 100%; } .online_estimate_tab li.on { background: none repeat scroll 0 0 #fff; border-bottom: 0 none; height: 30px; } .online_estimate_tab li:hover { background: none repeat scroll 0 0 #fff; border-bottom: 0 none; height: 30px; } .online_estimate_tab li:first-child { border-left: 1px solid #dddddd; } .online_estimate_tab li a { color: #707070; display: inline-block; padding: 5px 20px 0; } .online_estimate_tab li a:hover { text-decoration: none; } .online_estimate_product { } .online_estimate_product2 { } .online_estimate_product > li { border-bottom: 1px solid #ddd; overflow: hidden; } .online_estimate_product > li:last-child { /*border-bottom: none;*/ } .online_estimate_product > li > div { float: left; height: 100px; } .online_estimate_product > li > div:last-child { float: right; } .online_estimate_product_img { line-height: 98px; } .online_estimate_product_img > img { width: 60px; height: 60px; margin-left: 20px; } .online_estimate_product_txt { width: 70%; padding-left: 10px; padding-top: 2px; height: 80px !important; } .online_estimate_product_txt2 { width: 54%; margin-right: 10px; } .online_estimate_product_txt > .estimateBrand { color: #686868; font-weight: 700; font-size:10pt; } .online_estimate_product_txt > .estimateProduct { line-height: 18px; width: 100%; /*height: 18px;*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: break-word; word-break:keep-all; -webkit-line-clamp: 2; } .online_estimate_product_txt > .estimateValid { font-size:0.8em; font-weight:bold; } .online_estimate_product_txt .price { display: block; max-width: 100%; height: auto; margin-top: 1px; line-height: 1; font-size: 17px; /*font-family: 'Noto Sans KR'*/ } .online_estimate_product_txt .price b { display: inline-block; font-size: inherit; font-family: inherit; line-height: 1; color: #ed2024; } .online_estimate_product_txt .price ins { display: inline-block; margin: 0 10px 0 5px; font-size: inherit; font-family: inherit; font-weight: 700; text-decoration: none; line-height: 1; } .online_estimate_product_txt .price ins:after { content: "\C6D0"; font-size: inherit; } .online_estimate_product_txt .price del { display: inline-block; font-size: 13px; font-family: inherit; line-height: 1; color: #888; text-decoration: line-through; } .online_estimate_product_txt .price del:after { content: "\C6D0"; font-size: inherit; } .online_estimate_product_txt > .estimatePrice { font-weight: 700; font-size: 18px; } .online_estimate_product_num { height: 50px !important; margin: 25px 0 25px 6px; } .online_estimate_product_num > p:last-child { margin-top: -1px; } .online_estimate_product_btn1, .online_estimate_product_btn2 { height: 50px !important; margin: 25px 20px 0 0; } .online_estimate_product_btn1 > a { display: inline-block; width: 50px; height: 50px; background-image: url('/Content/images/btn_add.png'); background-position: left top; } .online_estimate_product_btn1 > a:hover { background-image: url('/Content/images/btn_add.png'); background-position: right top; } .online_estimate_product_btn2 > a { display: inline-block; width: 50px; height: 50px; background-image: url('/Content/images/btn_del.png'); background-position: left top; } .online_estimate_product_btn2 > a:hover { background-image: url('/Content/images/btn_del.png'); background-position: right top; } .online_estimate_product_btn3 > a { display: inline-block; width: 24px; height: 24px; background-image: url('/Content/images/arrow_updown.png'); background-position: left top; } .online_estimate_product_btn4 > a { display: inline-block; width: 24px; height: 24px; background-image: url('/Content/images/arrow_updown.png'); background-position: right top; } .online_estimate_product .moreBtn { text-align: center; padding: 20px 0; } .online_estimate_product .moreBtn span { display: inline-block; margin-left: 8px; } .online_estimate_product .moreBtn img { margin: -3px 0 0 4px; } .online_estimate_user { padding: 20px; width: 100%; overflow: hidden; } .online_estimate_user > li { float: left; width: 300px; margin: 0 20px 14px 0; } .online_estimate_user > li:nth-child(2n) { margin-right: 0; } .online_estimate_user > li:nth-child(n+3) { /*margin-bottom: 0;*/ } .online_estimate_user > li label { line-height: 36px; font-weight: 500; } .input_user { float: right; } .online_estimate_user input { border: 1px solid #d5d5d5; box-sizing: border-box; line-height: 34px; width: 218px; text-indent: 10px; outline: none; } .online_estimate_eventName input { border: none; line-height: 44px; width: 90%; text-indent: 20px; outline: none; } .online_estimate_eventName input::-webkit-input-placeholder { color: #a4a4a4; font-weight: 300; } .online_estimate_eventName input::-moz-placeholder { color: #a4a4a4; font-weight: 300; } .online_estimate_eventName input::-ms-input-placeholder { color: #a4a4a4; font-weight: 300; } .online_estimate_eventName input::-o-placeholder { color: #a4a4a4; font-weight: 300; } .online_estimate_product2 input { border: 1px solid #d5d5d5; box-sizing: border-box; font-size: 18px; line-height: 48px; width: 80px; outline: none; text-align: center; margin-top: 25px; } .online_estimate_box2 > li { overflow: hidden; padding: 0 10px; } .online_estimate_box2 > li:nth-child(3n) { border-top: 1px dotted #bbb; color: #707070; line-height: 18px; padding-top: 10px; font-weight: 400 } .online_estimate_box2 > li > p { float: left; } .online_estimate_box2 > li > p { font-size: 20px; line-height: 20px; font-weight: 500; margin-bottom: 14px; } .online_estimate_box2 > li > p:last-child { float: right; font-weight: 700; } .online_estimate_total1, .online_estimate_total2 { font-size: 26px; } .online_estimate_total2 { color: #de0000; } .ui-datepicker{z-index:10 !important;} .txt-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 250px; height: 20px; } .status-icon { font-size: 1.1rem; } .toast-container > :not(:last-child) { margin-bottom: 0.8rem !important; } .product_content img { max-width: 100%; height: auto; } .modal-dialog{/*margin:15% auto;*/} .swal2-html-container .info_detail_box::-webkit-scrollbar { width: 6px; } .swal2-html-container .info_detail_box::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.15); border-radius: 3px; } .swal2-html-container .info_detail_box::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.05); border-radius: 3px; } .swal2-html-container .info_txt{ font-size: 0.875em; line-height: 1.28em; text-align:left; } .swal2-html-container .info_detail_cont{ margin-top:1.3em; } .swal2-html-container .info_detail_box{ width:100%; height:10em; overflow-x:hidden; overflow-y:auto; border:1px solid #eee; padding:10px 1.1em; } .swal2-html-container .info_detail_box .info_detail_list .list{ display:flex; align-items:center; } .swal2-html-container .info_detail_box .info_detail_list .list .dbox{ font-size:12px; width:13em; line-height:1.7em; text-align:center; background-color:#ca3434; color:white; } .swal2-html-container .info_detail_box .info_detail_list .list .info{ display:flex; padding-left:5px; font-size:0.9em; align-items:center; width:calc(100% - 8em); } .swal2-html-container .info_detail_box .info_detail_list .list .info .num{ max-width: calc(100% - 15px); display: inline-block; padding-right: 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #imgLoading {position:absolute;background-color:rgb(75 75 75 / 0.20);width:100%;height:100%;padding-top:50%;color:#fff;} .c_loader {position:fixed;width:100%;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.3);z-index:9999;display:none;} .c_loader::after { content: ''; display: block; color: #ff0000; font-size: 10px; margin: 50px auto; width: 1em; height: 1em; border-radius: 50%; position: absolute; left: 50%; top: 50%; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } @-webkit-keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } @keyframes load4 { 0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; } 12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; } 37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; } 50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; } 62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; } 75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; } 87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } } .colored-toast.swal2-icon-success { background-color: #a5dc86 !important; } .colored-toast.swal2-icon-error { background-color: #f27474 !important; } .colored-toast.swal2-icon-warning { background-color: #f8bb86 !important; } .colored-toast.swal2-icon-info { background-color: #3fc3ee !important; } .colored-toast.swal2-icon-question { background-color: #87adbd !important; } .colored-toast .swal2-title { color: white; } .colored-toast .swal2-close { color: white; } .colored-toast .swal2-html-container { color: white; } #infomms .modal-dialog{ max-width:700px !important; } #infommslist .col-11 { width: 89.666667% !important; } .SearchWord { padding: 2px 5px; border: 2px solid #d22c30; outline:none; color:#000; max-width:250px; } .usecontent b,.usecontent font,.usecontent div,.usecontent span,.usecontent p {font-size:inherit !important;font-family:inherit !important;} .table>:not(caption)>*>*{padding: .3rem .3rem !important;} @media screen and (max-width:767px){ .breadcrumb{margin-bottom:0;} .txt-overflow{width:auto;} table.tbl_deposit, table.tbl_estimate, table.tbl_msgsend, table.tbl_emailus, table.tbl_responsive { border: 0; } table.tbl_deposit colgroup, table.tbl_estimate colgroup, table.tbl_msgsend colgroup, table.tbl_emailus colgroup, table.tbl_responsive colgroup { display:none; } table.tbl_deposit thead, table.tbl_estimate thead, table.tbl_msgsend thead,table.tbl_emailus thead,table.tbl_responsive thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table.tbl_deposit tr,table.tbl_estimate tr,table.tbl_msgsend tr,table.tbl_emailus tr,table.tbl_responsive tr{ display:block; margin-bottom:.625em; } table.tbl_deposit td,table.tbl_estimate td,table.tbl_msgsend td,table.tbl_emailus td,table.tbl_responsive td{ border-bottom:1px solid #ddd; display:block; text-align:right; } table.tbl_deposit td:before,table.tbl_estimate td:before,table.tbl_msgsend td:before,table.tbl_emailus td:before,table.tbl_responsive td:before{ content:attr(data-label); float:left; font-weight:bold; } table.tbl_deposit td:last-child,table.tbl_estimate td:last-child,table.tbl_msgsend td:last-child,table.tbl_emailus td:last-child,table.tbl_responsive td:last-child { border-bottom:0; } } @media screen and (max-width:950px) { .contents { padding: 0; } } @media screen and (max-width:950px) { /*.login-info{font-size:20px;}*/ .my_summary_menu { display: block; } .login-info, .cash-info, .dropdown-item { font-size: 0.8rem; } } @media screen and (max-width:950px) { .copyright { margin-bottom: 60px; } } @media (max-width: 991.98px) { #searchfrm { max-width: 100%; } } @media screen and (max-width: 767.98px) { .mytab .nav-link { --bs-nav-link-font-size: 0.6rem; --bs-nav-link-padding-x: 0.5rem; } a.nav-link { --bs-nav-link-font-size: 13px; } .bd-footer { font-size: 80%; } .swiper-button-prev, .swiper-button-next { --swiper-navigation-size: 20px; } .swiper-pagination { display: none; } .deosit_kind > .breadcrumb-item { padding-left: 0.2rem; } .deosit_kind > .breadcrumb-item::before { font-size: 80%; padding-top: 0.2rem; padding-right: 0.2rem; } .link_deposit_kind { font-size: 70%; } } @media screen and (max-width: 390px) { a.nav-link { --bs-nav-link-font-size: 12px; } } @media screen and (max-width:760px) { .body-content { padding: 8px; } .wishlist img { width: calc(7rem + .3vw); border:0; } } @media screen and (max-width:950px) { .division-banner-section .swiper-slide a { padding: 0; border-radius: 0; } .division-banner-section .swiper-slide a img { border-radius: 0; } } @media screen and (max-width:760px) { .division-banner-section .swiper-slide { padding: 0; } } @media screen and (max-width:950px) { .event_list { justify-content: center; } } @media screen and (max-width:1730px) and (min-width:951px) { .product_list li .buy_icon_wrap .buy_icon, .product_list li .buy_icon_mobile_wrap .buy_icon { padding: 6px 4px; } .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn i, .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn .smbtn i { margin: 0 auto; } } @media screen and (max-width:1280px) { .product_list li { width: 25%; } .product_list li .point_info { position: static; margin-top: 10px; } } @media screen and (max-width:950px) { .product_list li { width: 33.33%; } .product_list li .buy_icon_wrap { opacity: 1; position: relative; transform: none; top: 3px; left: 0; margin: 6px 0 13px 0; } .product_list li .buy_icon_wrap .buy_icon { padding: 0px; width: 100%; background-color: transparent; border-radius: 0; justify-content: space-between; } .product_list li .buy_icon_wrap .buy_icon .buy_btn, .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn { padding-top: 20%; border-radius: 4px; } .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn, .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn .smbtn { display: flex; align-items: center; flex-wrap: wrap; align-content: center; justify-content: center; } .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn i, .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn .smbtn i { color: #000; } .product_list li .buy_icon_wrap .buy_icon .buy_btn:hover, .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn:hover { background-color: transparent; } .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn .txt, .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn .smbtn .txt { color: #000; display: block; font-weight: 600; } .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn:hover, .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn:active { background-color: #d22c30; border-radius: 4px; } .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn:hover > i, .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn:hover > .txt, .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn:active > i, .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn:active > .txt { color: #fff; } } @media screen and (max-width:760px) { body { font-size: calc(0.875rem + .3vw); } .product_list li .item { padding: 0.4rem; } .product_list { margin: -10px -6px; } .product_list li { width: 33.33%; padding: 0.3rem 0.2rem; } .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn, .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn .smbtn { flex-wrap: nowrap; flex-direction: column; padding: 27px 0 20px 0; } .product_list li .item .best, .product_list li .item .best i { font-size: .5rem; } .product_list li .buy_icon_wrap .buy_icon .buy_btn .smbtn i, .product_list li .buy_icon_mobile_wrap .buy_icon .buy_btn .smbtn i { font-size: 0.8rem; } .product_list li .item .info .brand, .product_list li .item .info .title { font-size: .6rem; } .product_list li .item .info .title { line-height: 1rem; } .product_list li .item .price .info h5, .product_list li .item .price .info p { font-size: .8rem; } .product_list li .item .price .discount p { font-size: .6rem; } .qmenu .item .badge { left: 70% !important; } .separator { padding: 0; } .product-title, .event_list .item .event_title { font-size: calc(.825rem + .9vw); } .product-copy { font-size: 0.8rem; } .faqs-list a, .mmsInfos-list a { font-size: 0.8rem !important; } h6, .h6 { font-size: calc(0.8rem + .03vw) } h5, .h5 { font-size: calc(0.895rem + .1vw) } h4, .h4 { font-size: calc(0.875rem + .3vw) } h3, .h3 { font-size: calc(0.8rem + .6vw) } h2, .h2 { font-size: calc(0.825rem + .9vw) } } @media screen and (max-width:950px) { .qmenu { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1100; display: flex; background-color: #fff; justify-content: space-around; flex-direction: row; padding: 0.5rem 0; top: calc(100% - 60px); box-shadow: 0 0rem 0.25rem rgba(0,0,0,0.15), inset 0 -1px 0 rgba(255,255,255,0.15); } .qmenu .item { display: flex; /*width: 51px;*/ height: 43px; border-radius: 4px; /*background-color:rgb(0 ,0 ,0 ,0.67);*/ background-color: #fff; text-align: center; } .qmenu .item i { font-size: 1.3em; /*color:#fff;*/ color: #000; } .qmenu .item p { font-size: 0.7em; text-align: center; /*color:#fff;*/ color: #000; } .qmenu a:hover, .qmenu a:active { background-color: #fff; } .qmenu a:hover > i, .qmenu a.active > i, .qmenu a:hover > p, .qmenu a.active > p { color: #d22c30 } .qmenu a.active > i, .qmenu a.active > p { color: #d22c30; } .offcanvas.offcanvas-bottom { bottom: 60px; height: auto; } } @media screen and (max-width:950px) { .signup-box { font-size: 80%; } } @media screen and (max-width:950px) { .popup { font-size: 80%; min-width: 370px !important; } /*.popup .popup-head {height:30px;}*/ .popup .popup-head h5 { font-size: 12pt; } .popup .popup-body .body-content-box { max-height: 300px; } .popup-wrap { left: 50% !important; } } @media(max-width:767px) { .error_page_wrap .error_page { display: block; text-align: center; } .error_page_wrap .error_page .error_img img { width: 70%; margin: 0 auto; } .error_page_wrap .error_page .error_desc { margin: 3em 0; } .error_page_wrap .error_page .error_desc > p { font-size: 1.3em; } } @media (min-width:766px) and (max-width:1200px) { .online_estimate_product_txt { width: 57% !important; } .online_estimate_product_btn1, .online_estimate_product_btn2 { margin: 25px 10px 0 0 !important; } .online_estimate_tab li a { padding: 5px 5px 0 !important; } } @media screen and (min-width:360px) and (max-width:765px) { .online_estimate_product_txt { width: 55% !important; } .online_estimate_product_txt2 { width: 74% !important; } .online_estimate_tab li a { padding: 5px 5px 0 !important; } .online_estimate_product_txt > .estimateBrand { font-size: 12px !important; } } @media (min-width:390px) { .online_estimate_product_txt > .estimateProduct { word-wrap: normal !important; overflow: initial !important; overflow-y: auto !important; height: 29px !important; text-overflow: initial !important; } } @media screen and (min-width:500px) and (max-width:766px) { .online_estimate_product_txt2 { width: 41% !important; } .online_estimate_product_txt > .estimateBrand { font-size: 12px !important; } .online_estimate_product_txt > .estimateProduct { word-wrap: normal !important; } } @media (min-width:766px) and (max-width:1200px) { .online_estimate_product_txt > .estimateProduct { word-wrap: normal !important; } .online_estimate_product_txt2 { width: 50% !important; } } @media screen and (min-width:767px) and (max-width:992px) { .online_estimate_product_txt2 { width: 70% !important; } } @media screen and (min-width:1800px) { .division-banner-section .swiper-button-prev { left: 350px !important; } .division-banner-section .swiper-button-next { right: 350px !important; } } @media (max-width: 991.98px) { #searchfrm { position: absolute; top: 0; margin-top: 10px !important; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } :root, [data-bs-theme="light"] { --bd-purple: #4c0bce; --bd-violet: #712cf9; --bd-accent: #ffe484; --bd-violet-rgb: 112.520718,44.062154,249.437846; --bd-accent-rgb: 255,228,132; --bd-pink-rgb: 214,51,132; --bd-teal-rgb: 32,201,151; --bd-violet-bg: var(--bd-violet); --bd-toc-color: var(--bd-violet); --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1); --bd-callout-link: 10,88,202; --bd-callout-code-color: #ab296a; --bd-pre-bg: var(--bs-tertiary-bg); --bs-link-hover-color: #d22c30; } [data-bs-theme="dark"] { --bd-violet: #9461fb; --bd-violet-bg: #712cf9; --bd-toc-color: var(--bs-emphasis-color); --bd-sidebar-link-bg: rgba(84,33,187, .5); --bd-callout-link: 110,168,254; --bd-callout-code-color: #e685b5; --bd-pre-bg: #1b1f22; --bs-link-hover-color: #d22c30; } .bd-navbar { padding: .75rem 0; background-color: transparent; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15) } .bd-navbar::after { position: absolute; inset: 0; z-index: -1; display: block; content: ""; background-image: linear-gradient(rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), 0.95)) } @media (max-width: 991.98px) { .bd-navbar .bd-navbar-toggle { width: 4.25rem } } .bd-navbar .navbar-toggler { padding: 0; margin-right: -.5rem; border: 0 } .bd-navbar .navbar-toggler:first-child { margin-left: -.5rem } .bd-navbar .navbar-toggler .bi { width: 1.5rem; height: 1.5rem } .bd-navbar .navbar-toggler:focus { box-shadow: none } .bd-navbar .navbar-brand { color: #fff; transition: transform 0.2s ease-in-out } @media (prefers-reduced-motion: reduce) { .bd-navbar .navbar-brand { transition: none } } .bd-navbar .navbar-brand:hover { transform: rotate(-5deg) scale(1.1) } .bd-navbar .navbar-toggler, .bd-navbar .nav-link { padding-right: .25rem; padding-left: .25rem; color: rgba(255,255,255,0.85) } .bd-navbar .navbar-toggler:hover, .bd-navbar .navbar-toggler:focus, .bd-navbar .nav-link:hover, .bd-navbar .nav-link:focus { color: #fff } .bd-navbar .navbar-toggler.active, .bd-navbar .nav-link.active { font-weight: 600; color: #fff } .bd-navbar .navbar-nav-svg { display: inline-block; vertical-align: -.125rem } .bd-navbar .offcanvas-lg { background-color: var(--bd-violet-bg); border-left: 0 } @media (max-width: 991.98px) { .bd-navbar .offcanvas-lg { box-shadow: var(--bs-box-shadow-lg) } } .bd-navbar .dropdown-toggle:focus:not(:focus-visible) { outline: 0 } .bd-navbar .dropdown-menu { --bs-dropdown-min-width: 12rem; --bs-dropdown-padding-x: .25rem; --bs-dropdown-padding-y: .25rem; --bs-dropdown-link-hover-bg: rgba(var(--bd-violet-rgb), .1); --bs-dropdown-link-active-bg: rgba(var(--bd-violet-rgb), 1); --bs-dropdown-font-size: .875rem; font-size: .875rem; border-radius: .5rem; box-shadow: var(--bs-box-shadow) } .bd-navbar .dropdown-menu li + li { margin-top: .125rem } .bd-navbar .dropdown-menu .dropdown-item { border-radius: .25rem } .bd-navbar .dropdown-menu .dropdown-item:active .bi { color: inherit !important } .bd-navbar .dropdown-menu .active { font-weight: 600 } .bd-navbar .dropdown-menu .active .bi { display: block !important } .bd-navbar .dropdown-menu-end { --bs-dropdown-min-width: 8rem } [data-bs-theme="dark"] .bd-navbar { box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15) } :root { --docsearch-primary-color: var(--bd-violet); --docsearch-logo-color: var(--bd-violet) } [data-bs-theme="dark"] { --docsearch-text-color: #f5f6f7; --docsearch-container-background: rgba(9, 10, 17, .8); --docsearch-modal-background: #15172a; --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309; --docsearch-searchbox-background: #090a11; --docsearch-searchbox-focus-background: #000; --docsearch-hit-color: #bec3c9; --docsearch-hit-shadow: none; --docsearch-hit-background: #090a11; --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b); --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3); --docsearch-footer-background: #1e2136; --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2); --docsearch-muted-color: #7f8497 } .bd-search { position: relative } @media (min-width: 992px) { .bd-search { position: absolute; top: .875rem; left: 50%; width: 200px; margin-left: -100px } } @media (min-width: 1200px) { .bd-search { width: 280px; margin-left: -140px } } .bd-masthead { --bd-pink-rgb: 214,51,132; padding: 3rem 0; background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%) } .bd-masthead h1 { --bs-heading-color: var(--bs-emphasis-color); font-size: calc(1.525rem + 3.3vw) } @media (min-width: 1200px) { .bd-masthead h1 { font-size: 4rem } } .bd-masthead .lead { font-size: 1rem; font-weight: 400; color: var(--bs-secondary-color) } .bd-masthead .bd-code-snippet { margin: 0; border-color: var(--bs-border-color-translucent); border-width: 1px; border-radius: .5rem } .bd-masthead .highlight { width: 100%; padding: .5rem 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(var(--bs-body-color-rgb), 0.075); border-radius: calc(.5rem - 1px) } @media (min-width: 992px) { .bd-masthead .highlight { padding-right: 4rem } } .bd-masthead .highlight pre { padding: 0; margin: .625rem 0; overflow: hidden } .bd-masthead .btn-clipboard { position: absolute; top: -.625rem; right: 0; background-color: transparent } .bd-masthead #carbonads { margin-inline: auto } @media (min-width: 768px) { .bd-masthead .lead { font-size: calc(1.275rem + .3vw) } } @media (min-width: 768px) and (min-width: 1200px) { .bd-masthead .lead { font-size: 1.5rem } } .masthead-followup h2, .masthead-followup h3, .masthead-followup h4 { --bs-heading-color: var(--bs-emphasis-color) } .masthead-followup .lead { font-size: 1rem } @media (min-width: 768px) { .masthead-followup .lead { font-size: 1.25rem } } .masthead-followup-icon { padding: 1rem; color: rgba(var(--bg-rgb), 1); background-color: rgba(var(--bg-rgb), 0.1); background-blend-mode: multiple; border-radius: 1rem; mix-blend-mode: darken } .masthead-followup-icon svg { filter: drop-shadow(0 1px 1px var(--bs-body-bg)) } .masthead-notice { background-color: var(--bd-accent); box-shadow: inset 0 -1px 1px rgba(var(--bs-body-color-rgb), 0.15),0 0.25rem 1.5rem rgba(var(--bs-body-bg-rgb), 0.75) } .animate-img > img { transition: transform 0.2s ease-in-out } @media (prefers-reduced-motion: reduce) { .animate-img > img { transition: none } } .animate-img:hover > img { transform: scale(1.1) } [data-bs-theme="dark"] .masthead-followup-icon { mix-blend-mode: lighten } #carbonads { position: static; display: block; max-width: 400px; padding: 15px 15px 15px 160px; margin: 2rem 0; overflow: hidden; font-size: .8125rem; line-height: 1.4; text-align: left; background-color: var(--bs-tertiary-bg) } #carbonads a { color: var(--bs-body-color); text-decoration: none } @media (min-width: 576px) { #carbonads { border-radius: .5rem } } .carbon-img { float: left; margin-left: -145px } .carbon-poweredby { display: block; margin-top: .75rem; color: var(--bs-body-color) !important } .bd-content > h2, .bd-content > h3, .bd-content > h4 { --bs-heading-color: var(--bs-emphasis-color) } .bd-content > h2:not(:first-child) { margin-top: 3rem } .bd-content > h3 { margin-top: 2rem } .bd-content > ul li, .bd-content > ol li { margin-bottom: .25rem } .bd-content > ul li > p ~ ul, .bd-content > ol li > p ~ ul { margin-top: -.5rem; margin-bottom: 1rem } .bd-content > .table, .bd-content > .table-responsive .table { --bs-table-border-color: var(--bs-border-color); max-width: 100%; margin-bottom: 1.5rem; font-size: .875rem } @media (max-width: 991.98px) { .bd-content > .table.table-bordered, .bd-content > .table-responsive .table.table-bordered { border: 0 } } .bd-content > .table thead, .bd-content > .table-responsive .table thead { border-bottom: 2px solid currentcolor } .bd-content > .table tbody:not(:first-child), .bd-content > .table-responsive .table tbody:not(:first-child) { border-top: 2px solid currentcolor } .bd-content > .table th:first-child, .bd-content > .table td:first-child, .bd-content > .table-responsive .table th:first-child, .bd-content > .table-responsive .table td:first-child { padding-left: 0 } .bd-content > .table th:not(:last-child), .bd-content > .table td:not(:last-child), .bd-content > .table-responsive .table th:not(:last-child), .bd-content > .table-responsive .table td:not(:last-child) { padding-right: 1.5rem } .bd-content > .table th, .bd-content > .table-responsive .table th { color: var(--bs-emphasis-color) } .bd-content > .table strong, .bd-content > .table-responsive .table strong { color: var(--bs-emphasis-color) } .bd-content > .table th, .bd-content > .table td:first-child > code, .bd-content > .table-responsive .table th, .bd-content > .table-responsive .table td:first-child > code { white-space: nowrap } .table-options td:nth-child(2) { min-width: 160px } .table-options td:last-child, .table-utilities td:last-child { min-width: 280px } .table-swatches th { color: var(--bs-emphasis-color) } .table-swatches td code { white-space: nowrap } .bd-title { --bs-heading-color: var(--bs-emphasis-color); font-size: calc(1.425rem + 2.1vw) } @media (min-width: 1200px) { .bd-title { font-size: 3rem } } .bd-lead { font-size: calc(1.275rem + .3vw); font-weight: 300 } @media (min-width: 1200px) { .bd-lead { font-size: 1.5rem } } .bi { /*width: 1em; height: 1em; vertical-align: -.125em; fill: currentcolor*/ } @media (min-width: 992px) { .border-lg-start { border-left: var(--bs-border-width) solid var(--bs-border-color) } } .bd-summary-link { color: var(--bs-link-color) } .bd-summary-link:hover, details[open] > .bd-summary-link { color: var(--bs-link-hover-color) } [data-bs-theme="blue"] { --bs-body-color: var(--bs-white); --bs-body-color-rgb: 255,255,255; --bs-body-bg: var(--bs-blue); --bs-body-bg-rgb: 13,110,253; --bs-tertiary-bg: #0a58ca } [data-bs-theme="blue"] .dropdown-menu { --bs-dropdown-bg: #0c63e4; --bs-dropdown-link-active-bg: #084298 } [data-bs-theme="blue"] .btn-secondary { --bs-btn-bg: #3d8bfc; --bs-btn-border-color: rgba(255,255,255,0.25); --bs-btn-hover-bg: #247cfc; --bs-btn-hover-border-color: rgba(255,255,255,0.25); --bs-btn-active-bg: #0b6dfb; --bs-btn-active-border-color: rgba(255,255,255,0.5); --bs-btn-focus-border-color: rgba(255,255,255,0.5); --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .2) } .skippy { background-color: #4c0bce } .skippy a { color: #fff } @media (min-width: 992px) { .bd-sidebar { position: -webkit-sticky; position: sticky; top: 5rem; display: block !important; height: calc(100vh - 6rem); padding-left: .25rem; margin-left: -.25rem; overflow-y: auto } } @media (max-width: 991.98px) { .bd-sidebar .offcanvas-lg { border-right-color: var(--bs-border-color); box-shadow: var(--bs-box-shadow-lg) } } .bd-links-heading { color: var(--bs-emphasis-color) } @media (max-width: 991.98px) { .bd-links-nav { font-size: .875rem } } @media (max-width: 991.98px) { .bd-links-nav { -moz-column-count: 2; column-count: 2; -moz-column-gap: 1.5rem; column-gap: 1.5rem } .bd-links-nav .bd-links-group { -moz-column-break-inside: avoid; break-inside: avoid } .bd-links-nav .bd-links-span-all { -moz-column-span: all; column-span: all } } .bd-links-link { padding: .1875rem .5rem; margin-top: .125rem; margin-left: 1.125rem; color: var(--bs-body-color); text-decoration: none } .bd-links-link:hover, .bd-links-link:focus, .bd-links-link.active { color: var(--bs-emphasis-color); background-color: var(--bd-sidebar-link-bg) } .bd-links-link.active { font-weight: 600 } .bd-gutter { --bs-gutter-x: 3rem } @media (min-width: 992px) { .bd-layout { display: grid; grid-template-areas: "sidebar main"; grid-template-columns: 1fr 5fr; gap: 1.5rem } } .bd-sidebar { grid-area: sidebar } .bd-main { grid-area: main } @media (max-width: 991.98px) { .bd-main { max-width: 760px; margin-inline: auto } } @media (min-width: 768px) { .bd-main { display: grid; grid-template-areas: "intro" "toc" "content"; grid-template-rows: auto auto 1fr; gap: inherit } } @media (min-width: 992px) { .bd-main { grid-template-areas: "intro toc" "content toc"; grid-template-rows: auto 1fr; grid-template-columns: 4fr 1fr } } .bd-intro { grid-area: intro } .bd-toc { grid-area: toc } .bd-content { grid-area: content; min-width: 1px } @media (min-width: 992px) { .bd-toc { position: -webkit-sticky; position: sticky; top: 5rem; right: 0; z-index: 2; height: calc(100vh - 7rem); overflow-y: auto } } .bd-toc nav { font-size: .875rem } .bd-toc nav ul { padding-left: 0; margin-bottom: 0; list-style: none } .bd-toc nav ul ul { padding-left: 1rem } .bd-toc nav a { display: block; padding: .125rem 0 .125rem .75rem; color: inherit; text-decoration: none; border-left: .125rem solid transparent } .bd-toc nav a:hover, .bd-toc nav a.active { color: var(--bd-toc-color); border-left-color: var(--bd-toc-color) } .bd-toc nav a.active { font-weight: 500 } .bd-toc nav a code { font: inherit } .bd-toc-toggle { display: flex; align-items: center } @media (max-width: 575.98px) { .bd-toc-toggle { justify-content: space-between; width: 100% } } @media (max-width: 767.98px) { .bd-toc-toggle { color: var(--bs-body-color); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius) } .bd-toc-toggle:hover, .bd-toc-toggle:focus, .bd-toc-toggle:active, .bd-toc-toggle[aria-expanded="true"] { color: var(--bd-violet); background-color: var(--bs-body-bg); border-color: var(--bd-violet) } .bd-toc-toggle:focus, .bd-toc-toggle[aria-expanded="true"] { box-shadow: 0 0 0 3px rgba(var(--bd-violet-rgb), 0.25) } } @media (max-width: 767.98px) { .bd-toc-collapse nav { padding: 0.25rem 0.25rem 0.25rem 0.25rem; background-color: var(--bs-tertiary-bg); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius) } #TabMenu .nav { justify-content: center; --bs-nav-link-padding-y:0.25rem; } } @media (min-width: 768px) { .bd-toc-collapse { display: block !important } } .bd-footer { transition-duration: 0.5s; } .bd-footer a { color: var(--bs-body-color); text-decoration: none; transition-duration: 0.5s; } .bd-footer a:hover, .bd-footer a:focus { color: var(--bs-link-hover-color); text-decoration: none; } .bd-code-snippet { margin: 0 -1.5rem 1rem; border: solid var(--bs-border-color); border-width: 1px 0 } @media (min-width: 768px) { .bd-code-snippet { margin-right: 0; margin-left: 0; border-width: 1px; border-radius: var(--bs-border-radius) } } .highlight { position: relative; padding: 0.75rem 1.5rem; background-color: var(--bd-pre-bg) } @media (min-width: 768px) { .highlight { padding: .75rem 1.25rem; border-radius: calc(var(--bs-border-radius) - 1px) } } @media (min-width: 992px) { .highlight pre { margin-right: 1.875rem } } .highlight pre { padding: .25rem 0 .875rem; margin-top: .8125rem; margin-bottom: 0; overflow: overlay; white-space: pre; background-color: transparent; border: 0 } .highlight pre code { font-size: inherit; color: var(--bs-body-color); word-wrap: normal } .bd-example-snippet .highlight pre { margin-right: 0 } .highlight-toolbar { background-color: var(--bd-pre-bg) } .highlight-toolbar + .highlight { border-top-left-radius: 0; border-top-right-radius: 0 } @media (min-width: 768px) { .bd-file-ref .highlight-toolbar { border-top-left-radius: calc(var(--bs-border-radius) - 1px); border-top-right-radius: calc(var(--bs-border-radius) - 1px) } } .bd-content .bd-code-snippet { margin-bottom: 1rem } .btn-bd-primary { --bs-btn-font-weight: 600; --bs-btn-color: var(--bs-white); --bs-btn-bg: var(--bd-violet-bg); --bs-btn-border-color: var(--bd-violet-bg); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: #6528e0; --bs-btn-hover-border-color: #6528e0; --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: #5a23c8; --bs-btn-active-border-color: #5a23c8 } .btn-bd-accent { --bs-btn-font-weight: 600; --bs-btn-color: var(--bd-accent); --bs-btn-border-color: var(--bd-accent); --bs-btn-hover-color: var(--bd-dark); --bs-btn-hover-bg: var(--bd-accent); --bs-btn-hover-border-color: var(--bd-accent); --bs-btn-focus-shadow-rgb: var(--bd-accent-rgb); --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: var(--bs-btn-hover-bg); --bs-btn-active-border-color: var(--bs-btn-hover-border-color) } .btn-bd-light { --btn-custom-color: #9461fb; --bs-btn-color: var(--bs-gray-600); --bs-btn-border-color: var(--bs-border-color); --bs-btn-hover-color: var(--btn-custom-color); --bs-btn-hover-border-color: var(--btn-custom-color); --bs-btn-active-color: var(--btn-custom-color); --bs-btn-active-bg: var(--bs-white); --bs-btn-active-border-color: var(--btn-custom-color); --bs-btn-focus-border-color: var(--btn-custom-color); --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb) } .bd-btn-lg { --bs-btn-border-radius: .5rem; padding: .8125rem 2rem } .bd-callout { --bs-link-color-rgb: var(--bd-callout-link); --bs-code-color: var(--bd-callout-code-color); padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; color: var(--bd-callout-color, inherit); background-color: var(--bd-callout-bg, var(--bs-gray-100)); border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300)) } .bd-callout h4 { margin-bottom: .25rem } .bd-callout > :last-child { margin-bottom: 0 } .bd-callout + .bd-callout { margin-top: -.25rem } .bd-callout .highlight { background-color: rgba(0,0,0,0.05) } .bd-callout-info { --bd-callout-color: var(--bs-info-text-emphasis); --bd-callout-bg: var(--bs-info-bg-subtle); --bd-callout-border: var(--bs-info-border-subtle) } .bd-callout-warning { --bd-callout-color: var(--bs-warning-text-emphasis); --bd-callout-bg: var(--bs-warning-bg-subtle); --bd-callout-border: var(--bs-warning-border-subtle) } .bd-callout-danger { --bd-callout-color: var(--bs-danger-text-emphasis); --bd-callout-bg: var(--bs-danger-bg-subtle); --bd-callout-border: var(--bs-danger-border-subtle) } .bd-brand-logos { color: #712cf9 } .bd-brand-logos .inverse { color: #fff; background-color: #712cf9 } .bd-brand-item + .bd-brand-item { border-top: 1px solid var(--bs-border-color) } @media (min-width: 768px) { .bd-brand-item + .bd-brand-item { border-top: 0; border-left: 1px solid var(--bs-border-color) } } .color-swatches { margin: 0 -5px } .color-swatches .bd-purple { background-color: #4c0bce } .color-swatches .bd-purple-light { background-color: #d5c1fd } .color-swatches .bd-purple-lighter { background-color: #e5e1ea } .color-swatches .bd-gray { background-color: #f9f9f9 } .color-swatch { width: 4rem; height: 4rem } @media (min-width: 768px) { .color-swatch { width: 6rem; height: 6rem } } .swatch-blue { color: #fff; background-color: #0d6efd } .swatch-blue::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.50" "\a" "4.50" "\a" "4.66"; background-color: #0d6efd; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-indigo { color: #fff; background-color: #6610f2 } .swatch-indigo::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "7.18" "\a" "7.18" "\a" "2.92"; background-color: #6610f2; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-purple { color: #fff; background-color: #6f42c1 } .swatch-purple::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "6.51" "\a" "6.51" "\a" "3.22"; background-color: #6f42c1; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-pink { color: #fff; background-color: #d63384 } .swatch-pink::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.50" "\a" "4.50" "\a" "4.66"; background-color: #d63384; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-red { color: #fff; background-color: #dc3545 } .swatch-red::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.52" "\a" "4.52" "\a" "4.63"; background-color: #dc3545; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-orange { color: #000; background-color: #fd7e14 } .swatch-orange::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "8.17" "\a" "2.57" "\a" "8.17"; background-color: #fd7e14; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-yellow { color: #000; background-color: #ffc107 } .swatch-yellow::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "12.8" "\a" "1.63" "\a" "12.8"; background-color: #ffc107; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-green { color: #fff; background-color: #198754 } .swatch-green::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.53" "\a" "4.53" "\a" "4.63"; background-color: #198754; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-teal { color: #000; background-color: #20c997 } .swatch-teal::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "9.86" "\a" "2.12" "\a" "9.86"; background-color: #20c997; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-cyan { color: #000; background-color: #0dcaf0 } .swatch-cyan::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "10.7" "\a" "1.95" "\a" "10.7"; background-color: #0dcaf0; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-black { color: #fff; background-color: #000 } .swatch-black::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "21" "\a" "21" "\a" "1"; background-color: #000; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-white { color: #000; background-color: #fff } .swatch-white::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "21" "\a" "1" "\a" "21"; background-color: #fff; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-gray { color: #fff; background-color: #6c757d } .swatch-gray::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "4.68" "\a" "4.68" "\a" "4.47"; background-color: #6c757d; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-gray-dark { color: #fff; background-color: #343a40 } .swatch-gray-dark::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "11.5" "\a" "11.5" "\a" "1.82"; background-color: #343a40; background-image: linear-gradient(to bottom, transparent 0.25rem, #fff 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .swatch-gray-500 { color: #000; background-color: #adb5bd } .swatch-gray-500::after { position: absolute; top: 1rem; right: 1rem; padding-left: 1rem; font-size: .75rem; line-height: 1.35; white-space: pre; content: "10.1" "\a" "2.07" "\a" "10.1"; background-color: #adb5bd; background-image: linear-gradient(to bottom, transparent 0.25rem, #000 0.25rem 0.75rem, transparent 0.75rem 1.25rem, #fff 1.25rem 1.75rem, transparent 1.75rem 2.25rem, #000 2.25rem 2.75rem, transparent 2.75rem); background-repeat: no-repeat; background-size: .5rem 100% } .bd-blue-100 { color: #000; background-color: #cfe2ff } .bd-blue-200 { color: #000; background-color: #9ec5fe } .bd-blue-300 { color: #000; background-color: #6ea8fe } .bd-blue-400 { color: #000; background-color: #3d8bfd } .bd-blue-500 { color: #fff; background-color: #0d6efd } .bd-blue-600 { color: #fff; background-color: #0a58ca } .bd-blue-700 { color: #fff; background-color: #084298 } .bd-blue-800 { color: #fff; background-color: #052c65 } .bd-blue-900 { color: #fff; background-color: #031633 } .bd-indigo-100 { color: #000; background-color: #e0cffc } .bd-indigo-200 { color: #000; background-color: #c29ffa } .bd-indigo-300 { color: #000; background-color: #a370f7 } .bd-indigo-400 { color: #fff; background-color: #8540f5 } .bd-indigo-500 { color: #fff; background-color: #6610f2 } .bd-indigo-600 { color: #fff; background-color: #520dc2 } .bd-indigo-700 { color: #fff; background-color: #3d0a91 } .bd-indigo-800 { color: #fff; background-color: #290661 } .bd-indigo-900 { color: #fff; background-color: #140330 } .bd-purple-100 { color: #000; background-color: #e2d9f3 } .bd-purple-200 { color: #000; background-color: #c5b3e6 } .bd-purple-300 { color: #000; background-color: #a98eda } .bd-purple-400 { color: #000; background-color: #8c68cd } .bd-purple-500 { color: #fff; background-color: #6f42c1 } .bd-purple-600 { color: #fff; background-color: #59359a } .bd-purple-700 { color: #fff; background-color: #432874 } .bd-purple-800 { color: #fff; background-color: #2c1a4d } .bd-purple-900 { color: #fff; background-color: #160d27 } .bd-pink-100 { color: #000; background-color: #f7d6e6 } .bd-pink-200 { color: #000; background-color: #efadce } .bd-pink-300 { color: #000; background-color: #e685b5 } .bd-pink-400 { color: #000; background-color: #de5c9d } .bd-pink-500 { color: #fff; background-color: #d63384 } .bd-pink-600 { color: #fff; background-color: #ab296a } .bd-pink-700 { color: #fff; background-color: #801f4f } .bd-pink-800 { color: #fff; background-color: #561435 } .bd-pink-900 { color: #fff; background-color: #2b0a1a } .bd-red-100 { color: #000; background-color: #f8d7da } .bd-red-200 { color: #000; background-color: #f1aeb5 } .bd-red-300 { color: #000; background-color: #ea868f } .bd-red-400 { color: #000; background-color: #e35d6a } .bd-red-500 { color: #fff; background-color: #dc3545 } .bd-red-600 { color: #fff; background-color: #b02a37 } .bd-red-700 { color: #fff; background-color: #842029 } .bd-red-800 { color: #fff; background-color: #58151c } .bd-red-900 { color: #fff; background-color: #2c0b0e } .bd-orange-100 { color: #000; background-color: #ffe5d0 } .bd-orange-200 { color: #000; background-color: #fecba1 } .bd-orange-300 { color: #000; background-color: #feb272 } .bd-orange-400 { color: #000; background-color: #fd9843 } .bd-orange-500 { color: #000; background-color: #fd7e14 } .bd-orange-600 { color: #000; background-color: #ca6510 } .bd-orange-700 { color: #fff; background-color: #984c0c } .bd-orange-800 { color: #fff; background-color: #653208 } .bd-orange-900 { color: #fff; background-color: #331904 } .bd-yellow-100 { color: #000; background-color: #fff3cd } .bd-yellow-200 { color: #000; background-color: #ffe69c } .bd-yellow-300 { color: #000; background-color: #ffda6a } .bd-yellow-400 { color: #000; background-color: #ffcd39 } .bd-yellow-500 { color: #000; background-color: #ffc107 } .bd-yellow-600 { color: #000; background-color: #cc9a06 } .bd-yellow-700 { color: #000; background-color: #997404 } .bd-yellow-800 { color: #fff; background-color: #664d03 } .bd-yellow-900 { color: #fff; background-color: #332701 } .bd-green-100 { color: #000; background-color: #d1e7dd } .bd-green-200 { color: #000; background-color: #a3cfbb } .bd-green-300 { color: #000; background-color: #75b798 } .bd-green-400 { color: #000; background-color: #479f76 } .bd-green-500 { color: #fff; background-color: #198754 } .bd-green-600 { color: #fff; background-color: #146c43 } .bd-green-700 { color: #fff; background-color: #0f5132 } .bd-green-800 { color: #fff; background-color: #0a3622 } .bd-green-900 { color: #fff; background-color: #051b11 } .bd-teal-100 { color: #000; background-color: #d2f4ea } .bd-teal-200 { color: #000; background-color: #a6e9d5 } .bd-teal-300 { color: #000; background-color: #79dfc1 } .bd-teal-400 { color: #000; background-color: #4dd4ac } .bd-teal-500 { color: #000; background-color: #20c997 } .bd-teal-600 { color: #000; background-color: #1aa179 } .bd-teal-700 { color: #fff; background-color: #13795b } .bd-teal-800 { color: #fff; background-color: #0d503c } .bd-teal-900 { color: #fff; background-color: #06281e } .bd-cyan-100 { color: #000; background-color: #cff4fc } .bd-cyan-200 { color: #000; background-color: #9eeaf9 } .bd-cyan-300 { color: #000; background-color: #6edff6 } .bd-cyan-400 { color: #000; background-color: #3dd5f3 } .bd-cyan-500 { color: #000; background-color: #0dcaf0 } .bd-cyan-600 { color: #000; background-color: #0aa2c0 } .bd-cyan-700 { color: #fff; background-color: #087990 } .bd-cyan-800 { color: #fff; background-color: #055160 } .bd-cyan-900 { color: #fff; background-color: #032830 } .bd-gray-100 { color: #000; background-color: #f8f9fa } .bd-gray-200 { color: #000; background-color: #e9ecef } .bd-gray-300 { color: #000; background-color: #dee2e6 } .bd-gray-400 { color: #000; background-color: #ced4da } .bd-gray-500 { color: #000; background-color: #adb5bd } .bd-gray-600 { color: #fff; background-color: #6c757d } .bd-gray-700 { color: #fff; background-color: #495057 } .bd-gray-800 { color: #fff; background-color: #343a40 } .bd-gray-900 { color: #fff; background-color: #212529 } .bd-white { color: #000; background-color: #fff } .bd-black { color: #fff; background-color: #000 } .bd-clipboard, .bd-edit { position: relative; display: none; float: right } .bd-clipboard + .highlight, .bd-edit + .highlight { margin-top: 0 } @media (min-width: 768px) { .bd-clipboard, .bd-edit { display: block } } .btn-clipboard, .btn-edit { display: block; padding: .5em; line-height: 1; color: var(--bs-body-color); background-color: var(--bd-pre-bg); border: 0; border-radius: .25rem } .btn-clipboard:hover, .btn-edit:hover { color: var(--bs-link-hover-color) } .btn-clipboard:focus, .btn-edit:focus { z-index: 3 } .btn-clipboard { position: relative; z-index: 2; margin-top: 1.25rem; margin-right: .75rem } .bd-placeholder-img { font-size: 1.125rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; text-anchor: middle } :root, [data-bs-theme="light"] { --base02: #c8c8fa; --base03: #565c64; --base04: #666; --base05: #333; --base06: #fff; --base07: #13795b; --base08: #c6303e; --base09: #087990; --base0A: #6f42c1; --base0B: #084298; --base0C: #084298; --base0D: #6f42c1; --base0E: #ab296a; --base0F: #333 } [data-bs-theme="dark"] { --base02: #3e4451; --base03: #868e96; --base04: #868e96; --base05: #abb2bf; --base06: #b6bdca; --base07: #feb272; --base08: #6edff6; --base09: #feb272; --base0A: #ffe69c; --base0B: #79dfc1; --base0C: #79dfc1; --base0D: #6ea8fe; --base0E: #c29ffa; --base0F: #ea868f }