commit 7b0d900bdb4bf88739d7c70549d6d55e0b2e7d31 Author: 김의연 Date: Wed Mar 25 17:26:16 2026 +0900 초기 커밋. diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..1ff0c42 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,63 @@ +############################################################################### +# Set default behavior to automatically normalize line endings. +############################################################################### +* text=auto + +############################################################################### +# Set default behavior for command prompt diff. +# +# This is need for earlier builds of msysgit that does not have it on by +# default for csharp files. +# Note: This is only used by command line +############################################################################### +#*.cs diff=csharp + +############################################################################### +# Set the merge driver for project and solution files +# +# Merging from the command prompt will add diff markers to the files if there +# are conflicts (Merging from VS is not affected by the settings below, in VS +# the diff markers are never inserted). Diff markers may cause the following +# file extensions to fail to load in VS. An alternative would be to treat +# these files as binary and thus will always conflict and require user +# intervention with every merge. To do so, just uncomment the entries below +############################################################################### +#*.sln merge=binary +#*.csproj merge=binary +#*.vbproj merge=binary +#*.vcxproj merge=binary +#*.vcproj merge=binary +#*.dbproj merge=binary +#*.fsproj merge=binary +#*.lsproj merge=binary +#*.wixproj merge=binary +#*.modelproj merge=binary +#*.sqlproj merge=binary +#*.wwaproj merge=binary + +############################################################################### +# behavior for image files +# +# image files are treated as binary by default. +############################################################################### +#*.jpg binary +#*.png binary +#*.gif binary + +############################################################################### +# diff behavior for common document formats +# +# Convert binary document formats to text before diffing them. This feature +# is only available from the command line. Turn it on by uncommenting the +# entries below. +############################################################################### +#*.doc diff=astextplain +#*.DOC diff=astextplain +#*.docx diff=astextplain +#*.DOCX diff=astextplain +#*.dot diff=astextplain +#*.DOT diff=astextplain +#*.pdf diff=astextplain +#*.PDF diff=astextplain +#*.rtf diff=astextplain +#*.RTF diff=astextplain diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9491a2f --- /dev/null +++ b/.gitignore @@ -0,0 +1,363 @@ +## Ignore Visual Studio temporary files, build results, and +## files generated by popular Visual Studio add-ons. +## +## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore + +# User-specific files +*.rsuser +*.suo +*.user +*.userosscache +*.sln.docstates + +# User-specific files (MonoDevelop/Xamarin Studio) +*.userprefs + +# Mono auto generated files +mono_crash.* + +# Build results +[Dd]ebug/ +[Dd]ebugPublic/ +[Rr]elease/ +[Rr]eleases/ +x64/ +x86/ +[Ww][Ii][Nn]32/ +[Aa][Rr][Mm]/ +[Aa][Rr][Mm]64/ +bld/ +[Bb]in/ +[Oo]bj/ +[Oo]ut/ +[Ll]og/ +[Ll]ogs/ + +# Visual Studio 2015/2017 cache/options directory +.vs/ +# Uncomment if you have tasks that create the project's static files in wwwroot +#wwwroot/ + +# Visual Studio 2017 auto generated files +Generated\ Files/ + +# MSTest test Results +[Tt]est[Rr]esult*/ +[Bb]uild[Ll]og.* + +# NUnit +*.VisualState.xml +TestResult.xml +nunit-*.xml + +# Build Results of an ATL Project +[Dd]ebugPS/ +[Rr]eleasePS/ +dlldata.c + +# Benchmark Results +BenchmarkDotNet.Artifacts/ + +# .NET Core +project.lock.json +project.fragment.lock.json +artifacts/ + +# ASP.NET Scaffolding +ScaffoldingReadMe.txt + +# StyleCop +StyleCopReport.xml + +# Files built by Visual Studio +*_i.c +*_p.c +*_h.h +*.ilk +*.meta +*.obj +*.iobj +*.pch +*.pdb +*.ipdb +*.pgc +*.pgd +*.rsp +*.sbr +*.tlb +*.tli +*.tlh +*.tmp +*.tmp_proj +*_wpftmp.csproj +*.log +*.vspscc +*.vssscc +.builds +*.pidb +*.svclog +*.scc + +# Chutzpah Test files +_Chutzpah* + +# Visual C++ cache files +ipch/ +*.aps +*.ncb +*.opendb +*.opensdf +*.sdf +*.cachefile +*.VC.db +*.VC.VC.opendb + +# Visual Studio profiler +*.psess +*.vsp +*.vspx +*.sap + +# Visual Studio Trace Files +*.e2e + +# TFS 2012 Local Workspace +$tf/ + +# Guidance Automation Toolkit +*.gpState + +# ReSharper is a .NET coding add-in +_ReSharper*/ +*.[Rr]e[Ss]harper +*.DotSettings.user + +# TeamCity is a build add-in +_TeamCity* + +# DotCover is a Code Coverage Tool +*.dotCover + +# AxoCover is a Code Coverage Tool +.axoCover/* +!.axoCover/settings.json + +# Coverlet is a free, cross platform Code Coverage Tool +coverage*.json +coverage*.xml +coverage*.info + +# Visual Studio code coverage results +*.coverage +*.coveragexml + +# NCrunch +_NCrunch_* +.*crunch*.local.xml +nCrunchTemp_* + +# MightyMoose +*.mm.* +AutoTest.Net/ + +# Web workbench (sass) +.sass-cache/ + +# Installshield output folder +[Ee]xpress/ + +# DocProject is a documentation generator add-in +DocProject/buildhelp/ +DocProject/Help/*.HxT +DocProject/Help/*.HxC +DocProject/Help/*.hhc +DocProject/Help/*.hhk +DocProject/Help/*.hhp +DocProject/Help/Html2 +DocProject/Help/html + +# Click-Once directory +publish/ + +# Publish Web Output +*.[Pp]ublish.xml +*.azurePubxml +# Note: Comment the next line if you want to checkin your web deploy settings, +# but database connection strings (with potential passwords) will be unencrypted +*.pubxml +*.publishproj + +# Microsoft Azure Web App publish settings. Comment the next line if you want to +# checkin your Azure Web App publish settings, but sensitive information contained +# in these scripts will be unencrypted +PublishScripts/ + +# NuGet Packages +*.nupkg +# NuGet Symbol Packages +*.snupkg +# The packages folder can be ignored because of Package Restore +**/[Pp]ackages/* +# except build/, which is used as an MSBuild target. +!**/[Pp]ackages/build/ +# Uncomment if necessary however generally it will be regenerated when needed +#!**/[Pp]ackages/repositories.config +# NuGet v3's project.json files produces more ignorable files +*.nuget.props +*.nuget.targets + +# Microsoft Azure Build Output +csx/ +*.build.csdef + +# Microsoft Azure Emulator +ecf/ +rcf/ + +# Windows Store app package directories and files +AppPackages/ +BundleArtifacts/ +Package.StoreAssociation.xml +_pkginfo.txt +*.appx +*.appxbundle +*.appxupload + +# Visual Studio cache files +# files ending in .cache can be ignored +*.[Cc]ache +# but keep track of directories ending in .cache +!?*.[Cc]ache/ + +# Others +ClientBin/ +~$* +*~ +*.dbmdl +*.dbproj.schemaview +*.jfm +*.pfx +*.publishsettings +orleans.codegen.cs + +# Including strong name files can present a security risk +# (https://github.com/github/gitignore/pull/2483#issue-259490424) +#*.snk + +# Since there are multiple workflows, uncomment next line to ignore bower_components +# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) +#bower_components/ + +# RIA/Silverlight projects +Generated_Code/ + +# Backup & report files from converting an old project file +# to a newer Visual Studio version. Backup files are not needed, +# because we have git ;-) +_UpgradeReport_Files/ +Backup*/ +UpgradeLog*.XML +UpgradeLog*.htm +ServiceFabricBackup/ +*.rptproj.bak + +# SQL Server files +*.mdf +*.ldf +*.ndf + +# Business Intelligence projects +*.rdl.data +*.bim.layout +*.bim_*.settings +*.rptproj.rsuser +*- [Bb]ackup.rdl +*- [Bb]ackup ([0-9]).rdl +*- [Bb]ackup ([0-9][0-9]).rdl + +# Microsoft Fakes +FakesAssemblies/ + +# GhostDoc plugin setting file +*.GhostDoc.xml + +# Node.js Tools for Visual Studio +.ntvs_analysis.dat +node_modules/ + +# Visual Studio 6 build log +*.plg + +# Visual Studio 6 workspace options file +*.opt + +# Visual Studio 6 auto-generated workspace file (contains which files were open etc.) +*.vbw + +# Visual Studio LightSwitch build output +**/*.HTMLClient/GeneratedArtifacts +**/*.DesktopClient/GeneratedArtifacts +**/*.DesktopClient/ModelManifest.xml +**/*.Server/GeneratedArtifacts +**/*.Server/ModelManifest.xml +_Pvt_Extensions + +# Paket dependency manager +.paket/paket.exe +paket-files/ + +# FAKE - F# Make +.fake/ + +# CodeRush personal settings +.cr/personal + +# Python Tools for Visual Studio (PTVS) +__pycache__/ +*.pyc + +# Cake - Uncomment if you are using it +# tools/** +# !tools/packages.config + +# Tabs Studio +*.tss + +# Telerik's JustMock configuration file +*.jmconfig + +# BizTalk build output +*.btp.cs +*.btm.cs +*.odx.cs +*.xsd.cs + +# OpenCover UI analysis results +OpenCover/ + +# Azure Stream Analytics local run output +ASALocalRun/ + +# MSBuild Binary and Structured Log +*.binlog + +# NVidia Nsight GPU debugger configuration file +*.nvuser + +# MFractors (Xamarin productivity tool) working folder +.mfractor/ + +# Local History for Visual Studio +.localhistory/ + +# BeatPulse healthcheck temp database +healthchecksdb + +# Backup folder for Package Reference Convert tool in Visual Studio 2017 +MigrationBackup/ + +# Ionide (cross platform F# VS Code tools) working folder +.ionide/ + +# Fody - auto-generated XML schema +FodyWeavers.xsd \ No newline at end of file diff --git a/SYSTEM_SPEC.md b/SYSTEM_SPEC.md new file mode 100644 index 0000000..eef127f --- /dev/null +++ b/SYSTEM_SPEC.md @@ -0,0 +1,228 @@ +# 선거방송 송출 프로그램 요구사항 정의 (v0.1) + +--- + +## 1. 시스템 개요 + +### 1.1 목적 +- Tornado3를 통해 선거 방송 자막 송출 +- 포맷(디자인)에 데이터 매핑 후 송출 + +--- + +## 2. 데이터 처리 + +### 2.1 데이터 수신 +- Polling 기반 +- 수동 수신 가능 + +### 2.2 수동 수신 정책 +- 수동 수신 시 polling 주기 초기화 +- 3초 이내 재요청 금지 + +### 2.3 갱신 vs 송출 +- 갱신 중 송출 요청 시 → 갱신 완료 후 송출 + +### 2.4 데이터 기준 +- 득표율: 소수점 1자리 반올림 +- 득표수: 3자리 콤마 + +### 2.5 데이터 유효성 +- 필수 필드 누락 시 송출 금지 +- 사진 필수 포맷에서 이미지 없으면 송출 금지 + +--- + +## 3. 포맷 + +### 3.1 정의 +- 디자인 템플릿 +- 데이터 매핑 구조 + +### 3.2 구조 +- 포맷 → 컷 → (준비 → 송출) + +### 3.3 루프 +- 하위 범주 반복 (예: 시도별 17개) + +### 3.4 데이터 반영 +- 현재 컷 반영 금지 +- 다음 컷부터 반영 + +### 3.5 송출 시간 +- 포맷별 설정 가능 +- 변경 시 다음 컷부터 적용 + +--- + +## 4. 스케줄 + +### 4.1 구조 +- 큐 기반 + +### 4.2 상태 +- 현재 송출: 빨간색 +- 다음 송출: 주황색 + +### 4.3 제어 +- 다음 포맷 변경 가능 +- 현재 포맷 강제 중지 후 전환 가능 +- 순서 변경 가능 + +### 4.4 삭제 정책 +- 대기 포맷 삭제 가능 +- 송출 중 포맷 삭제 불가 + +### 4.5 루프 +- 전체 루프 가능 +- 첫 포맷부터 재시작 + +### 4.6 빈 스케줄 +- 설정에 따라: + - 즉시 Out + - 마지막 화면 유지 + +### 4.7 종료 +- 수동 종료 시: + - 스케줄 종료 + - 해당 Layer Out + +--- + +## 5. 방송 영역 + +- 노멀 +- 좌상단 +- 하단 +- VideoWall + +특징: +- 독립 스케줄 +- 동시 송출 가능 + +--- + +## 6. 방송사 설정 + +### 대상 +- KNN, TBC, KBC, G1, TJB, JTV + +### 특징 +- 동일 구조 +- 지역 필터만 다름 + +### 지역 필터 +- 기본값 제공 +- 사용자 수정 가능 + +--- + +## 7. 유력/확실/당선 + +### 기준 +- 후보 단위 + +### 수동 입력 +- 콤보박스 선택 +- 자동 판정보다 우선 + +### 자동 판정 +- 수동 지정 없는 경우만 적용 +- 당선 조건: + - (1위 - 2위) > 남은 개표수 + +### 초기화 +- 전체 초기화 가능 + +### 저장 +- 방송사 + 선거종류 + 선거구 + 후보 기준 + +--- + +## 8. Tornado3 연동 + +### 방식 +- TCP + DLL + +### 기능 +- 이미지 변경 +- 텍스트 변경 +- 준비 +- 송출 + +### 응답 처리 +- ACK 대기 없음 +- 5초 내 응답 없으면 실패 + +### 상태 +- IDLE +- READY (송출 가능 상태) +- SENDING +- ON_AIR +- ERROR + +### 연결 +- 끊김 시 재연결 +- 재연결 후 사용자 확인 후 재개 + +--- + +## 9. 상태 흐름 + +IDLE → READY → SENDING → ON_AIR → NEXT + ↓ + ERROR + +--- + +## 10. 복원 + +### 대상 +- 스케줄 +- 방송사 +- 상태값 + +### 방식 +- 통합 대화상자 +- 체크박스 선택 + +--- + +## 11. UI 구조 + +### 네비게이션 +- 통합 스케줄 +- 노멀 +- 좌상단 +- 하단 +- VideoWall +- 데이터 +- 설정 +- 로그 + +### 표시 +- 빨강: 현재 송출 +- 주황: 다음 송출 + +--- + +## 12. 이미지 + +경로 규칙: +{선택경로}/{선거종류}/{지역코드}/{후보코드}.png + +--- + +## 13. 예외 처리 + +- API 실패 → 사용자 알림 +- Tornado 실패 → ERROR 상태 + +--- + +## 14. 핵심 개념 + +- 포맷 기반 +- 컷 단위 송출 +- 스케줄 큐 구조 +- 상태 머신 기반 제어 \ No newline at end of file diff --git a/Tornado3_2026Election.slnx b/Tornado3_2026Election.slnx new file mode 100644 index 0000000..6f22afe --- /dev/null +++ b/Tornado3_2026Election.slnx @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/Tornado3_2026Election/App.xaml b/Tornado3_2026Election/App.xaml new file mode 100644 index 0000000..6ab5774 --- /dev/null +++ b/Tornado3_2026Election/App.xaml @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Tornado3_2026Election/App.xaml.cs b/Tornado3_2026Election/App.xaml.cs new file mode 100644 index 0000000..7386d3c --- /dev/null +++ b/Tornado3_2026Election/App.xaml.cs @@ -0,0 +1,52 @@ +using Microsoft.UI.Xaml; +using Microsoft.UI.Xaml.Controls; +using Microsoft.UI.Xaml.Controls.Primitives; +using Microsoft.UI.Xaml.Data; +using Microsoft.UI.Xaml.Input; +using Microsoft.UI.Xaml.Media; +using Microsoft.UI.Xaml.Navigation; +using Microsoft.UI.Xaml.Shapes; +using System; +using System.Collections.Generic; +using System.IO; +using System.Linq; +using System.Runtime.InteropServices.WindowsRuntime; +using Tornado3_2026Election.Common; +using Windows.ApplicationModel; +using Windows.ApplicationModel.Activation; +using Windows.Foundation; +using Windows.Foundation.Collections; + +// To learn more about WinUI, the WinUI project structure, +// and more about our project templates, see: http://aka.ms/winui-project-info. + +namespace Tornado3_2026Election +{ + /// + /// Provides application-specific behavior to supplement the default Application class. + /// + public partial class App : Application + { + private Window? _window; + + /// + /// Initializes the singleton application object. This is the first line of authored code + /// executed, and as such is the logical equivalent of main() or WinMain(). + /// + public App() + { + InitializeComponent(); + } + + /// + /// Invoked when the application is launched. + /// + /// Details about the launch request and process. + protected override void OnLaunched(Microsoft.UI.Xaml.LaunchActivatedEventArgs args) + { + UiDispatcher.Initialize(Microsoft.UI.Dispatching.DispatcherQueue.GetForCurrentThread()); + _window = new MainWindow(); + _window.Activate(); + } + } +} diff --git a/Tornado3_2026Election/Assets/AppIcon.ico b/Tornado3_2026Election/Assets/AppIcon.ico new file mode 100644 index 0000000..011d4b9 Binary files /dev/null and b/Tornado3_2026Election/Assets/AppIcon.ico differ diff --git a/Tornado3_2026Election/Assets/AppIcon.png b/Tornado3_2026Election/Assets/AppIcon.png new file mode 100644 index 0000000..9f5fab9 Binary files /dev/null and b/Tornado3_2026Election/Assets/AppIcon.png differ diff --git a/Tornado3_2026Election/Assets/ElectionSealIcon.svg b/Tornado3_2026Election/Assets/ElectionSealIcon.svg new file mode 100644 index 0000000..b2c964c --- /dev/null +++ b/Tornado3_2026Election/Assets/ElectionSealIcon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/Tornado3_2026Election/Assets/LockScreenLogo.png b/Tornado3_2026Election/Assets/LockScreenLogo.png new file mode 100644 index 0000000..a9ef63e Binary files /dev/null and b/Tornado3_2026Election/Assets/LockScreenLogo.png differ diff --git a/Tornado3_2026Election/Assets/LockScreenLogo.scale-200.png b/Tornado3_2026Election/Assets/LockScreenLogo.scale-200.png new file mode 100644 index 0000000..d503ece Binary files /dev/null and b/Tornado3_2026Election/Assets/LockScreenLogo.scale-200.png differ diff --git a/Tornado3_2026Election/Assets/SplashScreen.png b/Tornado3_2026Election/Assets/SplashScreen.png new file mode 100644 index 0000000..ff312a3 Binary files /dev/null and b/Tornado3_2026Election/Assets/SplashScreen.png differ diff --git a/Tornado3_2026Election/Assets/SplashScreen.scale-200.png b/Tornado3_2026Election/Assets/SplashScreen.scale-200.png new file mode 100644 index 0000000..59e0831 Binary files /dev/null and b/Tornado3_2026Election/Assets/SplashScreen.scale-200.png differ diff --git a/Tornado3_2026Election/Assets/Square150x150Logo.png b/Tornado3_2026Election/Assets/Square150x150Logo.png new file mode 100644 index 0000000..bd12eef Binary files /dev/null and b/Tornado3_2026Election/Assets/Square150x150Logo.png differ diff --git a/Tornado3_2026Election/Assets/Square150x150Logo.scale-200.png b/Tornado3_2026Election/Assets/Square150x150Logo.scale-200.png new file mode 100644 index 0000000..65666da Binary files /dev/null and b/Tornado3_2026Election/Assets/Square150x150Logo.scale-200.png differ diff --git a/Tornado3_2026Election/Assets/Square44x44Logo.png b/Tornado3_2026Election/Assets/Square44x44Logo.png new file mode 100644 index 0000000..8828727 Binary files /dev/null and b/Tornado3_2026Election/Assets/Square44x44Logo.png differ diff --git a/Tornado3_2026Election/Assets/Square44x44Logo.scale-200.png b/Tornado3_2026Election/Assets/Square44x44Logo.scale-200.png new file mode 100644 index 0000000..1179dee Binary files /dev/null and b/Tornado3_2026Election/Assets/Square44x44Logo.scale-200.png differ diff --git a/Tornado3_2026Election/Assets/Square44x44Logo.targetsize-24_altform-unplated.png b/Tornado3_2026Election/Assets/Square44x44Logo.targetsize-24_altform-unplated.png new file mode 100644 index 0000000..a9ef63e Binary files /dev/null and b/Tornado3_2026Election/Assets/Square44x44Logo.targetsize-24_altform-unplated.png differ diff --git a/Tornado3_2026Election/Assets/Stations/g1.png b/Tornado3_2026Election/Assets/Stations/g1.png new file mode 100644 index 0000000..742671d Binary files /dev/null and b/Tornado3_2026Election/Assets/Stations/g1.png differ diff --git a/Tornado3_2026Election/Assets/Stations/jtv.png b/Tornado3_2026Election/Assets/Stations/jtv.png new file mode 100644 index 0000000..781f4ed Binary files /dev/null and b/Tornado3_2026Election/Assets/Stations/jtv.png differ diff --git a/Tornado3_2026Election/Assets/Stations/kbc.png b/Tornado3_2026Election/Assets/Stations/kbc.png new file mode 100644 index 0000000..57d650b Binary files /dev/null and b/Tornado3_2026Election/Assets/Stations/kbc.png differ diff --git a/Tornado3_2026Election/Assets/Stations/knn.png b/Tornado3_2026Election/Assets/Stations/knn.png new file mode 100644 index 0000000..5490089 Binary files /dev/null and b/Tornado3_2026Election/Assets/Stations/knn.png differ diff --git a/Tornado3_2026Election/Assets/Stations/tbc.png b/Tornado3_2026Election/Assets/Stations/tbc.png new file mode 100644 index 0000000..ad23654 Binary files /dev/null and b/Tornado3_2026Election/Assets/Stations/tbc.png differ diff --git a/Tornado3_2026Election/Assets/Stations/tjb.png b/Tornado3_2026Election/Assets/Stations/tjb.png new file mode 100644 index 0000000..4cbcec7 Binary files /dev/null and b/Tornado3_2026Election/Assets/Stations/tjb.png differ diff --git a/Tornado3_2026Election/Assets/StoreLogo.png b/Tornado3_2026Election/Assets/StoreLogo.png new file mode 100644 index 0000000..94199cc Binary files /dev/null and b/Tornado3_2026Election/Assets/StoreLogo.png differ diff --git a/Tornado3_2026Election/Assets/Wide310x150Logo.png b/Tornado3_2026Election/Assets/Wide310x150Logo.png new file mode 100644 index 0000000..a05a9f2 Binary files /dev/null and b/Tornado3_2026Election/Assets/Wide310x150Logo.png differ diff --git a/Tornado3_2026Election/Assets/Wide310x150Logo.scale-200.png b/Tornado3_2026Election/Assets/Wide310x150Logo.scale-200.png new file mode 100644 index 0000000..ff312a3 Binary files /dev/null and b/Tornado3_2026Election/Assets/Wide310x150Logo.scale-200.png differ diff --git a/Tornado3_2026Election/Common/AsyncRelayCommand.cs b/Tornado3_2026Election/Common/AsyncRelayCommand.cs new file mode 100644 index 0000000..d2a5c92 --- /dev/null +++ b/Tornado3_2026Election/Common/AsyncRelayCommand.cs @@ -0,0 +1,54 @@ +using System; +using System.Threading.Tasks; +using System.Windows.Input; + +namespace Tornado3_2026Election.Common; + +public sealed class AsyncRelayCommand : ObservableObject, ICommand +{ + private readonly Func _execute; + private readonly Func? _canExecute; + private bool _isRunning; + + public AsyncRelayCommand(Func execute, Func? canExecute = null) + { + _execute = execute; + _canExecute = canExecute; + } + + public event EventHandler? CanExecuteChanged; + + public bool IsRunning + { + get => _isRunning; + private set + { + if (SetProperty(ref _isRunning, value)) + { + NotifyCanExecuteChanged(); + } + } + } + + public bool CanExecute(object? parameter) => !IsRunning && (_canExecute?.Invoke() ?? true); + + public async void Execute(object? parameter) + { + if (!CanExecute(parameter)) + { + return; + } + + try + { + IsRunning = true; + await _execute(); + } + finally + { + IsRunning = false; + } + } + + public void NotifyCanExecuteChanged() => UiDispatcher.Enqueue(() => CanExecuteChanged?.Invoke(this, EventArgs.Empty)); +} diff --git a/Tornado3_2026Election/Common/ObservableObject.cs b/Tornado3_2026Election/Common/ObservableObject.cs new file mode 100644 index 0000000..e068308 --- /dev/null +++ b/Tornado3_2026Election/Common/ObservableObject.cs @@ -0,0 +1,35 @@ +using System.Collections.Generic; +using System.ComponentModel; +using System.Runtime.CompilerServices; + +namespace Tornado3_2026Election.Common; + +public abstract class ObservableObject : INotifyPropertyChanged +{ + public event PropertyChangedEventHandler? PropertyChanged; + + protected bool SetProperty(ref T field, T value, [CallerMemberName] string? propertyName = null) + { + if (EqualityComparer.Default.Equals(field, value)) + { + return false; + } + + field = value; + OnPropertyChanged(propertyName); + return true; + } + + protected void OnPropertyChanged([CallerMemberName] string? propertyName = null) + { + UiDispatcher.Enqueue(() => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName))); + } + + protected void OnPropertyChanged(params string[] propertyNames) + { + foreach (var propertyName in propertyNames) + { + UiDispatcher.Enqueue(() => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName))); + } + } +} diff --git a/Tornado3_2026Election/Common/RelayCommand.cs b/Tornado3_2026Election/Common/RelayCommand.cs new file mode 100644 index 0000000..4c0a546 --- /dev/null +++ b/Tornado3_2026Election/Common/RelayCommand.cs @@ -0,0 +1,24 @@ +using System; +using System.Windows.Input; + +namespace Tornado3_2026Election.Common; + +public sealed class RelayCommand : ICommand +{ + private readonly Action _execute; + private readonly Func? _canExecute; + + public RelayCommand(Action execute, Func? canExecute = null) + { + _execute = execute; + _canExecute = canExecute; + } + + public event EventHandler? CanExecuteChanged; + + public bool CanExecute(object? parameter) => _canExecute?.Invoke() ?? true; + + public void Execute(object? parameter) => _execute(); + + public void NotifyCanExecuteChanged() => UiDispatcher.Enqueue(() => CanExecuteChanged?.Invoke(this, EventArgs.Empty)); +} diff --git a/Tornado3_2026Election/Common/RelayCommandOfT.cs b/Tornado3_2026Election/Common/RelayCommandOfT.cs new file mode 100644 index 0000000..facde36 --- /dev/null +++ b/Tornado3_2026Election/Common/RelayCommandOfT.cs @@ -0,0 +1,44 @@ +using System; +using System.Windows.Input; + +namespace Tornado3_2026Election.Common; + +public sealed class RelayCommand : ICommand +{ + private readonly Action _execute; + private readonly Func? _canExecute; + + public RelayCommand(Action execute, Func? canExecute = null) + { + _execute = execute; + _canExecute = canExecute; + } + + public event EventHandler? CanExecuteChanged; + + public bool CanExecute(object? parameter) + { + if (parameter is null) + { + return _canExecute?.Invoke(default) ?? true; + } + + return parameter is T typedParameter && (_canExecute?.Invoke(typedParameter) ?? true); + } + + public void Execute(object? parameter) + { + if (parameter is null) + { + _execute(default); + return; + } + + if (parameter is T typedParameter) + { + _execute(typedParameter); + } + } + + public void NotifyCanExecuteChanged() => UiDispatcher.Enqueue(() => CanExecuteChanged?.Invoke(this, EventArgs.Empty)); +} diff --git a/Tornado3_2026Election/Common/UiDispatcher.cs b/Tornado3_2026Election/Common/UiDispatcher.cs new file mode 100644 index 0000000..3fcb6c8 --- /dev/null +++ b/Tornado3_2026Election/Common/UiDispatcher.cs @@ -0,0 +1,56 @@ +using System; +using System.Threading.Tasks; +using Microsoft.UI.Dispatching; + +namespace Tornado3_2026Election.Common; + +public static class UiDispatcher +{ + private static DispatcherQueue? _dispatcherQueue; + + public static void Initialize(DispatcherQueue? dispatcherQueue) + { + _dispatcherQueue ??= dispatcherQueue; + } + + public static void Enqueue(Action action) + { + var dispatcherQueue = _dispatcherQueue; + if (dispatcherQueue is null || dispatcherQueue.HasThreadAccess) + { + action(); + return; + } + + _ = dispatcherQueue.TryEnqueue(() => action()); + } + + public static Task EnqueueAsync(Action action) + { + var dispatcherQueue = _dispatcherQueue; + if (dispatcherQueue is null || dispatcherQueue.HasThreadAccess) + { + action(); + return Task.CompletedTask; + } + + var completionSource = new TaskCompletionSource(TaskCreationOptions.RunContinuationsAsynchronously); + if (!dispatcherQueue.TryEnqueue(() => + { + try + { + action(); + completionSource.SetResult(); + } + catch (Exception exception) + { + completionSource.SetException(exception); + } + })) + { + completionSource.SetResult(); + } + + return completionSource.Task; + } +} diff --git a/Tornado3_2026Election/Controls/ChannelSchedulePanel.xaml b/Tornado3_2026Election/Controls/ChannelSchedulePanel.xaml new file mode 100644 index 0000000..c77f1c9 --- /dev/null +++ b/Tornado3_2026Election/Controls/ChannelSchedulePanel.xaml @@ -0,0 +1,331 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

