@font-face{font-family:'HangulGuide';src:url('guide-0.woff2') format('woff2');font-display:swap;unicode-range:U+AC00-AC01,U+AC04,U+AC07-AC0A,U+AC10-AC17,U+AC19-AC1D,U+AC20,U+AC24,U+AC2C-AC2D,U+AC2F-AC31,U+AC38-AC39,U+AC3C,U+AC40,U+AC4B,U+AC4D,U+AC54,U+AC58,U+AC5C,U+AC70-AC71,U+AC74,U+AC77-AC78,U+AC7A,U+AC80-AC81,U+AC83-AC86,U+AC89-AC8C,U+AC90,U+AC94,U+AC9C-AC9D,U+AC9F-ACA1,U+ACA8-ACAA,U+ACAC,U+ACAF-ACB0,U+ACB8-ACB9,U+ACBB-ACBD,U+ACC1,U+ACC4,U+ACC8,U+ACCC,U+ACD5,U+ACD7,U+ACE0-ACE1,U+ACE4,U+ACE7-ACE8,U+ACEA,U+ACEC,U+ACEF-ACF1,U+ACF3,U+ACF5-ACF6,U+ACFC-ACFD,U+AD00,U+AD04,U+AD06,U+AD0C-AD0D,U+AD0F,U+AD11,U+AD18,U+AD1C,U+AD20,U+AD29,U+AD2C-AD2D,U+AD34-AD35,U+AD38,U+AD3C,U+AD44-AD45,U+AD47,U+AD49,U+AD50,U+AD54,U+AD58,U+AD61,U+AD63,U+AD6C-AD6D,U+AD70,U+AD73-AD76,U+AD7B-AD7D,U+AD7F,U+AD81-AD83,U+AD88-AD89,U+AD8C,U+AD90,U+AD9C-AD9D,U+ADA4,U+ADB7,U+ADC0-ADC1,U+ADC4,U+ADC8,U+ADD0-ADD1,U+ADD3,U+ADDC,U+ADE0,U+ADE4,U+ADF8-ADF9,U+ADFC,U+ADFF-AE01,U+AE08-AE09,U+AE0B,U+AE0D,U+AE14,U+AE30-AE31,U+AE34,U+AE37-AE38,U+AE3A,U+AE40-AE41,U+AE43,U+AE45-AE46,U+AE4A,U+AE4C-AE4E,U+AE50,U+AE54,U+AE56,U+AE5C-AE5D,U+AE5F-AE61,U+AE65,U+AE68-AE69,U+AE6C,U+AE70,U+AE78-AE79,U+AE7B-AE7D,U+AE84-AE85,U+AE8C,U+AEBC-AEBE,U+AEC0,U+AEC4,U+AECC-AECD,U+AECF-AED1,U+AED8-AED9,U+AEDC,U+AEE8,U+AEEB,U+AEED,U+AEF4,U+AEF8,U+AEFC,U+AF07-AF08,U+AF0D,U+AF10,U+AF2C-AF2D,U+AF30,U+AF32,U+AF34,U+AF3C-AF3D,U+AF3F,U+AF41-AF43,U+AF48-AF49,U+AF50,U+AF5C-AF5D,U+AF64-AF65,U+AF79,U+AF80,U+AF84,U+AF88,U+AF90-AF91,U+AF95,U+AF9C,U+AFB8-AFB9,U+AFBC,U+AFC0,U+AFC7-AFC9,U+AFCB,U+AFCD-AFCE,U+AFD4,U+AFDC,U+AFE8-AFE9,U+AFF0-AFF1,U+AFF4,U+AFF8,U+B000-B001,U+B004,U+B00C,U+B010,U+B014,U+B01C-B01D,U+B028,U+B044-B045,U+B048,U+B04A,U+B04C,U+B04E,U+B053-B055,U+B057,U+B059,U+B05D,U+B07C-B07D,U+B080,U+B084,U+B08C-B08D,U+B08F,U+B091,U+B098-B09A,U+B09C,U+B09F-B0A2}
@font-face{font-family:'HangulGuide';src:url('guide-1.woff2') format('woff2');font-display:swap;unicode-range:U+B0A8-B0A9,U+B0AB-B0AF,U+B0B1,U+B0B3-B0B5,U+B0B8,U+B0BC,U+B0C4-B0C5,U+B0C7-B0C9,U+B0D0-B0D1,U+B0D4,U+B0D8,U+B0E0,U+B0E5,U+B108-B109,U+B10B-B10C,U+B110,U+B112-B113,U+B118-B119,U+B11B-B11D,U+B123-B125,U+B128,U+B12C,U+B134-B135,U+B137-B139,U+B140-B141,U+B144,U+B148,U+B150-B151,U+B154-B155,U+B158,U+B15C,U+B160,U+B178-B179,U+B17C,U+B180,U+B182,U+B188-B189,U+B18B,U+B18D,U+B192-B194,U+B198,U+B19C,U+B1A8,U+B1CC,U+B1D0,U+B1D4,U+B1DC-B1DD,U+B1DF,U+B1E8-B1E9,U+B1EC,U+B1F0,U+B1F9,U+B1FB,U+B1FD,U+B204-B205,U+B208,U+B20B-B20C,U+B214-B215,U+B217,U+B219,U+B220,U+B234,U+B23C,U+B258,U+B25C,U+B260,U+B268-B269,U+B274-B275,U+B27C,U+B284-B285,U+B289,U+B290-B291,U+B294,U+B298-B29A,U+B2A0-B2A1,U+B2A3,U+B2A5-B2A6,U+B2AA,U+B2AC,U+B2B0,U+B2B4,U+B2C8-B2C9,U+B2CC,U+B2D0,U+B2D2,U+B2D8-B2D9,U+B2DB,U+B2DD,U+B2E2,U+B2E4-B2E6,U+B2E8,U+B2EB-B2EF,U+B2F3-B2F5,U+B2F7-B2FB,U+B2FF-B301,U+B304,U+B308,U+B310-B311,U+B313-B315,U+B31C,U+B354-B356,U+B358,U+B35B-B35C,U+B35E-B35F,U+B364-B365,U+B367,U+B369,U+B36B,U+B36E,U+B370-B371,U+B374,U+B378,U+B380-B381,U+B383-B385,U+B38C,U+B390,U+B394,U+B3A0-B3A1,U+B3A8,U+B3AC,U+B3C4-B3C5,U+B3C8,U+B3CB-B3CC,U+B3CE,U+B3D0,U+B3D4-B3D5,U+B3D7,U+B3D9,U+B3DB,U+B3DD,U+B3E0,U+B3E4,U+B3E8,U+B3FC,U+B410,U+B418,U+B41C,U+B420,U+B428-B429,U+B42B,U+B434,U+B450-B451,U+B454,U+B458,U+B460-B461,U+B463,U+B465,U+B46C,U+B480,U+B488,U+B49D,U+B4A4,U+B4A8,U+B4AC,U+B4B5,U+B4B7,U+B4B9,U+B4C0,U+B4C4,U+B4C8,U+B4D0,U+B4D5,U+B4DC-B4DD,U+B4E0,U+B4E3-B4E4,U+B4E6,U+B4EC-B4ED,U+B4EF,U+B4F1,U+B4F8,U+B514-B515,U+B518,U+B51B-B51C,U+B524-B525,U+B527-B52A,U+B530-B531,U+B534,U+B538,U+B540-B541,U+B543-B545,U+B54B-B54D,U+B550,U+B554,U+B55C-B55D,U+B55F-B561,U+B5A0-B5A1,U+B5A4,U+B5A8,U+B5AA-B5AB,U+B5B0-B5B1,U+B5B3-B5B5,U+B5BB-B5BD,U+B5C0,U+B5C4,U+B5CC-B5CD,U+B5CF-B5D0}
@font-face{font-family:'HangulGuide';src:url('guide-2.woff2') format('woff2');font-display:swap;unicode-range:U+B5D1,U+B5D8,U+B5EC,U+B610-B611,U+B614,U+B618,U+B625,U+B62C,U+B634,U+B648,U+B664,U+B668,U+B69C-B69D,U+B6A0,U+B6A4,U+B6AB-B6AC,U+B6B1,U+B6D4,U+B6F0,U+B6F4,U+B6F8,U+B700-B701,U+B705,U+B728-B729,U+B72C,U+B72F-B730,U+B738-B739,U+B73B,U+B744,U+B748,U+B74C,U+B754-B755,U+B760,U+B764,U+B768,U+B770-B771,U+B773,U+B775,U+B77C-B77D,U+B780,U+B784,U+B78C-B78D,U+B78F-B792,U+B796-B799,U+B79C,U+B7A0,U+B7A8-B7A9,U+B7AB-B7AD,U+B7B4-B7B5,U+B7B8,U+B7C7,U+B7C9,U+B7EC-B7ED,U+B7F0,U+B7F4,U+B7FC-B7FD,U+B7FF-B801,U+B807-B809,U+B80C,U+B810,U+B818-B819,U+B81B,U+B81D,U+B824-B825,U+B828,U+B82C,U+B834-B835,U+B837-B839,U+B840,U+B844,U+B851,U+B853,U+B85C-B85D,U+B860,U+B864,U+B86C-B86D,U+B86F,U+B871,U+B878,U+B87C,U+B88D,U+B8A8,U+B8B0,U+B8B4,U+B8B8,U+B8C0-B8C1,U+B8C3,U+B8C5,U+B8CC,U+B8D0,U+B8D4,U+B8DD,U+B8DF,U+B8E1,U+B8E8-B8E9,U+B8EC,U+B8F0,U+B8F8-B8F9,U+B8FB,U+B8FD,U+B904,U+B918,U+B920,U+B93C-B93D,U+B940,U+B944,U+B94C,U+B94F,U+B951,U+B958-B959,U+B95C,U+B960,U+B968-B969,U+B96B,U+B96D,U+B974-B975,U+B978,U+B97C,U+B984-B985,U+B987,U+B989-B98A,U+B98D-B98E,U+B9AC-B9AD,U+B9B0,U+B9B4,U+B9BC-B9BD,U+B9BF,U+B9C1,U+B9C8-B9C9,U+B9CC,U+B9CE-B9D2,U+B9D8-B9D9,U+B9DB,U+B9DD-B9DE,U+B9E1,U+B9E3-B9E5,U+B9E8,U+B9EC,U+B9F4-B9F5,U+B9F7-B9FA,U+BA00-BA01,U+BA08,U+BA15,U+BA38-BA39,U+BA3C,U+BA40,U+BA42,U+BA48-BA49,U+BA4B,U+BA4D-BA4E,U+BA53-BA55,U+BA58,U+BA5C,U+BA64-BA65,U+BA67-BA69,U+BA70-BA71,U+BA74,U+BA78,U+BA83-BA85,U+BA87,U+BA8C,U+BAA8-BAA9,U+BAAB-BAAC,U+BAB0,U+BAB2,U+BAB8-BAB9,U+BABB,U+BABD,U+BAC4,U+BAC8,U+BAD8-BAD9,U+BAFC,U+BB00,U+BB04,U+BB0D,U+BB0F,U+BB11,U+BB18,U+BB1C,U+BB20,U+BB29,U+BB2B,U+BB34-BB36,U+BB38,U+BB3B-BB3E,U+BB44-BB45,U+BB47,U+BB49,U+BB4D,U+BB4F-BB50,U+BB54,U+BB58,U+BB61,U+BB63,U+BB6C,U+BB88,U+BB8C,U+BB90,U+BBA4,U+BBA8,U+BBAC,U+BBB4,U+BBB7,U+BBC0,U+BBC4,U+BBC8,U+BBD0,U+BBD3,U+BBF8-BBF9,U+BBFC,U+BBFF-BC00,U+BC02,U+BC08-BC09,U+BC0B-BC0C}
@font-face{font-family:'HangulGuide';src:url('guide-3.woff2') format('woff2');font-display:swap;unicode-range:U+BC0D,U+BC0F,U+BC11,U+BC14-BC18,U+BC1B-BC1F,U+BC24-BC25,U+BC27,U+BC29,U+BC2D,U+BC30-BC31,U+BC34,U+BC38,U+BC40-BC41,U+BC43-BC45,U+BC49,U+BC4C-BC4D,U+BC50,U+BC5D,U+BC84-BC85,U+BC88,U+BC8B-BC8C,U+BC8E,U+BC94-BC95,U+BC97,U+BC99-BC9A,U+BCA0-BCA1,U+BCA4,U+BCA7-BCA8,U+BCB0-BCB1,U+BCB3-BCB5,U+BCBC-BCBD,U+BCC0,U+BCC4,U+BCCD,U+BCCF-BCD1,U+BCD5,U+BCD8,U+BCDC,U+BCF4-BCF6,U+BCF8,U+BCFC,U+BD04-BD05,U+BD07,U+BD09,U+BD10,U+BD14,U+BD24,U+BD2C,U+BD40,U+BD48-BD49,U+BD4C,U+BD50,U+BD58-BD59,U+BD64,U+BD68,U+BD80-BD81,U+BD84,U+BD87-BD8A,U+BD90-BD91,U+BD93,U+BD95,U+BD99-BD9A,U+BD9C,U+BDA4,U+BDB0,U+BDB8,U+BDD4-BDD5,U+BDD8,U+BDDC,U+BDE9,U+BDF0,U+BDF4,U+BDF8,U+BE00,U+BE03,U+BE05,U+BE0C-BE0D,U+BE10,U+BE14,U+BE1C-BE1D,U+BE1F,U+BE44-BE45,U+BE48,U+BE4C,U+BE4E,U+BE54-BE55,U+BE57,U+BE59-BE5B,U+BE60-BE61,U+BE64,U+BE68,U+BE6A,U+BE70-BE71,U+BE73-BE75,U+BE7B-BE7D,U+BE80,U+BE84,U+BE8C-BE8D,U+BE8F-BE91,U+BE98-BE99,U+BEA8,U+BED0-BED1,U+BED4,U+BED7-BED8,U+BEE0,U+BEE3-BEE5,U+BEEC,U+BF01,U+BF08-BF09,U+BF18-BF19,U+BF1B-BF1D,U+BF40-BF41,U+BF44,U+BF48,U+BF50-BF51,U+BF55,U+BF94,U+BFB0,U+BFC5,U+BFCC-BFCD,U+BFD0,U+BFD4,U+BFDC,U+BFDF,U+BFE1,U+C03C,U+C051,U+C058,U+C05C,U+C060,U+C068-C069,U+C090-C091,U+C094,U+C098,U+C0A0-C0A1,U+C0A3,U+C0A5,U+C0AC-C0AD,U+C0AF-C0B0,U+C0B3-C0B6,U+C0BC-C0BD,U+C0BF-C0C1,U+C0C5,U+C0C8-C0C9,U+C0CC,U+C0D0,U+C0D8-C0D9,U+C0DB-C0DD,U+C0E4-C0E5,U+C0E8,U+C0EC,U+C0F4-C0F5,U+C0F7,U+C0F9,U+C100,U+C104,U+C108,U+C110,U+C115,U+C11C-C120,U+C123-C124,U+C126-C127,U+C12C-C12D,U+C12F-C131,U+C136,U+C138-C139,U+C13C,U+C140,U+C148-C149,U+C14B-C14D,U+C154-C155,U+C158,U+C15C,U+C164-C165,U+C167-C169,U+C170,U+C174,U+C178,U+C185,U+C18C-C18E,U+C190,U+C194,U+C196,U+C19C-C19D,U+C19F,U+C1A1,U+C1A5,U+C1A8-C1A9,U+C1AC,U+C1B0,U+C1BD,U+C1C4,U+C1C8,U+C1CC,U+C1D4,U+C1D7-C1D8}
@font-face{font-family:'HangulGuide';src:url('guide-4.woff2') format('woff2');font-display:swap;unicode-range:U+C1E0,U+C1E4,U+C1E8,U+C1F0-C1F1,U+C1F3,U+C1FC-C1FD,U+C200,U+C204,U+C20C-C20D,U+C20F,U+C211,U+C218-C219,U+C21C,U+C21F-C220,U+C228-C229,U+C22B,U+C22D,U+C22F,U+C231-C232,U+C234,U+C248,U+C250-C251,U+C254,U+C258,U+C260,U+C265,U+C26C-C26D,U+C270,U+C274,U+C27C-C27D,U+C27F,U+C281,U+C288-C289,U+C290,U+C298,U+C29B,U+C29D,U+C2A4-C2A5,U+C2A8,U+C2AC-C2AD,U+C2B4-C2B5,U+C2B7,U+C2B9,U+C2DC-C2DD,U+C2E0,U+C2E3-C2E4,U+C2EB-C2ED,U+C2EF,U+C2F1,U+C2F6,U+C2F8-C2F9,U+C2FB-C2FC,U+C300,U+C308-C309,U+C30C-C30D,U+C313-C315,U+C318,U+C31C,U+C324-C325,U+C328-C329,U+C345,U+C368-C369,U+C36C,U+C370,U+C372,U+C378-C379,U+C37C-C37D,U+C384,U+C388,U+C38C,U+C3C0,U+C3D8-C3D9,U+C3DC,U+C3DF-C3E0,U+C3E2,U+C3E8-C3E9,U+C3ED,U+C3F4-C3F5,U+C3F8,U+C408,U+C410,U+C424,U+C42C,U+C430,U+C434,U+C43C-C43D,U+C448,U+C464-C465,U+C468,U+C46C,U+C474-C475,U+C479,U+C480,U+C494,U+C49C,U+C4B8,U+C4BC,U+C4E9,U+C4F0-C4F1,U+C4F4,U+C4F8,U+C4FA,U+C4FF-C501,U+C50C,U+C510,U+C514,U+C51C,U+C528-C529,U+C52C,U+C530,U+C538-C539,U+C53B,U+C53D,U+C544-C545,U+C548-C54A,U+C54C-C54E,U+C553-C555,U+C557-C559,U+C55D-C55E,U+C560-C561,U+C564,U+C568,U+C570-C571,U+C573-C575,U+C57C-C57D,U+C580,U+C584,U+C587,U+C58C-C58D,U+C58F,U+C591,U+C595,U+C597-C598,U+C59C,U+C5A0,U+C5A9,U+C5B4-C5B5,U+C5B8-C5B9,U+C5BB-C5BE,U+C5C4-C5CA,U+C5CC,U+C5CE,U+C5D0-C5D1,U+C5D4,U+C5D8,U+C5E0-C5E1,U+C5E3,U+C5E5,U+C5EC-C5EE,U+C5F0,U+C5F4,U+C5F6-C5F7,U+C5FC-C601,U+C605-C608,U+C60C,U+C610,U+C618-C619,U+C61B-C61C,U+C624-C625,U+C628,U+C62C-C62E,U+C630,U+C633-C635,U+C637,U+C639,U+C63B,U+C640-C641,U+C644,U+C648,U+C650-C651,U+C653-C655,U+C65C-C65D,U+C660,U+C66C,U+C66F,U+C671,U+C678-C679,U+C67C,U+C680,U+C688-C689,U+C68B,U+C68D,U+C694-C695,U+C698,U+C69C,U+C6A4-C6A5,U+C6A7,U+C6A9,U+C6B0-C6B1,U+C6B4,U+C6B8-C6BA,U+C6C0-C6C1,U+C6C3,U+C6C5,U+C6CC-C6CD,U+C6D0,U+C6D4}
@font-face{font-family:'HangulGuide';src:url('guide-5.woff2') format('woff2');font-display:swap;unicode-range:U+C6DC-C6DD,U+C6E0-C6E1,U+C6E8-C6E9,U+C6EC,U+C6F0,U+C6F8-C6F9,U+C6FD,U+C704-C705,U+C708,U+C70C,U+C714-C715,U+C717,U+C719,U+C720-C721,U+C724,U+C728,U+C730-C731,U+C733,U+C735,U+C737,U+C73C-C73D,U+C740,U+C744,U+C74A,U+C74C-C74D,U+C74F,U+C751-C758,U+C75C,U+C760,U+C768,U+C76B,U+C774-C775,U+C778,U+C77C-C77E,U+C783-C785,U+C787-C78A,U+C78E,U+C790-C791,U+C794,U+C796-C798,U+C79A,U+C7A0-C7A1,U+C7A3-C7A6,U+C7AC-C7AD,U+C7B0,U+C7B4,U+C7BC-C7BD,U+C7BF-C7C1,U+C7C8-C7C9,U+C7CC,U+C7CE,U+C7D0,U+C7D8,U+C7DD,U+C7E4,U+C7E8,U+C7EC,U+C800-C801,U+C804,U+C808,U+C80A,U+C810-C811,U+C813,U+C815-C816,U+C81C-C81D,U+C820,U+C824,U+C82C-C82D,U+C82F,U+C831,U+C838,U+C83C,U+C840,U+C848-C849,U+C84C-C84D,U+C854,U+C870-C871,U+C874,U+C878,U+C87A,U+C880-C881,U+C883,U+C885-C887,U+C88B-C88D,U+C894,U+C89D,U+C89F,U+C8A1,U+C8A8,U+C8BC-C8BD,U+C8C4,U+C8C8,U+C8CC,U+C8D4-C8D5,U+C8D7,U+C8D9,U+C8E0-C8E1,U+C8E4,U+C8F5,U+C8FC-C8FD,U+C900,U+C904-C906,U+C90C-C90D,U+C90F,U+C911,U+C918,U+C92C,U+C934,U+C950-C951,U+C954,U+C958,U+C960-C961,U+C963,U+C96C,U+C970,U+C974,U+C97C,U+C988-C989,U+C98C,U+C990,U+C998-C999,U+C99B,U+C99D,U+C9C0-C9C1,U+C9C4,U+C9C7-C9C8,U+C9CA,U+C9D0-C9D1,U+C9D3,U+C9D5-C9D6,U+C9D9-C9DA,U+C9DC-C9DD,U+C9E0,U+C9E2,U+C9E4,U+C9E7,U+C9EC-C9ED,U+C9EF-C9F1,U+C9F8-C9F9,U+C9FC,U+CA00,U+CA08-CA09,U+CA0B-CA0D,U+CA14,U+CA18,U+CA29,U+CA4C-CA4D,U+CA50,U+CA54,U+CA5C-CA5D,U+CA5F-CA61,U+CA68,U+CA7D,U+CA84,U+CA98,U+CABC-CABD,U+CAC0,U+CAC4,U+CACC-CACD,U+CACF,U+CAD1,U+CAD3,U+CAD8-CAD9,U+CAE0,U+CAEC,U+CAF4,U+CB08,U+CB10,U+CB14,U+CB18,U+CB20-CB21,U+CB41,U+CB48-CB49,U+CB4C,U+CB50,U+CB58-CB59,U+CB5D,U+CB64,U+CB78-CB79,U+CB9C,U+CBB8,U+CBD4,U+CBE4,U+CBE7,U+CBE9,U+CC0C-CC0D,U+CC10,U+CC14,U+CC1C-CC1D,U+CC21-CC22,U+CC27-CC29,U+CC2C,U+CC2E,U+CC30,U+CC38-CC39,U+CC3B-CC3E,U+CC44-CC45,U+CC48,U+CC4C,U+CC54-CC55,U+CC57-CC59,U+CC60}
@font-face{font-family:'HangulGuide';src:url('guide-6.woff2') format('woff2');font-display:swap;unicode-range:U+CC64,U+CC66,U+CC68,U+CC70,U+CC75,U+CC98-CC99,U+CC9C,U+CCA0,U+CCA8-CCA9,U+CCAB-CCAD,U+CCB4-CCB5,U+CCB8,U+CCBC,U+CCC4-CCC5,U+CCC7,U+CCC9,U+CCD0,U+CCD4,U+CCE4,U+CCEC,U+CCF0,U+CD01,U+CD08-CD09,U+CD0C,U+CD10,U+CD18-CD19,U+CD1B,U+CD1D,U+CD24,U+CD28,U+CD2C,U+CD39,U+CD5C,U+CD60,U+CD64,U+CD6C-CD6D,U+CD6F,U+CD71,U+CD78,U+CD88,U+CD94-CD95,U+CD98,U+CD9C,U+CDA4-CDA5,U+CDA7,U+CDA9,U+CDB0,U+CDC4,U+CDCC,U+CDD0,U+CDE8,U+CDEC,U+CDF0,U+CDF8-CDF9,U+CDFB,U+CDFD,U+CE04,U+CE08,U+CE0C,U+CE14,U+CE19,U+CE20-CE21,U+CE24,U+CE28,U+CE30-CE31,U+CE33,U+CE35,U+CE58-CE59,U+CE5C,U+CE5F-CE61,U+CE68-CE69,U+CE6B,U+CE6D,U+CE74-CE75,U+CE78,U+CE7C,U+CE84-CE85,U+CE87,U+CE89,U+CE90-CE91,U+CE94,U+CE98,U+CEA0-CEA1,U+CEA3-CEA5,U+CEAC-CEAD,U+CEC1,U+CEE4-CEE5,U+CEE8,U+CEEB-CEEC,U+CEF4-CEF5,U+CEF7-CEF9,U+CF00-CF01,U+CF04,U+CF08,U+CF10-CF11,U+CF13,U+CF15,U+CF1C,U+CF20,U+CF24,U+CF2C-CF2D,U+CF2F-CF31,U+CF38,U+CF54-CF55,U+CF58,U+CF5C,U+CF64-CF65,U+CF67,U+CF69,U+CF70-CF71,U+CF74,U+CF78,U+CF80,U+CF85,U+CF8C,U+CFA1,U+CFA8,U+CFB0,U+CFC4,U+CFE0-CFE1,U+CFE4,U+CFE8,U+CFF0-CFF1,U+CFF3,U+CFF5,U+CFFC,U+D000,U+D004,U+D011,U+D018,U+D02D,U+D034-D035,U+D038,U+D03C,U+D044-D045,U+D047,U+D049,U+D050,U+D054,U+D058,U+D060,U+D06C-D06D,U+D070,U+D074,U+D07C-D07D,U+D081,U+D0A4-D0A5,U+D0A8,U+D0AC,U+D0B4-D0B5,U+D0B7,U+D0B9,U+D0C0-D0C1,U+D0C4,U+D0C8-D0C9,U+D0D0-D0D1,U+D0D3-D0D5,U+D0DC-D0DD,U+D0E0,U+D0E4,U+D0EC-D0ED,U+D0EF-D0F1,U+D0F8,U+D10D,U+D130-D131,U+D134,U+D138,U+D13A,U+D140-D141,U+D143-D145,U+D14C-D14D,U+D150,U+D154,U+D15C-D15D,U+D15F,U+D161,U+D168,U+D16C,U+D17C,U+D184,U+D188,U+D1A0-D1A1,U+D1A4,U+D1A8,U+D1B0-D1B1,U+D1B3,U+D1B5,U+D1BA,U+D1BC,U+D1C0,U+D1D8,U+D1F4,U+D1F8,U+D207,U+D209,U+D210,U+D22C-D22D,U+D230,U+D234,U+D23C-D23D,U+D23F,U+D241,U+D248,U+D25C,U+D264,U+D280-D281,U+D284,U+D288,U+D290-D291,U+D295,U+D29C,U+D2A0,U+D2A4,U+D2AC,U+D2B1,U+D2B8-D2B9,U+D2BC,U+D2BF-D2C0,U+D2C2,U+D2C8-D2C9,U+D2CB,U+D2D4,U+D2D8,U+D2DC,U+D2E4-D2E5,U+D2F0-D2F1,U+D2F4,U+D2F8}
@font-face{font-family:'HangulGuide';src:url('guide-7.woff2') format('woff2');font-display:swap;unicode-range:U+61,U+67-68,U+6C,U+6E,U+75,U+3131-3132,U+3134,U+3137-3139,U+3141-3143,U+3145-3163,U+D300-D301,U+D303,U+D305,U+D30C-D30E,U+D310,U+D314,U+D316,U+D31C-D31D,U+D31F-D321,U+D325,U+D328-D329,U+D32C,U+D330,U+D338-D339,U+D33B-D33D,U+D344-D345,U+D37C-D37D,U+D380,U+D384,U+D38C-D38D,U+D38F-D391,U+D398-D399,U+D39C,U+D3A0,U+D3A8-D3A9,U+D3AB,U+D3AD,U+D3B4,U+D3B8,U+D3BC,U+D3C4-D3C5,U+D3C8-D3C9,U+D3D0,U+D3D8,U+D3E1,U+D3E3,U+D3EC-D3ED,U+D3F0,U+D3F4,U+D3FC-D3FD,U+D3FF,U+D401,U+D408,U+D41D,U+D440,U+D444,U+D45C,U+D460,U+D464,U+D46D,U+D46F,U+D478-D479,U+D47C,U+D47F-D480,U+D482,U+D488-D489,U+D48B,U+D48D,U+D494,U+D4A9,U+D4CC,U+D4D0,U+D4D4,U+D4DC,U+D4DF,U+D4E8,U+D4EC,U+D4F0,U+D4F8,U+D4FB,U+D4FD,U+D504,U+D508,U+D50C,U+D514-D515,U+D517,U+D53C-D53D,U+D540,U+D544,U+D54C-D54D,U+D54F,U+D551,U+D558-D559,U+D55C,U+D560,U+D565,U+D568-D569,U+D56B,U+D56D,U+D574-D575,U+D578,U+D57C,U+D584-D585,U+D587-D589,U+D590,U+D5A5,U+D5C8-D5C9,U+D5CC,U+D5D0,U+D5D2,U+D5D8-D5D9,U+D5DB,U+D5DD,U+D5E4-D5E5,U+D5E8,U+D5EC,U+D5F4-D5F5,U+D5F7,U+D5F9,U+D600-D601,U+D604,U+D608,U+D610-D611,U+D613-D615,U+D61C,U+D620,U+D624,U+D62D,U+D638-D639,U+D63C,U+D640,U+D645,U+D648-D649,U+D64B,U+D64D,U+D651,U+D654-D655,U+D658,U+D65C,U+D667,U+D669,U+D670-D671,U+D674,U+D683,U+D685,U+D68C-D68D,U+D690,U+D694,U+D69D,U+D69F,U+D6A1,U+D6A8,U+D6AC,U+D6B0,U+D6B9,U+D6BB,U+D6C4-D6C5,U+D6C8,U+D6CC,U+D6D1,U+D6D4,U+D6D7,U+D6D9,U+D6E0,U+D6E4,U+D6E8,U+D6F0,U+D6F5,U+D6FC-D6FD,U+D700,U+D704,U+D711,U+D718-D719,U+D71C,U+D720,U+D728-D729,U+D72B,U+D72D,U+D734-D735,U+D738,U+D73C,U+D744,U+D747,U+D749,U+D750-D751,U+D754,U+D756-D759,U+D760-D761,U+D763,U+D765,U+D769,U+D76C,U+D770,U+D774,U+D77C-D77D,U+D781,U+D788-D789,U+D78C,U+D790,U+D798-D799,U+D79B,U+D79D}
@font-face{font-family:'UIFont';src:url('ui-jp-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+21-7E,U+A1,U+A9,U+B7,U+BF,U+C1,U+DA,U+E1,U+E9,U+ED,U+F1,U+F3,U+FA,U+2014,U+201C-201D,U+2026,U+203A,U+2192,U+3001-3002,U+300C-300D,U+3042,U+3044,U+3046,U+3048,U+304A-304D,U+304F-3051,U+3053-3055,U+3057-305B,U+305D-3061,U+3063-3064,U+3066-306B,U+306E-3070,U+3072-3073,U+3076,U+3078-3079,U+307E-3082,U+3084,U+3087-308C,U+308F,U+3092-3093,U+30A1-30A4,U+30A6,U+30A9,U+30AB,U+30AF-30B0,U+30B3-30B9,U+30BB,U+30BD,U+30BF-30C1,U+30C3,U+30C6,U+30C8-30CB,U+30CD,U+30CF-30D1,U+30D5-30D8,U+30DA-30DB,U+30DD-30DE,U+30E0,U+30E5,U+30E7-30EC,U+30F3,U+30FB-30FC,U+3131,U+3134,U+3137,U+3139,U+3141-3142,U+3145,U+3147-3148,U+314A-314F,U+3151,U+3153,U+3155,U+3157,U+315B-315C,U+3160-3161,U+3163,U+4E00,U+4E0A-4E0B,U+4E2D,U+4EBA,U+4ECA,U+4F11,U+4F1A,U+4F4D,U+4F7F,U+4F8B,U+4FDD,U+5099,U+50CF,U+5165,U+5168,U+516C,U+518D,U+51FA,U+5224,U+5229,U+524D,U+529B,U+52D5,U+5316,U+5358,U+53BB,U+53D6,U+53E3,U+5408,U+540C-540D,U+5411,U+542B,U+544A,U+5473,U+554F,U+55B6,U+56DE,U+56FD,U+5834,U+5909,U+597D,U+5B50,U+5B57-5B58,U+5B66,U+5B9A,U+5B9F,U+5BFE,U+5C4A,U+5E83,U+5EA6,U+5F0F,U+5F62,U+5FA9,U+5FDC,U+610F,U+611B,U+623B,U+624B,U+6307,U+63A8,U+63DB,U+63F4,U+6559,U+6570,U+6587,U+6599,U+65B9,U+65E5,U+66F8,U+6700,U+6708,U+672B-672C,U+6765,U+6B04,U+6B21,U+6B4C,U+6B63,U+6BCD-6BCE,U+6D3B,U+6D41,U+6D88,U+6E96,U+7121,U+751F,U+7528,U+753B,U+756A,U+75B2,U+767A-767B,U+76EE,U+76F4,U+78BA,U+793A,U+793E,U+7ACB,U+7AEF,U+7D04,U+7D44,U+7D9A,U+7DF4,U+7F6E,U+7FD2,U+805E,U+8131,U+843D,U+8449,U+84CB,U+884C,U+8868,U+898B,U+898F,U+89A7,U+8A00,U+8A2D,U+8A5E,U+8A71,U+8A73,U+8A8D,U+8A95,U+8A9E,U+8AAD,U+8ABF,U+8EAB,U+8FBC,U+8FD1,U+9023,U+904B,U+904E,U+9055,U+9078,U+9332,U+958B,U+969B,U+96E2,U+9762,U+97D3,U+97F3,U+9806,U+982D,U+98DB,U+9F3B,U+AC00,U+AC10,U+AC19,U+ACE0,U+AD6D,U+B2C8,U+B2E4,U+B300,U+B77C,U+B791,U+B85C,U+B97C,U+B9C8,U+B9DB,U+BC15,U+BCF4,U+C0AC,U+C0C1,U+C0DD,U+C120,U+C138,U+C218,U+C2F0,U+C2F6,U+C544,U+C5B4,U+C5B8,U+C694,U+C6CC,U+C6D0,U+C73C,U+C74C,U+C751,U+C774,U+C77C,U+C788,U+C88B,U+CC98,U+CD95,U+CE58,U+CFE0,U+D0DD,U+D305,U+D558,U+D55C,U+D568-D569,U+D56D,U+D574,U+D588,U+D654,U+FF08-FF09,U+FF1A,U+FF5C}
@font-face{font-family:'UIFont';src:url('ui-kr-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+AC00,U+AC04,U+AC19,U+AC1C,U+AC74,U+AC78,U+AC8C,U+ACAC,U+ACE0,U+ACE8,U+ACFC,U+AD00,U+AD11,U+AD6C-AD6D,U+ADF8,U+AE00,U+AE30,U+AE4C,U+AFB8,U+B098,U+B0B1,U+B108,U+B123,U+B208,U+B294,U+B2C8,U+B2E4,U+B300,U+B354,U+B3C4,U+B3CC,U+B418,U+B450,U+B4DC,U+B4E0,U+B4E4,U+B530,U+B54C,U+B5C4,U+B6F0,U+B77C-B77D,U+B78C,U+B791,U+B808,U+B85C-B85D,U+B8CC,U+B974,U+B97C,U+B984,U+B9AC,U+B9BC,U+B9C8,U+B9D0,U+B9DE,U+BA70,U+BA74,U+BAA8-BAA9,U+BB34,U+BB38,U+BBF8,U+BC11,U+BC14-BC15,U+BC29,U+BC30,U+BC88,U+BC95,U+BCF4,U+BCF8,U+BD80,U+BE0C,U+C0AC,U+C0C1,U+C0DD,U+C11C,U+C120,U+C124,U+C131,U+C138,U+C190,U+C218,U+C21C,U+C26C,U+C2A4,U+C2B5,U+C2DC,U+C2F6,U+C368,U+C37C,U+C4F0,U+C4F8,U+C529,U+C544,U+C54A,U+C571,U+C57D,U+C591,U+C5B4,U+C5B8,U+C5C6-C5C7,U+C5D0,U+C5EC,U+C5F0,U+C601,U+C608,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6CC,U+C6D0,U+C704,U+C73C,U+C740,U+C744,U+C74C,U+C751,U+C758,U+C774,U+C778,U+C77C,U+C785,U+C788,U+C790-C791,U+C798,U+C7A0,U+C7A5,U+C7AC,U+C800,U+C804,U+C815,U+C88B,U+C8FC,U+C90D,U+C911,U+C9C0-C9C1,U+C9F8,U+CC3E,U+CC98,U+CCAB,U+CCB4,U+CD95,U+CDA4,U+CE68,U+CE74,U+CE78,U+CF13,U+D06C,U+D0DD,U+D130,U+D14C,U+D2B8,U+D2C0,U+D305,U+D310,U+D32C,U+D398,U+D53C,U+D544,U+D558-D559,U+D55C,U+D560,U+D569,U+D56D,U+D574,U+D588,U+D5A5,U+D654,U+D68C-D68D}
@font-face{font-family:'UIFont';src:url('ui-jp-700.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+21-7E,U+A1,U+A9,U+B7,U+BF,U+C1,U+DA,U+E1,U+E9,U+ED,U+F1,U+F3,U+FA,U+2014,U+201C-201D,U+2026,U+203A,U+2192,U+3001-3002,U+300C-300D,U+3042,U+3044,U+3046,U+3048,U+304A-304D,U+304F-3051,U+3053-3055,U+3057-305B,U+305D-3061,U+3063-3064,U+3066-306B,U+306E-3070,U+3072-3073,U+3076,U+3078-3079,U+307E-3082,U+3084,U+3087-308C,U+308F,U+3092-3093,U+30A1-30A4,U+30A6,U+30A9,U+30AB,U+30AF-30B0,U+30B3-30B9,U+30BB,U+30BD,U+30BF-30C1,U+30C3,U+30C6,U+30C8-30CB,U+30CD,U+30CF-30D1,U+30D5-30D8,U+30DA-30DB,U+30DD-30DE,U+30E0,U+30E5,U+30E7-30EC,U+30F3,U+30FB-30FC,U+3131,U+3134,U+3137,U+3139,U+3141-3142,U+3145,U+3147-3148,U+314A-314F,U+3151,U+3153,U+3155,U+3157,U+315B-315C,U+3160-3161,U+3163,U+4E00,U+4E0A-4E0B,U+4E2D,U+4EBA,U+4ECA,U+4F11,U+4F1A,U+4F4D,U+4F7F,U+4F8B,U+4FDD,U+5099,U+50CF,U+5165,U+5168,U+516C,U+518D,U+51FA,U+5224,U+5229,U+524D,U+529B,U+52D5,U+5316,U+5358,U+53BB,U+53D6,U+53E3,U+5408,U+540C-540D,U+5411,U+542B,U+544A,U+5473,U+554F,U+55B6,U+56DE,U+56FD,U+5834,U+5909,U+597D,U+5B50,U+5B57-5B58,U+5B66,U+5B9A,U+5B9F,U+5BFE,U+5C4A,U+5E83,U+5EA6,U+5F0F,U+5F62,U+5FA9,U+5FDC,U+610F,U+611B,U+623B,U+624B,U+6307,U+63A8,U+63DB,U+63F4,U+6559,U+6570,U+6587,U+6599,U+65B9,U+65E5,U+66F8,U+6700,U+6708,U+672B-672C,U+6765,U+6B04,U+6B21,U+6B4C,U+6B63,U+6BCD-6BCE,U+6D3B,U+6D41,U+6D88,U+6E96,U+7121,U+751F,U+7528,U+753B,U+756A,U+75B2,U+767A-767B,U+76EE,U+76F4,U+78BA,U+793A,U+793E,U+7ACB,U+7AEF,U+7D04,U+7D44,U+7D9A,U+7DF4,U+7F6E,U+7FD2,U+805E,U+8131,U+843D,U+8449,U+84CB,U+884C,U+8868,U+898B,U+898F,U+89A7,U+8A00,U+8A2D,U+8A5E,U+8A71,U+8A73,U+8A8D,U+8A95,U+8A9E,U+8AAD,U+8ABF,U+8EAB,U+8FBC,U+8FD1,U+9023,U+904B,U+904E,U+9055,U+9078,U+9332,U+958B,U+969B,U+96E2,U+9762,U+97D3,U+97F3,U+9806,U+982D,U+98DB,U+9F3B,U+AC00,U+AC10,U+AC19,U+ACE0,U+AD6D,U+B2C8,U+B2E4,U+B300,U+B77C,U+B791,U+B85C,U+B97C,U+B9C8,U+B9DB,U+BC15,U+BCF4,U+C0AC,U+C0C1,U+C0DD,U+C120,U+C138,U+C218,U+C2F0,U+C2F6,U+C544,U+C5B4,U+C5B8,U+C694,U+C6CC,U+C6D0,U+C73C,U+C74C,U+C751,U+C774,U+C77C,U+C788,U+C88B,U+CC98,U+CD95,U+CE58,U+CFE0,U+D0DD,U+D305,U+D558,U+D55C,U+D568-D569,U+D56D,U+D574,U+D588,U+D654,U+FF08-FF09,U+FF1A,U+FF5C}
@font-face{font-family:'UIFont';src:url('ui-kr-700.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+AC00,U+AC04,U+AC19,U+AC1C,U+AC74,U+AC78,U+AC8C,U+ACAC,U+ACE0,U+ACE8,U+ACFC,U+AD00,U+AD11,U+AD6C-AD6D,U+ADF8,U+AE00,U+AE30,U+AE4C,U+AFB8,U+B098,U+B0B1,U+B108,U+B123,U+B208,U+B294,U+B2C8,U+B2E4,U+B300,U+B354,U+B3C4,U+B3CC,U+B418,U+B450,U+B4DC,U+B4E0,U+B4E4,U+B530,U+B54C,U+B5C4,U+B6F0,U+B77C-B77D,U+B78C,U+B791,U+B808,U+B85C-B85D,U+B8CC,U+B974,U+B97C,U+B984,U+B9AC,U+B9BC,U+B9C8,U+B9D0,U+B9DE,U+BA70,U+BA74,U+BAA8-BAA9,U+BB34,U+BB38,U+BBF8,U+BC11,U+BC14-BC15,U+BC29,U+BC30,U+BC88,U+BC95,U+BCF4,U+BCF8,U+BD80,U+BE0C,U+C0AC,U+C0C1,U+C0DD,U+C11C,U+C120,U+C124,U+C131,U+C138,U+C190,U+C218,U+C21C,U+C26C,U+C2A4,U+C2B5,U+C2DC,U+C2F6,U+C368,U+C37C,U+C4F0,U+C4F8,U+C529,U+C544,U+C54A,U+C571,U+C57D,U+C591,U+C5B4,U+C5B8,U+C5C6-C5C7,U+C5D0,U+C5EC,U+C5F0,U+C601,U+C608,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6CC,U+C6D0,U+C704,U+C73C,U+C740,U+C744,U+C74C,U+C751,U+C758,U+C774,U+C778,U+C77C,U+C785,U+C788,U+C790-C791,U+C798,U+C7A0,U+C7A5,U+C7AC,U+C800,U+C804,U+C815,U+C88B,U+C8FC,U+C90D,U+C911,U+C9C0-C9C1,U+C9F8,U+CC3E,U+CC98,U+CCAB,U+CCB4,U+CD95,U+CDA4,U+CE68,U+CE74,U+CE78,U+CF13,U+D06C,U+D0DD,U+D130,U+D14C,U+D2B8,U+D2C0,U+D305,U+D310,U+D32C,U+D398,U+D53C,U+D544,U+D558-D559,U+D55C,U+D560,U+D569,U+D56D,U+D574,U+D588,U+D5A5,U+D654,U+D68C-D68D}
/*
 * hangul-web/style.css — iffthen hangul 화면 (시안 「iffthen hangul 시안」 · 2026-10-22)
 * 색 = 종이색 바탕 · 먹색 글자 · 진한 코럴 (주 버튼 · 강조 · 틀림) · 글꼴 = 화면 문구 UI 글꼴 (부분 글꼴) · 한글 = 고운돋움 (견본과 같은 글꼴).
 * 모바일 우선 · 터치 영역 44px 이상 · 그림자 · 그라데이션 없음.
 * 테마 = OS 설정을 따름 + 머리글 버튼으로 고정 (html[data-theme] = light | dark · boot.js · common.js).
 * 화면 틀 = play.iffthen.com 과 같음: 내용 최대 폭 1024px (.shell) · 그보다 넓은 화면은 양옆 필러박스 (--pillar) · 머리글 높이 56px · 로고 높이 28px.
 */
:root {
  --bg: #fbf8f3;
  --surface: #ffffff;
  --soft: #f4efe8;
  --line: #e6dfd6;
  --line-strong: #d9d0c5;
  --ink: #1e1c1a;
  --sub: #5e5853;
  --muted: #6e6761;
  --accent: #a8321f;
  --on-accent: #ffffff;
  --brand: #ff6b57;
  --pillar: #221d1a;
  --logo-ink: var(--ink);
  --logo-accent: var(--accent);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --pillar: #0d0b0a;
    --bg: #171514;
    --surface: #211f1d;
    --soft: #2a2725;
    --line: #3a3633;
    --line-strong: #4a4541;
    --ink: #f3efe9;
    --sub: #c2bab2;
    --muted: #a9a097;
    --accent: #ff8a78;
    --on-accent: #1e1c1a;
  }
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --pillar: #0d0b0a;
  --bg: #171514;
  --surface: #211f1d;
  --soft: #2a2725;
  --line: #3a3633;
  --line-strong: #4a4541;
  --ink: #f3efe9;
  --sub: #c2bab2;
  --muted: #a9a097;
  --accent: #ff8a78;
  --on-accent: #1e1c1a;
}
* {
  box-sizing: border-box;
}
[hidden] {
  display: none !important;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family:
    'UIFont',
    system-ui,
    -apple-system,
    'Hiragino Sans',
    'Noto Sans JP',
    'Apple SD Gothic Neo',
    sans-serif;
  line-height: 1.7;
  word-break: auto-phrase;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: var(--accent);
}
.ko {
  font-family: 'HangulGuide', 'Apple SD Gothic Neo', sans-serif;
  font-weight: 400;
}
/* 화면 틀 (play 와 같은 최대 폭 · 넓은 화면 = 양옆 필러박스) */
@media (min-width: 1024px) {
  body {
    background: var(--pillar);
  }
}
.shell {
  max-width: 1024px;
  margin: 0 auto;
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--bg);
  display: flex;
  flex-direction: column;
}
.shell > main {
  flex: 1 0 auto;
  width: 100%;
}
.wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .wrap {
    padding: 0 24px;
  }
}
.skip {
  position: absolute;
  left: -9999px;
}
.skip:focus {
  left: 12px;
  top: 12px;
  background: var(--surface);
  padding: 8px 12px;
  z-index: 10;
}

/* 머리글 */
.bar {
  border-bottom: 1px solid var(--line);
  background: var(--surface);
}
.bar-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 56px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  flex: none;
}
.brand-icon {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 22%;
  flex: none;
}
.logo {
  display: block;
  height: 28px;
  width: auto;
  aspect-ratio: 6705 / 1005;
}
.bar-right {
  display: flex;
  align-items: center;
  gap: 4px 16px;
  min-width: 0;
}
.nav {
  display: flex;
  gap: 0 20px;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}
.nav a {
  padding: 10px 0;
}
.theme-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-right: -10px;
  border: none;
  border-radius: 22px;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
}
.theme-btn .icon {
  width: 20px;
  height: 20px;
  display: none;
}
:root:not([data-theme-mode]) .theme-btn .t-auto,
:root[data-theme-mode='auto'] .theme-btn .t-auto,
:root[data-theme-mode='light'] .theme-btn .t-light,
:root[data-theme-mode='dark'] .theme-btn .t-dark {
  display: block;
}
.icon {
  width: 18px;
  height: 18px;
  flex: none;
}
/* 좁은 화면 (≤ 640) = 머리글 2 줄: 1 줄 = 이미지 로고 + 텍스트 로고 + 테마 · 2 줄 = 메뉴 전부 균등 (ja 메뉴 4 개가 한 줄에 들어가지 않는 폭) */
@media (max-width: 640px) {
  .bar-in {
    flex-wrap: wrap;
    height: auto;
    gap: 0;
  }
  .brand {
    min-height: 52px;
  }
  .brand-icon {
    width: 24px;
    height: 24px;
  }
  .logo {
    height: 22px;
  }
  .bar-right {
    display: contents;
  }
  .theme-btn {
    order: 1;
    margin-left: auto;
  }
  .nav {
    order: 2;
    flex: none;
    width: calc(100% + 32px);
    margin: 0 -16px;
    min-height: 44px;
    align-items: center;
    justify-content: space-around;
    gap: 0 8px;
    border-top: 1px solid var(--line);
    font-size: 14px;
  }
  .nav:empty {
    display: none;
  }
}

/* 공통 부품 */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 14px;
  border: 1px solid var(--line-strong);
  background: var(--surface);
  color: var(--ink);
  font: inherit;
  font-size: 15px;
  cursor: pointer;
}
.btn.primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-accent);
  font-weight: 700;
}
.btn.sm {
  min-height: 44px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 22px;
}
.btn[aria-pressed='true'] {
  border-color: var(--accent);
  color: var(--accent);
}
.btn:disabled {
  opacity: 0.45;
  cursor: default;
}
.chip {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  padding: 0 16px;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: var(--surface);
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eyebrow {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--accent);
}
.note {
  margin: 0;
  font-size: 13px;
  color: var(--sub);
}
section.block {
  padding: 32px 0;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 18px;
}
section.block h2 {
  margin: 0;
  font-size: 22px;
}
.head-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 6px 16px;
}

