@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');


body {font-family: 'Calibri', 'Nanum Gothic'; font-size: 9pt; color: #737373; background-color: #e8e6eb; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; margin:0 auto;}


::selection {color:#00b3c5;} 
::-moz-selection {color:#00b3c5;}


a {color: #737373; text-decoration:none;}
a:link,
a:visited,
a:active {text-decoration:none; border:0px;}
a:hover {color: #00b3c5; text-decoration:none; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
img {border : 0;}
img {max-width:100%}

#page {width : 630px; margin: 0 auto; border: 0px solid #eee; padding: 15px 0 25px 0;}
.content {margin: 0px 0; margin-top:-50px;}
.date, .name, .from, .delete {font-size:8pt; font-weight:500;}


.article_search{text-align:center; position:relative; width:71px; height:12px;  left:216px; top:-146px;}
.article_search_field {border:0; padding:5px; border-bottom:0px solid #453f3f; background:transparent; color:#737373; width:71px;height:12px; }
::-webkit-input-placeholder {color:#737373;} :-moz-placeholder {color:#737373;} ::-moz-placeholder {color:#737373;} :-ms-input-placeholder {color:#737373;}


#page-error {text-align:center; padding: 80px;}


.content {line-height: 180%;}
.content h2 {font-weight: normal;}


.searchList a:hover {color: #00b3c5;}
.searchList ul, .searchList ol {margin: 0 0 15px 0; padding: 0 0 0 10px; list-style:none;}


.title {color: #737373; margin: 20px 40px; padding: 0px; text-align:center;}
.title a {color: #737373; background-color: #737373;	text-align:center;}
.titlepost {color: #737373; letter-spacing: -2px; word-spacing: -3px; margin: 20px -10px 40px; padding: 0px -10px 0px; text-align:center;}
.titlepost a {color: #737373; text-align:center;}


.entry h2 a {color: #737373; text-decoration:none;}
.entry h2 a:hover {color: #737373; text-decoration:underline;}

.posted {margin: 0 0 5px 0; margin-top:-15px;}	
.admin {margin: 0; font-size: 0.9em;}


.article {margin: 50px 0 0 0; text-align: justify; font-size: 1.0em;}
.article a {color: #336699; text-decoration:none;}
.article a:hover {color: #00b3c5; text-decoration: none; filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px);}
.article img {border: 0;}
.article .cap1 {font-size: 8pt; color: #737373; text-align: center;}
.article .dual  {margin-bottom:5px;}
.article .triple {margin-bottom:5px;}
.article blockquote {border-left: 4px solid; clear: both; color: #555; display: block; margin: 12px 16px; padding-left: 12px;}


.actionTrail {text-align:right; font-size: 0.9em; padding-bottom: 3px; border-bottom: 1px margin-bottom: 15px;}
.actionTrail a {color:#737373; text-decoration:none;}	


.comment a {color: #737373; text-decoration:none;}
.comment a:hover {color :#00b3c5;}
.comment ol {padding:0; margin:20;	list-style: none; border-top: 1px solid #fff;}
.comment ul	{padding:8px; margin:0px 0 0 15px; list-style: none;}
.comment ol li {padding: 0px 0; border-bottom: 1px solid #fff;}
.comment ol li ul li {padding-top : 0; border:0;}

.comment input {width: 100px; height:20px; font:1.0em vertical-align:middle; color:#737373; border:0px solid #ececec;}
.comment textarea {padding:2px .5em; width:618px; height:100px; border:1px solid #efefef; font:1.0em color:#737373; overflow:hieedn;}
.submit {float: left; background-color: #fff; width: 630px; height: 45px; margin-top: 10px; padding: 10px; border: 1px solid #efefef; color: #737373;}

.commentWrite input {width: 100px; height:20px; font:1.0em vertical-align:middle; color:#737373; border:0px solid #ececec;}
.commentWrite textarea {padding:2px .5em; width:618px; height:100px; border:1px solid #efefef; font:1.0em color:#737373; overflow:hieedn;}
.submit {float: left; background-color: #fff; width: 630px; height: 45px; margin-top: 10px; padding: 10px; border: 1px solid #efefef; color: #737373;}


.paging {text-align:center; font:8px margin: 20px 0; margin-bottom:-25px;}
.paging .numbox {padding-left:0px; margin-left:0px;}	
.paging .num {padding:5px; margin:2px;}
.clear {clear: both}


.tistorytoolbar {display: none;}


::-webkit-scrollbar {width:4px;} 
::-webkit-scrollbar-track {background:#e8e6eb;} 
::-webkit-scrollbar-thumb {background:#00b3c5;}


.list_category .list_box .list_txt {text-align:center; line-height:15px; padding:0px 0px; margin-top:10px;}

.list_category {float:left; width:200px; height:200px; padding:0px 0px; height:210px; margin-top:30px; margin-bottom:30px; padding-left:5px; margin-right:5px;}

.list_category .list_thumb {display:block; overflow:hidden; position:relative; width:200px; height:200px; color:#d0d0d0; text-align:center; white-space:nowrap; border:0px solid #ffffff; background: url(./images/loading.png) no-repeat; border-radius: 100%;} 

.list_category a {overflow:hidden; text-align:center; display:block; width:200px; margin:0; padding:0 0 0 0px; text-decoration:none; cursor:pointer; background:url(./images/overimg.png) no-repeat;}

.list_category a strong {display:inline-block; margin:8px 0 0 0; color:#d0d0d0;}

.list_category a:hover strong,
.list_category a:active strong,
.list_category a:focus strong {color:#9fb2d7; text-decoration:none;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;}

.list_category .list_thumb img:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
border-radius: 100%;} 

.list_category .list_thumb img {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.3s ease-in-out;}


iframe, video, embed, object { max-width: 100%; }