#page_content {
    margin:0px; padding:30px 0;
}
#wrap {background: #fefff0;    overflow-x: hidden;}
/*  
#wrap {
   background: linear-gradient(rgb(0 0 0 / 6%) 1px, transparent 1px), linear-gradient(90deg, rgb(0 0 0 / 6%) 1px, transparent 1px), #f9f9f9;
   background-size: 28px 28px;
   overflow-x: hidden;
   }
   */
/*   
.sub_contentsbox{background: url(/pages/gwangju/img/webzine/web_bg_1.png) center 0px no-repeat;}
*/
.contents_top {
	height: auto;
}
#s_visual {
    width: 100%;
    height: 90px;
}

#s_visual:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.65;
    position: absolute;
    top: 0;
    left: 0;
}
.webzine_tit{width: 100%;display: block;margin: 0 auto;padding:10px 10px 30px 10px;;max-width: 820px;}
.webzine_tit h3 a img{width:100%}
.wz-page-logo .sub_title img{max-width:100%;height:auto;}

#s_visual h3.sub_title {
    font-size: 42px;
    color: #fff;
    text-align: center;
    padding: 165px 0 20px 0;
    z-index: 1;
    position: relative;
    width: 100%;
}
/*
.subgu_gip {
    background: url(/pages/gwangju/img/webzine/web_bg1.png) center 50px no-repeat;
    background-size: contain;
}
*/
.subgu_gip .filter-box{
      display:flex;
      justify-content:center;
      margin-bottom: 27px;
      margin-top: -67px;
}

.subgu_gip .filter-box select{
      width:180px;
      height:52px;
      border: 1px solid #7f7f7f;
      border-radius:10px;
      padding:0 16px;
      font-size:16px;
      font-weight:400;
      box-sizing:border-box;
	  background:#fff url(/pages/gwangju/img/webzine/select_arrow.png) right top no-repeat;
      -webkit-appearance:none;
      appearance:none;
}

#page_content .webzine_sub .webzine-issue-bar{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin:0 0 27px;
      position:relative;
      z-index:99;
}

#page_content .webzine_sub select.filter-box{
          display: block;
    width: 180px;
    height: 52px;
    padding: 0 45px 0 16px;
    border: 1px solid #7f7f7f;
    border-radius: 10px;
    font-size: 16px;
    background-color: #fff;

    appearance: none;
    -webkit-appearance: none;

    background-image:
        linear-gradient(45deg, transparent 50%, #555 50%),
        linear-gradient(135deg, #555 50%, transparent 50%);
        
    background-position:
        calc(100% - 20px) 24px,
        calc(100% - 14px) 24px;

    background-size: 6px 6px;
    background-repeat: no-repeat;
}

#page_content .webzine_sub .webzine-issue-bar-links{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    flex: 0 0 auto;
}
#page_content .webzine_sub .webzine-admin-link,
#page_content .webzine_box .webzine-admin-link{
    flex: 0 0 auto;
    margin-left: auto;
    display: inline-block;
    min-width: 100px;
    height: 50px;
    padding: 2px 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    line-height: 49px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}
#page_content .webzine_sub .webzine-issue-bar-links .webzine-admin-link{
    margin-left: 0;
}
#page_content .webzine_sub .webzine-admin-link:hover,
#page_content .webzine_box .webzine-admin-link:hover{
      background:#eef6ff;
      border-color:#1697ff;
      color:#1697ff;
}

#page_content .webzine_box .webzine-content-view-actions{
      display:flex;
      justify-content:flex-start;
      margin:24px auto 16px;
      padding:0 10px;
      box-sizing:border-box;
}

#page_content .webzine_box .webzine-content-view-actions .webzine-admin-link{
      margin-left:0;
}
.sub_contents--webzine-theme .contents_top {
    width: 100%;
    text-align: center;
    margin: 0;
    height: 334px;
}
.sub_contents--webzine-theme #lnb2 {
    margin: 0;
    padding: 0;
}
.sub_contents--webzine-theme #lnb2 .lnb_title {
    display: none;
}

/*
#page_content {background: url(/pages/gwangju/img/webzine/web_bg2.png) center 0px no-repeat;}
*/
.sub_contents--webzine-theme #page_content {
    background: none;
}
.sub_contents--webzine-theme .sub_contentsbox {
    position: relative;
}

