@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Montserrat);
@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700);
@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%;
}
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;
	font-family: 'Nanum Barun Gothic', sans-serif;
}
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;
}
label, input, button, select, img{
	vertical-align:middle;
	max-width:100%;
}
input[type="button"], input[type="submit"], button{
	font: 10px 'Montserrat', 나눔바른고딕, 'Nanum Barun Gothic', sans-serif;
}

/*-------Layout-------*/

html {
	background:#FFD8D8;
}
html {
	scrollbar-3dLight-Color: #FFA7A7;
	scrollbar-base-color: #FFA7A7;
	scrollbar-Face-Color: #FFA7A7;
	scrollbar-Highlight-Color: #FFA7A7;
	scrollbar-Shadow-Color: #FFA7A7;
	scrollbar-DarkShadow-Color: #FFA7A7;
	scrollbar-arrow-color: #FFA7A7;
	scrollbar-Track-Color: #FFFFFF;
}
body {
	font-size: 12px;
	color: #000;
	word-wrap: break-word;
	overflow-x: hidden;
	line-height: 16px;
}
a{
	color:#000;
	text-decoration: none;
	-webkit-transition:background-color ease .4s, color ease .4s;
	-moz-transition:background-color ease .4s, color ease .4s
	-o-transition:background-color ease .4s, color ease .4s;
	-ms-transition:background-color ease .4s, color ease .4s;
	transition:background-color ease .4s, color ease .4s;
}
a:hover, a:focus, a:active {
	text-decoration: none;
	color: #FFA7A7;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0.01px;
}
::selection {
	color: #fff;
	background: #FFA7A7;
}
::-moz-selection {
	color: #fff;
	background: #FFA7A7;
}
::-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: #7ad4e7;
	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;
}

/**********************************************************/
#bg {
	border-bottom: 1px solid  #F15F5F;
	height: 301px;
	background: url('./images/nanaskinver4.jpg');
	background-position: center;
	background-size: cover;
}
#container {
	max-width: 640px;
	margin: 30px auto;
	background: #fff;
	border-top: 7px solid #F15F5F;
}
#content {
	padding: 20px;
}

/*-------헤더-------*/
#header {
	
}
.blogMenu 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: #FFF;
	font-weight: bold;
	letter-spacing: -1px;
	display: inline-block;
	line-height: normal;
}

/*--블로그최상단--*/
.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 #F15F5F;
	margin-top: 4px;
	margin-left: -4px;
	border-bottom: 0;
	display: none;
}
.tab_link .link li {
	display: block;
	border-bottom: 1px solid #F15F5F;
}
.tab_link .link li:hover {
	background: #F15F5F;
}
.tab_link .link a {
	white-space: nowrap;
	display: block;
	text-align: left;
	padding: 4px 2px;
}
.tab_link .link a:hover {
	color: #F15F5F;
}
.search {
	text-align: center;
	padding: 20px;
	border-bottom: 1px solid #F15F5F;
	display: none;
}
.search input[type=text] {
	width: 300px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	border: 1px solid #F15F5F;
	vertical-align: bottom;
}
.search input[type=button] {
	width: 60px;
	height: 30px;
	font-size: 11px;
	color: #fff;
	background: #F15F5F;
	border: 0;
	vertical-align: bottom;
}
@media all and (max-width: 450px) {
	.search input[type=text] {
		width: 60%;
	}
}

/*-----메뉴----*/
.mobile_tab {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
    padding-left: 15px;
	z-index: 14;
	border-top: 1px solid  #F15F5F;
	border-bottom: 1px solid #F15F5F;
	display: none;
}
.tab_line {
	border-top: 1px solid #F15F5F;
	border-bottom: 1px solid #F15F5F;
	padding: 5px;
	line-height: 1.6em;
}
.tab_line ul {
	display: inline-block;
}
.tab_line li {
	display: inline-block;
	position: relative;
}
.tab_line a {
	display: inline-block;
	padding: 10px 14px;
	border-radius: 10px;
	font:12px 'Cuprum', 'Nanum Barun Gothic',  sans-serif;
	color: #000000;
}
.tab_line>ul>li>a:hover,
.tab_line>ul>li>ul>li:hover>a {
	background: #F15F5F;
	color: #F15F5F;
}
.tab_line ul ul ul {
	position: absolute;
	width: 100px;
	padding-top: 7px;
    top: 33px;
	display: none;
}
.tab_line ul ul ul li {
	background: #FFA7A7;
	display: block;
	border-left: 1px solid #F15F5F;
	border-right: 1px solid #F15F5F;
	border-bottom: 1px solid #F15F5F;
}
.tab_line>ul>li>ul>li:hover ul{
	display: block;
}
.tab_line ul ul ul a{
	padding: 15px;
}
.tab_line ul ul ul a:hover {
	background: #FFA7A7;
}
.tab_line ul ul ul li:hover{
	background: #F15F5F;
}
.tab_line ul ul ul li:hover a{
	color: #FFA7A7;
}
.tab_line img {
	display: none;
}