JTV 전주방송 로고

+ + +
시청자 뉴스제보010-5131-2222(jtvnews@jtv.co.kr) + + +
+
+
+
+
전북을 대표하는 전북인의 방송 JTV
+ +
+
+ +
+ + +
+ +
+
+
+
+ +
+
+ + + +
+
+
+
+
+

사이트맵

+
+ +
+
+
+
+
+
+
+ + + +
+
+ +
+
+
+
+ +
+
+ +
+
+
+

+ 비주얼 정지 비주얼 재생
+
+
+ +
+
+
+
+
+
+
+
김진명 29% ...10%대 4명 접전
+
+
+
+
+ 김진명 29% ...10%대 4명 접전
+ +
+
+
+
+ +
+
+
+
+
+
+ + +
+
+
+
+

심층·단독

+ +
+
+
+
+

완주-전주통합

+ +
+
+
+
+
+

지역소멸

+ +
+
+
+
+
+

주요 뉴스

+
+ +
+
+ +
+ +
+ +
+
+ +
+
+ + +
+
+ +
+
+

JTV NEWS

+
+
+ +
+ +
+
+

주요 프로그램

+
+
+

+

+

+

+

+

+

+

+

+

+

+

+

+ + + + +
+
+ +
+
+
+
+
+

JTV ON

+
+ +
+
+
+ + +

와글TV

+
+ + +
+
+
+
+
+
+

FM 라디오 (90.1MHz)

+
+ +
+
+
+
+
+

행사 안내

+
+
+
임재범콘서트
+ +
임실펫스타
+
임실장미축제
+
+ + + +
JTV문화탐방
+ +
임재범콘서트
+
임실펫스타
+
임실장미축제
+
+ + + +
JTV문화탐방
+
+
+ +
+
+
+
+ +
+
+
    +
    • +
    • +
    • +
    • +
    • +
    • +
    • + +
+
+
+
+ + +
+ +
+
+ + +
+
+

공지사항

+ +
+ + + +
+ +
+
+
+ +
+ +
+
+
+
+ + + + + + diff --git a/kbc.html b/kbc.html new file mode 100644 index 0000000..e4e2dab --- /dev/null +++ b/kbc.html @@ -0,0 +1,1282 @@ + + + + + + + +KBC광주방송 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+ +
+ + +
+
+ + + + + + + +
+ +
    +
  • naverblog
  • kakao
  • facebook
  • youtube
+
+ + +
+
+
+ +
+
+
+
+

최신뉴스
+
+
+
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+

랭킹뉴스

+ +
    +
  1. +
    +
    장동민, 李대통령 옆에서 "코스피 5천 반신반의하다 땅 치고 후회"
     +
    +
    2. +
  2. +
    +
    양이원영 "조국 가족 도륙당할 때 지휘라인에 한동훈...조-한 빅매치 꿀잼"
     +
    +
    3. +
  3. +
    +
    조국 "이 대통령, 힘 있을 때 검찰 제대로 해체해야...아님 어떤 일 벌어질지 몰라, 경험"
     +
    +
    4. +
  4. +
    +
    국힘 "부산시장 후보, 박형준 컷오프 → 박형준-주진우 경선" 선회
     +
    +
    5. +
  5. +
    +
    배종찬 "김어준, 김민석 당권 잡는 걸 원치 않아…친청-친명 대결 극대화"
     +
    +
    6. +
+
    +
  1. +
    +
    울산 빌라서 일가족 5명 숨진 채 발견
     +
    +
    2. +
  2. +
    +
    50대 상사가 女직원 책상·컴퓨터·근무복에 '체모' 올려놓았는데...경찰은 '재물손괴'만 인정
     +
    +
    3. +
  3. +
    +
    항공사 기장 죽인 50대 전직 부기장 "3년 전부터 4명 살해 계획"
     +
    +
    4. +
  4. +
    +
    부산서 국내 항공사 기장 자택서 피살…경찰, 도주 용의자 '전 동료' 추적
     +
    +
    5. +
  5. +
    +
    검찰, '위안부 모욕·소녀상 훼손' 단체 대표 구속영장 청구
     +
    +
    6. +
