﻿ @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body {
  font-family: "Noto Sans KR", sans-serif !important;
  background-color:#f0f0f0;
}

*{margin:0;padding:0;line-height:160%;}

img {border:0px;}

.png24{tmp:expression(setPng24(this));}
.wrap  {width:100%;margin:0 auto;background-color:#f0f0f0;}
.wrap1  {width:1050px;margin:0 auto;text-align:center;}
.wrap2  {width:1050px;margin:0 auto;}

select {
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url(images/arrow.png) no-repeat 90% 50%; /* 화살표 모양의 이미지 */
	background-size:contain;
	background-color:#fff;
	padding: 2px 50px 2px 2px;
	border:1px solid #ccc;
	font-size:0.85em;
	width:100px;
	}
	
	/* IE 10, 11의 네이티브 화살표 숨기기 */
	select::-ms-expand {
	display: none;
	}

.menu {background-color:#000;width:100%;text-align:center;position:fixed;top:0;z-index:2;padding:15px;color:#ccc;}
.menu a {font-size:1em; text-decoration:none;color:#ccc;margin:0 80px 0 80px; font-weight:100;}
.menu a:hover:not(.active) {color:#fff;font-weight:700;}
.menu a.active {color:#fff; font-weight:700;}
.top  {width:100%;margin:48px auto;text-align:center;}
.top1 {width:100%;margin:48px auto;text-align:center;}

dl          {}
dt          {width:185px;float:left;vertical-align:middle;padding:25px 0 25px 100px;clear:both;}
dd          {width:665px;float:left;vertical-align:middle;padding:25px 0 25px 0;}

.check      {width:665px;float:left;padding:25px 0 25px 0;}
.check .tit {font-size:0.9em;}
.check .text {font-size:0.8em; color:#666;}

.line {border-bottom:1px solid #ccc;width:850px;overflow:hidden;margin-left:100px;}


.poll_list {overflow:hidden;}
.poll_list .list_01 {width:230px;margin-right:25px;float:left;}
.poll_list .list_02 {width:230px;float:left;}
.poll_list .btn1 {margin-top:10px;}
.poll_bottom {margin-top:60px;text-align:center;}
.poll_btn {margin-top:40px;}
.poll_btn img {margin:20px;}




.poll {width: 100%;margin-left:50px; overflow:hidden;}
.poll li {list-style:none;}
.poll li ul           {float:left; width:305px; padding:60px 40px 20px 0; overflow:hidden; border-bottom:1px solid #ccc;}
.poll li .right    {float:left; width:305px; padding:60px 0 20px 0; overflow:hidden; border-bottom:1px solid #ccc;}
.poll li ul iframe {width:305px; height:176px;}
.poll li ul p      {font-size:14px; margin: 20px 0 5px 0; text-align:left; color:#333; font-weight:bold;}
.poll li ul .name1  {font-size:12px; text-align:left; color:#999; width:100%; float:left; font-weight:bold;}
.poll li ul .btn2	{margin-top:20px;}



input[type=text], textarea, select, file {border: 1px solid #ccc;padding:2px;font-size:14px;}

input[type=radio] {
		display:none;
	}

input[type=radio] + label {
		display:inline-block;
		width:16%;
		margin:-2px;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		border-bottom-color: #b3b3b3;
	}

	 input[type=radio]:checked + label {
		background-image: none;
		outline: 0;
		background-color:#e0e0e0;
	}

.btn {text-align:center;}
.btn img {padding:60px 15px 60px 15px;}


.btn_add {
	background-color: #fff;
	border: 1px solid #ccc;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	width:80px;
	font-size:0.85em;
	padding:3px 0 3px 0;
	margin-right:10px;
}

.list1_title {float:left; font-size:0.95em;margin-bottom:10px; margin-left:15px;}
.now {float:right;  font-size:0.95em; margin-bottom:10px; margin-right:15px;}
.list1 {width:100%;overflow:hidden;}
.list1 li {list-style:none;margin:30px 0 0 0;}
.list1 li ul     {float:left;width:232px;margin:0 15px 30px 15px; overflow:hidden;}
.list1 li ul .photo {width:232px; height:150px;}
.list1 li ul p   {font-size:0.8em; margin: 15px 0 15px 0;text-align:left;overflow:hidden;height:38px;}
.list1 li ul span       {font-size:0.8em; color:#999;float:left;}
.list1 li ul .date      {float:right}
.line2 {border-bottom:1px solid #ccc;overflow:hidden;margin:0 15px 0 15px;width:1020px;}
.line3 {border-bottom:1px solid #ccc;overflow:hidden;margin:0 15px 30px 15px;width:1020px;}

.pagination { 
position: relative;
display: block;
width: 100%;
height: auto;
text-align: center;
overflow:hidden;
margin:0 0 0 0;
}

.pagination a {
color: #999;
padding: 0px 7px;
font-size: 1em;
text-decoration:none;
}

.pagination a.active {
color: #333;
/*text-decoration: underline;*/
font-weight: bold;

}

.pagination a:hover:not(.active) {
color: #333;
}

.search {margin:0 auto; display:inline;}
.search select   {width:120px; padding:0px;}
.search input[type=text]     {width:150px;margin-left:5px;height:20px;}
.search img    {margin-left:5px;position:relative;top:8px;}

.btn2 {text-align:right; margin-top:50px;}
.btn2 img {margin-left:10px;margin-bottom:50px;}

.view {margin-top:50px;width:100%;}
.view .tit {font-size:1.2em;color:#333;font-weight:bold;margin-bottom:10px;width:100%;}
.view .name {font-size:0.9em;color:#999;}
.view .right {float:right;font-size:0.9em;color:#999;}
.view .heart {float:right;}
.view .content {width:100%;clear:both;margin-top:30px;line-height:1.6em;margin-bottom:30px;}
.view .line4 {border-bottom:1px solid #ccc;width:100%;}

.footer {background-color:#e0e0e0; text-align:center; font-size:0.8em; color:#333; padding:35px;}
.footer a {color:#333;}