#footer {
	border-top: 1px solid #F15F5F;
	text-align: center;
	padding: 15px;
}
#footer a {
	font:11px 'Cuprum', 'Nanum Barun Gothic',  sans-serif;
	color: #999;
}

/*---------본문-----------*/
.titleWrap{
	margin: -20px -20px 20px -20px;
}
.titleWrap .articleTitle{
	padding: 10px;
	border-bottom: 1px solid #FFA7A7;
	font-size: 15px;
	line-height: 1.3em;
}
.titleWrap .category{
	color: #FFA7A7;
	font-weight: bold;
	margin-right: 10px;
	font-size:12px;
}
.titleWrap .date{
	text-align: right;
	color: #888;
	padding: 10px;
	border-bottom: 1px solid #FFA7A7;
	font:11px 'Cuprum', 'Nanum Barun Gothic',  sans-serif;
}
.titleWrap .cmt{
	font:11px 'Cuprum', 'Nanum Barun Gothic',  sans-serif;
}
.titleWrap .entry_admin{
	padding: 10px;
	border-bottom: 1px solid #FFA7A7;
	text-align: right;
}
.titleWrap .entry_admin a{
	font-size: 11px;
	letter-spacing: -1px;
	color: #999;
}
.protected_article {
	text-align: center;
	margin: 50px 0 70px;
}
.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;
}
.entry{
	position: relative;
}
.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 label{
	font: 12px 'Cuprum', 'Nanum Barun Gothic', sans-serif;
}
.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: #7ad4e7;
	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 p{
	padding-top:5px;
}
.commentList .name {
	display: inline-block;
	margin-right: 4px;
}
.commentList .name a {
	font-weight: bold;
	color: #000;
}
.commentList .date {
	font:11px 'Cuprum', 'Nanum Barun Gothic',  sans-serif;
	color: #666;
}
.commentList .control a {
	color: #999;
	font: 12px 'Cuprum', 'Nanum Barun Gothic', sans-serif;
	margin-left:3px;
}
.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;
}

/*---------방명록-----------*/
.guestbook {
	border: 1px solid #E5E5E5;
	width: auto;
	padding: 0;
	overflow: hidden;
}
.guestbook h3 {
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px solid #FFA7A7;
	color: #7ad4e7;
	font: 15px 'Cuprum', 'Nanum Barun Gothic', sans-serif;
}
.guestWrite {
	overflow: hidden;
}
.guest_input {
	padding: 0px 15px;
	border-bottom: 1px solid #FFA7A7;
	padding-bottom: 10px;
}
.guest_input label{
	font: 12px 'Cuprum', 'Nanum Barun Gothic', sans-serif;
}
.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: #FFA7A7;
	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 #FFA7A7;
	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 p{
	padding-top:5px;
}
.guestList .name {
	display: inline-block;
	margin-right: 4px;
}
.guestList .name a {
	font-weight: bold;
	color: #000;
}
.guestList .date {
	font:11px 'Cuprum', 'Nanum Barun Gothic',  sans-serif;
	color: #666;
}
.guestList .control a {
	color: #999;
	font: 12px 'Cuprum', 'Nanum Barun Gothic', sans-serif;
	margin-left:3px;
}
.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: #F15F5F;
	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 {
	margin: 0;
	max-width: 100%;
	overflow: visible !important;
	font-size: 11px;
}
.flexible_img_col * {
	max-width: 100%
}
.flexible_img_col ul {
	margin: 0;
	padding: 0;
	list-style: none;
	*zoom: 1;
}
.flexible_img_col ul:after {
	display: block;
	clear: both;
	content: "";
}
.flexible_img_col li {
	float: left;
	padding: 5px;
}
.flexible_img_col .grid-sizer,
.flexible_img_col .grid-item {
	width: 33%;
}
.flexible_img_col a {
	display: block;
	position: relative;
	width: 100%;
	border: 1px solid #aaa;
}
.flexible_img_col .thumb {
	display: block;
	position: relative;
	width: 100%;
	min-height: 43px;
}
.flexible_img_col .thumb img {
	display: block;
	width: 100%;
	border: 0;
}
.flexible_img_col .img_title {
	padding: 5px;
	width: 100%;
	background: #fff;
	line-height: 16px;
}
.flexible_img_col strong {
	margin: 4px 0 0 0;
	color: #333;
}
.flexible_img_col p.date {
	width: 100%;
	margin: 0 auto;
	color: #B6C0C0;
	font:11px 'Cuprum', 'Nanum Barun Gothic',  sans-serif;
}
.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;
}

