/* public_html/css/font.css */


		/* 예시: 2번 폰트(Alatsi), 3번 폰트(Bangers)를 400 두께 뒤에 붙일 때 */
		@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400&family=Handlee&family=Prosto+One&family=Zen+Dots&family=Alatsi&family=Momo+Trust+Display&family=Bubblegum+Sans&family=Righteous&family=Oleo+Script+Swash+Caps:wght@400&family=Abril+Fatface&family=Fugaz+One&family=Archivo+Black&family=Russo+One&family=Archivo+Black&family=Racing+Sans+One&family=Alfa+Slab+One&family=Ultra&family=Titan+One&family=Bungee&family=Changa+One&family=Spicy+Rice&family=Ranchers&family=Oswald&family=Anton&family=Oswald+Semibold&family=Squada+One&family=Monoton&family=Wallpoet&family=Black+Ops+One&family=Stardos+Stencil&family=Allerta+Stencil&display=swap');

		/* -------------------------------------------------------------
		   [방 배달] 드롭박스 일련번호와 구글 폰트 매칭
		------------------------------------------------------------- */
		.f-style-30 { font-family: 'Zilla Slab', sans-serif !important; }
		.f-style-31 { font-family: 'Handlee', sans-serif !important; }
		.f-style-32 { font-family: 'Prosto One', sans-serif !important; }
		.f-style-33 { font-family: 'Zen Dots', sans-serif !important; }
		.f-style-34 { font-family: 'Alatsi', sans-serif !important; }
		.f-style-35 { font-family: 'Momo Trust Display', sans-serif !important; }
		.f-style-36 { font-family: 'Bubblegum Sans', sans-serif !important; }
		.f-style-37 { font-family: 'Righteous', sans-serif !important; }
		.f-style-38 { font-family: 'Oleo Script Swash Caps', sans-serif !important; }
		.f-style-39 { font-family: 'Abril Fatface', sans-serif !important; }
		.f-style-40 { font-family: 'Fugaz One', sans-serif !important; }
		.f-style-41 { font-family: 'Archivo Black', sans-serif !important; }
		.f-style-42 { font-family: 'Russo One', sans-serif !important; }
		.f-style-43 { font-family: 'Racing Sans One', sans-serif !important; }
		.f-style-44 { font-family: 'Alfa Slab One', sans-serif !important; }
		.f-style-45 { font-family: 'Ultra', sans-serif !important; }
		.f-style-46 { font-family: 'Titan One', sans-serif !important; }
		.f-style-47 { font-family: 'Bungee', sans-serif !important; }
		.f-style-48 { font-family: 'Changa One', sans-serif !important; }
		.f-style-49 { font-family: 'Spicy Rice', sans-serif !important; }
		.f-style-50 { font-family: 'Ranchers', sans-serif !important; }
		.f-style-51 { font-family: 'Oswald', sans-serif !important; }
		.f-style-52 { font-family: 'Anton', sans-serif !important; }
		.f-style-53 { font-family: 'Oswald Semibold', sans-serif !important; }
		.f-style-54 { font-family: 'Squada One', sans-serif !important; }
		.f-style-55 { font-family: 'Monoton', sans-serif !important; }
		.f-style-56 { font-family: 'Wallpoet', sans-serif !important; }
		.f-style-57 { font-family: 'Black Ops One', sans-serif !important; }
		.f-style-58 { font-family: 'Stardos Stencil', sans-serif !important; }
		.f-style-59 { font-family: 'Allerta Stencil', sans-serif !important; }

 
        /* 화면 레이아웃 (일자형 구조) */
      
        .box-container { max-width: 800px; margin: 20px auto; background: #ffffff; padding: 25px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
        
        .title { text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 10px; color: #111; }
        
        .form-item { margin-bottom: 20px; }
        .form-item label { display: block; font-size: 14px; font-weight: bold; margin-bottom: 8px; color: #555; }
        
        
        /* ⚡ 어떤 핸드폰 화면에서도 절대로 탈출하지 않는 안전 보정 박스 */
		input, select { 
		    padding: 10px; 
		    width: 100% !important;            /* 👈 가로폭을 화면에 맞게 꽉 채우되 */
		    max-width: 100% !important;        /* 👈 부모 박스 경계선을 절대 탈출하지 못하게 봉쇄 */
		    box-sizing: border-box !important; /* 👈 안쪽 여백 때문에 테두리가 터지는 버그를 원천 차단 */
		    font-size: 16px; 
		    margin-bottom: 10px;
		}
		
		

        /* 📸 파크님이 원하시는 고정 배경 이미지 창 */
        .view-panel { 
            background-image: url('/img/font5_bg.jpg') !important; 
            background-size: cover; 
            background-position: center; 
            border-radius: 10px; 
            padding: 105px 20px 80px 60px !important; /* 위 오른쪽 아래 왼쪽 순서 */
            text-align: center;
            margin-top: 15px;
            box-shadow: inset 0 0 20px rgba(0,0,0,0.4);
        }

        /* 💥 반응형 글자 크기 및 글자 그림자 (가독성 확보) */
        #preview-text { 
            display: inline-block; 
            color: #ffffff !important; 
            font-size: clamp(50px, 7vw, 80px); 
            line-height: 1.2;
            word-break: break-all;
            text-shadow: 2px 2px 10px rgba(0,0,0,0.9), -1px -1px 0 rgba(0,0,0,0.5); 
        }
        
        .notice { background: #fff7ed; padding: 15px; border-radius: 8px; font-size: 14px; color: #7c2d12; line-height: 1.5; margin-top: 25px; }