@charset "UTF-8";

/* 로그인 */
.login-logo {
  margin-top: 32px;
  margin-bottom: 40px;
}

.login-logo img{
  margin: auto;
  display: block;
  width: 210px; 
  height: 36px;
}

.maintain-check {
	display: flex;
	justify-content: start;
	align-items: center;
	cursor: pointer;
  font-size: 12px;
  font-weight: 400;
}

.maintain-check {
  margin-bottom: 8px;
  margin-left: 14px;
}

.login-form input[type="checkbox"] + label em {
  margin-right: 4px;
}

.login-form input[type="checkbox"]:checked +label em {
  margin-right: 4px;
}

.member-link {
  display: flex;
  justify-content: space-between;
}

.member-link a{
  font-size: 12px;
  color: #989898;
  font-weight: 700;
  margin-bottom: 32px;
}

.division {
  display: flex;
  margin-top: 9px;
}

.division-line {
  border-top: 1px solid #E8E8E8;
  margin: 30px auto;
  width: 30%;
  height: 0px;
}

.division p{
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 23px;
  font-size: 14px;
  color: #989898;
}

.social-login {
  margin-bottom: 17px;
}

.social-login img{
  margin-right: 20px;
}

.login-adv1 {
  width: 320px;
  height: 175px;
  border-radius: 8px;
  margin: 0 auto;
}

/* 회원정보 폼 */

.font-red {
  color: #CA0000;
  margin-left: -3px;
}

.font-blue {
  color: #2448D9;
  margin-left: 3px;
  font-size: 12px;
}

.font-grey {
  font-size: 12px;
  color: #989898;
}

.userdata-form {
  margin-top: 8px;
}


.form-button {
  width: 66px;
  height: 26px;
  border-radius: 8px;
  background-color: var(--main-color);
  color:#fff;
  font-size: 12px;
  line-height: 26px;
  font-weight: 700;
  position:absolute;
  right: 12px;
  top:10px;
}

.form-button.long {
  width:89px;
}

.form-button.mid {
  width: 79px;
}

.form-button.short {
  width: 45px;
}

.form-button.del {
  width: 45px;
  background-color: #E9EDFF;
  color: #2448D9;
}

.form-button.del {
  width: 45px;
  background-color: #E9EDFF;
  color: #2448D9;
}

.form-button.grey {
  width: 45px;
  background-color: #E8E8E8;
  color: #C1C1C1;
  text-align: center;
}

.input-box .form-guide{
  font-size: 12px;
  font-weight: 700;
  color:var(--main-color);
  position:absolute;
  top: 16px;
  right: 12px;
}

/* focused input */
.input-box.focus.focus-border {
  border: 1px solid #2448D9;
}

.input-box.focus input {
  margin-top: 22px;
}

.input-box.focus label{
  position:absolute;
  top: 8px;
  left: 12px;
  font-size: 10px;
  font-weight: 700;
  color: #989898;
}

.input-box.focus input::placeholder{
  font-size: 14px;
  color: #C1C1C1;
}

.form-guide.time {
  position: absolute;
  right: 66px;
  top: 16px;

}
.form-button.auth {
  width: 45px;
  height: 26px;
  background-color: #E9EDFF;
  color: #2448D9;
}

.form-button.authenticate {
  width: 66px;
  height: 26px;
  background-color: #E8E8E8;
  color: #C1C1C1;
}

.check-messages {
  margin-top: 8px;
  margin-bottom: 8px;
}
.possible-txt {
  font-size: 10px;
  color: #2448D9;
}

.impossible-txt {
  font-size: 10px;
  color: #CA0000;
}

/* 동의 체크버튼 */

.check-items {
  margin-top: 12px;
  margin-bottom: 12px;
  position: relative;
}

.check-all{
  height: 48px;
  border-radius: 10px;
  background-color: #F5F5F5;
  padding: 13px;
  font-weight: 700;
  margin-bottom: 0px;
  padding-left: 20px;
}

.check-all.checked {
  background-color: #E9EDFF;
}

.check-items input + label {
  font-size: 14px;
  color: #585858;
}

.check-items.must {
  margin-left: 16px;
  height: 40px;
  margin-bottom: 0px;
}

.agreement ul{
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 26px;
}

.agreement ul li {
  padding-bottom: 4px;
  margin-left: 8px;
}

.view-detail {
  font-size: 10px;
  color: #727272;
  border: 0.5px solid #C1C1C1;
  padding: 4px;
  position:absolute;
  right: 2px;
}

.input-box.focus.disable {
  background-color: #F4F4F4;
}

.input-box.focus.disable input[value] {
  color: #989898;
	background-color: #F4F4F4;
}

.input-box.focus.disable label{
  color: #C1C1C1;
}

.input-box.focus.readonly {
  background-color: #F4F4F4;
}

.input-box.focus.readonly input[value] {
  color: #989898;
}

.input-box.focus.readonly label{
  color: #C1C1C1;
}

.find-tab {
  height: 37px;
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 16px;
}

.find-tab ul{
  display: flex;
  margin-left: 20px;
  margin-right: 20px;
}

.find-tab ul li{
  width: 50%;
  text-align: center;
  position: relative;

}

.find-tab ul a {
  display: block;
  line-height: 37px;
  font-size: 14px;
  color: #979797;
}

.find-tab ul li .selected{
  font-weight: 700;
  color: #111111;
}


.find-tab ul li .selected::after{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  content:"";
  background: #111111;
}

.find-tab ul li .selected span {
  font-size: 14px;
  font-weight: 700;
  color: #2448D9;
}


.find-tab ul li .bold span {
  font-weight: 700;
}

.input-box.mb16 {
  margin-bottom: 16px;
}

/* 메인페이지 */
.top-area {
  height: 56px;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  padding: 15.5px 20px;
}

.top-right {
  display: flex;
}

.top-right .search-btn{
 margin-right: 18.75px;
}

.top-right .alarm-btn{
  position:relative;
}

.top-right .alarm-btn .alarm-num{
  width: 16px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  position:absolute;
  border-radius: 50%;
  background-color: #2448D9;
  border: 1px solid #2448D9;
  font-size: 9px;
  color: #fff;
  bottom: 1px;
  left: 5px;
}

/* 탭메뉴 */

.tab-menu {
  height: 37px;
  border-bottom: 1px solid #E8E8E8;
}

.tab-menu ul{
  display: flex;
  margin-left: 20px;
  margin-right: 20px;
}

.tab-menu ul li{
  text-align: center;
  position: relative;
  padding: 0px 8px;
  margin-right: 4px;
}

.tab-menu ul a {
  display: block;
  line-height: 37px;
  font-size: 14px;
  color: #979797;
}

.tab-menu ul li .selected{
  font-weight: 700;
  color: #111111;
}


.tab-menu ul li .selected::after{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  content:"";
  background: #111111;
}

/* 메인 배너 */
.main-banner {
  margin-top: 20px;
  margin-bottom: 32px;
}

.main-banner .banner-scroll{
  display: flex;
  overflow:auto;
  white-space: nowrap;
}

.main-banner .banner-scroll::-webkit-scrollbar{
  display: none;
}

.main-banner .banner-scroll li{
  margin-right: 16px;
}

.main-banner .banner-scroll li:last-child{
  margin-right: 0px;
}


.main-banner .banner-scroll img{
  width: 320px;
  height: 220px;
  border-radius: 8px;
}


/* 인기캠페인 */

.campain-title .big-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 28.6px;
  margin-bottom: 4px;
}

.campain-title .title-desc{
  font-size: 14px;
  color:#989898;
  margin-bottom: 16px;
}


.popular-area{
  display: flex;
  overflow:auto;
  white-space: nowrap;
}

.popular-area::-webkit-scrollbar{
  display: none;
}

.popular-area .horizontal-card{
  margin-bottom: 16px;
  display: flex;
  margin-right: 16px;
}

.horizontal-card .img-wrapper-s{
  width: 104px;
  height: 104px;
  margin-right: 12px;
  position: relative;
}

.horizontal-card .img-wrapper-s .campaign-img img {
  max-width: 100%;
  width: auto; 
  height: auto;
  border-radius: 8px;
}

.horizontal-card .img-wrapper-s .popular-rate {
  width: 20px;
  height: 20px;
  background-color: #2448D9CC;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: 8px;
  left: 8px;
}

.horizontal-card .img-wrapper-s button {
  position: absolute;
  right: 8px;
  bottom: 8px;
}

.card-badge-area {
  display: flex;
  margin-bottom: 4px;
}

.card-badge-area .dday-area{
  text-align: center;
  height: 18px;
  line-height: 18px;
  border-radius: 4px;
  background-color: #E9EDFF;
  margin-right: 4px;
  padding-left: 5px;
  padding-right: 5px;
}

.card-badge-area .dday-area p{
  font-size: 12px;
  font-weight: 700;
  color: #2448D9;
}

.card-badge-area .point-area {
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  margin-right: 4px;
  height: 18px;
  border: 1px solid #2448D9;
  border-radius: 4px;
  align-items: center;
}

.card-badge-area .point-area img{
  width: 12px;
  height: 12px;
  margin-right: 2px;
}