+
    +
  1. +
    +
    "우울증 심할수록 AI 상담 이용률 높아...정상 집단의 2배"
     +
    +
    2. +
  2. +
    +
    93세 기초수급자 어르신, 알뜰히 모은 1천만 원 이웃과 아이들에 선뜻 내놓아
     +
    +
    3. +
  3. +
    +
    생후 60일 딸아이 아빠 박성배 씨...5명에 새 삶 선물하고 하늘로
     +
    +
    4. +
  4. +
    +
    광주전남 시민사회, 민주당에 선거법 개정·5월 정신 담은 개헌 촉구
     +
    +
    5. +
  5. +
    +
    광주 첨단동 '매화 군락지'.."워매 뭔일이당가!"
     +
    +
    6. +
+
    +
  1. +
    +
    양현종·올러 '사사구 9개' KIA, NC에 2대 3 패배...시범경기 첫 연패
     +
    +
    2. +
  2. +
    +
    '시범경기 타율 5할' 김호령의 무서운 진격...올 시즌 KIA 타선 밥상 차리나
     +
    +
    3. +
  3. +
    +
    구단 역대 최고 성적 거둔 페퍼저축은행...거취는 '안갯속'
     +
    +
    4. +
  4. +
    +
    10개 구단 사령탑·대표 선수 총출동...2026 KBO 미디어데이 26일 열려
     +
    +
    5. +
  5. +
    +
    손흥민·김민재·이강인 총출동…홍명보호, 3월 유럽 원정 명단 발표
     +
    +
    6. +
+
    +
  1. +
    +
    아이유 사는 '에테르노 청담' 325억…2년 연속 전국에서 가장 비싼 아파트
     +
    +
    2. +
  2. +
    +
    "땡큐 엔비디아"'반도체·자동차' 강세에 코스피 90포인트 날았다...5,640.48 마감
     +
    +
    3. +
  3. +
    +
    이란 전쟁도 이긴 코스피, 5% 초강세 5,900선 회복…매수 사이드카 발동
     +
    +
    4. +
  4. +
    +
    강훈식 "UAE, 최우선 원유 공급 약속…2,400만배럴 긴급 도입"
     +
    +
    5. +
  5. +
    +
    삼성전자 노조, 5월 총파업 '현실화'...쟁의행위 93% 찬성률로 가결
     +
    +
    6. +
+
    +
  1. +
    +
    마흔이 넘었어도 그리운 어머니...다이애나빈 사진 올린 영국 왕세자
     +
    +
    2. +
  2. +
    +
    이스라엘 국방 "이란 안보 수장 라리자니 공습으로 사망"
     +
    +
    3. +
  3. +
    +
    트럼프 "나토 지원 필요 없다...일본·호주·한국도 마찬가지"
     +
    +
    4. +
  4. +
    +
    미 증권당국 "비트코인은 디지털 상품, 증권 아니다"
     +
    +
    5. +
  5. +
    +
    美 "호르무즈 해안 이란 미사일기지 벙커버스터로 타격
     +
    +
    6. +
+
+
+
+
+
+
+
+
+
+
+
+ +
도시락(樂)
+ +
+ "당신의 일상에 배달되는 따뜻하고 맛있는 정보 한 끼" +광주와 전남, 우리가 살아가는 이 땅의 구석구석에 아직 발견되지 않은 보물 같은 이야기가 있다! +바쁜 도심의 활기와 정겨운 시골의 여유를 한 그릇에 담아, 지역민에게 전달하는 로컬리즘 생활정보 매거진 프로그램 +
+
+ 금요일 오후 6시 55분 +
+ + 프로그램 홈 + + +
+ +
+ 도시락(樂) +
+ +
+
+
+
+
+ +
시사터치 따따부따
+ +
+ PD저널리즘에 입각한 성역 없는 취재로 지역 사회에 존재하는 사회적 부조리를 견제하고, +소외된 사회적 약자의 목소리를 대변하는 심층 보도· 현장 취재 시사 프로그램 + +방송 : 월요일 18:35 +
+
+ 월요일 18:35 +
+ + 프로그램 홈 + + +
+ +
+ 시사터치 따따부따 +
+ +
+
+ + +
+
+
+ +
전국 TOP10 가요쇼
+ +
+ kbc 광주방송 가요방송 전국 TOP10 가요쇼를 보실 수 있습니다. +4,50대 중장년층들에게 음악을 통해 삶의 에너지를 전달하고 +스트레스를 해소 할 수 있는 공간을 마련. +
+
+ 토요일 10시 55분 ~ 12시
+(재방송) 월요일 12시 50분 ~14시 +
+ + 프로그램 홈 + + +
+ +
+ 전국 TOP10 가요쇼 +
+ +
+
+ +
+
+
+ +
+
+
+
+
+
+

방송 다시보기

+
+
+ + + + + + + + +
+
+
+

라디오 프로그램

+
+
+
+
+
+ +
박영환의 시사1번지
+ +
+ +
박영환의 시사1번지
+ +
+
+
+ +
행복한 추억 찾기!
+ +
+ +
행복한 추억 찾기!
+ +
+
+
+ +
뮤직서핑
+ +
+ +
뮤직서핑
+ +
+
+
+ +
뮤직 포에버
+ +
+ +
뮤직 포에버
+ +
+
+
+ +
MY FM 사운드오브뮤직
+ +
+ +
MY FM 사운드오브뮤직
+ +
+
+
+
+
+
+
+
+
+

추천 유튜브 채널

+
+
+
+
+
+ + + + + + + +
+
+
+
+
+
+
+ + + + + + + + + + +
+ + + +
+ +
+ + + + +
+ + \ No newline at end of file diff --git a/knn.html b/knn.html new file mode 100644 index 0000000..348890b --- /dev/null +++ b/knn.html @@ -0,0 +1,2040 @@ + + + + + + + + + + + + + + + + 부산경남대표방송 KNN 뉴스 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+

+ + KNN + +

+
+ +
+
+
+
+ +
+
+
+
+ + +
+ +
+
+
+ + + + + +
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ TOP +
+
+
+
+
+ + +
+
+ + + + + + + + + + + +
+
+ + + +
+
+
주요뉴스
+
+
+
+ 차별요소 없애겠다고...결론은 장애인*비장애인 모두 불편 + +
+
+
+
+ +
+ +
+
+ 기자 : + 하영광 +
+
+ 날짜 : + + 2026.03.18 +
+
+
+
+
+
+ +
+
+
+ +
+ 선거 일감 서울 업체 '싹쓸이' 지역업체 '한숨' + +
+
+
선거 일감 서울 업체 '싹쓸이' 지역업체 '한숨'
+
정치
+
+ +
+
+
+
+ +
+ 기장 살해 피의자 정신 병력 수사, 사이코패스 검사도 실시 + +
+
+
기장 살해 피의자 정신 병력 수사, 사이코패스 검사도 실시
+
사건사고
+
+ +
+
+
+
+ +
+ '산청의 눈물'... 산불*산사태 이어 ASF까지 발생 + +
+
+
'산청의 눈물'... 산불*산사태 이어 ASF까지 발생
+
사건사고
+
+ +
+
+
+
+ +
+ 중동사태로 기름값 오르자..가짜 석유 다시 고개 + +
+
+
중동사태로 기름값 오르자..가짜 석유 다시 고개
+
사회
+
+ +
+
+
+ +
+
+ + +
+
+
+
+
+
+ 뉴스제보 1577-5999 KNN은 여러분의 소중한 제보를 기다립니다. +
+
+
+
+ +
뉴스를 만드는 사람들
+ + +
+
+
+
+
+
+ + +
+
+
+
+
+ + + +
+
+
+
+
+

최신뉴스

+ +더보기 +
+
+
+
+ +
+ + +
+
+
중동사태 장기화...조선업 수주 늘어날까
+
경제
+
+ +
+
+
+
+ +
+ + +
+
+
합수본 '통일교 금품 의혹' 전재수 소환
+
정치
+
+ +
+
+
+
+ +
+ + +
+
+
주진우 "전재수에 꽃길 깔아주면 심판 받을 것"
+
정치
+
+ +
+
+
+
+ +
+ + +
+
+
경남도, 전 도민에 생활지원금 10만 원 지급
+
경제
+
+ +
+
+
+
+ +
+
+

2026 전국동시지방선거

+ +더보기 +
+
+
+
+ +
+ + +
+
+
[정가표정]-부산시장 후보군 압축... 때이른 신경전으로
+
+
+ +
+
+
+
+ +
+ + +
+
+
선거 일감 서울 업체 '싹쓸이' 지역업체 '한숨'
+
+
+ +
+
+
+
+ +
+ + +
+
+
국민의힘 김해시장 후보 홍태용 시장 단수추천
+
+
+ +
+
+
+
+ +
+ + +
+
+
부산시장 '컷오프 논란' 종결..박형준-주진우 경선 확정
+
+
+ +
+
+
+
+ + + +
+
+
+ + + + + + + + + + +
+
+
+
+
+

단독뉴스

+ +더보기 +
+ +
+
+
+ +
+ + +
+
+
<단독>'왜 나를 건드려' 구청장 측근 녹취 확보
+
+ +
+
+
+
+ +
+ + +
+
+
<단독> 갑질 의혹 공방 구청...당시 녹취 단독 확보
+
+ +
+
+
+
+ +
+ + +
+
+
[단독]세금 6억 들여 만든 다리가 개인 영업용으로?
+
+ +
+
+
+
+ +
+ + +
+
+
<자랑부자>'피지컬 AI'로 제조업 혁신 이끈다
+
+ +
+
+
+
+
+
+

기획뉴스

+ +더보기 +
+ +
+
+
+ +
+ + +
+
+
국민의힘 김해시장 후보 홍태용 시장 단수추천
+
+ +
+
+
+
+ +
+ + +
+
+
선거 일감 서울 업체 '싹쓸이' 지역업체 '한숨'
+
+ +
+
+
+
+ +
+ + +
+
+
[정가표정]-부산시장 후보군 압축... 때이른 신경전으로
+
+ +
+
+
+
+ +
+ + +
+
+
부산시장 '컷오프 논란' 종결..박형준-주진우 경선 확정
+
+ +
+
+
+
+
+ +
+
+ + + + + + + + + + + + +
+
+
+
+
+

부산경남 DNA

+ +더보기 +
+
+
+
+ +
+ + +
+
+
[심층취재] 파일럿은 왜 살인범이 되었나
+
 
+
+ +
+
+
+
+ +
+ +
+
+
<조기자의진짜다> 박형준 주진우 부산시장 공천 파동은 쇼맨십?
+
 
+
+ +
+
+
+
+ +
+ + +
+
+
<조.진.다> 미쉐린 알고보니 세금 잔치
+
 
+
+ +
+
+
+
+ +
+ + +
+
+
<조.진.다> 썩어버린 농협중앙회..황금열쇠 받은 강호동 농협중앙회장
+
 
+
+ +
+
+
+ + +
+
+
+

디지털뉴스

+ +더보기 +
+
+
+
+ +
+ + +
+
+
[심층취재] 파일럿은 왜 살인범이 되었나
+
사건사고
+
+ +
+
+
+
+ +
+ +
+
+
<조기자의진짜다> 박형준 주진우 부산시장 공천 파동은 쇼맨십?
+
정치
+
+ +
+
+
+
+ +
+ +
+
+
<조.진.다> 개통 한 달만에 아찔한 대심도 역주행
+
사건사고
+
+ +
+
+
+
+ +
+ + +
+
+
<조.진.다> 미쉐린 알고보니 세금 잔치
+
정치
+
+ +
+
+
+
+
+
+
+ + + + + + +
+
+
+
+
+

톡톡(Talk Talk) 부산경남

+ +더보기 +
+
+
+
+ +
+ +
+
+
[행복한 책읽기] 「과학의 민중사」, 과학기술 발전을 이끈 ‘보통 사람들’의 역사
+
 
+
+ +
+
+
+
+ +
+ +
+
+
[행복한 책읽기] 독서의 본질을 묻다…『책읽기의 달인, 호모 부커스』
+
 
+
+ +
+
+
+
+ +
+ +
+
+
[Talk to 경남] 노치환·박진현 의원 “경남 응급의료·창원 균형발전·기업 지원 필요”
+
 
+
+ +
+
+
+
+ +
+ +
+
+
[행복한 책읽기] “달리기는 삶의 태도”…최정욱 이사장이 전한 러닝의 의미
+
 
+
+ +
+
+
+ + +
+
+
+

동남風

+ +더보기 +
+
+
+
+ +
+ +
+
+
[오래된 미래] 지명이 브랜드로…애환 담긴 ‘구포의 맛’ 구포국수
+
생활문화
+
+ +
+
+
+
+ +
+ +
+
+
[테마스페셜] 정선·태백·영월·삼척, 석탄 산업과 역사로 빛나는 강원도의 삶과 기억
+
생활문화
+
+ +
+
+
+
+ +
+ +
+
+
[테마스페셜] 러닝 1천만 시대, ‘국제육상도시’ 대구가 달린다
+
생활문화
+
+ +
+
+
+
+ +
+ +
+
+
[테마스페셜] 유배, 단절이 아닌 창조의 시간…섬에서 열린 새로운 세상
+
생활문화
+
+ +
+
+
+
+
+
+
+ + + + + + + + + + + + + +
+ + + + + + + + + + + +
+
+
+
사이트맵
+ +
+
+
+
+
+
+
+
+ + +
+ +
+
+
+ +
+
+ 뉴스 +
+ + + +
+
+ +
+ + + + + + + + + +
+
+ +
+
+ 시청자 제보 +
+ + + +
+
+
+ + + +
+
+ +
+
+ TV + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ 라디오 + + + + + +
+ + + + + + + + + + + + + + + + + +
+ +
+
+ 뉴미디어 + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+ 닥터KNN +
+ + + +
+
+
+ + +
+
+ +
+
+ 문화행사 + +
+
+ +
+
+ + +
+
+ KNN 소개 +
+ + + +
+
+
+ + + + + + + + +
+
+ +
+
+ 시청자 참여 +
+ + + +
+
+
+ + + +
+
+ +
+
+ KNN 클린센터 +
+ + + +
+
+
+ + + + +
+
+ +
+
+ 방송윤리 +
+ + + +
+
+
+ + + +
+
+ +
+
+ 고객센터 +
+ + + +
+
+
+ + + + + +
+
+ + + + + + +
+
+
+ + + + + +
+ + \ No newline at end of file diff --git a/tbc.html b/tbc.html new file mode 100644 index 0000000..872e633 --- /dev/null +++ b/tbc.html @@ -0,0 +1,1542 @@ + + + + + + + + + + + + + + + + TBC 티비씨 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + 뉴스 + TV + 라디오 + + 온에어 + 유튜브 +
+
+ 행사안내 + 시청자의견 + 광고안내 + TBC소개 + 편성표 + + 로그인 + + + + +
+ + + + +
+
+ +
+ + + + +
+
+ + +
+
+
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+ +
+ +
+
+
+
+
+ +
+ + + + + +
+ + +
+ +
+
뉴스 + 더 보기 +
+ +
+ +
+
다시보기
+ +
+ +
+
+
+
+
+ + + + + + + + + +
+
+ +
+
+
주요 프로그램
+
+
    +
  • 전체
    • +
  • TV
    • +
  • 라디오
    • +
