@charset "utf-8";

/*
 *
 * CSS CONTENTS:
 *
 * 01. Web Font
 * 02. Type Selector Reset
 * 03. Accessibility Navigation
 * 04. Layout Selector
 * 05. Components
 * 06. Entry Content
 * 07. Comment
 * 08. Aside(sidebar)
 * 09. ETC
 * 10. Option(Color Type & List Type)
 * 11. Retina Display
 * 12. Media Screen
 *
 */

/* Web Font Load */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:800&subset=korean');

/* Type Selector Reset */
body {
  -webkit-text-size-adjust: 100%;
  font-weight: 400;
  font-family: 'AppleSDGothicNeo', Pretendard-Regular, sans-serif;
  font-size: 1em;
  line-height: 1.25;
  color: #555;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0;
}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
  display: block;
}

button, input[type=submit], input[type=reset], input[type=button] {
  overflow: visible;
  cursor: pointer;
}

input[type=text], input[type=email], input[type=password], input[type=submit], textarea {
  -webkit-appearance: none;
}

input, select, textarea, button {
  font-family: Pretendard-Regular, sans-serif;
  font-size: 100%;
  border-radius: 0;
}

button {
  overflow: visible;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

ul li {
  list-style: none;
}

img, fieldset {
  border: none;
  /* vertical-align: top; */
}

hr {
  display: none;
}

a, a:link {
  text-decoration: none;
  color: #555;
}

a:visited {
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
  color: #222;
}

a:active {
  text-decoration: none;
}

/* Accessibility Navigation */
#acc-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 0;
}

#acc-nav a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin-left: -1px;
  margin-bottom: -1px;
  text-align: center;
  font-weight: bold;
  font-size: 0.875em;
  color: #000;
  white-space: nowrap;
}

#acc-nav a:focus, #acc-nav a:hover, #acc-nav a:active {
  width: 100%;
  height: auto;
  padding: 10px 0;
  background: #000;
  color: #fff;
  z-index: 1000;
}

/* Layout Selector */
#header {
  border-bottom: 1px solid #eee;
}

#header .inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
}

#header h1 {
  padding: 23px 0;
  font-family: 'Nanum Myeongjo';
  font-weight: 800;
  font-size: 1.75em;
  line-height: 32px;
  letter-spacing: -0.2px;
  color: #333;
}

#header h1 a {
  display: inline-block;
  height: 32px;
  text-decoration: none;
  color: #333;
  vertical-align: top;
}

#header h1 img {
  width: auto;
  height: 32px;
}

#header .util {
  position: absolute;
  top: 24px;
  right: 0;
}

#header .util .search {
  position: relative;
  float: left;
  overflow: hidden;
  width: 32px;
  background-color: #fff;
  box-sizing: border-box;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
}

#header .util .search:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  width: 32px;
  height: 32px;
  border: 1px solid #eee;
  border-radius: 50%;
  text-indent: -999em;
  background: #fff url(./images/ico_package.png) no-repeat 0 0;
  vertical-align: top;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
}

#header .util .search input {
  width: 32px;
  height: 32px;
  padding: 5px 15px;
  border: 0;
  background-color: transparent;
  font-size: 0.875em;
  line-height: 1;
  outline: none;
  box-sizing: border-box;
}

#header .util .search input:focus {
  border-color: #484848;
}

#header .util .search input::placeholder {
  color: #969696;
}

#header .util .search button {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 10;
  width: 30px;
  height: 30px;
  text-indent: -999em;
  border: 1px solid #eee;
  border-radius: 50%;
  background: #fff url(./images/ico_package.png) no-repeat -1px -1px;
  vertical-align: top;
  outline: none;
}

#header .util .search.on {
  width: 200px;
}

#header .util .search.on:before {
  content: none;
}

#header .util .search.on input {
  display: block;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 32px;
}

#header .util .search.on button {
  border-color: transparent;
}

#header .util .profile {
  position: relative;
  float: left;
  margin-left: 14px;
}

#header .util .profile button {
  display: block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border: 1px solid #eee;
  border-radius: 50%;
}

#header .util .profile img {
  width: 100%;
  height: 100%;

}

#header .util .profile nav {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 30;
  width: 96px;
  margin: 0 0 0 -48px;
  padding-top: 12px;
}

#header .util .profile ul {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

#header .util .profile ul li a {
  display: block;
  margin-top: -1px;
  border: 1px solid #eee;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 0.875em;
  line-height: 2.3125rem;
  color: #777;
}

#header .util .profile ul li a:focus,
#header .util .profile ul li a:hover {
  background-color: #fafafa;
  color: #333;
}

#header .util .menu {
  display: none;
}

#gnb {
  height: 66px;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
}

#gnb::-webkit-scrollbar {
  display: none;
}

#gnb ul {
  display: inline-block;
  margin-left: -30px;
  vertical-align: top;
}

#gnb ul li {
  float: left;
  padding: 0 26px;
}

#gnb ul li a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 22px 4px 24px;
  color: #777;
}

#gnb ul li a:hover,
#gnb ul li.current a {
  color: #333;
}

#gnb ul li.current a:after,
#gnb ul li a:hover:after,
#gnb ul li a:focus:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #333;
}

#container {
  position: relative;
}

#container .content-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px;
}

#container .content-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  width: 1px;
  height: 100%;
  margin-left: 255px;
  background-color: #eee;
}

#container .content-wrap:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

#content {
  float: left;
  width: 68.518518518518519%;
  padding: 72px 0 60px;
  box-sizing: border-box;
}

#content>.inner:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

#aside {
  float: right;
  width: 21.296296296296296%;
  padding: 75px 0 32px;
  box-sizing: border-box;
}

#aside .close,
#aside .profile {
  display: none;
}

#footer {
  padding: 38px 0 28px;
  border-top: 1px solid #eee;
}

#footer .inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
}

#footer p {
  margin-bottom: 10px;
  font-size: 0.875em;
  color: #777;
}

#footer .order-menu a {
  display: inline-block;
  margin-bottom: 23px;
  font-size: 0.8125em;
  vertical-align: middle;
  color: #555;
}

#footer .order-menu a:hover,
#footer .order-menu a:focus {
  color: #333;
}

#footer .order-menu a:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 0 20px 2px 15px;
  background-color: #d2d2d2;
  vertical-align: middle;
}

#footer .order-menu a:first-child::before {
  content: none;
}

#footer .page-top {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #eee;
  border-radius: 50%;
  background: #fff url(./images/ico_package.png) no-repeat -100px -200px;
  text-indent: -999em;
}

#footer .page-top:focus,
#footer .page-top:hover {
  background-color: #757575;
  background-position-x: -150px;
}

#tt-body-index .main-slider {
  display: block;
}

#tt-body-index #content {
  padding-bottom: 43px;
}

#tt-body-index .post-cover.notice {
  height: auto;
  background-color: transparent;
}

#tt-body-index .post-cover.notice h1 {
  margin: 0;
  font-size: 1.6875em;
  line-height: 1.5;
  color: #000;
}

#tt-body-index .post-cover.notice h1 a {
  color: #000;
}

#tt-body-index .post-cover.notice .meta {
  margin: 0 0 30px;
  color: rgba(0, 0, 0, 0.6);
}

#tt-body-page #container {
  padding-top: 339px;
}

#tt-body-page.post-cover-hide #container {
  padding-top: 0;
}

#tt-body-page .post-cover {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
}

#tt-body-tag .tags {
  margin-top: 0;
}

/* Components */
.btn, a.btn {
  display: inline-block;
  width: 100px;
  height: 36px;
  background-color: #c4c4c4;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  vertical-align: middle;
}

.btn:hover {
  background-color: #676767;
}

.main-slider {
  display: none;
  position: relative;
  top: -1px;
  z-index: 20;
  overflow: hidden;
  width: 100%;
  background-color: #cbcbcb;
}

.main-slider ul {
  position: relative;
}

.main-slider ul li {
  display: table;
  width: 100%;
  height: 340px;
  background-position: 50% 50%;
  background-size: cover;
}

.main-slider ul li a {
  display: table;
  width: 100%;
  height: 100%;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.15);
}

.main-slider ul li .inner {
  display: table-cell;
  vertical-align: middle;
}

.main-slider ul li .box {
  display: block;
  max-width: 910px;
  margin: 0 auto;
  padding: 0 24px 6px;
}

.main-slider ul li .text {
  display: block;
  overflow: hidden;
  max-width: 65%;
  text-overflow: ellipsis;
  font-weight: 300;
  font-size: 2.125em;
  line-height: 1.2352;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.main-slider ul li .btn {
  display: block;
  width: 118px;
  height: 35px;
  margin-top: 32px;
  border-radius: 35px;
  line-height: 35px;
  background-color: #fff;
  color: #555;
}

.main-slider ul li .btn:hover {
  background-color: #04beb8;
  color: #fff;
}

.main-slider .prev,
.main-slider .next {
  display: none;
}

.main-slider .paging {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin-left: 447px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.main-slider .paging button {
  display: block;
  width: 8px;
  height: 8px;
  margin: 10px 0;
  text-indent: -999em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
}

.main-slider .paging .current {
  background-color: rgba(255, 255, 255, 1);
}

.cover-thumbnail-1 {
  position: relative;
  margin-bottom: 77px;
}

.cover-thumbnail-1 h2 {
  margin-bottom: 19px;
  font-weight: 500;
  font-size: 1em;
  color: #555;
}

.cover-thumbnail-1 ul {
  display: inline-block;
  width: 103.378378378378378%;
  margin-left: -3.378378378378378%;
  margin-bottom: -40px;
  vertical-align: top;
}

.cover-thumbnail-1 ul li {
  float: left;
  width: 33.333333333333333%;
  padding-left: 3.26797385620915%;
  margin: 0 0 38px;
  box-sizing: border-box;
}

.cover-thumbnail-1 ul li a {
  display: block;
  text-decoration: none;
}

.cover-thumbnail-1 ul li a:hover .title,
.cover-thumbnail-1 ul li a:focus .title {
  text-decoration: underline;
}

.cover-thumbnail-1 ul li figure {
  display: block;
  height: 0;
  margin-bottom: 9px;
  padding-bottom: 130.434782608695652%;
  background-color: #f8f8f8;
}

.cover-thumbnail-1 ul li figure img {
  width: 100%;
  height: auto;
}

.cover-thumbnail-1 ul li .title {
  display: block;
  overflow: hidden;
  width: 95%;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.75;
}

.cover-thumbnail-1 ul li .date {
  display: block;
  font-size: 0.75em;
  color: #999;
}

.cover-thumbnail-1 .more {
  position: absolute;
  top: 4px;
  right: 0;
  font-weight: 300;
  font-size: 0.875em;
  color: #999;
}

.cover-thumbnail-2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 77px;
}

.cover-thumbnail-2 h2 {
  margin-bottom: 28px;
  padding-bottom: 19px;
  border-bottom: 1px solid #eee;
  font-weight: 500;
  font-size: 1em;
  color: #555;
}

.cover-thumbnail-2 ul li {
  overflow: hidden;
  margin-top: 28px;
}

.cover-thumbnail-2 ul li a {
  display: block;
  text-decoration: none;
}

.cover-thumbnail-2 ul li a:hover .title,
.cover-thumbnail-2 ul li a:focus .title {
  text-decoration: underline;
}

.cover-thumbnail-2 ul li figure {
  float: right;
  width: 128px;
  margin-left: 57px;
}

.cover-thumbnail-2 ul li figure img {
  width: 100%;
  height: auto;
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
}

.cover-thumbnail-2 ul li .title {
  display: block;
  overflow: hidden;
  max-width: 95%;
  margin-bottom: 10px;
  padding-top: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.25em;
  line-height: 1.4;
}

.cover-thumbnail-2 ul li .excerpt {
  display: block;
  overflow: hidden;
  max-width: 95%;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  font-size: 0.875em;
  line-height: 1.5rem;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.cover-thumbnail-2 ul li .meta {
  display: block;
  font-size: 0.75em;
  color: #999;
}

.cover-thumbnail-2 ul li .meta span:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 0 8px 0 5px;
  background-color: #d2d2d2;
  vertical-align: middle;
}

.cover-thumbnail-2 ul li .meta span:first-child:before {
  content: none;
}

.cover-thumbnail-2 .more {
  display: block;
  width: 100%;
  margin-top: 28px;
  padding: 12px 0 11px;
  border: 1px solid #eee;
  text-align: center;
  font-size: 0.875em;
  color: #999;
}

.cover-thumbnail-3 {
  position: relative;
  margin-bottom: 77px;
}

.cover-thumbnail-3 h2 {
  margin-bottom: 19px;
  font-weight: 500;
  font-size: 1em;
  color: #555;
}

.cover-thumbnail-3 ul {
  position: relative;
  display: inline-block;
  width: 103.378378378378378%;
  margin-left: -3.378378378378378%;
  margin-bottom: -25px;
  vertical-align: top;
}

.cover-thumbnail-3 ul li {
  float: left;
  width: 20%;
  margin-bottom: 22px;
  padding-left: 3.26797385620915%;
  box-sizing: border-box;
}

.cover-thumbnail-3 ul li a {
  display: block;
  text-decoration: none;
}

.cover-thumbnail-3 ul li a:hover .title,
.cover-thumbnail-3 ul li a:focus .title {
  text-decoration: underline;
}

.cover-thumbnail-3 ul li figure {
  display: block;
  width: 100%;
  height: 0;
  margin-bottom: 11px;
  padding-bottom: 129.6875%;
  background-color: #f8f8f8;
}

.cover-thumbnail-3 ul li figure img {
  width: 100%;
  height: auto;
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
}

.cover-thumbnail-3 ul li .title {
  display: block;
  overflow: hidden;
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8125em;
  line-height: 1.4;
}

.cover-thumbnail-3 button {
  position: absolute;
  top: -1px;
  width: 24px;
  height: 24px;
  border: 1px solid #eee;
  border-radius: 50%;
  background: url(./images/ico_package.png) no-repeat 0 -50px;
  text-indent: -999em;
  outline: none;
}

.cover-thumbnail-3 .prev {
  right: 30px;
}

.cover-thumbnail-3 .next {
  right: 0;
  background-position-x: -50px;
}

.cover-thumbnail-3 button:focus,
.cover-thumbnail-3 button:hover {
  background-color: #757575;
  background-position-y: -74px;
}

.cover-thumbnail-4 {
  position: relative;
  margin-bottom: 17px;
}

.cover-thumbnail-4 h2 {
  margin-bottom: 19px;
  font-weight: 500;
  font-size: 1em;
  color: #555;
}

.cover-thumbnail-4 ul {
  position: relative;
  display: inline-block;
  width: 103.378378378378378%;
  margin-left: -3.378378378378378%;
  vertical-align: top;
}

.cover-thumbnail-4 ul li {
  float: left;
  width: 33.333333333333333%;
  min-height: 283px;
  padding-left: 3.26797385620915%;
  margin: 0 0 55px;
  box-sizing: border-box;
}

.cover-thumbnail-4 ul li a {
  display: block;
  text-decoration: none;
}

.cover-thumbnail-4 ul li a:hover .title,
.cover-thumbnail-4 ul li a:focus .title {
  text-decoration: underline;
}

.cover-thumbnail-4 ul li figure {
  display: block;
  width: 100%;
  height: 0;
  margin-bottom: 5px;
  padding-bottom: 60.869565217391304%;
  background-color: #f8f8f8;
}

.cover-thumbnail-4 ul li figure img {
  width: 100%;
  height: auto;
}

.cover-thumbnail-4 ul li .title {
  display: block;
  overflow: hidden;
  max-width: 95%;
  margin-bottom: 4px;
  padding-top: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}

.cover-thumbnail-4 ul li .excerpt {
  display: block;
  overflow: hidden;
  max-width: 95%;
  margin-bottom: 15px;
  text-overflow: ellipsis;
  font-size: 0.8125em;
  line-height: 1.5rem;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.cover-thumbnail-4 ul li .meta {
  display: block;
  font-size: 0.75em;
  color: #999;
}

.cover-thumbnail-4 ul li .meta span:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 7px 8px 9px 5px;
  background-color: #d2d2d2;
  vertical-align: top;
}

.cover-thumbnail-4 ul li .meta span:first-child:before {
  content: none;
}

.cover-thumbnail-4 button {
  position: absolute;
  top: -1px;
  width: 24px;
  height: 24px;
  border: 1px solid #eee;
  border-radius: 50%;
  background: url(./images/ico_package.png) no-repeat 0 -50px;
  text-indent: -999em;
  outline: none;
}

.cover-thumbnail-4 .prev {
  right: 30px;
}

.cover-thumbnail-4 .next {
  right: 0;
  background-position-x: -50px;
}

.cover-thumbnail-4 button:focus,
.cover-thumbnail-4 button:hover {
  background-color: #757575;
  background-position-y: -74px;
}

.cover-list {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 42px;
}

.cover-list h2 {
  margin-bottom: 35px;
  padding-bottom: 19px;
  border-bottom: 1px solid #eee;
  font-weight: 500;
  font-size: 1em;
  color: #555;
}

.cover-list ul li {
  overflow: hidden;
  margin-bottom: 33px;
}

.cover-list ul li a {
  display: block;
  text-decoration: none;
}

.cover-list ul li a:hover .title,
.cover-list ul li a:focus .title {
  text-decoration: underline;
}

.cover-list ul li .title {
  display: block;
  overflow: hidden;
  max-width: 95%;
  margin-bottom: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.25em;
  line-height: 1.4;
}

.cover-list ul li .excerpt {
  display: block;
  overflow: hidden;
  max-width: 95%;
  margin-bottom: 18px;
  text-overflow: ellipsis;
  font-size: 0.875em;
  line-height: 1.5rem;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.cover-list ul li .date {
  display: block;
  font-size: 0.75em;
  color: #999;
}

.cover-list .more {
  position: absolute;
  top: 4px;
  right: 0;
  font-weight: 300;
  font-size: 0.875em;
  color: #999;
}

.cover-event {
  margin-bottom: 57px;
}

.cover-event h2 {
  margin-bottom: 19px;
  font-weight: 500;
  font-size: 1em;
  color: #555;
}

.cover-event ul {
  display: inline-block;
  width: 102.702702702702703%;
  margin-left: -2.702702702702703%;
  vertical-align: top;
}

.cover-event ul li {
  float: left;
  width: 50%;
  padding-left: 2.631578947368421%;
  margin: 0 0 20px;
  box-sizing: border-box;
}

.cover-event ul li a {
  position: relative;
  display: block;
  padding-bottom: 33.333333333333333%;
  border: 1px solid #eee;
  background-color: #757575;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  text-decoration: none;
  color: #555;
}

.cover-event ul li a:hover,
.cover-event ul li a:focus {
  color: #333;
}

.cover-event ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}

.cover-event ul li .title {
  position: absolute;
  top: 15%;
  left: 24px;
  z-index: 30;
  overflow: hidden;
  max-width: 60%;
  margin-bottom: 7px;
  padding-top: 9px;
  text-overflow: ellipsis;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
}

.cover-event ul li .more {
  position: absolute;
  bottom: 20.833333333333333%;
  left: 24px;
  z-index: 30;
  text-decoration: underline;
  font-size: 0.875em;
  color: rgba(255, 255, 255, 0.6);
}

.post-cover {
  position: relative;
  z-index: 20;
  display: table;
  width: 100%;
  height: 340px;
  background-color: #cbcbcb;
  background-position: 50% 50%;
  background-size: cover;
  box-sizing: border-box;
}

.post-cover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}

.post-cover .inner {
  display: table-cell;
  position: relative;
  z-index: 10;
  vertical-align: bottom;
  padding-bottom: 78px;
}

