@charset "utf-8";

/* ================================================
  common
==================================================*/

.board-list.borderTop {border-top: 1px solid #DCDCDC; }
.board-header {padding: 20px 20px; }
.board-header .total {font-size: 13px; color: #646464; font-weight: 400; }

.header-title {margin: 30px auto 50px; }
.header-title .tit {text-align: center; font-size: 16px; color: #2a2a2a; font-weight: 400; }

/* header tab */
.header-tab.tab-inner {margin: 40px auto 10px; padding: 0 10px;} 
.header-tab {margin-bottom: 50px; margin-top: -1px} /* 헤더와 붙어 있는 경우 */

.header-tab.bundle .btn-tab {widtH: 50%; margin: 0; border: none; border-bottom: 1px solid #d3d3d3; }
.header-tab.bundle .btn-tab:first-child,
.header-tab.bundle .btn-tab:nth-child(2) {border-top: 1px solid #d3d3d3;}
.header-tab.bundle .btn-tab:nth-child(2n) {border-left: 1px solid #d3d3d3; }

.header-tab:after {content: ''; display:  block; clear: both; visibility: hidden;}
.header-tab .btn-tab {float: left; width: calc((100% - 3px)/2); height: 50px; border: 1px solid #d3d3d3; box-sizing: border-box; background-color: #fff; font-size: 16px; color: #97989a; text-align: center; font-weight: 400; line-height: 48px; margin-left: 3px; }
.header-tab .btn-tab:first-child {margin-left: 0; }
.header-tab .btn-tab.active {border-color: #d51168; background-color: #d51168 ; color: #fff; font-weight: 700; }

/* header tab02 : tab line인 경우 */
.header-tab02:after {content: ''; display:  block; clear: both; visibility: hidden;}
.header-tab02.tab-inner {padding: 0 10px; }
.header-tab02 li {float: left; width: 12.5%; height: 50px; }
.header-tab02 li a, 
.header-tab02 li button {display: block; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box; border-bottom: 2px solid #b2b2b2; font-size: 15px; color: #101010; text-align: center; font-weight: 400; line-height: 48px;}
.header-tab02 li a.active,
.header-tab02 li button.active {border-color: #d51168; color: #d51168; font-weight: 500; }

/* card list */
.gallery-card { }
.gallery-card li {width: 100%; margin-top: 20px;}
.gallery-card li:first-child {margin-top: 0;}
.gallery-card .gallery-thumbs {width: 100%; padding-top: 56.25%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.gallery-card .gallery-info {padding: 15px 5px 20px; }
.gallery-card .gallery-info .tit {height: auto; font-size: 18px; color: #333; font-weight: 500; }
.gallery-card .gallery-info .data {margin-top: 5px; color: #999; font-size: 14px; }
.gallery-card .gallery-info .video_script {display: none; height: 0; visibility: hidden; }

/* list */
.list-item li {display: table; width: 100%; table-layout: fixed; padding: 20px 10px; box-sizing: border-box; border-bottom: 1px solid #DCDCDC; background-color: #fff; }
.list-item li > a:after,
.list-item li:after {content: ''; display:  block; clear: both; visibility: hidden;}

.list-item .info {padding: 0 10px; }
.list-item a {display: block; width: 100%; height: 100%; }
.list-item .info .notice-tag {display: inline-block; margin-right: 5px; padding: 2px 8px; border-radius: 5px; background-color: #97989a; color: #fff; font-weight: 500; font-size: 12px; vertical-align: middle; }
.list-item .info .data {font-size: 13px; color: #999999;}
.list-item .info .tit {font-size: 16px; font-weight: 500;  color: #333333; }
.list-item .info .txt {margin-top: 10px; font-size: 14px; color: #333; font-weight: 300; }
.list-item .info .manger-name {margin-top: 10px; font-size: 14px; color: #999; }

.list-item.img .thumbs {float: left; width: 120px; height: 90px; background-repeat: no-repeat; background-size: contain; overflow:hidden; }
.list-item.img .thumbs .thumbs-imges {width: 120px; height: 90px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.list-item.img .thumbs img {display: block; width: 100%; height: 100%; }
.list-item.img .info {float: left; width: calc(100% - 120px); padding: 5px 10px 0; box-sizing: border-box; vertical-align: top; }



/* view */
.board-view {margin: 0 auto 60px; }
.board-view .board-header {padding: 20px 20px; box-sizing: border-box;}
.board-view .board-header .tit {margin-bottom: 5px; font-weight: 500; font-size: 18px; color: #333333; }
.board-view .board-header .date {font-size: 14px; color: #999999; }

.board-view .visually-thumbs {width: 100%; padding-top: 56.25%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.board-view img {display: block; max-width: 100%; margin: 0 auto; backface-visibility: hidden;}

/* write */
.board-write {margin: 0 auto 60px; }
.board-write .board-header {padding: 20px 10px; max-width: 720px; margin: 0 auto; }
.board-write .board-header .tit {margin-bottom: 5px; font-weight: 500; font-size: 18px; color: #333333; }
.board-write .board-header .data {font-size: 14px; color: #999999; }

.board-write .visually-thumbs {width: 100%; aspect-ratio: 16 / 9; max-width: 720px; margin: 0 auto; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.board-write img {display: block; width: 100%; height: 100%; margin: 0 auto;}

.board-apply {padding-top: 30px; }
.apply-list +  .apply-write {margin-top: 60px; }

.apply-write {margin-top: 30px; padding-top: 40px; box-sizing: border-box; border-top: 2px dashed #DCDCDC; background-color: #F8F7F8; }
.apply-write .agree-content {margin-top: 30px; padding: 20px; border-top: 1px solid #DCDCDC; }
.apply-write .agree-all {margin-bottom: 15px; }




/* ================================================
  culture
==================================================*/
.culture-card li {width: 100%; margin-top: 20px;}
.culture-card li:first-child {margin-top: 0;}
.culture-card .culture-thumbs {width:100%; padding-top: 56.25%; border: 1px solid #efefef; box-sizing: border-box; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.culture-card .culture-info {padding: 20px 5px 0; }
.culture-card .culture-info .tag {font-size: 16px; font-weight: 500; }
.culture-card .culture-info .tit {display: inline-block; width: calc(100% - 70px); margin-left: 6px; font-size: 18px; color: #333; font-weight: 500; vertical-align: top; }
.culture-card .culture-info .txt {margin-top: 10px; font-size: 15px; color: #333; font-weight: 400; }
.culture-card .culture-info .data {margin-top: 15px; color: #E5006E; font-size: 13px; }
.culture-card .culture-bottom {width: 100%; margin-top: 30px; box-sizing: border-box; text-align: center; }
.culture-card .culture-bottom .culture-count {display: block; width: 100%; height: 45px; font-size: 20px;  color: #fff; font-weight: 500; background-color: #E5006E; line-height: 45px; }
.culture-card .culture-bottom .culture-count.close {background-color: #9A9A9A;}

/* apply-close */
.apply-close {}
.nodata {padding: 30px 0; text-align: center; }
.nodata .tit-main {display: block; margin-bottom: 20px; font-size: 22px; color: #E5006E; font-size: 16px; font-weight: 500; }
.nodata p {font-size: 16px; color: #333333; font-weight: 400; }
.nodata .guide {margin-top: 5px; font-size: 12px; color: #999999; font-weight: 300; }


/* view */ 
.culture-view .board-write .visually {position: relative; padding: 0 30px; max-width: 740px; margin: 0 auto; }
.culture-view .board-write .apply-list .inner {padding: 0 34px;}
.culture-view .board-write .apply-write .inner {padding: 0 34px;}
.culture-view .board-write .visually > img { }
.culture-view .board-write .visually:after {content: ''; position: absolute; bottom: -5px; left: 25px; z-index: -1; width: calc(100% - 30px); height: 12px; background: url("/images/board/culutre_shadow.png") no-repeat bottom center; background-size: 100% auto;}


/* ================================================
  미팅파티 
==================================================*/
.party .header-tab {margin: 0 auto 5px; padding: 0 20px; }
.party .header-tab.bundle .btn-tab:first-child {border-left: 1px solid #d3d3d3; } 
.party .header-tab.bundle .btn-tab:nth-child(2n) {border-right: 1px solid #d3d3d3; } 
.party .header-tab.bundle .btn-tab.active {border-color: #d51168; }

.party .list-item li {display: block; padding: 0 20px; margin-bottom: 90px; border-bottom: 0;}
.party .list-item li img {max-width: 100%; }
.party .list-item .thumbs {display: block; float: none; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #d3d3d3; background-size: 100% 100%; }
.party .list-item .info {float: none; width: 100%; margin-top: 10px; }
.party .memo-list {font-family: 'Cafe24ClassicType-Regular'; font-size:16px; color: #4d4337; text-align: center;}
.party .list-item li:first-child .memo-list {display: none;}

/*

.list-item .memo-list dl {display: table; width:100%; }
.list-item .memo-list dl + dl {margin-top: 5px;} 
.list-item .memo-list dl > dt {display: table-cell; width: 40px; vertical-align: top; color: #4a4a4a; font-size: 14px; font-weight: 300; }
.list-item .memo-list dl > dd {display: table-cell; width: calc(100% - 60px); vertical-align: top; color: #333; font-size: 14px; font-weight: 500; }

.party .list-item.img .info {padding-top: 0;}

.party .list-item.img .thumbs {display: table-cell; width: 160px; height: 90px; background-size: cover; }
.party .list-item.img .info {width: calc(100% - 160px); } */




/* write */
.party-write .etc-list {margin-top: 30px; padding-bottom: 40px; border-top: 1px solid #e9e9e9; background-coloR: #f1f1f1; }
.party-write .etc-list .dl-list {padding-top: 20px; margin-top: 0; }
.party-write .etc-list .dl-list dt {color: #a1a1a1; }
.party-write .etc-list .dl-list dd {color: #a1a1a1; font-size: 14px; font-weight: 400;}
.party-write .etc-list .dl-list dd li:first-child {margin-top: 0; }
.party-write .etc-list .dl-list dd li {margin-top: 8px; color: #a1a1a1; }
.party-write .apply-write {margin-top: 0; }