@charset "UTF-8";
/* ellipsis */
/* thumbnail background */
/* break point */

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./images/fa-solid-900.woff") format("woff"); }

@font-face {
  font-family: 'FontAwesomeBrands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./images/fa-brands-400.woff") format("woff"); }


@font-face {
  font-family: 'Ridibatang';
  font-weight: 800;
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Noto Sans Light';
  font-weight: normal;
  src: local(/tistory-admin-2017/font/NotoSansCJKkr-Light.woff);
  src: local(☺),
  url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Light.woff) format('woff'),
  url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans DemiLight';	
  font-weight: normal;
  src: url('https://t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-DemiLight.woff') format('woff'),
  url('https://t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-DemiLight.otf') format('opentype');

}

@font-face {
  font-family: 'Noto Sans Regular';
  font-weight: normal;
  src: local(/tistory-admin-2017/font/NotoSansCJKkr-Regular.woff);
  src: local("☺"),
  url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Regular.woff) format('woff'),
  url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Medium';
  font-weight: normal;
  src: local(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Medium.woff);
  src: local("☺"),
  url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Medium.woff) format('woff'),
  url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Medium.otf) format('opentype');
}

@keyframes gradient {
  0% { 
  background-position: 0% 50%;
  transform: translate(-50%, -50%) rotate(0deg); 
  }
  50% { 
  background-position: 100% 50%;  
  transform: translate(-50%, -50%) rotate(180deg); 
  }
  100% { 
  background-position: 0% 50%;  
  transform: translate(-50%, -50%) rotate(360deg); 
  }
}

/* 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;
  -khtml-user-select: 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;
  margin-left: 0;
  margin-right: 0;
}
.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;
}

html {
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0; 
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  text-decoration: none;
  outline: none;
	word-break: break-all;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

a:hover {
  text-decoration: none !important;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: 800; 
}

strong{
  font-family: 'Ridibatang', serif;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: .8em; 
}

sub,
sup {
  font-size: .75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline; 
}

sub {
  bottom: -0.25em; 
}

sup {
  top: -0.5em; 
}

img {
  border-style: none; 
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  outline: none; 
}

button,
input {
  overflow: visible; 
}

button,
select {
  text-transform: none; 
}

label {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; 
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; 
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; 
}

fieldset {
  padding: 0.35em 0.75em 0.625em; 
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline; 
}

textarea {
  overflow: auto; 
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; 
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; 
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block; 
}

summary {
  display: list-item; 
}

template {
  display: none; 
}

[hidden] {
  display: none; 
}

/* common */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block; 
}

blockquote {
	font-style: unset !important;
}

.bodydp1 {
	  font-family: -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
}

body {
  font-family: 'Noto Sans DemiLight', SpoqaHanSans, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	
  min-width: 350px;
  margin: 0; 
  display: none;
	word-break: keep-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

@media screen and (max-width: 1023px) {
	body {
		font-family: 'NEXON Lv2 Gothic', SpoqaHanSans, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body {
		display: inherit !important;
	}
}

.area_outer_view {
  padding: 0 80px;
}

@media screen and (max-width: 1023px) {
	.area_outer_view {
		padding: 0 24px;
	}
}

#tt-body-page p[data-ke-size='size16'], p[data-ke-size='size16'] {
  font-size: 1rem !important;
}

.date {
  font-family: "Montserrat";
}
.category {
  font-family: "Montserrat";
  text-transform: uppercase;
}

.blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px; 
}

/* html */
html, body {
  position: relative;
  
  color: #333; 
}

html {
  box-sizing: border-box; 
}

*,
*:before,
*:after {
  box-sizing: inherit; 
}

#wrap {
  position: relative;
  overflow: hidden; 
	left: 0;
	transition: all .2s ease-out; 
}

/* container */
#container {
  position: relative;
  width: 100%;
  min-height: 88vh;
}

#container:after {
  content: '';
  display: block;
  clear: both; 
}

/* main */
#main {
  width: 100%; 
}

/* box_header ***************************************************/

.nav_sticker {
	z-index: 400;
	position: fixed; 
	background-color:rgba(255,255,255,0.9); 
	top:-90px;
	width: 100%;
  height: 80px;
  transition: top 0.2s ease-in-out; 
	box-shadow: 0px 3px 7px rgba(0,0,0,.1);
	backdrop-filter: blur(5px);
	display: block; 
}
 
.box_header, 
.area_sidebar .sidebar_header,
.area_popup .search_header {
	position: absolute;
	z-index: 750;
  width: 100%;
  height: 148px;
  transition: top 0.2s ease-in-out; 
}

@media screen and (max-width: 1023px) {
	.nav_sticker{
		height: 60px; 
	}
	.box_header, 
	.area_sidebar .sidebar_header,
	.area_popup .search_header {
		height: 60px; 
	}
}
.nav_sticker button,
.box_header button {
  background-color: transparent; 
}

.search_header button {
  background-color: transparent; 
}

.link_logo {
  display: block;
  max-width: 300px;
  color: #333;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.25;
}

.link_logo img {
  max-height: 48px; 
}
.nav_sticker .title_logo, 
.box_header .title_logo, 
.area_sidebar .title_logo,
.search_header .title_logo {
  position: absolute;
  top: 50%;
  display: flex;
  -ms-display: flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* Safari */
  flex-direction: column;
  justify-content: center;
  width: 200px;
  height: 48px;
  margin: -24px 0 0 80px;
  font-size: 24px;
  font-weight: 900; 
  background-image: url(./images/blastic_logo_inv.svg); 
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 66%;
}

@media screen and (max-width: 1023px) {
	.nav_sticker .title_logo, 
	.box_header .title_logo, 
	.area_sidebar .title_logo,
	.search_header .title_logo {
		margin: -24px 0 0 24px;
		font-size: 20px;
		padding-top: 4px;
		background-size: 60%;
	}
}

.nav_sticker .btn_search, 
.box_header .btn_search {
	display: none;
}

.nav_sticker .btn_menu, 
.nav_sticker .btn_search, 
.box_header .btn_menu, 
.box_header .btn_search, 
.area_sidebar .btn_close,
.search_header .btn_close {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  
  color: #666;
  transition: color .2s ease-out;
  cursor: pointer; 
}

@media screen and (max-width: 1023px) {
	.nav_sticker .btn_menu, 
	.nav_sticker .btn_search, 
	.box_header .btn_menu, 
	.box_header .btn_search,  
	.area_sidebar .btn_close,
	.search_header .btn_close {
		
	}
}

.nav_sticker .btn_menu, 
.box_header .btn_menu,  
.area_sidebar .btn_close,
.search_header .btn_close{
  right: 64px; 
}

@media screen and (max-width: 1023px) {
	.nav_sticker .btn_menu, 
	.box_header .btn_menu, 
.area_sidebar .btn_close,
.search_header .btn_close {
		right: 8px; 
	}
}

.nav_sticker .btn_search, 
.box_header .btn_search {
  right: 100px; 
}

@media screen and (max-width: 1023px) {
	.nav_sticker .btn_search, 
	.box_header .btn_search {
		right: 60px; 
	}
}

.nav_sticker .btn_menu, 
.box_header .btn_menu {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nNDgnIGhlaWdodD0nMzYnIHZpZXdCb3g9JzAgMCA0OCAzNicgZmlsbD0ncmdiKDU1LDU1LDU1KSc+PHJlY3QgeD0nMTYnIHk9JzExJyB3aWR0aD0nMTYnIGhlaWdodD0nMicgLz48cmVjdCB4PScxNicgeT0nMTcnIHdpZHRoPScxNicgaGVpZ2h0PScyJyAvPjxyZWN0IHg9JzE2JyB5PScyMycgd2lkdGg9JzE2JyBoZWlnaHQ9JzInIC8+PC9zdmc+");/*url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='36' viewBox='0 0 48 36' fill='rgb(55,55,55)'%3E%3Crect x='16' y='11' width='16' height='2' /%3E%3Crect x='16' y='17' width='16' height='2' /%3E%3Crect x='16' y='23' width='16' height='2' /%3E%3C/svg>"); */

}


.nav_sticker .btn_search, 
.box_header .btn_search {
  background-image: url(./images/ico_search_b.svg); 
}

.white .box_header .title_logo {
  background-image: url(./images/blastic_logo.svg); 
}

.white .box_header .link_logo,
.white .box_header .btn_menu,
.white .box_header .btn_search {
  color: #fff;
  transition: opacity .2s ease-out; 
}

.white .box_header .btn_menu {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nNDgnIGhlaWdodD0nMzYnIHZpZXdCb3g9JzAgMCA0OCAzNicgZmlsbD0ncmdiKDI0MCwyNDAsMjQwKSc+PHJlY3QgeD0nMTYnIHk9JzExJyB3aWR0aD0nMTYnIGhlaWdodD0nMicgLz48cmVjdCB4PScxNicgeT0nMTcnIHdpZHRoPScxNicgaGVpZ2h0PScyJyAvPjxyZWN0IHg9JzE2JyB5PScyMycgd2lkdGg9JzE2JyBoZWlnaHQ9JzInIC8+PC9zdmc+");/*url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='36' viewBox='0 0 48 36' fill='rgb(240,240,240)'%3E%3Crect x='16' y='11' width='16' height='2' /%3E%3Crect x='16' y='17' width='16' height='2' /%3E%3Crect x='16' y='23' width='16' height='2' /%3E%3C/svg>"); */
}

.area_sidebar .btn_close,
.search_header .btn_close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nNDgnIGhlaWdodD0nMzYnIHZpZXdCb3g9JzAgMCA0OCAzNicgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2U9J3JnYig1NSw1NSw1NSknPjxsaW5lIHgxPScxOCcgeTE9JzEyJyB4Mj0nMzAnIHkyPScyNCcgLz48bGluZSB4MT0nMzAnIHkxPScxMicgeDI9JzE4JyB5Mj0nMjQnIC8+PC9zdmc+");/*url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='36' viewBox='0 0 48 36' stroke-width='2' stroke='rgb(55,55,55)'%3E%3Cline x1='18' y1='12' x2='30' y2='24' /%3E%3Cline x1='30' y1='12' x2='18' y2='24' /%3E%3C/svg>");*/
	display: none;
}

