@charset "utf-8";

/*이미지 확대 버튼*/
.pic_btn a, .ds_no {display:none;}
.pic_btn a:hover{background-color:#236dc7;color:#fff;transition:all 300ms ease-out }

@media(max-width:767px){
	.pic_btn a {display:block;width:60%;margin:10px auto 0;padding:10px 40px;border:1px solid #ddd;background:#fff;text-align:center;}
	.pic_img{text-align:center;}
}
@media(max-width:560px){
	.pic_btn a {width:75%;}
}
@media(max-width:450px){
	.pic_btn a {width:100%;}
}

/* 위원장 인사말 sub0101 */
.greetings_se01c{position:relative;}
.greetings_se01c::before{content:"";position:absolute;right:43px;top:0;width:216px;height:215px;background:url(/images/election/sub01/greetings_se01c_bg.png) no-repeat;background-size:cover;}
.greetings_se01c .top{position:relative;z-index:1;margin-left:43px;margin-bottom:55px;padding-top:60px;}
.greetings_se01c .top::before{content:"";position:absolute;left:-30px;top:20px;z-index:-1;width:61px;height:61px;background:url(/images/election/sub01/greetings_se01c_topbg01.png) no-repeat;}
.greetings_se01c .top::after{content:"";position:absolute;left:195px;top:50px;z-index:-1;width:284px;height:284px;background:url(/images/election/sub01/greetings_se01c_topbg02.png) no-repeat;}
.greetings_se01c .top strong{display:block;color:#545454;font-size:30px;line-height:1.27;letter-spacing:-0.025em;font-weight:500;font-family:"Elice Digital Baeum";word-break:keep-all;}
.greetings_se01c .top strong em{font:inherit;font-weight:bold;}
.greetings_se01c .top strong em.color01{display:block;color:#9a2e2b;}
.greetings_se01c .top strong em.color02{color:#333;}

.greetings_se01c .bottom{position:relative;z-index:1;padding:43px;background:#f9f9f9;}
.greetings_se01c .bottom .inner .inner_box{float:right;margin:0 0 35px 40px;width:305px;height:135px;background:transparent;}
.greetings_se01c .bottom .inner p{margin:0;color:#545454;font-size:15px;letter-spacing:-0.025em;}
.greetings_se01c .bottom .inner p+p{margin-top:25px;}

.greetings_se01c .bottom .pic_box{position:absolute;right:43px;top:-230px;width:303px;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.greetings_se01c .bottom .pic_box .img{overflow:hidden;position:relative;width:100%;height:352px;}
.greetings_se01c .bottom .pic_box .img img{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;}
.greetings_se01c .bottom .pic_box .name{background:#b03834 url(/images/election/sub01/greetings_se01c_bg.png) left -47px top -24px no-repeat;padding:23.5px 25px;text-align:right;}
.greetings_se01c .bottom .pic_box .name strong{color:#fff;;font-size:16px;font-family:"Elice Digital Baeum";}
.greetings_se01c .bottom .pic_box .name strong span{font:inherit;font-size:20px;font-weight:bold;}

@media(max-width:767px){
	.greetings_se01c::before{width:151px;height:150px;}
	.greetings_se01c .top{padding-right:0;}
	.greetings_se01c .top::after{left:120px;top:140px;}
	.greetings_se01c .bottom .inner .inner_box{display:none;}
	.greetings_se01c .bottom .pic_box{position:relative;right:auto;top:auto;margin:0 auto 30px;}
}
@media(max-width:599px){
	.greetings_se01c::before{right:10px;width:91px;height:90px;}
}
@media(max-width:430px){
	.greetings_se01c .top{margin-left:20px;}
	.greetings_se01c .top strong{font-size:25px;}
	.greetings_se01c .bottom{padding:43px 20px;}
}
@media(max-width:400px){
	.greetings_se01c .bottom .pic_box{width:100%;}
	.greetings_se01c .bottom .pic_box .img{height:auto;padding-top:108.695%}
}
/* 위원장 인사말 sub0101 End */

/* 위원회구성 sub0102 */
.ut_committee{}
.ut_committee .committee_box{}
.ut_committee .committee_box .title{overflow:hidden;position:relative;margin:0 auto 35px;padding:35px 10px 0;width:304px;height:304px;border-radius:100%;background:#f7f3f3;text-align:center;}
.ut_committee .committee_box .title::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:201px;height:148px;background:url(/images/election/sub01/ut_committee_box_icon.png) no-repeat;}
.ut_committee .committee_box .title span{color:#222;font-size:22px;letter-spacing:-0.025em;line-height:1.23;font-family:"Elice Digital Baeum";}
.ut_committee .committee_box .title span em{display:block;font:inherit;font-size:25px;font-weight:bold;}
.ut_committee .committee_box .list{margin-left:-16px;display:flex;flex-wrap:wrap;justify-content:center;}
.ut_committee .committee_box .list .item{display:flex;flex-direction:column;justify-content:center;margin-left:16px;margin-bottom:20px;width:calc(25% - 16px);height:140px;text-align:center;border-radius:10px;}
.ut_committee .committee_box .list .item.bg01{background:#968460;}
.ut_committee .committee_box .list .item.bg02{background:#b84c48;}
.ut_committee .committee_box .list .item.bg03{background:#334869;}
.ut_committee .committee_box .list .item.bg04{background:#396dbb;}
.ut_committee .committee_box .list .item.bg05{background:#264e8f;}
.ut_committee .committee_box .list .item em{color:#fff;font-size:18px;letter-spacing:-0.025em;line-height:1.1;}
.ut_committee .committee_box .list .item strong{display:block;margin-top:15px;color:#fff;font-size:35px;letter-spacing:-0.025em;line-height:1;font-weight:bold;}
.ut_committee .committee_role{}
.ut_committee .committee_role .item{position:relative;border:1px solid #ddd;padding:33.5px 20px 33.5px 100px;color:#222;font-size:20px;letter-spacing:-0.025em;line-height:1.2;font-weight:bold;word-break:keep-all;}
.ut_committee .committee_role .item + .item{margin-top:3px;}
.ut_committee .committee_role .item span{position:absolute;left:30px;top:50%;transform:translateY(-50%);display:inline-block;width:46px;height:46px;border:2px solid #701e20;border-radius:100%;background:#fff;color:#701e20;font-size:18px;line-height:40px;font-weight:500;text-align:center;}

@media(max-width:767px){
	.ut_committee .committee_box .list .item{width:calc(50% - 16px);}
}
@media(max-width:450px){
	.ut_committee .committee_box .list .item{height:100px;}

	.ut_committee .committee_role .item{padding:33.5px 20px;font-size:18px;text-align:center;}
	.ut_committee .committee_role .item span{display:block;position:relative;left:auto;top:auto;transform:none;margin:0 auto 20px;}
}
/* 위원회구성 sub0102 End */

/* 투표방법 sub0204 */
.ui.ui-sort .grap .item{display:none;}
.ui.ui-sort .grap .item.on{display: block;}
.ui.ui-sort .tab-ul{margin-left:1px;}
.se17b_topbox{overflow:hidden;position:relative;border:1px solid #dbe1e3;margin-bottom:50px;}
.se17b_topbox .list_1st > li{color:#222;font-size:16px;letter-spacing:-0.025em;background:url(/images/election/sub02/list_1st_bul.png) left top 9px no-repeat;}
.se17b_topbox .list_1st > li+li{margin-top:25px;}
.se17b_topbox .list_2st li{color:rgba(34,34,34,0.75);font-size:15px;background:url(/images/election/sub02/list_2st_bul.png) left top 8px no-repeat;}

.se17b_topbox .top_inner{overflow:hidden;position:relative;padding:55px 230px 65px 54px;}
.se17b_topbox .top_inner::before{content:"";position:absolute;right:55px;top:55px;width:170px;height:170px;background:url(/images/election/sub02/se17b_topbox_bg.png) no-repeat;background-size:cover;}
.se17b_topbox .top_inner .top_info{}
.se17b_topbox .top_inner .top_info strong{display:block;position:relative;z-index:1;color:#860f12;font-size:32px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"Elice Digital Baeum";}
.se17b_topbox .top_inner .top_info .sub_info{margin:35px 0;}
.se17b_topbox .top_inner .top_info .sub_info ul{margin-left:-25px;}
.se17b_topbox .top_inner .top_info .sub_info ul li{margin-left:25px;padding-left:100px;position:relative;color:rgba(34,34,34,0.75);font-size:16px;letter-spacing:-0.025em;}
.se17b_topbox .top_inner .top_info .sub_info ul li+li{margin-top:10px;}
.se17b_topbox .top_inner .top_info .sub_info ul li em{position: absolute;left:0;top:-1.5px;display:block;margin-right:10px;padding:4.91px 5px;width:86px;border-radius:5px;background:#1d3459;color:#fff;font-size:16px;letter-spacing:-0.025em;line-height:1.2;font-weight:bold;text-align:center;}


.se17b_topbox .bottom{position:relative;padding:70px 54px 45px;background:#f8edec;}
.se17b_topbox .bottom span{display:inline-block;position:absolute;left:54px;top:0;padding:0 26.5px;border-radius:0 0 13px 13px;height:46px;background:#81292b;color:#fff;font-size:18px;line-height:46px;font-weight:bold;font-family:'gmarket';}
.se17b_topbox .bottom p{margin:0;color:#555;;letter-spacing:-0.035em;line-height:1.625;}

@media(max-width:870px){
	.se17b_topbox .top_inner .top_info .sub_info ul li{display:block;}
	.se17b_topbox .top_inner .top_info .sub_info ul li + li{margin-top:10px;}
}
@media(max-width:640px){
	.se17b_topbox .top_inner{padding:30px;}
	.se17b_topbox .top_inner::before{right:25px;top:25px;width:120px;height:120px;}
	.se17b_topbox .top_inner .top_info .sub_info ul li{padding-left:0;}
	.se17b_topbox .top_inner .top_info .sub_info ul li em{position: relative;left:auto;top:auto;margin-bottom:5px;}

	.se17b_topbox .bottom{padding:70px 30px 45px;}
	.se17b_topbox .bottom span{left:30px;}
}
/* 투표방법 sub0204 End */

/* 입후보자 정보 sub0301 */
.ut_candidate{}
.ut_candidate .title{display:flex;margin-bottom:35px;padding:22.71px 25px;background:#9a2e2b url(/images/election/sub03/ut_candidate_titlebg.png) center right no-repeat;background-blend-mode:multiply;}
.ut_candidate .title span{color:#fff;font-size:28px;letter-spacing:-0.025em;line-height:1.2;font-family:"Elice Digital Baeum";word-break:keep-all;}
.ut_candidate .title span em{font:inherit;font-weight:bold;}

.ut_candidate .candidate_list{margin-left:-20px;}
.ut_candidate .candidate_list::after{content:"";display:block;visibility:hidden;clear:both;}
.ut_candidate .candidate_list .item{float:left;margin-left:20px;margin-bottom:20px;background:#930d29;width:calc(33.3% - 20px);text-align:center;}
.ut_candidate .candidate_list .item a{display:block;position:relative;left:0;top:0;padding:54px 20px 40px;border:1px solid #dad8d9;background:#fff url(/images/election/sub03/candidate_list_icon.png) right -35px top -11px no-repeat;transition:0.3s ease-in-out;}
.ut_candidate .candidate_list .item a::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;background:#930d29;}
.ut_candidate .candidate_list .item a::after{content:"";position:absolute;left:-1px;top:0;width:1px;height:283px;background:#930d29;}
.ut_candidate .candidate_list .item a .img{overflow:hidden;position:relative;margin:0 auto;width:178px;height:204px;background:#f6f4f4;border:1px solid #f6f4f4;border-radius:10px;}
.ut_candidate .candidate_list .item a .img img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.ut_candidate .candidate_list .item a .name{margin-top:35px;}
.ut_candidate .candidate_list .item a .name span{color:#222;font-size:24px;letter-spacing:-0.05em;line-height:1.2;font-weight:bold;}
.ut_candidate .candidate_list .item a .name em{display:inline-block;font:inherit;font-size:18px;}
.ut_candidate .candidate_list .item a:hover,
.ut_candidate .candidate_list .item a:focus{left:-10px;top:-10px;}
.ut_candidate .candidate_list .item a:hover .name span,
.ut_candidate .candidate_list .item a:focus .name span{color:#930d29;background:linear-gradient(to top, #eaddde 40%, transparent 40%);}

@media(max-width:840px){
	.ut_candidate .candidate_list .item{width:calc(50% - 20px);}
}
@media(max-width:540px){
	.ut_candidate .candidate_list{margin-left:0;}
	.ut_candidate .candidate_list .item{float:none;margin-left:0;width:100%;}
	.ut_candidate .candidate_list .item a{padding:30px 20px;}
}
/* 입후보자 정보 sub0301 End */

/* 기호1번~3번 sub0302~sub0304 */
.candidate_infobox{padding-top:30px;}
.candidate_infobox .top{padding-left:375px;}
.candidate_infobox .top span{display:block;color:#9a2e2b;font-size:32px;letter-spacing:-0.05em;line-height:1.2;font-weight:bold;font-family:"Elice Digital Baeum";}

.candidate_infobox .bottom{position:relative;margin-top:30px;padding:25px 25px 66px 66px;background:#9a2e2b url(/images/election/sub03/candidate_infobox_icon.png) bottom -104px right -87px no-repeat;}
.candidate_infobox .bottom .pic{overflow:hidden;position:absolute;left:70px;top:-75px;width:237px;height:304px;background:#f6f4f4;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.17);line-height:0;}
.candidate_infobox .bottom .pic img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.candidate_infobox .bottom .info{position:relative;padding-left:310px;}
.candidate_infobox .bottom .info .name li{position:relative;padding-left:66px;color:#fff;font-size:18px;letter-spacing:-0.025em;font-family:'nsr'}
.candidate_infobox .bottom .info .name li em{position:absolute;left:0;top:0;font:inherit;font-weight:bold;}
.candidate_infobox .bottom .info .linkbox{margin-top:25px;max-width:400px;}
.candidate_infobox .bottom .info .linkbox ul{overflow:hidden;margin-left:-10px;}
.candidate_infobox .bottom .info .linkbox ul li{float:left;margin-left:10px;width:calc(50% - 10px);margin-bottom:13px;}
.candidate_infobox .bottom .info .linkbox ul li.long{width:calc(100% - 10px);}
.candidate_infobox .bottom .info .linkbox ul li a{display:block;position:relative;padding:14px 50px 14px 24px;width:100%;;background:#9a2e2b;border:1px solid #fff;transition:0.3s ease-in-out;}
.candidate_infobox .bottom .info .linkbox ul li a::after{content:"";position:absolute;right:23px;top:50%;transform:translateY(-50%);width:14px;height:15px;background:url(/images/election/sub03/linkbox_ir.png) no-repeat;}
.candidate_infobox .bottom .info .linkbox ul li a span{color:#fff;font-size:16px;letter-spacing:-0.025em;line-height:1.2;font-weight:400;}
.candidate_infobox .bottom .info .linkbox ul li a:hover,
.candidate_infobox .bottom .info .linkbox ul li a:focus{background:#fff;border-color:#fff;}
.candidate_infobox .bottom .info .linkbox ul li a:hover::after,
.candidate_infobox .bottom .info .linkbox ul li a:focus::after{background-position:-19px 0;}
.candidate_infobox .bottom .info .linkbox ul li a:hover span,
.candidate_infobox .bottom .info .linkbox ul li a:focus span{color:#9a2e2b;}

@media(max-width:840px){
	.candidate_infobox{padding-top:0;}
	.candidate_infobox .top{margin-bottom:20px;padding-left:0;text-align:center;}

	.candidate_infobox .bottom{padding:25px 25px 66px 25px;}
	.candidate_infobox .bottom .pic{position:relative;left:auto;top:auto;margin:0 auto 20px;}
	.candidate_infobox .bottom .info{padding-left:0;}
	.candidate_infobox .bottom .info .linkbox{max-width:100%;}
}
@media(max-width:450px){
	.candidate_infobox .bottom .info .linkbox ul{margin-left:0;}
	.candidate_infobox .bottom .info .linkbox ul li{float:none;margin-left:0;width:100%;}
	.candidate_infobox .bottom .info .linkbox ul li.long{width:100%;}
}
/* 기호1번~3번 sub0302~sub0304 End */