@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>현지인 추천 시흥시 배곧 한울공원 해수체험장 근처 카페 5 후기</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">현지인 추천 시흥시 배곧 한울공원 해수체험장 근처 카페 5 후기</h1> 

    <div class="introduction">
        <p>안녕하세요, 여러분! 시흥시 배곧 한울공원 해수체험장 근처에서 카페를 찾는 일이 생각보다 쉽지 않다는 것, 저도 잘 알고 있습니다. 특히 맛있는 커피 한 잔과 아늑한 분위기를 원하는 분들께는 더욱 그렇죠. 그래서 오늘은 여러분의 소중한 시간을 아끼기 위해, <strong>정성껏 엄선한 5곳의 카페</strong>를 소개해 드리려 합니다.</p>
<p>이곳들은 단순히 커피만 좋은 것이 아니라, 분위기나 서비스 등 다양한 면에서 추천할 만한 매력을 지니고 있습니다. 제가 직접 방문하고 확인한 곳들이니, 신뢰하고 선택하셔도 좋습니다. 각 카페의 독특한 매력과 맛있는 메뉴를 통해 여러분의 하루가 더욱 특별해지길 바라며, 편안한 휴식 공간으로서의 역할을 톡톡히 할 것입니다.</p>
<p>카페를 선정할 때는 평판뿐만 아니라, 개별적인 분위기와 고객 서비스 등 여러 요소를 고려했습니다. 여러분이 원하시는 그곳이 바로 이 리스트에 있을 것이라 믿어요!</p>
<p>그럼 이제 본문으로 들어가, 시흥시 배곧 한울공원 해수체험장 근처의 멋진 카페들을 만나보러 가실까요?</p>
    </div>

    <div class="toc">
        <h2>목차</h2>
        <ul>
            <li><a href="#place-1">1. Tailor.Button</a></li>
            <li><a href="#place-2">2. 슬로 배곧</a></li>
            <li><a href="#place-3">3. 해질녘카페</a></li>
            <li><a href="#place-4">4. 메가MGC커피 배곧한라비발디점</a></li>
            <li><a href="#place-5">5. 투슬로우커피</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. Tailor.Button</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@mwR6j/btsNTHeim5l/qsq9RVT3c1BGyNaMVvBrBK/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ Tailor.Button 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
        
            
            <div class="place-button">
                <a href="#" id="dynamic-reload-button" class="reload-button">
                    ✨ Tailor.Button 최신 정보 다시 보기
                </a>
            </div>
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 경기도 시흥시 서울대학로 59-20 1층 116호 테일러버튼</p>
            </div>
            
            <div class="place-description">
                <p>'Tailor.Button'은 갤러리 카페로, 넓고 쾌적한 공간이 정말 매력적이에요. 우드톤과 화이트톤의 인테리어가 조화를 이루어 차분하고 감각적인 분위기를 자아내며, 옥구산을 조망할 수 있는 뷰까지 갖추고 있답니다. 다양한 작품들이 전시되어 있어 카페에 앉아 커피를 즐기며 예술을 감상하기에 정말 좋은 곳이에요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240730_45/1722266995709SGcHX_JPEG/KakaoTalk_20240730_002831115_12.jpg" alt="Tailor.Button 내부 또는 관련 모습" 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;">▲ Tailor.Button 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>운영 시간은 평일에는 11:30부터 20:00까지이고, 주말에는 21:00까지 운영해요. 특히, 평일과 주말 모두 <strong>라스트 오더</strong> 시간이 있으니 참고하시면 좋겠어요. 메뉴는 아메리카노가 4,800원, 피스타크림딸기라떼는 7,200원, 그리고 시그니처 메뉴인 '테일러 버튼'은 7,800원으로 가격대는 중상이에요. 디저트로는 오레오조각케이크가 5,900원으로 제공된답니다.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240730_170/17222669957404scDp_JPEG/KakaoTalk_20240730_002831115_05.jpg" alt="Tailor.Button 내부 또는 관련 모습" 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;">▲ Tailor.Button 관련 이미지 (출처: 네이버)</figcaption>
