@charset "UTF-8";

@media screen and (min-width: 1921px) {
	.main-section .total-info .label {
		font-size: 1.4rem;
		margin-bottom: 1rem;
	}
	.main-section .interlock-box .interlock-title {
		font-size: 1.4rem;
	}
	.main-section .other-data ul {
		padding: 0 6.2rem;
	}
	.main-section .total-info .count,
	.main-section .interlock-box .num {
		font-size: 1.8rem;
	}
	.main-section .other-data .img-box {
		width: 5rem;
		height: 5rem;
	}
	.main-section .other-data .media-name,
	.main-section .interlock-box .box-title {
		font-size: 1.7rem;
	}
	.main-section .other-data .data-box .label {
		width: 5.1rem;
		height: 2.3rem;
		font-size: 1.3rem;
	}
	.main-section .other-data .data-box .num {
		font-size: 1.7rem;
		vertical-align: sub;
	}
	.main-section .other-data .revenue-count .label, .main-section .other-data .revenue-percent .label {
		font-size: 1.5rem
	}
	.main-section .campaign-group ul {
    	padding: 3rem 2.2rem;
	}
	.main-section .campaign-group .progress-title {
		font-size: 1.4rem;
	}
	.main-section .campaign-group .progress {
		height: 0.8rem;
	}
	.main-section .campaign-group .num {
		font-size: 1.4rem;
	}
	.main-section .campaign-group li + li {
		margin-top: 2.8rem;
	}
	.main-section .data-info > div + div {
	    margin-top: 7.6rem;
	}
	.main-section .total-info {
		flex-grow: 1;
	}
	.main-section .total-info ul {
    	align-items: unset;
	    height: calc(100% - 3.2rem);
	}
	.main-section .sorting-group {
    	margin: 0 1.3rem 0 2.2rem;
	}
	.main-section .ad-list .indicators {
		justify-content: space-between;
		margin-left: 2.2rem;
	}
	.main-section .ad-list .indicators-box .num-box {
	    align-items: center;
	    justify-content: flex-end;
	}
	.main-section .ad-list .indicators-box .num-box {
		column-gap: 2.2rem;
	}
	.db-wrap.half-wrap .main-section .container:not(.right-container) {
		padding-right: calc(50% - 15.1rem);
	}
	.db-wrap.half-wrap .main-section.paging .bottom-group {
	    width: calc(50% - 16rem);
	}
	.ad-wrap .main-section .acc-list {
		max-width: 33vw;
	}
	.popup .right-container .thumbnail {
		height: 56.3%;
	}
	.main-section .manage-container .title-list {
		justify-content: space-between;
		padding: 1.8rem 8.1rem 1.4rem 8.2rem;
	}
	.main-section .title-group,
	.main-section .member-item,
	.main-section .manage-item {
		justify-content: space-between;
	}
	.main-section .manage-container .title-list li.empty {
		width: 2.2rem;
	}
	.main-section .manage-authority .manage-item > div.btn-box,
	.main-section .manage-media  .manage-item > div:nth-last-child(2) {
		width: 2.2rem;
	}
	.event-wrap .main-section .title-group {
		padding-right: 13rem;
	}
	.event-wrap.half-wrap .main-section .title-group {
		padding-right: 32.9rem;
	}
	.main-section .event-list .event-item {
		justify-content: space-between;
	}
	.external-wrap .main-section .manage-container .title-list {
		justify-content: space-between;
	} 
	.external-wrap .main-section .manage-external .manage-item {
		justify-content: space-between;
		padding-right: 5.5rem;
	}
	.external-link-wrap .popup .mapping-box + .advertiser-box {
		max-height: 17.1vh;
	}
	.external-link-wrap .popup .mapping-box .search-box {
		max-height: 34vh;
	}
	.w-wrap .main-section .ad-total {
		justify-content: space-between;
		width: calc(100% - 8rem);
	}
	.w-wrap .main-section .ad-list .indicators-box .num-box {
		justify-content: space-between;
	}
	.schedule-api-wrap .main-section .manage-container .title-list li.time, 
	.schedule-api-wrap .main-section .manage-item > div.manage-time {
		width: 12.3rem;
	}
	.collect-report-wrap .main-section .manage-container .report-detail .title-list,
	.collect-report-wrap .main-section .manage-container .title-list,
	.collect-report-wrap .main-section .manage-container .manage-item {
		justify-content: flex-start;
	}
	.collect-ad-wrap .preview-group .content {
		height: 90%;
	}
	.collect-list-wrap .preview-group .content {
		height: 90%;
	}
}
@media screen and (max-width: 1920px) {
  /*  .wrap {
    grid-template-columns: 24vh calc(100vw - 24vh - 38.5vh) 38.5vh;
  }
  .right-side-section {
    max-width: 38.5vh;
  }*/
	.collect-report-wrap .main-section .manage-collect-report .title-list li.advertiser,
	.collect-report-wrap .main-section .manage-item > div.manage-advertiser {
		width: 20.1rem;
	}
	 .collect-report-wrap .main-section .report-info-in .manage-advertiser {
		width: 20.1rem;
	}
	.collect-report-wrap .main-section .manage-collect-report .title-list li.category,
	.collect-report-wrap .main-section .manage-item > div.manage-category {
		width: 15rem;
	}
	.collect-report-wrap .main-section .report-info-in .manage-category {
		width: 15rem;
	}
}

