@charset "utf-8";

/* LIMBO 케미/Chemistry */  

.limbo {  }

.reading .limbo { padding-top:0; }
.limbo-promo { position:relative; overflow:hidden; height:255px; }

.limbo-prmtitle {
	position: absolute; top: 13px; left: 21px; 
    line-height: 20px; height: 20px;
}
.limbo-prmtitle span {
	padding: 0 9px; line-height: 18px; height: 18px; display: inline-block;
	font-size: 11px; border-radius: 11px;
	color:#eee;
	background-color: #333;
	
	color: rgba(255,255,255,0.79);
	background-color: rgba(255,255,255,0.22);
}
.limbo-prmtitle span.futus {
	color: rgba(255,255,255,0.69);
	background-color: rgba(14,14,14,0.69);	
}
.ubu { position:relative; background-color:#fafafa; }
.ubu .site-grid { min-height: 660px; }

.limboLabel {
    display: inline-block; text-align: center; display:none;
    text-shadow: none; line-height: 16px; height:16px;
    background-color: #333; font-size: 10px; font-weight:300;
    color: #fff !important;
    border-radius: 11px; padding: 0 7px;
}

.saturn { 
	position:relative; height:54px; 
	background: #f5f5f5; text-align:center;
	background: rgba(246,246,246,0.96);
	border-top: 1px solid transparent;
}

.numbers {
    position: relative; display: block; height: 54px; float:left; 
    overflow-y: hidden; overflow-x: auto; white-space:nowrap;
}
.numbers-item { display: inline-block; }

.numbers-link { 
	display: inline-block; 
	font-size: 14px; color:#333; font-weight: 300; text-align:left;
	backface-visibility: visible; white-space: nowrap;
	
	height: 51px; line-height:54px; margin-left:20px;
    -webkit-transition: all .2s ease; 
    transition: all .2s ease;
	
    background: transparent;
    border-bottom: 3px solid transparent	
}
.numbers-link:hover,
.numbers-link:active,
.cprevent .numbers-link { color:#999;}
.numbers-link.active { border-color:#444; }


.mimas { position:relative; }
.mimas.absolum-r { position:absolute; right:20px; top:0; }
.mimas.absolum-l { position:absolute; left:20px; top:0; }

.mimas .mimas-item { position:relative; display:block; float:left; }
.mimas .mimas-item .dropdown-menu { top:49px; }

/* mimas divider */
.mimas .divider { position:relative; display:block; float:left; margin-left: 14px; }
.mimas .divider .div-item { 
	position:relative; width:1px; height:29px; margin-top:13px; background-color:#d6d6d6;
} 

/* mtg-link category */
.mimas .mtg-link { 
	position:relative; display:block; overflow:hidden; text-overflow: ellipsis;
	font-size: 14px; color:#333; font-weight: 300; text-align:left;
	backface-visibility: visible; white-space: nowrap;
	height: 54px; line-height:54px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.mimas .mtg-link:hover,
.mimas .open .mtg-link,
.mimas .mtg-link:active,
.mimas .mtg-link.active { color:#999; }

.mimas .mtg-link .mtg-caret {
	fill: #333;
    width:9px; height:9px; margin-left: 3px;
    display: inline-block;
	position:relative;
    vertical-align: 1px;	
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.mimas .mtg-link:hover .mtg-caret,
.mimas .open .mtg-link .mtg-caret,
.mimas .mtg-link:active .mtg-caret { fill:#999; }

.mimas .open .mtg-link .mtg-caret  {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mimas-search { position:relative;  }

.mimas-dsv .dropdown-menu { min-width:116px; }
.mimas-search .mimas-input-wrapper { position:relative; display:block; }

.mimas-search .mimas-holder { 
	position:absolute; top:0; width:130px; left:0; text-align:left;
	height:54px; line-height:54px; font-size:14px; color:#333; cursor:text;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
	visibility:visible; opacity: 1;
}

.mimas-search .focus .mimas-holder { 
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
	visibility: hidden; opacity: 0;
}
.mimas-search .has-text .mimas-holder { display:none; }

.mimas-search .mimas-input {
    -webkit-appearance: none;
    text-overflow: ellipsis;
    background: none !important; border: none; outline: none;
    display: block;
    font-size: 14px; font-weight:300;
	
	width:200px; height:54px; padding:8px 40px 8px 0; line-height:54px;
	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.mimas-search .mimas-input-icon { 
	position:absolute; top:13px; right:0px; background-color:#aaa;
	cursor:pointer;
	font-size: 14px; color:#fff; font-weight: 300;
	backface-visibility: visible; white-space: nowrap;
	height:29px; line-height:29px;  border-radius:3px; padding:0 5px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	visibility: hidden; opacity: 0;
}
.mimas-search .mimas-input-icon:hover { background-color:#02b875; color:#fff; }

.mimas-search .focus .mimas-input-icon,
.mimas-search .has-text .mimas-input-icon {
	visibility: visible; opacity: 1;

}
.mimas-search-icon {
    position: absolute; top: 0;  width: 21px; height: 54px; line-height: 54px; left:0px;  
}
.mimas-search-icon svg {
    width: 17px;
    height: 17px;
    vertical-align: -5px;
    position: relative;
    display: inline-block;
    fill: #fff;
}
.mimas-search.mimaleft { float:left; margin:0 19px 0 14px; }
.mimas-search.mimainline { display:inline-block; }

.mimas-search.mimainline .mimas-holder { left:26px; }

.mimas-search.mimainline .mimas-input { width:156px; padding:8px 43px 8px 26px; }
.mimas-search.mimainline .mimas-input:focus,
.mimas-search.mimainline .has-text .mimas-input { width:250px; }

.mimas-search.mimaleft .mimas-input-icon{
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.mimas-search.mimaleft .focus .mimas-input-icon,
.mimas-search.mimaleft .has-text .mimas-input-icon
{    
	-webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.mimas-search.mimainline .focus .mimas-holder { 
    -webkit-transform: translateY(0px);
    transform: translateY(0px);

}

.mimas-witem { position:relative; display:block; float:left; }

.mimas-witem .mimas-wlink {
	position:relative; display:block; 
	font-size: 15px; color:#333; font-weight: 400;
	backface-visibility: visible;
	height: 54px; line-height: 54px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background: transparent;
}
.mimas-witem .mimas-wlink:hover,
.mimas-witem .mimas-wlink:focus,
.mimas-witem .mimas-wlink:active,
.mimas-witem .mimas-wlink.active { color:#999; }

.mimas-witem .mw0after:after {
	position: absolute;
    top: 0; left: 0;
	width:50%; height:3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    content: '';  background-color: rgba(255,255,255,0.46);
}
.mimas-witem .mw0after:hover:after { background-color: #02b875;}

.mimas-witem .mimas-wlink.mw0set { margin-left:15px; }

.mimas-witem .dropdown-menu {
    top: 49px; min-width:126px;
}

/* btn link */
.mimas-witem .mimas-blink {
	position:relative; display:block; 
	font-size: 14px; color:#fff; font-weight: 300;
	backface-visibility: visible; white-space: nowrap;
	background-color:#444;
	height:29px; line-height:29px; padding:0 7px; margin-top:13px; border-radius:3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	border:none;
}
.mimas-witem .mimas-blink:hover,
.mimas-witem .mimas-blink:active,
.mimas-witem .mimas-blink.active { background-color: #02b875; color: #fff; }

/* saturn black */
.fhas-bg .saturn {
	background: none;
	background: rgba(0,0,0,0.03);
	border-color: #eee;
    border-color: rgba(255,255,255,0.16);

}
.fhas-bg .agrey { text-shadow: -1px -1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1), 0 0 7px rgba(0,0,0,0.2); }
.fhas-bg .mimas .mtg-link { color:#eee; color:rgba(255,255,255,0.90); }
.fhas-bg .mimas .mtg-link:hover,
.fhas-bg .mimas .open .mtg-link,
.fhas-bg .mimas .mtg-link:active,
.fhas-bg .mimas .mtg-link.active { color:#ddd; color:rgba(255,255,255,0.70); }
.fhas-bg .mimas .mtg-link .mtg-caret { fill:#eee; color:rgba(255,255,255,0.90); }
.fhas-bg .mimas .mtg-link:hover .mtg-caret,
.fhas-bg .mimas .open .mtg-link .mtg-caret,
.fhas-bg .mimas .mtg-link:active .mtg-caret { fill:#ddd; color:rgba(255,255,255,0.70); }

.fhas-bg .mimas .divider .div-item { background-color:#343434; background-color: rgba(203,203,203,0.18);} 

.fhas-bg .numbers-link { color:#eee; color:rgba(255,255,255,0.90); }
.fhas-bg .numbers-link:hover,
.fhas-bg .numbers-link:active,
.fhas-bg .cprevent .numbers-link { color:#ddd; color:rgba(255,255,255,0.70); }
.fhas-bg .numbers-link.active { color:#fff; border-color:#eee; border-color: rgba(255,255,255,0.66); }

.fhas-bg .mimas-search .mimas-holder { color:#eee; color:rgba(255,255,255,0.90); }
.fhas-bg .mimas-search .mimas-input { color:#eee; color:rgba(255,255,255,0.90); }
.fhas-bg .mimas-search .mimas-input:focus { border-color: rgba(255,255,255,0.76); }

.fhas-bg .mimas-witem .mimas-wlink { 
	color: #fff; color:rgba(255,255,255,0.90);
}
.fhas-bg .mimas-witem .mimas-wlink:hover,
.fhas-bg .mimas-witem .mimas-wlink:focus,
.fhas-bg .mimas-witem .mimas-wlink:active,
.fhas-bg .mimas-witem .mimas-wlink.active { color: #eee; color:rgba(255,255,255,0.70); }

.fhas-bg .mimas-search .mimas-input-icon { background-color: rgba(0, 0, 0, 0.50);}
.fhas-bg .mimas-search .mimas-input-icon:hover { background-color:#02b875; }


.higher-empty { 
	position: relative; display:none; 
    color: #333;
    font-size: 17px; text-align:center;
    line-height: 18px;
    font-weight: 300;
}
.empty .higher-empty { display:block;}

.mayaint { 
	position:absolute; top:11px; display:none; right:18px; margin:0; background-color:#fff;
}

.mayaint:after {
    content: '';
    position: absolute;
    top: 0; left: -16px; bottom: 0;
    width: 16px; height:18px;
	background: #fff;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}
.mayaint .maya { 
	position:relative; display:inline-block; height:19px;
    outline:0; text-decoration:underline;
    line-height: 19px; 
    font-size: 12px; font-weight: 300;
    color: #b2b2b2; color: rgba(0,0,0,.50);
	
}
.mayaint .maya:hover,
.mayaint .maya:active { color:#999; text-decoration:underline; }

.post-pin .pp-description .mayaint { top:0; right:0; }
.post-pin .pp-description .mayaint:after { height:22px;}
.post-pin .pp-description .mayaint .maya { line-height:22px; font-size: 13px; } 

.tangled-pin .pin-description:hover .mayaint { display:block; }
.post-pin .pp-description:hover .mayaint { display:block; }
.reading .mayaint { display:none !important; }
.ndots {
    position:relative; display:block; 
	background-color: #444; border-radius: 2px; color:#fff;
	width:10px; height:10px;
}
.tangled-pin .ndots { margin: 14px 16px 0 0; }
.post-pin .ndots { display:inline-block; vertical-align:0;  }


.ndots:before,
.ndots:after {
	content: '';
    position: absolute;
    top: 2px; left: 4px;
    width: 2px; height: 3px;
    background-color: #fff;
    display: block;
}
.ndots:after {
	width: 2px; height: 2px;
	top: auto; bottom:2px;
}

/* _style.tangled.html */
.tangled-cover { 
	position:relative;
	padding:20px 0; margin:0 auto;
}
.tangled-cover .grid-pin { width:250px; margin:0 10px 20px 10px; }
.tangled-cover .grid-pin.illusion { margin: 0 10px 0 10px ;}

.tangled-pin {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#fff; border-radius:6px;
}

.tangled-pin .pin-info { }
.tangled-pin .pin-credit {
    padding: 16px 17px 0 17px;
    position: relative;
    overflow: hidden;
 }
.tangled-pin .pin-credit .pin-credit-thumb {
    position: relative; float: left;
    display: inline-block;
    margin: 1px 6px 0 0;
}
.tangled-pin .pin-credit .pin-credit-img {
    width: 33px; height: 33px;
    border-radius: 50%;
}
.tangled-pin .pin-credit .pin-credit-info {
    margin-left: 41px; overflow: hidden;
}
.tangled-pin .pin-credit .pin-credit-name {
    color: #333;
    font-size: 13px; line-height: 18px;
    display: inline-block;
    font-weight: 400;     
	backface-visibility: visible;
}
.tangled-pin .pin-credit .pin-credit-name:hover { color:#999; }
.tangled-pin .pin-credit .pin-credit-time {
    color: #919191;
    font-size: 12px; font-weight: 300;   
    line-height: 18px; margin-top:0;
    display: block;
}

.tangled-pin .pin-description { position:relative; padding: 11px 18px 13px 18px;}
.tangled-pin .pin-description.aint { padding:11px 18px 6px 18px; }
.tangled-pin .pin-title-link { 
	display:block; outline:0;
    color: #333; font-size: 14px;
    line-height: 19px; font-weight:300; max-height:38px;
	text-overflow: ellipsis; overflow: hidden; 
}
.tangled-pin .pin-title-link span { font-weight:500 !important; }
.tangled-pin .pin-title-link.bold { height:18px; }
.tangled-pin .pin-title-link:hover,
.tangled-pin .pin-title-link:focus,
.tangled-pin .pin-title-link:active { color:#999; text-decoration:underline; }
.tangled-pin .pin-text {
    font-size:12px; padding-top:3px;
    font-weight:300;  color:#b2b2b2; color: rgba(0,0,0,.50);
}

.tangled-pin .pin-img-container {
	height: 100%; width: 100%;
	position: relative;
}
.tangled-pin .pin-action-link { 
	position: relative; display: block; overflow: hidden; padding:0; outline:0; border-radius:6px;
}
.tangled-pin .pin-img-container .pin-img {
	position: relative; display: block; width:100%; 
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	opacity:0.93; border-radius:6px;
}
.tangled-pin .pin-img-container:hover .pin-img { opacity:1; }

.tangled-pin .pin-bots {
	position:relative; height:38px;
}
.tangled-pin .pin-stats { position:relative; padding-left:16px; }

.tangled-pin .pin-stats-item { position:relative; display:block; float:left; height:38px; line-height:38px; margin-right:8px; }

.tangled-pin .pin-stats .pin-stats-icon { 
    width: 25px; height: 25px; vertical-align:-8px;
    position:relative; display: inline-block; fill: #666;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.tangled-pin .pin-stats .pin-stats-count { 
	font-size:13px; color:#777; font-weight:400; margin-left: 2px; display:inline-block;
}

/* _style.post.html */
.post-cover { 
	position:relative;
	padding:20px 0; margin:0 auto;
}
.post-cover .grid-pin { width:524px; margin:0 6px 3px 6px; }
.post-cover .grid-pin.illusion { margin: 0 6px 0 6px;}

.post-cover .grid-pin .grid-thumb { width:100%; display:block; }

.post-pin {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#fff; border-radius:3px;
}
.post-pin .pp-block { position:relative; display:block; padding: 14px 0 6px 0; }

.post-pin .pp-labels { 
	padding:0 0 3px 0; 
	position: relative; text-align:left;
    display: block; line-height: 16px;
    height: 16px;
	color: #b2b2b2;
    color: rgba(0,0,0,.60);
}
.post-pin  .pp-icon { 
	position:relative; display:inline-block; margin:0 6px 0 41px;
	width:14px; height:16px;
}
.post-pin  .pp-icon svg {
	position:relative;display:inline-block;
    height: 13px; width:13px; vertical-align:-2px;
    fill: #333;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.post-pin  .pp-icon svg.heartf { fill:#55acee; fill:#333; }
.post-pin  .pp-icon svg.hot { height: 10px; width:12px; vertical-align: -1px; }

.post-pin .pp-credit-thumb {
    position: relative; float: left;
    display: inline-block;
    margin: 2px 6px 0 16px;
}
.post-pin .pp-credit-img {
    width: 36px; height: 36px;
    border-radius: 50%;
}
.post-pin .pp-info, 
.grid-pin .pp-info {
    padding: 0 16px 0 62px;	
 }
.post-pin .pp-info.notice { padding: 0 16px 10px 62px;}
 
.post-pin .pp-credit-info { }
 
.post-pin .pp-credit-name {
    color: #333; font-size: 13px; line-height: 18px;
    display: inline-block;
    font-weight: 400; backface-visibility: visible;
}
.post-pin .pp-credit-name:hover { color:#999; }
.post-pin .pp-credit-time {
    color: #919191; font-size: 13px; font-weight: 300;   
    line-height: 18px; display: inline-block; margin-left:2px;
}

.post-pin .pp-description { position:relative; }

.post-pin .pp-title-link { 
	display:block; min-height:22px; outline:0;
    color: #444; font-size: 16px; margin-top:1px;
    line-height: 22px; font-weight:300; 
	max-height:44px; text-overflow: ellipsis; overflow: hidden; 
}
.post-pin .pp-title-link span { font-weight:500 !important; }
.post-pin .pp-title-link.bold { height:22px; }


.post-pin .pp-title-link:hover,
.post-pin .pp-title-link:focus,
.post-pin .pp-title-link:active { color:#999; text-decoration:underline; }
.post-pin .pp-text {
    font-size:13px; padding-top:2px;
    font-weight:300;  color:#b2b2b2; color: rgba(0,0,0,.50);
}

.post-pin .pp-img-container { 
	 display:block; position:relative; padding-top:13px;
}
.post-pin .pp-action-link { 
	position: relative; display: block; overflow: hidden; padding:0; outline:0; 
}
.post-pin .pp-img-container .pp-img {
	position: relative; display: block; width:100%; 
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	opacity:0.93; border-radius: 6px;
}
.post-pin .pp-img-container:hover .pp-img { opacity:1; }

.post-pin .pp-bots { position:relative; height:38px; }

.post-pin .pp-stats { position:relative; }

.post-pin .pp-stats-item { position:relative; display:block; height:38px; line-height:38px; float:left; margin-right:8px; }

.post-pin .pp-stats .pp-stats-icon { 
	position:relative; display: inline-block;
    width: 25px; height: 25px; fill: #666; vertical-align:-8px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.post-pin .pp-stats .pp-stats-count { 
	display: inline-block; font-size:13px; color:#666; font-weight:400; margin-left:2px;
}

.maynWrap { position:relative; display:none; float:right; margin: 13px 16px 0 0; }
.post-cover .maynWrap { margin: 13px 0 0 0; }
.mayn { display: block; width: 13px; height: 13px; vertical-align: middle; }

.canSheryl .maynWrap { display: block; }

.cinder-loader {
    width: 260px; height: 33px; line-height: 33px;
    font-size: 14px; text-align: center;
    background-color: #333; border-radius: 2px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
    position: relative; display: none; margin:13px auto 20px auto;
    color: #FFF;
}
.cinder-loader:hover, 
.cinder-loader:active { color:#fff;}

.error .cinder-loader { display:block; }

/* article */
.article-cover {
	position: relative; width: 770px; padding-top: 30px;
}

.article-pin {
	position: relative; background-color: #fff; padding: 0 12px; border-radius: 6px;
}

.article-title {
	font-weight: 300; line-height: 40px; font-size: 15px;
	border-bottom: 1px solid #f6f6f6; padding-left: 28px;
}
.art-vote {
	position: absolute; top: 10px; left: 12px;
    width: 20px; height: 20px;
    position: absolute;
    background-color: #333;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #fff;
}
.art-right {
	position: absolute; top: 0; right: 0; 
}
.art-nick {
	width: 80px; float: left; display: block;
	font-weight: 300; font-size: 15px;     line-height: 40px;
}
.art-time {
	width: 80px; font-weight: 300; line-height: 40px; font-size: 15px; text-align: right;
	float: left; display: block; color: rgba(0,0,0,.50); padding-right: 13px;
}

.go-right {
	position: absolute; top: 30px; right: 0; width: 790px;
}
.gor-header {
	line-height: 40px; font-size: 15px;
	border-bottom: 1px solid #eee; letter-spacing: -0.02em;
} 
.gor-title {
	color: #666; font-weight: 500; padding-right: 12px; line-height: 40px; display:inline-block; 
}
.gor-ssa { color:#007cf7; line-height: 40px; display:inline-block; margin-right: 10px; }
.gor-ssa.active { border-bottom: 1px solid #007cf7;}


/* pagination */
.ladisco { position:relative; text-align:center; padding:20px 0 110px 0; }

.cinder-pgw { position:relative; display:inline-block; }
.cinder-page { display: inline-block; }
.cinder-page li { display:inline;}
.cinder-page li a {
	position: relative; display: block; font-size:15px; float:left;
    height: 28px; line-height:28px; padding: 0 6px; margin:0 3px;
    -webkit-transition: background .1s ease, color .1s ease;
    transition: background .1s ease, color .1s ease;
}

.cinder-page li a.arrow { 
	color:#222; display: block;
}
.cinder-page li a:hover,
.cinder-page li a:active,
.cinder-page li a.active {
	color: #fff; background-color: #333; border-radius:3px;
}

.cinder-page>li:first-child>a, 
.cinder-page>li:first-child>span { }
.cinder-page>li:last-child>a, 
.cinder-page>li:last-child>span { }

.cprevent .cinder-page.theride>li a,
.sprevent .cinder-page.theride>li a { opacity:0.65; }


/* limbo read */
.limbo-said { visibility:hidden; }
.mfp-limbo-add .limbo-said { visibility:visible; }

.limbo-read { position:relative; z-index: 3; }

.lbr-cover { 
	position:relative; padding-top:54px; height:410px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.grande .lbr-cover { height:500px; }
.venti .lbr-cover { height:600px; }

.limbo-said .lbr-cover { padding-top:0; }
.lbr-header { position:relative; height:51px; background-color:#fafafa; border-bottom: 1px solid #f4f4f4; text-align:center; }

.crumbs-list { display:inline-block;}
.crumbs-list li { display:inline;} 
.crumbs-list li a {
    position: relative; float: left;
    padding: 0; height:51px; line-height:51px;
    font-size:14px;
    text-decoration: none; outline:none;
	color: #333;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
} 
.crumbs-list li a:hover,
.crumbs-list li a:active { color:#999; }


.lbr-cside { position:relative; }

.lbr-header .lbr-cside { position:absolute; left:0; top:0; padding-left:20px; }

.lbr-cside .lbr-cside-item { position:relative; float:left; display:block; }

.lbr-cside .lbr-cside-link {
    position: relative; display: block;
    font-size: 14px; font-weight: 300;
    color: #333; padding: 0; border: 0;
    backface-visibility: visible;
    white-space: nowrap;
    height: 51px;
    line-height: 51px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.lbr-cside .lbr-cside-link:hover,
.lbr-cside .lbr-cside-link:active { color:#999; }

.lbr-cside.right .lbr-cside-item { margin-left:9px; }
.lbr-cside.right .lbr-cside-link { font-size:15px; letter-spacing:-0.3px }
.lbr-cside .lbr-cside-link.cat { 
	font-weight:400; letter-spacing:0; padding:0;
    border: 0; outline: 0; background: none;
}

.lbr-cside .lbr-cside-link .lbr-svg-left {
	fill: #444;
    width: 20px; height: 20px;
    margin: 16px 1px 0 -5px;
	position: relative; display:inline-block; vertical-align:-5px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; 
}
.lbr-cside .lbr-cside-link:hover .lbr-svg-left,
.lbr-cside .lbr-cside-link:active .lbr-svg-left { fill:#999; }

.lbr-aside { position:relative; }
.lbr-header .lbr-aside { position:absolute; right:0; top:0; padding-right:13px; }

.lbr-aside .lbr-aside-item { position:relative; float:left; display:block; margin-left:7px; }
.lbr-aside .lbr-aside-item.las { margin-right:4px; }
.lbr-aside .lbr-aside-item .dropdown-menu { min-width:99px; top:51px; }
.lbr-aside .lbr-aside-link {
    position: relative; display: block; height:49px; line-height:49px;
    font-size: 13px; padding:0 1px;
    backface-visibility: visible;
    white-space: nowrap;
	border-bottom: 2px solid transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.lbr-aside .lbr-aside-link:hover,
.lbr-aside .lbr-aside-link:focus,
.lbr-aside .lbr-aside-link:active { border-color:#444; }

.lbr-aside .lbr-svg-social {
	fill: #555;
    width: 29px; height: 29px;
    margin-top: 12px;
	position: relative; display:inline-block;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.lbr-aside .lbr-svg-social.more { width:25px; height:25px; margin-top:14px; }

.lbr-aside .lbr-aside-link .ndots { vertical-align:0; display:inline-block; margin-right: 4px; }

.lbr-bth .lbr-cside .lbr-cside-link { height:53px; line-height:53px; }
.lbr-bth .lbr-cside .lbr-cside-link .lbr-svg-left { margin: 17px 1px 0 -5px; }
.lbr-bth .lbr-aside .lbr-aside-link { height:51px;}
.lbr-bth .lbr-aside .lbr-aside-item .dropdown-menu { min-width:99px; top:53px; }
.lbr-bth .lbr-aside .lbr-svg-social { margin-top:13px; }
.lbr-bth .lbr-aside .lbr-svg-social.more { margin-top:15px; }

.lbr-info { 
	position:absolute; top:106px; left:0; right:0; bottom:0; background-color:#fff;
}
.limbo-said .lbr-info { top:52px; }
.limbo-black .lbr-info { background:none;}

.lbr-author { 
	position:relative; display: block; 
	margin-top:20px; min-width:300px;
}
.lbr-author .lbr-author-thumb {
	position: relative; float: left;
	display: inline-block;
}
.lbr-author .lbr-author-img {
	width: 60px; height: 60px;
	border: 1px solid transparent;
	border-radius: 50%;
}
.author-rib {
    width: 79px; height: 21px;
    position: absolute;
    bottom: -5px;
    left: -8px;
    background-position: 0 0;
	background-size: cover;
	background-image: url(../img/star-ribbon.png); 
	background-repeat:no-repeat;
}
.author-rib.expert { background-image: url(../img/expert-ribbon.png); }

.author-by {
 	width: 20px; height: 20px;
	position: absolute;
    bottom: -3px; left: 1px;
	background-color:#333; color:#fff; text-align:center; font-size:10px; line-height:20px;
	border-radius:50%;
}
.author-by.ats { width:8px; height:8px; line-height:0; border:2px solid #fafafa; }

.author-w {
 	width: 12px; height: 12px;
	position: absolute;
    bottom: -3px; left: 1px;
	background-color:#fafafa;
	border-radius:50%;
}
.author-c {
 	width: 7px; height: 7px;
	position: absolute;
    bottom: 2px; left: 2px;
	background-color:#333;
	border-radius:50%;
}

.lbr-author .lbr-author-info { padding:3px 0 0 73px; }
.lbr-author .lbr-author-name {
	color:#666; font-size:15px; font-weight:400; line-height:20px; 
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.lbr-author .lbr-author-name:hover { color:#999; }
.lbr-author .lbr-author-group {
	color:#999; color:rgba(0,0,0,.47); line-height:18px; margin-top:2px; 
}
.lbr-author .lbr-author-time {
	color:#999; color:rgba(0,0,0,.47); line-height:18px; 
}
.lbr-author .lbr-label {
    display: inline-block;
    position: relative; text-align: center; text-shadow:none;
	line-height:16px; margin-left:2px; background-color:#333; color:#fff;
	font-size:11px; border-radius: 11px; padding:0 6px; vertical-align:2px;
}
.limbo-black .lbr-author .lbr-label {
    background-color: rgba(14,14,14,0.59);
    color: #B0B0B0;
}

.lbr-stats { 
	position:relative; display: block; 
	margin-top:20px; 
}
.lbr-stats .lbr-stats-item {
	position: relative; float: left; display: block;
}
.lbr-stats .lbr-stats-link { 
	position:relative; display:block; font-size:13px; color:#b2b2b2; color: rgba(0,0,0,.50);
	font-weight:300;
}

.lbr-meta { position:absolute; top:50%; width:100%; margin-top:-46px; clear:both; text-align:center; }
.grande .lbr-meta { margin-top: -57px; }
.venti .lbr-meta { margin-top: -69px; }

.lbr-meta .lbr-cate {
    display: inline-block; border-bottom: 1px solid #333; color:#333;
    margin: 2px 0 3px 0; min-width: 55px; height:18px; line-height:18px;
}
.lbr-meta .lbr-title {
    display: block; font-size:43px; line-height:54px; margin: 9px auto 0 auto; font-weight:400;
	letter-spacing:-1px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; 
}
.lbr-meta .lbr-title span { font-weight:400 !important; }

.hbasic .lbr-meta .lbr-title { font-size:42px; }
.grande .lbr-meta .lbr-title { font-size:44px; max-height:108px; }
.venti .lbr-meta .lbr-title { font-size:44px; max-height:108px; }


.lbr-meta .lbr-subtitle { display: block; font-size:16px; margin: 5px 0 0 0; font-weight:300; }

.lbr-liner { position:absolute; width:100%; bottom:0; height:50px; }

.lbr-tabs { position:relative; }
.lbr-tabs .lbr-tabs-item { position:relative; display:block; float:left; margin:0 13px; }
.lbr-tabs .lbr-tabs-item.first { margin:0 13px 0 0; }

.lbr-tabs .lbr-tabs-link { 
	position:relative; display:block; 
	font-size: 14px; color:#333; font-weight: 300;
	backface-visibility: visible; white-space: nowrap;
	
	height: 47px; line-height:50px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	
    background: transparent;
    border-bottom: 3px solid transparent	
}

.lbr-tabs .lbr-tabs-item.active .lbr-tabs-link { border-color:#02b875; border-color:#444; }

.lbr-voter-list { padding:0; height:50px; }
.lbr-voter-list .lbr-voter-item { position:relative; float:right; padding:5px 6px 9px 6px;}
.lbr-voter-list .lbr-voter-link { position: relative; display:block; }
.lbr-voter-list .lbr-voter-link .like-badge {
  background: #00ab6b;
  position: absolute; 
  right: -4px; bottom: -4px; width: 16px; height: 16px;
  text-align: center; line-height: 16px;
  pointer-events: none; z-index:2;
  font-size: 12px; border-radius: 100%;
}
.lbr-voter-list .lbr-voter-link img { width:36px; height:36px; border-radius:50%; }
.lbr-voter-list .lbr-voter-link .lbr-svg-voter {
	fill: #fff;
    width: 14px; height: 14px; margin-top:1px;
	position:relative; display:inline-block;

}
/* limbo-white */ 
.limbo-white.hbasic .lbr-cover { height:auto; }
.limbo-white.hbasic .lbr-info { 
	position:relative;
    top: auto; left: auto;
    right: auto; bottom: auto;
}
.limbo-white.hbasic .lbr-meta {
	position:relative;
    top: auto;
    width: 100%;
    margin-top:0; padding:20px 0;
}
.limbo-white.hbasic .lbr-liner { position:relative; }


/* limbo-black */
.limbo-black .lbr-header,
.reading.has-bg .lbr-header {
	background:none;
	border-color: #eee;
	border-color: rgba(255,255,255,0.12);
}

.limbo-black .lbr-header .lbr-cside .lbr-cside-link,
.reading.has-bg .lbr-header .lbr-cside .lbr-cside-link { color:#fff;}

.limbo-black .lbr-header .lbr-cside .lbr-cside-link:hover,
.limbo-black .lbr-header .lbr-cside .lbr-cside-link:active,
.reading.has-bg .lbr-header .lbr-cside .lbr-cside-link:hover,
.reading.has-bg .lbr-header .lbr-cside .lbr-cside-link:active { color:#ddd; color:rgba(255,255,255,0.70); }


.limbo-black .lbr-header .lbr-cside .lbr-svg-left,
.reading.has-bg .lbr-header .lbr-cside .lbr-svg-left { fill:#fff;}

.limbo-black .lbr-header .lbr-cside .lbr-cside-link:hover .lbr-svg-left,
.reading.has-bg .lbr-header .lbr-cside .lbr-cside-link:hover .lbr-svg-left,
.limbo-black .lbr-header .lbr-cside .lbr-cside-link:active .lbr-svg-left,
.reading.has-bg .lbr-header .lbr-cside .lbr-cside-link:active .lbr-svg-left { fill:#ddd; fill:rgba(255,255,255,0.70); }


.limbo-black .lbr-header .lbr-aside .lbr-svg-social,
.reading.has-bg .lbr-header .lbr-aside .lbr-svg-social { fill:#fff; }

.limbo-black .lbr-header .lbr-aside .lbr-aside-link:hover,
.limbo-black .lbr-header .lbr-aside .lbr-aside-link:focus,
.limbo-black .lbr-header .lbr-aside .lbr-aside-link:active,
.reading.has-bg .lbr-header .lbr-aside .lbr-aside-link:hover,
.reading.has-bg .lbr-header .lbr-aside .lbr-aside-link:focus,
.reading.has-bg .lbr-header .lbr-aside .lbr-aside-link:active { border-color:#fff; }


.limbo-black .lbr-cover { background:none; border:none; }

.limbo-black .lbr-cover .lbr-author .lbr-author-name { color:#fff; backface-visibility: visible; }
.limbo-black .lbr-cover .lbr-author .lbr-author-name:hover { color:#ddd; color:rgba(255,255,255,0.70);}
.limbo-black .lbr-cover .lbr-author .lbr-author-group {
    color: #eee;
    color: rgba(255,255,255,.67);
}   
.limbo-black .lbr-cover .lbr-author .lbr-author-time {
    color: #eee;
    color: rgba(255,255,255,.67);
}
.limbo-black .lbr-cover .lbr-stats .lbr-stats-link {
	color: #eee;
    color: rgba(255,255,255,.57);
}

.limbo-black .lbr-meta .lbr-title { color:#fff; }
.limbo-black.hbasic .lbr-meta .lbr-title { height:54px; white-space:nowrap; }

.limbo-black .lbr-meta .lbr-subtitle {  color: rgba(255,255,255,.67) ;}
.limbo-black .lbr-meta .lbr-cate { border-color:#fff; color:#fff; }


.limbo-black .lbr-tabs .lbr-tabs-link { color:#fff; }
.limbo-black .lbr-tabs .lbr-tabs-item.active .lbr-tabs-link { color:#fff; border-color:#eee; border-color: rgba(255,255,255,0.66); }
 
.limbo-black .crumbs-list li a,
.reading.has-bg .crumbs-list li a,
.fhas-bg .xm-login .crumbs-list li a { color: #aaa; color: rgba(255,255,255,.77); } 

.limbo-black .crumbs-list li a:hover,
.limbo-black .crumbs-list li a:active,
.reading.has-bg .crumbs-list li a:hover,
.reading.has-bg .crumbs-list li a:active,
.fhas-bg .crumbs-list li a:hover,
.fhas-bg .crumbs-list li a:active   { color:#ddd; color: rgba(255,255,255,.47); }


/* limbo-shadow */
.shadow .lbr-cover .lbr-author-img {
    border: 1px solid #dddddd;
    border-color: rgba(0,0,0,0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.shadow .dgrey { text-shadow: -1px -1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.3), 0 0 10px rgba(0,0,0,0.7); }
.shadow .jgrey { text-shadow: -1px -1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1), 0 0 7px rgba(0,0,0,0.6); }

/* limbo-content */
.lbr-content { position:relative; background-color:#fff; border-top:1px solid #eee; }

.lbr-content .lbr-pane { position: relative; padding:30px 0 25px 0; min-height: 250px; }
.lbr-content .lbr-pane .xe_content {
    font-size: 16px; line-height:1.7;
    color: #333;
    font-weight: 300;
	font-family: 'Noto Sans KR','Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Helvetica Neue', Helvetica, 돋움, dotum, arial, sans-serif;
}

/* xe_content custom */
.lbr-pane .xe_content .wd {
	position: relative; width: 100vw; left: 50%; right: 50%;
	margin-left: -50vw; margin-right: -50vw; text-align: center;
}
.lbr-pane .xe_content .wd.wd100 img { width: 100%; }

.lbr-pane .xe_content a { box-shadow: inset 0 -1px 0 #444; }
.lbr-pane .xe_content ol li { list-style-type: decimal; }
.lbr-pane .xe_content ul li { list-style-type: disc; }

.lbr-pane .xe_content table {
  width: 92%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.lbr-pane .xe_content table th,
.lbr-pane .xe_content table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #e9ecef;
}
.lbr-pane .xe_content table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e9ecef;
}
.lbr-pane .xe_content table tbody + tbody { border-top: 2px solid #e9ecef; }
.lbr-pane .xe_content table table { background-color: #fff; }

/* xe_content grid */
.lbr-pane .xe_content ol { padding: 0 30px; }
.lbr-pane .xe_content ul { padding: 0 35px; }
.lbr-pane .xe_content blockquote { 
	padding: 4px 16px;
	border-left: 4px solid #ddd; 
}

/* attc list */
.lbr-content .lbr-attc-list { position:relative; }
.lbr-content .lbr-attc-list li { }
.lbr-content .lbr-attc-list li a { font-size:14px; color:#333; line-height:24px; }
.lbr-content .lbr-attc-list li a:hover { text-decoration:underline; color:#aaa; }

.lbr-content .lbr-rough { position:relative; }
.lbr-content .lbr-rough li { margin-bottom:20px; }
.lbr-content .lbr-rough .rough-label {     
	font-size: 14px; height:22px; line-height:22px; display:inline-block;
    letter-spacing: -0.3px;
    color: #00ab6b;
    border-bottom: 1px solid rgba(107, 143, 177, 0.3);
	border-bottom: 1px solid #00ab6b;
	
}
.lbr-content .lbr-rough .rough-detail {
	font-size: 18px; color:#333; line-height:26px; 
    margin-top: 8px; letter-spacing: -0.5px;
}

.lbr-content .lbr-rough .rough-detail a:hover,
.lbr-content .lbr-rough .rough-detail a:active { text-decoration:underline; color:#aaa; }


.lbr-bth { padding-bottom:0;}
.lbr-bada { position:relative; }

.lbada-author { position:relative; text-align:center; width:100%; }

.lbada-author .lbada-thumb { 
    position:absolute; width:62px; height:62px;
    display: block; left:50%; margin-left:-31px; top:-31px;
}
.lbada-author .lbada-thumb img {
    border: 1px solid #dddddd;
    border-color: rgba(0,0,0,0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    width: 60px; height: 60px;
    border-radius: 50%;
}
.lbada-info { position:relative; display:block; padding:43px 0 30px 0; text-align:center; }
.lbada-name { 
    color: #666; font-size: 17px; font-weight: 400; line-height: 24px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; display:inline-block;
}
.lbada-group { display:block; font-size:13px; color:#999; line-height:22px;}

/* lbr-secret */
.lbr-secret { position:relative; padding:0; }
.lbr-secret-label {
	font-size: 18px; margin-bottom:15px;
    line-height: 22px;
    display: block;
    letter-spacing: -0.3px;
}
.lbr-secret .lbr-secret-box { position:relative; padding-top:10px;}

.sombra .lbr-secret { padding:2px 0 5px 0; }
.sombra .lbr-secret-label { font-size:14px; margin:0; }
.lbr-form {
    background: none; border: none; resize: none; outline:none; 
    border-bottom: 1px solid #ccc;
    font-size: 18px; color: #555; width:230px;
    height: 48px; line-height:48px; padding: 0 12px; border-radius:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lbr-form:focus { border-bottom: 1px solid #555;}
.lbr-submit {
	border: none;
    background-color: #ff4500;
    color: #fff; font-size:17px;
    position: relative; height:48px; line-height:48px;
    padding: 0 22px 0 18px;
	border-radius: 45px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.lbr-submit:hover,
.lbr-submit:active { background-color:#02b875;}


.lbr-form.lbr-fx { width:113px; margin-right:9px;  height:33px; line-height:33px; padding:0 6px; font-size:14px; }
.lbr-submit.lbr-fx { padding: 0 15px 0 13px; height:33px; line-height:33px; font-size:14px; }

/* lbr-appreciate */

.lbr-btt { position:relative; padding:20px 0; text-align:center;}

.lbr-btt .lbr-appreciate { 
	position:relative; display:inline-block;
    color: #333; font-size:14px; 
    opacity: 1; background-color:#fff;
    padding: 0 19px 0 47px; height:39px; line-height:39px;
    border-radius: 20px;
    outline: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;

    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
 }
.lbr-btt .magikSugar { font-weight:400; }
.lbr-btt .magikSugar.americano { display:none; }
 
.lbr-btt .lbr-svg-like {
    fill: #555;
    width: 29px; height: 29px;
    position:absolute; top:6px; left:15px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.lbr-btt .lbr-appreciate:active { background-color:#333; color:#fff; border-color:#333; }

.lbr-btt .lbr-appreciate:active .lbr-svg-like { fill:#fff;}


/* lbr-btag */
.lbr-btag { position:relative; padding:9px 0; }
.lbr-tags {}
.lbr-tags .lbr-tag-item { position:relative; display:block; float:left; margin-right:9px; padding-bottom:9px; }
.lbr-tags .lbr-tag-link { 
	position:relative; display:block; padding: 0 10px; height:28px; line-height:28px;
	background-color: #fafafa;
    font-size: 13px; color:#999; color: rgba(0,0,0,.6); 
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
 }
.lbr-tags .lbr-tag-link:hover,
.lbr-tags .lbr-tag-link:active {
	background-color: #333; color:#fff;
	border-color:#333;
}
.lbr-tags .tag-link { display:none; }


/* limbo-write */
.js-holder {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
	-webkit-transition: all .2s ease;
    transition: all .2s ease;
	pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.focus .js-holder { 
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
	visibility: hidden; opacity: 0;
}
.has-text .js-holder { display:none; }

.js-input { position: relative; z-index: 2; }
.js-return { z-index: 3; }

.lbw-header {
    position: relative; height: 51px;
    background-color: #fafafa;
    border-bottom: 1px solid #f4f4f4;
}

.lbw-info {
	position: relative;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
	
.lbw-select-group { position:relative; padding-top:20px;}

.lbw-select { 
	position:relative; display:inline-block;
	border-bottom: 1px solid #00ab6b; margin: 2px 0 3px 0;
 }
.lbw-select.left { margin-left:13px; }

.lbw-select select, .lbw-select span { 
	border: 0 !important; outline: 0 !important; background:none !important; 
    display: inline-block; padding:0; border-radius:0;
    color: #1c9963;
    min-width: 55px; height:32px; line-height:32px;
}
.lbw-select option { color:#333; }

.lbw-basic-input {
	font-size:15px; color:#333; line-height:29px; height:29px; min-width:150px; max-width:160px;
	border-bottom:1px solid #eee; border-radius:0; display:block;
}

.lbw-meta { position:relative; clear:both; text-align:center; }

.lbw-title { position:relative; height:55px; padding:0; width:100%; margin:9px auto 0 auto;  }
.lbw-title-fade {
	position:relative; display:inline-block; margin:0;
    font-size:37px; line-height:54px;  font-weight:400; color:#999;
	letter-spacing:-1px; cursor: text;
}

.lbw-title-input {
	position:absolute; top:0; left:0; width:100%; height:54px;
	font-size:37px; font-weight:400; color:#333; letter-spacing:-1px; line-height:54px; 
	border-bottom:1px solid #ddd;
	text-align: center;
}

.lbw-subtitle { position:relative; width:100%; height:43px; line-height:33px; margin:0 auto; }

.lbw-subtitle-input {
	position:absolute; top:0; left:0; width:100%; height:42px; line-height:42px; 
	font-size:16px; font-weight:300; color:#333; 
	border-bottom:1px solid #eee;
	text-align: center;
}
.lbw-subtitle-fade {
	position:relative; display:inline-block; margin:0;
    font-size:16px; line-height:42px;  font-weight:300; color:#999;
	cursor: text;
}

.lbw-tags  { position:relative; width:100%; min-height:43px; }
.lbw-tags-input { display:none; }

.bootstrap-tagsinput {
    display: block;
    cursor: text;
}
.bootstrap-tagsinput input { 
	border:0; background:none; outline:0; padding:0; font-size:15px; color:#333; border-radius:0; 
	line-height:42px; height:42px; border-bottom:1px solid #eee; text-align:center;
	-webkit-transition: all .2s ease;
    transition: all .2s ease; width:130px;
 }
 .bootstrap-tagsinput input:focus { border-color:#333; }
 
.bootstrap-tagsinput .tag { 
	position:relative; display:inline-block; 
	font-size:15px; line-height:42px; margin-right:9px;
	
}
.bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 6px; cursor: pointer;}
.bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px;}
.bootstrap-tagsinput .tag [data-role="remove"]:hover { color:#999; }

.lbw-liner { position: relative; height: 50px; }

.lbw-content { position:relative; background-color:#fafafa; min-height:233px; }
.lbw-content .lbw-pane { padding: 25px 0; }

.lbw-outside { 
	background-color:#fff; min-height:300px;
    border-top: 1px solid #eee;
    border-top: 1px solid rgba(0,0,0,.05);
 }

.lbw-outside-grid { padding-top:15px; text-align:center; }

.sugar-option { position: relative; display:inline-block; }
.sugar-option input { width: 13px; height: 13px; margin-right: 2px; vertical-align: middle; }
.sugar-option label { margin-right: 9px; }

.sugar-clear { clear:both; position:relative; padding:30px;}
.lbw-submit {
    position: relative; display:block; width:35%; margin:0 auto;
	background:#333; outline:0;
    color: #fff; font-weight:400;
    font-size: 15px;
    opacity: 1; padding: 0 29px; height: 37px; line-height: 36px;
    border-radius: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 1px solid #333;
}
.lbw-submit:hover,
.lbw-submit:active { background-color:#fff; border-color: #00ab6b; color: #1c9963; }


.lbw-rough { position:relative; padding-left:13px; }

.lbw-rough #subtitle, 
.lbw-rough #coversize,
.lbw-rough #font,
.lbw-rough #nocover { display:none; }

.lbr-rough #subtitle,
.lbr-rough #coversize,
.lbr-rough #font,
.lbr-rough #nocover,
.lbr-rough #vidmp4, 
.lbr-rough #vidwebm,
.lbr-rough #coverimage { display:none; }

.lbw-rough .lbw-rough-item { position:relative; margin-bottom:20px; }
.lbw-rough .lbw-rough-item input[type="text"],
.lbw-rough .lbw-rough-item textarea {
	position:relative; display:block; width:100%;
	border:0; background:none; outline:0; padding:0; border-radius:0;
	font-size: 18px;
    color: #333; line-height: 36px; margin-top: 8px;
    letter-spacing: -0.5px;
    border-bottom: 1px solid #ededed;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.lbw-rough .lbw-rough-item textarea { min-height:36px; }

.lbw-rough .lbw-rough-item input[type="text"]:focus { border-color:#333;}
.lbw-rough .lbw-rough-item textarea:focus { border-color:#333;}

.lbw-rough .lbw-rough-item.tel input[type="text"] { width:50px; margin-right:6px; display:inline-block; border-color:#333; }
.lbw-rough .lbw-rough-item p { display:none; }
.lbw-rough .rough-label-wrap { position:relative; display:block; }
.lbw-rough .rough-label {
    font-size: 14px;
    height: 22px; line-height: 22px;
    display: inline-block;
    letter-spacing: -0.3px;
    color: #00ab6b;
    border-bottom: 1px solid rgba(107, 143, 177, 0.3);
    border-bottom: 1px solid #00ab6b;
}

.lbw-rough .lbw-rough-fade {
	position:absolute; bottom:1px; left:0; 
    font-size:18px; line-height:36px;  font-weight:300; color:#888;
	cursor: text;
}
.lbw-rough .lbw-rough-item.select .lbw-rough-fade { display: none; }
.lbw-rough .lbw-rough-item.select select { margin-top: 9px; }
.lbw-rough .lbw-rough-item.select p { 
	display:block; font-weight:300; color:#888;
	line-height: 22px; margin-top: 2px;
}

.lbw-rough .lbw-rough-item.textarea .lbw-rough-fade { bottom:auto; top: 28px;}

.lbw-rough .lbw-rough-item.radio .lbw-rough-fade,
.lbw-rough .lbw-rough-item.checkbox .lbw-rough-fade { display:none; }

.lbw-rough .lbw-rough-item ul {
    display: inline-block; margin-top:8px;
}
.lbw-rough .lbw-rough-item ul li {
    display: inline-block;
    height: 28px; line-height: 28px; margin-right: 11px;
}
.lbw-rough .lbw-rough-item ul li input {
    width: 13px; height: 13px;
    margin: 0 4px 0 0;
    vertical-align: middle;
}

.lbw-rough .lbw-rough-item .krzip-postcode-wrap,
.lbw-rough .lbw-rough-item .krzip-address-wrap,
.lbw-rough .lbw-rough-item .krzip-detailAddress-wrap{ padding-top: 6px; }


.lbw-rough .lbw-rough-item .krzip-postcode-wrap label,
.lbw-rough .lbw-rough-item .krzip-address-wrap label,
.lbw-rough .lbw-rough-item .krzip-detailAddress-wrap label { display: inline-block; line-height: 36px; font-size: 15px; }

.lbw-rough .lbw-rough-item .krzip-postcode-wrap .krzip-postcode,
.lbw-rough .lbw-rough-item .krzip-address-wrap input,
.lbw-rough .lbw-rough-item .krzip-detailAddress-wrap input { 
	display: inline-block; width: 100px; min-width: 100px;
	line-height: 36px; font-size: 15px; height: 36px; margin: 0 0 0 0;
}
.lbw-rough .lbw-rough-item .krzip-address-wrap input,
.lbw-rough .lbw-rough-item .krzip-detailAddress-wrap input{ display: block; width: 100%; min-width: 100%;}

.lbw-rough .lbw-rough-item .krzip-postcode-wrap .krzip-search { margin-top: 5px; }

.ashes {
    position: absolute; display:none;
    width: 100%; height: 100%;
    left: 0; top: 0;
    z-index: 2043;
}
.cprevent .ashes,
.sprevent .ashes,
.mfp-limbo .ashes { display:block; }
.mfp-limbo.mfp-limbo-add .ashes { display:none; }

/* lbr-tag-related */
.pop-cover { 
	position:relative;
	padding:20px 0; margin:0 auto;
}
.pop-cover .grid-pin { width:250px; margin:0 10px 20px 10px; }
.pop-cover .grid-pin.illusion { margin: 0 10px 0 10px ;}

.lbr-tag-related { 
	position:relative; display:block;    
	background-color:#fafafa; padding-bottom: 100px;
}

.ltr-header {
    position: relative; display:none;
    padding: 0 0 0 7px;
}
.active .ltr-header{ display: block; }

.ltr-divider {
    margin: 0 0 5px 1px;
    width: 26px;
    border-top: 2px solid #8d8d8d;
    border-color: rgba(0,0,0,.44);
}
.ltr-title {
	font-size: 15px; line-height: 28px; color: #333; display:inline-block;
}
.ltr-empty { color:#777; line-height:28px; font-size:14px; display:none; }
.empty .ltr-empty { display:block; }


/* lbr-nine */
.lbr-nine { position:relative; background-color: rgba(243,243,243,0.93); background-color:#fafafa; }

.somb-response { position:relative; padding:20px 0 60px 0; }

.somb-header { position:relative; padding:0 0 10px 7px;}

.somb-header .somb-header-divider, .ltr-divider  {
    margin:0 0 3px 1px; width: 26px;
    border-top: 2px solid #8d8d8d;
	border-color: rgba(0,0,0,.46);
}
.somb-header .somb-text { font-size:14px; line-height:28px; color:#999; }
.somb-header .somb-count { margin-left:5px; color:#999; }


.somb-write {}
.somb-write.reply { padding: 15px 0 9px 46px; }
.somb-write.modify { padding: 20px 0 0 0; }

.somb-box { position:relative; }
.somb-box img {
    position: absolute;
    top: 1px; left: 0;
    width: 40px; height: 40px;
    border-radius: 50%;
}
.somb-box .textarea-wrapper { position: relative; margin-left: 53px; }
.somb-box textarea {
    position: relative; display: block;
    background: #fff; border: 1px solid rgba(0,0,0,.09); outline: 0;
    padding: 9px 10px;
    -webkit-appearance: none; box-shadow: 0 1px 4px rgba(0,0,0,.03);
    width: 100%; line-height: 22px; min-height: 40px;
    color: #333; font-size: 15px; font-weight: 300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    resize: none; border-radius: 6px;
	-webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.somb-box textarea:focus { border: 1px solid #999; }
.somb-box .somb-inputs { position:relative; padding:13px 0 0 56px; display:none;}

.cantStopLabel {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    height: 42px; line-height: 42px;
    font-size: 13px; padding-left: 14px;
    z-index: 10;
    color: #727a8e;
    position: absolute;
    top: 0; left: 0; display: inline-block;cursor: text;
}
.cantStopLabel a {
    font-weight: 500;
}
.somb-box.focus .somb-inputs { display:block; }

.somb-submit {
	position: relative; display: inline-block;
    white-space: nowrap; text-align: center;
    outline: 0; border: 0; padding: 0 13px 0 13px;
    height: 31px; line-height: 31px; font-size:14px;
    background-color: #333; color: #fff;
    border-radius: 4px; min-width: 50px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.somb-submit:active {
	box-shadow: 0 5px 0 0 rgba(22,22,22,0.04) inset;
}
.somb-submit.ck-coke { 
	background-color: #fff; color:#333;
	opacity: 0.65; box-shadow:none; 
}
.somb-submit.disabled,
.somb-submit[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
} 

.somb-secret { position:relative; margin-top:2px; line-height:20px; }
.somb-secret .ff-small { vertical-align: -4px; margin-left:2px; }
.somb-secret .ella { outline:0; }
.somb-secret .somb-secret-text {
    display: inline-block;
    color: #333;
    font-size: 13px; line-height:20px;
}

.somb-witch {
    position: relative; display: block; color:#666;
    line-height:20px; margin:2px 6px 0 1px;
    text-decoration: underline;
}

.tgr-item { position:relative; float: right; margin-right: 9px; }
.tgr-text {
    font-size: 13px; color: #333;
    line-height: 33px; height: 33px; width:80px;
    border-bottom: 1px solid #eee; border-radius:0; 
}
.reply .tgr-text { width:70px;}

#recomment { display: none; }
.commentCount { display: none; }
.somb-header .somb-count .commentCount { display: inline-block; }

.somb-list { padding:20px 0 50px 0; }
.somb-list .somb-block { position:relative; display:block; padding-top:20px; }
.somb-list .somb-block.lulu { padding-top:13px; }

.somb-list .somb-cover { 
	position:relative;
}

.somb-list .somb-author-thumb {
    position: relative; float: left;
    display: inline-block;
    margin: 1px 6px 0 0;
}
.somb-list .somb-author-thumb img { width: 40px; height: 40px; border-radius: 50%; }

.somb-list .somb-author-info { position: relative; }

.somb-list .somb-author-info a {
    color: #333; font-size: 14px; line-height: 18px;
    display: inline-block; font-weight: 400;
    backface-visibility: visible;
}
.somb-list .somb-author-info .somb-time {
    color: #919191; font-size: 13px; font-weight: 300;
    line-height: 18px;  display: inline-block; margin-left:4px;
}
.somb-list .sombra { padding-left:53px; }
.somb-list .sombra-content { position: relative; display: block; margin-top:2px;  }
.somb-list .sombra-content .xe_content {
	font-family: 'Noto Sans KR','Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Helvetica Neue', Helvetica, 돋움, dotum, arial, sans-serif;
    color: #222; font-weight: 300;
    font-size: 15px; line-height: 22px; 
}
.somb-list .sombra-footer { padding-top:6px; }

.somb-action-list { position:relative; float:right; height:21px;}
.somb-action-item { position: relative; display: block; float: left; }
.somb-action-item a {
    position: relative; display: block;
    margin-left: 3px; font-size: 13px; font-weight:300;
    color: #b9b9b9; padding: 0 5px;
    line-height: 20px; height: 21px; border-radius:3px;
    -webkit-transition: background .1s ease, color .1s ease;
    transition: background .1s ease, color .1s ease;
}

.somb-action-item a:active { background-color:#333; color:#fff; }

.somb-action-item a.closeCmt { display:none; }

.somb-block.snow .somb-action-item a.closeCmt { 
	display:inline-block; 
    -webkit-transition:none;
    transition:none;
}
.somb-block.snow .somb-action-item a.replyCmt { display:none;}


.somb-voter-list { position:relative; float:left; height:21px; }

.somb-voter-list .somb-voter-item { position:relative; display:block; float:left; }
.somb-voter-list .somb-voter-item.divider {
    border-right: 1px solid #eee; margin-right:6px;
}
.somb-voter-list .somb-voter-item a { 
	position:relative; display:block; padding:0 6px 1px 0; 
	line-height:20px; height:20px; font-size:14px; color: #b9b9b9;
}

.somb-voter-list .somb-voter-svg {
	position:relative; display:inline-block;
	fill: #b9b9b9; vertical-align:-3px;
    width: 18px; height: 18px;
    margin: 0 0 0 0; border-radius:3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.somb-voter-list .vote-count { 
    font-weight: 400; padding:0 3px;
    position: relative; display:none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.somb-voter-list .vote-count.puree { display:inline-block; }


.somb-voter-list .somb-voter-item a:active { color:#333; }

.somb-voter-list .somb-voter-item a:active .somb-voter-svg { 
	fill:#333; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); 
	border-radius : 2px; background-color:#fff; 
}

.somb-list .somb-block.levels1 { margin-left:46px; }
.somb-list .somb-block.levels2 { margin-left:92px; }
.somb-list .somb-block.levels3 { margin-left:138px; }
.somb-list .somb-block.levels4 { margin-left:184px; }
.somb-list .somb-block.levels5 { margin-left:230px; }
.somb-list .somb-block.levels6 { margin-left:276px; }
.somb-list .somb-block.levels7 { margin-left:322px; }
.somb-list .somb-block.levels8 { margin-left:322px; }
.somb-list .somb-block.levels9 { margin-left:322px; }
.somb-list .somb-block.levels10 { margin-left:322px; }
.somb-list .somb-block.levels11 { margin-left:322px; }
.somb-list .somb-block.levels12 { margin-left:322px; }
.somb-list .somb-block.levels13 { margin-left:322px; }

.somb-list .somb-block.levels2 .tgr-text { max-width:110px;}
.somb-list .somb-block.levels3 .tgr-text { max-width:110px;}
.somb-list .somb-block.levels4 .tgr-text { max-width:100px;}
.somb-list .somb-block.levels5 .tgr-text { max-width:88px;}
.somb-list .somb-block.levels6 .tgr-text { max-width:88px;}
.somb-list .somb-block.levels7 .tgr-text { max-width:88px;}
.somb-list .somb-block.levels8 .tgr-text { max-width:88px;}
.somb-list .somb-block.levels9 .tgr-text { max-width:88px;}
.somb-list .somb-block.levels10 .tgr-text { max-width:88px;}
.somb-list .somb-block.levels11 .tgr-text { max-width:88px;}
.somb-list .somb-block.levels12 .tgr-text { max-width:88px;}
.somb-list .somb-block.levels13 .tgr-text { max-width:88px;}


/* Slider */
.slick-slider {
    position: relative; display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative; display: block;
    overflow: hidden; margin: 0; padding: 0;
}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after {
    display: table;
	content: '';
}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide {
    display: none; float: left;
	height: 100%; min-height: 1px;
}
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide {
    display: block; height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none; }


/* Dots */
.slick-dotted.slick-slider { margin-bottom: 0; }

.slick-dots {
    position: absolute; top:9px; display: block;
    width: 100%; padding: 0; margin: 0;
    list-style: none; text-align: center;
}
.slick-dots li {
    position: relative; display: inline-block;
    width: 20px; height: 20px;
    margin: 0 7px; padding: 0; cursor: pointer;
}
.slick-dots li button {
    font-size: 0; line-height: 0; display: block;
    width: 20px; height: 20px; padding: 0;
    cursor: pointer; color: transparent;
    border: 0; outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }

@media (min-width: 1025px) { 
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1; }
}
.slick-dots li button:before {
	content: ''; text-align: center;
	position: absolute; top: 7px; left: 7px;
    width: 6px; height: 6px;
    background: #333; display: block;
    -webkit-backface-visibility: visible;
	backface-visibility: visible;
    border-radius: 30px;
    line-height: 20px;
    opacity: .25;
}
.slick-dots li.slick-active button:before { opacity:.75; }

.fhas-bg .slick-dots li button:before { background: #fff; }

/* rider-s */
.rider-s { position:relative; padding-top:47px; }

.rider-item { position:relative; display:none; }

.rider-hei {
    position: relative; display:block; width:146px; margin:0 auto;
}
.rider-shock { position:relative; display:block; outline:0 !important; }
.rider-shock .rider-shock-img {
	position: relative; display: block; width:100%; height:140px;
    border-radius: 8px; opacity: 0; outline:0;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.rider-info { position:relative; padding:11px 0 0 0; }
.rider-title {
	display: block; color: #333; outline:0 !important;
    font-size: 14px; line-height: 18px; height:18px; font-weight: 300; text-align:center;
}
.rider-title span { font-weight:500 !important; }
.rider-title:hover,
.rider-title:active { color: #999; text-decoration:underline; }

.rider-name {
	display: block; color: #999; color: rgba(0,0,0,.47); outline:0 !important; 
    font-size: 13px; line-height: 18px; font-weight: 300; text-align:center; margin-top:3px;
}
.rider-name:hover,
.rider-name:active { color: #333;  }

.fhas-bg .rider-shock img { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }

.fhas-bg .rider-title { 
    color: #eee; color: rgba(255,255,255,0.9);
	text-shadow: -1px -1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1), 0 0 7px rgba(0,0,0,0.4);
}
.fhas-bg .rider-title:hover,
.fhas-bg .rider-title:active { color: #ddd; color: rgba(255,255,255,.66); }

.fhas-bg .rider-name { 
	color: #999; color: rgba(255,255,255,.67); 
	text-shadow: -1px -1px 1px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1), 0 0 7px rgba(0,0,0,0.4);
}
.fhas-bg .rider-name:hover,
.fhas-bg .rider-name:active { color: #ddd; color: rgba(255,255,255,.46); }

/* limbo-message */

.limbo-trumpet { position:relative; padding-top:0; min-height:990px; }
.limbo-trumpet.limbo-viewer { min-height:230px; background-color:#fafafa; }

.trp-header { position: relative; height: 51px; border-bottom: 1px solid #eee; }
.limbo-trumpet.limbo-viewer .trp-header { background-color:#fafafa;  }
.trumpet { text-align:center; }
.limbo-trumpet .xe_content {
    font-size: 16px; line-height: 28px;
    color: #333; font-weight: 300;
    font-family: 'Noto Sans KR','Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', 'Helvetica Neue', Helvetica, 돋움, dotum, arial, sans-serif;
}

.trp-title {    
	display: block; font-size: 16px; color:#333;
    margin: 35px 0 20px 0; font-weight: 300; text-align:center;
}
.trp-detitle {    
    display: block; font-size: 32px; line-height: 40px; padding: 25px 0 10px 0;
    font-weight: 400; color:#333;
    letter-spacing: -1px; text-align:center;
}
.trp-subtitle {  
    display: block; text-align:center;
    font-size: 16px; color:#666;
    padding: 5px 0 25px 0;
    font-weight: 300;
}
.trp-nick {  
	display: block;
    font-size: 14px; color:#666;
    padding: 10px 0 5px 0;
    font-weight: 500;
}

/* tangled */
@media (max-width: 320px) { 
  .tangled-cover .grid-pin { width:288px; margin:0 8px 16px 8px; }
  .tangled-cover .grid-pin.illusion { margin: 0 8px 0 8px;}
  .rider-hei { width:130px;}
  .tgr-text { width:70px;}
  .reply .tgr-text { width:53px;}
  .lbr-voter-list { display:none; }
}
@media (min-width: 321px) and (max-width: 360px) { 
  .tangled-cover .grid-pin { width:162px; margin:0 6px 12px 6px; }
  .tangled-cover .grid-pin.illusion { margin: 0 6px 0 6px;}
}
@media (min-width: 361px) and (max-width: 375px) { 
  .tangled-cover .grid-pin { width:169px; margin:0 6px 12px 6px; }
  .tangled-cover .grid-pin.illusion { margin: 0 6px 0 6px;}
  .tangled-pin .pin-title-link { font-size:13px;}
}
@media (min-width: 376px) and (max-width: 414px) { 
  .tangled-cover .grid-pin { width:189px; margin:0 6px 12px 6px; }
  .tangled-cover .grid-pin.illusion { margin: 0 6px 0 6px;}
}
@media (min-width: 415px) and (max-width: 600px) { 
  .tangled-cover .grid-pin { width:270px; } /* Nexus 7+ */
}
@media (min-width: 601px) and (max-width: 768px) { 
  .tangled-cover .grid-pin { width:229px; } /* ipad */
}
@media (min-width: 769px) and (max-width: 800px) { 
  .tangled-cover .grid-pin { width:240px; } /* Nexus 10+ */
}
@media (min-width: 801px) and (max-width: 1023px) { 
  .tangled-cover .grid-pin { width:210px; } /* FHD half */
}
@media (min-width: 1024px) and (max-width: 1096px) { 
  .tangled-cover .grid-pin { width:231px; } /* ipad pro */
}

/* post */
@media (max-width: 600px) {
  .post-cover { padding:3px 0 20px 0; }
  .post-cover .grid-pin { width:100%; margin:0 0 3px 0; }
  .post-cover .grid-pin.illusion { margin: 0;}
}
@media (min-width: 601px) and (max-width: 768px) { 
  .post-cover .grid-pin { width:366px;} /* ipad */
}
@media (min-width: 769px) and (max-width: 800px) { 
  .post-cover .grid-pin { width:382px;} /* Nexus 10+ */
}
@media (min-width: 801px) and (max-width: 1023px) { 
  .post-cover .grid-pin { width:452px; } /* FHD half */
}
@media (min-width: 1024px) and (max-width: 1096px) { 
  .post-cover .grid-pin { width:494px;} /* ipad pro */
}

/* all */
@media (min-width: 1097px) and (max-width: 1386px) {
  .site-grid { width:1080px; }
  .reading .site-grid,
  .writing .site-grid,
  .read-grid { width:1080px; }
}
@media (min-width: 1387px) and (max-width: 1656px) {
  .site-grid { width:1350px; }
  .reading .site-grid,
  .writing .site-grid,
  .read-grid { width:1130px; }
  .post-cover .grid-pin { width:434px; }
}
@media (min-width: 1657px) {
  .site-grid { width:1620px; }
  .reading .site-grid,
  .writing .site-grid,
  .read-grid { width:1170px; }
}
@media (max-width: 767px) {  /* < ipad */
  body { letter-spacing: -0.02em; }
  
  .post-pin .pp-title-link { font-weight:400;}
  
  .mimas .mtg-link { font-weight:400; max-width:69px; }

  .numbers { float:none; margin-right:60px; }
  
  .lbr-author .lbr-author-img { width: 54px; height: 54px; }
  .lbr-author .lbr-author-info { padding: 0 0 0 67px; }
  
  .lbr-meta { margin-top: -22px; }
  .grande .lbr-meta { margin-top: -40px; }
  .venti .lbr-meta { margin-top: -50px; }
  
  .lbr-meta .lbr-title { font-size:33px; line-height:43px; margin: 6px auto 0 auto; }
  
  .hbasic .lbr-meta .lbr-title { font-size:33px; }
  .limbo-black.hbasic .lbr-meta .lbr-title { height:43px; white-space:nowrap; }
  .grande .lbr-meta .lbr-title { font-size:35px; max-height:86px; }
  .venti .lbr-meta .lbr-title { font-size:35px; max-height:86px; }

  .hbasic .violet .victrforest { display:none; }
  .lbr-voter-list { width:96px; overflow:hidden; }
  
  .somb-list .somb-block.lulu { margin-left:46px !important; }
  .lulu .somb-write.reply { padding: 15px 0 9px 0; }
  
  .lbw-submit { width:100%; }
  .tlb-link { font-weight:400; color:#666; }
  
  .lbw-title-fade,
  .lbw-title-input { font-size:32px;}

  .rider-title { font-weight:400; }
  
  .tangled-pin .pin-credit { padding: 13px 14px 0 14px;}
  .tangled-pin .pin-credit .pin-credit-img { width: 30px; height: 30px; }
  .tangled-pin .pin-credit .pin-credit-name { display:block; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; font-size:12px; line-height:15px; }
  .tangled-pin .pin-credit .pin-credit-time { line-height:15px; font-size:12px; margin-top:1px; }
  .tangled-pin .pin-credit .pin-credit-info { margin-left:34px; }
  .tangled-pin .pin-title-link { font-size:13px; font-weight:400; }
  .tangled-pin .pin-description { padding: 9px 15px 12px 15px;}
  .tangled-pin .pin-description.aint { padding: 9px 15px 6px 15px; }
  .mayaint { top:9px; right:15px; }

} 
@media (min-width: 768px) {  /* =< ipad */
  .lbr-meta .lbr-title { max-width:80%; }
  .lbr-meta .lbr-subtitle { max-width:46%; margin:5px auto 0 auto; }
  .lbw-rough .lbw-rough-item .krzip-address-wrap input { display: inline-block; width: 210px; min-width: 210px;}
  .lbw-rough .lbw-rough-item .krzip-detailAddress-wrap input { display: inline-block; width: 635px; min-width: 410px; }
}
@media (min-width: 769px) {  /* ipad < */
	.limbo-grid { width: 740px; }
} 
@media (min-width: 1025px) {  /* PC  */
.mfp-wrap .limbos { right:17px; }
.tsukia { width:28px; }
.tsukia-a { width:14px; }
.tsukia:hover .tsukia-br{ border-color:#242424; }
.has-bg .tsukia:hover .tsukia-br { border-color:#fff; }

.ovt-tabs .ovt-tabs-link:hover { color:#999; }
.fhas-bg .ovt-tabs-link:hover { color:#ddd; color:rgba(255,255,255,0.70); }

.lbr-tabs .lbr-tabs-link:hover { color:#999; }
.limbo-black .lbr-tabs .lbr-tabs-link:hover { color:#ddd; color:rgba(255,255,255,0.70); }

.lbr-btt .lbr-appreciate:hover { background-color:#333; color:#fff; border-color:#333; }
.lbr-btt .lbr-appreciate:hover .lbr-svg-like { fill:#fff;}

.somb-action-item a:hover, 
.somb-action-item a:focus { background-color:#333; color:#fff; }

.somb-submit:hover {
	background-color: #fff; color:#333;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.somb-voter-list .somb-voter-item a:hover { color:#333; }
.somb-voter-list .somb-voter-item a:hover .somb-voter-svg { 
	fill:#333; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); 
	border-radius : 2px; background-color:#fff; 
}
.somb-action-list { display:none; float:left; }
.somb-block:hover .somb-action-list { display:block; }
}