#s_visual.subgu_gip--custom {
    background: none !important;
}
#s_visual.subgu_gip--custom:before {
    display: none;
}
.webzine-theme-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}
.webzine-theme-wrap .wz-webzine-theme {
    position: relative;
    width: 100%;
    min-height: 100%;
}
.webzine-theme-wrap .wz-layer-svisual {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 365px;
    background: url(/pages/gwangju/img/webzine/web_bg1.png) center 50px no-repeat;
    background-size: contain;
}
.webzine-theme-wrap .wz-layer-svisual-tit {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 365px;
    z-index: 2;
}
.webzine-theme-wrap .wz-layer-svisual-tit .webzine_tit {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}
.webzine-theme-wrap .wz-layer-svisual-tit .sub_title {
    font-size: 42px;
    color: #fff;
    text-align: center;
    padding: 165px 0 20px;
    margin: 0;
    position: relative;
    z-index: 1;
}
.webzine-theme-wrap .wz-layer-svisual-tit .sub_title img {
    max-width: 100%;
    height: auto;
}
.webzine-theme-wrap .wz-issue-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.webzine-theme-wrap .wz-issue-bg__main {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1920px;
    top: 0;
    height: 1200px;
    background: url(/pages/gwangju/img/webzine/web_bg2.png) center 0 no-repeat;
}
#page_content .webzine_sub{width:100%;max-width: 800px;display: block;margin: 0 auto;padding: 0 10px;}
#page_content .webzine_sub .webzin_cover {
    border: solid 1px #b5b2b2;
    overflow: hidden;
    line-height: 0;
    background: #fff;
}
#page_content .webzine_sub .webzin_cover .wz-cover,
#page_content .webzine_sub .webzin_cover .wz-cover img,
#page_content .webzine_sub .webzin_cover > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
}
#page_content .webzine_sub .webzin_cover img{width:100%;max-width:100%;height:auto;}

.webzine_list_empty {
    text-align: center;
    padding: 40px 0;
    color: #666;
}