.post-cover .category {
  display: block;
  max-width: 1080px;
  margin: 0 auto 13px;
  font-size: 0.875em;
  color: #fff;
}

.post-cover h1 {
  max-width: 1080px;
  margin: 0 auto;
  font-weight: 300;
  font-size: 2.125em;
  line-height: 1.2352;
  color: #fff;
}

.post-cover a {
  text-decoration: none;
  color: #fff;
}

.post-cover .meta {
  display: block;
  max-width: 1080px;
  margin: 34px auto 0;
  font-size: 0.875em;
  color: rgba(255, 255, 255, 0.6);
}

.post-cover .meta a {
  color: rgba(255, 255, 255, 0.6);
}

.post-cover .meta a:before,
.post-cover .meta span:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 0 8px 0 4px;
  background-color: rgba(255, 255, 255, 0.6);
  vertical-align: middle;
}

.post-cover .meta span:first-child:before {
  content: none;
}

.post-header {
  padding-top: 4px;
}

.post-header h1 {
  margin-bottom: 18px;
  font-size: 1em;
  line-height: 1.375;
}

#tt-body-archive .post-header span:before {
  content: "'";
}

#tt-body-archive .post-header span:after {
  content: "' 에 등록된 글";
}

#tt-body-tag .post-header span:before {
  content: "#";
}

#tt-body-search .post-header span:before {
  content: "'";
}

#tt-body-search .post-header span:after {
  content: "'의 검색결과";
}

.post-header h1 em {
  margin-left: 7px;
  font-style: normal;
  color: #04beb8;
}

.post-item {
  float: left;
  width: 31.081081081081081%;
  margin: 0 0 58px 3.378378378378378%;
}

.post-item:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.post-item a {
  display: block;
  text-decoration: none;
}

.post-item a:hover .title,
.post-item a:focus .title {
  text-decoration: underline;
}

.post-item .thum {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  margin-bottom: 5px;
  padding-bottom: 60.869565217391304%;
  background-color: #f8f8f8;
}

.post-item .thum img {
  width: 100%;
  height: auto;
  transform: translateY(-25%);
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
}

.post-item .title {
  display: block;
  overflow: hidden;
  max-width: 98%;
  margin-bottom: 4px;
  padding-top: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}

.post-item .excerpt {
  display: block;
  overflow: hidden;
  max-width: 95%;
  margin-bottom: 15px;
  text-overflow: ellipsis;
  font-size: 0.8125em;
  line-height: 1.5rem;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.post-item .meta {
  display: block;
  font-size: 0.75em;
  color: #999;
}

.post-item .meta span:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 0 8px 0 5px;
  background-color: #d2d2d2;
  vertical-align: middle;
}

.post-item .meta span:first-child:before {
  content: none;
}

.post-item.protected .thum:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 47px;
  margin: -24px 0 0 -17px;
  background: url(./images/ico_package.png) no-repeat 0 -120px;
  background-size: 120px auto;
}

.not-found {
  display: block;
  width: 100%;
  margin-bottom: 35px;
}

.not-found li {
  position: relative;
  padding-left: 10px;
  font-size: 0.9375em;
  line-height: 2;
  color: #999;
}

.not-found li:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.not-found .tag,
.not-found .category,
.not-found .archive {
  display: none;
}

#tt-body-tag .not-found ul,
#tt-body-category .not-found ul,
#tt-body-archive .not-found ul {
  display: none;
}

#tt-body-tag .not-found .tag,
#tt-body-category .not-found .category,
#tt-body-archive .not-found .archive {
  display: block;
}

.pagination {
  margin-bottom: 60px;
  text-align: center;
}

.pagination a {
  display: inline-block;
  margin: 0 12px;
  font-size: 0.875em;
  line-height: 1.5rem;
  vertical-align: top;
  color: #999;
}

.pagination .selected {
  color: #333;
}

.pagination .prev,
.pagination .next {
  width: 22px;
  height: 22px;
  border: 1px solid #eee;
  border-radius: 50%;
  background: url(./images/ico_package.png) no-repeat 0 -50px;
  text-indent: -999em;
}

.pagination .next {
  background-position-x: -50px;
}

.pagination .view-more {
  display: block;
  margin: 0;
  padding: 12px 0 11px;
  border: 1px solid #eee;
  text-align: center;
  font-size: 0.875em;
  color: #999;
}

.tags {
  margin-bottom: 45px;
  font-size: 0;
}

.tags:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

.tags h2 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 16px;
}

.tags a {
  display: inline-block;
  margin: 0 8px 12px 0;
  padding: 0 17px;
  border: 1px solid #eee;
  border-radius: 32px;
  font-size: 14px;
  line-height: 30px;
  vertical-align: middle;
  color: #555;
}

.tags a:hover,
.tags a:focus {
  color: #333;
}

.page-nav {
  margin: 52px 0 60px 0;
  padding: 23px 0 20px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.page-nav a {
  display: block;
  overflow: hidden;
  padding-left: 58px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875em;
  line-height: 2.125rem;
  color: #555;
}

.page-nav a:hover,
.page-nav a:focus {
  color: #333;
}

.page-nav a strong {
  float: left;
  width: 58px;
  margin-left: -58px;
  font-weight: 400;
  color: #999;
}

.page-nav a strong:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 5px;
  margin: 0 8px;
  background: url(./images/ico_package.png) no-repeat -150px -50px;
  vertical-align: middle;
}

.related-articles {
  margin-bottom: 55px;
}

.related-articles h2 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 1em;
}

.related-articles ul {
  display: inline-block;
  width: 101.621621621621622%;
  margin-left: -1.621621621621622%;
  vertical-align: top;
}

.related-articles ul li {
  float: left;
  width: 25%;
  padding-left: 1.621621621621622%;
  box-sizing: border-box;
}

.related-articles ul li:first-child {
  margin-left: 0;
}

.related-articles ul li a {
  color: #555;
}

.related-articles ul li a:hover,
.related-articles ul li a:focus {
  color: #333;
}

.related-articles ul li figure {
  display: block;
  width: 100%;
  height: 0;
  margin-bottom: 9px;
  padding-bottom: 68.181818181818182%;
  background-color: #f8f8f8;
}

.related-articles ul li figure img {
  width: 100%;
  height: auto;
}

.related-articles ul li .title {
  display: block;
  overflow: hidden;
  max-width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875em;
  line-height: 1.4;
}

/* Entry Content */
.entry-content h1 {
  clear: both;
  margin: 29px 0 22px;
  font-size: 1.6875em;
  line-height: 1.5;
  color: #000;
}

.entry-content h2 {
  clear: both;
  margin: 29px 0 22px;
  font-size: 1.5em;
  line-height: 1.5;
  color: #000;
}

.entry-content h3 {
  clear: both;
  margin: 29px 0 22px;
  font-size: 1.3125em;
  line-height: 1.5;
  color: #000;
}

.entry-content h4 {
  clear: both;
  margin: 29px 0 22px;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.5;
  color: #000;
}

.entry-content p {
  word-break: break-word;
}

.entry-content p img {
  max-width: 100%;
  height: auto;
}

.entry-content hr {
  display: block;
  height: 0;
  border: 0;
  border-bottom: 1px solid #000;
}

.entry-content pre {
  word-break: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.entry-content ul {
  list-style: disc;
  margin-bottom: 22px;
  padding: revert;
}

.entry-content ul li {
  position: relative;
  margin-bottom: 10px;
  list-style: inherit;
}

.entry-content ol {
  list-style: decimal inside;
  margin-bottom: 22px;
}

.entry-content ol li {
  position: relative;
  margin-bottom: 10px;
  text-indent: -15px;
  list-style: inherit;
}

.entry-content img.alignleft {
  float: left;
  margin: 0 22px 22px 0;
}

.entry-content img.aligncenter {
  display: block;
  margin: 0 auto 22px;
}

.entry-content img.alignright {
  float: right;
  margin: 0 0 22px 22px;
}

.entry-content blockquote {
  margin-bottom: 40px;
  padding: 16px 20px;
  border-left: 4px solid #e6e6e6;
}

.entry-content blockquote p {
  margin: 22px 0 0;
}

.entry-content blockquote p:first-child {
  margin-top: 0;
}

.entry-content input {
  height: 36px;
  padding: 0 10px;
  border: 1px solid #e6e6e6;
  font-size: 0.875em;
  line-height: 1.25;
  color: #666;
  box-sizing: border-box;
  vertical-align: middle;
}

.entry-content .entry-content .protected_form {
  margin-bottom: 40px;
  padding: 120px 0 200px;
  border-bottom: 1px solid #7a583a;
  text-align: center;
}

.entry-content .entry-content .protected_form input {
  width: 200px;
  margin-bottom: 10px;
  vertical-align: top;
}

.entry-content .cap1 {
  text-align: center;
  font-size: 0.875em;
  font-style: italic;
}

.entry-content .iframe-wrap {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.entry-content .iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.entry-content .protected_form {
  display: block;
  width: 100%;
  padding: 98px 0 120px;
  text-align: center;
}

.entry-content .protected_form h2 {
  margin: 0 0 8px;
  font-weight: 600;
  font-size: 1.625em;
  line-height: 2.125rem;
  color: #555;
}

.entry-content .protected_form p {
  margin-bottom: 34px;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.75;
  color: #999;
}

.entry-content .protected_form input {
  width: 183px;
  padding: 0 23px;
  border: 1px solid #eee;
  font-size: 0.9125em;
  line-height: 2.125rem;
}

.entry-content .protected_form input:focus {
  border-color: #484848;
}

.entry-content .protected_form .btn {
  margin-left: 5px;
}

/* Comment */
.comments {
  margin-bottom: 60px;
}

.comments h2 {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 1em;
}

.comments h2 .count {
  margin-left: 4px;
  color: #04beb8;
}

.comment-list {
  margin-bottom: 60px;
  border-top: 1px solid #eee;
}

.comment-list ul li {
  display: inline-block;
  width: 100%;
  padding: 32px 0 28px;
  border-bottom: 1px solid #eee;
  vertical-align: top;
  box-sizing: border-box;
}

.comment-list .tt_more_preview_comments_wrap {
  padding: 0;
  border: 0;
}

.comment-list .tt_more_preview_comments_text {
  display: block;
  margin: -1px 0 0;
  padding: 12px 0 11px;
  border: 1px solid #eee;
  text-align: center;
  font-size: 0.875em;
  color: #999;
}

.comment-list .tt_more_preview_comments_text:hover {
  text-decoration: underline;
}

.comment-list ul li .author-meta {
  position: relative;
  margin-bottom: 7px;
  padding: 2px 0 0 60px;
  font-size: 0.8125em;
  color: #999;
}

.comment-list ul li .author-meta a {
  color: #999;
}

.comment-list ul li .author-meta a:before,
.comment-list ul li .author-meta span:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: 0 7px 0 5px;
  background-color: #e3e3e3;
  vertical-align: middle;
}

.comment-list ul li .author-meta .nickname {
  font-weight: 700;
  color: #555;
}

.comment-list ul li .author-meta .nickname a {
  color: #555;
}

.comment-list ul li .author-meta .avatar {
  float: left;
  width: 46px;
  margin: -2px 0 0 -60px;
  border: 1px solid #eee;
  border-radius: 50%;
}

.comment-list ul li .author-meta .control {
  position: absolute;
  top: 0;
  right: -9px;
  border-bottom: 0;
}

.comment-list ul li .author-meta .control button {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(./images/ico_package.png) no-repeat -141px 5px;
  text-indent: -999em;
}

.comment-list ul li .author-meta .control .link {
  display: none;
  position: absolute;
  top: 100%;
  left: -65px;
  width: 70px;
  text-align: center;
}

.comment-list ul li .author-meta .control .link a {
  display: block;
  margin-top: -1px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  text-decoration: none;
  font-size: 0.875em;
  line-height: 1.5rem;
  color: #333;
}

.comment-list ul li .author-meta .control .link a:focus,
.comment-list ul li .author-meta .control .link a:hover {
  background-color: #fafafa;
  color: #222;
}

.comment-list ul li .author-meta .nickname:before,
.comment-list ul li .author-meta .nickname a:before,
.comment-list ul li .author-meta .control:before,
.comment-list ul li .author-meta .control a:before {
  content: none;
}

.comment-list ul li p {
  max-width: 85%;
  padding: 0 0 0 60px;
  font-size: 0.875em;
  line-height: 1.3125rem;
  color: #777;
  box-sizing: border-box;
}

.comment-list ul li .reply {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.8125rem;
  color: #999;
}

.comment-list ul li ul {
  margin: 28px 0 -32px 0;
  padding: 26px 0 21px;
  border-top: 1px solid #eee;
  background-color: #fafafa;
}

.comment-list ul li ul li {
  padding: 14px 0 15px 60px;
  border-bottom: 0;
}

.comment-list ul li ul li .author-meta {
  margin-bottom: 8px;
}

.comment-list ul li ul li .author-meta .control {
  right: 15px;
}

.comment-list ul li ul li .author-meta .avatar {
  width: 42px;
}

.comment-list ul li ul li p {
  max-width: 80%;
}

.comment-list ul li ul .tt_more_preview_comments_wrap {
  display: block;
}

.comment-list ul li ul .tt_more_preview_comments_text {
  margin-bottom: 16px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.comment-list ul li ul .tt_more_preview_comments_text:first-child {
  margin-top: -24px;
  padding: 12px 0 11px;
}

.comment-form {
  position: relative;
  margin-bottom: 60px;
}

.comment-form .field {
  overflow: hidden;
  margin-bottom: -1px;
  border: 1px solid #eee;
}

.comment-form .field input[type=text],
.comment-form .field input[type=password] {
  float: left;
  width: 50%;
  padding: 12px 16px;
  border: 0;
  border-left: 1px solid #eee;
  font-size: 0.875em;
  color: #777;
  box-sizing: border-box;
}

.comment-form .field input:first-child {
  border-left: 0;
}

.comment-form textarea {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 16px 100px 16px 16px;
  border: 1px solid #eee;
  font-size: 0.875em;
  color: #777;
  box-sizing: border-box;
  resize: none;
}

.comment-form input::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder {
  color: #999;
}

.comment-form .secret {
  position: absolute;
  left: 0;
  bottom: 8px;
}

.comment-form .secret input {
  display: none;
}

.comment-form .secret label {
  display: inline-block;
  font-size: 0.8125em;
  line-height: 1.25rem;
  color: #666;
  outline: none;
  cursor: pointer;
}

.comment-form .secret label:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 18px;
  margin-right: 12px;
  border: 1px solid #e1e1e1;
  vertical-align: top;
  background-color: #fff;
}

.comment-form .secret input[type=checkbox]:checked+label:before {
  background: url(./images/ico_package.png) no-repeat -47px 4px;
}

.comment-form .submit {
  text-align: right;
}

.comment-form .submit button {
  background-color: #333;
  color: #fff;
}

.comment-form .submit button:hover,
.comment-form .submit button:focus {
  background-color: #04beb8;
}

/* Aside(sidebar) */
.sidebar h2 {
  margin-bottom: 7px;
  font-weight: 500;
  font-size: 0.875em;
  color: #555;
}

.sidebar ul li {
  padding: 4px 0 5px;
  font-size: 0.8125em;
  line-height: 1.25rem;
  color: #777;
}

.sidebar ul li a {
  color: #777;
}

.sidebar ul li a:hover {
  color: #333;
}

.sidebar .sidebar-2 {
  margin-top: 38px;
  padding-top: 46px;
  border-top: 1px solid #eee;
}

.sidebar .category {
  margin-bottom: 36px;
}

.sidebar .category ul li {
  padding: 0;
  font-size: 0.875em;
  font-weight: 600;
}

.sidebar .category ul li a {
  color: #555;
}

.sidebar .category ul li a:hover {
  color: #333;
}

.sidebar .category ul li ul {
  padding-top: 8px;
}

.sidebar .category ul li ul li {
  padding: 6px 0 7px;
  font-weight: 400;
  font-size: 1em;
}

.sidebar .category ul li ul li ul {
  overflow: hidden;
  margin-bottom: -4px;
  padding-top: 6px;
}

.sidebar .category ul li ul li ul li {
  position: relative;
  padding: 3px 0 3px 9px;
  /* border-left: 2px solid #eee; */
  font-size: 0.8125rem;
}

.sidebar .category ul li ul li ul li:before {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #eee;
}

.sidebar .category ul li ul li ul li:first-child:before {
  top: 7px;
  bottom: auto;
}

.sidebar .category ul li ul li ul li a {
  color: #999;
}

.sidebar .notice {
  margin-bottom: 37px;
}

.sidebar .recent-comment {
  margin-bottom: 36px;
}

.sidebar .recent-comment ul li a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sidebar .post-list {
  margin-bottom: 46px;
}

.sidebar .post-list h2 {
  margin-bottom: 12px;
}

.sidebar .post-list ul li {
  overflow: hidden;
  margin-bottom: 18px;
  padding: 0;
}

.sidebar .post-list ul li img {
  float: right;
  width: 58px;
  height: 58px;
  margin: 2px 0 0 20px;
}

.sidebar .post-list ul li a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.sidebar .post-list ul li a:hover .title {
  text-decoration: underline;
}

.sidebar .post-list ul li .title {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sidebar .post-list ul li .date {
  display: block;
  margin-top: 6px;
  font-size: 0.75rem;
  line-height: 1;
}

.sidebar .social-list {
  margin-bottom: 46px;
}

.sidebar .social-list h2 {
  margin-bottom: 18px;
}

.sidebar .social-list .tab-list {
  overflow: hidden;
  width: 100%;
}

.sidebar .social-list ul li {
  margin-bottom: 15px;
  padding: 0 0 0 48px;
}

.sidebar .social-list ul li a {
  display: block;
  text-decoration: none;
}

.sidebar .social-list ul li a:hover .text {
  text-decoration: underline;
}

.sidebar .social-list ul li .avatar {
  float: left;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-left: -48px;
  border-radius: 50%;
}

.sidebar .social-list ul li .title {
  display: block;
}

.sidebar .social-list ul li .date {
  display: block;
  margin-top: 6px;
  font-size: 0.75rem;
  color: #777;
}

#aside .tags {
  margin: 0 0 41px;
  padding: 0;
  font-size: 1em;
}

#aside .tags h2 {
  margin-bottom: 8px;
  font-size: 0.875em;
}

#aside .tags a {
  float: none;
  margin: 0 4px 0 0;
  padding: 0;
  border: 0;
  font-size: 0.8125em;
  line-height: 2;
  color: #555;
}

#aside .tags a:after {
  content: ", ";
}

#aside .tags a:last-child:after {
  content: none;
}

#aside .tags a:hover,
#aside .tags a:focus {
  color: #333;
}

.sidebar .count {
  margin-bottom: 46px;
}

.sidebar .count h2 {
  margin-bottom: 3px;
}

.sidebar .count h2:before {
  content: "";
  display: block;
  width: 17px;
  height: 1px;
  margin-bottom: 18px;
  background-color: #555;
}

.sidebar .count p {
  margin-bottom: 6px;
  font-size: 0.8125em;
  color: #777;
}

.sidebar .count .total {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 1.875em;
  color: #555;
}

.sidebar .social-channel {
  margin-bottom: 48px;
}

.sidebar .social-channel ul {
  overflow: hidden;
  width: 100%;
}

.sidebar .social-channel ul li {
  float: left;
  margin-left: 10px;
  padding: 0;
}

.sidebar .social-channel ul li:first-child {
  margin-left: 0;
}

.sidebar .social-channel ul li a {
  display: block;
  width: 34px;
  height: 34px;
  border: 1px solid #eee;
  border-radius: 50%;
  text-indent: -999em;
  background: url(./images/ico_package.png) no-repeat 0 -100px;
}

.sidebar .social-channel ul li.youtube a {
  background-position-x: -50px;
}