.card-badge-area .point-area p{
  font-size: 10px;
  font-weight: 700;
  color: #2448D9;

}

.card-badge-area .sns-area ul{
  display: flex;
  justify-content: space-between;
}

.card-badge-area .sns-area ul li{
  margin-right: 1px;
}


.horizontal-card .card-info-area  .card-title p{
  line-height: 21px;
  font-size: 14px;
  font-weight: 700;
  width: 240px;
  white-space : normal; 
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 4px;
}

.horizontal-card .card-info-area  .card-text p{
  width: 240px;
  line-height: 18px;
  font-size: 12px;
  color: #989898;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
  margin-bottom: 4px;
}

.card-info-area .card-status {
  display: flex;
  margin-top: 13px;
}

.card-info-area .card-status .apply-num{
  font-size: 12px;
  color: #6B6B6B;
}

.card-info-area .card-status .apply-limit {
  font-size: 12px;
  color: #989898;
}

/* 중간 배너 */

.middle-ad-area{
  width: 100%;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 32px;
}

.middle-ad-area img {
	width:100% !important;
  max-width: 100%;
  width: auto; 
  height: auto;
  border-radius: 8px;
}

/* 신규 캠페인 */

.newest-area ul{
  display: flex;
  overflow:auto;
  white-space: nowrap;
}

.newest-area ul::-webkit-scrollbar{
  display: none;
}

.newest-area .vertical-card{
  margin-bottom: 16px;
  margin-right: 16px;
}

.newest-area .card-info-area .card-title {
  width: 152px;
  white-space: nowrap;
  text-overflow: ellipsis; 
  overflow: hidden ;
}

.vertical-card .img-wrapper-s{
	/*
  width: 152px;
  height: 152px;
  margin-bottom: 12px;
  position: relative;
	*/
	width:100%; 
	height:152px; 
	border-radius:10px; 
	overflow:hidden;
	margin-bottom: 12px;
}

.vertical-card .img-wrapper-s .campaign-img img {
  max-width: 100%;
  width: auto; 
  height: auto;
  border-radius: 8px;
}

.vertical-card .img-wrapper-s .popular-rate {
  width: 20px;
  height: 20px;
  background-color: #2448D9CC;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: 8px;
  left: 8px;
}

.vertical-card .img-wrapper-s button {
  position: absolute;
  right: 8px;
  bottom: 8px;
}


.vertical-card .card-info-area .card-title p{
  line-height: 21px;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 4px;
}

.vertical-card .card-info-area .card-text p{
  /*width: 152px;*/
  line-height: 18px;
  font-size: 12px;
  color: #989898;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
  margin-bottom: 4px;
}

/* 진행중인 캠페인 */
.ongoing-background {
  background-color: #F8F9FF;
  padding-bottom: 29px;
}

.ongoing-wrapper {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 30px;

}

.ongoing-wrapper .horizontal-card{
  margin-bottom: 16px;
  display: flex;
  margin-right: 16px;
}

.more-view {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

.more-view-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 155px;
  height: 45px;
  border-radius: 32px;
  border: 1px solid #C1C1C1;
}

.more-view-btn p{
  font-size: 14px;
  color: #575757;
}

.more-view-btn img{
  display: block;
  margin-left: 10px;
  width: 16px;
  height: 16px;
}

.main-announce {
  height: 61px;
  padding: 22px 20px 18px 20px;
  display: flex;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}

.main-announce .announce-title {
  width: 49px;
  font-size: 14px;
  font-weight: 700;
}

.main-announce .announce-txt {
  font-size: 14px;
  color: #404040;
  width: 255px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 16px;
}

/* footer */

footer {
  margin-top: 24px;
  margin-bottom: 80px;
}


.footer-top {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.footer-top img {
  width: 150px;
  height: 25px;
  margin-right: 12px;
}

.footer-more-view  .open-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
}

.footer-more-view  .open-btn p{
  font-size: 12px;
  color: #585858;
}

.footer-more-view .open-btn img{
  display: block;
  margin-left: 4px;
  width: 16px;
  height: 16px;
}

.footer-link {
  display: flex;
  justify-content: center;
}

.footer-link .footer-link-menu {
  font-size: 12px;
  line-height: 18px;
}

.footer-link .footer-link-menu a{
  color: #585858;
}


.footer-link .footer-link-menu.bold {
  font-weight: 700;
  color: #585858;
}

.footer-link p{
  font-size: 12px;
  color: #585858;
  margin-left: 4px;
  margin-right: 4px;
}

.footer-copyright {
  margin-top: 20px;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}

.footer-copyright p{
  font-size: 12px;
  color: #989898;
}

.footer-detail-info {
  display: flex;
  justify-content: center;
  /*height: 152px;*/
  border-radius: 8px;
  background-color: #F5F5F5;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 12px 16px;
}

.footer-detail-info {
  display: flex;
}

.footer-detail-info .info-title {
  font-size: 10px;
  color: #C1C1C1;
  width: 100px;
  line-height: 16px;
}

.footer-detail-info .info-title .addr{
  margin-bottom: 16px;
}

.footer-detail-info .info-txt {
  font-size: 10px;
  color: #989898;
  line-height: 16px;
}

/* 검색 */
.hd-search {
  background-color: #F4F4F4;
  width: 85%;
  height: 40px;
  border-radius: 8px;
  padding-top: 2px;
  margin-left: 30px;
  position: relative;
}

.hd-search .gnb-search-icon {
  position: absolute;
  top: 12px;
  left: 12px;
}

.hd-search input:focus {
  outline:none;
}

.hd-search input{
  margin-left: 38px;
  margin-top: 5px;
  width: 80%;
  font-size: 14px;
  font-weight: 400;
  border:none;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #F4F4F4;
}

.hd-search input::placeholder{
  font-size: 14px;
  color: #C1C1C1;
}

.search-control {
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 12px;
}

.search-control .recent{
  font-size: 14px;
  font-weight: 700;
}

.search-control .delete{
  font-size: 14px;
  color: #989898;
  margin-right: 28px;
}

.search-control .delete img{
  margin-left: 3px;
}

.search-keyword-li {
  margin-left: 20px;
  margin-right: 20px;
}

.search-keyword-li ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.keyword-li button{
  padding: 8px 12px;
  border: 1px solid #C1C1C1;
  border-radius: 31px;
  height: 37px;
  font-size: 14px;
  color: #585858;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: #F4F4F4;
}

.select-channel {
  height: 58px;
  padding: 12px 20px;
  display: flex;
}


.selcect-channel-btn {
  height: 34px;
  border-radius: 4px;
  border: 1px solid #C1C1C1;
  display: flex;
  align-items: center;
  padding-left: 12px ;
  padding-right: 12px ;
  margin-right: 8px;
}

.selcect-channel-btn .title {
  font-size: 12px;
  color: #727272;
}

.selcect-channel-btn .filter {
  font-size: 12px;
  color: #404040;
  font-weight: 700;
  margin-left: 4px;
}

.selcect-channel-btn img{
  width: 16px;
  height: 16px;
  margin-left: 2px;
}

.division-line-search {
  border-bottom: 6px solid #F4F4F4;
}

