@charset "UTF-8";

/* ==========================================================================
   웹폰트 불러오기 (Pretendard & Gmarket Sans)
   ========================================================================== */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
@import url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff");
@import url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff");

/* Gmarket Sans @font-face 정의 */
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

/* ==========================================================================
   Normalize & Reset
   ========================================================================== */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* ==========================================================================
   Common & Base Layout
   ========================================================================== */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/* 기본 본문: Pretendard */
body {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

/* ==========================================================================
   Themes
   ========================================================================== */
/* theme_pink */
.theme_pink .thema_apply .link_detail { background: #ff567a; }
.theme_pink .thema_apply .btn_arrow:hover { background-color: #ff567a; color: #fff; }
.theme_pink .thema_apply .active { background: #ff567a; }
.theme_pink .thema_apply .slick-active button { background: #ff567a; }
.theme_pink .thema_apply .btn_register { background: #ff567a; color: #fff; }
.theme_pink .thema_apply .title_sidebar { color: #ff567a; }
.theme_pink .thema_apply .box_tag a:hover { border: 1px solid #ff567a; color: #ff567a; }
.theme_pink .area_category .title_section span { color: #ff567a; }
.theme_pink .article_view a { color: #ff567a; }
.theme_pink .article_view blockquote { color: #ff567a; }
.theme_pink .article_view .moreless_fold span,
.theme_pink .article_view .moreless_top span { color: #ff567a; }
.theme_pink .article_view .footnote a { color: #ff567a !important; }

/* theme_blue */
.theme_blue .thema_apply .link_detail { background: #4167d9; }
.theme_blue .thema_apply .btn_arrow:hover { background-color: #4167d9; color: #fff; }
.theme_blue .thema_apply .active { background: #4167d9; }
.theme_blue .thema_apply .slick-active button { background: #4167d9; }
.theme_blue .thema_apply .btn_register { background: #4167d9; color: #fff; }
.theme_blue .thema_apply .title_sidebar { color: #4167d9; }
.theme_blue .thema_apply .box_tag a:hover { border: 1px solid #4167d9; color: #4167d9; }
.theme_blue .area_category .title_section span { color: #4167d9; }
.theme_blue .article_view a { color: #4167d9; }
.theme_blue .article_view blockquote { color: #4167d9; }
.theme_blue .article_view .moreless_fold span,
.theme_blue .article_view .moreless_top span { color: #4167d9; }
.theme_blue .article_view .footnote a { color: #4167d9 !important; }

/* theme_green */
.theme_green .thema_apply .link_detail { background: #11998e; }
.theme_green .thema_apply .btn_arrow:hover { background-color: #11998e; color: #fff; }
.theme_green .thema_apply .active { background: #11998e; }
.theme_green .thema_apply .slick-active button { background: #11998e; }
.theme_green .thema_apply .btn_register { background: #11998e; color: #fff; }
.theme_green .thema_apply .title_sidebar { color: #11998e; }
.theme_green .thema_apply .box_tag a:hover { border: 1px solid #11998e; color: #11998e; }
.theme_green .area_category .title_section span { color: #11998e; }
.theme_green .article_view a { color: #11998e; }
.theme_green .article_view blockquote { color: #11998e; }
.theme_green .article_view .moreless_fold span,
.theme_green .article_view .moreless_top span { color: #11998e; }
.theme_green .article_view .footnote a { color: #11998e !important; }

/* theme_gray */
.theme_gray .thema_apply .link_detail { background: #1d2129; }
.theme_gray .thema_apply .btn_arrow:hover { background-color: #1d2129; color: #fff; }
.theme_gray .thema_apply .active { background: #1d2129; }
.theme_gray .thema_apply .slick-active button { background: #1d2129; }
.theme_gray .thema_apply .btn_register { background: #1d2129; color: #fff; }
.theme_gray .thema_apply .title_sidebar { color: #1d2129; }
.theme_gray .thema_apply .box_tag a:hover { border: 1px solid #1d2129; color: #1d2129; }
.theme_gray .area_category .title_section span { color: #1d2129; }
.theme_gray .article_view a { color: #1d2129; }
.theme_gray .article_view blockquote { color: #1d2129; }
.theme_gray .article_view .moreless_fold span,
.theme_gray .article_view .moreless_top span { color: #1d2129; }
.theme_gray .article_view .footnote a { color: #1d2129 !important; }

@media screen and (max-width: 1023px) {
  .theme_pink .thema_apply .selected { color: #ff567a !important; }
  .theme_blue .thema_apply .selected { color: #4167d9 !important; }
  .theme_green .thema_apply .selected { color: #11998e !important; }
  .theme_gray .thema_apply .selected { color: #1d2129 !important; }
}

/* ==========================================================================
   Header & Navigation
   ========================================================================== */
html, body {
  position: relative;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  color: #333;
}

html {
  box-sizing: border-box;
}

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

#wrap {
  position: relative;
  overflow: hidden;
}

#container {
  position: relative;
  width: 100%;
}

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

#main {
  width: 100%;
}

.box_header {
  position: absolute;
  width: 100%;
  height: 148px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 21;
  transition: top 0.2s ease-in-out;
}

.box_header button {
  background-color: transparent;
}

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

.box_header .link_logo img {
  max-height: 48px;
}

/* 로고 타이틀: Gmarket Sans Bold */
.box_header .title_logo {
  position: absolute;
  top: 50%;
  display: flex;
  -ms-display: flexbox;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 250px);
  height: 48px;
  margin: -24px 0 0 80px;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 24px;
  font-weight: 700;
}

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

.box_header .btn_menu { right: 56px; background-image: url(./images/ico_menu_b.svg); }
.box_header .btn_search { right: 116px; background-image: url(./images/ico_search_b.svg); }
.box_header .btn_menu:hover, .box_header .btn_search:hover { color: #333; }

.white .box_header { border-bottom: none; }
.white .box_header .link_logo,
.white .box_header .btn_menu,
.white .box_header .btn_search { color: #fff; transition: opacity .2s ease-out; }
.white .box_header .link_logo:hover,
.white .box_header .btn_menu:hover,
.white .box_header .btn_search:hover { color: #fff; opacity: .6; }
.white .box_header .btn_menu { background-image: url(./images/ico_menu.svg); }
.white .box_header .btn_search { background-image: url(./images/ico_search.svg); }
.white .area_cover { margin-top: 0; }
.white .type_featured { margin-top: 0; }

@media screen and (max-width: 1023px) {
  .box_header { height: 70px; }
  .box_header .title_logo {
    margin: -24px 0 0 24px;
    font-size: 20px;
    padding-top: 4px;
    width: calc(100% - 110px);
  }
  .box_header .btn_menu, .box_header .btn_search { width: 22px; background-size: 22px auto; }
  .box_header .btn_menu { right: 24px; }
  .box_header .btn_search { right: 60px; }
}

@media screen and (max-width: 1023px) {
  .white .box_header .title_logo { margin: -25px 0 0 24px; }
}

/* ==========================================================================
   Sidebar
   ========================================================================== */
.area_sidebar { position: relative; }
.area_sidebar a { text-decoration: none; }
.area_sidebar ul { list-style: none; margin: 0; padding: 0; }
.area_sidebar button { background: transparent; border: 0; border-radius: 0; overflow: visible; cursor: pointer; }

.area_sidebar .inner_sidebar {
  display: flex;
  height: 100%;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  width: 360px;
  padding: 0 48px;
  background: #fff;
  box-sizing: border-box;
  overflow: auto;
  z-index: 31;
}

.area_sidebar .sidebar_contents {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

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

.area_sidebar .sidebar_header { margin: 60px -10px 30px 0; }
.area_sidebar .sidebar_header:after { content: ''; display: block; clear: both; }

.area_sidebar .title_logo {
  float: left;
  margin: 0;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.area_sidebar .link_logo { color: #333; }
.area_sidebar .btn_close { float: right; width: 48px; font-size: 24px; text-align: right; padding: 0 7px 2px 7px; }
.area_sidebar .tt_category { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
.area_sidebar .tt_category:after { content: ''; display: block; clear: both; }

.area_sidebar .link_item {
  display: block;
  margin-top: 10px;
  padding: 15px 0 12px 0;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 18px;
  color: #333;
  transition: all .2s ease-out;
}

.area_sidebar .link_item:last-child { margin-bottom: 0; }
.area_sidebar .link_item .c_cnt { color: rgba(0, 0, 0, 0.56); display: none; }
.area_sidebar .box_gnb { margin-bottom: 60px; }
.area_sidebar .box_gnb li:last-child { margin-bottom: 0; }

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

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

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

.area_sidebar .tt_category .link_sub_item:hover { text-decoration: underline; }
.area_sidebar .sidebar_menu:after { content: ''; display: block; clear: both; }
.area_sidebar .list_sns { color: rgba(0, 0, 0, 0.87); font-size: 14px; }
.area_sidebar .link_add { display: block; margin-bottom: 28px; font-size: 16px; font-weight: normal; color: #888; }
.area_sidebar .link_add:hover { color: rgba(0, 0, 0, 0.87); }
.area_sidebar .box_sns, .area_sidebar .add_link { margin-bottom: 18px; }

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

.area_sidebar .icon-Search { margin-left: 5px; font-size: 20px; color: rgba(0, 0, 0, 0.54); vertical-align: -2px; }
.area_sidebar .box_tool { padding: 30px 0 80px 0; }
.area_sidebar .link_tool { position: relative; display: inline-block; margin-left: 40px; font-size: 14px; font-weight: bold; color: #888; }
.area_sidebar .link_tool:first-child { margin-left: 0; }
.area_sidebar .link_tool:first-child::before { content: ''; }
.area_sidebar .link_tool:hover { color: #666; }
.area_sidebar .link_tool:before {
  content: '｜';
  position: absolute;
  top: 3px;
  bottom: 0;
  left: -48px;
  right: 0;
  width: 10px;
  margin-left: 20px;
  font-size: 11px;
  font-weight: lighter;
  color: #d3d4d7;
}
.area_sidebar .link_tit { display: none; }
.area_sidebar ul>li>a:hover { color: rgba(0, 0, 0, 0.56); }

@media screen and (max-width: 768px) {
  .area_sidebar .inner_sidebar { width: 100%; left: 0; padding: 0 24px; }
  .area_sidebar .area_sidebar .btn_close { margin-right: -16px; }
  .area_sidebar .area_sidebar .title_logo { margin-bottom: 30px; }
  .area_sidebar .title_logo { font-size: 20px; }
  .area_sidebar .sidebar_header { margin: 24px -10px 24px 0; padding-top: 1px; }
  .area_sidebar .btn_close { margin-top: -2px; }
  .area_sidebar .link_item { font-size: 16px; }
  .area_sidebar .link_sub_item { font-size: 13px; }
  .area_sidebar .tt_category { padding-bottom: 50px; }
}

@media screen and (max-height: 851px) {
  .area_sidebar .box_tool { position: relative; padding: 30px 0; bottom: auto; }
}

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

.area_popup .search_header { padding: 60px 40px 0 80px; }
.area_popup .search_header:after { content: ''; display: block; clear: both; }

.area_popup .title_logo {
  float: left;
  margin: 0;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 24px;
}

.area_popup .link_logo { color: #333; text-decoration: none; }
.area_popup .area_search .btn_close { float: right; width: 48px; height: 48px; margin-right: 11px; background: transparent; border: none; font-size: 24px; cursor: pointer; }
.area_popup .search_content { max-width: 1180px; margin: 60px auto; padding: 0 40px; font-size: 0; }
.area_popup .search_content:after { content: ''; display: block; clear: both; }
.area_popup .box_form { position: relative; margin-bottom: 60px; padding-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.area_popup .box_form .icon-Search { display: inline-block; margin-right: 23px; font-size: 36px; vertical-align: -10px; }
.area_popup .box_form .inp_search { width: 80%; margin-top: 5px; border: none; font-size: 24px; font-weight: 900; color: #333; line-height: 1; }
.area_popup .box_form .btn_search_del { position: absolute; top: 0; right: 0; width: 36px; height: 36px; padding: 6px; border: none; background-color: transparent; cursor: pointer; fill-opacity: 0.3; }
.area_popup .title_sidebar { margin: 51px 0 29px 0; font-family: 'GmarketSansBold', sans-serif; font-size: 18px; }
.area_popup .tag_zone { display: inline-block; width: 50%; padding-right: 50px; min-height: 150px; box-sizing: border-box; vertical-align: top; }
.tag_zone a { display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; border: solid 1px rgba(0, 0, 0, 0.25); font-size: 16px; color: #333; text-decoration: none; }
.tag_zone a:hover { border: solid 1px #4167d9; color: #4167d9; }
.list_sidebar { margin: 0; padding: 0; list-style: none; }
.list_sidebar .item_sidebar { margin-bottom: 20px; }
aside .list_sidebar .item_sidebar { margin-bottom: 10px; }
.list_sidebar .item_sidebar a { display: block; font-size: 16px; color: #333; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tag_board { display: inline-block; box-sizing: border-box; vertical-align: top; }
aside .tag_board { width: 100%; }
.area_popup .tag_board { width: 50%; }
.area_popup div:nth-child(3) { padding-left: 50px; }
.area_popup div:nth-child(4) { padding-right: 50px; }
.area_popup div:nth-child(5) { padding-left: 50px; }
.area_popup .box_gnb, .area_popup .box_sns, .area_popup .add_link { display: none; }

@media screen and (max-width: 1023px) {
  .area_popup .area_search { padding-left: 24px; padding-right: 24px; }
  .area_popup .search_header { margin: 24px -10px 24px 0; padding: 1px 0 0; }
  .area_popup .box_form .icon-Search { display: none; }
  .area_popup .box_form .inp_search { margin-top: 20px; font-size: 18px; }
  .area_popup .box_form .btn_search_del { top: 10px; right: 20px; }
  .area_popup .search_content { margin-top: 34px; padding: 0; }
  .area_popup .box_form { margin: 0 -24px; padding: 0 20px 25px 20px; }
  .area_popup .title_sidebar { margin-top: 32px; font-size: 12px; }
  .area_popup .tag_zone a { border: none; padding: 5px 10px 5px 0; font-size: 16px; }
  .area_popup .tag_zone a:hover { border: none; }
  .area_popup .tag_zone, .area_popup .tag_board { width: 100%; }
  .area_popup .item_sidebar { margin-bottom: 10px; }
  .area_popup .item_sidebar a { font-size: 16px; }
  .area_popup div:nth-child(3), .area_popup div:nth-child(4), .area_popup div:nth-child(5) { padding: 0; }
  .area_popup .area_search .btn_close { margin: -2px 0 0; text-align: right; padding: 0 7px 2px 7px; height: 30px; }
  .area_popup .title_logo { font-size: 20px; }
}

/* ==========================================================================
   Footer & Paging
   ========================================================================== */
#footer {
  clear: both;
  margin-top: 120px;
  padding: 50px 0;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  font-weight: normal;
  color: #999;
}

#footer .inner_footer { max-width: 1180px; margin: 0 auto; padding: 0 20px; text-align: center; }
#footer .link_footer { position: relative; margin-left: 24px; padding-bottom: 3px; border-bottom: 1px solid #fff; font-weight: 700; text-decoration: none; color: #777; line-height: 1.27; z-index: 21; }
#footer .link_footer:hover { border-bottom: 1px solid #777; }
#footer address { margin-top: 20px; color: #777; font-size: 13px; font-style: normal; text-align: center; }
#footer .inner_footer .link_footer:first-child { margin-left: 0; }

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

.area_paging { text-align: center; }
.area_paging a { text-decoration: none; }
.area_paging .link_page { display: inline-block; margin-top: 2px; font-size: 24px; color: rgba(0, 0, 0, 0.25); }
.area_paging .link_page:hover { color: rgba(0, 0, 0, 0.54); }
.area_paging .paging_num { display: inline-block; vertical-align: top; }
.area_paging .link_num span { display: inline-block; min-width: 28px; height: 28px; margin: 0 5px; font-size: 13px; font-weight: 600; line-height: 31px; color: #000; }
.area_paging .link_num:hover span { color: rgba(0, 0, 0, 0.87); }
.area_paging .selected { display: block; border-radius: 999em; background: #000; color: #fff !important; font-size: 13px; line-height: 32px; }
.area_paging .selected:hover { text-decoration: none; }
.area_paging .paging_slash { display: none; }

@media screen and (max-width: 1023px) {
  .area_paging .link_page { color: rgba(0, 0, 0, 0.75); }
  .area_paging .link_page.no-more-prev, .area_paging .link_page.no-more-next { color: rgba(0, 0, 0, 0.15); }
  .area_paging .link_page span { font-size: 24px; font-weight: 600; }
  .area_paging .link_num { font-size: 14px; font-weight: 900; }
  .area_paging .link_num span { position: relative; }
  .area_paging .selected { position: relative; width: auto; font-size: 14px; }
  .area_paging .link_num:last-child span:before { content: ''; position: absolute; top: 0; left: -10px; width: 10px; height: 29px; background: url(./images/ico_slash.png) no-repeat left center; }
  .area_paging .link_num:last-child span.selected:before { background: none; }
  .area_paging .link_num:last-child .selected { background: none; }
  .area_paging .link_num span:not(.selected) { display: none; }
  .area_paging .link_num:last-child span { display: inline-block; }
  .area_paging .link_ellipsis { display: none; }
  .area_paging .selected { color: #333; background: transparent; }
}

/* ==========================================================================
   Section Title & Covers
   ========================================================================== */
.title_section {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 20px;
  color: #333;
}

.area_cover { margin-top: 268px; }
.area_cover a { text-decoration: none; }
.area_cover button { border: 0; border-radius: 0; background-color: transparent; cursor: pointer; overflow: visible; }

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

/* Featured Cover */
.type_featured { position: relative; margin-top: 120px; }
.type_featured:after { content: ''; display: block; clear: both; }
.type_featured .slide_zone { position: relative; width: 100%; height: calc(100vh - var(--vh-offset, 0px)); }
.type_featured .inner_main_slide { position: absolute; left: 0; right: 0; max-width: 1180px; margin: 0 auto; padding: 0 80px; }
.type_featured .box_arrow { position: absolute; top: 50%; left: 0; right: 0; width: 100%; margin-top: -18px; padding: 0 65px 0 80px; z-index: 10; box-sizing: border-box; }
.type_featured .btn_arrow { width: 64px; height: 64px; padding-top: 4px; border-radius: 64px; background-color: rgba(0, 0, 0, 0.7); background-repeat: no-repeat; background-position: center; color: white; transition: .2s ease-out; }
.type_featured .btn_arrow:hover { color: #fff; }
.type_featured .btn_prev { float: left; background-image: url(./images/arr_left.png); }
.type_featured .btn_next { float: right; background-image: url(./images/arr_right.png); }
.type_featured .slide_item { z-index: 1; overflow: hidden; }
.type_featured .link_slide { position: relative; display: block; width: 100%; height: calc(100vh - var(--vh-offset, 0px)); background-size: cover; background-position: 50% 50%; overflow: hidden; z-index: 1; }
.type_featured .link_slide:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.54); transition: background-color .3s ease-in-out; }
.type_featured .text_slide { position: relative; display: flex; -ms-display: flexbox; display: -webkit-flex; flex-direction: column; justify-content: center; max-width: 1180px; height: 100%; margin: 0 auto; padding: 0 76px; font-size: 44px; color: #fff; z-index: 10; }

.type_featured .text_slide strong {
  display: block;
  max-height: 130px;
  max-width: 1024px;
  font-family: 'GmarketSansBold', sans-serif;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.type_featured .text {
  width: 60%;
  max-height: 85px;
  margin: 20px 0 40px 0;
  font-family: 'Pretendard', sans-serif;
  font-size: 16px;
  line-height: 28px;
  word-break: keep-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

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

@media screen and (max-width: 1406px) {
  .type_featured { margin-top: 60px; }
  .type_featured .text_slide { padding: 0 80px; font-size: 40px; }
  .type_featured .box_arrow { display: none; }
}

@media screen and (max-width: 1023px) {
  .type_featured .text_slide strong { max-height: 140px; font-size: 30px; -webkit-line-clamp: 3; }
  .type_featured .text_slide { position: absolute; bottom: 100px; height: auto; padding: 0 24px; font-size: 32px; }
  .type_featured .text_slide .text { width: 100%; margin: 20px 0 30px 0; line-height: 28px; }
  .type_featured .slide_page { left: 24px; bottom: 40px; padding: 0; }
}

@media screen and (max-width: 768px) {
  .type_featured .link_detail { padding-top: 2px; font-size: 13px; line-height: 40px; height: 40px; width: 120px; }
  .type_featured .ico_circle { width: 8px; height: 8px; }
}

/* Post Gallery Cover */
.type_post { max-width: 1180px; margin: 120px auto -20px auto; overflow: hidden; }
.type_post:after { content: ''; display: block; clear: both; }
.type_post .list_post, .category_type_post .list_category { margin: 0 -10px; padding: 0; list-style: none; }
.list_post .item_post, .category_type_post .item_category { float: left; width: 25%; margin-bottom: 20px; }
.list_post .link_post, .category_type_post .link_category { position: relative; display: block; margin: 0 10px; padding-top: 143%; background-size: cover; background-position: 50% 50%; }
.list_post .item_post:hover .link_post:before, .category_type_post .item_category:hover .link_category:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.65); }
.list_post .info .date, .category_type_post .date { display: none; margin-top: 40px; font-size: 16px; font-weight: 400; line-height: 1.31; }
.list_post .link_post:hover .info, .category_type_post .link_category:hover .info { display: flex; }
.list_post .link_post .info, .category_type_post .link_category .info { position: absolute; display: none; flex-direction: column; align-items: center; justify-content: center; top: 0; width: 100%; height: 100%; color: #fff; text-align: center; }

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

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

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

/* Card Cover */
.type_card { max-width: 1180px; margin: 120px auto -60px auto; overflow: hidden; }
.type_card:after { content: ''; display: block; clear: both; }
.list_type_card { margin: 0 -10px; padding: 0; list-style: none; font-size: 0; }
.list_type_card .item_card { display: inline-block; width: 25%; margin-bottom: 58px; vertical-align: top; }
.list_type_card .link_card { display: block; margin: 0 10px; color: #333; line-height: 1.33; transition: all .2s ease-out; }
.list_type_card .link_card:hover { opacity: 0.6; }

.list_type_card .link_card strong {
  display: block;
  margin: 18px 8px 6px 0;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.list_type_card .link_card .thumnail { display: block; width: 100%; padding-top: 50%; background-size: cover; background-position: 50% 50%; }
.list_type_card .link_card .text {
  max-height: 78px;
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-size: 14px;
  color: #777;
  line-height: 1.71;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

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

/* Banner Cover */
.type_banner { max-width: 1180px; margin: 120px auto 0 auto; }
.list_type_banner { margin: 0; padding: 0; list-style: none; }
.list_type_banner .link_banner { position: relative; display: block; height: 280px; font-size: 24px; color: #333; background-size: cover; background-position: 50% 50%; transition: all .2s ease-out; }
.list_type_banner li:nth-child(even) .box_content { float: right; text-align: right; }
.list_type_banner li:nth-child(even) .btn_go { right: 50px; left: auto; }
.list_type_banner .box_content { width: 70%; padding: 47px 45px 50px 48px; }
.list_type_banner .link_banner:hover { opacity: 0.6; }

.list_type_banner .link_banner strong {
  display: block;
  max-height: 58px;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 50px;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.list_type_banner .link_banner .text {
  max-height: 80px;
  margin: 12px 4px 0 2px;
  font-family: 'Pretendard', sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 1.62;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

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

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

/* Notice List Cover */
.type_notice { max-width: 1180px; margin: 120px auto 0 auto; }
.type_notice:after { content: ''; display: block; clear: both; }
.type_notice .thumnail, .category_type_notice .thumnail { float: left; display: block; width: 160px; height: 160px; margin-right: 24px; background-size: cover; background-position: 50% 50%; }
.type_notice .info, .category_type_notice .info { padding-top: 8px; overflow: hidden; }
.list_type_notice, .category_type_notice .list_category { margin: 0; padding: 0; list-style: none; border-top: solid 2px #333; }
.list_type_notice:after, .category_type_notice .list_category:after { content: ''; display: block; clear: both; }
.list_type_notice .item_notice, .category_type_notice .item_category { padding: 30px 0; border-bottom: 1px solid #ebebeb; }
.list_type_notice .item_notice:after, .category_type_notice .item_category:after { content: ''; display: block; clear: both; }
.list_type_notice .link_notice, .category_type_notice .link_category { display: block; color: #333; transition: all .2s ease-out; }
.list_type_notice .link_notice:hover, .category_type_notice .link_category:hover { color: rgba(0, 0, 0, 0.6); }

.list_type_notice .link_notice strong,
.category_type_notice .link_category strong {
  display: block;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 22px;
  line-height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.category_type_notice .link_category .info .name img { box-sizing: content-box; }
.list_type_notice .link_notice .text,
.category_type_notice .link_category .text {
  font-family: 'Pretendard', sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin: 6px 0 12px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #777;
  width: 95%;
}

.list_type_notice .link_notice .date,
.category_type_notice .link_category .date { display: block; font-size: 13px; line-height: 20px; opacity: .5; }
.category_type_notice .item_category:after { content: ''; display: block; clear: both; }

@media screen and (max-width: 1023px) {
  .type_notice, .category_type_notice { margin-top: 60px; padding: 0 24px; }
  .type_notice .thumnail, .category_type_notice .thumnail { width: 160px; height: 160px; margin-right: 16px; }
  .list_type_notice .item_notice, .category_type_notice .item_category { padding: 20px 0; }
}

@media screen and (max-width: 768px) {
  .list_type_notice .link_notice strong, .category_type_notice .link_category strong { font-size: 16px; line-height: normal; }
  .list_type_notice .link_notice .text, .category_type_notice .link_category .text { margin: 4px 0 8px 0; font-size: 14px; line-height: 1.5; -webkit-line-clamp: 2; }
  .type_notice .thumnail, .category_type_notice .thumnail { width: 100px; height: 100px; }
  .type_notice .info, .category_type_notice .info { padding-top: 0; }
}

/* ==========================================================================
   Category List & Views
   ========================================================================== */
.area_category { max-width: 1180px; margin: 148px auto 0 auto; padding: 120px 24px 0 24px; }
.area_category a { text-decoration: none; }
.area_category ul { list-style: none; margin: 0; padding: 0; border: none; box-sizing: border-box; }
.area_category .title_section span { padding-left: 8px; font-size: 16px; }
.category_type_notice, .category_type_post { margin-bottom: 60px; }
.category_type_post .list_category:after { content: ''; display: block; clear: both; }
.category_type_notice .link_category { background: none !important; }
.category_type_post .link_category .text { display: none; }

@media screen and (max-width: 1023px) {
  .area_category { margin-top: 70px; padding-top: 60px; }
  .area_category .title_section { text-align: left; }
}

/* Category Related */
.category_type_related .list_category { list-style: none; margin: 0 -8px; padding: 0; border: none; box-sizing: border-box; font-size: 0; }
.category_type_related .thumnail { display: block; width: 100%; padding-top: 50%; background-size: cover; background-position: 50% 50%; }
.category_type_related .item_category { display: inline-block; width: 33.3%; margin-bottom: 54px; vertical-align: top; }
.category_type_related .link_category { display: block; padding: 0 8px; background: none !important; color: #333; }
.category_type_related .box_content { width: 100%; }

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

.category_type_related .link_related .info { display: inline-block; margin-top: 20px; font-size: 14px; color: rgba(0, 0, 0, 0.38); line-height: 1.71; }
.category_type_related .link_category .text { max-height: 70px; margin: 0 0 13px 0; font-family: 'Pretendard', sans-serif; font-size: 14px; line-height: 20px; overflow: hidden; opacity: 0.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 95%; }
.category_type_related .link_category .date { display: block; font-size: 13px; line-height: 20px; color: rgba(0, 0, 0, 0.38); }

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

.area_view { max-width: 1180px; margin: 0 auto; padding: 0 24px; word-break: break-word; }
.area_index_category a { text-decoration: none; }
.area_index_category .list_category { list-style: none; border: none; box-sizing: border-box; }

/* Article Header Title: Gmarket Sans Bold */
.area_view .article_header .title_post {
  display: block;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 40px;
  line-height: 1.5em;
}

.area_view .article_header .info { margin: 20px 0 0 0; font-size: 14px; }
.area_view .txt_post { height: 160px; margin: 40px 0 30px 0; -webkit-line-clamp: 6; }
.area_view .area_article { padding-bottom: 60px; }
.area_view .article_header { position: relative; width: 100vw; left: 50%; margin-left: -50vw; }
.area_view .article_header:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.54); }
.area_view .article_header .inner_header { width: 100%; background-size: cover; background-position: 50% 50%; text-align: center; }
.type_article_header_common .inner_header, .type_article_header_cover .inner_header { height: 520px; }
.area_view .article_header .info_text { max-width: 700px; margin: 0 auto; left: 0; right: 0; color: #fff; z-index: 10; text-align: center; }
.type_article_header_common .info_text, .type_article_header_cover .info_text { position: relative; display: flex; height: 100%; -ms-display: flexbox; display: -webkit-flex; flex-direction: column; justify-content: center; z-index: 20; }
.article_content { width: 100%; max-width: 760px; margin-left: auto; margin-right: auto; }

/* Tag Area */
.area_tag { padding: 40px 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.area_tag:after { content: ''; display: block; clear: both; }
.area_tag .title_tag { float: left; margin: 0; padding: 0 40px 0 0; font-family: 'GmarketSansBold', sans-serif; font-size: 16px; color: #333; text-align: center; padding-top: 6px; }
.area_tag .tag_content { overflow: hidden; }
.area_tag .tag_content a { color: #333; text-decoration: none; margin-left: 5px; line-height: normal; }
.area_tag .tag_content a:hover { text-decoration: underline; }
.area_tag .tag_content a:first-child { margin-left: 0; }

@media screen and (max-width: 1023px) {
  .area_tag { padding: 30px 0; }
  .area_tag .title_tag { font-size: 16px; line-height: normal; }
}

/* Related Posts */
.area_related { border-bottom: 1px solid #eee; overflow: hidden; }
.area_related a { text-decoration: none; }
.area_related button { border: 0; border-radius: 0; background-color: transparent; cursor: pointer; overflow: visible; }
.area_related .title_related { margin: 40px 0 20px 0; font-family: 'GmarketSansBold', sans-serif; font-size: 16px; }
.area_related .list_related { list-style: none; margin: 0 -8px; padding: 0; border: none; box-sizing: border-box; }
.area_related .list_related:after { content: ''; display: block; clear: both; }
.area_related .item_related { float: left; width: 25%; margin-bottom: 40px; }
.area_related .link_related { display: block; margin: 0 8px; }
.area_related .thumnail { display: block; width: 100%; padding-top: 50%; background-size: cover; background-position: 50% 50%; }

.area_related .link_related strong {
  display: block;
  max-height: 45px;
  margin: 12px 0 0;
  line-height: 1.47;
  font-family: 'GmarketSansBold', sans-serif;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.area_related .info { display: inline-block; font-size: 13px; color: rgba(0, 0, 0, 0.38); }

@media screen and (max-width: 1023px) {
  .area_related .title_related { margin: 30px 0 0 0; font-size: 16px; line-height: normal; }
  .area_related .item_related { float: none; width: 100%; padding: 16px 0; margin-bottom: 0; }
  .area_related li:first-child { border: none; padding-bottom: 16px; }
  .area_related .link_related strong { margin: 12px 0 2px 0; }
  .area_related .item_related:last-child { margin-bottom: 30px; }
}

/* Reply Area */
.area_reply { width: 100%; overflow: hidden; }
.area_reply ul { list-style: none; margin: 0; padding: 0; }
.area_reply a { text-decoration: none; }
.area_reply .box_reply_info { margin: 40px 0 20px 0; }
.area_reply .reply_events { margin: 0; font-family: 'GmarketSansBold', sans-serif; font-size: 16px; color: #333; }
.area_reply .btn_more { margin-top: 5px; padding: 3px 0 0 15px; border: 0; background-color: transparent; background-size: 10px 10px; font-size: 16px; font-weight: 600; cursor: pointer; }
.area_reply .item_reply { padding: 30px 0; border-bottom: 1px solid #eee; }
.area_reply li:first-child:not(.tt-item-reply) { padding-top: 0; }
.area_reply li:last-child { border: none; }
.area_reply .thumbnail_reply { float: left; width: 45px; height: 45px; margin-right: 16px; background: none; }
.area_reply .thumbnail_reply img { width: 100%; height: 100%; border-radius: 50%; }
.area_reply .box_reply_content { overflow: hidden; }
.area_reply .item_reply .user a { display: inline-block; margin-bottom: 8px; font-size: 16px; font-weight: bold; color: #333; }
.area_reply .item_reply .date { display: inline-block; padding-top: 10px; padding-left: 3px; }
.area_reply .item_reply .date a { font-weight: 300; font-size: 14px; padding-left: 4px; }
.area_reply .box_reply_content .txt { margin: 10px 0 0 0; font-size: 16px; font-family: 'Pretendard', sans-serif; }
.area_reply .item_reply .modify { margin-top: 8px; font-size: 15px; }
.area_reply .modify a { color: #9b9b9b; }
.area_reply .modify .slash { color: #e1e1e1; }
.area_reply .list_reply_comment { margin-top: 30px !important; }
.area_reply .ico_commnent { float: left; width: 43px; margin-right: 10px; color: rgba(51, 51, 51, 0.6); text-align: right; }
.area_reply .item_comment { padding: 10px; }
.area_reply .reply_write:after { content: ''; display: block; clear: both; }
.area_reply .form_content { padding-bottom: 10px; }
.area_reply .form_content textarea { width: 100%; height: 102px; padding: 12px 14px; border: 1px solid #e1e1e1; font-size: 14px; font-family: 'Pretendard', sans-serif; vertical-align: top; }
.area_reply .form_guest { margin: 0 -4px; }
.area_reply .form_guest:after { content: ''; display: block; clear: both; }
.area_reply .box_inp { float: left; width: 100%; margin-bottom: 8px; }
.area_reply .box_inp:nth-child(-n+2) { width: 50%; }
.area_reply .inner_inp { margin: 0 4px; padding: 9px 14px; border: 1px solid #e1e1e1; box-sizing: border-box; }
.area_reply .inner_inp input { width: 90%; border: none; font-size: 14px; line-height: 1.25; font-family: 'Pretendard', sans-serif; }
.area_reply .form_reg { text-align: right; }
.area_reply .form_reg label { display: inline-block; margin-right: 20px; padding-top: 7px; font-size: 14px; color: #9b9b9b; }
.area_reply .form_reg label input { vertical-align: -1px; }
.area_reply .btn_register { width: 115px; height: 42px; border: none; color: #fff; cursor: pointer; font-family: 'Pretendard', sans-serif; }

@media screen and (max-width: 1023px) {
  .area_reply .box_reply_info { margin: 30px 0 10px 0; }
  .list_reply_comment .ico_commnent { width: 10px; }
  .list_reply_comment li:first-child { padding-top: 30px; }
  .item_comment.reply { padding: 15px; }
  .list_reply_comment .item_comment { background: #fafafa; }
  .list_reply .item_reply .user a { margin-bottom: 5px; }
  .list_reply .item_reply .date { display: block; padding: 0; font-size: 14px; }
  .list_reply .item_reply .dot { display: none; }
}

.area_common { max-width: 1180px; min-height: 200px; margin: 200px auto 0 auto; padding: 0 20px; }
.area_common .title_common { padding-bottom: 30px; font-family: 'GmarketSansBold', sans-serif; font-size: 24px; color: #333; text-align: center; }
#mediaLogNest { max-width: 1180px; height: auto !important; margin: 200px auto 0 auto; padding: 0 20px; }
.article_view .another_category table, .article_view .another_category table * { border: none; }

@media screen and (max-width: 768px) {
  .area_common { margin-top: 36px; padding-top: 60px; }
}

.item-thumbnail { background: #e9e9e9 url(./images/ico_no.svg) no-repeat center; }
.no-img { background: #e9e9e9 url(./images/ico_no.svg) no-repeat center !important; background-size: 30px 30px !important; }
.btn-for-guest, .btn-for-user { display: none; }

/* ==========================================================================
   Article Detail View (본문 및 포스트 스타일)
   ========================================================================== */
.article_view {
  max-width: 760px;
  margin: 80px auto 0 auto;
  font-family: 'Pretendard', sans-serif;
}

.article_view p {
  font-family: 'Pretendard', sans-serif;
  font-size: 16px;
  line-height: 1.75;
}

/* 글 내부 제목: Gmarket Sans Bold */
.article_view h1,
.article_view h2,
.article_view h3,
.article_view h4 {
  font-family: 'GmarketSansBold', sans-serif;
  color: rgba(0, 0, 0, 0.87);
}

.article_view h1 { font-size: 32px; line-height: 1.33; }
.article_view h2 { font-size: 24px; line-height: 1.38; }
.article_view h3 { font-size: 20px; line-height: 1.4; }
.article_view h4 { font-size: 18px; line-height: 1.33; }

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

.article_view ul, .article_view ol { margin: 0; padding: 0 0 0 19px; }
.article_view ul { margin-top: 18px; }
.article_view ul li { font-size: 16px; line-height: 1.75; color: rgba(0, 0, 0, 0.87); word-break: break-all; }
.article_view ol { margin-bottom: 32px; }
.article_view ol li { margin-bottom: 6px; font-size: 16px; line-height: 1.75; color: rgba(0, 0, 0, 0.87); word-break: break-all; }
.article_view table { border-collapse: collapse; }
.article_view table thead tr { background: rgba(0, 0, 0, 0.05); font-size: 16px; color: #000; }
.article_view table tr th, .article_view table tr td { padding: 7px; }
.article_view pre { background: rgba(0, 0, 0, 0.05); font-size: 16px; color: rgba(34, 85, 51, 0.87); white-space: pre-wrap; }
.article_view pre code.hljs { padding: 20px; font-family: SF Mono, Menlo, Consolas, Monaco, monospace; }
.article_view .cap1 { font-size: 14px; color: rgba(0, 0, 0, 0.54); }
.article_view hr { margin: 30px 0; }
.article_view a { display: inline-block; color: #3d62ce; }
.article_view a:hover { opacity: 0.7; }
.article_view .moreless_fold span, .article_view .moreless_top span { font-size: 16px; line-height: 2.5; }
.article_view .moreless_top { border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.article_view .moreless_bottom { border-top: 1px solid rgba(0, 0, 0, 0.15); }
.article_view .moreless_bottom span { display: none; }
.article_view .footnote a { text-decoration: none; }
.article_view .footnotes li { font-size: 12px; color: rgba(0, 0, 0, 0.38); }
.article_view .table-overflow { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.article_view img { max-width: 100%; }

/* ==========================================================================
   Tistory New Editor (#article-view)
   ========================================================================== */
#article-view {
  padding: 20px 20px 50px;
  word-wrap: break-word;
  color: #333;
  min-height: 370px;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0;
}

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

/* 에디터 제목 태그: Gmarket Sans Bold */
#article-view h2,
#article-view h3,
#article-view h4 {
  font-family: 'GmarketSansBold', sans-serif;
  letter-spacing: -0.5px;
  color: #000;
  margin: 1em 0 20px;
}

#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; }

/* 에디터 본문: Pretendard */
#article-view p[data-ke-size='size18'] { font-size: 1.12em; line-height: 1.67; font-family: 'Pretendard', sans-serif; }
#article-view p[data-ke-size='size16'] { line-height: 1.75; font-family: 'Pretendard', sans-serif; }
#article-view p[data-ke-size='size14'] { font-size: 0.87em; line-height: 1.71; font-family: 'Pretendard', sans-serif; }

#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/axz_keditor/dist/latest/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: 'Pretendard', sans-serif;
}

#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; }

/* 첨부 파일/오픈그래프/코드블록 */
#article-view figure.fileblock .size { font-family: 'Pretendard', sans-serif; font-size: 12px; color: #777; height: 16px; }
#article-view figure[data-ke-type='opengraph'] p.og-title { font-family: 'GmarketSansBold', sans-serif; font-size: 18px; color: #000; padding-bottom: 8px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#article-view figure[data-ke-type='opengraph'] .og-desc { font-family: 'Pretendard', sans-serif; font-size: 14px; font-weight: 300; line-height: normal; color: #909090; margin: 0; }
#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 div[data-ke-type='moreLess'] .btn-toggle-moreless { font-family: 'Pretendard', sans-serif; color: #909090; font-size: 16px; line-height: 26px; cursor: pointer; text-decoration: none; }
/* ==========================================================================
   Markdown / Article Readability Override
   - 긴 글의 줄간격, 자간, 문단/제목/목록 간격을 정돈
   - 기존 레이아웃과 색상 테마는 최대한 유지
   ========================================================================== */

/* 본문 기본 리듬 */
.article_view,
#article-view {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: 0.01em;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.article_view p,
#article-view p,
#article-view p[data-ke-size='size16'] {
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 1.7em;
}

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

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

/* 제목은 본문과 확실히 분리하되 너무 과하게 띄우지 않음 */
.article_view h1,
.article_view h2,
.article_view h3,
.article_view h4,
#article-view h2,
#article-view h3,
#article-view h4 {
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.article_view h1 {
  margin: 2.4em 0 0.8em;
  line-height: 1.4;
}

.article_view h2,
#article-view h2,
#article-view h2[data-ke-size] {
  margin: 2.3em 0 0.8em;
  line-height: 1.45;
}

.article_view h3,
#article-view h3,
#article-view h3[data-ke-size] {
  margin: 2em 0 0.7em;
  line-height: 1.5;
}

.article_view h4,
#article-view h4,
#article-view h4[data-ke-size] {
  margin: 1.8em 0 0.65em;
  line-height: 1.55;
}

/* 제목 바로 다음 본문은 너무 벌어지지 않도록 */
#article-view h2 + p,
#article-view h3 + p,
#article-view h4 + p,
#article-view h5 + p,
#article-view h6 + p {
  margin-top: 0;
}

/* 연속 제목도 최소한의 간격 유지 */
#article-view h2 + h2,
#article-view h3 + h3,
#article-view h4 + h4,
#article-view h2 + h3,
#article-view h2 + h4,
#article-view h3 + h4 {
  margin-top: 1.4em;
}

/* 리스트 */
.article_view ul,
.article_view ol,
#article-view ul,
#article-view ol {
  margin: 1.1em 0 1.8em;
  padding-left: 1.5em;
}

.article_view ul li,
.article_view ol li,
#article-view ul li,
#article-view ol li {
  margin-bottom: 0.45em;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.005em;
  word-break: keep-all;
  overflow-wrap: break-word;
}

#article-view li > ul,
#article-view li > ol,
.article_view li > ul,
.article_view li > ol {
  margin: 0.55em 0 0.35em;
}

/* 인용문 */
.article_view blockquote,
#article-view blockquote {
  margin-top: 1.8em;
  margin-bottom: 1.8em;
  line-height: 1.8;
  letter-spacing: 0.005em;
}

#article-view blockquote[data-ke-style='style2'] {
  padding: 0.7em 0 0.7em 1.1em;
  line-height: 1.8;
}

#article-view blockquote[data-ke-style='style3'] {
  padding: 1.2em 1.4em;
  line-height: 1.8;
  border-radius: 6px;
}

/* 코드 블록 */
.article_view pre,
#article-view pre {
  margin: 1.8em 0 2em;
  border-radius: 8px;
  overflow: auto;
}

.article_view pre code.hljs,
#article-view pre code.hljs {
  padding: 20px 22px;
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0;
  tab-size: 2;
}

/* 인라인 코드 */
#article-view p code,
#article-view li code,
#article-view td code,
.article_view p code,
.article_view li code,
.article_view td code {
  padding: 0.12em 0.35em;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.055);
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 0.92em;
  letter-spacing: 0;
}

/* 표 */
.article_view table,
#article-view table {
  width: 100%;
  margin: 1.8em 0 2em;
  line-height: 1.65;
}

.article_view table tr th,
.article_view table tr td,
#article-view table tr th,
#article-view table tr td {
  padding: 10px 12px;
  vertical-align: top;
}

/* 구분선 / 이미지 / 기타 블록 */
.article_view hr,
#article-view hr {
  margin: 3.4em 0 2.2em;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#article-view figure,
.article_view figure {
  margin-top: 2em;
  margin-bottom: 2em;
}

#article-view div[data-ke-type='moreLess'] {
  margin: 1.8em 0;
  line-height: 1.75;
}

/* 기존 .contents_style의 일괄 20px 간격을 조금 더 자연스럽게 */
.contents_style > * {
  margin-top: 1.5em;
}

/* 모바일: 화면이 좁을수록 자간을 줄이고 세로 간격만 유지 */
@media screen and (max-width: 768px) {
  .article_view,
  #article-view {
    font-size: 15.5px;
    line-height: 1.82;
    letter-spacing: 0.005em;
  }

  .article_view p,
  #article-view p,
  #article-view p[data-ke-size='size16'] {
    font-size: 15.5px;
    line-height: 1.82;
    margin-bottom: 1.6em;
  }

  .article_view h2,
  #article-view h2,
  #article-view h2[data-ke-size] {
    margin-top: 2em;
  }

  .article_view h3,
  #article-view h3,
  #article-view h3[data-ke-size] {
    margin-top: 1.8em;
  }

  .article_view h4,
  #article-view h4,
  #article-view h4[data-ke-size] {
    margin-top: 1.6em;
  }

  .article_view pre code.hljs,
  #article-view pre code.hljs {
    padding: 16px;
    font-size: 13px;
    line-height: 1.7;
  }
}