@charset "utf-8";
/*************************************************
프로젝트명 : 2022 카타르 월드컵
commnet : 외국어 (PC 모드)
*************************************************/

/* @import url('//r.yna.co.kr/m-kr/home/v02/css/swiper-3.4.2.min.css'); */
@import url('//r.yna.co.kr/global/lib/v02/css/swiper-8.4.7.min.css');

/* =============== ######공통 (common) ======================== */
html,body{height:auto;}
body{font-weight:400;color:#000;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
strong{font-weight:400;}
a{display:inline-block;vertical-align:top;}

@media only screen and (min-width:769px){
	body{min-width:1100px;}
	a:active,a:hover{outline:0;}
	a:hover{text-decoration:underline;}

	/* (외국어) */
	/* html.en body,
	html.es body,
	html.fr body{font-family:'Barlow',AppleSDGothicNeo-Regular,verdana,arial,sans-serif;}
	html.zh body{font-weight:normal;font-family:'Microsoft Yahei','微软雅黑',STXihei,'华文细黑',SimHei,'黑体',verdana,arial,sans-serif;}
	html.ja body{font-weight:normal;font-family:'Meiryo','メイリオ','Yu Gothic','MS PGothic','ＭＳ Ｐゴシック', sans-serif;} */

	html.en body,
	html.es body,
	html.fr body{font-weight:normal;font-family:Pretendard,'Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;font-feature-settings:'case';}
	html.zh body{font-weight:normal;font-family:"Noto Sans SC",'Microsoft Yahei','微软雅黑',STXihei,'华文细黑',SimHei,'黑体',verdana,arial,sans-serif;}
	html.ja body{font-weight:normal;font-family:"Noto Sans JP",'Meiryo','メイリオ','Yu Gothic','MS PGothic','ＭＳ Ｐゴシック', sans-serif;}
	html.ar body{font-weight:normal;font-family:'Barlow','Almarai',arial,sans-serif;}
}

/* ---------------- keyframes ---------------- */
/* bg-infi00 */
@keyframes bg-infi00{0%{background-position: 0% 50%;} 50%{background-position: 100% 50%;} 100%{background-position: 0% 50%;}}
@keyframes bg-infi01{0%{background-image:url('../img/bg_img01.png');} 50%{background-image:url('../img/bg_img02.png')} 100%{background-image:url('../img/bg_img01.png')}}

@keyframes fix-top01{0%{top:-30px;} 100%{top:0;}}

/* (외국어) */
html.ar body{direction:rtl;overflow-x:hidden;}
html.ar .hidden-obj{display:none;}

/* =============== ######레이아웃 (layout) ======================== */
/* .header001, */
.header002,
.footer{margin:0 auto;width:1200px;}


/* ---------------- ####헤더 (common) ---------------- */
.top-visual01{position:relative;}
.top-visual01 .wrap-bg .swiper-slide{height:320px;}
.top-visual01 .wrap-bg .swiper-slide .bg-img{position:absolute;top:0;left:0;width:100%;height:320px;}
.top-visual01 .wrap-bg .swiper-slide .bg-img.img01{background:url('../img/img_visual01.jpg') no-repeat 0 0;background-size:cover;background-position:center;}
.top-visual01 .wrap-bg .swiper-slide .bg-img.img02{background:url('../img/img_visual02.jpg') no-repeat 0 0;background-size:cover;background-position:center;}
.top-visual01 .wrap-bg .swiper-slide .bg-img.img03{background:url('../img/img_visual03.jpg') no-repeat 0 0;background-size:cover;background-position:center;}
.top-visual01 .wrap-bg .swiper-slide .bg-img.img04{background:url('../img/img_visual04.jpg') no-repeat 0 0;background-size:cover;background-position:center;}

.top-visual01 .wrap-cont{position:absolute;top:0;left:50%;width:1200px;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translate(-50%);}
.top-visual01 .wrap-cont .logo{position:absolute;top:30px;right:22px;width:140px;height:37px;background:url('../img/visual_logo01.svg') no-repeat 0 0;}

.top-visual01 .wrap-cont .title{margin-bottom:10px;}
html.en .top-visual01 .wrap-cont .title{width:780px;height:77px;background:url('../img/lang_sprites_apec_logo01_pc.png?v=20250808_1450') no-repeat 0 0;background-position:0 0;}
html.zh .top-visual01 .wrap-cont .title{width:769px;height:80px;background:url('../img/lang_sprites_apec_logo01_pc.png?v=20250808_1450') no-repeat 0 0;background-position:0 -150px;}
html.ja .top-visual01 .wrap-cont .title{width:615px;height:75px;background:url('../img/lang_sprites_apec_logo01_pc.png?v=20250808_1450') no-repeat 0 0;background-position:0 -300px;}
html.ar .top-visual01 .wrap-cont .title{width:799px;height:103px;background:url('../img/lang_sprites_apec_logo01_pc.png?v=20250808_1450') no-repeat 0 0;background-position:0 -450px;}
html.es .top-visual01 .wrap-cont .title{width:885px;height:71px;background:url('../img/lang_sprites_apec_logo01_pc.png?v=20250808_1450') no-repeat 0 0;background-position:0 -600px;}
html.fr .top-visual01 .wrap-cont .title{width:715px;height:92px;background:url('../img/lang_sprites_apec_logo01_pc.png?v=20250808_1450') no-repeat 0 0;background-position:0 -750px;}

.top-visual01 .wrap-cont .detail{display:flex;}
.top-visual01 .wrap-cont .detail .txt01{display:flex;}
.top-visual01 .wrap-cont .detail .txt01 .t01{font-size:18px;color:#fff;font-weight:600;}
.top-visual01 .wrap-cont .detail .txt01 .t02{position:relative;margin-left:12px;padding-left:14px;font-size:18px;color:#fff;font-weight:600;}
.top-visual01 .wrap-cont .detail .txt01 .t02:before{content:'';display:inline-block;position:absolute;top:7px;left:0;width:2px;height:10px;background-color:rgba(255, 255, 255, 0.50);}
html.ar .top-visual01 .wrap-cont .detail .txt01 .t02{margin:0 12px 0 0;padding:0 14px 0 0;}
html.ar .top-visual01 .wrap-cont .detail .txt01 .t02:before{top:9px;left:initial;right:0;}
.top-visual01 .wrap-cont .detail .txt02{position:relative;margin-left:12px;padding-left:14px;font-size:18px;color:#fff;font-weight:700;}
.top-visual01 .wrap-cont .detail .txt02:before{content:'';display:inline-block;position:absolute;top:7px;left:0;width:2px;height:10px;background-color:rgba(255, 255, 255, 0.50);}
html.ar .top-visual01 .wrap-cont .detail .txt02{margin:0 12px 0 0;padding:0 14px 0 0;}
html.ar .top-visual01 .wrap-cont .detail .txt02:before{top:9px;left:initial;right:0;}

.top-visual01.sub .wrap-cont .detail .txt02{display:none;}
.top-visual01.main .wrap-cont .detail .txt02 br{display:none;}

.top-visual01.sub .wrap-bg{height:165px;}
.top-visual01.sub .bg-img{position:absolute;top:0;left:0;width:100%;height:165px;}
body.page-latest .top-visual01.sub .bg-img,
body.body-view-news01 .top-visual01.sub .bg-img{background:url('../img/img_sub_visual01.jpg') no-repeat 0 0;background-size:cover;background-position:center;}
body.page-photo .top-visual01.sub .bg-img,
body.body-view-photo01 .top-visual01.sub .bg-img{background:url('../img/img_sub_visual02.jpg') no-repeat 0 0;background-size:cover;background-position:center;}
body.page-video .top-visual01.sub .bg-img,
body.body-view-video01 .top-visual01.sub .bg-img{background:url('../img/img_sub_visual03.jpg') no-repeat 0 0;background-size:cover;background-position:center;}

.top-visual01.sub .wrap-cont{height:165px;}
.top-visual01.sub .wrap-cont .title{width:501px;height:58px;background-size:501px 58px;}
.top-visual01.sub .wrap-cont .detail .txt01 .t01{font-size:16px;}
.top-visual01.sub .wrap-cont .detail .txt01 .t02{font-size:16px;}
.top-visual01.sub .wrap-cont .detail .txt01 .t02:before{top:6px;}

.top-visual01 .swiper-horizontal>.swiper-pagination-bullets,
.top-visual01 .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:32px;}
.top-visual01 .swiper-pagination{display:flex;align-items:center;justify-content:center;}
.top-visual01 .pagination-swiper-up__progress{stroke:#fff;stroke-dasharray:var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset);stroke-linecap:round;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center;}
.top-visual01 .swiper-pagination-bullet{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;opacity:1;position:relative;}
.top-visual01 .swiper-pagination-bullet .circle{position:absolute;top:7px;left:7px;width:6px;height:6px;background-color:#fff;border-radius:50%;}
.top-visual01 .swiper-pagination-bullet-active .pagination-swiper-up__progress{animation:circle-filling 3000ms linear;animation-fill-mode:forwards;}
.top-visual01 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.top-visual01 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.top-visual01 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child),
.top-visual01 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child){margin-right: 12px;}
html.ar .top-visual01 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(:first-child),
html.ar .top-visual01 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(:first-child){margin-right: 12px;}
@keyframes circle-filling{
	0% {
		stroke-dashoffset: var(--stroke-dashoffset);
	}
	100% {
		stroke-dashoffset: 0;
	}
}
.top-visual01 .swiper-slide .bg-img{transition:transform 3s linear;transform:scale(1);}
.top-visual01 .swiper-slide.after-animation .bg-img{transform:scale(1.05);}

/* ---------------- ####내비게이션 (common) ---------------- */
.nav-wrap001{position:relative;display:flex;align-items:center;justify-content:center;height:56px;background-color:#1CAFAF;}
.nav-unit001 li{display:inline-block;width:auto;}
.nav-unit001 li+li{margin-left:70px;}
html.ar .nav-unit001 li+li{margin:0 70px 0 0;}
.nav-unit001 li>a{position:relative;display:inline-block;padding:16px 5px;font-size:22px;color:#fff;font-weight:600;}
.nav-unit001 li>a:hover{text-decoration:none;}
.nav-unit001 li.active>a:after{content:'';display:inline-block;position:absolute;bottom:-3px;left:0;width:100%;height:6px;background-color:#BB000D;border-radius:2px;}

/* ---------------- ####픽스드 헤더 (common) ---------------- */
.wrap-header100{position:relative;height:62px;background-color:#fff;border-bottom:1px solid #e9e9e9;box-sizing:border-box;}
.wrap-header100 .header100{display:flex;align-items:center;justify-content:space-between;width:1200px;height:100%;margin:0 auto;}

.logo-yna21{display:block;padding:0;background:url('../img/lang_sprites_yna_logo01.png?v=20250428_1116') 0 0 no-repeat;}
html.en .logo-yna21{width:243px;height:30px;background-position:0 0;}
html.zh .logo-yna21{width:98px;height:30px;background-position:0 -50px;}
html.zh body.cb .logo-yna21{width:98px;height:30px;background-position:-200px -50px;}
html.ja .logo-yna21{width:127px;height:30px;background-position:0 -100px;}
html.ar .logo-yna21{width:168px;height:29px;background-position:0 -150px;}
html.es .logo-yna21{width:283px;height:30px;background-position:0 -200px;}
html.fr .logo-yna21{width:257px;height:30px;background-position:0 -250px;}

.utility-zone{display:flex;align-items:center;}
.ico-type01-srch01{position:relative;width:30px;height:30px;}
.ico-type01-close01{position:relative;width:30px;height:30px;}
.btn-srch-open{padding:7px;}
.btn-srch-open .pick02{display:none;}
.btn-srch-open.on .pick01{display:none;}
.btn-srch-open.on .pick02{display:block;}
.btn-srch-open .ico-srch01,
.btn-srch-open .ico-close01{position:relative;width:30px;height:30px;}
.btn-srch-open .ico-srch01:before{content:'';position:absolute;left:50%;top:50%;display:inline-block;width:24px;height:24px;margin:-12px 0 0 -12px;background:url('../img/ico_srh01.svg') 0 0 no-repeat;}
.btn-srch-open .ico-close01:before{content:'';position:absolute;left:50%;top:50%;display:inline-block;width:24px;height:24px;margin:-12px 0 0 -12px;background:url('../img/ico_close01.svg') 0 0 no-repeat;}

/* ---- link-unit100 : 언어 선택 ---- */
.link-unit100{position:relative;user-select:none;display:none;}
.link-unit100 .btn-pick{display:inline-block;padding:10px;box-sizing:border-box;}
.link-unit100 .btn-pick .ico{width:24px;height:24px;background:url('../img/ico_language.svg') 0 0 no-repeat;}
.link-unit100 .lang-layer{display:none;position:absolute;top:52px;left:-38px;width:120px;padding:16px 20px;background-color:#fff;border:1px solid #eee;z-index:200;box-sizing:border-box;}
.link-unit100.active .lang-layer{display:block;}
.link-unit100 .lang-layer ul li a{display:block;color:#111;text-align:center;line-height:22px;font-size:15px;}
.link-unit100 .lang-layer ul li + li{margin-top:12px;}

.link-unit101{display:flex;align-items:center;flex-shrink:0;margin-right:14px;}
.link-unit101 ul{display:flex;}
.link-unit101 ul li{position:relative;}
.link-unit101 ul li + li{margin-left:12px;padding-left:12px;}
.link-unit101 ul li + li:before{content:'';display:inline-block;position:absolute;top:7px;left:0;width:1px;height:12px;background-color:#CDCDCD;}
html.ar .link-unit101 ul li + li{margin:0 12px 0 0;padding:0 12px 0 0;}
html.ar .link-unit101 ul li + li:before{left:initial;right:0;}
.link-unit101 ul li a{font-size:14px;font-weight:400;color:#111;}
html.ja .link-unit101 ul li a{font-family:Verdana;}


/* ---------------- ####검색 (common) ---------------- */
.search-area{position:absolute;top:61px;padding:0;width:100%;height:300px;background-color:#fff;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.20);z-index:200;}
.search-area>form{width:860px;height:100%;margin:0 auto;}
.search-area fieldset{width:100%;height:100%;}
.search-area .area{position:relative;height:68px;margin-top:40px;border-bottom:2px solid #111;}
.search-area label{display:block;position:absolute;left:20px;top:0;font-weight:600;font-size:24px;line-height:68px;color:#cdcdcd;}
html.ar .search-area label{left:initial;right:20px;}
.search-area .text{padding:0 0 0 20px;box-sizing:border-box;width:calc(100% - 100px);height:68px;border:none;background-color:transparent;font-size:24px;line-height:68px;font-weight:600;color:#000;outline:0;}
html.ar .search-area .text{padding:0 20px 0 0;}
/* 포커스 : 라벨 숨김 */
.search-area .area.on label{display:none;z-index:-10;}
/* 검색영역 상태 */
.search-area{display:none;}
.search-area.open{display:block;}

.search-area .btn-close01{display:none;width:40px;height:40px;background:none;outline:none;border:0;}
/* .search-area .btn-close01 .ico{position:absolute;top:50%;left:50%;margin:-12.5px 0 0 -12.5px;width:25px;height:25px;background:url(../img/sprites.svg?v=20240620_0000) -350px -50px no-repeat;} */
.search-area .btn-close01 .ico-close01{position:relative;width:30px;height:30px;}
.search-area .btn-close01 .ico-close01:before{content:'';position:absolute;left:50%;top:50%;display:inline-block;width:24px;height:24px;margin:-12px 0 0 -12px;background:url('../img/ico_close01.svg') 0 0 no-repeat;}

.search-area .btn-srch-go01{position:absolute;right:10px;top:12px;}
html.ar .search-area .btn-srch-go01{right:initial;left:10px;}

@media only screen and (min-width:1025px){
	/* (메인) */
	.page-main [class*='main-'] [class*='title-box']{justify-content:flex-start;gap:10px;}
	.page-main .search-area{background-color:#fff;}
}



/* ---------------- ####모드 대응 ---------------- */
/* 대회 오픈시점
 * 헤더 스티키
 * 팝업 상태 */

/* ---- ##대회 오픈시점 ---- */
/* body.day-before : 올림픽 시작 전
 * body.day-ing : 올림픽 오픈 */

/* 올림픽 개최 전 : 상단 메달 현황 숨김 */
body.day-before [class*='site-unit01']{display:none !important;}
/* body.day-before .txt-unit011 .day{display:none !important;} */

/* 올림픽 개최 후 : 디데이 숨김 */
body.day-ing [class*='site-unit00']{display:none !important;}


/* ---------------- ####컨테이너 (common) ---------------- */
/* .wrap-container (아이디 컨트롤) */
/* #container{width:100%;min-height:-webkit-calc(100vh - (60px + 168px + 188px));min-height:calc(100vh - (60px + 168px + 188px));} */
#container{width:100%;}

/* ##레이아웃 container$$$
 * .container000 : 기본
 * .container001 ~ .container099 : 메인용
 * .container101 ~ .container199 : 글기사
 * .container201 ~ .container299 : 영상
 * .container301 ~ .container399 : 포토,그래픽 */

/* 레이아웃, 단분리 : 공통 */
.wrap-container>[class*='container']{position:relative;margin-right:auto;margin-left:auto;}
.wrap-container>[class*='container']:before,
.wrap-container>[class*='container']:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
[class*='container']>[class*='content']{position:relative;}

@media only screen and (min-width:769px){
	/* 레이아웃 1단 - 메인 */
	.container001{width:100%;margin-bottom:200px;}
	/* 레이아웃 : 글기사
	 * .container101 본문(2단)
	 * .container111 리스트(1,2단)
	 * .container121 리스트(1단) */
	.container101{clear:both;;width:1200px;margin-top:40px;}
	.container101[class*="line0"]{padding-bottom:50px;}
	.container111{width:1200px;margin-top:60px;}
	.container121{width:1100px;margin-top:60px;margin-bottom:120px;}
	/* 레이아웃 : 영상
	 * .container201 본문(2단)
	 * .container211 리스트(1단) */
	.container201{width:980px;}
	.container211{width:1100px;margin-top:60px;margin-bottom:120px;}
	/* 레이아웃 : 포토, 그래픽
	 * .container301 본문(1단)
	 * .container311 리스트(1단) */
	.container301{width:980px;margin-top:60px;margin-bottom:120px;}
	.container311{width:1200px;min-height:100%;margin-top:60px;margin-bottom:120px;}

	/* ##단분리 content$$$ : width 가로단
	 * .content000 : 기본
	 * .content001 ~ .content099 : 메인용
	 * .content101 ~ .content199 : 글기사
	 * .content201 ~ .content299 : 영상
	 * .content301 ~ .content399 : 포토,그래픽 */
	/* 단분리 - 공통 */
	.content000{width:100%;}
	/* 단분리 - 메인 */
	.container001>[class*='content0']{margin-top:40px;}
	.container001>[class*='content0']:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
	/* .content001 메인 톱기사 전용 */
	.content001{position:relative;width:100%;min-width:1100px;}
	/* .content002 넓이 1100px */
	.content002{width:1100px;margin-right:auto;margin-left:auto;}
	/* content$$$ > section$$$ : content$$$ 하위에서 단분리 기능 */
	/* .section001{position:relative;float:left;width:700px;} */
	/* .section002{position:relative;float:right;width:340px;} */
	/* 단분리 2단 - 글기사 본문, 리스트 */
	.content101{float:left;width:820px;}
	body.body-view-news .content101{float:left;width:718px;margin:0 60px;}
	.content102{float:right;width:300px;}
	html.ar .content101{float:right;}
	html.ar .content102{float:left;}

	/* 단분리 1단 - 글기사 리스트 (최신기사 외 알고보는 베이징) */
	.content111:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
	/* 단분리 2단 - 영상 본문 */
	.content201{float:left;width:610px;}
	.content202{float:right;width:300px;}
	/* 단분리 1단 - 포토 본문, 그래픽 본문 */
	.content301:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}

	html.en .section-tit .tit,
	html.es .section-tit .tit,
	html.fr .section-tit .tit{font-family:Pretendard,'Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;}
}


/* ---------------- ####푸터 (common) ---------------- */
.wrap-footer001{position:relative;background-color:#373738;}
.footer{position:relative;padding:40px 0;text-align:center;}
body.page-main .footer{padding:180px 0 60px;text-align:center;}
.footer .link-unit001{padding-top:90px;}
.footer .link-unit002{padding-top:32px;}
.footer .link-con{display:none;}
.footer .txt-unit001{padding-top:32px;}
.footer .site-name011{margin-left:16px;margin-top:6px;padding-left:18px;overflow:initial;}
.footer .site-name011:before{content:'';display:block;position:absolute;top:-5px;left:0;width:2px;height:36px;background-color:rgba(255,255,255,0.15);}

html.ar .footer .site-name011{margin-left:0;margin-right:16px;padding-left:0;padding-right:16px;overflow:initial;}
html.ar .footer .site-name011:before{left:initial;right:0;}

.footer .logo-unit011{padding:0;}
.footer .logo-unit011 .ir-txt{padding:0;box-sizing:border-box;background:url(../img/lang_sprites_yna_logo02.png?v=20250428_1116) 0 0 no-repeat;}
html.en .footer .logo-unit011 .ir-txt{width:142px;height:36px;background-position:0 0;}
html.zh .footer .logo-unit011 .ir-txt{width:118px;height:36px;background-position:0 -50px;}
html.zh body.cb .footer .logo-unit011 .ir-txt{width:118px;height:36px;background-position:-200px -50px;}
html.ja .footer .logo-unit011 .ir-txt{width:154px;height:36px;background-position:0 -100px;}
html.ar .footer .logo-unit011 .ir-txt{width:209px;height:36px;background-position:0 -150px;}
html.es .footer .logo-unit011 .ir-txt{width:340px;height:36px;background-position:0 -200px;}
html.fr .footer .logo-unit011 .ir-txt{width:309px;height:36px;background-position:0 -250px;}

.footer .site-name011 .ir-txt{width:264px;height:25px;padding:0;box-sizing:border-box;background:url(../img/lang_footer_apec_logo01.svg) 0 0 no-repeat;}

/* =============== ######콘텐츠 Content ======================== */

/* ---------------- ####색상/칼라 ---------------- */
/* .bg-color001{} */
/* .font-color001{} */

/* ---------------- ####라인 ---------------- */
/* 레이아웃 단 가운데 라인
 * .line01 : 특집 글기사 본문
 * .line02 : 특집 영상 본문 */
 @media only screen and (min-width:769px){
	.line01{background:url(//r.yna.co.kr/www/home_n/v02/img/bg_dot01_layout.gif) 850px 0 repeat-y;}
	.line02{background:url(//r.yna.co.kr/www/home_n/v02/img/bg_dot01_layout.gif) 645px 0 repeat-y;}
	html.ar .line01{background-position:340px 0;}

	/* 레이아웃 단 가로 라인 */
	.border-h01{border-top:1px solid #000;}
	.border-h02{border-bottom:1px solid #000;}
	/* 레이아웃 단 마진값 */
	[class*='content0'].margin01{margin-top:0;}
}

/* ---------------- ####딤드(DIMMED)/오버레이 ---------------- */
/* .list-unit004 사용 */
.dim-unit111{position:relative;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.dim-unit111:before{content:'';display:block;clear:both;position:absolute;top:50%;left:50%;width:0;height:0;margin:-32px 0 0 -24px;border-top:32px solid transparent;border-bottom:32px solid transparent;border-left:48px solid #fff;}

/* ---- mask-unit$$$ : 윈도우 딤드 ---- */
.mask-unit001{will-change:opacity;opacity:0;position:fixed;top:0;left:0;z-index:-1;width:0;height:0;background:#000;
	-webkit-transition:z-index 0.25s, opacity 0.15s 0.12s;
	transition:z-index 0.25s, opacity 0.15s 0.12s;}
/* popup-mode01 : 검색 레이어팝업 오픈 시 */
.popup-mode01 .mask-unit001{width:100%;height:100%;z-index:90;opacity:0.5;}
.popup-mode01 [class*='wrap-header']{z-index:210;}
.popup-mode01 .wrap-header001{background-color:#fff;}
.popup-mode01 [class*='aside-sticky']{z-index:1;}
.popup-mode01 .site-unit033{opacity:0 !important;height:0 !important;}

/* ---------------- ####로고 ---------------- */
/* logo-unit$$$,  site-name$$$
 * 동일 스타일군 아닐 경우 십단위로 넘버링 */
[class*='logo-unit'],
[class*='site-name']{overflow:hidden;display:inline-block;position:relative;box-sizing:border-box;border:none;color:transparent;line-height:0;}

[class*='logo-unit'] .ir-txt{box-sizing:border-box;background:url(../img/sprites.svg?v=20240620_0000) 0 0 no-repeat;}
/* [class*='site-name'] .ir-txt{box-sizing:border-box;background:url(../img/sprites_lang_w.svg?v=20240620_0000) 0 0 no-repeat;} */

@media only screen and (min-width:1025px){
	 /* ##로고 */
	 /* .logo-unit001 : 연합뉴스 PC/M 메인 */
	.logo-unit001{}
	.logo-unit001 .ir-txt{width:40px;height:40px;}
	 /* .logo-unit001 .ir-txt{width:132px;height:37px;background-position-y:0;} 메인 */
	 /* .logo-unit002 : 연합뉴스 PC/M 서브, 푸터 */
	.logo-unit002 .ir-txt{width:82px;height:23px;background-size:242px auto;background-position:0 -30px;}
	/* .logo-unit011 : 연합뉴스 PC/M 푸터
	  * PC 일 때 logo-unit002와 동일하고 M 일 때 다름 */
	.logo-unit011 .ir-txt{width:144px;height:40px;background-position:0 -50px;}

	/* .site-name011 : PC/M 푸터
	 * PC 일 때 logo-unit002와 동일하고 M 일 때 다름 */
	.site-name011 .ir-txt{width:271px;height:37px;background-position:0 -100px;}
}

/* ---------------- ####아이콘 ---------------- */
[class*='ico-unit'],
[class*='ico-flag']{overflow:hidden;display:inline-block;position:relative;box-sizing:border-box;border:none;line-height:0;font-size:0;color:transparent;}
[class*='ico-unit'].ir-txt,
[class*='ico-unit'] .ir-txt,
[class*='ico-flag'].ir-txt,
[class*='ico-flag'] .ir-txt{z-index:-1;outline:none;background-image:none;text-indent:-9999px;}

/* ---- ico-unit001-**** ---- */
[class*='ico-unit001']:before{content:'';position:absolute;left:50%;top:50%;box-sizing:border-box;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
/* .ico-unit001-play01 : 영상재생 - 메인 */
.ico-unit001-play01{width:32px;height:32px;background-color:#B9003F;}
.ico-unit001-play01:before{width:0;height:0;margin-left:3px;border-top:10px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #fff;}
/* .ico-unit001-play02 : 영상재생 - 리스트 */
.ico-unit001-play02{width:32px;height:32px;background-color:#B9003F;}
.ico-unit001-play02:before{width:0;height:0;margin-left:1px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;}
/* .ico-unit001-play03 : 영상재생- 오버 */
.ico-unit001-play03{width:64px;height:72px;}
.ico-unit001-play03:before{width:0;height:0;margin-left:3px;border-top:32px solid transparent;border-bottom:32px solid transparent;border-left:48px solid #fff;}

/* ---- ico-unit002-**** ---- */
[class*='ico-unit002']{position:relative;width:44px;height:42px;}
[class*='ico-unit002']:before{content:'';display:inline-block;position:absolute;left:50%;top:50%;box-sizing:border-box;background:url(../img/sprites.svg?v=20240620_0000) 0 0 no-repeat;}
/* .ico-unit002-srch01 : 검색 기본(보라색) */
.ico-unit002-srch01:before{width:22px;height:22px;margin:-11px 0 0 -11px;background-position:-61px -712px;}
.ico-unit002-close01:before{width:22px;height:22px;margin:-11px 0 0 -11px;background-position:-148px -698px;}
/* .ico-unit002-srch02 : 검색 블랙 */
.ico-unit002-srch02:before{width:30px;height:30px;margin:-15px 0 0 -15px;background-position:-200px -50px;}

.ico-unit002-close02:before{width:12px;height:12px;margin:-6px 0 0 -6px;background-position:-350px -100px;}

/* ---- ico-unit003-**** ---- */
[class*='ico-unit003']{width:50px;height:50px;}
[class*='ico-unit003']:before{content:'';display:inline-block;position:absolute;left:50%;top:50%;box-sizing:border-box;background:url('../img/ico_srh01.svg') 0 0 no-repeat;}
/* .ico-unit003-srch01 : 검색 화이트 */
.ico-unit003-srch01:before{width:24px;height:24px;margin:-12px 0 0 -12px;}
/* .ico-unit003-srch02 : 검색 블랙 */
.ico-unit003-srch02:before{width:40px;height:40px;margin:-20px 0 0 -20px;background-position:-200px -400px;}

/* ---------------- ####버튼 ---------------- */
[class*='btn-unit']{overflow:hidden;display:inline-block;position:relative;z-index:0;box-sizing:border-box;border:none;background-color:transparent;color:inherit;font:inherit;line-height:normal;vertical-align:top;white-space:nowrap;cursor:pointer;}
[class*='btn-unit'].hide{display:none;}
[class*='btn-unit'] .ir-txt{z-index:-1;outline:none;}
[class*='btn-unit'] .txt{position:relative;box-sizing:border-box;}
[class*='btn-unit'] [class*='ico']{outline:none;}

/* swiperJS CSS 초기화 - 버튼 */
[class*='btn-unit101'][class*='swiper-button']{top:auto;right:auto;left:auto;margin-top:0;background-image:none;}

/* ---- btn-unit000-**** ---- */
/* 패턴화 되지않은 버튼  */

 /* .btn-unit000-close01 : 포토본문 : 닫기버튼 */
.btn-unit000-close01{display:inline-block;width:41px;height:41px;}
.btn-unit000-close01:before,
.btn-unit000-close01:after{content:"";display:block;clear:both;position:absolute;background-color:#fff;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}
.btn-unit000-close01:before{top:20px;left:9px;width:25px;height:1px;}
.btn-unit000-close01:after{top:8px;left:21px;width:1px;height:25px;}
.btn-unit000-close01 span{overflow:hidden;display:block;width:0;height:0;line-height:0;font-size:0;}

/* .btn-unit000-menu01 : 전체메뉴 버튼 */
[class*='btn-unit000-menu']{display:block;width:66px;height:58px;}
/* [class*='btn-unit000-menu']:before{content:'';clear:both;display:block;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:4px;background:#0f37c8;} */
[class*='btn-unit000-menu'] .line{position:relative;width:16px;height:14px;margin:2px auto 0;}
[class*='btn-unit000-menu'] .line>span{will-change:transform;display:inline-block;box-sizing:border-box;position:absolute;left:0;width:100%;height:2px;background:#fff;text-indent:-9999px;}
/* -webkit-transition:all .4s ease-out;
transition:all .4s ease-out; */
[class*='btn-unit000-menu'] .line>span:nth-of-type(1){top:0;}
[class*='btn-unit000-menu'] .line>span:nth-of-type(2){top:6px;}
[class*='btn-unit000-menu'] .line>span:nth-of-type(3){bottom:0;}
/* 활성화 */
[class*='btn-unit000-menu'].active:before{display:none;}
[class*='btn-unit000-menu'].active .line{width:20px;height:20px;}
[class*='btn-unit000-menu'].active .line>span{background:#000;}
[class*='btn-unit000-menu'].active .line>span:nth-of-type(1){
-webkit-transform:translateY(10px) rotate(-45deg);
transform:translateY(10px) rotate(-45deg);}
[class*='btn-unit000-menu'].active .line>span:nth-of-type(2){opacity:0;}
[class*='btn-unit000-menu'].active .line>span:nth-of-type(3) {
-webkit-transform:translateY(-8px) rotate(45deg);
transform:translateY(-8px) rotate(45deg);}

/* ---- btn-unit001-**** ---- */
/* M용 텍스트 버튼
 * 푸터 */
/* [class*='btn-unit001']{min-width:110px;height:40px;border:2px solid #fff;font-size:0;text-align:center;} */
[class*='btn-unit001']{min-width:80px;height:20px;font-size:0;text-align:center;}
[class*='btn-unit001'] .txt{display:inline-block;font-size:12px;line-height:20px;color:rgba(255,255,255,0.8);vertical-align:middle;}

/* ---- btn-unit011-**** ---- */
/* 버튼 하위 아이콘 태그 구조
 * .btn-unit011-**** > .ico-unit$$$-****  */
[class*='btn-unit011']{width:40px;height:40px;}
[class*='btn-unit011'] .txt-alt{overflow:hidden;position:absolute;width:1px;height:1px;padding-left:1px;white-space:nowrap;opacity:0;}
[class*='btn-unit011']>i{position:absolute;top:50%;left:50%;
-webkit-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}

/* ---- btn-unit012-**** ---- */
/* 버튼 하위 아이콘 태그 구조
 * .btn-unit012-**** > .ico-unit$$$-****  */
[class*='btn-unit012']{width:40px;height:40px;}
[class*='btn-unit012'] .txt-alt{overflow:hidden;position:absolute;width:1px;height:1px;padding-left:1px;white-space:nowrap;opacity:0;}
[class*='btn-unit012']>i{position:absolute;top:50%;left:50%;
-webkit-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}

/* ---- btn-unit021 ---- */
/* .btn-unit021 - 텍스트 더보기 */
[class*='btn-unit021']{overflow:visible;padding:5px;font-size:0;text-align:left;}
@media only screen and (min-width:769px){
	[class*='btn-unit021'] .txt{display:inline-block;padding:0 3px 0 19px;font-size:16px;line-height:100%;color:#000;letter-spacing:-0.8px;vertical-align:middle;}
	[class*='btn-unit021'] .txt:before,
	[class*='btn-unit021'] .txt:after{content:'';display:inline-block;position:absolute;background-color:#000;}
	[class*='btn-unit021'] .txt:before{left:0;top:6px;width:14px;height:2px;}
	[class*='btn-unit021'] .txt:after{left:6px;top:0;width:2px;height:14px;}
}


/* ---- btn-unit101-**** ---- */
/* 슬라이드 방향 버튼 */
[class*='btn-unit101']{width:48px;height:48px;border:solid 1px #eee;background-color:#fff;}
.btn-unit101-prev{border-radius:8px 0 0 8px;box-shadow:-3px 3px 6px rgba(0, 0, 0, 0.1);}
.btn-unit101-next{border-radius:0 8px 8px 0;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.1);}
.btn-unit101-prev+.btn-unit101-next{border-left:none;}
[class*='btn-unit101'] .ir-txt{position:absolute;left:50%;top:50%;box-sizing:border-box;width:14px;height:26px;background:url(../img/sprites_beijing01.png) -300px 0 no-repeat;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
@media only screen and (min-width:769px){
	[class*='btn-unit101']:hover .ir-txt{background-position-y:-50px;}
}

.btn-unit101-prev .ir-txt{background-position-x:-300px;}
.btn-unit101-next .ir-txt{background-position-x:-350px;}
.btn-unit101-prev.swiper-button-disabled .ir-txt,
.btn-unit101-next.swiper-button-disabled .ir-txt{opacity:0.5;background-position-y:0;}

/* ---- btns-wrap$$ 버튼 영역 ---- */
/* 01 : 오른쪽 정렬
 * 02 : 왼쪽 정렬
 * 03 : 가운데 정렬
 * 11 : .btn-unit101 방향버튼 그룹핑 */
[class*='btns-wrap']{overflow:hidden;position:relative;width:100%;}
.btns-wrap01{text-align:right;}
.btns-wrap02{text-align:left;}
.btns-wrap03{text-align:center;}
.btns-wrap11{overflow:visible;display:inline-block;width:auto;font-size:0;}

/* 스크롤탑버튼 */
.btn-scroll-top{opacity:0;display:block;border:0;outline:none;background:none;z-index:200;position:fixed;bottom:40px;right:40px;width:50px;height:50px;border-radius:50%;background:#09bab2;transition:ease 0.5s;}
.btn-scroll-top:before{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;margin:2px 0 0 0;border-top:1px solid #fff;border-left: 1px solid #fff;transform: translate(-50%, -50%) rotate(45deg);}
.btn-scroll-top.active{opacity:1;}

/* ---------------- ####페이징 ---------------- */

/* ---- paging-unit001 : 리스트 숫자 ---- */
.paging-unit001{position: relative;font-size:0;text-align:center;}
.paging-unit001>a,
.paging-unit001 .num{display:inline-block;height:38px;margin:0 5px;vertical-align:top;}
.paging-unit001 .first,
.paging-unit001 .last{display:none;}
.paging-unit001 .prev,
.paging-unit001 .next{position:relative;width:30px;height:30px;}
.paging-unit001 .prev span,
.paging-unit001 .next span{overflow:hidden;position:absolute;top:12px;width:6px;height:6px;border:1px solid #555;border-right:0 !important;border-bottom:0 !important;font-size:1px;color:transparent;text-indent:-9999px;}
.paging-unit001 .prev span{left:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.paging-unit001 .next span{left:9px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.paging-unit001 .num{box-sizing:border-box;width:30px;height:30px;font-weight:500;font-size:14px;line-height:30px;color:#000;}
.paging-unit001 .num.on{border-radius:8px 0 8px 8px;background-color:#B9003F;font-weight:700;color:#fff;}
@media only screen and (min-width:769px){
	/* a:hover 의 border, line-height 는 외국어 reset에 필요 */
	/* .paging-unit001 .num:not(.on):hover{text-decoration:underline;} */
	.paging-unit001 a:hover{border:none;line-height:30px;text-decoration:none;}
}

/* ---- paging-unit011 : 리스트 스와이프  ---- */
.paging-unit011{position: relative;font-size:0;text-align:center;}
.paging-unit011>a,
.paging-unit011 .num{display:inline-block;margin:0 4px;vertical-align:top;}
.paging-unit011 .first,
.paging-unit011 .last{display:none;}
.paging-unit011 .prev,
.paging-unit011 .next{position:relative;width:30px;height:30px;}
.paging-unit011 .prev span,
.paging-unit011 .next span{overflow:hidden;position:absolute;top:12px;width:8px;height:8px;border:1px solid #666;border-right:0 !important;border-bottom:0 !important;font-size:1px;color:transparent;text-indent:-9999px;}
.paging-unit011 .prev{margin-right:20px;}
.paging-unit011 .next{margin-left:20px;}
.paging-unit011 .prev span{left:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.paging-unit011 .next span{left:9px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.paging-unit011 .num{box-sizing:border-box;width:30px;font-size:15px;line-height:30px;color:#666;}
.paging-unit011 .num.on{color:#fff;font-weight:600;background-color:#4F6FCB;border-radius:2px;}
@media only screen and (min-width:1025px){
	.paging-unit011>.swiper-wrapper{display:inline;}
	.paging-unit011 a:hover{border:none;line-height:30px;text-decoration:none;}
}

/* ---- pager-unit001 : 슬라이드 숫자 페이징 ---- */
.pager-unit001{display:inline-block;left:auto;width:42px;height:30px;}
.pager-unit001 span{font-size:14px;line-height:30px;color:#999;letter-spacing:0;}
.pager-unit001 .txt-current{font-weight:500;color:#000;}

/* ---------------- ####타이틀/텍스트 ---------------- */
/* title-unit$$$, title-box$$$, txt-unit$$$ */

/* ---- [공통] title-unit$$$ : 제목  ---- */
[class*='title-unit']{position:relative;display:inline-block;box-sizing:border-box;vertical-align:bottom;}
[class*='title-unit'].hidden-obj{position:absolute;}
[class*='title-unit'] [class*='tit'],
[class*='title-unit'] [class*='txt']{vertical-align:bottom;}
[class*='title-unit'] [class*='tit']{position:relative;box-sizing:border-box;}
[class*='title-unit'] .tit{font-size:18px;line-height:22px;}
[class*='title-unit'].medium .tit{font-weight:500;}
[class*='title-unit'].bold .tit{font-weight:700;}
[class*='title-unit'] .txt{margin-left:6px;color:#666;font-size:10px;line-height:12px;letter-spacing:0;}
[class*='title-unit'] .tit+.txt{margin-left:6px;}

/* ---- title-unit000 : 특집사이트 공통 - 페이지명 ---- */
/* .title-unit000{} */

/* ---- title-unit001 ---- */
.title-unit001 .tit{font-size:34px;line-height:100%;color:#000;letter-spacing:-1.7px;}

/* ---- title-unit002 ---- */
@media only screen and (min-width:769px){
	.title-unit002{min-width:197px;height:148px;padding-right:84px;border-radius:8px 80px 8px 8px;background-color:#b11e33;}
	.title-unit002 .tit{position:relative;z-index:1;padding:70px 32px 20px 10px;font-size:40px;line-height:58px;letter-spacing:-2px;color:#fff;}
	.title-unit002 .tit:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border-radius:8px 0 0 8px;background-color:#761b2b;}
}
/* ---- [공통] txt-unit$$$ : 텍스트  ---- */
[class*='txt-unit'].bold{font-weight:500;}

/* ---- txt-unit001 : 푸터 카피라이터 ---- */
.txt-unit001 span{position:relative;}
.txt-unit001 .txt01 span:before{content:'';display:inline-block;position:relative;top:2px;width:1px;height:13px;margin:0 10px;background-color:rgba(255,255,255,0.25);}
.txt-unit001 .txt01 span:nth-of-type(1):before,
.txt-unit001 .txt01 span:nth-of-type(3):before{display:none;}

@media only screen and (min-width:769px){
	.txt-unit001{font-size:16px;line-height:30px;color:rgba(255,255,255,0.5);}
	.txt-unit001 .txt01 span:nth-of-type(1){margin-left:0;}
	.txt-unit001 .txt02 span+span{margin-left:6px;}
	.txt-unit001 .txt03,
	.txt-unit001 br{display:none;}
}

/* ---- txt-unit021 : title-box 안 설명문구 ---- */
.txt-unit021{font-size:14px;line-height:24px;color:#777;}
.txt-unit021 .txt01{margin-left:4px;color:#0074FF;}
.txt-unit021.bold .txt01{font-weight:bold;}
html.ar .txt-unit021 .txt01{margin:0 4px 0 0;}

/* ---- txt-unit021 : title-box 안 설명문구 ---- */
.txt-unit031{font-size:13px;line-height:24px;color:#999;}

/* ---- txt-unit901 : 가이드용 텍스트 ---- */
.txt-unit901{font-size:16px;line-height:23px;color:#000;}

/* ---- [공통] title-box$$$ : 제목, 텍스트 박스 ---- */
/* title-box$$$ : 타이틀, 텍스트 등 그룹핑 역할
 * title-box : 기본사용
 * title-box001 : 화보 */
[class*='title-box']{display:flex;align-items:center;justify-content:space-between;position:relative;box-sizing:border-box;}
@media only screen and (min-width:769px){
	.title-box .btn-unit021{}
	.title-box .txt-unit021,
	.title-box .txt-unit031{display:inline-block;position:absolute;bottom:0;right:0;}
}

/* ---------------- ####리스트 (기사 싱글) ---------------- */

/* ---- [공통] news-unit$$$ ---- */
[class*='news-unit']{position:relative;}
[class*='news-unit'] [class*='item-box']{position:relative;}
[class*='news-unit'] [class*='item-box']:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
/* 섬네일 영역 */
[class*='news-unit'] .img-con{position:relative;}
[class*='news-unit'] .img{position:relative;display:block;width:100%;height:100%;}
[class*='news-unit'] .img img{width:100%;}
/* 키워드 영역 */
[class*='news-unit'] .desc-con{position:absolute;}
/* 부제 */
[class*='news-unit'] [class*='tit-sub']{font-weight:500;font-size:16px;line-height:18px;color:#000;}
[class*='news-unit'] [class*='tit-sub'] strong{position:relative;margin-top:10px;padding-left:13px;font:inherit;vertical-align:middle;}
[class*='news-unit'] [class*='tit-sub'] strong:empty{display:none;}
[class*='news-unit'] [class*='tit-sub'] strong:after{content:'';display:block;clear:both;position:absolute;top:1px;left:0;width:2px;height:17px;background:#000;}
/* 어깨제목 */
[class*='news-unit'] .txt-tag{display:block;margin-top:5px;font-weight:500;font-size:16px;line-height:20px;}
[class*='news-unit'] .txt-tag:empty{display:none;}

@media only screen and (min-width:769px){
	[class*='news-unit'] a,
	[class*='news-unit'] a:hover{text-decoration:none;}
	/* (외국어) */
	/* html.en [class*='news-unit'] .tit-news,
	html.es [class*='news-unit'] .tit-news,
	html.fr [class*='news-unit'] .tit-news{font-family:'Playfair Display',serif;} */

}

@media only screen and (min-width:769px){
	[class*='news-unit'] a,
	[class*='news-unit'] a:hover{text-decoration:none;}

	/* ---- news-unit001 : 메인 톱기사 ---- */
	/* 리드 : 2줄 말줄임
	 * .news-con > .inner 구조 : 모바일에서 텍스트 영역의 가변 높이 값을 가상 선택자들이 상속받기 위해 필요함 */

	/* 톱기사가 길어질것은 대비하여 선언함 */
	.main-topnews001,
	.news-unit001{min-height:370px;}
	.news-unit001{z-index:1;box-sizing:border-box;width:1100px;margin:0 auto;padding-bottom:30px;}
	.news-unit001 .img-con,
	.news-unit001 .img-con .img{border-radius:80px 0 0 0;}
	.news-unit001 .img-con .img{background-color:#fff;}
	.news-unit001 .img-con .img.imgLiquid_ready{background-color:transparent;}
	.news-unit001 .img-con{position:absolute;top:0;left:0;z-index:1;width:550px;;height:340px;}
	.news-unit001 .news-con{display:block;box-sizing:border-box;width:580px;min-height:340px;margin-left:520px;background-color:#fff;}
	.news-unit001 .news-con .inner{padding:16px 34px 20px 64px;}
	.news-unit001 .tit-wrap{overflow:hidden;}
	.news-unit001 .tit-news{display:inline;font-weight:700;font-size:36px;line-height:1.25;letter-spacing:-1px;vertical-align:middle;}

	/* (외국어) */
	html:not(.ar) .news-unit001 .tit-news:hover{
	background:-webkit-linear-gradient(#000,#000) 0 100% / 100% 2px no-repeat;
	background:linear-gradient(#000,#000) 0 100% / 100% 2px no-repeat;}
	html.ar .news-unit001 .tit-news{padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,0);}
	html.ar .news-unit001 .tit-wrap:hover .tit-news{border-color:#000;}

	.news-unit001 .tit-sub{font-weight:500;font-size:17px;line-height:20px;letter-spacing:-0.4px;}
	.news-unit001 .tit-sub strong{margin:29px 0 9px;}
	.news-unit001 .lead{font-size:15px;color:#666;line-height:24px;letter-spacing:-0.4px;vertical-align:middle;}
	.news-unit001 .related-unit001{margin:16px 32px 0 0;}
	.news-unit001 .tit-wrap+.lead{margin-top:10px;}

	/* .main-topnews001 : 메인 톱기사 배경 */
	.main-topnews001{position:relative;}
	/* 메인 비주얼 배경 */
	.content001:before,
	.content001:after{content:'';display:block;clear:both;position:absolute;}
	.content001:after{visibility:visible !important;bottom:0;left:0;z-index:-1;width:100%;height:81.125% !important;background-color:#088dea;}
	/* 메인 비주얼 오브젝트 */
	.page-main [class*='visual-object']{position:absolute;left:50%;top:0;z-index:-1;width:1100px;height:1px;margin-left:-550px;}
	.page-main [class*='visual-object']:before,
	.page-main [class*='visual-object']:after{position:absolute;}
	.page-main .visual-object01:before{top:119px;left:-406px;z-index:100;}
	.page-main .visual-object01:after{top:133px;right:-493px;z-index:100;}
}

/* ---------------- ####리스트 (기사 목록) ---------------- */
/* 메인 리스트 : .list-unit001 ~ .list-unit199
 * 서브 리스트 : .list-unit201 ~ .list-unit401 */

/* ---- [공통] list-unit ---- */
[class*='list-unit'] [class*='item-box']{position:relative;}
[class*='list-unit']>.list{box-sizing:border-box;}
[class*='list-unit'] .img-con{overflow:hidden;position:relative;text-align:center;}
[class*='list-unit'] .img img{width:100%;}
[class*='list-unit'] .tit-wrap{display:block;}
[class*='list-unit'] .img{position:relative;width:100%;}
[class*='list-unit'] .img:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(0, 0, 0, 0.05);}

@media only screen and (min-width:769px){
	[class*='list-unit'] [class*='-con'] a,
	[class*='list-unit'] [class*='-con'] a:hover{text-decoration:none;}
	[class*='list-unit'] .tit-news{display:inline;}
	[class*='list-unit'] .txt-time{letter-spacing:0;}

	/* (외국어) */
	html:not(.ar) [class*='list-unit'] .tit-wrap:hover .tit-news{
	background:-webkit-linear-gradient(#000,#000) 0 100% / 100% 1px no-repeat;
	background:linear-gradient(#000,#000) 0 100% / 100% 1px no-repeat;}
	html.ar [class*='list-unit'] .tit-news{padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,0);}
	html.ar [class*='list-unit'] .tit-wrap:hover .tit-news{border-color:#000;}
}

/* ---- [메인] 톱뉴스 3건 ---- */
.list-unit001{overflow:hidden;}
.list-unit001 .list:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
@media only screen and (min-width:769px){
	.list-unit001 .list>li{float:left;width:356px;}
	.list-unit001 .list>li+li{margin-left:16px;}
	.list-unit001 .item-box01{/* min-height:484px; */}
	.list-unit001 .img-con{margin-bottom:20px;}
	.list-unit001 .img-con .img{width:100%;;height:267px;}
	.list-unit001 .news-con{position:relative;}
	.list-unit001 .tit-wrap{overflow:hidden;max-height:58px;}
	.list-unit001 .tit-news{font-weight:500;font-size:22px;line-height:29px;}
	.list-unit001 .lead{overflow:hidden;max-height:52px;margin:20px 0 5px;font-size:15px;line-height:28px;color:#666;}
	.list-unit001 .lead:empty{display:none;}
	.list-unit001 [class*='related-unit']{margin-top:21px;}
	.list-unit001 [class*='related-unit'] .tit{overflow:hidden;max-height:48px;}
}

/* ---- [메인] 주요기사 ---- */
.list-unit002 .list{position:relative;width:100%;}
.list-unit002 .list li{margin-top:24px;font-size:0;}
.list-unit002 .list li:first-child{margin-top:0;}
.list-unit002 .item-box01{box-sizing:border-box;}
.list-unit002 .item-box01:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.list-unit002 .info-box01{width:100px;}
.list-unit002 .img-con{float:left;width:170px;height:130px;margin-right:14px;}
.list-unit002 .img{width:100%;height:130px;}
.list-unit002 .img img{width:auto;max-width:170px;max-height:130px;}
.list-unit002 .news-con{width:100%;}
.list-unit002 .img-con+.news-con{float:left;width:509px;}
.list-unit002 .tit-wrap{margin-top:6px;}
.list-unit002 .tit-news{font-weight:500;font-size:22px;line-height:30px;color:#000;letter-spacing:-0.5px;}
.list-unit002 .lead{font-size:16px;line-height:24px;color:#666;letter-spacing:-0.4px;}
.list-unit002 .tit-wrap+.lead{margin-top:6px;}

/* ---- [메인] 영상01 ---- */
.list-unit004{overflow:hidden;}
.list-unit004 .list:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.list-unit004 .tit-wrap{overflow:hidden;max-height:72px;}
.list-unit004 .tit-news{font-weight:500;font-size:22px;line-height:36px;letter-spacing:-0.5px;}
.list-unit004 .txt-play01,
.list-unit004 [class*='ico-unit001'],
.list-unit004 .dim-unit111{position:absolute;}
.list-unit004 .txt-play01{display:inline-block;top:0;left:0;z-index:10;box-sizing:border-box;width:66px;height:35px;background:rgba(0,0,0,0.3);font-size:14px;line-height:36px;color:#fff;letter-spacing:0;text-align:center;}
.list-unit004 [class*='ico-unit001']{right:0;bottom:0;z-index:10;}
.list-unit004 .dim-unit111{opacity:0;top:0;left:0;z-index:1;
-webkit-transition:opacity 0.25s, z-index 0.25s;
transition:opacity 0.25s, z-index 0.25s;}

@media only screen and (min-width:769px){
	.list-unit004 .list>li{float:left;width:530px;}
	.list-unit004 .list>li+li{margin-left:40px;}
	.list-unit004 .item-box01{min-height:385px;}
	.list-unit004 .img-con{overflow:visible;margin-bottom:13px;}
	.list-unit004 .img-con .img{width:100%;height:298px;}
	.list-unit004 .img-con a:hover .dim-unit111{opacity:1;}
	.list-unit004 .news-con{position:relative;}
}


/* ---- [서브] 글기사 리스트 ---- */
/* list-unit201 : 최신기사, 알고보는 베이징  */
.list-unit201 .list{position:relative;width:100%;}
.list-unit201 .list li:first-child{margin-top:0;}
.list-unit201 .item-box01:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
/* .list-unit201 .img-con.rowH .img{background-color:#f1f1f1 !important;background-size:contain !important;} */

/* @@@@ 리스트 썸네일  */
.list-unit201 .img-con{visibility:hidden;}
.list-unit201 .img-con.show{visibility:visible;}
.list-unit201 .img-con.rowH .img{background-size:contain !important;background-color:#f9f9f9;}
@media only screen and (min-width:769px){
	.list-unit201 .list li{padding:20px 0;font-size:0;border-bottom:1px solid #e9e9e9;box-sizing:border-box;}
	.list-unit201 .list li:first-child{padding-top:0;}
	.list-unit201 .item-box01{display:flex;}
	.list-unit201 .info-box01{display:none;}
	.list-unit201 .img-con{overflow:hidden;position:relative;width:195px;height:129px;text-align:left;}
	.list-unit201 .img{width:195px;height:129px;text-align:center;}
	.list-unit201 .img,
	.list-unit201 .img img{}
	.list-unit201 .img:not(.img-cover) img{width:auto;max-width:195px;max-height:129px;}
	.list-unit201 .news-con{padding-left:24px;width:600px;}
	html.ar .list-unit201 .news-con{padding-left:0;padding-right:17px;}
	/* .list-unit201 .news-con .txt-time{display:none;} */
	.list-unit201 .tit-wrap{margin-top:-6px;}
	.list-unit201 .tit-news{font-weight:600;font-size:20px;line-height:30px;color:#111;}

	html.en .list-unit201 .tit-news,
	html.fr .list-unit201 .tit-news,
	html.sp .list-unit201 .tit-news{letter-spacing:-0.4px;}

	.list-unit201 .lead{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;margin-top:5px;font-size:15px;line-height:23px;color:#888;}
	.list-unit201 .txt-time{margin-top:10px;font-size:14px;line-height:21px;color:#888;vertical-align:middle;}
}

/* list-unit202 : 알고보는 베이징 */
.list-unit202 .list:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.list-unit202 .info-box01{display:none;}
@media only screen and (min-width:769px){
	.list-unit202 .list{margin-left:-16px;}
	.list-unit202 .list>li{float:left;margin:0 0 36px 16px;}
	.list-unit202 [class*='item-box']{overflow:hidden;width:356px;height:450px;}
	.list-unit202 .img-con,
	.list-unit202 .img{}
	.list-unit202 .img-con{width:100%;}
	.list-unit202 .img{width:100%;height:269px;margin:0 auto;}
	.list-unit202 .img img{
	-webkit-transition:all 0.55s ease-in-out;
	transition:all 0.55s ease-in-out;}
	.list-unit202 .news-con{position:relative;margin-top:19px;min-height:90px;}
	.list-unit202 .tit-news{font-weight:500;font-size:20px;line-height:30px;color:#000;letter-spacing:-0.5px;}
	.list-unit202 .lead{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;max-height:50px;margin-top:12px;font-size:16px;line-height:24px;color:#666;letter-spacing:-0.4px;}
	.list-unit202 .txt-time{margin-top:16px;font-size:13px;line-height:26px;color:#666;}
}

/* ---- [서브] 최신포토 리스트 ---- */
/* .item-box : 기본 사용 (show, rowH 의 영향이 없다)
 * └ .item-box01 : 오버 섬네일 확대, 오버레이 PC용
 * .img-con : 기본 사용
 * └ .img-con.show : 이미지 로드 후 표출
 * └ .img-con.rowH : 세로 섬네일 정렬
 * └ .img-con.colW01 : 가로 섬네일, 썸네일 영역보다 이미지 높이가 클 경우
 * └ .img-con.colW02 : 가로 섬네일, 썸네일 영역보다 이미지 높이가 작을 경우 */
 .list-unit211 .list:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
 .list-unit211 [class*='item-box'] a{display:block;}
 /* .item-box01
  * 가로 섬네일 : 가로, 세로 영역 채움 (스크립트 사용)
  * 세로 섬네일 : 세로 기준 가운데 정렬 */
 .list-unit211 .item-box01 .img-con{opacity:0;
 -webkit-transition:opacity 0.45s ease-out;
 transition:opacity 0.45s ease-out;}
 .list-unit211 .item-box01 .img-con.show{opacity:1;}
 .list-unit211 .img-con.rowH .img{background-color:#f1f1f1;}
 @media only screen and (min-width:769px){
	 .list-unit211 .list{margin-left:-40px;font-size:0;line-height:0;}
	 .list-unit211 .list>li{display:inline-block;margin:0 0 60px 40px;vertical-align:top;}
	 .list-unit211 [class*='item-box']{overflow:hidden;width:373px;}
	 .list-unit211 .img-con{width:100%;height:249px;}
	 .list-unit211 .img{width:100%;height:100%;}
	 .list-unit211 .img img{width:auto;max-width:430px;object-fit:cover;}
	 .list-unit211 .img-con.rowH img{width:auto !important;height:267px;margin:0;}
	 .list-unit211 .img-con.colW02 img{height:100%;}
	 .list-unit211 .news-con{position:relative;padding:14px 0 27px;}
	 .list-unit211 .tit-news{font-weight:600;font-size:18px;line-height:27px;color:#000;}
	 .list-unit211 .txt-time{position:absolute;bottom:0;left:0;font-size:13px;line-height:20px;color:#666;}
	 html.ar .list-unit211 .txt-time{left:initial;right:0;}
	 /* .item-box01 : 오버레이 */
	 /* .list-unit211 .item-box01 .img:after{opacity:0;content:'';display:block;position:absolute;top:0;left:-340px;;width:100%;height:100%;background:rgba(115,184,217,0.8);z-index:1;font-size:0;line-height:0;
	 -webkit-transition:all 0.45s ease-out;
	 transition:all 0.45s ease-out;}
	 .list-unit211 .item-box01 .img:hover:after{left:0;opacity:1;
	 -webkit-transition:all 0.2s ease-in-out;
	 transition:all 0.2s ease-in-out;} */
	 /* .item-box01 : 오버시 섬네일 확대 */
	 .list-unit211 .item-box01 .img img{
	 -webkit-transition:transform 0.45s ease-in-out;
	 transition:transform 0.45s ease-in-out;}
	 .list-unit211 .item-box01 .img:hover img{
	 -webkit-transform:scale(1.15,1.15);
	 transform:scale(1.15,1.15);}
	 /* .item-box01 : 오버시 세로 섬네일 확대 금지 */
	 /* .list-unit211 .item-box01 .img-con.rowH .img img{
	 -webkit-transition:inherit !important;
	 transition:inherit !important;
	 -webkit-transform:scale(1,1) !important;
	 transform:scale(1,1) !important;} */

	.page-video .list-unit211 .img-con{height:209px;}
	.page-video .list-unit211 .img img{width:100%;height:100%;}
 }

.video-corner{margin-bottom:40px;}
.list-unit212{margin-top:16px;}
.list-unit212 .list li + li{margin-top:32px;}
/* .list-unit212 .list li .img-con .img{position:relative;height:0;padding-bottom:56.25%;} */
.list-unit212 .list li .img-con .img{position:relative;width:300px;height:168px;}
.list-unit212 .list li .img-con .img:before{content:'';display:block;position:absolute;bottom:12px;right:10px;width:40px;height:40px;background:url('../img/ico_play03.svg') no-repeat 0 0;z-index:1;}
/* .list-unit212 .list li .img-con .img img{position:absolute;top:0;left:0;width:100%;height:100%;} */
.list-unit212 .list li .img-con .img img{width:100%;height:100%;object-fit:cover;}
.list-unit212 .list li .news-con{margin-top:12px;}
.list-unit212 .list li .news-con .tit-news{color:#111;font-size:18px;font-weight:600;line-height:24px;}


/* ---- [서브] 최신그래픽 리스트 ---- */
.list-unit221 .list:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
@media only screen and (min-width:769px){
	.list-unit221 .list{margin-left:-16px;font-size:0;line-height:0;}
	.list-unit221 .list>li{display:inline-block;margin:0 0 80px 16px;vertical-align:top;}
	.list-unit221 [class*='item-box']{overflow:hidden;width:263px;}
	.list-unit221 .img-con{width:100%;}
	.list-unit221 .img{width:263px;height:263px;margin:0 auto;}
	.list-unit221 .img img{
	-webkit-transition:all 0.55s ease-in-out;
	transition:all 0.55s ease-in-out;}
	.list-unit221 .news-con{position:relative;min-height:60px;padding:25px 0 38px;}
	.list-unit221 .tit-news{font-size:20px;line-height:30px;color:#000;letter-spacing:-0.5px;}
	.list-unit221 .txt-time{position:absolute;bottom:0;left:0;font-size:13px;line-height:20px;color:#666;}
}

/* ---- [서브] 최신영상 리스트 ---- */
.list-unit231 .list:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.list-unit231 [class*='ico-unit001']{position:absolute;bottom:0;right:0;}
@media only screen and (min-width:769px){
	.list-unit231 .list{margin-left:-16px;font-size:0;line-height:0;}
	.list-unit231 .list>li{display:inline-block;margin:0 0 30px 16px;vertical-align:top;}
	.list-unit231 [class*='item-box']{overflow:hidden;width:263px;}
	.list-unit231 [class*='item-box']>a{display:block;}
	.list-unit231 .img-con{width:263px;height:146px;}
	.list-unit231 .img{width:100%;height:100%;}
	.list-unit231 .news-con{position:relative;min-height:54px;padding:15px 0 38px;}
	.list-unit231 .tit-news{font-size:17px;line-height:26px;color:#000;letter-spacing:-0.4px;}
	.list-unit231 .txt-time{position:absolute;bottom:0;left:0;font-size:13px;line-height:20px;color:#666;}
}

/* ---------------- ####리스트 (관련 목록) ---------------- */

/* ---- related-unit001 : 메인톱기사01 ---- */
/* bold */
.related-unit001>li{position:relative;padding-left:17px;}
.related-unit001>li:before{content:'';position:absolute;top:11px;left:0;width:8px;height:2px;background-color:#333;}
.related-unit001>li+li{margin-top:8px;}
.related-unit001>li>a .tit{font-size:17px;line-height:26px;color:#000;letter-spacing:-0.4px;}
.related-unit001.bold>li .tit{font-weight:500;}
.related-unit001 .btn-type04{display:inline-block;padding-left:0;vertical-align:top;}

/* ---- related-unit002 : 메인톱기사02~04 ---- */
/* bold */
.related-unit002>li{position:relative;padding-left:17px;}
.related-unit002>li:before{content:'';position:absolute;top:11px;left:0;width:10px;height:2px;background-color:#333;}
.related-unit002>li+li{margin-top:2px;}
.related-unit002>li .tit{font-size:15px;line-height:26px;color:#000;letter-spacing:-0.4px;}
.related-unit002.bold>li .tit{font-weight:500;}
.related-unit002 .btn-type04{display:inline-block;padding-left:0;vertical-align:top;}

@media only screen and (min-width:769px){
	[class*='related-unit'] a:hover .tit{text-decoration:underline;}
}

/* ---------------- ####리스트 (링크) ---------------- */
/* link-unit$$$ : 링크 유형 리스트
 * link-unit001 : 푸터 (한국어)
 * link-unit002 : 푸터 (외국어)
 * link-unit011 : 언어 선택
 * link-unit021 : M 전체메뉴 */

/* ---- link-unit001 : 푸터 (한국어) ---- */
/* .link-unit001{font-size:0;}
.link-unit001 li{display:inline-block;}
.link-unit001 li+li{margin-left:13px;}
.link-unit001 li>a{padding:4px;font-size:16px;line-height:20px;color:rgba(255,255,255,0.8);} */

@media only screen and (min-width:1025px){
	[class*='related-unit'] a:hover .tit{text-decoration:underline;}
}

/* ---------------- ####리스트 (링크) ---------------- */
/* link-unit$$$ : 링크 유형 리스트
 * link-unit001 : 푸터 (한국어)
 * link-unit002 : 푸터 (외국어)
 * link-unit011 : 언어 선택
 * link-unit021 : M 전체메뉴 */

/* ---- link-unit001 : 푸터 (한국어) ---- */
.link-unit001{font-size:0;}
.link-unit001 li{display:inline-block;}
.link-unit001 li+li{margin-left:13px;}
.link-unit001 li>a{padding:4px;font-size:16px;line-height:20px;color:rgba(255,255,255,0.8);}
.link-unit001 li>a.point01{color:#fff;font-weight:bold;}

/* ---- link-unit001 : 푸터 (외국어) ---- */
.link-unit002{font-size:0;}
.link-unit002 li{display:inline-block;width:auto;height:auto;}
.link-unit002 li+li{margin-left:40px;}
html.ar .link-unit002 li+li{margin:0 100px 0 0;}
.link-unit002 li>a{padding:4px;font-size:16px;line-height:20px;color:#fff;}

/* ---- link-unit011 : 언어 선택 ---- */
/* .link-unit011{width:124px;text-align:left;} */
.link-unit011{position:absolute;top:76px;right:60px;text-align:left;user-select:none;}
html.ar .link-unit011{right:initial;left:60px;}
/* (공통) 언어별 숨김 */
.link-unit011 .btn-pick{position:relative;border:0;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0);transition:all 0.2s;}
.link-unit011 .btn-pick:before{content:'';clear:both;display:inline-block;position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;width:30px;height:30px;background:url('../img/sprites.svg?v=20240620_0000') -250px -50px no-repeat;}
.link-unit011 .btn-pick:hover{background:rgb(151 255 153);}
.link-unit011 .btn-pick:hover:before{filter:brightness(0) saturate(100%) invert(8%) sepia(36%) saturate(6103%) hue-rotate(251deg) brightness(100%) contrast(127%);}
.link-unit011 .btn-pick>.txt{overflow:hidden;display:inline-block;position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0 0 0 0);white-space:nowrap;}
.link-unit011 .ico{display:inline-block;position:absolute;top:18px;right:16px;padding:4px;border:solid black;border-width: 0 2px 2px 0;transform: rotate(45deg);transition:transform 0.4s;}
.link-unit011.active .ico{top:22px;transform: rotate(225deg);}
.link-unit011 .lang-layer{display:none;margin-top:10px;padding:26px 0 10px;border-radius:16px;background-color:#fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);z-index:10;}
.link-unit011 .lang-layer ul li{margin:2.5px 0;text-align:center;}
.link-unit011 .lang-layer ul a{display:block;padding:6px 0;border-radius:5px;background:#f1f3f7;font-size:15px;line-height:2;font-weight:500;letter-spacing:-0.38px;}
.link-unit011 .lang-layer ul a:hover{text-decoration:none;background:#000;color:#fff;}

.link-unit011 .btn-lang-close01{position:absolute;top:0;right:0;border:0;outline:0;background:none;}

html.ko .link-unit011 ul li.ko a,
html.en .link-unit011 ul li.en a,
html.zh .link-unit011 ul li.zh a,
html.zh .link-unit011 ul li.cg a,
html.ja .link-unit011 ul li.ja a,
html.ar .link-unit011 ul li.ar a,
html.es .link-unit011 ul li.es a,
html.fr .link-unit011 ul li.fr a{background:#000;color:#fff;}

/* 활성화 */
.link-unit011.active .btn-pick:after{top:18px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
.link-unit011.active .lang-layer{display:block;position:absolute;top:40px;left:-155px;}
.link-unit011.active .lang-layer ul{width:355px;padding:16px 15px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px;}
/* ---- link-unit021 : M 전체메뉴 ---- */
.link-unit021{display:none;}

/* ---------------- ####테이블 ---------------- */
/* .tbl-unit001 : 메달현황
 * .tbl-unit001>table */

.tbl-unit001{position:relative;border:1px solid #ddd;border-radius:8px;
background:-webkit-linear-gradient(top, #f5f5f5 0%,#f5f5f5 50%,#ffffff 51%,#ffffff 100%);
background:linear-gradient(to bottom, #f5f5f5 0%,#f5f5f5 50%,#ffffff 51%,#ffffff 100%);}
.tbl-unit001>table{width:100%;margin:8px 0;} /* border-radius 효과를 위해 상하단 8px 필요 */

@media only screen and (min-width:769px){
	.tbl-unit001 .ww01{width:46px;}
	.tbl-unit001 .ww02{width:118px;}
	.tbl-unit001 .ww03,
	.tbl-unit001 .ww04,
	.tbl-unit001 .ww05{width:42px;}
	.tbl-unit001 .ww06{width:60px;}
}

/* .tbl-unit001 공통 th,td */
.tbl-unit001 th,
.tbl-unit001 td{font-size:14px;line-height:21px;color:#000;text-align:center;vertical-align:middle;}
.tbl-unit001 th:first-child,
.tbl-unit001 td:first-child{padding-left:10px;}
.tbl-unit001 th:last-child,
.tbl-unit001 td:last-child{padding-right:10px;}
/* .tbl-unit001 thead 높이 : 56 = 52+4 */
.tbl-unit001 thead th{border-bottom:1px solid #ddd;height:52px;padding-bottom:4px;background-color:#f5f5f5;font-weight:500;}
/* .tbl-unit001 tbody */
.tbl-unit001 tbody{background-color:#fff;}
.tbl-unit001 tbody td{border-top:1px solid #f1f1f1;line-height:53px;}
/* tr:nth-child(1) : thead 영역과 라인 중복 방지
 * tr:nth-child(2) : 한국 강조시 라인 제거 */
.tbl-unit001 tbody tr:nth-child(1) td,
.tbl-unit001 tbody tr:nth-child(2) td{border-top:none;}
.tbl-unit001 td.country{text-align:left;}
.tbl-unit001 [class*='ico-flag001']{margin-left:5px;vertical-align:middle;}
/* 셀 : 메달 강조 */
.tbl-unit001 tbody .m-gold{color:#c78d14;}
.tbl-unit001 tbody .m-silver{color:#919192;}
.tbl-unit001 tbody .m-bronze{color:#af7d4d;}
.tbl-unit001 tbody .m-total{color:#000;}
/* 셀 : 한국 강조 */
.tbl-unit001 .KOR td{font-weight:700;background-color:rgb(139,33,48,0.1);}
.tbl-unit001 .KOR .rank,
.tbl-unit001 .KOR .country .txt{color:#8b2130;}

/* ---------------- ####특집사이트 ---------------- */
/* 특집사이트의 테마에 맞는 콘텐츠
 * visual-object$$ : 비주얼 오브젝트(PC)
 * site-unit$$$ (넘버링 : 십단위) */

/* ---- visual-object$$ : 비주얼 오브젝트(PC) ---- */
@media only screen and (min-width:769px){
	[class*='visual-object']{position:relative;}
	[class*='visual-object']:before,
	[class*='visual-object']:after{content:'';display:block;clear:both;}
	/* 비주얼 오브젝트 좌/우  */
	.visual-object01:before{width:600px;height:485px;background:url(../img/img_object_visual01_02.png) 0 0 no-repeat;}
	.visual-object01:after{overflow:hidden;width:635px;height:452px;background:url(../img/img_object_visual02_01.png) 0 0 no-repeat;}
}

/* ---- [공통] 올림픽 디데이 ---- */
/* .site-unit001 : 디데이 메인
 * .site-unit002 : 디데이 서브 */
/* [class*='site-unit00']{display:none;} */
/* [class*='site-unit00'].show{display:block;} */
.site-unit001 .num:before{content:'D-';display:inline-block;}
html.zh .site-unit001 .num:before{content:'倒计时';margin-right:4px;}
html.zh .site-unit001 .num:after{content:'天';display:inline-block;margin-left:4px;}
html.fr .site-unit001 .num:before{content:'J-';}
@media only screen and (min-width:1025px){
	/* [class*='site-unit00']{width:100px;height:60px;font-size:16px;line-height:1;text-align:right;} */
	[class*='site-unit00'] .dday{display:flex;justify-content:center;position:relative;box-sizing:border-box;}
	/* [class*='site-unit00'] .dday:before, */
	/* [class*='site-unit00'] .dday:after{content:'';display:block;clear:both;position:absolute;} */
	/* [class*='site-unit00'] .dday:before{top:2px;left:0;width:25px;height:35px;background:url(../img/sprites_worldcup01.svg?v=20221115_1540) -150px 0 no-repeat;} */
	/* [class*='site-unit00'] .dday:after{top:17px;left:30px;width:11px;height:3px;} */
	[class*='site-unit00'] .dday .tit{margin-right:12px;font-weight:500;font-size:15px;line-height:40px;color:#97ff99;}
	[class*='site-unit00'] .dday .txt{display:block;font-weight:500;font-size:30px;line-height:40px;color:#fff;}
	/* [class*='site-unit00'] .date{margin-top:8px;font-weight:500;font-size:13px;letter-spacing:0;text-align:right;} */
	.site-unit001 .dday:before{background-position-y:0;}
	.site-unit002 .dday:before{background-position-y:-50px;}
	.site-unit001 .dday:after{background-color:#007ef4;}
	.site-unit002 .dday:after{background-color:#ffea35;}
	.site-unit001 .date{color:#777;}
	.site-unit002 .date{color:rgba(255,255,255,0.5);}

	.site-unit001 .m-day{display:none;}

	[class*='site-unit00'] .num{margin-left:4px;color:#fff;font-weight:500;font-size:30px;line-height:40px;letter-spacing:-0.68px;}
	[class*='site-unit00'] .num>span{display:block;position:absolute;font-size:0;line-height:0;
	-webkit-transition:all .4s cubic-bezier(0.07, 0.54, 0.62, 1.15);
	transition:all .4s cubic-bezier(0.07, 0.54, 0.62, 1.15);}
	[class*='site-unit00'] .d0{left:45px;}
	[class*='site-unit00'] .d1{left:68px;}
}

@media only screen and (min-width:769px){
	.site-unit012{height:93px;text-align:right;}
	.site-unit012 .title-box{width:113px;}
	.site-unit012 .txt-unit021{top:56px;bottom:auto;color:#fff;}
	.site-unit012 .txt-unit021 .txt01{color:#FFEA35;}
	.site-unit012 .list{width:189px;text-align:right;}
	.site-unit012 .num{margin-top:57px;font-size:18px;line-height:18px;}
	.site-unit012 li{width:54px;height:96px;;background-position-y:-151px;}
	.site-unit012 li+li{margin-left:7px;}
	.site-unit012 .m-gold{background-position-x:-500px;}
	.site-unit012 .m-silver{background-position-x:-600px;}
	.site-unit012 .m-bronze{background-position-x:-700px;}

	/* (외국어) */
	html.ar .site-unit012{text-align:left;}
	html.ar .site-unit012 .title-box{width:132px;}
	html.ar .site-unit012 .txt-unit021{right:auto;left:0;}
	html.ar .site-unit012 .list{width:189px;text-align:left;}
	html.ar .site-unit012 li+li{margin-right:6px;margin-left:0;}
}

/* ---------------- ####박스 타입 ---------------- */
[class*='box-unit']{overflow:hidden;position:relative;}
@media only screen and (min-width:769px){
	[class*='box-unit'] [class*='paging-unit']{margin-top:40px;margin-bottom:40px;}
	[class*='box-unit'] [class*='title-box']{margin-bottom:27px;}
	/* [class*='box-unit'] [class*='title-box']{margin-bottom:22px;} */
}

/* ---- [메인] 알고보는 베이징 ---- */
.box-unit001:after{content:'';visibility:visible !important;display:block;clear:both;position:absolute;bottom:0;left:0;z-index:-1;background-color:#098deb;}
@media only screen and (min-width:769px){
	.box-unit001{width:100%;height:415px;}
	.box-unit001:after{width:100%;height:260px !important;}
	.box-unit001 [class*='title-box'],
	.box-unit001 [class*='list-unit']{width:1100px;margin-right:auto;margin-left:auto;}
	.box-unit001 .list-unit003:after{content:'';display:block;clear:both;position:absolute;bottom:0;left:50%;width:1100px;height:260px;margin-left:-550px;background-color:#098deb;}
}

/* ---- [메인] 화보 ---- */
@media only screen and (min-width:769px){
	.box-unit002{overflow:visible;position:relative;width:100%;height:606px;}
	.box-unit002 .title-box{margin-bottom:18px;}
	.box-unit002 .title-area{position:relative;width:100%;height:470px;background-color:#f5f5f5;}
	.box-unit002 .title-area .pager-unit001,
	.box-unit002 .title-area .btns-wrap11{position:absolute;}
	.box-unit002 .title-area .pager-unit001{bottom:62px;left:123px;}
	.box-unit002 .title-area .btns-wrap11{bottom:52px;left:186px;}
	.box-unit002 .list-unit011{top:50px;left:30px;}
	.box-unit002 .list-unit012{position:absolute;top:52px;left:300px;}
}

/* ---- [메인] 영상 ---- */
@media only screen and (min-width:769px){
	.box-unit003{overflow:visible;position:relative;width:100%;height:555px;}
	.box-unit003:after{content:'';display:block;clear:both;position:absolute;top:58px;left:0;z-index:-1;width:100%;height:350px;background:#f5f5f5 url(../img/img_visual_video01.png?v=20220111_0800) 50% 0 no-repeat;}
	.box-unit003 [class*='title-box'],
	.box-unit003 [class*='list-unit']{width:1100px;margin-right:auto;margin-left:auto;}
	.box-unit003 [class*='list-unit']{margin-top:125px;}
}

/* ---- [메인] 베이징 스타 ---- */
.box-unit004:after{content:'';visibility:visible !important;display:block;clear:both;position:absolute;bottom:0;left:0;z-index:-1;background-color:#098deb;}
@media only screen and (min-width:769px){
	.box-unit004{width:100%;height:411px;}
	.box-unit004:after{width:100%;height:260px !important;}
	.box-unit004 [class*='title-box'],
	.box-unit004 [class*='list-unit']{width:1100px;margin-right:auto;margin-left:auto;}
	.box-unit004 .list-unit007:after{content:'';display:block;clear:both;position:absolute;bottom:0;left:50%;width:1100px;height:260px;margin-left:-550px;background-color:#098deb;}
}
/* =============== ######모션 ======================== */

/* =============== ######모듈 Module ======================== */

/*************************************************
* 모듈 박스 (PC 개편)
* PC/M common.css 스타일 재정의
* module-web-**** : PC 콘텐츠 공통
* module-mob-**** : 모바일 콘텐츠 공통
*************************************************/
@media only screen and (min-width:769px){
	[class*='module-web']{display:block;}
	[class*='module-mob']{display:none;}
}

/* ---- (외국어)button ---- */
/* btn-type01 ([티커/기사본문] 기능버튼) : 공통 */
.btn-type01{overflow:visible;width:35px;height:35px;padding:0;border:1px solid #000;border-radius:50%;}
.btn-type01:after{display:none;}

/* 본문 폰트버튼 가 → A 로 변경함 */
.btn-type01.fsize01:before{content:'A';display:block;position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-11px 0 0 -10px;font-weight:bold;font-size:22px;line-height:22px;font-family:arial;color:#000;text-align:center;}
.btn-type01.fsize01.active:before{color:#fff;}
@media only screen and (min-width:769px){
	.btn-type01.fsize01:hover:before{color:#fff;}
}
/* .btn-type01.fsize01 .ir-txt{display:none !important;} */
.btn-type01[class*='font']:before{content:'A';padding:6px 0 5px;font-family:arial;}

/* ---- tooltip-type$$ ---- */
/* tlp-fontsize01 : 폰트크기 */
.tlp-fontsize01 .list01{direction:ltr;}
/* html.ar .tlp-fontsize01 .list01 .btn-type01:first-child{margin-right:0;margin-left:0;}
html.ar .tlp-fontsize01 .list01 .btn-type01{margin:0 10px 0 0;} */

/* tlp-share01 : SNS공유 */
.tlp-share01 .list01{display:block;margin:-10px 0 0 0;text-align:center;}
html:not(.ar) .tlp-share01 .list01 .btn-type07.fb{margin-left:0;}
/* html.ar .tlp-share01 .list01 .btn-type07.tw{margin-left:0;} */

/* ---- (외국어)List ---- */
/* right-list-zone>list-box02
* number01 순위처리 */
.list-box02 a{display:inline-block;width:100%;}
.list-box02 figure + .tit{width:204px;}

/* right-list-zone>photo-box01 */
.photo-box01{font-size:0;line-height:0;margin:15px 0 0 -20px;}
.photo-box01 li{display:inline-block;float:none;box-sizing:border-box;width:140px;padding:0 0 12px 0;margin-left:20px;vertical-align:top;}
.photo-box01 .tit{width:100%;}
.photo-box01 figure{width:100%;}
/* .photo-box01 {margin:15px 0 0 -10px;}
.photo-box01 li{box-sizing:border-box;width:140px;padding:0 0 12px 0;margin-left:10px;}
.photo-box01 .tit{width:100%;}
.photo-box01 figure{width:100%;} */

/* right-list-zone>photo-box02 */
.photo-box02 .tit{font-weight:300;}
.photo-box02 .slider-img .img-con{width:300px;height:300px;margin-bottom:15px;}
html.zh .photo-box02 .tit,
html.ja .photo-box02 .tit{font-weight:normal;}

/* right-list-zone>video-box01 */
.video-box01{margin:15px 0 0 0;}
.video-box01 .img-con{overflow:hidden;display:block;max-width:100%;height:160px;padding-top:0;}
.video-box01 .tit{font-weight:300;}
html.zh .video-box01 .tit,
html.ja .video-box01 .tit{font-weight:normal;}

/* .most-news-zone */
.most-news-zone .section-tit .desc{display:none;}

/* ---- (외국어)tab ---- */
/* 국문 클래스와 겹침 */
.tab-type01 li+li{margin-left:0px;}

/* ---- (외국어)global\home\v01\css\article.css ---- */
/* keyword - 본문 키워드 */
.keyword-zone01{margin-bottom:50px;}
.keyword-zone01 .tit{display:block;font-weight:700;font-size:18px;color:#000;}
html.en .keyword-zone01 .tit,
html.es .keyword-zone01 .tit,
html.fr .keyword-zone01 .tit{font-weight:700;}
.keyword-zone01 .list a:hover{color:#000;text-decoration:none;border:0;}

.keyword-zone01 .tag{margin-top:15px;}
.keyword-zone01 .tag a{display:inline-block;margin:0px 7px 9px 0;padding:5px 10px;background:#f6f6f6;border-radius:20px;font-weight:300;font-size:14px;color:#666;}
html.zh .keyword-zone01 .tag a,
html.ja .keyword-zone01 .tag a{font-weight:normal;}
/* (외국어) */
html.ar .keyword-zone01 .tag{margin-right:-7px;}
html.ar .keyword-zone01 .tag a{margin:0 0 9px 7px;}

/* related articels - 관련기사  */
.related-zone{width:100%;padding-top:13px;border-top:1px solid #ccc;box-sizing:border-box;}
.related-zone .tit{font-size:18px;font-weight:700;color:#000;}
.related-zone .btn{display:block;width:100%;margin-top:15px;padding:13px 15px 14px;border:none;background:#eee;text-align:center;box-sizing:border-box;}
.related-zone .btn span{font-weight:600;font-size:14px;color:#666;}
.related-zone .btn span em{padding-left:3px;color:#0068d1;}
.related-zone .btn span:after{content:'';display:inline-block;width:9px;height:5px;margin-left:15px;background:url(//r.yna.co.kr/global/home/v01/img/sprites_btn.png) -465px -130px no-repeat;vertical-align:middle;}
.related-zone .btn.on span:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.related-zone .btn:hover{background:#666;}
.related-zone .btn:hover span{color:#fff;}
.related-zone .btn:hover span:after{content:'';display:inline-block;background-position:-446px -130px;}
.related-zone .btn:hover span em{color:#fff;}

.related-zone .article-list{margin-top:13px;overflow:hidden;}
.related-zone .article-list.max{max-height:70px;}
.related-zone .article-list.on{max-height:100%;}

.related-zone .article-list ul.hidden{display:none;}
.related-zone .article-list ul li{display:none;position:relative; padding:1px 0 8px 0;line-height:21px;font-size:18px; }
.related-zone .article-list ul li:after{content:'';display:block;clear:both;}
.related-zone .article-list ul li a,
.related-zone .article-list ul li span{display:inline-block;color:#666;}
.related-zone .article-list ul li a{position:relative;padding-left:10px;color:#333;}
.related-zone .article-list ul li a:after{content:'';display:inline-block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#888888;}
.related-zone .article-list ul li span.date{float:right;line-height:22px;}
/* (외국어) */
html.ar .related-zone .article-list ul li a{padding:0 10px 0 0;}
html.ar .related-zone .article-list ul li a:after{right:0;left:auto;}

/* 본문 관련기사 5개 추가 (2018-12-06) */
.related-zone .article-list ul li:nth-child(1),
.related-zone .article-list ul li:nth-child(2),
.related-zone .article-list ul li:nth-child(3),
.related-zone .article-list ul li:nth-child(4),
.related-zone .article-list ul li:nth-child(5){display:block !important;}

/* 영문 koeranet 기사본문 링크 처리 2019-05-09 */
html.en .related-group.type01{margin-bottom:60px;}
html.en .related-group.type01 .tit{position:relative;padding-left:17px;}
html.en .related-group.type01 .tit:after{content:"";clear:both;position:absolute;top:50%;margin-top:-5px;left:0;width:10px;height:10px;background:#0068d1;border-radius:50%;}
html.en .related-group.type01 .related-zone{padding-top:40px;}
html.en .related-group.type01 .related-zone .article-list ul li a{width:100%;font-weight:bold;}

/* (외국어) */
html.ar span.btn-more{left:0;right:inherit;}


/* =============== ######광고 Advertisement (PC 개편) ======================== */

/*************************************************
* 광고
* ad-web-본문유형-광고위치 : PC 광고 공통
* ad-mob-본문유형-광고위치 : 모바일 광고 공통

* 클래스 패턴
- ad-web-news-**** : 글기사용
- ad-web-video-**** : 영상용
- 2020-12-03 : JIAD-61 이슈로 글기사본문으로 일원화되어 글기사용 클래스 패턴 공통 사용

* ad-web-****-bottom$$ : PC 하단 광고 클래스명
* ad-web-****-box$$ : PC  우측 광고 클래스명
* ad-web-****-footer$ : PC 레이아웃 하단 광고 클래스명
* ad-web-****-fixed$$ : PC fixed 광고 클래스명

* 기사본문 적용 현황
- ad-web-news-위치 : PC 글기사 광고 사용
- ad-mob-news-위치 : 모바일 글기사 광고 사용

* 영상본문 적용 현황
- ad-web-news-위치 : PC 글기사 광고 사용
- ad-mob-video-위치 : 모바일 영상 광고 사용

* 넘버링 사용
- 기존에는 콘텐츠에 순차적으로 번호를 매겼지만 번호가 모두 필요하지 않았음
- 기본으로 번호없이 선언하여 사용하며 예외가 필요한 경우 넘버링 할 예정
- 기본 : ad-web-news-box
- 예외 : ad-web-news-box01

- ad-web-news-bottom01 : CT 970 - AP국_홈V02_기사본문_광고영역
*************************************************/

/* 본문 광고 */
@media only screen and (min-width:769px){
	[class*='ad-web']{display:block;}
	[class*='ad-mob']{display:none;}

	/* 리스트/본문 우측 광고 */
	.right-bnr{text-align:center;}

	.aside-box01{overflow:hidden;margin:50px 0 40px;}
	.aside-box01 aside,
	.aside-box01 div{width:300px;margin:0 auto;text-align:center;}
	.aside-box01 .bnr01{float:left;}
	.aside-box01 .bnr02{float:right;}
	.aside-box01:after{content:'';clear:both;display:block;}

	/* 기사본문 광고 테스트 (본문안 광고) */
	.article-ad-box{float:right;width:300px;height:250px;margin:10px 0 30px 30px;background-color:#ccc;font:normal 0/0 sans-serif;text-indent:0;}
	.article-ad-box img{width:100%;}

	/* 일본어 */
	html.ja .quick-bnr-zone{display:none;}
}


/* =============== ######컨트롤 (Body Class - Control) ======================== */
/* ####컨트롤 색인
 - ##컨트롤-공통
 - ##컨트롤-섹션/리스트
 - ##메인
 - ##소재
 - ##본문-공통
 - ##본문-글기사
 - ##본문-포토
 - ##본문-그래픽
 - ##본문-영상 */

/* ---------------- ####컨트롤-공통 ---------------- */
/* 공통여백 (/www/home_n/v02/css/layout.css) */
@media only screen and (min-width:769px){
	/* [서브] 에디터스픽(영상+뉴스) */
	[class*='box-type']{margin-top:35px;}
	[class*='box-type'] [class*='paging-type01']{margin-top:35px;}
	[class*='tab-content'] [class*='box-type'],
	.title-page02+[class*='box-type'],
	.container101>.content102>[class*='box-type']:first-child,
	.container201>.content202>[class*='box-type']:first-child,
	.section01>[class*='box-type']:first-child,
	.section02>[class*='box-type']:first-child{margin-top:0;}
	/* [서브] 에디터스픽(영상+뉴스) */
	.module-web-editors-video + .module-web-editors-news01{margin-top:15px;}
	.box-editors-video01 .slick-pager02 li:not(.slick-active) button:before{background:#d9d9d9;}
	/* [서브] 섹션주요 더보기 버튼 (all 페이지 연결) */
	.box-major01 .btn-more-major{width:314px;margin-top:20px;}
	/* 컨텐츠 제목과 최신리스트 간격 */
	.title-box + [class*='list-unit2']{margin-top:40px;}
	/* ---- content$$$ 우측 컨텐츠 ---- */
	/* 좌우정렬 */
	.content102>div>aside,
	.content102>div>section,
	.content102>div>div{width:100%;margin-right:auto;margin-left:auto;}
	/* 상단여백 : 글기사 본문  */
	.container101>[class*='content1']+[class*='content1']{margin-top:35px;}
	/* 멀티스크롤 기능이 없는 2단 레이아웃
	 * .content$$1(좌) 마지막 컨텐츠 하단여백 : 글기사, 영상 리스트/본문
	 * .content101>div:last-child 이런식으로 처음 적용했으나 마지막 콘텐츠가 불규칙해서 현재 상태로 수정함
	 * 최소 height 50px을 가져야함 */
	.container101 .content101:not(.scroll-article-zone01):after,
	.container201 .content101:not(.scroll-article-zone01):after{content:'';display:block;clear:both;width:100%;height:150px;}
	.container111 .content101:not(.scroll-article-zone01):after{content:'';display:block;clear:both;width:100%;height:120px;}
	/* 멀티스크롤 기능이 없는 2단 레이아웃
	 * .content$$2(우) 마지막 컨텐츠 하단여백 : 글기사, 영상 리스트/본문
	 * .content102>div:last-child 이런식으로 처음 적용했으나 마지막 콘텐츠가 불규칙해서 현재 상태로 수정함
	 * 최소 50px을 가져야함  */
	.container101 .content102:not(.scroll-article-zone02):after,
	.container201 .content202:not(.scroll-article-zone02):after{content:'';display:block;clear:both;width:100%;height:150px;}
	.container111 .content102:not(.scroll-article-zone02):after{content:'';display:block;clear:both;width:100%;height:200px;}
}

/* ---------------- ####컨트롤-섹션/리스트 ---------------- */
@media only screen and (min-width:769px){
	.body-news-list .content102{margin-top:0 !important;}
	.body-news-list .content102>[class*='module-']:first-of-type [class*='box-'],
	.body-news-list .content102>[class*='module-']:first-of-type aside{margin-top:0 !important;}
	.body-visual-list .container000{margin-bottom:50px;}
}

/* ---------------- ####메인(Main) ---------------- */
@media only screen and (min-width:769px){
	.page-main{overflow-x:hidden;}
	.container001 [class*='section00'] [class*='box-unit']:first-child{margin-top:60px;}
	/* .container001 .section002 [class*='box-unit']+[class*='box-unit']{margin-top:60px;} */

	/* 톱기사 1 */
	.main-topnews001{margin-top:50px;}
	/* 개막전 : 알고보는 베이징 */
	.main-sports001{margin-top:106px;}
	/* 개막후 : 베이징 스타 */
	.main-star001{margin-top:106px;}
	/* 화보 */
	.main-gallery001{margin-top:109px;}
	/* 영상 */
	.main-video001{margin-top:88px;}
}

/* ---------------- ####소재 ---------------- */

@media only screen and (min-width:769px){
	/* ---- 본문 텍스트 ---- */
	.story-news{position:relative;}
	.story-news>p,
	.story-news>span,
	.story-news>table{line-height:1.6;color:#1f1f1f;text-indent:0;}
	.story-news>p,
	.story-news>span{font-size:17px;}
	.story-news>table{font-size:14px !important;} /* 폰트확대 사용 안 함 */

	html.zh .story-news>p{text-indent:30px;}

	/* ---- 부제 ---- */
	.story-news .tit-sub .tit{font-size:17px;line-height:1.3;}

	/* ---- TEX : YNA_BODY LINK ---- */
	.story-news>p>a{border-bottom:none;color:#3d64e1;}

	/* ---- YHML : 하이퍼링크, 오픈링크 ---- */
	.story-news .txt-hyper a,
	.story-news .txt-openurl a{border-bottom:none;color:#3d64e1;}

	/* ---- TEX : 저작권 ---- */
	.story-news .txt-copyright{font-weight:300;}
	.story-news .date{margin-left:10px;}
	[class*='article-font'] .story-news .txt-copyright{font-size:16px;}
	[class*='image-view'] .story-news .txt-copyright{font-size:14px;line-height:22px;color:#666;}

	/* ---- 본문 컴포넌트 공통 (common) ---- */
	.comp-box{margin-bottom:0;}
	/* font-weight : bold → 700 */
	.story-news .tit-sub .tit,
	.quo-group .quote-zone01 p,
	.related-zone .list a{font-weight:700;}
	.story-news>p>a,
	.story-news .txt-hyper a,
	.story-news .txt-openurl a,
	.story-news .comp-box .tit-cap,
	.story-news .comp-box .tit-cap .txt,
	.video-zone .txt-link,
	.map-zone .txt-link{font-weight:700}

	/* description 영역 */
	.story-news .desc-con{line-height:20px;}
	.story-news .comp-box{letter-spacing:0;}
	.story-news .paragraph-zone01 .tit-cap{margin-bottom:0;}
	.story-news .comp-box .txt-desc{font-weight:300;color:#666;}

	/* ---- YHML : 구글맵 ---- */
	/* height : 396px */
	.map-zone .iframe-con{height:396px !important;}

	/* ---- YHML : 이미지 타입 ---- */
	/* 글기사본문 */
	/* .image-zone{} */

	/* ---- TEX : 이미지 타입 ---- */
	/* 포토본문 */
	.image-zone02{overflow:hidden;}
	.image-zone02 .img-con{min-height:300px;text-align:center;}
	.image-zone02 .img img{opacity:0;
	-webkit-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;}
	.image-zone02 .img img,
	.image-zone02 .img-con.colW img{width:100%;}
	.image-zone02 .img-con.rowH img{width:100%;}
	/* .image-zone02 .img-con.rowH img{width:auto;max-height:800px;} */
	.image-zone02 .img-con.show img{opacity:1;}

	/* ---- YHML : 영상 타입 ---- */
	/* padding-top : 396px
	 * 섬네일 비율로 섬네일의 검은배경으로 높이가 다름 */
	/* .youtube-group .video-zone .vid-con{padding-top:396px;} */

	/* ---- YHML : 문단 타입 ---- */
	/* .paragraph-zone01{} */

	/* ---- YHML : SNS 임베디드 ---- */
	/* .social-group{} */

	/* ---- TEX : 키워드 영역 ---- */
	/* .keyword-zone{} */

	/* ---- TEX : 기자영역 ---- */
	/* .writer-zone{} */

	/* ---- TEX : 관련뉴스,관련이슈 ---- */
	.related-zone .txt-con{width:582px;}

	/* ----- 본문 글자 크기 조정 ----- */
	/* article-font1 : 폰트 1단계 14px
	* article-font2 : 폰트 2단계 15px
	* article-font3 : 폰트 3단계 16px
	* article-font4 : 폰트 4단계 17px (기본)
	* article-font5 : 폰트 5단계 18px
	* article-font6 : 폰트 6단계 19px
	* article-font7 : 폰트 7단계 20px */
	.article-font1 .story-news>p,
	.article-font1 .story-news>span,
	.article-font1 .story-news .tit-sub .tit,
	.article-font1 .story-news .txt-hyper,
	.article-font1 .story-news .txt-openurl{font-size:14px;}

	.article-font2 .story-news>p,
	.article-font2 .story-news>span,
	.article-font2 .story-news .tit-sub .tit,
	.article-font2 .story-news .txt-hyper,
	.article-font2 .story-news .txt-openurl{font-size:15px;}

	.article-font3 .story-news>p,
	.article-font3 .story-news>span,
	.article-font3 .story-news .tit-sub .tit,
	.article-font3 .story-news .txt-hyper,
	.article-font3 .story-news .txt-openurl{font-size:16px;}

	.article-font4 .story-news>p,
	.article-font4 .story-news>span,
	.article-font4 .story-news .tit-sub .tit,
	.article-font4 .story-news .txt-hyper,
	.article-font4 .story-news .txt-openurl{font-size:17px;}

	.article-font5 .story-news>p,
	.article-font5 .story-news>span,
	.article-font5 .story-news .tit-sub .tit,
	.article-font5 .story-news .txt-hyper,
	.article-font5 .story-news .txt-openurl{font-size:18px;}

	.article-font6 .story-news>p,
	.article-font6 .story-news>span,
	.article-font6 .story-news .tit-sub .tit,
	.article-font6 .story-news .txt-hyper,
	.article-font6 .story-news .txt-openurl{font-size:19px;}

	.article-font7 .story-news>p,
	.article-font7 .story-news>span,
	.article-font7 .story-news .tit-sub .tit,
	.article-font7 .story-news .txt-hyper,
	.article-font7 .story-news .txt-openurl{font-size:20px;}
}

/* ---------------- ####본문-공통 ---------------- */
.article-wrap{position:relative;}
.article-wrap:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}

@media only screen and (min-width:769px){
	/* ---- 기사본문 스크롤 ---- */
	.scroll-article-zone01,
	.scroll-article-zone02{}
	.scroller01,
	.scroller02{background:#fff;}
	[class*='scroller-wrap'] [class*='scroller']:after{content:'';display:block;width:100%;height:200px;}

	/* ---- 브레드크럼 ---- */
	.nav-path01{font-size:0;}
	.nav-path01 li{display:inline-block;position:relative;}
	.nav-path01 li>a,
	.nav-path01 li>span{padding:4px;font-size:17px;line-height:22px;color:#1d3964;}
	.nav-path01 li>a:hover{text-decoration:underline;}
	.nav-path01 li+li{margin:0 0 0 10px;padding:0 0 0 10px;}
	.nav-path01 li+li:before{content:'';display:block;clear:both;position:absolute;top:7px;left:0;width:1px;height:15px;background:#d5d5d6;}
	.nav-path01 li.current>a,
	.nav-path01 li.current>span{font-weight:400;}
	/* (외국어) */
	html.ar .nav-path01 li+li{margin:0 10px 0 0;padding:0 10px 0 0;}
	html.ar .nav-path01 li+li:before{right:0;left:auto;}

	/* ---- 송고시간 ---- */
	.update-time{display:inline-block;box-sizing:border-box;height:30px;padding:5px 20px 5px 0;font-size:13px;line-height:20px;color:#666;letter-spacing:0;vertical-align:bottom;}
	.update-time .txt{position:relative;margin:0 5px 0 0;padding:0 7px 0 0;}
	.update-time .txt:before{content:'';display:block;clear:both;position:absolute;top:5px;right:0;width:1px;height:12px;background:#666;}
	/* (외국어) */
	html.ar .update-time{padding:5px 0 5px 20px;}

	/* ---- 상단 다국어 기사 링크 ---- */
	.link-site{font-size:0;}
	.link-site,
	.link-site>li{display:inline-block;vertical-align:top;}
	.link-site>li+li{margin-left:10px;}
	.link-site a{height:30px;box-sizing:border-box;padding:5px 13px 0 13px;color:#000;font-size:12px;line-height:20px;letter-spacing:0;border-radius:15px;}
	.link-site .ar a{padding-top:3px;}
	.link-site .active a{color:#fff;background-color:#000;}
	.link-site a:hover{color:#fff;background-color:#000;}

	/* ---- [공통] 본문 제목 ---- */
	[class*='title-article']{position:relative;}
	[class*='title-article'] .nav-path01{margin:0 0 4px;}
	[class*='title-article'] .option-box>div,
	[class*='title-article'] .option-box>.btn-type01{margin-left:15px;vertical-align:top;}
	html:not(.ar) [class*='title-article'] .option-box>div:first-child,
	html:not(.ar) [class*='title-article'] .option-box>.btn-type01:first-child{margin-left:0;}
	/* html.en [class*='title-article']>.tit,
	html.es [class*='title-article']>.tit,
	html.fr [class*='title-article']>.tit{font-family:'Playfair Display',serif;} */

	/* 본문 제목 - 글기사, 프린트팝업 */
	.title-article01{width:100%;padding:22px 0 20px;border-bottom:1px solid #e5e5e5;background:#fff;}
	.title-article01>.tit{margin-bottom:30px;font-weight:700;font-size:38px;line-height:120%;}

	html.en .title-article01>.tit,
	html.es .title-article01>.tit,
	html.fr .title-article01>.tit{font-family:inherit !important;}

	.title-article01 .update-time,
	.title-article01 .link-site,
	.title-article01 .ico-type02-view01{position:relative;top:0;vertical-align:bottom;}
	.title-article01 .option-box{position:absolute;right:20px;bottom:13px;font-size:0;z-index:1;}
	/* (외국어) */
	html.ar .title-article01 .option-box{right:auto;left:20px;}
	html.ar .title-article01 .option-box>div,
	html.ar .title-article01 .option-box>.btn-type01{margin:0 15px 0 0;}

	/* 본문 제목 - 포토,그래픽 */
	.title-article02{margin-bottom:20px;padding:10px 0 30px;border-bottom:1px solid #e5e5e5;}
	.title-article02 .tit{font-weight:700;font-size:28px;line-height:30px;}

	html.en .title-article02 .tit,
	html.sp .title-article02 .tit,
	html.fr .title-article02 .tit{letter-spacing:-0.4px;}
	.title-article02 .option-box{position:absolute;right:0;bottom:-63px;font-size:0;;z-index:1;}
	.title-article02 .option-box .tlp-summary01{display:none !important;}
	.title-article02 .tlp-share01 .tlp-content,
	.title-article02 .tlp-fontsize01 .tlp-content{right:0;}

	/* 본문 제목 - 영상 */
	.title-article03{padding:0 0 20px;border-bottom:1px solid #e5e5e5;}
	.title-article03 .tit{margin-bottom:15px;font-weight:700;font-size:28px;line-height:30px;}
	.title-article03 .update-time{position:relative;top:5px;vertical-align:bottom;}
	.title-article03 .option-box{position:absolute;right:0;bottom:13px;font-size:0;z-index:1;}
	.title-article03 .option-box .tlp-summary01{display:none !important;}
	.title-article03 .tlp-share01 .tlp-content,
	.title-article03 .tlp-fontsize01 .tlp-content{right:0;}

	/* ---- 본문공통 - 키워드 간격 ---- */
	[class*='body-view-'] .keyword-zone{margin-top:20px;}

	/* ---- [공통] image-view$$$ : 이미지형 본문 ---- */
	/* image-view001 : 포토 본문
	 * image-view002 : 그래픽 본문 */
	[class*='image-view'] .title-article02{margin-bottom:12px;}
	[class*='image-view'] .article-wrap{padding:30px 10px 150px;}
	/* [class*='image-view'] .article-wrap{padding:30px 10px;} */
	[class*='image-view'] .story-news{position:relative;margin-top:0;padding-top:71px;}
	[class*='image-view'] .story-news>p,
	[class*='image-view'] .story-news>span,
	[class*='image-view'] .story-news>table{margin-bottom:0;font-weight:400;font-size:15px;line-height:1.5;color:#000;}
	[class*='image-view'] .story-news .writer-zone{position:absolute;top:0;left:0;margin:0 0 15px;}
	[class*='image-view'] .comment-zone{margin-top:50px;}
	/* 세로 */
	[class*='image-view'].vertical [class*='-view-zone']{float:left;width:650px;}
	[class*='image-view'].vertical .story-news{padding-top:10px;}
	[class*='image-view'].vertical .article-wrap{float:right;width:290px;padding:0;border-left:none;}
	[class*='image-view'].vertical .title-article02{padding:10px 0 45px;}
	[class*='image-view'].vertical .title-article02 .tit{margin-bottom:8px;font-size:24px;line-height:32px;letter-spacing:-1px;}
	[class*='image-view'].vertical .title-article02 .option-box{bottom:10px;}
	/* (외국어) */
	html.ar [class*='image-view'].vertical [class*='-view-zone']{float:right;}
	html.ar [class*='image-view'].vertical .article-wrap{float:left;}

	/* image-view001 : 포토 본문 */
	.image-view001{margin-bottom:50px;}
}

/* 포토본문 폰트 */
[class*='image-view'] .article-font1 .story-news>p,
[class*='image-view'] .article-font1 .story-news>span,
[class*='image-view'] .article-font1 .story-news>table{font-size:12px;}
[class*='image-view'] .article-font2 .story-news>p,
[class*='image-view'] .article-font2 .story-news>span,
[class*='image-view'] .article-font2 .story-news>table{font-size:13px;}
[class*='image-view'] .article-font3 .story-news>p,
[class*='image-view'] .article-font3 .story-news>span,
[class*='image-view'] .article-font3 .story-news>table{font-size:14px;}
[class*='image-view'] .article-font4 .story-news>p,
[class*='image-view'] .article-font4 .story-news>span,
[class*='image-view'] .article-font4 .story-news>table{font-size:15px;}
[class*='image-view'] .article-font5 .story-news>p,
[class*='image-view'] .article-font5 .story-news>span,
[class*='image-view'] .article-font5 .story-news>table{font-size:16px;}
[class*='image-view'] .article-font6 .story-news>p,
[class*='image-view'] .article-font6 .story-news>span,
[class*='image-view'] .article-font6 .story-news>table{font-size:17px;}
[class*='image-view'] .article-font7 .story-news>p,
[class*='image-view'] .article-font7 .story-news>span,
[class*='image-view'] .article-font7 .story-news>table{font-size:18px;}

/* (외국어) 외국어사이트에서 사용하지 않음 */
.btn-comment{display:none;}
.tlp-share01 .tlp-content{width:225px;}
.tlp-share01 .btn-type07.kkt,
.tlp-share01 .btn-type07.kks,
.tlp-share01 .btn-type07.fbm,
.tlp-share01 .btn-type07.band,
.tlp-share01 .btn-type07.blog,
.tlp-share01 .btn-type07.pin{display:none;}

/* ---------------- ####본문-글기사 ---------------- */

/* 본문내광고(MEPS-17031)
* 스크립트가 실행되지 않았을 때 숨김 */
.article-ad-box{overflow:hidden;}
.article-ad-box .con>div,
.article-ad-box iframe{margin:0 auto;}
body>.article-ad-box{display:none;}

/* ---------------- ####본문-포토 ---------------- */
/* @media only screen and (min-width:769px){
	.body-view-photo{}
} */

/* ---------------- ####본문-그래픽 ---------------- */
/* @media only screen and (min-width:769px){
	.body-view-graphic{}
} */

/* ---------------- ####본문-영상 ---------------- */
/* 본문 플레이어 개편 (2016-08-26) */
/* default */
.video-view-style01{position:relative;z-index:10;width:100%;height:552px;padding:38px 0 50px;background:#fff;}
.video-view-style01 .view-area{position:relative;float:none;width:100%;height:100%;margin:0;background:url(//r.yna.co.kr/www/visual/v01/img/bg_player.gif) 0 0 no-repeat;}
.video-view-style01 .player-box{position:absolute;top:0;width:100%;height:552px;z-index:700;}
.video-view-style01 .player-box .btn-close{display:none;position:absolute;top:-1px;right:-30px;width:30px;height:30px;border:1px solid #000;background:#fff url(//r.yna.co.kr/www/visual/v01/img/btn_palyer_close_13x13.png) 50% 50% no-repeat;}
.video-view-style01 .player-box .btn-close span{visibility:hidden;overflow:hidden;position:absolute;left:0;top:0;width:0;height:0;padding:0;font-size:0;line-height:0;}
/* .sticky-mode */
.sticky-mode.video-view-style01 .player-box{position:fixed;top:inherit;bottom:20px;right:100px;width:329px;height:185px;border:1px solid #000;}
.sticky-mode.video-view-style01 .player-box .btn-close{display:block;}
.sticky-mode.video-view-style01 .vid-skin02 .vjs-big-play-button{width:90px;height:90px;margin:-45px 0 0 -45px;background-position:-119px -216px;}
/* .nonsticky-mode */
.nonsticky-mode.video-view-style01 .player-box{position:absolute;width:100%;height:552px;border:none;}
.nonsticky-mode.video-view-style01 .player-box .btn-close{display:none;}
.nonsticky-mode.video-view-style01 .vid-skin02 .vjs-big-play-button{width:77px;height:100px;margin:-50px 0 0 -38px;background-position:-323px -100px;}
.close-mode.video-view-style01 .player-box{position:absolute;top:0;right:0;bottom:inherit;width:100%;height:552px;border:none;}
.close-mode.video-view-style01 .player-box .btn-close{display:none;}
/* 재생 종료 후 버튼 노출 (vid-ended는 스크립트 제어) */
.vid-ended .vjs-big-play-button{display:block !important;}

/* 1750px 이상일때 */
@media only screen and (min-width:1750px){
	.video-view-style01{}
	.video-view-style01 .view-area{}
	.video-view-style01 .view-area:after{content:"";display:block;clear:both;position:absolute;top:0;left:50%;width:100%;height:552px;margin:0 0 0 -350px;background:rgba(0,0,0,.0);z-index:600;
	-webkit-transition:all 0.55s ease-in-out;-moz-transition:all 0.55s ease-in-out;-o-transition:all 0.55s ease-in-out;-ms-transition:all 0.55s ease-in-out;transition:all 0.55s ease-in-out;}
	.video-view-style01 .player-box{left:50%;margin:0 0 0 -490px;}
	.sticky-mode.video-view-style01 .view-area{}
	.sticky-mode.video-view-style01 .view-area:after{position:fixed;top:90px;width:329px;height:185px;margin:0 0 0 509px;background:rgba(0,0,0,1);
	-webkit-transition:all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);-moz-transition:all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);-o-transition:all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);-ms-transition:all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);transition:all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);}
	.sticky-mode.video-view-style01 .player-box{top:90px;bottom:inherit;margin:0 0 0 509px;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
	.nonsticky-mode.video-view-style01 .view-area{}
	.nonsticky-mode.video-view-style01 .view-area:after{background:rgba(0,0,0,.0);}
	.close-mode.video-view-style01 .player-box{top:0;right:inherit;margin:0 0 0 -488px;}
	.close-mode.video-view-style01 .view-area:after{background:rgba(0,0,0,.0);}
}

@media only screen and (min-width:769px){
	.container201 .story-news>p,
	.container201 .story-news>span,
	.container201 .story-news>table{margin:0 0 16px 0;}
}

/* ---------------- ####가이드(Guide) ---------------- */
.guide-box{position:fixed;bottom:0;left:0;z-index:100;box-sizing:border-box;min-width:100px;padding:10px 0;border:2px solid #fff;background:rgba(0,0,0,0.3);font-size:16px;line-height:1;color:#fff;text-align:center;}

[class*='guide-font'] tbody tr td{font-size:16px;}
@media only screen and (min-width:769px){ /* PC */
	[class*='guide-font'] .ww01,
	[class*='guide-font'] .ww02{width:160px;}
}
@media only screen and (max-width:768px){ /* Mobile */
	[class*='guide-font'] .ww01,
	[class*='guide-font'] .ww02{width:60px;}
}
/* .guide-font01 tbody td{font-family:'맑은 고딕','Malgun Gothic','돋움',dotum,AppleSDGothicNeo-Regular,sans-serif;;} */

.guide-font01 .font-size16 td{font-size:16px;}
.guide-font01 .font-size20 td{font-size:20px;}
.guide-font01 .font-size24 td{font-size:24px;}
.guide-font01 .font-normal td{font-weight:300;}
.guide-font01 .font-bold td{font-weight:bold;}
.guide-font01 .font-weight300 td{font-weight:300;}
.guide-font01 .font-weight500 td{font-weight:500;}
.guide-font01 .font-weight700 td{font-weight:500;}

.tab-unit011{display:none;}


/* 본문관련 수정*/
.btn-type01{border:0;}
.btn-type01.tip01:hover:after{display:none;}
.tooltip-type01 .tlp-content .tit{display:none;}
.tlp-share01 .list01{height:34px;margin-top:0;}
.tlp-share01 .list01 .btn-type07{width:35px;height:35px;margin-top:0;}
html.ar .tlp-share01 .list01 .btn-type07{margin:0 20px 0 0;}
html.ar .tlp-share01 .list01 .btn-type07.fb{margin:0;}
html.ar .tooltip-type01 .close01{right:initial;left:8px;}
.tlp-share01 .tlp-copy{display:none !important;}
/* .tlp-share01 .tlp-content{width:175px;} */
.btn-type01 .ir-txt{margin:-9px 0 0 -10px;}
.btn-type07 .txt{display:none;}
.tlp-fontsize01 .tlp-content{padding:35px 17px;}
.btn-type01.fsize01:before{display:none;}
.btn-type01.fsize01 .ir-txt{width:25px;margin:-7px 0 0 -12px;background-position:-750px -650px;}


/* 동영상 */
.video-view-zone{position:relative;width:100%;padding-bottom:56.25%;height:0;background-color:#EDEDED;}
.video-view-zone:before{content:'';display:block;position:absolute;top:50%;left:50%;width:280px;height:74px;background:url('../img/bg_player01.svg') no-repeat 0 0;transform:translate(-50%, -50%);}
.video-view-zone iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.body-view-video .title-article02 .sub-tit{display:flex;align-items:center;position:absolute;bottom:-63px;left:0;}
.body-view-video .title-article02 .sub-tit .date{color:#7E7E7E;font-size:14px}
.body-view-video .title-article02 .sub-tit .play-time{position:relative;margin-left:18px;padding-left:14px;color:#333;font-size:14px}
.body-view-video .title-article02 .sub-tit .play-time:before{content:'';display:block;position:absolute;top:6px;left:0;width:10px;height:12px;background:url('../img/ico_play02.svg') no-repeat 0 0;}

.body-view-video .title-article02 .option-box .btn-print{display:none;}
.body-view-video .title-article02 .option-box .tlp-share01{display:none;}