@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

/*포인트컬러 687a9a*/

::selection{ color: transparent; text-shadow: 0 0 2px #687a9a; transition: all 250ms ease-in;} 
::-moz-selection{color: transparent;  text-shadow: 0 0 2px #687a9a; transition: all 250ms ease-in;}

a {
	color:#000;
	text-decoration:none;}

a:hover {
	color:#687a9a;
	transition-duration:0.5s;}
	
body {
	font-size:9pt;
	line-height:180%;
	margin:0;
	padding:0;
	background:url(./images/b.jpg) no-repeat;
	background-attachment:fixed;
	background-position:center top;
	background-color:#0f2b5d;}
	
html{ scrollbar-3dlight-color:#0a1e59;
scrollbar-arrow-color:#0a1e59;
scrollbar-track-color:#57668f;
scrollbar-darkshadow-color:#0a1e59;
scrollbar-face-color:#0a1e59;
scrollbar-highlight-color:#0a1e59;
scrollbar-shadow-color:#fff}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-button {display:block; height:0px; background:#57668f;}
::-webkit-scrollbar-track {background:#57668f;}
::-webkit-scrollbar-thumb {height:0px; width:7px; background:#0a1e59; -webkit-border-radius:6px; border-radius: 0px; -webkit-box-shadow:#0a1e59;}
	
#cosmo {
	width:1000px;
	margin:0 auto;}
	
header {
	text-align:center;
	padding-top:80px;}
	
#menu {
	padding:40px 0;}
	
ul {
	list-style:none;
	margin:0;
	padding:0;}
	
#menu li {
	display:inline-block;
	font-size:9pt;
	color:#fff;
	padding:0 15px;
	font-family: 'Roboto', sans-serif;}
	
#menu li a {
	color:#fff;
	text-decoration:none;}
	
#menu li a:hover {
	text-shadow:0 0 8px #fff, 0 0 8px #fff;}
	
#menu ul img,
.c_cnt,
.link_tit {
	display:none;}
	
#content {
	background:#fff;
	padding:30px;
	border-radius:10px;}
	
footer {
	text-align:center;
	position:relative;
	z-index:9;
	margin-top:-14px;}

h1 {
	font-weight:bold;
	font-size:14pt;}

/*본문타이틀*/
h2 {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:bold;
	font-size:12pt;
	text-align:center;
	margin:0;
	padding:15px 0 0 0;}

h3 {
	font-weight:bold;
	font-size:10pt;
	font-family: 'Roboto', sans-serif;}

button {
	font-size:7pt;
	font-weight:bold;
	border:solid #eee 1px;
	padding:8px 16px;
	background-color:#fff;
	font-family: 'Roboto', sans-serif;}

.submit {
	font-size:7pt;
	font-weight:bold;
	border:solid #eee 1px;
	padding:8px 16px;
	background-color:#fff;
	font-family: 'Roboto', sans-serif;}

.submit:hover {
	color:#fff;
	border:solid #687a9a 1px;
	background-color:#687a9a;
	padding:8px 16px;
	transition-duration:0.5s;}

ul,li,fieldset {
	list-style:none;
	margin:0;
	padding:0;
	border:0;}

textarea {
	margin:0;
	padding:0;
	font-size:9pt;
	line-height:180%;
	border:solid #eee 1px;}

.searchList {
	width:100%;}

.searchList li {
	height:48px;
	line-height:48px;
	border-bottom:solid #eee 1px;
	transition-duration:0.5s;}

.searchList .title {
	width:80%;
	float:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;}

.searchList .date {
	width:20%;
	text-align:right;
	float:right;}

/*본문*/
.entry {
	width:100%;
	margin:0;
	padding:0;}

.title_wrap {
	width:100%;}

.date_wrap {
	width:200px;
	margin:0 auto;
	padding-top:7px;
	text-align:center;}

.date {
	text-align:center;
	font-size:7pt;
	font-family:'Roboto';}

.admin {
	text-align:center;
	font-size:8pt;
	padding:8px 0;}

.article {
	padding:20px 0;
	text-align:left;
	line-height:180%;}

.tagtrail {
	width:100%;
	text-align:left;
	padding-bottom:14px;
	font-size:9pt;}

.actionTrail {
	margin:0;
	font-family: 'Roboto', sans-serif;
	font-size:8pt;
	padding:16px 0;
	text-align:left;
	border-top:solid #eee 1px;
	border-bottom:solid #eee 1px;
	letter-spacing:1px;}

/*댓글*/
.name {
	font-size:9pt;
	font-weight:bold;}

.control {
	font-size:7pt;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;}

.comment_v {
	text-align:left;}

/*보호글*/
.entryProtected {
	text-align:center;}

.entryProtected > .article {
	font-size:24pt;
	text-align:center;
	padding:40px 0 0 10px;}

.entryProtected input {
	height:28px;
	line-height:28px;
	border-bottom:solid #eee 1px;
	border-top:none;
	border-left:none;
	border-right:none;
	color:#000;}

/*방명록*/
.gui {
	width:130px;
	height:26px;
	line-height:26px;
	border:solid #eee 1px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	background-color:rgba(255, 255, 255, 1);
	color:#000;
	font-size:7pt;
	padding-left:10px;}

.comment ol { 
	padding:0; 
	margin:0;
	list-style:none;} /* 댓글 전체를 감싸는 부분의 스타일 */

.comment ul { 
	padding-top:20px;
	margin-top:20px;
	margin-bottom:-20px;
	list-style: none; 
	background-color:none;
	border-top:solid 1px #eee;
	color:#000;} /* 댓댓글 전체를 감싸는 부분의 스타일 */

.comment ol li { 
	padding:0;
	border:1px solid #eee;
	padding:20px 20px 20px 20px;
	margin-bottom:20px;
	line-height:180%;
	color:#000;}

.comment ol li ul li {
	padding:0;
	border:0;}

.guw {
	padding-bottom:8px;}

/*태그*/
#taglog {
	margin:0;
	padding:0;}

#taglog ul {
	list-style:none;
	margin:0;
	padding:0;}

#taglog li {
	display:inline-block;}

#taglog li a {
	font-size:9pt;
	border:solid #eee 2px;
	padding:6px 10px;}

#taglog li a:hover {
	color:#fff;
	background-color:#687a9a;
	border:solid #687a9a 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

#taglog li .cloud1 {
	font: bold 1.3em 'Malgun Gothic', 'Trebuchet MS', batang;
	color:#687a9a;
	border:solid #687a9a 2px;}

#taglog li .cloud2 {
	font: bold 1.2em 'Malgun Gothic', 'Trebuchet MS', batang;
	color: #687a9a;
	border:solid #687a9a 2px;}

#taglog li .cloud3 {
	font: bold 1.0em 'Malgun Gothic', 'Trebuchet MS', batang;
	color:#687a9a;}

#taglog li .cloud4 {
	font: normal 0.9em 'Malgun Gothic', 'Trebuchet MS', batang;
	color:#333;}

#taglog li .cloud5 {
	font: normal 0.9em 'Malgun Gothic', 'Trebuchet MS';
	color:#666;}

/*페이징*/
.selected { 
	font-weight:bold;
	color:#687a9a;
	background:none;}

.paging {
	text-align:center;
	padding:20px 0;}

.numbox {
	text-align:center;
	width:100%;
	margin:0 auto;}

.num {
	padding:6px 5px;
	font-size:7pt;
	text-align:center;
	font-family: 'Roboto', sans-serif;}

.ppv {
	padding:6px 5px;
	font-size:7pt;
	text-align:center;
	font-family: 'Roboto', sans-serif;}

/*접기*/
.moreless_fold, .moreless_top, .moreless_bottom {
	padding-left:10px;
	font-weight:bold;}

.moreless_fold {
	border-left:solid #687a9a 4px;
	text-align:left;}

.moreless_top {
	border-left:solid #687a9a 4px;
	margin:10px 0;
	text-align:left;}

.moreless_bottom {
	border-left:solid #eee 4px;
	text-align:left;}

.moreless_content {
	margin:10px 0px 10px 0px;}