@charset "EUC-KR";

/*******************************************************************
   fonts style
******************************************************************* */
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 300;
	font-style: normal;
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-aLt.eot');
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-aLt.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-aLt.woff2') format('woff2'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-aLt.woff') format('woff'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-aLt.ttf') format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 400;
	font-style: normal;
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-bRg.eot');
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-bRg.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-bRg.woff2') format('woff2'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-bRg.woff') format('woff'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-bRg.ttf') format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 700;
	font-style: normal;
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-cBd.eot');
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-cBd.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-cBd.woff2') format('woff2'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-cBd.woff') format('woff'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-cBd.ttf') format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 800;
	font-style: normal;
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-dEb.eot');
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-dEb.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-dEb.woff2') format('woff2'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-dEb.woff') format('woff'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-dEb.ttf') format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 900;
	font-style: normal;
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-eHv.eot');
	src: url('/fonts/NanumSquareNeo/NanumSquareNeo-eHv.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-eHv.woff2') format('woff2'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-eHv.woff') format('woff'),
	url('/fonts/NanumSquareNeo/NanumSquareNeo-eHv.ttf') format("truetype");
	font-display: swap;
}

/* ==================================================================================
common
================================================================================== */
body {
	font-family: 'NanumSquareNeo', 'Nanum Gothic', 'Malgun Gothic', Dotum, Gulim, sans-serif;
	line-height: 1.8;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	background-color: #313847;
}
h1 {
	margin: 50px 0;
	text-align: center;
	font-size: 32px;
	font-weight: 800;
}
h2 {
	margin: 0 0 10px;
	line-height: 1.6;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
}
h3 {
	margin: 50px 0 15px;
	font-size: 20px;
	font-weight: 800;
	color: #7047cf;
}
ul, ol {
	margin: 0 0 0 20px;
	padding: 0;
}
ul li > ol, ol li > ul {
	margin: 0 0 0 40px;
}
ul li {
	/*text-align: justify;*/
}
p {
	margin: 0;
	/*text-align: justify;*/
}
.paragraph-line {
	margin-left: 20px;
}
.text-primary {
	color: #33f !important;
}

/* ==================================================================================
wrap
================================================================================== */
#wrap {
	width: 100%;
	background-color: #fff;
}

/* ==================================================================================
header
================================================================================== */
#header {
	position: relative;
	width: 100%;
}
#header .inner-wrap {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	z-index: 2;
}
#header .bg-gnb {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: #7047cf;
	z-index: 1;
}
.header-top-area {
	position: relative;
	height: 80px;
	line-height: 80px;
	padding: 0;
}
.header-top-area .utility {
	position: absolute;
	right: 0;
	top: 0;
	list-style: none;
}
.header-top-area .utility li {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: middle;
}
.header-top-area .utility li.btn-aik {
	margin: 0;
}
.header-top-area .utility li.btn-aik a {
	font-size: 13px;
	color: #999;
}
.header-top-area .utility li.btn-aik a:hover {
	color: #7047cf;
}
/* ÅõÇ¥À² º¸±â ¹öÆ° */
.header-top-area .utility li.btn-vote-rate {
	margin: 0;
}
.header-top-area .utility li.btn-vote-rate a {
	font-size: 13px;
	color: #999;
}
.header-top-area .utility li.btn-vote-rate a:hover {
	color: #7047cf;
}

.header-top-area h1 {
	position: relative;
	top: 18px;
	margin: 0;
	text-align: left;
}
.header-top-area h1 a {
	display: inline-block;
}
.header-top-area h1 a img {
	width: 480px;
}
.header-top-area .vote-btn-area {
	position: absolute;
	right: 0;
	top: 13px;
	width: 346px;
	height: 50px;
}
.header-top-area .vote-btn-area p {
	float: left;
	width: 168px;
	height: 50px;
}
.header-top-area .vote-btn-area p:first-child {
	margin-right: 10px;
}

/* nav */
.nav-area {

}
.nav-area .nav {
	margin: 0;
	background-color: #7047cf;
}
.nav-area .nav > li > a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0;
	font-size: 17px;
	font-weight: 700;
	color: #e8f3fd;
	border-radius: 0;
	background-color: #7047cf;
}
.nav-area .nav > li.active > a,
.nav-area .nav > li > a:hover {
	color: #fff;
	background-color: #5030A3;
}
.nav-area .nav > li.notice > a {
	color: #fff;
	background-color: #fe5147;
}
.nav-area .nav > li.notice.active > a,
.nav-area .nav > li.notice > a:hover {
	color: #fff;
	background-color: #fe463d;
}

.nav-area .nav > li.agreement > a {
	color: #fff;
	background-color:#00a2ff;
}
.nav-area .nav > li.agreement.active > a,
.nav-area .nav > li.agreement > a:hover {
	color: #fff;
	background-color:#00a2ff;
}

/* ==================================================================================
container
================================================================================== */
#container {
	position: relative;
}
#container .inner-wrap {
	width: 1100px;
	min-height: 700px;
	margin: 0 auto;
	padding: 0 0 50px;
	background-color: #fff;
}
#container .iframe-board {
	width: 760px;
	margin: 0 auto;
}