</figure>
<p>주차는 건물 내 주차장을 이용할 수 있어요. 1시간 30분까지는 무료이고, 초과 시 30분당 1,000원이니 참고하시길 바래요. 주말에는 주변 길가 주차도 가능할 수 있으니, 주차 걱정은 덜어도 될 것 같아요. 특별한 예약은 필요하지 않지만, 방문 전에 시간 확인은 꼭 해보시는 게 좋겠어요.</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://www.instagram.com/tailor.button" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 Tailor.Button 바로가기
                </a>
            </div>
            
        
    </div> 
    
    <div class="place-item" id="place-2">
        <h3 class="tistory-place-title">2. 슬로 배곧</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@cBHkY2/btsNVlHTlhU/NccM7XHuIIahdHbset5sT1/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 슬로 배곧 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 경기도 시흥시 서울대학로 59-59 1동 125~146호, 158~160호, 172~174호</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://map.naver.com/p/search/%EC%8A%AC%EB%A1%9C%20%EB%B0%B0%EA%B3%A7" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔍 슬로 배곧 네이버 지도 검색
                </a>
            </div>
            
            
            <div class="place-description">
                <p>슬로 배곧은 배곧 신도시에 위치한 매력적인 베이커리 카페예요. 이곳은 베이커리 명장이 만든 다양한 빵과 베이커리류를 제공하며, 특히 앙버터 바게트와 앙버터 크루아상이 인기가 많답니다. 고구마 라떼와 같은 음료도 맛볼 수 있어요. 가격대는 중간 정도로 부담 없이 즐길 수 있어요.</p>
<p>운영 시간은 매일 09:30부터 21:30까지이며, 라스트 오더는 21:00까지이니 참고하시면 좋겠어요. 슬로 배곧의 분위기는 편안하고 아늑해, 잠시 쉴 수 있는 공간으로 안성맞춤이에요.</p>
<p>주차는 배곧 시그니처 타워 건물의 지하 주차장을 이용하실 수 있는데, <strong>1시간 무료</strong>로 제공되니 차량 이용하시는 분들께 유용하겠죠? 예약 여부는 정보가 확인되지 않으니, 방문 전에 확인해 보시는 것이 좋을 것 같아요.</p>
<p>이곳의 빵 맛에 대한 평이 좋으니, 꼭 한 번 들러보세요!</p>
            </div>
        
    </div> 
    
    <div class="place-item" id="place-3">
        <h3 class="tistory-place-title">3. 해질녘카페</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@G7nGE/btsNUNSmjUk/HV9httnRC5U3a6JdJCa970/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 해질녘카페 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 경기도 시흥시 해송십리로 61 .a동1층1호(배곧동, 한울공원)</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://map.naver.com/p/search/%EC%8B%9C%ED%9D%A5%EC%8B%9C%20%EB%B0%B0%EA%B3%A7%20%ED%95%9C%EC%9A%B8%EA%B3%B5%EC%9B%90%20%ED%95%B4%EC%88%98%EC%B2%B4%ED%97%98%EC%9E%A5%20%EA%B7%BC%EC%B2%98%20%ED%95%B4%EC%A7%88%EB%85%98%EC%B9%B4%ED%8E%98" 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/20240711_245/1720695758004446XT_JPEG/IMG_1516.jpeg" 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/20240714_238/1720952992486tjokf_JPEG/IMG_1589.jpeg" 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-4">
        <h3 class="tistory-place-title">4. 메가MGC커피 배곧한라비발디점</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@bY9RwM/btsNUMMIfpc/kBX8ZTLcryZUfVsAWYDrkk/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 메가MGC커피 배곧한라비발디점 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 경기도 시흥시 배곧1로 27-16</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://map.naver.com/p/search/%EB%A9%94%EA%B0%80MGC%EC%BB%A4%ED%94%BC%20%EB%B0%B0%EA%B3%A7%ED%95%9C%EB%9D%BC%EB%B9%84%EB%B0%9C%EB%94%94%EC%A0%90" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔍 메가MGC커피 배곧한라비발디점 네이버 지도 검색
                </a>
            </div>
            
            
            <div class="place-description">
                <p>메가MGC커피 배곧한라비발디점은 넓은 매장 규모를 자랑하는 프랜차이즈 카페로, 일반적인 카페 분위기를 느낄 수 있어요. 매일 오전 9시부터 오후 10시까지 운영하니, 언제든지 편리하게 방문하실 수 있습니다.</p>