@media screen and (max-width: 1023px) {
	.area_sidebar .btn_close,
	.search_header .btn_close {
		display: block; 
	}
}


.white .box_header .btn_search {
  background-image: url(./images/ico_search.svg); 
}

.white .type_featured {
  margin-top: 0; 
}




/* area_sidebar *************************************************/

.area_sidebar {
  position: relative;
	font-family: "Nunito Sans",'NEXON Lv2 Gothic';
text-transform: uppercase;
	z-index: 990;
	transition: all .2s ease-out; 
	/*text-transform: uppercase;*/
}

.area_sidebar a {
  text-decoration: none; 
}

.area_sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0; 
}

.area_sidebar button {
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  cursor: pointer; 
}

.area_sidebar .inner_sidebar {
  display: flex;
  height: 100%;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  width: 442px;
  height: 100%;
  padding: 0;
  background: #fff;
  box-sizing: border-box;
  overflow: auto;
  z-index: 980; 
	transition: all .25s ease-in-out;
}

@media screen and (max-width: 1023px) {
	.area_sidebar .inner_sidebar {
		/*width: 100%; */
		width: 300px;
	}
}

.area_sidebar .sidebar_contents {
  position: absolute;
  top: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0 80px;
}

@media screen and (max-width: 1023px) {
  .area_sidebar .sidebar_contents {
  	padding: 0 24px;
		top: 64px;
  }
}

.area_sidebar .dimmed_sidebar {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 970; 
}

.area_sidebar .sidebar_header {
  border-bottom: none;
  padding-left:80px;
}

@media screen and (max-width: 1023px) {
  .area_sidebar .sidebar_header {
		border-bottom: none;
  	padding-left:24px;
  }
}

.area_sidebar .sidebar_header:after {
  content: '';
  display: block;
  clear: both; 
}

.area_sidebar .title_logo {
  margin-left: 0; 
}

.area_sidebar .tt_category {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
}

.area_sidebar .tt_category:after {
	content: '';
	display: block;
	clear: both; 
}

.area_sidebar .link_item {
	display: block;
	padding: 15px 0 10px 0;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	transition: all .2s ease-out; 
}

.area_sidebar .link_item:last-child {
	margin-bottom: 0; 
}

.area_sidebar .link_item .c_cnt {
	color: rgba(0, 0, 0, 0.56); 
	display: none;
}

.area_sidebar .box_gnb {
	margin-bottom: 60px; 
}

.area_sidebar .box_gnb li:last-child {
	margin-bottom: 0; 
}

.area_sidebar .link_sub_item {
	display: block;
	padding: 5px 0 5px 12px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.75); 
}
.area_sidebar .link_sub_item .c_cnt {
	display: unset;
	color: rgba(0, 0, 0, 0.4); 
	margin-left:8px;
}

.area_sidebar .sub_category_list {
	margin-left: 6px;
	margin-bottom: 10px;
	border-left: 3px solid #f1f1f1; 
}

.area_sidebar .t_menu_home a,
.area_sidebar .t_menu_tag a,
.area_sidebar .t_menu_guestbook a,
.area_sidebar .t_menu_medialog a,
.area_sidebar .t_menu_location a,
.area_sidebar .t_menu_page a,
.area_sidebar .t_menu_category a,
.area_sidebar .t_menu_link_1 a,
.area_sidebar .t_menu_link_2 a,
.area_sidebar .t_menu_link_3 a,
.area_sidebar .t_menu_link_4 a,
.area_sidebar .t_menu_link_5 a,
.area_sidebar .t_menu_link_6 a,
.area_sidebar .t_menu_link_7 a,
.area_sidebar .t_menu_link_8 a,
.area_sidebar .t_menu_link_9 a,
.area_sidebar .t_menu_link_10 a {
	display: block;
	margin-bottom: 28px;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	transition: all .2s ease-out; 
}

.area_sidebar .tt_category .link_sub_item:hover {
	text-decoration: none;
}

.area_sidebar .sidebar_menu:after {
	content: '';
	display: block;
	clear: both; 
}

.area_sidebar .list_sns {
	color: rgba(0, 0, 0, 0.87);
	font-size: 14px; 
}

.area_sidebar .link_add {
	display: block;
	margin-bottom: 28px;
	font-size: 16px;
	font-weight: normal;
	color: #888; 
}

.area_sidebar .link_add:hover {
	color: rgba(0, 0, 0, 0.87);
}

.area_sidebar .box_sns, .area_sidebar .add_link {
	margin-bottom: 18px; 
}

.area_sidebar .btn_search {
	margin-top: 12px;
	padding: 10px 0;
	background-color: transparent;
	font-size: 14px;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.87); 
}

.area_sidebar .icon-Search {
	margin-left: 5px;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.54);
	vertical-align: -2px; 
}

.area_sidebar .box_tool {
	padding: 0 0 80px 0; 
}

@media screen and (max-width: 1023px) {
	.area_sidebar .box_tool {
		padding: 0 0 24px 0; 
	}
}

.area_sidebar .link_tool {
	position: relative;
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	color: #888; 
}

.area_sidebar .link_tool:first-child {
	margin-left: 0; 
}

.area_sidebar .link_tool:first-child::before {
	content: ''; 
}

.area_sidebar .link_tool:hover {
	/*color: #666; */
}

.area_sidebar .link_tool:before {
	content: '｜';
	position: absolute;
	top: 3px;
	bottom: 0;
	left: -18px;
	right: 0;
	width: 10px;
	margin-left: 0px;
	font-size: 11px;
	font-weight: lighter;
	color: #d3d4d7;
}

.area_sidebar .link_tit {
	display: none; 
}

.area_sidebar ul > li > a:hover {
	/*color: rgba(0, 0, 0, 0.56); */
}




/* tag_zone *****************************************************/

.tag_zone {
  text-align: center;
}

.tag_zone a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  background: #f5f5f5;
  font-size: .8em;
  color: #666;
  text-decoration: none;}

.tag_zone a:hover {
  background-color: #333;
  color: rgba(255,255,255,1);
	text-decoration: none;
	opacity: 0.7; 
}




/* footer *******************************************************/

#footer {
  clear: both;
  margin-top: 40px;
  padding: 50px 0;
  /*border-top: 1px solid #ebebeb;*/
  font-size: 14px;
  font-weight: normal;
	background: #333;
  color: #eee; 
}

@media screen and (max-width: 1023px) {
  #footer {
  	/*padding: 50px 0;*/
	}
}

#footer .inner_footer {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}

#footer .link_footer {
	position: relative;
	margin-left: 24px;
	padding-bottom: 3px;
	border-bottom: 1px solid #fff;
	font-weight: 700;
	text-decoration: none;
	color: #777;
	line-height: 1.27;
	text-decoration: none;
	z-index: 21; 
}

#footer .link_footer:hover {
	border-bottom: 1px solid #777 
}

#footer address {
	font-family: "Montserrat";
	text-transform: uppercase;
	color: #777;
	font-size: 13px;
	font-style: normal;
	text-align: center; 
}

#footer .inner_footer .link_footer:first-child {
  margin-left: 0;
}

@media screen and (max-width: 1023px) {
  #footer .info_footer:after {
    content: '';
    display: block;
    clear: both; }
}




/* area_paging **************************************************/

.area_paging {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat";
  font-weight: 400;
	margin-top:20px;
}
.area_paging a {
	text-decoration: none; 
}

.area_paging .link_page {
	display: inline-block;
	margin-top: 4.5px;
	font-size: 24px;
	color: rgba(0, 0, 0, 0.25); 
}

.area_paging .link_next{
	margin-top: 3.5px;
}

.area_paging .link_page:hover {
	color: rgba(0, 0, 0, 0.54); 
}

.area_paging .link_page.no-more-prev,
.area_paging .link_page.no-more-next,
.area_paging .link_page.no-more-prev:hover,
.area_paging .link_page.no-more-next:hover {
	color: rgba(0, 0, 0, 0.07); 
}

.area_paging .paging_num {
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
}

.area_paging .link_num span {
	display: inline-block;
	min-width: 28px;
	height: 28px;
	margin: 0 5px;
	font-size: 12px;
	line-height: 28px;
	color: #666; 
}

.area_paging .link_num:hover span {
	color: rgba(0, 0, 0, 0.87); 
}

.area_paging .selected {
	display: block;
	border-radius: 5px;
	background: linear-gradient(-45deg,  #f8f8f8,#dddddd );
	color: #666 !important;
	font-size: 12px;
	line-height: 32px;
	font-weight: 600; !important 
}

.area_paging .selected:hover {
	text-decoration: none; 
}

.area_paging .paging_slash {
	display: none; 
}

@media screen and (max-width: 1023px) {
	.area_paging .link_num span:not(.selected) {
		display: none; 
	}
	
	.area_paging .link_num:last-child span {
		display: inline-block; 
	}
	
	.area_paging .link_ellipsis {
		display: none; 
	}
	
	.area_paging.remove_paging {
		display:none;
	}
}




/* area_view ****************************************************/

.area_view {
  position: relative; 
}

.area_view .article_header {
  position: relative;
  width: 100vw;
  min-width: 350px;
  left: 50%;
  margin-left: -50vw;
	z-index:700;
	background-color:#000;
}

@media ( max-width: 350px ) {
  .area_view .article_header {
 	  left: calc( 50vw - 24px ) !important; 
  }
}

.area_view .article_header:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(5px) grayscale(20%);
  background: rgba(0,0,0,0.5); /* radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.75) 90%);*/
}

.area_view .article_header .inner_header {
  width: 100%;
  height: 520px;  
  background-image:url('https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdjWcKF%2FbtqBuxbVUpe%2FlWUe3iWznIMj3IA3FCnxy0%2Fimg.jpg');
  background-size: cover;
  background-position: 50% 50%;
	box-shadow: 0px 3px 7px rgba(0,0,0,.3);
	z-index:701;

}

.type_article_header_common .inner_header {
  height: 520px; }