.search-result-campaign ul{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.search-result-campaign li {
	width:50%;
	display: flex;
  justify-content: center;
	margin-bottom: 12px;
}

.vertical-card {
  width: 100%;
  margin-bottom: 16px;
  margin-right: 16px;
  position: relative;
}

.search-result-campaign .vertical-card .card-info-area .card-title p{
  line-height: 21px;
  font-size: 14px;
  font-weight: 700;
  /*width: 152px;*/
  text-overflow: ellipsis;
  /*overflow: hidden;
  white-space: nowrap;*/
  margin-bottom: 4px;
}

.search-result-campaign .card-badge-area{
  height: 18px;
}

.modal_submenu ul li{
  width: 100%;
  height: 59px;
}

.modal_submenu ul li a {
  line-height: 59px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  display: block;
}

.result-none {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 900;
}

.result-none img{
  width: 72px;
  height: 72px;
  transform: translateX(50%);
  margin-bottom: 16px;
}

.result-none .result-guide{
  font-size: 16px;
  color: #C1C1C1;
}

/* 알림 */
.alarm-filter {
  display: flex;
  justify-content: flex-start;
  margin-top: 8px;
}

.alarm-filter .unread{
  padding-left: 16px;
  padding-right: 16px;
  height: 37px;
  line-height: 37px;
  border: 1px solid #E8E8E8;
  font-size: 14px;
  color: #585858;
  border-radius: 31px;
  text-align: center;
  margin-right: 16px;
}

.alarm-filter .selected{
  padding-left: 16px;
  padding-right: 16px;
  height: 37px;
  line-height: 37px;
  background-color: #2448D9;
  font-size: 14px;
  color: #FFFFFF;
  border-radius: 31px;
  text-align: center;
}

.alarm-filter button:first-child{
  margin-right: 12px;
}

.alarm-real-all {
  position:absolute; 
	font-size:12px; 
	right:15px; 	
	margin-top:10px;
}

.alarm-list {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.alarm-list .alarm-icon {
  margin-right: 12px;
  margin-top: 14.5px;
}

.alarm-list .alarm-contents {
  width: calc(100% - 52px);
}

.alarm-list li {
  display: flex;
  margin-bottom: 16px;
}

.alarm-list li .alarm-top {
  display: flex;
  justify-content: space-between;
}

.alarm-list li .alarm-top .category {
  font-size: 12px;
  font-weight: 700;
  color: #585858;
  line-height: 18px;
}

.alarm-list li .alarm-top .alarm-date {
  font-size: 12px;
  color: #989898;
  line-height: 12px;
}

.alarm-list li .alarm-top .alarm-category{
  position: relative;
}

.alarm-list li .alarm-top .alarm-category img{
  position: absolute;
  top: 0px;
  right: -10px;
}

.alarm-list li .alarm-txt {
  font-size: 14px;
  font-weight: 700;
  /*text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; */
  line-height: 21px;
  margin-top: 4px;
}

.alarm-list li .campaign-name {
  margin-top: 4px;
  font-size: 12px;
  color: #989898;
  line-height: 18px;
  font-weight: 400;
}

.sub-category ul{
  display: flex;
  overflow:auto;
  white-space: nowrap;
  margin-top: 21px;
  margin-left: 20px;
  margin-bottom: 4px;
}

.sub-category ul::-webkit-scrollbar{
  display: none;
}

.sub-category ul li{
  margin-right: 16px;
}

.sub-category .cateogry-icon {
  width: 56px;
  height: 56px;
  background-color: #E9EDFF;
  border-radius: 50%;
  position: relative;
}

.sub-category .cateogry-icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.sub-category .category-title {
  font-size: 12px;
  margin-top: 8px;
  text-align: center;
  line-height: 18px;
}

/* 슬라이드 메뉴 - 지역선택 */


.slide-menu {
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 900;
  width: 320px;
  height: 800px;
  background: #fff;
  padding-top: 36px;
  padding-left: 20px;
  padding-right: 20px;
}

.slide-menu .all-region {
  font-size: 16px;
  font-weight: 700;
  color: #2448D9;
  line-height: 53px;
}

.slide-menu .div-region{
  font-size: 16px;
  font-weight: 700;
  height: 53px;
  border-top: 1px solid #E8E8E8;
  padding-top: 16px;
  padding-bottom: 16px;
}

.slide-menu .region-list .region-name {
  font-size: 14px;
  color: #585858;
  width: 120px;
}



.slide-menu .region-list {
  display: flex;
}


.slide-menu li {
  height: 21px;
  margin-bottom: 12px;
}


/* 카테고리 */
.header-title {
  height: 56px;
  font-size: 22px;
  font-weight: 700;
  line-height: 56px;
  margin-left: 20px;
}

.header-subtitle {
  font-size: 18px;
  font-weight: 700;
  margin-left: 20px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.category-list {
  margin-left: 20px;
}

.category-list ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.category-list ul li {
  margin-right: 32px;
  margin-bottom: 12px;
}

/*
.category-list ul li:nth-child(4n) {
  margin-right: 0px;
}
*/

.category-list .cateogry-icon {
  width: 56px;
  height: 56px;
  background-color: #E9EDFF;
  border-radius: 50%;
  position: relative;
}

.category-list .cateogry-icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.category-list .category-title {
  font-size: 12px;
  margin-top: 8px;
  text-align: center;
  line-height: 18px;
}

.category-list .selected {

}

.customer-menu-list {
  display: flex;
  margin-left: 20px;
}



.customer-menu-list ul li {
  width: 160px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
}

/* 공지사항 */

.board-list .board-title p{
  font-size: 16px;
  font-weight: 700;
  margin-left: 20px;
  margin-top: 16px;
  margin-bottom: 4px;
  width: 320px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.board-list .board-date {
  font-size: 12px;
  color: #989898;
  margin-left: 20px;
  margin-bottom: 16px;
}

.board-list li {
  border-bottom: 1px solid #E8E8E8;
}

.board-view {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
}

.board-view .board-txt {
  margin-bottom: 16px;
  font-size: 14px;
  color: #000000;
  line-height: 21px;
}

.board-view .board-img {
  margin-bottom: 16px;
  width: 100%;
}

/* 이벤트*/
.event-img {
  padding-top: 16px;
  padding-left: 20px;
  padding-right: 20px;
}

.event-img img {
  border-radius: 8px;
  width: 320px;
  height: 176px;
  object-fit: cover;
}

/* 고객센터 */

.answer-not {
  font-size: 12px;
  font-weight: 700;
  color: #989898;
  margin-left: 20px;
  margin-top: 16px;
  line-height: 18px;
}

.board-title.customer p{
  margin-top: 4px;
}

.answer-fin {
  font-size: 12px;
  font-weight: 700;
  color: #2448D9;
  line-height: 18px;
  margin-left: 20px;
  margin-top: 16px;
}

.board-list.answer li{
  border-top: 1px solid #E8E8E8;
  border-bottom: none;
}

.alarm-filter.customer {
  display: flex;
  overflow:auto;
  white-space: nowrap;
  margin-bottom: 16px;
}

.alarm-filter.customer::-webkit-scrollbar{
  display: none;
}

.cs-write {
  margin-left: 20px;
  margin-right: 20px;
}

.cs-write p{
  margin-top: 14px;
  margin-bottom: 8px;
}



.upload-img {
  position: relative;
}

.upload-img .delete{
  position: absolute;
  right: 7px;
  top: 0px;
}

.upload-img .image {
  margin-right: 16px;
}

.img-list .add{
  margin-right: 16px;
}

.upload-img .image {
  width: 68px;
  height: 68px;
  border-radius: 12px;
  object-fit: cover;
}

.img-list {
  margin-bottom: 58px;
}

.guide-area {	
	width:100%;
  height:50vh;
	text-align:center;
}

.agreement-subtitle {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
}

.agreement-txt {
  font-size: 14px;
  line-height: 21px;
  color: #585858;
}



/*캠페인 상세 - 제품, 기자단, 스토어리뷰*/

.background-wrap {
  position: relative;
  width:100%;
  height:360px;
  overflow:hidden;
  margin:0 auto;
  margin-bottom: 20px;
}

.background-wrap .background-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.background-wrap .goback {
  position: absolute; 
  top: 16px;
  left: 20px;
}



.card-badge-area.view .sns-area {
  margin-right: 4px;
}

.campaign-name {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
}

.campaign-basic-info {  
  background-color: #F4F4F4;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 13.5px 16px;  
}


.campaign-basic-info .info-title {
  font-size: 12px;
  color: #727272;
  line-height: 22px;
}

.campaign-basic-info .info-txt {
  text-align: end;
  font-size: 14px;
  line-height: 22px;
}

.campaign-tab-menu {
	width: 100%;
  margin-top: 16px;
  height: 45px;
  border-bottom: 1px solid #E8E8E8;
}

.campaign-tab-menu ul{
  display: flex;
	width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  overflow:auto;
  white-space: nowrap;
}

.campaign-tab-menu ul::-webkit-scrollbar{
  display: none;
}

.campaign-tab-menu ul li{
  text-align: center;
  position: relative;
  margin-right: 4px;
}

.campaign-tab-menu ul a {
  display: block;
  line-height: 45px;
  font-size: 14px;
  color: #979797;
  padding-right: 12px;
  padding-left: 12px;
}

.campaign-tab-menu ul li .selected{
  font-weight: 700;
  color: #111111;
}


.campaign-tab-menu ul li .selected::after{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  height: 2px;
  content:"";
  background: #2448D9;
}

.campaign-detail {
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E8E8E8;
}

.campaign-detail .detail-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}

.campaign-detail .detail-txt {
  font-size: 16px;
  color: #404040;
  line-height: 24px;
}

.campaign-detail .detail-img {
  margin-top: 16px;
  margin-bottom: 16px;
}


.detail-img-more {
  display: flex;
  justify-content: center;
  height: 37px;
  width: 100%;
  border: 1px solid #2448D9;
  line-height: 37px;
  border-radius: 4px;
}

.detail-img-more p {
  font-size: 14px;
  color: #2448D9;
  font-weight: 700;
}

.detail-img-more .arrow {
  margin-top: 4px;
  margin-left: 2px;
}

.campaign-detail .detail-txt .grey-font {
  font-size: 12px;
  color: #989898;

}

.detail-title.keyword {
  display: flex;
}

.detail-title.keyword p{
  margin-top: 4px;
}

.detail-title.keyword button{
  width: 76px;
  height: 26px;
  border-radius: 4px;
  background-color: #E9EDFF;
  color: #2448D9;
  margin-left: 16px;
}

.additional-guide {
  background-color: #F4F4F4;
  padding: 24px 16px;
  border-radius: 8px;
  margin-top: 32px;
}

.additional-guide .guide-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
}

.additional-guide .guide-txt {
  padding-left: 16px;
  padding-right: 20px;
}


.additional-guide .guide-txt li{
  list-style-type: disc;
  font-size: 14px;
  color: #404040;
  line-height: 21px;
}

.additional-guide .guide-txt li::marker {
  color: #404040;
  font-size:10px ;
}

.similar-campaign {
  margin-top: 32px;
}

.similar-campaign ul{
  display: flex;
  overflow:auto;
  white-space: nowrap;
}

.similar-campaign ul::-webkit-scrollbar{
  display: none;
}

.similar-campaign .vertical-card{
  margin-bottom: 16px;
  margin-right: 16px;
}

.similar-campaign .similar-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.similar-campaign.mb71 {
  margin-bottom: 71px;
}

.campaign-apply-area {
  display: flex;
  justify-content: center;
  background-color: #fff;
  padding: 10px;
  /*margin-bottom: 20px;*/
}

.campaign-apply-area .like-area p{
  font-size: 10px;
  color: #989898;
  text-align: center;
}

.campaign-apply-area .campaign-apply-btn{
  position: relative;
}

.campaign-apply-area .campaign-apply-btn button {
  width: 268px;
  height: 56px;
  background-color: #2448D9;
  border-radius: 8px;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  line-height: 56px;
  margin-left: 12px;
}

.campaign-apply-area .campaign-apply-btn .dday{
  position: absolute;
  top: -10px;
  left: 50%;
  background-color: #fff;
  /*width: 30px;*/
  padding:0px 5px;
  height: 22px;
  border-radius: 13px;
  border: 1px solid #2448D9;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  color: #2448D9;
}

.campaign-apply-area .like-area {
  margin-top: 10px;
}

.campaign-detail .map-img {
  margin-top: 16px;
  margin-bottom: 8px;
}

.campaign-detail .map-img .address {
  font-size: 12px;
  color: #404040;
}

/* 캠페인 신청 */

.campaign-basic-info.apply {
  margin-bottom: 0px;
}

.card-badge-area.write {
  margin-top: 16px;
}

.campaign-apply-btn .apply-btn.apply button {
  width: 100%;
  padding-left: 123.5px;
  padding-right: 123.5px;
  margin-left: 0px;
}

.campaign-apply-area.apply {
  padding: 0px;
}

.apply-form .form-title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 32px;
  margin-bottom: 16px;
}


.input-box.sns-disable {
  display: flex;
  align-items: center;
  background-color: #F4F4F4;
}

.input-box.sns-disable .sns-icon {
  margin-left: 12px;
  margin-top: 6px;
}


.input-box.sns-disable input[value] {
  color: #989898;
	background-color: #F4F4F4;
}

.input-box.sns-disable input::placeholder{
  font-size: 14px;
  color: #C1C1C1;
}

.input-box.sns-disable .modify button{
  width: 45px;
  height: 26px;
  background-color: #2448D9;
  line-height: 26px;
  text-align: center;
  border-radius: 8px;
  margin-right: 12px;
  font-size: 12px;
  font-weight: 700;
  color: #FFF;
}

.input-box.sns-disable input {
  margin-top: 0px;
}

.userdata-form-apply .snsguide-txt {
  margin-top: 8px;
}

.userdata-form-apply .snsguide-txt p{
  font-size: 12px;
  color: #989898;
  line-height: 18px;
}

.userdata-form-apply {
  padding-bottom: 24px;
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 24px;
}


.input-sex {
  display: flex;
  margin-bottom: 8px;
}

.input-sex .sex {
  width: 100%;
}
.input-sex .male{
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 14px;
  color: #989898;
  background-color: #FFFFFF;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #E8E8E8;
  border-radius: 8px 0px 0px 8px ;
}

.input-sex .male.disabled{
  background-color: #E8E8E8;
  border-width: 1px;
  border-color: #C1C1C1;
  color: #989898;
  font-weight: 700;
}

.input-sex .male.selected {
  background-color: #E9EDFF;
  border-width: 1px;
  border-color: #2448D9;
  color: #2448D9;
  font-weight: 700;
}

.input-sex .female{
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 14px;
  color: #989898;
  background-color: #FFF;
  border: 1px solid #E8E8E8;
  border-radius: 0px 8px 8px 0px ;
}

.input-sex .female.selected {
  background-color: #E9EDFF;
  border-width: 1px;
  border-color: #2448D9;
  color: #2448D9;
  font-weight: 700;
}

.agreement-area .userdata-subtitle{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
}

.agreement-area label {
  font-size: 14px;
}



.agreement-view button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 37px;
  border-radius: 4px;
  border: 1px solid #E8E8E8;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 40px;
}