<p>대표 메뉴로는 아메리카노가 1,500원에서 3,000원으로 저렴한 가격대에 제공되며, 카페라떼와 크로플도 인기 메뉴로 많은 분들이 찾으시는 것 같아요. 이곳은 가격이 합리적이어서 부담 없이 즐길 수 있는 점이 큰 매력이에요.</p>
<p>또한, 주차도 가능하니 차량 이용하시는 분들은 걱정 없이 방문하셔도 됩니다. 예약은 필요하지 않을 것으로 예상되니, 친구나 가족과 함께 여유롭게 들러보세요. 메가MGC커피 배곧한라비발디점은 맛있는 커피와 간단한 디저트를 즐기며 편안한 시간을 보낼 수 있는 좋은 장소입니다.</p>
            </div>
        
    </div> 
    
    <div class="place-item" id="place-5">
        <h3 class="tistory-place-title">5. 투슬로우커피</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@cXBkjn/btsNTkxa3lB/0HKywKAsLAceQqZWNmcjl1/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 투슬로우커피 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 경기도 시흥시 오이도로 229 1,2,3,4층</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://www.instagram.com/cafe.tooslow/" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 투슬로우커피 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>투슬로우커피는 오이도에 위치한 멋진 오션뷰 카페로, 4층 건물 전체가 카페로 운영되고 있어요. 이곳의 가장 큰 매력은 바다를 바라보며 커피를 즐길 수 있다는 점이죠. 깔끔하고 차분한 분위기 속에서 여유롭게 시간을 보낼 수 있어, 친구들과의 수다나 혼자만의 힐링 타임에 안성맞춤이에요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240410_279/17127287216909M6Y4_JPEG/A7402599_copy.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:00부터 21:30까지, 주말에는 10:00부터 21:30까지예요. 메뉴는 커피, 음료, 디저트로 다양하게 준비되어 있고, 가격대는 중상 정도로 예상되지만, 아름다운 뷰를 고려하면 그만큼의 가치는 충분히 있다고 생각해요. 특히 4층에는 모래놀이 공간도 마련되어 있어, 아이들과 함께 방문하기에도 좋답니다.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20240410_140/1712728721707i2oCI_JPEG/A7402673_copy.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>

    <!-- Tistory 스타일 적용 가이드 (v7) -->
    <!--

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>광명시 소하동 이마트 광명소하점 주변 카페 추천 베스트 5 선정</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">광명시 소하동 이마트 광명소하점 주변 카페 추천 베스트 5 선정</h1> 

    <div class="introduction">
        <p>광명시 소하동 이마트 광명소하점 주변 카페를 찾으려고 검색해보신 분이라면, 어떤 카페가 좋은지 고민이 많으셨을 거라 생각해요. 다양한 카페가 있지만, 어떤 곳이 정말 괜찮은지는 알기가 쉽지 않죠. 저도 그런 경험이 많았기에 이 글을 통해 조금이나마 도움이 되고자 합니다.</p>
<p>이번 글에서는 <strong>소하동 이마트 광명소하점 근처에서 꼭 가봐야 할 카페 5곳</strong>을 엄선하여 소개해드리려고 해요. 카페마다 개성 있는 분위기와 맛있는 메뉴가 있으니, 여러분의 취향에 맞는 곳을 찾아보시길 바랍니다. 각 카페의 매력을 최대한 살리기 위해, 평판이나 분위기 등 다양한 기준을 고려하여 선정했습니다.</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. 카페가우디</a></li>
            <li><a href="#place-5">5. 에이바우트커피 광명점</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@dnH7Uu/btsNVf8Uxvs/rvbgr52VqIrkmIW4YtPsdk/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> 경기도 광명시 소하로92번길 11 수플레이스</p>
            </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/20210822_57/1629614519338N7uT0_JPEG/vU6xT5ljceGlSCE1-C9NaQB9.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>아쉽게도 운영 시간이나 구체적인 메뉴, 가격대에 대한 정보는 찾기가 어려웠어요. 하지만 수플레이스의 인테리어와 분위기를 생각할 때, 다양한 커피와 디저트가 준비되어 있을 것 같아요.</p><figure class="inline-image-figure" style="text-align: center; margin: 2em 0;">
  <img src="https://ldb-phinf.pstatic.net/20250426_292/17456544893021sGXe_JPEG/20250426_133417.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>
