@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */
body * {
    font-family: 'Nanum Gothic';
}

html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,blockquote,th,td,input,select,textarea,button,p {
    margin: 0;
    padding: 0;
}

fieldset,img {
    border: 0 none;
}

dl,ul,ol,menu,li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,q:before, q:after {
    content: '';
    content: none;
}

* {
	-o-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea,
input[type=text],
input[type=password],
input[type=button],
input[type=submit], 
button {
    -webkit-appearance: none;
    -moz-appearance: none;
	-o-appearance:none;
    appearance: none;
}

img, .imageblock, .imageblock span{
    max-width: 100%;
    height: auto;
}

span.imageblock{
	display:inline !important;
}
.imageblock img{
	margin:0 !important;
	padding:0 !important;
}

embed, input {
    max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
    border: 1px solid #aaa;
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

/* Layout */
html{
	background: url('./images/2357720.png');
	background-attachment:fixed;
}

body {
    font-size: 11px;
    line-height: 1.6em;
    color: #000;
    word-wrap: break-word;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    -o-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing function: linear, ease-in;
    -moz-transition-timing function: linear, ease-in;
    -o-transition-timing function: linear, ease-in;
    transition-timing function: linear, ease-in;
	overflow-x:hidden;
}

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

a:hover, a:active {
    text-decoration: none;
    color: #398a87;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0.01px;
}

#tistorytoolbarid{display:none;}

/**********************************************************/
#header{
}
#header a{
	font-size: 11px;
}
.blogMenu{
	text-align:right;
	padding:10px;
}
.tab_home{
	font-weight:bold;
}
#header .title{
	text-align:center;
	padding:50px;
	padding-top:12px;
}
#header .title a{
	font-size:35px;
	color:#000;
	font-weight:bold;
	letter-spacing:-1px;
	display:inline-block;
	line-height: normal;
}

.mobile_tab{
	background: #fff url('images/menu-icon.gif') 5% 48% no-repeat;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 45px;
	line-height: 45px;
	padding-left: 100%;
	overflow: hidden;
	text-indent: 100%;
	width: 5%;
	white-space: nowrap;
	z-index: 14;
	border-top:1px solid #398a87;
	border-bottom:1px solid #398a87;
	display:none;
}

.tab_line{
	border-top:1px solid #398a87;
	border-bottom:1px solid #398a87;
	padding:5px;
}

.tab_line ul{
	display:inline-block;
}

.tab_line li{
	display:inline-block;
	position: relative;
}

.tab_line>ul>li>a,
.tab_line>ul>li>ul>li>a{
	padding:10px 14px;
	display:inline-block;
	color:#333;
	border-radius:10px;
	font-family:Calibri,'Nanum Gothic';
}

.tab_line>ul>li>a:hover,
.tab_line>ul>li>ul>li>a:hover{
	background:#398a87;
	color:#fff;
}

.blogMenu li{
	display:inline-block;
	padding: 0px 5px;
	letter-spacing: -1px;
	position: relative;
}

.tab_link .link{
	position:absolute;
	z-index:20;
	background: #fff;
	border: 1px solid #398a87;
	margin-top: 4px;
	margin-left: -4px;
	border-bottom:0;
	display:none;
}
.tab_link .link li{
	display:block;
	border-bottom: 1px solid #398a87;
}
.tab_link .link li:hover{
	background:#398a87;
}
.tab_link .link a{
	white-space: nowrap;
	display:block;
	text-align: left;
	padding: 4px 2px;
}
.tab_link .link a:hover{
	color:#fff;
}

.search{
	text-align:center;
	padding:20px;
	border-bottom:1px solid #398a87;
	display:none;
}
.search input[type=text]{
	width:300px;
	height:30px;
	line-height:30px;
	font-size:18px;
	border:1px solid #398a87;
	vertical-align:bottom;
}
.search input[type=button]{
	width:60px;
	height:30px;
	font-size:14px;
	color:#fff;
	background:#398a87;
	border:0;
	font-weight:bold;
	vertical-align:bottom;
}
@media all and (max-width : 450px){
	.search input[type=text]{
		width:60%;
	}
}

#container{
	max-width:640px;
	margin:30px auto;
	background:#fff;
	border-top: 7px solid #398a87;
}

#content{

}

#footer{
	border-top:1px solid #398a87;
	text-align:center;
	padding:15px;
	color:#999;
	font-size:11px;
}
#footer a{
	color:#398a87;
}
#footer .copyright{
	font-family: tahoma;
	font-size: 10px;
	color:#398a87;
}

.titleWrap,
.entryProtected_titleWrap{
	margin-bottom:30px;
	margin-top:7px;
}