.sidebar .social-channel ul li.instagram a {
  background-position-x: -100px;
}

.sidebar .social-channel ul li.twitter a {
  background-position-x: -150px;
}

.sidebar .social-channel ul li a:focus,
.sidebar .social-channel ul li a:hover {
  background-color: #757575;
  background-position-y: -150px;
}

.sidebar .tab-ui h2 a {
  color: #999;
}

.sidebar .tab-ui h2 a.current {
  color: #555;
}

.sidebar .tab-ui h2 a:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 5px;
  margin: 0 10px;
  vertical-align: middle;
  background: url(./images/ico_package.png) no-repeat -100px -50px;
}

.sidebar .tab-ui h2 a:first-child:before {
  content: none;
}

/* ETC */
#dimmed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.mobile-menu {
  overflow: hidden;
  height: 100%;
}

.slide-wrap {
  overflow: hidden;
}

/* Overwrite */
#content .another_category {
  margin: 60px 0 57px !important;
  padding: 16px 20px 14px;
}

#content .another_category h4 {
  margin: 0 0 13px !important;
  ;
  padding: 0 !important;
  border-bottom: 0 !important;
  font-size: 0.875em !important;
}

#content .another_category table {
  margin: 0 !important;
  border: 0;
}

#content .another_category th {
  padding: 2px 0 !important;
  font-size: 0.875rem !important;
}

#content .another_category th a.current {
  text-decoration: underline !important;
  font-weight: 400;
  color: #333 !important;
  border: 0 !important;
}

#content .another_category td {
  padding: 2px 0 !important;
  border: 0;
  font-size: 0.75rem !important;
}

.container_postbtn {
  margin: 53px 0 55px;
  padding: 0 !important;
}

.absent_post:before {
  content: "죄송합니다만 \A글을 찾지 못했습니다.";
  display: block;
  margin-bottom: 7px;
  font-weight: bold;
  font-size: 1.75em;
  line-height: 1.285714285714286;
  color: #555;
  white-space: pre;
}

.absent_post {
  padding: 98px 0 !important;
  background: none !important;
  font-weight: normal !important;
  font-size: 1em !important;
  line-height: 1.75;
  color: #999 !important;
}

/* Option(Color Type & List Type) */
.layout-aside-left #content {
  float: right;
}

.layout-aside-left #aside {
  float: left;
  margin-left: 0;
  padding: 80px 0;
}

.layout-aside-left #container .content-wrap:before {
  margin-left: -256px;
}

.list-type-vertical .post-item {
  margin-bottom: 38px;
}

.list-type-vertical .post-item .thum {
  margin-bottom: 3px;
  padding-bottom: 130.434782608695652%;
}

.list-type-vertical .post-item .thum img {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
}

.list-type-vertical .post-item .title {
  margin-bottom: 5px;
}

.list-type-vertical .post-item .excerpt,
.list-type-vertical .post-item .meta .comment {
  display: none;
}

.list-type-vertical .post-item .meta span:before {
  content: none;
}

.list-type-thumbnail .post-header {
  margin-bottom: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eee;
}

.list-type-thumbnail .post-header h1 {
  margin-bottom: 0;
}

.list-type-thumbnail .post-item {
  float: none;
  overflow: hidden;
  width: 100%;
  margin: 0 0 28px;
}

.list-type-thumbnail .post-item .thum {
  display: inline;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

.list-type-thumbnail .post-item .thum img {
  float: right;
  width: 126px;
  height: auto;
  margin-left: 57px;
  border: 1px solid #f1f1f1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
}

.list-type-thumbnail .post-item.protected .thum {
  float: right;
  width: 126px;
  height: 166px;
  margin-left: 57px;
  border: 1px solid #f1f1f1;
  background-color: #f8f8f8;
}

.list-type-thumbnail .post-item .title {
  max-width: 95%;
  margin-bottom: 12px;
  padding-top: 7px;
  font-size: 1.25em;
}

.list-type-thumbnail .post-item .excerpt {
  overflow: hidden;
  height: 3.75rem;
  margin-bottom: 20px;
  font-size: 0.875em;
  line-height: 1.25rem;
}

.list-type-thumbnail .post-item .meta .comment {
  display: none;
}

.list-type-thumbnail .post-item .meta span:before {
  content: none;
}

.list-type-text .post-header {
  margin-bottom: 38px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eee;
}

.list-type-text .post-header h1 {
  margin-bottom: 0;
}

.list-type-text .post-item {
  float: none;
  overflow: hidden;
  width: 100%;
  margin: 0 0 35px;
}

.list-type-text .post-item .thum {
  display: none;
}

.list-type-text .post-item .title {
  max-width: 96%;
  margin-bottom: 10px;
  padding-top: 0;
  font-size: 1em;
}

.list-type-text .post-item .excerpt {
  max-width: 96%;
  margin-bottom: 20px;
  font-size: 0.875em;
  line-height: 1.25rem;
}

.list-type-text .post-item .meta .comment {
  display: none;
}

.list-type-text .post-item .meta span:before {
  content: none;
}

.list-type-text .pagination {
  margin-top: 36px;
}

/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {

  #header .util .search:before,
  #header .util .search button,
  #footer .page-top,
  .cover-thumbnail-3 button,
  .cover-thumbnail-4 button,
  .page-nav a strong:after,
  .entry-content .protected_form h2:before,
  .comment-list ul li .author-meta .control button,
  .comment-form .secret input[type=checkbox]:checked+label:before,
  .sidebar .social-channel ul li a,
  .sidebar .tab-ui h2 a:before {
    background-image: url(./images/ico_package_2x.png);
    background-size: 200px auto;
  }

  .post-item.protected .thum:before {
    background-image: url(./images/ico_package_2x.png);
    background-size: 120px auto;
  }
}

/* Media Screen */
@media screen and (max-width:1080px) {

  #header h1,
  #footer {
    padding-left: 24px;
    padding-right: 24px;
  }

  #header .util {
    right: 24px;
  }

  #header .util .profile nav {
    left: auto;
    right: 0;
    margin: 0;
  }

  #gnb ul {
    margin-left: -6px;
  }

  #container .content-wrap:before {
    left: 72.7%;
    margin-left: 0;
  }

  .layout-aside-left #container .content-wrap:before {
    left: 27.3%;
    margin-left: 0;
  }

  .main-slider .paging {
    left: auto;
    right: 20px;
    margin-left: 0;
  }

  .cover-event ul li .title {
    -webkit-line-clamp: 1;
  }

  .post-cover {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width:767px) {
  #header h1 {
    position: relative;
    z-index: 10;
    padding: 24px;
    background-color: #fff;
  }

  #header .util {
    top: 0;
    right: 0;
    width: 100%;
    padding: 24px 68px 24px 24px;
    box-sizing: border-box;
  }

  #header .util .search {
    float: right;
  }

  #header .util .search.on {
    z-index: 20;
    width: 100%;
  }

  #header .util .search.on input {
    float: right;
    width: 100%;
  }

  #header .util .profile {
    display: none;
  }

  #header .util .menu {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 300;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 50%;
    text-indent: -999em;
    outline: none;
  }

  #header .util .menu span,
  #header .util .menu:before,
  #header .util .menu:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 1px;
    margin: 0 0 0 -8px;
    background-color: #7f7f7f;
    transition: transform .5s;
    -webkit-transition: transform .5s;
  }

  #header .util .menu:before {
    margin-top: -6px;
  }

  #header .util .menu:after {
    margin-top: 6px;
  }

  #gnb {
    height: 69px;
  }

  #gnb ul {
    margin-left: 0;
  }

  #gnb ul li {
    padding: 0 24px;
  }

  #gnb ul li a {
    padding: 25px 0 24px;
  }

  #container .content-wrap {
    padding: 0;
  }

  #container .content-wrap:before {
    content: none;
  }

  #content {
    float: none;
    width: auto;
    padding: 34px 24px 40px;
  }

  #aside {
    position: fixed;
    top: 0;
    right: -278px;
    z-index: 400;
    float: none;
    overflow: auto;
    width: 278px;
    height: 100%;
    padding: 94px 24px 40px;
    background-color: #fff;
    box-sizing: border-box;
    transition: left .5s;
    -webkit-transition: right .5s;
  }

  #aside .close {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 300;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 50%;
    text-indent: -999em;
    outline: none;
  }

  #aside .close span {
    display: none;
  }

  #aside .close:before,
  #aside .close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 1px;
    margin: 0 0 0 -8px;
    background-color: #7f7f7f;
  }

  #aside .close:before {
    transform: rotate(-45deg);
  }

  #aside .close:after {
    transform: rotate(45deg);
  }

  #aside .profile {
    display: block;
    position: relative;
    margin-bottom: -40px;
  }

  #aside .profile:before {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    z-index: 0;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    background-color: #f5f5f5;
  }

  #aside .profile ul {
    position: relative;
    z-index: 10;
    text-align: center;
  }

  #aside .profile ul li {
    display: inline-block;
    padding: 16px 0 18px;
    font-size: 0.875em;
    color: #555;
    vertical-align: middle;
  }

  #aside .profile ul li a {
    display: inline-block;
    vertical-align: middle;
  }

  #aside .profile ul li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 7px;
    margin: 0 20px 0 16px;
    background: url(./images/ico_package_2x.png) -100px -50px;
    background-size: 200px auto;
    vertical-align: middle;
  }

  #aside .profile ul li:first-child:before {
    content: none;
  }

  #footer {
    padding: 32px 24px 26px;
  }

  #footer p {
    margin-bottom: 11px;
    font-size: 0.8125em;
  }

  #footer .order-menu {
    margin-bottom: 29px;
  }

  #footer .order-menu a {
    display: block;
    margin-bottom: 0;
    line-height: 1.75rem;
  }

  #footer .order-menu a:before {
    content: none;
  }

  #tt-body-index #content {
    padding: 0;
  }

  #tt-body-index #content>.inner {
    padding: 0 24px;
  }

  #tt-body-index #content>.inner:first-child {
    padding-top: 40px;
  }

  #tt-body-index.list-type-text #content>.inner:first-child {
    padding-top: 36px;
  }

  #tt-body-index .pagination {
    margin: 0 20px 40px;
  }

  #tt-body-page #content {
    padding-left: 0;
    padding-right: 0;
  }

  #tt-body-tag .tags,
  #tt-body-guestbook #content {
    padding-left: 0;
    padding-right: 0;
  }

  #tt-body-guestbook .post-header {
    margin: 0 24px 28px;
  }

  .layout-aside-left #aside {
    padding: 80px 20px 40px;
  }

  .mobile-menu #aside {
    right: 0;
  }

  .main-slider ul li {
    height: 400px;
  }

  .main-slider ul li .inner {
    padding-bottom: 40px;
    vertical-align: bottom;
  }

  .main-slider ul li .text {
    max-width: 100%;
    font-weight: 300;
    font-size: 1.75em;
    line-height: 2.25rem;
    -webkit-line-clamp: 3;
  }

  .main-slider ul li .btn {
    margin-top: 15px;
  }

  .main-slider .paging {
    top: 40px;
    left: 0;
    right: auto;
    bottom: 20px;
    width: 100%;
    height: 8px;
    padding: 0 19px;
    text-align: left;
    box-sizing: border-box;
  }

  .main-slider .paging button {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
  }

  .cover-thumbnail-1 {
    margin-bottom: 40px;
    padding: 36px 24px 7px;
    border-top: 8px solid #f5f5f5;
  }

  .cover-thumbnail-1 h2 {
    font-weight: 600;
  }

  .cover-thumbnail-1 .more {
    top: 40px;
    right: 24px;
  }

  .cover-thumbnail-1 ul {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: -39px;
  }

  .cover-thumbnail-1 ul li {
    float: none;
    width: 100%;
    margin-bottom: 30px;
    padding-left: 0;
  }

  .cover-thumbnail-1 ul li .title {
    margin-bottom: 4px;
  }

  .cover-thumbnail-2 {
    width: auto;
    margin: 0;
    padding: 37px 24px 38px;
    border-top: 8px solid #f5f5f5;
  }

  .cover-thumbnail-2 h2 {
    font-weight: 600;
  }

  .cover-thumbnail-2 ul li figure {
    width: 98px;
    margin-left: 24px;
  }

  .cover-thumbnail-2 ul li .title {
    margin-bottom: 7px;
    padding-top: 3px;
    font-size: 1.125em;
  }

  .cover-thumbnail-2 ul li .excerpt {
    margin-bottom: 9px;
  }

  .cover-thumbnail-3 {
    width: auto;
    margin: 0;
    padding: 37px 24px 15px;
    border-top: 8px solid #f5f5f5;
  }

  .cover-thumbnail-3 h2 {
    font-weight: 600;
  }

  .cover-thumbnail-3 .prev {
    top: 37px;
    right: 54px;
  }

  .cover-thumbnail-3 .next {
    top: 37px;
    right: 24px;
  }

  .cover-thumbnail-3 ul {
    display: block;
    width: auto;
    margin-left: -16px;
  }

  .cover-thumbnail-3 ul li {
    width: 50%;
    padding-left: 16px;
    box-sizing: border-box;
  }

  .cover-thumbnail-4 {
    width: auto;
    margin: 0;
    padding: 37px 24px 9px;
    border-top: 8px solid #f5f5f5;
  }

  .cover-thumbnail-4 h2 {
    font-weight: 600;
  }

  .cover-thumbnail-4 .prev {
    top: 37px;
    right: 54px;
  }

  .cover-thumbnail-4 .next {
    top: 37px;
    right: 24px;
  }

  .cover-thumbnail-4 ul {
    width: 100%;
    margin-left: 0;
  }

  .cover-thumbnail-4 ul li {
    width: 100%;
    margin-bottom: 27px;
    padding-left: 0;
  }

  .cover-thumbnail-4 ul li figure {
    margin-bottom: 7px;
  }

  .cover-thumbnail-4 ul li .title {
    margin-bottom: 8px;
  }

  .cover-thumbnail-4 ul li .excerpt {
    margin-bottom: 12px;
  }

  .cover-list {
    width: auto;
    margin: 0;
    padding: 37px 24px 12px;
    border-top: 8px solid #f5f5f5;
  }

  .cover-list h2 {
    margin-bottom: 28px;
    font-weight: 600;
  }

  .cover-list .more {
    top: 37px;
    right: 24px
  }

  .cover-list ul li {
    margin-bottom: 26px;
  }

  .cover-list ul li .title {
    margin-bottom: 8px;
    font-size: 1em;
  }

  .cover-list ul li .excerpt {
    margin-bottom: 9px;
    -webkit-line-clamp: 4;
  }

  .cover-event {
    width: auto;
    margin: 0;
    padding: 37px 24px 24px;
    border-top: 8px solid #f5f5f5;
  }

  .cover-event h2 {
    font-weight: 600;
  }

  .cover-event ul {
    display: block;
    width: auto;
    margin-left: 0;
  }

  .cover-event ul li {
    float: none;
    width: auto;
    margin-bottom: 16px;
    padding-left: 0;
  }

  .cover-event ul li a {
    padding-bottom: 43.382352941176471%;
  }

  .cover-event ul li .title {
    -webkit-line-clamp: 3;
  }

  .cover-event ul li .more {
    display: none;
  }

  .cover-thumbnail-1:first-child {
    border-top: 0;
  }

  .post-header {
    padding-top: 2px;
  }

  .post-item {
    float: none;
    ;
    width: auto;
    margin-left: 0;
    margin-bottom: 30px;
  }

  .post-item .thum {
    margin-bottom: 7px;
  }

  .post-item .title {
    margin-bottom: 12px;
  }

  .post-item .excerpt {
    margin-bottom: 12px;
  }

  .pagination {
    margin-bottom: 0;
  }

  .pagination a {
    margin: 0 5px;
  }

  .list-type-vertical .post-item {
    margin-bottom: 30px;
  }

  .list-type-vertical .post-item .title {
    margin-bottom: 7px;
  }

  .list-type-thumbnail .post-item .thum img {
    width: 96px;
    margin-left: 25px;
  }

  .list-type-thumbnail .post-item .title {
    margin-bottom: 9px;
    padding-top: 3px;
    font-size: 1.125em;
  }

  .list-type-thumbnail .post-item .excerpt {
    margin-bottom: 11px;
  }

  .list-type-thumbnail .post-item.protected .thum {
    width: 96px;
    height: 128px;
    margin-left: 25px;
  }

  .list-type-text .post-header {
    margin-bottom: 28px;
  }

  .list-type-text .post-item {
    margin-bottom: 26px;
  }

  .list-type-text .post-item .title {
    margin-bottom: 10px;
  }

  .list-type-text .post-item .excerpt {
    margin-bottom: 12px;
    -webkit-line-clamp: 4;
  }

  .list-type-text .pagination {
    margin-top: 30px;
  }

  .post-cover {
    padding-left: 24px;
    padding-right: 24px;
  }

  .post-cover .inner {
    padding-bottom: 38px;
    vertical-align: bottom;
  }

  .post-cover .inner>h1 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .post-cover .category {
    margin-bottom: 13px;
  }

  .post-cover h1 {
    font-weight: 300;
  }

  .post-cover .meta {
    margin-top: 33px;
    font-size: 0.8125em;
  }

  .entry-content {
    padding: 0 24px;
  }

  .entry-content p {
    margin-bottom: 22px;
    line-height: 1.625rem;
  }

  .entry-content figure {
    margin-top: 6px !important;
  }

  .entry-content .protected_form input {
    width: 163px;
  }

  #content .another_category {
    margin: 40px 0 37px !important;
  }

  .container_postbtn {
    margin: 35px 0 37px;
  }

  .tags {
    margin-bottom: 25px;
    padding: 0 24px;
  }

  .tags h2 {
    margin-bottom: 19px;
  }

  .page-nav {
    margin: 32px 24px 32px;
    padding: 25px 0 25px;
  }

  .page-nav a {
    line-height: 1.6875rem;
  }

  .related-articles {
    margin-bottom: 21px;
    padding: 0 24px;
  }

  .related-articles h2 {
    margin-bottom: 19px;
  }

  .related-articles ul {
    width: 103.571428571428571%;
    margin-left: -3.571428571428571%;
  }

  .related-articles ul li {
    width: 50%;
    margin-bottom: 15px;
    padding-left: 3.448275862068966%;
  }

  .related-articles ul li figure {
    margin-bottom: 9px;
  }

  .related-articles ul li .title {
    height: 2.8em;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .comments {
    margin: 0;
  }

  .comments iframe {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .comments h2 {
    margin: -3px 0 -1px;
    padding: 0 24px;
  }

  .comment-list {
    margin-bottom: 32px;
    border: 0;
  }

  .comment-list>ul>.tt_more_preview_comments_wrap {
    margin-top: 21px;
    padding: 0 24px;
  }

  .comment-list ul li {
    padding: 34px 0 28px;
  }

  .comment-list ul li .author-meta {
    margin-bottom: 6px;
    padding-right: 35px;
  }

  .comment-list ul li .author-meta .avatar {
    width: 30px;
    height: 30px;
    margin-left: -42px;
  }

  .comment-list ul li .author-meta .nickname {
    font-weight: 400;
  }

  .comment-list ul li .author-meta .control {
    top: -2px;
    right: 13px;
  }

  .comment-list ul li .author-meta,
  .comment-list ul li p {
    max-width: none;
    padding: 0 66px;
  }

  .comment-list ul li ul {
    margin-top: 27px;
    padding: 19px 0 12px;
  }

  .comment-list ul li ul li {
    padding: 15px 0 16px;
  }

  .comment-list ul li ul li p {
    max-width: none;
  }

  .comment-list ul li ul li .author-meta {
    margin-bottom: 6px;
  }

  .comment-list ul li ul li .author-meta .avatar {
    width: 30px;
  }

  .comment-form {
    margin-bottom: 40px;
    padding: 0 24px;
  }

  .comment-form textarea {
    padding-right: 32px;
  }

  .comment-form .secret {
    left: 24px;
  }

  .layout-aside-left #content {
    float: none;
  }

  #tt-body-index.promotion-mobile-hide .main-slider {
    display: none;
  }

  #content .another_category th {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}