<p>이런 점들을 고려하시고, 수플레이스에서 특별한 시간을 보내보시길 추천드려요. 편안한 분위기 속에서 즐거운 대화를 나누실 수 있을 거예요.</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://www.instagram.com/sou.place_gm/" 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@bjHlW8/btsNVsNHjqc/gVNZfvxfSlkSEf5ztVYMdK/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 카페 르꾸떼 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 경기도 광명시 소하로109번길 19 서울프라자 303호</p>
            </div>
            
            
            <div class="place-button">
                <a href="http://instagram.com/cafe.regouter" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 카페 르꾸떼 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>카페 르꾸떼는 아기자기하고 예쁜 디저트로 가득한 곳이에요. 넓고 여유로운 공간에서 감성적인 분위기를 느낄 수 있으며, 햇살이 가득 들어오는 큰 창문 덕분에 더욱 아늑한 느낌이 듭니다. 혼자서 차 한 잔을 즐기기에 좋고, 친구들과 함께 방문하기에도 안성맞춤이에요.</p>
<p>운영 시간은 화요일부터 토요일까지 11:00에서 22:00까지이며, <strong>라스트 오더는 21:30</strong>까지니 참고하세요. 일요일과 월요일은 휴무이니 방문 전에 확인해보시는 게 좋습니다. 메뉴로는 휘낭시에, 바스크 치즈 케이크, 다크 초코 케이크, 아이스 아메리카노 등이 있고, 가격대는 대체로 3,000원에서 7,000원 정도로 부담 없이 즐길 수 있어요.</p>
<p>주차는 건물 지하에 무료로 가능하니, 자동차를 이용하시는 분들께는 편리할 것 같아요. 예약에 대한 정보는 찾기 어려웠지만, 인기 있는 시간대에는 미리 가시는 것이 좋을 듯합니다. 카페 르꾸떼에서 소중한 시간을 보내보세요!</p>
            </div>
        
    </div> 
    
    <div class="place-item" id="place-3">
        <h3 class="tistory-place-title">3. 스타벅스 광명소하점</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@bhz5aT/btsNTlW9O7S/qZi2X5vCqsi3oNMHWhVak0/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 스타벅스 광명소하점 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 경기도 광명시 금하로 464 (소하동)</p>
            </div>
            
            
            <div class="place-button">
                <a href="http://www.starbucks.co.kr/" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 스타벅스 광명소하점 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>스타벅스 광명소하점은 아늑하고 모던한 인테리어가 돋보이는 곳이에요. 이곳은 친구들과 수다를 떨거나 혼자서 책을 읽기에 안성맞춤인 분위기를 자랑합니다. 운영 시간은 오전 7시부터 오후 9시까지인데, 주말에는 오픈 시간이 다소 늦어질 수 있으니 방문하시기 전에 미리 확인하는 것이 좋습니다.</p>
<p>대표 메뉴는 스타벅스의 일반 메뉴와 동일하니, 다양한 커피와 음료를 즐길 수 있어요. 가격대도 스타벅스에서 보통 접할 수 있는 가격 수준입니다. <strong>특히나 친구들과 함께 나누기에 좋은 디저트 메뉴도 많으니 추천드려요!</strong></p>
<p>주차 가능 여부에 대한 정보는 찾기 어려웠지만, 예약은 필요하지 않으니 언제든지 편하게 방문하시면 됩니다. 이처럼 스타벅스 광명소하점은 편안한 분위기와 다양한 음료로 여러분을 기다리고 있으니, 꼭 한번 들러보시길 추천드립니다.</p>
            </div>
        
    </div> 
    
    <div class="place-item" id="place-4">
        <h3 class="tistory-place-title">4. 카페가우디</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@bimSwW/btsNUblTJTQ/liyTnKnvbPMfKBijjnbAoK/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 카페가우디 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 경기도 광명시 소하로109번길 8 신신타워 1층 카페가우디</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://map.naver.com/p/search/%EA%B4%91%EB%AA%85%EC%8B%9C%20%EC%86%8C%ED%95%98%EB%8F%99%20%EC%9D%B4%EB%A7%88%ED%8A%B8%20%EA%B4%91%EB%AA%85%EC%86%8C%ED%95%98%EC%A0%90%20%EC%A3%BC%EB%B3%80%20%EC%B9%B4%ED%8E%98%EA%B0%80%EC%9A%B0%EB%94%94" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔍 카페가우디 네이버 지도 검색
                </a>
            </div>
            
            
            <div class="place-description">
                <p>카페가우디는 갤러리 카페의 매력을 제대로 느낄 수 있는 곳이에요. 이곳은 넓은 공간과 아늑한 분위기로 꾸며져 있어, 편안하게 커피 한 잔을 즐기기 딱 좋은 장소랍니다. 1층은 식물원 카페 느낌으로 아기자기한 식물들이 가득하고, 2층은 갤러리처럼 다양한 조각상과 돌들로 인테리어가 되어 있어요.</p>
