@charset "utf-8";


/* sub_visual */
.sub_visual{width:100%;  position:relative; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_visual .top_box {width:100%; height:280px; text-align:center; background:#444;}
.sub_visual .top_box .inner {display:table; width:100%; height:280px; }
.sub_visual .top_box .txt_box {display:table-cell; vertical-align:middle; }
.sub_visual .top_box .txt_box h3 {font-size:44px; font-weight:600; color:#222222; }

.sub_visual .sub_tab {position:relative; width:100%; min-height:65px; border-bottom:1px solid #dadada; background-color:#fff; font-size:0; letter-spacing:-4px; box-sizing:border-box; }
.sub_visual .sub_tab .home_btn {display:inline-block; vertical-align:top; width:64px; height:64px; border-left:1px solid #dadada; border-right:1px solid #dadada; box-sizing:border-box; text-align:center; }
.sub_visual .sub_tab .home_btn a {}
.sub_visual .sub_tab .home_btn a img {padding-top:21px; }
.sub_visual .sub_tab .depth_list {display:inline-block; vertical-align:top; width:calc(100% - 64px); margin-bottom:0;  font-size:0; letter-spacing:-4px; }
.sub_visual .sub_tab .depth_list > li {position:relative; display:inline-block; vertical-align:top; width:240px; height:64px; border-right:1px solid #dadada; box-sizing:border-box; font-size:18px; }
.sub_visual .sub_tab .depth_list > li div {display:table; width:100%; height:100%; }
.sub_visual .sub_tab .depth_list > li div p {display:table-cell; vertical-align:middle; padding-left:25px; font-size:16px; color:#666666; font-weight:300; letter-spacing:0; cursor:pointer; background:url('/img/sub_visual_depth_arrow.png') no-repeat 90% center; }
.sub_visual .sub_tab .depth_list > li > ul {z-index:100; position:absolute; left:0; top:100%; display:none; width:100%; padding:10px; background-color:#fff; box-sizing:border-box; box-shadow:1px 2px 7px rgba(0,0,0,0.1); }
.sub_visual .sub_tab .depth_list > li > ul li {padding-left:15px; box-sizing:border-box; line-height:40px; }
.sub_visual .sub_tab .depth_list > li > ul li a {display:block; font-size:14px; color:#666666; font-weight:300; letter-spacing:0; }

@media all and (max-width:1000px){
	.sub_visual .sub_tab .depth_list > li {width:50%; }
	.sub_visual .sub_tab .depth_list > li:last-of-type {border-right:0 none; }
	.sub_visual .sub_tab .depth_list > li div p {padding-left:20px; }
}

/* sub_tit */
.sub_tit {text-align:center; }
.sub_tit h3 {font-size:34px; font-weight:bold; color:#222222; letter-spacing:-0.025em; word-break:keep-all; }
.sub_tit .hr {width:24px; height:2px; margin:10px auto 0; background-color:#de1f26; }



/* ==========================================================================
	직선제
========================================================================== */

/**** 직선제 ****/
.straight_con01 {padding:100px 0; font-size:0; letter-spacing:-4px; }
.straight_con01 .inner > p {padding:60px 0; font-size:16px; font-weight:normal; color:#666666; letter-spacing:-0.025em; text-align:center; word-break:keep-all; }
.straight_con01 .box {width:100%; border:1px solid #dddddd; border-top:2px solid #333333; padding:35px 10px 55px; margin-bottom:40px; box-sizing:border-box; text-align:center; }
.straight_con01 .box.active {border-top:2px solid #de1f26; }
.straight_con01 .box.w50 {display:inline-block; vertical-align:top; width:calc(50% - 20px); }
.straight_con01 .box.w50.mr40 {margin-right:40px; }
.straight_con01 .box i {display:block; font-size:16px; font-weight:bold; color:#f8bcbc; font-style:normal; letter-spacing:-0.025em; }
.straight_con01 .box h4 {margin:0; padding:5px 0 10px; font-size:24px; font-weight:bold; color:#444444; letter-spacing:-0.025em; }
.straight_con01 .box p {font-size:16px; color:#666666; letter-spacing:-0.025em; line-height:26px; word-break:keep-all; }
.straight_con01 .box p.gray {color:#999999; }
.straight_con01 .box b {font-weight:500; color:#222222; }
.straight_con01 .box span.red {color:#de1f26; }
.straight_con01 .box br.m_ver {display:none; }

@media all and (max-width:1000px){
	.straight_con01 .box br.pc_ver {display:none; }
}
@media all and (max-width:800px){
	.straight_con01 {padding:50px 0; }
	.straight_con01 .box.w50 {width:100%; }
	.straight_con01 .box.w50.mr40 {margin-right:0; }
	.straight_con01 .box br.m_ver {display:block; }
}	

/**** 투표방법 ****/
.about_method_con01 {padding:100px 0; font-size:0; letter-spacing:-4px; }
.about_method_con01 .inner > p {padding:60px 0; font-size:16px; font-weight:normal; color:#666666; letter-spacing:-0.025em; text-align:center; word-break:keep-all; }
.about_method_con01 .box {width:100%; border:1px solid #dddddd; border-top:2px solid #333333; padding:35px 10px 55px; margin-bottom:40px; box-sizing:border-box; text-align:center; }
.about_method_con01 .box.active {border-top:2px solid #de1f26; }
.about_method_con01 .box i {display:block; font-size:16px; font-weight:bold; color:#f8bcbc; font-style:normal; letter-spacing:-0.025em; }
.about_method_con01 .box h4 {margin:0; padding:5px 0 10px; font-size:24px; font-weight:bold; color:#444444; letter-spacing:-0.025em; }
.about_method_con01 .box img{padding-bottom:30px;}
.about_method_con01 .box p {font-size:16px; color:#666666; letter-spacing:-0.025em; line-height:26px; word-break:keep-all; }
.about_method_con01 .box p.gray {color:#999999; }
.about_method_con01 .box b {font-weight:500; color:#222222; }
.about_method_con01 .box span.red {color:#de1f26; }
.about_method_con01 .box br.m_ver {display:none; }

@media all and (max-width:800px){
	.about_method_con01 {padding:50px 0; }
	.about_method_con01 .box.w50 {width:100%; }
	.about_method_con01 .box.w50.mr40 {margin-right:0; }
	.about_method_con01 .box br.m_ver {display:block; }
}	


/* ==========================================================================
	선관위 
========================================================================== */

/**** 선관위원소개 ****/
/* electioninfo_con01 */ 
.electioninfo_con01 {padding:100px 0; }
.electioninfo_con01 .sub_tit {padding-bottom:60px; }

/* electioninfo_con02 */
.electioninfo_con02 {padding-bottom:100px;}
.electioninfo_con02 .sub_tit {padding-bottom:60px; }
.electioninfo_con02 .inline_box { font-size:0; letter-spacing:-4px; }
.electioninfo_con02 .w50 {display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-right:20px; }
.electioninfo_con02 .w50:nth-of-type(2) {margin-right:0; }

@media all and (max-width:1000px){
	.electioninfo_con02 .w50 {width:100%; margin-right:0; margin-bottom:20px; }
}

@media all and (max-width:1000px){
	.electioninfo_con01 {padding:50px 0; }
}

.electioninfo_table {width:100%; }
.electioninfo_table table {width:100%; }
.electioninfo_table table th {padding:10px 5px; border:1px solid #fff; background-color:#de1f26; font-size:20px; font-weight:bold; color:#fff; letter-spacing:-0.025em; }
.electioninfo_table table td {padding:25px 5px; border:1px solid #cccccc; text-align:center; color:#666666; font-size:16px; letter-spacing:-0.025em; }

/* electioninfo_con03 */
.electioninfo_con03 {padding-bottom:150px; }
.electioninfo_con03 .inner {font-size:0; letter-spacing:-4px; }
.electioninfo_con03 .sub_tit {padding-bottom:60px; }
.electioninfo_con03 .map_box {display:inline-block; vertical-align:middle; width:50%; height:400px; }
.electioninfo_con03 .map_box .root_daum_roughmap_landing {width:100%; height:100%; }
.electioninfo_con03 .txt_box {display:inline-block; vertical-align:middle; width:50%; padding-left:40px; box-sizing:border-box; }
.electioninfo_con03 .txt_box ul {}
.electioninfo_con03 .txt_box ul li {margin-bottom:20px; }
.electioninfo_con03 .txt_box ul li h4 {margin:0; font-size:24px; font-weight:bold; color:#444444; letter-spacing:-0.025em; }
.electioninfo_con03 .txt_box ul li h4 img {vertical-align:middle; margin-right:5px; }
.electioninfo_con03 .txt_box ul li p {padding-top:10px; font-size:16px; font-weight:normal; color:#666666; letter-spacing:-0.025em; }

@media all and (max-width:800px){
	.electioninfo_con03 .map_box {width:100%; }
	.electioninfo_con03 .txt_box {width:100%; padding-left:0; margin-top:40px; }
}