@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-------*/
html{
	background:#FFFFFF;
	background-attachment:fixed;
}
html{
	scrollbar-3dLight-Color: #E6B8F0; 
	scrollbar-base-color: #E6B8F0; 
	scrollbar-Face-Color: #E6B8F0; 
	scrollbar-Highlight-Color: #E6B8F0; 
	scrollbar-Shadow-Color: #E6B8F0; 
	scrollbar-DarkShadow-Color: #E6B8F0; 
	scrollbar-arrow-color: #E6B8F0; 
	scrollbar-Track-Color:#efefef; 
}
body {
    font-size: 13px;
    color: #000;
    word-wrap: break-word;
	overflow-x:hidden;
	line-height: 16px;
}

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

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

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

::selection{ 
	color:#fff; 
	background: #E6B8F0; 
} 
::-moz-selection{ 
	color:#fff; 
	background: #E6B8F0; 
}
::-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: #E6B8F0; 
	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;
}
.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  #E6B8F0;
	border-bottom:1px solid  #E6B8F0;
	display:none;
}

.tab_line{
	border-top:1px solid  #E6B8F0;
	border-bottom:1px solid  #E6B8F0;
	padding:5px;
	line-height: 1.6em;
}

.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 Barun Gothic', sans-serif;
	
	-webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

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

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

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

@media all and (max-width : 580px){
	.entryNotice, .entry, .entryProtected{
		padding:20px;
	}
	.mobile_tab{
		display:block;
	}
	.tab_line{
		display:none;
		border-top:0;
		padding:0;
		border-bottom:1px solid  #E6B8F0;
	}
	.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  #E6B8F0;
	}
	.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 Barun Gothic', sans-serif;
		padding-left: 35px;
		background: #F0FCFF;
	}
	.tab_line>ul>li>ul>li>ul>li>a:hover{
		background: #E6B8F0;
		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 Barun Gothic', sans-serif;
		display: block;
		font-size: 11px;
		font-style: normal;
		margin: 0px;
		padding: 15px 14px;
		text-align: left;
		border-left: 1px solid  #E6B8F0;
		border-right: 1px solid  #E6B8F0;
		border-bottom: 1px solid  #E6B8F0;
	}
	.tab_line li li ul a:hover,
	.tab_line li li ul li:hover a {
		text-decoration: none;
		color:#fff;
		background: #E6B8F0;
	}
}

.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  #E6B8F0;
	margin-top: 4px;
	margin-left: -4px;
	border-bottom:0;
	display:none;
}
.tab_link .link li{
	display:block;
	border-bottom: 1px solid  #E6B8F0;
}
.tab_link .link li:hover{
	background: #E6B8F0;
}
.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  #E6B8F0;
	display:none;
}
.search input[type=text]{
	width:300px;
	height:30px;
	line-height:30px;
	font-size:18px;
	border:1px solid  #E6B8F0;
	vertical-align:bottom;
}
.search input[type=button]{
	width:60px;
	height:30px;
	font-size:14px;
	color:#fff;
	background: #E6B8F0;
	border:0;
	font-weight:bold;
	vertical-align:bottom;
}
@media all and (max-width : 450px){
	.search input[type=text]{
		width:60%;
	}
}



#container{
	max-width:1000px;
	margin:30px auto;
	background:#fff;
	border-top: 7px solid  #E6B8F0;
}

#content{

}

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

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

.titleWrap .date{
	display:inline-block;
	color:#999;
	font-family: tahoma;
	font-size: 10px;
	padding-right: 5px;
}
.titleWrap .cmt{
	font-family: tahoma;
	font-size: 10px;
	margin-left: 5px;
	margin-right: 10px;
}

.titleWrap #h2{
	border-bottom: 1px solid  #E6B8F0;
	display: table;
	padding: 0;
	width: 100%;
}

.titleWrap .category{
	background:  #E6B8F0;
	display:table-cell;
	font-weight:bold;
	padding: 10px;
	width: 1%;
	white-space: nowrap;
	border-right: 1px solid  #E6B8F0;
}
.titleWrap .category a{
	color:#fff;
}

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

.titleWrap div,
.entryProtected_titleWrap div{
	display:table-cell;
	padding: 10px;
}

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

.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 #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;
	display:block;
	border-bottom: 1px solid  #E6B8F0;
}
.entryAdmin_show{

}
#content .entry_admin,
#content .entry_admin a{
	color:#666;
	font-size:12px;
}

.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: #E6B8F0;
	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 #E5E5E5;
	display:block;
	background:#fff;
	font-size:11px;
	border-radius:0;
}
.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:#666;
	padding:1px;
}

/*---------방명록-----------*/
.guestbook{
	border:1px solid #E5E5E5;
	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 #E5E5E5;
	color: #E6B8F0;
}
.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: #E6B8F0;
	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 #E5E5E5;
	display:block;
	background:#fff;
	font-size:11px;
	border-radius: 0;
}
.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
}
@media all and (max-width : 648px){
	#container{
		margin:0;
		border:0;
	}
	html{
		background:none;
	}
}

/*---------리스트-----------*/
h1.hx{
	display: none;
	margin:21px;
	padding:6px 10px;
	font-size:18px;
	line-height:normal;
	color: #E6B8F0;
	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:322px;
	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:322px;
	margin:0 auto;
	padding:0;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #aaa;
}
.flexible_img_col strong{
	margin:4px 0 0 0;
	color: #333;
}
.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{
	padding:5px;
	width: 320px;
	display:none;
	background:#fff;
	line-height:16px;
}
.flexible_img_col .img_title:nth-child(n) { 
	filter: none; 
} 
 
.w180 li{width:182px}
.w180 .thumb{width:180px}
.w180 .thumb img{width:180px}
.w180 a{width:182px}
.w180 p{width:180px}
.w180 .img_title{width:180px}

.flexible_img_col{
	width: 576px;
	margin: 30px auto;
	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;}

@media all and (max-width:967px) {
	.flexible_img_col{
		width:768px;
	}
}
@media all and (max-width:775px) {
	.flexible_img_col{
		width:576px;
	}
	.flexible_img_col .img_title{
		width:384px;
		padding: 10px;
	}
}
@media all and (max-width:583px) {
	.flexible_img_col li{
		margin-left:0;
		margin-right:0;
	}
	.flexible_img_col li a{
		border-left:0;
		border-right:0;
	}
}

/*-------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;
    border-bottom: 3px solid  #E6B8F0;
    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  #E6B8F0;
    border-radius: 10px;
    margin: 5px 0;
    background: #E5E5E5;
}

.moreless_bottom {
    display:none;
}

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

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

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