@charset "utf-8";
/*************************************************
프로젝트명 : 2022 대선
commnet : 국문 (PC 모드)
*************************************************/

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

/* =============== ######공통 (common) ======================== */
html,body{height:auto;}
body,
svg,font,text{font-weight:400;font-family:'Spoqa Han Sans Neo','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;letter-spacing:-0.5px;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
/* p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-weight:400;} */
strong{font-weight:400;}
a{display:inline-block;vertical-align:top;}

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

/* =============== ######레이아웃 (layout) ======================== */
.wrap-header001{}
.wrap-footer001{position:relative;z-index:1;border-top:1px solid #E5E5E5;background:#fff;}

.header001 .inner,
.nav-wrap001 .inner,
.footer{position:relative;margin:0 auto;width:1100px;height:100%;}

/* ---------------- ####헤더 (common) ---------------- */
/* .wrap-header001, .header001 : PC/M 공통
 * .wrap-header002, .header002 : 모바일 노출 */
.wrap-header001{position:relative;z-index:100;}
.header001{position:relative;height:102px;background:#3118B5;}
.header001 .logo-unit001{float:left;margin-top:18px;}
.header001 .site-name001{position:absolute;top:53px;left:0;}
.header001 .link-unit001{position:absolute;top:53px;right:0;}
.header001 .btn-unit000-menu01{display:none;}

.wrap-header001 .box-bnr01{display:none;position:absolute;top:18px;right:80px;}
.wrap-header001 .box-bnr01 a{display:block;font-weight:500;font-size:17px;color:#123187;}
@media only screen and (min-width:980px){
	/* .wrap-header002, .header002 : M용 */
	.nav-wrap001{background:#fff;}
	.wrap-header002,
	.header002{display:none;}

	.wrap-header001 .box-bnr01{display:block;}
}

/* ---------------- ####내비게이션 (common) ---------------- */
/* .nav-unit001, .nav-unit002 : PC/M 공통
/* .nav-unit003 : 모바일 노출 */

/* .nav-unit001 : 헤더 */
.nav-wrap001{position:relative;height:55px;font-size:0;}
.nav-wrap001 .inner{background:#fff;}
.nav-wrap001 [class*='btn-unit001']{position:absolute;top:9px;right:0;}
@media only screen and (min-width:980px){
	.nav-wrap001 .nav-unit001>ul{display:inline-block;}
	.nav-wrap001 .link-unit005{display:inline-block;margin-left:125px;vertical-align:bottom;}
}

.nav-unit001{border-bottom:1px solid #C4C4C4;}
.nav-unit001 ul{margin:0 auto;}
.nav-unit001 li{display:inline-block;}
.nav-unit001 li+li{margin-left:26px;}
.nav-unit001 li>a{position:relative;padding:0 6px;font-weight:500;font-size:17px;line-height:55px;color:#000;}
.nav-unit001 li>span{position:relative;padding:0 6px;font-weight:500;font-size:17px;line-height:60px;color:#b2b2b2;}
.nav-unit001 li.active>a{color:#3118B5;}
/* .nav-unit001>ul>li>a:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:0;height:5px;background-color:#000;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-transition:width 0.15s ease-in-out;
transition:width 0.15s ease-in-out;} */
.nav-unit001>ul>li>a:hover{text-decoration:none;}
.nav-unit001>ul>li.active>a:after,
.nav-unit001>ul>li>a:focus:after,
.nav-unit001>ul>li>a:hover:after{width:100%;bottom:0 !important;}

/* 헤더 dday PC전용 */
.info-date{position:absolute;top:25px;right:14px;display:inline-block;}
.info-date .tit{display:block;}
.info-date .tit strong,
.info-date .tit a{display:block;font-weight:400;font-size:14px;color:#fff;text-align:center;letter-spacing:1px;}
.info-date .txt-date{display:block;font-weight:300;font-size:34px;line-height:30px;text-align:center;color:#ED639E;}
.info-date .txt-date .num{letter-spacing:-1px;}

@media only screen and (min-width:980px){
	/* .nav-unit001 : swiper 해제
	 * 모바일 모드에서 PC 모드로 넓이 변경시 대비 */
	.nav-unit001 .swiper-wrapper{display:block;transform:translate3d(0, 0, 0) !important;}
	.nav-unit001 li.swiper-slide{width:auto;}

	/* .nav-unit002 : 푸터 */
	.nav-unit002 ul{margin:0 auto;width:620px;text-align:center;}
	.nav-unit002 li{display:inline-block;text-align:left;}
	.nav-unit002 li+li{margin-left:44px;}
	.nav-unit002 li>a{position:relative;padding:0 3px;border-bottom:1px solid rgba(255,255,255,0);font-size:20px;line-height:40px;color:#000;}
	.nav-unit002 li>a:hover{font-weight:700;text-decoration:none;}
}

/* .nav-unit003 : 헤더 M용 */
@media only screen and (min-width:980px){
	.nav-wrap003,
	.nav-unit003{display:none;}
}


/* ---------------- ####검색 (common) ---------------- */
.search-area{position:absolute;top:157px;z-index:100;width:100%;height:120px;background:#fff;}
.search-area>form{width:738px;height:100%;margin:0 auto;}
.search-area fieldset{width:100%;height:100%;}
.search-area .area{position:relative;top:30px;height:40px;border-bottom:1px solid #000;}
.search-area label{opacity:1;position:absolute;top:8px;left:4px;
-webkit-transition:opacity 0.2s ease-in-out;
transition:opacity 0.2s ease-in-out;}
.search-area .text{box-sizing:border-box;width:692px;height:40px;border:none;font-size:18px;outline:0;}
.search-area [class*='btn-unit001']{position:absolute;top:0;right:0;}
/* 포커스 : 라벨 숨김 */
.search-area .area.on label{opacity:0;z-index:-10;}
/* 검색영역 상태 */
.search-area{display:none;}
.search-area.open{display:block;border-top:1px solid #c4c4c4;}

.popup-search{}

/* ---------------- ####컨테이너 (common) ---------------- */
/* .wrap-container (아이디 컨트롤) */
#container{width:100%;min-height:500px;}

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

/* 레이아웃, 단분리 : 공통 */
[class*='container']{position:relative;margin:0 auto;}
[class*='container']:before,
[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:980px){

	/* 레이아웃 1단 - 메인 */
	.container001{width:100%;margin-bottom:100px;}
	/* 레이아웃 : 글기사
	 * .container101 본문(2단)
	 * .container111 리스트 */
	.container101{width:1100px;margin-top:40px;}
	.container101[class*="line0"]{padding-bottom:50px;}
	.container111{width:1100px;margin-top:30px;}
	/* 후보자 리스트 */
	.container112{width:1100px;margin-top:50px;}
	/* 후보자 리스트 하단영상 */
	.container113{width:1100px;margin-top:50px;}
	/* 레이아웃 : 영상
	 * .container201 본문(2단)
	 * .container211 리스트 */
	.container201{width:980px;}
	.container211{width:1100px;margin-top:30px;margin-bottom:50px;}
	/* 레이아웃 : 포토, 그래픽
	 * .container301 본문
	 * .container311 리스트 */
	.container301{width:980px;margin-top:60px;margin-bottom:50px;}
	.container311{width:1100px;margin-top:30px;margin-bottom:50px;}

	/* ##단분리 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{overflow:hidden;width:100%;min-width:1100px;font-size:0;text-align:center;}
	.content001:before{content:'';display:block;position:absolute;top:36px;left:0;width:100%;height:328px;background-color:#eaedf6;}
	/* .content002 넓이 1100px */
	.content002{width:1100px;margin-right:auto;margin-left:auto;}
	.content002.history-content{margin-top:0;padding-top:50px;}
	
	.content002.juyo-content{padding-top:50px;border-top:1px solid #c4c4c4;}
	/* content$$$ > section$$$ : content$$$ 하위에서 단분리 기능 */
	.section001{position:relative;float:left;width:720px;}
	.section002{position:relative;float:right;width:340px;}
	.section011{position:relative;float:left;width:732px;}
	.section012{position:relative;float:right;width:364px;}
	/* 단분리 2단 - 글기사 리스트 */
	.content101{float:left;width:720px;}
	.content102{float:right;width:300px;}
	/* 단분리 2단 - 글기사 본문 */
	.body-view-news .content102{float:right;width:300px;}
	/* 단분리 2단 - 영상 본문 */
	.content201{float:left;width:607px;}
	.content202{float:right;width:300px;}
	/* 단분리 1단 - 포토 본문, 그래픽 본문 */
	.content301:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}

}

/* ---------------- ####푸터 (common) ---------------- */
.footer{padding:30px 0 35px;text-align:center;}
.footer .link-unit002{padding-top:20px;}
.footer .link-unit002+.link-unit002{padding-top:30px;}
.footer .footer-link+.footer-link{padding-top:15px;}
.footer .txt-unit001{padding-top:18px;}
.footer .link-con{display:none;}
/* 본문 하단 고정 배너가 있어 간격 추가 : 글기사, 영상 본문 */
.body-view-news .footer,
.body-view-video .footer{padding-bottom:60px;}

@media only screen and (min-width:980px){
	.footer .footer-lang{display:inline-block;}
	.footer-wrap-m{display:none;}
}

/* =============== ####RWD Table ======================== */
/* Foundation v2.1.4 http://foundation.zurb.com
 * Artfully masterminded by ZURB
 * responsive-tables.js
 -- https://zurb.com/playground/responsive-tables
 -- https://zurb.com/playground/projects/responsive-tables/
 * PC 버전 html 구조
 -- table.responsive (반응형 테이블 요소)
 * Mobile 버전 html 구조
 -- .responsive-table > .scrollable > table.responsive
 -- .responsive-table > .pinned > 복사된 table.responsive */
@media only screen and (max-width: 767px) {
	.responsive-table .pinned{position:absolute;left:0;top:0;background:#fff;width:35%;overflow:hidden;overflow-x:scroll;border-right:1px solid #ccc;border-left:1px solid #ccc;}
	.responsive-table .pinned table{border-right:none;border-left:none;width:100%;}
	.responsive-table .pinned table th, .pinned table td{white-space:nowrap;}
	.responsive-table .pinned td:last-child{border-bottom:0;}

	.responsive-table{position:relative;margin-bottom:20px;overflow:hidden;border-right:1px solid #ccc;}
	.responsive-table .scrollable{margin-left:35%;}
	.responsive-table .scrollable{overflow:scroll;overflow-y:hidden;}

	table.responsive{margin-bottom:0;}
	table.responsive td, table.responsive th{position:relative;white-space:nowrap;overflow:hidden;}
	table.responsive th:first-child,
	table.responsive td:first-child,
	table.responsive td:first-child,
	table.responsive.pinned td{display:none;}
}

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

/* ---------------- ####색상/칼라 ---------------- */
.party001{background-color:#014792;}
.party002{background-color:#ba142d;}
.party003{background-color:#046240;}
.party004{background-color:#333;}

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

	/* 레이아웃 단 가로 라인 */
	.border-h01{border-top:1px solid #E5E5E5;}
	.border-h02{border-bottom:1px solid #E5E5E5;}
	.border-h03{border-bottom:1px solid #c4c4c4;}
}

/* ---------------- ####딤드(DIMMED)/오버레이 ---------------- */
/* 윈도우 딤드 스타일 */
.mask-unit001{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,1);opacity:0;
-webkit-transition:opacity 0.25s, z-index 0.25s;
transition:opacity 0.25s, z-index 0.25s;}
/* popup-mode01 : 검색 레이어팝업 오픈 시 */
.popup-mode01 .mask-unit001{z-index:90;opacity:0.5;}

/* ---------------- ####로고 ---------------- */
/* 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;}

[class*='logo-unit'] .ir-txt,
[class*='site-name'] .ir-txt{box-sizing:border-box;background:url(../img/sprites_local_election.png?v=20220321_1118) 0 0 no-repeat;}

@media only screen and (min-width:980px){
	/* ##로고 */
	/* .logo-unit001 : 연합뉴스 PC/M용 */
	/* .logo-unit001{padding:5px;} */
	.logo-unit001 .ir-txt{width:87px;height:24px;background:url(../img/sprites_local_election.svg) 0 0 no-repeat;background-position:0 0;}
	/* .logo-unit002 : 연합뉴스 M용 */
	.logo-unit002{display:none;}

	/* .site-name001 : 2022 대선 PC/M용 */
	/* .site-name001{padding:5px;} */
	.site-name001 .ir-txt{width:259px;height:28px;background:url(../img/sprites_local_election.svg) 0 0 no-repeat;background-position:0 -100px;}
	.site-name001.result01 .ir-txt{width:240px;background-position:0 -500px;} /* 윤석열 대통령 당선 */
	.site-name001.result02 .ir-txt{width:236px;background-position:0 -700px;} /* 대통령실 용산이전 */
	.site-name001.result03 .ir-txt{width:200px;background-position:0 -750px;} /* 대통령실 용산이전 */
	/* .site-name002 : 2022 대선 M용 */
	.site-name002{display:none;}
}

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

/* ico-unit001-**** 공통 */
[class*='ico-unit001']{background-color:rgba(41,52,74,.8);}
[class*='ico-unit001']:before{content:'';position:absolute;left:50%;top:50%;box-sizing:border-box;
background:url(../img/sprites_local_election.png?v=20220321_1118) 0 0 no-repeat;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
/* .ico-unit001-play01 : 영상재생 */
.ico-unit001-play01{width:28px;height:28px;}
.ico-unit001-play01:before{width:6px;height:11px;background-position:-450px 0;}
/* .ico-unit001-play02 : 영상재생 */
.ico-unit001-play02{width:45px;height:45px;background:#ED639E;}
.ico-unit001-play02:before{width:10px;height:14px;background-position:-400px 0;}
/* .ico-unit001-gall01 : 화보아이콘 */
.ico-unit001-gall01{width:40px;height:40px;background:#193DD3;}
.ico-unit001-gall01:before{width:24px;height:18px;background-position:-400px -50px;}

/* .ico-unit002-**** : 공통 */
[class*='ico-unit002']{position:relative;width:30px;height:30px;}
[class*='ico-unit002']:before{content:'';display:inline-block;position:absolute;left:50%;top:50%;box-sizing:border-box;background:url(../img/sprites_local_election.png?v=20220321_1118) 0 0 no-repeat;}
/* .ico-unit002-srch01 : 검색 */
.ico-unit002-srch01:before{width:28px;height:28px;margin:-14px 0 0 -14px;background-position:-300px 0;}
/* .ico-unit002-srch02 : 검색 */
.ico-unit002-srch02:before{width:14px;height:14px;margin:-7px 0 0 -7px;background-size:400px auto;background-position:-150px 0;}
/* .ico-unit002-close01 : 닫기 */
.ico-unit002-close01:before,
.ico-unit002-close01:after{content:'';display:block;clear:both;position:absolute;top:14px;left:4.5px;width:26px;height:2px;background-color:#000;}
.ico-unit002-close01:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.ico-unit002-close01:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/* ---------------- ####버튼 ---------------- */
[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-unit002'][class*='swiper-button']{top:inherit;left:inherit;margin-top:0;background:transparent;}
/* [class*='btn-unit002'][class*='swiper-button']{width:23px;height:33px;margin-top:0;background:transparent;}
[class*='btn-unit003'][class*='swiper-button']{margin-top:0;background-image:none;} */

/* .btn-unit000-****
 * 패턴화 되지않은 버튼
 * close01 포토본문 : 닫기버튼
 * menu01 전체메뉴 버튼 */

 /* .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-menu$$
 * 전체메뉴 버튼 */
[class*='btn-unit000-menu']{display:block;width:53px;height:53px;}
[class*='btn-unit000-menu'] .line{position:relative;width:23px;height:20px;margin:0 auto;}
[class*='btn-unit000-menu'] .line>span{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:9px;}
[class*='btn-unit000-menu'] .line>span:nth-of-type(3){bottom:0;}
/* 활성화 */
[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-unit000-menu01 */
.btn-unit000-menu01{background-color:transparent;}
/* btn-unit000-menu02 */
.btn-unit000-menu02{background:#3118B5;}

/* .btn-unit001
 * 버튼 하위 아이콘 태그 : .btn-unit001-**** > .ico-unit$$$-****  */
[class*='btn-unit001']{width:40px;height:40px;}
[class*='btn-unit001'] .txt-alt{overflow:hidden;position:absolute;width:1px;height:1px;padding-left:1px;white-space:nowrap;opacity:0;}
[class*='btn-unit001']>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-unit001-srch01 .ico01,
.btn-unit001-srch01.on .ico02{
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.btn-unit001-srch01.on .ico01{
-webkit-transform:translate(100%, -50%);
transform:translate(100%, -50%);}
.btn-unit001-srch01 .ico02{
-webkit-transform:translate(-200%, -50%);
transform:translate(-200%, -50%);}

/* .btn-unit002
 *  슬라이드 방향 버튼 : .btn-unit002-**** */
[class*='btn-unit002']{width:36px;height:36px;}
[class*='btn-unit002'] .ir-txt{position:absolute;left:50%;top:50%;box-sizing:border-box;width:30px;height:22px;background:url(../img/sprites_local_election.png?v=20220321_1118) -75px -25px / 400px auto no-repeat;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.btn-unit002-prev .ir-txt{background-position-x:-75px;}
.btn-unit002-next .ir-txt{background-position-x:-125px;}
.btn-unit002-prev.swiper-button-disabled .ir-txt,
.btn-unit002-next.swiper-button-disabled .ir-txt{background-position-y:0;}

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

/* .btn-unit004 - 텍스트 더보기 */
[class*='btn-unit004']{font-size:0;text-align:left;}
[class*='btn-unit004'] .txt{display:inline-block;padding-left:12px;font-size:14px;line-height:24px;color:#000;vertical-align:middle;}
[class*='btn-unit004'] .txt:before{content:'';display:inline-block;position:absolute;left:0;top:50%;margin-top:-4px;box-sizing:border-box;width:9px;height:8px;background:url(../img/sprites_local_election.png?v=20220321_1118) -25px -50px / 400px auto no-repeat;}

/* .btn-unit005 - 티커 동작버튼 사용 */
[class*='btn-unit005']{width:14px;height:12px;font-size:0;text-align:left;}
[class*='btn-unit005'] .ir-txt{display:inline-block;width:100%;height:100%;background:url(../img/sprites_local_election.png?v=20220321_1118) no-repeat;text-indent:-9999px;}
.btn-unit005-stop .ir-txt{background-position:-350px 0;}
.btn-unit005-play .ir-txt{background-position:-350px -50px;}
.btn-unit005-open .ir-txt{background-position:-350px -100px;}

/* .btn-unit006 - SNS 버튼 PC/M */
.btn-unit006{width:32px;height:32px;}
.btn-unit006 .ir-txt{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sprites_local_election.png?v=20220321_1118) no-repeat;}

.btn-unit006.fb .ir-txt{background-position:0 -300px;}
.btn-unit006.tw .ir-txt{background-position:-50px -300px;}
.btn-unit006.ins .ir-txt{background-position:-100px -300px;}
.btn-unit006.ytb .ir-txt{background-position:-150px -300px;}

/* ---------------- ####탭 ---------------- */
/* design.css 에서 작업 중
 -- tab-unit001
 -- tab-unit002 */

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

/* .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:29px;height:38px;}
.paging-unit001 .prev span,
.paging-unit001 .next span{overflow:hidden;position:absolute;top:15px;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{width:22px;height:38px;font-size:14px;line-height:38px;color:#777;}
.paging-unit001 .num.on{border-bottom:2px solid #193DD3;color:#000;}
@media only screen and (min-width:980px){
	/* .paging-unit001 .num:not(.on):hover{text-decoration:underline;} */
	.paging-unit001 a:hover{text-decoration:none;}
}

/* .pager-unit001 : 슬라이드 방향 버튼 */
.pager-unit001{display:inline-block;left:auto;width:40px;height:36px;}
.pager-unit001 span{font-size:14px;line-height:36px;}
.pager-unit001 .txt-current{font-weight:700;}

/* 페이저 타입 */
.pager-unit002{display:inline-block;width:42px;height:20px;font-size:0;}
.pager-unit002 span{display:inline-block;width:10px;height:10px;border-radius:50%;}
.pager-unit002 span+span{margin-left:10px;}
.pager-unit002 .swiper-pagination-bullet-active{width:20px;background:#000;border-radius:12px;}
.main-video001 .pager-unit002{display:none;}

/* ---------------- ####타이틀/텍스트 ---------------- */
/* title-unit$$$, title-box$$$, txt-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'].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-weight:500;font-size:36px;line-height:45px;}
.title-unit001 .tit .bold{font-weight:700;}
.title-unit001.arr .tit{padding-right:20px;}
.title-unit001.arr .tit:after{content:'';display:block;position:absolute;top:4px;right:0;width:12px;height:18px;background:url(../img/sprites_local_election.png?v=20220321_1118) -550px 0 no-repeat;}
.title-unit001 .txt01{font-size:14px;line-height:1.5;color:#666;}
@media only screen and (min-width:980px){
	.title-unit001 a.tit:hover,
	.title-unit001 a.tit:hover strong{text-decoration:none;
	background:-webkit-linear-gradient(#000,#000) 0 92% / 100% 1px no-repeat;
	background:linear-gradient(#000,#000) 0 92% / 100% 1px no-repeat;}
}

/* 제목 title-unit002 */
.title-unit002 .tit{font-size:20px;line-height:24px;letter-spacing:-0.08em;}

/* 속보 타이틀 */
.title-unit003{display:inline-block;margin:10px 0 0;}
.title-unit003 a,
.title-unit003 span{display:inline-block;padding:8px 12px;background:#ED639E;border-radius:14px;vertical-align:middle;font-size:13px;color:#fff;}
.title-unit003 a:hover{text-decoration:none;}

/* 텍스트 txt-unit001 : 푸터 카피라이터 */
.txt-unit001{font-size:14px;line-height:23px;color:#000;}
.txt-unit001 span{position:relative;}
.txt-unit001 .txt01 span:after{content:'';display:block;position:absolute;width:1px;height:13px;background-color:rgba(255,255,255,0.25);}
@media only screen and (min-width:980px){
	.txt-unit001 .txt01 span{margin-left:13px;}
	.txt-unit001 .txt01 span:after{top:5px;left:-7px;}
	.txt-unit001 .txt01 span:nth-of-type(1){margin-left:0;}
	.txt-unit001 .txt01 span:nth-of-type(1):after{display:none;}
	.txt-unit001 .txt02 span+span{margin-left:8px;}
	.txt-unit001 .txt03,
	.txt-unit001 br{display:none;}
}

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

/* title-box$$$ : 타이틀, 텍스트 등 그룹핑 역할
 * title-box 기본사용 */
[class*='title-box']{position:relative;box-sizing:border-box;}
[class*='title-box'] .btn-unit004{position:absolute;top:0;right:0;}

/* 티커타입01 */
.ticker-unit01 article{position:relative;height:100%;vertical-align:middle;}
.ticker-unit01 .tt{display:inline-block;float:left;width:60px;height:24px;margin:4px 0;box-sizing:border-box;border-radius:6px;font-size:12px;line-height:24px;color:#fff;font-weight:300;vertical-align:middle;text-align:center;}
.ticker-unit01 .news-con{display:inline-block;margin:8px 0 0 10px;}
.ticker-unit01 .title-news{float:left;width:470px;white-space:normal;line-height:27px;}
.ticker-unit01 .news-con a{display:inline-block;font-weight:400;font-size:17px;color:#fff;vertical-align:middle;letter-spacing:-1px;}
.ticker-unit01 [class*="btn-unit005"].hide{display:none;}
.ticker-unit01:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}

/* 티커 : PC전용(최신기사 페이지 제외 전부 적용) */
.ticker-wrap{position:relative;float:left;z-index:20;width:610px;height:70px;margin:30px 0 0 255px;box-sizing:border-box;}
.ticker-wrap .title-cont02{float:left;height:100%;display:table;}
.ticker-wrap .title-unit03{display:table-cell;vertical-align:middle;}
.ticker-wrap .ticker-unit01{position:relative;float:left;width:560px;height:100%;box-sizing:border-box;}
.ticker-wrap .ticker-unit01 [class*="btn-unit005-"]{position:absolute;z-index:10;top:18px;}
.ticker-wrap .btn-unit005-stop,
.ticker-wrap .btn-unit005-play{right:5px;}
.ticker-wrap .btn-unit005-open{right:12px;}
.ticker-wrap .text-unit01{float:left;height:100%;margin-left:30px;}
.ticker-wrap .text-unit01 li{line-height:50px;}

/* 최신리스트 (글기사, 포토, 그래픽, 영상) */
/* .title-box01{} */

/* ---------------- ####리스트 (기사 싱글) ---------------- */
/* [공통] 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:700;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:700;font-size:16px;line-height:20px;}
[class*='news-unit'] .txt-tag:empty{display:none;}

/* 메인 톱기사 */
.news-unit001 .tit-sub strong{padding-left:0;}
.news-unit001 .tit-sub strong:after{display:none;}
.news-unit001 .tit-top{display:block;font-size:20px;line-height:28px;color:#1B459A;}

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

	/* news-unit001 : 메인 톱기사 */
	.news-unit001 [class*='item-box']{width:1100px;margin:0 auto;}
	.news-unit001 .img-con{width:500px;height:270px;}
	.news-unit001 .tit-news{display:inline;font-weight:700;font-size:40px;line-height:50px;vertical-align:middle;letter-spacing:-2px;}
	.news-unit001 .tit-news:hover{
	background:-webkit-linear-gradient(#000,#000) 0 92% / 100% 1px no-repeat;
	background:linear-gradient(#000,#000) 0 92% / 100% 1px no-repeat;}
	.news-unit001 .lead{font-weight:300;font-size:14px;color:#666;line-height:20px;vertical-align:middle;}
	.news-unit001 .related-unit001{margin-top:12px;}
	.news-unit001 .tit-sub{font-weight:500;}
	/* 아이콘 정렬 : 홈페이지 아이콘 사용할 경우 필요 */
	/* .news-unit001 .btn-type04{margin-left:10px;vertical-align:middle;}
	.news-unit001 .tit-news+.btn-type04{margin-top:3px;}
	.news-unit001 .tit-sub .btn-type04{margin-top:10px;}
	.news-unit001 .lead .btn-type04{margin-top:-3px;}
	.news-unit001 .related-unit001 .btn-type04{display:inline-block;padding-left:0;vertical-align:top;} */
	/* 기본 스타일 */
	.news-unit001 .item-box .img-con{float:left;margin-left:calc(50% - 550px);margin-right:40px;}
	.news-unit001 .item-box .img-con~.tit-wrap{float:left;width:560px;}
	.news-unit001 .item-box .img-con~.news-con{float:left;width:560px;}
	.news-unit001 .item-box .tit-wrap{width:100%;}
	.news-unit001 .item-box .news-con{width:100%;margin-top:10px;}
	.news-unit001 .tit-news:hover{border-color:#000;}
	.news-unit001 .related-unit001>li+li{margin-top:6px;}

	/* news-unit201 : 메인 화보 */
	.news-unit201 .list>li{float:left;width:548px !important;}
	.news-unit201 .list>li+li{margin-left:4px;}

	.news-unit201 .item-box{width:100%;height:410px;}
	.news-unit201 .img-con{overflow:hidden;width:548px;height:309px;margin-bottom:10px;}
	.news-unit201 .img-con .ico-unit001-gall01{position:absolute;right:0;bottom:0;}
	.news-unit201 .news-con{position:relative;}
	.news-unit201 .news-con{padding-right:22px;}
	.news-unit201 .tit-wrap{}
	.news-unit201 .tit-news{display:inline;font-size:20px;line-height:1.5;font-weight:500;}
	.news-unit201 .tit-news:hover{
	background:-webkit-linear-gradient(#000,#000) 0 92% / 100% 2px no-repeat;
	background:linear-gradient(#000,#000) 0 92% / 100% 2px no-repeat;}
}

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

/* [공통] list-unit */
[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;}
@media only screen and (min-width:980px){
	[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'] .tit-wrap:hover .tit-news{background:-webkit-linear-gradient(#000,#000) 0 92% / 100% 1px no-repeat;
	background:linear-gradient(#000,#000) 0 92% / 100% 1px no-repeat;}
}

/* [메인] 톱뉴스 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:980px){
	.list-unit001 .list>li{float:left;width:340px;}
	.list-unit001 .list>li+li{margin-left:40px;}
	.list-unit001 .item-box01{min-height:330px;}
	.list-unit001 .img-con{margin-bottom:20px;}
	.list-unit001 .img-con .img{width:100%;;height:192px;}
	.list-unit001 .news-con{position:relative;}
	.list-unit001 .tit-wrap{overflow:hidden;max-height:60px;}
	.list-unit001 .tit-news{font-weight:500;font-size:24px;line-height:30px;letter-spacing:-1px;}
	.list-unit001 .lead{overflow:hidden;max-height:42px;margin-top:10px;font-weight:300;font-size:14px;line-height:20px;color:#666;}
	.list-unit001 [class*='related-unit']{margin-top:10px;}
	.list-unit001 [class*='related-unit'] .tit{overflow:hidden;max-height:48px;}
	.list-unit001 .related-unit002>li+li{margin-top:6px;}

	/* 메인톱(주요) 4건 */
	.list-unit001.style01{}
	.list-unit001.style01 .list>li{width:264px;}
	.list-unit001.style01 .list>li+li{margin-left:14px;}
	.list-unit001.style01 .img-con .img{height:149px;}
	.list-unit001.style01 .tit-news{font-size:20px;line-height:26px;}
	.list-unit001.style01 .lead{font-size:13px;max-height:42px;}
	.list-unit001.style01 [class*='related-unit'] .tit{font-size:13px;}

}

/* [메인] 주요기사 */
.list-unit002 .list{position:relative;width:100%;}
.list-unit002 .list>li{margin-top:40px;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:172px;height:110px;margin-right:16px;}
.list-unit002 .img{width:100%;height:110px;}
.list-unit002 .img img{width:auto;max-width:172px;max-height:110px;}
.list-unit002 .news-con{width:100%;}
.list-unit002 .img-con+.news-con{float:left;width:532px;}
.list-unit002 .tit-news{font-weight:700;font-size:20px;line-height:22px;color:#000;}
.list-unit002 .lead{font-weight:300;font-size:14px;line-height:20px;color:#666;}
.list-unit002 .tit-wrap+.lead{margin-top:14px;}
.list-unit002 .related-unit002{display:none;}

@media only screen and (min-width:980px){
	.list-unit002 .related-unit002{overflow:hidden;clear:both;margin-top:10px;}
	.list-unit002 .news-con .related-unit002{display:block;}
}

/* [메인] 포토01 */
.list-unit003{}
.list-unit003 .list:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.list-unit003 .tit-news{font-weight:700;font-size:20px;line-height:1.5;}
@media only screen and (min-width:980px){
	.list-unit002>.list>li{padding-bottom:20px;border-bottom:1px solid #f0f0f0;}
	.list-unit002>.list>li:last-child{padding-bottom:0;border-bottom:0;}
	.list-unit002 .related-unit002{display:block;overflow:hidden;clear:both;margin-top:10px;padding-left:190px;}
	.list-unit002 .related-unit002>li+li{margin-top:6px;}

	.list-unit003 .list>li{float:left;width:340px;}
	.list-unit003 .list>li+li{margin-left:40px;}
	.list-unit003 .item-box01{min-height:330px;}
	.list-unit003 .img-con{margin-bottom:5px;}
	.list-unit003 .img-con .img{width:100%;height:262px;}
	.list-unit003 .news-con{position:relative;}
	.list-unit003 .tit-wrap{overflow:hidden;position:absolute;left:0;top:0;max-height:60px;}
}

/* [메인] 영상01 */
.list-unit004{overflow:hidden;}
.list-unit004 .list>li+li{margin-left:4px;}
.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:60px;}
.list-unit004 .tit-news{font-weight:500;font-size:20px;line-height:1.4;}
.list-unit004 .txt-play01,
.list-unit004 [class*='ico-unit001']{position:absolute;bottom:0;}
.list-unit004 .txt-play01{display:none;}
/* .list-unit004 .txt-play01{display:inline-block;left:0;box-sizing:border-box;width:121px;height:45px;padding:15px 0;background-color:#fff;font-size:14px;line-height:20px;color:#000;} */
.list-unit004 [class*='ico-unit001']{right:0;}
.list-unit004 .txt-time{display:inline-block;margin:8px 0 0 4px;font-size:12px;color:#666;}

/* 후보자 영상 - 우측코너 */
.candi-video01 .list-unit004{}
.candi-video01 .list-unit004 .list>li+li{margin-top:12px;}

@media only screen and (min-width:980px){
	.list-unit004 .list>li{float:left;width:364px !important;}
	.list-unit004 .item-box01{min-height:280px;}
	.list-unit004 .img-con{margin-bottom:5px;}
	.list-unit004 .img-con .img{width:100%;height:205px;}
	.list-unit004 .news-con{position:relative;padding-right:22px;}

	.candi-video01 .list-unit004 .list>li{float:none;width:100% !important;}
}



/* [메인] 슬러그 기사
 .list-unit005 기본형
 +.style01 확장형1 : 섬네일 리스트형
 +.style02 확장형2 : 텍스트 리스트형
*/
.list-unit005 li{position:relative;}
.list-unit005 .img-con .img{width:100%;height:192px;}
.list-unit005 .news-con{position:relative;}
.list-unit005 .tit-wrap{overflow:hidden;max-height:60px;}
.list-unit005 .tit-news{font-weight:500;font-size:22px;line-height:28px;}
.site-unit004+.list-unit005{margin:16px 0 0;}

/* 섬네일 리스트형 .style01 */
.list-unit005.style01{}
.list-unit005.style01 .item-box01{overflow:hidden;}
.list-unit005.style01 .img-con{float:left;width:100px;height:70px;margin-right:20px;margin-bottom:0;}
.list-unit005.style01 .img-con .img{height:inherit;}
.list-unit005.style01 .news-con{}
.list-unit005.style01 .tit-wrap{max-height:inherit;}
.list-unit005.style01 .tit-news{font-weight:400;font-size:17px;line-height:22px;}
.list-unit005.style01 .related-unit002{display:none;}

/* 텍스트 리스트형 .style02 */
.list-unit005.style02{}
.list-unit005.style02 .tit-wrap{position:relative;padding-left:16px;}
.list-unit005.style02 .tit-wrap:before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;background:#3118B5;border-radius:50%;}
.list-unit005.style02 .img-con{display:none;}
.list-unit005.style02 .tit-wrap{max-height:inherit;}
.list-unit005.style02 .tit-news{font-weight:400;font-size:17px;line-height:22px;}
.list-unit005.style02 .related-unit002{display:none;}

@media only screen and (min-width:980px){
	/* .list-unit005 .list>li{width:352px;} */
	/* .list-unit005 .item-box01{min-height:275px;} */
	.list-unit005 .img-con{margin-bottom:10px;}
	.list-unit005 .related-unit002{margin:10px 0 0;}
	.list-unit005 .related-unit002 li+li{margin-top:5px;}

	.list-unit005.style01 li+li{margin-top:20px;padding-top:20px;border-top:1px solid #F0F0F0;}
	.list-unit005.style02 li+li{margin-top:20px;padding-top:20px;border-top:1px solid #F0F0F0;}
}


/* [메인] 많이 본 뉴스 */
.list-unit006 .list{position:relative;width:100%;}
.list-unit006 .list li{position:relative;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #F0F0F0;font-size:0;counter-increment:list-number;}
.list-unit006 .list li:before{content:counter(list-number);position:absolute;left:0;top:13px;font-weight:300;font-size:30px;color:#7FACD6;}
.list-unit006 .list li:first-child{margin-top:0;}
.list-unit006 .list li:last-child{padding-bottom:0;border-bottom:0;}
.list-unit006 .item-box01{padding-left:48px;box-sizing:border-box;}
.list-unit006 .item-box01:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.list-unit006 .info-box01{width:100px;}
.list-unit006 .img-con{float:left;width:70px;height:52px;margin-right:10px;}
.list-unit006 .img{width:100%;height:110px;}
.list-unit006 .img img{width:auto;max-width:70px;max-height:52px;}
.list-unit006 .news-con{width:100%;}
.list-unit006 .img-con+.news-con{float:left;width:212px;padding-top:0;box-sizing:border-box;}
.list-unit006 .tit-news{font-size:17px;line-height:22px;color:#000;}

/* [서브] 최신기사 리스트 */
.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{width:100%;height:100%;}
@media only screen and (min-width:980px){
	.list-unit201 .list:before{content:'';clear:both;position:absolute;top:8px;left:3px;width:2px;height:calc(100% - 30px);border-left:1px dashed #BABABA;}
	.list-unit201 .list li{margin-top:40px;font-size:0;}
	.list-unit201 .item-box01{display:table;}
	.list-unit201 .item-box01>div,
	.list-unit201 .item-box01>figure{display:table-cell;vertical-align:top;}
	.list-unit201 .info-box01{width:100px;}
	.list-unit201 .img-con{width:156px;height:104px;}
	.list-unit201 .img img{width:auto;max-width:156px;max-height:105px;}
	.list-unit201 .news-con{padding-left:16px;}
	.list-unit201 .news-con .txt-time{display:none;}
	.list-unit201 .tit-news{font-weight:500;font-size:23px;line-height:30px;letter-spacing:-1px;color:#000;}
	.list-unit201 .lead{margin-top:4px;font-weight:300;font-size:14px;line-height:20px;color:#666;}
	.list-unit201 .txt-time{position:relative;display:inline-block;padding-left:18px;font-size:13px;line-height:20px;color:#1f1f1f;vertical-align:middle;}
	.list-unit201 .txt-time:before{content:'';clear:both;position:absolute;top:50%;left:0;margin-top:-4px;display:inline-block;width:8px;height:8px;background:#3118B5;border-radius:50%;}

	/* 리스트 블릿 - 정당컬러 적용 */
	.candidate-A .list-unit201 .txt-time:before{background-color:#3792EC;}
	.candidate-B .list-unit201 .txt-time:before{background-color:#E83B53;}
	.candidate-C .list-unit201 .txt-time:before{background-color:#FFCA2C;}
	.candidate-D .list-unit201 .txt-time:before{background-color:#EA5504;}
}

/* [서브]최신포토 리스트
 * .item-box : 기본 사용 (show, rowH 의 영향이 없다)
 * └ .item-box01 : 오버 섬네일 확대, 오버레이 PC용
 * .img-con : 기본 사용
 * └ .img-con.show : 이미지 로드 후 표출
 * └ .img-con.rowH : 세로 섬네일 정렬 */
.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;}
.list-unit211 .txt-time{position:absolute;bottom:0;left:0;font-size:12px;line-height:20px;color:#666;}
/* .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;}
@media only screen and (min-width:980px){
	.list-unit211 .list{margin-left:-40px;}
	.list-unit211 .list>li{float:left;margin:0 0 30px 40px;}
	.list-unit211 [class*='item-box']{overflow:hidden;width:340px;height:300px;}
	.list-unit211 .img-con{width:100%;height:197px;}
	.list-unit211 .img{width:100%;height:100%;}
	.list-unit211 .img-con.rowH img{width:auto !important;height:197px;margin:0;}
	.list-unit211 .news-con{position:relative;min-height:90px;margin-top:14px;}
	.list-unit211 .tit-news{font-weight:700;font-size:17px;line-height:24px;color:#000;}

	/* .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:all 0.45s ease-in-out;
	transition:all 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.rowH img{
	-webkit-transition:inherit !important;
	transition:inherit !important;
	-webkit-transform:scale(1,1) !important;
	transform:scale(1,1) !important;}
}

/* [서브]최신그래픽 리스트 */
.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:980px){
	.list-unit221 .list{margin-left:-46px;}
	.list-unit221 .list>li{float:left;margin:0 0 30px 46px;}
	.list-unit221 [class*='item-box']{overflow:hidden;width:240px;height:310px;}
	.list-unit221 .img-con{width:100%;border-bottom:1px solid #e6e6e6;}
	.list-unit221 .img{width:200px;height:200px;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;margin-top:10px;min-height:90px;}
	.list-unit221 .tit-news{font-size:17px;line-height:24px;color:#000;}
	.list-unit221 .txt-time{margin-top:5px;font-size:12px;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;left:0;}
@media only screen and (min-width:980px){
	.list-unit231 .list{margin-left:-5px;}
	.list-unit231 .list>li{float:left;margin:0 0 30px 5px;}
	.list-unit231 [class*='item-box']{overflow:hidden;width:216px;min-height:236px;}
	.list-unit231 [class*='item-box']>a{display:block;}
	.list-unit231 .img-con{width:216px;height:121px;}
	.list-unit231 .img{width:100%;height:100%;}
	.list-unit231 .news-con{position:relative;margin-top:10px;min-height:102px;}
	.list-unit231 .tit-news{font-size:17px;line-height:24px;color:#000;}
	.list-unit231 .txt-time{position:absolute;bottom:0;left:0;font-size:12px;line-height:20px;color:#666;}
}

/* ---------------- ####리스트 (관련 목록) ---------------- */
/* related-unit001 : 메인톱기사01
 * bold */
[class*='related-unit00'] a{display:block;}
[class*='related-unit00'] a .tit{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}

.related-unit001>li{position:relative;padding-left:16px;}
.related-unit001>li:before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;background:#193DD3;border-radius:50%;}
.related-unit001>li+li{margin-top:12px;}
.related-unit001 a .tit{font-weight:500;font-size:16px;line-height:20px;color:#000;}
/* .related-unit001.bold a .tit{font-weight:700;} */
.related-unit001 .btn-type04{display:inline-block;padding-left:0;vertical-align:top;}

/* related-unit002 : 메인톱기사02
 * bold */
.related-unit002>li{position:relative;padding-left:16px;}
.related-unit002>li:before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;background:#3118B5;border-radius:50%;}
.related-unit002 a .tit{font-size:15px;line-height:20px;color:#000;}
.related-unit002.bold a .tit{font-weight:700;}
.related-unit002 .btn-type04{display:inline-block;padding-left:0;vertical-align:top;}

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

/* ---------------- ####리스트 (텍스트) ---------------- */
/* .link-unit001 : 언어 */
.link-unit001{display:none;font-size:0;}
.link-unit001 li{display:inline-block;}
.link-unit001 li+li{margin-left:10px;}
.link-unit001 li>a{padding:4px;font-size:12px;line-height:18px;color:rgba(255,255,255,0.5);}
html.ko .link-unit001 li.ko>a,
html.en .link-unit001 li.en>a,
html.cg .link-unit001 li.cg>a,
html.ja .link-unit001 li.ja>a{font-weight:700;color:rgba(255,255,255,1);}

/* .link-unit002 : 푸터 */
.link-unit002{font-size:0;}
.link-unit002 li{display:inline-block;}
.link-unit002 li+li{margin-left:20px;}
.link-unit002 li>a{padding:4px;font-size:14px;line-height:20px;color:#000;}
.link-unit002.footer-sns li+li{margin-left:12px;}

/* .link-unit003 : 전체메뉴 M용 */
.link-unit003{display:none;font-size:0;}
.link-unit003 li{display:inline-block;}
.link-unit003 li+li{margin-left:25px;}
.link-unit003 li>a{padding:4px;font-size:15px;line-height:20px;color:#000;}
html.ko .link-unit003 li.ko>a,
html.en .link-unit003 li.en>a,
html.cg .link-unit003 li.cg>a,
html.ja .link-unit003 li.ja>a{font-weight:700;}

/* .link-unit004 : 슬러그 기사링크 */
.link-unit004{overflow:hidden;font-size:0;}
.link-unit004 .list>li{display:inline-block;width:auto;margin:0 6px 6px 0;}
.link-unit004 .list>li{display:inline-block;}
.link-unit004 .list>li .txt{display:inline-block;position:relative;box-sizing:border-box;height:38px;padding:8px 20px 10px;background:#fff;border:1px solid #7FACD6;border-radius:20px;font-size:15px;line-height:20px;color:#666;vertical-align:middle;}
.link-unit004 .list>li.active .txt{background:#CEE7FE;border:1px solid #7FACD6;color:#000;}
.link-unit004 button{background:none;border:0;}
@media only screen and (min-width:980px){
	.link-unit004 .list>li:hover .txt{background:#CEE7FE;border:1px solid #7FACD6;color:#000;}
	.link-unit004 .list>li:hover .txt{text-decoration:none;}
}

/* .link-unit005 : 키워드 링크 목록 */
.link-unit005{overflow:hidden;position:relative;font-size:0;}
.link-unit005:before{content:'';clear:both;position:absolute;left:0;top:50%;width:1px;height:15px;margin-top:-10px;background:#666;}
.link-unit005 .list{padding-left:10px;}
.link-unit005 .list>li{display:inline-block;margin:0 6px 4px 0;line-height:30px;}
.link-unit005 .list>li>a{display:inline-block;position:relative;box-sizing:border-box;padding:0 10px;font-weight:400;font-size:15px;line-height:46px;color:#000;vertical-align:middle;}
.link-unit005 .list>li>a:before{content:'#';clear:both;}

/* .link-unit006 : 개표 광역/기초/국회의원 탭 */
.link-unit006{overflow:hidden;font-size:0;}
.link-unit006 .list>li{display:inline-block;width:33.3%;height:50px;}

.link-unit006 .list>li>a,
.link-unit006 .list>li>button{width:100%;height:100%;}
.link-unit006 .list>li .txt{position:relative;display:inline-block;width:100%;height:100%;box-sizing:border-box;background:#fff;border:1px solid #7FACD6;font-size:18px;line-height:50px;color:#666;vertical-align:middle;text-align:center;}
.link-unit006 .list>li.active .txt{background:#CEE7FE;border:1px solid #7FACD6;color:#000;}
.link-unit006 button{background:none;border:0;}
.link-unit006 .list>li:first-child .txt{border-right:0;border-radius:10px 0 0 10px;}
.link-unit006 .list>li:last-child .txt{border-left:0;border-radius:0 10px 10px 0;}
@media only screen and (min-width:980px){
	.link-unit006 .list>li:hover .txt{background:#CEE7FE;border:1px solid #7FACD6;color:#000;}
	.link-unit006 .list>li:first-child:hover .txt{border-right:0;}
	.link-unit006 .list>li:last-child:hover .txt{border-left:0;}
	.link-unit006 .list>li:hover .txt{text-decoration:none;}
}
@media only screen and (max-width:769px){
	.link-unit006 .list>li{height:35px;}
	.link-unit006 .list>li .txt{font-size:14px;line-height:35px;}
}

/* ---------------- ####테이블 ---------------- */
/* .tbl-unit001 > table */
.tbl-unit001{position:relative;}
.tbl-unit001 .ww01,
.tbl-unit001:before{width:103px;}
.tbl-unit001 .ww02{width:auto;}
.tbl-unit001>table{position:relative;z-index:10;width:100%;}
.tbl-unit001 th,
.tbl-unit001 td{padding:3px 0 3px 20px;border-bottom:1px solid rgba(255,255,255,.5);font-size:14px;color:#fff;}
.tbl-unit001 th{font-weight:700;}
.tbl-unit001 th:nth-child(2),
.tbl-unit001 td:nth-child(2){padding-left:26px;padding-right:10px;}
.tbl-unit001 .txt{display:none;margin-left:5px;}
.tbl-unit001:before,
.tbl-unit001:after{content:'';display:block;clear:both;position:absolute;top:0;height:100%;}
.tbl-unit001:before{left:0;z-index:1;
background:-webkit-linear-gradient(top, #0549e4 0%,#f12327 100%);
background:-moz-linear-gradient(top, #0549e4 0%, #f12327 100%);
background:linear-gradient(to bottom, #0549e4 0%,#f12327 100%);}
.tbl-unit001:after{width:100%;right:0;
background: -webkit-linear-gradient(top, #82a4f1 0%,#f8878a 100%);
background: -moz-linear-gradient(top, #82a4f1 0%, #f8878a 100%);
background: linear-gradient(to bottom, #82a4f1 0%,#f8878a 100%);}

@media only screen and (min-width:980px){
	/* 선거구 : 메인 */
	.main-precinct001 .tbl-unit001 .con02{display:none;}
	/* 선거구 : 선거개괄 */
	.box-precinct001 .tbl-unit001 .ww01,
	.box-precinct001 .tbl-unit001:before{width:143px;}
	.box-precinct001 .tbl-unit001 th,
	.box-precinct001 .tbl-unit001 td{padding:10px 0 10px 20px;font-size:16px;}
	.box-precinct001 .tbl-unit001 .con03{display:none;}
	.box-precinct001 .tbl-unit001 .txt{display:inline-block;}
}

/* ---------------- ####특집사이트 ---------------- */
/* site-unit$$$ (넘버링 : 십단위)
 * 특집사이트의 테마에 맞는 콘텐츠 */

/* [공통] site-unit */
[class*='site-unit']{position:relative;}
[class*='site-unit'] .img-con{overflow:hidden;position:relative;text-align:center;}
[class*='site-unit'] .img img{width:100%;}

/* ##선거 일정
 * site-unit001 : 아이콘 배경 방향 상 → 하 (PC/M)
 * site-unit002 : 아이콘 배경 방향 좌 → 우 (PC) */
[class*='site-unit00']{box-sizing:border-box;width:100%;}
[class*='site-unit00'] .con{position:relative;}

/* 선거일정 : 메인 */
.site-unit001{padding:20px;background-color:#eaedf6;}
.site-unit001 .con{min-height:70px;margin-top:20px;}
.site-unit001 .con:first-child{margin-top:0;}
.site-unit001 dl{display:table-cell;height:70px;padding-left:82px;vertical-align:middle;}
.site-unit001 dt{font-weight:700;font-size:20px;line-height:24px;}
.site-unit001 dd{font-size:14px;line-height:20px;}
.site-unit001 br{display:none;}
/* 선거일정 : 선거개괄 */
@media only screen and (min-width:980px){
	.site-unit002{display:table;}
	.site-unit002 .con{display:table-cell;height:170px;}
	.site-unit002 dl{margin-top:90px;}
	.site-unit002 dt{font-weight:700;font-size:16px;line-height:24px;}
	.site-unit002 dd{font-size:14px;line-height:20px;letter-spacing:-1px;}
	.site-unit002 .step01{width:170px;/* background:bisque; */}
	.site-unit002 .step02{width:146px;/* background:aquamarine; */}
	.site-unit002 .step03{width:123px;/* background:bisque; */}
	.site-unit002 .step04{width:154px;/* background:aquamarine; */}
	.site-unit002 .step05{width:129px;/* background:bisque; */}
	/* 아이콘 위치 */
	.site-unit002 .step01:before,
	.site-unit002 .step01:after{left:20px;}
	.site-unit002 .step04:before,
	.site-unit002 .step04:after{left:20px;}
	/* 화살표 */
	.site-unit002 dl:after{content:'';display:block;clear:both;position:absolute;left:50%;top:27px;box-sizing:border-box;width:30px;height:22px;background:url(../img/sprites_local_election.png?v=20220321_1118) -125px -25px / 400px auto no-repeat;}
	.site-unit002 .step01 dl:after{margin-left:32px;}
	.site-unit002 .step02 dl:after{margin-left:21px;}
	.site-unit002 .step03 dl:after{margin-left:32px;}
	.site-unit002 .step04 dl:after{margin-left:32px;}
	.site-unit002 .step05 dl:after{display:none;}
}

/* 헤더 D-DAY */
.site-unit003{}

/* 슬러그 기사(편집) 상단 - 대선D-DAY */
.site-unit004{}
.site-unit004 .tit{height:45px;padding:0 25px;background:#7FACD6;font-size:15px;line-height:46px;color:#000;border-radius:30px;text-align:center;}

/* 후보자 정보 탭 PC/M */
.site-unit005{}
.site-unit005 .list{}
.site-unit005 .list:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.site-unit005 .list>li{float:left;width:366.6px;height:76px;background:#F7F7F7;padding:18px 0 18px 76px;box-sizing:border-box;}
.site-unit005 .list>li>a{display:block;}
.site-unit005 li.active.candidate-A{background-color:#3C98F5;}
.site-unit005 li.active.candidate-B{background-color:#FB586F;}
.site-unit005 li.active.candidate-C{background-color:#F6C739;}
.site-unit005 li.active.candidate-D{background-color:#FC7A34;}
.site-unit005 .img-con img{width:100%;}
.site-unit005 li.active .img-con img{opacity:0;visibility:hidden;}
/* 후보자 페이지 active 이미지 컬러 */
.site-unit005 li.active .img-con{background-position:0 0;background-size:40px auto;background-repeat:no-repeat;}
.site-unit005 li.active.candidate-A .img-con{background-image:url(../img/img_hubo01_leejm01.png);}
.site-unit005 li.active.candidate-B .img-con{background-image:url(../img/img_hubo01_yoonsy01.png);}
.site-unit005 li.active.candidate-C .img-con{background-image:url(../img/img_hubo01_simsj01.png);}
.site-unit005 li.active.candidate-D .img-con{background-image:url(../img/img_hubo01_ahncs01.png?v=20220110_1130);}

.site-unit005 .party-con{font-size:13px;line-height:20px;color:#666;}
/* 정당 color */
.site-unit005 .candidate-A .party-con{color:#3C98F5;}
.site-unit005 .candidate-B .party-con{color:#FB586F;}
.site-unit005 .candidate-C .party-con{color:#F6C739;}
.site-unit005 .candidate-D .party-con{color:#FC7A34;}
.site-unit005 li.active .party-con{color:#fff !important;}
.site-unit005 .name-con{font-size:15px;line-height:20px;color:#000;}
.site-unit005 li.active .name-con{color:#fff !important;}

/* .site-unit006 후보자 정보 탭 PC/M */
.site-unit006{position:relative;overflow:hidden;font-size:0;color:#fff;}
.site-unit006 .txt-con{position:relative;}
.site-unit006 .txt-con:before{content:"";clear:both;display:inline-block;position:absolute;bottom:0;left:0;width:320px;height:318px;}
.site-unit006.candidate-A .txt-con:before{background:url(../img/img_hubo_tab01.png) -38px 0 no-repeat;}
.site-unit006.candidate-B .txt-con:before{background:url(../img/img_hubo_tab02.png) -40px 0 no-repeat;}
.site-unit006.candidate-C .txt-con:before{background:url(../img/img_hubo_tab03.png) -40px 0 no-repeat;}
.site-unit006.candidate-D .txt-con:before{background:url(../img/img_hubo_tab04.png) -30px 0 no-repeat;}
.site-unit006 .party-con{margin-top:50px;font-weight:300;font-size:24px;line-height:32px;}
.site-unit006 .name-con{margin-bottom:14px;font-weight:700;font-size:50px;line-height:54px;}
.site-unit006 .txt-con .list{}
.site-unit006 .txt-con li,
.site-unit006 .info-con li{font-weight:300;font-size:14px;line-height:22px;}
.site-unit006 .info-con .tit{display:block;font-size:16px;padding:0 0 5px;margin-bottom:12px;border-bottom:1px solid #fff;}

.site-unit006.candidate-C{color:#2a2a2a;}
.site-unit006.candidate-C .info-con .tit{border-bottom:1px solid #2a2a2a;}

/* .site-unit007 후보자 정보 - 메인 진입링크 */
.site-unit007{}
.site-unit007 .list:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
/* .site-unit007 .list>li{float:left;width:25%;height:130px;background-position:0 0;background-size:200px auto;background-repeat:no-repeat;} */
.site-unit007 .list>li{float:left;width:366.6px;height:130px;background-position:0 0;background-size:200px auto;background-repeat:no-repeat;}
.site-unit007 .list>li>a{display:block;width:100%;height:100%;padding:40px 0 18px 120px;box-sizing:border-box;}
.site-unit007 .list>li>a:hover{text-decoration:none;}
.site-unit007 li.candidate-A{background-color:#3C98F5;background-image:url(../img/img_hubo_tab01.png);background-position:-30px 10px;}
.site-unit007 li.candidate-B{background-color:#FB586F;background-image:url(../img/img_hubo_tab02.png);background-position:-14px 10px;}
.site-unit007 li.candidate-C{background-color:#F6C739;background-image:url(../img/img_hubo_tab03.png);background-position:-15px 10px;}
.site-unit007 li.candidate-D{background-color:#FC7A34;background-image:url(../img/img_hubo_tab04.png);background-position:-10px 10px;}
.site-unit007 .txt-con{color:#fff;text-align:center;}
.site-unit007 .party-con{font-weight:300;font-size:14px;}
.site-unit007 .name-con{font-size:20px;}

/* .site-unit006 */
@media only screen and (min-width:980px){
	.site-unit005 .list>li:hover a{color:#fff;}
	.site-unit005 .img-con{overflow:hidden;float:left;width:40px;height:40px;margin-right:12px;}

	.site-unit006{height:330px;}
	.site-unit006>div{display:inline-block;margin:50px 0 0;vertical-align:top;}
	.site-unit006.candidate-A{background-color:#3C98F5;}
	.site-unit006.candidate-B{background-color:#FB586F;}
	.site-unit006.candidate-C{background-color:#F6C739;}
	.site-unit006.candidate-D{background-color:#FC7A34;}
	.site-unit006 .txt-con{padding-left:280px;width:180px;height:100%;margin:0 40px 0 0;}

	.site-unit006 .info-con [class*='unit0']{display:inline-block;width:246px;vertical-align:top;}
	.site-unit006 .info-con [class*='unit0']+[class*='unit0']{width:266px;margin-left:30px;}
	.site-unit006 .info-con .unit02 .list{width:100%;height:189px;padding-right:10px;box-sizing:border-box;}

}

/* 스크롤 모양 변경 */
.scroll-unit01{overflow-y:scroll !important;}
.scroll-unit01::-webkit-scrollbar{width:5px;height:5px;}
.scroll-unit01::-webkit-scrollbar-thumb{position:relative;border-radius:12px;width:5px;height:40px;background:#4A4A4A;}
.scroll-unit01::-webkit-scrollbar-button{display:none;}
.scroll-unit01::-webkit-scrollbar-track{width:10px;}


/* .main-schedule001{} */
.box-schedule001 .site-unit002{margin-top:10px;}
@media only screen and (min-width:980px){
	.box-schedule001 .site-unit002{margin-bottom:50px;}
}

/* ##선거개괄 설명
 * site-unit011 */
.site-unit011{}
.site-unit011 p{font-size:16px;line-height:3;}
.site-unit011 .con{position:relative;}
@media only screen and (min-width:980px){
	.site-unit011 .con:nth-child(2){min-height:390px;}
	.site-unit011 .con:nth-child(2):before{content:'';display:block;position:absolute;top:0;left:0;width:268px;height:363px;padding-left:327px;clear:both;background:url(../img/img_overview01_web.jpg) 0 0 no-repeat;}
	.site-unit011 .con:nth-child(2) p{width:393px;padding-left:327px;}
}

/* 역대 광역단체장 선거 결과(1~7회) */
.site-unit012{}
.site-unit012 .item-box{}
.site-unit012 .list{}
.site-unit012>.list>li{opacity:0;-webkit-transition:all 0.3s ease-in;
transition:all 0.3s ease-in;}
.site-unit012 .list>li.show{opacity:1;}

.site-unit012 .history-con01{}
.site-unit012 [class*='con0']{font-size:0;text-align:center;}
.site-unit012 .con01{margin:44px 0 0;border-bottom:1px solid #E5E5E5;}
.site-unit012 .con02{margin:37px 0 50px;min-height:460px;}
.site-unit012 .con02 img{width:100%;}

.site-unit012 .img-con,
.site-unit012 .data-con{display:inline-block;vertical-align:middle;}

.site-unit012 .data-con .tit{text-align:left;}
.site-unit012 .data-con .num{display:block;margin:0 0 8px;font-weight:700;font-size:30px;}
.site-unit012 .data-con .name{display:block;font-size:24px;}

.site-unit012 .party-con{display:inline-block;}
.site-unit012 .party-con{}
.site-unit012 .party-con .list{font-size:0;}
.site-unit012 .party-con li{position:relative;display:inline-block;padding:10px 0;width:90px;height:70px;border-radius:20px 0 20px 0;color:#fff;text-align:center;box-sizing:border-box;vertical-align:middle;}
.site-unit012 .party-con .tit{display:block;font-size:15px;}
.site-unit012 .party-con .seats{display:block;font-weight:700;font-size:26px;}
.site-unit012 .party-con [class*='gp']{}
.site-unit012 .party-con [class*='op']{margin:0 2px 0 6px;}
.site-unit012 .party-con [class*='ind']{}

.site-unit012 .party-con [class*='gp']:after{clear:both;content:"VS";position:absolute;z-index:1;top:23px;right:-25px;width:44px;height:24px;background:#fff;border-radius:20px;font-size:12px;color:#3118B5;text-align:center;}

.site-unit012 .party-con .gp01{background:#003990;}
.site-unit012 .party-con .op01{background:#3118B5;}
.site-unit012 .party-con .ind01{background:#5E5E5E;}

.site-unit012 .map-con{}
.site-unit012 .map-legend{text-align:left;}
.site-unit012 .map-legend [class*='pt']{position:relative;display:block;padding-left:15px;font-weight:500;font-size:16px;}
.site-unit012 .map-legend [class*='pt']:before{clear:both;content:"";position:absolute;top:7px;left:0;z-index:1;width:9px;height:9px;border-radius:50%;background:#eee;}

/* 여당 컬러표기 */
.site-unit012 .history-02 .party-con .gp01,
.site-unit012 .history-03 .party-con .gp01{background:#00AA7B;}
.site-unit012 .history-04 .party-con .gp01{background:#FFD918;}
.site-unit012 .history-05 .party-con .gp01{background:#0095DA;}
.site-unit012 .history-06 .party-con .gp01{background:#C9252B;}
.site-unit012 .history-07 .party-con .gp01{background:#3792EC;}

/* 정당 컬러표기 */
.site-unit012 .map-legend .pt01:before{background-color:#003990;} /* 민주자유당 */
.site-unit012 .map-legend .pt02:before{background-color:#D82634;} /* 민주당1 */
.site-unit012 .map-legend .pt03:before{background-color:#009A44;} /* 자유민주연합 */
.site-unit012 .map-legend .pt04:before{background-color:#00AA7B;} /* 새정치국민회의 */
.site-unit012 .map-legend .pt05:before{background-color:#0000A8;} /* 한나라당1 */
.site-unit012 .map-legend .pt06:before{background-color:#009A44;} /* 자유민주연합 */

.site-unit012 .map-legend .pt07:before{background-color:#FFD918;} /* 열린우리당 */
.site-unit012 .map-legend .pt08:before{background-color:#0095DA;} /* 한나라당2 */
.site-unit012 .map-legend .pt09:before{background-color:#00736D;} /* 민주당 */
.site-unit012 .map-legend .pt10:before{background-color:#00529C;} /* 자유선진당 */
.site-unit012 .map-legend .pt11:before{background-color:#C9252B;} /* 새누리당 */
.site-unit012 .map-legend .pt12:before{background-color:#0082CD;} /* 새정치민주연합 */
.site-unit012 .map-legend .pt13:before{background-color:#3792EC;} /* 더불어민주당 */
.site-unit012 .map-legend .pt14:before{background-color:#C9151E;} /* 자유한국당 */

.site-unit012 .map-legend .pt00:before{background-color:#5E5E5E;} /* 무소속 */

/* 개표 - 정당별 현황 */
.site-unit013{position:relative;text-align:center;}
.site-unit013 .list{font-size:0;}
.site-unit013 .list>li{display:inline-block;}
.site-unit013 .list>li+li{margin-left:20px;}
.site-unit013 .party{display:block;margin:0 0 5px;font-size:15px;}
.site-unit013 .count{position:relative;z-index:2;display:block;width:90px;height:70px;border-radius:20px 0 20px 0;font-weight:700;font-size:30px;line-height:70px;color:#fff;text-align:center;}
.site-unit013 .last{display:none;}

.site-unit013 .party01{} /* 더불어민주당 */
.site-unit013 .party01 .party{color:#3792EC;}
.site-unit013 .party01 .count{background:#3792EC;}
.site-unit013 .party01 .last{background:#d7e9fb;color:#3792ec;}
.site-unit013 .party02{} /* 국민의힘 */
.site-unit013 .party02 .party{color:#E83B53;}
.site-unit013 .party02 .count{background:#E83B53;}
.site-unit013 .party02 .last{background:#fbd7dc;color:#e83b53;}
.site-unit013 .party03{} /* 정의당 */
.site-unit013 .party03 .party{color:#FFCA2C;}
.site-unit013 .party03 .count{background:#FFCA2C;}
.site-unit013 .party03 .last{background:#fff5d4;color:#FFCA2C;}
.site-unit013 .party04{} /* 기타 */
.site-unit013 .party04 .party{color:#06C860;}
.site-unit013 .party04 .count{background:#06C860;}
.site-unit013 .party04 .last{background:#cdf4df;color:#06C860;}
.site-unit013 .party00{} /* 무소속 */
.site-unit013 .party00 .party{color:#5E5E5E;}
.site-unit013 .party00 .count{background:#5E5E5E;}
.site-unit013 .party00 .last{background:#dfdfdf;color:#5E5E5E;}

@media only screen and (min-width:980px) {
	.site-unit012 .img-con{display:inline-block;margin-right:16px;}
	.site-unit012 .data-con{display:inline-block;margin-right:53px;}

	.site-unit012 .map-legend [class*='pt']+[class*='pt']{margin-top:10px;}

	.site-unit012 .map-con,
	.site-unit012 .map-legend,
	.site-unit012 .map,
	.site-unit012 .graphic-con{display:inline-block;vertical-align:top;}

	.site-unit012 .map-con{width:505px;min-height:430px;}
	.site-unit012 .map-legend{width:155px;min-height:120px;}
	.site-unit012 .map{width:300px;}
	.site-unit012 .graphic-con{width:320px;height:320px;}

	.site-unit012 .map{margin-left:50px;}
	.site-unit012 .graphic-con{margin-left:90px;}

	/* 세로형pc전용(지난 선거비교) */
	.site-unit013.style01 .list>li{display:block;text-align:left;}
	.site-unit013.style01 .list>li+li{margin-left:0;margin-top:6px;}
	.site-unit013.style01 .party,
	.site-unit013.style01 .count{display:inline-block;vertical-align:middle;}
	.site-unit013.style01 .party{min-width:95px;text-align:center;}
	.site-unit013.style01 .br{display:block;}
	.site-unit013.style01 .last{position:relative;z-index:1;display:inline-block;width:180px;height:70px;margin-left:-12px;padding-right:40px;box-sizing:border-box;border-radius:0 0 20px 0;font-size:22px;line-height:70px;vertical-align:middle;text-align:right;}

}


/* ##후보자
 * 더불어민주당 : .item-box01 (#014792)
 * 국민의힘 : .item-box02 (#ba142d)
 * 국민의당 : .item-box03 (#046240)
 * 무소속 : .item-box04 (#333)
 * .img-con01 기호 1번 / .img-con02 기호 2번
 * .img-con03 기호 3번 / .img-con04 기호 4번 */
.site-unit101 .list{font-size:0;}
.site-unit101 .list>li{display:inline-block;}
/* 후보자 - 공통 */
.site-unit101 [class*='img-con']:before,
.site-unit101 [class*='item-box']:after{content:'';display:block;position:absolute;}
/* 후보자 - 번호 */
.site-unit101 [class*='img-con']:before{width:80px;height:93px;bottom:10px;left:20px;z-index:20;background:url(../img/sprites_local_election.png?v=20220321_1118) -350px 0 no-repeat;}
.site-unit101 .img-con01:before{background-position-y:0;}
.site-unit101 .img-con02:before{background-position-y:-100px;}
.site-unit101 .img-con03:before{background-position-y:-200px;}
.site-unit101 .img-con04:before{background-position-y:-300px;}
/* 후보자 - 정당 칼라 */
.site-unit101 .item-box01 .txt-info01 dd{color:#014792;}
.site-unit101 .item-box02 .txt-info01 dd{color:#ba142d;}
.site-unit101 .item-box03 .txt-info01 dd{color:#046240;}
.site-unit101 .item-box04 .txt-info01 dd{color:#333;}
/* 후보자 - 텍스트 */
.site-unit101 .info-con{position:relative;box-sizing:border-box;padding:20px;}
.site-unit101 .info-con dl{font-size:0;}
.site-unit101 .info-con dl+dl{margin-top:8px;}
.site-unit101 .info-con dt{font-weight:700;margin-right:15px;}
.site-unit101 .info-con dt,
.site-unit101 .info-con dd{display:inline-block;font-size:14px;line-height:22px;}
.site-unit101 [class*='txt-info'].row dt,
.site-unit101 [class*='txt-info'].row dd{display:block;}
.site-unit101 [class*='txt-info'].row dt{margin-right:0;}
.site-unit101 .txt-info01 dt{font-size:24px;}
.site-unit101.site-unit101 .txt-info01 dd{font-size:16px;}

@media only screen and (min-width:980px){
	/* 후보자 - 정당 배경색 */
	.site-unit101 [class*='item-box']:after{bottom:0;left:0;width:100%;height:126px;}
	.site-unit101 .item-box01:after{background-color:#014792;}
	.site-unit101 .item-box02:after{background-color:#ba142d;}
	.site-unit101 .item-box03:after{background-color:#046240;}
	.site-unit101 .item-box04:after{background-color:#333;}

	/* 후보자 - 배치 */
	.content001>.title-box{width:1100px;margin:0 auto 28px;text-align:left;}
	[class*='box-candidate00']{width:529px;text-align:left;}
	.box-candidate001{display:inline-block;}
	.box-candidate001 .title-box{margin-left:20px;}
	.box-candidate002{display:inline-block;margin-left:42px;}
	.site-unit101 .list>li+li{margin-left:5px;}
	.site-unit101 [class*='item-box']{position:relative;display:block;width:262px;height:400px;background-color:#fff;}
	.site-unit101 [class*='img-con']{overflow:hidden;position:absolute;right:0;bottom:0;z-index:10;}
	.site-unit101 a:hover,
	.site-unit101 a:hover dt,
	.site-unit101 a:hover dd{text-decoration:none;}
}

/* ##선거결과
 * 더불어민주당 : .item-box01, ico-party01 (#014792)
 * 국민의힘 : .item-box02, ico-party02 (#ba142d)
 * 국민의당 : .item-box03, ico-party03 (#046240)
 * 무소속 : .item-box04, ico-party04 (#333) */
/* .election-results{} */
/* 선거결과 - 서울 시장
.box-result001{} */
/* 선거결과 - 부산 시장
.box-result002{} */
/* 선거결과 - 기초단체장, 광역의원, 기초의원
.box-result003{} */
/* 선거결과 > 부산서울
.site-unit201{} */
/* 선거결과 > 그 외 지역
.site-unit211{} */

.box-bnr02{display:none;}/* 모바일 전용 */

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

	/* 후보자 메뉴 */
	.box-unit.candi-list01{margin-bottom:50px;}
	/* 스페셜 서브메뉴 */
	.box-unit.special-list01{margin:16px 0 30px;}
	.box-unit.poll-chart .title-box{margin-bottom:-25px;}
	.box-unit.history-list01{}
	.box-unit.history-list01>.tit{display:inline-block;margin-right:25px;font-size:20px;line-height:38px;}
	.box-unit.history-list01 .link-unit004{display:inline-block;}

	/* 후보자 서브메뉴 본문적용 */
	.body-view-news .box-unit.special-list01{margin:16px 0 0px;padding-bottom:30px;background:#fff;}
}

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

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

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

	/* ---- PC 홈페이지 폰트 ---- */
	[class*='module-web'] strong{font-weight:normal;}
	[class*='module-web'] [class*='title-con'],
	[class*='module-web'] [class*='title-type'],
	[class*='module-web'] [class*='title-type'] .tit,
	[class*='module-web'] [class*='list-type'] .tit-news,
	[class*='module-web'] [class*='list-type'] .txt-tag,
	[class*='module-web'] [class*='list-type'] .lead,
	[class*='module-web'] [class*='list-type'] .txt-time{font-family:'맑은 고딕','Malgun Gothic',AppleSDGothicNeo-Regular,Arial,Helvetica,sans-serif;letter-spacing:-1px;}

	/* ---- btn-type$$ ---------------- */
	/* btn-type01 : 개별 - 폰트 사이즈(텍스트) */
	.btn-type01[class*='font']:before{padding:8px 0 7px;}
}

/* =============== ######광고 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:980px){
	[class*='ad-web']{display:block;}
	[class*='ad-mob']{display:none;}

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

	/* 글기사본문 고정형배너 : 좌측
	 * 최신기사만 나오는 광고 미리보기에서 숨김 */
	.aside-sticky01,
	.targetpushAd_pc_wrap,
	.targetpushAd_banner_wrap{display:none !important;}

	.aside-sticky02{position:fixed;top:243px;z-index:100;}
	.aside-sticky02.fixed{position:absolute;bottom:156px;top:auto;}

	/* 영상본문 하단 */
	.aside-box71{width:100%;font-size:0;line-height:0;}
	.aside-box71 .con{display:inline-block;background:#ececec;}
	.aside-box71 .con+.con{margin-left:10px;}

	/* 영상본문 하단 : 글기사 광고 */
	.body-view-video .aside-wrap01{padding:0;border:none;}
	.body-view-video .ad-web-news-bottom01 [class*='aside-box']{padding:0;}

	/* 영상본문 고정광고 배너 : 좌측 2019-04-19 */
	.fixed-bnr03{position:fixed;z-index:100;top:117px;left:50%;width:120px;height:600px;margin-left:-718px;}
	.fixed-bnr03>div{overflow:hidden;width:120px;height:600px;background:#fff;}
	.fixed-bnr03.bottom-fixed{position:absolute;bottom:350px;top:inherit;}

	/* 모바일 광고 */
	.aside-bnr02{display:none !important;}

	/* 대선 특집전용 광고 */
	/* 메인 톱2~4 하단 */
	[class*='aside-unit']{position:relative;}
	.aside-unit01{margin-top:35px;text-align:center;}

	/* 리스트 중간 */
	.aside-unit02{text-align:center;}

	/* 리스트/본문 우측 */
	.aside-unit03{margin-top:35px;padding:30px 0;border:1px solid #e5e5e5;}
	.aside-unit03 .list{}
	.aside-unit03 .list li{text-align:center;}
	.aside-unit03 .list li+li{margin-top:10px;}

	.page-latest .aside-unit03,
	.body-view-news .aside-unit03{padding:0;}

	/* @@.임시처리 동일광고2건 나오는 상태(스페셜 리스트) */
	.page-special .aside-unit03 .list li{display:none;}
	.page-special .aside-unit03 .list li:nth-child(1){display:block !important;}

	.page-special .box-unit.main-most01{margin-top:-10px;}

}


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

/* ---------------- ####컨트롤-공통 ---------------- */
/* 공통여백 (/www/home_n/v02/css/layout.css) */
@media only screen and (min-width:980px){
	/* [서브] 에디터스픽(영상+뉴스) */
	[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-box01 + [class*='list-unit2']{margin-top:36px;}
	/* ---- 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;}
	/* 마지막 컨텐츠 하단여백 : 글기사, 영상 본문 */
	.container101 .content102>div:last-child,
	.container111 .content102>div:last-child,
	.container112 .content102>div:last-child,
	.container201 .content202>div:last-child{padding-bottom:100px;}

	.container111 .content102 [class*='box-unit']+[class*='box-unit'],
	.container112 .content102 [class*='box-unit']+[class*='box-unit']{margin-top:40px;}
}

/* ---------------- ####컨트롤-섹션/리스트 ---------------- */
@media only screen and (min-width:980px){
	.body-news-list.page-latest .container111{margin-top:25px;}
	.body-news-list.page-latest .list-unit201 .list:before{display:none;}
	.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-news-list .content102 .title-unit001 .tit{font-size:20px;}
	.body-visual-list .container000{margin-bottom:50px;}

	/* 후보자, 스페셜 리스트 좌우측 */
	.body-news-list.page-special .content101,
	.body-news-list.page-candi .content101{width:682px;}
	.body-news-list.page-special .content102,
	.body-news-list.page-candi .content102{width:352px;}

}

/* ---------------- ####메인(Main) ---------------- */
@media only screen and (min-width:980px){
	.container001 .news-unit001{margin:40px 0;}
	.container001 .section002 [class*='box-unit']+[class*='box-unit']{margin-top:40px;}
	.main-photo001 .pager-unit001,
	.main-photo001 [class*='btn-unit002']{display:none;}

	.main-video001 .title-box,
	.main-gallery001 .title-box{margin-bottom:-15px;}

	/* 메인 영상 */
	/* .main-video001{padding-top:50px;border-top:1px solid #C4C4C4;} */
	.main-video001 .list-unit004{padding-top:40px;}
	.main-video001 .pager-unit002{position:absolute;top:0;right:0;}

	.content002.visual-content{padding-top:50px;border-top:1px solid #C4C4C4;}

	/* 메인 화보 */
	.content002.gall-content{margin-top:20px;}
	.main-gallery001 .news-unit201{padding-top:40px;}
	.main-gallery001 .pager-unit002{position:absolute;top:0;right:0;}

	.main-graphic01{}
	.main-graphic01 .title-box{margin-bottom:24px;}

	.page-main .content002.map-content{padding-bottom:50px;border-bottom:1px solid #E5E5E5;}


}

/* [선거결과 대응] 선거결과 추가시 제목 노출되어야 함 */

.m-history{}
.m-history .tab-content{min-height:640px;}
.m-history .tab-content .hide{visibility:hidden;}
.m-history .tab-content .show{visibility:visible;}

@media only screen and (min-width:980px) {
	.m-history .tab-content [class*='tab-item']{position:absolute;top:0;left:0;width:100%;min-height:560px;}
}

[class*='main-topnews00']+[class*='main-topnews00']{margin-top:40px;}
.main-topnews002 .title-box,
.main-topnews003 .title-box{display:none;}

.main-special001{margin-top:40px;}
.page-main .title-unit001 .tit{font-size:20px;line-height:28px;}

.page-poll .title-box{display:none;}

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

@media only screen and (min-width:980px){
	/* 본문 텍스트 */
	.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:18px;color:#000;}
	.story-news>table{font-size:14px !important;} /* 폰트확대 사용 안 함 */

	/* 부제 */
	.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;}

	/* 저작권 */
	.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) ---------------- */
	/* font-weight : bold → 700 */
	.story-news .tit-sub .tit,
	.quo-group .quote-zone01 p,
	.related-zone .list a{font-weight:500;}
	.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:500}

	/* 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;}

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

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

	/* 포토본문 */
	.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.show img{opacity:1;}
	/* .image-zone02 .img-con.rowH img{width:auto;max-height:800px;} */
	.image-zone02 .img-con.rowH img{max-height:800px;}

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

	/* ---- 문단 타입 (2020-06-09 추가) ---------------- */
	/* .paragraph-zone01{} */

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

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

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

	/* ---- 관련뉴스,관련이슈 ---------------- */
	.related-zone .txt-con{width:582px;}
	.related-zone .list a{font-weight:400;font-size:17px;}

	/* ----- 본문 글자 크기 조정 ----- */
	/* 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:18px;}

	.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:980px){
	/* 기사본문 스크롤 */
	.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{display:none;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;}

	/* 송고시간 */
	.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;}

	/* 상단 다국어 기사 링크 */
	.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;}
	[class*='title-article'] .option-box>div:first-child,
	[class*='title-article'] .option-box>.btn-type01:first-child{margin-left:0;}

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

	/* 본문 제목 - 포토,그래픽 */
	.title-article02{margin-bottom:20px;padding:10px 0;border-bottom:1px solid #e5e5e5;}
	.title-article02 .tit{font-weight:700;font-size:28px;line-height:30px;}
	.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:500;font-size:30px;line-height:30px;letter-spacing:-1.4px;}
	.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;}
	[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:300;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 .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;}

	/* 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;}

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

/* 본문내광고(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:980px){
	.body-view-photo{}
} */

/* ---------------- ####본문-그래픽 ---------------- */
/* @media only screen and (min-width:980px){
	.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:980px){
	.container201 .story-news>p,
	.container201 .story-news>span,
	.container201 .story-news>table{margin:0 0 16px 0;}
}

/* ---------------- ####선거개괄 ---------------- */
.page-overview [class*='box-unit']+[class*='box-unit']{margin-top:40px;}


/* ---------------- ####브라우저 ---------------- */
/* 익스 대응 */
/* .msie [class*='nav-unit'] .nav-poll,
.msie .history-content,
.msie .poll-content,
.msie .electors-content{display:none !important;}*/


/* ---------------- ####가이드(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:980px){ /* 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:KoPubDotum,'맑은 고딕','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:700;}
.guide-font01 .font-weight700 td{font-weight:700;}