.titleWrap .category{
	margin-top: 4px;
	display:inline-block;
	font-weight:bold;
}
.titleWrap .date{
	display:inline-block;
	color:#999;
	font-family: tahoma;
	font-size: 10px;
}
.titleWrap .cmt{
	font-family: tahoma;
	font-size: 10px;
}

.titleWrap h2,
.entryProtected_titleWrap h2{
	line-height:1.5em;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	margin-left: -3px;
}

.titleWrap h2 a,
.entryProtected_titleWrap h2 a{
	font-size:20px;
	color:#000;
	letter-spacing:-1px;
}

.titleWrap .date,
.entryProtected .date{
	margin-top:4px;
}

.protected_article{
	text-align:center;
	margin-bottom:30px;
}
.protected_article p{
	margin-bottom:10px;
}
.protected_article input[type=password]{
	border:1px solid #aaa;
	padding: 5px;
	width: 200px;
}
.protected_article input[type=button]{
	border:1px solid #aaa;
	background:#fff;
	border-radius:7px;
	height:27px;
	width:60px;
	font-weight:bold;
	margin-left:2px;
	color:#666;
}

#content .entry_admin{
	text-align:right;
	margin-bottom:5px;
	position:absolute;
	right:15px;
	top:15px;
}
.entryAdmin_show{
	display:none;
}
#content .entry_admin,
#content .entry_admin a{
	color:#666;
}

.entry,
.entryProtected
{
	padding:20px;
	position:relative
}

.entry-ccl{
	padding-top:30px;
}

.article .another_category_color_gray h4,
.article .another_category_color_gray h4 a{
	color:#444 !important;
}

/* comment */
.comment{
	border:1px solid #C7D6D0;
	width:auto;
	padding:0;
	overflow:hidden;
	margin-top:10px;
}
.comment h3{
	font-size:17px;
	font-weight:bold;
	letter-spacing:-2px;
	padding:10px;
	border-bottom:1px solid #C7D6D0;
	color:#C7D6D0;
}
.commentWrite{
	overflow:hidden;
}
.comment_input{
	padding:0px 15px;
	border-bottom:1px solid #C7D6D0;
}
.comment_input p{
	margin:10px 0 0 0;
}
.commentWrite #guest{
	background:#fafafa;
	padding-top:10px;
	margin:0;
	border:1px solid #C7D6D0;
	border-top:0;
}
.commentWrite #guest p{
	margin:5px 10px;
}
.commentWrite #guest p.first{
	margin-top:0;
}
.commentWrite input{
	width:150px;
	border:1px solid #C7D6D0;
	padding:5px;
}
.commentWrite input[type=submit]{
	background:#398a87;
	width:60px;
	border-radius:5px;
	padding:7px;
	margin:4px 10px;
	border:0;
	color:#fff;
}

.commentWrite textarea{
	width:100%;
	height:120px;
	overflow: auto;
	padding: 10px;
	margin:0;
	border:0;
	border-bottom:1px solid #C7D6D0;
	display:block;
	background:#fff;
	font-size:11px;
}
.commentWrite .submit_wrap{
	padding-bottom:2px;
	padding-top:2px;
	text-align:right;
}
.commentWrite .secretWrap{
}
.commentWrite .checkbox{
	border:none;
	padding:0;
	margin:0;
	width:25px;
}
.commentList .name {
	display:inline-block;
	margin-right:4px;
}
.commentList .name a{
	font-weight:bold;
	color:#000;
}
.commentList .date{
	font-size:11px;
	letter-spacing:-1px;
	color:#666;
}
.commentList .control a{
	color:#999;
	font-size:11px;
	letter-spacing:-1px;
}
.commentList>ol>li{
	border-top:1px solid #C7D6D0;
}
.commentList>ol>li>div{
	padding:15px;
}
.commentList li li{
	padding: 15px 15px 15px 50px;
	border-top:1px dashed #C7D6D0;
	position: relative;
}
.commentList p{
	color:#333;
}
.commentList .reply_image{
	position: absolute;
	left: 10px;
	z-index: 20;
	display: inline-block;
	font-size: 24px;
	color: #C7D6D0;
}

.paging{
	margin-bottom:20px;
	text-align:center;
	margin-top:-10px;
}
.paging *{
	font-family: Calibri,'Nanum Gothic';
}

