@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@font-face {
    font-family: 'HSBombaram';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/HSBombaram.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.page_divider {
	top:80px;
	border-bottom:1px solid #e2e2e2;
	width:100%;
	height:11px;
margin-top:30px;
	margin-bottom:70px;
}

.image-container {background:none !important;
max-height: 2000px !important;}
.image-wrap selected {position:relative;}
figure.imageslideblock div.image-container img  {
	max-height:860px !important;
width: auto !important;}



/////////* 아보카도 에디션 쪽지 백업 */////////

.myp_memo_view .message-item {
    width: 100%;
    max-width: 100%;
    min-height: 100px;
}
.message-item {
    display: block;
    position: relative;
    max-width: 90%;
		min-height: 130px;
    box-sizing: border-box;
    clear: both;
    margin-top: 10px;
		margin-left:5%;
}
.myp_memo_view .message-item.me {
    padding-right: 90px;
}
.myp_memo_view .message-item.you {
    padding-left: 90px;
}
.message-item.me .thumb {
    right: 0;
}
.message-item.you .thumb {
    left: 0;
}
.message-item .thumb {
    display: block;
    position: absolute;
    top: 30px;
    width: 80px;
    text-align: center;
}
.myp_memo_view .message-item .info .name {
    display: inline-block;
    background: #D0CFC6;
    font-size: 13px;
    padding: 0 15px;
    border-radius: 20px 0 0 0;
    line-height: 30px;
    height: 30px;
}
.myp_memo_view .message-item .info .date {
    display: inline-block;
    font-size: 12px;
    color: #71727a;
    padding-left: 5px;
}
.myp_memo_view .message-item .info .check {
    display:none;
}
.myp_memo_view .message-item .text {
    background: #f8f8f8;
    padding: 10px 15px;
    word-break: break-all;
}


/* 공통 요소 */
body{
font-family: '나눔바른고딕', '나눔고딕';
  line-height: 2em;
	font-size:12px;

	background-color: #ffffff;
}
a, a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	color:#aaa;
}
input{
	font-size:11px;
		-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	  border-radius: 0;
}
button, input[type="submit"]{
	background:none;
	border:0;
	padding:0;
	color:#aaa;
}
a:hover, a:active{
	color: #0225d7 !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
input:focus{
	outline-style:none;
}
blockquote{
	margin:0;
	margin:10px;
	padding:15px;
	border-left:2px solid #e57661;
	font-size:12px;
	  line-height: 2em;
}
blockquote p{
	font-size:12px;
	  line-height: 2em;
}
.moreless_fold{
	font-weight:bold;
}

img{
    max-width: 100%;
    height: auto;
}
#tistorytoolbarid{
	display:none;
}

/* 레이아웃 */
#container{
	margin:20px auto;
	width:800px;
	background:white;
	padding:50px;
	padding-top:20px;
	padding-bottom:20px;
}


#header{margin-top:30px;}
#container #header{
	position:relative;
	margin-bottom: 10px;
}
#container #header h1{
	font-family: 'Bebas Neue';
	font-size: 28px;
}
#container #header h1 a{
	color: #0225d7;
}
#container #header .menu{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	font-family: "Noto Sans KR", sans-serif;;
}
#container #header .menu .menu_icon{
	font-size:9px !important;
	margin:5px 0;
	
}
#container #header .menu .menu_icon input{
	border:0;
	border-bottom:1px solid #e2e2e2;
	width:20px;
	padding:2px;
}

.category2{font-size:10px;}

.tt_category, .tt_category ul, .tt_category li{
	margin:0;
	padding:0;
	list-style:none;
}
.tt_category{
	display:none;
	padding:5px;
}
.tt_category a, .tt_category a:link, .tt_category a:visited{
	color:#aaa;
}
.menu_title{
	font-size:inherit;
	color:#aaa;
	margin:7px 0;
}
#footer{
	margin-top:10px;
	color:#aaa;
	font-family:'Noto Serif KR';
	font-size: 9px;
	font-weight:bold;
}
/* 검색 결과 목록 */
.searchList ol{
	margin:0;
	padding:0;
}
.searchList li{
	list-style:none;
	margin:10px 0;
}
.searchList .date{
	font-family:'Calibri', '나눔바른고딕', '나눔고딕';
	font-size:11px;
	font-weight:bold;
	background:white;
	border:solid 1px #ddd;
	color:#ccc;
border-radius:2px;
	margin-right:5px;
}