+
+
+
+
+
+
+ + +
+ +
+ + + + + + + + + + +
+ + +
+
유튜브 인기클립
+ +
+ +
+
+
유튜브 채널
+ +
+
+ + + + +
+
행사안내
+ +
+
+
+ + 배너이미지 + +
+ + 배너이미지 + +
+ + 배너이미지 + +
+
+
+ + +
+ +
+ + +
+ + +
+
+
+ + + + +
+
+ +
+
+ 본 콘텐츠의 저작권은 제공처 또는 TBC에 있으며 이를 무단 이용하는 경우 저작권법에 따라 법적책임을 질 수 있습니다..
+ Copyright © TBC All Rights Reserved. +
+ + +
+ +
+
본사 : (42175) 대구광역시 수성구 동대구로 23 TEL: 053-760-2222
+
경북지사 : (36759) 경상북도 안동시 풍천면 풍요5길 16-25 신도청프라자 401호 TEL: 054-857-9571
+
동부지사 : (37783) 경상북도 포항시 남구 포스코대로 329 서울빌딩 6층 TEL: 054-277-0800
+
서울지사 : (07801) 서울특별시 강서구 마곡중앙로 86 1층 TEL: 02-2600-9731
+
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/tjb-layout.css b/tjb-layout.css new file mode 100644 index 0000000..dddd4bb --- /dev/null +++ b/tjb-layout.css @@ -0,0 +1,2700 @@ +@charset "UTF-8"; + +#wrap { + position: relative; + overflow: hidden; +} +.layout { + position: relative; + max-width: 1200px; /* contents 영역 width 값 */ + width: 100%; + margin: 0 auto; +} +section > .layout::after { + display: block; + clear: both; + content: ""; +} + +#container .sub.layout { + margin: 50px auto; +} +#content_wrap { + overflow: hidden; + margin-top: 20px; + margin-left: 30rem; + margin-bottom: 120px; + padding-top: 38px; +} +.wide #content_wrap { + overflow: hidden; + margin-top: 46px; + margin-left: 30rem; + margin-bottom: 120px; + padding-top: 0; +} +section.wide #content_wrap { + overflow: inherit; + margin-left: 0; +} +.news-lnb + .wide #content_wrap{ + margin-top: 290px; +} +body { + height: auto; +} +html.on, +body.on { + overflow: hidden; +} + +/* 검정배경 */ +.blind { + display: none; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0; + z-index: 2; +} +body.on .blind { + display: block; + opacity: 0.5; +} + +/*헤더*/ +#header { + position: fixed; + width: 100%; + height: 144px; + background: #fff; + z-index: 99; + border-bottom: 1px solid #ddd; + margin: 0 auto; +} +#header > .layout { + width: 100%; + max-width: 100%; + height: 100%; +} +#header #gnb_wrap { + position: relative; + width: 100%; + max-width: 1200px; + height: 100%; + margin: 0 auto; +} +#header .logo_wrap { + position: absolute; + top: 50%; + left: 52px; + transform: translateY(-50%); + z-index: 3; +} +#header .logo_wrap > * { + display: inline-block; + vertical-align: middle; +} +#header .logo_wrap .logo { + margin-right: 16px; +} +#header .logo_wrap .logo a { + display: block; + width: 7rem; + height: 3.2rem; + /* background: url("/html1/images/layout/txt_logo-v1.png") no-repeat center center/100%; */ + background: url("/html1/images/main/txt_logo_white.png") no-repeat center center; + background-size: contain; +} +#header.scrolled .logo_wrap .logo a , #wrap:has(.mobile_wrap.on) #header .logo_wrap .logo a, body.on #header .logo_wrap .logo a, #wrap.sub #header .logo_wrap .logo a{ + /* background: url("/html1/images/layout/txt_logo-v2.png") no-repeat center center/100%; */ + background: url("/html1/images/main/txt_logo.png") no-repeat center center; + background-size: contain; +} +#header #gnb_wrap #gnb { + z-index: 2; +} +#header #gnb_wrap #gnb > ul { + width: 100%; + height: 100%; +} +#header #gnb_wrap #gnb > ul::after { + display: block; + clear: both; + content: ""; +} +#header #gnb_wrap #gnb > ul > li { + float: left; + position: relative; + margin-right: 40px; + height: 100%; +} +#header #gnb_wrap #gnb > ul > li:last-child { + margin-right: 0; +} +#header #gnb_wrap #gnb > ul > li > a { + display: block; + position: relative; + text-align: center; + height: 102px; + line-height: 102px; + font-size: 20px; + font-weight: 500; +} +#header #gnb_wrap #gnb > ul > li > a > span { + text-transform: uppercase; +} +#header #gnb_wrap #gnb > ul > li > a.on:before { + content: ""; + display: block; + width: 10px; + height: 10px; + bottom: 17px !important; + left: 50%; + position: absolute; + background: #e50019; + transform: translateX(-50%); + z-index: 1; +} +#header #gnb_wrap #gnb > ul > li > .sub { + position: absolute; + top: 100%; + width: 100%; +} +#header #gnb_wrap #gnb > ul > li > .sub > ul { + display: none; + text-align: center; + width: 100%; + height: auto; +} +#header #gnb_wrap #gnb > ul > li > .sub > ul > li:first-of-type { + padding-top: 1rem; +} +#header #gnb_wrap #gnb > ul > li > .sub > ul > li:last-of-type { + padding-bottom: 1rem; +} +#header #gnb_wrap #gnb > ul > li > .sub > ul > li > a { + display: block; + padding: 1rem; +} +#header .login > a { + position: relative; + font-size: 14px; + font-weight: 500; + margin-right: 2px; + color: #666; + padding-right: 2.8rem; +} +#header .login > a:last-of-type{ + padding-right: 0; +} +#header .login > a::after { + position: absolute; + width: 1px; + height: 10px; + background: #ddd; + top: 5px; + right: 12px; + content: ""; +} +#header .login > a:last-of-type::after { + content: none; +} +.nav_bg { + display: none; + position: absolute; + top: 102px; + left: 0; + width: 100%; + height: 100%; + background: #fff; + z-index: -1; +} + +/* 헤더를 고정한다 */ +#header.scrolled { + position: fixed; +} +/* ios에서 애니메이션 이슈 있을 수 있음 */ +@keyframes slide-down { + 0% { + opacity: 0; + transform: translateY(-100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} + +/*서브비주얼*/ +#container:has(.sub_visual){ + padding-top: 144px; +} +.sub_visual { + position: relative; + height: 246px; + height: 300px; + overflow: hidden; +} +.sub_visual.news1 { + position: relative; + /*height: 246px;*/ + height: 300px; + overflow: hidden; +} +[class*="sub_visual0"] { + height: 300px; +} +.sub_visual .bg { + height: 100%; +} +.sub_visual .bg .title { + padding-top: 90px; + color: #fff; +} +.sub_visual .bg .title strong { + display: block; + font-size: 50px; +} +.sub_visual .bg .title strong span { + color: #ed1c23; +} +.sub_visual .bg .title p { + font-size: 24px; + letter-spacing: -0.72px; + margin-left: 116px; +} +.sub_visual08 .bg { + background: url(/html1/images/layout/sub_visual08.jpg) no-repeat center center/cover; +} +.sub_visual .layout h2 { + color: #fff; +} +.sub_visual .news_group { + width: 100%; + height: 100%; +} +.sub_visual .news_group .slick-slide:nth-child(3) { + background-image: url(/html1/images/layout/news_visual03_a1.jpg); + height: 300px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} +.sub_visual .news_group .slick-slide:nth-child(1) { + background-image: url(/html1/images/layout/news_visual01_a1.jpg); + height: 300px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} +.sub_visual .news_group .slick-slide:nth-child(2) { + background-image: url(/html1/images/layout/news_visual02_a1.jpg); + height: 300px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} +.sub_visual .news_group.news1 .slick-slide:nth-child(3) { + background-image: url(/html1/images/layout/news_visual03_b1.jpg); + height: 300px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} +.sub_visual .news_group.news1 .slick-slide:nth-child(1) { + background-image: url(/html1/images/layout/news_visual01_b1.jpg); + height: 300px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} +.sub_visual .news_group.news1 .slick-slide:nth-child(2) { + background-image: url(/html1/images/layout/news_visual02_b1.jpg); + height: 300px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} +.sub_visual .news_group.news1 .slick-slide { + background-image: url(/html1/images/layout/news_visual01_b1.jpg); + height: 300px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; +} +.sub_visual .news_group .slick-slide:nth-child(2) .title, +.sub_visual .news_group .slick-slide:nth-child(2) .title h2 { + color: #111; +} +.sub_visual .news_group .title { + color: #fff; + margin-top: 60px; +} +.sub_visual .news_group .title .news_logo { + display: inline-block; + vertical-align: middle; +} +.sub_visual .news_group .title .item { + display: inline-block; + vertical-align: middle; + padding : 30px 60px; +} +.sub_visual .title h2 { + font-size: 60px; + letter-spacing: -1.8px; + line-height: 74px; + margin-bottom: 0; +} +.sub_visual .news_group .title .news_logo { + margin-right: 44px; +} +.sub_visual .news_group .title .item p { + font-size: 35px; + letter-spacing: -1.05px; +} +.sub_visual .slick-arrow { + z-index: 1; +} +.sub_visual .slick-prev { + left: 60px; +} +.sub_visual .slick-next { + right: 60px; +} +.sub_visual .slick-prev::before, +.sub_visual .slick-next::before { + position: absolute; + width: 32px; + height: 55px; + background: url("/html1/images/icon/visual_arrow.svg") no-repeat center center/cover; + opacity: 0.5; + top: 0; + left: 0; + content: ""; +} +.sub_visual .slick-prev, +.sub_visual .slick-next { + width: 32px; + height: 55px; +} +.sub_visual .slick-next::before { + transform: rotate(180deg); +} + +.snb { + background: #2e3192; + margin-bottom: 46px; +} +.snb ul { + position: relative; + float: left; + height: 54px; + line-height: 54px; +} +.snb ul.other { + float: right; + line-height: 47px; + background: #1c1f65; + padding-left: 66px; +} +.snb ul.other::before { + position: absolute; + width: 0; + height: 0; + border-top: 54px solid transparent; + border-bottom: 54px solid none; + /* border-right: 54px solid transparent; */ + border-left: 54px solid #2e3192; + left: 0; + content: ""; +} +.snb ul.other::after { + position: absolute; + width: 1000%; + height: 54px; + left: 100%; + background: #1c1f65; + content: ""; +} +.snb ul li { + position: relative; + float: left; + font-size: 18px; + color: #fff; + margin-right: 15px; +} +.snb ul.other li { + font-size: 16px; +} +.snb ul li:last-child { + margin-right: 0; +} +.snb ul li a > * { + display: inline-block; + vertical-align: middle; +} +.snb ul li a > i { + margin-right: 4px; +} +.snb ul li a:focus, +.snb ul li a:hover { + text-decoration: underline; + text-underline-position: under; +} +.snb ul li a.on { + font-weight: 700; + text-decoration: underline; + text-underline-position: under; +} +.snb ul.other li { + padding-right: 10px; + margin-right: 10px; +} +.snb ul.other li::after { + position: absolute; + width: 1px; + height: 18px; + background: #91949c; + top: 18px; + right: 0; + content: ""; +} +.snb ul.other li:nth-child(1) a i { + margin-bottom: 2px; +} +.snb ul.other li:nth-child(3) a i { + margin-right: 4px; + margin-bottom: 2px; +} +.snb ul.other li:last-child:after { + content: none; +} + +/*모바일/전체메뉴 버튼*/ +#header .all_menu { + width: 26px; + height: 23px; +} +#header .all_menu p { +} +#header .all_menu p i { + font-size: 3rem; + vertical-align: middle; + transition: all 1s; + display: none; +} +#header .all_menu p i.hamburger { + width: 26px; + height: 23px; + background: url("../images/layout/hamburger.svg") no-repeat center center/cover; +} +#header.scrolled .all_menu p i.hamburger { + background: url("../images/layout/hamburger_white.svg") no-repeat center center/cover; +} +#header .all_menu .open { + display: block; + font-size: 3rem; +} +#header .all_menu.on .open { + display: none; +} +#header .all_menu .close { + display: none; + font-size: 2.6rem; +} +#header .all_menu.on .close { + display: block; +} + +/*서브바*/ +.snb .layout .snb_wrap { + position: relative; + margin-top: -6rem; +} +.snb .layout .snb_wrap:after { + content: ""; + display: block; + clear: both; +} +.snb .layout .snb_wrap:before { + display: block; + position: absolute; + left: 0; + top: 0; + content: ""; + background: #e50019; + opacity: 0.5; + width: 100%; + height: 100%; +} +.snb .layout .snb_wrap .home { + width: 6rem; + height: 6rem; + display: block; + position: relative; + float: left; +} +.snb .layout .snb_wrap .home i { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: #fff; + font-size: 2rem; +} +.snb .layout .snb_wrap .snb_select { + float: left; + border-left: 1px solid #fff; + position: relative; +} +.snb .layout .snb_wrap .snb_select:last-of-type { + border-right: 1px solid #fff; +} +.snb .layout .snb_wrap .snb_select .select_active { + width: 30rem; + height: 6rem; + line-height: 6rem; + position: relative; + padding-right: 4.25rem; +} +.snb .layout .snb_wrap .snb_select .select_active i { + color: #fff; + font-size: 2.25rem; + position: absolute; + top: 50%; + right: 2rem; + transform: translateY(-50%); +} +.snb .layout .snb_wrap .snb_select .select_active.on { + background: #e50019; +} +.snb .layout .snb_wrap .snb_select .select_active.on i { + transform: translateY(-50%) rotate(180deg); +} +.snb .layout .snb_wrap .snb_select .select_active span { + position: relative; + color: #fff; +} +.snb .layout .snb_wrap .snb_select .select_list { + display: none; + position: absolute; + left: 0; + top: 100%; + width: 100%; + z-index: 1; +} +.snb .layout .snb_wrap .snb_select .select_list:before { + display: block; + position: absolute; + content: ""; + top: 0; + left: 0; + background: #e50019; + opacity: 0.5; + width: 100%; + height: 100%; +} +.snb .layout .snb_wrap .snb_select .select_list li { + border-top: 1px solid #fff; + position: relative; +} +.snb .layout .snb_wrap .snb_select .select_list li a { + padding: 1.25rem 2rem; + display: block; + position: relative; + color: #fff; +} +.snb .layout .snb_wrap .snb_select .select_list li a:hover { + background: #e50019; +} +.snb .layout .snb_wrap .snb_select .select_list li a span { + text-align: center; +} + +/*서브 제목*/ +#sub_tit { + position: relative; + padding: 0 0 5rem 0; + border-bottom: 1px solid #ddd; +} +#sub_tit .layout h3 { + font-size: 3rem; + color: #000; + text-align: center; +} + +/*좌측메뉴*/ +#lnb { + width: 25rem; + height: 100%; + float: left; + margin-bottom: 100px; +} +#lnb .lnb_title { + background: #3352a8; + color: #fff; + padding: 32px 28px; + margin-bottom: 6px; +} +#lnb .lnb_title strong { + font-size: 38px; + letter-spacing: -1.14px; +} +#lnb .lnb_title p { + font-size: 16px; + letter-spacing: -0.48px; + color: rgba(255, 255, 255, 0.4); + display: none; +} +#lnb .lnb_menu > li > a { + display: block; + position: relative; + padding: 12.5px 20px; + color: #3f3f3f; + border-top: 1px solid #e0e0e0; + background: #fff; + letter-spacing: -0.05em; + transition: none; +} +#lnb .lnb_menu > li:last-of-type > a { + border-bottom: 1px solid #e0e0e0; +} +#lnb .lnb_menu > li > a:hover { + color: #222; +} +#lnb .lnb_menu > li > a.on.sub { + background: #8a94af; + color: #fff; +} +#lnb .lnb_menu > li > a.on.sub:after { + transform: translateY(-50%) rotate(90deg); +} + +#lnb .lnb_menu > li > a.sub::after { + position: absolute; + top: 50%; + right: 10px; + transform: translateY(-50%); + font-family: "xeicon"; + font-size: 13px; + content: "\e93e"; + transition: all 0.3s; +} +#lnb .lnb_menu > li > a[target="_blank"]:after { + display: block; + position: absolute; + font-family: "xeicon"; + font-size: 13px; + top: 50%; + right: 10px; + transform: translateY(-50%); + content: "\e980"; +} +#lnb .lnb_menu > li > ul { + display: none; + padding: 1.15rem 1.65rem; + background: #f5f5f5; +} +#lnb .lnb_menu > li > ul > li > a { + position: relative; + display: block; + color: #313131; + padding-left: 1rem; +} +#lnb .lnb_menu > li > ul > li { + margin-bottom: 0.5rem; +} +#lnb .lnb_menu > li > ul > li:first-of-type { + margin-top: 0; +} +#lnb .lnb_menu > li > ul > li > a:hover { + text-decoration: underline; +} +#lnb .lnb_menu > li > ul > li > a.on { + color: #288bcc; +} +#lnb .lnb_menu > li > ul > li > a:before { + content: ""; + display: block; + width: 4px; + height: 4px; + position: absolute; + left: 0; + top: 1.15rem; + background: #888888; +} +#lnb .lnb_menu > li > ul > li > a:hover:before { + background: #888888 !important; +} +#lnb .lnb_menu > li > ul > li > a.on:before { + background: #288bcc; +} + +/*콘텐츠영역*/ +#txt { + margin: 4rem 0; +} + +/*검색*/ +#header .search { + width: 28px; + height: 28px; + margin-right: 1.4rem; + color: #fff; +} +#header.scrolled .search, #wrap:has(.mobile_wrap.on) #header .search, body.on #header .search, #wrap.sub #header .search{ + color: #242424; +} +#header .all_menu{ + color: #fff; +} +#header.scrolled .all_menu, #wrap:has(.mobile_wrap.on) #header .all_menu, body.on #header .all_menu, #wrap.sub #header .all_menu{ + color: #242424; +} +#header .search p i { + font-size: 25px; + vertical-align: middle; + transition: all 1s; + display: none; +} +#header .search p .open { + display: block; +} +#header .search.on p .open { + display: none; +} +#header .search p .close { + display: none; +} +#header .search.on p .close { + display: block; +} +#header .search_box:before { + display: block; + width: 1000%; + background: #fff; + position: absolute; + top: 0; + left: 50%; + content: ""; + height: 100%; + transform: translateX(-50%); + z-index: 2; +} +#header .search_box { + display: none; + position: fixed; + top: 144px; + left: 0; + background: #fff; + width: 100%; + padding: 4.7rem 0; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; +} +#header .search_box .search_wrap { + position: relative; + width: 600px; + margin: 0 auto; + z-index: 3; +} +#header .search_box .search_wrap strong { + display: block; + position: absolute; + top: 50%; + left: 0; + font-size: 2.5rem; + color: #e50019; + transform: translateY(-50%); + line-height: 100%; + display: none; +} +#header .search_box .search_wrap .search_bar input { + height: 5rem; + width: 100%; + border: 0; + border-bottom: 2px solid #000; + color: #000 !important; +} +#header .search_box .search_wrap .search_bar .submit { + position: absolute; + top: 6px; + right: 0; + width: 4rem; + height: 4rem; +} +#header .search_box .search_wrap .search_bar .submit i { + font-size: 3.2rem; + color: #000; +} + +/*전체메뉴*/ +#wrap:has(.mobile_wrap.on) #header #gnb_wrap{ + justify-content: flex-end; +} +.mobile_wrap { + position: fixed; + top: 102px; + width: 100%; + right: -100%; + height: calc(100% - 102px); + opacity: 0; + transition: all 0.2s; + z-index: 1; + visibility: hidden; + overflow: hidden; +} +.mobile_wrap .layout { + height: 100%; +} +.mobile_menu { + position: relative; + height: 100%; +} +.mobile_menu:before { + width: 20rem; + background: #f6f7f9; + position: absolute; + left: 0; + top: 0; + content: ""; + display: block; + height: 100%; +} +.mobile_menu > ul { + height: 100%; + position: relative; +} +.mobile_menu > ul > li > a { + width: 20rem; + height: 102px; + display: block; + display: table; + background: #f6f7f9; + padding: 0 2rem; +} +.mobile_menu > ul > li > a.on { + background: #e50019; +} +.mobile_menu > ul > li > a.on > span { + color: #fff; +} +.mobile_menu > ul > li > a > span { + display: table-cell; + vertical-align: middle; + text-align: center; + font-size: 2rem; +} +.mobile_menu > ul > li > .sub { + display: none; + position: absolute; + width: calc(100% - 20rem); + left: 20rem; + height: 100%; + top: 0; + padding: 2rem; + background: #fff; +} +.mobile_menu > ul > li.on .sub { + display: block; + padding: 2rem; +} +.mobile_menu > ul > li.on > a { + background: #353541; + color: #fff; +} +.mobile_menu > ul > li > .sub > ul > li > a { + display: block; + padding: 2rem; + position: relative; +} +.mobile_menu > ul > li > .sub > ul > li > a > span { + font-size: 1.8rem; + display: block; +} +.mobile_menu > ul > li > .sub > ul > li { + border-top: 1px solid #ddd; +} +.mobile_menu > ul > li > .sub > ul > li:first-of-type { + border-top: 0; +} +.mobile_menu > ul > li > .sub > ul > li > a.on { + border-bottom: 1px solid #e50019; +} +.mobile_menu > ul > li > .sub > ul > li > .depth { + padding: 2rem; + display: none; +} +.mobile_menu > ul > li > .sub > ul > li > .depth > ul > li { + margin-top: 1rem; +} +.mobile_menu > ul > li > .sub > ul > li > .depth > ul > li:first-of-type { + margin-top: 0; +} +.mobile_menu > ul > li > .sub > ul > li > a:before { + display: block; + position: absolute; + top: 50%; + right: 2rem; + transform: translateY(-50%); + content: ""; + background: url(../../images/layout/mobile_menu_arr.png) no-repeat center center/cover; + width: 1.3rem; + height: 0.8rem; +} +.mobile_menu > ul > li > .sub > ul > li > a.on:before { + transform: translateY(-50%) rotate(-180deg); +} +.mobile_menu > ul > li > a.on + .sub { + display: block; +} +.mobile_menu > ul > li > .sub > ul > li > a.empty:before { + display: none; +} +.mobile_menu ul li a span { + position: relative; +} +.mobile_menu ul li a[target="_blank"] span:after { + width: 13px; + height: 10px; + display: block; + content: ""; + background: url(../../images/layout/blank.png) center center no-repeat; + position: absolute; + top: 50%; + right: 0; + transform: translateY(-50%); +} +.mobile_menu > ul > li > .sub > ul > li > a[target="_blank"] span:after { + width: 13px; + height: 10px; + display: block; + content: ""; + background: url(../../images/layout/blank.png) center center no-repeat; + position: absolute; + top: 50%; + right: 0; + transform: translateY(-50%); +} +.mobile_wrap.on { + opacity: 1; + right: 0; + transition: all 0.2s; + visibility: visible; + overflow: visible; + z-index: 3; +} + +/*전체메뉴 스크롤바*/ +.mobile_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background: #e50019; +} +.mobile_wrap .mCSB_scrollTools .mCSB_draggerRail { + background: #ddd; +} +.mobile_wrap .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mobile_wrap .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mobile_wrap .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background: #e50019; +} + +/*상단 탑 이동*/ +.page_topBtn { + position: fixed; + bottom: 20rem; + z-index: 1; + right: 10rem; +} +.page_topBtn a { + width: 6.1rem; + height: 5.7rem; + display: block; +} + +/*푸터*/ +#footer .footer_links{ + background: #2F2F2F; +} +#footer .footer_links .layout{ + display: flex; + align-items: center; + justify-content: space-between; +} +#footer .footer_links .layout > a{ + display: none; +} +#footer .footer_links .layout > div{ + display: flex; + align-items: center; +} +#footer .footer_links .anchor-wrap{ + gap: 42px; +} +#footer .footer_links .anchor-wrap a{ + color: rgba(153, 153, 153, .7); + font-size: 14px; +} +#footer .footer_links .anchor-wrap a:first-of-type{ + color: #fff; +} +#footer .select_wrap .select_box > button:before{ + position: relative; + top: unset; + transform: none; + font-family: 'remixicon'; + content: '\ea4e'; + order: 2; + right: 0; + font-size: 12px; + font-weight: 600; + color: #fff; +} +#footer .select_wrap .select_box > button.on:before{ + transform: rotate(180deg); +} +#footer .select_wrap .select_box > button{ + width: auto; + display: flex; + align-items: center; + justify-content: space-between; + gap: 11px; + background: none; + color: rgba(153, 153, 153, 0.7); + font-size: 14px; +} +#footer .select_wrap .select_box ul{ + width: 100%; +} +#footer .select_wrap .select_box ul{ + bottom: unset; + border: none; + padding: 21px 32px 25px 32px; + background: #515151; +} +#footer .select_wrap .select_box ul li + li{ + margin-top: 9px; + +} +#footer .select_wrap .select_box ul li a{ + height: auto; + color: rgba(178, 178, 178, 1); + font-size: 14px; + line-height: 1.25; + background: unset; + text-align: center; + border: none; +} +#footer .select_wrap .select_box ul li a:hover{ + color: #fff; +} +#footer .footer_bottom{ + background: #1E1E1E; +} +#footer .footer_bottom .layout{ + display: flex; + padding: 91px 0 110px 0; + gap: 54px; +} +#footer .footer-info{ + display: flex; + flex-direction: column; + justify-content: space-between; +} +#footer .footer-info img{ + width: 94px; +} +#footer .footer-info address{ + color: #8F8F8F; + font-size: 15px; + display: flex; + flex-direction: column; +} +#footer .footer-info address span + span{ + padding-top: 12px; +} +#footer .footer-info address span.copyright{ + padding-top: 22px; + font-size: 16px; +} +#footer .footer-anchor ul{ + display: flex; + text-align: left; +} +#footer .footer-anchor > ul > li{ + padding: 0 58px 0 20px; + position: relative; +} +#footer .footer-anchor > ul > li::before{ + display: block; + position: absolute; + top: 0; + right: 0; + width: 1px; + height: 100%; + background: #2C2C2C; + content: ''; +} +#footer .footer-anchor > ul > li:first-of-type{ + padding: 0 58px 0 40px; +} +#footer .footer-anchor > ul > li > p > a{ + color: rgba(255, 255, 255, .7); + font-size: 15px; + font-weight: 600; +} +#footer .footer-anchor ul li ul{ + flex-direction: column; + margin-top: 20px; + gap: 20px; +} +#footer .footer-anchor ul li ul li a{ + color: #8F8F8F; + font-size: 15px; + font-weight: 400; +} +#footer .footer-report{ + display: flex; + flex-direction: column; + justify-content: space-between; + flex: 1; + text-align: right; +} +#footer .footer-report > div p{ + color: rgba(255, 255, 255, .7); + font-size: 15px; + font-weight: 600; +} +#footer .footer-report > div span{ + display: inline-block; + padding-top: 15px; + font-size: 16px; + font-weight: 400; + line-height: 1.875; + color: #8F8F8F; +} +#footer .footer-report ul{ + display: flex; + align-items: center; + justify-content: flex-end; + gap: 6.9px; +} +#footer .footer-report ul li a{ + display: inline-block; + width: 40.86px; + height:40.86px; + font-size: 0; + line-height: 0; + border-radius: 50%; +} +#footer .footer-report ul li a.kakao{ + background: #4E4E4E url(/html1/images/layout/kakao.svg) no-repeat center center; +} +#footer .footer-report ul li a.insta{ + background: #4E4E4E url(/html1/images/layout/insta.svg) no-repeat center center; +} +#footer .footer-report ul li a.youtube{ + background: #4E4E4E url(/html1/images/layout/youtube.svg) no-repeat center center; +} +#footer .footer-report ul li a.facebook{ + background: #4E4E4E url(/html1/images/layout/facebook.svg) no-repeat center center; +} +/*전체메뉴 1000px 이상*/ +@media (min-width: 1px) { + #wrap.main .mobile_wrap .layout{ + padding: 4rem 2rem; + } + .mobile_wrap .layout { + padding: 14rem 2rem; + height: calc(100% - 102px); + } + .mobile_menu > ul { + max-width: 1400px; + margin: 0 auto; + } + .mobile_menu:before { + display: none; + } + .mobile_menu > ul > li > .sub { + width: 100%; + position: relative; + left: auto; + top: auto; + display: block !important; + padding: 2rem 0; + } + .mobile_menu > ul > li > .sub > ul > li { + float: left; + width: 20%; + border-top: 0; + } + .mobile_menu > ul > li > .sub > ul { + overflow: hidden; + } + .mobile_menu > ul > li > .sub > ul > li > a:before { + display: none; + padding: 0; + } + .mobile_menu > ul > li > .sub > ul > li > .depth { + display: block !important; + } + .mobile_menu > ul > li > a { + width: 100%; + height: auto; + background: none; + border-bottom: 2px solid #707070; + padding: 0; + } + .mobile_menu > ul > li > a > span { + display: inline-block; + position: relative; + font-size: 40px; + font-weight: 700; + padding: 1rem; + } + .mobile_menu > ul > li > a > span:before { + content: ""; + display: block; + width: 10px; + height: 10px; + top: 15px; + right: -6px; + background: #e50019; + position: absolute; + } + .mobile_wrap { + background: #fff; + top: -200%; + right: auto; + height: 100%; + } + .mobile_wrap.on { + opacity: 1; + top: 144px; + } + .mobile_wrap.on .mobile_menu > ul { + overflow-y: auto; + height: calc(100% - 90px); + } + .mobile_menu ul li a[target="_blank"] span:after { + position: relative; + display: inline-block; + top: auto; + right: auto; + transform: none; + margin-left: 1rem; + vertical-align: middle; + } + .mobile_menu > ul > li > .sub > ul > li > a[target="_blank"] span:after { + position: relative; + display: inline-block; + top: auto; + right: auto; + transform: none; + margin-left: 1rem; + vertical-align: middle; + } + .mobile_menu > ul > li > .sub > ul > li > a.on { + border: 0; + } + .mobile_menu > ul > li > a.on { + background: none; + } + .mobile_menu > ul > li > a.on span { + color: #555; + } + .mobile_menu > ul > li > .sub > ul > li > a { + font-size: 18px; + font-weight: 500; + color: #515151; + padding: 5px 5px 5px 24px; + } + .mobile_menu > ul > li > .sub > ul > li > a:hover, + .mobile_menu > ul > li > .sub > ul > li > a:focus { + text-decoration: underline; + text-underline-position: under; + } + .mobile_menu > ul > li > .sub > ul > li > a::after { + position: absolute; + width: 8px; + height: 2px; + background: #c6bfbf; + top: 18px; + left: 10px; + content: ""; + } +} + +/* 콘텐츠 탭 */ +.content_tab { + position: relative; + padding-top: 8rem; + overflow: hidden; +} +.content_tab a.tab_tit { + padding: 2rem 1rem; + text-align: center; + display: block; + position: relative; + border: 1px solid #d2d2d2; + color: #646464; + float: left; + position: absolute; + top: 0; + background: #fff; + border-left: 0; +} +.content_tab a.tab_tit.on { + background: #009fdc; + color: #fff; +} +.content_tab a.tab_tit:first-of-type { + border-left: 1px solid #d2d2d2; +} +.content_tab.tab_col_2 a.tab_tit:nth-of-type(1) { + left: 0; +} +.content_tab.tab_col_2 a.tab_tit:nth-of-type(2) { + left: 50%; +} +.content_tab.tab_col_3 a.tab_tit:nth-of-type(1) { + left: 0; +} +.content_tab.tab_col_3 a.tab_tit:nth-of-type(2) { + left: 33.333%; +} +.content_tab.tab_col_3 a.tab_tit:nth-of-type(3) { + left: 66.666%; +} +.content_tab.tab_col_4 a.tab_tit:nth-of-type(1) { + left: 0; +} +.content_tab.tab_col_4 a.tab_tit:nth-of-type(2) { + left: 25%; +} +.content_tab.tab_col_4 a.tab_tit:nth-of-type(3) { + left: 50%; +} +.content_tab.tab_col_4 a.tab_tit:nth-of-type(4) { + left: 75%; +} +.content_tab.tab_col_5 a.tab_tit:nth-of-type(1) { + left: 0; +} +.content_tab.tab_col_5 a.tab_tit:nth-of-type(2) { + left: 20%; +} +.content_tab.tab_col_5 a.tab_tit:nth-of-type(3) { + left: 40%; +} +.content_tab.tab_col_5 a.tab_tit:nth-of-type(4) { + left: 60%; +} +.content_tab.tab_col_5 a.tab_tit:nth-of-type(5) { + left: 80%; +} +.content_tab.tab_col_2 a.tab_tit { + width: 50%; +} +.content_tab.tab_col_3 a.tab_tit { + width: 33.333%; +} +.content_tab.tab_col_4 a.tab_tit { + width: 25%; +} +.content_tab.tab_col_5 a.tab_tit { + width: 20%; +} +.content_tab .tab_txt { + display: none; + padding: 4rem 2rem; + border: 1px solid #d2d2d2; + background: #f8f8f8; +} +.content_tab .tab_txt:first-of-type { + display: block; +} +/* //콘텐츠 탭 */ + +/*셀렉트 박스*/ +.select_box { + position: relative; +} +.select_box > button { + display: block; + background: #9b9b9b; + position: relative; + height: 5rem; + line-height: 5rem; + width: 262px; + text-align: left; + padding: 0 2rem; + color: #fff; + font-size: 16px; +} +.select_box > button:before { + position: absolute; + top: 50%; + transform: translateY(-50%); + font-family: "xeicon"; + font-size: 11px; + content: "\e935"; + right: 2rem; + transition: all 0.2s; +} +.select_box > button.on:before { + transform: translateY(-50%) rotate(180deg); +} +.select_box ul { + display: none; +} +.select_box ul li a { + display: block; + color: #fff; + font-weight: 300; + background: #fff; + position: relative; + height: 5rem; + line-height: 5rem; + width: 100%; + text-align: left; + padding: 0 1rem; + border-top: 1px solid #9b9b9b; + color: #555; +} +.select_box ul li a:hover { + background: #9b9b9b; + color: #fff; +} +.select_box ul li:first-of-type a { + border-top: 0; +} +.select_box ul { + position: absolute; + bottom: 50px; + border: 1px solid #9b9b9b; + overflow: hidden; + width: 262px; + z-index: 100; +} +/*//셀렉트 박스*/ + +a.more_link { + position: absolute; + top: 20px; + right: 0; + font-size: 16px; +} +a.more_link:focus, +a.more_link:hover { + text-decoration: underline; + text-underline-position: under; +} + +.group { + position: relative; +} +body:has(.news-main) .quick_nav_wrap main{ + top:5%; + } +.quick_nav_wrap.main { + position: absolute; + top: 10%; + -webkit-transition: all 1s; + transition: all 1s; + z-index: 2; +} +.quick_nav_wrap.main.fixed { + position: fixed; + top: 28%; +} +.quick_nav_wrap.main:has(.fixed) { + position: fixed; + top: 28%; +} +#quick_nav{ + border: 1.389px solid #EFEFEF; + width: 95px; + border-radius: 5px 0 0 5px; + text-align: center; + overflow: hidden; +} +#quick_nav > p{ + background: #E7280E; + font-size: 16px; + font-weight: 600; + color: #fff; + padding: 12px 3px; +} +#quick_nav ul{ + background: #fff; +} +#quick_nav ul li a{ + display: flex; + flex-direction: column; + gap: 5px; + padding: 12px 5px 15px 5px; + align-items: center; +} +#quick_nav ul li a + a{ + border-top: 1px solid #EFEFEF; +} +#quick_nav ul li a span{ + color: #444; + font-size: 14px; + font-weight: 500; + position: relative; +} +#quick_nav ul li a span::before{ + display: block; + position: absolute; + right: -5px; + bottom: -3px; + z-index: -1; + width: 0; + height: 10px; + border-radius: 5px; + background-color: #f9ece2; + transition-property: left, right, width; + transition-duration: .25s; + transition-timing-function: ease-in-out; + content: ''; +} +#quick_nav ul li a:hover span::before{ + left: -5px; + right: auto; + width: calc(100% + 10px); + z-index: 1; + opacity: .5; +} +#quick_nav ul li a i{ + display: inline-block; + width: 26.57px; + height: 26.57px; + transition-property: transform; + transition-duration: 0s; + transition-timing-function: ease-in-out; +} +#quick_nav ul li a:hover i{ + transform: rotateY(360deg); + transition-duration: .4s; +} +#quick_nav ul li a.n01 i{ + background: url(/html1/images/layout/quick-icon01.svg)no-repeat center center; +} +#quick_nav ul li a.n02 i{ + background: url(/html1/images/layout/quick-icon02.svg)no-repeat center center; +} +#quick_nav ul li a.n03 i{ + background: url(/html1/images/layout/quick-icon03.svg)no-repeat center center; +} +#quick_nav ul li a.n04 i{ + background: url(/html1/images/layout/quick-icon04.svg)no-repeat center center; +} +#quick_nav button{ + background: #333333; + font-size: 16px; + font-weight: 600; + color: #fff; + display: flex; + align-items: center; + justify-content: center; + gap: 5.4px; + padding: 12px 5px 14px 5px; + width: 100%; +} +#quick_nav button i{ + align-self: flex-end; +} +/* #quick_nav { + position: absolute; + width: 90px; + top: 0; + right: -100px; + background: #ffc601; + border-radius: 100px; + text-align: center; + padding: 32px 0; + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.09); + -webkit-transition: all 1s; + transition: all 1s; +} +#quick_nav a { + display: block; + position: relative; +} +#quick_nav a::after { + display: block; + width: 73px; + height: 1px; + background: #f1f0ee; + margin: 8px auto; + content: ""; +} +#quick_nav a:last-child::after { + content: none; +} +#quick_nav a i { + display: block; +} +#quick_nav a i[class*="xi-"] { + font-size: 38px; + color: #fff; +} +#quick_nav a i img { + height: 30px; +} +#quick_nav a > img { + height: 40px; +} +#quick_nav a p { + font-size: 14px; + font-weight: 500; + letter-spacing: -0.8px; + margin-top: 5px; + line-height: 16px; +} +#quick_nav.fixed { + position: fixed; + top: 28%; +} +#quick_nav a:focus, +#quick_nav a:hover { + text-decoration: none; +} */ + +/* on air */ +/* #header .on_air { + position: absolute; + height: 29px; + text-align: left; + font-weight: 700; + z-index: 2; +} +#header .on_air::after { + display: block; + clear: both; + content: ""; +} +.on_air > .title { + float: left; + width: 76px; + height: 29px; + color: #000; + background: #e9e9e9; + border-radius: 0 0 0 20px; + text-align: center; +} +.on_air > .title > .red { + display: inline-block; + width: 1.2rem; + height: 1.2rem; + border-radius: 50%; + background: #ed1c23; +} +.on_air > ul { + float: left; + width: 119px; + height: 29px; + background: #2e3192; + border-radius: 0 0 20px 0; + padding-right: 4px; + text-align: center; +} +#header.scrolled .on_air > ul { + background: #fff; +} +.on_air > ul li { + display: inline-block; + width: 40px; + width: auto; + text-align: center; +} +.on_air > ul li a { + display: block; + position: relative; + color: #fff; +} +.on_air > ul li a:focus, +.on_air > ul li a:hover { + color: #ed1c23; +} +#header.scrolled .on_air > ul li a { + color: #292929; +} +.on_air > ul li:first-child a { + padding-right: 10px; + margin-right: 5px; +} +.on_air > ul li:first-child a::after { + position: absolute; + width: 1px; + height: 13px; + background: #888; + top: 7px; + right: 0; + content: ""; +} +#header.scrolled .on_air > ul li:first-child a::after { + background: #292929; +} */ +/* .on_air > ul li a { + display: block; + width: 29px; + height: 18px; + font-size: 10px; + font-weight: 700; + background: url('/html1/images/layout/on_air_btn_bg.svg') no-repeat center center/100%; + color: #fff; +} */ +/* //on air */ + +@media (min-width: 1px) { + /* 210602 헤더 소규모 사이트 스타일로 변경 */ + #header #gnb_wrap #gnb > ul { + /* display: table; + table-layout: fixed; */ + width: 100%; + } + #header #gnb_wrap #gnb > ul > li { + /* display: table-cell; + vertical-align: middle; */ + width: auto; + position: static; + margin-right: 8%; + } + #header #gnb_wrap #gnb > ul > li > a { + display: block; + text-align: center; + height: auto; + line-height: normal; + position: relative; + padding: 40px 0 29px; + } + #header #gnb_wrap #gnb > ul > li > a > span { + /* display: inline-block; + vertical-align: middle; + line-height: 100%; */ + } + #header #gnb_wrap #gnb > ul > li > a.on:before { + content: ""; + display: block; + width: 10px; + height: 10px; + bottom: -14px; + left: 50%; + transform: translateX(-50%); + position: absolute; + background: #ed1c23; + } + #header #gnb_wrap #gnb > ul > li > .sub { + display: none; + position: absolute; + width: 116rem; + top: 100%; + left: 50%; + transform: translateX(-50%); + text-align: center; + padding-top: 1.1rem; + padding-left: 29rem; + } + #header #gnb_wrap #gnb > ul > li > .sub::before { + position: absolute; + width: 1000vw; + height: 23.5rem; + top: 0; + left: -500%; + background: #fff; + border: 1px solid #bcbcbc; + z-index: -1; + content: ""; + border-top: none; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul { + display: block; + width: 100%; + height: 7rem; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li { + float: left; + width: 23.3%; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li > .depth_01 { + display: none; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li:first-of-type { + padding-top: inherit; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li:last-of-type { + padding-bottom: inherit; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li { + margin: 4px; + } + #header #gnb_wrap #gnb > ul > li > .sub .sub_left { + position: absolute; + top: 3.2rem; + left: 0; + text-align: center; + } + #header #gnb_wrap #gnb > ul > li > .sub .sub_left strong { + display: block; + font-size: 4rem; + } + #header #gnb_wrap #gnb > ul > li > .sub .sub_left p { + font-size: 1.6rem; + line-height: 2.4rem; + text-align: left; + color: #7e7e7e; + margin: 1.6rem auto 2rem; + } + #header #gnb_wrap #gnb > ul > li > .sub .sub_left .bottom { + display: none; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li > a { + position: relative; + text-align: left; + border: 1px solid #ccc; + -webkit-transition: all 0.3s; + transition: all 0.3s; + font-size: 16px; + padding: 0.4rem 1rem; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li > a > span { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 85%; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li > a::after { + position: absolute; + top: 50%; + right: 18px; + transform: translateY(-50%); + font-family: "xeicon"; + font-size: 14px; + content: "\e93e"; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li > a:focus, + #header #gnb_wrap #gnb > ul > li > .sub > ul > li > a:hover { + border-color: #2d3091; + } +} + +.blinking { + -webkit-animation: blink 1.5s ease-in-out infinite alternate; + -moz-animation: blink 1.5s ease-in-out infinite alternate; + animation: blink 1.5s ease-in-out infinite alternate; +} +@-webkit-keyframes blink { + 0% { + opacity: 0.2; + } + 100% { + opacity: 1; + } +} +@-moz-keyframes blink { + 0% { + opacity: 0.2; + } + 100% { + opacity: 1; + } +} +@keyframes blink { + 0% { + opacity: 0.2; + } + 100% { + opacity: 1; + } +} +.wide #content_wrap .top .sub_nav { + text-align: right; + margin-top: 14px; + margin-right: 128px; +} +#content_wrap .top .sub_nav { + display: block; + margin-top: 0; + margin-right: 0; +} +#content_wrap .top .sub_nav a { + position: relative; + color: #9b9b9b; +} +#content_wrap .top .sub_nav a:last-child { + color: #000; + font-weight: 500; +} +#content_wrap .top .sub_nav a span { + font-size: 1.7rem; + color: #292929; + vertical-align: middle; +} +#content_wrap .top .sub_nav a::after { + display: inline-block; + position: relative; + vertical-align: middle; + font-family: "xeicon"; + font-size: 1.7rem; + content: "\e93f"; + margin: 0 0.4rem 0 0.6rem; +} +#content_wrap .top .sub_nav a:last-child:after { + content: none; +} +#content_wrap .top .sub_nav a i { + font-size: 1.7rem; + color: #7b766d; +} +.wide #content_wrap .top .utill { + float: left; +} +.wide #content_wrap .top { + position: absolute; + width: 100%; + border-bottom: 1px solid #676767; + padding: 10px 0; + top: 0; +} +#content_wrap .top { + position: relative; + top: inherit; + border-bottom: 1px solid #676767; + padding: 10px 0 20px; + margin-bottom: 20px; +} +#content_wrap .top .utill { + position: absolute; + top: 50%; + right: 0; + transform: translateY(-50%); + float: none; +} +#content_wrap .top .utill button { + display: inline-block; + float: none; + position: relative; + width: 3.4rem; + height: 3.4rem; + border-radius: 50%; + border: 1px solid #bcbcbc; + vertical-align: top; + margin-right: 0.6rem; + color: #545454; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +#content_wrap .top .utill button:focus, +#content_wrap .top .utill button:hover { + background: #333; +} +#content_wrap .top .utill button:focus > i, +#content_wrap .top .utill button:hover > i { + color: #fff; +} +#content_wrap .top .utill button:last-child { + margin-right: 0; +} +#content_wrap .top .utill .share .list { + visibility: hidden; + overflow: hidden; + position: absolute; + top: 4rem; + left: 50%; + height: 0; + margin-top: 0; + padding: 0; + border: 1px solid #ddd; + background-color: #fff; + opacity: 0; + transform: translate(-50%, 0); + transition: margin-top 0.3s, opacity 0.3s; +} +#content_wrap .top .utill .share .list::before { + position: absolute; + left: 50%; + top: -0.5rem; + width: 0.8rem; + height: 0.8rem; + margin-left: -0.4rem; + border-top: 1px solid #ddd; + border-left: 1px solid #ddd; + background-color: #fff; + content: ""; + transform: rotate(45deg); +} +#content_wrap .top .utill .share .list a { + display: block; +} +#content_wrap .top .utill .share .list a > i { + font-size: 2rem; + margin: 0.4rem 0; +} +#content_wrap .top .utill .share.active .list { + visibility: visible; + overflow: visible; + height: auto; + margin-top: 0.6rem; + padding: 1rem 2rem; + opacity: 1; + z-index: 1; +} + +input[type="text"]::-ms-clear { + display: none; +} + +#header .utill { + position: absolute; + top: 60px; + right: 5.7rem; + height: 88px; + display: flex; + align-items: center; +} +/* #header .utill > .on_air, */ +#header .utill > .login, +#header .utill > button { + display: flex; + align-items: center; + justify-content: center; +} +#header .utill > .login { + margin-right: 19px; +} + +#header .member_btns { + display: flex; + top: 4px; + align-items: center; + padding: 3px 0; + position: absolute; + background: #e9e9e9; + border-radius: 5px; +} +#header .member_btns a { + display: inline-block; + position: relative; + padding: 0 17px !important; + vertical-align: middle; + text-align: center; + font-size: 14px; + font-weight: 500; +} +#header .member_btns a::after { + position: absolute; + width: 1px; + height: 15px; + background: #b1b1cf; + top: 3px; + right: 0; + content: ""; +} +#header .member_btns a:last-child:after { + content: none; +} +#header.scrolled .member_btns a { + color: #292929; +} +#header .login a:last-child { + padding-right: 0; + margin-right: 0; +} + +.snb ul.other li:nth-child(4) { + font-weight: 500; + color: #ffc924; +} + +#quick_nav.news { + top: 0; + right: -100px; + background: transparent; + border-radius: 0; + padding: 0; + box-shadow: none; +} +#quick_nav.news a i { + font-size: 51px; + color: #442c19; + line-height: 0.8; +} +#quick_nav.news a p { + margin-top: 0; +} +#quick_nav.news ul li { + margin-bottom: 10px; +} +#quick_nav.news ul li a { + background: #ffeb01; + border-radius: 20px; + padding: 16px 0; + box-shadow: 10px 10px 10px rgb(0 0 0 / 3%); +} +#quick_nav.news ul li a:focus p, +#quick_nav.news ul li a:hover p { + text-decoration: underline; + text-underline-position: under; +} +#quick_nav.news ul li.allnews a { + border-radius: 20px; + padding: 6px 0; + background: #0a93fa; + box-shadow: 10px 10px 10px rgb(0 0 0 / 3%); + color: #fff; +} +#quick_nav.news ul li.allnews a i { + display: block; + width: 3.8rem; + height: 3.8rem; + border-radius: 50%; + background: #2c62da; + margin: 0 auto 0.4rem; + font-size: 2.6rem; + color: #fff; +} +#quick_nav.news ul li.dataroom a { + border-radius: 20px; + padding: 9px 0; + background: #60d4ff; + box-shadow: 10px 10px 10px rgb(0 0 0 / 3%); + color: #311f1d; +} +#quick_nav.news ul li.dataroom a i { + display: block; + margin: 0 auto 0.4rem; + font-size: 4rem; + color: #15286e; +} +#quick_nav.news ul li.allnews a i img { + height: auto; +} +.quick_nav_wrap.fixed { + position: fixed; + top: 28%; +} + +#footer.news .footer_links { + line-height: 50px; +} + +.quick_nav_wrap { + position: absolute; + top: 10%; + right: 0; + -webkit-transition: all 1s; + transition: all 1s; + z-index: 1; +} +.quick_nav_wrap.sub { + top: 21%; +} +.quick_nav_wrap.sub.fixed { + top: 28%; +} +#quick_nav.news.sub { + padding: 6px 0; + background: #0a93fa; +} +#quick_nav.news.sub a i { + font-size: 0; + line-height: normal; + margin-bottom: 4px; +} +#quick_nav.news.sub a i img { + height: auto; +} +#quick_nav.news.sub a p { + color: #fff; + font-size: 15px; + line-height: 1.4; +} +#quick_nav.news.sub a:nth-child(1) i { + display: block; + width: 3.8rem; + height: 3.8rem; + border-radius: 50%; + background: #2c62da; + margin: 0 auto 0.4rem; + font-size: 2.6rem; + color: #fff; +} +#quick_nav.news.sub a:nth-child(1) i::before { + position: relative; + top: 0.5rem; +} + +.main .sub_visual { + margin-bottom: 20px; +} + +.section03 .half > div:first-child a.more_link { + top: -32px; +} + +#content_wrap .tb_style02 { + table-layout: fixed; +} + +#footer a.pop-link { + display: inline-block; + height: 15px; + line-height: 14px; + padding: 0 4px; + border: 1px solid #ccc; + background-color: #fff; + color: #949494; + font-size: 11px; + margin-left: 5px; + } + + + /* 2025 메인개편 */ + #header{ + background: rgba(0, 0, 0,0); + border-bottom: none; + height: 144px; + } + #header.scrolled, #wrap:has(.mobile_wrap.on) #header, body.on #header, #wrap.sub #header{ + background: #fff; + border-bottom: 1px solid #ddd; + } + #header .logo_wrap{ + left: 59px; + margin-top: 0; + top: 88px; + transform: translateY(0); + } + #header .logo_wrap .logo a{ + width: 17.8rem; + height: 3.1rem; + } + #header #gnb_wrap #gnb > ul > li{ + margin-right: 4.5rem; + } + #header #gnb_wrap #gnb > ul > li > a{ + color: #fff; + font-family: 'Inter'; + font-size: 2rem; + display: flex; + height: 100%; + align-items: center; + padding: unset; + } + #header.scrolled #gnb_wrap #gnb > ul > li > a, + #wrap:has(.mobile_wrap.on) #header #gnb_wrap #gnb > ul > li > a, + body.on #header #gnb_wrap #gnb > ul > li > a, + #wrap.sub #header #gnb_wrap #gnb > ul > li > a{ + color: #212121; + } + #header #gnb_wrap #gnb > ul > li a.news span{ + display: flex; + align-items: center; + justify-content: center; + width: 125px; + height: 43px; + font-size: 19px; + font-weight: 700; + font-family: 'Inter'; + border-radius: 900px; + color: #fff; + padding: 2px; + transition: all .2s linear; + border: 1px solid #c8c8c8; + position: relative; +} +#header.scrolled #gnb_wrap #gnb > ul > li a.news span, #wrap:has(.mobile_wrap.on) #header #gnb_wrap #gnb > ul > li a.news span, body.on #gnb_wrap #gnb > ul > li a.news span, #wrap.sub #gnb_wrap #gnb > ul > li a.news span{ + background: linear-gradient(112deg, #E7280E 6.88%, #1D2088 93.18%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +#header #gnb_wrap #gnb > ul > li a.news span::before{ + display: block; + position: absolute; + top: -1px; + left: -1px; + width: calc(100% + 2px); + height: calc(100% + 2px); + background: url('/html1/images/main02/menu-bg.png')no-repeat center center; + background-size: contain; + content: ''; + opacity: 0; + visibility: hidden; + transition: all 0.2s linear; +} +#header #gnb_wrap #gnb > ul > li a.on.news span{ + border: none; +} +#header #gnb_wrap #gnb > ul > li a.on.news span::before{ + opacity: 1; + visibility: visible; +} +#header #gnb_wrap #gnb > ul > li > a.on.news:before{ + display: none; +} + #header #gnb_wrap{ + display: flex; + align-items: center; + justify-content: space-between; + height: 80px; + } + #header #gnb_wrap #gnb{ + width: 72rem; + height: 100%; + } + #header .login > a{ + color: #fff; + } + #header.scrolled .login > a, #wrap:has(.mobile_wrap.on) #header .login > a, body.on #header .login > a, #wrap.sub #header .login > a{ + color: #666; + } + .on_air{ + display: flex; + align-items: center; + } + .on_air > .title { + display: flex; + align-items: center; + } + .on_air > .title > .red { + width: .6rem; + height: .6rem; + border-radius: 50%; + background: #ed1c23; + display: inline-block; + vertical-align: middle; +} +.on_air > ul{ + margin-left: .6rem; + position: relative; +} +.on_air > ul > li p{ + color: #fff; + font-size: 1.7rem; + font-weight: 700; + font-family: 'Inter'; + cursor: pointer; +} +#header.scrolled .on_air > ul > li p, #wrap:has(.mobile_wrap.on) #header .on_air > ul > li p, body.on .on_air > ul > li p,#wrap.sub .on_air > ul > li p{ + color: #32383E; +} +.on_air ul .live{ + position: absolute; + bottom: -40px; + left: 50%; + width: 129px; + height: 40px; + background: #2E2F47; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + transform: translateX(-50%); + opacity: 0; + visibility: hidden; + transition: all .2s linear; + z-index: 2; +} +.on_air ul .live.hover{ + opacity: 1; + visibility: visible; +} +.on_air ul .live ul{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + gap: 33px; + height: 100%; +} +.on_air ul .live ul li a{ + color: #fff; + font-size: 13px; + font-weight: 500; +} +.on_air ul .live ul li + li a{ + position: relative; +} +.on_air ul .live ul li + li a::before{ + display: block; + position: absolute; + top: 50%; + left: -16.5px; + width: 1px; + height: 14px; + background: rgba(217, 217, 217, 0.20); + content: ''; + transform: translateY(-50%); +} +.on_air .report{ + margin-left: 1.4rem; +} +.on_air .report a{ + display: flex; + align-items: center; + justify-content: center; + width: 7rem; + height: 3.2rem; + background: #fff; + border-radius: 10rem; + font-size: 1.6rem; + font-weight: 600; + color: #3F71A2; +} +#header.scrolled .on_air .report a, #wrap:has(.mobile_wrap.on) #header .on_air .report a, body.on .on_air .report a, #wrap.sub .on_air .report a{ + background: #f2f2f2; +} +/* 관리자 로그인 시 보이는 화면 */ +#header.admin #gnb_wrap{ + max-width: 1120px; +} +#header.admin .utill > .login{ + flex-wrap: wrap; + width: 230px; + height: 100%; + align-items: flex-start; +} +#header.admin .login > a{ + order: 2; +} +#header.admin .member_btns{ + position: relative; + top: 4px; + width: 100%; + order: 1; +} +@media (max-width: 1920px) and (min-width:1681px){ + #header #gnb_wrap{ + max-width: 960px; + } + #header.admin #gnb_wrap{ + max-width: 880px; + } +} +@media (max-width: 1820px) { + #header #gnb_wrap{ + padding: unset !important; + } +} +@media (max-width: 1680px) and (min-width:1201px){ + #header .on_air{ + padding-right: 20px; + } + #header #gnb_wrap{ + justify-content: flex-start; + gap: 40px; + } + #header #gnb_wrap #gnb{ + padding-left: 130px; + width: 80rem; + } + #header.admin #gnb_wrap{ + margin-left: 90px; + gap: 20px; + padding-left: 1rem; + justify-content: flex-start; + } + #header .logo_wrap .logo a{ + width: 16rem; + } + #header #gnb_wrap #gnb > ul > li > .sub > ul > li{ + width: 22%; + } + #header .logo_wrap{ + left: 30px; + } + #header .utill{ + right: 30px; + } +} +@media (max-width: 1420px) and (min-width:1201px){ + #header #gnb_wrap #gnb{ + padding-left: 210px; + width: 70rem; + } + #header.admin #gnb_wrap #gnb{ + padding-left: 0; + } + #header #gnb_wrap #gnb > ul > li a.news span{ + width: 100px; + height: 35px; + } +} +@media (max-width: 1420px){ + #header #gnb_wrap #gnb > ul > li a.news span{ + font-size: 16px; + width: 110px; + height: 37px; + } + #header.admin #gnb_wrap{ + margin-left: 200px; + } + #header.admin #gnb_wrap #gnb{ + width: 49rem; + } + #header.admin .utill > .login{ + margin-right: 5px; + } +} +@media (max-width: 1200px){ + #header #gnb_wrap #gnb{ + display: none; + } + #header .logo_wrap{ + left: 20px; + } + #header .utill{ + right: 20px; + } + .on_air{ + position: relative; + left: 0; + margin-left: 251px; + } + .news-lnb .wrap{ + padding: 0 20px; + } + #header.admin #gnb_wrap{ + width: 100%; + margin-left: 0; + } + .banner-wrap{ + display: none; + } +} +#container.main:has(.visual){ + padding-top: 64px; +} +.quick_nav_wrap{ + display: none !important; +} +.replay .content_tab .tab_txt ul li a.active{ + background-color: rgba(255, 255, 255, .1); +} +#container:has(.news-lnb) .wide #content_wrap .top .sub_nav{ + margin-right: 60px; +} + +/* 헤더 띠배너 추가 */ +#header .header-banner{ + background: linear-gradient(0deg, #253352 0%, #253352 100%), linear-gradient(90deg, #DAF1CC 0%, #E0F5F1 50%, #D0F4F8 75%, #88F1DD 100%); + height: 64px; +} +#header .header-banner a{ + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; +} + +/* 광고배너 */ +.banner-wrap{ + position: fixed; + width: 1200px; + margin: 0 auto; + top: 230px; + left: 50%; + transform: translateX(-50%); + -webkit-transition: all 1s; + transition: all 1s; + z-index: 1; + opacity: 0; + visibility: hidden; +} +.banner-wrap.active{ + opacity: 1; + visibility: visible; +} +.sub .banner-wrap{ + opacity: 1; + visibility: visible; + top: 40%; + +} +body:has(#header.scrolled) .sub .banner-wrap{ + top: 30%; +} +.banner-wrap .banner-list{ + position: absolute; + top: 0; + display: flex; + flex-direction: column; +} +.banner-wrap .banner-list.left{ + left: -191px; +} +.banner-wrap .banner-list.right{ + right: -191px; +} +.banner-wrap .banner-list a{ + position: relative; + width: 136px; + height: 192px; +} +.banner-wrap .banner-list a img{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; +} + +/* 배너사이즈조정 */ +.banner-wrap .banner-list{ + gap: 20px; +} +.banner-wrap .banner-list a{ + width: 300px; +} +.banner-wrap .banner-list.left{ + left: -330px; +} +.banner-wrap .banner-list.right{ + right: -330px; +} +@media (max-width: 1870px){ +.banner-wrap .banner-list.left{ + left: -310px; +} +.banner-wrap .banner-list.right{ + right: -310px; +} +} +@media (max-width: 1820px){ + .banner-wrap{ + width: 100%; + } + .banner-wrap .banner-list.left{ + left: 0; +} +.banner-wrap .banner-list.right{ + right: 0; +} +.banner-wrap .banner-list a{ + width: 250px; +} +} + +/* 배너닫기버튼추가 */ +.banner-wrap .exit{ + width: 40px; + height: 40px; + border-radius: 50%; + background: #2F2F2F; + margin: 0 auto; + position: relative; +} +.banner-wrap .exit i { + display: inline-block; + width: 100%; + height: 100%; + background: url(/html1/images/layout/exit.svg)no-repeat center center; + +} \ No newline at end of file diff --git a/tjb.html b/tjb.html new file mode 100644 index 0000000..cca8b57 --- /dev/null +++ b/tjb.html @@ -0,0 +1,2176 @@ + + + + + + + +True Joy Begins 즐거운 미디어 문화가 펼쳐집니다. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +
+
+
+ +
+
+
+ + + + +
+
+
+
+
+