/* main */
#container .intro-vote {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #F5F1FF;
	background: #F5F1FF  url(../images/bg_vote_main_02.png) center center no-repeat;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
#container .intro-vote .inner-wrap {
	width: 1100px;
	height: 400px;
	min-height: auto;
	margin: 0 auto;
	padding: 50px 0 0;
	background-color: transparent;
	/*background: #F5F1FF  url(../images/bg_vote_main_02.png) center center no-repeat;*/
}
#container .intro-vote h1 {
	margin: 0 0 40px;
	text-align: left;
}
#container .intro-vote h2 {
	margin: 0 0 30px;
	text-align: left;
	font-weight: 600;
}
#container .vote-commitee {
	text-align: left;
	font-size: 18px;
}
#container .vote-commitee ul {
	display: block;
	margin: 0 0 30px;
	list-style: disc;
}
#container .vote-commitee ul li {
	display: block;
	margin: 0 0 10px;
	list-style: disc;
	line-height: 1.5;
	font-size: 17px;
	font-weight: 700;
	color: #6F4DCB;
}
#container p.vote-commitee strong {
	text-align: center;
}

/* search */
.search-area {
	margin: 0;
	padding: 20px 15px;
	text-align: center;
	border: 1px solid #e6f0f9;
	background-color: #f3f8fc;
}
.search-area label {
	margin-right: 10px;
}
.search-area input[type=text] {
	height: 34px;
}

.empty-list {
	margin: 0;
	padding: 30px;
	text-align: center;
	color: #333;
	border: 1px solid #f0f0f0;
	border-top: 0;
	background-color: #fafafa;
}

/* elemenets */
ul.list > li {
	margin: 0 0 20px;
}
ul.list-tb {
	margin: 10px 0 0;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}
ul.list-tb li {
	display: block;
	width: 25%;
	padding: 5px 0;
	float: left;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

/* ¼±°ÅÀθíºÎ */
.nav-bar {
	overflow: hidden;
	margin: 30px 0 20px !important;
}
.nav-bar li {
	float: left;
	display: block;
	width: 50%;
}
.nav-bar li a {
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #999;
	border-top: 3px solid #eee;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	text-decoration: none;
	transition: all 0.25s;
}
.nav-bar li.active a {
	color: #7047cf;
	border: 1px solid #ccc;
	border-top: 3px solid #7047cf;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

.pdf {
	margin: 0 10px 0 0;
	color: #f11;
}

/* button area */
.btn-area {
	margin: 30px 0;
	text-align :center;
}
.btn-area .btn {
	margin: 0 10px;
}

/* table style */
.table.tb-center td {
	text-align: center !important;
}
.table th {
	text-align: center;
	background-color: #f0f0f0;
}
.table.table-totals caption {
	text-align: right;
	font-weight: 800;
	color: #7047cf;
}
.table.table-totals th,
.table.table-totals td {
	padding: 5px !important;
	vertical-align: middle !important;
	font-size: 13px;
}
.table.table-stats {
	margin-top: 0;
	border-top: 1px solid #e6f0f9;
}
.table.table-stats caption {
	text-align: right;
	font-weight: 800;
	color: #7047cf;
}
.table.table-stats th,
.table.table-stats td {
	padding: 5px !important;
	text-align: center;
	vertical-align: middle !important;
	font-size: 13px;
}

/* paging */
.paging {
	text-align: center;
}
.pagination.pagination-sm {
	margin-right: 10px;
}
.paging select.form-control {
	display: inline-block;
	width: 80px;
	margin-left: 10px;
}

/* .candidate-list-area */
.candidate-list-area {
	margin: 20px 0 0;
}
.candidate-list-area ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.candidate-list-area ul li {
	float: left;
	position: relative;
	width: 140px;
	margin: 0 45px 40px 0;
}
.candidate-list-area ul li:nth-child(5n) {
	margin-right: 0;
}
.candidate-list-area span {
	display: block;
	margin: 0 0 5px;
	text-align: center;
}
.candidate-list-area .num {
	width: 140px;
	margin: 0 auto;
	color: #fff;
	background-color: #7047cf;
}
.candidate-list-area .thm {
	width: 140px;
	margin: 0 auto 10px;
}
.candidate-list-area .name {
	font-size: 18px;
	font-weight: 800;
}
.candidate-list-area .position {

}
.candidate-list-area .btn-download {
	display: block;
	width: 140px;
	padding: 3px 10px;
	text-align: center;
	color: #333;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	background-color: #fafafa;
}
.candidate-list-area .btn-download:hover {
	color: #7047cf;
	border: 1px solid #7047cf;
	background-color: #fafafa;
}

/* ==================================================================================
footer
================================================================================== */
#footer {
	padding: 30px 0 20px;
	background-color: #313847;
}
#footer address {
	text-align: center;
	color: #bbc8e7;
}


