@charset "utf-8";
@font-face{
	font-family:'Nanum Barun Gothic';
	font-style:normal;
	font-weight:700;
	src:url('./images/NanumBarunGothicBold.eot');
	src:url('./images/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('./images/NanumBarunGothicBold.woff') format('woff');
}
@font-face{
	font-family:'Nanum Barun Gothic';
	font-style:normal;
	font-weight:400;
	src:url('./images/NanumBarunGothic.eot');
	src:url('./images/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('./images/NanumBarunGothic.woff') format('woff');
}

/*-------reset-------*/
html{-webkit-text-size-adjust:100%;}
body * {
    font-family:'Nanum Barun Gothic', sans-serif;
}

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-------*/
body {
    font-size:12px;
    color:#000;
    word-wrap:break-word;
	overflow-x:hidden;
	line-height:16px;
}

a {
    color:#333;
    text-decoration:none;
	
	-webkit-transition:color 0.3s linear;
	-moz-transition:color 0.3s linear;
	-o-transition:color 0.3s linear;
	-ms-transition:color 0.3s linear;
	transition:color 0.3s linear;
}

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

.clearfix:after {
    clear:both;
    content:"";
    display:block;
    height:0.01px;
}
/*
html{
	scrollbar-3dLight-Color:#444444; 
	scrollbar-base-color:#444444; 
	scrollbar-Face-Color:#444444; 
	scrollbar-Highlight-Color:#444444; 
	scrollbar-Shadow-Color:#444444; 
	scrollbar-DarkShadow-Color:#444444; 
	scrollbar-arrow-color:#444444; 
	scrollbar-Track-Color:#efefef; 
}
::selection{ 
	color:#fff; 
	background:#444444; 
} 
::-moz-selection{ 
	color:#fff; 
	background:#444444; 
}
::-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:#444444; 
	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); 
}
*/
#tistorytoolbarid{display:none;}

/**********************************************************/

/*-------헤더-------*/
#header{
}
#header a{
	font-size:11px;
}
.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;
	height:45px;
	line-height:45px;
	padding-left:100%;
	overflow:hidden;
	text-indent:100%;
	width:5%;
	white-space:nowrap;
	-webkit-box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
	box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
	position:fixed;
	z-index:200;
	display:none;
}

.tab_line_wrap{
	padding:5px;
	line-height:1.6em;
	-webkit-box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
	box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
}

.tab_line{
	max-width:840px;
	margin:0px auto;
}

.tab_line ul{
	display:inline-block;
}

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

#header .tab_line a{
	font-size:12px;
	color:#666;
	letter-spacing:0.5px;
	line-height: 19px;
}
#header .tab_line a:hover{
	color:#aaa;
}

.tab_line>ul>li>a,
.tab_line>ul>li>ul>li>a{
	padding:10px 20px;
	display:inline-block;
	color:#555;
	border-radius:10px;
	font-family:Tahoma, 'Nanum Barun Gothic', sans-serif;
	
	-webkit-transition:color 0.3s linear;
    -moz-transition:color 0.3s linear;
    -o-transition:color 0.3s linear;
    -ms-transition:color 0.3s linear;
    transition:color 0.3s linear;
}

.tab_line>ul>li>ul>li>ul>li>a{
	-webkit-transition:color 0.3s linear;
	-moz-transition:color 0.3s linear;
	-o-transition:color 0.3s linear;
	-ms-transition:color 0.3s linear;
	transition:color 0.3s linear;
}

.tab_line>ul>li>a img{
	display:none;
}

.blogMenu{
	text-align:right;
	padding:15px 10px;
	position:fixed;
	right:0;
	top:0;
	z-index:10000;
}

.blogMenu a{
	display:inline-block;
}

.blogMenu a img{
	vertical-align:bottom;
}

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