.area_view .info_text {
  position:absolute;
  max-width: 900px;
  margin: 0 auto;
  top:0px;
  height:520px;
  width:100%;
  color: #eee;
  z-index: 710;
  text-align: center;
}

.area_view .info_text_inner{
  position:relative;
  height:520px;
  width:100%;
}

.area_view .info_text_inner2{
  position:absolute;
  width:100%;
  bottom: 50%;
  transform: translateY(50%);
}

.type_article_header_common .info_text,
.type_article_header_cover .info_text {
  position: relative;
  display: flex;
  height: 100%;
  -ms-display: flexbox;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  z-index: 20;
}

.container_postbtn .postbtn_ccl {
	position: absolute !important;
	top: 0px;
	right: 0;
}




/* article_content **********************************************/

.article_content {
  max-width: 900px;
  margin: 0 auto; }




/* area_tag *****************************************************/

.area_tag {
  padding: 0;
	margin:36px 0 46px 0;
  line-height: 40px;
}

.area_tag:after {
	content: '';
	display: block;
	clear: both;
}

.area_tag .title_tag {
	float: left;
	margin: 0;
	padding: 0 40px 0 0;
	font-size: 16px;
	font-weight: 900;
	color: #333;
	text-align: center;
	padding-top: 6px;
}

.area_tag .tag_content {
	overflow: hidden;
}

.area_tag .tag_content a {
  margin-right: 8px;
  background-color: #fafafa;
  color: rgba(0,0,0,.5);
  display: inline-block;
  font-size: .8rem;
  border-radius: 5px;
  height: 32px;
  line-height: 31px;
  padding: 0 14px;
  transition-duration: .2s;
}

@media screen and (max-width: 1023px) {
  .area_tag .tag_content a {
  	font-size: .7rem;
		padding: 1px 14px 0 14px;
	}
}

.area_tag .tag_content a:first-of-type::before {
  font-weight: 600;
  margin-right: 7px;
  font-family: 'FontAwesome';
  content: '\f02c';
  font-size: .72rem;
}

@media screen and (max-width: 1023px) {
  .area_tag .tag_content a:first-of-type::before {
 	  font-size: .63rem;
	}
}

.area_tag .tag_content a:hover {
  background-color: #333;
  color: rgba(255,255,255,1);
	text-decoration: none;
}

.area_tag .tag_content a:first-child {
  margin-left: 0
}




/* area_related *************************************************/

.area_related {
	/*margin-top: 20px;*/
}


.area_related a {
	text-decoration: none; 
}

.area_related button {
	border: 0;
	border-radius: 0;
	background-color: transparent;
	cursor: pointer;
	overflow: visible; 
}

.area_related .title_related {
	margin: 40px 0 20px 0;
	font-size: 16px;
	font-weight: 900; 
}

@media screen and (max-width: 1023px) {
	.area_related .title_related {
		margin: 30px 0 0 0; 
	}
}

.area_related .list_related {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box; 
}

.remove_thumbnails .list_related{
	/*display: none;*/
}

@media screen and (max-width: 1023px) {
	.area_related .list_related {
	
	}
}

.area_related .list_related:after {
	content: '';
	display: block;
	clear: both; 

}

.area_related .item_related {
	position: relative;
	float: right;
	width: 49%;
	margin-bottom:20px;
	/*margin-bottom: 40px; */
}

@media screen and (max-width: 1023px) {
	.area_related .item_related {
		/*float: none;*/
		width: 100%;
		/*margin-bottom: 20px;*/
	}
}

.list_related_single .item_related {
	position: relative;
	float: right;
	width: 100%;
	/*margin-bottom: 40px; */
}

.item_related.category_link {
	display:none;
	float:left;
}

@media screen and (max-width: 1023px) {
	.item_related.category_link {
		display:block;
		margin-bottom: 0;
	}
}

.area_related .link_related {
	display: block;
	margin: 0 ; 
}

.list_related .box_content {
	position: absolute;
	bottom: 50%;
  transform: translateY(50%);
	display: block;
	margin: 0 24px 5px 24px; 
}

.list_related .right_box .box_content {
	/*position: absolute;
	bottom: 50%;
  transform: translateY(50%);
	display: block;
	margin: 0 20px 5px 20px; 
	text-align: right;
	right: 0;*/
}



.area_related .thumnail {
	display: block;
	width: 100%;
	height: 150px;
	/*background: linear-gradient(-45deg, #23d5ab, #23a6d5);*/
	background-size: cover;
	background-position: 50% 50%;  
	border: rgba(0,0,0,0.1) solid .5px ;
	border-radius: 11px;
	background-repeat:no-repeat;
	box-shadow: 0px 2px 7px rgba(0,0,0,.3);
	background-origin: border-box;
}

.area_related .thumnail:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
		height: 150px;
    backdrop-filter: blur(1px) grayscale(20%);
    background: rgba(0,0,0,0.5);
		border-radius: 11px;
}

.item_related .decoration {  
	position: absolute;
	bottom: calc(50% - 2px);
	right: 24px;
  transform: translateY(50%);
	display: block;
	font-weight:900;
	font-size:2rem;
	color: rgba(255,255,255,.3);
	text-shadow: 0px 0px 3px rgba(255,255,255,.2);
	/*mix-blend-mode: overlay;*/
}

.item_related .decoration.next:before {
  font-family: 'FontAwesome';
  content:'\f061';
}

.item_related .decoration.prev:before {
  font-family: 'FontAwesome';
  content: '\f060';
}

.item_related .decoration.list:before {
  font-family: 'FontAwesome';
  content: '\f062';
}


.area_related .link_related strong {
	display: block;
	max-height: 45px;
	line-height: 1.47;
	font-size: 1em;
	font-weight: 500;
	word-break: keep-all;
	color: rgba(255, 255, 255, 0.94); 
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
	text-shadow: 0px 2px 7px rgba(0,0,0,.5);
}

.area_related .indicate,
.area_related .info {
	font-family: "Montserrat";
	margin:  5px 0;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.65); 
	text-shadow: 0px 2px 7px rgba(0,0,0,.5);
	text-transform: uppercase;
}
.area_related .indicate {
	font-weight: 800;
}

@media screen and (max-width: 1023px) {
	.area_related li:first-child {
		border: none;
	}
	
	.area_related .item_related:last-child{
		/*display: none;*/
	}
}





.message-txt {
  margin-top: -11px;
  margin-bottom: -9px;
  line-height: 1.45;		
	padding: 7px 0;
	word-break: break-all;
	color: #333;
}

.message-txt-single {
  margin-top: -10px;
  margin-bottom: -9px;
  line-height: 1.45;		
	padding: 0;
	word-break: break-all;
	color: #333;
}

@media screen and (max-width: 1023px) {
	.message-txt {
		margin-bottom: -11px;
		padding: 8px 0 6px 0;
	}

	.message-txt-single {
		margin-bottom: -11px;
		padding: 2px 0 0 0;
	}
}

.message .message-txt {
	color: #fff;
}

.message .message-txt-single {
	color: #fff;
}

.messages-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  /*background: linear-gradient(#2A99F4, #045EBF);*/
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

.message-spacing {
  height: 50px;
  background: #fff;
}

@media screen and (max-width: 1023px) {
	.message-spacing {
		height: 50px;
	}
}
.message {
  display: flex;
	width: 100%;
	height: 100%;    
	position: relative;
	font-size: 0.8125rem;
}

.message::before {
  content: "";
  flex-grow: 1;
  background: #fff;
}

.message--friend {
  display: flex;
	width: 100%;
	height: 100%;    
	position: relative;
	font-size: 0.8125rem;
  border-bottom: 2px solid #fff;
  border-right: 5px solid #fff;
  background: #fff;
}

.message--friend::before {
  content: none;
}

.message--friend::after {
  content: "";
  flex-grow: 1;
  background: #fff;
}

.message-bubble-wrapper {
	position: absolute;
	right:-1px;
	width: calc(100% + 2px);
  background: #fff;
}

