@media all and (max-width:816px) {

	:root {
	--lmb-width:100%;

	--section-lr:12px;
	--section-tb:50px;


	--section-tb-inver:-50px;
	--section-lr-inver:-12px;

	--gap20:10px;

	--mobile-size : -webkit-fill-available;

	}


	section {

		&:has(>.nav) {
			.container {width: -webkit-fill-available;}
		}
	}

	.m-left-side {display:none;}












	.page_lmb_wrap {
		display: flex;
		flex-direction: column;
	}

	.page_lmb_wrap .container {width:100%;margin-left:0;}



	.mobile-816-flex-d-col {flex-direction: column;}


	.col-2 > div {width:100%;}

	.col-6 > li, .col-5 > li,.col-4 > li,.col-3 > li {
		width:calc((100% - (var(--section-lr)*1)) / 2);
	}

	.col-6 > li.box_white_notice, .col-5 > li.box_white_notice,.col-4 > li.box_white_notice {
		width:100%;
		margin-right:0;
	}

	.col-6 > li.box_white_notice, .col-5 > li.box_white_notice,.col-4 > li.box_white_notice {
		width:100%;
		margin-right:0;
	}

	.col-6 > li.box_white_notice:nth-child(n+2), .col-5 > li.box_white_notice:nth-child(n+2),.col-4 > li.box_white_notice:nth-child(n+2) {
		margin-top:12px
	}

	.col-6 > li.box_white_notice:nth-child(n+3), .col-5 > li.box_white_notice:nth-child(n+3),.col-4 > li.box_white_notice:nth-child(n+3) {
		margin-top:12px
	}

	.col-6 > li.box_white_notice:nth-child(3n), .col-5 > li.box_white_notice:nth-child(3n),.col-4 > li.box_white_notice:nth-child(3n) {
		margin-right:0;
	}


	.list_wrap.m_swipe_list_wrap > ul.col-6 > li,
	.list_wrap.m_swipe_list_wrap > ul.col-5 > li,
	.list_wrap.m_swipe_list_wrap > ul.col-4 > li {
		width:calc((100vw - (var(--section-lr)*1)) / 2.5);
	}

	.col-6 > li:nth-child(3n), .col-5 > li:nth-child(3n) ,.col-4 > li:nth-child(3n) {
		margin-right:var(--section-lr);
	}

	.col-6 > li:nth-child(2n), .col-5 > li:nth-child(2n),.col-4 > li:nth-child(2n) {
		margin-right:0;
	}


	.row-col-2, .row-col-3, .row-col-4, .row-col-5, .row-col-6, .row-col-7 {
		flex-direction: column !important;
	}



	.swipe_list_wrap .col-6 > li:nth-child(2n) {
		margin-right:var(--section-lr);
	}

	.list_wrap.swipe_list_wrap > ul.col-6 > li {
		width:calc((100vw - (var(--section-lr)*3)) / 3.5);
	}

	.list_wrap.m_swipe_list_wrap > ul.col-5 > li:nth-child(2n),
	.list_wrap.m_swipe_list_wrap > ul.col-6 > li:nth-child(2n) {
		margin-right:var(--section-lr);
	}


	.mobile-flex-d-col {flex-direction: column;}
		
	.txt_ellipsis.line_3 {
		-webkit-line-clamp: 2;
	}



	.middle_title .middle_title_left .middle_title_semi .middle_title_disc {font-size:var(--fsize-discript);}


	.article_list_wrap .article_list.box_white_notice .article_title,
	.article_list_wrap .article_list.box_white_notice .article_con {
		margin-bottom: 8px;
	}

	.btn {
		font-size:12px;
		padding:12px 10px;

		> img { transform: scale(0.75);}
	}



	.img-wrap {

		&.img-180 {
			width:-webkit-fill-available;
		}

		&.img-150 {
			width:-webkit-fill-available;
		}
	}



	.music_list_Controls {
		padding: 0 0 12px;
	}

	.music_list_Controls .music_list_Controls_btn {
		flex-wrap: wrap;
	}

	.music_list_Controls .music_list_Controls_btn .btn {
		margin-bottom: 4px;
	}








	.inputform fieldset .row input.pilsu_input {
		background: url(../images/Check_on.svg) 12px 50% no-repeat;
		padding: 12px 16px 12px 32px;
	}








	/********** 음악 상세 페이지 부분 ***********/
	.score_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.score_wrap img {
		width: -webkit-fill-available;
		margin-bottom: 16px;
	}

	/********** 음악 상세 페이지 부분 end ***********/









	.search-title {
		font-size: var(--fsize-middle-title);
		font-weight: 800;
		margin-bottom: 24px;
	}






	.schedule-date-select {
		padding: 28px 16px;
		justify-content: flex-start;
	}



	.paging_navigation {
		padding-top:40px;

		a.print, a.page-next {
			display: inline-flex;
			border: 1px solid var(--black10);
			height: 20px;
			width: 20px;
			align-items: center;
			justify-content: center;

			&.page-active {
				background:var(--black60);
				color:white;
			}
		}

	}


	.input_wrap {
		padding-bottom: 10px;

		&.input_wrap-row {
			flex-wrap: wrap;

			.TextFields {width:calc(50% - (8px / 2));}
		}
	}

	.TextFields.max-w-50p {max-width:-webkit-fill-available;}


	.title-wrap {
		padding:0 0 15px;


		&.table-title {

			.title-right {
			
				.btn {
					min-width: 30px;
					padding: 8px 12px;
				}
			}

			&:has(.title-right) {
				flex-wrap: wrap;
				gap:10px;
			}
		
		}
	}




	.tab.btn-tab.ads-status-tab {flex-direction:column;}


	.upload_review_img_contents {
		padding: 10px;
		border:1px solid var(--black10);

		.drop-area {
			padding: 15x;
			margin:0 0 8px;
			border: 1px dashed #ccc;
		}
		

		.upload-summary {
		
			p {font:var(--type-body);}
		}

		.upload-list {

			.upload-item {
				padding:5px 0;
				display: flex;
				justify-content: space-between;
				
				span {
					width:calc(100% - 70px);
					white-space: nowrap;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}
			}
		}
	}


	.pc-only {display:none;}
	.m-only {display:block;}



	.reciept-status-pop {
		transform: translate(-40%, 60%);
		
		ul > li {width: -webkit-fill-available; white-space: nowrap;}
	}
	.grid {
		&.grid-col-2 {
			grid-template-columns: repeat(1, 1fr);
		}

		 &.grid-col-3 {
			grid-template-columns: repeat(1, 1fr);
		}

		&.grid-col-4 {
			grid-template-columns: repeat(2, 1fr);
		}


	}


	#notice-popup-overlay .notice-popup-con {
		max-width:85vw;
	}


	.bg_logo_images, .kakao-btn-flt {
		display: none;
	}




}