<p>운영 시간은 매일 10:00부터 22:00까지인데, 변동이 있을 수 있으니 방문 전 확인하시는 게 좋습니다. 메뉴는 다양한 커피와 음료, 그리고 베이커리가 준비되어 있으며, 가격대는 약 5,000원에서 8,000원 선이에요.</p>
<p>특별한 모임을 원하신다면, 6인 이상 이용 가능한 VIP룸이 있어요. 다만, 이 방을 이용하시려면 예약이 필수이며, 3시간 동안 이용할 수 있고 1인 1주문이 필요하니 참고하시길 바랍니다. 그리고 건물 내 지하 주차장이 마련되어 있어 주차 걱정 없이 방문할 수 있습니다.</p>
<p>이렇게 매력적인 카페가우디는 소하동에서 좋은 시간을 보내기에 정말 좋은 선택이 될 거예요.</p>
            </div>
        
    </div> 
    
    <div class="place-item" id="place-5">
        <h3 class="tistory-place-title">5. 에이바우트커피 광명점</h3> 

        
        
        <figure class="place-map">
             [##_Image|kage@bYnANu/btsNUK898sg/QfGE14L0vLgM6nd1kxu6gk/img.jpg|alignCenter|width="100%"|_##]
             <figcaption>▲ 에이바우트커피 광명점 지도 위치 (참고용 이미지)</figcaption>
        </figure>
        

        
         
            
            <div class="address-container">
                <p class="place-address"><strong>📍 주소:</strong> 경기도 광명시 오리로 500 1층 106호, 107호, 108호, 109호</p>
            </div>
            
            
            <div class="place-button">
                <a href="https://100원커피이벤트-선착순주문하기.com" target="_blank" rel="noopener noreferrer nofollow" class="external-button">
                    🔗 에이바우트커피 광명점 바로가기
                </a>
            </div>
            
            
            <div class="place-description">
                <p>에이바우트커피 광명점은 모던하고 깔끔한 분위기로, 편안한 의자와 넉넉한 좌석이 마련되어 있어 아늑한 시간을 보내기에 아주 좋은 곳이에요. 특히 전원 콘센트가 많아 독서실처럼 공부하기에도 최적의 환경을 갖추고 있답니다. 이곳은 유리 가벽으로 분리된 프라이빗 공간도 있어, 친구들과의 대화뿐만 아니라 혼자서 조용히 시간을 보내기에도 안성맞춤이에요.</p>
<p>운영 시간은 매일 오후 5시부터 새벽 2시까지로, 라스트 오더는 1시 30분까지 가능해요. 참고로, 오전 11시까지 방문하시면 메뉴를 더 저렴하게 즐길 수 있답니다. 다양한 커피와 음료, 제주 지역의 특산물을 활용한 음료와 디저트도 인기인데, 가격대는 4,000원에서 7,000원 사이로 부담 없이 즐길 수 있어요.</p>
<p>주차는 광명 한라비발디 오피스텔 지하 주차장을 이용할 수 있어 편리하고, 예약에 대한 정보는 확인이 어려운 점 참고해 주세요. 방문 전 운영 시간이나 메뉴를 다시 확인하는 것도 좋은 팁이에요. 에이바우트커피 광명점에서 편안한 시간을 보내보세요!</p>
            </div>
        
    </div> 
    

    <h2 id="conclusion" class="tistory-section-title">결론</h2> 
    <div class="conclusion">
        <p>오늘 소개해 드린 광명시 소하동 이마트 광명소하점 주변 카페들이 여러분의 방문에 도움이 되길 바랍니다.</p>
<p>카페 선택 시에는 개인 취향, 방문 목적, <strong>예산 범위</strong>를 고려하는 것이 좋습니다. 다양한 스타일의 카페가 있으니, 필요한 분위기를 잘 선택하세요.</p>
<p>또한, <strong>최신 운영 시간</strong>과 <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>

/* --- 티스토리 본문 스타일 적용 시작 (v12 - Terracotta Earth) --- */
/* 테마: 테라코타 어스 - 따뜻하고 자연스러운 흙톤 컬러 스킴 */

/* 기본 폰트 및 배경/텍스트 색상 */
.entry-content {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #ffffff; /* 흰색 배경 유지 */
    color: #4d463e; /* 어둡고 따뜻한 브라운 텍스트 */
    line-height: 1.85;
    letter-spacing: -0.01em;
}

/* --- 제목 (h1, h2, h3) 스타일 --- */
.entry-content h1.tistory-title {
    text-align: center;
    margin-bottom: 75px;
    font-size: 2.9em;
    font-weight: 700;
    color: #6a5e53; /* 차분한 다크 올리브/브라운 */
    border-bottom: none;
    padding-bottom: 20px;
    line-height: 1.3;
}

.entry-content h2.tistory-section-title {
    border-top: 1px solid #e8e4df; /* 웜 그레이 상단 선 */
    border-bottom: none;
    padding-top: 25px;
    padding-bottom: 0;
    margin-top: 95px !important;
    margin-bottom: 50px;
    font-size: 2.1em;
    font-weight: 600;
    color: #c06c56; /* 메인 악센트: 테라코타 */
    text-align: left;
}

.entry-content h3.tistory-place-title {
    margin-top: 60px;
    margin-bottom: 35px;
    font-size: 1.7em;
    font-weight: 600;
    color: #4d463e; /* 기본 텍스트 색상 */
    border-left: none;
    padding-left: 0;
    background-color: transparent;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.entry-content h3.tistory-place-title::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #e8d9c5; /* 서브 악센트: 웜 베이지 */
    font-size: 1.2em;
    line-height: 1;
}


/* --- 서론 스타일 --- */
.entry-content .introduction {
    margin-top: 50px !important;
    margin-bottom: 65px !important;
    padding: 35px 40px;
    background-color: #f5f2ef; /* 매우 옅은 웜 베이지 배경 */
    border-radius: 12px;
    border: none;
}
.entry-content .introduction p {
    font-size: 1.05em !important;
    line-height: 1.9 !important;
    margin-bottom: 1.7em !important;
    color: #6a5e53 !important; /* 차분한 다크 올리브/브라운 텍스트 */
}
.entry-content .introduction strong {
    color: #c06c56 !important; /* 테라코타 강조 */
    font-weight: 600 !important;
    background-color: rgba(192, 108, 86, 0.1) !important; /* 매우 연한 테라코타 배경 */
    padding: 0.15em 0.5em !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

/* --- 목차 --- */
.entry-content .toc {
    background: transparent;
    padding: 40px 0 !important;
    margin: 70px 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid #e8e4df !important; /* 웜 그레이 선 */
    border-bottom: 1px solid #e8e4df !important;
    box-shadow: none !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: none !important;
    margin-top: 0 !important;
    margin-bottom: 35px !important;
    padding-bottom: 0 !important;
    text-align: center !important;
    font-size: 1.6em !important;
    font-weight: 500 !important;
    color: #a9a198 !important; /* 중간 톤 웜 그레이 */
    letter-spacing: 0.5px !important;
    text-transform: uppercase;
}
.entry-content .toc ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    column-count: 1 !important;
    max-width: 80%;
}
.entry-content .toc li {
    margin-bottom: 16px !important;
    font-size: 1.1em !important;
    position: relative !important;
    padding-left: 22px !important;
    text-align: left;
}
.entry-content .toc li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    width: 8px;
    height: 1px;
    background-color: #c4bbb1; /* 밝은 웜 그레이 선 */
}
.entry-content .toc a {
    text-decoration: none !important;
    color: #4d463e !important; /* 기본 텍스트 색상 */
    transition: color 0.2s ease, border-color 0.2s ease !important;
    display: inline-block !important;
    padding: 3px 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    border-bottom: 1px solid transparent;
}
.entry-content .toc a:hover {
    color: #c06c56 !important; /* 호버 시 테라코타 */
    border-bottom-color: #e8d9c5 !important; /* 호버 시 웜 베이지 밑줄 */
}