/***************************************************************
·Î±×ÀÎ ÆäÀÌÁö
***************************************************************/
.section-login {
	width: 500px;
	margin: 80px auto;
	padding: 30px;
	border: 5px solid #f4f4f4;
}
.section-login h3 {
	margin: 0 0 15px;
	line-height: 1.1;
	text-align: center;
	font-size: 28px;
	color: #7047cf;
}
.section-login h4 {
	margin: 20px;
	line-height: 1.1;
	text-align: center;
	font-size: 15px;
	color: #767676;
}
/* ·Î±×ÀÎ Æû */
.section-login .login-area {
	width: 400px;
	margin: 0 auto;
}
.section-login .login-area .input-area {
	float: left;
	width: 280px;
	margin: 0 10px 0 0;
}
.section-login .login-area .input-area input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0 0 10px;
	padding: 0 10px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
.section-login .login-area .input-area input.pw {
	margin: 0;
}
.section-login .login-area .btn-submit {
	float: left;
	width: 110px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	border: 1px solid #7047cf;
	background-color: #7047cf;
	transition: all 0.25s;
}
.section-login .login-area .btn-submit:hover {
	border: 1px solid #5030A3;
	background-color: #5030A3;
}

/* ¹öÆ° ¿µ¿ª */
.section-login .etc-area {
	margin: 10px 0 0;
}
.section-login .etc-area ul {
	width: 400px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	line-style: none;
}
.section-login .etc-area ul li {
	display: inline-block;
	margin: 0;
}
/*.section-login .etc-area ul li:first-child:after {*/
/*content: '\b7\a0';*/
/*margin: 0 10px;*/
/*}*/
.section-login .etc-area ul li a {
	font-size: 13px;
	font-weight: 500;
	color: #767676;
}
.section-login .etc-area ul li a:hover {
	color: #7047cf;
}
.section-login .alert {
	margin: 20px 15px 0;
}