/*guest*/
/* comment */
.guestbook{
	border:1px solid #C7D6D0;
	width:auto;
	padding:0;
	overflow:hidden;
	margin:30px;
}
.guestbook h3{
	font-size:17px;
	font-weight:bold;
	letter-spacing:-2px;
	padding:10px;
	border-bottom:1px solid #C7D6D0;
	color:#398a87;
}
.guestWrite{
	overflow:hidden;
}
.guest_input{
	padding:0px 15px;
	border-bottom:1px solid #C7D6D0;
	padding-bottom: 10px;
}
.guest_input p{
	margin:10px 0 0 0;
}
.guestWrite #guest{
	background:#fafafa;
	padding-top:10px;
	margin:0;
	border:1px solid #C7D6D0;
	border-top:0;
}
.guestWrite #guest p{
	margin:5px 10px;
}
.guestWrite #guest p.first{
	margin-top:0;
}
.guestWrite input{
	width:150px;
	border:1px solid #C7D6D0;
	padding:5px;
}
.guestWrite input[type=submit]{
	background:#398a87;
	width:60px;
	border-radius:5px;
	padding:7px;
	margin:4px 10px;
	border:0;
	color:#fff;
}

.guestWrite textarea{
	width:100%;
	height:120px;
	overflow: auto;
	padding: 10px;
	margin:0;
	border:0;
	border-bottom:1px solid #C7D6D0;
	display:block;
	background:#fff;
	font-size:11px;
}
.guestWrite .submit_wrap{
	padding-bottom:2px;
	padding-top:2px;
	text-align:right;
}
.guestWrite .homepage{
	width:300px;
}
.guestWrite .secretWrap{
}
.guestWrite .checkbox{
	border:none;
	padding:0;
	margin:0;
	width:25px;
}
.guestList .name {
	display:inline-block;
	margin-right:4px;
}
.guestList .name a{
	font-weight:bold;
	color:#000;
}
.guestList .date{
	font-size:11px;
	letter-spacing:-1px;
	color:#666;
}
.guestList .control a{
	color:#999;
	font-size:11px;
	letter-spacing:-1px;
}
.guestList>ol>li{
	border-top:1px solid #C7D6D0;
}
.guestList>ol>li>div{
	padding:15px;
}
.guestList li li{
	padding: 15px 15px 15px 50px;
	border-top:1px dashed #C7D6D0;
	position: relative;
}
.guestList p{
	color:#333;
}
.guestList .reply_image{
	position: absolute;
	left: 10px;
	z-index: 20;
	display: inline-block;
	font-size: 24px;
	color: #C7D6D0
}
@media all and (max-width : 648px){
	#container{
		margin:0;
		border:0;
	}
	html{
		background:none;
	}
}
@media all and (max-width : 580px){
	.entry, .entryProtected{
		padding:20px;
	}
	.mobile_tab{
		display:block;
	}
	.tab_line{
		display:none;
		border-top:0;
		padding:0;
		border-bottom:1px solid #398a87;
	}
	.tab_line ul{
		display:block;
	}
	.tab_line li{
		display:block;
	}
	.tab_line>ul>li>ul>li,
	.tab_line>ul>li>ul>li>ul>li{
		border-top:1px solid #398a87;
	}
	.tab_line>ul>li>a,
	.tab_line>ul>li>ul>li>a,
	.tab_line>ul>li>ul>li>ul>li>a{
		display:block;
		border-radius:0;
	}
	.tab_line>ul>li>ul>li>ul>li>a{
		padding: 10px 14px;
		font-family: Calibri,'Nanum Gothic';
		padding-left: 50px;
	}
	.tab_line>ul>li>ul>li>ul>li>a:hover{
		background:#398a87;
		color:#fff;
	}
}
@media all and (min-width :581px) {
	.mobile_tab{
		display:none !important;
	}
	.tab_line{
		display:block !important;
	}
	.tab_line li li ul {
		display: none;
		height: auto;
		padding: 0px;
		margin: 0px;
		border: 0px;
		position: absolute;
		width: 110px;
		z-index: 200;
		padding-top:6px;
	}
	.tab_line li li:hover ul {
		display: block;
	}
	.tab_line li li li {
		display: block;
		float: none;
		margin: 0px;
		padding: 0px;
		background: #fff;

	}
	.tab_line li li:hover li a {
		background: none;
	}
	.tab_line li li ul a {
		font-family: Calibri,'Nanum Gothic';
		display: block;
		font-size: 11px;
		font-style: normal;
		margin: 0px;
		padding: 15px 14px;
		text-align: left;
		border-left: 1px solid #398a87;
		border-right: 1px solid #398a87;
		border-bottom: 1px solid #398a87;
	}
	.tab_line li li ul a:hover,
	.tab_line li li ul li:hover a {
		text-decoration: none;
		color:#fff;
		background:#398a87;
	}
}

