@charset "utf-8";

/************************************************
#. project : 연합뉴스 외국어 반응형
* commnet : variables.css
*************************************************/

/* 일반형/대형 프레임 : 1024px 이상 */
/* @media only screen and (min-width:1024px){} */
/* 소형/중형 프레임 :1023px 이하 */
/* @media only screen and (max-width:1023px){} */

/* url(../img/ → url(//r.yna.co.kr/global/home/v02/img/ */

/* =============== ####변수 (▶ common) ======================== */
:root{
	/* ---- ##(변수) border 공통 ---- */
	/* 모바일 공통 */
	--rwd-border001:1px dotted #E9E9E9;

	/* ---- ##(변수) 로고 ---- */
	--rwd-logo001-yna001:url(//r.yna.co.kr/global/home/v02/img/logo_yna_vietnam001.svg);
	--rwd-logo001-yna011:url(//r.yna.co.kr/global/home/v02/img/logo_yna_vietnam011.svg);

	/* ---- ##(변수) 노이미지 ---- */
	--rwd-img-none01:url(//r.yna.co.kr/global/home/v02/img/img_none01.svg);

	/* ---- ##(변수) 닫기 ---- */
	--rwd-close001:url(//r.yna.co.kr/global/home/v02/img/ico_close001.svg); /* ▽ */
	--rwd-close011:url(//r.yna.co.kr/global/home/v02/img/ico_close011.svg); /* 포지션 SVG Export */
	--rwd-close012:url(//r.yna.co.kr/global/home/v02/img/ico_close012.svg); /* 포지션 SVG Export */
	--rwd-close013:url(//r.yna.co.kr/global/home/v02/img/ico_close013.svg);
	--rwd-close014:url(//r.yna.co.kr/global/home/v02/img/ico_close014.svg);

	/* ---- ##(변수) 언어 ---- */
	--rwd-lang001:url(//r.yna.co.kr/global/home/v02/img/ico_language001.svg?v=20250808_1015); /* 포지션 SVG Export */

	/* ---- ##(변수) 저장/북마크 ---- */
	--rwd-save001:url(//r.yna.co.kr/global/home/v02/img/ico_save001.svg?v=20250808_1015);

	/* ---- ##(변수) 검색 ---- */
	--rwd-search001:url(//r.yna.co.kr/global/home/v02/img/ico_search001.svg?v=20250808_1015);

	/* ---- ##(변수) 메뉴 ---- */
	--rwd-menu001:url(//r.yna.co.kr/global/home/v02/img/ico_whole_menu001.svg);

	/* ---- ##(변수) 하단 브레드크럼 (본문아님) ---- */
	--trans-core01:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); /* 언어선택 */
	--trans-vis01:visibility 0s 0.4s; /* 언어선택 */
	--trans-vis02:visibility 0s 0s; /* 언어선택 */
	--trans-vis03:visibility 0.3s ease-in-out;  /* 스크롤탑 */
	--trans-opacity01:opacity 0.3s ease-in-out;  /* 스크롤탑 */

	/* ---- ##(변수) 티커 ---- */
	--rwd-ticker001:url(//r.yna.co.kr/global/home/v02/img/ico_ticker001_dociment01.svg?v=20250808_1015);
	--rwd-ticker011:url(//r.yna.co.kr/global/home/v02/img/ico_ticker001_play01.svg);
	--rwd-ticker021:url(//r.yna.co.kr/global/home/v02/img/ico_ticker001_pause01.svg);
	--rwd-ticker031:url(//r.yna.co.kr/global/home/v02/img/ico_ticker001_open01.svg);

	/* ---- ##(변수) 하단 브레드크럼 (본문아님) ---- */
	--rwd-path001:url(//r.yna.co.kr/global/home/v02/img/ico_path_home.png);
	--rwd-path002:url(//r.yna.co.kr/global/home/v02/img/ico_path_arrow.png);

	/* ---- ##(변수) 송고시간01 ---- */
	--rwd-time01:url(//r.yna.co.kr/global/home/v02/img/ico_clock001.svg);
	--rwd-time02:url(//r.yna.co.kr/global/home/v02/img/ico_clock002.svg);

	/* ---- ##(변수) 아이콘 세트 스타일01 ---- */
	--rwd-set001-photo001:url(//r.yna.co.kr/global/home/v02/img/ico_set001_photo001.svg);
	--rwd-set001-video001:url(//r.yna.co.kr/global/home/v02/img/ico_play001.svg);
	--rwd-set001-video002:url(//r.yna.co.kr/global/home/v02/img/ico_play002.svg);
	--rwd-set001-video004:url(//r.yna.co.kr/global/home/v02/img/ico_play004.svg);

	/* ---- ##(변수) 푸터 SNS ---- */
	--rwd-sns001-fb001:url(//r.yna.co.kr/global/home/v02/img/ico_sns001_fackbook001.svg?v=20250808_1015);
	--rwd-sns001-x001:url(//r.yna.co.kr/global/home/v02/img/ico_sns001_x001.svg?v=20250808_1015);
	--rwd-sns001-rss001:url(//r.yna.co.kr/global/home/v02/img/ico_sns001_rss001.svg?v=20250808_1015);

	/* ---- ##(변수) 본문 옵션기능&SNS  ---- */
	/* --rwd-sns100-*** */
	--rwd-sns100-fb001:url(//r.yna.co.kr/global/home/v02/img/ico_sns100_fackbook001.svg);
	--rwd-sns100-x001:url(//r.yna.co.kr/global/home/v02/img/ico_sns100_x001.svg);
	--rwd-sns100-fbm001:url(//r.yna.co.kr/global/home/v02/img/ico_sns100_fbm001.svg);
	--rwd-sns100-fbm002:url(//r.yna.co.kr/global/home/v02/img/ico_sns100_fbm002.svg);
	--rwd-sns100-zalo001:url(//r.yna.co.kr/global/home/v02/img/ico_sns100_zalo001.svg);
	--rwd-sns100-more001:url(//r.yna.co.kr/global/home/v02/img/ico_sns100_more001.svg);
	--rwd-sns100-copy001:url(//r.yna.co.kr/global/home/v02/img/ico_sns100_copy001.svg);

	/* --rwd-sns101-*** */
	--rwd-sns101-share001:url(//r.yna.co.kr/global/home/v02/img/ico_sns101_share001.svg);
	--rwd-sns101-like001:url(//r.yna.co.kr/global/home/v02/img/ico_sns101_like001.svg);
	--rwd-sns101-save001:url(//r.yna.co.kr/global/home/v02/img/ico_sns101_save001.svg);
	--rwd-sns101-print001:url(//r.yna.co.kr/global/home/v02/img/ico_sns101_print001.svg);
	--rwd-sns101-font001:url(//r.yna.co.kr/global/home/v02/img/ico_sns101_font001.svg);

	/* ---- ##(변수) 영상 ---- */
	/* 영상 재생 */
	--rwd-runtime001:url(//r.yna.co.kr/global/home/v02/img/ico_play003.svg);

	/* ---- ##(변수) 매핑소재 ---- */
	--rwd-zoom001:url(//r.yna.co.kr/global/home/v02/img/ico_zoom001.svg); /* 투명 배경 없음 */
	--rwd-zoom002:url(//r.yna.co.kr/global/home/v02/img/ico_zoom002.svg); /* 투명 배경 있음 */

	/* ---- ##(변수) 스크롤 ---- */
	--rwd-scroll001:url(//r.yna.co.kr/global/home/v02/img/ico_scroll_top001.svg);
	--rwd-scroll002:url(//r.yna.co.kr/global/home/v02/img/ico_scroll_top002.png);

	/* ---- ##(변수) 폼요소 ---- */
	--rwd-check001:url(//r.yna.co.kr/global/home/v02/img/ico_check001.svg?20250807_1445);

	/* ---- ##(변수) 싱글 및 기타 요소 (에러) ---- */
	--rwd-error001:url(//r.yna.co.kr/global/home/v02/img/ico_error001.svg);
	--rwd-home001:url(//r.yna.co.kr/global/home/v02/img/ico_home_link001.svg);

	--rwd-info001:url(//r.yna.co.kr/global/home/v02/img/ico_info001.svg); /* 툴팁(i) 아이콘 */
	--rwd-info002:url(//r.yna.co.kr/global/home/v02/img/ico_info002.svg); /* 메인 모바일웹 접속 가이드 */

	/* ---- ##(변수) --rwd-bg3$$ : ASIS 소스 ---- */
	--rwd-bg300:url(//r.yna.co.kr/global/home/v01/img/dot_line.png); /* e2e2e2 */
	--rwd-bg301:url(//r.yna.co.kr/global/home/v01/img/dot_line02.png); /* cccccc */

	/* ---- ##(변수) --rwd-bg4$$ : 기타 ---- */
	--rwd-bg401:url(//r.yna.co.kr/global/home/v02/img/bg_video_default01_vi.png); /* PC 영상본문의 플레이어 배경 */

	/* ---- ##(변수) 필터 ---- */
	--rwd-filter000:transparent; /* (default) */
	--rwd-filter001:brightness(0) invert(1); /* 모든색 → #fff */
	--rwd-filter002:brightness(0) invert(0); /* 모든색 → #000 */
	--rwd-filter003:brightness(0) invert(0.945); /* 모든색 → #f1f1f1 */
	--rwd-filter004:brightness(0) invert(0.2); /* 모든색 → #333 */
	--rwd-filter005:brightness(0) invert(0.734); /* 모든색 → #444 */
	--rwd-filter006:brightness(0) invert(0.4); /* 모든색 → #666 */
	--rwd-filter007:brightness(0) invert(0.465); /* 모든색 → #777 */
	--rwd-filter008:brightness(0) invert(0.534); /* 모든색 → #888 */
	--rwd-filter009:brightness(0) invert(0.6); /* 모든색 → #999 */
	--rwd-filter010:brightness(0) invert(0.8); /* 모든색 → #ccc */
}