@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Ubuntu+Condensed);
@import url('//fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Gowun+Dodum&family=Hahmlet:wght@800&family=Young+Serif&display=swap');
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url('https://fonts.googleapis.com/css2?family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Diphylleia&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Brush+Script&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url(./images/NotoSansKR-Hestia.css);
@font-face {
    font-family: 'NEXON Lv1';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'unification';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'SF_HambakSnow';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {cursor:url('./images/default.cur') 0 0, auto !important}
html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
html, body { margin: 0; padding: 0; background-color: #f1f1f1; overflow-x: hidden; }

body,
input,
textarea { font-size: 14px; font-family: 'Ubuntu Condensed', 'NEXON Lv1', "Noto Sans Korean"; line-height: 100%; }

a { color: #000; text-decoration: none; }
a:hover { color: #07a; }

img { border: 0; max-width: 100%; }
fieldset { border: 1px solid #ddd; padding: 2%; }
sup, sub { height: 0; line-height: 0; font-size: 10px; }
iframe, video, embed, object { max-width: 100%; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
cite, em { font-style: italic; }
blockquote { position: relative; color: #555; font-style: italic; margin: 0; padding: 10px 15px; border-left: 5px solid #f1f1f1; }
pre { padding: 10px; margin: 5px 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #ddd; font: 12px/180% 'Lucida Console'; background-color: #fafafa; border-radius: 3px; }
hr { margin: 0; padding: 0; border: none; border-top: 1px solid #ccc; height: 0; overflow: hidden; }
code { border: 1px solid #eee; background-color: #fafafa; color: #111; border-radius: 3px; padding: 5px; margin: 3px 0; font: 11px 'verdana'; display: inline-block; }
code.red { border: 1px solid #F6CECE; background-color: #FFF4F4; color: #BE0D0D; }
code.blue { border: 1px solid #B7D9F2; background-color: #F4FCFF; color: #4570CD; }
code.green { border: 1px solid #B7F2C7; background-color: #F4FFF7; color: #267C45; }
input, textarea { outline: none; }

::selection { background: #888; color: #fff; }

div, span, input, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
#tistoryProfileLayer div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; }

a, input, textarea, li {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.clear { clear: both; width: 100%; }
.text-center { text-align: center; }
.mCSB_inside>.mCSB_container { margin-right: 0 !important; }

/*
 * sidebar
 */
#sidebar { position: fixed; top: 0; left: 0; bottom: 0; padding: 0; width: 300px; height: 100%; background-color: #fff; border-right: 1px solid #ddd; cursor: default; }
#sidebar a { color: #333; text-decoration: none; }
#sidebar a:hover { color: #07a; }
#sidebar .blank { clear: both; width: 100%; height: 100px; }

#sidebar h1 { margin: 0; padding: 0 10px; text-align: center; font-size: 20px; font-weight: 400; line-height: 200%; color: #666; }

#sidebar .widget { margin-top: 30px; padding: 0; line-height: 200%; }
#sidebar .widget li { list-style: none; padding-right: 30px; word-break: break-word; }

#sidebar .category > ul { margin: 0; padding: 0; }
#sidebar .category ul li { list-style: none; }
#sidebar .category > ul > li > a { display: none; }
#sidebar .category ul li ul li ul { margin: 0 0 0 15px; padding: 0; }
#sidebar .category ul li ul li ul li:before { content: "\F0DA"; font-family: "FontAwesome"; font-size: 10px; padding-right: 5px; }

#sidebar .counter { font-size: 13px; }
#sidebar .counter .yesterday { color: #6a6; }
#sidebar .counter .today { color: #07a; }
#sidebar .counter .total { color: #e55; }

#sidebar .search input { padding: 10px; width: 60%; border: none; border-bottom: 1px dashed #ccc; }
#sidebar .search input:focus { border-color: #B7CFF1; }

#sidebar .blogger { line-height: 100%; color: #666; }

/*
 * content
 */
#content { margin: 0 0 0 330px; padding: 0; }
#content-inner { max-width: 1030px; width: 100%; padding-right: 30px; }
#content-inner {  }

#head { position: relative; padding-top: 100px; width: 100%; text-align: center; }
#head h2 { display: inline-block; margin: 0 0 50px; padding: 0 5px 3px; font-size: 20px; font-weight: 400; color: #444; line-height: 200%; border-bottom: 1px dashed #ddd; text-shadow: 1px 1px #dedede; word-break: break-word; }
#head h2 a { color: #444; }
#head h2 a:hover { color: #888; }
#head .date { position: absolute; bottom: -44px; left: -10px; padding: 10px; font-size: 13px; color: #fff; background-color: #555; cursor: default; }
#head .date:before { position: absolute; top: 0; left: -6px; width: 0; height: 0; content: " "; border-top: 20px solid #555; border-left: 6px solid transparent; }
#head .date:after { position: absolute; bottom: 0; left: -6px; width: 0; height: 0; content: " "; border-bottom: 20px solid #555; border-left: 6px solid transparent; }

#body { padding: 20px 15px 18px; background-color: #fff; border: 1px solid #ddd; line-height: 180%; word-break: break-all; }

/*
 * tag
 */
.tag { word-break: break-word; }
.tag a { display: inline-block; margin-right: 10px; padding: 0 3px; }
.tag a:hover { background-color: #f5f5f5; }
.tag .cloud5 { color: #999 !important; font-size: 13px !important; }
.tag .cloud5:hover { color: #000 !important; }
.tag .cloud4 { color: #157586 !important; font-size: 15px !important; }
.tag .cloud3 { color: #333 !important; font-size: 18px !important; }
.tag .cloud2 { color: #07a !important; font-size: 20px !important; line-height: 150%; }
.tag .cloud1 { color: #f55 !important; font-size: 22px !important; line-height: 200%; }

/*
 * list
 */
.list {  }
.list ul { margin: 0; padding: 0; border-top: 1px dotted #ddd; }
.list ul li { padding: 12px 10px 9px; list-style: none; font-size: 14px; border-bottom: 1px dotted #ddd; }
.list span { float: right; font-size: 13px; }
.list span.cnt { margin-right: 11px; color: #07a; }
.list span.date { color: #666; }

/*
 * protected
 */
.protected {  }
.protected p { text-align: center; }
.protected i { font-size: 20px; color: #555; }
.protected input {  }
.protected input[type="password"] { margin-top: 10px; padding: 20px 10px; width: 300px; font-size: 13px; border: none; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; }
.protected input[type="button"] { margin-top: 20px; font-size: 15px; border: none; background-color: transparent; cursor: pointer; }

/*
 * entry
 */
.entry { font-size: 15px; }
.entry h3 { padding: 7px 10px 5px; margin: 0 0 10px; border-left: 5px solid #666; font-size: 16px; background-color: #fafafa; color: #333; }
.entry h3.red { border-left-color: #F6CECE; background-color: #FFF4F4; color: #CD4545; }
.entry h3.blue { border-left-color: #B7D9F2; background-color: #F4FCFF; color: #4570CD; }
.entry h3.green { border-left-color: #B7F2C7; background-color: #F4FFF7; color: #267C45; }

.entry table { max-width: 100%; width: 100%; }
.entry table.dual td { width: 50% !important; vertical-align: top; }
.entry table.dual td .imageblock { width: 100% !important; }
.entry table.dual td .imageblock span img { width: 100% !important; }
.entry table.triple td { width: 33% !important; vertical-align: top; }
.entry table.triple td .imageblock { width: 100% !important; }
.entry table.triple td .imageblock span img { width: 100% !important; }

.entry .imageblock { max-width: 100% !important; height: auto; }
.entry .imageblock img { max-width: 100% !important; height: auto; vertical-align: middle; }
.entry .imageblock span { max-width: 100% !important; width: 100% !important; }
.entry table td .imageblock { width: 100% !important; }
.entry .galleryControl { font-family: inherit !important; }
.entry .tt-gallery-box { margin-bottom: 10px; }
.entry .tt-gallery-box img { max-width: 100%; height: auto !important; }

.entry .txc-info-wrap { overflow-x: auto; overflow-y: hidden; max-width: 500px; width: 100%; clear: both; }
.entry .txc-info { font-size: 13px !important; width: 500px !important; }
.entry .txc-info hr { max-width: 100%; width: 100% !important; }
.entry .txc-info h3 { border-left: none; background-color: transparent; color: inherit; }
.entry .txc-info img { padding: 0; box-shadow: none; border: none; }

.entry .moreless_fold { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fcfcfc; }
.entry .moreless_fold span:before { padding: 0 10px 0 5px; content: "\f107"; font-family: "FontAwesome"; color: #aaa; }
.entry .moreless_fold span { display: block; padding: 10px 10px 8px; }
.entry .moreless_top { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fcfcfc; }
.entry .moreless_top span:before { padding: 0 10px 0 5px; content: "\f106"; font-family: "FontAwesome"; color: #aaa; }
.entry .moreless_top span { display: block; padding: 10px 10px 8px; }
.entry .moreless_content { padding: 10px; border-bottom: 1px solid #eee; }
.entry .moreless_bottom { display: none; }
.entry a.tx-link,
.entry a.key1 { font-weight: 600; cursor: pointer; }
.entry .cap1,
.entry .galleryCaption { margin: 0 !important; padding: 0; max-width: 100%; text-align: center; color: #555; font-style: italic; word-break: break-all; }
.entry div.footnotes { margin-top: 30px; font-size: 12px; border-top: 1px solid #ddd; }
.entry div.footnotes ol { padding: 0; margin: 10px 0 0 30px; list-style: decimal-leading-zero; }
.entry div.footnotes ol li a { color: #888; font-weight: 400; }
.entry .entry-ccl { margin-top: 15px; margin-bottom: 0 !important; line-height: 0; }

.entry a[href*="attachment/cfile"] { display: inline-block; position: relative; padding: 6px 10px 3px; font-size: 13px; color: #fafafa; background-color: #555; box-shadow: 0 0 5px #222; }
.entry a[href*="attachment/cfile"]:hover { background-color: #444; text-decoration: none; }
.entry a[href*="attachment/cfile"] > img { display: none; }

.entry .another_category h4 { font-size: 14px !important; }
.entry .another_category table th,
.entry .another_category table td { font-size: 13px !important; }

/*
 * tag_label
 */
.tag_label { padding: 0 0 10px 70px; min-height: 31px; line-height: 100%; text-align: right; word-break: break-word; }
.tag_label span { font-size: 0; }
.tag_label a { margin: 0 0 0 10px; font-size: 13px; color: #777; }
.tag_label a:before { content: "#"; }
.tag_label a:hover { color: #000; }
.tag_label .locationTag { font-size: 13px; }

/*
 * admin
 */
.admin { margin-bottom: 10px; font-size: 11px; text-align: center; letter-spacing: 2px; }
.admin a { color: #777; }
.admin a:hover { color: #e55; }
.admin .line { padding: 0 5px; font-size: 9px; color: #ddd; }

/*
 * communicate
 */
#communicate { margin: 0; padding: 0; clear: both; }
#communicate .communicateWrite { margin: 0; padding: 0; }
#communicate .communicateWrite .name { margin-top: 20px; }
#communicate .communicateWrite .no-margin { margin: 0; }
#communicate .communicateWrite .guest { margin-bottom: 20px; }
#communicate .communicateWrite .guest label { display: block; padding-top: 6.5px; float: left; width: 100px; }
#communicate .communicateWrite .guest input { padding: 10px; width: 300px; border: 1px solid #ddd; cursor: pointer; }
#communicate .communicateWrite .textarea { margin-bottom: 0; line-height: 0; }
#communicate .communicateWrite .textarea textarea { padding: 10px; width: 100%; height: 200px; line-height: 160%; border: 1px solid #ddd; }
#communicate .communicateWrite .submit { margin: 0; float: right; }
#communicate .communicateWrite .submit input { margin: 0; padding: 20px 10px 15px; color: #333; line-height: 15px; letter-spacing: 4px; background: none; border: none; border-bottom: 1px solid #ddd; cursor: pointer; }
#communicate .communicateWrite .secret { position: relative; float: right; margin: 0 5px 0 0; padding: 20px 25px 15px 10px; line-height: 15px; letter-spacing: 2px; border-bottom: 1px solid #ddd; }
#communicate .communicateWrite .secret label { cursor: pointer; }
#communicate .communicateWrite .secret input { position: absolute; top: 5px; bottom: 0; left: 65px; margin: auto 0; cursor: pointer; }
#communicate .communicateWrite .secret input:focus { border: none; outline: none; }
#communicate .communicateWrite .guest input:focus,
#communicate .communicateWrite .textarea textarea:focus,
#communicate .communicateWrite .submit input:hover,
#communicate .communicateWrite .submit input:focus { border-color: #B7CFF1; }

#communicate .communicateList { margin: 0; padding: 0; }
#communicate .communicateList ol { list-style: none; padding: 0; margin: 0; }
#communicate .communicateList ol > li { border-top: 2px solid #555; padding: 15px 0 6px; border-bottom: 1px solid #ddd; margin-top: 20px; }
#communicate .communicateList ol li > div { position: relative; }
#communicate .communicateList ol li { background-color: #fff; }
#communicate .communicateList ul { margin: 0; padding: 0; }
#communicate .communicateList ul li { list-style: none; padding: 15px 0 0; margin-top: 10px; border-top: 1px dotted #ddd; }
#communicate .communicateList li > div { padding: 0 10px; }
#communicate .communicateList li .rp_secret p,
#communicate .communicateList li .guest_secret p { color: #6C75AD; }
#communicate .communicateList div img[src*="index"] { border-radius: 10px; width: 30px; height: 30px; z-index: 2; background-color: #f9f9f9; vertical-align: middle; }
#communicate .communicateList div img[src*="favicon"] { vertical-align: middle; margin-top: -2px; }
#communicate .communicateList .name { font-weight: 400; float: left; }
#communicate .communicateList .date { font-size: 13px; float: right; font-style: italic; color: #777; }
#communicate .communicateList p { margin: 10px 0; padding: 0; line-height: 180%; }
#communicate .communicateList .control { width: 100%; text-align: right; font-style: italic; font-size: 13px; line-height: 100%; }
#communicate .communicateList .control a { margin: 0 0 0 5px; color: #555; display: inline-block; padding: 10px 5px; }
#communicate .communicateList .tistoryProfileLayerTrigger { margin-bottom: -1px; }
#communicate .communicateList .tt_more_preview_comments_wrap { text-align: center; cursor: pointer;  padding: 17px 0 15px; font-weight: 400; color: #333; }

.tt_box_namecard {display:none !important}

/*
 * paging
 */
#paging { padding: 30px 0 20px; line-height: 200%; text-align: center; cursor: default; }
#paging a { display: inline-block; margin: 0 5px 10px; padding: 0 5px; }
#paging .no-more-prev,
#paging .no-more-next { color: #aaa; cursor: default; }
#paging .selected { cursor: default; color: #07a; }

/*
 * recent-post
 */
#recent-post { padding: 70px 0 30px; }
#recent-post h4 { margin: 0 1% 10px; padding: 0; font-size: 16px; font-weight: 400; }
#recent-post ul { margin: 0; padding: 0; list-style: none; }
#recent-post ul li { position: relative; float: left; margin: 0; width: 25%; height: 150px; overflow: hidden; background-image: url('./images/recent-post-bg.png'); background-color: #eee; }
#recent-post ul li img { max-width: 100%; width: 100%; min-height: 100%; vertical-align: middle; }
#recent-post ul li img[src*="common_icon"] { position: absolute; top: 0; bottom: 0; margin: auto 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */
opacity: 0.5; 
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);
}
#recent-post ul li .title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 155px; background-color: #555; color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
opacity: 0; 
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#recent-post ul li:hover .title {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* IE 7 and olders */
opacity: 0.9; 
}

/*
 * foot
 */
#foot { position: relative; width: 100%; height: 100px; text-shadow: 1px 1px #fff; cursor: default; }
#foot a { color: #000; text-decoration: none; border-bottom: 1px dotted #aaa; }
#foot a:hover { color: #888; }
#foot .powered,
#foot .social { position: absolute; bottom: 20px; font-size: 12px; }
#foot .powered {  right: 1%; }
#foot .social { left: 1%; }

/*
 * responsive
 */
.responsive-video { position: relative; padding-bottom: 56.25%; width: 100%; }
.responsive-video iframe,
.responsive-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#sidebar-toggle { display: none; }

@media all and (max-width: 959px) {
	#sidebar { z-index: 100; 
	-webkit-transform: translate3d(-300px,0,0);
	-moz-transform: translate3d(-300px,0,0);
	transform: translate3d(-300px,0,0);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	}

	#recent-post ul li .title { opacity: 0.9; top: inherit; bottom: 0; height: 50px; line-height: 53px; }
	#recent-post ul li:nth-child(2n+0) .title { background-color: #333; }

	#sidebar-toggle { display: block; position: fixed; left: 10px; bottom: 10px; width: 50px; height: 50px; line-height: 55px; text-align: center; color: #555; background-color: #f1f1f1; border-radius: 10px; opacity: 0.9; box-shadow: 0 0 10px #aaa; z-index: 101; }

	html.open #sidebar { overflow-y: auto;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	}
	html.open,
	html.open body { overflow: hidden; }

	#content { margin: 0 auto; padding: 0 10px; }
	#content-inner { padding: 0; }

	#head .date { bottom: -10px; right: 0; left: inherit; padding: 8px 5px 6px; font-size: 11px; }

	.tag_label { padding: 0 0 10px 0; }
}
@media all and (max-width: 639px) {
	.list ul li a { display: block; }

	#communicate .communicateWrite .guest label { padding: 0 0 5px 0; float: none; width: 100%; }
	#communicate .communicateWrite .guest input { width: 100%; }
	#communicate .communicateList .control { font-size: 12px; }

	#recent-post ul li { width: 100%; height: 200px; }

	#foot .powered { position: absolute; right: 0; bottom: 45px; width: 100%; text-align: center; }
	#foot .social { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; }
}
@media all and (min-width: 960px) {
	#sidebar-toggle { display: none; }
}
/* trpg log */
.message.private { background-color:#f1f1f1 !important; color:#999 !important }
.message.private .spacer { background-color:#e1e1e1 !important }
.message.private a { color:#999 !important }
.message.desc { font-style:unset !important }
.textchatcontainer .emote .spacer {background:none !important; }
.inlinerollresult.fullcrit {border-color:transparent !important}
.sheet-template_table { line-height:100% }

.message.general table.sheet-yl { line-height:100% }
.message h5 {font-weight:unset}

/* 나선붕괴 */
.sheet-rolltemplate-coc,
.sheet-result-top-container,
.sheet-rolltemplate-coc-attack,
.sheet-rolltemplate-coc-attack-1,
.sheet-rolltemplate-coc-dice-roll,
.sheet-rolltemplate-coc-bomadness-rt,
.sheet-rolltemplate-coc-bomadness-summ,
.sheet-dice-container {line-height:1.25em}

/* 문어 */
.sheet-rolltemplate-con.sheet-octopus::before{
  content: "";
  display: block;
  width: 312px;
  height: 197px;
  background: url(https://i.imgur.com/kirh2BE.png) no-repeat;
  position: absolute;
  top:-50px;
  left: -42px;
  z-index: 10;
  pointer-events:none;
}
.sheet-rolltemplate-con.sheet-octopus::after{
  content: "";
  display: block;
  width: 312px;
  height: 197px;
  background: url(https://i.imgur.com/GE1137Z.png) no-repeat;
  position: absolute;
  bottom:-80px;
  left:-42px;
  z-index: 10;
  pointer-events:none;
}
.sheet-rolltemplate-con.sheet-octopus {
  color:#fafafa
}
.sheet-rolltemplate-coc-1 .sheet-octopus tr:nth-child(2) p::before,
.sheet-rolltemplate-coc-attack-1 .sheet-octopus tr:nth-child(2) p::before,
.sheet-rolltemplate-coc-defence-2 .sheet-octopus tr:nth-child(2) p::before,
.sheet-rolltemplate-coc-dice-roll .sheet-octopus tr:nth-child(2) p::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top:2px; left: 0;
  background:url(https://i.imgur.com/NMRppmQ.png) no-repeat;
  background-size: cover;
  border-radius: 50%;
  z-index: 0;
}
.sheet-rolltemplate-coc .sheet-octopus tr:nth-child(2) p::before,
.sheet-rolltemplate-coc-attack .sheet-octopus tr:nth-child(2) p::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top:2px; left: 0;
  background:url(https://i.imgur.com/NMRppmQ.png) no-repeat;
  background-size: cover;
  border-radius: 50%;
  z-index: 0;
}
.sheet-octopus .inlinerollresult {
    text-shadow:0 0 5px #000;
}
.sheet-rolltemplate-con.sheet-octopus tr:nth-child(2) .inlinerollresult,
.sheet-rolltemplate-coc-attack.sheet-octopus tr:nth-child(2) .inlinerollresult {
    line-height: 83px;
    font-size: 35px !important;
}

/* 나윌 */
.sheet-nw {
}
.sheet-rolltemplate-con.sheet-nw::before{
  content: "";
  display: block;
  width: 312px;
  height: 197px;
  background: url(https://i.imgur.com/e60c9Gw.png) no-repeat;
  position: absolute;
  top:-20px;
  left: -42px;
  z-index: 10;
  user-select:none;
}
.sheet-rolltemplate-con.sheet-nw::after{
  content: "";
  display: block;
  width: 312px;
  height: 155px;
  background: url(https://i.imgur.com/A0jydlY.png) no-repeat;
  position: absolute;
  bottom:-20px;
  left:-42px;
  z-index: 10;
  user-select:none;
}
.sheet-rolltemplate-coc .sheet-nw tr:first-child,
.sheet-rolltemplate-coc-1 .sheet-nw tr:first-child,
.sheet-rolltemplate-coc-attack .sheet-nw tr:first-child,
.sheet-rolltemplate-coc-attack-1 .sheet-nw tr:first-child,
.sheet-rolltemplate-coc-defence-2 .sheet-nw tr:first-child td,
.sheet-rolltemplate-coc-dice-roll .sheet-nw tr:first-child td {
  font-size: 15px;
  color: #bebebe;
  margin: 0;
}
.sheet-rolltemplate-coc-1 .sheet-nw tr:nth-child(2),
.sheet-rolltemplate-coc-attack-1 .sheet-nw tr:nth-child(2),
.sheet-rolltemplate-coc-defence-2 .sheet-nw tr:nth-child(2),
.sheet-rolltemplate-coc-dice-roll .sheet-nw tr:nth-child(2) {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 35px;
  color: #e2ae0f;
  font-family: 'Hahmlet', serif;
}
.sheet-rolltemplate-coc .sheet-nw tr:nth-child(2) td,
.sheet-rolltemplate-coc-attack .sheet-nw tr:nth-child(2) td {
  display: flex !important;
  justify-content: center;
  font-size: 25px;
  gap:5px;
}
.sheet-rolltemplate-coc .sheet-nw tr:nth-child(2) span span,
.sheet-rolltemplate-coc-attack .sheet-nw tr:nth-child(2) span span {
  position: relative;
  line-height: 55px;
  color: #e2ae0f;
}
.sheet-rolltemplate-coc-1 .sheet-nw tr:nth-child(2),
.sheet-rolltemplate-coc-attack-1 .sheet-nw tr:nth-child(2),
.sheet-rolltemplate-coc-defence-2 .sheet-nw tr:nth-child(2),
.sheet-rolltemplate-coc-dice-roll .sheet-nw tr:nth-child(2) {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 35px;
  color: #e2ae0f;
  font-family: 'Hahmlet', serif;
}

.sheet-rolltemplate-coc-1 .sheet-nw tr:nth-child(2) p::before,
.sheet-rolltemplate-coc-attack-1 .sheet-nw tr:nth-child(2) p::before,
.sheet-rolltemplate-coc-defence-2 .sheet-nw tr:nth-child(2) p:before{
  content: " ";
  display: block;
  width: 70px; height: 70px;
  position: absolute; top:50%;left:50%;
  transform: translate(-50%,-50%);
  background: url(https://i.imgur.com/ILRrOQR.png) no-repeat;
  background-size: cover;
  z-index: -1;
}

.sheet-rolltemplate-coc-dice-roll .sheet-nw .inlinerollresult,
.sheet-rolltemplate-coc .sheet-nw .inlinerollresult,
.sheet-rolltemplate-coc-1 .sheet-nw .inlinerollresult,
.sheet-rolltemplate-coc-attack .sheet-nw .inlinerollresult,
.sheet-rolltemplate-coc-attack-1 .sheet-nw .inlinerollresult,
.sheet-rolltemplate-coc-defence-2 .sheet-nw .inlinerollresult {
    border: none !important;
    background-color: transparent !important;
    font-weight: bold !important;
    font-family: 'Hahmlet', serif;
}

/* 동양풍 */
.sheet-rolltemplate-con.sheet-oriental::before {
  content: "";
  display: block;
  width: 312px;
  height: 80px;
  background: url(https://imgsrv.roll20.net/?src=https%3A//i.imgur.com/BtNMpw3.png) no-repeat;
  position: absolute;
  top: -35px;
  left: -35px;
  z-index: 10;
  user-select:none;
}
.sheet-rolltemplate-con.sheet-oriental::after{
  content: "";
  display: block;
  width: 312px;
  height: 177px;
  background: url(https://imgsrv.roll20.net/?src=https%3A//i.imgur.com/3dAwDkz.png) no-repeat;
  position: absolute;
  bottom: -45px;
  left: -35px;
  z-index: 10;
  user-select:none;
}
.sheet-rolltemplate-coc .sheet-oriental tr:first-child span,
.sheet-rolltemplate-coc-1 .sheet-oriental tr:first-child span,
.sheet-rolltemplate-coc-attack .sheet-oriental tr:first-child span,
.sheet-rolltemplate-coc-attack-1 .sheet-oriental tr:first-child span,
.sheet-rolltemplate-coc-defence-2 .sheet-oriental tr:first-child td,
.sheet-rolltemplate-coc-dice-roll .sheet-oriental tr:first-child td {
    font-size: 13px;
    color: #e9e9e9;
    text-shadow: 0 0 5px #000;
    margin: 0;
}
.sheet-oriental tr:nth-child(2) { margin:10px 0 }

.sheet-rolltemplate-coc .sheet-oriental tr:nth-child(2) td,
.sheet-rolltemplate-coc-attack .sheet-oriental tr:nth-child(2) td {
    display: flex !important;
    justify-content: center;
    font-size: 22px;
}
.sheet-rolltemplate-coc .sheet-oriental tr:nth-child(2) td span,
.sheet-rolltemplate-coc-attack .sheet-oriental tr:nth-child(2) td span {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    padding:0 !important;
    line-height: 50px;
    font-size: 22px;
    color: #fff;
    text-shadow: 0 0 5px #000;
}
.sheet-rolltemplate-coc .sheet-oriental tr:nth-child(2) td > span:nth-child(3n),
.sheet-rolltemplate-coc-attack .sheet-oriental tr:nth-child(2) td > span:nth-child(3n) {display:none}
.sheet-rolltemplate-coc-1 .sheet-oriental tr:nth-child(2) td span,
.sheet-rolltemplate-coc-attack-1 .sheet-oriental tr:nth-child(2) td span,
.sheet-rolltemplate-coc-defence-2 .sheet-oriental tr:nth-child(2) td span,
.sheet-rolltemplate-coc-dice-roll .sheet-oriental tr:nth-child(2) td span {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 83px;
    padding:0 !important;
    line-height: 83px;
    font-size: 30px;
    color: #fff;
    font-family: 'Hahmlet', serif;
    text-shadow: 0 0 5px #000;
}

.sheet-rolltemplate-coc .sheet-oriental tr:nth-child(2) .inlinerollresult::before,
.sheet-rolltemplate-coc-attack .sheet-oriental tr:nth-child(2) .inlinerollresult::before {
    content: "";
    display: block;
    width: 85%;
    height: 85%;
    position: absolute;
    top: 1px;
    left: 50%;
    border: 2px solid #ddd;
    border-radius: 5px;
    transform: translateX(-50%) rotate(45deg);
    z-index: 0;
}
.sheet-rolltemplate-coc-1 .sheet-oriental tr:nth-child(2) .inlinerollresult::before,
.sheet-rolltemplate-coc-attack-1 .sheet-oriental tr:nth-child(2) .inlinerollresult::before,
.sheet-rolltemplate-coc-defence-2 .sheet-oriental tr:nth-child(2) .inlinerollresult::before,
.sheet-rolltemplate-coc-dice-roll .sheet-oriental tr:nth-child(2) .inlinerollresult::before {
    content: "";
    display: block;
    width: 70%;
    height: 70%;
    position: absolute;
    top: 11px;
    left: -1px;
    border: 2px solid #ddd;
    border-radius: 5px;
    transform: rotate(45deg);
    z-index: 0;
}
.sheet-rolltemplate-coc-1 .sheet-oriental tr:nth-child(2) .inlinerollresult::after,
.sheet-rolltemplate-coc-attack-1 .sheet-oriental tr:nth-child(2) .inlinerollresult::after,
.sheet-rolltemplate-coc-defence-2 .sheet-oriental tr:nth-child(2) .inlinerollresult::after,
.sheet-rolltemplate-coc-dice-roll .sheet-oriental tr:nth-child(2) .inlinerollresult::after {
    content: "";
    display: block;
    width: 70%;
    height: 70%;
    position: absolute;
    top: 11px;
    left: 21px;
    border: 2px solid #ddd;
    border-radius: 5px;
    transform: rotate(45deg);
    z-index: 0;
}
/* 메이클 */
.sheet-rolltemplate-con.sheet-mc::before{
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background: url(https://imgur.com/lX8O81a.png) no-repeat;  /* 컬러 변경, 이미지 변경 */
  border-bottom: 1px dashed #0cc40b; /* 컬러 변경*/
  background-size: cover;
  background-position: center;
  position: absolute;
  top: -100px;
  left: 0;
  border-radius: 20px;
  z-index: 10;
}
.sheet-rolltemplate-con.sheet-mc::after{
  content: "";
  display: block;
  width: 100%;
  height: 180px;
  background: url(https://imgur.com/7UMSyp9.png) no-repeat; /* 컬러 변경, 이미지 변경 */
  background-size: cover;
  background-position: center;
  position: absolute;
  bottom: -5px;
  left: 0;
  border-radius:0 0 20px 20px;
  z-index: -1;
}
.sheet-rolltemplate-con.sheet-mc table::before{
  content: "";
  display: block;
  position: absolute;
  width: 90px; height: 110px;
  top: -25px; left: -25px;
  background: url(https://imgur.com/fOVyXt2.png) no-repeat; /* 컬러 변경, 이미지 변경 */
  background-size: contain;
  background-position: center;
  transform: rotate(10deg);
  z-index: 20;
}
.sheet-rolltemplate-con.sheet-mc table::after{
  content: "";
  display: block;
  position: absolute;
  width: 90px; height: 110px;
  bottom: -25px; right: -25px;
  background: url(https://imgur.com/LJRQSvB.png) no-repeat; /* 컬러 변경, 이미지 변경 */
  background-size: contain;
  background-position: center;
  transform: rotate(-10deg);
  z-index: 20;
}
.sheet-rolltemplate-coc-dice-roll .sheet-mc h5::before,
.sheet-rolltemplate-coc-bomadness-rt .sheet-mc h5::before,
.sheet-rolltemplate-coc-bomadness-summ .sheet-mc h5::before,
.sheet-rolltemplate-coc-free-roll .sheet-mc h5::before,
.sheet-rolltemplate-coc-body-hit-loc .sheet-mc h5::before,
.sheet-rolltemplate-coc .sheet-mc h5::before,
.sheet-rolltemplate-coc-1 .sheet-mc h5::before,
.sheet-rolltemplate-coc-attack .sheet-mc h5::before,
.sheet-rolltemplate-coc-attack-1 .sheet-mc h5::before,
.sheet-rolltemplate-coc-defence-2 .sheet-mc h5::before{
  content: "✦";
  position: absolute;
  top: 0px; left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: bold;
  display: block;
  color: #9f50db; /* 컬러 변경*/
}
.sheet-rolltemplate-coc .sheet-mc tr:first-child span,
.sheet-rolltemplate-coc-1 .sheet-mc tr:first-child span,
.sheet-rolltemplate-coc-attack .sheet-mc tr:first-child span,
.sheet-rolltemplate-coc-attack-1 .sheet-mc tr:first-child span,
.sheet-rolltemplate-coc-defence-2 .sheet-mc tr:first-child td,
.sheet-rolltemplate-coc-dice-roll .sheet-mc tr:first-child td span{
  font-size: 13px;
  color: #0cc40b; /* 컬러 변경 */
  background:transparent;
  width: 65%;
  margin: 0 auto;
  padding: 5px 0;
  line-height: 20px;
}
.sheet-rolltemplate-coc-1 .sheet-mc tr:nth-child(2) span span::before,
.sheet-rolltemplate-coc-attack-1 .sheet-mc tr:nth-child(2) span span::before,
.sheet-rolltemplate-coc-defence-2 .sheet-mc tr:nth-child(2) span span::before,
.sheet-rolltemplate-coc-dice-roll .sheet-mc tr:nth-child(2) span span::before,
.sheet-rolltemplate-coc .sheet-mc tr:nth-child(2) span span::before,
.sheet-rolltemplate-coc-attack .sheet-mc tr:nth-child(2) span span::before{
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  display: block;
  width: 100%; height: 80%;
  background:#2a2a2a; /* 컬러 변경 */
  border-radius: 50%;
  border: 1px dashed #0cc40b;
  transform: translate(-50%, -50%);
  z-index:-1
}
.sheet-rolltemplate-coc .sheet-mc tr:nth-child(2) td,
.sheet-rolltemplate-coc-attack .sheet-mc tr:nth-child(2) td {
    display: flex !important;
    justify-content: center;
    gap: 0 2px
}
.sheet-rolltemplate-coc .sheet-mc tr:nth-child(2) span span,
.sheet-rolltemplate-coc-attack .sheet-mc tr:nth-child(2) span span{
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px !important;
  margin: 10px 0;
  background: transparent;
  z-index: 40 !important;
}
.sheet-rolltemplate-coc-1 .sheet-mc tr:nth-child(2) span span,
.sheet-rolltemplate-coc-attack-1 .sheet-mc tr:nth-child(2) span span,
.sheet-rolltemplate-coc-defence-2 .sheet-mc tr:nth-child(2) span span,
.sheet-rolltemplate-coc-dice-roll .sheet-mc tr:nth-child(2) span span{
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 35px !important;
  color: #eee; /* 컬러 변경 */
  margin: 0;
  background: transparent;
}
/* 아포 */
.sheet-rolltemplate-con.sheet-apo::before {
  content: "";
  display: block;
  width: 312px;
  height: 200px;
  background: url(https://i.imgur.com/HTRO8mR.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -150px;
  left: -35px;
  z-index: 10;
}
.sheet-rolltemplate-con.sheet-apo::after {
  content: "";
  display: block;
  width: 312px;
  height: 177px;
  background: url(https://i.imgur.com/qz9Ykap.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  bottom: -54px;
  left: -39px;
  z-index: 10;
}
.sheet-rolltemplate-coc .sheet-apo tr:nth-child(2) td,
.sheet-rolltemplate-coc-attack .sheet-apo tr:nth-child(2) td {
    display: flex !important;
    justify-content: center;
}
.sheet-rolltemplate-coc .sheet-apo tr:nth-child(2) td > span:nth-child(3n),
.sheet-rolltemplate-coc-attack .sheet-apo tr:nth-child(2) td > span:nth-child(3n) {display:none}

.sheet-rolltemplate-coc .sheet-apo tr:nth-child(2) td span,
.sheet-rolltemplate-coc-attack .sheet-apo tr:nth-child(2) td span{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 55px;
  font-size: 22px;
  color: #000;
  margin: 10px 0;
  padding: 0 !important;
}
.sheet-rolltemplate-coc .sheet-apo tr:nth-child(2) .inlinerollresult::before,
.sheet-rolltemplate-coc-attack .sheet-apo tr:nth-child(2) .inlinerollresult::before{
  content: "";
  display: block;
  width: 85%;
  height: 85%;
  position: absolute;
  top:5px; left: 50%;
  background: #eeeeeedd;
  transform:translateX(-50%) rotate(45deg);
  z-index: -1;
}

.sheet-rolltemplate-coc .sheet-apo tr:first-child td,
.sheet-rolltemplate-coc-1 .sheet-apo tr:first-child td,
.sheet-rolltemplate-coc-attack .sheet-apo tr:first-child td,
.sheet-rolltemplate-coc-attack-1 .sheet-apo tr:first-child td,
.sheet-rolltemplate-coc-defence-2 .sheet-apo tr:first-child td,
.sheet-rolltemplate-coc-dice-roll .sheet-apo tr:first-child td{
  font-size: 13px;
  color: #e9e9e9;
  background: #121212dd;
  width: 148.188px !important;
  margin: 0 auto;
  padding: 5px 0 !important;
}
.sheet-rolltemplate-coc-1 .sheet-apo tr:nth-child(2) .inlinerollresult,
.sheet-rolltemplate-coc-attack-1 .sheet-apo tr:nth-child(2) .inlinerollresult,
.sheet-rolltemplate-coc-defence-2 .sheet-apo tr:nth-child(2) .inlinerollresult,
.sheet-rolltemplate-coc-dice-roll .sheet-apo tr:nth-child(2) .inlinerollresult {
  position: relative;
  display: inline-block;
  width: 83px;
  height: 83px;
  line-height: 86px;
  font-size: 30px !important;
  color: #000;
  font-family: 'pretendard', serif;
  margin-top: 10px;
  box-sizing:border-box !important;
}
.sheet-rolltemplate-coc-1 .sheet-apo tr:nth-child(2) .inlinerollresult::before,
.sheet-rolltemplate-coc-attack-1 .sheet-apo tr:nth-child(2) .inlinerollresult::before,
.sheet-rolltemplate-coc-defence-2 .sheet-apo tr:nth-child(2) .inlinerollresult::before,
.sheet-rolltemplate-coc-dice-roll .sheet-apo tr:nth-child(2) .inlinerollresult::before{
  content: "";
  display: block;
  width: 70%;
  height: 70%;
  position: absolute;
  top:14px; left: -1px;
  background: #eeeeeedd;
  transform:rotate(45deg);
  z-index: -1;
}
.sheet-rolltemplate-coc-1 .sheet-apo tr:nth-child(2) .inlinerollresult::after,
.sheet-rolltemplate-coc-attack-1 .sheet-apo tr:nth-child(2) .inlinerollresult::after,
.sheet-rolltemplate-coc-defence-2 .sheet-apo tr:nth-child(2) .inlinerollresult::after,
.sheet-rolltemplate-coc-dice-roll .sheet-apo tr:nth-child(2) .inlinerollresult::after{
  content: "";
  display: block;
  width: 70%;
  height: 70%;
  position: absolute;
  top:14px; left: 21px;
  background: #eeeeeedd;
  transform: rotate(45deg);
  z-index: -1;
}
/* whiteflower */
.sheet-rolltemplate-con.sheet-wf::before{
  content: "";
  display: block;
  width: 312px;
  height: 220px;
  background: url(https://i.imgur.com/jU6373I.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -150px;
  left: -35px;
  z-index: 10;
}
.sheet-rolltemplate-con.sheet-wf::after{
  content: "";
  display: block;
  width: 328px;
  height: 177px;
  background: url(https://i.imgur.com/cBjPzxd.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  bottom: -54px;
  left: -47px;
  z-index: 10;
}
.sheet-rolltemplate-coc .sheet-wf tr:nth-child(2) td,
.sheet-rolltemplate-coc-attack .sheet-wf tr:nth-child(2) td {
    display: flex !important;
    justify-content: center;
    gap:0 2px;
}
.sheet-rolltemplate-coc .sheet-wf tr:nth-child(2) td > span:nth-child(3n),
.sheet-rolltemplate-coc-attack .sheet-wf tr:nth-child(2) td > span:nth-child(3n) {display:none}
.sheet-rolltemplate-coc .sheet-wf tr:nth-child(2) td > span,
.sheet-rolltemplate-coc-attack .sheet-wf tr:nth-child(2) td > span{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #000;
  margin: 10px 0;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 11px 12px -10px #555;
}
.sheet-rolltemplate-coc-1 .sheet-wf tr:nth-child(2) td > span,
.sheet-rolltemplate-coc-attack-1 .sheet-wf tr:nth-child(2) td > span,
.sheet-rolltemplate-coc-defence-2 .sheet-wf tr:nth-child(2) td > span,
.sheet-rolltemplate-coc-dice-roll .sheet-wf tr:nth-child(2) td > span {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  color: #000;
  font-family: 'pretendard', serif;
  margin-top: 10px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 11px 12px -10px #555;
}

.sheet-d12 .sheet-tit b {font-size:20px;}
.sheet-d12 .sheet-dice-spec {bottom: 165px !important}
.sheet-d12 .sheet-dice-result-acc {height: 216px !important}

/* 겨울 winter */
.sheet-coc-wrap.sheet-winter::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 50px solid;
    border-image: url(https://imgsrv.roll20.net/?src=https%3A//i.imgur.com/2Uvwrhe.png) 80 / 70px / 0px round;
    z-index: -1;
}
.sheet-coc-wrap.sheet-winter::after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 11px;
    right: 11px;
    bottom: 11px;
    background: #f3f4fa;
    background-size: 100% auto;
    z-index: -2;
}
.sheet-coc-wrap.sheet-winter .sheet-dice-con .sheet-dice-result:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(https://imgsrv.roll20.net/?src=https%3A//i.imgur.com/oznn3qE.png) no-repeat 50% 50%;
    background-size: contain;
    opacity: .5;
}
.sheet-coc-wrap.sheet-winter .sheet-tit b {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800 !important;
    font-family: 'SF_HambakSnow';
    letter-spacing: -1px;
    text-shadow: 0 0 3px #f3f3f9, 0 0 3px #f3f3f9, 0 0 10px #f3f3f9;
}

/* 로잘린드 */
.sheet-rsld::before {
    content: '';
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    background: url('https://i.imgur.com/KPc4JAz.png') center center no-repeat;
    top: 3px;
    left: 3px;
}
.sheet-rsld::after {
    content: '';
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    background: url('https://i.imgur.com/QAnCfNR.png') center center no-repeat;
    bottom: 3px;
    right: 3px;
}
.sheet-rsld .sheet-result_status {white-space:nowrap;}
.sheet-rsld .inlinerollresult {white-space: nowrap;}

/* 호러 */
.sheet-rolltemplate-con.sheet-ho::before {
  content: "";
  display: block;
  width: 284px;
  height: 220px;
  background: url(https://imgur.com/lbgQPV9.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -75px;
  left: -24px;
  z-index: 10;
}
.sheet-rolltemplate-con.sheet-ho::after{
  content: "";
  display: block;
  width: 282px;
  height: 177px;
  background: url(https://imgur.com/sPHJ4pq.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  bottom: -65px;
  left: -23px;
  z-index: 10;
}
.sheet-rolltemplate-coc-bomadness-rt .sheet-ho .inlinerollresult.showtip.tipsy-n-right {background-color:rgba(0,0,0,0.8) !important;font-size:20px}
.sheet-ho h5::before {
    content: "✔";
    position: absolute;top: -10px;left: 50%;
    transform: translateX(-50%);
    font-size: 15px;font-weight: bold;
    display: block;
    color: #df5e5d;
}
.sheet-ho tr:first-child td {margin:5px 0;font-weight:600}
.sheet-rolltemplate-coc-1 .sheet-ho tr:nth-child(2) td > span::before,
.sheet-rolltemplate-coc-attack-1 .sheet-ho tr:nth-child(2) td > span::before,
.sheet-rolltemplate-coc-defence-2 .sheet-ho tr:nth-child(2) td > span::before,
.sheet-rolltemplate-coc-dice-roll .sheet-ho tr:nth-child(2) td > span::before,
.sheet-rolltemplate-coc .sheet-ho tr:nth-child(2) td > span::before,
.sheet-rolltemplate-coc-attack .sheet-ho tr:nth-child(2) td > span::before {
    content: "";
    position: absolute; top: 50%; left: 50%;
    display: block;
    width: 100%; height: 100%;
    background: url(https://imgur.com/74Ogl4Y.png) no-repeat;
    background-size: contain;
    background-position: center;
    transform: translate(-50%, -50%);
}
.sheet-rolltemplate-coc-1 .sheet-ho tr:nth-child(2) td > span,
.sheet-rolltemplate-coc-attack-1 .sheet-ho tr:nth-child(2) td > span,
.sheet-rolltemplate-coc-defence-2 .sheet-ho tr:nth-child(2) td > span,
.sheet-rolltemplate-coc-dice-roll .sheet-ho tr:nth-child(2) td > span {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 60px;
    font-size: 35px;
    color: #fff;
    text-shadow: 0 0 5px #df5e5d;
    margin: 0;
    background: transparent;
    text-indent: -1px;
}
.sheet-rolltemplate-coc .sheet-ho tr:nth-child(2) td,
.sheet-rolltemplate-coc-attack .sheet-ho tr:nth-child(2) td {
    display: flex !important;
    justify-content: center;
    font-size: 20px;
}
.sheet-rolltemplate-coc .sheet-ho tr:nth-child(2) td > span,
.sheet-rolltemplate-coc-attack  .sheet-ho tr:nth-child(2) td > span {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    text-shadow: 0 0 5px #df5e5d;
    margin: 10px 0;
    background: transparent;
    text-indent: -1px;
}
.sheet-rolltemplate-coc .sheet-ho tr:nth-child(2) td > span:nth-child(3n),
.sheet-rolltemplate-coc-attack .sheet-ho tr:nth-child(2) td > span:nth-child(3n) {display:none}


/* 마기로기 */
.sheet-rolltemplate-MagiDice .sheet-magibox .sheet-subtitle:before, .sheet-rolltemplate-MagiDice .sheet-magibox .sheet-subtitle:after {
  content: "◆";
  color: #baa98d;
  margin: 0 5px;
}
.sheet-rolltemplate-MagiDice .sheet-magibox .sheet-dice > .inlinerollresult:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(-45deg);
    border: 1px solid #baa98d;
    background: rgba(255, 255, 255, .8);
    z-index: -1;
}

/* 마기로기 뉴 */
.sheet-rolltemplate-MagikaSkill:before,
.sheet-rolltemplate-MagikaSkill:after	{content:""; display:block; position:absolute; top:15px; width:33px; height:80px; background:url(https://i.imgur.com/8itar4N.png) no-repeat 0 0; z-index:1;}
.sheet-rolltemplate-MagikaSkill:before	{left:-1px;}
.sheet-rolltemplate-MagikaSkill:after	{right:-1px; background-position-x:100%;}
.sheet-rolltemplate-MagikaSkill .sheet-magiWrap:after {content:""; display:block; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; z-index:-1; border:30px solid transparent; border-image:url(https://i.imgur.com/c5qgVaF.png) 30 30 30 30 stretch; z-index:-1}
.sheet-magiWrap span.inlinerollresult {border:none !important}

.sheet-rolltemplate-MagikaSkill .sheet-point-bar:before {content:""; display:block; position:absolute; top:0; bottom:0; right:0; left:0; background:linear-gradient(90deg, rgba(138,118,89,0) 0%, rgba(138,118,89,1) 50%, rgba(138,118,89,0) 100%); z-index:-1;}
.sheet-rolltemplate-MagikaSkill .sheet-magiWrap .sheet-special:before	{background:linear-gradient(90deg, rgba(79,173,132,0) 0%, rgba(79,173,132,1) 50%, rgba(79,173,132,0) 100%);}
.sheet-rolltemplate-MagikaSkill .sheet-magiWrap .sheet-fumble:before	{background:linear-gradient(90deg, rgba(182,52,49,0) 0%, rgba(182,52,49,1) 50%, rgba(182,52,49,0) 100%);}
.sheet-rolltemplate-MagikaSkill .sheet-magiWrap .sheet-succed:before	{background:linear-gradient(90deg, rgba(182,128,49,0) 0%, rgba(182,128,49,1) 50%, rgba(182,128,49,0) 100%);}
.sheet-rolltemplate-MagikaSkill .sheet-magiWrap .sheet-fail:before		{background:linear-gradient(90deg, rgba(33,33,33,0) 0%, rgba(33,33,33,1) 50%, rgba(33,33,33,0) 100%);}
.sheet-rolltemplate-MagikaSkill .sheet-magiWrap .sheet-error:before		{background:linear-gradient(90deg, rgba(138,89,89,0) 0%, rgba(138,89,89,1) 50%, rgba(138,89,89,0) 100%);}
.sheet-rolltemplate-MagikaSkill .sheet-targetArea:before,
.sheet-rolltemplate-MagikaSkill .sheet-targetArea:after {content:""; display:block; position:relative; width:7px; height:7px; background:url(https://i.imgur.com/owfRLzl.png) no-repeat 50% 50%;}
.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt:before {content:""; display:block; position:relative; width:14px; height:14px; background:url(https://i.imgur.com/QJh4u52.png) no-repeat 0 50%;}
.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate1:before {background-position-x:0;}
.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate2:before {background-position-x:-19px;}
.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate3:before {background-position-x:-39px;}
.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate4:before {background-position-x:-59px;}
.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate5:before {background-position-x:-80px;}
.sheet-rolltemplate-MagikaSkill .sheet-detail-dice .sheet-txt.sheet-cate6:before {background-position-x:-101px;}

.sheet-rolltemplate-MagikaDice .sheet-magiWrap:after {content:""; display:block; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; z-index:-1; border:30px solid transparent; border-image:url(https://i.imgur.com/c5qgVaF.png) 30 30 30 30 stretch; z-index:-1;}
.sheet-rolltemplate-MagikaDice .sheet-magiWrap .sheet-dice-group .sheet-point-bar:before {content:""; display:block; position:absolute; top:0; bottom:0; right:-15px; left:0; background:linear-gradient(90deg, rgba(138,118,89,0) 0%, rgba(138,118,89,1) 30%, rgba(138,118,89,1) 100%); z-index:-1;}
.sheet-rolltemplate-MagikaDice .sheet-magiWrap .sheet-dice-group .sheet-special:before	{background:linear-gradient(90deg, rgba(79,173,132,0) 0%, rgba(79,173,132,1) 30%, rgba(79,173,132,1) 100%);}
.sheet-rolltemplate-MagikaDice .sheet-magiWrap .sheet-dice-group .sheet-fumble:before	{background:linear-gradient(90deg, rgba(182,52,49,0) 0%, rgba(182,52,49,1) 30%, rgba(182,52,49,1) 100%);}
.sheet-rolltemplate-MagikaDice .sheet-magiWrap .sheet-dice-group .sheet-succed:before	{background:linear-gradient(90deg, rgba(182,128,49,0) 0%, rgba(182,128,49,1) 30%, rgba(182,128,49,1) 100%);}
.sheet-rolltemplate-MagikaDice .sheet-magiWrap .sheet-dice-group .sheet-fail:before		{background:linear-gradient(90deg, rgba(33,33,33,0) 0%, rgba(33,33,33,1) 30%, rgba(33,33,33,1) 100%);}
.sheet-rolltemplate-MagikaDice .sheet-magiWrap .sheet-dice-group .sheet-error:before		{background:linear-gradient(90deg, rgba(138,89,89,0) 0%, rgba(138,89,89,1) 30%, rgba(138,89,89,1) 100%);}
.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt:before {content:""; display:block; position:relative; width:14px; height:14px; background:url(https://i.imgur.com/QJh4u52.png) no-repeat 0 50%;}
.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate1:before {background-position-x:0;}
.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate2:before {background-position-x:-19px;}
.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate3:before {background-position-x:-39px;}
.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate4:before {background-position-x:-59px;}
.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate5:before {background-position-x:-80px;}
.sheet-rolltemplate-MagikaDice .sheet-detail-dice .sheet-txt.sheet-cate6:before {background-position-x:-101px;}

.sheet-rolltemplate-MagikaDesc .sheet-magiWrap:after {content:""; display:block; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; z-index:-1; border:30px solid transparent; border-image:url(https://i.imgur.com/c5qgVaF.png) 30 30 30 30 stretch; z-index:-1;}
.sheet-rolltemplate-MagikaDesc .sheet-targetArea:before,
.sheet-rolltemplate-MagikaDesc .sheet-targetArea:after {content:""; display:block; position:relative; width:7px; height:7px; background:url(https://i.imgur.com/owfRLzl.png) no-repeat 50% 50%;}

.sheet-rolltemplate-MagikaDice,
.sheet-rolltemplate-MagikaDesc,
.sheet-rolltemplate-MagikaSkill {margin:0 !important}


/* 인세인 - 빙무회 */
.sheet-md.sheet-ins-default-con:before,
.sheet-md.sheet-ins-default-con:after {content:""; display:block; position:absolute; left:0; right:0; height:42px; background:url('https://i.imgur.com/W2AHhsE.png') no-repeat 50% 0;}
.sheet-md.sheet-ins-default-con:before {top:0;}
.sheet-md.sheet-ins-default-con:after {bottom:0; background-position:50% 100%;}

/* 시노비가미 */
p.sheet-field {padding-bottom:8px !important}