실시간뉴스

+
+
+
+ + 李대통령, 중동 변수에 경제 전시체제 선언…속도전 주문 + +
+
+ + 충남선관위, 군수 출마 예정자 출판기념회 기부행위 고발 + +
+
+ + 충남도, 2035년까지 도내 29개 섬 개발 4조 원 투입 + +
+
+
+

자세히보기

+
+
+
+
+
+
+ + 메인비주얼1 + +
+
+

+

+
+
+
+
+ + 메인비주얼1 + +
+
+

+

+
+
+
+
+ + 메인비주얼1 + +
+
+

+

+
+
+
+
+ + 메인비주얼1 + +
+
+

+

+
+
+
+
+ + 메인비주얼1 + +
+
+

+

+
+
+
+
+ + 메인비주얼1 + +
+
+

+

+
+
+
+
+ + 메인비주얼1 + +
+
+

+

+
+
+
+
+ + 메인비주얼1 + +
+
+

+

+
+
+
+
+
+
+
+
+ + +
+
+
+ + +
+
+
+
+

최신뉴스

+ + 더보기 + + +
+
+ +
+ 李대통령, 중동 변수에 경제 전시체제 선언…속도전 주문 +
+

李대통령, 중동 변수에 경제 전시체제 선언…속도전 주문

