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

@media only screen and (max-width:768px){

/* =============== ######공통 (common) ======================== */
html,body{width:100%;height:100%;}
/* body{font-weight:normal;font-family:'Helvetica Neue',Helvetica,arial,sans-serif;letter-spacing:0;}
html.en body,
html.es body,
html.fr body{font-family:'Barlow',sans-serif;}
html.ar body{font-family:'Barlow','Almarai',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;}

/* =============== ######레이아웃 (layout) ======================== */
/* body:before{content:'';display:block;clear:both;width:100%;height:124px;} */

[class*='header'],
/* .nav-wrap001, */
.footer{margin:0 auto;width:100%;}

/* 레이아웃 1단 - 메인 */
.container001{width:100%;margin-bottom:50px;}

/* ---------------- ####헤더 (common)---------------- */
/* .wrap-header001, .header001 : PC 메인, M 공통 헤더
 * .wrap-header002, .header002 : PC 서브 헤더
 * .wrap-header011, .header011 : M 전체메뉴  */

/* ---- wrap-header00$ : PC 메인, M 공통 헤더 ---- */
.bg-wrap,
.bg-wrap .obj-wrap,
.bg-wrap .obj-wrap *{display:none !important;width:0;height:0;opacity:0;visibility:hidden;}

[class*='logo-unit'] .ir-txt,
[class*='site-name'] .ir-txt{background-size:200px auto;}

/* body.day-before : (기본)올림픽 개최 전
 * body.day-ing : 올림픽 개최 후 */
/* [class*='wrap-header00'] [class*='header00']{z-index:300;position:relative;display:block;height:70px;background-color:transparent;box-sizing:border-box;} */
[class*='header00'] [class*='logo-unit00']{margin:14px 0 0 20px;}
html.ar [class*='header00'] [class*='logo-unit00']{margin:14px 20px 0 0;}
[class*='header00'] [class*='logo-unit00'] .ir-txt{width:30px;height:30px;background:url('../img/sprites.svg?v=20240620_0000') 0 0 no-repeat;background-size:300px auto;}

body.page-main [class*='header00'] [class*='logo-unit00']{padding-right:0;}
body.page-main [class*='header00'] [class*='logo-unit00']:after{display:none;}
/* [class*='header00'] [class*='site-name']{position:absolute;top:9px;left:72px;} */
[class*='header00'] [class*='logo-unit00']+[class*='site-name00']:after{background-color:#666;}
/* [class*='header00'] .txt-unit011{position:absolute;top:initial;bottom:-52px;left:initial;right:19px;width:auto;}
html.ar [class*='header00'] .txt-unit011{left:19px;right:initial;}
body.day-ing [class*='header00'] .txt-unit011{display:none;} */
[class*='header00'] .btn-unit000-menu01{position:absolute;top:0;right:0;}
html.ar [class*='header00'] .btn-unit000-menu01{right:initial;left:0;}
[class*='header00'] .btn-unit000-menu01:after{content:'';display:block;position:absolute;top:50%;left:50%;margin:-9px 0 0 -13px;width:26px;height:18px;background:url('../img/svgWholemenu_m.svg') no-repeat 0 0;background-size:26px auto;}

[class*='header00'] .btn-unit000-menu01.active:after{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;filter:brightness(0) saturate(100%) invert(72%) sepia(36%) saturate(7411%) hue-rotate(137deg) brightness(94%) contrast(93%);}

.wrap-header002{min-height:144px;}
.wrap-header002:before{height:100%;background:url('../img/svgHeaderbg_m.svg') 0 0/auto 100% repeat-x;}

/* ---- wrap-header011 : M 전체메뉴 ---- */
/* (임시)높이는 활성화시 사용 */
.wrap-header011{position:fixed;top:0;width:100%;height:0;background-color:#fff;
/* -webkit-transform:translateY(-104px);
transform:translateY(-104px); */
-webkit-transition:transform 0.25s ease-in-out;
transition:transform 0.25s ease-in-out;}
/* 메뉴 링크 */
.wrap-header011 .nav-unit011{display:none;padding:150px 35px 11px;}
/* 외국어 링크 */
.wrap-header011 .link-unit021{display:none;padding:28px 35px 0;}

/* ---------------- ####내비게이션 (common)---------------- */

/* ---- nav-unit001 : PC/M 공통 ---- */
body.fixed .wrap-header002{position:fixed;z-index:100;}

.nav-wrap001{width:100%;margin:0;box-sizing:border-box;height:48px;}
.nav-wrap001 .nav-unit001{overflow:initial;}
.nav-wrap001 .nav-unit001 li+li{margin-left:40px;}
html.ar .nav-wrap001 .nav-unit001 li+li{margin:0 40px 0 0;}
.nav-wrap001 .nav-unit001 li>a{padding:12px 5px;font-size:18px;}


.top-visual01.main .wrap-bg .swiper-slide{height:164px;}
.top-visual01.main .wrap-bg .swiper-slide .bg-img{height:164px;}
.top-visual01.main .wrap-bg .swiper-slide .bg-img.img01{background:url('../img/img_m_visual01.jpg') no-repeat 0 0;background-size:cover;background-position:center;}
.top-visual01.main .wrap-bg .swiper-slide .bg-img.img02{background:url('../img/img_m_visual02.jpg') no-repeat 0 0;background-size:cover;background-position:center;}
.top-visual01.main .wrap-bg .swiper-slide .bg-img.img03{background:url('../img/img_m_visual03.jpg') no-repeat 0 0;background-size:cover;background-position:center;}
.top-visual01.main .wrap-bg .swiper-slide .bg-img.img04{background:url('../img/img_m_visual04.jpg') no-repeat 0 0;background-size:cover;background-position:center;}

.top-visual01 .wrap-cont{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:164px;}
.top-visual01 .wrap-cont .logo{display:none;}
.top-visual01 .wrap-cont .title{margin-bottom:5px;}
html.en .top-visual01 .wrap-cont .title{width:282px;height:31px;background:url('../img/lang_sprites_apec_logo01_m.png?v=20250819_0840') no-repeat 0 0;background-position:0 0;background-size:450px 350px;}
html.zh .top-visual01 .wrap-cont .title{width:308px;height:33px;background:url('../img/lang_sprites_apec_logo01_m.png?v=20250819_0840') no-repeat 0 0;background-position:0 -50px;background-size:450px 350px;}
html.ja .top-visual01 .wrap-cont .title{width:252px;height:33px;background:url('../img/lang_sprites_apec_logo01_m.png?v=20250819_0840') no-repeat 0 0;background-position:0 -100px;background-size:450px 350px;}
html.ar .top-visual01 .wrap-cont .title{width:276px;height:37px;background:url('../img/lang_sprites_apec_logo01_m.png?v=20250819_0840') no-repeat 0 0;background-position:0 -150px;background-size:450px 350px;}
html.es .top-visual01 .wrap-cont .title{width:305px;height:27px;background:url('../img/lang_sprites_apec_logo01_m.png?v=20250819_0840') no-repeat 0 0;background-position:0 -200px;background-size:450px 350px;}
html.fr .top-visual01 .wrap-cont .title{width:285px;height:36px;background:url('../img/lang_sprites_apec_logo01_m.png?v=20250819_0840') no-repeat 0 0;background-position:0 -250px;background-size:450px 350px;}

.top-visual01 .wrap-cont .detail{display:block;text-align:center;}
.top-visual01 .wrap-cont .detail .txt01{justify-content:center;}
.top-visual01 .wrap-cont .detail .txt01 .t01{font-size:13px;line-height:16px;}
.top-visual01 .wrap-cont .detail .txt01 .t02{margin-left:6px;padding-left:8px;font-size:13px;line-height:16px;}
.top-visual01 .wrap-cont .detail .txt01 .t02:before{top:3px;}
html.ar .top-visual01 .wrap-cont .detail .txt01 .t02{margin:0 6px 0 0;padding:0 8px 0 0;}
html.ar .top-visual01 .wrap-cont .detail .txt01 .t02:before{top:6px;}
.top-visual01 .wrap-cont .detail .txt02{margin-top:8px;margin-left:0;padding-left:0;font-size:13px;line-height:15px;}
html.ar .top-visual01 .wrap-cont .detail .txt02{margin-top:8px;margin-right:0;padding-right:0;}
.top-visual01.main .wrap-cont .detail .txt02 br{display:inline-block;}
html.ar .top-visual01.main .wrap-cont .detail .txt02 br{display:none;}
.top-visual01.sub .wrap-cont .detail .txt02{display:none;}
.top-visual01 .wrap-cont .detail .txt02:before{display:none;}

.top-visual01.sub{height:110px;}
.top-visual01.sub .bg-img{height:110px;}
body.page-latest .top-visual01.sub .bg-img,
body.body-view-news01 .top-visual01.sub .bg-img{background:url('../img/img_m_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_m_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_m_visual03.jpg') no-repeat 0 0;background-size:cover;background-position:center;}

.top-visual01.sub .wrap-cont{height:110px;}
.top-visual01.sub .wrap-cont .title{width:273px;height:34px;background:url('../img/visual_title01_m.png');background-size:273px 34px;}
.top-visual01.sub .wrap-cont .detail .txt01 .t01{font-size:13px;}
.top-visual01.sub .wrap-cont .detail .txt01 .t02{font-size:13px;}
.top-visual01.sub .wrap-cont .detail .txt01 .t02:before{top:7px;}

.top-visual01 .swiper-horizontal>.swiper-pagination-bullets,
.top-visual01 .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:12px;}
.top-visual01 .swiper-pagination-bullet{width:12px;height:12px;}
.top-visual01 .swiper-pagination-bullet .circle{top:4px;left:4px;width:4px;height:4px;}

body.page-main .wrap-header21{display:block !important;}

.main-visual{top:50px;height:92px;background:linear-gradient(90deg, #B31A14 0%, #CA1B5E 100%);}
html.ar .main-visual{top:50px;height:92px;background:linear-gradient(90deg, #CA1B5E 0%, #B31A14 100%);}


/* ---- nav-unit011 : M 전체메뉴 ---- */
.nav-unit011{display:block;font-size:0;}
.nav-unit011 li{display:inline-block;width:50%;margin-bottom:15px;}
.nav-unit011 li>a{padding:5px;font-weight:bold;font-size:18px;color:#000;letter-spacing:-0.45px;}
.nav-unit011 li.active>a{color:#130152;}
.nav-unit011 li.nav-medal{display:none;}

/* ---------------- ####검색 (common)---------------- */
.search-area{box-sizing:border-box;width:100%;height:58px;padding:0 16px;background:#fff;}
.search-area>form{width:100%;box-sizing:border-box;}
.search-area .btn-close01{display:block;position:absolute;top:12px;right:12px;}
html.ar .search-area .btn-close01{right:initial;left:12px;}
.search-area .area{height:53px;margin-top:74px;}
.search-area label{top:0px;left:0;font-size:18px;color:#cdcdcd;font-weight:600;line-height:53px;}
html.ar .search-area label{left:initial;right:0;}
.search-area .text{height:53px;width:calc(100% - 40px);padding:0;font-size:16px;line-height:18px;color:#000;line-height:53px;}
html.ar .search-area .text{padding:0;}

.search-area .btn-srch-go01{position:absolute;top:7px;right:0;}

/* ---------------- ####픽스드 헤더 (common) ---------------- */
.wrap-header100{height:50px;padding:0 16px;}
.wrap-header100 .header100{width:100%;margin:0;}


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

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

/* ---- ##헤더 스티키 ---- */


/* ---- ##팝업모드 ---- */
/* scroll 위치 기억 */
.popup-mode .wrap-container{position:fixed;left:0;width:100%;}

/* 헤더 */
.popup-mode [class*='wrap-header00']{position:fixed;top:0;z-index:501;background:none;background-color:#fff;min-height:0;}
/* .popup-mode [class*='wrap-header00'] [class*='header00']{display:block;height:0;} */
.popup-mode .wrap-header002 .site-unit001,
/* .popup-mode .wrap-header002 .site-unit011, */
/* .popup-mode .wrap-header002 .txt-unit011,
.popup-mode .wrap-header002 .nav-wrap001{display:none;} */

/* 전체메뉴 wrap-header011
 * 높이 76px + 검색영역 66px = 142 */
.popup-mode .wrap-header011{position:fixed;top:0;z-index:500;
height:calc(100% - 0px);
-webkit-transform:translateY(0);
transform:translateY(0);
-webkit-transition:inherit;
transition:inherit;}
.popup-mode .search-area{display:block;top:50px;z-index:510;}
.popup-mode .wrap-header011 .nav-unit011{display:block;}
.popup-mode .wrap-header011 .link-unit021{margin-top:0;display:block;margin-left:-20px;}
.popup-mode .nav-wrap001{display:none;}
.popup-mode .wrap-container{margin-top:92px;}

.popup-mode .wrap-header011 .nav-unit011 li{width:100%;}
.popup-mode .wrap-header011 .nav-unit011 li>a{font-weight:500;font-size:25px;color:#09bab2;}



body.popup-mode01 .search-area{position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;}
body.popup-mode01 .wrap-container{position:fixed;top:0;left:0;}

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

/* .wrap-container{margin-top:124px;} */
/* body.day-ing .wrap-container,
body.day-after .wrap-container{margin-top:152px;} */
/* body.body-paralympics .wrap-container{margin-top:82px;} */

/* 레이아웃 1단 - 메인 */
.container001{width:100%;margin-bottom:100px;}
/* 레이아웃 : 글기사
* .container101 본문(2단)
* .container111 리스트(1,2단)
* .container121 리스트(1단) */
.container101{}
.container111{padding-top:20px;margin-bottom:50px;}
.container121{padding-top:32px;margin-bottom:50px;}
/* 레이아웃 : 영상
 * .container201 본문(2단)
 * .container211 리스트 */
.container201{}
.container211{padding-top:32px;margin-bottom:50px;}
/* 레이아웃 : 포토, 그래픽
 * .container301 본문
 * .container311 리스트 */
.container301{}
.container311{padding-top:20px;margin-bottom:50px;}

/* ##단분리 content$$$
 * .content000 : 기본
 * .content001 ~ .content099 : 메인용
 * .content101 ~ .content199 : 글기사
 * .content201 ~ .content299 : 영상
 * .content301 ~ .content399 : 포토,그래픽 */
/* 단분리 - 공통 */
.content000{}
/* 단분리 - 메인 */
.content001{}
.content002{}
/* 단분리 - 메인 */
/* [class*='content0']{}
[class*='content0']:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.content001{}
.content002{} */
/* content$$$ > section$$$ : content$$$ 하위에서 단분리 기능 */
/* .section001{}
.section002{} */
/* 단분리 2단 - 글기사 본문, 리스트 */
/* .content101{}
.content102{} */
/* 단분리 2단 - 영상 본문 */
/* .content201{}
.content202{} */
/* 단분리 1단 - 포토 본문, 그래픽 본문 */
/* .content301{} */

/* ---------------- ####푸터 (common)---------------- */
.wrap-footer001:after{display:none !important;}
.footer{padding:24px 0 30px;text-align:center;}
/* .footer [class*='logo-unit']+[class*='site-name']{margin-top:2px;margin-left:4px;padding-left:16px;} */
.footer [class*='logo-unit']+[class*='site-name']:after{opacity:0.2;top:4px;height:18px;background-color:#eef3f6;}
/* .footer .logo-unit011,
.footer .site-name011{height:30px;}
.footer .logo-unit011{overflow:visible;margin-right:6px;}
.footer .logo-unit011:after{top:8px;right:-7px;height:18px;}
.footer .site-name002{padding:8px 5px;} */
.footer .link-unit002{padding-top:20px;}
.footer .link-unit001{display:none;}
.footer .link-con{display:block;margin-top:9px;}
.footer .txt-unit001{padding-top:15px;opacity:0.5;color:#fff;}

.footer .logo-unit011{margin-top:0;padding:0;}
.footer .logo-unit011 .ir-txt{background:url(../img/lang_sprites_m_yna_logo02.png?v=20250819_0840) 0 0 no-repeat;background-size:250px 175px;}
html.en .footer .logo-unit011 .ir-txt{width:96px;height:24px;background-position:0 0;}
html.zh .footer .logo-unit011 .ir-txt{width:79px;height:24px;background-position:0 -25px;}
html.zh body.cb .footer .logo-unit011 .ir-txt{width:79px;height:24px;background-position:-100px -25px;}
html.ja .footer .logo-unit011 .ir-txt{width:102px;height:24px;background-position:0 -50px;}
html.ar .footer .logo-unit011 .ir-txt{width:139px;height:24px;background-position:0 -75px;}
html.es .footer .logo-unit011 .ir-txt{width:112px;height:24px;background-position:0 -100px;}
html.fr .footer .logo-unit011 .ir-txt{width:100px;height:24px;background-position:0 -125px;}

.footer .site-name011{margin-left:4px;margin-top:5px;padding-left:9px;}
.footer .site-name011 .ir-txt{width:150px;height:14px;padding:0;box-sizing:border-box;background:url(../img/lang_footer_apec_logo01.svg) 0 0 no-repeat;background-size:150px 14px;}
.footer .site-name011:before{top:-7px;width:1px;height:30px;}

html.ar .footer .site-name011{margin-right:4px;padding-right:5px;}

/* 본문 하단 고정 배너가 있어 간격 추가 : 글기사, 영상 본문 */
.body-view-news .footer,
.body-view-video .footer{padding-bottom:60px;}

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

/* ---------------- ####색상/칼라---------------- */

/* ---------------- ####라인---------------- */

/* ---------------- ####딤드(DIMMED)/오버레이---------------- */

/* ---- dim-unit$$$ : 섬네일 딤드 ---- */
/* dim-unit001 은 모바일 본문옵션의 툴팁에서 사용함 */

/* .list-unit005 사용 */
.dim-unit101:before{border-radius:4px 16px;background-color:#b11e33;}
.dim-unit101:after{border-radius:4px 8px;background-color:#761b2b;}

/* .list-unit004 사용 */
.dim-unit111{}

/* ---------------- ####로고 ---------------- */
/* logo-unit$$$,  site-name$$$
 * 동일 스타일군 아닐 경우 십단위로 넘버링 */

[class*='logo-unit'] .ir-txt,
[class*='site-name'] .ir-txt{background-size:360px 480px;}

/* ##로고 */
/* .logo-unit001, .logo-unit002 동일
 * logo-unit00$ : 연합뉴스 M 공통 */
[class*='logo-unit00'] .ir-txt{width:139px;height:17px;background:url('../img/sprites_m_lang_logo.svg?v=20230924_1100') no-repeat 0 0;background-size:300px 400px;background-position-y:0;}

/* .site-name001, .site-name002 : 동일
 * .site-name00$ : 연합뉴스 M 공통 */
[class*='site-name00'] .ir-txt{width:258px;height:19px;background:url('../img/sprites_m_lang_logo.svg?v=20230924_1100') no-repeat 0 0;background-size:300px 400px;background-position:0 -150px;}



.logo-yna21{background:url('../img/lang_sprites_m_yna_logo01.png?v=20250819_0840') 0 0 no-repeat;background-size:250px 175px;}
html.en .logo-yna21{width:199px;height:24px;background-position:0 0;}
html.zh .logo-yna21{width:79px;height:24px;background-position:0 -25px;}
html.zh body.cb .logo-yna21{width:79px;height:24px;background-position:-100px -25px;}
html.ja .logo-yna21{width:102px;height:24px;background-position:0 -50px;}
html.ar .logo-yna21{width:139px;height:24px;background-position:0 -75px;}
html.es .logo-yna21{width:227px;height:24px;background-position:0 -100px;}
html.fr .logo-yna21{width:209px;height:24px;background-position:0 -125px;}

.logo-yna21 .ir-txt{display:none;}


/* ---------------- ####아이콘---------------- */
/* ---- ico-unit001-**** ---- */
/* .ico-unit001-play01 : 영상재생 - 메인 */
.ico-unit001-play01{width:32px;height:32px;}
.ico-unit001-play01:before{margin-left:1px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;}

/* ---- ico-unit002-**** ---- */

/* ---- ico-unit003-**** ---- */
[class*='ico-unit003']{width:30px;height:30px;}
/* .ico-unit003-srch01 : 검색 화이트
 * .ico-unit003-srch02 : 검색 블랙 */


/* ---- ico-unit004-**** ---- */
[class*='ico-unit004']{width:35px;height:35px;background-size:contain;}
/* [class*='ico-unit004'] .txt{font-size:16px;line-height:35px;} */

/* ---- ico-flag001-**** ---- */
[class*='ico-flag001'] .txt{font-weight:bold;font-size:13px;}

/* ---------------- ####버튼---------------- */

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

/* .btn-unit000-menu01 : 전체메뉴 버튼 */

/* ---- btn-unit011-**** ---- */
/* 버튼 하위 아이콘 태그 구조
 * .btn-unit011-**** > .ico-unit$$$-****  */

/* ---- btn-unit012-**** ---- */
/* 버튼 하위 아이콘 태그 구조
 * .btn-unit012-**** > .ico-unit$$$-****  */

 /* ---- btn-unit012-**** ---- */
/* 버튼 하위 아이콘 태그 구조
 * .btn-unit012-**** > .ico-unit$$$-****  */

/* ---- btn-unit021 ---- */
/* .btn-unit021 - 텍스트 더보기 */
[class*='btn-unit021']{}
[class*='btn-unit021'] .txt{display:inline-block;padding:0 1px;height:18px;font-weight:bold;font-size:12px;line-height:18px;color:#000;vertical-align:middle;letter-spacing:-0.6px;}
[class*='btn-unit021'] .txt:before{content:'';display:inline-block;position:absolute;top:auto;left:0;bottom:0;z-index:-1;box-sizing:border-box;width:100%;height:5px;background-color:#ffff35;background-image:none;}

/* ---- btn-unit101-**** ---- */
/* 슬라이드 방향 버튼 */
[class*='btn-unit101']{width:32px;height:32px;}
.btn-unit101-prev{border-radius:4px 0 0 4px;box-shadow:-1.5px 1.5px 3px rgba(0, 0, 0, 0.1);}
.btn-unit101-next{border-radius:0 4px 4px 0;box-shadow:1.5px 1.5px 3px rgba(0, 0, 0, 0.1);}
[class*='btn-unit101'] .ir-txt{width:10px;height:17.5px;background-position:-150px -50px;background-size:400px auto;}
[class*='btn-unit101'].active,
[class*='btn-unit101']:active .ir-txt{background-position-y:-75px;}

.btn-unit101-prev .ir-txt{background-position-x:-150px;}
.btn-unit101-next .ir-txt{background-position-x:-175px;}
.btn-unit101-prev.swiper-button-disabled .ir-txt,
.btn-unit101-next.swiper-button-disabled .ir-txt{opacity:0.5;background-position-y:-50px;}

/* 스크롤탑버튼 */
.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;}
.btn-scroll-top .ir-txt{width:0;height:0;background:none !important;}

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

/* ---- paging-unit001 : 리스트 숫자 ---- */
.paging-unit001{width:222px;margin:0 auto;}
.paging-unit001 .num{box-sizing:border-box;width:34px;height:34px;margin:4px 5px;font-size:15px;line-height:34px;color:#000;}
.paging-unit001 .prev,
.paging-unit001 .next{position:absolute;top:50%;width:34px;height:34px;margin:-17px 0 0;}
.paging-unit001 .prev{left:-50px;}
.paging-unit001 .next{right:-50px;}
.paging-unit001 .prev span,
.paging-unit001 .next span{top:10.5px;width:12px;height:12px;}
.paging-unit001 .prev span{left:15px;}
.paging-unit001 .next span{left:6px;}


/* ---- paging-unit011 : 리스트 스와이프  ---- */
.paging-unit011{overflow:hidden;opacity:0;position:relative;box-sizing:border-box;width:264px;margin:0 auto;text-align:center;}
.paging-unit011.show{opacity:1;}
/* .paging-unit011 .num{box-sizing:border-box;width:auto;margin:0 10px 0 0;font-size:25px;line-height:24px;color:#cdcdcd;} */
.paging-unit011 .num{width:24px;line-height:24px;}
html:not(.ar) .paging-unit011 .num{margin:0 8px 0 0;}
html.ar .paging-unit011 .num{margin:0 0 0 10px;}
/* html.ar .paging-unit011 .num.on{border-radius:0 8px 8px 8px;} */
.paging-unit011 .prev,
.paging-unit011 .next{position:absolute;top:50%;z-index:20;width:34px;height:34px;margin:-17px 0 0;background-color:#fff;}
.paging-unit011 .prev{left:-34px;}
.paging-unit011 .next{right:-34px;}
.paging-unit011 .prev span,
.paging-unit011 .next span{top:10.5px;width:12px;height:12px;}
.paging-unit011 .prev span{left:15px;}
.paging-unit011 .next span{left:6px;}
html:not(.ar) .paging-unit011 .prev{left:-34px;}
html:not(.ar) .paging-unit011 .next{right:-34px;}
html.ar .paging-unit011 .prev{right:-34px;}
html.ar .paging-unit011 .prev span{
-webkit-transform:rotate(-225deg);
transform:rotate(-225deg)}
html.ar .paging-unit011 .next{left:-34px;}
html.ar .paging-unit011 .next span{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);}
/* 스와이프 미실행 1~5 */
/* .paging-unit011:not(.swiper-container-horizontal) .swiper-wrapper{display:inline;} */
/* 스와이프 실행
 * visible 상태를 가상선택자로 스와이프 좌우 가림
 * width 값은 임의로 정함 */
/* 스와이프 실행 (visible 상태를 가상선택자로 스와이프 좌우 가림) */
.paging-unit011 .swiper-wrapper{justify-content:center;}
.paging-unit011[class*='swiper-']{overflow:visible;}
/* .paging-unit011[class*='swiper-']:before,
.paging-unit011[class*='swiper-']:after{content:'';display:block;clear:both;position:absolute;top:50%;left:50%;z-index:10;width:200px;height:34px;margin-top:-17px;}
.paging-unit011[class*='swiper-']:before{margin-left:-334px;background-color:#fff;}
.paging-unit011[class*='swiper-']:after{margin-left:133px;
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%);
background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%);} */
/*  그라데이션 */
/* html:not(.ar) .paging-unit011[class*='swiper-']:before{background-color:#fff;}
html:not(.ar) .paging-unit011[class*='swiper-']:after{
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%);
background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%);}
html.ar .paging-unit011[class*='swiper-']:before{
background:-webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);}
html.ar .paging-unit011[class*='swiper-']:after{background-color:#fff;} */

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

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

/* ---- [공통] title-unit$$$ : 제목  ---- */
[class*='title-unit'].bold .tit{font-weight:bold;}

/* ---- title-unit001 ---- */
.title-unit001 .tit{font-size:24px;line-height:1.13;color:#000;letter-spacing:-1px;}

/* ---- title-unit002 ---- */
.title-unit002{min-width:125px;height:237px;border-radius:20px;background-color:#b11e33;}
.title-unit002:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;width:100%;height:118px;border-radius:20px 20px 0 0;background-color:#761b2b;}
.title-unit002 .tit{position:relative;z-index:1;padding:18px 21px 0 21px;font-size:20px;line-height:1.13;letter-spacing:-1px;color:#fff;}

/* ---- [공통] txt-unit$$$ : 텍스트  ---- */
[class*='txt-unit'].bold{font-weight:bold;}

/* ---- txt-unit001 : 푸터 카피라이터 ---- */
.txt-unit001{font-size:11px;line-height:1.73;color:rgba(255,255,255,0.3);}
.txt-unit001 .txt01 span:before{content:'';display:inline-block;position:relative;top:2px;width:1px;height:13px;margin:0 6px;background-color:rgba(255,255,255,0.25);}
.txt-unit001 .txt02 span:nth-of-type(1){display:none;}
.txt-unit001 .txt02 span+span{margin-left:4px;}
.txt-unit001 .txt03{margin-top:9px;}
.txt-unit001 br{display:block;}

/* ---- txt-unit011 : 사이트명 옆 대회 기간 ---- */
.txt-unit011{font-weight:500;font-size:11px;letter-spacing:-0.55px;}

/* ---- txt-unit021 : title-box 안 설명문구 ---- */
.txt-unit021{font-size:11px;line-height:14px;letter-spacing:-0.5px;}
.txt-unit021.bold .txt01{font-weight:bold;}

/* ---- txt-unit021 : title-box 안 설명문구 ---- */
.txt-unit031{}

/* ---- txt-unit901 : 가이드용 텍스트 ---- */
.txt-unit901{}

.txt-unit011 .pd{font-size:14px;}

/* ---- [공통] title-box$$$ : 제목, 텍스트 박스 ---- */
/* title-box$$$ : 타이틀, 텍스트 등 그룹핑 역할
 * title-box : 기본사용
 * title-box001 : 화보 */
[class*='title-box']{}
.title-box .btn-unit021{top:3px;}
.title-box .txt-unit031{display:inline-block;position:absolute;bottom:0;right:0;}

.title-box001{}


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

[class*='news-unit'] [class*='tit-sub'] strong:after{top:2px;left:0;width:2px;height:13px;background:#000;}
/* (외국어) */
/* 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;} */

/* ---- news-unit001 : 메인 톱기사 ---- */
/* 리드 : 2줄 말줄임
  * .news-con > .inner 구조 : 모바일에서 텍스트 영역의 가변 높이 값을 가상 선택자들이 상속받기 위해 필요함 */
.news-unit001{width:100%;}
.news-unit001 .img-con,
.news-unit001 .img-con .img{}
.news-unit001 .img-con .img{height:0;padding-bottom:67%;}
.news-unit001 .tit-wrap{margin-bottom:7px;}
.news-unit001 .tit-news{display:inline;font-weight:700;font-size:24px;line-height:1.5;vertical-align:middle;letter-spacing:-0.5px;}
.news-unit001 .tit-sub{margin-top:3px;font-weight:500;font-size:14px;line-height:18px;}
.news-unit001 .lead{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:14px;color:#666;line-height:21px;vertical-align:middle;}
.news-unit001 .lead + [class*='related-unit']{padding-top:19px;}
.news-unit001 [class*='related-unit']{position:relative;}
.news-unit001 .news-con{position:relative;top:-3px;z-index:1;padding:0 20px 0 0;}
.news-unit001 .news-con .inner{position:relative;z-index:10;padding:15px 20px 0 20px;background-color:#fff;}
.news-unit001 .news-con .inner:after{content:'';display:block;clear:both;position:absolute;bottom:0;right:-20px;z-index:1;width:20px;height:40px;background:url(../img/img_object_top02.svg) 100% 100% / 42px auto no-repeat;}
.news-unit001 [class*='related-unit']:after,
.news-unit001 .news-con:after{content:'';display:block;clear:both;position:absolute;}
.news-unit001 .news-con:after{visibility:visible;top:-20px;right:0;width:45%;height:100%;background:url(../img/img_object_top01.svg) 100% 0 / auto 188px no-repeat;}
.news-unit001 [class*='related-unit']:after{bottom:38px;right:-40px;z-index:1;width:20px;background-color:#ff5d89;
height:-webkit-calc(100% - 38px);height:calc(100% - 38px);}


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

[class*='list-unit'] .img:after{border:1px solid rgba(0, 0, 0, 0.05);}

/* ---- [공통] list-unit ---- */
/* html.en [class*='list-unit'] .tit-news,
html.es [class*='list-unit'] .tit-news,
html.fr [class*='list-unit'] .tit-news{font-family:'Playfair Display',serif;} */

/* ---- [메인] 톱뉴스 3건 ---- */
.list-unit001 .list>li{width:100%;}
.list-unit001 .list>li+li{margin-top:33px;}
.list-unit001 .item-box01{padding:0 20px;}
.list-unit001 .img-con{}
.list-unit001 .img-con .img{width:100%;height:0;padding-bottom:56%;}
.list-unit001 .news-con{position:relative;}
.list-unit001 .tit-wrap{overflow:hidden;margin-top:12px;}
.list-unit001 .tit-news{font-weight:500;font-size:20px;line-height:1.5;letter-spacing:-0.5px;}
.list-unit001 .lead{display:none;}
/* .list-unit001 .lead{display:none;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:14px;line-height:24px;color:#666;} */
.list-unit001 [class*='related-unit']{margin-top:10px;}
.list-unit001 [class*='related-unit'] .tit{overflow:hidden;max-height:48px;}

/* ---- [메인] 주요기사 ---- */
.list-unit002 .list li{margin-top:15px;}
.list-unit002 .item-box01{padding:0 20px;}
.list-unit002 .img-con{width:105px;height:79px;margin-right:10px;}
.list-unit002 .img{height:79px;}
.list-unit002 .img img{width:auto;max-width:105px;max-height:79px;}
.list-unit002 .img-con+.news-con{width:-webkit-calc(100% - 115px);width:calc(100% - 115px);}
.list-unit002 .tit-news{font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-0.4px;}
.list-unit002 .lead{display:none;}

/* ---- [메인] 알고보는 베이징01 ---- */
/* 첫번째 li : 1건
 * 두번째 li : 2건 */
.list-unit003{overflow:hidden;margin-left:20px;}
.list-unit003[class*='swiper-container-']{overflow:visible;}
/* 그라데이션 */
.list-unit003 .news-con{position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;padding:15px 10px 10px;border-radius:0 0 4px 4px;
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}
/* 제목 */
.list-unit003 .tit-news{font-weight:500;font-size:14px;line-height:1.5;color:#fff;}
/* 섬네일 크기 */
.list-unit003 .img-con .img{width:100%;}
.list-unit003 .item-box01 .img-con .img{height:219px;}
.list-unit003 .item-box02 .img-con .img{height:104.5px;}
/* 아이템 크기 */
.list-unit003 .list>li+li{margin-left:10px;}
.list-unit003 .list>li:last-child{padding-right:20px;}
.list-unit003 .list>li:nth-child(odd){width:277px;}
.list-unit003 .list>li:nth-child(even){width:162px;}
.list-unit003 .item-box01{width:100%;}
.list-unit003 .item-box02{width:100%;}
.list-unit003 .item-box02+.item-box02{margin-top:10px;}

/* ---- [메인] 영상01 ---- */
.list-unit004{margin-left:20px;}
.list-unit004 .txt-play01{width:40px;height:20px;font-size:11px;line-height:21px;}
.list-unit004 .list>li{width:278px;}
.list-unit004 .list>li+li{margin-left:10px;}
.list-unit004 .img-con{overflow:visible;width:100%;}
.list-unit004 .img-con .img{width:100%;height:156px;}
.list-unit004 .news-con{margin-top:11px;}
.list-unit004 .tit-news{font-weight:500;font-size:17px;line-height:1.5;letter-spacing:-0.4px;}
.list-unit004 [class*='ico-unit001']{right:0;}
/* .list-unit004 .txt-play01{width:40px;height:20px;font-size:11px;line-height:21px;}
.list-unit004 .list>li+li{margin-left:10px;}
.list-unit004 .item-box01{padding:0 20px;}
.list-unit004 .img-con{overflow:visible;}
.list-unit004 .img-con .img{height:0;padding-bottom:56%;}
.list-unit004 .news-con{margin-top:18px;}
.list-unit004 .tit-news{font-weight:bold;font-size:17px;line-height:1.5;} */

/* ---- [메인] 주목이선수 (개막전) ---- */
.list-unit005{margin:0 20px;}
.list-unit005 .list>li{display:inline-block;width:50%;vertical-align:top;}
.list-unit005 .list>li:nth-child(odd) .item-box01{margin-right:5px;}
.list-unit005 .list>li:nth-child(even) .item-box01{margin-left:5px;}
.list-unit005 .img-con{z-index:10;margin-bottom:12px;}
.list-unit005 .tit-wrap{overflow:hidden;}
.list-unit005 .tit-news{font-weight:500;font-size:14px;line-height:1.5;}
.list-unit005 .dim-unit101{z-index:1;}
/* 오버레이, 섬네일 크기 */
.list-unit005 .dim-unit101,
.list-unit005 .item-box01 .img-con .img{height:0;padding-bottom:70%;}

/* ---- [메인] 주요경기 (개막후) ---- */
.list-unit006{margin:0 20px;}
.list-unit006 .list>li{display:inline-block;width:100%;vertical-align:top;}
.list-unit006 .img-con{margin-bottom:13px;}
.list-unit006 .img-con .img{width:100%;height:0;padding-top:75%;background-color:#fff;}
.list-unit006 .tit-wrap{overflow:hidden;}
.list-unit006 .tit-news{font-weight:bold;font-size:17px;line-height:1.32;}

/* ---- [메인] 베이징 스타 ---- */
.list-unit007{margin:0 20px;}
.list-unit007 .list{font-size:0;}
.list-unit007 .list>li{display:inline-block;width:50%;vertical-align:top;}
.list-unit007 .list>li:nth-child(odd) .item-box01{margin-right:5px;}
.list-unit007 .list>li:nth-child(even) .item-box01{margin-left:5px;}
/* 섬네일 크기 */
.list-unit007 .img-con{z-index:10;margin-bottom:12px;}
.list-unit007 .img-con .img{position:relative;z-index:10;width:100%;height:0;padding-bottom:70%;}
/* 제목 */
.list-unit007 .news-con{overflow:hidden;display:table;position:relative;width:100%;min-height:70px;background-color:#fff;}
.list-unit007 .tit-wrap{overflow:hidden;}
.list-unit007 .tit-news{font-weight:500;font-size:14px;line-height:1.5;}

/* ---- [메인] 화보 - 슬라이드 ---- */
/* list-unit011 - 제목
 * list-unit012 - 섬네일 */

/* list-unit011 */
.list-unit011{opacity:0;width:200px;margin:0 auto;}

/* list-unit012 */
.list-unit012{margin:0 20px;}
.list-unit012 .img-con .img{height:0;padding-top:75%;}
.list-unit012 .news-con{margin-top:11px;}
.list-unit012 .tit-news{font-weight:500;font-size:17px;line-height:1.5;color:#000;letter-spacing:-0.43px;}

/* ---- [서브] 글기사 리스트 ---- */
/* list-unit201 : 최신기사, 주목이선수 */
.list-unit201 .list li{padding:20px 0;border-bottom:1px solid #ddd;box-sizing:border-box;}
.list-unit201 .list li:first-child{padding-top:0;}
.list-unit201 .img-con{float:left;width:120px;height:80px;margin-right:12px;}
html.ar .list-unit201 .img-con{float:right;margin-right:0;margin-left:12px;}
/* .list-unit201 .img-con.rowH:before{border:1px solid rgba(0,0,0,.05)} */
.list-unit201 .img{width:100%;height:100%;border-radius:0;}
.list-unit201 .img img{width:100%;}
.list-unit201 .news-con{display:inline-block;box-sizing:border-box;width:-webkit-calc(100% - 132px);width:calc(100% - 132px);}
.list-unit201 .info-box01+.news-con{width:100%;}
.list-unit201 .tit-news{font-weight:600;font-size:16px;line-height:24px;color:#111;}

html.en .list-unit201 .tit-news,
html.sp .list-unit201 .tit-news,
html.fr .list-unit201 .tit-news{letter-spacing:-0.4px;}
.list-unit201 .txt-time{margin-top:4px;font-size:13px;font-weight:400;line-height:20px;color:#888;vertical-align:middle;}
.list-unit201 .info-box01,
.list-unit201 .lead{display:none;}

/* list-unit202 : 알고보는 베이징 */
.list-unit202 .list{font-size:0;}
.list-unit202 .list>li{display:inline-block;width:50%;margin-top:27px;vertical-align:top;}
.list-unit202 .list>li:nth-child(1),
.list-unit202 .list>li:nth-child(2){margin-top:0;}
.list-unit202 .list>li:nth-child(odd) .item-box01{margin-right:5px;}
.list-unit202 .list>li:nth-child(even) .item-box01{margin-left:5px;}
.list-unit202 .img-con{margin-bottom:12px;}
.list-unit202 .img{width:100%;height:0;padding-bottom:70%;}
.list-unit202 .img img{width:100%;}
.list-unit202 .news-con{position:relative;}
.list-unit202 .tit-wrap{overflow:hidden;max-height:66px;}
.list-unit202 .tit-news{font-weight:bold;font-size:14px;line-height:1.5;color:#000;}
.list-unit202 .txt-time{margin-top:4px;font-size:12px;line-height:1.75;color:#666;vertical-align:middle;}
.list-unit202 .info-box01,
.list-unit202 .lead{display:none;}

/* ---- [서브] 최신포토 리스트 ---- */
/* .item-box : 기본 사용 (show, rowH 의 영향이 없다)
 * └ .item-box01 : 오버 섬네일 확대, 오버레이 PC용
 * .img-con : 기본 사용
 * └ .img-con.show : 이미지 로드 후 표출
 * └ .img-con.rowH : 세로 섬네일 정렬 */
.list-unit211 .list{font-size:0;line-height:0;}
.list-unit211 .list li + li{margin-top:40px;}
/* .list-unit211 .list>li{display:block;margin-top:27px;} */
/* .list-unit211 .list>li:nth-child(1),
.list-unit211 .list>li:nth-child(2){margin-top:0;}
.list-unit211 .list>li:nth-child(odd) .item-box01{margin-right:5px;}
.list-unit211 .list>li:nth-child(even) .item-box01{margin-left:5px;} */
.list-unit211 [class*='item-box']{overflow:hidden;box-sizing:border-box;}
.list-unit211 .img-con{margin-bottom:12px;}
.list-unit211 .img{width:100%;height:0;padding-bottom:70%;}
.list-unit211 .img img{width:100%;}
.list-unit211 .img-con.rowH .img{background-size:contain !important;}
.list-unit211 .news-con{position:relative;}
.list-unit211 .tit-wrap{overflow:hidden;}
.list-unit211 .tit-news{font-weight:600;font-size:16px;line-height:24px;color:#111;}
.list-unit211 .txt-time{margin-top:8px;font-size:13px;line-height:20px;color:#888;}
/* (외국어) */
html.ar .list-unit211 .list>li:nth-child(odd) .item-box01{margin-left:5px;}
html.ar .list-unit211 .list>li:nth-child(even) .item-box01{margin-right:5px;}

.page-video .list-unit211 .img{padding-bottom:56.25%;width:100%;height:0;}
.page-video .list-unit211 .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.video-corner{padding:0 16px;}
.video-corner .section-tit{padding-top:10px;border-top:1px solid #000;}
.video-corner .section-tit .tit{font-size:20px;color:#111;font-weight:700;}
.list-unit212 .list li .img-con .img{position:relative;width:100%;height:100%;padding-bottom:56.25%;}
.list-unit212 .list li .img-con .img img{position:absolute;top:0;left:0;}
.list-unit212 .list li .news-con .tit-news{font-size:16px;}

/* ---- [서브] 최신그래픽 리스트 ---- */
.list-unit221 .list{font-size:0;line-height:0;}
.list-unit221 .list>li{display:inline-block;width:50%;margin-top:27px;vertical-align:top;}
.list-unit221 .list>li:nth-child(1),
.list-unit221 .list>li:nth-child(2){margin-top:0;}
.list-unit221 .list>li:nth-child(odd) .item-box01{margin-right:5px;}
.list-unit221 .list>li:nth-child(even) .item-box01{margin-left:5px;}
.list-unit221 [class*='item-box']{overflow:hidden;box-sizing:border-box;}
.list-unit221 .img-con{margin-bottom:12px;}
.list-unit221 .img{width:100%;height:0;padding-bottom:70%;}
.list-unit221 .img img{width:100%;}
.list-unit221 .news-con{position:relative;}
.list-unit221 .tit-wrap{overflow:hidden;max-height:66px;}
.list-unit221 .tit-news{font-weight:bold;font-size:14px;line-height:1.5;color:#000;}
.list-unit221 .txt-time{margin-top:4px;font-size:12px;line-height:1.75;color:#666;vertical-align:middle;}

/* ---- [서브] 최신영상 리스트 ---- */
.list-unit231 .list{font-size:0;}
.list-unit231 .list>li{display:inline-block;width:50%;margin-top:27px;vertical-align:top;}
.list-unit231 .list>li:nth-child(1),
.list-unit231 .list>li:nth-child(2){margin-top:0;}
.list-unit231 .list>li:nth-child(odd) .item-box01{margin-right:5px;}
.list-unit231 .list>li:nth-child(even) .item-box01{margin-left:5px;}
.list-unit231 .img-con{margin-bottom:12px;}
.list-unit231 .img{height:0;padding-bottom:56%;border-radius:4px}
.list-unit231 .img img{width:100%;}
.list-unit231 .news-con{position:relative;}
.list-unit231 .tit-wrap{overflow:hidden;max-height:66px;}
.list-unit231 .tit-news{font-weight:bold;font-size:14px;line-height:1.5;color:#000;}
.list-unit231 .txt-time{margin-top:4px;font-size:12px;line-height:1.75;color:#666;vertical-align:middle;}
.list-unit231 .info-box01,
.list-unit231 .lead{display:none;}

/* .list-unit231 .list>li+li{margin-top:34px;}
.list-unit231 .item-box01{padding:0 20px;}
.list-unit231 .img-con .img{height:0;padding-bottom:56%;}
.list-unit231 .news-con{position:relative;box-sizing:border-box;margin-top:6px;}
.list-unit231 .tit-news{font-weight:bold;font-size:16px;line-height:24px;color:#000;}
.list-unit231 .txt-time{margin-top:5px;font-size:12px;line-height:20px;color:#666;} */

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

/* ---- related-unit$$$ : 메인 톱기사01 ---- */
/* bold */
[class*='related-unit']>li:before{top:9px;left:0;width:7px;height:2px;}
[class*='related-unit']>li+li{margin-top:9px;}
[class*='related-unit']>li>a .tit{font-size:14px;line-height:1.5;color:#000;}
[class*='related-unit'].bold>li .tit{font-weight:normal;}

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

/* ---- link-unit021 : M 전체메뉴 ---- */
.link-unit021{font-size:0;}
.link-unit021 li{display:inline-block;margin:0 0 20px 20px;width:70px;height:40px;text-align:center;}
.link-unit021 li>a{width:100%;height:100%;border:1px solid #ddd;border-radius:20px;font-weight:500;font-size:14px;line-height:40px;color:#ddd;letter-spacing:-0.7px;}

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

/* ---- link-unit011 : 언어 선택 ---- */
.link-unit011{display:none !important;}

.link-unit100{display:block;}
.link-unit101{display:none;}
.link-unit100 .lang-layer{top:46px;}

.btn-srch-open .ico-type01-srch01:before{width:24px;height:24px;margin:-12px 0 0 -12px;background:url('../img/ico_srh01.svg') 0 0 no-repeat;}


/* ---------------- ####테이블 ---------------- */
/* .tbl-unit001 : 메달현황
 * .tbl-unit001>table */
.tbl-unit001 .ww01{width:10%;}
.tbl-unit001 .ww02{width:40%;}
.tbl-unit001 .ww03,
.tbl-unit001 .ww04,
.tbl-unit001 .ww05{width:10%;}
.tbl-unit001 .ww06{width:20%;}

.tbl-unit001 th,
.tbl-unit001 td{font-size:15px;}
/* .tbl-unit001 thead 높이 : 50 = 46+4 */
.tbl-unit001 thead th{height:46px;}
.tbl-unit001 thead th:nth-child(2){padding-left:45px;text-align:left;}
/* .tbl-unit001 tbody */
.tbl-unit001 tbody td{font-size:14px;line-height:43px;}
/* bold */
.tbl-unit001 thead th,
.tbl-unit001 .KOR td{font-weight:bold;}

/* ---------------- ####특집사이트---------------- */
/* 특집사이트의 테마에 맞는 콘텐츠
 * site-unit$$$ (넘버링 : 십단위)
 * visual-object$$ */
 [class*='visual-object']{display:none !important;}

/* ---- [공통] 올림픽 디데이 ---- */
/* .site-unit001 : 디데이 메인
 * .site-unit002 : 디데이 서브 */
/* [class*='site-unit00'],
[class*='site-unit00'].show{display:none !important;} */

.site-unit001{position:absolute;top:70px;right:20px;margin:0;}
html.ar .site-unit001{display:none;left:20px;right:initial;}
.site-unit001 .dday{display:flex;justify-content:flex-end;}
.site-unit001 .tit{font-weight:500;font-size:14px;color:#130152;}
.site-unit001 .num{font-weight:500;font-size:25px;color:#fff;line-height:16px;}
.site-unit001 .m-day{font-size:14px;font-weight:500;letter-spacing:-0.25px;color:#130152;}
.site-unit001 .m-day .days{color:#fff;}

 /* ---- [공통] 올림픽 메달 ---- */
[class*='site-unit01']{}
[class*='site-unit01'] .title-con{margin:0 0 30px;}

/* site-unit011 */
/* .site-unit011{display:flex;position:absolute;top:60px;left:initial;right:20px;}
html.ar .site-unit011{left:20px;right:initial;}
html.ar .site-unit011 .title-box{direction:rtl;margin:5px 0 0 10px;}
html.ar .site-unit011 .list li + li{margin:0 5px 0 0;}
.site-unit011 .list{order:2;height:36px;}
.site-unit011 .title-box{order:1;margin:5px 10px 0 0;padding-top:0;}
.site-unit011 .title-box .day{display:none;}
.site-unit011 .title-box .info{display:flex;align-items:center;margin-top:1px;}
.site-unit011 .title-box .info .flag{display:none;}
.site-unit011 .title-box .info .row{font-size:14px;font-weight:500;letter-spacing:-0.25px;color:#97ff99;}
.site-unit011 .title-box .ranking{margin-left:4px;color:#fff;}
html.ar .site-unit011 .title-box .ranking{margin-left:inherit;margin-right:4px;}

.site-unit011 .title-box .date{margin-top:0;font-size:8px;line-height:10px;letter-spacing:-0.2px;}
.site-unit011 .title-box .day .num{color:#fff;}
.site-unit011 .list li{width:35px;height:35px;}
.site-unit011 .list li .num{bottom:13px;font-size:10px;line-height:14px;letter-spacing:-0.25px;}
.site-unit011 .list li+li{margin-left:5px;} */

/* body.page-main .site-unit011{display:block;top:42px;left:128px;}
body.page-main .site-unit011 .list{display:none;}
body.page-main .site-unit011 .title-box .day{display:block;height:auto;line-height:16px;text-align:left;background-color:transparent;}
body.page-main .site-unit011 .title-box .info{display:none;}
body.page-main .site-unit011 .title-box .date{display:none;}
body.day-ing.page-main [class*='header00'] .txt-unit011{display:block;left:73px;}
body.page-main .wrap-container .site-unit011{position:relative;top:initial;left:initial;display:flex;justify-content:center;align-items:center;}
body.page-main .wrap-container .site-unit011 .list{display:block;height:49px;margin-left:5px;}
body.page-main .wrap-container .site-unit011 .title-box{text-align:right;}
body.page-main .wrap-container .site-unit011 .title-box .day{display:none;}
body.page-main .wrap-container .site-unit011 .title-box .info{display:flex;}
body.page-main .wrap-container .site-unit011 .title-box .info .flag{display:inline-block;}
body.page-main .wrap-container .site-unit011 .title-box .info .row{font-size:11px;}
body.page-main .wrap-container .site-unit011 .title-box .date{display:block;}
body.page-main .wrap-container .site-unit011 .list li .num{bottom:18px;font-size:14px;line-height:18px;} */

/* (외국어) */
html.ar [class*='site-unit01'] .txt-unit021{padding:0 0 0 4px;text-align:left;}
/* html.ar [class*='site-unit01'] li{margin:0 5px 0 0;} */

/* ---------------- ####박스 타입---------------- */
[class*='box-unit'] [class*='paging-unit']{margin-top:40px;margin-bottom:30px;}
[class*='box-unit'] .title-box{display:block;margin:0 16px 24px;}
[class*='box-unit'] .tbl-unit001{margin:0 20px;}

/* ---- [메인] 알고보는 베이징 ---- */
.box-unit001:after{display:none;}
.box-unit001 .list-unit003{padding-bottom:40px;}


/* ---- [메인] 화보 ---- */
.box-unit002{position:relative;width:100%;}
.box-unit002 .title-area,
.box-unit002 .title-area .pager-unit001,
.box-unit002 .title-area .btns-wrap11{position:absolute;}

.box-unit002 .title-area{top:0;left:0;width:100%;}
.box-unit002 .title-area .pager-unit001{top:0;right:90px;}
.box-unit002 .title-area .btns-wrap11{top:0;right:20px;}

/* ---- [메인] 영상 ---- */
/* .box-unit003{} */

/* ---- [메인] 베이징 스타 ---- */
/* .box-unit004{} */

/* ---- [서브] 최신기사, 유망주 ---- */
.box-unit201 .list{padding:0 20px;}

/* ---- [서브] 라이벌, 알고보는 베이징 ---- */
.box-unit202 .list{padding:0 20px;}

/* ---- [서브] 포토 ---- */
.box-unit211 .list{padding:0 16px;}

/* ---- [서브] 그래픽 ---- */
.box-unit221 .list{padding:0 20px;}

/* ---- [서브] 영상 ---- */
.box-unit231 .list{padding:0 20px;}

/* =============== ######모션 ======================== */

/* motion01-fixed01 : 올림픽 개최 전 */
@-webkit-keyframes motion01-fixed01{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	100%{-webkit-transform:translate3d(0,-76px,0);transform:translate3d(0,-76px,0);}
}
@keyframes motion01-fixed01{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	100%{-webkit-transform:translate3d(0,-76px,0);transform:translate3d(0,-76px,0);}
}

/* motion01-fixed01-rev : 올림픽 개최 전 */
@-webkit-keyframes motion01-fixed01-rev{
	0%{-webkit-transform:translate3d(0,-76px,0);transform:translate3d(0,-76px,0);}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes motion01-fixed01-rev{
	0%{-webkit-transform:translate3d(0,-76px,0);transform:translate3d(0,-76px,0);}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}

/* motion02-fixed01 : 올림픽 개최 후 */
@-webkit-keyframes motion02-fixed01{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	100%{-webkit-transform:translate3d(0,-98px,0);transform:translate3d(0,-98px,0);}
}
@keyframes motion02-fixed01{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	100%{-webkit-transform:translate3d(0,-98px,0);transform:translate3d(0,-98px,0);}
}

/* motion02-fixed01-rev : 올림픽 개최 후 */
@-webkit-keyframes motion02-fixed01-rev{
	0%{-webkit-transform:translate3d(0,-98px,0);transform:translate3d(0,-98px,0);}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes motion02-fixed01-rev{
	0%{-webkit-transform:translate3d(0,-98px,0);transform:translate3d(0,-98px,0);}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}

/* =============== ######모듈 Module ======================== */
/*************************************************
* 모듈 박스
* PC/M common.css 스타일 재정의
* module-web-**** : PC 콘텐츠 공통
* module-mob-**** : 모바일 콘텐츠 공통
*************************************************/
[class*='module-web']{display:none;}
[class*='module-mob']{display:block;}

.module-mob-most-video>.box-type01{margin-top:24px !important;}

/* ---- btn-type$$---------------- */
/* 부분적으로 PC 버튼 스타일 사용
 * RWD 모바일모드일 때 PC의 btn-type01 스타일을 사용하여 미디어쿼리로 범위 한정함
 * hover 상태 제거한 코드 */

/* [class*='btn-type']{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-type'].hide{display:none;}
[class*='btn-type'] .ir-txt{z-index:-1;outline:none;}
[class*='btn-type'] [class*='ico']{outline:none;} */

/* btn-type : 공통
 * data-rwd 반응형 일 때 PC 모드 스타일 사용시 */
[data-rwd].btn-type01 .ir-txt,
[data-rwd].btn-type07 .ir-txt,
[data-rwd].btn-type00 .ir-txt{background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_rwd01.png?v=20230905_0901) 0 0 no-repeat;background-size:200px auto;}

/* btn-type01 ([티커/기사본문] 기능버튼) : 공통 */
[data-rwd].btn-type01{overflow:visible;width:40px;height:40px;border:1px solid #000;border-radius:50%;}
/* [data-rwd].btn-type01.on,
[data-rwd].btn-type01.active{background-color:#000;}*/
.tlp-content [data-rwd].btn-type01.active{background-color:#000;}
[data-rwd].btn-type01 .ir-txt{overflow:hidden;position:absolute;left:50%;top:50%;}

/* btn-type01 : 개별 - 기능 */
[data-rwd].btn-type01.cmt01 .ir-txt{width:21px;height:20px;margin:-10.5px 0 0 -10px;background-position:0 0;}
[data-rwd].btn-type01.share01 .ir-txt{width:21px;height:18px;margin:-9px 0 0 -10.5px;background-position:0 -25px;}
[data-rwd].btn-type01.fsize01 .ir-txt{width:22px;height:18px;margin:-7px 0 0 -10px;background-position:0 -100px;}
[data-rwd].btn-type01.summary01 .ir-txt{width:24px;height:14px;margin:-7px 0 0 -12px;background-position:0 -75px;}
[data-rwd].btn-type01.summary01.active .ir-txt,
[data-rwd].btn-type01.summary01.on .ir-txt{background-position:-25px -75px;}
/* [data-rwd].btn-type01.cmt01.active .ir-txt,
[data-rwd].btn-type01.share01.active .ir-txt,
[data-rwd].btn-type01.fsize01.active .ir-txt{background-position-x:-25px;} */
[data-rwd].btn-type01.print01{display:none;}

/* btn-type01 : 개별 - 폰트 사이즈(텍스트) */
[data-rwd].btn-type01.font01{}
[data-rwd].btn-type01[class*='font'] .ir-txt{}
[data-rwd].btn-type01[class*='font']:before{content:'A';display:block;clear:both;padding:5px 0 7px;font-weight:bold;line-height:21px;color:#000;text-align:center;}
[data-rwd].btn-type01.font01:before{font-size:14px;}
[data-rwd].btn-type01.font02:before{font-size:15px;}
[data-rwd].btn-type01.font03:before{font-size:16px;}
[data-rwd].btn-type01.font04:before{font-size:17px;}
[data-rwd].btn-type01.font05:before{font-size:18px;}
[data-rwd].btn-type01.font06:before{font-size:19px;}
[data-rwd].btn-type01.font07:before{font-size:20px;padding:3px 0 7px;}
[data-rwd].btn-type01[class*="font"].active:before{color:#fff;}

/* btn-type07 (SNS) : 공통 */
[data-rwd].btn-type07{overflow:visible;width:40px;height:40px;border-radius:50%;}
[data-rwd].btn-type07 .ir-txt{overflow:hidden;position:absolute;left:50%;top:50%;}
/* btn-type07 : 개별 - SNS */
[data-rwd].btn-type07.kkt{background-color:#fff200;}
[data-rwd].btn-type07.fb{background-color:#3b5a9a;}
/* [data-rwd].btn-type07.tw{background-color:#3d9cd6;} */
[data-rwd].btn-type07.kks{background-color:#f0b738;}
[data-rwd].btn-type07.fbm{background-color:#0084ff;}
[data-rwd].btn-type07.band{background-color:#01d12b;}
[data-rwd].btn-type07.blog{background-color:#31b349;}
[data-rwd].btn-type07.pin{background-color:#ed2024;}
[data-rwd].btn-type07.kkt .ir-txt{width:28px;height:25px;margin:-12.5px 0 0 -14px;background-position:-150px 0px;}
[data-rwd].btn-type07.fb .ir-txt{width:13px;height:22px;margin:-11px 0 0 -6.5px;background-position:-150px -50px;}
[data-rwd].btn-type07.tw .ir-txt{width:21px;height:18px;margin:-9px 0 0 -10.5px;background-position:-150px -100px;}
[data-rwd].btn-type07.kks .ir-txt{width:12px;height:21px;margin:-10.5px 0 0 -6px;background-position:-150px -150px;}
[data-rwd].btn-type07.fbm .ir-txt{width:21px;height:21px;margin:-10.5px 0 0 -10.5px;background-position:-150px -200px;}
[data-rwd].btn-type07.band .ir-txt{width:18px;height:23px;margin:-11.5px 0 0 -9px;background-position:-150px -250px;}
[data-rwd].btn-type07.blog .ir-txt{width:29px;height:14px;margin:-7px 0 0 -14.5px;background-position:-150px -300px;}
[data-rwd].btn-type07.pin .ir-txt{width:21px;height:21px;margin:-10.5px 0 0 -10.5px;background-position:-150px -350px;}

/* btn-type01 : 개별 - 요약 서비스 */
[data-rwd].btn-type01.summary01{}

/* btn-type00 : 개별 */
[data-rwd].btn-type00.close01{width:40px;height:40px;}
[data-rwd].btn-type00.close01 .ir-txt{margin:-7.5px 0 0 -7.5px;width:15px;height:15px;background-position:0 -200px;}

/* btn-type00 : 개별 - beta 물음표 마크 */
[data-rwd].btn-type01+.btn-type00.question01{position:absolute;top:-5px;left:25px;}
[data-rwd].btn-type00.question01{overflow:visible;display:block;width:18px;height:18px;}
[data-rwd].btn-type00.question01:after,
[data-rwd].btn-type00.question01:before{content:'';clear:both;position:absolute;}
[data-rwd].btn-type00.question01:before{top:50%;left:50%;margin:-7px 0 0 -7px;width:15px;height:15px;background-color:#ff0000;border-radius:100%;}
[data-rwd].btn-type00.question01:after{top:50%;left:50%;width:6px;height:10px;margin:-5px 0 0 -3px;background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_rwd01.png?v=20230905_0901) -50px -200px no-repeat;background-size:200px auto;}

/* .txt-new : 신규알림 */
[data-rwd][class*='btn-type'] .txt-new{position:absolute;left:22px;top:-8px;z-index:10;min-width:15px;height:20px;box-sizing:border-box;padding:0 7.5px;color:#fff;font-size:13px;line-height:20px;letter-spacing:0;text-align:center;border-radius:10px;background-color:#f5464d;}
/* [data-rwd][class*='btn-type'] .txt-new{position:absolute;left:26px;top:-1px;z-index:10;min-width:15px;height:15px;box-sizing:border-box;padding:0 3px;color:#fff;font-size:10px;line-height:14px;letter-spacing:0;text-align:center;border-radius:7.5px;background-color:#f5464d;} */

/* ---- tooltip-type$$ ---- */
/* tooltip-type01 : 기본 */
.tooltip-type01{display:inline-block;}
.tooltip-type01 .close01{position:absolute;top:0;right:0;}
html.ar .tooltip-type01 .close01{left:0;right:inherit;}
.tooltip-type01 .tlp-content{display:block;position:absolute;box-sizing:border-box;padding:20px 25px 20px 25px;background:#fff;border:1px solid #000;}
.tooltip-type01 .tlp-content.hide{display:none;}
.tooltip-type01 .tlp-copy.hide{display:none;}
.tooltip-type01 .tlp-content.show{z-index:1;}
.tooltip-type01 .list01{font-size:0;}
/* .tooltip-type01 .list01 .btn-type01:first-child{margin-left:0;}
.tooltip-type01 .list01 .btn-type01{margin-left:10px;} */

/* tlp-fontsize01 : 폰트크기 */
.tlp-fontsize01{}
.tlp-fontsize01 .tlp-content{width:263px;top:49px;right:0;padding:10px;
box-shadow:2px 2px 0 rgb(0,0,0,0.1);}
html.ar .tlp-fontsize01 .tlp-content{right:initial;left:0;}
.tlp-fontsize01 .list01 .btn-type01{margin-left:10px;}
.tlp-fontsize01 .btn-type01.font02{margin-left:0;}

.tlp-fontsize01 .btn-type01.font02:before{font-size:13px;}
.tlp-fontsize01 .btn-type01.font03:before{font-size:15px;}
.tlp-fontsize01 .btn-type01.font04:before{font-size:17px;}
.tlp-fontsize01 .btn-type01.font05:before{font-size:20px;}
.tlp-fontsize01 .btn-type01.font06:before{font-size:24px;}
.tlp-fontsize01 .btn-type00.close01,
.tlp-fontsize01 .btn-type01.font01,
.tlp-fontsize01 .btn-type01.font07{display:none;}
/* html.ar .tlp-fontsize01 .list01 .btn-type01{margin:0 10px 0 0;}
html.ar .tlp-fontsize01 .btn-type01.font02{margin-right:0;} */

/* tlp-share01 : SNS공유 */
.tlp-share01{}
.tlp-share01 .tlp-content{width:342px;top:49px;right:-20px;padding:33px 33px 20px 33px;}
.tlp-share01 .tit-share{display:none;position:absolute;top:0;left:0;box-sizing:border-box;width:100%;padding:0 33px;height:40px;border-bottom:1px solid #e6e6e6;font-weight:bold;font-size:14px;line-height:40px;}

.tlp-share01 .list01{display:block;width:226px;margin:-10px auto 0;text-align:center;}
.tlp-share01 .list01 .btn-type07{margin:10px 0 0 22px;}
.tlp-share01 .list01 .btn-type07:nth-child(4n+1){margin-left:0;}
html.ar .tlp-share01 .list01 .btn-type07{margin:0 22px 0 0;}
html.ar .tlp-share01 .list01 .btn-type07.fb{margin-right:0;}
/* .tlp-share01 .list01 .btn-type07.fb{margin-left:0;} */

/* tlp-share01 : 활성화 */
/* .tlp-share01 .tlp-content.show{position:fixed;right:inherit;top:50%;left:50%;z-index:20;transform:translate(-50%,-50%);width:90%;} */
.tlp-share01 .tlp-content.show{position:absolute;right:0;top:50px;left:initial;z-index:20;width:220px;}
html.ar .tlp-share01 .tlp-content.show{right:initial;top:50px;left:0;}

/* tlp-summary : 요약서비스 */
.tlp-summary01 .tooltip-wrap{}
.tlp-summary01 .story-summary{padding-top:12px;}
.tlp-summary01 .story-summary .scroller{overflow-y:auto;height:210px;-webkit-overflow-scrolling:touch;}
.test-scroll01::-webkit-scrollbar{padding-left:5px;width:5px;}
.test-scroll01::-webkit-scrollbar-thumb{background-color:red;border-radius:5px;}
.tlp-summary01 .story-summary p{font-size:14px;line-height:24px;}
.tlp-summary01 .story-summary p+p{margin:30px 0 0;}
.tlp-summary01 .desc-con{position:relative;margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5;}
.tlp-summary01 .desc-con .txt{display:inline-block;padding-left:23px;font-size:12px;line-height:18px;color:#3061ff;}
.tlp-summary01 .ico-label-info01{position:absolute;top:14px;left:0;width:17px;height:17px;padding:0 4px 4px 0;vertical-align:middle;background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_rwd01.png?v=20230905_0901) -50px -225px no-repeat;background-size:200px auto;}
/* tlp-summary : 활성화 */
.tlp-summary01 .tlp-content.show{position:fixed;right:inherit;top:50%;left:50%;z-index:20;transform:translate(-50%,-50%);width:330px;}

/* dim-type$$
 * mask-type 와 겹치지 않도록 dim-type 로 임시 지정 */
.dim-type01{position:fixed;top:0;left:0;z-index:-1;height:0;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:rgba(0,0,0,0.5);opacity:0;
-webkit-transition:opacity 0.2s, z-index 0.2s;
transition:opacity 0.2s, z-index 0.2s;}
.title-article01 .option-box .dim-type01{margin-left:0;}

/* tlp-mode$$ : 툴팁 모드 (body 추가 클래스)
 * tlp-mode01 : 기본, 딤드(dim-unit$$$) 및 헤더 보조딤드(:after) 노출
 * tlp-mode02 : 요약 툴팁 내부 스크롤 기능 때문에 body 고정 기능 */
/* 구조적으로 딤드가 헤더 위에 위치를 잡지 못 하기 때문에 :after 를 사용함 */
.tlp-mode .wrap-header{}
.tlp-mode .wrap-header:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;z-index:110;box-sizing:border-box;width:100%;height:57px;background-color:rgba(0,0,0,0.5);
-webkit-transition:opacity 0.2s, z-index 0.2s;
transition:opacity 0.2s, z-index 0.2s;}
.tlp-mode .dim-type01{z-index:499;opacity:1;height:100%;}
.tlp-mode .tlp-share01 .tlp-content.show{z-index:600;}
.tlp-mode .tlp-summary01 .tlp-content.show{z-index:600;}

/* (임시)2021-03-15 뒷화면 고정을 위한 속성 */
.tlp-mode02{overflow:hidden;z-index:0;}

/* keyword - 본문 키워드 */
.keyword-zone01{margin:30px 0;padding:0 20px;}

/* related articels - 관련기사  */
.body-view-news .related-zone{padding:15px 20px 10px;border-bottom:1px solid #000;}

/* =============== ######광고 Advertisement ======================== */

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

* ad-web-news-**** : 글기사용
* ad-web-video-**** : 영상용

* ad-mob-****-box$$ : 모바일 광고 클래스명
* ad-mob-****-fixed$$ : 모바일 fixed 광고 클래스명

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

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

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

- ad-mob-video-box01 : CT 899 - AM국_홈V02_영상본문_배너02
*************************************************/

/* 본문 광고 */
[class*='ad-web']{display:none;}
[class*='ad-mob']{display:block;}
/* PC 본문 고정형 광고 */
.container [class*='aside-sticky'],
.container+.fixed-bnr03{display:none;}
/* Mobile 본문 고정형 광고 */
.wrap~[class*='aside-sticky']{display:block;}

/* 본문내광고- 마케팅 */
.aside-bnr05{display:none;}

.ad-mob-video-box01 [class*='bg0']{margin-top:0;padding-top:8px !important;}

/* 본문 최하단 광고 */
.bnr-zone{display:block;width:300px;margin:0 auto;}

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

/* ---------------- ####컨트롤-공통---------------- */
/* ---- 컨텐츠 사이 여백 | layout.css ---- */
/* 기본 : 24px */
[class*='box-type']{margin-top:24px;}

/* ---- 타이틀과 컨텐츠 사이 여백 | layout.css ---- */
/* 기본 */
.title-con02+.news-type01{padding-top:16px;}
.news-type01+.news-type01{margin-top:20px;}

/* ---- BG박스 | layout.css ---- */
/* 기본 : 상단 : 34 / 하단 : 34
 * BG박스연속 : 0 */
[class*='box-type'][class*='bg0']{margin-top:34px;}
[class*='box-type'][class*='bg0']+[class*='box-type']{margin-top:34px;}
[class*='box-type'][class*='bg0']+[class*='box-type'][class*='bg0']{margin-top:0;padding-top:0;}

/* 예외 : 포토슬라이드와 타 box-type간 여백 = BG박스 */
[class*='box-type']+.box-type05,
.box-type05+[class*='box-type']{margin-top:34px;}

/* 예외 - 타이틀 (가로중앙타이틀)
 * 기본 : 73-3=70 (.title-con07 > .title-type07 여백 상쇄) */
.title-con07{margin-top:73px;}
.title-con07+[class*='box-type']{margin-top:0;}

/* 박스 컨텐츠 예외 간격 */
[class*='box-type'].detail-digital{margin-top:0;}

/* ---- 더보기 버튼 | layout.css ---- */
/* 기본 높이 : 50
 * 하단 기본
	더보기 + 일반박스 : 24
	더보기 + BG박스 : 34
 * 상단 기본 - 콘텐츠(마지막이 텍스트) + 더보기 : 6
 * 상단 예외 - 콘텐츠(마지막이 선 또는 면) + 더보기 : 20
	.list-type01 : 썸네일 기사목록
	.list-type16.style02 : 포토 썸네일목록
	.box-type20 .list-type23 : 그래픽 목록
	.box-type20 div.list-type24 : 이슈 돋보기 썸네일목록
	BG박스 + 더보기 */
[class*='box-type']+[class*='btns-wrap']{margin-top:6px;}
[class*='box-type'] .list-type01+[class*='btns-wrap'],
[class*='box-type'] .list-type16.style02+[class*='btns-wrap'],
[class*='box-type'] .list-type23+[class*='btns-wrap'],
[class*='box-type'] div.list-type24+[class*='btns-wrap'],
[class*='box-type'][class*='bg0']+[class*='btns-wrap']{margin-top:20px;}

/* tap-content 하단 */
.tab-content .list-type21+.dev-btns-count-wrap,
.tab-content .list-type22+.dev-btns-count-wrap{margin-top:6px;}

/* 컨텐츠 제목과 최신리스트 간격 */
.title-box01 + [class*='list-unit2']{margin-top:10px;}

/* ---- 광고 여백 (기본) | layout.css ---- */
/* (기본) 상하단 : 24
 * 기사 내 기자정보 다음 광고 : 20 */
[class*='aside-text'],
[class*='aside-box']{margin-top:24px;}

/* content0* 첫 광고 : 0 */
[class*='content']>[class*='aside-'][class*='bg0']:first-child{margin-top:0;}

/* 기사본문 광고 */
.story-info+[class*='aside-text'],
.story-info+[class*='aside-box']{margin-top:20px;}

/* 광고 + 광고 : 16 */
[class*='aside-text']+[class*='aside-text'],
[class*='aside-text']+[class*='aside-box'],
[class*='aside-box']+[class*='aside-box'],
[class*='aside-box']+[class*='aside-text']{margin-top:16px;}

/* BG포함 광고 */
/* 확인완료 : (비주얼 본문) aside-box04 */
[class*='aside-text'][class*='bg0'],
[class*='aside-box'][class*='bg0']{padding-top:30px;padding-bottom:30px;}

/* 광고 + BG박스 : 24 */
[class*='aside-text']+[class*='bg0'],
[class*='aside-box']+[class*='bg0']{margin-top:24px;}

/* BG박스 + 광고 (세트) : 16 */
[class*='bg0']+[class*='aside-text'],
[class*='bg0']+[class*='aside-box']{margin-top:16px;}

/* BG박스 + BG박스 : 0 */
[class*='bg0']:not(.hide)+[class*='bg0']{margin-top:0;}

/* ---- 광고 여백 (예외) | layout.css ---- */

/* #asideJoyninfo : (항상) 상하단 24 (박스타입과 동일) */
#asideJoyninfo{margin:24px 0;}

/* .aside-box06 : (항상) 상단 24 / 하단 34 */
.aside-box06{margin-bottom:34px;}

/* .aside-box07 : BG박스 상단 여백 */
.aside-box07{margin-top:24px;padding-top:5px !important;}
.aside-box07[class*='aside-slide-'][class*='bg0']{padding-top:8px;}

/* ---- 마지막 컨텐츠 하단여백 ---- */
/* 글기사, 영상 */
.container101 .content102>div:last-child,
.container201 .content202>div:last-child{padding-bottom:0;}

/* ---------------- ####컨트롤-섹션/리스트---------------- */

/* ---------------- ####메인(Main) ---------------- */

/* (임시)톱기사 2,3,4 */
.main-topnews002{margin-top:50px;}
/* (임시)주요뉴스 */
.main-juyo001{margin-top:56px;}
/* (임시)개막전 : 주목이선수 */
.main-promising001{margin-top:56px;}
/* (임시)개막전 : 알고보는 베이징 */
.main-sports001{margin-top:56px;}
/* (임시)개막후 : 베이징 스타 */
.main-star001{margin-top:56px;}
/* (임시)화보 */
.main-gallery001{margin-top:56px;}
.day-ing .main-gallery001{margin-top:31px;}
/* (임시)영상 */
.main-video001{margin-top:56px;}
/* (임시)메달현황 */
.main-medal001{margin-top:56px;}
/* (임시)주요경기 */
.main-major-games001{margin-top:56px;}

/* ---------------- ####소재 ---------------- */
/* ---- 본문 텍스트 ---- */
.story-news>p,
.story-news>span,
.story-news>table{line-height:1.6;color:#1f1f1f;text-indent:0;letter-spacing:-0.02em;}
.story-news>p,
.story-news>span{font-size:17px;}
.story-news>table{font-size:15px !important;} /* 폰트확대 사용 안 함 */
.story-news .writer-zone{padding:5px 20px 24px;text-align:left;}

/* 부제 */
.story-news .tit-sub .tit{font-weight:600;}

/* 저작권 */
.story-news .txt-copyright{font-size:16px !important;letter-spacing:0 !important;}
.story-news .txt-copyright em,
.story-news .txt-copyright span{display:inline;}
.story-news .txt-copyright .date{margin-left:10px;}

/* ---- 이미지 타입 ---- */
/* YHML - 차트 */
.chart-group .image-zone{padding:0 20px;}

/* ---- 영상 타입 ---- */
.video-zone .desc-con p{vertical-align:top;}
.video-zone .txt-link{overflow:hidden;display:inline-block;position:relative;color:#1977d6;}
.video-zone .txt-link:before{content:'';overflow:hidden;clear:both;display:inline-block;position:relative;box-sizing:border-box;height:12px;margin-right:4px;background:transparent url(//r.yna.co.kr/m-kr/home/v02/img/sprites_default01.png?v=20200803_1100) 0 0  no-repeat;background-size:400px auto;color:transparent;}
.video-zone .txt-desc + .txt-link{margin-left:14px;}
.video-zone .txt-desc:empty+.txt-link{margin-left:0;}
.video-group .video-zone .txt-link:before{width:12px;background-position:-50px -200px !important;}
.youtube-group .video-zone .txt-link:before{width:15px;background-position:-75px -350px !important;}

/* ---- 오디오 타입 ---- */
.audio-zone01{position:relative;padding-top:42px;}
.audio-zone01 .desc-con{margin:0 36px 0;}
/* IOS UI 기준 32px 지정 */
.audio-zone01 .audio-con{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;margin:0;padding:0 20px;}
.audio-zone01 .audio-con audio{box-sizing:border-box;height:32px;}

/* ---- 문단 타입 ---- */
.paragraph-zone01{font-size:0;}
.paragraph-zone01 .img-con{padding:0;}
.paragraph-zone01 .img-con .img{display:inline-block;}
.paragraph-zone01 .img-con .img img{width:100%;}
.paragraph-zone01 .desc-con [class*='ico-label-']{display:none;}

/* ---- SNS 임베디드 ---- */
.social-group{padding-bottom:0;}

/* ---- 키워드 영역 ---- */
/* /m-kr/home/v02/article.css 가져와 PC html 구조에 적용함 */
.keyword-zone>ul{margin-right:20px;}
.keyword-zone>ul>li>a{}
.keyword-zone>ul>li>a:before{content:'';display:inline-block;clear:both;
position:absolute;top:10px;left:0;width:9px;height:12px;background:#fff url(//r.yna.co.kr/m-kr/home/v02/img/sprites_default01.png?v=20200803_1100) -75px -200px no-repeat;background-size:400px auto;}
.photo-view .keyword-zone>ul>li>a:before{background-color:#000;}

/* ---- 기자영역 ---- */
.writer-zone .tit-name{margin-top:3px;}
.writer-zone .txt-link{position:relative;top:-4px;height:31px;line-height:31px;font-size:13px;color:#636363;}
.writer-zone .txt-link:before{content:'';display:block;position:absolute;top:auto;bottom:6px;left:0;width:100%;height:1px;background:#636363;}

/* ---- 관련뉴스,관련이슈 ---- */
/* /m-kr/home/v02/article.css 가져와 PC html 구조에 적용함 */
.related-zone{margin:24px 0 20px;padding:12px 0 18px;}
.related-zone [class*='tit-con']{position:relative;margin-bottom:7px;margin-left:36px;}
.related-zone [class*='tit-con']:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e6e9ec;}
.related-zone [class*='tit-con'] i{display:inline-block;position:relative;height:40px;margin:0;padding:5px 0 3px;font:normal 14px/40px sans-serif;color:#000;text-decoration:inherit;vertical-align:top;}
.related-zone [class*='tit-con'] i:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000;}

.related-zone .txt-con{padding:0 20px;}
.related-zone .txt-con li a{overflow:hidden;position:relative;display:block;width:100%;height:39px;box-sizing:border-box;padding-left:18px;color:#000;font-size:15px;line-height:39px;text-overflow:ellipsis;white-space:nowrap;}
.related-zone .txt-con li a:before{content:'';position:absolute;top:50%;left:4px;width:6px;height:7px;margin-top:-6.5px;border-left:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;}
.related-zone .txt-con li a .txt{overflow:hidden;display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.related-zone .txt-con li.hide{display:none;}
.related-zone .txt-con li.show{display:block;}

/* 관련뉴스 */
.related-zone.rel{}

/* 관련이슈 (모바일 없음) */
.related-zone.issue{}


/* ----- 본문 글자 크기 조정 ----- */
/* article-font1 : 폰트 1단계 14px (사용 안함)
 * article-font2 : 폰트 2단계 13px
 * article-font3 : 폰트 3단계 15px
 * article-font4 : 폰트 4단계 17px (기본)
 * article-font5 : 폰트 5단계 18px
 * article-font6 : 폰트 6단계 19px
 * article-font7 : 폰트 7단계 20px (사용 안함)
 * 모바일 버튼 2,3,4,5,6 단계 버튼 제공 (1,7 버튼 숨김) */

.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-font1 .comp-box{padding:3px 0 18px;}
.article-font1 .comp-box .desc-con{font-size:12px;}
.article-font1 .quote-zone01 p{font-size:12px;}

.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-font2 .comp-box{padding:4px 0 20px;}
.article-font2 .comp-box .desc-con{font-size:13px;}
.article-font2 .quote-zone01 p{font-size:13px;}

.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-font3 .comp-box{padding:5px 0 23px;}
.article-font3 .comp-box .desc-con{font-size:13px;}
.article-font3 .quote-zone01 p{font-size:14px;}

.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-font4 .comp-box{padding:5px 0 24px;}
.article-font4 .comp-box .desc-con{font-size:14px;}
.article-font4 .quote-zone01 p{font-size:15px;}

.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-font5 .comp-box{padding:6px 0 30px;}
.article-font5 .comp-box .desc-con{font-size:15px;}
.article-font5 .quote-zone01 p{font-size:16px;}

.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-font6 .comp-box{padding:7px 0 36px;}
.article-font6 .comp-box .desc-con{font-size:16px;}
.article-font6 .quote-zone01 p{font-size:17px;}

.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-font7 .comp-box{padding:8px 0 40px;}
.article-font7 .comp-box .desc-con{font-size:16px;}
.article-font7 .quote-zone01 p{font-size:18px;}

/* ---------------- ####본문-공통 ---------------- */
.article-wrap{}

/* 브레드크럼 */
.nav-path01{padding:6px 0;font-size:0;line-height:0;}
.nav-path01>li{display:inline-block;position:relative;margin-right:7px;padding-right:12px;line-height:inherit;vertical-align:top;}
.nav-path01>li:after{content:'';position:absolute;top:50%;right:-2px;width:10px;height:6px;background:url(//r.yna.co.kr/m-kr/home/v02/img/sprites_object01.svg?v=20190802_1016) -75px -25px no-repeat;background-size:200px auto;
-webkit-transform:translateY(-50%) rotate(90deg);
transform:translateY(-50%) rotate(90deg);}
.nav-path01>li>a,
.nav-path01>li>span{display:inline-block;padding:0 2px;font-size:13px;line-height:19px;color:#1d3964;vertical-align:top;}
.nav-path01 .current{margin-right:0;padding-right:0;}
.nav-path01 .current:after{display:none;}

/* (외국어) */
html.ar .nav-path01>li{margin:0 0 0 7px;padding:0 0 0 12px;}
html.ar .nav-path01>li:after{right:auto;left:-4px;
-webkit-transform:translateY(-50%) rotate(-90deg);
transform:translateY(-50%) rotate(-90deg);}

/* 송고시간 */
.update-time{display:inline-block;width:100%;height:auto;padding:0;font-size:14px;line-height:35px;color:#666;}
.update-time .txt,
.update-time .txt:before{display:none;}

/* 상단 다국어 기사 링크 */
.link-site{font-size:0;}
.link-site:empty{display:none;}
.link-site>li{display:inline-block;margin:0 12px 0 0;vertical-align:top;}
.link-site>li:last-child{margin-right:0;}
.link-site>li+li{margin-left:0;}
.link-site a{display:inline-block;position:relative;padding:0 13px 0 0;font-size:13px;line-height:23px;color:#001455;vertical-align:top;}
.link-site a:after{content:'';position:absolute;top:50%;right:-2.5px;width:12px;height:7px;margin-top:-3px;background:url(//r.yna.co.kr/m-kr/home/v02/img/sprites_object01.svg?v=20190802_1016) -100px 0 no-repeat;background-size:200px auto;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);}

/* 본문 제목 - 공통 */
[class*='title-article']{position:relative;box-sizing:border-box;padding:13px 20px 14px;border-bottom:1px solid #e6e6e6;}
[class*='title-article']>.tit{margin-bottom:6px;font-weight:700;font-size:25px;line-height:140%;}

html.en [class*='title-article']>.tit,
html.sp [class*='title-article']>.tit,
html.fr [class*='title-article']>.tit{letter-spacing:-0.4px;}

[class*='title-article'] .link-site{margin:12px 0 0;}
[class*='title-article'] .option-box{position:absolute;right:20px;bottom:24px;font-size:0;z-index:1;}

[class*='title-article'] .tit + .option-box{position:relative;right:initial;bottom:initial;text-align:right;}
html.ar [class*='title-article'] .tit + .option-box{position:relative;text-align:left;}

[class*='title-article'] .option-box>div,
[class*='title-article'] .option-box>.btn-type01{margin-left:10px;vertical-align:top;}

html.ar [class*='title-article'] .option-box{right:initial;left:20px;}

/* (외국어) */
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;} */

body:not(.body-view-news) [class*='title-article'] .link-site{display:none !important;}
/* [class*='title-article'] .tag{display:none;margin-bottom:8px;line-height:30px;}
[class*='title-article'] .tag a{font-size:14px;} */

/* 본문 제목 - 글기사, 프린트팝업 */
/* .title-article01{} */

/* 본문 제목 - 포토 */
.title-article02{}

/* 본문 제목 - 영상
 * z-index:10 - 공유팝업이 영상플레이어 보다 위에 노출ㄴ */
.title-article03{z-index:10;}

/* 댓글영역 */
.comment-zone{box-sizing:border-box;width:100%;margin:50px 0 20px;padding:0 20px;}

/* videojs 중지 */
.vjs-control-bar{display:none;}

/* image-view$$$ : 이미지형 본문
 * image-view001 : 포토 본문
 * image-view002 : 그래픽 본문 */
[class*='image-view'] .story-news{position:relative;margin-top:0;padding-top:30px;}
[class*='image-view'] .story-news .writer-zone{position:absolute;top:15px;left:0;}

/* ---------------- ####본문-글기사 ---------------- */
/* 본문 옵션 버튼이 absolute 되면서 기자프로필 영역이 확보가되어야 한다. */
.body-view-news .story-news{margin-top:0;padding-top:30px;}
.body-view-news .story-news .writer-zone{margin-top:-63px;}

/* 본문내광고(MEPS-17031)
* 스크립트가 실행되지 않았을 때 숨김 */
.article-ad-box{overflow:hidden;display:block;width:320px;height:auto;margin:20px auto;background-color:transparent;text-align:center;}
.article-ad-box iframe,
.article-ad-box ins{margin:0 auto;}
body>.article-ad-box{display:none;}

/* ---------------- ####본문-포토 ---------------- */


/* ---------------- ####본문-그래픽 ---------------- */


/* ---------------- ####본문-영상 ---------------- */
/* 본문 플레이어 개편 (2016-08-26) */
/* default */
.video-view-style01{width:100%;height:auto;padding:0;}
.video-view-style01 .view-area{height:auto;background-image:none;background-color:#000;}
.video-view-style01 .player-box{position:relative;width:100%;height:0;padding-top:56.452%;}
.video-view-style01 .vid-skin02{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-view-style01 .vid-skin02 video{width:100%;}
.video-view-style01 .player-box .btn-close{display:none;}
.vid-skin02 .vjs-big-play-button{-webkit-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;transition:inherit;}
/* .sticky-mode */
.sticky-mode.video-view-style01 .view-area:after,
.sticky-mode.video-view-style01 .player-box{position:static !important;margin:0 !important;
-webkit-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;transition:inherit;}
.sticky-mode.video-view-style01 .player-box{position:static;width:100%;height:auto;}
.sticky-mode.video-view-style01 .vid-skin02 .vjs-big-play-button{display:none;}
/* .nonsticky-mode */
.nonsticky-mode.video-view-style01 .player-box{position:static;width:100%;height:auto;padding-top:56.452%;}
.nonsticky-mode.video-view-style01 .player-box .btn-close{display:none;}
.nonsticky-mode.video-view-style01 .vid-skin02 .vjs-big-play-button{display:none;}

.content201 .story-news{position:relative;margin-top:0;padding-top:83px;}
.content201 .story-news .writer-zone{position:absolute;top:15px;left:0;}

.link-unit002 li>a{font-size:13px;font-weight:400;}
.link-unit002 li+li{margin-left:40px;}
html.ar .link-unit002 li+li{margin:0 40px 0 0;}

/* 본문관련 */
.tlp-share01 .list01{width:100%;height:auto;margin:0;}
.tlp-share01 .list01 .btn-type07{margin-top:0;}
.tlp-share01 .list01 .btn-type07 .ico-label{content:'';display:block;}
.tlp-share01 .list01 .btn-type07.fb .ico-label{width:13px;height:22px;margin-left:10px;background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_rwd01.png?v=20230905_0901) no-repeat -150px -50px;background-size:200px auto;}

/* .tlp-share01 .list01 .btn-type07.tw .ico-label{width:22px;height:19px;margin-left:8px;background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_rwd01.png?v=20230905_0901) no-repeat -150px -100px;background-size:200px auto;} */


.tlp-share01 .list01 .btn-type07.tw .ico-label{overflow:hidden;position:absolute;top:0;left:50%;margin-left:-17.5px;width:34px;height:34px;border-radius:50%;background-color:#000}
.tlp-share01 .list01 .btn-type07.tw .ico-label:before{content:'';clear:both;display:inline-block;position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-9px 0 0 -10px;background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_default01.png?v=20240521_0850) 0 0 no-repeat;background-position:-900px -100px;}

.tlp-share01 .list01 .btn-type07.copy .ico-label{overflow:hidden;position:absolute;top:0;left:50%;margin-left:-17.5px;width:34px;height:34px;border-radius:50%;background-color:#e8e8e8}
.tlp-share01 .list01 .btn-type07.copy .ico-label:before{content:'';clear:both;display:inline-block;position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_default01.png?v=20240521_0850) 0 0 no-repeat;background-position:-600px -750px;}

html.ar .tlp-share01 .list01 .btn-type07.fb .ico-label{margin-left:0;margin-right:10px;}
html.ar .tlp-share01 .list01 .btn-type07.tw .ico-label{left:initial;right:50%;margin-left:0;margin-right:-17.5px;}

.ad-mob-news-box{margin-bottom:40px;}

[data-rwd].btn-type01{border:0;}

.video-view-zone{margin-top:24px;}
.video-view-zone:before{width:180px;height:48px;background-size:180px 48px;}
.body-view-video .title-article02{padding:13px 0 20px;margin:0 16px 45px;}
.body-view-video .title-article02 .tit{margin-bottom:0;}
.body-view-video .title-article02 .sub-tit{position:absolute;bottom:-50px;left:0;}
.body-view-video .title-article02 .option-box{position:absolute;bottom:-58px;right:0;}
} /* Media Queri End (768px) */

/*************************************************
commnet : Rwd Style
*************************************************/
/* ---------------- ####디바이스 360 ---------------- */
@media only screen and (max-width:360px){

	[class*='title-article'] .option-box>div,
	[class*='title-article'] .option-box>.btn-type01{margin-left:6px;}

	html.es .logo-yna21{width:195px;height:21px;background:url('../img/lang_sp_yna_logo01.png?v=20250416_1430') 0 0 no-repeat;background-size:195px 21px;}

}/* Media Queri End (360px) */

/* ---------------- ####디바이스 335 ---------------- */
@media only screen and (max-width:335px){

} /* Media Queri End (335px) */