@media screen and (max-width: 1790px) {
	html {
	  font-size: 0.55vw;
	}
	.main-section .sorting-group {
		justify-content: space-between;
		column-gap: 0;
	}
	.main-section .sorting-group button,
	.main-section .ad-list .advertiser-group,
	.main-section .ad-list .indicators-box .num,
	.main-section .db-list .info-box span,
	.main-section .db-list .counsel-group,
	.main-section .db-list .counsel-detail {
		font-size: 1.3rem;
	}
	.main-section .ad-list .indicators {
		justify-content: space-between;
		column-gap: 0;
	}
	.main-section .db-list .title,
	.main-section .db-list .info-box .personal-info, 
	.main-section .db-list .info-box .input-info {
		font-size: 1.2rem;
	}
	.main-section .db-list .counsel-group {
    	width: 18.2rem;
		white-space: nowrap;
	}
	.main-section .right-container {
		width: 32%;
	}
	.main-section .manage-container .title-list {
		padding-left: 5.2rem;
		padding-right: 7.1rem;
	}
	.main-section .member-item,
	.main-section .manage-conversion .manage-item {
		padding: 2.5rem 3.6rem;
	}
	.main-section .manage-container .title-list li.empty,
	.main-section .manage-media .manage-item > div:nth-last-child(2) {
		width: 9.3rem;
	}
	.authority-wrap .main-section .manage-member .title-list li.affiliation,
	.authority-wrap .main-section .member-item > div.manage-affiliation {
		width: 16.3rem;
	}
	.authority-wrap .main-section .manage-member .title-list li.name,
	.authority-wrap .main-section .member-item > div.manage-name {
		width: 17.2rem;
	}
	.authority-wrap .main-section .manage-member .title-list li.email,
	.authority-wrap .main-section .member-item > div.manage-email {
		width: 23.1rem;
	}
	.main-section .title-group .title-box span,
	.main-section .event-list .event-item div {
		font-size: 1.3rem;
	}
	.event-wrap .main-section .title-group .title-box:nth-child(1) span:nth-child(1),
	.main-section .event-list .event-item > div .event-num {
		width: 8.4rem;
	}
	.event-wrap .main-section .title-group .title-box:nth-child(1) span:nth-child(2),
	.main-section .event-list .event-item > div .event-advertiser {
		width: 19.6rem;
	}
	.event-wrap .main-section .title-group .title-box:nth-child(2) span,
	.main-section .event-list .event-item > div.event-title {
		width: 32rem;
	}
	.event-wrap .main-section .title-group .title-box:nth-child(3) span:nth-child(1),
	.main-section .event-list .event-item > div .event-unit-price {
		width: 11.1rem;
	}
	.event-wrap .main-section .title-group .title-box:nth-child(3) span:nth-child(2),
	.main-section .event-list .event-item > div .event-valid-result {
		width: 8.12rem;
	}
	.main-section .event-list .event-info {
		width: 26.3%;
	}
	.main-section .event-list .event-item .date {
		width: 10.6rem;
	}
	.event-wrap.half-wrap .main-section .title-group .title-box:nth-child(2) span, 
	.event-wrap.half-wrap .main-section .event-list .event-item > div.event-title {
        width: 26rem;
	}
	.event-wrap.half-wrap .main-section .title-group .title-box:nth-child(1) span:nth-child(2), 
	.event-wrap.half-wrap .event-list .event-item > div .event-advertiser {
	    width: 17.6rem;
	}
	.main-section .manage-media.manage-container .title-list {
		/*padding: 1.8rem 7.1rem 1.4rem 8.2rem;*/
		padding-left: 8.2rem;
		padding-right: 7.1rem;
	}
	.main-section .manage-media.manage-container .title-list li.num,
	.main-section .manage-media  .manage-item > div.manage-num {
		width: 7.5rem;
	}
	.main-section .manage-media .manage-container .title-list li.target,
	.main-section .manage-container .title-list li.target,
	.main-section .manage-media  .manage-item > div.manage-landingCount {
		width: 14.7rem;
	}
	.main-section .manage-container .title-list li,
	.main-section .manage-item > div {
		font-size: 1.3rem;
	}
	.manage-advertiser .manage-item,
	.manage-blacklist .manage-item {
		padding: 2.5rem 3.6rem;
	}
	.manage-advertiser.manage-container .title-list li.business-type, .manage-advertiser.manage-container .manage-item > div.manage-businessType {
		width: 14.4rem;
	}
	.manage-advertiser.manage-container .title-list li.landing-count, .manage-advertiser.manage-container .manage-item > div.manage-landingCount {
		width: 6.6rem;
	}
	.manage-advertiser.manage-container .title-list li.conversion-count, .manage-advertiser.manage-container .manage-item > div.manage-conversionCount {
		width: 7.4rem;
	}
/*	.manage-advertiser.manage-container .title-list li.balance, .manage-advertiser.manage-container .manage-item > div.manage-balance {
		width: 9.7rem;
	}*/
	.manage-advertiser.manage-container .title-list li.personal-info-expert, .manage-advertiser.manage-container .title-list li.external-integration, .manage-advertiser.manage-container .manage-item > div.manage-status {
		width: 9.8rem;
	}
	.manage-advertiser.manage-container .title-list li.empty, .manage-advertiser.manage-container .manage-item > div.btn-box {
		width: 2.2rem;
	}
	.manage-conversion.manage-container .conversion-name, .manage-conversion.manage-container .manage-conversion-name {
		width: 41.8rem;
	}
	.manage-blacklist .title-list li.number-ip, .manage-blacklist .manage-item > div.manage-number-ip {
    	width: 21.6rem;
	}
	.manage-blacklist .title-list li.memo, .manage-blacklist .manage-item > div.manage-memo {
    	width: 35.7rem;
	}
	.manage-authority.manage-container .title-list {
		/*padding: 1.8rem 7.1rem 1.4rem 8.2rem;*/
		padding-left: 8.2rem;
		padding-right: 7.1rem;
	}
	.authority-wrap .main-section .manage-authority .title-list li.author, .authority-wrap .main-section .manage-item > div.manage-author {
    	width: 10.5rem;
	}
	.main-section .db-list .info-group {
		column-gap: 1.8rem;
	}
	.main-section .db-list .counsel-group {
		margin-left: 0.8rem;
	}
	.main-section .manage-authority .manage-item > div.btn-box {
		width: 9.3rem;
	}
	.manage-wrap .popup .manage-info-group .title, 
	.main-wrap .popup .manage-info-group .title, 
	.mypage-wrap .popup .manage-info-group .title, 
	.wrap .popup.popup-notice .manage-info-group .title {
		font-size: 1.8rem;
	}
	.flatpickr-innerContainer {
		padding: 2rem 2.5rem;
	}
}
@media screen and (max-width: 1650px) {

}
@media screen and (max-width: 1600px) {
	.chart-group {
		height: 40%;
	}
	.ad-wrap .main-section .acc-list {
		max-width: 46.3vw;
	}
	.main-section .btn-bottom-box button {
		width: 4.4rem;
		height: 4.4rem;
	}
	.main-section .data-info > div + div {
		margin-top: 1.6rem;
	}
	.main-section .title {
		font-size: 1.8rem;
	}
	.main-section .quick-menu .img-box {
		background-position: center bottom 1.7vw;
		background-size: auto 1vw;
	}
	.main-section .quick-menu .menu-name {
	    bottom: 0.5rem;
	}
	.main-section .db-list .info-group .info-box:last-child {
		width: 33.2rem;
	}
	.main-wrap .popup .btn-icon {
		width: 5rem;
		height: 5rem;
	}
	.authority-wrap .popup .content {
		max-height: calc(100vh - 9.1rem);
	}
}