.message-bubble {
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	color: #fff;
	margin: 0 32px 0 0;
  
  border-width: 20px;
  border-style: solid;
  border-right-width: 28px;
  border-image-slice: 32 44 32 32;
  min-width: 100px;
	max-width: 60%;
	background: linear-gradient(165deg, #0c9ce9, #007fea, #006be7);
	background-origin: border-box;
	background-size: calc(100% - 3px) calc(100% - 1.5px);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-image-source: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTdweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgOTcgNzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk3IDcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJMYXllcl8xXzFfIj4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOTcsNzB2LTFWMVYwaC0ySDEuNUgwdjF2Njh2MWgxLjVIOTVIOTd6IE05Mi45ODksMi40NjJjLTIuMzk0LDAtMTEuMzksMi44NzEtMTEuMzksMzAuMzY5djQuMzM5DQoJCWMwLDE2Ljc3MS0xMy41OTYsMzAuMzY3LTMwLjM2NywzMC4zNjdIMzMuODc4QzE3LjEwNyw2Ny41MzcsMy41MSw1My45MzksMy41MSwzNy4xN3YtNC4zNGMwLTE2Ljc3MSwxMy41OTctMzAuMzY4LDMwLjM2OC0zMC4zNjgNCgkJaDE3LjM1NGM3LjQzNiwwLDE0LjI0NCwyLjY3NywxOS41MjQsNy4xMTRDNzIuNDg0LDcuODM2LDc4Ljk1MywyLjQ2Miw5Mi45ODksMi40NjJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");/*url("./images/d43.svg");*/
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.message-bubble {
		background: #006be7;
	}
}

@media screen and (max-width: 1023px) {
	.message-bubble {
		max-width: calc(100% - 71px);
	}
}

.message--friend .message-bubble {
	margin: 0 0 0 32px;
  border-width: 20px;
  border-style: solid;
  border-left-width: 28px;
  border-image-slice: 32 32 32 44;
  color: #000;
  min-width: 100px;
	max-width: 60%;
	background: #e4e4e4;
  background: linear-gradient(-165deg,  #f3f3f3,#e4e4e4);
	background-origin: border-box;	
	background-size: calc(100% - 3px) calc(100% - 1.5px);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-image-source: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOTdweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgOTcgNzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk3IDcwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLDcwaDkzLjVIOTd2LTFWMVYwaC0xLjVIMkgwdjF2Njh2MUgyeiBNMjYuMjQyLDkuNTc3YzUuMjgtNC40MzgsMTIuMDktNy4xMTQsMTkuNTI0LTcuMTE0aDE3LjM1NA0KCWMxNi43NzEsMCwzMC4zNjgsMTMuNTk3LDMwLjM2OCwzMC4zNjh2NC4zNGMwLDE2Ljc3MS0xMy41OTcsMzAuMzY3LTMwLjM2OCwzMC4zNjdINDUuNzY3Yy0xNi43NzEsMC0zMC4zNjctMTMuNTk3LTMwLjM2Ny0zMC4zNjcNCgl2LTQuMzM5YzAtMjcuNDk4LTguOTk2LTMwLjM2OS0xMS4zODktMzAuMzY5QzE4LjA0NywyLjQ2MiwyNC41MTUsNy44MzYsMjYuMjQyLDkuNTc3eiIvPg0KPC9zdmc+DQo=");/*url("./images/d53.svg");*/
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.message--friend .message-bubble {
		background: #e4e4e4;
	}
}

@media screen and (max-width: 1023px) {
	.message--friend .message-bubble {
		max-width: calc(100% - 67px);
	}
}

.message-thumbnail {    
	position: absolute;
	right: 0;
	width: 32px;
	height: calc(100% + 10px);
	background: #fff;
}

.message-thumbnail img {
	position: absolute;
	right: 0px;
	top: -20px;
	width: 30px;
	height: 30px;
	border-radius: 20%;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

.message--friend .message-thumbnail {  
	position: absolute;
	left: 0;
	width: 32px;
	height: calc(100% + 10px);
	background: #fff;
}

.message--friend .message-thumbnail img {
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 30px;
	height: 30px;
	border-radius: 20%;
	cursor: unset;
}

.message .message-name {    
	position: absolute;
	right: 40px;
	top: -22px;
	width: 300px;
	height: 16px;
	font-size: 0.75rem;
	font-weight: 700;
	text-align: right;
	z-index: 40;
	color: #666;
}

.message--friend .message-name {    
	position: absolute;
	left: 40px;
	top: -22px;
	width: 300px;
	height: 16px;
	font-size: 0.75rem;
	font-weight: 700;
	text-align: left;
	z-index: 40;
	color: #666;
}

.message-name a {
	color: #666;
}

.inform {
	font-size: 0.75rem;
	background: #333 !important;
}

.inform_list  {
	list-style: disc inside !important;
	padding-left: 0 !important;
	margin: 0 !important;
	line-height: 1.5em;
	color: #ddd !important;
}
.area_reply .btn_register:before {

	font-family: 'FontAwesome';
  content: '\f1d8';
  font-weight: 600;
	font-size:0.75rem  !important;
	margin-right:1px;
	line-height:1.4;

}
.area_reply .btn_register {
	position: absolute;
	right: 0px;
	top: -52px;
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 33px;
	background: linear-gradient(-45deg,#333,#666);
	color: rgba(255,255,255,0.9);

	cursor: pointer;
	box-shadow: 0px 2px 7px rgba(0,0,0,.3);
	/*background-size: 75%;
	background-repeat: no-repeat;
	background-position: 45% 55%;
	background-image: url("./images/paperplane24.svg");*/
}

.tt_more_preview_comments_wrap {
	padding: 10px !important;
	margin: 0 auto 10px auto;
	width: 260px;
	background: linear-gradient(-45deg, #23d5ab, #23a6d5);
	color: #eee;
	font-size: .875rem;
	cursor: pointer;
	border-radius: 33px;
	box-shadow: 0px 2px 7px rgba(0,0,0,.3);
}


/* area_reply ***************************************************/

.area_reply {
	padding: 20px 0 32px 0;
	width: 100%;
	display:block;
}

.area_reply ul {
	list-style: none;
	margin: 0;
	padding: 0; 
}

.area_reply a {
	text-decoration: none; 
}

.area_reply .reply_events {
	margin: 0;
	font-size: 16px;
	font-weight: 900;
	color: #333;
}

.area_reply .btn_more {
	margin-top: 5px;
	padding: 3px 0 0 15px;
	border: 0;
	background-color: transparent;
	background-size: 10px 10px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.area_reply .item_reply {
	padding: 30px 0;
	border-bottom: 1px solid #eee; 
}

.area_reply li:first-child {
	padding-top: 0;
}

@media screen and (max-width: 1023px) {
  .list_reply_comment li:first-child {
  padding-top: 30px; 
	}
}

.area_reply li:last-child {
	border: none;
}

.area_reply .thumbnail_reply {
	float: left;
	width: 45px;
	height: 45px;
	margin-right: 16px;
	background: none;
}

.area_reply .thumbnail_reply img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.area_reply .box_reply_content {
	overflow: hidden;
}

.area_reply .item_reply .user a {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

@media screen and (max-width: 1023px) {
  .list_reply .item_reply .user a {
  	margin-bottom: 5px; 
	}
}

.area_reply .item_reply .date {
	display: inline-block;
	padding-top: 10px;
	padding-left: 3px;
}

@media screen and (max-width: 1023px) {
  .list_reply .item_reply .date {
		display: block;
		padding: 0;
		font-size: 14px; 
	}
}

.area_reply .item_reply .date a {
	font-weight: 300;
	font-size: 14px;
	padding-left: 4px;
}

.area_reply .box_reply_content .txt {
	margin: 10px 0 0 0;
	font-size: 16px; 
	line-height: 1.88;
}

.area_reply .item_reply .modify {
	margin-top: 8px;
	font-size: 15px;
}

.area_reply .modify a {
	color: #9b9b9b;
}

.area_reply .modify .slash {
	color: #e1e1e1;
}

.area_reply .list_reply_comment {
	margin-top: 30px !important;
}

.area_reply .ico_commnent {
	float: left;
	width: 43px;
	margin-right: 10px;
	color: rgba(51, 51, 51, 0.6);
	text-align: right;
}

@media screen and (max-width: 1023px) {
  .list_reply_comment .ico_commnent {
  	width: 10px; 
	}
}

.area_reply .item_comment {
	padding: 10px;
}

@media screen and (max-width: 1023px) {
  .list_reply_comment .item_comment {
  	/*background: #fafafa; */
	}
}

.reply_write {
	/*margin-top: 20px;*/
}

.area_reply .reply_write:after {
	content: '';
	display: block;
	clear: both;
}

.area_reply .form_content {
	margin-bottom: 20px;
}

.form_content .message-bubble {
	min-width: 60%;
	cursor: unset;
}

@media screen and (max-width: 1023px) {
	.form_content .message-bubble {
		min-width: calc(100% - 71px)%;
	}
}
.area_reply .form_content textarea {
	width: 500px;
	max-width: 100%;
	min-width: 100%;
	height: 100px;
	background: transparent;
	border: none;
	color: #fff;
	/*padding: 12px 14px;
	border: none;
	background: #f5f5f5;
	border-radius: 5px;*/
	font-size: 0.8125rem;
	vertical-align: top;
	resize: none; 
	cursor: unset !important;
	padding: 0 !important;
}

.area_reply .form_content textarea::placeholder {
	color: rgba(255,255,255,0.6);
}

.area_reply .form_guest:before {
    /*content: "";
    flex-grow: 1;*/

}

.area_reply .form_guest {
	/*display: flex;
	margin: -5px -4px;*/
}


.area_reply .box_inp {

	width: 100%;
	margin-right: 0;
	margin-bottom:10px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}

.area_reply .box_inp:nth-child(-n+2) {
	width: 100%;
}

.area_reply .box_pass {
	clear: left;
}

.area_reply .inner_inp {
	border: none;
	background: none;/* rgba(255,255,255,0.6);*/
	box-sizing: border-box;
	color: #fff;
	line-height: 1rem;
	padding: 4px 0 8px 0;
	margin-top: -4px;
}

.area_reply .inner_inp input {
	width: 100%;
	height: 16px;
	border: none;
	/*background: rgba(255,255,255,0.2);*/
	background: transparent;
	padding: 0 !important;
	font-size: 0.8125rem;

	line-height: 1.15;
	color: #fff;

}

.area_reply .form_reg {
	position: relative;
}

.area_reply .form_reg label {
	/*
	display: inline-block;
	margin-right: 20px;
	padding-top: 7px;
	font-size: 14px;
	color: #9b9b9b;
	*/
}

.area_reply .form_reg label input {
	vertical-align: -1px;
}

.area_reply .inner_inp input::placeholder {
	color: rgba(255,255,255,0.6);
}

@media screen and (max-width: 1023px) {
  .item_comment.reply {
	  padding: 15px; 
	}
}

@media screen and (max-width: 1023px) {
  .list_reply .item_reply .dot {
 	  display: none; 
	}
}

.el-switch {

	left: 0;
	color: #666 !important;
}

.el-switch .el-switch-style {
	top: 6px !important;
	margin-right: 5px;
}




/* area_guestbook ***********************************************/

.area_guestbook {
	max-width: 900px;
  margin: 80px auto 0 auto;
}

@media screen and (max-width: 1023px) {
	.area_guestbook {
		margin-top:60px;
	}
}

.area_guestbook .area_reply {
	padding: 0;
	margin: 0 0 32px 0;
}



/* area_common **************************************************/

.area_common {
	max-width: 900px;
  margin: 80px auto 0 auto;
}

@media screen and (max-width: 1023px) {
	.area_common {
		margin-top:40px;
	}
}

.area_common_header_text {
	position: absolute;
  width: 100vw;
  min-width: 350px;
	width:calc(100% - 48px);
	height: 360px;
	top:0px;
	left:0;
	z-index:730;
	padding: 0 24px;
	color:#fff;
}

@media screen and (max-width: 1023px) {
	.area_common_header_text{
 		height: 260px;
	}
}

.area_common_header_text .title_common_wrapper {
  position:absolute;
  width:100%;
  bottom: 50%;
  transform: translateY(50%);
}

.area_common_header_text .title_common {
	font-family: 'Ridibatang';
	font-size: 1.8rem;
	line-height: 2.4rem;
	text-shadow: rgb(0 0 0 / 70%) 0 0.08em 0.3em;
	color:#eee;
  text-align: center; 
	margin: 0 !important;
}

@media screen and (max-width: 1023px) {
	.area_common_header_text .title_common{
 		font-size: 1.5rem;
		line-height: 2rem;
	}
}

.title_common p {
	margin: 0;
}

.title_common p.title_common_sub {
	font-size: 1.4rem;
}

@media screen and (max-width: 1023px) {
	.title_common p.title_common_sub{
 		font-size: 1.2rem;
	}
}

.area_common_header .article_header {
  position: relative;
  width: 100vw;
  min-width: 350px;
  left: 50%;
  margin-left: -50vw;
	z-index:700;
	background-color:#000;
}

@media ( max-width: 300px ) {
  .area_common_header .article_header {
 	  left: calc( 50vw - 24px ) !important; 
		z-index:700;
  }
}

.area_common_header .article_header:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(5px) grayscale(20%);
  background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.75) 90%); }

.area_common_header .article_header .inner_header {
  width: 100%;
  height: 360px;  
  background-image:url('https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdjWcKF%2FbtqBuxbVUpe%2FlWUe3iWznIMj3IA3FCnxy0%2Fimg.jpg');
  background-size: cover;
  background-position: 50% 50%;
	box-shadow: 0px 3px 7px rgba(0,0,0,.3);
}

@media screen and (max-width: 1023px) {
	.area_common_header .article_header .inner_header {
		height: 260px;  
	}
}
	
/* 미디어 로그 티스토리 스타일 수정 */
#mediaLogNest {
  max-width: 1180px;
  height: auto !important;
  margin: 200px auto 0 auto;
  padding: 0 20px; }

.item-thumbnail {
  background: #eee;/*linear-gradient(-45deg, #23d5ab, #23a6d5);*/
	background-image: url("./images/012o.svg");
	background-size: 25%;
  overflow: hidden;
}

.remove_thumbnails .link_category .item-thumbnail {
	display: none !important;
}

.no-img {
  background: #e9e9e9 url(./images/ico_no.svg) no-repeat center !important;
  background-size: 30px 30px !important; }

.btn-for-guest {
  display: none; }

.btn-for-user {
  display: none; }

/* area_cover */
.area_cover {
  margin-top: 268px; 
	padding-bottom: 24px;
}

.white .area_cover {
  margin-top: 0; 
}

.area_cover a {
  text-decoration: none; 
}

.area_cover button {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  overflow: visible; 
}

/* media query - mobile */
@media screen and (max-width: 1023px) {
  .area_cover {
  margin-top: 130px;
	padding-bottom: 10px; } }

/* // area_cover */
/* title_section */
.title_section {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: 900;
  color: #333; }

/* type_featured - 슬라이드 커버 */
.type_featured {
  position: relative;
  margin-top: 120px;
	min-height: 600px;
	box-shadow: 0px 3px 7px rgba(0,0,0,.3);
	z-index: 600;
	background-color:#000;
}

  .type_featured:after {
  content: '';
  display: block;
  clear: both; }
  .type_featured .slide_zone {
  position: relative;
  width: 100%;
  height: calc(100vh - var(--vh-offset, 0px)); 

}
  .type_featured .inner_main_slide {
  position: absolute;
  left: 0;
  right: 0;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 80px; }
  .type_featured .box_arrow {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: -18px;
  padding: 0 65px 0 80px;
  z-index: 10;
  box-sizing: border-box; }
  .type_featured .btn_arrow {
  width: 64px;
  height: 64px;
  padding-top: 4px;
  border-radius: 64px;
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  transition: .2s ease-out; }
  .type_featured .btn_arrow:hover {
  color: #fff; }
  .type_featured .btn_prev {
  float: left;
  background-image: url(./images/arr_left.png); }
  .type_featured .btn_next {
  float: right;
  background-image: url(./images/arr_right.png); }
  .type_featured .slide_item {
  z-index: 1;
  overflow: hidden; }
  .type_featured .link_slide {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  min-height:600px;
  height: calc(100vh - var(--vh-offset, 0px));
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  z-index: 1;

}
  .type_featured .link_slide:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: grayscale(20%);
  background: rgba(0,0,0,0.5); /*radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.75) 90%); */
  transition: background-color .3s ease-in-out; 
	
}
  .type_featured .text_slide {
  position: absolute;
  bottom: 60px;
  display: flex;
  -ms-display: flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* Safari */
  flex-direction: column;
  justify-content: center;
  max-width: 1180px;
  height: auto;

  margin: 0 auto;
  padding: 0 76px;
  z-index: 10; }
  .type_featured .text_slide strong {
  display: block;
  line-height:1.4;
  max-height: 130px;
  max-width: 1024px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.8rem;
}
  .type_featured .text {
  width: 60%;
  max-height: 82px;
  margin: 20px 0 20px 0;
  font-size: 0.9365rem;
  line-height: 1.75;
	word-break: keep-all;
	word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
	-webkit-mask-image:  linear-gradient(to bottom, black 66%, transparent 67%), linear-gradient(90deg, black 0%, transparent 60%);
  mask-image:  linear-gradient(to bottom, black 66%, transparent 67%), linear-gradient(90deg, black 0%, transparent 60%);
}

  .type_featured .link_detail {
  display: inline-block;
  width: 194px;
  height: 50px;
  line-height: 53px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center; }
  .type_featured .slide_page {
  position: absolute;
  left: 37px;
  bottom: 60px;
  font-size: 0;
  text-align: center;
  z-index: 10; }
  .type_featured .slide_page li {
  display: inline-block; }
  .type_featured .ico_circle {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  padding: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.54);
  cursor: pointer;
  outline: none; }

/* // type_featured */
/* media query - tablet 
@media screen and (max-width: 1406px) {
  .type_featured {
  margin-top: 60px; }
  .type_featured .text_slide {
    padding: 0 80px; }
  .type_featured .box_arrow {
    display: none; } }
*/

/* media query - mobile */
@media screen and (max-width: 1023px) {
  .type_featured .text {
  font-size: 0.9rem;
	-webkit-line-clamp: 3;
	}
  .type_featured .text_slide strong {
  max-height: 140px;
  font-size: 1.5rem;
  -webkit-line-clamp: 3;

  }
  .type_featured .text_slide {
  position: absolute;
  bottom: 0px;
  height: auto;
  padding: 0 24px;
    font-size: 1.5em;}
  .type_featured .text_slide .text {
  width: 100%;
  max-height: 110px;
  margin: 20px 0 30px 0;
  line-height: 1.75;
  }
  .type_featured .slide_page {
  left: 24px;
  bottom: 40px;
  padding: 0; } }

	
@media screen and (max-width: 768px) {
  .type_featured .text {
		font-size: 0.9rem;
		-webkit-line-clamp: 4;
		-webkit-mask-image:  linear-gradient(to bottom, black 75%, transparent 76%), linear-gradient(90deg, black 0%, transparent 60%);
		mask-image:  linear-gradient(to bottom, black 75%, transparent 76%), linear-gradient(90deg, black 0%, transparent 60%);
	}
}
/* media query - only mobile */
@media screen and (max-width: 1023px) {
  .type_featured .link_detail {
  padding-top: 2px;
  font-size: 13px;
  line-height: 40px;
  height: 40px;
  width: 120px; }
  .type_featured .ico_circle{
  width: 8px;
  height: 8px;
  }
}

/* type_post - 갤러리 커버 */
.type_post {
  max-width: 1180px;
  margin: 120px auto -20px auto;
  overflow: hidden; }
  .type_post:after {
  content: '';
  display: block;
  clear: both; }

.type_post .list_post,
.category_type_post .list_category {
  margin: 0 -10px;
  padding: 0;
  list-style: none; }

.list_post .item_post,
.category_type_post .item_category {
  float: left;
  width: 25%;
  margin-bottom: 20px; }

.list_post .link_post,
.category_type_post .link_category {
  position: relative;
  display: block;
  margin: 0 10px;
  padding-top: 143%;
  background-size: cover;
  background-position: 50% 50%; }


.list_post .item_post:hover .link_post:before,
.category_type_post .item_category:hover .link_category:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.65); }

.list_post .info .date,
.category_type_post .date {
  display: none;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.31; }

.list_post .link_post:hover .info,
.category_type_post .link_category:hover .info {
  display: flex; }

.list_post .link_post .info,
.category_type_post .link_category .info {
  position: absolute;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center; }

.list_post .link_post .info .name,
.category_type_post .link_category .info .name {
  display: block;
  width: calc(100% - 80px);
  max-height: 65px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.33;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

/* media query - mobile */
@media screen and (max-width: 1023px) {
  .type_post {
  margin: 60px auto 0 auto; }
  .title_section {
  margin: 0 0 20px 0;
  font-size: 16px;
  text-align: left; }
  .type_post .title_section {
  text-align: center;}
  .list_post, .category_type_post {
  margin: 0 -1px; }
  .list_post .item_post,
  .category_type_post .item_category {
  margin-bottom: 1px; }
  .list_post .link_post,
  .category_type_post .link_category {
  margin: 0 0.5px; }
  .item_post .link_post:before,
  .category_type_post .item_category .link_category:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.65); }
  .list_post .link_post .info,
  .category_type_post .link_category .info {
  display: flex; }
  .list_post .link_post .info .name,
  .category_type_post .link_category .info .name {
  width: calc(100% - 32px);
  font-size: 16px; } }