@media all and (max-width :580px){
	#container{
		margin-top:45px;
	}	
	.entryNotice, .entry, .entryProtected{
		padding:20px;
	}
	.blogMenu {
		padding:13px 10px !important;
	}
	.mobile_tab{
		display:block;
	}
	.tab_line_wrap{
		display:none;
		border-top:0;
		padding:0;
		border-bottom:1px solid #eaeaea;
		background:#fff;
		width:100%;
		position:fixed;
		z-index:199;
		top:45px;
	}
	.tab_line a{
		font-size:11px !important;
	}
	.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 #eaeaea;
	}
	.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;
		padding:13px 20px;
	}
	.tab_line>ul>li>ul>li>ul>li>a{
		padding:13px 20px;
		font-family:Tahoma,'Nanum Barun Gothic', sans-serif;
		padding-left:35px;
	}
	.tab_line>ul>li>ul>li>ul>li>a:hover{
		color:#444444;
	}
	.search{
		top:45px !important;
	}
	.flexible_img_col{
		margin-top:60px !important;
	}
}
@media all and (min-width :581px) {
	.mobile_tab{
		display:none !important;
	}
	.tab_line_wrap{
		display:block !important;
		position:fixed;
		width:100%;
		z-index:9999;
		background:#fff;
	}
	.tab_line li li ul {
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:120px;
		z-index:200;
		padding-top:5px;
	}
	.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:Tahoma,'Nanum Barun Gothic', sans-serif;
		display:block;
		font-size:11px;
		font-style:normal;
		margin:0px;
		padding:15px 14px;
		text-align:left;
		border-left:1px solid #eaeaea;
		border-right:1px solid #eaeaea;
		border-bottom:1px solid #eaeaea;
	}
	.tab_line li li ul a:hover,
	.tab_line li li ul li:hover a {
		color:#444444;
	}
}

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

}

.search{
	text-align:center;
	padding:20px;
	border-bottom:1px solid #eaeaea;
	display:none;
	position:fixed;
	top:49px;
	z-index:50;
	width:100%;
	background:#fff;
}
.search input[type=text]{
	width:300px;
	height:30px;
	line-height:30px;
	font-size:18px;
	border:1px solid #eaeaea;
	vertical-align:bottom;
}
.search input[type=button]{
	width:60px;
	height:30px;
	font-size:12px;
	border:1px solid #eaeaea;
	vertical-align:bottom;
	background:#fff;
	color:#555;
}
@media all and (max-width :450px){
	.search input[type=text]{
		width:60%;
	}
}

#container{
	max-width:840px;
	margin:49px auto 10px;
	background:#fff;
}

#content{
	min-height: 500px;
}

#footer{
	border-top:1px solid #eaeaea;
	text-align:center;
	padding:25px;
	font-size:11px;
}
#footer a{
	color:#ccc;
	font-family:tahoma;
	font-size:11px;
}

/*---------본문-----------*/
.titleWrap,
.entryProtected_titleWrap{
	line-height:normal;
}

.titleWrap .date{
	display:inline-block;
	color:#aaa;
	font-size:11px;
	padding-right:5px;
	letter-spacing:-1px;
	font-style:italic;
}
.titleWrap .slash{
	font-size:11px;
	color:#aaa;
}
.titleWrap .cmt{
	font-family:tahoma;
	font-size:11px;
	margin-left:5px;
	color:#aaa;
	font-style:italic;
}

.titleWrap #h2{
	padding:50px 0 30px 0;
	text-align:center;
}

.titleWrap .category{

}
.titleWrap .category a{
	font-size:12px;
	border-bottom:1px solid #C69F73;
	padding-bottom:2px;
	color:#C69F73;
	letter-spacing:2px;
}

.titleWrap .titleText{
	margin:20px auto 15px;
	padding: 0 20px;
}
.titleWrap .titleText a{
	font-size:25px;
	font-weight:normal;
}

.titleWrap #h3{
	border-bottom:1px solid #444444;
	display:block;
	padding:0;
	text-align:right;
}

.titleWrap div,
.entryProtected_titleWrap div{

}

.titleWrap div a,
.entryProtected_titleWrap div a{
	font-size:14px;
	color:#000;
}

.titleWrap .date,
.entryProtected .date{

}

/*.entryNotice .titleWrap,
.entryNotice .entry-ccl{
	display:none;
}*/

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

#content .entry_admin{
	display:block;
	margin-top:10px;
}
.entryAdmin_show{

}
#content .entry_admin,
#content .entry_admin a{
	color:#444;
	font-size:11px;
}

.entryNotice,
.entry,
.entryProtected
{
	padding:20px;
	position:relative;
	padding-bottom:0;
}

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

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

