@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:0px;background:#fff}
.ctt_admin {position:absolute;right:0px;top:20px;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em;text-align:justify;font-size:15px;letter-spacing:-0.05em;font-weight:400;color:#666;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

#ctt .title01 { margin: 30px 0 20px 0; padding: 0 0 0 0px;font-size: 18px;color: #333; font-weight: 700;letter-spacing:-0.0525em;}
#ctt .title02 { margin: 5px 0; padding: 0 0 0 0px;font-size: 15px;color: #666; font-weight: 400;letter-spacing:-0.0525em;line-height:1.8;text-align:justify;}

#ctt .subs01 { padding: 0 0 0 20px;font-size: 15px;color: #888; font-weight: 300;letter-spacing:-0.0525em;line-height:1.8;}

a.btn, .btn {
    line-height: auto;
    height: auto;
    padding: 10px 10px;
    text-align: center;
    font-weight: bold;
    border: 0;
    font-size:12px;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
	letter-spacing:-0.0525em;
	background-color:#f00;color:#fff;
}

.ctt_you1st01 {
	margin:0px;
    font-size: 16px;
    letter-spacing: -0.0525em;
    text-align: justify;
	font-weight:400;letter-spacing:-0.05em;color:#666;
}


.ctt_budget {
	margin:0px;
    font-size: 16px;
    letter-spacing: -0.0525em;
    text-align: justify;
	font-weight:400;letter-spacing:-0.05em;color:#666;
}
.m_stitle02 {
    display: table;
    margin: 20px 0 30px 0;
    padding: 30px 0 20px 0;
    font-size: 20px;
    color: #888;
	font-weight:700;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    border-bottom: 2px solid #d3d6da;font-family: "Paperlogy", sans-serif;
}

.mbtn_content		{text-align:center;margin:30px auto;background-color:#f6f6f6;padding:20px 0;}
.mbtn_content a		{display:inline-block;padding:8px 15px;border:1px solid #aaa;text-decoration:none;font-size:12px;letter-spacing:-0.05em;
		-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
		-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
		box-shadow: 1px 1px 5px rgba(0,0,0,0.1);

}
.mbtn_content a.c01	{border:1px solid #0089d0;color:#0089d0;font-weight:700;}
.mbtn_content a.c02	{border:1px solid #71bf44;color:#71bf44;font-weight:700;}
.mbtn_content a.c03	{border:1px solid #f7941e;color:#f7941e;font-weight:700;}

.table_mob {display: table; width:100%;margin-bottom:20px;}
.table_mob .row {display: table-row;}
.table_mob .cell {display: table-cell; padding: 2px 0px; font-size:16px;letter-spacing:-0.0325em;}
.table_mob .col1 {width:10px;font-weight:300;color:#aaa;}
.table_mob .col2 {width:*;font-weight:300;}
.table_mob .col3 {width:80px;color:#aaa;}
.table_mob .col4 {width:120px;color:#aaa;}
.table_mob .col5 {width:40px;color:#aaa;}
.table_mob .col6 {width:25px;color:#888;}
.table_mob .col2 .ssub {font-size:12px;padding-left:10px;color:#888;padding-bottom:10px;}

.table_mob .col2 em {font-style:normal;font-weight:700;color:#222;}
.table_mob .col2 img {display:inline-block;width:150px;height:auto;margin:-3px 10px 0 0;}
.table_mob .col2 em.eng {font-style:normal;font-weight:400;color:#3999fb;font-size:13px;text-transform:uppercase;font-family: 'Roboto', sans-serif;}




.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0px}
.tbl_wrap2 table {width:300px;border-collapse:collapse;border-spacing:0px;margin:0 auto;}

.tbl_frm05 {float:left;margin:0 0 20px}
.tbl_frm05 table th {font-size:16px;font-weight:500;border:1px solid #e9e9e9;background-color:#f6f6f6;padding:8px;}
.tbl_frm05 table td {font-size:16px;font-weight:300;border:1px solid #eee;padding:8px;}
.tbl_frm05 table td span {color:#888;font-size:15px;padding-left:8px;}
.tbl_frm05 table td span.check {color:#666;font-size:15px;padding-left:-8px;padding-right:20px;}
.tbl_frm05 table td #sel_mail {height:24px;}

.ct_arrow2_m {
    float:left;margin:20px;
    width: 19px;
    height: 16px;
    background: url('/theme/you1st01/img/ico_arrow.png') left top no-repeat;
    background-size: 100% 100%;
}

	img.respon {margin-bottom:30px;}



.vote_c01							{width:100%;min-height:80px;margin-bottom:20px;}
.vote_c01	ul 						{list-style:none;margin:0px auto;padding:0px;}
.vote_c01	ul 						{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.vote_c01	ul:after				{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	
.vote_c01	ul li					{float:left;padding:0px;margin:0 5px 5px 0;width:90px;height:auto;position:relative;}
.vote_c01	ul li a 				{width:100%;height:auto;}
.vote_c01	ul li a  img			{width:100%;height:auto;}
/*.vote_c01 > ul li:nth-child(5n)		{margin:0 0px 20px 0;}*/
.vote_c01 > ul li:first-child {margin:0 5px 5px 5px; }
.vote_c01 > ul li:last-child {margin:0 0 5px 5px; }

.point01 {	margin:0px;  font-size: 32px; 	font-weight:200;letter-spacing:-0.025em;color:#666;text-align:center;line-height:1.4;font-family: "Paperlogy", sans-serif}
.point01 em {	font-style:normal;font-weight:700;}
.point01 em.subs {display:block;font-size:18px;color:#aaa;font-weight:300;letter-spacing:-0.05em;margin-top:8px;}
.point01 strong {	font-style:normal;font-weight:700;color:tomato}

.point02 {	margin:0px;  font-size: 20px; 	font-weight:300;letter-spacing:-0.025em;color:#666;text-align:left;line-height:1.4;font-family: "Paperlogy", sans-serif}
.point02 em {	font-style:normal;font-weight:700;}
.point02 strong {	font-style:normal;font-weight:700;color:tomato}

.slogan {display:inline-block;width:180px;height:180px;text-align:center;border:1px solid #dedede;border-radius:50%;margin:0 10px;transition: 0.3s;}
.slogan i {font-size:60px;margin-top:40px;transition: 0.3s;}
.slogan span {display:block;}

.slogan:hover {

    -moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);

}


.slogan:hover i {color:#3999fb;}
.slogan span {display:block;margin-top:5px;font-family: "Paperlogy", sans-serif;}
.howtoi01 {display:inline-block;width:110px;height:auto;margin:-3px 10px 0 0;}
.howtoi01 img {width:100%;height:auto;}


.cirh01 {float:left;width:250px;height:250px;background-color:#fff;border:1px solid #dedede;border-radius:50%;margin-bottom:20px;transition: 0.3s;}
.cirh01_s {

	border:1px solid #aaa;
    -moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);


}

.cirh01 i {
	display: table;font-size:60px;text-align:center;
	margin:0px auto;padding:40px 10px 20px 10px;
	color:#666;
}
.cirh01 .contb {
	display: table;font-size:16px;text-align:center;
	margin:0px auto 20px auto;padding:0px 10px 20px 10px;
	font-weight:300;letter-spacing:-0.025em;color:#666;
}
.cirh01 .contb em {display:block;margin-bottom:5px;font-style:normal;font-size:18px;font-weight:700;color:#666;font-family: "Paperlogy", sans-serif;}
.cirh01 .contb em.p01 {color:#fff;padding-top:0px}

.cirh09 {float:left;width:250px;height:250px;background-color:#3999fb;border:1px solid #3999fb;border-radius:50%;margin-bottom:20px;transition: 0.3s;}
.cirh09 i {
	display: table;font-size:60px;text-align:center;
	margin:0px auto;padding:40px 10px 20px 10px;
	color:#fff;
}
.cirh09 .contb {
	display: table;font-size:16px;text-align:center;
	margin:0px auto 20px auto;padding:0px 10px 20px 10px;
	font-weight:300;letter-spacing:-0.09em;color:#fff;
}
.cirh09 .contb em {display:block;margin-bottom:5px;font-style:normal;font-size:18px;font-weight:700;color:#fff;}
.cirh09 .contb em.p01 {color:#fff;padding-top:0px}



.circ01:hover, .cirh01:hover, .cirh09:hover {

    -moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);

}


.circ01 {float:left;width:160px;height:160px;background-color:#fff;border:1px solid #dedede;border-radius:50%;margin-bottom:20px;transition: 0.3s;}
	.pc01 {background: #3999fb;color:#fff !important;border:1px solid #3999fb;}

.circ02 {float:left;margin:65px 0px 0 0px;height:30px;font-size:16px;text-align:center;padding:0 5px;color:#aaa;}
.circ03 {float:left;margin:57px 0px 0 0px;width:30px;height:30px;font-size:16px;text-align:center;padding:0px;color:#aaa;}
.circ04 {float:left;margin:105px 0px 0 0px;width:30px;height:30px;font-size:16px;text-align:center;padding:0px;color:#aaa;}
.circ01 .contb {
	display: table;font-size:16px;text-align:center;
	margin:0px auto 20px auto;padding:38px 10px 20px 10px;
	font-weight:300;letter-spacing:-0.09em;color:#666;
}
.circ01 .p75 {padding-top:75px;}
.circ01 .contb em {display:block;margin-bottom:5px;font-style:normal;font-size:16px;font-weight:700;color:#3999fb;}
.circ01 .contb em.p01 {color:#fff;padding-top:10px}

.budg_b01 {
	float:left;width:340px;min-height:200px;background-color:#fff;margin-top:0px;
	border: 3px solid #eee;
	border-radius:20px;
	transition: 0.3s;
	font-size:16px;
	letter-spacing:-0.05em;
	color:#666;
	overflow:hidden;
	text-align:center;
}
.budg_b01 .tit01 {padding:20px 0px;background-color:#f6f6f6;color:#84c85d;font-weight:700;transition: 0.3s;}
.budg_b01 .sub01 {padding:20px;font-weight:300;font-size:16px;}

.budg_b01:hover {
	border:3px solid #84c85d;
	-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);box-shadow: 0px 1px 10px rgba(0,0,0,0.1);


}
.budg_b01:hover .tit01 {background-color:#84c85d;color:#fff;}




/* Mobile Device */
/*@media screen and (max-width : 768px) {*/
@media all and (max-width: 768px) {

	.tbl_wrap2 table {width:100%;border-collapse:collapse;border-spacing:0px}
	img.respon {width:100%;height:auto;}
	.vote_c01							{width:100%;min-height:80px;margin-bottom:20px;}
	.vote_c01	ul 						{width:300px;list-style:none;margin:0px auto;padding:0px;}
	.vote_c01	ul 						{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
	.vote_c01	ul:after				{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	
	.vote_c01	ul li					{float:left;padding:0px;margin:0 5px 5px 0;width:90px;height:auto;position:relative;}
	.vote_c01	ul li a 				{width:100%;height:auto;}
	.vote_c01	ul li a img				{width:100%;height:auto;}
	/*.vote_c01 > ul li:nth-child(5n)		{margin:0 0px 20px 0;}*/
	.vote_c01 > ul li:first-child {margin:0 5px 5px 0px; }
	.vote_c01 > ul li:last-child {margin:0 5px 5px 0; }
	.vote_c01 > ul li:nth-child(3n+1)		{clear:both;}

	.point01 {	margin:0px;  font-size: 20px; 	font-weight:200;letter-spacing:-0.0725em;color:#666;text-align:left;}
	.point01 em {	font-style:normal;font-weight:700;}
	.point01 em.subs {display:block;font-size:13px;color:#aaa;font-weight:300;letter-spacing:-0.05em;margin-top:8px;}
	.point02 {	margin:0px;  font-size: 16px; 	font-weight:300;letter-spacing:-0.0725em;color:#666;text-align:left;line-height:1.4;}
	.point02 em {	font-style:normal;font-weight:700;}

	.slogan {display:inline-block;width:100px;height:100px;text-align:center;border:1px solid #dedede;border-radius:50%;margin:0 5px;transition: 0.3s;}
	.slogan i {font-size:30px;margin-top:20px;transition: 0.3s;}


	.tbl_frm05 {float:none;margin:0 auto;}
	.ct_arrow2_m {float:none;margin:20px auto;}



	.m_stitle02 {
		display: table;
		margin: 20px 0 20px 0;
		padding: 20px 0 20px 0;
		font-size: 16px;
		color: #888;
		font-weight:700;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		border-bottom: 2px solid #d3d6da;
	}

	.cirh01 {float:none;width:100%;height:auto;background-color:#fff;border:1px solid #dedede;border-radius:20px;margin-bottom:0px;}

	.cirh01 i {
		display: none;width:50px;height:50px;font-size:40px;text-align:center;line-height:1.0;
		margin:0px 20px ;padding:0px 20px 0px 20px;
		color:#666;
	}
	.cirh01 .contb {
		display: block;font-size:15px;text-align:center;
		margin:0px 0 0px 0;padding:20px;
		font-weight:300;letter-spacing:-0.09em;color:#666;
	}
	.cirh01 .contb em {display:block;margin-bottom:5px;font-style:normal;font-size:16px;font-weight:700;color:#666;}
	.cirh01 .contb em.p01 {color:#fff;padding-top:0px}

	.cirh09 {float:none;width:100%;height:auto;background-color:#3999fb;border:1px solid #3999fb;border-radius:20px;margin-bottom:0px;}
	.cirh09 i {
		display: none;font-size:50px;text-align:center;
		margin:0px 20px ;padding:0px 20px 0px 20px;
		color:#fff;
	}
	.cirh09 .contb {
		display: block;font-size:16px;text-align:center;
		margin:0px 0 0px 0;padding:20px;
		font-weight:300;letter-spacing:-0.09em;color:#fff;
	}
	.cirh09 .contb em {display:block;margin-bottom:5px;font-style:normal;font-size:18px;font-weight:700;color:#fff;}
	.cirh09 .contb em.p01 {color:#fff;padding-top:0px}

	.circ01:hover, .cirh01:hover, .cirh09:hover {

		-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
		box-shadow: 0px 1px 10px rgba(0,0,0,0.1);

	}














	/* 참여예산제 */

	.circ01 {float:none;width:100%;height:auto;border-radius:20px;margin-bottom:0px;}
		.pc01 {background: #3999fb;}
	.circ02 {float:none;margin:5px auto;height:30px;font-size:16px;text-align:center;padding:0 5px;color:#aaa;}
	.circ03 {float:none;margin:5px auto;height:30px;font-size:16px;text-align:center;padding:0 5px;color:#aaa;}
	.circ04 {float:none;margin:5px auto;height:30px;font-size:16px;text-align:center;padding:0 5px;color:#aaa;}
	.circ01 .contb {
		display: table;font-size:15px;text-align:center;
		margin:0px auto 0px auto;padding:20px 10px 20px 10px;
		font-weight:300;letter-spacing:-0.05em;color:#666;
	}
	.circ01 .contb em {display:block;margin-bottom:0px;font-style:normal;font-size:16px;font-weight:700;}
	.circ01 .p75 {padding-top:20px;}

	.circ01 .contb em.p01 {color:#fff;padding-top:0px}

	.budg_b01 {
		float:none;width:100%;min-height:100px;background-color:#fff;margin-top:0px;
		border: 3px solid #eee;
		border-radius: 20px;
		transition: 0.3s;
		font-size:16px;
		letter-spacing:-0.05em;
		color:#666;
		text-align:center;
	}

	.budg_b01 .tit01 {padding:20px 0px 5px 0;background-color:#fff;color:#84c85d;font-weight:700;}
	.budg_b01 .sub01 {padding:0 20px 20px 20px;font-weight:300;font-size:15px;}
	.budg_b01:hover {
		border:3px solid #84c85d;
		-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.2);box-shadow: 0px 1px 10px rgba(0,0,0,0.2);


	}
	.budg_b01:hover .tit01 {background-color:#fff;color:#666;}

}


/* pad */
@media (min-width: 768px) and (max-width: 1024px) {


	.circ04 {float:left;margin:80px 0px 0 0px;width:30px;height:30px;font-size:16px;text-align:center;padding:0px;color:#aaa;}
	.cirh01 {float:left;width:200px;height:200px;background-color:#fff;border:1px solid #dedede;border-radius:50%;margin-bottom:20px;}

	.cirh01 i {
		display: table;font-size:40px;text-align:center;
		margin:0px auto;padding:30px 10px 10px 10px;
		color:#666;
	}
	.cirh01 .contb {
		display: table;font-size:15px;text-align:center;
		margin:0px auto 20px auto;padding:0px 10px 20px 10px;
		font-weight:300;letter-spacing:-0.09em;color:#666;
	}
	.cirh01 .contb em {display:block;margin-bottom:5px;font-style:normal;font-size:16px;font-weight:700;color:#666;}
	.cirh01 .contb em.p01 {color:#fff;padding-top:0px}

	.cirh09 {float:left;width:200px;height:200px;background-color:#3999fb;border:3px solid #3999fb;border-radius:50%;margin-bottom:20px;}
	.cirh09 i {
		display: table;font-size:40px;text-align:center;
		margin:0px auto;padding:30px 10px 10px 10px;
		color:#fff;
	}
	.cirh09 .contb {
		display: table;font-size:15px;text-align:center;
		margin:0px auto 20px auto;padding:0px 10px 20px 10px;
		font-weight:300;letter-spacing:-0.09em;color:#fff;
	}
	.cirh09 .contb em {display:block;margin-bottom:5px;font-style:normal;font-size:18px;font-weight:700;color:#fff;}
	.cirh09 .contb em.p01 {color:#fff;padding-top:0px}

	.budg_b01 {
		float:left;width:290px;min-height:200px;background-color:#fff;margin-top:0px;
		border: 3px solid #eee;
		border-radius:20px;
		transition: 0.3s;
		font-size:16px;
		letter-spacing:-0.05em;
		color:#666;
		overflow:hidden;
		text-align:center;
	}
	.budg_b01 .tit01 {padding:20px 0px;background-color:#f6f6f6;color:#84c85d;font-weight:700;transition: 0.3s;}
	.budg_b01 .sub01 {padding:20px;font-weight:300;font-size:16px;}

	.budg_b01:hover {
		border:3px solid #84c85d;
		-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.1);box-shadow: 0px 1px 10px rgba(0,0,0,0.1);


	}
	.budg_b01:hover .tit01 {background-color:#84c85d;color:#fff;}


}