/* --- 장소 아이템 --- */
.entry-content .place-item {
    margin-bottom: 85px !important;
    padding-bottom: 75px !important;
    border-bottom: 1px solid #f5f2ef !important; /* 매우 옅은 웜 베이지 구분선 */
}
.entry-content .place-item:last-child { border-bottom: none !important; }

/* 지도 이미지 */
.entry-content .place-map {
    text-align: center !important;
    margin: 45px 0 30px 0 !important;
}
.entry-content .place-map img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 15px auto !important;
    border-radius: 10px !important;
    border: 1px solid #e8e4df !important; /* 웜 그레이 테두리 */
    box-shadow: 0 6px 18px rgba(106, 94, 83, 0.08) !important; /* 브라운 톤 그림자 */
}
.entry-content .place-map figcaption {
    font-size: 0.9em !important;
    color: #a9a198 !important; /* 중간 톤 웜 그레이 캡션 */
    margin-top: 15px !important;
    font-style: normal !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: #f5f2ef !important; /* 옅은 웜 베이지 */
    color: #4d463e !important;
    padding: 9px 18px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center;
    font-size: 0.95em !important;
    border: 1px solid #e8e4df !important; /* 웜 그레이 테두리 */
    box-shadow: none !important;
    font-style: normal;
}

.entry-content .place-address::before {
    content: '📍';
    margin-right: 8px;
    font-size: 1.1em;
    line-height: 1;
}