/* media query - mobile specific */
@media screen and (max-width: 375px) {
   .list_post .link_post .info .name,
  .category_type_post .link_category .info .name {
  width: calc(100% - 32px);
  font-size: 13px; } }

/* // type_post */
/* type_card - 섬네일 커버*/
.type_card {
  max-width: 1180px;
  margin: 120px auto -60px auto;
  overflow: hidden; }
  .type_card:after {
  content: '';
  display: block;
  clear: both; }

.list_type_card {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
  font-size: 0; }

.list_type_card .item_card {
  display: inline-block;
  width: 25%;
  margin-bottom: 58px;
  vertical-align: top; }

.list_type_card .link_card {
  display: block;
  margin: 0 10px;
  color: #333;
  line-height: 1.33;
  transition: all .2s ease-out; }

.list_type_card .link_card:hover {
  opacity: 0.6; }

.list_type_card .link_card strong {
  display: block;
  margin: 18px 8px 6px 0;
  font-size: 16px;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.list_type_card .link_card .thumnail {
  display: block;
  width: 100%;
  padding-top: 50%;
  background-size: cover;
  background-position: 50% 50%; }

.list_type_card .link_card .text {
  max-height: 78px;
  margin: 0;
  font-size: 1rem;
  color: #777;
  line-height: 1.71;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

/* media query - mobile */
@media screen and (max-width: 1023px) {
  .type_card {
  margin: 60px auto -30px auto;
  padding: 0 24px; }
  .type_card .list_type_card {
    margin: 0 -8px; }
  .type_card .item_card {
    width: 50%;
    margin-bottom: 30px; }
  .type_card .link_card strong {
    margin: 16px 8px 4px 0;
    -webkit-line-clamp: 1; }
  .type_card .link_card {
    margin: 0 8px; }
  .type_card .link_card .text {
    -webkit-line-clamp: 2;
    line-height: 1.5;}
  .list_type_card .link_card .thumnail{
    padding-top: 65%;}
}

/* // type_card */
/* type_banner - 와이드패널 커버 */
.type_banner {
  max-width: 1180px;
  margin: 120px auto 0 auto; }

.list_type_banner {
  margin: 0;
  padding: 0;
  list-style: none; }

.list_type_banner .link_banner {
  position: relative;
  display: block;
  height: 280px;
  font-size: 24px;
  color: #333;
  background-size: cover;
  background-position: 50% 50%;
  transition: all .2s ease-out; }

.list_type_banner li:nth-child(even) .box_content {
  float: right;
  text-align: right; }

.list_type_banner li:nth-child(even) .btn_go {
  right: 50px;
  left: auto; }

.list_type_banner .box_content {
  width: 70%;
  padding: 47px 45px 50px 48px; }

.list_type_banner .link_banner:hover {
  opacity: 0.6; }

.list_type_banner .link_banner strong {
  display: block;
  max-height: 58px;
  font-size: 50px;
  font-weight: 900;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.list_type_banner .link_banner .text {
  max-height: 80px;
  margin: 12px 4px 0 2px;
  font-size: 1rem;
  color: #fff;
  line-height: 1.62;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.list_type_banner .link_banner .btn_go {
  position: absolute;
  left: 50px;
  bottom: 48px;
  width: 42px;
  height: 42px;
  background: #000;
  border-radius: 42px;
  font-size: 17px;
  font-weight: 400;
  color: #fff; }

/* media query - mobile */
@media screen and (max-width: 1023px) {
  .type_banner {
  margin-top: 60px;
  padding: 0 24px;}
  .list_type_banner .link_banner {
  height: 100px; }
  .list_type_banner .box_content {
  width: 100%;
  padding: 25px; }
  .list_type_banner .link_banner strong {
  display: block;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 26px;
  overflow: hidden; }
  .list_type_banner .link_banner .btn_go {
  display: none; }
  .list_type_banner .link_banner .text {
  display: inline-block;
  width: 100%;
  margin: 2px 0 0 0;
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; } }

/* // type_banner */
/* type_notice - 리스트 커버 */
.type_notice {
  padding: 0;
  max-width: 900px;
  margin: 80px auto 0 auto; }
  .type_notice:after {
  content: '';
  display: block;
  clear: both; }

.type_notice .thumnail,
.category_type_notice .thumnail {
  display: block;
  width: 100%;
  height: 400px;
  margin-right: 24px;
  background-size: cover;
  background-position: 50% 50%;
  border: rgba(0,0,0,0.1) solid .5px ;
  border-radius: 11px;
  background-repeat:no-repeat;
  box-shadow: 0px 3px 7px rgba(0,0,0,.3);
	background-origin: border-box;
	margin-bottom: 34px;
}

.type_notice .info,
.category_type_notice .info {
  overflow: hidden; }

.list_type_notice {
  margin: 0;
  padding: 0;
  list-style: none;}
.category_type_notice .list_category {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list_type_notice:after,
  .category_type_notice .list_category:after {
  content: '';
  display: block;
  clear: both; }

.list_type_notice .item_notice,
.category_type_notice .item_category {
  padding: 0 0 100px 0; }

.list_type_notice .item_notice:after,
.category_type_notice .item_category:after {
  content: '';
  display: block;
  clear: both; }

.list_type_notice .item_notice:last-child,
.category_type_notice .item_category:last-child {
  padding: 0; }


.list_type_notice .link_notice,
.category_type_notice .link_category {
  display: block;
  color: #333;
  transition: all .2s ease-out; }

.list_type_notice .link_notice:hover,
.category_type_notice .link_category:hover {
   }

.list_type_notice .link_notice strong,
.category_type_notice .link_category strong {
  margin-top:24px;
  display: block;
  font-size: 1.3em;
  line-height: 1.5;
  font-weight: 800;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.list_type_notice .link_notice .text,
.category_type_notice .link_category .text {
  font-size: 0.9365rem;
   line-height: 1.75;
  margin: 24px 0 12px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #777;
  width: 95%; 
	-webkit-mask-image:  linear-gradient(to bottom, black 66%, transparent 67%), linear-gradient(90deg, black 0%, transparent 60%);
  mask-image:  linear-gradient(to bottom, black 66%, transparent 67%), linear-gradient(90deg, black 0%, transparent 60%);
}

.list_type_notice .link_notice .date,
.category_type_notice .link_category .date {
  display: block;
  font-size: 13px;
  line-height: 20px;
  opacity: .5; }


/* media query - mobile */
@media screen and (max-width: 1023px) {
.type_notice {
  padding: 0 24px;
  margin: 48px auto 0 auto;
}
  .type_notice .thumnail,
  .category_type_notice .thumnail {
  height: 400px;
  margin-right: 16px; 
	margin-bottom: 22px;}
  
  .list_type_notice .item_notice,
  .category_type_notice .item_category {
  padding: 0 0 70px 0; } 

.list_type_notice .item_notice:last-child,
.category_type_notice .item_category:last-child {
  padding: 0; }}

/* // type_notice */
/* media query - only mobile */
@media screen and (max-width: 1023px) {
  .list_type_notice .link_notice strong,
  .category_type_notice .link_category strong {
  margin-top:12px;
  font-size: 1.2em;}
  .list_type_notice .link_notice .text,
  .category_type_notice .link_category .text {
  margin: 12px 0 0 0;
  font-size: 0.9rem;
  line-height: 1.6;
  -webkit-line-clamp: 4;
	-webkit-mask-image:  linear-gradient(to bottom, black 75%, transparent 76%), linear-gradient(90deg, black 0%, transparent 60%);
  mask-image:  linear-gradient(to bottom, black 75%, transparent 76%), linear-gradient(90deg, black 0%, transparent 60%);}
  .type_notice .thumnail,
  .category_type_notice .thumnail {

  height: 200px;
	margin-bottom: 22px;}
}

/* area_category */
.area_category {
  max-width: 900px;
  margin: 80px auto 0 auto;
	padding-bottom: 20px;
}
.area_category a {
  text-decoration: none; }

.area_category ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box; }

.area_category .title_section span {
  padding-left: 8px;
  font-size: 16px;
/*  vertical-align: 2px; */ }



/* category_type_post - list_category */
.category_type_post .list_category:after {
  content: '';
  display: block;
  clear: both; }

.category_type_notice .link_category {
  background: none !important; }

.category_type_post .link_category .text {
  display: none; }

/* // category_type_post - list_category */
/* media query - mobile */
@media screen and (max-width: 1023px) {
  .area_category {
  margin-top: 40px; }
  .area_category .title_section {
  text-align: left; } }

/* type_related */
.category_type_related .list_category {
  list-style: none;
  margin: 0 -8px;
  padding: 0;
  border: none;
  box-sizing: border-box;
  font-size: 0; }

.category_type_related .thumnail {
  display: block;
  width: 100%;
  padding-top: 50%;
  background-size: cover;
  background-position: 50% 50%; }

.category_type_related .item_category {
  display: inline-block;
  width: 33.3%;
  margin-bottom: 54px;
  vertical-align: top; }

.category_type_related .link_category {
  display: block;
  padding: 0 8px;
  background: none !important;
  color: #333; }

.category_type_related .box_content {
  width: 100%; }

.category_type_related .link_category strong {
  display: block;
  margin: 18px 0 6px 0;
  line-height: 28px;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.category_type_related .link_related .info {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.38);
  line-height: 1.71; }

.category_type_related .link_category .text {
  max-height: 70px;
  margin: 0 0 13px 0;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  opacity: 0.7;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 95%;}

.category_type_related .link_category .date {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.38); }

@media screen and (max-width: 1023px) {
  .category_type_related .item_category {
  width: 100%;
  margin-bottom: 30px !important; }
  .category_type_related .link_category strong {
  display: block;
  margin: 12px 0 4px 0;
  font-size: 17px; }
  .category_type_related .link_category .text {
  margin: 0 0 10px 0; } }

/* // area_category */
/* // category_type_post - list_category */
.area_view {
  max-width: 900px;
  margin: 0 auto;}
/* area_index_category */
.area_index_category a {
  text-decoration: none; }

.area_index_category .list_category {
  list-style: none;
  border: none;
  box-sizing: border-box; }
/* // area_index_category */
.area_view  strong {
  display: block;
  font-size: 1.8em;
  line-height: 1.5em;
  text-shadow: rgba(0,0,0,0.7) 0 0.08em 0.3em;
}

.area_view .info_text .info {
  margin: 20px 0 0 0;
  font-size: 0.75rem;
	color:  rgba(255,255,255,0.7);
  text-shadow: rgba(0,0,0,0.7) 0 0.1em 0.2em;
  line-height: 1.7;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.area_view .info_text {
		position:absolute;
		max-width: 900px;
		top:0px;
		height:520px;
		text-align: center !important;
	}

	.area_view .info_text_inner{
		position:relative !important;
		height:520px !important;
		width:100% !important;
	}

	.area_view .info_text_inner2{
		position:absolute !important;
		width:100% !important;
		bottom: 50% !important;
		transform: translateY(50%); !important
	}

}


.area_view .txt_post {
  height: 160px;
  margin: 40px 0 30px 0;
  -webkit-line-clamp: 6; }

/* area_view - area_post_btn */
.area_view .article_modify {
  padding-bottom: 13px;
  border-bottom: 1px solid #eee; }

.area_view .article_modify:after {
  content: '';
  display: block;
  clear: both; }

.area_view .list_share {
  margin: 60px 0 48px 0;
  font-size: 0;
  text-align: center; }

.area_view .list_share:after {
  content: '';
  display: block;
  clear: both; }

.area_view .list_share .item_share {
  display: inline-block;
  margin-right: 12px;
  list-style: none; }

.area_view .list_share .link_share {
  display: flex;
  -ms-display: flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* Safari */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 48px;
  font-size: 28px;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  text-align: center; }

.area_view .article_modify .box_util {
  float: left; }

.area_view .article_modify button {
  background: none;
  padding: 5px;
  border: 0;
  border-radius: 0;
  overflow: visible; }

.area_view .article_modify i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(http://t1.daumcdn.net/tistory_admin/static/admin/editor/ico_postbtn.png) no-repeat;
  overflow: hidden;
  vertical-align: top; }

.area_view .article_modify .btn_like {
  padding-right: 10px;
  background: url(images/ico_dot.gif) no-repeat center right;
  line-height: 14px; }

.area_view .article_modify .btn_share {
  margin-top: 15px; }

.area_view .article_modify .btn_like .icon {
  background-position: 0 0; }

.area_view .article_modify .btn_like .icon_like {
  background-position: -20px 0; }

.area_view .article_modify .btn_share .icon {
  margin-top: 1px;
  background-position: -40px 0; }

.area_view .article_modify .box_ccl {
  float: right;
  padding-top: 20px; }

/* area_view - box_ccl */
.area_view .box_ccl .link_ccl {
  display: inline-block; }

.another_category {
  display: none; }

/* media query - mobile */
@media screen and (max-width: 1023px) {

  .area_view .inner_header {

  padding: 0 30px;
  box-sizing: border-box; }
  .type_article_header_common .inner_header {
  height: 520px; }
  .area_view .info_text {
  width: 100%;
  padding: 0 0px 24px 0px;
  justify-content: flex-end;
  box-sizing: border-box;
  text-align: left;

  }


  .area_view .info_text_inner2{
  bottom: 24px;
  transform: unset;
  }

  .area_view .info_text .info{
  margin: 12px 0 0 0;}
  .area_view strong {
  width: 100%;
  font-size: 1.4em;
  line-height: 1.4; } }

.article_view {
  max-width: 900px;
  margin: 80px auto 0 auto;  
  
  font-size: 0.9365rem;
  line-height: 1.88; }

.article_view div:not(.container_postbtn > *, .uoc-icon, .wrap_btn, #btn_reply_wrapper, #btn_reply, .btn_share_wrapper, .btn_share ){

  color: #666; }

.article_view p {
  /*margin-bottom: 28px;*/    
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
  line-height: 1.88;
  color: #666; }

.article_view h1,
.article_view h2,
.article_view h3,
.article_view h4 {

  font-weight: 900;
  color: rgba(0, 0, 0, 0.87); }

.article_view h1 {
  font-size: 32px;
  line-height: 1.33; }

.article_view h2 {
  font-size: 24px;
  line-height: 1.38; }

.article_view h3 {
  font-size: 20px;
  line-height: 1.4; }

.article_view h4 {
  font-size: 18px;
  line-height: 1.33; }

.article_view blockquote {
  margin: 0;
  padding-left: 19px;
  border-left: 1px solid;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.54); }

.article_view ul,
.article_view ol {
  margin: 0;
  padding: 0 0 0 19px; }

.article_view ul {
  margin-top: 18px; }

.article_view ul li {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87);
  word-break: break-all; }

.article_view ol {
  margin-bottom: 32px; }

.article_view ol li {
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.87);
  word-break: break-all; }

.article_view figure {
  margin: 0; }

.article_view table {
  border: 1px solid #dadce0;
  border-collapse: collapse; }

.article_view table thead tr {
  background: rgba(0, 0, 0, 0.05);
  font-size: 16px;
  color: #000; }

.article_view table tr th,
.article_view table tr td {
  padding: 7px;
  border-left: 1px solid #dadce0; }

.article_view table tr {
  border-bottom: 1px solid #dadce0; }

.article_view pre {
  background: rgba(0, 0, 0, 0.05);
  font-size: 16px;
  color: rgba(34, 85, 51, 0.87);
  white-space: pre-wrap; }

.article_view pre code.hljs {
  padding: 20px;
}

.article_view .cap1 {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54); }

.article_view hr {
  margin: 30px 0; }

.article_view a {
  display: inline-block;
  color: #3d62ce; }

.article_view a:hover {
  opacity: 0.7; }

.article_view .moreless_fold span,
.article_view .moreless_top span {
  font-size: 16px;
  line-height: 2.5; }

.article_view .moreless_top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.article_view .moreless_bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

.article_view .moreless_bottom span {
  display: none; }

.article_view .footnote a {
  text-decoration: none; }

.article_view .footnotes li {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.38); }

.article_view .table-overflow {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.article_view .table-overflow {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

.article_view img {
  max-width: 100%;
  border-radius: 5px;
  border: rgba(0,0,0,0.1) solid .5px ;
  /*box-shadow: 0px 2px 5px rgba(0,0,0,.2);*/
}

.article_view .txc-textbox img {
  border: none;
}

.article_view blockquote {
  border-radius: 5px;
}

/* 보호글 비밀번호 입력 */
.protected_form input{
  border: 1px solid #e1e1e1;
  padding: 9px 14px;
  font-size: 14px;
}

/* area_view - 유튜브 사이즈 제어 */
@media screen and (max-width: 743px) {
  .article_view iframe {
  width: 100%;
  height: 56vw;
  -ms-height: 56vmax; } }

/* media query - only mobile */
@media screen and (max-width: 1023px) {
  .article_view {
  margin-top: 40px;
  font-size: 0.875rem;}
  
.article_view div:not(.container_postbtn > *, .uoc-icon, .wrap_btn ){
 }
}


/* 커버 미사용시 리스트 */
.list_index a {
  text-decoration: none;
}
.list_index {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0
}

.list_index:first-child {
  margin-top: 168px;
}
.list_index:last-child {
  margin-bottom: 60px;
}

@media screen and (max-width: 1023px){
.list_index:first-child {
  margin-top: 100px;
}
}

/* 커버 미사용시 리스트-블로그형 */

.list_index.category_type_related {
  display: inline-block;
  width: 33.3%;
  margin-left: -2px;
  margin-right: -2px;
}

.list_index.category_type_related:first-child{
  margin-top:200px
}

.list_index.category_type_related:last-child{
  margin-bottom:0
}

.list_index.category_type_related .item_category {
  width: 100%;
}

@media screen and (max-width: 1023px){
.list_index.category_type_related {
  width: 100%;
  margin: 0;}

.list_index.category_type_related:first-child {
  margin-top: 120px  }

.list_index.category_type_related .link_category {
  padding: 0}
}

/* absent_post */
.area_view .absent_post{
  height: 88vh;
  margin: 0 !important;
  min-height: 400px;
  width: 100%;
  padding: 0 !important;
  position: absolute;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #333;
  background: url(/image/warning.gif) no-repeat;
  background-position-x: center;
  background-position-y: calc(50% - 44px) !important;
}

@media screen and (max-width: 1023px) {
  .area_view .absent_post{
  margin: 200px 0 90px 0;
  }
}

.revenue_unit_wrap.position_list{
  max-width: 1180px;
  margin: 30px auto
}


.container_postbtn {
  padding: 32px 0 0 0 !important;
}

.container_postbtn .postbtn_like .uoc-icon .txt_like {
	font-family: "Signika" !important;
	font-weight:600;	
	font-size:.875rem  !important;
}
.postbtn_like {
	width: 100%;
  border: none  !important;
  padding: 0 !important;
  height: 32px !important;
  color: rgba(255,255,255,.9) !important;
}

#btn_reply,
.btn_share{
	margin:0;
	padding:0;
}

#btn_reply_wrapper {
	float: left;
  position: relative;	
	color:rgba(255,255,255,.9);
}

.btn_share_wrapper {
	float: right;
  position: relative;	
	color:rgba(255,255,255,.9);
}

#btn_reply .btn_post {
  height: 32px !important;
  margin-right: 10px;  
	background : linear-gradient(-45deg,#333, #666);
  display: inline-block;
  border-radius: 16px;
  line-height: 31px;
  padding: 0 3px !important;
  transition-duration: .2s;
	box-shadow: 0px 2px 7px rgba(0,0,0,.3);
	background-origin: border-box;
}

#btn_lnk .btn_post,
#btn_tw .btn_post,
#btn_fb .btn_post{
  height: 32px !important;
	margin-right: 0;
	margin-left: 6.5px;
	background : linear-gradient(-45deg,#333, #666);
  display: inline-block;
  border-radius: 16px;
  line-height: 31px;
  padding: 0  !important;
  transition-duration: .2s;
	box-shadow: 0px 2px 7px rgba(0,0,0,.3);
	background-origin: border-box;
}

#btn_reply.invert .btn_post {
	background : linear-gradient(-45deg,#3c91e8, #2679c7, #8851ed);
  /*background :  linear-gradient(165deg, #0c9ce9, #007fea, #006be7);*/
}

.container_postbtn .btn_post {
  height: 32px !important;
  margin-right: 7px;
  background : #444;
  background : linear-gradient(-45deg, #ee7752, #e73c7e,  #ac25c7);
  display: inline-block;
  border-radius: 16px;
  line-height: 31px;
  padding: 0 3px !important;
  transition-duration: .2s;
	box-shadow: 0px 2px 7px rgba(0,0,0,.3);
	background-origin: border-box;
}

.postbtn_like button:hover {
  
  background : #23a6d5;
  background : linear-gradient(-45deg, #ee7752, #e73c7e,  #ac25c7, #23a6d5, #23d5ab);
	background-origin: border-box;
  /*color: rgba(255,255,255,1) !important;*/
}

#btn_fb div.uoc-icon {
  padding: 0 11.5px !important;
}

#btn_tw div.uoc-icon {
  padding: 0 9.5px !important;
}

#btn_lnk div.uoc-icon {
  padding: 0 9.5px !important;
}

#btn_reply div.uoc-icon,
.postbtn_like div.uoc-icon {
  padding: 0 12px !important;
}

.postbtn_like .ico_like {
   display: none !important;
}

.postbtn_like .txt_like:before {
  font-family: 'FontAwesome';
  content: '\f004';
  font-weight: 600;
	font-size:0.75rem  !important;
  margin-right: 8px;
	margin-top:1px;
}

#btn_lnk .txt_like:before {
  font-family: 'FontAwesome';
  content: '\f0c1';
  font-weight: 900;
	font-size:0.75rem  !important;
	margin-right:0;
	margin-left:1px;
	margin-top:1px;
}

#btn_tw .txt_like:before {
  font-family: 'FontAwesomeBrands';
  content: '\f099';
  font-weight: 400;
	font-size:0.75rem  !important;
	margin-right:0;
	margin-left:1px;
	margin-top:1px;
}

#btn_fb .txt_like:before {
  font-family: 'FontAwesomeBrands';
  content: '\f39e';
  font-weight: 400;
	font-size:0.75rem  !important;
	margin-right:1px;
	margin-left:1px;
	margin-top:1px;
}

#btn_reply .txt_like:before {
  font-family: 'FontAwesome';
  content: '\f075';
  font-weight: 600;
	font-size:0.75rem  !important;
  margin-right: 8px;
	margin-top:1px;
}

#btn_reply .txt_like:after {
  font-family: 'FontAwesome';
  content: '\f107';
  font-weight: 600;
	font-size:0.75rem  !important;
  margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid rgba(255,255,255,0.3);
}

#btn_reply .txt_like.open:after {
  font-family: 'FontAwesome';
  content: '\f106';
  font-weight: 600;
	font-size:0.75rem  !important;
  margin-left: 8px;
	margin-top:1px;
	padding-left: 8px;
	border-left: 1px solid rgba(255,255,255,0.3);
}

.container_postbtn .postbtn_like .uoc-icon .txt_like {
  margin:0 !important;
}

#btn_reply .uoc-icon .txt_like {
  margin:0 !important;
}

.postbtn_like .wrap_btn_share, 
.postbtn_like .wrap_btn_etc,
.postbtn_like .wrap_btn button:not(.uoc-icon),
.btn_menu_toolbar {
  display: none !important;
}

.container_postbtn .btn_menu_toolbar {
  border: none  !important;
  height: 32px !important;
}

.txc-textbox {
  border-radius: 11px;
  border: rgba(0,0,0,.2) solid 0.5px !important;
}

.tistoryProfileLayerTrigger {
	display: none !important;
}












.btn-lock {
	position: absolute;
	right: 0px;
	top: -90px;
  display: inline-block;
  background: linear-gradient(-45deg,#333, #666);
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
	box-shadow: 0px 4px 9px rgba(0,0,0,.3);
}
.btn-lock svg {
		position: relative;
	left: 2px;
	top: -2px;
  fill: none;
  /*transform: translate3d(0, 0, 0);*/
	transform: scale(.45);
}
.btn-lock svg .bling {
  stroke: #eee;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-dasharray: 3;
  stroke-dashoffset: 15;
  transition: all 0.3s ease;
}
.btn-lock svg .lock {
  stroke: #eee;
  stroke-width: 4;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 36;
  transition: all 0.4s ease;
}
.btn-lock svg .lockb {
  fill: #eee;
  fill-rule: evenodd;
  clip-rule: evenodd;
  transform: rotate(8deg);
  transform-origin: 14px 20px;
  transition: all 0.2s ease;
}
#inpLock {
  display: none;
}
#inpLock:checked + label {
  background: linear-gradient(-45deg,#3c91e8, #2679c7, #8851ed);;
}
#inpLock:checked + label svg {
  opacity: 1;
}
#inpLock:checked + label svg .bling {
	
  stroke: #eee;
  animation: bling 0.3s linear forwards;
  animation-delay: 0.2s;
}
#inpLock:checked + label svg .lock {  
	stroke: #eee;
  stroke-dasharray: 48;
  animation: locked 0.3s linear forwards;
}
#inpLock:checked + label svg .lockb {  
	fill: #eee;
  transform: rotate(0);
  transform-origin: 14px 22px;
}
@-moz-keyframes bling {
  50% {
    stroke-dasharray: 3;
    stroke-dashoffset: 12;
  }
  100% {
    stroke-dasharray: 3;
    stroke-dashoffset: 9;
  }
}
@-webkit-keyframes bling {
  50% {
    stroke-dasharray: 3;
    stroke-dashoffset: 12;
  }
  100% {
    stroke-dasharray: 3;
    stroke-dashoffset: 9;
  }
}
@-o-keyframes bling {
  50% {
    stroke-dasharray: 3;
    stroke-dashoffset: 12;
  }
  100% {
    stroke-dasharray: 3;
    stroke-dashoffset: 9;
  }
}
@keyframes bling {
  50% {
    stroke-dasharray: 3;
    stroke-dashoffset: 12;
  }
  100% {
    stroke-dasharray: 3;
    stroke-dashoffset: 9;
  }
}
@-moz-keyframes locked {
  50% {
    transform: translateY(1px);
  }
}
@-webkit-keyframes locked {
  50% {
    transform: translateY(1px);
  }
}
@-o-keyframes locked {
  50% {
    transform: translateY(1px);
  }
}
@keyframes locked {
  50% {
    transform: translateY(1px);
  }
}

