h1.hx{
	margin:21px;
	padding:6px 10px;
	font-size:18px;
	line-height:normal;
	color:#398a87;
	font-family: Calibri,'Nanum Gothic';
	letter-spacing: -1px;
}
h1.hx em{
	font-size:11px;
	font-style:normal;
}
.flexible_img_col ul{
	margin:0;
	padding:0;
	font-size:11px;
	list-style:none;
	*zoom:1;
}
.flexible_img_col ul:after{
	display:block;
	clear:both;
	content:"";
}
.flexible_img_col li{
	float:left;
	width:320px;
	margin:0 5px 10px;
	padding:0;
}	
.flexible_img_col li.masonry-brick{margin-top:0}
 .flexible_img_col .thumb{
	display:block;
	overflow:hidden;
	position:relative;
	width:320px;
	background:#eee;
	color:#666;
	line-height:180px;
	text-align:center;
	white-space:nowrap;
}
.flexible_img_col .thumb img{
	display:block;
	width:320px;
	border:0;
}
.flexible_img_col a{
	display:block;
	width:320px;
	margin:0 auto;
	padding:0;
	text-decoration:none;
	cursor:pointer;
}
.flexible_img_col strong{
	margin:4px 0 0 0;
	color: #fff;
}
.flexible_img_col p.date{
	width:320px;
	margin:0 auto;
	font-size: 9px;
	color: #B6C0C0;
	font-family: tahoma;
}
.flexible_img_col a:hover strong{

}
.flexible_img_col a:hover .thumb{

}
.flexible_img_col .img_title{
	position: absolute;
	bottom: 0;
	left: 0;
	padding:5px;
	width: 180px;
	z-index:30;
	background:rgb(57,138,135); 
	background: transparent\9; 
	background:rgba(57,138,135,0.7); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3398a87,endColorstr=#B3398a87); 
	zoom: 1;
	display:none;
}
.flexible_img_col .img_title:nth-child(n) { 
	filter: none; 
} 
 
.w180 li{width:180px}
.w180 .thumb{width:180px}
.w180 .thumb img{width:180px}
.w180 a{width:180px}
.w180 p{width:180px}

.flexible_img_col{
	width: 570px;
	margin: 0 auto;
	max-width:100%;
	margin-bottom: 30px;
	overflow:visible !important;
}

.flexible_img_col *{
	max-width:100%
}

.flexible_img_col .list_hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index:50;
	background:rgb(0,0,0); 
	background: transparent\9; 
	background:rgba(0,0,0,0.7); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000); 
	zoom: 1;
}
.flexible_img_col .list_hover:nth-child(n) { 
	filter: none; 
}

@media all and (max-width:580px) {
	.flexible_img_col{
		width:380px;
	}
}
@media all and (max-width:398px) {
	.flexible_img_col{
		width:330px;
	}
	.flexible_img_col .img_title{
		width:320px;
		padding: 10px;
	}
}

.jwvideo video,
.jwvideo iframe{
	height: 100% !important;
	width: 100% !important;
	-webkit-transform:none !important;
	-moz-transform:none !important;
	-ms-transform:none !important;
	-o-transform:none !important;
	transform:none !important;
}
.article *{max-width:100%;}
.jwcontrolbar *{
	max-width:none;
}

.moreless_fold span {
/*더 보기 - more*/
    color: #000;
    background: url('images/plus.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding-left: 18px;
    border-bottom: 3px solid #398a87;
    padding-bottom: 3px;
}

.moreless_top span {
/*그만보기 - less*/
    color: #000;
    background: url('images/minus.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding-left: 18px;
    ;
}

.moreless_content {
/*더보기,그만보기 본문*/
    padding: 15px 10px;
    border: 1px dashed #398a87;
    border-radius: 10px;
    margin: 5px 0;
    background: #C7D6D0;
}

.moreless_bottom {
    display:none;
}

.entry blockquote{
	font-size: 14px;
	font-style:italic;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-left: 10px;
	border-left: 3px solid #398a87;
}

.rp_secret p,
.hiddenComment p,
.guest_secret p
{
	color:#398a87;
}

::selection{ 
	color:#fff; 
	background:#398a87; 
} 
::-moz-selection{ 
	color:#fff; 
	background:#398a87; 
}
::-webkit-scrollbar { 
	width:8px;	
	height:8px;	
} 
::-webkit-scrollbar-track { 
	background:#efefef; 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb { 
	background:#398a87; 
	border-radius: 10px; 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{ 
	width:8px; 
	height:8px; 
	background:#efefef; 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
html{ 
	scrollbar-3dLight-Color:#398a87; 
	scrollbar-base-color:#398a87; 
	scrollbar-Face-Color:#398a87; 
	scrollbar-Highlight-Color:#398a87; 
	scrollbar-Shadow-Color:#398a87; 
	scrollbar-DarkShadow-Color:#398a87; 
	scrollbar-arrow-color:#398a87; 
	scrollbar-Track-Color:#efefef; 
}
.txc-info{
	width:auto !important;
}