.news_list{width:100%;margin-top: 50px;}
.news_info{margin:0 auto 40px;background:#fff;padding:40px;}

.news_info .badge{display: inline-block;padding: 6px 12px;color: #fff;font-size: 14px;font-weight: 500;margin-bottom: 10px;margin-left: -40px;}
.player{background:#1ea7ff;}
.icon{background:#1fa83d;}
.master{background:#455bff;}
.scene{background:#ff7f20;}

.news_info h3 {font-size: 30px;margin-bottom: 35px;text-align: center;display: flex;justify-content: center;}
.newslist{width:100%;max-width: 680px;margin: 0 auto;}
.newslist .thumb img{width:100%}
.newslist .desc_title{ text-align:center; font-size:24px; font-weight:500; margin: 18px 0; color:#ff6d2d; }
.newslist p{text-align:center; line-height:22px; font-size:16px; color:#555; word-break:keep-all;}
.tags{display:flex; justify-content:flex-start; flex-wrap:wrap; gap:10px; margin-top: 30px;    margin-left: 5px;}
.tags span{  padding:8px 8px; font-size:15px;color: #2196F3;}

/* 기사 전체 목록(카드) */
.wz-content-all { max-width: 1100px; }
.wz-content-all-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0 20px;
}
.wz-content-all-title { font-size: 28px; font-weight: 700; margin: 0; }
.wz-search-form {
    padding: 15px 0px;
    margin-bottom: 30px;
}
.wz-search-form .wz-search-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
.wz-search-form .wz-search-row label {
    flex: 0 0 70px;
    font-weight: 600;
    font-size: 14px;
}
.wz-search-form .filter-box,
.wz-search-form input[type="text"] {
    flex: 1;
    min-width: 0;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}
.wz-search-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 8px;
}
.wz-search-btn {
    min-width: 90px;
    height: 40px;
    padding: 0 20px;
    border: none;
    border-radius: 6px;
    background: #1697ff;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.wz-search-reset {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 14px;
    text-decoration: none;
}
.wz-content-all-empty {
    text-align: center;
    padding: 40px 0;
    color: #666;
    font-size: 16px;
}
.wz-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-bottom: 50px;
}
.wz-card {
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.wz-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}
.wz-card-thumb {
    position: relative;
    width: 100%;
    padding-top: 105.73%;
    background: #f0f0f0;
    overflow: hidden;
}
.wz-card-thumb img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: top;
}
.wz-card-noimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 0px;
	 background: url(/pages/gwangju/img/webzine/no_images.png) center  no-repeat;
}
.wz-card-body {padding: 0;}
.wz-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    min-height: 28px;
    box-sizing: border-box;
}
.wz-card-meta .badge,
.wz-card-meta .player,
.wz-card-meta .icon,
.wz-card-meta .master,
.wz-card-meta .scene {
    margin: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
}
.wz-card-issue {
    font-size: 13px;
    color: #666;
    margin: 0;
    padding: 0;
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    height: 28px;
    line-height: 1;
}
.wz-card-private {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 12px 0 auto;
    flex: 0 0 auto;
    height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    background: #e53935;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
}
.wz-paging {
    display: flex;
    justify-content: center;
    margin: 10px 0 40px;
}
.wz-paging .dataTables_paginate {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center;
}
.wz-paging .dataTables_paginate a {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    color: #222;
    background: #fff;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}
.wz-paging .dataTables_paginate a.first_back,
.wz-paging .dataTables_paginate a.prev_back,
.wz-paging .dataTables_paginate a.next_back,
.wz-paging .dataTables_paginate a.last_back {
    font-size: 13px;
    background-image: none;
    width: auto;
}
.wz-paging .dataTables_paginate a.current,
.wz-paging .dataTables_paginate a.on,
.wz-paging .dataTables_paginate a:hover {
    border-color: #222;
    color: #fff;
    background: #324358;
}
.wz-paging .wz-paging-disabled {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #ccc;
    background: #f7f7f7;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    box-sizing: border-box;
}
.wz-card-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    display: block;
    margin: 15px;text-overflow: ellipsis; width: 100%;overflow: hidden;-webkit-line-clamp: 2; 
}
.wz-card-tags {
    margin: 0;
    padding: 0 16px 16px;
    justify-content: flex-start;
}

/*서브페이지*/

#page_content .webzine_box{width:100%; max-width:800px;    display: block;
    margin: 0 auto;
    padding: 0 10px;}

/*서브페이지 */

.article-top{ margin-bottom:80px;}

.top-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
}

.article-date{
    font-size: 25px;
    font-weight: 600;
    letter-spacing:-0.5px;
    display: flex;
    justify-content: flex-start;
}

.article-date{
    font-size: 29px;
    font-weight: 600;
    letter-spacing:-0.5px;
    display: flex;
    justify-content: flex-start;
}

.top-util{
    display:flex;
    justify-content: space-between;
	margin-bottom: 10px;
}
.top-util-btns{
    display:flex;
    align-items:center;
    gap: 9px;
    justify-content: space-between;
}

.util-btn{
    width: 40px;
    height: 40px;
    border:none;
    background:none;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.25s;
    color:#333;
    }
.util-btn.sns{background: url(/pages/gwangju/img/webzine/webzine_icon_sns.png) center center no-repeat;}
.util-btn.print{background: url(/pages/gwangju/img/webzine/webzine_icon_print.png) center center no-repeat;}

.util-line{width:1px;height:22px;background:#cfcfcf;}
.article-line{width:100%; height:3px;background:#111;}
.article-title{text-align:center;font-size:58px;font-weight:800; margin-top:55px; letter-spacing:-1.5px;}

/*본문*/
.article-content{width:100%;background:#fff;padding:30px 0;border-top:3px #000 solid;margin: 0;}
.article-content h3{font-size:30px;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.article-lnfo{display: block;padding: 0 30px 30px 30px;width: 100%;    line-height: 24px;}

/* 이전 다음 */

.move-post{ margin-top:90px; border-top:1px solid #ddd;}
.move-post li{ border-bottom:1px solid #ddd;}
.move-post a{ height:52px;display:flex; align-items:center;justify-content:space-between; padding:0 20px; background:#fff; transition:.2s;}
.move-post a:hover{ background:#fafafa;}
.move-left{ display:flex;align-items:center; gap:26px;}
.move-type{color:#00a06b;font-weight: 400;}
.move-title{ font-size:16px; color:#222;}
.arrow{font-size:26px;color:#333;}

/* 리스트 */

.list-box{margin-top:45px;}
.list-title{ padding-bottom:18px;border-bottom:2px solid #222;font-size:20px;font-weight:700;}
.list-title span{color:#1697ff;padding-left: 27px;}
.news-list{border-bottom:1px solid #ddd;}
.news-list li{ border-bottom:1px solid #eee;}
.news-list li:last-child{ border-bottom:none;}
.news-list a{
    height: 45px;
    padding:0 28px;
    display:flex;
    align-items:center;
    background:#fff;
    transition:.2s; }

.news-list a:hover{ background:#f3f8ff;}
.news-list li.news-list-current span{
    display:flex;
    align-items:center;
    height:45px;
    padding:0 28px;
    font-weight:600;
    color:#1697ff;
    background:#f3f8ff;
}
.more-btn{
    width:100%;
    height:90px;
    border:none;
    background:none;
    font-size: 18px;
    font-weight:600;
    cursor:pointer;}
.more-btn span{font-size: 26px;}

/* 우측 카테고리 */
#webzine_category {position: fixed;right: 180px;top:400px;z-index: 1009;}
.category-fixed li{ margin-bottom:10px;}

.category-fixed a{
    height:56px;
    border:1px solid #cfcfcf;
    border-radius:8px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px;
    font-size:15px;
    transition:.2s;
}

.category-fixed li.active a{
    background:#1d9cff;
    border-color:#1d9cff;
    color:#fff;
}

.category-fixed a:hover{
    transform:translateX(-4px);
}
.mr5{margin-right:5px}

.webzine_cover_empty{
	text-align: center; font-size: 16px; color: #666; margin: 40px 0;
}

 @media (max-width:1600px){
/* 우측 카테고리 */
  #webzine_category {display:none}

}

 @media (max-width:860px){
  .m_hid{ display: none;}
 }

 @media (max-width:690px){

 .news_info h3 {font-size: 20px; margin-bottom: 20px;}
 .news_info .badge {margin-top: -25px;}

  .article-content h3 {font-size: 22px; width:95%; display: inline-block; margin-left:20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

  .move-title {display:block;font-size: 14px; width: 100%;  max-width:260px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .m_hid{ display: none;}
  .arrow{ display: none;}
  #webzine_category {display:none}
.article-wrap {
    max-width: 96%;
    margin: 0 auto;
    padding: 0;}
 }

 @media (max-width:480px){
	.webzine_tit h3 img {width:90%}
	.news_info { padding: 20px;}
	.tags {margin-left: 0px;line-height: 12px;}
 }