/* area_popup *************************************************/

.area_search {
  padding: 0 80px;
}

.area_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 31;
  overflow: auto; 
}

.area_popup .search_content {
  max-width: 900px;
  margin: 0 auto;
  padding: 128px 0;
}

.area_popup .search_content:after {
  content: '';
  display: block;
  clear: both; 
}

.area_popup .box_form {
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.area_popup .box_form .icon-Search {
  display: inline-block;
  margin-right: 23px;
  font-size: 16px;
  vertical-align: -1px;
}

.area_popup .box_form .inp_search {
  width: 80%;
  margin-top: 5px;
  border: none;
  font-size: 16px;
  font-weight: 900;
  color: #333;
  line-height: 1; 
}

.area_popup .box_form .btn_search_del {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  padding: 6px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  fill-opacity: 0.3; 
}

.area_popup .title_sidebar {
  margin: 51px 0 29px 0;
  font-size: 18px; 
}

.area_popup .tag_zone {
  display: inline-block;
  width: 50%;
  padding-right: 50px;
  min-height: 150px;
  box-sizing: border-box;
  vertical-align: top; 
}

.list_sidebar {
  margin: 0;
  padding: 0;
  list-style: none; }

.list_sidebar .item_sidebar {
  margin-bottom: 20px; }

aside .list_sidebar .item_sidebar {
  margin-bottom: 10px; }

.list_sidebar .item_sidebar a {
  display: block;
  font-size: 16px;
  color: #333;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tag_board {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top; }

aside .tag_board {
  width: 100%; }

.area_popup .tag_board {
  width: 50%; }

.area_popup div:nth-child(3) {
  padding-left: 50px; }

.area_popup div:nth-child(4) {
  padding-right: 50px; }

.area_popup div:nth-child(5) {
  padding-left: 50px; }

.area_popup .box_gnb,
.area_popup .box_sns,
.area_popup .add_link {
  display: none; }

/* media query - mobile */
@media screen and (max-width: 1023px) {
.area_popup .search_content {
  margin: 70px 0 0 0;
  padding-top: 0px; }
.area_search {
  padding: 0 24px;
}
  .area_popup .box_form .icon-Search {
  display: none; }
  .area_popup .box_form .inp_search {
  margin-top: 20px;
  font-size: 18px; }
  .area_popup .box_form .btn_search_del {
  top: 18px;
  right: 20px; }

  .area_popup .box_form {
  margin: 0 -24px;
  padding: 0 20px 25px 20px; }
  .area_popup .title_sidebar {
  margin-top: 32px;
  font-size: 12px; }
  .area_popup .tag_zone a {
  border: none;
  padding: 5px 10px;
  font-size: 16px; }
  .area_popup .tag_zone a:hover {
  border: none; }
  .area_popup .tag_zone, .area_popup .tag_board {
  width: 100%; }
  .area_popup .item_sidebar {
  margin-bottom: 10px; }
  .area_popup .item_sidebar a {
  font-size: 16px; }
  .area_popup div:nth-child(3),
  .area_popup div:nth-child(4),
  .area_popup div:nth-child(5) {
  padding: 0; }
  /*
  .area_popup .area_search .btn_close {
   margin: -2px 0 0;
  text-align: right;
  padding: 0 7px 2px 7px;
  height: 30px; }
  */
  .area_popup .title_logo {
  font-weight: 900;
  font-size: 20px; }}

/* // area_popup */





.uk-modal-dialog {
	width: 150px !important;
	min-width: 100px !important;
	font-size:.875rem; 
  margin-top: auto !important;
  margin-bottom: auto !important;
	padding: 11px;
	border-radius:32px; 
	text-align:center;
	backdrop-filter: blur(5px);
	font-family: "Signika";
}

.uk-modal {
	display: flex !important;
	align-items: flex-start;
}
.uk-modal-body {
	padding:11px !important; 
}