/* 검색 결과 목록 */
.searchlist{ 
	margin-bottom:10px; border-top:3px solid #73B0B2; border-left:3px solid #73B0B2; border-right:3px solid #73B0B2; border-bottom:3px solid #73B0B2; border-radius:10px; background:rgba(255, 255, 255, 0.8);
} 
.searchlist li{ 
	padding:9px 20px; border-bottom:2px dotted #ddd; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; 
} 
.searchlist li:hover .searchlist_title{ 
	color:#73B0B2; 
} 
.searchlist li:hover .searchlist_date{ 
	color:#73B0B2; 
} 
.searchlist li:last-child{ border-bottom:none; } 
.searchlist li a{ display:block; color:#555; max-width:75%;} 
.cnt{ font-size:10px; color:#BBB; }


/* 태그로그 */
.taglog ul{
	margin:0;
	padding:0;
}
.taglog li{
	list-style:none;
	display:inline-block;
	margin-right:5px;
	padding:5px;
	border:1px solid #e2e2e2;
}
.taglog .cloud5:link, .taglog .cloud5:visited{
	color:#0225d7;
}
.taglog .cloud4:link, .taglog .cloud4:visited{
	color:#f8c58c;
}
.taglog .cloud3:link, .taglog .cloud3:visited{
	color:#f8c58c;
	font-weight:bold;
}
.taglog .cloud2:link, .taglog .cloud2:visited{
	color:#e57661;
}
.taglog .cloud1:link, .taglog .cloud1:visited{
	color:#7b2a38;
}

/* 글쓰기 */
.guestWrite input[type="text"], .guestWrite input[type="password"], .commentWrite input[type="text"], .commentWrite input[type="password"]{
	padding:5px;
	border:1px solid #e2e2e2;
	width:150px;
}
.guestWrite textarea, .commentWrite textarea{
	width:100%;
	height: 70px;
	border:1px solid #e2e2e2;
	font-family:'나눔바른고딕', '나눔고딕';
	font-size:11px;
}
.guestWrite input[type="checkbox"]+label, .commentWrite input[type="checkbox"]+label{
	color:#aaa !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.guestWrite input[type="checkbox"]:checked+label, .commentWrite input[type="checkbox"]:checked+label{
	color:#0225d7 !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.guestWrite input[type="submit"], .commentWrite input[type="submit"]{
	padding:7px;
	border:1px solid #e2e2e2;
}

/* 방명록/댓글 */
.guestList ol, .guestList il, .guestList ul, .commentList ol, .commentList il, .commentList ul{
	margin:0;
	padding:0;
	list-style:none;
}
.guest_general, .guest_secret {
	margin-bottom: 25px;
}
.guest_general p, .guest_secret p {
margin: 0;
}


.guestList .name, .commentList .name{
	font-weight:bold;
	color:#000;
	margin-right:5px;
}
.guestList .name a, .commentList .name a{
	color:#000; !important;
}
.guestList .date, .commentList .date{
	font-family:'Calibri', '나눔바른고딕', '나눔고딕';
	font-size:11px;
}
.guestList ol li div .control, .commentList ol li div .control{
	display:none;
}
.guestList ol li div:hover .control, .guestList ol li div:active .control, .commentList ol li div:hover .control, .commentList ol li div:active .control{
	display:inline;
}
.guestList ol li ul, .commentList ol li ul{
	padding-left:10px;
	border-left:2px solid #f8c58c;
}

/* 글 */
.entry, .entryNotice, .entryProtected{
	margin-bottom: 50px;
}
.entryProtected input{
	padding:5px;
	border:1px solid #e2e2e2;
	width:150px;
}

.titleWrap {
	margin-bottom: 25px;
	text-align:center;
}

.titleWrap h2{
	font-size:16px;
	color:#333;
	margin:0;
font-family: 'NotoSerifKR';
	margin-bottom:6px;
}
.titleWrap .category a{
	padding: 3px;
	margin-right:1px;
	font-size: 10px;
	background:white;
	border:solid 1px #aaa;
	color:#aaa;
}
.titleWrap .category2{
	display:none;
}
.titleWrap h2 a{
	color:#333 !important;
}
.titleWrap .date{
	font-family:'Calibri', '나눔바른고딕', '나눔고딕';
	color:#aaa;	
	display:none;
	
}
.titleWrap .admin{
	color:#aaa;
}
.container_postbtn{
	padding: 0 !important;
	padding-bottom: 10px !important;
	padding-top: 50px !important;
	float: right;
}
.container_postbtn .postbtn_like{
	padding: 0 !important;
	border-radius: 0 !important;
	border: none  !important;

}
.container_postbtn .btn_post {padding: 2px !important;}
.container_postbtn .btn_post .ico_statistics {display: none !important;}
.container_postbtn .btn_post .ico_share {display: none !important;}
.container_postbtn .btn_post .txt_like {display:none !important;}
.container_postbtn .btn_post .ico_like {margin: 3px 0 0 0 !important;}
.container_postbtn .btn_menu_toolbar {display:none !important;}
.container_postbtn .postbtn_ccl {display: none !important;}

.another_category{
	border:0 !important;
}
.actionTrail{
	margin-top:5px;
}

/* 페이징 */
.paging{
	padding:10px;
	text-align:center;
	font-size:10px;
}
.paging a{
	padding:0 6px;
}
.paging a .selected{
	color:#fff !important;
}
.paging .no-more-prev, .paging .no-more-next{
	display:none;
}
.btn-toggle-moreless {
    font-size: 12px !important;
    font-family: '나눔바른고딕', '나눔고딕' !important;
    padding-bottom: 10px;
    color: #7f7f7f !important;
}

.btn-toggle-moreless::before {
   content: "⊕";
   display: inline-block;
   padding-right: 4px;


}

textarea {
	resize: vertical;
}
.article {
	margin-bottom: 50px;
	font-size:12px;
}
.catemenu {
	font-size: 12px;
	padding : 0px 4px;
	color: #000;
  font-family: proxima-nova;
	text-align:center;
	margin-bottom:25px;
	font-weight:normal;
	top:0px;
left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
	position:absolute;
	
}

.catemenu2 {
background: #fff;
	padding-left:20px;
	padding-right:20px;

}


.catemenu a {
	color: #bbb;
	
}

.catemenu a:hover, a:active{
	color: #000 !important;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


.LOCKED {
	text-align: center;
	font-family: 'Bebas Neue';
	font-size: 15px;
	color: #aaa;
}
.SHER {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	  border-radius: 0;
	  -webkit-appearance: none;
}

.TITLE2 {
	text-align: center;
	width: 50px;
	margin: auto;
	display: none;
}


/* width */
::-webkit-scrollbar {
  width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #0225d7;
}

::-moz-selection { /* Code for Firefox */
  color: #0225d7;
  background: transparent;
}

::selection {
  color: #0225d7;
  background: transparent;
}


/* 코코포 */

		.tab {
			border: 0 !important;
			margin: 0 !important;
			line-height: 1.5;
			position: relative;
		}
		.tabtitle {
			display:none;
		}
		.player {
			padding: 0.2rem !important;
      top: -0.5rem !important;
      padding-left: 6rem !important;
      line-height: 35px !important;
			border: 0 !important;
		}
		.player b {
			border-right: 0 !important;
			width: 6rem !important;
      padding: 0.2rem !important;
      top: -0.2rem;
      left: 0.2rem;
		}
		.tabtitle + .player {
			padding-top: .7rem;
		}
		.tabtitle + .player b {
			padding-top: .7rem;
			height: calc(100% - .7rem);
		}
		.diceroll {
			padding: 0 .5em;
			color: #ffffff;
		}

/* 코코포끝 */



.message {    
    padding-top: 7px !important;
    padding-bottom: 7px !important;
		font-size: 12px !important;
		line-height: 1.8em !important;
}
.message.general, .message.desc, .message.rollresult  {
  background-color: #fff !important;
	border-top: 1px solid #aaaaaa;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-style: dotted;

}
.message.general.you, .message.rollresult.you {
  background-color: #f7f7f7 !important;
}
.message.desc {
}
.message.emote {
}
.spacer {
    background-color: RGBA(0,0,0,0) !important;
    display: none !important;
}
.avatar {
    position: absolute;
    width: 24px !important;
    left: 8px !important;
}
img[style] {
    border-radius: 5px;
}
.by {margin-right: 5px !important;
  left: 0 !important;
	font-weight: bold;
}


.sheet-rolltemplate-coc-1 table, .sheet-rolltemplate-coc table, .sheet-rolltemplate-coc-attack-1 table {
  width: 100% !important;
	margin: auto;
	border: none !important;
}
.sheet-rolltemplate-coc-1 table caption {
    display: table-caption !important;
    border: none !important;
}
.sheet-template_label {
    width: 25% !important;
    border: none !important;
	  font-family: '나눔바른고딕', '나눔고딕' !important;
}
.sheet-template_value {
    border: none !important;
	  font-family: '나눔바른고딕', '나눔고딕' !important;
}
.inlinerollresult {
    border: none !important;
    background-color: #fff !important;
}
.formula {
    box-sizing: content-box;
    display: inline;
    color: #0225d7 !important;
    background-color: #fff !important;
    border: 1px solid #cacaca !important;
		font-weight: bold !important;
		padding: 0 !important;
		font-size: 12px !important;
		padding: 2px !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.rolled {
    display: inline;
    margin-left: 5px;
    color: #fff !important;
    background-color: #0225d7 !important;
    border: none !important;
	  font-family: 'Bebas Neue';
		font-size: 24px !important;
		padding: 2px !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
}
.diceroll, .dicegrouping, .dicon {
    display:inline-block;
}
.didroll {
	color: #0225d7 !important; 
			padding: 0 !important;
	text-shadow: none !important;
	min-height: 0 !important;
}

.sheet-rolltemplate-blades{
	margin-left: 45px;
}

.sheet-rolltemplate-blades .inlinerollresult {
	background-color: transparent !important;
}

.clear {height: 1px;}

figcaption {
	font-size: 11px !important;
	color: #aaa !important;
	padding-top: 0 !important; 
}








/* default-Tools */
/* alert */
#tmlTitle-alert-background{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    overflow-y:auto;
    padding:15px;
}

@media screen and (max-width:1000px){
    #tmlTitle-alert-foreground{
        width:90%;
        height:auto;
        background:#FFF;
        box-shadow:0 0 10px rgba(0,0,0,0.1);
        border-radius:2px;
        padding:15px;
        margin:0 auto;
        transform:translate(-50%,-50%);
        left:50%;
        top:20%;
        position:absolute;
    }
}
@media screen and (min-width:1001px){
    #tmlTitle-alert-foreground{
        width:50%;
        max-width:620px;
        height:auto;
        background:#FFF;
        box-shadow:0 0 10px rgba(0,0,0,0.1);
        border-radius:2px;
        padding:15px;
        margin:0 auto;
        transform:translate(-50%,-50%);
        left:50%;
        top:20%;
        position:absolute;
    }
}

#tmlTitle-alert-foreground > *{
    margin:0 !important;
    padding:0 !important;
}