.agreement-view button .txt {
  color: #989898;
  font-size: 14px;
}

.agree-flex {
  display: flex;

}

.agree-flex p {
  font-size: 14px;
  margin-top: 1px;
}

.agreement-read {
  background-color: #F4F4F4;
  border-radius: 8px;
  padding: 20px 12px;
  margin-bottom: 24px;
}

.agreement-read .title{
  font-size: 12px;
  font-weight: 700;
  color: #404040;
  margin-bottom: 8px;
}

.agreement-read .txt {
  font-size: 12px;
  color: #404040;
  line-height: 18px;
}

.agreement-table {
  margin-top: 8px;
}

.agreement-table .table-title {
  display: flex;
  justify-content: space-between;
}

.agreement-table .table-title li {
  height: 21px;
  line-height: 21px;
  background-color: #E8E8E8;
  width: 100%;
  font-size: 10px;
  color: #404040;
  padding-left: 4px;
}

.agreement-table .table-txt {
  display: flex;
  justify-content: space-between;
}

.agreement-table .table-txt li {
  background-color: #FFFFFF;
  width: 100%;

  font-size: 10px;
  color: #404040;
  padding: 4px;
  line-height: 13px;
}


.input-box.sns-enable {
  display: flex;
  align-items: center;
  background-color: #fff;
}

.input-box.sns-enable .sns-icon {
  margin-left: 12px;
  margin-top: 6px;
}


.input-box.sns-enable input[value] {
  color: #111111;
}

.input-box.sns-enable input::placeholder{
  font-size: 14px;
  color: #989898;
}

.input-box.sns-enable input {
  margin-top: 0px;
}

.apply-form .modal-title p{
  font-size: 18px;
  font-weight: 700;
  color: #222222;
  margin-bottom: 24px;
  margin-top: 0px;
}

.apply-form.modal .userdata-form-apply{
  border-bottom: none;
  padding-bottom: 0px;
}


/* 배송정보 */

.deliver-agree {
  display: flex;
  margin-bottom: 12px;
}

.deliver-agree label{
  font-size: 14px;
}

.deliver-agree .left {
  margin-right: 16px;
}
alty-area
.campaign-detail.none {
  border-bottom: none;
}

/* 마이페이지 */

.top-area .top-title {
  font-size: 22px;
  font-weight: 700;
}

.top-right .menu-btn {
  margin-left: 16px;
}

.penalty-area {
  height: 71px;
  background-color: #F4F4F4;
  padding: 12px 20px;
  display: flex;
  align-items: center;
}

.penalty-area .penalty-info {
	width: 100%;
  margin-left: 12px;
}

.penalty-info .penalty-guide {
  font-size: 12px;
  line-height: 18px;
}

.penalty-info .penalty-guide span {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

.penalty-info .dismiss-day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 26px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-top: 3px;
}

.penalty-info .dismiss-day .title {
  font-size: 12px;
  line-height: 18px;
  margin-right: 8px;
}

.penalty-info .dismiss-day .date {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

.dashboard {
  margin: 24px 20px;
}

.dashboard-top {
  width: 100%;
  border-radius: 8px  8px 0px 0px;
  background-color: #2448D9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  margin-top: 4px;
}

.dashboard-top .user-area {
  display: flex;
}



.dashboard-top .user-info {
  margin-left: 8px;
}

.dashboard-top .user-area .classify {
  font-size: 12px;
  font-weight: 700;
  color: #9EB0F9;
  line-height: 18px;
  margin-top: 2px;
}

.dashboard-top .user-area .adv {
  color: #86F8D4;
}

.dashboard-top .user-area .username {
  font-size:18px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 23.4px;
}

.dashboard-top .switch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 91px;
  height: 26px;
  background-color: #E9EDFF;
  border-radius: 4px;
}

.dashboard-top .switch img {
  margin-right: 4px;
}

.dashboard-top .switch p {
  font-size: 12px;
  font-weight: 700;
  color: #2448D9;
}

.dashboard-bottom {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  height: 45px;
  background-color: #1035C9;
  border-radius: 0px 0px 8px 8px;
}

.dashboard-bottom .mypoint-area {
  border-right: 1px solid #2448D9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  width: 100%;
}

.dashboard-bottom .mypoint-area .points {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
}

.dashboard-bottom .mypoint-area .title {
  font-size: 12px;
  font-weight: 700;
  color: #9EB0F9;
  margin-top: 1.5px;

}


.dashboard-bottom .stars-area {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
}

.dashboard-bottom .stars-area .star-points {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
}

.dashboard-bottom .stars-area .title  {
  font-size: 12px;
  font-weight: 700;
  color: #9EB0F9;
  margin-top: 1.5px;
}

.dashboard-bottom .stars-area .star-points p {
  margin-left: 4px;
}

.mypage-title {
  margin: 24px 20px 16px 20px;
  display: flex;
  align-items: center;
}

.mypage-title p {
  font-size: 18px;
  font-weight: 700;
  margin-left: 4px;
}

.campaign-stats {
  margin: 16px 20px 24px 20px ;
  background-color: #F4F4F4;
  border-radius: 8px;
}