/* 광고 (쉬는 지점에만 · docs/HANGUL_WEB.md 6 장) */
.ad {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 16px 0 24px;
}
.ad > span {
  font-size: 11px;
  color: var(--muted);
}
/* 광고 자리를 미리 확보 (늦게 뜨는 광고에 화면이 밀리지 않게 · 채워지지 않은 자리는 접음) */
.ad ins,
.ad .ad-dev {
  display: block;
  width: 100%;
  max-width: 970px;
  min-height: 250px;
}
.ad:has(ins[data-ad-status='unfilled']) {
  display: none;
}
/* 광고가 본문 폭을 넘지 않게 (휴대폰 · 2026-10-27 · 넘치는 광고는 자름) */
.ad {
  max-width: 100%;
  overflow: hidden;
}
.ad ins {
  max-width: 100%;
}
.ad .ad-dev {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  color: var(--muted);
  font-size: 13px;
}

/* 톱 */
.hero {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 56px;
  padding: 40px 0 28px;
}
.hero-copy {
  flex: 1 1 520px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hero h1 {
  margin: 0;
  font-size: clamp(30px, 6vw, 42px);
  line-height: 1.35;
  white-space: pre-line;
}
.hero .lead {
  margin: 0;
  font-size: 17px;
  color: var(--sub);
}
.want {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.want label {
  font-size: 14px;
  font-weight: 500;
}
.want-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.want input {
  flex: 1 1 260px;
  min-width: 0;
  height: 56px;
  padding: 0 18px;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: var(--surface);
  color: var(--ink);
  font-family: 'HangulGuide', 'UIFont', sans-serif;
  font-size: 22px;
}
.want input:focus {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}
.want .btn {
  min-height: 56px;
}
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px;
}
.card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px 20px;
  border-radius: 16px;
  background: var(--surface);
  border: 1px solid var(--line);
}
.card .ko {
  font-size: clamp(21px, 5vw, 26px);
  line-height: 1.25;
}
.card small {
  font-size: 13px;
  color: var(--sub);
}
.how {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: how;
}
.how li {
  flex: 1 1 240px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  counter-increment: how;
}
.how li::before {
  content: counter(how);
  font-size: 28px;
  font-weight: 700;
  color: var(--accent);
}
.how b {
  font-size: 16px;
}
.how span {
  font-size: 14px;
  color: var(--sub);
}
.app {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  padding: 24px;
  border-radius: 20px;
  background: var(--soft);
}
.app div {
  flex: 1 1 300px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.app b {
  font-size: 18px;
}
.app span {
  font-size: 14px;
  color: var(--sub);
}
/* 推し韓マル 앱 카드 = 스토어 단추 줄 (2026-10-26) · 기기에 맞지 않는 단추는 숨김 (common.js) */
/* 단추 줄 = 같은 폭으로 세로 정렬 · 公式サイト 는 아래 가운데 (.app div 의 세로 줄 규칙을 덮어씀) · 좁은 화면 = 카드 폭에 꽉 차게 */
.app-card .app-stores {
  flex: 0 1 260px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr);
  gap: 8px;
  text-align: center;
}
.app-card .app-stores .btn {
  justify-content: center;
}
@media (max-width: 600px) {
  .app-card .app-stores {
    flex-basis: 100%;
  }
}
.app-card [data-os][hidden] {
  display: none;
}

