/* Header */
.sub_nav{color:#000;}
.sub_nav a {font-family: 'Verlag-Basic', sans-serif;}

@media (min-width: 935px) {
  .main-header {
    padding: 0;
    border-bottom: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
  }
  .main_nav-wrap {
    background-color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #000;
  }
}

/* Category */
.page-categories .normal_spc {padding: 70px 40px 50px 40px}
.page-categories .happy {padding: 70px 40px 50px 40px}

.page-categories .spcym-box-cont.ntype {padding: 70px 0 50px}
.page-categories .spcym-box-cont.htype {padding: 70px 0 50px}
.page-categories .spcym-box {margin-bottom:30px}
.page-categories .spcym-box:last-child {margin-bottom:0}
.page-categories .spcym-box__h {padding:0 40px; margin: 0 0 20px;}
.page-categories .spcym-box .normal_spc.spcym-box__b,
.page-categories .spcym-box .happy.spcym-box__b {padding-top:0; padding-bottom:0;}

@media (max-width: 934px) {
  .page-categories .happy_main_title {padding-top:40px;}
  .page-categories .normal_spc {padding: 50px 20px 40px 20px}
  .page-categories .happy {padding: 50px 20px 40px 20px;}

  .page-categories .spcym-box-cont.ntype {padding: 50px 0 40px}
  .page-categories .spcym-box-cont.htype {padding: 50px 0 40px}
  .page-categories .spcym-box {margin-bottom:20px}
  .page-categories .spcym-box__h {padding:0 20px; margin-bottom:15px;}
}

@media (max-width: 480px) {
  /* .normal_spc .spc_box {width: 100%; margin-bottom:15px}
  .normal_spc .spc_box:nth-child(2n-1),
  .normal_spc .spc_box:nth-child(2n) {margin-left: 0; margin-right: 0} */

  .page-categories .happy_main_title {padding-top:30px; font-size: 20px; letter-spacing: 2.8px;}
  .page-categories .normal_spc {padding: 30px 20px 40px 20px}
  .page-categories .happy {padding: 30px 20px 40px 20px;}

  .page-categories .spcym-box-cont.ntype {padding: 30px 0 40px}
  .page-categories .spcym-box-cont.htype {padding: 30px 0 40px}
}

/* Archive */
.nav_pn {text-align:center;}
.nav_pn .rel_search_box {font-size:16px; color:#fff}
.nav_pn .arc-nav-cont .left img{transform: scaleX(-1)}
.nav_pn .rel_search_box div a img {width:auto; height:25px;}
.nav_pn .rel_search_box .left,
.nav_pn .rel_search_box .right {width:auto; height:auto; vertical-align:middle;}
.nav_pn .rel_search_box .rel_when {line-height: 25px;}



/* Archives */
.archives__title {text-align: center;}
.archives__list {padding:0 20px;}
.archives__item > .inner {margin-bottom: 18px;}
.archives__item .arc-link {display:block}
.archives__item .cover {text-align:center;}
.archives__item .cover img {width: auto; height: auto; max-width: 100%;}
.archives__item .title {text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight: 500;}

@media (min-width: 481px) {
  .archives__list {display: flex; flex-wrap: wrap; padding:0;}
  .archives__item {flex: 0 1 50%; width: 50%; }
  .archives__item > .inner {margin-bottom: 30px; padding: 0 10px;}
}
@media (min-width: 935px) {
  .archives__item {flex: 0 1 33.3333%; width: 33.3333%; }
  .archives__item > .inner {margin-bottom: 40px; padding: 0 15px;}
  .archives__item .title {font-size: 18px;}
}


/* Archives - pagination */
.arc-y-paging {padding: 15px 20px; text-align: center;}
.arc-y-paging .nums-wrap {display: inline-block;}
.arc-y-paging .num {
  display: inline-block;
  margin: 0 3px;
  padding: 2px 3px;
  font-size: 16px;
  line-height: 1.3;
}

.arc-y-paging .num.current {
  font-family: 'Geograph-Bold','Noto Sans KR',sans-serif;
  font-weight: 700;
}

.arc-y-paging .navdir {
  display: inline-block;
  margin: 0 3px;
  padding: 2px 3px;
  font-size: 16px;
  line-height: 1.3;
}


/* Article */
.inner-article {padding:0px 40px 40px 40px}
.article_left.article-container {width:100%; max-width:900px}

.arti_text.article-content {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
  letter-spacing: 1px;
  height: auto;
  overflow: initial;
}

.arti_text.article-content ul {
  margin: 0;
  padding-left: 1.6em;
}

.arti_text.article-content img {
  max-width: 100%;
}

.arti_text.article-content h1,
.arti_text.article-content h2,
.arti_text.article-content h3,
.arti_text.article-content h4,
.arti_text.article-content h5,
.arti_text.article-content h6 {
  line-height: initial;
}

.article-content iframe {border:0}
.article-content .mcytb-wrapper {
  display: block;
  position: relative;
  margin: 0;
  padding-top: 56.25%;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.article-content .mcytb-wrapper>iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

@media (max-width: 934px) {
  .inner-article {padding:0px 20px 20px 30px}
  .article_left.article-container {padding: 10px;}
  .arti_text.article-content {font-size:15px}
}
@media (max-width: 480px) {
  .inner-article {padding:0px 5px}
}


/* Home */
.page-home .special_main_cont .spc_main_sub,
.page-home .further .fur_box_first .fur_sub {
  font-family: 'Geograph-Medium', 'Noto Sans KR', sans-serif;
  letter-spacing: 0;
}

.page-categories .normal_spc .spc_box .spc_title,
.page-categories .happy .happy_box .happy_title,
.page-home .normal_spc .spc_box .spc_title,
.page-home .happy .happy_box .happy_title {
  font-family: 'Geograph-Bold', sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 1.6px;
  font-weight: 700;
}


.page-categories .spcym-box__h,
.page-categories .normal_spc .spc_box .spc_sub,
.page-categories .happy .happy_box .happy_sub,
.page-home .normal_spc .spc_box .spc_sub,
.page-home .happy .happy_box .happy_sub {
  font-family: 'Geograph-Light', 'Noto Sans KR', sans-serif;
  font-size: 20px;
  line-height: 1.45;
  letter-spacing: 0;
  font-weight: 300;
}


@media (max-width: 934px) {
  .page-categories .normal_spc .spc_box .spc_title,
  .page-categories .happy .happy_box .happy_title,
  .page-home .normal_spc .spc_box .spc_title,
  .page-home .happy .happy_box .happy_title {
    font-size: 12px;
    line-height: 1.28;
  }

  .page-categories .spcym-box__h,
  .page-categories .normal_spc .spc_box .spc_sub,
  .page-categories .happy .happy_box .happy_sub,
  .page-home .normal_spc .spc_box .spc_sub,
  .page-home .happy .happy_box .happy_sub {
    font-size: 15px;
    line-height: 1.4;
  }
}

/* paid c */
.page-categories .spc_box .spc_title .pctt,
.page-categories .happy_box .happy_title .pctt {
  display: inline-block; padding: 3px 6px 2px; background-color: #000; color: #fff;
  font-size: 12px; font-weight: 400; letter-spacing: 3px;
}
.jd-pctt-bar {
  padding: 12px 28px; background-color: #222; color: #fff;
  font-family: 'Geograph-Bold','Noto Sans KR',sans-serif;
  font-size: 16px; font-weight: 700; letter-spacing: 3px; text-align: center;
}
@media (max-width: 767px) {
  .jd-pctt-bar {font-size: 13px; letter-spacing: 2px;}
}

/* article ch t,b */
.article-cont__b ul,
.article-cont__b li,
.article-cont__t ul,
.article-cont__t li {list-style: none; margin: 0; padding:0;}

.article-cont__t {text-align: right;}
.article-cont__t ul {display: inline-block;}
.article-cont__t ul::after {content: ''; display: table; clear: both;}
.article-cont__t li {float: left; margin-left: 15px;}
.article-cont__t li:first-child {margin-left: 0;}
.article-cont__t li a {display: block; padding: 2px;}
.article-cont__t li .ic {
  display: block; max-width: 100%; margin: 0; padding: 0;
  width: 24px; height: 24px; object-fit: contain;
}
.article-cont__t .f {
  display: inline-block; height: 30px; line-height: 30px; vertical-align: top; margin-right: 10px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .article-cont__t {margin-bottom: 15px;}
  .article-cont__t li .ic {width: 20px; height: 20px;}
  .article-cont__t .f {height: 24px; line-height: 24px; font-size: 14px;}
}

.article-cont__b {margin-bottom: 30px;}
.article-cont__b ul {display: flex; margin: 0 -10px;}
.article-cont__b ul li {flex: 1 1 33.3333%; padding: 0 10px;}
.article-cont__b li .btn-a-shar {
  display: block; position: relative; width: 100%; height: 45px;
  color:#000; background-color: #fff; border: 1px solid #e6e6e6; 
  -webkit-appearance: none; appearance: none;
}
.article-cont__b li .btn-a-shar::before {
  content: ''; display: block; position: absolute; left: 0; top: 0; cursor: pointer;
  width: 0; height: 100%; transition: width .3s; will-change: width;
}
.article-cont__b li .btn-a-shar .s {
  position: relative; z-index: 1;
  font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: 3px; text-transform: uppercase;
}
.article-cont__b li .btn-a-shar:hover::before {width:100%;}

.article-cont__b li .arti-share-fb:hover {color:#fff;}
.article-cont__b li .arti-share-em:hover {color:#fff;}
.article-cont__b li .arti-share-fb::before {background-color: #3b5998;}
.article-cont__b li .arti-share-tw::before {background-color: #55acee;}
.article-cont__b li .arti-share-em::before {background-color: #000;}
@media (max-width: 767px) {
  .article-cont__b ul {display: flex; margin: 0 -5px;}
  .article-cont__b ul li {flex: 1 1 33.3333%; padding: 0 5px;}
  .article-cont__b li .btn-a-shar .s {letter-spacing: 2px;}
}


.arti_text.article-content figure.image {margin: 0; padding: 0; padding-bottom: 40px;}
.arti_text.article-content figure.image img {margin-bottom: 15px;}
.arti_text.article-content figure.image figcaption {
  position: relative; font-size: .825em; line-height: 1.5; font-weight: 400;
}
.arti_text.article-content figure.image figcaption::after {
  content: ''; display: inline-block; position: absolute; left: 0; bottom: -20px;
  width: 40px; height: 2px; background-color: #ffc900;
}

.subscribe .news-sub__btn {
  display: inline-block; width: 263px; height: 46px; margin: 0; padding: 11px 4px;
  font-size: 18px; line-height: 1.3; font-weight: 400; text-align: center;
  background-color: #000; color: #fff; cursor: pointer;
}
@media (max-width: 934px) {
  .subscribe .news-sub__btn {
    margin-bottom: 10px; margin-bottom: 20px; width: 240px; height: 43px; font-size: 16px;
  }
}

.home-top-banner {position: relative;}
.home-top-banner .b__inr {max-width: 1200px; margin:0 auto; text-align: center;}
.home-top-banner .bnr__a {display: inline-block;}
.home-top-banner .bnr__i {display: block; max-width: 100%;}
@media (min-width: 1200px) {
  .home-top-banner .b__inr {height: 120px;}
  .home-top-banner .bnr__a {height: 100%;}
  .home-top-banner .bnr__i {max-height: 100%;}
}
@media (min-width: 1440px) {
  .maint-top-section .flexslider .slides img {
    height: 700px;
    object-fit: cover;
  }
}

.spc_box.mpick > a {position: relative;}
.spc_box.mpick .spc_bnr-tag {
  position: absolute; left: 0; top: 0; width: 100%; z-index: 1; background-color: #ffdc00;
  padding: 1px 18px; font-size: 11px; line-height: 1.5; font-weight: 700;
}
.spc_box.mpick .spc_img { position: relative; } 
.spc_box.mpick .spc_img > img.mpick__i {
  position: absolute;
  right: 20px;
  bottom: -36px;
  width: 72px;
}
@media (max-width: 600px) {
  .spc_box.mpick .spc_img > img.mpick__i {
    right: 10px;
    bottom: -30px;
    width: 60px;
  }
}
@media (max-width: 480px) {
  .spc_box.mpick .spc_img > img.mpick__i {
    right: 6px;
    bottom: -20px;
    width: 40px;
  }
}