.campaign-stats ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}


.campaign-stats .stat-data .title {
  font-size: 12px;
  color: #727272;
  text-align: center;
  line-height: 18px;
}

.campaign-stats .stat-data .number {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  line-height: 24px;
}

.vr {
  display: block;
  width: 1px;
  height: 24px;
  background-color: #E8E8E8;
}

/* 마이페이지 알림 */
.mypage-title-alarm {
  margin: 24px 20px 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mypage-title-alarm .alarm-title {
  display: flex;
  align-items: center;
}

.mypage-title-alarm .alarm-title img {
  margin-right: 4px;
  display: block;
}

.mypage-title-alarm .alarm-title p {
  margin-right: 4px;
  font-size: 18px;
  font-weight: 700;

}

.mypage-title-alarm .alarm-title span {
  font-size: 18px;
  font-weight: 700;
  color: #2448D9;
  display: block;
}

.mypage-title-alarm p {
  font-size: 18px;
  font-weight: 700;
  margin-left: 4px;
}

.mypage-title-alarm .more-alarm .more-btn {
  display: flex;
  align-items: center;
}

.mypage-title-alarm .more-alarm .more-btn p {
  margin-right: 4px;
  font-size: 12px;
  font-weight: 700;
  color: #2448D9;
}

.myalarm-list {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 24px;
}

.myalarm-list ul li {
  padding-top: 8px;
  padding-bottom: 8px;
}

.myalarm-list .alarm-campaign {
  display: flex;
  align-items: center;
  line-height: 18 px;
}

.myalarm-list .alarm-campaign .alarm-class {
  font-size: 12px;
  font-weight: 700;
  color: #585858;
  margin-right: 8px;
}

.myalarm-list .alarm-campaign .alarm-campaign-name {
  font-size: 12px;
  color: #989898;
}

.myalarm-list .alarm-contents p{
  font-size: 14px;
  line-height: 21px;
}

.sns-link {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 24px;
}

.sns-link .sns-config {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10.5px;
}

.sns-link .sns-config .sns-icon {
  margin-right: 8px;
  margin-top: 4px;
}

.sns-link .sns-config .sns-left {
  display: flex;
  align-items: center;
}

.sns-link .sns-config .addr {
  font-size: 14px;
  color: #585858;
}

.sns-link .sns-config .unlink {
  width: 45px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #2448D9;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  color: #2448D9;
}

.sns-link .sns-config .none {
  font-size: 14px;
  color: #989898;
}

.sns-link .sns-config .link {
  width: 45px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  background-color: #2448D9;
  color: #fff;
}

.mypage-title .recommend {
  width: 49px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #E8E8E8;
  margin-right: 8px;
}

.mypage-title .recommend p{
  color: #111111;
  font-size: 14px;
  font-weight: 700;
}

.userdata-form-apply .error-msg p{
  color: #CA0000;
  font-size: 10px;
  margin-top: 0px;
}

.myalarm-list.empty {
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.myalarm-list.empty img {
  width: 56px;
  height: 56px;
}

.myalarm-list.empty p {
  font-size: 14px;
  color: #C1C1C1;
  margin-top: 8px;
}

/* 슬라이드 메뉴 - 마이페이지 */

.slide-menu_mypage {
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 900;
  width: 240px;
  height: 100vh;
  background: #fff;
  padding-top: 108px;
  padding-left: 20px;
  padding-right: 20px;
}

.slide-menu_mypage .close {
  position: absolute;
  top: 24px;
  right: 20px;
}

.slide-menu_mypage .menu-list {
  margin-bottom: 48px;
}

.sub-menu-list .sub-menu {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
}

.sub-menu-list .sub-menu p {
  font-size: 16px;
  line-height: 24px;
}

.slide-menu_mypage .menu-list .menu-title {
  font-size: 12px;
  font-weight: 700;
  color: #585858;
  margin-bottom: 12px;
}

.sub-menu-list.toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.toggleSwitch {
  width: 36px;
  height: 14px;
  display: block;
  position: relative;
  border-radius: 30px;
  background-color: #ccc;
  cursor: pointer;
}

.toggleSwitch .toggleButton {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #f5f5f5;
  box-shadow: 0px 0.1px 0.3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.toggleSwitch.active {
  background: #CDD7FF;
}

.toggleSwitch.active .toggleButton {
  left: calc(100% - 18px);
  background: #2448D9 !important;
}

.toggleSwitch,
.toggleButton {
  transition: all 0.2s ease-in;
}

/* 나의 캠페인 */


.mytab-menu {
  height: 37px;
  border-bottom: 1px solid #E8E8E8;
}

.mytab-menu ul{
  display: flex;
  overflow:auto;
  white-space: nowrap;
  margin-left: 20px;
 
}

.mytab-menu ul::-webkit-scrollbar{
  display: none;
}

.mytab-menu ul li{
  text-align: center;
  position: relative;
  padding: 0px 22.5px;
}

.mytab-menu ul a {
  display: block;
  line-height: 37px;
  font-size: 14px;
  color: #979797;
}

.mytab-menu ul li .selected{
  font-weight: 700;
  color: #111111;
}

.mytab-menu ul li .selected span {
  color: #2448D9;
}


.mytab-menu ul li .selected::after{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 2px;
  content:"";
  background: #111111;
}

.mycampaign-title {
  margin-top: 22px;
  font-size: 14px;
  font-weight: 700;
}

.horizontal-card.mine {
  display: flex;
}


.card-badge-area .dday-area.expire{
  background-color: #E8E8E8;
}

.card-badge-area .dday-area.expire p{
  color: #727272;
}

.card-badge-area .dday-area.selected {
  background-color: #E8FFF8;
}

.card-badge-area .dday-area.selected p {
  color: #0BB780;
}

.title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 22px;
}

.title-flex .title {
  font-size: 14px;
  font-weight: 700;
}

.title-flex .penaltyis {
  display: flex;
  align-items: center;
}

.title-flex .penaltyis p {
  font-size: 12px;
  font-weight: 700;
  color: #727272;
  margin-right: 4px;
}

.info-area {
  height: 60px;
  background-color: #F4F4F4;
  padding: 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 20px;
}

.info-area .icon {
  margin-right: 12px;
}

.info-area .info-txt {
  font-size: 11px;
  line-height: 18px;
}

.campaign-basic-info.mine {
  margin-bottom: 0px;
  margin-top: 12px;
}



.mycampaign-area .campaign-unit {
  margin-top: 12px;
  margin-bottom: 24px;
}

.penalty-guide .guide-txt {
  font-size: 16px;
  color: #111111;
  display: block;
}

.penalty-guide .guide-txt .emphasize {
  font-weight: 700;
}

.penalty-guide .guide-emphasis {
  font-weight: 700;
  color: #2448D9;
}

.penalty-guide {
  /*margin-bottom: 24px;*/
}

/* 콘텐츠 등록 */

.campaign-detail .detail-txt.red {
  color: #CA0000;
  margin-top: 24px;
  margin-bottom: 24px;
}

.sponsor-banner {
  width: 100%;
  padding: 20px 50px;
  background-color: #F3F3F3;
  margin-bottom: 12px;
}

.sponsor-banner .banner-txt {
  font-size: 12px;
  line-height: 17px;
  color: #444444;
  text-align: center;
}

.sponsor-banner .sponsor-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}


.code-copy {
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  height: 50px;
  width: 100%;
  position: relative;
}

.code-copy .url {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 265px;
  font-size: 14px;
}

.code-copy .copy {
  font-size: 12px;
  font-weight: 700;
  color: #FFF;
  background-color: #2448D9;
  width: 71px;
  height: 26px;
  border-radius: 4px;
}

.contents-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: 32px;
}

.contents-txt {
  font-size: 16px;
  color: #404040;
  line-height: 24px;
}

.select-p {
  margin-top: 14.5px;
  margin-left: 12px;
  color: #989898;
  font-size: 14px;
}

.title-select {
  position: absolute;
  top: 13px;
  right: 15px;
 }

 .input-box.select {
  margin-top: 12px;
  margin-bottom: 12px;
 }

 .main-bt.select button {
  margin-top: 16px;
  margin-bottom: 16px;
 }
 

.modal_submenu.campaign a{
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.modal_popupbox.campaign {
  padding-top: 16px;
}

.select-p.manual {
  color: #1F1F1F;
}

.input-box.contents {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 12px;
  margin-top: 12px;
  margin-bottom: 24px;
}

.input-box.contents input {
  margin-top: 0px;
}

.input-box.contents .attatch {
  font-size: 12px;
  font-weight: 700;
  color: #FFF;
  background-color: #2448D9;
  width: 71px;
  height: 26px;
  border-radius: 4px;
  text-align: center;
  line-height: 26px;
}

/* 내 계정 */
.mytab-menu.myinfo li {
  padding-left: 18px;
  padding-right: 18px;
}

.input-box.date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.input-box.date input {
  margin-top: 0px;
}

.input-box.date img {
  margin-right: 13px;
}

.userinfo-title {
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 8px;
}

.myinfoguide-txt {
  font-size: 12px;
  color: #989898;
  line-height: 18px;
  margin-bottom: 8px;
}


.category-area ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-top: 12px;
}

