@charset "utf-8";

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





/* ================================================
  webtton
==================================================*/
/* view*/
.webtton-view  .visually {margin-top: 20px; }






/* ================================================
  video
==================================================*/
.video .video-list li {margin-top: 30px; }
.video .video-inner {}
.video .video-frame {position: relative; width: 100%; padding-top: 56.25%; }
.video .video-frame iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.video .video-list .summary {margin-top: 10px; font-size: 15px; color: #333; font-weight: 300; }




/* ================================================
  column
==================================================*/
/* view */
.column-view .visually {padding: 30px 20px; box-sizing: border-box; border-top: 1px solid #DCDCDC; background-color: #F8F7F8; font-size: 15px; color: #2c2c2c; }




/* ================================================
  dateplace
==================================================*/
/* view */
.dateplace-view .visually {padding: 30px 20px; box-sizing: border-box; border-top: 1px solid #DCDCDC; background-color: #F8F7F8; font-size: 15px; color: #2c2c2c; }




/* ================================================
  clinic
==================================================*/
/* view */
.clinic-view .visually {padding: 30px 20px; box-sizing: border-box; border-top: 1px solid #DCDCDC; background-color: #F8F7F8; font-size: 15px; color: #2c2c2c; }




/* ================================================
  research
==================================================*/
/* list */
.research .research-list {}
.research .gallery-card li img {max-width: 100%; margin: 0 auto; }
.research .gallery-card li a {position: relative; display: block; width: 100%; height: 100%; }
.research .gallery-card .sticker {position: absolute; top: 10px; right: 10px; z-index: 10; padding: 5px 15px; background-color: #333; color: #fff; vertical-align: text-top; }

/* write & view */
.research-write .apply-write {margin-top: 40px; }
.research-write .board-header .tit {position: relative; padding-left: 35px; }
.research-write .board-header .tit:before {content: 'Q'; position: absolute; top: 0; left: 0; box-sizing: border-box; border-radius: 100%; background-color: #999; color: #fff; width: 28px; height: 28px; text-align: center; font-size: 16px; }
.research-write .board-header .data {padding-left: 35px; }

/* 진행중인 러브리서치 */
.research-write .apply-list .voto-question li {margin-bottom: 15px; }
.research-write .apply-list .voto-question li.etc .form-input {display: inline-block; width: calc(100% - 70px); margin-left: 6px;}

/* 완료된 러브리서치 영역 */
.research-write .voto-question li {margin-bottom: 10px; }
.research-write .voto-question .question-title {font-size: 15px; color: #232323; font-weight: 400; }
.research-write .voto-question .bar-group {position: relative; width: 100%; height: 20px; box-sizing: border-box; border-radius: 15px; background-color: #f8f7f8; overflow: hidden; }
.research-write .voto-question .bar-group .bar {position: absolute; top: 0; left: 0; height: 100%; box-sizing: border-box; border-radius: 15px; background-color: #E5006E; }
.research-write .voto-question .btn-bottom {margin: 40px auto; }