.entry-content .place-address strong {
    font-weight: 600 !important;
    color: #c06c56 !important; /* 테라코타 */
    background: none !important;
    padding: 0 0.2em !important;
    box-shadow: none !important;
    font-style: normal;
}

/* --- 버튼 --- */
.entry-content .place-button {
    text-align: center !important;
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}
.entry-content .place-button a {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    padding: 13px 36px !important;
    color: #ffffff !important; /* 흰색 텍스트 */
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    font-size: 1.05em !important;
    font-family: inherit;
    transition: all 0.25s ease !important;
    box-shadow: 0 3px 8px rgba(106, 94, 83, 0.1) !important; /* 브라운 톤 그림자 */
    border: none !important;
    cursor: pointer !important;
    letter-spacing: 0.3px !important;
}
.entry-content a.external-button {
    background-color: #c06c56 !important; /* 테라코타 */
    border: 1px solid #c06c56 !important;
}
.entry-content a.external-button:hover {
    background-color: #a85945 !important; /* 어두운 테라코타 */
    box-shadow: 0 5px 12px rgba(192, 108, 86, 0.25) !important;
    transform: translateY(-2px) !important;
}
.entry-content a.reload-button {
    background-color: #a9a198 !important; /* 중간 톤 웜 그레이 */
    border: 1px solid #a9a198 !important;
    margin-top: 20px !important;
}
.entry-content a.reload-button:hover {
    background-color: #8a7e74 !important; /* 더 어두운 웜 그레이 */
    box-shadow: 0 5px 12px rgba(169, 161, 152, 0.25) !important;
    transform: translateY(-2px) !important;
}