#tmlTitle-alert-header{
    font-size:1.25em;
    width:100%;
}

#tmlTitle-alert-content{
    width:100%;
    word-break:break-all;
}

/* indexor */
[tmltitle-idx-target],
.tmlTitle-idx-copylink{
    cursor:pointer;
    margin-left:0.3em;
    color:#008cff;
}
.tmlTitle-idx-copylink,
.tmlTitle-idx-go-mainframe{
    font-size:0.8em;
}


/* moreLess */
.tmlTitle-ml-btn-class{
    text-decoration:none;
    font-size:1em;
    line-height:1.05em;
    cursor:pointer;
    color:#909090;
    padding-left:0.3em;
    margin:0;
}

.btn_more, .btn_less {
	  font-size: 12px !important;
    font-family: '나눔바른고딕', '나눔고딕' !important;
    padding-bottom: 10px;
    color: #7f7f7f !important;
}

	#container{
	border: 1px solid #e2e2e2; border-radius: 20px;}

	.TITLE{display:none;}
	body{margin:0;}
	#container #header h1{
	text-align:center;
}
	#container #header .menu{
	position:relative;
	text-align:center
}
	#container #header .menu .menu_icon{
	display:none;
		
}
	.TITLE2 {
display: block;
}

/* 반응형 레이아웃 */
@media screen and (max-width:950px){
	#container{width:85%; margin-top: 10px; padding:15px;
	border: 1px solid #e2e2e2; border-radius: 20px;}
	.TITLE{display:none;}
	body{margin:0;}
	#container #header h1{
	text-align:center;
}
	#container #header .menu{
	position:relative;
	text-align:center
}
	#container #header .menu .menu_icon{
	display:none;
}
	
	.TITLE2 {
display: block;
}



.message-item {
    max-width: 100%;
		margin-left:0;
}
    .myp_memo_view .message-item.you {
        padding-left: 60px;
    }
		.myp_memo_view .message-item.me {
        padding-right: 60px;
    }
    .message-item .thumb {
        width: 50px;
    }
		.myp_memo_view .thumb a {
			display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .2);
    }
.message-item .thumb a img {
        display:block;
				margin-top: -5px;
    }
	
}