@charset "utf-8";

/* LEVELS 2 board 케미/ http://chemi.kr/ */

/* theme custom */
.light-theme .rdr-avatar-img { box-shadow: none !important; }
.lv-img-shadow { box-shadow: 0 4px 8px 0 rgba(0,0,0,.1), 0 10px 13px 0 rgba(0,0,0,.11); }
.light-theme .lv-img-shadow { box-shadow: 0 4px 14px rgba(0,0,0,.16) !important; }

/* LG */
.lg-backdrop { z-index: 3040; }
.lg-outer { z-index: 3050; }

/* is-mfp */
.is-mfp .is-mfp-link { pointer-events: none; }
.is-mfp .is-mfp-cursor { cursor: not-allowed; }

/* welv */
.welv-cc { }
.welv { position: relative; display: block; }
.welv-list-resizable { position: relative; display: block; }
.welv-list {
	position: relative;
	background-color: var(--background-welv-list);
}
.welv-rdwd { position: relative; display: block; }
.read-grid {
	position: relative; margin: 0 auto; padding: 0 14px;
	box-sizing: border-box;
}

.lv-pc .welv { display: flex; flex-direction: row; }
.lv-pc .welv-list-resizable { 
	width: 420px; height: calc(100vh - 44px); flex-shrink: 0;
	border-left: 1px solid var(--border-color-welv-list);
	border-right: 1px solid var(--border-color-welv-list); 
}
.lv-pc .welv-list {
	position: fixed; top: 44px; bottom: 0; width: inherit;
}
.lv-pc .welv-grid { min-width: 420px; max-width: calc(100vw - 817px); }
.lv-pc .welv-rdwd { flex-grow: 1; }
.lv-pc .read-grid { min-width: 480px; max-width: 780px; padding: 0 26px; }

@media (min-width: 1370px) {
	.lv-pc .welv-list-resizable.dcard_width { width: 573px; }
	.lv-pc .welv-list-resizable.gcard_width { width: 573px; }
}
@media (min-width: 1577px) {
	.lv-pc .welv-list-resizable.gcard_width { width: 760px; }
}

/* wl */
.wl-scrollable { position: relative; overflow: hidden; }
.wl-pagination { position: relative; display: flex; justify-content: center; padding: 16px 12px 60px 12px; min-height: 32px; }

.juicy-page-wrap { display: inline-block; }
.juicy-page { display: flex; flex-direction: row; padding: 0 10px; }
.juicy-page li { list-style: none; padding: 0 5px; }
.juicy-page li a { 
	position: relative; display: flex; align-items: center; justify-content: center; padding: 0 5px; line-height: 27px; height: 27px; text-align: center;
	font-size: 15px; font-weight: 500; color: var(--text-color-i2); user-select: none; min-width: 27px;
	box-sizing: border-box; border-radius: 15px;
}
.juicy-page li a:hover { background-color: var(--background-juicy-a-hover); }
.juicy-page li a.active { background-color: var(--background-accent); color: var(--lv-white); }
.juicy-page li a.dot { pointer-events: none; }

.is-welv .juicy-page li,
.is-sleater .juicy-page li { opacity: 0.6; }
.is-welv .juicy-page li,
.is-sleater .juicy-page li { cursor: not-allowed; }
.is-welv .juicy-page li a,
.is-sleater .juicy-page li a { pointer-events: none; }

.is-mfp .juicy-page li { cursor: not-allowed; }
.is-mfp .juicy-page li a { pointer-events: none; }

.splitter { position: fixed; display: flex; top: 50%; width: 20px; height: 32px; padding-left: 4px; }
.splitter-inner {
	position: relative; display: block;
	width: 2px; height: 32px; border-radius: 2px; background-color: var(--background-splitter);
	margin: 0 2px 0 0;
}

/* wl-header */
.wl-header { padding: 20px 0 0 0; }

.wl-animals { position: relative; display: block; }
.wl-animals-flex { position: relative; display: flex; flex-wrap: nowrap; align-items: center; }
.wl-write { 
	position: relative; display: flex; align-items: center; justify-content: center;
	width: 30px; height: 30px; flex-shrink: 0; margin-left: auto;
	border-radius: 9px; margin-right: 14px; color: var(--svg-color-wl-write);
}
.wl-write:hover,
.wl-write:active { background-color: var(--background-icon-hover); }
.wl-write svg { display: inline-block; width: 20px; height: 20px; }
.wl-title {
    font-size: 24px; color: var(--text-color-iz); font-weight: 500; 
    letter-spacing: -0.3px; line-height: 30px; white-space: nowrap; padding: 0 20px;
}

/* wl-search */
.wl-search { position: relative; padding: 13px 12px 0 12px; }
.wlse-liner { 
	position: relative; display: flex; flex-wrap: nowrap; align-items: center;
	background-color: var(--background-inputbox); border-radius: 9px;
}
.wlse-submit {
	position: relative; display: flex; align-items: center; color: var(--text-color-i5);
	flex-shrink: 0; width: 18px; height: 36px; padding: 0 4px 0 9px;
}
.wlse-submit svg { display: inline-block; width: 18px; height: 18px; }
.wlse-input { position: relative; flex-grow: 1; padding-right: 10px; } 
.wlse-input input { 
	position: relative; display: block; padding: 0; width: 100%; 
    font-size: 18px; font-weight: 400; line-height: 28px; color: var(--text-color-i3);
    background: none; border: 0; outline: 0; letter-spacing: -0.3px;
}
.wlse-input input::-webkit-input-placeholder { color: var(--text-color-i5); line-height: 28px; }
.wlse-input input:-ms-input-placeholder { color: var(--text-color-i5); line-height: 28px; }
.wlse-input input::placeholder { color: var(--text-color-i5); line-height: 28px; }