+ + +
+ 충남선관위, 군수 출마 예정자 출판기념회 기부행위 고발 +
+

충남선관위, 군수 출마 예정자 출판기념회 기부행위 고발

+ + +
+ 충남도, 2035년까지 도내 29개 섬 개발 4조 원 투입 +
+

충남도, 2035년까지 도내 29개 섬 개발 4조 원 투입

+ + +
+ 태안군, 해양치유센터 웰니스 관광지 선정 +
+

태안군, 해양치유센터 웰니스 관광지 선정

+ + +
+
+
+
+
+ +
+
+
+

8 뉴스

+ + 더보기 + + +
+
+
+ +
+ 서산서 고속버스 배수로 빠져.. 승객 21명 중 2명 부상 +
+
+

서산서 고속버스 배수로 빠져.. 승객 21명 중 2명 부상

+ 2026-03-18 +
+ +
+
+ +
+ 태안 인근 해상서 20톤 어선 좌초..승선원 11명 무사 구조 +
+
+

태안 인근 해상서 20톤 어선 좌초..승선원 11명 무사 구조

+ 2026-03-18 +
+ +
+
+ +
+ +
+
+

"800도 화염도 뚫는다"..'무인소방로봇' 실전 배치

+ 2026-03-18 +
+ +
+
+ +
+ '대전충남 빈손 안되려면'..통합 무산 '플랜B' 시급 +
+
+

