*, ::before, ::after {
		--tw-border-spacing-x: 0;
		--tw-border-spacing-y: 0;
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		--tw-pan-x: ;
		--tw-pan-y: ;
		--tw-pinch-zoom: ;
		--tw-scroll-snap-strictness: proximity;
		--tw-gradient-from-position: ;
		--tw-gradient-via-position: ;
		--tw-gradient-to-position: ;
		--tw-ordinal: ;
		--tw-slashed-zero: ;
		--tw-numeric-figure: ;
		--tw-numeric-spacing: ;
		--tw-numeric-fraction: ;
		--tw-ring-inset: ;
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: rgb(59 130 246 / 0.5);
		--tw-ring-offset-shadow: 0 0 #0000;
		--tw-ring-shadow: 0 0 #0000;
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		--tw-blur: ;
		--tw-brightness: ;
		--tw-contrast: ;
		--tw-grayscale: ;
		--tw-hue-rotate: ;
		--tw-invert: ;
		--tw-saturate: ;
		--tw-sepia: ;
		--tw-drop-shadow: ;
		--tw-backdrop-blur: ;
		--tw-backdrop-brightness: ;
		--tw-backdrop-contrast: ;
		--tw-backdrop-grayscale: ;
		--tw-backdrop-hue-rotate: ;
		--tw-backdrop-invert: ;
		--tw-backdrop-opacity: ;
		--tw-backdrop-saturate: ;
		--tw-backdrop-sepia: ;
		--tw-contain-size: ;
		--tw-contain-layout: ;
		--tw-contain-paint: ;
		--tw-contain-style: ;
	}


            ::backdrop {
                --tw-border-spacing-x: 0;
                --tw-border-spacing-y: 0;
                --tw-translate-x: 0;
                --tw-translate-y: 0;
                --tw-rotate: 0;
                --tw-skew-x: 0;
                --tw-skew-y: 0;
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                --tw-pan-x: ;
                --tw-pan-y: ;
                --tw-pinch-zoom: ;
                --tw-scroll-snap-strictness: proximity;
                --tw-gradient-from-position: ;
                --tw-gradient-via-position: ;
                --tw-gradient-to-position: ;
                --tw-ordinal: ;
                --tw-slashed-zero: ;
                --tw-numeric-figure: ;
                --tw-numeric-spacing: ;
                --tw-numeric-fraction: ;
                --tw-ring-inset: ;
                --tw-ring-offset-width: 0px;
                --tw-ring-offset-color: #fff;
                --tw-ring-color: rgb(59 130 246 / 0.5);
                --tw-ring-offset-shadow: 0 0 #0000;
                --tw-ring-shadow: 0 0 #0000;
                --tw-shadow: 0 0 #0000;
                --tw-shadow-colored: 0 0 #0000;
                --tw-blur: ;
                --tw-brightness: ;
                --tw-contrast: ;
                --tw-grayscale: ;
                --tw-hue-rotate: ;
                --tw-invert: ;
                --tw-saturate: ;
                --tw-sepia: ;
                --tw-drop-shadow: ;
                --tw-backdrop-blur: ;
                --tw-backdrop-brightness: ;
                --tw-backdrop-contrast: ;
                --tw-backdrop-grayscale: ;
                --tw-backdrop-hue-rotate: ;
                --tw-backdrop-invert: ;
                --tw-backdrop-opacity: ;
                --tw-backdrop-saturate: ;
                --tw-backdrop-sepia: ;
                --tw-contain-size: ;
                --tw-contain-layout: ;
                --tw-contain-paint: ;
                --tw-contain-style:
            }
			
			.bodysssssss {
				max-width:650px;
				margin:0 auto;
			}

            input::placeholder,textarea::placeholder {
                opacity: 0.5 !important;
                color: #dedede
            }
			
			.frame {
				max-width: 650px;
				margin: 0 auto;
				position:relative;
			}

            .fixed {
                position: fixed
            }

            .absolute {
                position: absolute
            }

            .relative {
                position: relative
            }

            .sticky {
                position: sticky
            }

            .inset-0 {
                inset: 0px
            }

            .-bottom-1 {
                bottom: -0.25rem
            }

            .-right-2 {
                right: -0.5rem
            }

            .bottom-0 {
                bottom: 0px
            }

            .bottom-8 {
                bottom: 2rem
            }

            .left-0 {
                left: 0px
            }

            .left-3 {
                left: 0.75rem
            }

            .left-6 {
                left: 1.5rem
            }

            .left-9 {
                left: 2.25rem
            }

            .right-3 {
                right: 0.75rem
            }

            .right-6 {
                right: 1.5rem
            }

            .right-9 {
                right: 2.25rem
            }

            .right-0 {
                right: 0px
            }

            .right-8 {
                right: 2rem
            }

            .right-\[5px\] {
                right: 5px
			}

            .topr-5 {
                top: -5px
            }

            .top-0 {
                top: 0px
            }

            .top-3 {
                top: 3px
            }

            .top-5 {
                top: 5px
            }

            .top-10 {
                top: 10px
            }

            .top-1\/2 {
                top: 50%
            }

            .top-1\/2-1 {
                top: 65%
            }


            .top-2\/3 {
                top: 70%
            }

            .z-40 {
                z-index: 40
            }

            .z-50 {
                z-index: 50
            }

            .row-span-2 {
                grid-row: span 2 / span 2
            }

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

            .mx-auto {
                margin-left: auto;
                margin-right: auto
            }
			.mx-1 { margin-left:0.25rem;margin-right:0.25rem }
			.mx-2\.5 { margin-left:0.625rem;margin-right:0.625rem }
			.-ml-1 { margin-left:-0.25rem }
			.-mr-1 { margin-right:-0.25rem }

            .-mr-2 {
                margin-right: -0.5rem
            }

			.mb-0\.5 { margin-bottom:0.125rem }
			.mb-1 { margin-bottom:0.25rem }
            .mb-2 {
                margin-bottom: 0.5rem
            }
			.mb-5 { margin-bottom:1.25rem }
			.mb-6 { margin-bottom:1.5rem }
			.mb-8 { margin-bottom:2rem }
			.ml-1\.5 { margin-left:0.375rem }
			.ml-auto { margin-left:auto }
			.mr-1 { margin-right:0.25rem }
			.mr-1\.5 { margin-right:0.375rem }
			.mr-2 { margin-right:0.5rem }
			.mt-1 { margin-top:0.25rem }

            .mt-2 {
                margin-top: 0.5rem
            }

            .mt-4 {
                margin-top: 1rem
            }

            .block {
                display: block
            }

            .flex {
                display: flex
            }

            .grid {
                display: grid
            }

            .hidden {
                display: none
            }

            .aspect-\[21\/9\] {
                aspect-ratio: /*21/9*/auto;
            }

            .aspect-\[4\/3\] {
                aspect-ratio: 4/3
            }

            .aspect-square {
                aspect-ratio: 1 / 1
            }

			.h-1 { height:0.25rem }
			.h-10 { height:2.5rem }
            .h-1\.5 {
                height: 0.375rem
            }

            .h-14 {
                height: 3.5rem
            }

            .h-18 {
                height: 4.5rem
            }

            .h-20 {
                height: 5rem
            }

            .h-24 {
                height: 6rem
            }

            .h-32 {
                height: 8rem
            }

            .h-48 {
                height: 12rem
            }

            .h-8 {
                height: 2rem
            }

            .h-18 {
                height: 4.5rem
            }
			.h-8 { height:2rem }
			.h-\[18px\] { height:18px }
			.h-\[20px\] { height:20px }
			.h-\[30px\] { height:30px }
			.h-\[60px\] { height:60px }
			.h-\[776px\] { height:776px }
			.h-\[90px\] { height:90px }

            .h-full {
                height: 100%
            }

            .min-h-screen {
                min-height: 100vh
            }

			.w-10 { width:2.5rem }
            .w-12 {
                width: 3rem
            }

			.w-16 { width:4rem }
            .w-14 {
                width: 3.5rem
            }

            .w-16 {
                width: 4rem
            }

            .w-18 {
                width: 4.5rem
            }

            .w-8 {
                width: 2rem
            }

			.w-2\.5 { width:0.625rem }
			.w-24 { width:6rem }
			.w-\[18px\] { width:18px }
			.w-\[1px\] { width:1px }
			.w-\[20px\] { width:20px }
			.w-\[30px\] { width:30px }
			.w-\[360px\] { width:360px }
            .w-full {
                width: 100%
            }

            .max-w-2xl {
                max-width: 42rem
            }

            .max-w-7xl {
                max-width: 80rem
            }

            .flex-1 {
                flex: 1 1 0%
            }

            .shrink-0 {
                flex-shrink: 0
            }

            .-translate-y-1\/2 {
                --tw-translate-y: -50%;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .scale-75 {
                --tw-scale-x: .75;
                --tw-scale-y: .75;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .cursor-pointer {
                cursor: pointer
            }

            .grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }

            .grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }

            .grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr))
            }

            .flex-col {
                flex-direction: column
            }

            .items-end {
                align-items: flex-end
            }

            .items-center {
                align-items: center !important;
            }

            .justify-center {
                justify-content: center
            }

            .justify-between {
                justify-content: space-between
            }

            .justify-around {
                justify-content: space-around
            }

            .justify-right{
                justify-content: right
            }
			
			.flex-wrap {
				flex-wrap: wrap;
			}

            .gap-1 {
                gap: 0.25rem
            }

            .gap-2 {
                gap: 0.5rem
            }

            .gap-3 {
                gap: 0.75rem
            }

            .gap-4 {
                gap: 1rem
            }

            .gap-6 {
                gap: 1.5rem
            }

            .gap-x-4 {
                column-gap: 1rem
            }

            .gap-y-6 {
                row-gap: 1.5rem
            }

            .space-y-1 > :not([hidden]) ~ :not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
                margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
            }

            .overflow-hidden {
                overflow: hidden
            }

            .overflow-x-auto {
                overflow-x: auto
            }

            .whitespace-nowrap {
                white-space: nowrap
            }

            .rounded-2xl {
                border-radius: 1rem
            }

            .rounded-full {
                border-radius: 9999px
            }

            .rounded-lg {
                border-radius: 0.5rem
            }

            .rounded-xl {
                border-radius: 0.75rem
            }

            .rounded-t-3xl {
                border-top-left-radius: 1.5rem;
                border-top-right-radius: 1.5rem
            }

            .rounded-br-lg {
                border-bottom-right-radius: 0.5rem
            }

            .border {
                border-width: 1px
            }

            .nborder {
                border: none !important;
            }

            .border-b {
                border-bottom-width: 1px
            }

            .nborder-b {
                border-bottom : none !important;
            }

            .nborder-t {
                border-top : none !important;
            }

            .border-t {
                border-top-width: 1px
            }

            .border-t2 {
                border-top-width: 1px;
				border-top-style:double;
            }

            .border-blue-600 {
                --tw-text-opacity: 1;
                border-color: rgb(68 119 230 / var(--tw-text-opacity, 1))
            }

            .border-orange-600 {
                --tw-text-opacity: 1;
                border-color: rgb(251 146 60 / var(--tw-text-opacity, 1));
            }

            .border-gray-100 {
                --tw-border-opacity: 1;
                border-color: rgb(243 244 246 / var(--tw-border-opacity, 1))
            }

            .border-gray-200 {
                --tw-border-opacity: 1;
                border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
            }

            .border-gray-230 {
                --tw-border-opacity: 1;
                border-color: rgb(225 227 229 / var(--tw-border-opacity, 1))
            }

            .border-gray-250 {
                --tw-border-opacity: 1;
                border-color: rgb(214 216 220 / var(--tw-border-opacity, 1))
            }

            .border-gray-300 {
                --tw-border-opacity: 1;
                border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
            }
            .border-gray-350 {
                --tw-border-opacity: 1;
                border-color: rgb(191 191 193 / var(--tw-border-opacity, 1))
            }

            .bg-black\/50 {
                background-color: rgb(0 0 0 / 0.5)
            }

            .bg-blue-200 {
                --tw-bg-opacity: 1;
                background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1))
            }

            .bg-blue-50 {
                --tw-bg-opacity: 1;
                background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
            }

            .bg-blue-600 {
                --tw-bg-opacity: 1;
                background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
            }

            .bg-gray-200 {
                --tw-bg-opacity: 1;
                background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
            }

            .bg-gray-50 {
                --tw-bg-opacity: 1;
                background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
            }

            .bg-orange-400 {
                --tw-bg-opacity: 1;
                background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1))
            }

            .bg-orange-50 {
                --tw-bg-opacity: 1;
                background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1))
            }

			.bg-gs-1 { background-color:#d11817;}
			.bg-gs-2 { background-color:#2183df;}
			.bg-gs-3 { background-color:#4aa05c;}

			.bg-\[\#2271BB\] { --tw-bg-opacity:1; background-color:rgb(34 113 187 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#49B5A8\] { --tw-bg-opacity:1; background-color:rgb(73 181 168 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#4AA05C\] { --tw-bg-opacity:1; background-color:rgb(74 160 92 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#6E8EB3\] { --tw-bg-opacity:1; background-color:rgb(110 142 179 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#8BA9CC\] { --tw-bg-opacity:1; background-color:rgb(139 169 204 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#EBEBEB\] { --tw-bg-opacity:1; background-color:rgb(235 235 235 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#EFA021\] { --tw-bg-opacity:1; background-color:rgb(239 160 33 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#F39B12\] { --tw-bg-opacity:1; background-color:rgb(243 155 18 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#F39C12\] { --tw-bg-opacity:1; background-color:rgb(243 156 18 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#F9F9F9\] { --tw-bg-opacity:1; background-color:rgb(249 249 249 / var(	--tw-bg-opacity, 1)) }
			.bg-\[\#FFD7BA\] { --tw-bg-opacity:1; background-color:rgb(255 215 186 / var(	--tw-bg-opacity, 1)) }
			.bg-gray-200 { --tw-bg-opacity:1; background-color:rgb(229 231 235 / var(	--tw-bg-opacity, 1)) }
			.bg-white { --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(	--tw-bg-opacity, 1)) }
			.bg-gradient-to-r { background-image:linear-gradient(to right, var(	--tw-gradient-stops)) }

            .border-gray-300-1 {
                --tw-border-opacity: 1;
                border-color: rgb(184 201 238 / var(--tw-border-opacity, 1))
            }

            .p-1 {
                padding: 0.25rem
            }

            .p-2 {
                padding: 0.5rem
            }

            .p-3 {
                padding: 0.75rem
            }

            .p-4 {
                padding: 1rem
            }

            .p-5 {
                padding: 1.25rem
            }

            .p-6 {
                padding: 1.5rem
            }

            .px-1 {
                padding-left: 0.25rem;
                padding-right: 0.25rem
            }

            .px-2 {
                padding-left: 0.5rem;
                padding-right: 0.5rem
            }

            .px-3 {
                padding-left: 0.75rem;
                padding-right: 0.75rem
            }

            .px-4 {
                padding-left: 1rem;
                padding-right: 1rem
            }

            .px-5 {
                padding-left: 1.25rem;
                padding-right: 1.25rem;
            }

            .px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem
            }

            .px-7 {
                padding-left: 1.75rem;
                padding-right: 1.75rem
            }

			.py-0\.5 { padding-top:0.125rem; padding-bottom:0.125rem }
			.py-0\.75 { padding-top:0.250rem; padding-bottom:0.250rem }
            .py-1 {
                padding-top: 0.25rem;
                padding-bottom: 0.25rem
            }
			.py-1\.5 { padding-top:0.375rem; padding-bottom:0.375rem }

            .py-2 {
                padding-top: 0.5rem;
                padding-bottom: 0.5rem
            }

            .py-2\.5 {
                padding-top: 0.625rem;
                padding-bottom: 0.625rem
            }

            .py-3 {
                padding-top: 0.725rem;
                padding-bottom: 0.725rem
            }
			.py-3\.5 { padding-top:0.875rem; padding-bottom:0.875rem }

            .py-4 {
                padding-top: 1rem;
                padding-bottom: 1rem
            }

            .py-5 {
                padding-top: 1.25rem;
                padding-bottom: 1.25rem
            }

            .py-6 {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem
            }

            .py-7 {
                padding-top: 1.75rem;
                padding-bottom: 1.75rem
            }

            .pb-16 {
                padding-bottom: 4rem
            }

            .pb-2 {
                padding-bottom: 0.5rem
            }

            .pb-4 {
                padding-bottom: 1rem
            }

            .pb-8 {
                padding-bottom: 2rem
            }
			.pb-\[76px\] { padding-bottom:76px }

            .pl-10 {
                padding-left: 2.5rem
            }

            .pl-2 {
                padding-left: 0.5rem
            }
			.pl-4 { padding-left:1rem }

            .pr-4 {
                padding-right: 1rem
            }

			.pt-2 { padding-top:0.5rem }
			.pt-3 { padding-top:0.75rem }
            .pt-4 {
                padding-top: 1rem
            }

            .text-left {
                text-align: left
            }

            .text-center {
                text-align: center
            }

			.text-\[10px\] { font-size:10px }
			.text-\[11px\] { font-size:11px }
			.text-\[12px\] { font-size:12px !important; }
			.text-\[13px\] { font-size:13px }
			.text-\[14px\] { font-size:14px }
			.text-\[15px\] { font-size:15px }
			.text-\[16px\] { font-size:16px }
			.text-\[17px\] { font-size:17px }
			.text-\[18px\] { font-size:18px }
			.text-\[20px\] { font-size:20px }
			.text-\[22px\] { font-size:22px }
            .font-sans {
                /*font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"*/
            }
            .font-nanum {
                font-family:Nanum Gothic;
            }

            .text-base {
                font-size: 1rem;
                line-height: 1.5rem
            }

            .text-lg {
                font-size: 1.125rem;
                line-height: 1.75rem
            }

            .text-sm {
                font-size: 0.9rem;
                line-height: 1.25rem
            }

            .text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem
            }

            .text-xs {
                font-size: 0.75rem;
                line-height: 1rem
            }

            .text-extxs {
                font-size: 0.6rem;
                line-height: 0.75rem
            }
			
			.font-black { font-weight:900 }

            .font-bold {
                font-weight: 700
            }

            .font-extbold {
                font-weight: 900
            }

            .font-medium2 {
                font-weight: 600
            }

            .font-medium {
                font-weight: 500
            }

			.italic { font-style:italic }
			.leading-none { line-height:1 }
			.tracking-tight { letter-spacing:-0.025em }
			.text-\[\#111111\] { --tw-text-opacity:1;
			color:rgb(17 17 17 / var(	--tw-text-opacity, 1)) }
			.text-\[\#113264\] { --tw-text-opacity:1; color:rgb(17 50 100 / var(	--tw-text-opacity, 1)) }
			.text-\[\#1A579B\] { --tw-text-opacity:1; color:rgb(26 87 155 / var(	--tw-text-opacity, 1)) }
			.text-\[\#1A64B2\] { --tw-text-opacity:1; color:rgb(26 100 178 / var(	--tw-text-opacity, 1)) }
			.text-\[\#222222\] { --tw-text-opacity:1; color:rgb(34 34 34 / var(	--tw-text-opacity, 1)) }
			.text-\[\#333333\] { --tw-text-opacity:1; color:rgb(51 51 51 / var(	--tw-text-opacity, 1)) }
			.text-\[\#444444\] { --tw-text-opacity:1; color:rgb(68 68 68 / var(	--tw-text-opacity, 1)) }
			.text-\[\#5199CC\] { --tw-text-opacity:1; color:rgb(81 153 204 / var(	--tw-text-opacity, 1)) }
			.text-\[\#666666\] { --tw-text-opacity:1; color:rgb(102 102 102 / var(	--tw-text-opacity, 1)) }
			.text-\[\#A0A0A0\] { --tw-text-opacity:1; color:rgb(160 160 160 / var(	--tw-text-opacity, 1)) }
			.text-\[\#A5A5A5\] { --tw-text-opacity:1; color:rgb(165 165 165 / var(	--tw-text-opacity, 1)) }
			.text-\[\#F6B72D\] { --tw-text-opacity:1; color:rgb(246 183 45 / var(	--tw-text-opacity, 1)) }
			.text-gray-300 { --tw-text-opacity:1; color:rgb(209 213 219 / var(	--tw-text-opacity, 1)) }
			.text-gray-500 { --tw-text-opacity:1; color:rgb(107 114 128 / var(	--tw-text-opacity, 1)) }
			.text-gray-600 { --tw-text-opacity:1; color:rgb(75 85 99 / var(	--tw-text-opacity, 1)) }
			.text-gray-700 { --tw-text-opacity:1; color:rgb(55 65 81 / var(	--tw-text-opacity, 1)) }
			.text-gray-800 { --tw-text-opacity:1; color:rgb(31 41 55 / var(	--tw-text-opacity, 1)) }
			.text-gray-900 { --tw-text-opacity:1; color:rgb(17 24 39 / var(	--tw-text-opacity, 1)) }
			.text-white { --tw-text-opacity:1; color:rgb(255 255 255 / var(	--tw-text-opacity, 1)) }
			
            .text-blue-500 {
                --tw-text-opacity: 1;
                color: rgb(59 130 246 / var(--tw-text-opacity, 1))
            }

            .text-blue-600 {
                --tw-text-opacity: 1;
                color: rgb(37 99 235 / var(--tw-text-opacity, 1))
            }

            .text-orange-600 {
                --tw-text-opacity: 1;
                color: rgb(251 146 60 / var(--tw-text-opacity, 1))
            }

            .text-gray-400 {
                --tw-text-opacity: 1;
                color: rgb(156 163 175 / var(--tw-text-opacity, 1))
            }

            .text-gray-500 {
                --tw-text-opacity: 1;
                color: rgb(107 114 128 / var(--tw-text-opacity, 1))
            }

            .text-gray-600 {
                --tw-text-opacity: 1;
                color: rgb(75 85 99 / var(--tw-text-opacity, 1))
            }

            .text-gray-700 {
                --tw-text-opacity: 1;
                color: rgb(55 65 81 / var(--tw-text-opacity, 1))
            }

            .text-gray-800 {
                --tw-text-opacity: 1;
                color: rgb(31 41 55 / var(--tw-text-opacity, 1))
            }

            .text-gray-900 {
                --tw-text-opacity: 1;
                color: rgb(17 24 39 / var(--tw-text-opacity, 1))
            }

            .text-orange-400 {
                --tw-text-opacity: 1;
                color: rgb(251 146 60 / var(--tw-text-opacity, 1))
            }

            .text-white {
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity, 1))
            }

            .text-yellow-500 {
                --tw-text-opacity: 1;
                color: rgb(234 179 8 / var(--tw-text-opacity, 1))
            }

            .opacity-60 {
                opacity: 0.6
            }

			.shadow-2xl {
				--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
				--tw-shadow-colored:0 25px 50px -12px var(	--tw-shadow-color);
				box-shadow:var(	--tw-ring-offset-shadow, 0 0 #0000), var(	--tw-ring-shadow, 0 0 #0000), var(	--tw-shadow)
			}
			.shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
				--tw-shadow:0 2px 8px rgba(0,0,0,0.02);
				--tw-shadow-colored:0 2px 8px var(	--tw-shadow-color);
				box-shadow:var(	--tw-ring-offset-shadow, 0 0 #0000), var(	--tw-ring-shadow, 0 0 #0000), var(	--tw-shadow)
			}
			.shadow-\[0_8px_20px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
				--tw-shadow:0 8px 20px rgba(0,0,0,0.08);
				--tw-shadow-colored:0 8px 20px var(	--tw-shadow-color);
				box-shadow:var(	--tw-ring-offset-shadow, 0 0 #0000), var(	--tw-ring-shadow, 0 0 #0000), var(	--tw-shadow)
			}
			.shadow-\[0_8px_20px_rgba\(34\2c 113\2c 187\2c 0\.35\)\] {
				--tw-shadow:0 8px 20px rgba(34,113,187,0.35);
				--tw-shadow-colored:0 8px 20px var(	--tw-shadow-color);
				box-shadow:var(	--tw-ring-offset-shadow, 0 0 #0000), var(	--tw-ring-shadow, 0 0 #0000), var(	--tw-shadow)
			}
            .shadow-\[0_-8px_30px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
                --tw-shadow: 0 -8px 30px rgba(0,0,0,0.12);
                --tw-shadow-colored: 0 -8px 30px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
            }

            .shadow-lg {
                --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
                --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
            }

            .shadow-sm {
                --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
            }

            .backdrop-blur-sm {
                --tw-backdrop-blur: blur(4px);
                -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
                backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
            }

            .transition-all {
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms
            }

            .transition-colors {
                transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms
            }

            .transition-opacity {
                transition-property: opacity;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms
            }

            .hover\:border-blue-600:hover {
                --tw-border-opacity: 1;
                border-color: rgb(37 99 235 / var(--tw-border-opacity, 1))
            }

            .hover\:border-orange-400:hover {
                --tw-border-opacity: 1;
                border-color: rgb(251 146 60 / var(--tw-border-opacity, 1))
            }

            .hover\:bg-blue-50:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
            }

            .hover\:bg-blue-50\/30:hover {
                background-color: rgb(239 246 255 / 0.3)
            }

            .hover\:bg-gray-300:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))
            }

            .hover\:bg-gray-50:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
            }

            .hover\:bg-orange-50:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1))
            }

            .hover\:bg-orange-50\/30:hover {
                background-color: rgb(255 247 237 / 0.3)
            }

            .hover\:text-blue-600:hover {
                --tw-text-opacity: 1;
                color: rgb(37 99 235 / var(--tw-text-opacity, 1))
            }

            .hover\:text-gray-800:hover {
                --tw-text-opacity: 1;
                color: rgb(31 41 55 / var(--tw-text-opacity, 1))
            }

            .hover\:text-orange-500:hover {
                --tw-text-opacity: 1;
                color: rgb(249 115 22 / var(--tw-text-opacity, 1))
            }

            .hover\:shadow-md:hover {
                --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
                --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
                box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
            }

            .focus\:border-orange-400:focus {
                --tw-border-opacity: 1;
                border-color: rgb(251 146 60 / var(--tw-border-opacity, 1))
            }

            .focus\:outline-none:focus {
                outline: 2px solid transparent;
                outline-offset: 2px
            }

            .focus\:ring-1:focus {
                --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
                box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
            }

            .focus\:ring-orange-400:focus {
                --tw-ring-opacity: 1;
                --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))
            }

            .group:hover .group-hover\:scale-110 {
                --tw-scale-x: 1.1;
                --tw-scale-y: 1.1;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .group:hover .group-hover\:bg-gray-50 {
                --tw-bg-opacity: 1;
                background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
            }

            .group:hover .group-hover\:bg-transparent {
                background-color: transparent
            }

            .group:hover .group-hover\:bg-white {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
            }
			
			/*.w-full .floatBox { width:100%; display:flex; flex-wrap: wrap; justify-content: space-between; }
			.w-full .floatBox .boxitems { width:calc((100%/3) - 10px); }*/
			
			.w-full .floatBox { width:100%; }
			.w-full .floatBox ul { display:flex; flex-wrap: wrap; justify-content: space-between; }
			.w-full .floatBox ul li { width:calc((100%/3) - 10px); margin-bottom:20px; }
			.w-full .floatBox ul li .contents-img {
				text-align: center;
				border: 1px solid #dfdfdf;
				border-radius: 16px 16px 0 0;
				overflow: hidden;
				max-height:64px;
				padding:10px 0;
				box-sizing:border-box;-webkit-box-sizing:border-box;-mox-box-sizing:border-box;-0-box-sizing:border-box;-ms-box-sizing:border-box;
			}

			.w-full .floatBox ul li .contents-txt {
				border: 1px solid #dfdfdf;
				border-top: none;
				border-radius: 0 0 4px 4px;
				padding: 10px 10px;
				background: #f4f4f4;
				box-sizing: border-box;
			}
					
			.w-full .floatBox ul li .contents-txt h5 {
				display: inline-block;
				width: 100%;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;*/
				font-size: 14px;
				font-weight: 600;
				white-space: normal;
					line-height: 16px;
					height: 32px;
				word-wrap: break-word;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			
			.w-full .floatBox ul li .contents-txt h6.tel {
				display: block;
				font-size: 16px;
				font-weight: 400;
				width: calc(100% - 26px);
				margin-top: 5px;
				color: #222;
				overflow: hidden;
				text-overflow: ellipsis;
				padding-left: 23px;
				background: url(/findpro/images/ico-phone.svg) 0 50% no-repeat;
				background-size:16px; z-index:10;
			}
			
			.w-full .floatBox ul li .contents-txt h6.tel span a {
				font-size:14px;
				font-weight:600;
			}
			
			.w-full .floatBox ul li .contents-img img {
				width:auto;
				height:auto;
				max-width:85%;
				max-height:35px;
			}
				#real-estate-home-part1 {
					max-height:195px;
				}
				
				#real-estate-home-part1 button:first-child {
					max-height:153px;
				}
				#real-estate-home-part2 button {
					max-height:71.25px;
				}
				
			#mainMenu-part1 button {
				min-height:100px;
			}

            @media (max-width: 480px) {
				.mleftcimg {
					display:none;
				}
				
				.mleftctxt {
					
					width:90%;
				}
			}

            @media (max-width: 640px) {
			}

            @media (max-width: 768px) {
				
				.w-full .floatBox ul li { width:calc((100% - 10px) / 2); }
				
				.w-full .floatBox ul li:last-child { display:none; }
				.w-full .floatBox ul li .contents-txt h5 {
					line-height: 16px;
					height: 32px;
				}
			}

            @media (min-width: 768px) {
			
				input[name="stx"]::placeholder {
					font-size:0.8em;
				}
				
                .md\:relative {
                    position:relative
                }

                .md\:bottom-auto {
                    bottom: auto
                }

                .md\:col-span-12:not(.idx-interior) {
                    grid-column: span 12 / span 12
                }

                .md\:mx-auto {
                    margin-left: auto;
                    margin-right: auto
                }

                .md\:mb-0 {
                    margin-bottom: 0px
                }

                .md\:mt-20 {
                    margin-top: 5rem
                }

                .md\:flex {
                    display: flex
                }

                .md\:grid {
                    display: grid
                }

                .md\:hidden {
                    display: none
                }

                .md\:aspect-\[3\/1\] {
                    aspect-ratio: 3/1
                }

                .md\:aspect-\[4\/1\] {
                    aspect-ratio: 4/1
                }

                .md\:aspect-auto {
                    aspect-ratio: auto
                }

                .md\:h-16 {
                    height: 4rem
                }

                .md\:h-56 {
                    height: 14rem
                }

                .md\:h-auto {
                    height: auto
                }

                .md\:w-16 {
                    width: 4rem
                }

                .md\:w-auto {
                    width: auto
                }

                .md\:w-full {
                    width: 100%
                }

                .md\:max-w-2xl {
                    max-width: 42rem
                }

                .md\:grid-cols-1 {
                    grid-template-columns: repeat(1, minmax(0, 1fr))
                }

                .md\:grid-cols-12 {
                    grid-template-columns: repeat(12, minmax(0, 1fr))
                }

                .md\:grid-cols-2:not(.idx-interior) {
                    grid-template-columns: repeat(2, minmax(0, 1fr))
                }

                .md\:grid-cols-4 {
                    grid-template-columns: repeat(4, minmax(0, 1fr))
                }

                .md\:flex-row {
                    flex-direction: row
                }

                .md\:items-center {
                    align-items: center
                }

                .md\:justify-start {
                    justify-content: flex-start
                }

                .md\:gap-0 {
                    gap: 0px
                }

                .md\:gap-4 {
                    gap: 1rem
                }

                .md\:gap-6 {
                    gap: 1.5rem
                }

                .md\:rounded-3xl {
                    border-radius: 1.5rem
                }

                .md\:p-6 {
                    padding: 1.5rem
                }

                .md\:px-0:not(#divinterior) {
                    padding-left: 0px;
                    padding-right: 0px
                }

                .md\:pb-0 {
                    padding-bottom: 0px
                }

                .md\:pb-10 {
                    padding-bottom: 2.5rem
                }

                .md\:text-2xl {
                    font-size: 1.5rem;
                    line-height: 2rem
                }

                .md\:text-base {
                    font-size: 1rem;
                    line-height: 1.5rem
                }

                .md\:text-lg {
                    font-size: 1.125rem;
                    line-height: 1.75rem
                }

                .md\:text-sm {
                    font-size: 0.875rem;
                    line-height: 1.25rem
                }
            }

            @media (min-width: 1024px) {
				
                .lg\:col-span-4 {
                    grid-column:span 4 / span 4
                }

                .lg\:col-span-8 {
                    grid-column: span 8 / span 8
                }

                .lg\:mb-2 {
                    margin-bottom: 0.5rem
                }

                .lg\:aspect-square {
                    aspect-ratio: 1 / 1
                }

                .lg\:grid-cols-3 {
                    grid-template-columns: repeat(3, minmax(0, 1fr))
                }

                .lg\:grid-cols-6 {
                    grid-template-columns: repeat(6, minmax(0, 1fr))
                }

                .lg\:grid-cols-8 {
                    grid-template-columns: repeat(8, minmax(0, 1fr))
                }

                .lg\:flex-col {
                    flex-direction: column
                }

                .lg\:justify-center {
                    justify-content: center
                }

                .lg\:gap-0 {
                    gap: 0px
                }
            }

/** Main 인테리아 **/
#main-pro-method {
	position:relative;
	width:100%;
	margin-bottom:20px;
}
.main-pro-method-contents{
    display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
	margin:0 auto;
	padding:0;
	list-style:none;
}
.main-pro-method-contents li{
    width: calc((100% / 3) - 4%);
	margin-left:2%;
	margin-right:2%;
    margin-bottom: 14px;
	position:relative;
	display: inline-flex;
    box-sizing: border-box;
}

.main-pro-method-contents li a .c-tit {
	width:100%;
	padding:5px 10px;
	background:rgb(0,0,0,0.03);
	text-align:center;
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
	border-radius:10px;
	font-size: 0.9em;
}

.main-pro-method-contents li a {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    box-sizing: border-box;
	padding-top:115px;
}

.main-pro-method-contents li a::after {
    content: '';
    position: absolute;
    top: 35px;
    left: 50%;
    width: 80px;
    height: 80px;
    border-radius: 0px;
    transform: translateX(-50%);
    z-index: 1;
    box-sizing: border-box;
}

.main-pro-method-contents li.move a::after {
    background: url(/images/mobMain/icon_move.png) 50% no-repeat;
    background-size: contain;
}

.main-pro-method-contents li.clean a::after {
    background: url(/images/mobMain/icon_clean.png) 50% no-repeat;
    background-size: contain;
}

.main-pro-method-contents li.interior a::after {
    background: url(/images/mobMain/icon_interior.png) 50% no-repeat;
    background-size: contain;
}
/** modal **/
.modal {
	display:none;
	position:fixed;
	z-index:10;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgba(0,0,0,0.6);
	padding:60px 10px 100px;
	box-sizing:border-box;
}

.modal .modal-content {
	
	width:100%;
	margin:0 auto;
	height:100%;
	position:relative;
	padding:20px 0;
	display:flex;
	align-items:center;
}

.modal .modal-content #modal-content-sub {

	width:98%;
	margin:0 auto;
	background:#fff;
	border-radius:14px;
	position:relative;

}

.modal .modal-close {
	/*color:#fff;
	position:absolute;
	top:-10px;
	right:10px;*/
	font-size:30pt;
	font-weight:bold;
	line-height:20px;
	margin-bottom:10px;
	text-align:right;
	padding-top:5px;
	padding-right:10px;
}

#hdpigma { font-size:14px; }


/*강의*/
.use_ais {
	width:25%;
}

@media (max-width: 700px) {
	.use_ais {
		width:calc(50% - 10px);
	}
	.use_ais:nth-child(even) {
		margin-right:0;
	}
}

@media (min-width: 701px) and (max-width: 1199px) {
	.use_ais {
		width:calc(33.3333% - 20px);
	}
	.use_ais:nth-child(3n) {
		margin-right:0;
	}
}