/* 쓰기 */
.after {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.write {
  max-width: 560px;
  margin: 0 auto;
  padding: 14px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.w-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.w-word {
  font-family: 'HangulGuide', 'UIFont', sans-serif;
  font-size: 24px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.cells {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cell {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
  font-family: 'HangulGuide', sans-serif;
  font-size: 26px;
  cursor: pointer;
}
.cell[data-state='now'] {
  border: 2px solid var(--accent);
}
.cell[data-state='todo'] {
  background: var(--soft);
  border-color: var(--soft);
  color: var(--muted);
}
.cell[data-state='done'] {
  position: relative;
}
.cell[data-state='done']::after {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--accent);
}
.cell[data-state='skip'] {
  color: var(--muted);
}
.w-meta {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: var(--sub);
}
/* 쓰기 칸 = 글자 영역 (SVG 정사각) 과 같은 크기 · 가운데 → 재생 영상이 견본과 같은 자리에 겹침 (높이가 모자란 화면 · 2026-10-23) */
.pad {
  position: relative;
  align-self: center;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  background: #ffffff;
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: crosshair;
  overflow: hidden;
}
.pad[data-wrong='1'] {
  border: 2px solid var(--accent);
}
.pad svg {
  display: block;
}
.status {
  margin: 0;
  min-height: 26px;
  font-size: 15px;
  text-align: center;
  color: var(--sub);
}
.status[data-kind='wrong'] {
  color: var(--accent);
  font-weight: 700;
}
.status[data-kind='ok'] {
  color: var(--ink);
  font-weight: 700;
}
.tools {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.tools .btn {
  padding: 0 6px;
  font-size: 14px;
}
.tools .wide {
  grid-column: span 2;
}
.replay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.done {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 28px 16px 20px;
  border-radius: 20px;
  background: var(--surface);
  border: 1px solid var(--line);
  outline: none;
}
.done h2 {
  margin: 0;
  font-size: 18px;
  color: var(--accent);
}
.done-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}
.done-char {
  width: 76px;
  height: 76px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.done-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.list a {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--surface);
  border: 1px solid var(--line);
}
.list a .ko {
  font-size: 21px;
  white-space: nowrap;
}
.list a small {
  font-size: 13px;
  color: var(--sub);
}
.list a span:last-child {
  margin-left: auto;
  font-size: 14px;
}

/* 글자 페이지 · 목록 · 字母 */
.charpage {
  padding-top: 16px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.charpage h1 {
  margin: 0;
  font-size: clamp(24px, 4vw, 32px);
}
.crumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 13px;
  color: var(--sub);
}
.crumbs a {
  color: var(--sub);
}
.char-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 40px;
  align-items: flex-start;
}
.char-grid .write {
  flex: 1 1 440px;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.char-info {
  flex: 1 1 280px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border-radius: 20px;
  background: var(--surface);
  border: 1px solid var(--line);
}
.kv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.kv b {
  font-size: 18px;
}
.reads {
  display: flex;
  gap: 8px;
}
.reads div {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 64px;
  padding: 8px 12px;
  border-radius: 12px;
  background: var(--soft);
}
.reads small {
  font-size: 11px;
  color: var(--sub);
}
.reads b {
  font-size: 22px;
}
.prevnext {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
/* 글자 페이지의 쓰기 = 글자 하나 (몇 번째 글자 · 건너뛰기 불필요) */
[data-text] #charLabel {
  visibility: hidden;
}
[data-text] #next {
  display: none;
}
/* 쓰기 아래 광고 = 버튼과 충분히 떨어뜨림 (잘못 누름 방지 · AdSense 정책) */
#writeAd {
  margin-top: 40px;
}
.grid-jamo {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
  gap: 8px;
}
.grid-jamo a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  font-size: 28px;
}
.grid-jamo a.vowel {
  background: var(--soft);
}
.more {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--accent);
  font-size: 14px;
}
.hero-list {
  padding: 32px 0 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.hero-list h1 {
  margin: 0;
  font-size: clamp(26px, 5vw, 34px);
}
.grid-chars {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  gap: 6px;
}
.grid-chars a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  font-size: 22px;
}