@media screen and (max-width: 767px) {
  #tt-body-index .post-header {
    padding-top: 36px;
    padding-left: 24px;
  }
}

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


.tt-comment-cont .tt-box-total .tt_txt_g {
  font-size: 14px;
}

.tt-comment-cont .tt-box-total .tt_num_g {
  font-size: 14px;
  color: #777;
}

.tt-comment-cont .tt-wrap-cmt .tt-link-user {
  font-size: 14px;
}

.tt-comment-cont .tt-wrap-cmt .tt_desc {
  font-size: 14px;
  color: #555;
}

.tt-comment-cont .tt-txt-mention {
  color: #555;
}

.tt-comment-cont .tt-btn_register {
  width: 100px;
  height: 36px;
  background-color: #333;
  font-size: 14px;
  color: #fff;
  border-radius: 0;
  border-color: #333;
}

.tt-comment-cont .tt-btn_register:hover {
  background-color: #04BEB8;
  border-color: #04BEB8;
}

.tt-comment-cont .tt-btn_register:focus {
  background-color: #04BEB8;
  border-color: #04BEB8;
}

.my_edit .ico_more {
  fill: #fff !important;
}

@media screen and (max-width: 767px) {
  .tt-comments-wrap {
    padding: 0 24px;
  }
}

/* 전체 공통 */
#article-view {
  margin: 0;
  padding: 20px 20px 50px;
  word-wrap: break-word;
  color: #333;
  min-height: 370px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0;
}

.contents_style>* {
  margin: 20px 0 0 0;
}

/* 텍스트 관련 */
#article-view h2[data-ke-size] {
  font-size: 1.62em;
  line-height: 1.46;
}

#article-view h3[data-ke-size] {
  font-size: 1.44em;
  line-height: 1.48;
}

#article-view h4[data-ke-size] {
  font-size: 1.25em;
  line-height: 1.55;
}

#article-view p[data-ke-size='size18'] {
  font-size: 1.12em;
  line-height: 1.67;
}

#article-view p[data-ke-size='size16'] {
  line-height: 1.75;
}

#article-view p[data-ke-size='size14'] {
  font-size: 0.87em;
  line-height: 1.71;
}

#article-view h2,
#article-view h3,
#article-view h4 {
  font-weight: normal;
  letter-spacing: -1px;
  color: #000;
  margin: 1em 0 20px;
}

#article-view p+p, #article-view p {
  margin-bottom: 30px;
}

#article-view h2+h2,
#article-view h3+h3,
#article-view h4+h4 {
  margin: 0;
}

#article-view h2+h3,
#article-view h2+h4,
#article-view h3+h4 {
  margin-top: 10px;
}

#article-view h2+p,
#article-view h3+p,
#article-view h4+p,
#article-view h5+p,
#article-view h6+p {
  margin-top: 10px;
}

#article-view div[data-ke-type='moreLess'] {
  caret-color: auto;
  background-color: #fafafa;
  padding: 20px 20px 22px;
  margin: 20px 0;
  border: 1px dashed #dddddd;
  color: #333333;
}

#article-view a {
  color: #0070d1;
  text-decoration: underline;
}

#article-view figure[data-ke-type='contentSearch'] a {
  text-decoration: none;
}

/* 인용문 */
#article-view blockquote[data-ke-style='style1'] {
  text-align: center;
  background: url(https://t1.daumcdn.net/keditor/dist/0.7.21/image/blockquote-style1.svg) no-repeat 50% 0;
  padding: 34px 0 0 0;
  font-size: 1.12em;
  color: #333;
  line-height: 1.67;
  border: 0 none;
  font-family: "Noto Serif KR";
}

#article-view blockquote[data-ke-style='style2'] {
  border-color: #d0d0d0;
  border-width: 0 0 0 4px;
  border-style: solid;
  padding: 1px 0 0 12px;
  color: #666;
  line-height: 1.75;
  font-size: 1em;
  text-align: left;
}

#article-view blockquote[data-ke-style='style3'] {
  border: 1px solid #dddddd;
  background-color: #fcfcfc;
  text-align: left;
  padding: 21px 25px 20px 25px;
  color: #666;
  font-size: 1em;
  line-height: 1.75;
}

#article-view blockquote {
  display: block;
  margin: 20px auto 0;
  letter-spacing: 0px;
}

/* 첨부: 공통 */

/* 이미지 클릭 관련 - lightbox */
#article-view span[data-lightbox] {
  cursor: pointer;
}

/* 첨부: 파일 */
#article-view figure.fileblock {
  width: 470px;
  height: 73px;
  box-sizing: border-box;
  position: relative;
  border-radius: 1px;
  margin-top: 20px;
  margin-bottom: 0px;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 7%);
  border: solid 1px rgba(0, 0, 0, 0.1);
}

#article-view figure.fileblock a {
  display: block;
}

#article-view figure.fileblock .image {
  float: left;
  width: 30px;
  height: 30px;
  background-image: url('https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_content.svg');
  margin: 22px 17px 21px 22px;
  background-position: 0 0;
}

#article-view figure.fileblock .desc {
  position: absolute;
  left: 70px;
  right: 60px;
  top: 4px;
  bottom: 0;
}

#article-view figure.fileblock .filename {
  color: #333333;
  font-size: 14px;
  text-overflow: ellipsis;
  width: 100%;
  height: 20px;
  margin: 16px 0 0;
}

#article-view figure.fileblock .size {
  font-family: Pretendard-Regular;
  font-size: 12px;
  color: #777;
  height: 16px;
}

#article-view figure[data-ke-align=alignCenter].fileblock {
  margin-left: auto;
  margin-right: auto;
}

#article-view figure[data-ke-align=alignRight].fileblock {
  margin-left: auto;
}

#article-view figure.fileblock .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 272px;
  height: 20px;
  display: block;
}

#article-view figure.fileblock a::after {
  content: '';
  background-image: url('https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_content.svg');
  background-position: -40px 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 24px;
  top: 19px;
}

/* 첨부: 이미지 */
#article-view figure.imageblock {
  display: table;
  position: relative;
}

#article-view figure.imageblock.alignLeft {
  text-align: left;
}

#article-view figure.imageblock.alignCenter {
  margin: 20px auto 0;
  text-align: center;
}

#article-view figure.imageblock.alignRight {
  text-align: right;
  margin-left: auto;
}

#article-view figure.imageblock.floatLeft {
  float: left;
  margin-right: 20px;
}

#article-view figure.imageblock.floatRight {
  float: right;
  margin-left: 20px;
}

#article-view figure.imageblock.widthContent {
  display: block;
}

#article-view figure.imageblock.widthContent img {
  width: 100%;
}

#article-view figure.imageblock.floatLeft figcaption,
#article-view figure.imageblock.floatRight figcaption {
  text-align: left;
}

#article-view figure.imageblock img {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  height: auto;
}

#article-view iframe,
#article-view figure img,
#article-view figure iframe {
  max-width: 100%;
}

#article-view figure img:not([width]),
#article-view figure iframe:not([width]) {
  width: 100%;
}

#article-view figure {
  max-width: 100%;
  clear: both;
}

#article-view figure img {
  display: inline-block;
}

#article-view figure.imagegridblock+figure.imagegridblock,
#article-view figure.imagegridblock+figure.imageblock,
#article-view figure.imageblock+figure.imagegridblock {
  margin-top: 10px;
}

/* 캡션 텍스트 */
#article-view figure figcaption {
  font-size: 13px;
  color: #777;
  word-break: break-word;
  padding-top: 10px;
  min-height: 20px;
  caption-side: bottom;
  text-align: center;
  caret-color: auto;
  width: 100%;
  box-sizing: content-box;
}

/* 첨부: 이미지 그리드 */
#article-view figure.imagegridblock {
  position: relative;
  caret-color: transparent;
  background-color: transparent;
  width: 100%;
  height: auto;
  margin: 20px 0 0 0;
}

#article-view figure.imagegridblock .image-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}

#article-view figure.imagegridblock .image-container>span {
  margin-right: 0;
  margin-top: 2px;
}

#article-view figure.imagegridblock img {
  margin: 0;
  height: inherit;
}

#article-view figure.imagegridblock span img {
  width: 100%;
}

hr[data-ke-style],
#article-view hr[data-ke-style] {
  border: none;
  font-size: 0;
  line-height: 0;
  margin: 20px auto;
  background: url(https://t1.daumcdn.net/keditor/dist/0.7.21/image/divider-line.svg);
  background-size: 200px 420px;
  cursor: default !important;
}

hr[data-ke-style='style1'],
#article-view hr[data-ke-style='style1'] {
  background-position: center 0;
  width: 64px;
  height: 4px;
  padding: 20px;
}

hr[data-ke-style='style2'],
#article-view hr[data-ke-style='style2'] {
  background-position: center -48px;
  width: 64px;
  height: 3px;
  padding: 20px;
}

hr[data-ke-style='style3'],
#article-view hr[data-ke-style='style3'] {
  background-position: center -96px;
  width: 64px;
  height: 8px;
  padding: 18px 20px;
}

hr[data-ke-style='style4'],
#article-view hr[data-ke-style='style4'] {
  background-position: center -144px;
  width: 2px;
  height: 60px;
  padding: 0 51px;

}

hr[data-ke-style='style4']+hr[data-ke-style='style4'],
#article-view hr[data-ke-style='style4']+hr[data-ke-style='style4'] {
  margin-top: 0;
}

hr[data-ke-style='style5'],
#article-view hr[data-ke-style='style5'] {
  background-position: center -208px;
  background-repeat: repeat-x;
  height: 2px;
  padding: 21px 0;
}

hr[data-ke-style='style6'],
#article-view hr[data-ke-style='style6'] {
  background-position: center -256px;
  background-repeat: repeat-x;
  height: 2px;
  padding: 21px 0;
}

hr[data-ke-style='style7'],
#article-view hr[data-ke-style='style7'] {
  background-position: center -304px;
  width: 200px;
  height: 19px;
  padding: 18px 20px 17px 20px;
}

hr[data-ke-style='style8'],
#article-view hr[data-ke-style='style8'] {
  background-position: center -362px;
  width: 200px;
  height: 19px;
  padding: 18px 20px 17px 20px;
}

/* 테이블 */
#article-view table[data-ke-style] {
  margin-bottom: 0px;
}

#article-view table {
  border-color: #ddd;
  margin-bottom: 0px;
}

#article-view table tbody tr {
  box-sizing: content-box;
}

#article-view table td {
  word-break: break-word;
  padding: 8px;
  font-size: 15px;
}

#article-view table[data-ke-style='style1'] tr:first-child td {
  border-bottom: 1px solid #6ed3d8;
}

#article-view table[data-ke-style='style2'] tr:first-child td {
  border-bottom: 1px solid #008300;
}

#article-view table[data-ke-style='style3'] tr:first-child td {
  border-bottom: 1px solid #006dbe;
}

#article-view table[data-ke-style='style4'] tr:nth-child(2n) td {
  background-color: #f9f9f9;
}

#article-view table[data-ke-style='style5'] tr:nth-child(2n) td {
  background-color: #f8fbfb;
}

#article-view table[data-ke-style='style6'] tr:nth-child(2n) td {
  background-color: #f5f7f5;
}

#article-view table[data-ke-style='style7'] tr:nth-child(2n) td {
  background-color: #f6f8fb;
}

#article-view table[data-ke-style='style8'] tr:first-child td {
  border-bottom: 2px solid #797979;
}

#article-view table[data-ke-style='style8'] {
  border-left: 0 none;
  border-right: 0 none;
}

#article-view table[data-ke-style='style8'] td {
  border-right-color: transparent;
  border-left-color: transparent;
}

#article-view table[data-ke-style='style9'] tr:first-child td {
  border-bottom: 2px solid #6ed3d8;
}

#article-view table[data-ke-style='style9'] {
  border-left: 0 none;
  border-right: 0 none;
}

#article-view table[data-ke-style='style9'] td {
  border-right-color: transparent;
  border-left-color: transparent;
}

#article-view table[data-ke-style='style10'] tr:first-child td {
  border-bottom: 2px solid #008300;
}

#article-view table[data-ke-style='style10'] {
  border-left: 0 none;
  border-right: 0 none;
}

#article-view table[data-ke-style='style10'] td {
  border-right-color: transparent;
  border-left-color: transparent;
}

#article-view table[data-ke-style='style11'] tr:first-child td {
  border-bottom: 2px solid #2780d4;
}

#article-view table[data-ke-style='style11'] {
  border-left: 0 none;
  border-right: 0 none;
}

#article-view table[data-ke-style='style11'] td {
  border-right-color: transparent;
  border-left-color: transparent;
}

#article-view table[data-ke-style='style12'] tr:nth-child(odd) td {
  background-color: #f9f9f9;
}

#article-view table[data-ke-style='style12'] tr td:first-child {
  background-color: #efefef;
}

#article-view table[data-ke-style='style12'] tr:first-child td {
  background-color: #9b9b9b;
  border: 1px solid #888;
  color: #fff;
}

#article-view table[data-ke-style='style13'] tr:nth-child(odd) td {
  background-color: #f9f9f9;
}

#article-view table[data-ke-style='style13'] tr td:first-child {
  background-color: #efefef;
}

#article-view table[data-ke-style='style13'] tr:first-child td {
  background-color: #6ed3d8;
  border: 1px solid #5cbcc1;
  color: #fff;
}

#article-view table[data-ke-style='style14'] tr:nth-child(odd) td {
  background-color: #f9f9f9;
}

#article-view table[data-ke-style='style14'] tr td:first-child {
  background-color: #efefef;
}

#article-view table[data-ke-style='style14'] tr:first-child td {
  background-color: #008300;
  border: 1px solid #006d00;
  color: #fff;
}

#article-view table[data-ke-style='style15'] tr:nth-child(odd) td {
  background-color: #f9f9f9;
}

#article-view table[data-ke-style='style15'] tr td:first-child {
  background-color: #efefef;
}

#article-view table[data-ke-style='style15'] tr:first-child td {
  background-color: #2780d4;
  border: 1px solid #1568b7;
  color: #fff;
}

#article-view table[data-ke-style='style16'],
#article-view table[data-ke-style='style16'] tr,
#article-view table[data-ke-style='style16'] tr td {
  border-color: transparent;
}

/* 오픈 그래프 */
#article-view figure[data-ke-type='opengraph'] {
  margin: 10px 0;
}

#article-view figure[data-ke-type='opengraph'] a {
  box-sizing: initial;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
  border: solid 1px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: #000;
}

#article-view figure[data-ke-type='opengraph'] a:hover {
  opacity: 1;
}

#article-view figure[data-ke-type='opengraph'] div.og-image {
  border-right: solid 1px rgba(0, 0, 0, 0.06);
  width: 200px;
  height: 200px;
  background-size: cover;
  background-position: center;
}

#article-view figure[data-ke-type='opengraph'] div.og-image button {
  display: none;
}

#article-view figure[data-ke-type='opengraph']:hover div.og-image button {
  cursor: pointer;
  border: none;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #000;
  width: 15px;
  height: 15px;
}

#article-view figure[data-ke-type='opengraph'] p.og-title {
  color: #000000;
  font-size: 22px;
  padding-bottom: 10px;
  max-width: 467px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px;
  overflow: hidden;
  font-family: Pretendard-Regular;
}

#article-view figure[data-ke-type='opengraph'] .og-desc {
  margin: 0px;
  max-width: 467px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: Pretendard-Regular;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #909090;
  max-height: 42px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

@media (max-width: 600px) {
  #article-view figure[data-ke-type='opengraph'] a {
    height: 90px;
  }

  #article-view figure[data-ke-type='opengraph'] a::before {
    left: 44px;
  }

  #article-view figure[data-ke-type='opengraph'] div.og-image {
    width: 90px;
    height: 90px;
  }

  #article-view figure[data-ke-type='opengraph'] div.og-text {
    padding: 13px 12px 0 20px;
    height: 90px;
  }

  #article-view figure[data-ke-type='opengraph'] div.og-text p.og-title {
    font-size: 16px;
    -webkit-line-clamp: 1;
  }

  #article-view figure[data-ke-type='opengraph'] div.og-text p.og-desc {
    display: none;
  }

  #article-view figure[data-ke-type='opengraph'] div.og-text p.og-host {
    bottom: 10px;
  }
}

/* 비디오 첨부 */
#article-view figure[data-ke-type='video'] {
  display: block;
  table-layout: fixed;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  color: #bdbdbd;
  font-size: 16px;
  line-height: 30px;
}

#article-view figure[data-ke-type='video'][data-ke-style='alignLeft'] {
  text-align: left;
}

#article-view figure[data-ke-type='video'][data-ke-style='alignCenter'] {
  margin: 20px auto 0;
  text-align: center;
}

#article-view figure[data-ke-type='video'][data-ke-style='alignRight'] {
  text-align: right;
  margin-left: auto;
}

#article-view figure[data-ke-type='video'] img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

#article-view figure[data-ke-type='video'][data-video-host] iframe {
  margin: 0px;
  display: block;
}

#article-view figure[data-ke-type='video']>iframe[width='0'][height='0'] {
  width: 860px;
  height: 484px;
  max-width: 100%;
}

/* 코드 블럭 */
#article-view pre code.hljs {
  font-size: 14px;
  padding: 20px;
  font-family: SF Mono, Menlo, Consolas, Monaco, monospace;
  border: solid 1px #ebebeb;
  line-height: 1.71;
  overflow: auto;
}

/* 접은 글 */
#article-view .moreless-content :first-child {
  margin-top: 0;
  margin-bottom: 0;
}

#article-view div[data-ke-type='moreLess'] .moreless-content {
  display: none;
}

#article-view div[data-ke-type='moreLess'].open .moreless-content {
  display: block;
}

#article-view div[data-ke-type='moreLess'] .btn-toggle-moreless {
  color: #909090;
  font-size: 16px;
  line-height: 26px;
  font-family: Pretendard-Regular, sans-serif;
  cursor: pointer;
  text-decoration: none;
}

/* 리스트 */
#article-view ul li,
#article-view ol li {
  margin: 0 0 3px 22px;
  line-height: 1.7;
}

#article-view ul,
#article-view ol {
  margin: 14px auto 24px;
  padding: 0 0 0 10px;
}

/* 이모티콘 */
#article-view figure[data-ke-type=emoticon][data-ke-align=alignCenter] {
  text-align: center;
}

#article-view figure[data-ke-type=emoticon][data-ke-align=alignLeft] {
  text-align: left;
}

#article-view figure[data-ke-type=emoticon][data-ke-align=alignRight] {
  text-align: right;
}

/* 지도 */
#article-view figure[data-ke-type='map'],
#article-view iframe[data-ke-type='map'] {
  display: block;
  margin: 0 auto;
}

/* 첨부: 이미지 슬라이드 */
#article-view figure.imageslideblock {
  clear: both;
  position: relative;
  font-size: 0;
  outline: 0 none;
}

#article-view figure.imageslideblock .btn {
  display: none;
  outline: none;
}

#article-view figure.imageslideblock.ready .btn {
  display: inline-block;
}

#article-view figure.imageslideblock.ready .mark {
  opacity: 1;
}

#article-view figure.imageslideblock div.image-container {
  position: relative;
  min-width: 480px;
  max-width: 100%;
  min-height: 300px;
  max-height: 860px;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
}

#article-view figure.imageslideblock div.image-container span.image-wrap {
  display: none;
}