.wlse-select { position: relative; display: block; height: 24px; flex-shrink: 0; margin-right: 4px; }
.wlse-select-link {
	position: relative; display: flex; align-items: center; padding: 0 5px; height: 24px; line-height: 24px;
	font-size: 13px; font-weight: 300; letter-spacing: -0.3px; border-radius: 6px; color: var(--text-color-i5);
}
.wlse-select-link:hover,
.wlse-select-link:active { background-color: var(--background-wlse-select); }
.wlse-select-link svg {
	display: inline-block; width: 16px; height: 16px; margin-left: 0;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
}
.wlse-select-link[aria-expanded=true] svg {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.wlse-select .dropdown-menu { top: 29px; right: -2px; min-width: 97px; }
.bsl-txt { display: none; }

/* wl-filter */
.wl-filter { padding: 12px 22px 0 20px; }
.wl-filter-flex { position: relative; display: flex; flex-wrap: nowrap; }
.wl-filter-item { position: relative; display: block; }
.wl-filter-item.wfi-mla { margin-left: auto; }

.wl-filter-link { position: relative; display: flex; align-items: center; color: var(--text-color-i5); } 
.wl-filter-link svg {
	display: inline-block; width: 12px; height: 12px; margin-left: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
}
.wl-filter-txt { font-size: 14px; line-height: 25px; font-weight: 300; color: var(--text-color-i3-w1); }

.wl-filter-link[aria-expanded=true] svg {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.wl-catclps { padding: 5px 20px 5px 20px; }
.wl-catclps-list { position: relative; display: flex; flex-wrap: wrap; }
.wl-catclps-list li { position: relative; display: block; }
.wl-catclps-list a {
	display: flex; align-items: center;    
	padding: 0 4px; height: 20px; line-height: 20px; margin: 0 5px 3px 0; border-radius: 5px;
    font-size: 13px; color: var(--text-color-i5); letter-spacing: -0.3px; font-weight: 400;
}
.wl-catclps-list a:hover { background-color: var(--background-catclps-hover); }    
.wl-catclps-list a.on { background-color: var(--background-accent); color: #ffffff; font-weight: 500; }

/* dcard-cover */
.dcard-cover { padding: 7px 0 20px 0; }
.dcard-pin { position: relative; display: block; }
.dcard-pin:hover { background-color: var(--background-dcard-hover); }
.dcard-block { padding: 8px 0; margin: 0 18px; border-top: 1px solid var(--border-color-block); }

.dcard-label { position: relative; display: block; padding: 0 0 0 29px; }
.dcard-label-flex { position: relative; display: flex; flex-direction: row; }
.dcard-label-item { position: relative; display: flex; align-items: center; color: var(--svg-color-label); padding-right: 10px; }
.dcard-label-item:first-child { padding-left: 3px; }
.dcard-label-item.dli-pin:first-child { padding-left: 0; }
.dcard-label-item.dli-lock:first-child { padding-left: 3px; }
.dcard-label-item.dli-patchex:first-child { padding-left: 3px; }
.dcard-label-item svg { display: inline-block; width: 12px; height: 12px; margin-right: 4px; }
.dcard-label-item.dli-pin svg { width: 15px; height: 15px; }
.dcard-label-item.dli-lock svg { width: 12px; height: 12px; }
.dcard-label-item.dli-patchex svg { width: 12px; height: 12px; }
.dcard-label-txt { font-size: 13px; line-height: 19px; color: var(--text-color-i5); letter-spacing: -0.3px; }

.dcard-shot { position: relative; display: flex; flex-direction: row; padding: 3px 0; }

.dcard-pin .pin-violet {
	position: absolute; left: -8px; top: 3px; height: 6px; width: 6px;
    border-radius: 50%; background-color: var(--background-accent-orange); z-index: 2;
}
.dcard-pin .pin-violet-update { background-color: var(--background-accent); }

.dcard-pin .pin-avatar { position: relative; width: 36px; flex-shrink: 0; margin: 3px 12px 0 0; }
.dcard-pin .pin-avatar-img { display: block; width: 36px; height: 36px; border-radius: 50%; }

.dcard-pin .pin-meta { position: relative; display: block; flex-grow: 1; }
.dcard-pin .pin-profile { position: relative; display: flex; flex-direction: row; align-items: center; user-select: none; }
.dcard-pin .pin-author { display: inline-block; font-size: 14px; line-height: 20px; color: var(--text-color-i1); font-weight: 500; white-space: nowrap; }
.dcard-pin .pin-time { display: inline-block; font-size: 12px; line-height: 20px; color: var(--text-color-i5); font-weight: 400; white-space: nowrap; margin-left: 5px; }

.dcard-pin .pin-content { padding: 0; }
.dcard-pin .pin-title-link { 
	position: relative; display: block; padding-top: 1px; user-select: none;
	font-size: 15px; line-height: 21px; color: var(--text-color-i1); font-weight: 300; word-break: break-all;
}

.dcard-pin .pin-title-link span { font-weight: 300 !important; }
.dcard-pin .pin-title-link .pin-tcc { 
	display: inline-block; background: rgba(114,137,218,.1); font-weight: 500 !important; color: var(--text-color-accent-purple);
	border-radius: 3px; padding: 0 3px; height: 21px; line-height: 21px; font-size: 14px; 
}
.dcard-pin .pin-title-link:hover,
.dcard-pin .pin-title-link:active { text-decoration: underline; }

.dcard-pin .pin-stats { position: relative; display: flex; padding: 2px 0; }
.dcard-pin .pin-stats-readed { font-size: 13px; line-height: 19px; color: var(--text-color-i5); margin-right: 5px; min-width: 120px; flex-shrink: 0; }
.dcard-pin .pin-stats-like { font-size: 13px; line-height: 19px; color: var(--text-color-i5); }
.dcard-pin .pin-stats-readed span { font-weight: 300; }
.dcard-pin .pin-stats-like span { font-weight: 300; }
.dcard-pin .pin-stats-checkbox { margin-left: auto; margin-right: 0; }

.dcard-pin .pin-thumb { padding: 7px 0 5px 0; }
.dcard-pin .pin-thumb-flex { display: flex; flex-wrap: nowrap; }
.dcard-pin .pin-thumb-item { position: relative; display: block; min-width: 200px; width: 234px; max-width: 85%; }
.dcard-pin .pin-thumb-block { padding: 0 10px 0 0; }

.dcard-pin .pin-img-container { 
	position: relative; width: 100%; padding-top: 56.25%;
	background-color: var(--background-img-container); border-radius: 6px;
}
.dcard-pin .pin-img-neue {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0;
}
.dcard-pin .pin-img-overlay {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0;
	background-size: cover; border-radius: 6px;
	background-position: center center;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.1), 0 10px 13px 0 rgba(0,0,0,.11);
}
.dcard-pin .pin-img-overlay:after {
    content: ''; width: 100%; height: 100%; min-width: 100%; min-height: 100%;
    position: absolute; top: 0; display: block; pointer-events: none; border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(128,128,128,0.1);  
}
.dcard-pin .pin-img {
    position: relative; display: block; opacity: 0;
    width: 100%; border-radius: 6px; vertical-align: middle;
} 
.dcard-pin .pin-img-link { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; }


/* gcard */
.gcard-cover { position: relative; display: flex; flex-wrap: wrap; padding: 0 6px; }
.gcard-pin { 
	position: relative; display: block; 
	width: 164px; max-width: 50%; flex: 1 0 auto; 
}
.gcard-block { position: relative; padding: 14px 8px 0 8px; }

.gcard-pin .pin-violet {
	position: absolute; left: -6px; top: 2px; height: 5px; width: 5px;
    border-radius: 50%; background-color: var(--background-accent-orange);
}
.gcard-pin .pin-violet-update { background-color: var(--background-accent); }

.gcard-pin .pin-img-container { 
	position: relative; width: 100%; padding-top: 100%;
	background-color: var(--background-img-container); border-radius: 6px;
}
.gcard-pin .pin-img-neue {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0;
}
.gcard-pin .pin-img-overlay {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0;
	background-size: cover; border-radius: 6px;
	background-position: center center;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.1), 0 10px 13px 0 rgba(0,0,0,.11);
}
.gcard-pin .pin-img-overlay:after {
    content: ''; width: 100%; height: 100%; min-width: 100%; min-height: 100%;
    position: absolute; top: 0; display: block; 
    pointer-events: none; border-radius: 6px; 
    box-shadow: inset 0 0 0 1px rgba(128,128,128,0.1);  
}
.gcard-pin .pin-img {
    position: relative; display: block; opacity: 0;
    width: 100%; border-radius: 6px; vertical-align: middle;
} 
.gcard-pin .pin-img-link { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; }

.gcard-pin .pin-meta { position: relative; padding: 4px 0 0 1px; }
.gcard-pin .pin-title-link { 
	position: relative; display: block; padding: 1px 0; word-break: break-all;
	font-size: 13px; line-height: 18px; color: var(--text-color-i3-w1); font-weight: 300;
}
.gcard-pin .pin-tcc { 
	display: inline-block; background: rgba(114,137,218,.1); font-weight: 500; color: var(--text-color-accent-purple);
	border-radius: 3px; padding: 0 3px; height: 18px; line-height: 18px; font-size: 13px; 
}
.gcard-pin .pin-author-link { 
	position: relative; display: block; 
	font-size: 13px; line-height: 16px; color: var(--text-color-i5); font-weight: 300; 
}
.gcard-pin .pin-checkbox { 
	position: absolute; bottom: 0; right: 0; padding: 7px; margin: 0; 
	background-color: rgba(51,51,51,0.6); border-radius: 6px 0 6px 0;
}
.pin-checkbox { display: none !important; }
.ccbx .pin-checkbox { display: flex !important; }
.no-docu-pin {
	position: relative; display: block; padding: 4px 20px;
    font-size: 16px; line-height: 21px; color: var(--text-color-i1); font-weight: 300;
}
.gcard-cover .no-docu-pin { padding: 4px 14px; }

/* read */
.read-scrollable { position: relative; }
.rdr-wrap { position: relative; background-color: var(--background-scroll); }
.rdr-info-c { position: relative; padding: 22px 0 0 0; }

.rdr-info-flex { 
	position: relative; display: flex; flex-direction: row;
	border-bottom: 2px solid var(--border-color-rdr-info); padding: 0 0 20px 0; margin: 0 4px;
}
.rdr-artwork { position: relative; display: block; width: 146px; min-width: 124px; padding: 0px 18px 0px 0px; }

.rdar-img-container { 
	position: relative; width: 100%; padding-top: 120%;
	background-color: var(--background-img-container); border-radius: 6px;
}
.rdar-img-neue { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.rdar-img-overlay {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0;
	background-size: cover; border-radius: 6px;
	background-position: center center;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.1), 0 10px 13px 0 rgba(0,0,0,.11);
}
.rdar-img-overlay:after {
    content: ''; width: 100%; height: 100%; min-width: 100%; min-height: 100%;
    position: absolute; top: 0; z-index: 2; display: block; 
    pointer-events: none; border-radius: 6px; 
    box-shadow: inset 0 0 0 1px rgba(128,128,128,0.1);  
}
.rdar-img {
    position: relative; display: block; opacity: 0;
    width: 100%; border-radius: 6px; vertical-align: middle;
}

/* rdr-meta */
.rdr-meta { position: relative; display: block; flex-grow: 1; padding: 4px 0; }
.rdr-meta-flex {
	position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
}
.rdr-meta-cate { 
    display: inline-block; font-size: 16px; margin: 0 0 4px 0; min-width: 25px;
    height: 18px; line-height: 18px; color: var(--text-color-iz); font-weight: 300;
}
.rdr-meta-title {
	display: block; font-size: 24px; text-align: left; font-weight: 300;
    line-height: 33px; letter-spacing: -0.3px; word-break: break-all; color: var(--text-color-iz); 
}
.rdr-meta-subtitle {
	display: block; line-height: 21px; padding: 10px 0 0 0;
    font-size: 15px; font-weight: 300; word-break: break-all; text-align: left;
	color: var(--text-color-i2); letter-spacing: -0.2px;
}

/* rdr-stats */
.rdr-confetti { position: relative; padding: 0; }
.rdr-confetti .pd-nr { padding-right: 0; }
.rdr-confetti-flex { display: flex; flex-wrap: wrap; /* border-bottom: 1px solid rgba(255,255,255,0.05); */ } 
.rdr-stats {
	position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; 
	margin-left: auto; padding: 12px 0 18px 0;
}
.rdr-stats-item { position: relative; display: block; border-left: 1px solid rgba(255,255,255,0.05); border-left: 1px solid var(--border-color-grey-05); }
.rdr-stats-block { 
	display: block; font-size: 13px; font-weight: 400; padding: 9px 12px 0 8px; min-width: 45px; height: 18px;
	text-align: left; line-height: 18px; white-space: nowrap; color: var(--text-color-i2);
}
.rdr-stats-block.stats-cc { font-size: 16px; color: var(--text-color-i4); font-weight: 400; padding: 0 8px 0 8px !important; letter-spacing: 0; }

/* rdr-avatar */
.rdr-avatar { position: relative; display: flex; flex-direction: row; border-radius: 13px; padding: 18px 0 0 4px; }
.rdr-avatar-sh { position: relative; flex-shrink: 0; padding: 2px 10px 0 0; }
.rdr-avatar-img {
   display: block; width: 38px; height: 38px;
   border-radius: 50%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.rdr-avatar-info { position: relative; display: block; flex-shrink: 0; padding-top: 1px; }
.rdr-avatar-link { display: block; font-size: 14px; line-height: 20px; font-weight: 500; white-space: nowrap; color: var(--text-color-i1); }
.rdr-avatar-link span { font-family: Georgia,sans-serif; font-style: italic; margin-right: 5px; font-weight: 400; color: var(--text-color-i4); }
.rdr-avatar-time {
    display: block; font-size: 13px; line-height: 20px; font-weight: 400; white-space: nowrap; padding-top: 0; color: var(--text-color-i3);
}

/* rdr-extra */
.rdr-extra-wrap { padding: 0 4px; }
.rdr-extra { position: relative; padding: 16px 0; display: none; }
.reb-active .rdr-extra { display: block; }

.rdr-extra-item { position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; padding-bottom: 15px; }
.rdr-extra-item.eid_lvimg1,
.rdr-extra-item.eid_lvimg2,
.rdr-extra-item.eid_lvtitle,
.rdr-extra-item.eid_lvlabel { display: none; }
.rdr-extra-block { 
	display: block; font-size: 14px; line-height: 22px; font-weight: 300;
	padding: 0; color: var(--text-color-i2); word-break: break-all;  
}
.rdr-extra-block.extra-cl { min-width: 100px; font-weight: 300; padding-right: 20px; color: var(--text-color-i4); }
.rdr-extra-block a { color: #fff; box-shadow: inset 0 -1px 0 #ddd; }

.rdr-extra-block .rdr-attc-block { position: relative; display: block; }
.rdr-extra-block .rdr-attc-link { color: var(--text-color-i2); box-shadow: none; word-break: break-all; }
.rdr-extra-block .rdr-attc-link:hover { text-decoration: underline; }

.rdr-extra-btn { position: relative; display: block; padding-top: 4px; }
.rdr-extra-btn a { 
	position: relative; display: flex; align-items: center; justify-content: center;
	height: 34px; color: var(--svg-color-reb-more);
}
.rdr-extra-btn a:hover,
.rdr-extra-btn a:active { color: var(--text-color-i2); }
.rdr-extra-btn svg { display: inline-block; width: 32px; height: 32px; }

.reb-hide { display: none !important; }
.reb-active .reb-more { display: none !important; }
.reb-active .reb-hide { display: flex !important; }

/* .rdr-content */
.rdr-content { position: relative; display: block; padding: 0; }
.rdr-content .xe_content { 
	padding: 16px 4px; font-size: 15px; line-height: 23px; font-weight: 300; color: var(--text-color-xe-content); word-break: break-all;
	font-family: 'Noto Sans KR', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.rdr-content .xe_content a { color: var(--text-color-link); box-shadow: inset 0 -1px 0 var(--text-color-link); }
.rdr-content .xe_content iframe { width: 100%; }

/* secret-form */
.wls-read-form { padding: 16px 0; }
.wls-comment-form { padding: 0 0 2px 0; }
.wls-header { }
.wls-message { 
	font-size: 14px; color: var(--text-color-i2); font-weight: 400;
    line-height: 22px; white-space: nowrap; 
}
.wls-secret { padding: 8px 0 0 0; }
.wls-secret-flex { position: relative; display: flex; flex-direction: row; }
.wls-secret-item { position: relative; display: block; margin-right: 5px; }

.rdr-like { position: relative; display: block; padding: 30px 4px 10px 4px; }
.rdr-like-flex { display: flex; align-items: center; justify-content: center; }
.rdr-like-link { 
	position: relative; display: flex; align-items: center; color: var(--text-color-rdr-like);
	height: 39px; border-radius: 20px; padding: 0 20px;
	background-color: var(--background-rdr-like); letter-spacing: -0.3px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
	transition: all .2s ease;
}
.rdr-like-link:hover,
.rdr-like-link:active { background-color: var(--background-rdr-like-hover); }
.rdr-like-link svg { display: inline-block; width: 17px; height: 17px; margin-right: 4px; }

.rdr-like-txt { display: inline-block; font-size: 15px; line-height: 1; font-weight: 300; white-space: nowrap; }
.rdr-like-cnt { display: inline-block; font-size: 15px; line-height: 1; font-weight: 400; margin-left: 4px; white-space: nowrap; }
.rdr-like-cnt.n-cnt { display: none; }

.rdr-love { display: none !important; }
.active .rdr-love { display: inline-block !important; }
.active .rdr-lovet { display: none !important; }

/* rdr-tag */
.rdr-tags { padding: 20px 4px; }
.rdr-tags-list { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; }
.rdr-tags-list a { 
	display: inline-block; font-size: 14px; font-weight: 500; border-radius: 3px;
	height: 21px; line-height: 21px; padding: 0 3px; margin: 5px 5px 0 0;
	background-color: var(--background-tags); color: var(--text-color-i3-w1);
}
.rdr-tags-list a:hover,
.rdr-tags-list a:active { background-color: var(--background-tags-hover); color: var(--text-color-i2); }

/* rdr-bot */
.rdr-bot { position: relative; padding-bottom: 3px; }
.rdr-bot-flex { position: relative; display: flex; flex-direction: row; align-items: center; height: 44px; }

.rdr-lside { display: flex; flex-direction: row; }
.rdr-lside.rside { margin-left: auto; }
.rdr-lside-item { position: relative; list-style: none; }
.rdr-lside.rside .rdr-lside-item { margin-left: 10px; }
.rdr-lside-link { 
	position: relative; display: flex; align-items: center; justify-content: center;
	width: 30px; height: 30px; border-radius: 50%; color: var(--svg-color-lside);
}
.rdr-lside-link:hover,
.rdr-lside-link:focus,
.rdr-lside-link:active { color: var(--text-color-i2); }

.rdr-lside-txt { font-size: 15px; font-weight: 400; color: var(--text-color-i1); white-space: nowrap; }
.rdr-lside-link svg { display: inline-block; width: 22px; height: 22px; }

.open .rdr-social-group { display: flex; flex-wrap: nowrap; min-width: 50px; }
.rdr-social-group.dropdown-menu > li > a { 
	display: flex; align-items: center; justify-content: center; 
	width: 33px; padding: 0; 
}
.rdr-social-group svg { display: block; width: 17px; height: 17px; }

/* welv-btn */
.welv-input-reset { outline: none; border: none; user-select: none; box-sizing: content-box; }
.welv-btn {
	position: relative; display: flex; align-items: center; height: 27px; line-height: 27px; 
	font-size: 14px; color: var(--lv-white); white-space: nowrap; text-align: center; 
    padding: 0 10px; border-radius: 6px; font-weight: 500; letter-spacing: -0.5px;
    background-color: var(--background-btn); transition: all .2s ease;
}
.welv-btn:hover,
.welv-btn:active { background-color: var(--background-btn-hover); }

.welv-btn:active,
.welv-btn.coke { opacity: 0.65; }
.welv-btn.disabled,
.welv-btn[disabled] { cursor: not-allowed; opacity: 0.65; } 

.welv-btn.welv-btn-grey { background-color: var(--background-btn-grey); }
.welv-btn.welv-btn-red { background-color: var(--background-btn-red); }

.welv-btn-sust { font-size: 15px; font-weight: 400; height: 29px; line-height: 29px; padding: 0 16px; }
.welv-purw {
	position: relative; display: flex; align-items: center;
	width: 72px; height: 27px; line-height: 27px; padding: 0 8px; border-radius: 5px;
	font-size: 14px; letter-spacing: -0.5px; color: var(--text-color-i3);
	background-color: var(--background-inputbox);
}
.welv-purw::-webkit-input-placeholder { color: var(--text-color-i3); line-height: 27px; }
.welv-purw:-ms-input-placeholder { color: var(--text-color-i3); line-height: 27px; }
.welv-purw::placeholder { color: var(--text-color-i3); line-height: 27px; }

.welv-purw-sust { height: 29px; line-height: 29px; }

/* largo-response */
.largo-response { position: relative; padding: 0 0 80px 0; min-height: 500px; background-color: var(--background-largo); }

.lrs-header { padding: 20px 0 0 4px; }
.lrs-header-flex { position: relative; display: flex; flex-direction: row; }
.lrs-title {
    font-size: 15px; color: var(--text-color-lrs-title); font-weight: 400;
    letter-spacing: -0.3px; line-height: 28px; white-space: nowrap;
}
.lrs-cnt { display: inline-block; margin-left: 4px; }

.lrs-write { padding: 14px 0 14px 4px; }
.lrs-write.reply { padding: 4px 0 14px 40px; display: none; }

.lrs-commentbox { }
.lrs-box { padding: 0; }
.lrs-box-flex { position: relative; display: flex; flex-direction: row; }
.lrs-avatar { position: relative; width: 38px; flex-shrink: 0; margin: 1px 12px 0 0; }
.lrs-avatar-img { display: block; width: 38px; height: 38px; border-radius: 50%; }

.reply .lrs-avatar { width: 34px; margin: 3px 11px 0 0; }
.reply .lrs-avatar-img { width: 34px; height: 34px; border-radius: 50%; }

.floated-textarea { position: relative; flex-grow: 1; }
.floated-textarea textarea {
	display: block; width: 100%; line-height: 20px; padding: 10px 14px;
	font-size: 14px; font-weight: 400; color: #b1b1b1; color: var(--text-color-i3); letter-spacing: -0.3px;
	border-radius: 9px; box-sizing: border-box; outline: none; border: none; resize: none;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	background-color: var(--background-inputbox);
}
.floated-textarea textarea::-webkit-input-placeholder { color: var(--text-color-i3); line-height: 20px; }
.floated-textarea textarea:-ms-input-placeholder { color: var(--text-color-i3); line-height: 20px; }
.floated-textarea textarea::placeholder { color: var(--text-color-i3); line-height: 20px; }
.lrs-lchker { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.has-text .lrs-lchker { display: none; }
.lrs-lchker a { 
	position: relative;	display: flex; align-items: center; height: 40px; line-height: 40px; 
	padding: 0 14px; font-size: 14px; font-weight: 400; color: var(--text-color-i3);
}
.lrs-lchker span { text-decoration: underline; font-weight: 500; }

.lrs-hlidy { position: relative; display: none; padding: 6px 0 0 50px; }
.reply .lrs-hlidy { position: relative; display: none; padding: 6px 0 0 45px; }
.focus .lrs-hlidy,
.has-text .lrs-hlidy { display: block; }
.lrs-candy .lrs-hlidy { display: block; padding: 0; }

.lrs-hlidy-flex { position: relative; display: flex; flex-direction: row; }
.lrs-hlidy-item { position: relative; display: block; }
.lrs-hlidy-mla { margin-left: auto; }
.lrs-hlidy-mr6 { margin-right: 6px; }
.lrs-hlidy-cancel { margin-right: 9px; }

.lrs-checkbox-group { height: 27px; margin-right: 7px; }
.lrs-candy-link { 
	position: relative; display: flex; line-height: 1; text-decoration: underline;
	font-size: 13px; color: var(--text-color-i3); height: 27px; align-items: center;
}
.lrs-cancel {
	position: relative; display: flex; align-items: center; height: 27px; line-height: 27px; 
	font-size: 14px; color: var(--text-color-i3); white-space: nowrap; text-align: center; padding: 0 4px;
}
.lrs-cancel:hover { text-decoration: underline; }

/* comment.list */
.sltr-list { position: relative; padding: 0; }
.sltr-item { position: relative; display: block; }
.sltr-block { 
	position: relative; display: flex; flex-direction: row; 
	padding: 12px 0 10px 0; margin: 0 4px; 
}
.sltr-avatar { position: relative; width: 38px; flex-shrink: 0; margin: 2px 12px 0 0; }
.sltr-avatar img { display: block; width: 38px; height: 38px; border-radius: 50%; }

.lulu .sltr-block { padding: 4px 0 6px 0; margin: 0 4px 0 40px; }
.lulu .sltr-avatar { width: 34px; margin: 4px 11px 0 0; }
.lulu .sltr-avatar img { width: 34px; height: 34px; border-radius: 50%; }

.sltr-compact { position: relative; display: block; flex-grow: 1; }
.sltr-profile { position: relative; display: flex; flex-direction: row; align-items: center; }

.sltr-author {
    display: inline-block; font-size: 14px; line-height: 18px; white-space: nowrap;
    color: var(--text-color-i2); font-weight: 500; flex-shrink: 0;
}
.sltr-time {
    display: inline-block; font-size: 12px; line-height: 18px; white-space: nowrap;
    color: var(--text-color-i5); font-weight: 400; margin-left: 5px; flex-shrink: 0;
}
.sltr-content { position: relative; margin-top: 3px; }
.sltr-content .xe_content {
    position: relative; display: block; 
    font-size: 14px; line-height: 21px; color: var(--text-color-xe-content); font-weight: 300;
	font-family: 'Noto Sans KR', "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
.sltr-truncate {    
    position: relative; float: left; padding: 0 2px; border-radius: 3px; 
	font-size: 14px; font-weight: 400; margin-right: 4px; margin-left: -2px; line-height: 21px;
    background-color: rgba(114,137,218,.1); color: var(--text-color-accent-purple); 
}

.sltr-footer { position: relative; display: flex; flex-direction: row; align-items: center; padding: 4px 0 0 0; }

.sltr-footer-item { margin-right: 10px; }
.sltr-footer-item.sfi-min { position: relative; display: flex; flex-direction: row; min-width: 47px; }
.sltr-footer-item.sfi-more { margin-left: auto; margin-right: 0; display: none; }
.sltr-block:hover .sltr-footer-item.sfi-more { display: block; }
.sltr-block .sfi-more.open { display: block; }

.sltr-footer-link { 
	position: relative; display: flex; flex-direction: row; align-items: center; 
	height: 22px; color: var(--text-color-i5); padding: 0 3px;
}
.sltr-footer-link:hover,
.sltr-footer-link:focus,
.sltr-footer-link:active { color: var(--text-color-i3); }

.sltr-footer-link.sfl-fst { padding: 0 3px 0 0; }
.sltr-footer-link svg { display: inline-block; width: 17px; height: 17px; }
.sltr-footer-link svg.sfl-svg-more { width: 19px; height: 19px; }

.is-sleater .sltr-footer-item { cursor: not-allowed; }
.is-sleater .sltr-footer-link { pointer-events: none; }
.is-sleater .sltr-avatar,
.is-sleater .sltr-profile, 
.is-sleater .sltr-content,
.is-sleater .sltr-footer-link { opacity: 0.5; }

.sltr-footer-txt {
	font-size: 14px; color: var(--text-color-sltr-footer); display: inline-block; margin-left: 5px;
    line-height: 1.5; font-weight: 400; white-space: nowrap;
}
.sltr-footer-txt.n-cnt { display: none; }
.sltr-love { display: none !important; }
.active .sltr-love { display: inline-block !important; }
.active .sltr-lovet { display: none !important; }

.sltr-pagination { position: relative; display: flex; justify-content: center; padding: 30px 4px; }

/* welv-write-form */
.write-grid { max-width: 780px; }
.welv-write-form { position: relative; }

.twl-header { padding: 20px 0 0 0; }
.twl-title {
    font-size: 24px; color: var(--text-color-iz); font-weight: 500; letter-spacing: -0.3px;
    line-height: 30px; white-space: nowrap; padding: 0 20px;
}
.twl-write { position: relative; }
.twl-select-list { position: relative; padding: 14px 14px 0 14px; }
.twl-select-flex { position: relative; display: flex; }
.twl-select-item {
    background-color: var(--background-twl-select);
    border: 1px solid var(--border-color-twl-select); border-radius: 6px;
    position: relative; display: flex; align-items: center; flex-wrap: nowrap;
    justify-content: space-between; color: var(--text-color-i3);
    min-height: 29px; margin-right: 8px;
    transition: border 0.15s ease 0s; 
    outline: 0px !important;
}
.twl-select-item:hover { border-color: var(--border-color-twl-select-hover); }
.twl-select-item select { color: var(--text-color-i3); padding: 0 24px 0 8px; font-size: 14px; line-height: 29px; font-weight: 400; }
.twl-select-item select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0; box-shadow: none; border: 0 !important;
    background: none; background-image: none; border-radius: 6px;
}
.twl-select-ab { 
	position: absolute; top: 0; right: 6px; height: 29px; width: 14px;
	display: flex; align-items: center; pointer-events: none;
}
.twl-select-item svg {
    position: relative; display: inline-block;
    pointer-events: none; width: 14px; height: 14px;
}

/* .twl-meta-list */
.twl-meta-list { position: relative; padding: 20px 0 0 20px; }
.twl-meta-item { position: relative; display: block; padding: 0; }
.twl-meta-flex { 
	position: relative; display: flex; flex-wrap: nowrap; flex-direction: row; 
	border-bottom: 1px solid var(--border-color-grey-05);
}
.twl-meta-label { 
	display: block; flex-shrink: 0; padding: 0; color: var(--text-color-i3);
    font-size: 15px; line-height: 35px; font-weight: 300; 
}
.twl-meta-input { position: relative; flex-grow: 1; padding: 0 8px; }

.twl-meta-input input {
    position: relative; display: block; padding: 0; width: 100%;
    font-size: 15px; font-weight: 400; line-height: 35px; color: var(--text-color-i2);
    background: none; border: 0; outline: 0;
}

/* .twl-extra-list */
.twl-extra-list { position: relative; padding: 0 0 0 20px; }
.twl-extra-item { position: relative; display: block; padding: 0; }
#lvlabel { display: none; }

.twl-extra-flex { 
	position: relative; display: flex; flex-wrap: nowrap; flex-direction: row; 
	border-bottom: 1px solid var(--border-color-grey-05);
}
.twl-extra-label { 
	display: block; flex-shrink: 0; padding: 0; color: var(--text-color-i3);
    font-size: 15px; line-height: 35px; font-weight: 300;
}
.twl-extra-input { position: relative; flex-grow: 1; padding: 0 8px; }
.twl-extra-input input[type="text"],
.twl-extra-input textarea {
    position: relative; display: block; padding: 0; width: 100%;
    font-size: 15px; font-weight: 400; line-height: 35px; color: var(--text-color-i2);
    background: none; border: 0; outline: 0;
}
.twl-extra-input.tel { display: flex; align-items: center; }
.twl-extra-input.tel input { width: 50px; }

.twl-extra-input.radio ul,
.twl-extra-input.checkbox ul { display: flex; align-items: center; flex-wrap: wrap; }
.twl-extra-input.radio ul li,
.twl-extra-input.checkbox ul li { padding: 0; list-style: none; display: flex; align-items: center; margin-right: 7px; }
.twl-extra-input.radio ul li label,
.twl-extra-input.checkbox ul li label { color: var(--text-color-i3); font-size: 14px; padding: 0 5px; line-height: 35px; }

.twl-extra-input.select { display: flex; align-items: center; }

.twl-extra-input .krZip { padding: 0 0 10px 0; }
.krzip-postcode-wrap { display: flex; align-items: center; }
.krzip-postcode-wrap label { color: var(--text-color-i3); line-height: 35px; }
.krzip-postcode-wrap input[type="text"] { display: inline-block; width: 100px; min-width: 100px; height: 35px; line-height: 35px; margin: 0; padding: 0; }

.krzip-address-wrap { display: flex; flex-direction: column; }
.krzip-address-wrap label { color: var(--text-color-i3); line-height: 20px; }

.krzip-detailAddress-wrap { display: flex; flex-direction: column; }
.krzip-detailAddress-wrap label { color: var(--text-color-i3); line-height: 20px; }
.krzip-detailAddress-wrap input[type="text"] { height: 30px; line-height: 30px; }

.twl-extra-input.date { display: flex; align-items: center; }
.twl-extra-input.date input[type="text"] { width: 100px; }

.twl-editor { padding: 10px 12px 0 12px; }
.twl-footer { }
.twl-option { padding: 0 20px 10px 20px; }
.twl-option-flex { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.twl-option label {
	display: inline-block; flex-shrink: 0; 
    font-size: 13px; line-height: 26px; font-weight: 400;
    padding: 0; margin: 0 10px 0 4px; color: var(--text-color-i3);
}
.twl-author { padding: 0 20px;}
.twl-author-flex { position: relative; display: flex; flex-direction: row; }
.twl-author-item { position: relative; display: block; margin-right: 10px; }
.twl-author-item .reason { width: 120px; }

.twl-btns { padding: 10px 20px 70px 20px;}
.twl-btns-flex { position: relative; display: flex; flex-direction: row; align-items: center; }
.twl-btns-item { position: relative; display: block; }
.twl-btns-item.twl-mla { margin-left: auto; }
.twl-btns-item.twl-mr5 { margin-right: 7px; }

.twl-btn { font-weight: 400; }

/* welv-comment-form */
.welv-comment-form { position: relative; }

.tcl-header { padding: 20px 20px 0 20px; }
.tcl-author {
    font-size: 14px; color: var(--text-color-i2); font-weight: 500;
    line-height: 20px; white-space: nowrap; 	
}
.tcl-header .xe_content {
    position: relative; display: block;
    font-size: 14px; line-height: 22px; color: var(--text-color-i2); font-weight: 300;
    font-family: 'Noto Sans KR', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tcl-write { position: relative; }
.tcl-editor { padding: 20px 20px 0 20px; }

.tcl-hlidy { position: relative; padding: 10px 20px 70px 20px; }
.tcl-hlidy-flex { position: relative; display: flex; flex-direction: row; }
.tcl-hlidy-item { position: relative; display: block; }
.tcl-hlidy-mla { margin-left: auto; }
.tcl-hlidy-mr6 { margin-right: 6px; }

/* welv-delete-form */
.message-grid { position: relative; max-width: 440px; min-height: 200px; margin: 0 auto; }
.welv-delete-form,
.welv-message-form,
.welv-delete-comment-form { position: relative; padding: 110px 10px 0 10px; }
.welv-message-vw { position: relative; padding: 20px 10px 0 10px; }
.td-lkdark {
	position: relative; display: block;
    background-color: var(--background-lkdark); border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(32,34,37,.1), 0 2px 10px 0 rgba(0,0,0,.2);
}
.td-header { padding: 18px 16px 16px 16px; }
.td-header.thr-login { padding: 18px 16px 26px 16px; }
.td-message {
    font-size: 16px; color: var(--text-color-i2); font-weight: 400;
    line-height: 22px; white-space: nowrap; 	
}
.td-item { position: relative; display: block;	padding: 0 16px 20px 16px; }
.td-block { 
	position: relative; display: flex; flex-direction: row; 
	background-color: var(--background-lkdark); border-radius: 5px; padding: 12px 12px 13px 12px;
    box-shadow: 0 0 0 1px rgba(32,34,37,.2), 0 2px 10px 0 rgba(0,0,0,.2);
}
.light-theme .td-block { box-shadow: 0 0 0 1px rgba(185,187,190,.3), 0 2px 10px 0 rgba(0,0,0,.1); }
.td-avatar { position: relative; width: 38px; flex-shrink: 0; margin: 2px 12px 0 0; }
.td-avatar img { display: block; width: 38px; height: 38px; border-radius: 50%; }

.td-compact { position: relative; display: block; flex-grow: 1; }
.td-profile { position: relative; display: flex; flex-direction: row; align-items: center; }

.td-author {
    display: inline-block; font-size: 14px; line-height: 20px; white-space: nowrap;
    color: var(--text-color-i2); font-weight: 500; flex-shrink: 0;
}
.td-time {
    display: inline-block; font-size: 12px; line-height: 20px; white-space: nowrap;
    color: var(--text-color-i5); font-weight: 400; margin-left: 5px; flex-shrink: 0;
}
.td-content .xe_content {
    position: relative; display: block; 
    font-size: 14px; line-height: 22px; color: var(--text-color-i2); font-weight: 300;
	font-family: 'Noto Sans KR', "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
.td-footer {
	position: relative; display: block; padding: 12px;
    background-color: var(--background-td-footer); border-radius: 0 0 5px 5px;
    box-shadow: inset 0 1px 0 rgba(47,49,54,.6);
}
.light-theme .td-footer { box-shadow: inset 0 1px 0 rgba(246,246,247,.6); }
.td-footer-flex { position: relative; display: flex; flex-direction: row; }
.td-footer-item { position: relative; display: block; }
.td-footer-mla { margin-left: auto; }
.td-submit { font-size: 15px; height: 35px; line-height: 35px; padding: 0 18px; }
.td-cancel {
	position: relative; display: flex; align-items: center; height: 35px; line-height: 35px; 
	font-size: 15px; color: var(--text-color-i3); white-space: nowrap; text-align: center; padding: 0 18px;
}
.td-cancel:hover { text-decoration: underline; }

/* lv-mo */
.lv-mo .welv-list-resizable { width: auto !important; }

.lv-mo .wl-pagination { padding: 16px 12px 90px 12px; }
.lv-mo .juicy-page li a { font-size: 16px; min-width: 32px; padding: 0 6px; line-height: 32px; height: 32px; border-radius: 16px; }
.lv-mo .dcard-pin .pin-title-link { letter-spacing: -0.3px; }

.lv-mo .rdr-artwork { width: 110px; }
.lv-mo .rdr-meta-title { font-size: 24px; line-height: 31px; font-weight: 400; }
.lv-mo .rdr-like-txt,
.lv-mo .rdr-like-cnt { line-height: 1.5; }

.lv-mo .welv-btn-sust { font-size: 16px; font-weight: 500; line-height: 1.5; }

.lv-mo .sltr-footer-item.sfi-more { display: block !important; }
.lv-mo .twl-btn { font-size: 16px; font-weight: 500; height: 29px; line-height: 1.5; }

.lv-mo .td-submit { font-size: 16px; line-height: 1.5; }
.lv-mo .td-cancel { font-size: 16px; line-height: 1.5; }

/* lv-pc */
.lv-pc .wl-scrollable { width: 100%; height: 100%; overflow: hidden; }
.lv-pc .gcard-cover { padding: 0 6px 20px 6px; }
.lv-pc .read-scrollable { position: relative; width: 100%; height: 100%; }