/* 今日の韓国語 (톱 카드 · 전용 페이지) */
.today {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px;
  border-radius: 20px;
  background: var(--surface);
  border: 1px solid var(--line);
}
.today-card {
  flex: 0 1 340px;
  min-width: 0;
  align-self: flex-start;
}
/* 좁은 화면 = 오늘의 한글 카드가 아래로 내려가면 화면 폭에 꽉 차게 (왼쪽 붙음 방지 · 2026-10-27) */
@media (max-width: 640px) {
  .today-card {
    flex-basis: 100%;
    align-self: stretch;
  }
}
.today-head {
  margin: 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.t-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tag {
  align-self: flex-start;
  padding: 2px 10px;
  border-radius: 8px;
  background: var(--soft);
  font-size: 12px;
  color: var(--sub);
}
.t-ko {
  font-size: clamp(40px, 9vw, 56px);
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.t-ruby {
  font-size: 15px;
  color: var(--sub);
}
.t-ja {
  font-size: 19px;
}
.t-scene {
  margin: 8px 0 0;
  padding-top: 10px;
  border-top: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 15px;
}
.t-scene small {
  font-size: 12px;
  color: var(--sub);
}
.today-page {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 720px;
}
.today-page h1 {
  margin: 0;
  font-size: clamp(24px, 4vw, 30px);
}

/* 読む (구 Kotoja) */
.read-page {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 720px;
}
.read-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.read-head h1 {
  margin: 0;
  font-size: clamp(24px, 4vw, 30px);
}
.read-kana {
  font-size: clamp(26px, 6vw, 34px);
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.read-parts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
  gap: 6px;
}
.read-parts a,
.read-parts span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 10px 0;
  border-radius: 14px;
  background: var(--soft);
}
.read-parts .ko {
  font-size: 26px;
  line-height: 1.2;
}
.read-parts small {
  font-size: 13px;
  color: var(--sub);
}
.read-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  border-radius: 20px;
  background: var(--surface);
  border: 1px solid var(--line);
}
.read-card b {
  font-size: 20px;
}
.read-card span:last-child {
  font-size: 15px;
  color: var(--sub);
}
.examples {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}
.example {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 18px;
  border-radius: 16px;
  background: var(--surface);
  border: 1px solid var(--line);
}
.example .ko {
  font-size: 22px;
}
.example b {
  font-size: 16px;
}
.example small {
  font-size: 13px;
  color: var(--sub);
  line-height: 1.6;
}