@media screen and (max-width: 1536px) {
  html {
    font-size: 0.45vw;
  }
  /* .inner {
    padding: 0 3rem;
  }*/
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 0.75vw;
	/*font-size: 0.88vw;*/
	/*font-size: 42%;*/
  }
  body {
    width: 100vw; /* 뷰포트 너비를 100%로 설정 */
    height: 100vh; /* 뷰포트 높이를 100%로 설정 */
  }
  .wrap.side-toggle .main-section .bottom-group {
	width: calc(100% - 28rem - 8.4rem);
  }
  .w-wrap .ad-wrap .popup-compare .compare-popup-top .flatpickr-calendar {
	left: -14rem !important;
  }
  .popup-compare .rangeMode .today {
	font-size: 1rem;
	}
  .ad-wrap .main-section .bg-box {
  	height: calc(100% - 14.5vh);
  }	
  .db-wrap .main-section .container-box {
		height: calc(100% - 19.5vh);
  }
  
  .auth-wrap {
	padding: 0;
	justify-content: center;
  }
  .form-box .input-box input {
	width: 100%;
	min-width: auto;
  }
  .ad-wrap .main-section .top-group {
	 /*overflow-x: auto;	*/
  }
  .w-wrap .top-section .sub-menu {
	padding-right: 0.6rem;
  }
  .w-wrap .main-section {
	height: calc(100vh - 6.3rem);
	padding-right: 0;
	background-color: #fff;
  }
  .w-wrap .main-section .bg-box {
	overflow: hidden;
  }
  .w-wrap .ad-wrap {
	margin-top: -6.2rem;
  }
  .w-wrap .ad-wrap .main-section .top-group {
	z-index: 2;
	position: relative;
	padding-top: 7.4rem;
  }
  .w-wrap .main-section .btn-group {
	position: absolute;
	top: 1.9rem;
  }