/* 장소 설명 */
.entry-content .place-description {
    margin-top: 50px !important;
    font-size: 1.05em !important;
    color: #4d463e !important;
}
.entry-content .place-description p {
    margin-bottom: 2.1em !important;
    line-height: 1.95 !important;
    color: inherit !important;
    font-size: inherit !important;
}
.entry-content .place-description strong {
    color: #6a5e53 !important; /* 다크 올리브/브라운 강조 */
    font-weight: 600 !important;
    background-color: #e8e4df !important; /* 웜 그레이 배경 강조 */
    padding: 0.1em 0.4em !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* 설명 중간 삽입 이미지 */
.entry-content .inline-image-figure {
    text-align: center !important;
    margin: 5.5em 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.entry-content .inline-image-figure img.inline-image {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    border: 1px solid #f5f2ef !important; /* 매우 옅은 웜 베이지 테두리 */
    box-shadow: 0 6px 18px rgba(106, 94, 83, 0.08) !important;
    display: block !important;
    margin: 20px auto !important;
}
.entry-content .inline-image-figure figcaption.inline-image-caption {
    font-size: 0.9em !important;
    color: #a9a198 !important; /* 중간 톤 웜 그레이 */
    margin-top: 18px !important;
    text-align: center !important;
    font-style: normal !important;
}

/* --- 결론 스타일 --- */
.entry-content .conclusion {
    margin-top: 50px !important;
    margin-bottom: 70px !important;
    padding: 35px 40px;
    background-color: #f5f2ef; /* 매우 옅은 웜 베이지 배경 */
    border-radius: 12px;
    border: none;
}
.entry-content .conclusion p {
    font-size: 1.05em !important;
    line-height: 1.9 !important;
    margin-bottom: 1.7em !important;
    color: #6a5e53 !important; /* 다크 올리브/브라운 텍스트 */
}
.entry-content .conclusion strong {
    color: #c06c56 !important; /* 테라코타 강조 */
    font-weight: 600 !important;
    background-color: rgba(192, 108, 86, 0.1) !important; /* 연한 테라코타 배경 */
    padding: 0.15em 0.5em !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

/* --- FAQ --- */
.entry-content .faq-section details {
    border: none !important;
    border-bottom: 1px solid #e8e4df !important; /* 웜 그레이 하단 선 */
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    background-color: #ffffff !important;
    transition: background-color 0.2s ease !important;
    box-shadow: none !important;
    overflow: hidden;
}
.entry-content .faq-section details:last-child {
    border-bottom: none !important;
}
.entry-content .faq-section details[open] {
    background-color: #f5f2ef !important; /* 열렸을 때 옅은 웜 베이지 배경 */
}
.entry-content .faq-section summary {
    position: relative !important;
    font-weight: 500 !important;
    font-size: 1.15em !important;
    padding: 25px 30px !important;
    padding-right: 60px !important;
    cursor: pointer !important;
    outline: none !important;
    color: #4d463e !important; /* 기본 텍스트 색상 */
    list-style: none !important;
    transition: color 0.2s ease;
    font-family: inherit;
}
.entry-content .faq-section details[open] summary {
    color: #c06c56; /* 열렸을 때 테라코타 */
    font-weight: 600;
}
.entry-content .faq-section summary::-webkit-details-marker { display:none !important; }
.entry-content .faq-section summary::before {
    content: 'Q.' !important;
    color: #a9a198 !important; /* 중간 톤 웜 그레이 */
    font-weight: 600 !important;
    margin-right: 10px !important;
    font-size: 0.9em;
    transition: color 0.2s ease;
}
.entry-content .faq-section details[open] summary::before {
    color: #c06c56;
}
.entry-content .faq-section summary::after {
    content: '+' !important;
    position: absolute !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%);
    font-size: 1.3em !important;
    font-weight: 300;
    color: #c4bbb1 !important; /* 밝은 웜 그레이 */
    transition: transform 0.25s ease, color 0.25s ease !important;
}
.entry-content .faq-section details[open] summary::after {
    content: '−' !important;
    color: #c06c56 !important; /* 테라코타 */
    transform: translateY(-50%) rotate(0deg) !important;
}
.entry-content .faq-section p {
    padding: 15px 30px 30px 30px !important;
    margin: 0 !important;
    border-top: none !important;
    font-size: 1.05em !important;
    color: #6a5e53 !important; /* 다크 올리브/브라운 답변 */
    line-height: 1.85 !important;
    background-color: transparent !important;
}

/* --- 모바일 반응형 스타일 --- */
@media (max-width: 767px) {
    /* 레이아웃 관련 모바일 스타일은 v11과 동일하게 유지됩니다. */
    /* 색상과 관련된 변경은 위의 기본 스타일에서 이미 반영되었습니다. */
    .entry-content .toc ul { max-width: 90%; }
    .entry-content h1.tistory-title { font-size: 2.3em !important; margin-bottom: 60px; }
    .entry-content h2.tistory-section-title { font-size: 1.9em !important; margin-top: 75px !important; margin-bottom: 40px; padding-top: 20px; }
    .entry-content h3.tistory-place-title { font-size: 1.5em !important; margin-top: 50px; margin-bottom: 30px; padding-left: 15px; }
     .entry-content h3.tistory-place-title::before { left: -5px; font-size: 1.1em;}
    .entry-content .place-button a { width: auto !important; font-size: 1em !important; padding: 12px 30px !important; }
    .entry-content .place-description { font-size: 1em !important; }
    .entry-content .introduction,
    .entry-content .conclusion { padding: 30px 25px; font-size: 1em !important; border-radius: 10px;}
     .entry-content .introduction p,
     .entry-content .conclusion p { font-size: 1em !important; line-height: 1.85 !important; margin-bottom: 1.6em !important;}
    .entry-content .faq-section summary { font-size: 1.1em !important; padding: 20px 25px; padding-right: 55px; }
    .entry-content .faq-section summary::after { right: 25px; font-size: 1.2em;}
    .entry-content .faq-section p { font-size: 1em !important; padding: 10px 25px 25px 25px; }
    .entry-content .toc { padding: 30px 0 !important; margin: 55px 0 !important;}
    .entry-content .toc h2 { font-size: 1.5em !important; margin-bottom: 30px;}
    .entry-content .toc li { font-size: 1.05em !important; padding-left: 18px; margin-bottom: 14px; }
    .entry-content .address-container { margin-top: 25px; margin-bottom: 25px; }
    .entry-content .place-address { padding: 8px 16px; font-size: 0.9em; }
     .entry-content .place-address::before { font-size: 1em;}
    .entry-content .inline-image-figure { margin: 4.5em 0;}
}

/* --- 티스토리 본문 스타일 적용 끝 --- */