/*---------코멘트-----------*/
.comment{
	border:1px solid #E5E5E5;
	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 #E5E5E5;
	color:#E5E5E5;
}
.commentWrite{
	overflow:hidden;
}
.comment_input{
	padding:0px 15px;
	border-bottom:1px solid #E5E5E5;
}
.comment_input p{
	margin:10px 0 0 0;
}
.commentWrite #guest{
	background:#fafafa;
	padding-top:10px;
	margin:0;
	border:1px solid #E5E5E5;
	border-top:0;
}
.commentWrite #guest p{
	margin:5px 10px;
}
.commentWrite #guest p.first{
	margin-top:0;
}
.commentWrite input{
	width:150px;
	border:1px solid #E5E5E5;
	padding:5px;
}
.commentWrite input[type=submit]{
	background: #fff;
	width: 60px;
	border-radius: 5px;
	padding: 7px;
	margin: 4px 10px;
	border: 1px solid #E5E5E5;
	font-size: 11px;
}

.commentWrite textarea{
	width:100%;
	height:120px;
	overflow:auto;
	padding:10px;
	margin:0;
	border:0;
	border-bottom:1px solid #E5E5E5;
	display:block;
	background:#fff;
	font-size:11px;
	border-radius:0;
	line-height: 17px;
}
.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 #E5E5E5;
}
.commentList>ol>li>div{
	padding:15px;
}
.commentList li li{
	padding:15px 15px 15px 50px;
	border-top:1px dashed #E5E5E5;
	position:relative;
}
.commentList p{
	color:#333;
}
.commentList .reply_image{
	position:absolute;
	left:10px;
	z-index:20;
	display:inline-block;
	font-size:24px;
	color:#E5E5E5;
}

.paging{
	margin-bottom:20px;
	text-align:center;
	margin-top:20px;
	font-size:12px;
}
.paging a{
	font-family:Calibri,'Nanum Barun Gothic', sans-serif;
	color:#999;
	padding:1px;
	font-size:12px;
}

/*---------방명록-----------*/
.guestbook{
	border:1px solid #E5E5E5;
	width:auto;
	padding:0;
	overflow:hidden;
	margin:79px 25px 20px 25px;
}
.guestWrite{
	overflow:hidden;
}
.guest_input{
	padding:0px 15px;
	border-bottom:1px solid #E5E5E5;
	padding-bottom:10px;
}
.guest_input p{
	margin:10px 0 0 0;
}
.guestWrite #guest{
	background:#fafafa;
	padding-top:10px;
	margin:0;
	border:1px solid #E5E5E5;
	border-top:0;
}
.guestWrite #guest p{
	margin:5px 10px;
}
.guestWrite #guest p.first{
	margin-top:0;
}
.guestWrite input{
	width:150px;
	border:1px solid #E5E5E5;
	padding:5px;
}
.guestWrite input[type=submit]{
	background: #fff;
	width: 60px;
	border-radius: 5px;
	padding: 7px;
	margin: 4px 10px;
	border: 1px solid #E5E5E5;
	font-size: 11px;
}

.guestWrite textarea{
	width:100%;
	height:120px;
	overflow:auto;
	padding:10px;
	margin:0;
	border:0;
	border-bottom:1px solid #E5E5E5;
	display:block;
	background:#fff;
	font-size:11px;
	border-radius:0;
	line-height: 17px;
}
.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 #E5E5E5;
}
.guestList>ol>li>div{
	padding:15px;
}
.guestList li li{
	padding:15px 15px 15px 50px;
	border-top:1px dashed #E5E5E5;
	position:relative;
}
.guestList p{
	color:#333;
}
.guestList .reply_image{
	position:absolute;
	left:10px;
	z-index:20;
	display:inline-block;
	font-size:24px;
	color:#E5E5E5
}

/*---------리스트-----------*/
h1.hx{
	display:none;
	margin:21px;
	padding:6px 10px;
	font-size:18px;
	line-height:normal;
	color:#444444;
	font-family:Calibri,'Nanum Barun Gothic', sans-serif;
	letter-spacing:-1px;
	margin-bottom:0;
}
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:280px;*/
	width:33.3%;
	padding:10px;
	margin:0;
}
.flexible_img_col li.masonry-brick{margin-top:0}
 .flexible_img_col .thumb{
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
	background:#eee;
	color:#666;
	line-height:180px;
	text-align:center;
	white-space:nowrap;
}
.flexible_img_col .thumb img{
	display:block;
	width:100%;
	border:0;
	
	transition:all 0.35s;
	-moz-transition:all 0.35s;
	-webkit-transition:all 0.35s;
	-o-transition:all 0.35s;
}