.category-list button{
  padding: 8px 16px;
  border: 1px solid #E8E8E8;
  border-radius: 19px;
  height: 37px;
  font-size: 14px;
  color: #585858;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: #fff;
}

.category-list .selected {
  font-weight: 700;
  background-color: #2448D9;
  color: #fff;
}

.save-button button{
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: var(--main-color);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color:#FFFFFF;
  margin:16px 0px;
}

.slide-menu .region-list .region-name.selected {
  color: #2448D9;
}

.input-box.date.disable {
  background-color: #F4F4F4;
}

.input-box.date.disable input {
  background-color: #F4F4F4;
  margin-top: 13px;
}

.input-box.date.disable input[value] {
  color: #989898;
}

.input-box.date.disable label{
  color: #C1C1C1;
}

.region-list ul{
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

.region-list .region {
  position: relative;
  margin-right: 8px;
  padding: 9.5px 36px 9.5px 16px;
  border: 1px solid #2448D9;
  border-radius: 19px;
  height: 40px;
  margin-bottom: 8px;
}

.region-list .region p {
  font-size: 14px;
  font-weight: 700;
  color: #2448D9;
  margin-top: 2px;
}

.region-list .region .delete-btn {
  position: absolute;
  top: 8px;
  right: 6px;
}

.input-box .display-button {
  position:absolute;
  right: 16px;
  top:16px;
  font-size: 12px;
  font-weight: 700;
  color: #2448D9;
}

.leave-guide {
  font-size: 14px;
  color: #404040;
  margin-top: 4px;
  margin-bottom: 24px;
}

.input-box.leave {
  margin-top: 12px;
}

.leave-button button{
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: #E8E8E8;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color:#C1C1C1;
  margin-top: 16px;
  margin-bottom: 16px;
}

.refund-button {
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: #E8E8E8;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color:#C1C1C1;
  margin-top: 16px;
  margin-bottom: 16px;
}

.refund-button.on {
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: #2448D9;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color:#FFFFFF;
  margin-top: 16px;
  margin-bottom: 16px;
}

.check-items.leave label{
  font-size: 12px;
  color: #111111;
}

/* 페널티 관리 */

.penalty-dashboard {
  border-radius: 8px;
  background-color: #F4F4F4;
  margin-top: 12px;
  margin-bottom: 16px;
  padding: 24px 16px 16px 16px ;
}

.penalty-total {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #E8E8E8 ;
}

.penalty-total .penalty-status {
  margin-bottom: 4px;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 700;
}

.penalty-total .dismiss-date {
  font-size: 12px;
  color: #585858;
}

.penalty-total .dismiss-date span {
  font-weight: 700;
}

.penalty-data {
  margin-top: 16px;
  margin-bottom: 16px;
}

.penalty-data .round {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.penalty-data .round .title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

.penalty-data .accumulate {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.penalty-data .accumulate .title {
  font-size: 14px;
  color: #585858;
}

.penalty-data .accumulate .number {
  font-size: 14px;
  font-weight: 700;
  color: #404040;
}

.penalty-warning {
  padding: 8px 12px;
  background-color: #FFFFFF;
  border-radius: 8px;
}

.penalty-warning p {
  font-size: 12px;
  color: #CA0000;
  line-height: 18px;
}

.campaign-list {
  margin-top: 24px;
}

.campaign-list  ul li {
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.campaign-list  .campaign .expire {
  font-size: 12px;
  color: #989898;
  margin-bottom: 4px;
  line-height: 18px;
}

.campaign-list  .campaign .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

.campaign-list .add-content {
  width: 79px;
  height: 26px;
  line-height: 26px;
  border-radius: 4px;
  background-color: #2448D9;
  color: #FFFFFF;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}

.penalty-icon.center {
  display: flex;
  justify-content: center;
}

/* 포인트 내역 */

.dashboard-refund {
  margin: 12px 20px;
}

.refund-top {
  width: 100%;
  border-radius: 8px  8px 0px 0px;
  background-color: #2448D9;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  margin-top: 4px;
}


.refund-top .posess-point .title p{
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  line-height: 21px;
}

.refund-top .posess-point .points {
  margin-top: 4px;
  margin-bottom: 4px
}

.refund-top .posess-point .points p{
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 33.8px;
}



.refund-top .posess-point  {
  margin-top: 4px;
  margin-bottom: 4px;
}

.refund-top .posess-point .monthly-points {
  display: flex;
}

.refund-top .posess-point .monthly-points .this-month {
  font-size: 14px;
  color: #9EB0F9;
  margin-right: 16px;
}

.refund-top .posess-point .monthly-points .this-month-point {
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
}

.refund-top .posess-point .points span {
  font-size: 22px;
  font-weight: 400;
  color: #9EB0F9;
  margin-left: 4px;
}

.refund-bottom {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  height: 45px;
  background-color: #1035C9;
  border-radius: 0px 0px 8px 8px;
  position: relative;
}

.refund-bottom .apply-refund {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.refund-bottom .charge-point {
  display: flex;
  align-items: center;
  
}


.refund-bottom .apply-refund .title {
  font-size: 12px;
  color: #9EB0F9;
  font-weight: 700;
  line-height: 18px;
}

.refund-bottom .apply-refund img {
  margin-top: 4px;
  margin-left: 4px;
}

.refund-bottom .charge-point .title {
  font-size: 12px;
  color: #9EB0F9;
  font-weight: 700;
  line-height: 18px;
}

.refund-bottom .charge-point img {
  margin-top: 4px;
  margin-left: 4px;
}

.point-list li {
  padding-top: 8px;
  padding-bottom: 8px;
}
.point-list .campaign {
  display: flex;
  justify-content: space-between;
}

.point-list .campaign .title {
  font-size: 12px;
  font-weight: 700;
  color: #989898;
  line-height: 18px;
}

.point-list .campaign  .event {
  font-size: 12px;
  font-weight: 700;
  color: #24D99F;
}

.point-list .campaign .date {
  font-size: 12px;
  color: #989898;
  line-height: 18px;
}
 
.point-list .point-log {
  margin-top: 4px;
  display: flex;
  justify-content: space-between;
  width:100%;
}
.point-list .point-log .contents{
  width: calc(100% - 100px);
  word-break: break-all;

}

.point-list .point-log p {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

.point-list .campaign .accept {
  color: #2448D9;
  font-size: 12px;
  font-weight: 700;
}

.point-list .campaign .complete {
  color: #989898;
  font-size: 12px;
  font-weight: 700;
}

.dashboard-top.refund {
  display: flex;
  flex-direction: row;
}

.blue-square {
  padding: 28px 16px;
  background-color: #2448D9;
  border-radius: 8px;
  margin: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blue-square .title {
  font-size: 14px;
  color: #FFFFFF;
}

.blue-square .points {
  font-size: 22px;
  color: #FFFFFF;
  font-weight: 700;
}

.blue-square .points span {
  color: #9EB0F9;
  font-size: 18px;
  font-weight: 400;
  margin-left: 4px;
}

.point-guide {
  display: flex;
  justify-content: flex-end;
}

.refund-guide {
  width: 100%;
  background-color: #F4F4F4;
  border-radius: 8px;
  padding: 20px 12px 12px 12px;
  margin-top: 39px;
  margin-bottom: 24px;
}

.refund-guide .warning {
  font-size: 12px;
  font-weight: 700;
  color: #404040;
  margin-bottom: 8px;
}

.refund-guide .detail {
  font-size: 12px;
  color: #404040;
  margin-bottom: 8px;
  line-height: 18px;
}

.font-warn {
  font-size: 12px;
  color: #CA0000;
}

.minimum-money {
  display: flex;
  justify-content: space-between;
}

.star-point-area {
  display: flex;
  align-items: center;
}

.reviewer {
  margin-left: 8px;
}

.reviewer .classify {
  font-size: 12px;
  font-weight: 700;
  color: #9EB0F9;
  line-height: 18px;
}

.reviewer .username {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 23.4px;
}

.reviewer .email {
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
}

.blue-square .star {
  display: flex;
  align-items: center;
}

.blue-square .star p {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  margin-left: 4px;
}

.blue-square.star {
  padding: 16px;
}

.star-rating  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
}

.star-rating ul {
  display: flex;
  align-items: center;
}

.star-rating p {
  font-size: 12px;
  color: #989898;
}

.review-txt {
  font-size: 14px;
  color: #000000;
  line-height: 21px;
  margin-bottom: 8px;
}

/* 마이페이지 광고주 */
.mypage-title.adv {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mypage-title.adv .mycampaign-title {
  display: flex;
  align-items: center;
  margin-top: 0px;
}


.mypage-title.adv .add-campaign {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 91px;
  height: 26px;
  background-color: #2448D9;
  border-radius: 4px;
  margin-top: 0px;
}


.mypage-title.adv .add-campaign p{
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
}

/* 광고주 나의 캠페인 */

.recruit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 26px;
  margin-bottom: 8px;
}

.recruit .recruit-title {
  font-size: 14px;
  font-weight: 700;
}

.recruit .sort {
  display: flex;
  align-items: center;
}

.recruit .sort p{
  font-size: 14px;
  color: #989898;
  margin-right: 4px;
}

.recruit-warning {
  width: 100%;
  padding: 12px;
  display: flex;
  align-items: center;
  background-color: #F4F4F4;
  border-radius: 4px;
  margin-bottom: 21px;
}

.recruit-warning .flag {
  margin-right: 12px;
}

.recruit-warning p {
  font-size: 12px;
  line-height: 18px;
}

.before-approve {
  width: 40px;
  height: 18px;
  line-height: 18px;
  background-color: #E9EDFF;
  font-size: 12px;
  font-weight: 700;
  color: #6B86F4;
  text-align: center;
  border-radius: 4px;
  margin-right: 8px;
}

.approved {
  width: 50px;
  height: 18px;
  line-height: 18px;
  background-color: #2448D9;
  font-size: 12px;
  font-weight: 700;
  color: #E9EDFF;
  text-align: center;
  border-radius: 4px;
  margin-right: 8px;
}

.manage-btn {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.manage-btn .campaign-manage {
  width: 100%;
  height: 37px;
  background-color: #E9EDFF;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 37px;
  color: #2448D9;
  /*margin-right: 12px;*/
}

.manage-btn .apply-view {
  width: 100%;
  height: 37px;
  background-color: #2448D9;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 37px;
  color: #fff;
}

.contents-status {
  width: 86px;
  height: 18px;
  background-color: #E8FFF8;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  color:#0BB780 ;
  text-align: center;
  line-height: 18px;
  margin-right: 4px;
}

/* 참가자 내역 */

.information-area {
  display: flex;
  align-items: center;
}

.applicant-btn {
  width: 100%;
  height: 37px;
  border-radius: 4px;
  line-height: 37px;
  font-size: 14px;
  font-weight: 700;
}

.applicant-btn.selected {
  color: #FFFFFF;
  background-color: #2448D9;
  margin-top: 12px;
  margin-bottom: 16px;
} 

.applicant-btn.canceled {
  color: #2448D9;
  background-color: #E9EDFF;
  margin-top: 12px;
  margin-bottom: 16px;
} 


.profile-area {
  margin-left: 12px;
}

.profile-area .status {
  height: 18px;
  width: 29px;
  border-radius: 4px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 700;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  margin-bottom: 4px;
}

.profile-area .status.apply {
  background-color: #E8E8E8;
  color: #989898;
}

.profile-area .status.selected {
  background-color: #E9EDFF;
  color: #2448D9;
}


.profile-area .status.none {
  width: 73px;
  background-color: #F9DEDE;
  color: #CA0000;
}

.profile-area .status.registerd {
  width: 63px;
  background-color: #E8FFF8;
  color: #0BB780;
}

.profile-area .information .name-gender {
  display: flex;
  align-items: center;
}

.profile-area .information .name-gender .name {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.profile-area .information .name-gender .gender {
  font-size: 14px;
  color: #585858;
  margin-left: 4px;
}


.profile-area .review-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  margin-bottom: 4px;
}

.profile-area .review-status .numbers .star-rate {
  font-size: 14px;
  font-weight: 700;
  color: #2448D9;
  margin-left: 4px;
  margin-right: 8px;
}


.profile-area .review-status .numbers {
  display: flex;
  align-items: center;
}


.profile-area .review-status .numbers .review {
  font-size: 14px;
  color: #2448D9;
}

.profile-area .review-status .complete-no {
  font-size: 14px;
  color: #585858;
  margin-left: 24px;
}

.profile-area .review-status .complete-no span {
  font-weight: 700;
  margin-left: 4px;
}

.profile-area .sns-info {
  display: flex;
  align-items: center;
}

.profile-area .sns-info .sns-address {
  font-size: 14px;
  margin-left: 4px;
}

.profile-area .sns-info img {
  margin-top: 4px;
}

/* 리뷰어프로필 */

.reviewer-top {
  height: 111px;
  border-radius: 8px 8px 0px 0px;
  background-color: #2448D9;
  padding: 16px;
  margin-top: 12px;
}

.reviewer-top .basicinfo {
  display: flex;
  justify-content: space-between;
}


.reviewer-top .reviewer-info {
  display: flex;
}

.reviewer-top .reviewer-info img {
  margin-right: 12px;
}

.reviewer-top .reviewer-info .reviewer .username {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 4px;
}

.reviewer-top .reviewer-info .reviewer .complete {
  font-size: 12px;
  color: #FFFFFF;
  margin-bottom: 8px;
}

.reviewer-top .reviewer-info .reviewer .complete span {
  font-weight: 700;
}

.reviewer-top .field ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 60px;

}

.reviewer-top .field ul li {
  height: 26px;
  line-height: 18px;
  background-color: #4365EF;
  border-radius: 19px;
  padding: 4px 12px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  margin-right: 8px;
}

.reviewer-top .star {
  display: flex;
  align-items: center;
}

.reviewer-top .star p {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-left: 4px;
}


.reviewer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  background-color: #1035C9;
  border-radius: 0px 0px 8px 8px;
  margin-bottom: 12px;
}

.reviewer-bottom .user-sns ul {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.reviewer-bottom .title {
  font-size: 14px;
  color: #CDD7FF;
  margin-left: 16px;
}

.reviewer-bottom .user-sns ul li {
  margin-right: 8px;
}

.profile-area .onlyname {
  font-size: 16px;
  font-weight: 700;
}

.selected-reviewer {
  margin-top: 12px;
  margin-bottom: 24px;
}

.selected-reviewer li {
  padding-top: 12px;
  padding-bottom: 12px;
}

.applicant-btn.nocontents {
  background-color: #E8E8E8;
  color: #C1C1C1;
  margin-top: 12px;
}

.applicant-btn.penalty{
  color: #FFFFFF;
  background-color: #CA0000;
  margin-top: 12px;
} 


.applicant-btn.contents-view{
  color: #FFFFFF;
  background-color: #2448D9;
  margin-top: 12px;
} 


.applicant-btn.finished{
  color: #2448D9;
  background-color: #E9EDFF;
  margin-top: 12px;
} 


.applicant-btn.starrate {
  background-color: #E8FFF8;
  color: #0BB780;
  border: 1px solid #24D99F;
  margin-top: 12px;
}

.applicant-btn.download {
  background-color: #FFFFFF;
  color: #2448D9;
  border: 1px solid #2448D9;
  margin-top: 8px;
}

.information-area .profile-area .reject {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.information-area .profile-area .reject button {
  margin-left: 130px;
  font-size: 12px;
  color: #727272;
  line-height: 18px;
  border-bottom : 1px solid #727272;
}


.popup-box .profile {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.popup-box .stars {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.popup-box .stars ul {
  display: flex;
  align-items: center;

}
.popup-box .star-rating li {
  margin-right: 4px;
}



.review-textarea {
  margin-top: 24px;
  width: 100%;
  height: 146px;
  border-radius: 10px;
  border: 1px solid #E2E2E2;
  margin-bottom: 24px;
  position: relative;
  padding: 12px;
}

.review-textarea textarea{
  width: 240px;
  height: 120px;
  font-size: 16px;
  font-weight: 400;
  color:#111111;
  border:none;
  resize: none;
}

.review-textarea textarea:focus {
  outline:none;
}

.review-textarea textarea::placeholder{
  font-size: 14px;
  color: #989898;
}

/* 캠페인 등록 */



.register-form h1 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 24px;
  margin-bottom: 12px;
}

.register-form h1:first-child {
  margin-top: 12px;
}

.register-form h2 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

.campaign-h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
  margin-bottom: 8px;
}

.campaign-h2 h2 {
  padding-top: 10px;
}

.point-check {
  display: flex;
  align-items: center;
  position: relative;
}

.point-check .point-tooltip label {
  font-weight: 700;
  font-size: 14px;
  margin-right: 4px;
  padding-top: 15px;
}

.point-check .point-tooltip em{
  margin-right: 4px;
}

.tooltip {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #767676;
  margin-top: 3px;

}

.tooltip-text {
  display: none;
  position: absolute;
  top: 27px;
  left: 0px;
  max-width: 240px;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 0px 8px 0px #00000026;
  border-radius: 4px;
  padding: 8px;
  font-size: 12px;
  line-height: 18px;
  background-color: #FFF;
  color: #404040;
  z-index: 1;
}

.tooltip-text .bold {
  font-weight: 700;
  display: inline-block;
}


.tooltip:hover .tooltip-text {
  display: block;
}

.tooltip-text.textarea {
  max-width: 320px;
}

.tooltip-title {
  display: flex;
  align-items: center;
  position: relative;
}

.tooltip-title h2 {
  padding-top: 6px;
  padding-right: 4px;
}

.detail-contents {
  width: 100%;
  height: 170px;
  border-radius: 10px;
  border: 1px solid #E2E2E2;
  margin-bottom: 12px;
  position: relative;
  padding: 12px;
  margin-top: 8px;
}

.detail-contents textarea{
  width: 240px;
  height: 120px;
  font-size: 16px;
  font-weight: 400;
  color:#111111;
  border:none;
  resize: none;
}

.detail-contents textarea:focus {
  outline:none;
}

.detail-contents textarea::placeholder{
  font-size: 14px;
  color: #989898;
}

.mission-textarea {
  width: 100%;
  height: 170px;
  border-radius: 10px;
  border: 1px solid #E2E2E2;
  margin-bottom: 12px;
  position: relative;
  padding: 12px;
  margin-top: 8px;
}

.mission-textarea textarea{
  width: 240px;
  height: 120px;
  font-size: 16px;
  font-weight: 400;
  color:#111111;
  border:none;
  resize: none;
}

.mission-textarea textarea:focus {
  outline:none;
}

.mission-textarea textarea::placeholder{
  font-size: 14px;
  color: #989898;
}

.period-guide {
  font-size: 12px;
  font-weight: 700;
  color: #2448D9;
  line-height: 18px;
  margin-bottom: 12px;
}

.period-h1 .bottom {
  margin-bottom: 4px;
}

.campaign-period {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 10px;
}

.input-box.calendar .calendar {
  position: absolute;
  top: 13px;
  right: 13px;
}

.input-box-date.calendar .calendar {
  position: absolute;
  top: 13px;
  right: 13px;
}

.dash {
  font-size: 14px;
  padding-left: 4px;
  padding-right: 4px;
}



.campaign-period .start-date .title {
  font-size: 12px;
  font-weight: 700;
  color: #585858;
  margin-bottom: 4px;
}

.input-box.calendar.finish {
  margin-bottom: 32px;
}


.point-warning {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;

}

.point-warning .insufficient {
  font-size: 10px;
  color: #CA0000;
  line-height: 12px;
}

.point-warning .own-point {
  font-size: 12px;
  color: #2448D9;
  line-height: 12px;
}

.form-button.point {
  width: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #2448D9;
  background-color: #fff;
}

.modal_popupbox .point-popup-title p{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #111111;
}

.modal_popupbox .point-popup-txt p{
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  color: #111111;
}

.modal_popupbox .point-popup-txt .blue-txt {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #2448D9;
}

.modal_popupbox .point-popup-txt .sub-title p{
  font-size: 14px;
  font-weight: 700;
  color: #111111;
  margin-bottom: -12px;
}
 
.modal_popupbox .point-popup-txt .popup-additional-guide p{
  font-size: 16px;
  color: #111111;
  line-height: 24px;
}

.modal_popupbox.register {
  padding-top: 16px;
}

/* 캠페인 등록 방문형 */
.campaign-channel input[type="radio"] {
	display: none;
}

.campaign-channel input[type="radio"] + label em {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0px 24px 0 -5px;
  vertical-align: middle;
	background: url(/main/m/assets/images/status=off.svg) left top no-repeat;
  cursor: pointer;
}

.campaign-channel input[type="radio"]:checked +label em {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0px 24px 0 -5px;
  vertical-align: middle;
	background: url(/main/m/assets/images/status=on.svg) left top no-repeat;
  cursor: pointer;
}

.campaign-channel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.campaign-channel input[type="radio"] + label {
  position: relative;
  font-size: 14px;
}
.campaign-channel input[type="radio"] + label .check-sns {
  margin-right: 4px;
  position: absolute;
  top: 2px;
  left: 24px;
}

.campaign-channel .channel-check {
  margin-right: 16px;
  margin-bottom: 12px;
}

.provision {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  margin-bottom: 8px;
  padding: 12px;
  margin-top: -6px;
}

.provision p {
  font-size: 16px;
  color: #404040;
}



.attached-area ul{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.attatched-area li{
  width: 80px;
  height: 80px;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.attatched-area li > img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.input-box.select .region-select  .select-p{
  font-size: 14px;
  color: #111111;
}

.input-box.select .region-select {
  margin-top: 3px;
}

.detail-contents p{
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 12px;
}

.input-box.select .select-p.value {
  color: #111;
}


.detail-contents.visit p {
  font-size: 16px;
  color: #404040;
  line-height: 24px;
}

.category-list.adv  .selected {
  background-color: #2448D9;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 14px;
}

/* 페널티 관리 */

.penalty-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 24px;
  width: 156px;
}


.penalty-id {
  font-size: 14px;
  color: #585858;
  line-height: 21px;
  margin-bottom: 8px;
}

.penalty-list-area {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  margin-bottom: 24px;
}

.penalty-list-area li {
  padding-left: 16px;
  padding-right: 16px;
}

.penalty-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
  padding-top: 12px;
  padding-bottom: 12px;
}

.penalty-line.last {
  border-bottom: none;
}


.penalty-view .unregister {
  width: 73px;
  height: 18px;
  line-height: 18px;
  background-color: #F9DEDE;
  color: #CA0000;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  margin-bottom: 4px;
}

.penalty-view .register {
  width: 73px;
  height: 18px;
  line-height: 18px;
  background-color: #E8FFF8;
  color: #0BB780;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  margin-bottom: 4px;
}

.penalty-view .campaign-title {
  font-size: 14px;
  line-height: 21px;
  width: 208px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
} 

.penalty-line .function .dismiss button{
  width: 76px;
  height: 26px;
  line-height: 26px;
  background-color: #E9EDFF;
  color: #2448D9;
  border-radius: 4px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 4px;
  font-size: 12px;
}

.penalty-line .function .check-none button{
  width: 76px;
  height: 26px;
  line-height: 26px;
  background-color: #E8E8E8;
  color: #C1C1C1;
  border-radius: 4px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}


.penalty-line .function .again button{
  width: 76px;
  height: 26px;
  line-height: 26px;
  background-color: #CA0000;
  color: #FFFFFF;
  border-radius: 4px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 4px;
  font-size: 12px;
}

.penalty-line .function .check button{
  width: 76px;
  height: 26px;
  line-height: 26px;
  background-color: #2448D9;
  color: #FFFFFF;
  border-radius: 4px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 4px;
  font-size: 12px;
}

.more-penalty {
  margin-left: 16px;
  margin-right: 16px;
  height: 26px;
  background-color: #F4F4F4;
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 12px;
  text-align: center;
}

.more-penalty button {
  display: flex;
  align-items: center;
  margin: 0 auto;
  line-height: 26px;
}


.more-penalty .more-txt {
  font-size: 12px;
  font-weight: 700;
  color: #585858;
  margin-right: 4px;
}

.popup-txt .penalty {
  font-size: 14px;
}

.popup-txt .penalty-warn {
  font-size: 12px;
  color: #CA0000;
}

/* 포인트 내역, 포인트 충전 */


.vertical-line {
  display: block;
  width: 1px;
  background-color: #2448D9;
  position: absolute;
  top: 0;
  bottom: 0;
}


.charge-amount input[type="radio"] {
	display: none;
}

.charge-amount input[type="radio"] + label em {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -2px 8px 0 -5px;
  vertical-align: middle;
	background: url(/main/m/assets/images/status=off.svg) left top no-repeat;
  cursor: pointer;
}

.charge-amount input[type="radio"]:checked +label em {
  display: inline-block;
  width: 24px;
  height: 24px;
  /*margin: -2px 8px 0 -5px;*/
  vertical-align: middle;
  background: url(/main/m/assets/images/status=on.svg) left top no-repeat;
  cursor: pointer;
}


.charge-amount input[type="radio"] + label {
  position: relative;
  font-size: 16px;
  font-weight: 700;
}

.amount-check  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
}

.amount-check .amount-txt {
  font-size: 14px;
  color: #585858;
}

.bank-account {
  padding: 8px 16px 16px 16px;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  margin-bottom: 24px;
}

.bank-account .name-of {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 10.5px;
}

.bank-account .name-of .title {
  font-size: 14px;
  color: #989898;
  width: 60px;
  margin-right: 16px;
}

.bank-account .name-of .name {
  font-size: 14px;
  font-weight: 700;
}

.bank-account .name-of .account-copy button{
  position: absolute;
  top: -5px;
  right: 10px;
  width: 69px;
  height: 26px;
  background-color: #E9EDFF;
  border-radius: 4px;
  font-size: 12px;
  color: #2448D9;
  text-align: center;
}

.receit-type {
  display: flex;
  align-items: center;
}

.receit-type .user {
  margin-right: 102.5px;
}

.receit-type input[type="checkbox"] {
	display: none;
}



.receit-type input[type="checkbox"] + label em {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -2px 4px 0 -5px;
  vertical-align: middle;
	background: url(/main/m/assets/images/status=off.svg) left top no-repeat;
  cursor: pointer;
}

.receit-type input[type="checkbox"]:checked +label em {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: -2px 4px 0 -5px;
  vertical-align: middle;
	background: url(/main/m/assets/images/status=on.svg) left top no-repeat;
  cursor: pointer;
}


.receit-type input[type="checkbox"] + label {
  font-size: 14px;
}

.form-button.mid {
  width: 79px;
  height: 26px;
  font-size: 12px;
}

.contents-wrapper .blue-warning{
  font-size: 12px;
  color: #3889FF;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 8px;
}

.contents-wrapper .red-warning{
  font-size: 12px;
  color: #F2503A;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 8px;
}

.scroll-fixed {
	position: fixed;
  top: 0px;
	background-color:#fff;
	margin-top:0px;
}
.main-body {
  max-width:600px;
  margin:auto;
}