@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------
  SegyeTimes SpecialPage Cascading Style Sheets
---------------------------------------------------*/
body{ /*margin:0;padding:0;*/}

/* 2025 대선 헤더 */
		.header_area{position:relative; width: 1140px; margin: 0 auto; border-bottom: 4px solid #000;padding:25px 0 0 0;height: 75px;}
		.header_area h1.logo_election2025{display:block;float: left;width: 296px; height: 51px; padding: 0;margin: 0;}
		.header_area h1.logo_election2025 a{display:block; width:296px; height: 51px; background:url(https://img.segye.com/static/2019_segye/resources/images/eventpage/logo_election2025.png) no-repeat;}
		.header_area .hed_nav{ float: left; margin: 17px 0 0 20px;padding: 0;}
		.header_area .hed_nav ul{float: left;margin: 0;padding: 0;}
		.header_area .hed_nav ul li.nav_item{float: left; list-style: none;padding: 0 12px;margin: 0;}
		.header_area .hed_nav ul li.nav_item:first-child{}
		.header_area .hed_nav ul li h2{font-size: 18px !important; line-height: 28px; font-weight: normal;  color: #111;  vertical-align: bottom; padding: 0;margin: 0; width: auto !important; height: auto !important;}
		.header_area .hed_nav ul li h2 a{color: inherit; font-size: inherit; line-height: inherit; text-decoration: none;}
		.header_area .hed_nav ul li h2 a:hover{font-weight: bold;}
		.header_area .hed_nav ul li h2 a:active{font-weight: bold;}
		.header_area .hed_nec{float: right;margin: 10px 0 0 0;}
		
		hr { width:1140px; border:0; border-top:solid 2px #000; margin:35px auto; padding:0; display:block; clear:both; }
		
		/* 2025 대선(메인) 탑뉴스 */
		.election2025_top{width: 1140px; height: 520px; margin: 0 auto;border-bottom: solid 2px #000;}
		.election2025_top .card_image{}
		.election2025_top .card_text{float: left; width: 352px; margin-top:100px;}
		.election2025_top .card_text a{  text-decoration: none;}
		.election2025_top .card_text h2.headline{font-size: 32px !important; line-height: 44px;width: auto !important;height: auto !important;color: #000;float: none !important;margin-bottom: 25px;}
		.election2025_top .card_text p.description{color: #666; font-size: 15px; line-height: 24px;}
		
		/* 2025 대선(메인) 당선자뉴스, 후보자뉴스 */
		.election2025_scon{}
		.election2025_scon .s4photo{position: relative; width: 1140px; height: 275px; margin: 0 auto;padding: 25px 0 0 0;border-bottom: 1px solid #aaa;}
		.election2025_scon .s4photo h3{font-size: 16px;font-weight: bold;color: #000;letter-spacing: -0.6px;margin:0 0 15px 0;padding: 0;}
.election2025_scon .s4photo .more{background-image:url('../../resources/images/mark_more.png');padding-right:9px;position:absolute;top: 27px;right: 10px;background-position:right center;background-repeat:no-repeat;font-size:12px;color:#777;line-height:18px;letter-spacing:-0.5px;text-decoration:none !important;display:block;}
		.election2025_scon .s4photo .cont{position: relative;height: 215px;}
		.election2025_scon .s4photo .cont ul{margin: 0;padding: 0;}
		.election2025_scon .s4photo .cont ul li{position: relative;float: left;width: 267px; height: 212px; list-style: none; margin-left: 23px;word-wrap:break-word;word-break:keep-all;overflow: hidden;}
		.election2025_scon .s4photo .cont ul li:first-child{margin-left: 0;}	
		.election2025_scon .s4photo .cont ul li a{text-decoration: none;color: #555;line-height: 23px;cursor: pointer;font-size:16px;}
		.election2025_scon .s4photo .cont ul li span{}
		.election2025_scon .s4photo .cont ul li span img{margin: 0 0 7px 0;}


     /* 2025 대선(메인) 포토영상 */
       .election2025_wide{width: 100%; height: 280px; margin: 0 auto;padding: 25px 0 0 0;background:#333;}
       .photomovie{width: 1140px; margin: 0 auto;}
       .election2025_wide .photomovie h3{font-size: 16px !important;font-weight !important: bold;letter-spacing: -0.6px !important;margin:0 0 15px 0 !important;padding: 0 !important;color:#fff !important;}
		.election2025_wide .photomovie .cont{position: relative;height: 215px;}
		.election2025_wide .photomovie .cont ul{margin: 0;padding: 0;}
		.election2025_wide .photomovie .cont ul li{position: relative;float: left;width: 267px; height: 212px; list-style: none; margin-left: 23px;word-wrap:break-word;word-break:keep-all;overflow: hidden;}
		.election2025_wide .photomovie .cont ul li:first-child{margin-left: 0;}	
		.election2025_wide .photomovie .cont ul li a{text-decoration: none; color: #fff;line-height: 23px;cursor: pointer;font-size:16px;}
		.election2025_wide .photomovie .cont ul li span{}
		.election2025_wide .photomovie .cont ul li span img{margin: 0 0 7px 0;} 
		.election2025_wide .photomovie .cont ul li span:after { content:''; position:absolute; z-index:99; top:27%; right:43%; width:44px; height:44px; background:url('../../resources/images/index_mark_video.png') center top no-repeat; display:block; }


/* 여론조사 */
.graph_wrap{ width: 1140px; margin: 0 auto;padding: 25px 0 40px 0;}
.agency {
    text-align: center;
    background: #f7f7f7;
    padding: 10px 0;
}
.agency ul {
    list-style-type: none; /* 기본 목록 스타일 제거 */
    padding: 0; /* 패딩 제거 */
    margin: 0; /* 마진 제거 */
}
.agency ul li {
    display: inline-block; /* li 태그를 가로로 배치 */
    margin-right: 10px; /* li 태그 간의 간격 설정 */
}
.agency ul li.on{font-weight:bold;}
.agency ul li.on a{color: #000000;}
.agency ul li a {  font-size:13px;   cursor: pointer;}

.candidate{text-align: center; margin: 30px 0 40px 0;}
.candidate ul {
    list-style-type: none; /* 기본 목록 스타일 제거 */
    padding: 0; /* 패딩 제거 */
    margin: 0; /* 마진 제거 */
}
.candidate ul li {
    display: inline-block; /* li 태그를 가로로 배치 */
    margin-right: 10px; /* li 태그 간의 간격 설정 */
}

.candidate ul li#candidate1{}
.candidate ul li#candidate2{}
.candidate ul li#candidate3{}
.candidate ul li#candidate4{
	width: 72px;
    text-align: center;
    margin: 0 0 0 10px !important;
}
.candidate ul li#candidate5{}

.candidate span.thmb_img{	display:block;	float:left;	width: 35px;    height:35px;    border-radius:100px;    margin:0;    overflow:hidden;}
.candidate span.thmb_img img {width:100%;}
#candidate4 span.thmb_img{display:block;float:left;width: 35px;height: 10px;border-radius:100px;overflow:hidden;background: #d0d6d6;margin: -15px 0 0 19px;}

.candidate .text_area{	text-align: left;    float: left;    margin: 0 0 0 3px;}

#candidate1 .text_area strong{
	font-size: 11px;
	letter-spacing: -0.5px;
	line-height: 11px;
	color: #6da3f7;
	font-weight:normal;
}
#candidate2 .text_area strong{
	font-size: 11px;
	letter-spacing: -0.5px;
	line-height: 11px;
	color: #EA605C;
}
#candidate3 .text_area strong{
	font-size: 11px;
	letter-spacing: -0.5px;
	line-height: 11px;
	color: #eb7838;
}
#candidate4 .text_area strong{
	font-size: 11px;
	letter-spacing: -0.5px;
	line-height: 11px;
	color: #eb7838;
}
#candidate5 .text_area strong{
	font-size: 11px;
	letter-spacing: -0.5px;
	line-height: 11px;
	color: #e4d818;
}

#candidate1 .text_area h3{
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #3d3d3d;
    letter-spacing: -0.5px;
    line-height: 14px;
	font-weight:bold;
}
#candidate2 .text_area h3{
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #3d3d3d;
    letter-spacing: -0.5px;
    line-height: 14px;
	font-weight:bold;
}
#candidate3 .text_area h3{
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #3d3d3d;
    letter-spacing: -0.5px;
    line-height: 14px;
	font-weight:bold;
}
#candidate4 .text_area h3{
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #3d3d3d;
    letter-spacing: -0.5px;
    line-height: 14px;
	font-weight:bold;
}
#candidate5 .text_area h3{
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #3d3d3d;
    letter-spacing: -0.5px;
    line-height: 14px;
	font-weight:bold;
}



    /* 2025 대선(메인) 대선뉴스 */
		.election2025_mainnews{position:relative; width: 1140px; margin: 0 auto;padding: 25px 0 0 0;}
		.election2025_mainnews h3{font-size: 16px;font-weight: bold;color: #000;letter-spacing: -0.6px;margin:0 0 15px 0;padding: 0;}
.listBox.election2025_mainlist{border-bottom:0 !important;}
.election2025_mainnews .more{background-image:url('../../resources/images/mark_more.png');padding-right:9px;position:absolute;top: 27px;right: 10px;background-position:right center;background-repeat:no-repeat;font-size:12px;color:#777;line-height:18px;letter-spacing:-0.5px;text-decoration:none !important;display:block;}


/* 후보자 + 당선자 */
.candidates_profile_wrap{  /*margin-bottom: 30px;*/ }
.candidate_color{ position:relative; height: 220px;  overflow: hidden;}
.candidate_color.c01{background:#17298b;} /* 이재명 */
.candidate_color.c02{background:#ec2b38;} /* 김문수 */
.candidate_color.c03{background:#afafaf;} /* 무소속 */
.candidate_color.c04{background:#f27900;} /* 이준석 */

.candidate_color .card_body{ position: absolute;   top: 60px;   left: 30px;  width: 470px;  } /* 후보자 상단 정보 */
.candidate_color .card_body .title{  color: #fff;  font-weight: bold;  font-size: 18px;  line-height: 20px;  margin: 0;  padding: 0;}
.candidate_color .card_body .title .ico_party1{}
.candidate_color .card_body .title .ico_party1 .visually_hidden{}
.candidate_color .card_body .headline{   color: #fff;    font-size: 40px;    font-weight: bold;    line-height: 50px;    margin: 0 0 5px 0;    padding: 0;}
.candidate_color .card_body .description{    color: #fff;    font-size: 14px;    line-height: 20px;    letter-spacing: -0.4px;}

.candidate_color .card_body.win{top: 40px;}  /* 당선인 상단 정보 */
.candidate_color .card_body.win .title{color: #fff;font-weight: normal;font-size: 19px;line-height: 20px;margin: 0;padding: 0;letter-spacing:-0.5px;}
.candidate_color .card_body.win .headline{color: #fff;font-size: 50px;font-weight: bold;line-height: 50px;margin: 10px 0 20px 0;position: relative;padding: 0 0 0 70px;}
.candidate_color .card_body.win .headline img.win{   position: absolute;   top: -10px;   left: -5px;}
.candidate_color .card_body.win .description{    color: #fff;    font-size: 14px;    line-height: 20px;    letter-spacing: -0.8px; background:rgb(227 229 255 / 17%);}
.card_body.win .vote{display: flex;align-items: flex-end;margin: 5px 0 0 -10px;}
.card_body.win .vote ul{display: flex;list-style: none;}
.card_body.win .vote ul li{position: relative;line-height: 24px;color:#fff;/* margin-right: 10px; */padding: 0 10px;}
.card_body.win .vote strong {display: block;font-size: 14px;font-weight:normal;letter-spacing: -0.5px;}
.card_body.win .vote span {display: block;}
.card_body.win .vote span em{font-size:28px;font-weight:bold;font-family:Arial;}
.card_body.win .vote span small{font-size: 17px;font-weight:bold;}
.card_body.win .vote li:not(:first-child)::before {        content: '';        position: absolute;        top: 8px;        left: 0;        width: 1px;        height: 40px;        background: #fff;        opacity: .5;    }
.card_body.win .vote p{color:rgba(255,255,255,0.6)}

.candidate_color .card_image{ position: absolute; right: 0; width:310px; background: url(http://img.segye.com/static/2019_segye/resources/images/eventpage/candidate_backimg.png);}
.candidate_color .card_image img{ width: auto;  height: 220px;margin-left:40px;}
.candidate_color .candidates_profile_wrap .profileBox{}

.profile_career .career{}
.profile_career .row{width:650px;}
.profile_career .row .col_lg6:first-child{/*width: calc(50% - 26px);*/}
.profile_career .row .col_lg6:last-child{/*width: calc(50% + 26px);*/}


/* 우측 후보자 배너 */
.election2025_right {float:right;width:335px;margin-top: 30px;}
    .election2025_right .category{float:left;width:278px;margin:0 0 0 24px ;padding: 0;}
    .election2025_right .category ul.tabmenu{margin:0;padding: 0;}
    .election2025_right .category ul a{text-decoration:none;}
    
    .election2025_right .category ul li{list-style:none;width:285px;height: 58px;border:1px solid #afbed3;background:#fff;margin-bottom:10px;overflow:hidden;}
	.election2025_right .category ul li.candidate01{}
	.election2025_right .category ul li.candidate02{}
	.election2025_right .category ul li.candidate03{}
	.election2025_right .category ul li.candidate04{}
    .election2025_right .category ul li span.txt{font-size:14px;color:#4c535f;letter-spacing: -1px;display:inline-block;margin-left:15px;margin-top:18px;}
    .election2025_right .category ul li span.txt2{font-size:14px;color:#516b91;letter-spacing: -1px;display:inline-block;margin-left:15px;margin-top: 9px;}
    .election2025_right .category ul li span font{font-size:15px;color:#404751;font-weight:bold;}
    

	.election2025_right .category ul li.on{list-style:none;width:287px;height: 60px;margin-bottom:10px;border:none;}
    .election2025_right .category ul li.candidate01.on{list-style:none;width:287px;height: 60px;background:#17298b;margin-bottom:10px;border:none;}
	.election2025_right .category ul li.candidate02.on{background:#ec2b38;}
	.election2025_right .category ul li.candidate03.on{background:#bbbbbb;} /* 무소속 */

	.election2025_right .category ul li.candidate04.on{background:#f27900;}
    .election2025_right .category ul li.candidate05.on{background:#DEA72D;}
    .election2025_right .category ul li.on span.txt{font-size:14px;color:#fff;letter-spacing: -0.5px;display:inline-block;}
	.election2025_right .category ul li.on span.txt2{font-size:14px;color:#fff;letter-spacing: -0.5px;display:inline-block;}
    .election2025_right .category ul li.on span font{font-size:15px;color:#fff;font-weight:bold;}
    .election2025_right .category ul li.on span.pic { float:right; width:50px; height:50px; border-radius:100px; margin:5px 13px 0 0; overflow:hidden;border:none;}
    
    .election2025_right .category ul li span.pic { float:right; width:50px; height:50px;  border-radius:100px; margin:5px 13px 0 0; overflow:hidden;}
    .election2025_right .category ul li span.pic img{/*width:100%;*/height:100%;}
	.serialCont{background:url(http://img.segye.com/static/2019_segye/resources/images/serial_bg.jpg) repeat-y;}

/* 상세프로필 */
.profileBox{background: #f4f5fa;   padding: 35px;}
.profileBox strong{font-weight:bold;font-size: 18px;color: #000;margin-bottom: 15px;display: block;} 
.profileBox_warp{}
.profileBox dl{
	font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #111;
    display: flex !important;
	margin-top:10px
}
.profileBox .source{
    color: #666;
    font-size: 13px;
    letter-spacing: -.5px;
    line-height: 21px
}
.profileBox dl dt{
	min-width: 52px;
    font-weight: bold;
}
.profileBox .career .date {
    color: #666;
    font-size: 13px;
    letter-spacing: -0.8px;
    min-width: 88px;
    font-weight: 400;
    line-height: 24px;
	margin-top:0 !important;
	margin-right:5px;
}
.profileBox dl dt.date{
	color:#666;
font-size:13px;
letter-spacing:-0.5px;
}

.profile_career dl.career dt{
    margin-top: 10px;
}

.profileBox .row{
    -webkit-box-flex: 1 !important;
    display: flex;
    flex-wrap: wrap;
}
.profileBox .row ul{}
.profileBox .row ul li{}
.profileBox .row ul li dl.flex{
    
}
.profileBox .row ul li dl.flex dt{
    
}
.profileBox .row ul li dl.flex dd{}
.profileBox .row ul li dl.flex dd ul{}
.profileBox .row ul li dl.flex dd ul li{}

.col_sm12.col_lg6{
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 49.99%;
}

.btn_more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #111111;
	background:#f4f5fa;
	margin:0;
}

.btn_more .ico_arrow {
    width: 15px;
    height: 15px;
    margin-left: 6px;
    margin-top: 1px;
	display:inline-block;
}

.btn_more:not(.open) .ico_arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M15 0v15H0V0z'/%3E%3Cpath stroke='%23111111' stroke-width='2' d='M13 4l-6 6-6-6'/%3E%3C/g%3E%3C/svg%3E");
}

.btn_more.open .ico_arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0 0H15V15H0z' transform='translate(-820.000000, -1997.000000) translate(827.500000, 2004.500000) scale(1, -1) rotate(90.000000) translate(-827.500000, -2004.500000) translate(820.000000, 1997.000000)'/%3E%3Cpath stroke='%23111111' stroke-width='2' d='M4 2L10 8.071 4 14' transform='translate(-820.000000, -1997.000000) translate(827.500000, 2004.500000) scale(1, -1) rotate(90.000000) translate(-827.500000, -2004.500000) translate(820.000000, 1997.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

button:active, button:focus {
    outline-color: initial;
}



/* 아무개의 사람들 */
.peoples {position:relative;margin-bottom: 25px;border-bottom: solid 2px #000;padding-bottom: 30px;}
.peoples h4{font-size:16px;font-weight:bold;color:#000;letter-spacing:-0.8px;margin: 0 0 15px 0;padding: 0;}
.peoples .more{
    background-image: url('../../resources/images/mark_more.png');
    padding-right:9px;
    position:absolute;
    top: 7px;
    right: 10px;
    background-position:right center;
    background-repeat:no-repeat;
    font-size:12px;
    color:#777;
    line-height:18px;
    letter-spacing:-0.5px;
    text-decoration:none !important;
    display:block;
}
.peoples ul {margin: 0 0 0 -16px;padding: 0;height:200px;}
.peoples ul:after { content:''; display:block; clear:both; }
.peoples ul li {float:left;width: 240px !important;padding: 0;margin-left:20px;font-size:15px;line-height:22px;letter-spacing:-1px;word-wrap:break-word;word-break:keep-all;overflow:hidden;}
.peoples ul a { display:block; }
.peoples .pic {width:100%;height: 146px;margin-bottom:11px;font-size:0;line-height:0;display:block;overflow:hidden;}
.peoples .pic img { width:100%; }
.peoples .slideBox {position:relative;margin: 0;}
.peoples .slideBox .bx-wrapper{}
.peoples .slideBox .bx-viewport{width: 100%;overflow: hidden;position: relative;height: 200px;}
.peoples .totalPage { position:absolute; z-index:1; left:-29px; bottom:-5px; width:15px; font-size:12px; color:#666; display:block; }
.peoples .totalPage:before { content:'/'; margin:-6px 2px 0 0; font-size:12px; color:#666; vertical-align:middle; display:inline-block; }
.peoples .bx-controls {position: absolute;top: -15px;right: 5px;}
.peoples .bx-pager { position:absolute; left:-50px; bottom:-5px; bottom:-4px\9; width:26px; text-align:center; }
.peoples .bx-pager a { font-style:italic; font-size:17px; font-weight:bold; color:#2367d7; text-decoration:none; display:none; cursor:default; }
.peoples .bx-pager a.active { display:block; }
.peoples .bx-pager > div { display:inline-block; }
.peoples .bx-controls-direction a { position:absolute; bottom:0; width:10px; height:13px; background-image:url('../../resources/images/paging_side.png'); background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999px; display:block; overflow:hidden; }
.peoples .bx-controls-direction .bx-prev { left:-37px; background-position:left top; }
.peoples .bx-controls-direction .bx-prev:hover { background-position:left -15px; }
.peoples .bx-controls-direction .bx-next { left:-10px; background-position:right top; }
.peoples .bx-controls-direction .bx-next:hover { background-position:right -15px; }


.peoples_right{
    float: left;
    padding: 0 0 0 24px;
    margin: 20px 0 0 0;
    width: 285px;
}
.peoples_right .title{
    font-size: 16px;
    color: #000;
    letter-spacing: -0.6px;
}
.peoples_right ul{
    margin: 10px 0 0 0;
}
.peoples_right ul li{
    line-height: 22px;
    width: 50%;
    float: left;
    font-size: 14px;
    color: #494949;
}
.peoples_right ul li a{
    font-size: 14px;
    color: #494949;
}
.peoples_right ul li a.on{
    font-size: 14px;
    color: #373737;
    font-weight:bold;
}