/***************************************************************
ID/PW ã±â
***************************************************************/
.section-idpw-find {
	padding-top: 50px;
	text-align: center;
}
.section-idpw-find h3 {
	margin: 0 0 15px;
	line-height: 1.1;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	color: #7047cf;
}
.section-idpw-find input[type=text] {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0 0 10px;
	padding: 0 10px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
.section-idpw-find .btn-submit {
	width: 100%;
	height: 40px;
	margin: 0 0 15px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	border: 1px solid #7047cf;
	background-color: #7047cf;
	transition: all 0.25s;
}
.section-idpw-find .btn-submit:hover {
	border: 1px solid #5030A3;
	background-color: #5030A3;
}
.section-idpw-find p {
	font-size: 13px;
	color: #7047cf;
}

/* ¾ÆÀ̵ð ã±â */
.section-idpw-find .id-find-area {
	display: inline-block;
	width: 320px;
	height: 370px;
	margin: 0 20px;
	padding: 30px;
	vertical-align: top;
	border: 5px solid #f4f4f4;
}

/* ºñ¹Ð¹øÈ£ ã±â */
.section-idpw-find .pw-find-area {
	display: inline-block;
	width: 320px;
	height: 370px;
	margin: 0 20px;
	padding: 30px;
	vertical-align: top;
	border: 5px solid #f4f4f4;
}

/***************************************************************
ID/PW ã±â - °á°ú ÆäÀÌÁö
***************************************************************/
.section-result {
	width: 500px;
	margin: 50px auto;
	padding: 30px;
	border: 5px solid #f4f4f4;
}
.section-result h3 {
	margin: 0 0 30px;
	line-height: 1.1;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	color: #7047cf;
}
.section-result h4 {
	margin: 0 0 20px;
	line-height: 1.1;
	text-align: center;
	font-size: 15px;
	color: #767676;
}
.section-result p {
	font-size: 13px;
	color: #7047cf;
}
.section-result .btn-area {
	margin: 0;
	padding: 30px 0 0;
	text-align: center;
}
.section-result .btn-area input {
	text-align: center;
}
.section-result .btn-area input {
	width: auto;
	height: 36px;
	line-height: 36px;
	margin: 0 5px;
	padding: 0 15px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	border: 1px solid #7047cf;
	background-color: #7047cf;
	transition: all 0.25s;
}
.section-result .btn-area input:hover {
	border: 1px solid #5030A3;
	background-color: #5030A3;
}
.section-result .btn-area input.default {
	width: auto;
	height: 36px;
	line-height: 36px;
	margin: 0 5px;
	padding: 0 15px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #767676;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	transition: all 0.25s;
}
.section-result .btn-area input.default:hover {
	color: #333;
	border: 1px solid #ccc;
	background-color: #fafafa;
}

/* °Ô½ÃÆÇ */

/* °Ë»ö ¿µ¿ª */
.search-area {
	position: relative;
	margin: 0 auto 20px;
	padding: 10px;
	text-align: center;
	border: 1px solid #EAE6F7;
	border-radius: 5px;
	background-color: #F2EFFA;
}
.search-area .board-search-radio {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
	font-size: 15px;
}
.search-area .board-search-radio input[type=radio] {
	margin-top: 8px;
}
.search-area .board-search {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: middle;
}
.search-area .board-search .form-control {
	display: inline-block;
	width: 380px;
	height: 36px;
	line-height: 36px;
	font-size: 17px;
	border: 1px solid #dfdfdf;
	vertical-align: middle;
}
.search-area .board-search .btn {
	width: 60px;
	height: 36px;
	font-size: 17px;
	color: #fff;
	vertical-align: middle;
	background-color: #6F4DCB;
}

/* ÀÏ¹Ý ÆäÀÌÁö Å×À̺í */
.table-responsive > .table.tb-contents {
	border-top: 2px solid #6F4DCB;
}
.table-responsive > .table.tb-contents th {
	padding: 10px 20px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 800;
	border-bottom: 1px solid #dfdfdf;
	background-color: #F2EFFA;
}
.table-responsive > .table.tb-contents td {
	padding: 10px;
	vertical-align: middle;
	font-size: 15px;
	border-bottom: 1px solid #dfdfdf;
}

/* °Ô½ÃÆÇ Å×À̺í */
.board-area .table-responsive > .table {
	border-top: 2px solid #6F4DCB;
}
.board-area .table-responsive > .table caption {
	color: #6F4DCB;
}
.table-striped > tbody > tr:nth-child(odd) {
	background-color: #fff !important;
}
.board-area .table-responsive > .table th {
	padding: 10px 20px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 800;
	border-bottom: 1px solid #dfdfdf;
	background-color: #F2EFFA;
}
.board-area .table-responsive > .table td {
	text-align: center;
	padding: 10px;
	vertical-align: middle;
	font-size: 15px;
	border-bottom: 1px solid #dfdfdf;
}
.board-area .table-responsive > .table.tb-view th {
	width: 120px;
}
.board-area .table-responsive > .table.tb-view tr.board-contents td {
	padding: 40px 20px;
	text-align: initial;
}
.board-area .table-responsive > .table td a {
	font-weight: 700;
	color: #6F4DCB;
}
.board-area .table-responsive > .table td:nth-child(2) {
	text-align: left;
}
.board-area nav {
	display: none;
}
.board-area .btn-area-admin {
	padding: 30px 0;
	text-align: center;
}
.board-area .btn-area {
	overflow: hidden;
}

/***************************************************************
°³ÀÎÁ¤º¸È°¿ëµ¿ÀÇ
***************************************************************/
.agreement-area {

}
.agreement-area h1 {
	line-height: 1.5;
}
.agreement-area h1 + p {
	margin: 0 0 20px;
}
.agreement-area .agreement-info-box {
	/*overflow-y: scroll;*/
	margin: 0 0 30px;
	/*height: 640px;*/
	padding: 30px;
	border: 1px solid #D8EEFC;
	border-radius: 10px;
	background-color: #F1F9FE;
}
.agreement-area .agreement-info-box h3 {
	margin: 30px 0 10px;
	font-size: 17px;
}
.agreement-area .agreement-info-box h3:first-child {
	margin: 0 0 10px;
}
.agreement-area .agreement-info-box p {
	margin: 0 0 5px;
}
.agreement-area .agreement-info-box ul {
	margin: 0 0 20px 20px;
}
.agreement-area .agreement-info-box ul li {
	margin: 0 0 5px;
	color: #33f;
}
.agreement-area .radio-area {
	margin: 0 0 40px;
	text-align: center;
}
.agreement-area .radio-area label {
	margin: 0 20px;
	font-size: 17px;
	font-weight: 800;
}
.agreement-area .btn-area {
	margin: 0 0 80px;
}

/* ==================================================================================
    layer popup
================================================================================== */
.layer-popup-area {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 1080px;
	margin-left: -540px;
	border-radius: 5px;
	box-shadow: 0 3px 7px rgba(0,0,0,0.45);
	z-index: 5;
}
.layer-popup-area .pop-header {
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.layer-popup-area .pop-header h1 {
	margin: 0;
	padding: 15px;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	color: #fff;
	border-radius: 5px 5px 0 0;
	background-color: #333;
}
.layer-popup-area h2 {
	padding: 0 0 10px 22px;
	line-height: 1.2;
	font-weight: bold;
	font-size: 16px;
	color: #195691;
	background: url(/images/bullet/bullet_h4_06.png) 0 2px no-repeat;
}
.layer-popup-area .cont {
	width: 100%;
	padding: 30px 40px;
	background-color: #fff;
}
.layer-popup-area .cont .agreement-info-box {
	margin: 0 0 20px;
	padding: 20px;
	border: 1px solid #D8EEFC;
	border-radius: 10px;
	background-color: #F1F9FE;
}
.layer-popup-area .cont .agreement-info-box h3 {
	margin: 20px 0 10px;
	font-size: 15px;
}
.layer-popup-area .cont .agreement-info-box h3:first-child {
	margin: 0 0 10px;
}
.layer-popup-area .cont .agreement-info-box p {
	margin: 0 0 5px;
	font-size: 13px;
}
.layer-popup-area .cont .agreement-info-box ul {
	margin: 0 0 10px 20px;
}
.layer-popup-area .cont .agreement-info-box ul li {
	margin: 0;
	font-size: 13px;
	color: #33f;
}
.layer-popup-area .cont img {
	max-width: 100%;
}
.layer-popup-area .cont .text-primary {
	color: #33f;
}
.layer-popup-area .cont .text-danger {
	color: #f33;
}
.layer-popup-area .cont p {
	margin: 0 0 20px;
	line-height: 1.6;
	text-align: justify;
	word-break: keep-all;
	font-size: 16px;
}
.layer-popup-area .cont p.small {
	margin-bottom: 40px;
	line-height: 1.8;
	font-size: 14px;
}
.layer-popup-area .cont p.name {
	margin-top: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
.layer-popup-area .cont p.info-txt {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
}
.layer-popup-area .cont ul.list,
.layer-popup-area .cont ol.list {
	margin: 0;
	padding: 20px;
	background-color: #f5fcfe;
}
.layer-popup-area .cont ul.list li,
.layer-popup-area .cont ol.list li {
	margin: 0 0 10px 20px;
	line-height: 1.6;
	font-size: 15px;
	font-weight: 600;
	word-break: keep-all;
	list-style: decimal;
}
.layer-popup-area .cont ul.list.list-none li,
.layer-popup-area .cont ol.list.list-none li {
	margin: 0 0 20px;
	list-style: none;
}
.layer-popup-area .cont ul.list li a,
.layer-popup-area .cont ol.list li a {
	margin: 0 0 10px;
	font-size: 15px;
	color: #33f;
}
.layer-popup-area .cont ul.list li:last-child,
.layer-popup-area .cont ol.list li:last-child {
	margin-bottom: 0;
}
/*section-list*/

.layer-popup-area .cont ul.section-list li {
	margin: 0 0 0 16px;
	padding-left: 14px;
	list-style: none;
	font-size: 14px;
	line-height: 1.8;
	background: url(/images/bullet/box-bullet02.gif) 0 9px no-repeat;
}

/*table*/
.layer-popup-area .tb-basic {
	border-top: 2px solid #1578c4;
	font-size: 14px;
}
.layer-popup-area .tb-basic th {
	background-color: #fafafa;
	font-weight: 700;
	text-align: center;
	vertical-align: middle !important;
}
.layer-popup-area .tb-basic td {
	font-weight: normal;
}
.layer-popup-area .tb-basic thead th {
	background-color: #f4f4f4;
	border-bottom: 3px double #dfdfdf !important;
}

.layer-popup-area .table > thead > tr > th,
.layer-popup-area .table > tbody > tr > th,
.layer-popup-area .table > tfoot > tr > th,
.layer-popup-area .table > thead > tr > td,
.layer-popup-area .table > tbody > tr > td,
.layer-popup-area .table > tfoot > tr > td {
	vertical-align: middle;
}

/* .btn-area */
.layer-popup-area .btn-area {
	margin: 30px 0;
	padding: 0;
	text-align: center;
}
.layer-popup-area .btn-area .btn {
	margin: 0 10px;
}

.layer-popup-area .close {
	float: none;
	width: 100%;
	padding: 7px 10px;
	font-size: 13px;
	font-weight: 300;
	text-align: right;
	color: #fff;
	text-shadow: none;
	border-radius: 0 0 5px 5px;
	background-color: #5E38C0;
	opacity: 1;
}
.layer-popup-area .close .check {

}
.layer-popup-area .close .check input {
	vertical-align: middle;
}
.layer-popup-area .close .check label {
	margin: 0 0 0 5px;
	vertical-align: middle;
	cursor: pointer;
}

.layer-popup-area .close .btn-close {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: middle;
}

.layer-popup-area .close .check {

}
.layer-popup-area .close .check input {
	vertical-align: middle;
}
.layer-popup-area .close .check label {
	margin: 0 0 0 5px;
	vertical-align: middle;
	cursor: pointer;
}

.layer-popup-area .close .btn-close {
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: middle;
}

/********************************************************************
	·¹À̾î Æ˾÷
********************************************************************/
/* ÅõÇ¥À² º¸±â */
/*.layer-popup-area {*/
/*	position: absolute;*/
/*	left: 50%;*/
/*	top: 250px;*/
/*	width: 1310px;*/
/*	height: 510px;*/
/*	margin-left: -655px;*/
/*	border: 5px solid rgba(0,0,0,0.15);*/
/*	box-shadow: 0 0 12px rgba(0,0,0,0.45);*/
/*	z-index: 90;*/
/*}*/
/*.layer-popup-area iframe {*/
/*	width: 1300px;*/
/*	height: 500px;*/
/*}*/
/*.layer-popup-area .close-area {*/
/*	text-align: right;*/
/*}*/
/*.layer-popup-area .btn-close {*/
/*	display: inline-block;*/
/*	padding: 5px 15px;*/
/*	font-size: 13px;*/
/*	font-weight: normal;*/
/*	color: #fff;*/
/*	cursor: pointer;*/
/*	border-radius: 0 0 5px 5px;*/
/*	background-color: #999;*/
/*	transition: all 0.25s;*/
/*}*/
/*.layer-popup-area .btn-close:hover {*/
/*	background-color: #00609f;*/
/*}*/


/***************************************************************
¹ÝÀÀÇü ½ºÅ¸ÀÏ
***************************************************************/
@media screen and (max-width: 767px) {

	/***************************************************************
    °øÅë
    ***************************************************************/
	#container .inner-wrap {
		width: 100%;
		min-height: auto;
	}

	/***************************************************************
    ·Î±×ÀÎ ÆäÀÌÁö
    ***************************************************************/
	.section-login {
		width: 90%;
		margin: 30px auto;
	}
	/* ·Î±×ÀÎ Æû */
	.section-login .login-area {
		width: 100%;
		margin: 0 auto;
	}
	.section-login .login-area .input-area {
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	.section-login .login-area .btn-submit {
		float: none;
		width: 100%;
		height: 40px;
		line-height: 40px;
	}

	/* ¹öÆ° ¿µ¿ª */
	.section-login .etc-area ul {
		width: 100%;
		text-align: right;
	}
	.section-login .etc-area ul li {
		display: inline-block;
		margin: 0;
	}
	.section-login .etc-area ul li:first-child:after {
		content: '';
	}
	.section-login .etc-area ul li:first-child:after {
		display: none;
	}
	.section-login .alert {
		margin: 20px 0 0;
	}

	/* ÅõÇ¥À² º¸±â */
	.btn-vote-rate {
		display: none;
	}

	/* °Ô½ÃÆÇ */
	/* °Ë»ö ¿µ¿ª */
	.search-area {
		margin: 0 auto 20px;
		padding: 15px;
	}
	.search-area .board-search-radio {
		display: block;
		margin: 0 0 5px;
		font-size: 13px;
	}
	.search-area .board-search-radio input[type=radio] {
		margin-top: 4px;
	}
	.search-area .board-search {
		display: block;
		margin: 0;
		vertical-align: middle;
	}
	.search-area .board-search .form-control {
		display: inline-block;
		width: 200px;
		height: 36px;
		line-height: 36px;
		font-size: 15px;
	}
	.search-area .board-search .btn {
		width: 60px;
		height: 36px;
		font-size: 15px;
	}

	/* board-list */
	.board-area .reply {
		font-size: 14px;
	}
	.board-area .reply a {
		font-size: 14px;
	}
	.board-area .reply .label {
		margin: 0 5px 0 2px;
	}
	.board-area .table-responsive > .table th {
		padding: 10px 5px;
		font-size: 14px;
	}
	.board-area .table-responsive > .table td {
		padding: 15px 5px;
		font-size: 14px;
	}
	.board-area .table-responsive > .table td.num {
		font-size: 13px;
	}

	.board-area .table-responsive > table {
		table-layout: initial;
	}
	.board-area .table-responsive > table.tb-view {
		table-layout: fixed;
	}
	.board-area .table.tb-fixed {
		table-layout: fixed;
	}
	.board-area .table caption{
		padding: 5px 0;
		font-size: 13px;
	}
	.board-area .table thead th {
		font-size: 15px;
	}
	.board-area .table .tb-file-area th {
		font-size: 15px;
	}
	.board-area .table tbody td {
		font-size: 14px;
	}
	.board-area .table .tb-file-area td a {
		font-size: 14px;
	}
	.board-area .table tbody td.tb-title {
		font-size: 15px;
	}
	.board-area .table tbody td.date {
		font-size: 13px;
	}
	.board-area .table tbody tr.board-contents td {
		font-size: initial;
	}
	.board-area .table tbody td.title {
		font-size: 14px;
	}
	.board-area .table tbody tr.board-contents > td {
		padding: 30px 10px 30px;
	}
	.board-area .table tbody tr.board-contents > td p,
	.board-area .table tbody tr.board-contents > td img {
		max-width: 100% !important;
		height: auto !important;
	}
	.board-area .btn-area-admin {
		margin: 0 0 40px;
		padding: 20px;
		text-align: center;
		/*border: 1px solid #dfdfdf;*/
		border-radius: 5px;
		background-color: #F8FCF8;
	}

	/**************************************************************************************
        view style
    **************************************************************************************/
	.board-area .table-responsive > .table.tb-view .col1 {
		width: 25% !important;
	}
	.board-area .table-responsive > .table.tb-view .col2 {
		width: 75% !important;
	}
	.board-area .table-responsive > .table.tb-view th {
		width: auto !important;
		padding: 10px;
		font-size: 14px !important;
	}
	.board-area .table.tb-view > tbody > tr > td {
		padding: 10px;
		font-size: 14px !important;
		white-space: normal;
	}
	.board-area .table.tb-view > tbody > tr.board-contents > td {
		font-size: initial !important;
	}
	.board-area .table.tb-view .tb-file-area td a {
		font-size: 15px;
	}
	.board-area .table.tb-view tr.board-contents td {
		padding: 30px 0;
	}
	.btn-area .btn {
		width: auto !important;
		margin: 0 10px 10px !important;
	}

	/*korean*/
	.mobile-hidden {
		display: none !important;
	}
	#header {
		display: none !important;
	}

	.paragraph-line {
		margin-left: 0;
	}

	/* border */
	#frm_contents .search-area .board-search {
		float: none !important;
	}

	/*modify */
	.table-responsive {
		padding-bottom: 10px;
		border: 0;
		border-bottom: 0;
	}
	.table-responsive.tb-responsive-fix > .table {
		min-width: 730px !important;
	}
	.table.table-totals caption {
		text-align: left;
	}
	.table-responsive.tb-responsive-fix > .table tr td,
	.table-responsive.tb-responsive-fix > .table tr th {
		white-space: normal !important;
	}
	/*mobile-navigation*/
	.mobile-top {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
		width: 100%;
		height: 55px;
		background: #fff;
		box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
	}

	.mobile-header-group {
		content: '';
		display: block;
		clear: both;
	}
	.mobile-info {
		float: left;
		width: 130px;
	}
	.mobile-info a {
		padding: 0 !important;
		font-size: 14px !important;
	}
	.mobile-info .m-picture {
		display: inline-block;
		vertical-align: middle;
		margin: 10px 0 0 15px;
		width: 35px;
		height: 35px;
		overflow: hidden;
		border: 1px solid #eee;
		border-radius: 50%;
		background-color: #ddd;
	}
	.mobile-info .m-picture img {
		width: 33px;
		height: auto;
		/*background-color: #fff;*/
	}
	.mobile-info .m-name {
		display: inline-block;
		overflow: hidden;
		width: 64px;
		padding: 12px 0 0 5px;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: middle;
		color: #fff;
	}
	.mobile-info .m-logout {
		position: absolute;
		right: 20px;
		top: 13px;
		padding: 3px 5px !important;
		font-size: 13px !important;
		color: #333 !important;
	}
	.mobile-login {
		float: right;
		width: 150px;
		padding: 10px 15px 0 0;
		text-align: right;
	}
	.mobile-login:hover {
	}
	.mobile-login a:last-child {
		padding: 0 !important;
	}
	.mobile-login a {
		display: inline-block;
		padding: 0 10px 0 0 !important;
		line-height: 1;
		text-align: center;
	}
	.mobile-login a:hover {
		color: #fff !important;
	}
	.mobile-login a i {
		font-size: 18px;
	}
	.mobile-login a span {
		font-size: 10px;
	}
	.mobile-top {
		position: fixed;
	}
	.mobile-top .mobile-bar {
		position: relative;
	}
	.mobile-top a.logo {
		display: block;
		width: 200px;
		position: relative;
		top: 15px;
		left: 20px;
	}
	.mobile-top #mobile-search {
		position: absolute;
		top: 13px;
		left: 15px;
		display: block;
		width: 29px;
		height: 29px;
	}
	.mobile-top #mobile-search i {
		line-height: 1;
		text-align: center;
		font-size: 33px;
		color: #7047cf;
	}
	.mobile-top a.logo img {
		width: 280px;
	}

	.mobile-top .mobile-bar {
		height: 55px;
		/*background-color: #fff;*/
	}
	.mobile-top #mobile-search-area {
		display: none;
		width: 100%;
		height: 70px;
		padding: 20px 15px 0;
		/*background-color: rgba(255, 255, 255, 0.8);*/
		/*border-bottom: 1px solid #7047cf;*/
		background-color: #7047cf;
	}
	.mobile-top #mobile-search-area .search-area-inner {
		position: relative;
		max-width: 360px;
		width: 100%;
		margin: 0 auto;
	}
	.mobile-top #mobile-search-area .search-area-inner #mobile_in_search {
		padding: 5px 15px;
		border: 1px solid #fff;
		border-radius: 50px;
		max-width: 360px;
		width: 100%;
		outline: none !important;
	}
	.mobile-top #mobile-search-area .search-area-inner button {
		position: absolute;
		top: 0;
		right: 15px;
		background-color: transparent;
		border: transparent;
		font-size: 23px;
		color: #7047cf;
		width: 30px;
		line-height: 33px;
		outline: none !important;
	}

	.contents-title {
		margin-bottom: 20px;
		margin-top: 50px;
	}
	.mobile-login-area {
		padding-top: 10px;
	}
	.mobile-login li {
		float: left;
		padding-right: 10px;
	}
	.mobile-login li a {
		display: block;
		width: 70px;
		line-height: 30px;
		text-align: center;
		font-size: 13px;
		color: #333;
		border: 1px solid #ddd;
		border-radius: 2px;
		background-color: #fff;
	}
	.drawer-menu-item > a > i {
		margin: 0 5px 0 0;
	}
	.drawer-footer-area li a {
		font-size: 14px;
	}

	.table-responsive>.table-bordered>tbody>tr:last-child>td{
		border-bottom:1px solid #dfdfdf!important;
	}
	/*
	==================================================================================
	common
	================================================================================== */
	body {
		font-size: 14px;
	}
	h1 {
		margin: 30px 0;
		line-height: 1.4;
		font-size: 24px;
		letter-spacing: -0.75px;
	}
	h2 {
		margin: 0 0 20px;
		text-align: center !important;
		font-size: 16px;
	}
	h3 {
		margin: 40px 0 30px;
		font-size: 18px;
		letter-spacing: -1px;
		text-align: center;
	}
	.inner-wrap {
		width: 100%;
	}
	.nav-tabs.nav-justified > li {
		float: none;
		width: 100%;
	}
	.btn-area .btn {
		width: 90%;
		margin: 0 auto;
	}
	.pagination-sm>li>a, .pagination-sm>li>span {
		padding: 5px 8px;
	}
	.drawer-footer-area li a {
		border: 1px solid #fff;
	}

	/* ==================================================================================
	container
	================================================================================== */
	#container {
		width: 100%;
		padding-top: 55px;
	}
	#container .inner-wrap {
		min-height: 500px;
		padding: 20px 15px;
	}
	#container .iframe-board {
		width: 100%;
	}
	#container p.vote-commitee {
		text-align: center;
		font-size: 17px;
	}
	#container p.vote-commitee b {
		font-size: 15px;
	}

	/* main */
	#container .intro-vote {
		width: 100%;
		margin: 0 auto;
		border-bottom: 1px solid #333;
		background:  #F5F1FF url(../images/bg_vote_main_02_mo.png) center center no-repeat;
	}
	#container .intro-vote .inner-wrap {
		width: 100%;
		height: 400px;
		margin: 0 auto;
		padding: 50px 20px 20px;
		text-align: center;
		background-color: transparent;

	}
	#container .intro-vote h1 {
		margin: 0 0 20px;
		text-align: center;
		line-height: 1.4;
	}
	#container .intro-vote h2 {
		margin: 0 0 20px;
		text-align: center;
	}
	#container .intro-vote h2 br {
		display: none;
	}
	#container .vote-commitee {
		text-align: center;
	}
	#container .vote-commitee > ul > li {
		text-align: center;
		font-size: 18px;
	}

	/* .candidate-list-area */
	.candidate-list-area {
		margin: 20px 0 0;
	}
	.candidate-list-area ul {
		width: 140px;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	.candidate-list-area ul li {
		float: none;
		position: relative;
		width: 140px;
		margin: 0 auto 30px 0;
	}
	.candidate-list-area ul li:nth-child(5n) {
		margin-right: 0;
	}
	.candidate-list-area span {
		display: block;
		margin: 0 0 5px;
		text-align: center;
	}
	.candidate-list-area .num {
		width: 140px;
		margin: 0 auto;
		color: #fff;
		background-color: #7047cf;
	}
	.candidate-list-area .thm {
		width: 140px;
		margin: 0 auto 10px;
	}
	.candidate-list-area .name {
		font-size: 18px;
		font-weight: 800;
	}
	.candidate-list-area .position {

	}
	.candidate-list-area .btn-download {
		display: block;
		width: 140px;
		margin: 0 auto;
		padding: 3px 10px;
		text-align: center;
		color: #333;
		border: 1px solid #dfdfdf;
		border-radius: 5px;
		background-color: #fafafa;
	}
	.candidate-list-area .btn-download:hover {
		color: #f11;
		border: 1px solid #f11;
		background-color: #fafafa;
	}

	/* ¸ð¹ÙÀÏ ¸Þ´º */
	.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
		background-color: #7047cf;
	}
	.drawer-navbar-default {
		background-color: #7047cf;
	}
	.electorlst .btn-area .btn{
		display: block;
	}

	/* ==================================================================================
        layer popup
    ================================================================================== */
	.layer-popup-area {
		position: absolute;
		top: 80px;
		left: 4%;
		width: 92%;
		height: auto;
		margin-left: 0;
	}
	.layer-popup-area .pop-header h1 {
		padding: 15px 10px;
		font-size: 19px;
	}
	.layer-popup-area .cont {
		height: auto;
		padding: 20px;
	}
	.layer-popup-area .cont p {
		word-break: break-all;
		font-size: 15px;
	}
	.layer-popup-area.pop-conf .cont img {
		display: block;
		width: 100%;
	}
	.layer-popup-area.pop-conf .cont {
		height: auto;
		padding: 0;
	}

	/* contents */
	.layer-popup-area.pop-conf .cont .pop-container {
		padding: 0 20px;
	}
	.layer-popup-area.pop-conf .cont .pop-container .nav {
		margin: 0 0 5px;
	}
	.layer-popup-area.pop-conf .cont .pop-container .nav > li {
		display: block;
		float: left;
		width: 50%;
	}
	.layer-popup-area.pop-conf .cont .pop-container .nav > li > a {
		line-height: 1.5;
		letter-spacing: -0.45px;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 15px !important;
	}
	.layer-popup-area.pop-conf .cont .pop-container .nav > li.list1 {
		padding-right: 5px;
	}
}

@media screen and (min-width: 769px) {
	.mobile-top {
		display: none;
	}
	.drawer-hamburger {
		display: none;
	}
}