/* 약관 · 개인정보 방침 · 문의 */
.legal {
  max-width: 760px;
  padding-top: 24px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-family:
    system-ui,
    -apple-system,
    'Hiragino Sans',
    'Apple SD Gothic Neo',
    'Noto Sans JP',
    sans-serif;
}
.legal h1 {
  margin: 0 0 4px;
  font-size: clamp(24px, 4vw, 30px);
}
.legal h2 {
  margin: 12px 0 6px;
  font-size: 17px;
}
.legal p,
.legal li {
  font-size: 15px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.legal p {
  margin: 0 0 8px;
}
.legal ul {
  margin: 0 0 8px;
  padding-left: 1.4em;
}
.legal a {
  color: var(--accent);
  text-decoration: underline;
}

/* 언어 선택 · 404 */
.chooser {
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 40px 20px;
  text-align: center;
}
.chooser h1 {
  margin: 0;
  font-size: 22px;
}
.chooser nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

/* 바닥글 */
/* iffthen.com · play.iffthen.com 과 같은 배치 (가운데 · 언어 → 메뉴 → 법적 → SNS → 저작권) */
.foot {
  border-top: 1px solid var(--line);
  background: var(--soft);
}
.foot-in {
  margin: 0 auto;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  font-size: 13px;
  color: var(--sub);
}
.foot-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 16px;
}
.foot-row a,
.foot-row span {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
}
.foot-row span[aria-current='true'] {
  font-weight: 700;
  color: var(--ink);
}
.sns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}
.sns a {
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  border: 1px solid var(--line-strong);
  background: var(--bg);
  color: var(--ink);
}
.sns a:hover {
  border-color: var(--accent);
  color: var(--accent);
}
.foot p {
  margin: 0;
}