'대전충남 빈손 안되려면'..통합 무산 '플랜B' 시급

+ 2026-03-18 +
+ +
+
+ +
+ +
+
+

"삼성 호재 미리 알았나?"..레인보우로보틱스 압수수색

+ 2026-03-18 +
+ +
+
+ +
+ 대전·세종·충남경찰, 선거사범 수사상황실 설치 +
+
+

대전·세종·충남경찰, 선거사범 수사상황실 설치

+ 2026-03-18 +
+ +
+
+
+ + +
+
+
+
+
+
+

TV 프로그램

+
+ +
+ +
+
+
+
+ +
+ <?=$item['name']?> +
+

+ + + +
+ <?=$item['name']?> +
+

+ + + +
+ <?=$item['name']?> +
+

+ + + +
+ <?=$item['name']?> +
+

+ + + +
+ <?=$item['name']?> +
+

+ + + +
+ <?=$item['name']?> +
+

+ + + +
+ <?=$item['name']?> +
+

+ + + +
+ <?=$item['name']?> +
+

+ + + +
+ <?=$item['name']?> +
+

+ + + +
+
+
+
+
+
+
+
+
+
+

+ + TJB 유튜브 다시보기 +

+
+ + + + +
+
+
+
+
+
+ +
+ 전교 1등이 연봉 3억 의사 대신 서울대 '천문학과' 선택한 이유! 대전 대성고 전교 1등 조경진 군 단독인터뷰 +
+

전교 1등이 연봉 3억 의사 대신 서울대 '천문학과' 선택한 이유! 대전 대성고 전교 1등 조경진 군 단독인터뷰

+ + +
+
+ +
+ 문동주, 첫 실전 155km…제구 흔들 1실점 +
+

문동주, 첫 실전 155km…제구 흔들 1실점

+ + +
+
+ +
+ 주인은 '귀국' 개는 '안락사'...두바이서 유기·안락사 급증 +
+

주인은 '귀국' 개는 '안락사'...두바이서 유기·안락사 급증

+ + +
+
+ +
+ 면접 탈락 문자에 ‘신발 사이즈’ 물은 이유는?? +
+

면접 탈락 문자에 ‘신발 사이즈’ 물은 이유는??

+ + +
+
+ +
+ “요즘도 이런 회식?” 직장인 커뮤니티 달군 공지문 +
+

“요즘도 이런 회식?” 직장인 커뮤니티 달군 공지문

+ + +
+
+ +
+ +
+

"나 사실 ADHD야"…Z세대, '치부'에 열광하는 이유

+ + +
+
+ +
+ 조이·안유진도 푹 빠졌다! SNS 강타한 '2016 챌린지' +
+

조이·안유진도 푹 빠졌다! SNS 강타한 '2016 챌린지'

+ + +
+
+ +
+ +
+

"경각심 주려 제보"…수입차 상담 뒤 '떡볶이 투기'

+ + +
+
+ +
+ 공중파 출연했던 '51만 마술사' 자택 방화 시도에 '긴급 퇴거' +
+

공중파 출연했던 '51만 마술사' 자택 방화 시도에 '긴급 퇴거'

+ + +
+
+ +
+ 술 취해 산책 중 익사…법원 +
+

술 취해 산책 중 익사…법원 "리조트 1억 물어내라"

+ + +
+
+ +
+ 끝난 줄 알았던 분쟁…첸백시 자산 가압류 논란 +
+

끝난 줄 알았던 분쟁…첸백시 자산 가압류 논란

+ + +
+
+ +
+ +
+

"제발 밥 좀 주지 마!”...분노한 주민의 살벌한 경고문

+ + +
+
+ +
+ '춘절' 중국인 관광객 급증 예고…한국은 환대 전략 +
+

'춘절' 중국인 관광객 급증 예고…한국은 환대 전략

+ + +
+
+ +
+ 정치인이야 아이돌이야? 일본은 지금 ‘사나카쓰’ 열풍 +
+

정치인이야 아이돌이야? 일본은 지금 ‘사나카쓰’ 열풍

+ + +
+
+ +
+ 이게 LA갈비라고? 마블링 0% '양갱 고기' 논란 +
+

이게 LA갈비라고? 마블링 0% '양갱 고기' 논란

+ + +
+
+ +
+ “술 마시고 사람 죽였는데 큰 죄냐”…반성문 논란 끝에 징역 20년 유지 +
+

“술 마시고 사람 죽였는데 큰 죄냐”…반성문 논란 끝에 징역 20년 유지

+ + +
+
+ +
+ 스위스 향하던 남성 출국 제지…조력존엄사 논쟁 재점화 +
+

스위스 향하던 남성 출국 제지…조력존엄사 논쟁 재점화