.flexible_img_col .thumb:hover img,
.flexible_img_col .thumb:active img{
	max-width:none;
	transform:scale(1.2);
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-moz-transform:scale(1.2);
}

.flexible_img_col a{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	text-decoration:none;
	cursor:pointer;
	max-width:none;
	position:relative;
	left:0;
	top:0;
	z-index:20;
	border:1px solid #eaeaea;
}
.flexible_img_col strong{
	margin:4px 0 0 0;
	color:#333;
	font-size:16px;
	font-weight:normal;
}
.flexible_img_col p.date{
	width:100%;
	margin:0 auto;
	font-size:11px;
	color:#B6C0C0;
	font-family:tahoma;
	margin-top:4px;
}
.flexible_img_col .slash{
	margin:0 5px;
}
.flexible_img_col a:hover strong{

}
.flexible_img_col a:hover .thumb{

}
.flexible_img_col .img_title{
	padding:15px;
	width:100%;
	display:none;
	line-height:16px;
	background:#fff;
}
.flexible_img_col .img_title:nth-child(n) { 
	filter:none; 
}

.flexible_img_col{
	width:840px;
	margin:64px auto 0px;
	max-width:100%;
	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; 
}
.flexible_img_col .noThumb{display:none;}
#w660-indicator, #w400-indicator{
    display:none;
}
@media all and (max-width:660px) {
	.flexible_img_col li{
		width:49.9%;
	}
	#w660-indicator{
		display:block;
	}
}
@media all and (max-width:400px) {
	.flexible_img_col li{
		width:320px;
	}
	#w400-indicator{
		display:block;
	}
	.flexible_img_col {
		width:320px;
	}
}

/*-------jwplayer-------*/
.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;
    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 15px;
	margin: 5px 0;
	background: #eee;
}

.moreless_bottom {
    display:none;
}

.entry blockquote{
	font-size:13px;
	font-style:italic;
	margin-left: 35px;
	padding-left: 10px;
	border-left: 3px solid #444444;
	background: #f5f5f5;
	padding: 10px;
}

.rp_secret p,.hiddenComment p,.guest_secret p{color:#444444;}
.txc-info{width:auto !important;}

#ie8{
	background:#000;
	color:#fff;
	text-align:center;
	padding:15px 0;
	font-weight:bold;
}

/***태그로그***/
.taglog {overflow:hidden;min-height: 500px;}
.taglog h3 {
	padding:40px;
	width:100%;
	text-align:center;
	font-size:25px;
	font-weight:normal;
	line-height:25px;
	color: #444;
	letter-spacing: 2px;
}
.taglog h3 span{
	border-bottom: 2px solid #444;
}
.taglog ul {list-style:none;padding: 0 20px 30px 20px;}
.taglog li {display:inline-block;list-style:none;margin-bottom:5px;}
.taglog li a {
	padding:5px;
	text-decoration:none;
	display:block;
}
.taglog li a:hover {

}
.taglog li a:before{
	content:"#";
}
.taglog .cloud1 {
	font-size:18px;
	font-weight:bold;
	text-shadow:0px 0px 8px rgba(150, 150, 150, 1);
}
.taglog .cloud2 {
	font-size:16px;
	font-weight:bold;
	background:#FFDF00;
	color:#fff;
}
.taglog .cloud3 {
	font-size:14px;
	font-weight:bold;
}
.taglog .cloud4 {
	font-size:14px;
}
.taglog .cloud5 {
	font-size:12px;
}
.tagText{
	color:#fff;
	background:#FFDF00;
	margin-right:5px;
	display:inline-block;
	padding:2px 6px;
}
.tagTrail{
	line-height:14px;
}
.tagTrail img{
	height:12px;
	vertical-align:middle;
}
.tagTrail a{
	margin-left:3px;
	vertical-align:middle;
	color:#666;
}
.tagTrail a:before{
	content:"#";
}