#article-view figure.imageslideblock div.image-container span.image-wrap.selected {
  display: inline;
}

#article-view figure.imageslideblock div.image-container img {
  max-width: 100%;
  max-height: 100%;
}

#article-view figure.imageslideblock div.image-container .btn {
  position: absolute;
  border: 0;
  background: transparent;
  width: 60px;
  height: 60px;
  top: 50%;
  margin-top: -20px;
}

#article-view figure.imageslideblock div.image-container .btn-prev {
  left: 0;
}

#article-view figure.imageslideblock div.image-container .btn-next {
  right: 0;
}

#article-view figure.imageslideblock div.image-container:hover .btn span {
  opacity: 0.3;
}

#article-view figure.imageslideblock div.image-container .btn span {
  background-image: url('https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_content.svg');
  text-indent: -10000px;
  overflow: hidden;
  width: 40px;
  height: 40px;
  opacity: 0;
  transition: opacity ease-in-out 0.2s;
  display: inline-block;
}

#article-view figure.imageslideblock div.image-container .btn:hover span {
  opacity: 1;
}

#article-view figure.imageslideblock div.image-container .btn .ico-prev {
  background-position: -220px 0;
}

#article-view figure.imageslideblock div.image-container .btn .ico-next {
  background-position: -260px 0;
}

#article-view figure.imageslideblock div.mark {
  display: block;
  height: 44px;
  text-align: center;
  opacity: 0;
  transition: opacity ease-in-out 0.2s;
}

#article-view figure.imageslideblock div.mark span {
  width: 30px;
  height: 4px;
  display: inline-block;
  margin: 20px 1px;
  background-color: #d6d6d6;
  text-indent: -10000px;
  overflow: hidden;
  cursor: pointer;
}

#article-view figure.imageslideblock div.mark span:first-child {
  background-color: #000;
  margin-left: 0;
}

#article-view figure.imageslideblock div.mark span:last-child {
  margin-right: 0;
}

#article-view figure.imageslideblock figcaption {
  text-align: center;
  color: #666;
  font-size: 14px;
}

#article-view figure.imageslideblock.alignLeft {
  text-align: left;
}

#article-view figure.imageslideblock.alignCenter {
  margin: 0 auto 20px;
  text-align: center;
}

#article-view figure.imageslideblock.alignRight {
  text-align: right;
  margin-left: auto;
}

@media (max-width: 600px) {
  #article-view figure.imageslideblock div.image-container {
    min-width: 100%;
    width: 100%;
    max-height: 100%;
  }

  #article-view figure.imageslideblock div.image-container .btn span {
    opacity: 0.3;
  }
}

/* 구 에디터 속성 */
.btn_more, .btn_less {
  border: 0;
  background: transparent;
  display: block;
  height: 21px;
  margin: 20px 0;
  font-size: 14px;
  line-height: 14px;
  color: #888;
  position: relative;
  width: 100%;
  text-align: left;
}

.btn_less::before,
.btn_more::before {
  content: "...";
  display: inline-block;
  padding-right: 5px;
  font-size: 14px;
  line-height: 6px;
  vertical-align: top;
}