+ + +
+
+ +
+ 이장우 대전시장 +
+

이장우 대전시장 "중앙정부 갖고 있는 권한을 더 줄 때 지방분권은 가능하고 균형발전은 그 출발선"

+ + +
+
+ +
+ 오지급된 비트코인 사고, 빗썸 보상·후속조치 공개 +
+

오지급된 비트코인 사고, 빗썸 보상·후속조치 공개

+ + +
+
+ +
+ +
+

"제니가 정답 알려줌"... 응시생들 뒷이야기 화제

+ + +
+
+ +
+ 78년된 회사에서 AI 썼다가 회사 간판에 X칠한 대참사 터진 이유? 서울대 전다현 박사 단독인터뷰 [T터뷰] +
+

78년된 회사에서 AI 썼다가 회사 간판에 X칠한 대참사 터진 이유? 서울대 전다현 박사 단독인터뷰 [T터뷰]

+ + +
+
+ +
+ 40명 단체 봉사라더니… +
+

40명 단체 봉사라더니… "냄새나" 밖에서 '서성서성'

+ + +
+
+ +
+ 줄 서지 않아도 된다, 다음주부터 로또 모바일 구매 시작! +
+

줄 서지 않아도 된다, 다음주부터 로또 모바일 구매 시작!

+ + +
+
+ +
+ +
+

"휠체어 탔다고 투숙 거부… 인권위 "명백한 차별"

+ + +
+
+ +
+ 도시 한복판에서 포착된 이색 장면 ‘양 산책’ +
+

도시 한복판에서 포착된 이색 장면 ‘양 산책’

+ + +
+
+ +
+ 출근 도장 찍고 '쌩'… 507시간 무단이탈 항우연 직원 +
+

출근 도장 찍고 '쌩'… 507시간 무단이탈 항우연 직원

+ + +
+
+ +
+ ‘검은 반도체’ 된 김… 세계적 인기, 밥상 물가도 흔든다 +
+

‘검은 반도체’ 된 김… 세계적 인기, 밥상 물가도 흔든다

+ + +
+
+ +
+ 기아 매장 오픈에 '기모노'? +
+

기아 매장 오픈에 '기모노'? "한국 문화 제대로 알려야"

+ + +
+
+ +
+ 김선호 탈세 의혹 해명 두고 시끌…여론 엇갈려 +
+

김선호 탈세 의혹 해명 두고 시끌…여론 엇갈려

+ + +
+
+ +
+ ‘쩍벌남’ 사이 낀 정해인…잡지사 태그까지 ‘패싱’ 논란 +
+

‘쩍벌남’ 사이 낀 정해인…잡지사 태그까지 ‘패싱’ 논란

+ + +
+
+ +
+ 사람이 왜 저기에…여객기 지붕 위 '전력질주' +
+

사람이 왜 저기에…여객기 지붕 위 '전력질주'

+ + +
+
+ +
+ “힘든 PT 대신 비만약” 헬스장 덮친 ‘위고비’ 공포 +
+

“힘든 PT 대신 비만약” 헬스장 덮친 ‘위고비’ 공포

+ + +
+
+ +
+ MLB 무대 향하는 와이스 “한화 팬들, 진짜 말도 안 되게 최고” +
+

MLB 무대 향하는 와이스 “한화 팬들, 진짜 말도 안 되게 최고”

+ + +
+
+ +
+ 대전은 '이거' 빼고 다 있는 도시 대전충남 통합, 무조건 대박인 이유 [이슈캐치] +
+

대전은 '이거' 빼고 다 있는 도시 대전충남 통합, 무조건 대박인 이유 [이슈캐치]

+ + +
+
+ +
+ 세종시 시내 '교통지옥'? 방법 없다, 하지만! 생각해둔 '해법'은 있다!...최민호 세종시장 단독 인터뷰 [T나는 인터뷰] +
+

세종시 시내 '교통지옥'? 방법 없다, 하지만! 생각해둔 '해법'은 있다!...최민호 세종시장 단독 인터뷰 [T나는 인터뷰]

+ + +
+
+ +
+ 류현진·강백호 다 모였다 새벽 공항 뒤집은 한화팬들 +
+

류현진·강백호 다 모였다 새벽 공항 뒤집은 한화팬들

+ + +
+
+ +
+ +
+

"제발 이란을 도와주세요"...'미스 이란' 출신 유튜버의 한국어 호소

+ + +
+
+ +
+ 계엄 끝나고 1년 넘겨서야 사과한 이유? +
+

계엄 끝나고 1년 넘겨서야 사과한 이유? "진정성 고민...잘못 반복 않을 것"

+ + +
+
+ +
+ '검찰개혁 원조' 황운하의 두번째 도전행정수도 세종시 개혁 플랜 단독인터뷰 +
+

'검찰개혁 원조' 황운하의 두번째 도전행정수도 세종시 개혁 플랜 단독인터뷰

+ + +
+
+ +
+ 63년동안 아무도 못 깬 세계기록 갈아엎은 9살 바둑천재! 다음 목표는?! 9살 프로 바둑기사 유하준 군 인터뷰 +
+

63년동안 아무도 못 깬 세계기록 갈아엎은 9살 바둑천재! 다음 목표는?! 9살 프로 바둑기사 유하준 군 인터뷰

+ + +
+
+ +
+ 국민배우 안성기 추모미사 눈물 속 배웅 하는 배우들 +
+

국민배우 안성기 추모미사 눈물 속 배웅 하는 배우들

+ + +
+
+ +
+ +
+

"다그닥" 마트에 나타난 말? 조회수에 미쳐 '배설물' 까지

+ + +
+
+ +
+ +
+

"민주당 충청특별시?...웃기는 코메디!" 이장우 대전시장 단독 인터뷰 [T나는 인터뷰]

+ + +
+
+ +
+ +
+

"민주당 충청특별시?...웃기는 코메디!" 이장우 대전시장 단독 인터뷰 [T나는 인터뷰]

+ + +
+
+ +
+ 공중회전·헥토파스칼 킥까지… 휴머노이드 로봇 H2 훈련 장면에 '당황' +
+

공중회전·헥토파스칼 킥까지… 휴머노이드 로봇 H2 훈련 장면에 '당황'

+ + +
+
+ +
+ 쿠팡 포장에 +
+

쿠팡 포장에"지구한테 사과해!" 초코바 15개가 상자 15개로?

+ + +
+
+ +
+ “덜 익었다, 파리 나왔다 +
+

“덜 익었다, 파리 나왔다" 알고 보니 AI 조작

+ + +
+
+ +
+ 전한길, 이 대통령 언급하며 +
+

전한길, 이 대통령 언급하며 "코리안 마두로...이재명 차례다"

+ + +
+
+ +
+ 스키 타며 '공주님 안기'...男 강사 품에 안긴 채 활강 +
+

스키 타며 '공주님 안기'...男 강사 품에 안긴 채 활강

+ + +
+
+ +
+ 하늘 위 '닭장'… 양계장보다 좁아진 캐나다 항공기 +
+

하늘 위 '닭장'… 양계장보다 좁아진 캐나다 항공기

+ + +
+
+ +
+ 빈 장애인 주차칸 두고 가로주차…아파트 주차 갈등 논란 +
+

빈 장애인 주차칸 두고 가로주차…아파트 주차 갈등 논란

+ + +
+
+ +
+ ‘월 5천 원’ 유혹의 끝… 유튜브 프리미엄 계정공유 피해 확산 +
+

‘월 5천 원’ 유혹의 끝… 유튜브 프리미엄 계정공유 피해 확산

+ + +
+
+ +
+ +
+

"제가 다 망쳤어요"...소향 '골든' 무대 혹평에 직접 사과

+ + +
+
+ +
+ 세종시 드디어 맥도날드 입점확정! 다음 차례는 국립대?! 조상호 세종시 전 경제부시장의 '행정수도 세종시' 부활 플랜 +
+

세종시 드디어 맥도날드 입점확정! 다음 차례는 국립대?! 조상호 세종시 전 경제부시장의 '행정수도 세종시' 부활 플랜

+ + +
+
+ +
+ 1500원 과자 실수였는데…헌재, 재수생 기소유예 취소 +
+

1500원 과자 실수였는데…헌재, 재수생 기소유예 취소

+ + +
+
+ +
+ 1500원 과자 실수였는데…헌재, 재수생 기소유예 취소 +
+

1500원 과자 실수였는데…헌재, 재수생 기소유예 취소

+ + +
+
+ +
+ +
+

"손질 되지 않은 닭똥집 제공?"...유명 삼계탕집 위생 논란

+ + +
+
+ +
+ 진격의 거인 실사판? 휴게소 알몸 난동 포착됐다...? +
+

진격의 거인 실사판? 휴게소 알몸 난동 포착됐다...?

+ + +
+
+ +
+ +
+

"공공기관 회식이라더니"...사전답사까지 하고 1288만원 꿀꺽

+ + +
+
+ +
+ 트럼프 +
+

트럼프 "독재자는 사라졌다" 마두로 부부 체포해 국외이송

+ + +
+
+ +
+ 베네수엘라 교민 70여 명 이 대통령 “철수계획 준비 지시” +
+

베네수엘라 교민 70여 명 이 대통령 “철수계획 준비 지시”

+ + +
+
+ +
+ 현지 교민에게 듣는 현재 상황 베네수엘라 한인회장 전화 연결 +
+

현지 교민에게 듣는 현재 상황 베네수엘라 한인회장 전화 연결

+ + +
+
+ +
+ 트럼프 마두로 헬기 이송 “좋은 비행, 그들도 좋아했을 것” +
+

트럼프 마두로 헬기 이송 “좋은 비행, 그들도 좋아했을 것”

+ + +
+
+ +
+ 갑자기 왜 '딸기 케이크'가 연말연시 필수품이 됐을까? 기막힌 역사적 우연이 겹친 딸기 케이크 대란의 속사정 +
+

갑자기 왜 '딸기 케이크'가 연말연시 필수품이 됐을까? 기막힌 역사적 우연이 겹친 딸기 케이크 대란의 속사정

+ + +
+
+ +
+ '갑질·특혜 의혹' 김병기 민주당 원내대표직 사퇴 +
+

'갑질·특혜 의혹' 김병기 민주당 원내대표직 사퇴

+ + +
+
+ +
+ “이 정도면 연인?” 오상욱♥하루카 크리스마스 럽스타 포착 +
+

“이 정도면 연인?” 오상욱♥하루카 크리스마스 럽스타 포착

+ + +
+
+ +
+ “밤늦게 고성” 캠핑장 민폐 논란에…“먼저 귀가해 상황 몰라, 죄송” +
+

“밤늦게 고성” 캠핑장 민폐 논란에…“먼저 귀가해 상황 몰라, 죄송”

+ + +
+
+ +
+ 70대 베트남 '참전용사' 쓰레기더미 속 화재로 숨져 +
+

70대 베트남 '참전용사' 쓰레기더미 속 화재로 숨져

+ + +
+
+ +
+ '구매대행NO' 라고 했지만...'딸기시루' 대기줄에서 불거진 배려 제도 오남용 +
+

'구매대행NO' 라고 했지만...'딸기시루' 대기줄에서 불거진 배려 제도 오남용 "충격"

+ + +
+
+ +
+ +
+

"너무 폭력적이고 잔혹"...성인 남자 쓰러뜨린 中 휴머노이드 로봇

+ + +
+
+ +
+ 김제 스쿨버스·화물차 충돌…학생·교사 6명 중상 +
+

김제 스쿨버스·화물차 충돌…학생·교사 6명 중상

+ + +
+
+ +
+ 한국 반도체 기술 또 유출됐다… 중국으로 넘긴 전 삼성 직원 구속 +
+

한국 반도체 기술 또 유출됐다… 중국으로 넘긴 전 삼성 직원 구속

+ + +
+
+ +
+ 먹는 비만약 ‘위고비’, FDA 승인…내년 美 출시, 가격은? +
+

먹는 비만약 ‘위고비’, FDA 승인…내년 美 출시, 가격은?

+ + +
+
+ +
+ 연말 주의! 결제 영수증 보니 주문 안 한 금액 같이 결제 되었다? +
+

연말 주의! 결제 영수증 보니 주문 안 한 금액 같이 결제 되었다?

+ + +
+
+ +
+ “크면 승무원 될래요” 11살 아이, 마지막 선택은 ‘생명’ +
+

“크면 승무원 될래요” 11살 아이, 마지막 선택은 ‘생명’

+ + +
+
+ +
+ 훈련병 '우지'에게 축가 부탁? 군 간부의 '사적 요청' 논란 +
+

훈련병 '우지'에게 축가 부탁? 군 간부의 '사적 요청' 논란

+ + +
+
+ +
+ 경찰 보디캠 속 진상, 알고 보니…AI가 만든 가짜 +
+

경찰 보디캠 속 진상, 알고 보니…AI가 만든 가짜

+ + +
+
+ +
+ “버튼 한 번에 식중독 판별 +
+

“버튼 한 번에 식중독 판별" 기계연, 식중독 고속 진단시스템 개발

+ + +
+
+ +
+ '딸기시루' 개시 첫 날! 오픈런 줄은 '딸기' 보다 '사람' 이 더 많았다?! +
+

'딸기시루' 개시 첫 날! 오픈런 줄은 '딸기' 보다 '사람' 이 더 많았다?!

+ + +
+
+ +
+ '라이벌로 인정한 선수? OOO' 페이커, T1 4년 재계약 인터뷰 +
+

'라이벌로 인정한 선수? OOO' 페이커, T1 4년 재계약 인터뷰

+ + +
+
+ +
+ K-우주개척! 접었다 펴는 ‘달 정복’ 바퀴 탄생 +
+

K-우주개척! 접었다 펴는 ‘달 정복’ 바퀴 탄생

+ + +
+
+ +
+ 폰세, 이제는 말할 수 있다! 한국야구vs일본야구 종특 +
+

폰세, 이제는 말할 수 있다! 한국야구vs일본야구 종특

+ + +
+
+ +
+ 3m 하굿둑 위로 ‘붕’… 소형차 들이받고 그대로 가버린 대형 화물차 +
+

3m 하굿둑 위로 ‘붕’… 소형차 들이받고 그대로 가버린 대형 화물차

+ + +
+
+ +
+ 임영웅 곡 다수 차트...진입 순위보다 곡 수가 눈길 +
+

임영웅 곡 다수 차트...진입 순위보다 곡 수가 눈길

+ + +
+
+ +
+ 마약이 택배처럼 쫙? 우리집 문앞까지 온다 +
+

마약이 택배처럼 쫙? 우리집 문앞까지 온다

+ + +
+
+ +
+ 배달음식 먹고 호흡곤란 CCTV보니 배달원이...?! +
+

배달음식 먹고 호흡곤란 CCTV보니 배달원이...?!

+ + +
+
+ +
+ 업무보고 중 +
+

업무보고 중 "대통령님 아닙니다!" 소신 돌직구에?!... "아,착각했군요" 이 대통령 '쿨인정'

+ + +
+
+ +
+ 비틀거리다 선로로 ‘쾅’ 아찔한 순간, 망설임 없었다 +
+

비틀거리다 선로로 ‘쾅’ 아찔한 순간, 망설임 없었다

+ + +
+
+ +
+ 일본, 마지막 판다 반환… 중국 ‘판다 외교’ 사실상 종료 +
+

일본, 마지막 판다 반환… 중국 ‘판다 외교’ 사실상 종료

+ + +
+
+ +
+ [단독인터뷰] 무표정의 19살...사실은 전부 ‘연기’ 정우주의 비밀 스토리 +
+

[단독인터뷰] 무표정의 19살...사실은 전부 ‘연기’ 정우주의 비밀 스토리

+ + +
+
+ +
+ +
+

"폰세 토론토행 확정!"... ‘류현진 시절’ 다시 소환됐다

+ + +
+
+ +
+ 전국 딱 두 곳은 어디? 꿈돌이x뽀로로 팝업 오픈 +
+

전국 딱 두 곳은 어디? 꿈돌이x뽀로로 팝업 오픈

+ + +
+
+ +
+ 계약금 7억 '거물 신인' 박준현 학폭 가해 확정...프로행 좌절? +
+

계약금 7억 '거물 신인' 박준현 학폭 가해 확정...프로행 좌절?

+ + +
+
+ +
+ [단독] 자신의 아내를..국힘 당직자 성착취 의혹 +
+

[단독] 자신의 아내를..국힘 당직자 성착취 의혹

+ + +
+
+
+
+
+

+ New Media +

+

더 다양한 TJB의 소식을 만나보세요.

+
+ +
+
+
+
+
+
+
+

알립니다

+ + 더보기 + + +
+
+ +
+

30

+ 2026-01 +
+
+

TJB 아나운서 공개모집

+
+ + +
+
+
+

이벤트

+
+
+
+ + +
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +

특집프로그램 바로가기

+ + +
+
+
+ + + +
+ + + +
+ +
+ +
+ +