/*  .w-wrap .statistics-group .statistics table thead tr > th {
	min-width: 9.7rem;
  }*/
  .w-wrap .statistics-group .statistics table tr > td {
	min-width: 11.3rem;
  }
  .w-wrap .statistics-group .statistics table tr:nth-child(1) {
	height: 3.9rem;
  }
  .w-wrap .statistics-group .statistics table tr {
	height: 4.2rem;
  }
  .w-wrap .main-section .bottom-group {
	width: calc(100% - 27.4rem);
  }
  .w-wrap .right-side-section.common-section {
	margin-top: 1.9rem;
  }
  .w-wrap .main-section .ad-total {
	width: max-content;
  }
  .w-wrap .figure-total {
	top: 23.5rem;
	max-width: 100%;
	width: calc(100% - 30rem);
	overflow-x: auto;
  }
  .w-wrap .figure-total::-webkit-scrollbar {
	display: none;
  }
  .w-wrap .main-section .ad-total span {
	flex-shrink: 0;
  }
  .w-wrap .ad-wrap .main-section.paging .container {
	width: calc(100% - 28rem);
	margin-right: 0;
  }
  .ad-wrap .main-section .top-group::-webkit-scrollbar {
	display: none;
  }
  .ad-wrap .main-section .sorting-group {
     min-width: 227%;
	 /*min-width: 124%;*/
  }
	.w-wrap .main-section .ad-list .indicators-box .num-box {
		justify-content: flex-start;
	}
  .w-wrap .ad-wrap .main-section .sorting-group {
	min-width: 100%;
	max-width: 100%;
	width: 290%;
	overflow-x: auto;
  }
  .w-wrap .ad-wrap .main-section .sorting-group::-webkit-scrollbar {
	display: none;
  }
  .ad-wrap .main-section .container {
	width: calc(100% - 28rem - 29.4rem);
	margin-left: 28rem;
	margin-right: 29rem;
	padding: 0;
	overflow: auto;
  }
  .ad-wrap .main-section .ad-list {
  	width: 100%;
  }
  .ad-wrap .main-section .ad-list .ad-item {
	width: 250%;
	/*width: 150%;*/
  }
  .w-wrap .ad-wrap .main-section .ad-list .ad-item {
	width: 155%;
  }
  .w-wrap .ad-group {
  	width: 100%;
  	margin-bottom: -1.5px;
  }
  .w-wrap .notice .top-title {
	width: 31.4rem;
  }
  .w-wrap .notice.active {
  	margin-right: 0;
  }
  .w-wrap .notice .btn-confirm {
	width: 6.7rem;
  }
  .w-wrap .notice .notice-status {
	width: 4px;
	height: 4px;
  }
  .w-wrap .swiper-container-wrapper {
	width: 32rem;
	margin-right: 0;
  }
  .w-wrap .notice.active .swiper-container-wrapper {
	margin-left: -2px;
	margin-right: -2px;
  }
  .w-wrap .notice-desc {
    width: 11.6rem;
  }
  .w-wrap .notice.active .notice-desc {
	width: 19rem;
  }
  .w-wrap .flatpickr-calendar {
  	left: unset !important;
  	right: 28rem !important;
  	top: 13rem !important;
  	bottom: unset !important;
  }
  .w-wrap .ad-wrap .popup .flatpickr-calendar {
	left: unset !important;
	top: 9rem !important;
	right: 0rem !important;
	max-width: 38rem;
  }
  .w-wrap .statistics-group .statistics .table-wrapper {
  	display: block;
  	max-height: 19rem;
  	overflow-y: auto;
  }
  .w-wrap .statistics-group .statistics .table-wrapper::-webkit-scrollbar {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 99.9rem;
    background-color: #f7f7f7;
  }
  .w-wrap .statistics-group .statistics .table-wrapper::-webkit-scrollbar-thumb {
  	width: 0.4rem;
  	height: 0.4rem;
    border-radius: 99.9rem;
    background-color: #DFDFDF;
  }
  .w-wrap .statistics-group .statistics .table-wrapper::-webkit-scrollbar-track {
  	width: 0.4rem;
  	height: 0.4rem;
    border-radius: 99.9rem;
    background-color: #f7f7f7;
  }
  .w-wrap .statistics-group .statistics table tr > th {
  	min-width: 11.7rem;
  }
  .w-wrap .statistics-group .statistics table tr > td {
  	min-width: 11.7rem;
  }
  .w-wrap .ad-group .tab-box button::before {
	bottom: -0.4px;
  }
  .w-wrap .ad-wrap .main-section .top-group {
	overflow: unset;
  }
  .right-side-section .notice .notice-status {
	width: 4px;
	height: 4px;
  }
  .top-section .sub-menu > ul .menu-item:nth-child(n + 3):not(.advertiser-menu) {
  	display: none;
  }
  .manage-wrap .main-section .container {
	width: 120%;
  }
  .manage-wrap .main-section .container {
  	width: 157%;
  }
  .w-wrap .ad-wrap .main-section.paging .container {
	max-height: calc(100% - 5rem - 6rem - 11rem);
  }
  
  .manage-wrap .main-section {
	height: calc(var(--vh, 1vh) * 97); height: 97dvh; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); box-sizing: border-box;
  }
  .wrap:not(.ad-db-wrap) .main-section .btn-bottom-box {
  	z-index: 1;
  	bottom: 7.6rem;
  }
  .wrap:not(.ad-db-wrap) .main-section .bottom-group {
	position: fixed;
  	width: calc(100% - 28rem - 29.9rem);
  	margin: 0;
  }
  
  .wrap:not(.main-wrap) .main-section .bg-box::before {
	width: calc(100% - 28rem - 29.5rem);
  }
  .main-section .manage-advertiser .manage-list {
  	overflow-x: auto;
  }
  .main-section .manage-advertiser .manage-list::-webkit-scrollbar {
  	display: none;
  }
  .main-section .manage-advertiser .manage-list .manage-item {
      width: 100%;
  }
  .main-section .manage-advertiser .title-list {
      min-width: 100%;
      max-width: 105%;
      width: 100%;
      overflow-x: auto;
	  margin-right: 0;
  }
  .main-section .manage-advertiser .title-list::-webkit-scrollbar {
  	display: none;
  }
  .manage-wrap:not(.external-link-wrap) .popup .content #createForm {
	max-height: 70vh;
  }

	.set-target-popup {
		top: 50%;
		padding: 2rem;
		border-radius: 0.4rem;
	}
	.set-target-popup .popup-title {
		font-size: 2rem;
	}
	.set-target-popup .input-box::before {
	    width: 2rem;
	    height: 2rem;
	}
	.set-target-popup .input-box input {
		font-size: 1.7rem;
	}
	.set-target-popup .media-group .header-box {
		height: 3.9rem;
		padding-right: 1.6rem;
	}
	.set-target-popup .media-group .count-category {
		column-gap: 0.8rem;
	}
	.set-target-popup li:not(.media-item) .name {
		width: 26.6rem;
		font-size: 1.7rem;
	}
	.set-target-popup .advertiser-list .count-box {
		padding: 0.4rem 0.8rem 0rem;
	}
	.set-target-popup .num,
	.set-target-popup .slash,
	.set-target-popup .ad-total {
		font-size: 1.5rem;
	}
	.set-target-popup .media-title {
		margin-top: 0.3rem;
		font-size: 1.7rem;
	}
	.set-target-popup .media-group .toggle-set:checked::before {
		left: 0.37em;
	}
	.set-target-popup .media-group .count-db, 
	.set-target-popup .media-group .count-target {
		width: 7rem;
		height: 100%;
		font-size: 1.7rem;
		line-height: 1;
	}
	.set-target-popup .media-item .count-box .count-db,
	.set-target-popup .media-item .count-box .count-target {
		width: 7rem;		
	}
	.set-target-popup .media-item .count-box .count-db,
	.set-target-popup .media-item .count-box .count-target input {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		padding: 0.2rem 0 0;
	    font-size: 1.5rem;
		line-height: 1;
	}
	.set-target-popup .media-item .count-box .count-target input {
		flex-shrink: 0;
		width: 100%;
	}
	.set-target-popup .media-group .media-item {
		padding: 1rem 0.8rem 1rem 0;
	}
	.set-target-popup .media-group .media-item .name {
		height: 100%;
		font-size: 1.7rem;
	}
	.set-target-popup .media-item .count-box {
		height: 2.5rem;
	}

	.set-target-popup .btn-box button.btn-cancel {
		border: none;
		box-shadow: inset -0.15px 0 0 0.5px #666;
	}
	
	.popup .ai-content .ai-group {
		min-width: 21vw;
	}
}
@media screen and (max-width: 768px) {
	 html {
		font-size: 0.88vw;
	}
	.wrap.main-wrap.side-toggle .right-side-section .notice ul {
		display: none;
	}
	.side-section footer::after {
		top: -5rem;
	}
	.side-section .content {
		height: 70%;
	}
	.main-section::before {
		z-index: 2;
	}
	.right-side-section .notice {
		z-index: 0;
	}
	.side-section .media-list {
		flex-grow: 0;
	}
/*	.event-wrap .top-container {
		width: 100%;
	}
	.event-wrap .manage-container#boardList {
		overflow-x: auto;
	}
	.event-wrap .manage-container#boardList::-webkit-scrollbar {
		display: none;
	}*/
	.main-section .db-list {
		overflow-x: auto;
	}
	.main-section .db-list::-webkit-scrollbar {
		display: none;
	}
	.main-section .db-list .db-item {
	    width: 220%;
	}
	.event-wrap .main-section .manage-container,
	.manage-wrap .main-section .manage-container {
		width: 100%;
/*		padding-left: 28rem;
		padding-right: calc(28rem + 0.4rem);*/
		padding: 0;
		overflow: hidden;
		overflow-x: auto;
	}
	.event-wrap .main-section .manage-container::-webkit-scrollbar,
	.manage-wrap .main-section .manage-container::-webkit-scrollbar {
		display: none;
	}
	.event-wrap .main-section .container {
		width: 150%;
		overflow-y: auto;
	}
	.event-wrap .top-container {
		width: 137%;
	}
	.main-section .manage-container .title-list {
		width: 125%;
	}
	.manage-wrap .main-section .bottom-group {
		width: 125%;
	}
	.w-wrap .ad-wrap .main-section .ad-list .ad-item {
		width: 195%;
	}
/*	.event-wrap .top-container {
		width: 275%;
		margin-left: 0;
		margin-right: 0;
	}
	.main-section .manage-container .title-list {
		width: 275%;
		margin-left: 0;
		margin-right: 0;
	}
	.event-wrap .main-section .container,
	.manage-wrap .main-section .container {
		width: 290%;
		padding-left: 0;
		padding-right: 0;
	}*/
	.main-section .event-list .event-item {
		width: calc(100% + 11rem);
	}
	.popup .memo .memo-list {
	    max-height: 7rem;
	}
	.popup .memo .memo-box .btn-enter-memo {
		height: 2.5rem;
	}
	.ad-db-wrap .popup .history {
		margin-top: 5rem;
	}
	.ad-db-wrap .popup .history .history-list {
	    max-height: 11rem;
		margin-top: 1.3rem;
	}
	.ad-db-wrap .popup .popup-side-content .memo {
		height: 40%;
	}
	.ad-db-wrap .popup .popup-side-content .title {
		font-size: 1.4rem;
	}
	.side-section footer {
		margin-top: 1.6rem;
		padding: 1.4rem 1.7rem 0 0;
	}
	.flatpickr-calendar {
		left: -40% !important;
        max-width: 50vw !important;
	}
	.ad-wrap .main-section .event-box .event-group, .db-wrap .main-section .event-box .event-group {
		max-width: 62.1rem;
	}
	.popup .toggle-btn-box .btn-save {
		display: inline-flex;
	}
	.popup .status-group {
		position: absolute;
		bottom: -100%;
		right: 0;
	}
	.popup .memo .memo-box textarea {
	    width: 85%;
	}
	.event-preview.popup-event-preview .preview-img-box iframe {
		width: 100%;
		height: 100%;
	}
	
	
	/* right-section transform-toggle */
	.wrap:not(.main-wrap).side-toggle .right-side-section {
		right: -20%;
	}
	.wrap.main-wrap.side-toggle .right-side-section {
		display: flex;
		flex-direction: column;
		row-gap: 3rem;
		right: -18.4%;
	}
	.wrap.side-toggle.main-wrap .main-section {
		padding-right: 7.4rem;
	}
	.wrap:not(.main-wrap).side-toggle .main-section .bg-box::before {
		width: calc(100% - 28rem - 7rem);
	}
	.wrap.main-wrap.side-toggle .main-wrap .main-section .bg-box::before {
	    width: calc(100% - 0.2rem);
	}
	.wrap.side-toggle .main-section .top-group {
		margin-right: 7rem;
	}
	.wrap.side-toggle .main-section .container {
		padding-right: 6rem;
	}
	.wrap.side-toggle .ad-wrap .main-section .container {
	    width: calc(100% - 28rem - 9.4rem);
	    margin-right: 9rem;
		padding-right: 0;
	}
	.wrap.side-toggle .ad-wrap .main-section .ad-list .ad-item {
	    width: 179%;
	}
	.wrap.side-toggle .ad-wrap .main-section .sorting-group {
	    min-width: 163%;
		padding: 0 1.5rem;
	}
	.wrap.side-toggle .main-section .db-list .db-item {
	    width: 163%;
	}
	.wrap.side-toggle .event-wrap .main-section .container {
		padding-right: calc(8rem + 0.4rem);
	}
	.wrap.side-toggle .event-wrap .main-section .manage-container {
		width: calc(100% - 7rem);
	}
	.wrap.side-toggle .event-wrap .top-container {
		margin-right: 0;
	}
	.wrap.side-toggle .event-wrap .top-container {
		width: 127%;
	}
	.wrap.side-toggle .event-wrap .top-container {
		width: 123.5%;
	}
	.wrap.side-toggle .main-section .event-list .event-item {
	    width: calc(100% + 5rem);
	}
	.wrap:not(.main-wrap).side-toggle .right-side-section {
		row-gap: 3rem;
		padding-left: 0.7rem;
	}
	.wrap.side-toggle .right-side-section div:not(.schedule-box):not(.top-box),
	.wrap.side-toggle .right-side-section span:not(.right-title),
	.wrap.side-toggle .right-side-section button:not(.btn-side-toggle) {
	  display: none;
	  margin: 0;
	}
	.wrap.side-toggle .right-side-section .right-title,
	.wrap.side-toggle .right-side-section .title {
		font-size: 0;
		margin: 0;
	}
	.wrap .right-side-section button.btn-side-toggle {
		display: inline-block;
		position: relative;
		margin-right: 0.2rem;
		vertical-align: middle;
	}
	
	.main-section .btn-box .btn-show-note {
		pointer-events: none;
		opacity: 0.57;
	}
}
@media screen and (max-width: 720px) {
  html {
    /*font-size: 62.5%;*/
	/*font-size: 40%;*/
  }

  /* .inner {
    padding: 0 1.6rem;
  }*/
	.auth-wrap {
		column-gap: 10rem;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
	.ad-wrap .main-section .bg-box {
		height: calc(100% - 14.5vh);
	}	
	.db-wrap .main-section .container-box {
	    height: calc(100% - 15.5vh);
	}
	.manage-wrap .main-section {
		height: calc(var(--vh, 1vh) * 100); height: 100dvh; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); box-sizing: border-box;
	}
	.wrap:not(.ad-db-wrap) .main-section .bottom-group {
		bottom: 0;
	}
	.manage-wrap:not(.external-link-wrap) .popup .content #createForm {
		max-height: 54vh;
	}
	.w-wrap .ad-wrap .popup-compare .compare-popup-top .flatpickr-calendar {
		left: unset !important;
	}
}
@media screen and (max-width: 768px) and (orientation: landscape) {
	/*
	.top-section .sub-menu > ul {
		max-width: 100%;
		overflow: hidden;
		overflow-x: auto;
	}
	.top-section .sub-menu > ul::-webkit-scrollbar {
		display: none;
	}
	.top-section .menu-list .depth {
	    z-index: 10;
	    position: fixed;
	    top: 6rem;
	    right: 1.8rem;
	}
	*/
	.form-box {
	min-width: 42vw;
	padding: 4rem 3rem;
	}
	.form-box .btn-login, .form-box .btn-join, .form-box .btn-move-login, .form-box .btn-send {
	    padding: 1.5rem 0 1.6rem;
	    font-size: 1.6rem;
	}
	.side-section .login-user .option {
	  right: -33%;
	  padding: 1.4rem 1rem 1.4rem 1.2rem;
	  font-size: 2rem;
	}
	.side-section .login-user .option {
		top: 70%;
	}
	.side-section .login-user .option a,
	.side-section .login-user .option button {
	  padding: 0 3rem 0 3.7rem;
	  font-size: 1.6rem;
	}
	.side-section .login-user .option a::before,
	.side-section .login-user .option button::before {
	  left: 1rem;
	  width: 1.8rem;
	  height: 1.8rem;
	}
	.side-section .menu {
		position: relative;
	}
	.side-section .menu::before {
	    content: "";
	    z-index: 1;
	    position: absolute;
		top: 6.7rem;
		left: 0;
		width: calc(100% - 0.8rem);
		height: 1.7rem;
	    background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
	    pointer-events: none;
	}
	.side-section footer::before {
	    content: "";
	    position: absolute;
	    top: -4.2rem;
	    left: 0;
	    width: 100%;
	    height: 2.5rem;
	    background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
	    pointer-events: none;
	}
	.side-section footer img {
		height: 3rem;
	}
	.side-section .menu {
		margin-right: 0;
	}
	.side-section .menu-title::after {
		right: 2.6rem;
	}
	.side-section .menu-list {
		max-height: 18vh;
		padding-right: 2.6rem;
		overflow-y: auto;
	}
	.side-section .menu-list::-webkit-scrollbar {
	  width: 0.4rem;
	  height: 0.4rem;
	  border-radius: 99.9rem;
	}
	.side-section .menu-list::-webkit-scrollbar-thumb {
		width: 0.4rem;
		height: 0.4rem;
	  	border-radius: 99.9rem;
	  	background-color: #676767;
	}
	.side-section .menu-list::-webkit-scrollbar-track {
	  border-radius: 99.9rem;
	  background-color: #454545;
	}
	.right-side-section .db-total .today-info {
		max-height: 20vh;
		margin-right: -1rem;
		padding-right: 1rem;
		overflow-y: auto;
	}
	.right-side-section .db-total .today-info::-webkit-scrollbar {
	  width: 0.4rem;
	  height: 0.4rem;
	  border-radius: 99.9rem;
	}
	.right-side-section::-webkit-scrollbar-thumb {
		width: 0.4rem;
		height: 0.4rem;
	  	border-radius: 99.9rem;
	  	background-color: #676767;
	}
	.right-side-section::-webkit-scrollbar-track {
	  border-radius: 99.9rem;
	  background-color: #454545;
	}
	.flatpickr-calendar {
		z-index: 100;
		position: fixed;
		top: unset !important;
		left: unset !important;
		bottom: 1rem !important;
		right: 2rem !important;
		max-width: 31vw !important;
		padding: 1.2rem 1.8rem 1.7rem;
	}
	.flatpickr-calendar .flatpickr-months {
		padding-bottom: 1.3rem;
	}
	.flatpickr-innerContainer {
	    padding: 1.7rem 2.2rem 1.2rem;
	}
	.main-section .top-group {
		z-index: 1;
	}
	.right-side-section .date-group {
		margin-top: 1.3rem;
	}
	.right-side-section .today-info {
		margin-right: -1rem;
		padding-right: 1.5rem;
		max-height: 15vh;
		overflow: hidden;
		overflow-y: auto;
	}
	.right-side-section .today-info::-webkit-scrollbar {
	  width: 0.4rem;
	  height: 0.4rem;
	  border-radius: 99.9rem;
	}
	.right-side-section .today-info::-webkit-scrollbar-thumb {
		width: 0.4rem;
		height: 0.4rem;
	  	border-radius: 99.9rem;
	  	background-color: #676767;
	}
	.right-side-section .today-info::-webkit-scrollbar-track {
		width: 0.4rem;
		height: 0.4rem;
	  border-radius: 99.9rem;
	  background-color: #454545;
	}
	.right-side-section .search-box {
	    margin: 0.8rem 0 2rem;
	}
	.right-side-section .total {
	    margin-bottom: 2rem;
	}
	.right-side-section .total .title, .right-side-section .db-total .title {
		position: relative;
    	margin-bottom: 0.9rem;
	}
	.right-side-section .total .title::before {
		content: "";
        z-index: 0;
        position: absolute;
        top: 2.7rem;
        left: 0;
        width: 100%;
        height: 2rem;
        background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
        pointer-events: none;
	}
	.popup #memoForm {
		height: 50%;
	}
	.popup .memo .memo-box {
		height: 50%;
		margin-top: 2rem;
		padding: 0.7rem 1rem;
	}
	.popup .memo .memo-box textarea {
		margin-top: 0.2rem;
	    width: 90%;
	    height: 35%;
	}
	.ad-db-wrap .popup .history .history-list {
	    max-height: 9rem;
	    margin-top: 1rem;
	}
	.ad-db-wrap  .right-side-section .db-total {
		position: relative;
	}
	.ad-db-wrap  .right-side-section .db-total::before {
	    content: "";
	    z-index: 0;
	    position: absolute;
		top: 2.5rem;
		left: 0;
		width: 100%;
		height: 2.5rem;
	    background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
	    pointer-events: none;
	}
	.ad-db-wrap .right-side-section .notice::before {
		content: "";
        position: absolute;
		top: -4.2rem;
		left: 0;
		width: 100%;
		height: 2.5rem;
        background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
        pointer-events: none;
	}
	.main-section .pagination .btn-prev-page {
	    margin-left: 1rem;
	}
	.main-section .pagination .btn-next-page {
	    margin-right: 1rem;
	}
	.main-section .pagination .pages {
	    margin: 0 1rem;
	}
	.right-side-section .db-total .today-info {
		margin-bottom: 2rem;
	}
	.event-preview.popup-event-preview .preview-img-box {
		height: 100%;
		max-height: 39vh;
		overflow: hidden;
		overflow-y: auto;
	}
	.event-preview.popup-event-preview .preview-img-box::-webkit-scrollbar {
		width: 0.6rem;
		height: 0.6rem;
		border: 0.1rem solid #fff;
		border-radius: 99.9rem;
		background-color: #F7F7F7;
	}
	.event-preview.popup-event-preview .preview-img-box::-webkit-scrollbar-thumb {
		width: 0.6rem;
		height: 0.6rem;
		border: 0.1rem solid #fff;
		border-radius: 99.9rem;
		background-color: #dfdfdf;
	}
	.event-preview.popup-event-preview .preview-img-box::-webkit-scrollbar-track {
		width: 0.6rem;
		height: 0.6rem;
		border: 0.1rem solid #fff;
		border-radius: 99.9rem;
		background-color: #F7F7F7;
	}
	.popup .toggle-auto:checked::before {
	  left: 0.7rem;
	}
	.mypage-wrap .popup .content {
	    overflow-y: auto;
	    max-height: calc(100vh - 12rem);
	}
	
	
	.wrap.side-toggle .main-section .bottom-group {
		width: calc(100% - 28rem - 7rem);
		margin: 0;
	}
	.wrap.side-toggle .main-section footer {
		width: calc(100% - 28.3rem - 7.3rem);
	}
	.manage-wrap.notice-his-wrap .main-section .manage-container .title-list {
		width: 125%;
	}
	.manage-wrap.notice-his-wrap .main-section .container {
		width: 175%;
	}
	.manage-wrap.notice-his-wrap .main-section .bottom-group {
		width: 150%;
	}
}

@media screen and (max-width: 500px) {
	.flatpickr-calendar {
		left: auto !important;
	}
	.auth-wrap {
		flex-direction: column;
		row-gap: 4rem;
		padding: 2rem;
		padding-top: 0;
	}
	
	.auth-wrap .form-box {
		flex-shrink: 0;
		min-width: 49vw;
		width: 80%;
		margin: 0 auto;
		overflow: hidden;
	}
	.form-box .btn-login, .form-box .btn-join, .form-box .btn-move-login, .form-box .btn-send {
	    padding: 1.9rem 0 2rem;
	    font-size: 1.8rem;
	}
	.side-section .login-user .option {
	  right: -55%;
	  padding: 1.4rem 1rem 1.4rem 1.2rem;
	  font-size: 1.2rem;
	}
	.side-section .login-user .option a,
	.side-section .login-user .option button {
	  padding: 0 3rem 0 3.7rem;
	  font-size: 1.4rem;
	}
	.side-section .login-user .option a::before,
	.side-section .login-user .option button::before {
	  left: 1rem;
	  width: 1.6rem;
	  height: 1.6rem;
	}
}