.box-timeline-content {
  word-break: break-all;
}

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>용산구 서빙고동 수제버거 맛집 베스트4 추천</title>
    <style>
        /* --- 기본 & 레이아웃 (스킨 CSS와 충돌 최소화, 주요 스타일만 정의) --- */
        /* body 스타일은 티스토리 스킨에 맡기는 것이 좋음 */
        .tistory-content-wrapper { /* 글 전체를 감싸는 div (선택 사항) */
            max-width: 850px; margin: 30px auto; padding: 1px; /* 패딩 1px은 마진 상쇄 방지용 */
        }
        /* --- 제목 --- */
        .tistory-content-wrapper h1.tistory-title { text-align: center; margin-bottom: 50px; font-size: 2.4em; font-weight: 700; color: #212529; border-bottom: 2px solid #dee2e6; padding-bottom: 25px; }
        .tistory-content-wrapper h2.tistory-section-title { border-bottom: 1px solid #dee2e6; padding-bottom: 15px; margin-top: 65px; margin-bottom: 35px; font-size: 1.9em; font-weight: 700; color: #343a40; }
        .tistory-content-wrapper h3.tistory-place-title { margin-top: 50px; margin-bottom: 30px; font-size: 1.5em; font-weight: 700; color: #1e9600; border-left: 5px solid #1e9600; padding-left: 18px; background: linear-gradient(to right, #f8f9fa, transparent); padding-top: 5px; padding-bottom: 5px; border-radius: 0 5px 5px 0;}

        /* --- 목차 --- */
        .tistory-content-wrapper .toc { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 35px 45px; margin: 55px 0; border-radius: 15px; border: 1px solid #ced4da; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); position: relative; }
        .tistory-content-wrapper .toc h2 { border-bottom: 2px solid #adb5bd; margin-top: 0; margin-bottom: 35px; padding-bottom: 18px; text-align: center; font-size: 1.8em; font-weight: 700; color: #495057; letter-spacing: 1px; }
        .tistory-content-wrapper .toc ul { list-style: none !important; padding: 0 !important; margin: 0 !important; column-count: 2; column-gap: 35px; }
        .tistory-content-wrapper .toc li { margin-bottom: 18px !important; font-size: 1.05em !important; position: relative !important; padding-left: 25px !important; }
        .tistory-content-wrapper .toc li::before { content: '➤'; position: absolute; left: 0; top: 1px; color: #20c997; font-weight: bold; font-size: 1em; transition: transform 0.2s ease; }
        .tistory-content-wrapper .toc li:hover::before { transform: translateX(3px); }
        .tistory-content-wrapper .toc a { text-decoration: none !important; color: #495057 !important; transition: color 0.2s ease, background-color 0.2s ease; display: inline-block !important; padding: 3px 6px !important; border-radius: 4px !important; background-color: transparent !important; /* 배경 초기화 */ }
        .tistory-content-wrapper .toc a:hover { color: #0056b3 !important; background-color: rgba(0, 123, 255, 0.05) !important; }

        /* --- 장소 아이템 --- */
        .tistory-content-wrapper .place-item { margin-bottom: 70px; padding-bottom: 60px; border-bottom: 1px dashed #ced4da; }
        .tistory-content-wrapper .place-item:last-child { border-bottom: none; }

        /* 지도 이미지 */
        .tistory-content-wrapper .place-map { text-align: center; margin: 35px 0 25px 0; }
        .tistory-content-wrapper .place-map img { max-width: 100%; height: auto; display: block; margin: 10px auto; border-radius: 12px; border: 1px solid #ced4da; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
        .tistory-content-wrapper .place-map figcaption { font-size: 0.95em; color: #6c757d; margin-top: 10px; font-style: italic; text-align: center; }

        /* --- 주소 --- */
        .tistory-content-wrapper .address-container { text-align: center; margin-top: 25px; margin-bottom: 20px; }
        .tistory-content-wrapper .place-address { background-color: #e9ecef !important; color: #495057 !important; padding: 10px 20px !important; border-radius: 20px !important; display: inline-block !important; font-size: 1em !important; border: 1px solid #ced4da !important; box-shadow: none !important; }
        .tistory-content-wrapper .place-address strong { font-weight: 600 !important; color: #007bff !important; background: none !important; padding: 0 !important; box-shadow: none !important; } /* strong 초기화 */

        /* --- 버튼 공통 스타일 --- */
        .tistory-content-wrapper .place-button { text-align: center !important; margin-top: 30px !important; margin-bottom: 30px !important; }
        .tistory-content-wrapper .place-button a { display: block !important; width: 85% !important; max-width: 450px !important; margin-left: auto !important; margin-right: auto !important; padding: 16px 20px !important; color: white !important; text-decoration: none !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 1.2em !important; transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important; border: none !important; cursor: pointer !important; letter-spacing: 0.5px !important; }
        /* 외부 링크 버튼 */
        .tistory-content-wrapper a.external-button { background: linear-gradient(45deg, #28a745, #20c997) !important; }
        .tistory-content-wrapper a.external-button:hover { background: linear-gradient(45deg, #218838, #1aa07d) !important; box-shadow: 0 8px 20px rgba(33, 136, 56, 0.4) !important; transform: translateY(-3px) scale(1.02) !important; }
        /* 다시 보기 버튼 */
        .tistory-content-wrapper a.reload-button { background: linear-gradient(45deg, #6c757d, #495057) !important; margin-top: 30px !important; }
        .tistory-content-wrapper a.reload-button:hover { background: linear-gradient(45deg, #5a6268, #343a40) !important; box-shadow: 0 8px 20px rgba(108, 117, 125, 0.3) !important; transform: translateY(-3px) scale(1.02) !important; }

        /* 장소 설명 */
        .tistory-content-wrapper .place-description { margin-top: 40px !important; font-size: 1.1em !important; }
        .tistory-content-wrapper .place-description p { margin-bottom: 2em !important; line-height: 1.9 !important; font-size: inherit !important; color: inherit !important; } /* p 태그 스타일 상속 및 중요도 높임 */
        .tistory-content-wrapper .place-description strong { color: #dc3545 !important; font-weight: 700 !important; background-color: rgba(220, 53, 69, 0.05) !important; padding: 0.15em 0.4em !important; border-radius: 4px !important; box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.1) !important; }

        /* 설명 중간 삽입 이미지 */
        .tistory-content-wrapper .inline-image-figure { text-align: center !important; margin: 4em 0 !important; padding: 20px 0 !important; background-color: #fff !important; border-top: 1px solid #e9ecef !important; border-bottom: 1px solid #e9ecef !important; box-shadow: 0 0 15px rgba(0,0,0,0.03) !important; }
        .tistory-content-wrapper .inline-image-figure img.inline-image { max-width: 95% !important; height: auto !important; border-radius: 10px !important; border: 1px solid #dee2e6 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; display: block !important; margin: 15px auto !important; }
        .tistory-content-wrapper .inline-image-figure figcaption.inline-image-caption { font-size: 0.95em !important; color: #6c757d !important; margin-top: 15px !important; text-align: center !important; font-style: italic !important; }

        /* --- FAQ --- */
        .tistory-content-wrapper .faq-section details { border: 1px solid #dee2e6 !important; border-radius: 10px !important; margin-bottom: 18px !important; background-color: #fff !important; transition: all 0.3s ease !important; box-shadow: 0 3px 8px rgba(0,0,0,0.05) !important; }
        .tistory-content-wrapper .faq-section details[open] { background-color: #f8f9fa !important; border-color: #adb5bd !important; box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important; }
        .tistory-content-wrapper .faq-section summary { position: relative !important; font-weight: 700 !important; font-size: 1.1em !important; padding: 20px 30px !important; padding-right: 60px !important; cursor: pointer !important; outline: none !important; color: #495057 !important; list-style: none !important; }
        .tistory-content-wrapper .faq-section summary::-webkit-details-marker { display:none !important; }
        .tistory-content-wrapper .faq-section summary::before { content: 'Q.' !important; color: #007bff !important; font-weight: bold !important; margin-right: 10px !important; }
        .tistory-content-wrapper .faq-section summary::after { content: '+' !important; position: absolute !important; right: 30px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 1.4em !important; color: #adb5bd !important; transition: transform 0.3s ease !important; }
        .tistory-content-wrapper .faq-section details[open] summary::after { transform: translateY(-50%) rotate(45deg) !important; color: #dc3545 !important; }
        .tistory-content-wrapper .faq-section p { padding: 25px 30px !important; margin: 0 !important; border-top: 1px solid #e9ecef !important; font-size: 1.05em !important; color: #495057 !important; line-height: 1.8 !important; }

        /* --- 구분선 --- */
        .tistory-content-wrapper hr { border: 0 !important; height: 1px !important; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) !important; margin: 80px 0 !important; }

        /* --- 링크 기본 스타일 --- */
        .tistory-content-wrapper a { color: #0d6efd; text-decoration: none; }
        .tistory-content-wrapper a:hover { color: #0a58ca; text-decoration: underline; }

        /* --- 모바일 반응형 스타일 --- */
        @media (max-width: 767px) {
            .tistory-content-wrapper .toc ul { column-count: 1 !important; }
            .tistory-content-wrapper h1.tistory-title { font-size: 1.8em !important; }
            .tistory-content-wrapper h2.tistory-section-title { font-size: 1.5em !important; }
            .tistory-content-wrapper h3.tistory-place-title { font-size: 1.3em !important; }
            .tistory-content-wrapper .place-button a { width: 90% !important; font-size: 1.1em !important; }
            .tistory-content-wrapper .place-description { font-size: 1.05em !important; }
            .tistory-content-wrapper .faq-section summary { font-size: 1em !important; }
            .tistory-content-wrapper .faq-section p { font-size: 1em !important; }
            .tistory-content-wrapper .toc { padding: 25px 30px !important; }
            .tistory-content-wrapper .toc h2 { font-size: 1.6em !important; }
            .tistory-content-wrapper .toc li { font-size: 1em !important; }
            /* .tistory-content-wrapper { padding-left: 15px !important; padding-right: 15px !important; } */ /* 본문 여백 조정 */
        }

    </style>
</head>
<body>
<div class="tistory-content-wrapper"> 

    <h1 class="tistory-title">용산구 서빙고동 수제버거 맛집 베스트4 추천</h1> 

    <div class="introduction">
        <p>최근 '용산구 서빙고동 수제버거 맛집'을 찾는 일이 쉽지 않다는 걸 잘 알고 있습니다. 여러 후기를 읽고, 메뉴를 비교하다 보면 어느새 시간이 훌쩍 지나가고 있죠. 맛있고 특별한 수제버거를 찾기 위한 여정은 때로는 지치게도 만듭니다. 그래서 오늘은 여러분을 위해 <strong>엄선된 4곳의 수제버거 맛집</strong>을 소개하려고 합니다!</p>
<p>이 글에서는 서빙고동에서 꼭 가봐야 할 수제버거집을 선정해 보았습니다. 단순히 맛만이 아니라, 분위기와 서비스까지 고려하여 신뢰할 수 있는 식당들을 골라봤습니다. 여러분이 맛있는 버거를 즐기면서도 편안한 시간을 보낼 수 있도록, 다양한 요소를 함께 검토했습니다.</p>
<p>각 맛집은 평판이 좋고, 고객들의 사랑을 받는 곳들로 엄선하였으며, 독특한 메뉴와 아늑한 분위기를 자랑합니다. 여러분의 입맛을 사로잡을 수제버거의 세계에 빠져보세요! 그럼 바로 본문으로 들어가서, 서빙고동의 매력적인 수제버거 맛집들을 살펴보겠습니다.</p>
    </div>

    <div class="toc">
        <h2>목차</h2>
        <ul>
            <li><a href="#place-1">1. 파이브가이즈 고속터미널</a></li>
            <li><a href="#place-2">2. 벅벅 이태원점</a></li>
            <li><a href="#place-3">3. 번앤버니</a></li>
            <li><a href="#place-4">4. NOMERCY BURGER</a></li>
            <li><a href="#conclusion">결론</a></li>
            <li><a href="#faq">FAQ</a></li>
        </ul>
    </div>

    <h2 class="tistory-section-title">추천 장소 목록</h2> 

    
    <div class="place-item" id="place-1">
        <h3 class="tistory-place-title">1. 파이브가이즈 고속터미널</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@cOByJZ/btsNLs86Gz3/4PDu9aJyrISKkae5Aukqx1/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 파이브가이즈 고속터미널 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
        
            
            <div class="place-button">
                <a href="#" id="dynamic-reload-button" class="reload-button">
                    ✨ 파이브가이즈 고속터미널 최신 정보 다시 보기
                </a>
            </div>
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 서울특별시 서초구 신반포로 176 신세계백화점 강남점 지하 1층 스위트파크</p>
            </div>
            
            <div class="place-description">
                <p>파이브가이즈 고속터미널은 신세계백화점 강남점 지하 1층 스위트파크에 위치해 있어요. 미국 스타일의 캐주얼 다이닝 분위기로, 넓고 쾌적한 공간에서 편안하게 식사를 즐길 수 있답니다. 이곳의 매력은 뭐니 뭐니 해도 다양한 종류의 수제버거와 함께 제공되는 프렌치프라이, 그리고 부드러운 쉐이크에 있어요. 버거의 가격대는 13,000원부터 17,000원까지 다양하니, 원하는 메뉴에 맞춰 선택해 보세요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240219_190/1708329342628VySbY_JPEG/__000550_����.jpg" alt="파이브가이즈 고속터미널 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 파이브가이즈 고속터미널 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>또한, 파이브가이즈에서는 땅콩을 무한 제공하니, 식사 전이나 후에 간단하게 간식으로 즐기기에도 좋답니다. <strong>운영 시간은 신세계백화점 영업시간에 준하니</strong>, 일반적으로 오전 10시 30분부터 오후 9시 또는 9시 30분까지 열려요. 단, 백화점이 휴무일에는 운영하지 않으니 꼭 확인하시길 바래요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240219_277/1708329336354LUPW2_JPEG/__000631_����.jpg" alt="파이브가이즈 고속터미널 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 파이브가이즈 고속터미널 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>주차는 신세계백화점 강남점 주차장을 이용할 수 있지만, 유료라는 점은 유념해 주세요. 예약은 불가능하지만, 테이블링 앱을 통해 원격 줄서기가 가능하니 참고하시기 바랍니다. 이 모든 정보들을 바탕으로, 파이브가이즈에서 맛있는 수제버거를 즐겨보세요!</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://www.instagram.com/fiveguys.korea" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 파이브가이즈 고속터미널 바로가기
                </a>
            </div>
            
        
    </div> 
    
    <div class="place-item" id="place-2">
        <h3 class="tistory-place-title">2. 벅벅 이태원점</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@uu4Ra/btsNMvKOHf4/HuxbIY3B7T9iI7xlvho7e0/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 벅벅 이태원점 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 서울특별시 용산구 이태원로20길 24 1층</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://www.instagram.com/burg_itaewon?igsh=MWczeGdwcnU1bHUzdQ==" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 벅벅 이태원점 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>벅벅 이태원점은 수제버거를 사랑하는 분들께 강력히 추천드리는 곳이에요. 매장은 작은 규모지만, 힙한 분위기가 느껴져서 편안하게 즐길 수 있습니다. 이곳의 대표 메뉴인 벅벅 버거는 6,700원부터 시작하며, 더블벅은 8,700원부터 제공되니 가격대도 부담스럽지 않아요. 감자튀김 같은 사이드 메뉴와 세트 메뉴도 있으니 함께 즐기면 더 좋답니다.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20230919_175/16951289344076PxW1_PNG/20201230_154115.png" alt="벅벅 이태원점 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 벅벅 이태원점 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>운영 시간은 매일 오전 11시부터 오후 10시까지이며, <strong>라스트 오더는 오후 9시 50분</strong>이니 이 점 참고하시면 좋겠어요. 특히, 키오스크로 주문하는 시스템이 있어 편리하게 이용할 수 있습니다. 다만, 웨이팅이 긴 편이니 방문하실 때는 여유를 두고 가시는 게 좋습니다. 매장 옆에 별도의 대기 및 취식 공간도 마련되어 있으니 활용해 보세요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240705_78/1720187842392FlfHy_JPEG/IMG_20240625_175135_046.jpg" alt="벅벅 이태원점 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 벅벅 이태원점 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>주차는 따로 없으니, 근처 공영 주차장을 이용하는 것을 추천드립니다. 예약은 불가능하지만, 테이블링 앱으로 현장 대기 등록이 가능하니 참고하시길 바랍니다. 벅벅 이태원점에서 맛있는 수제버거 한 입 하시길 기대할게요!</p>
            </div>
        
    </div> 
    
    <div class="place-item" id="place-3">
        <h3 class="tistory-place-title">3. 번앤버니</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@Amwbj/btsNKshGBYR/LzTksy3CWI9pkyiVk95g91/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 번앤버니 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 서울특별시 서초구 반포대로 291 지하1층 111호</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://www.instagram.com/bunandbunny.official/" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 번앤버니 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>번앤버니는 깔끔하고 모던한 분위기의 수제버거 전문점이에요. 이곳은 반포 원베일리 상가 지하 1층에 위치하고 있으며, 4인 테이블 5개와 2인 테이블 1개로 아늑한 자리를 제공합니다. 키오스크 주문 시스템을 도입해 편리하게 주문할 수 있는 점도 매력적이에요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20250307_32/17413230105393tnpj_JPEG/KakaoTalk_20250306_165759232_01.jpg" alt="번앤버니 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 번앤버니 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>운영 시간은 매일 오전 11시부터 오후 9시 30분까지이며, 라스트 오더는 오후 9시까지 진행된답니다. 연중무휴로 운영되니 언제든지 방문하기 좋아요. 메뉴는 다양한 수제버거와 사이드 메뉴인 감자튀김 등이 있으며, 가격대는 10,000원대부터 시작해요. 하지만 정확한 가격은 방문 전에 확인하시는 것이 좋습니다.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20250307_166/17413230098287OSAo_JPEG/KakaoTalk_20250306_165759232_05.jpg" alt="번앤버니 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 번앤버니 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>주차는 원베일리 상가 지하 주차장을 이용할 수 있으며, 유료이지만 2만 원 이상 구매 시 주차 지원이 가능하니 참고하시기 바랍니다. 예약 정보는 확인이 필요하니, 미리 체크해 보시는 게 좋겠어요. 번앤버니에서 맛있는 수제버거와 함께 즐거운 시간을 보내보세요!</p>
            </div>
        
    </div> 
    
    <div class="place-item" id="place-4">
        <h3 class="tistory-place-title">4. NOMERCY BURGER</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@CshS3/btsNMJPCggH/uOFPEXxg7XR3uKiAyEUeMk/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ NOMERCY BURGER 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 서울특별시 용산구 보광로59길 26 1층</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://www.instagram.com/nomercy_burger/" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 NOMERCY BURGER 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>NOMERCY BURGER는 용산구에서 꼭 가봐야 할 수제버거 맛집이에요. 이곳은 이국적이고 힙한 분위기로, 빨간 네온사인으로 꾸며진 매장 내부가 굉장히 인상적이에요. 특히 한우 패티를 사용한 버거는 정말 특별한 맛을 자랑하죠. 대표 메뉴로는 치즈버거, 디럭스버거, 치킨버거 등이 있으며, 가격대는 <strong>7,500원부터 10,000원대</strong>로 가성비도 괜찮아요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20231220_119/1703069587220gwpzI_JPEG/CB.jpeg" alt="NOMERCY BURGER 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ NOMERCY BURGER 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>운영 시간은 매일 오전 11시부터 새벽 2시 30분까지인데, 오후 3시부터 5시 30분까지는 브레이크 타임이 있으니 참고하셔야 해요. 월요일은 휴무라는 점도 잊지 마세요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20231220_259/17030696071617yTud_JPEG/DB.jpeg" alt="NOMERCY BURGER 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ NOMERCY BURGER 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>주차 공간은 따로 없어서, 근처의 공영 주차장을 이용하는 것이 좋습니다. 예약 정보는 확인이 필요하지만, 인기 있는 맛집인 만큼 미리 알아보는 것도 좋은 선택이겠죠. NOMERCY BURGER에서 맛있는 버거와 함께 즐거운 시간을 보내보세요!</p>
            </div>
        
    </div> 
    

    <h2 id="conclusion" class="tistory-section-title">결론</h2> 
    <div class="conclusion">
        <p>오늘 소개해 드린 용산구 서빙고동의 수제버거 맛집들이 여러분의 미식 여정에 도움이 되셨기를 바랍니다.</p>
<p>식당 선택 시에는 개인 취향, 방문 목적, <strong>예산 범위</strong>를 고려하는 것이 좋습니다. 다양한 메뉴와 분위기를 제공하는 곳들이 많으니, 자신에게 맞는 최적의 장소를 찾으세요.</p>
<p>또한, 방문 전에는 <strong>최신 운영 시간과 방문자 후기를</strong> 확인하는 것을 추천드립니다.</p>
<p>그럼, 즐거운 시간 보내시길 바랍니다!</p>
    </div>

    <h2 id="faq" class="tistory-section-title">자주 묻는 질문 (FAQ)</h2> 
    <div class="faq-section">
        <details>
  <summary><strong>이 목록의 장소들은 주로 어떤 종류의 음식을 제공하나요?</strong></summary>
  <p>추천된 장소들은 주로 수제버거를 전문으로 하는 맛집들입니다. 각 곳마다 특색 있는 버거 메뉴를 가지고 있어, 다양한 취향을 만족시킬 수 있는 옵션들이 많습니다.</p>
</details>
<details>
  <summary><strong>추천된 곳들은 보통 언제까지 운영하나요?</strong></summary>
  <p>대부분의 장소들이 저녁 늦게까지 운영하는 편이지만, 정확한 운영 시간은 장소마다 다를 수 있습니다. 방문하시기 전에 **네이버 지도 등에서 최신 운영 시간을 꼭 확인**하시는 게 좋습니다.</p>
</details>
<details>
  <summary><strong>주차는 편리한 편인가요?</strong></summary>
  <p>주차가 가능한 곳들이 꽤 있지만, 유료인 경우가 많습니다. 따라서, 방문하려는 곳에 미리 문의하시거나 **관련 앱/사이트를 참고**하여 주차 정보를 확인하는 것을 추천드립니다.</p>
</details>
<details>
  <summary><strong>예약은 필수인가요, 또는 가능하나요?</strong></summary>
  <p>몇몇 장소는 예약이 가능하지만, 예약이 필수인지는 각 가게의 운영 방침에 따라 다를 수 있습니다. 인기 있는 시간대에는 대기할 수 있으니, 미리 전화로 확인해 보시는 것이 좋습니다.</p>
</details>
    </div>

</div> 

    <!-- JavaScript 코드 (이전과 동일) -->
    <script>
    document.addEventListener('DOMContentLoaded', function() {
      var reloadButton = document.getElementById('dynamic-reload-button');
      if (reloadButton) {
        reloadButton.href = window.location.href;
        reloadButton.addEventListener('click', function(event) {
          event.preventDefault();
          window.location.href = window.location.href;
        });
      }
    });
    </script>

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>중구 약수동 베이커리 카페 베스트4 추천</title>
    <style>
        /* --- 기본 & 레이아웃 (스킨 CSS와 충돌 최소화, 주요 스타일만 정의) --- */
        /* body 스타일은 티스토리 스킨에 맡기는 것이 좋음 */
        .tistory-content-wrapper { /* 글 전체를 감싸는 div (선택 사항) */
            max-width: 850px; margin: 30px auto; padding: 1px; /* 패딩 1px은 마진 상쇄 방지용 */
        }
        /* --- 제목 --- */
        .tistory-content-wrapper h1.tistory-title { text-align: center; margin-bottom: 50px; font-size: 2.4em; font-weight: 700; color: #212529; border-bottom: 2px solid #dee2e6; padding-bottom: 25px; }
        .tistory-content-wrapper h2.tistory-section-title { border-bottom: 1px solid #dee2e6; padding-bottom: 15px; margin-top: 65px; margin-bottom: 35px; font-size: 1.9em; font-weight: 700; color: #343a40; }
        .tistory-content-wrapper h3.tistory-place-title { margin-top: 50px; margin-bottom: 30px; font-size: 1.5em; font-weight: 700; color: #1e9600; border-left: 5px solid #1e9600; padding-left: 18px; background: linear-gradient(to right, #f8f9fa, transparent); padding-top: 5px; padding-bottom: 5px; border-radius: 0 5px 5px 0;}

        /* --- 목차 --- */
        .tistory-content-wrapper .toc { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 35px 45px; margin: 55px 0; border-radius: 15px; border: 1px solid #ced4da; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); position: relative; }
        .tistory-content-wrapper .toc h2 { border-bottom: 2px solid #adb5bd; margin-top: 0; margin-bottom: 35px; padding-bottom: 18px; text-align: center; font-size: 1.8em; font-weight: 700; color: #495057; letter-spacing: 1px; }
        .tistory-content-wrapper .toc ul { list-style: none !important; padding: 0 !important; margin: 0 !important; column-count: 2; column-gap: 35px; }
        .tistory-content-wrapper .toc li { margin-bottom: 18px !important; font-size: 1.05em !important; position: relative !important; padding-left: 25px !important; }
        .tistory-content-wrapper .toc li::before { content: '➤'; position: absolute; left: 0; top: 1px; color: #20c997; font-weight: bold; font-size: 1em; transition: transform 0.2s ease; }
        .tistory-content-wrapper .toc li:hover::before { transform: translateX(3px); }
        .tistory-content-wrapper .toc a { text-decoration: none !important; color: #495057 !important; transition: color 0.2s ease, background-color 0.2s ease; display: inline-block !important; padding: 3px 6px !important; border-radius: 4px !important; background-color: transparent !important; /* 배경 초기화 */ }
        .tistory-content-wrapper .toc a:hover { color: #0056b3 !important; background-color: rgba(0, 123, 255, 0.05) !important; }

        /* --- 장소 아이템 --- */
        .tistory-content-wrapper .place-item { margin-bottom: 70px; padding-bottom: 60px; border-bottom: 1px dashed #ced4da; }
        .tistory-content-wrapper .place-item:last-child { border-bottom: none; }

        /* 지도 이미지 */
        .tistory-content-wrapper .place-map { text-align: center; margin: 35px 0 25px 0; }
        .tistory-content-wrapper .place-map img { max-width: 100%; height: auto; display: block; margin: 10px auto; border-radius: 12px; border: 1px solid #ced4da; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
        .tistory-content-wrapper .place-map figcaption { font-size: 0.95em; color: #6c757d; margin-top: 10px; font-style: italic; text-align: center; }

        /* --- 주소 --- */
        .tistory-content-wrapper .address-container { text-align: center; margin-top: 25px; margin-bottom: 20px; }
        .tistory-content-wrapper .place-address { background-color: #e9ecef !important; color: #495057 !important; padding: 10px 20px !important; border-radius: 20px !important; display: inline-block !important; font-size: 1em !important; border: 1px solid #ced4da !important; box-shadow: none !important; }
        .tistory-content-wrapper .place-address strong { font-weight: 600 !important; color: #007bff !important; background: none !important; padding: 0 !important; box-shadow: none !important; } /* strong 초기화 */

        /* --- 버튼 공통 스타일 --- */
        .tistory-content-wrapper .place-button { text-align: center !important; margin-top: 30px !important; margin-bottom: 30px !important; }
        .tistory-content-wrapper .place-button a { display: block !important; width: 85% !important; max-width: 450px !important; margin-left: auto !important; margin-right: auto !important; padding: 16px 20px !important; color: white !important; text-decoration: none !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 1.2em !important; transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important; border: none !important; cursor: pointer !important; letter-spacing: 0.5px !important; }
        /* 외부 링크 버튼 */
        .tistory-content-wrapper a.external-button { background: linear-gradient(45deg, #28a745, #20c997) !important; }
        .tistory-content-wrapper a.external-button:hover { background: linear-gradient(45deg, #218838, #1aa07d) !important; box-shadow: 0 8px 20px rgba(33, 136, 56, 0.4) !important; transform: translateY(-3px) scale(1.02) !important; }
        /* 다시 보기 버튼 */
        .tistory-content-wrapper a.reload-button { background: linear-gradient(45deg, #6c757d, #495057) !important; margin-top: 30px !important; }
        .tistory-content-wrapper a.reload-button:hover { background: linear-gradient(45deg, #5a6268, #343a40) !important; box-shadow: 0 8px 20px rgba(108, 117, 125, 0.3) !important; transform: translateY(-3px) scale(1.02) !important; }

        /* 장소 설명 */
        .tistory-content-wrapper .place-description { margin-top: 40px !important; font-size: 1.1em !important; }
        .tistory-content-wrapper .place-description p { margin-bottom: 2em !important; line-height: 1.9 !important; font-size: inherit !important; color: inherit !important; } /* p 태그 스타일 상속 및 중요도 높임 */
        .tistory-content-wrapper .place-description strong { color: #dc3545 !important; font-weight: 700 !important; background-color: rgba(220, 53, 69, 0.05) !important; padding: 0.15em 0.4em !important; border-radius: 4px !important; box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.1) !important; }

        /* 설명 중간 삽입 이미지 */
        .tistory-content-wrapper .inline-image-figure { text-align: center !important; margin: 4em 0 !important; padding: 20px 0 !important; background-color: #fff !important; border-top: 1px solid #e9ecef !important; border-bottom: 1px solid #e9ecef !important; box-shadow: 0 0 15px rgba(0,0,0,0.03) !important; }
        .tistory-content-wrapper .inline-image-figure img.inline-image { max-width: 95% !important; height: auto !important; border-radius: 10px !important; border: 1px solid #dee2e6 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; display: block !important; margin: 15px auto !important; }
        .tistory-content-wrapper .inline-image-figure figcaption.inline-image-caption { font-size: 0.95em !important; color: #6c757d !important; margin-top: 15px !important; text-align: center !important; font-style: italic !important; }

        /* --- FAQ --- */
        .tistory-content-wrapper .faq-section details { border: 1px solid #dee2e6 !important; border-radius: 10px !important; margin-bottom: 18px !important; background-color: #fff !important; transition: all 0.3s ease !important; box-shadow: 0 3px 8px rgba(0,0,0,0.05) !important; }
        .tistory-content-wrapper .faq-section details[open] { background-color: #f8f9fa !important; border-color: #adb5bd !important; box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important; }
        .tistory-content-wrapper .faq-section summary { position: relative !important; font-weight: 700 !important; font-size: 1.1em !important; padding: 20px 30px !important; padding-right: 60px !important; cursor: pointer !important; outline: none !important; color: #495057 !important; list-style: none !important; }
        .tistory-content-wrapper .faq-section summary::-webkit-details-marker { display:none !important; }
        .tistory-content-wrapper .faq-section summary::before { content: 'Q.' !important; color: #007bff !important; font-weight: bold !important; margin-right: 10px !important; }
        .tistory-content-wrapper .faq-section summary::after { content: '+' !important; position: absolute !important; right: 30px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 1.4em !important; color: #adb5bd !important; transition: transform 0.3s ease !important; }
        .tistory-content-wrapper .faq-section details[open] summary::after { transform: translateY(-50%) rotate(45deg) !important; color: #dc3545 !important; }
        .tistory-content-wrapper .faq-section p { padding: 25px 30px !important; margin: 0 !important; border-top: 1px solid #e9ecef !important; font-size: 1.05em !important; color: #495057 !important; line-height: 1.8 !important; }

        /* --- 구분선 --- */
        .tistory-content-wrapper hr { border: 0 !important; height: 1px !important; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) !important; margin: 80px 0 !important; }

        /* --- 링크 기본 스타일 --- */
        .tistory-content-wrapper a { color: #0d6efd; text-decoration: none; }
        .tistory-content-wrapper a:hover { color: #0a58ca; text-decoration: underline; }

        /* --- 모바일 반응형 스타일 --- */
        @media (max-width: 767px) {
            .tistory-content-wrapper .toc ul { column-count: 1 !important; }
            .tistory-content-wrapper h1.tistory-title { font-size: 1.8em !important; }
            .tistory-content-wrapper h2.tistory-section-title { font-size: 1.5em !important; }
            .tistory-content-wrapper h3.tistory-place-title { font-size: 1.3em !important; }
            .tistory-content-wrapper .place-button a { width: 90% !important; font-size: 1.1em !important; }
            .tistory-content-wrapper .place-description { font-size: 1.05em !important; }
            .tistory-content-wrapper .faq-section summary { font-size: 1em !important; }
            .tistory-content-wrapper .faq-section p { font-size: 1em !important; }
            .tistory-content-wrapper .toc { padding: 25px 30px !important; }
            .tistory-content-wrapper .toc h2 { font-size: 1.6em !important; }
            .tistory-content-wrapper .toc li { font-size: 1em !important; }
            /* .tistory-content-wrapper { padding-left: 15px !important; padding-right: 15px !important; } */ /* 본문 여백 조정 */
        }

    </style>
</head>
<body>
<div class="tistory-content-wrapper"> 

    <h1 class="tistory-title">중구 약수동 베이커리 카페 베스트4 추천</h1> 

    <div class="introduction">
        <p>안녕하세요! 요즘 카페에서 즐기는 맛있는 빵과 커피가 대세인 만큼, '중구 약수동 베이커리 카페'를 찾는 분들이 많으실 텐데요. 하지만 이렇게 다양한 카페가 있는 지역에서 원하는 곳을 찾는 건 쉽지 않은 일입니다. 저도 여러 번 헤매본 경험이 있어, 여러분의 마음을 잘 이해할 수 있어요.</p>
<p>오늘은 여러분의 고민을 덜어드리기 위해, <strong>중구 약수동의 베이커리 카페</strong> 중에서 엄선한 4곳을 추천해드리려고 합니다. 이 카페들은 각각의 독특한 매력과 품질로 손님들을 끌어모으고 있으며, 맛과 분위기 모두를 아우르는 곳들입니다. 제가 직접 경험한 다양한 기준으로, 평판과 인테리어, 그리고 맛을 바탕으로 선정했습니다.</p>
<p>이제 여러분이 카페에서 느낄 수 있는 따뜻한 분위기와 맛있는 빵의 향기를 상상해보세요. 어떤 카페들이 여러분을 기다리고 있을지, 본문에서 함께 확인해보세요!</p>
    </div>

    <div class="toc">
        <h2>목차</h2>
        <ul>
            <li><a href="#place-1">1. 패션5</a></li>
            <li><a href="#place-2">2. 서울신라호텔 패스트리 부티크</a></li>
            <li><a href="#place-3">3. 수잔나의 앞치마</a></li>
            <li><a href="#place-4">4. 태극당</a></li>
            <li><a href="#conclusion">결론</a></li>
            <li><a href="#faq">FAQ</a></li>
        </ul>
    </div>

    <h2 class="tistory-section-title">추천 장소 목록</h2> 

    
    <div class="place-item" id="place-1">
        <h3 class="tistory-place-title">1. 패션5</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@dp6grt/btsNLq4wq42/V3lguccxdjx9XVx2dyKJo0/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 패션5 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
        
            
            <div class="place-button">
                <a href="#" id="dynamic-reload-button" class="reload-button">
                    ✨ 패션5 최신 정보 다시 보기
                </a>
            </div>
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 서울특별시 용산구 이태원로 272 SPC빌딩</p>
            </div>
            
            <div class="place-description">
                <p>패션5는 서울 용산구에 위치한 고급스러운 베이커리 카페로, 그 매력은 무엇보다 넓고 세련된 인테리어와 한강 조망이 가능한 탁 트인 공간에 있습니다. 이곳에서는 다양한 종류의 빵과 케이크, 디저트를 즐길 수 있어요. 예를 들어, 써클 초콜릿 세트는 18,000원, 무화과 라미장은 5,900원, 4가지 곡물 라미장은 13,000원으로 제공됩니다. 가격대가 다소 높은 편이지만, 그만큼 품질이 뛰어난 메뉴들로 구성되어 있습니다.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20250425_167/1745574791964cxpbj_JPEG/����_�����_0423.jpg" alt="패션5 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 패션5 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>패션5는 <strong>연중무휴</strong>로 운영되며, 영업 시간은 오전 7시 30분부터 오후 10시까지입니다. 이 시간에 맞춰 방문하시면 여유롭게 카페의 분위기를 즐기실 수 있어요. 주차는 발렛파킹 서비스를 이용할 수 있는데, 2시간에 5,000원이며, 5만 원 이상 구매 시 1시간 무료 쿠폰도 제공된답니다. 이 외에도 인근에 주차 공간이 있어 편리하게 이용하실 수 있습니다.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20241226_142/17351783924720oVWo_JPEG/���_�����ĸ���_+_ũ����.jpg" alt="패션5 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 패션5 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>예약 가능 여부는 방문 전에 확인해 보시는 것이 좋습니다. 패션5에서의 특별한 디저트 타임을 즐겨보세요!</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://app.catchtable.co.kr/ct/shop/passionfive?from=share&amp;type=PICKUP" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 패션5 바로가기
                </a>
            </div>
            
        
    </div> 
    
    <div class="place-item" id="place-2">
        <h3 class="tistory-place-title">2. 서울신라호텔 패스트리 부티크</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@dAhAKI/btsNMLzRWw2/jSUbw3bRrxJTx38iswKrvK/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 서울신라호텔 패스트리 부티크 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 서울특별시 중구 동호로 249 서울신라호텔 1층</p>
            </div>
            
            
            <div class="place-button">
                <a href="http://www.shilla.net/seoul/dining/viewDining.do?contId=PSBQ#ad-image-0" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 서울신라호텔 패스트리 부티크 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>서울신라호텔 패스트리 부티크는 고급스러운 분위기 속에서 다양한 디저트를 즐길 수 있는 매력적인 공간이에요. 오전 7시부터 오후 10시까지 연중무휴로 운영되며, 뛰어난 품질의 고급 케이크와 패스트리, 마카롱, 다쿠아즈가 준비되어 있습니다. 특히 딸기 생크림 케이크와 다쿠아즈는 많은 사랑을 받고 있어요. 다쿠아즈는 낱개로 4,800원, 6개 세트는 32,300원으로 구매하실 수 있답니다. 그리고 얼루어링 로즈 케이크는 15만원, 멜리플루어스 러브 케이크는 10만원으로, 가격대가 높은 편이지만 그만큼의 품질을 자랑해요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20241121_107/17321667922436D9tR_JPEG/�н�Ʈ��_��Ƽũ.jpg" alt="서울신라호텔 패스트리 부티크 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 서울신라호텔 패스트리 부티크 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>이곳의 분위기는 매우 우아하고 고급스러워서 특별한 날에 방문하기 좋은 장소랍니다. 꽃과 케이크를 함께 배달하는 서비스도 제공하니, 소중한 분께 특별한 선물을 준비하고 싶으신 분들께 추천드려요. 주차는 호텔 주차장을 이용할 수 있으며, 매장 이용 시 3시간 무료 주차가 가능하지만 주차 공간이 협소할 수 있으니 이 점 참고하셔야 해요. 또한, 방문하려면 최소 3일 전 예약이 필수이며, 예약은 신라호텔 홈페이지나 전화(02-2230-3377)를 통해 가능합니다. 이 모든 정보가 도움이 되셔서 멋진 시간을 보내시길 바라요!</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240219_49/17083169001462BFYS_JPEG/211227_PB_����_���ݸ�.jpg" alt="서울신라호텔 패스트리 부티크 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 서울신라호텔 패스트리 부티크 관련 이미지 (출처: 네이버)</figcaption>
</figure>
            </div>
        
    </div> 
    
    <div class="place-item" id="place-3">
        <h3 class="tistory-place-title">3. 수잔나의 앞치마</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@bxCy3N/btsNLp5G5FR/HwYOj3LORKxCvMEOUL2W1k/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 수잔나의 앞치마 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 서울특별시 중구 퇴계로49길 24</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://www.instagram.com/spacedo_official/" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 수잔나의 앞치마 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>수잔나의 앞치마는 서울 중구 퇴계로에 위치한 아늑한 카페로, 다양한 빵과 케이크, 커피를 즐길 수 있는 곳이에요. 특히 인기 메뉴인 카스테라(카스티아)와 까눌레, 그리고 닭가슴살 샐러드는 꼭 드셔보셔야 할 맛이에요. 가격대는 중간 정도로, 가성비도 괜찮답니다.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20200515_84/1589509344029FiCgV_JPEG/PtpJ3eN-Yk-xTfusr-WHBN35.jpg" alt="수잔나의 앞치마 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 수잔나의 앞치마 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>이곳의 매력은 무엇보다 멋스러운 앤티크 가구로 꾸며진 인테리어와 함께 루프탑 정원이 있다는 점이에요. 아늑하고 감성적인 분위기 속에서 커피 한 잔을 즐기며 여유로운 시간을 보낼 수 있죠. 또한, 복합문화공간으로 운영되어 전시 관람도 가능하니, 문화생활을 즐기기에도 좋은 장소예요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240129_64/1706524322777zd10P_PNG/KakaoTalk_20240129_150135535_01.png" alt="수잔나의 앞치마 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 수잔나의 앞치마 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>운영 시간은 오전 7시부터 오후 10시까지이며, 연중무휴로 운영되지만 휴무일은 미리 확인하시는 것이 좋습니다. <strong>주차는 베이커리나 음료 구매 시 1시간 무료</strong>로 가능하니, 차량으로 방문하시는 분들께는 좋은 소식이죠. 예약 여부도 확인해 보시는 것이 좋답니다. 수잔나의 앞치마에서 특별한 하루를 만들어보세요!</p>
            </div>
        
    </div> 
    
    <div class="place-item" id="place-4">
        <h3 class="tistory-place-title">4. 태극당</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@cyclQG/btsNL2PKUKF/CJv4L8PmTY34SgqNtZ086K/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 태극당 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 서울특별시 중구 동호로24길 7</p>
            </div>
            
            
            <div class="place-button">
                <a href="http://www.taegeukdang.com" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 태극당 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>태극당은 서울 중구에 위치한 유명한 빵집으로, 오랜 역사와 전통을 자랑하는 곳이에요. 이곳의 가장 큰 매력은 바로 <strong>맛있는 빵과 시원한 팥빙수</strong>랍니다. 특히 여름철에는 많은 이들이 이곳의 팥빙수를 찾곤 해요. 부드러운 얼음과 고소한 팥이 어우러져, 더위에 지친 몸을 시원하게 해줍니다.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240510_168/17153045215151Q7dd_JPEG/160412_tgd_025.jpg" alt="태극당 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 태극당 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>태극당은 아늑하고 편안한 분위기로, 친구나 가족과 함께 방문하기 좋은 장소예요. 간단하게 차 한 잔과 함께 빵을 즐기며 여유로운 시간을 보내기에 적합하답니다. 하지만 방문하시기 전에 운영시간과 가격대를 확인하시는 것이 좋습니다. 이 정보는 변동될 수 있으니, 미리 체크해 보시는 걸 추천드려요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20190116_49/1547614527144mycAQ_JPEG/A5mNm5faTas5YFOssQjD-feW.jpg" alt="태극당 내부 또는 관련 모습" loading="lazy" class="inline-image" style="max-width: 90%; height: auto; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <figcaption class="inline-image-caption" style="font-size: 0.9em; color: #777; margin-top: 8px;">▲ 태극당 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>또한, 주차 공간이나 예약 관련 정보도 미리 알아보시는 것이 좋겠어요. 특히 주말에는 붐빌 수 있으니, 가능한 한 일찍 방문하시는 것이 좋아요. 태극당에서 특별한 디저트 경험을 해보시길 바랍니다!</p>
            </div>
        
    </div> 
    

    <h2 id="conclusion" class="tistory-section-title">결론</h2> 
    <div class="conclusion">
        <p>오늘 소개해 드린 중구 약수동 베이커리 카페들이 여러분의 선택에 도움이 되셨기를 바랍니다.</p>
<p>카페 선택 시에는 개인 취향, 방문 목적, <strong>예산 범위</strong>를 고려하는 것이 중요합니다. 각 카페의 특성과 분위기를 미리 파악해 보세요.</p>
<p>또한, 방문하기 전에 <strong>최신 운영 시간과 방문자 후기</strong>를 확인하는 것을 추천합니다. 이는 더 나은 경험을 보장해 줄 것입니다.</p>
<p>그럼, 즐거운 시간 보내시길 바랍니다!</p>
    </div>

    <h2 id="faq" class="tistory-section-title">자주 묻는 질문 (FAQ)</h2> 
    <div class="faq-section">
        <details>
  <summary><strong>추천된 곳들은 주로 어떤 종류의 음식과 음료를 제공하나요?</strong></summary>
  <p>이 목록의 장소들은 주로 베이커리, 카페, 그리고 디저트 카테고리에 속하는 곳들이 많습니다. 신선한 빵과 다양한 커피, 그리고 맛있는 디저트 메뉴를 즐길 수 있어요. 각각의 장소마다 특색 있는 메뉴가 있으니, 여러 곳을 방문해보시는 것도 좋습니다.</p>
</details>
<details>
  <summary><strong>운영 시간은 보통 언제까지인가요?</strong></summary>
  <p>대부분의 카페와 베이커리는 저녁 늦게까지 운영하는 편이지만, 각 장소마다 차이가 있을 수 있습니다. 꼭 방문 전에 **네이버 지도 등에서 최신 운영 시간을 확인**하시는 것이 좋습니다.</p>
</details>
<details>
  <summary><strong>주차는 편리한 편인가요?</strong></summary>
  <p>주차가 가능한 곳들이 꽤 있지만, 유료인 경우가 많으니 참고하세요. 각 장소마다 주차 공간이 다르게 마련되어 있으니, 방문하려는 곳에 미리 문의하거나 **관련 앱/사이트를 참고**하시는 걸 추천합니다.</p>
</details>
<details>
  <summary><strong>예약은 필수인가요, 아니면 가능한가요?</strong></summary>
  <p>일반적으로 예약이 필요한 곳과 필요하지 않은 곳이 섞여 있습니다. 특히 주말이나 성수기에는 인기 있는 장소는 예약을 권장합니다. 방문 전에 전화로 확인해보시는 것이 안전할 것 같아요.</p>
</details>
    </div>

</div> 

    <!-- JavaScript 코드 (이전과 동일) -->
    <script>
    document.addEventListener('DOMContentLoaded', function() {
      var reloadButton = document.getElementById('dynamic-reload-button');
      if (reloadButton) {
        reloadButton.href = window.location.href;
        reloadButton.addEventListener('click', function(event) {
          event.preventDefault();
          window.location.href = window.location.href;
        });
      }
    });
    </script>

    /* --- 티스토리 본문 스타일 적용 시작 (v8 - 서론/결론 폰트 크기 조정) --- */
    /* 테마: 따뜻하고 자연친화적인 레트로 스타일 (Cottage Feel) */

    /* 기본 폰트 및 배경색 설정 */
    .entry-content {
        font-family: 'Georgia', 'Times New Roman', Times, serif; /* 클래식한 세리프 셔닝 */
        background-color: #fdfaf6; /* 따뜻한 미색 배경 */
        color: #5d4037; /* 부드러운 갈색 텍스트 */
    }

    /* --- 제목 (h1, h2, h3) 스타일 --- */
    .entry-content h1.tistory-title {
        text-align: center;
        margin-bottom: 60px;
        font-size: 2.6em; /* 약간 더 큰 제목 */
        font-weight: 500; /* 너무 무겁지 않게 */
        color: #4e342e; /* 짙은 갈색 */
        border-bottom: 3px double #d7ccc8; /* 이중선, 옅은 갈색 */
        padding-bottom: 30px;
        letter-spacing: 1px;
    }
    .entry-content h2.tistory-section-title {
        border-bottom: 1px solid #bcaaa4; /* 옅은 갈색 실선 */
        padding-bottom: 18px;
        margin-top: 85px !important;
        margin-bottom: 40px;
        font-size: 2.0em;
        font-weight: 500;
        color: #6d4c41; /* 중간 갈색 */
        text-align: left; /* 왼쪽 정렬 */
    }
    .entry-content h3.tistory-place-title {
        margin-top: 55px;
        margin-bottom: 35px;
        font-size: 1.6em;
        font-weight: 500;
        color: #795548; /* 부드러운 갈색 */
        border-left: 4px solid #a1887f; /* 옅은 갈색 왼쪽 테두리 */
        padding-left: 20px;
        background-color: rgba(239, 235, 233, 0.5); /* 매우 옅은 배경 */
        padding-top: 8px;
        padding-bottom: 8px;
        border-radius: 0 8px 8px 0;
    }

    /* --- 서론 스타일 --- */
    .entry-content .introduction {
        margin-top: 45px !important;
        margin-bottom: 60px !important;
        padding: 20px;
        background-color: #f5f0e9; /* 약간 다른 톤의 미색 배경 */
        border-radius: 8px;
        border: 1px dashed #d7ccc8; /* 점선 테두리 */
    }
    .entry-content .introduction p {
        font-size: 1.15em !important;
        line-height: 2.0 !important;
        margin-bottom: 2.2em !important;
        color: #6d4c41 !important;
    }
    .entry-content .introduction strong {
        color: #8d6e63 !important; /* 강조색, 톤 다운된 브라운 */
        font-weight: 600 !important;
        background-color: transparent !important;
        padding: 0 !important;
        border-bottom: 2px dotted #a1887f !important; /* 점선 밑줄 */
        box-shadow: none !important;
    }


    /* --- 목차 --- */
    .entry-content .toc {
        background: #efebe9; /* 옅은 베이지 배경 */
        padding: 40px 50px !important;
        margin: 60px 0 !important;
        border-radius: 10px !important;
        border: 1px solid #d7ccc8 !important;
        box-shadow: 0 4px 15px rgba(93, 64, 55, 0.08) !important;
        position: relative !important;
    }
    .entry-content .toc + * { margin-top: 0 !important; padding: 0 !important; border: none !important; background: none !important; box-shadow: none !important; line-height: 0 !important; font-size: 0 !important; height: 0 !important; overflow: hidden; display: block; }
    .entry-content .toc h2 {
        border-bottom: 1px solid #bcaaa4 !important;
        margin-top: 0 !important;
        margin-bottom: 35px !important;
        padding-bottom: 20px !important;
        text-align: center !important;
        font-size: 1.8em !important;
        font-weight: 500 !important;
        color: #5d4037 !important;
        letter-spacing: 0.8px !important;
    }
    .entry-content .toc ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        column-count: 1 !important; /* 단일 열 유지 */
    }
    .entry-content .toc li {
        margin-bottom: 18px !important;
        font-size: 1.1em !important;
        position: relative !important;
        padding-left: 30px !important;
    }
    .entry-content .toc li::before {
        content: '❧' !important; /* 식물 느낌의 아이콘 (또는 ❖, ❀) */
        position: absolute !important;
        left: 0 !important;
        top: 1px !important;
        color: #8d6e63 !important; /* 톤 다운된 브라운 */
        font-weight: normal !important;
        font-size: 1.2em !important;
        transition: color 0.2s ease !important;
    }
    .entry-content .toc li:hover::before { color: #795548 !important; }
    .entry-content .toc a {
        text-decoration: none !important;
        color: #6d4c41 !important;
        transition: color 0.2s ease, background-color 0.2s ease !important;
        display: inline-block !important;
        padding: 5px 10px !important;
        border-radius: 4px !important;
        background-color: transparent !important;
        border-bottom: 1px dashed transparent !important;
    }
    .entry-content .toc a:hover {
        color: #4e342e !important;
        background-color: rgba(215, 204, 200, 0.4) !important;
        border-bottom: 1px dashed #a1887f !important;
    }

    /* --- 장소 아이템 --- */
    .entry-content .place-item {
        margin-bottom: 75px !important;
        padding-bottom: 65px !important;
        border-bottom: 1px dashed #c8b8ae !important; /* 점선 구분 */
    }
    .entry-content .place-item:last-child { border-bottom: none !important; }

    /* 지도 이미지 */
    .entry-content .place-map {
        text-align: center !important;
        margin: 40px 0 30px 0 !important;
    }
    .entry-content .place-map img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 10px auto !important;
        border-radius: 6px !important; /* 살짝 둥근 모서리 */
        border: 1px solid #d7ccc8 !important;
        box-shadow: 0 3px 10px rgba(93, 64, 55, 0.1) !important;
    }
    .entry-content .place-map figcaption {
        font-size: 0.95em !important;
        color: #8d6e63 !important;
        margin-top: 15px !important;
        font-style: italic !important;
        text-align: center !important;
    }

    /* --- 주소 --- */
    .entry-content .address-container {
        text-align: center !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .entry-content .place-address {
        background-color: #f5f0e9 !important; /* 배경색 변경 */
        color: #5d4037 !important;
        padding: 14px 25px !important;
        border-radius: 25px !important; /* 부드러운 캡슐 모양 */
        display: inline-block !important;
        font-size: 1.05em !important;
        border: 1px solid #d7ccc8 !important;
        box-shadow: none !important;
        font-style: italic;
    }
    .entry-content .place-address strong {
        font-weight: 600 !important;
        color: #795548 !important; /* 포인트 컬러 변경 */
        background: none !important;
        padding: 0 !important;
        box-shadow: none !important;
        font-style: normal;
    }

    /* --- 버튼 --- */
    .entry-content .place-button {
        text-align: center !important;
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .entry-content .place-button a {
        display: inline-block !important; /* 인라인 블록으로 변경 */
        width: auto !important; /* 자동 너비 */
        max-width: none !important; /* 최대 너비 제한 해제 */
        padding: 15px 35px !important; /* 패딩 조정 */
        color: #fff !important;
        text-decoration: none !important;
        border-radius: 6px !important; /* 살짝 둥근 모서리 */
        font-weight: 500 !important;
        font-size: 1.15em !important;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 버튼은 산세리프로 가독성 */
        transition: all 0.25s ease !important;
        box-shadow: 0 2px 5px rgba(93, 64, 55, 0.15) !important;
        border: none !important;
        cursor: pointer !important;
        letter-spacing: 0.5px !important;
    }
    .entry-content a.external-button {
        background-color: #8d6e63 !important; /* 주조색 계열의 버튼 */
        border: 1px solid #795548 !important;
    }
    .entry-content a.external-button:hover {
        background-color: #795548 !important;
        box-shadow: 0 4px 10px rgba(93, 64, 55, 0.25) !important;
        transform: translateY(-1px) !important;
    }
    .entry-content a.reload-button {
        background-color: #a1887f !important; /* 보조색 계열의 버튼 */
        border: 1px solid #8d6e63 !important;
        margin-top: 30px !important;
    }
    .entry-content a.reload-button:hover {
        background-color: #8d6e63 !important;
        box-shadow: 0 4px 10px rgba(121, 85, 72, 0.25) !important;
        transform: translateY(-1px) !important;
    }

    /* 장소 설명 */
    .entry-content .place-description {
        margin-top: 50px !important;
        font-size: 1.15em !important; /* 본문 폰트 크기 */
        color: #5d4037 !important;
    }
    .entry-content .place-description p {
        margin-bottom: 2.3em !important;
        line-height: 2.0 !important;
        color: inherit !important;
        font-size: inherit !important;
    }
    .entry-content .place-description strong {
        color: #a1887f !important; /* 강조색 변경 */
        font-weight: 600 !important;
        background-color: rgba(215, 204, 200, 0.3) !important; /* 은은한 배경 */
        padding: 0.15em 0.5em !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        border-bottom: none !important;
    }

    /* 설명 중간 삽입 이미지 */
    .entry-content .inline-image-figure {
        text-align: center !important;
        margin: 5em 0 !important;
        padding: 30px 0 !important;
        background-color: #f8f4ef !important; /* 배경색 살짝 변경 */
        border-top: 1px solid #e0d8d3 !important;
        border-bottom: 1px solid #e0d8d3 !important;
        box-shadow: none !important;
    }
    .entry-content .inline-image-figure img.inline-image {
        max-width: 95% !important;
        height: auto !important;
        border-radius: 6px !important;
        border: 1px solid #d7ccc8 !important;
        box-shadow: 0 3px 10px rgba(93, 64, 55, 0.1) !important;
        display: block !important;
        margin: 18px auto !important;
    }
    .entry-content .inline-image-figure figcaption.inline-image-caption {
        font-size: 1em !important;
        color: #8d6e63 !important;
        margin-top: 20px !important;
        text-align: center !important;
        font-style: italic !important;
    }

    /* --- 결론 스타일 --- */
    .entry-content .conclusion {
        margin-top: 45px !important;
        margin-bottom: 65px !important;
        padding: 20px;
        background-color: #f5f0e9;
        border-radius: 8px;
        border: 1px dashed #d7ccc8;
    }
    .entry-content .conclusion p {
        font-size: 1.15em !important;
        line-height: 2.0 !important;
        margin-bottom: 2.2em !important;
        color: #6d4c41 !important;
    }
    .entry-content .conclusion strong {
        color: #795548 !important; /* 결론 강조색 */
        font-weight: 600 !important;
        background-color: transparent !important;
        padding: 0 !important;
        border-bottom: 2px dotted #a1887f !important;
        box-shadow: none !important;
    }

    /* --- FAQ --- */
    .entry-content .faq-section details {
        border: 1px solid #d7ccc8 !important;
        border-radius: 8px !important;
        margin-bottom: 18px !important;
        background-color: #fffaf7 !important; /* FAQ 배경 */
        transition: all 0.25s ease !important;
        box-shadow: 0 2px 5px rgba(93, 64, 55, 0.06) !important;
        overflow: hidden;
    }
    .entry-content .faq-section details[open] {
        background-color: #f5f0e9 !important;
        border-color: #bcaaa4 !important;
        box-shadow: 0 3px 10px rgba(93, 64, 55, 0.1) !important;
    }
    .entry-content .faq-section summary {
        position: relative !important;
        font-weight: 600 !important; /* 세리프와 어울리게 보통 굵기 */
        font-size: 1.15em !important;
        padding: 22px 30px !important;
        padding-right: 60px !important;
        cursor: pointer !important;
        outline: none !important;
        color: #5d4037 !important;
        list-style: none !important;
        transition: background-color 0.2s ease;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* FAQ 질문은 산세리프 */
    }
    .entry-content .faq-section details[open] summary { background-color: #efebe9; }
    .entry-content .faq-section summary::-webkit-details-marker { display:none !important; }
    .entry-content .faq-section summary::before {
        content: 'Q:' !important; /* 질문 마커 */
        color: #8d6e63 !important;
        font-weight: bold !important;
        margin-right: 10px !important;
    }
    .entry-content .faq-section summary::after {
        content: '↓' !important; /* 아래 화살표 */
        position: absolute !important;
        right: 30px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 1.2em !important;
        color: #a1887f !important;
        transition: transform 0.25s ease !important;
    }
    .entry-content .faq-section details[open] summary::after {
        transform: translateY(-50%) rotate(180deg) !important; /* 위 화살표 */
        color: #795548 !important;
    }
    .entry-content .faq-section p {
        padding: 25px 30px !important;
        margin: 0 !important;
        border-top: 1px solid #e0d8d3 !important;
        font-size: 1.1em !important; /* 답변 폰트 크기 */
        color: #6d4c41 !important;
        line-height: 1.9 !important;
        background-color: #fffdfb; /* 답변 배경 */
    }

    /* --- 구분선 제거 (템플릿에서 <hr> 삭제 권장) --- */
    /* .entry-content hr { display: none !important; } */

    /* --- 모바일 반응형 스타일 --- */
    @media (max-width: 767px) {
        .entry-content .toc ul { column-count: 1 !important; }
        .entry-content h1.tistory-title { font-size: 2.0em !important; margin-bottom: 40px; padding-bottom: 20px; }
        .entry-content h2.tistory-section-title { font-size: 1.7em !important; margin-top: 65px !important; padding-bottom: 15px; }
        .entry-content h3.tistory-place-title { font-size: 1.4em !important; padding-left: 15px; }
        .entry-content .place-button a { width: auto !important; font-size: 1.05em !important; padding: 12px 25px !important; }
        .entry-content .place-description { font-size: 1.1em !important; }
        .entry-content .introduction p,
        .entry-content .conclusion p { font-size: 1.1em !important; margin-bottom: 2em !important; line-height: 1.9 !important;}
        .entry-content .faq-section summary { font-size: 1.05em !important; padding: 18px 25px; padding-right: 50px; }
        .entry-content .faq-section summary::after { right: 25px; }
        .entry-content .faq-section p { font-size: 1.05em !important; padding: 20px 25px; }
        .entry-content .toc { padding: 30px 35px !important; }
        .entry-content .toc h2 { font-size: 1.6em !important; }
        .entry-content .toc li { font-size: 1.05em !important; padding-left: 25px; }
        .entry-content .address-container { margin-top: 25px; margin-bottom: 25px; }
        .entry-content .place-address { padding: 12px 20px; font-size: 1em; }
    }

    /* --- 티스토리 본문 스타일 적용 끝 --- */    /* --- 티스토리 본문 스타일 적용 시작 (v8 - 서론/결론 폰트 크기 조정) --- */
    /* 테마: 따뜻하고 자연친화적인 레트로 스타일 (Cottage Feel) */

    /* 기본 폰트 및 배경색 설정 */
    .entry-content {
        font-family: 'Georgia', 'Times New Roman', Times, serif; /* 클래식한 세리프 셔닝 */
        background-color: #fdfaf6; /* 따뜻한 미색 배경 */
        color: #5d4037; /* 부드러운 갈색 텍스트 */
    }

    /* --- 제목 (h1, h2, h3) 스타일 --- */
    .entry-content h1.tistory-title {
        text-align: center;
        margin-bottom: 60px;
        font-size: 2.6em; /* 약간 더 큰 제목 */
        font-weight: 500; /* 너무 무겁지 않게 */
        color: #4e342e; /* 짙은 갈색 */
        border-bottom: 3px double #d7ccc8; /* 이중선, 옅은 갈색 */
        padding-bottom: 30px;
        letter-spacing: 1px;
    }
    .entry-content h2.tistory-section-title {
        border-bottom: 1px solid #bcaaa4; /* 옅은 갈색 실선 */
        padding-bottom: 18px;
        margin-top: 85px !important;
        margin-bottom: 40px;
        font-size: 2.0em;
        font-weight: 500;
        color: #6d4c41; /* 중간 갈색 */
        text-align: left; /* 왼쪽 정렬 */
    }
    .entry-content h3.tistory-place-title {
        margin-top: 55px;
        margin-bottom: 35px;
        font-size: 1.6em;
        font-weight: 500;
        color: #795548; /* 부드러운 갈색 */
        border-left: 4px solid #a1887f; /* 옅은 갈색 왼쪽 테두리 */
        padding-left: 20px;
        background-color: rgba(239, 235, 233, 0.5); /* 매우 옅은 배경 */
        padding-top: 8px;
        padding-bottom: 8px;
        border-radius: 0 8px 8px 0;
    }

    /* --- 서론 스타일 --- */
    .entry-content .introduction {
        margin-top: 45px !important;
        margin-bottom: 60px !important;
        padding: 20px;
        background-color: #f5f0e9; /* 약간 다른 톤의 미색 배경 */
        border-radius: 8px;
        border: 1px dashed #d7ccc8; /* 점선 테두리 */
    }
    .entry-content .introduction p {
        font-size: 1.15em !important;
        line-height: 2.0 !important;
        margin-bottom: 2.2em !important;
        color: #6d4c41 !important;
    }
    .entry-content .introduction strong {
        color: #8d6e63 !important; /* 강조색, 톤 다운된 브라운 */
        font-weight: 600 !important;
        background-color: transparent !important;
        padding: 0 !important;
        border-bottom: 2px dotted #a1887f !important; /* 점선 밑줄 */
        box-shadow: none !important;
    }


    /* --- 목차 --- */
    .entry-content .toc {
        background: #efebe9; /* 옅은 베이지 배경 */
        padding: 40px 50px !important;
        margin: 60px 0 !important;
        border-radius: 10px !important;
        border: 1px solid #d7ccc8 !important;
        box-shadow: 0 4px 15px rgba(93, 64, 55, 0.08) !important;
        position: relative !important;
    }
    .entry-content .toc + * { margin-top: 0 !important; padding: 0 !important; border: none !important; background: none !important; box-shadow: none !important; line-height: 0 !important; font-size: 0 !important; height: 0 !important; overflow: hidden; display: block; }
    .entry-content .toc h2 {
        border-bottom: 1px solid #bcaaa4 !important;
        margin-top: 0 !important;
        margin-bottom: 35px !important;
        padding-bottom: 20px !important;
        text-align: center !important;
        font-size: 1.8em !important;
        font-weight: 500 !important;
        color: #5d4037 !important;
        letter-spacing: 0.8px !important;
    }
    .entry-content .toc ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        column-count: 1 !important; /* 단일 열 유지 */
    }
    .entry-content .toc li {
        margin-bottom: 18px !important;
        font-size: 1.1em !important;
        position: relative !important;
        padding-left: 30px !important;
    }
    .entry-content .toc li::before {
        content: '❧' !important; /* 식물 느낌의 아이콘 (또는 ❖, ❀) */
        position: absolute !important;
        left: 0 !important;
        top: 1px !important;
        color: #8d6e63 !important; /* 톤 다운된 브라운 */
        font-weight: normal !important;
        font-size: 1.2em !important;
        transition: color 0.2s ease !important;
    }
    .entry-content .toc li:hover::before { color: #795548 !important; }
    .entry-content .toc a {
        text-decoration: none !important;
        color: #6d4c41 !important;
        transition: color 0.2s ease, background-color 0.2s ease !important;
        display: inline-block !important;
        padding: 5px 10px !important;
        border-radius: 4px !important;
        background-color: transparent !important;
        border-bottom: 1px dashed transparent !important;
    }
    .entry-content .toc a:hover {
        color: #4e342e !important;
        background-color: rgba(215, 204, 200, 0.4) !important;
        border-bottom: 1px dashed #a1887f !important;
    }

    /* --- 장소 아이템 --- */
    .entry-content .place-item {
        margin-bottom: 75px !important;
        padding-bottom: 65px !important;
        border-bottom: 1px dashed #c8b8ae !important; /* 점선 구분 */
    }
    .entry-content .place-item:last-child { border-bottom: none !important; }

    /* 지도 이미지 */
    .entry-content .place-map {
        text-align: center !important;
        margin: 40px 0 30px 0 !important;
    }
    .entry-content .place-map img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 10px auto !important;
        border-radius: 6px !important; /* 살짝 둥근 모서리 */
        border: 1px solid #d7ccc8 !important;
        box-shadow: 0 3px 10px rgba(93, 64, 55, 0.1) !important;
    }
    .entry-content .place-map figcaption {
        font-size: 0.95em !important;
        color: #8d6e63 !important;
        margin-top: 15px !important;
        font-style: italic !important;
        text-align: center !important;
    }

    /* --- 주소 --- */
    .entry-content .address-container {
        text-align: center !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .entry-content .place-address {
        background-color: #f5f0e9 !important; /* 배경색 변경 */
        color: #5d4037 !important;
        padding: 14px 25px !important;
        border-radius: 25px !important; /* 부드러운 캡슐 모양 */
        display: inline-block !important;
        font-size: 1.05em !important;
        border: 1px solid #d7ccc8 !important;
        box-shadow: none !important;
        font-style: italic;
    }
    .entry-content .place-address strong {
        font-weight: 600 !important;
        color: #795548 !important; /* 포인트 컬러 변경 */
        background: none !important;
        padding: 0 !important;
        box-shadow: none !important;
        font-style: normal;
    }

    /* --- 버튼 --- */
    .entry-content .place-button {
        text-align: center !important;
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .entry-content .place-button a {
        display: inline-block !important; /* 인라인 블록으로 변경 */
        width: auto !important; /* 자동 너비 */
        max-width: none !important; /* 최대 너비 제한 해제 */
        padding: 15px 35px !important; /* 패딩 조정 */
        color: #fff !important;
        text-decoration: none !important;
        border-radius: 6px !important; /* 살짝 둥근 모서리 */
        font-weight: 500 !important;
        font-size: 1.15em !important;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 버튼은 산세리프로 가독성 */
        transition: all 0.25s ease !important;
        box-shadow: 0 2px 5px rgba(93, 64, 55, 0.15) !important;
        border: none !important;
        cursor: pointer !important;
        letter-spacing: 0.5px !important;
    }
    .entry-content a.external-button {
        background-color: #8d6e63 !important; /* 주조색 계열의 버튼 */
        border: 1px solid #795548 !important;
    }
    .entry-content a.external-button:hover {
        background-color: #795548 !important;
        box-shadow: 0 4px 10px rgba(93, 64, 55, 0.25) !important;
        transform: translateY(-1px) !important;
    }
    .entry-content a.reload-button {
        background-color: #a1887f !important; /* 보조색 계열의 버튼 */
        border: 1px solid #8d6e63 !important;
        margin-top: 30px !important;
    }
    .entry-content a.reload-button:hover {
        background-color: #8d6e63 !important;
        box-shadow: 0 4px 10px rgba(121, 85, 72, 0.25) !important;
        transform: translateY(-1px) !important;
    }

    /* 장소 설명 */
    .entry-content .place-description {
        margin-top: 50px !important;
        font-size: 1.15em !important; /* 본문 폰트 크기 */
        color: #5d4037 !important;
    }
    .entry-content .place-description p {
        margin-bottom: 2.3em !important;
        line-height: 2.0 !important;
        color: inherit !important;
        font-size: inherit !important;
    }
    .entry-content .place-description strong {
        color: #a1887f !important; /* 강조색 변경 */
        font-weight: 600 !important;
        background-color: rgba(215, 204, 200, 0.3) !important; /* 은은한 배경 */
        padding: 0.15em 0.5em !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        border-bottom: none !important;
    }

    /* 설명 중간 삽입 이미지 */
    .entry-content .inline-image-figure {
        text-align: center !important;
        margin: 5em 0 !important;
        padding: 30px 0 !important;
        background-color: #f8f4ef !important; /* 배경색 살짝 변경 */
        border-top: 1px solid #e0d8d3 !important;
        border-bottom: 1px solid #e0d8d3 !important;
        box-shadow: none !important;
    }
    .entry-content .inline-image-figure img.inline-image {
        max-width: 95% !important;
        height: auto !important;
        border-radius: 6px !important;
        border: 1px solid #d7ccc8 !important;
        box-shadow: 0 3px 10px rgba(93, 64, 55, 0.1) !important;
        display: block !important;
        margin: 18px auto !important;
    }
    .entry-content .inline-image-figure figcaption.inline-image-caption {
        font-size: 1em !important;
        color: #8d6e63 !important;
        margin-top: 20px !important;
        text-align: center !important;
        font-style: italic !important;
    }

    /* --- 결론 스타일 --- */
    .entry-content .conclusion {
        margin-top: 45px !important;
        margin-bottom: 65px !important;
        padding: 20px;
        background-color: #f5f0e9;
        border-radius: 8px;
        border: 1px dashed #d7ccc8;
    }
    .entry-content .conclusion p {
        font-size: 1.15em !important;
        line-height: 2.0 !important;
        margin-bottom: 2.2em !important;
        color: #6d4c41 !important;
    }
    .entry-content .conclusion strong {
        color: #795548 !important; /* 결론 강조색 */
        font-weight: 600 !important;
        background-color: transparent !important;
        padding: 0 !important;
        border-bottom: 2px dotted #a1887f !important;
        box-shadow: none !important;
    }

    /* --- FAQ --- */
    .entry-content .faq-section details {
        border: 1px solid #d7ccc8 !important;
        border-radius: 8px !important;
        margin-bottom: 18px !important;
        background-color: #fffaf7 !important; /* FAQ 배경 */
        transition: all 0.25s ease !important;
        box-shadow: 0 2px 5px rgba(93, 64, 55, 0.06) !important;
        overflow: hidden;
    }
    .entry-content .faq-section details[open] {
        background-color: #f5f0e9 !important;
        border-color: #bcaaa4 !important;
        box-shadow: 0 3px 10px rgba(93, 64, 55, 0.1) !important;
    }
    .entry-content .faq-section summary {
        position: relative !important;
        font-weight: 600 !important; /* 세리프와 어울리게 보통 굵기 */
        font-size: 1.15em !important;
        padding: 22px 30px !important;
        padding-right: 60px !important;
        cursor: pointer !important;
        outline: none !important;
        color: #5d4037 !important;
        list-style: none !important;
        transition: background-color 0.2s ease;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* FAQ 질문은 산세리프 */
    }
    .entry-content .faq-section details[open] summary { background-color: #efebe9; }
    .entry-content .faq-section summary::-webkit-details-marker { display:none !important; }
    .entry-content .faq-section summary::before {
        content: 'Q:' !important; /* 질문 마커 */
        color: #8d6e63 !important;
        font-weight: bold !important;
        margin-right: 10px !important;
    }
    .entry-content .faq-section summary::after {
        content: '↓' !important; /* 아래 화살표 */
        position: absolute !important;
        right: 30px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 1.2em !important;
        color: #a1887f !important;
        transition: transform 0.25s ease !important;
    }
    .entry-content .faq-section details[open] summary::after {
        transform: translateY(-50%) rotate(180deg) !important; /* 위 화살표 */
        color: #795548 !important;
    }
    .entry-content .faq-section p {
        padding: 25px 30px !important;
        margin: 0 !important;
        border-top: 1px solid #e0d8d3 !important;
        font-size: 1.1em !important; /* 답변 폰트 크기 */
        color: #6d4c41 !important;
        line-height: 1.9 !important;
        background-color: #fffdfb; /* 답변 배경 */
    }

    /* --- 구분선 제거 (템플릿에서 <hr> 삭제 권장) --- */
    /* .entry-content hr { display: none !important; } */

    /* --- 모바일 반응형 스타일 --- */
    @media (max-width: 767px) {
        .entry-content .toc ul { column-count: 1 !important; }
        .entry-content h1.tistory-title { font-size: 2.0em !important; margin-bottom: 40px; padding-bottom: 20px; }
        .entry-content h2.tistory-section-title { font-size: 1.7em !important; margin-top: 65px !important; padding-bottom: 15px; }
        .entry-content h3.tistory-place-title { font-size: 1.4em !important; padding-left: 15px; }
        .entry-content .place-button a { width: auto !important; font-size: 1.05em !important; padding: 12px 25px !important; }
        .entry-content .place-description { font-size: 1.1em !important; }
        .entry-content .introduction p,
        .entry-content .conclusion p { font-size: 1.1em !important; margin-bottom: 2em !important; line-height: 1.9 !important;}
        .entry-content .faq-section summary { font-size: 1.05em !important; padding: 18px 25px; padding-right: 50px; }
        .entry-content .faq-section summary::after { right: 25px; }
        .entry-content .faq-section p { font-size: 1.05em !important; padding: 20px 25px; }
        .entry-content .toc { padding: 30px 35px !important; }
        .entry-content .toc h2 { font-size: 1.6em !important; }
        .entry-content .toc li { font-size: 1.05em !important; padding-left: 25px; }
        .entry-content .address-container { margin-top: 25px; margin-bottom: 25px; }
        .entry-content .place-address { padding: 12px 20px; font-size: 1em; }
    }

    /* --- 티스토리 본문 스타일 적용 끝 --- */