/*-------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;
}

/*---------기타설정-----------*/
.tt_more_preview_comments_wrap {
	padding: 10px;
}

.paging{
	text-align:center;
	margin:20px;
}
.paging>a{
	margin: 0 3px
}
.paging a{
	font:11px 'Montserrat', 'Nanum Barun Gothic',  sans-serif;
	color:#999;
	display:inline-block;
	vertical-align:middle;
}
.paging a .selected{
	color:#444;
	font-weight:bold;
}
.paging span{
	font:11px 'Montserrat', 'Nanum Barun Gothic',  sans-serif;
	color:#999;
	display:inline-block;
	vertical-align:middle;
}

.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:"#";
}

.commentList .rp_admin .name a,
.guest_admin .name a{
	color: #fff;
	background: #F15F5F;
	padding: 2px 5px;
}

.moreless_fold span{
/*더 보기 - more*/
	padding-bottom:3px;
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome, 'Nanum Barun Gothic',  sans-serif;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.moreless_fold span:before{
	content:"\f067\a0";
}

.moreless_top span{
/*그만보기 - less*/
	padding-bottom:3px;
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome, 'Nanum Barun Gothic',  sans-serif;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.moreless_top span:before{
	content:"\f068\a0";
}
.moreless_content{
/*더보기,그만보기 본문*/
	padding:15px 15px;
	margin:5px 0;
	background:#F8F8F8;
}
.moreless_bottom{
	display:none;
}
.entry blockquote{
	font-size:12px;
	font-style:italic;
	margin-left:35px;
	padding-left:10px;
	border-left:3px solid #F15F5F;
	background:#F8F8F8;
	padding:10px;
}
.rp_secret p, .hiddenComment p, .guest_secret p {
	color: #FFA7A7;
}
.txc-info {
	width: auto !important;
}
#ie8 {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	font-weight: bold;
}

@media all and (max-width: 648px) {
	#container {
		margin: 0;
		border: 0;
	}
}
@media all and (max-width: 580px) {
	.mobile_tab {
		display: block;
	}
	.tab_line {
		display: none;
		border-top: 0;
		padding: 0;
		border-bottom: 0;
	}
	.tab_line ul {
		display: block;
	}
	.tab_line li {
		display: block;
	}
	.tab_line a {
		display: block;
		padding: 15px;
		border-radius: 0;
		border-bottom: 1px solid #E5E5E5;
	}
	.tab_line ul ul ul a {
		padding-left: 35px;
	}
	.tab_line>ul>li>a:hover,
	.tab_line>ul>li>ul>li:hover>a {
		background: #FFA7A7;
		color: #fff;
	}
	.tab_line ul ul ul {
		position: static;
		width: initial;
		padding-top: 0;
		display: block;
	}
	.tab_line ul ul ul li {
		border: 0;
	}
}
@media all and (min-width:581px) {
	.mobile_tab {
		display: none !important;
	}
	.tab_line {
		display: block !important;
	}
}
@media all and (max-width: 550px) {
	.flexible_img_col .grid-sizer,
	.flexible_img_col .grid-item {
		width: 50%;
	}
}
@media all and (max-width: 360px) {
	.flexible_img_col .grid-sizer,
	.flexible_img_col .grid-item {
		width: 100%;
	}
}

/*리스트*/
.searchList {}
.searchList ul {}
.searchList li {
	padding: 10px 5px;
	border-bottom: 1px solid #FFA7A7;
	-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;
}
.searchList .img_title {
	display: table;
}
.searchList strong {
	font-weight: normal;
	display: table-cell;
}
.searchList strong .cmt{
	font:11px 'Cuprum', 'Nanum Barun Gothic',  sans-serif;
}
.searchList .date {
	font:11px 'Cuprum', 'Nanum Barun Gothic',  sans-serif;
	display: table-cell;
	width: 1%;
	white-space: nowrap;
	padding-left: 10px;
}
.searchList a {
	color: #FFA7A7;
}
.searchList li:hover {
	background: #F15F5F;
}
.searchList li:hover a {
	color: #FFA7A7
}