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

:root {
	--container-lr:1vw;
	--container-tb:1vw;

	--container-lr-inver:-1vw;
	--container-tb-inver:-1vw;

}


/**** flex 관련 부분 ****/


/**** flex 관련 부분 end ****/


/**** 가로폭 관련 ****/

.w-1-5 {width:calc(25% - calc(var(--section-lr)/2));}
.w-3-5 {width:calc(50% - calc(var(--section-lr)/2));}
.w-4-5 {width:calc(75% - calc(var(--section-lr)/2));}

/**** 가로폭 관련 end****/



/**** 간격 조정 ****/


/**** 간격 조정 end ****/




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

.col-5 > li.box_white_notice ,.col-4 > li.box_white_notice {width:calc((100% - (var(--section-lr)*3)) / 4 - 32px)}

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

.col-6 > li.box_white_notice {width:calc((100% - (var(--section-lr)*4)) / 5 - 32px)}

.list_wrap.m_swipe_list_wrap {width: -webkit-fill-available; overflow-x: auto;}

.list_wrap.m_swipe_list_wrap > ul {width: max-content;}

.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)*3)) / 4.5);
}

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

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

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

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


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

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

/********** 공통요소 container 부분 end **********/




.pc-none {display:initial;}


}



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

	--box-pd : 20px 15px;
}



.body_wrap.w-420 .w-420_wrap .w-420-con-wrap {
	padding:40px var(--section-lr);
}







.m-mg-t-50 {margin-top:50px;}
.m-mg-t-60 {margin-top:60px;}








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

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

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

.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:28px;
}




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




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

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

.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:var(--section-lr);
}

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

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



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


.list_wrap .list_item.box_list {
	margin-bottom:20px;
}


.list_wrap .list_item.underline:last-child {border-bottom:1px solid var(--black10);}




.item-list-wrap {
	overflow: auto;

	.item-list {min-width:720px;}
}

.item-list {


	.list-img {
		padding:20px 10px;
		width:180px;

		img {border-radius:8px;}


		.con-wrap {
			text-align: center;


			h4, .discript p {
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}

			h4 {font:var(--type-body-16-b);}

			.discript {
				padding-top:2px;			
			}

		}
	}


	.list-con {
		padding:0 10px;

		.title {font:var(--type-discript); color:var(--black40);padding-bottom:5px;}

		.rank {

			.now {
				font:var(--type-bodytitle-b);
				display:inline-flex;

				&.rank-up {
					color:var(--color-1);

					&::after {
						content:'';
						width: 12px;
						height: 12px; 
						margin: 3px;
						background:url("../images/common/CaretUp.svg")no-repeat,center; 
					}
				}

				&.rank-down {
					color:var(--red-color);

					&::after {
						content:'';
						width: 12px;
						height: 12px; 
						margin: 3px;
						background:url("../images/common/CaretDown.svg")no-repeat,center; 
					}
				}

				&.rank-equal {
					color:var(--black);

					&::after {
						content:'';
						width: 12px;
						height: 12px; 
						margin: 3px;
						background:url("../images/common/Minus.svg")no-repeat,center; 
					}
				}
			}
		}		
	}

	.btn-wrap {

		.btn {
			padding:6px 10px;
		}
	}


	.controll-btn {
		padding:0 10px;

		.btn {padding:15px 10px;}
	}

	.status {
	
		&.ing {color:var(--color-1) !important;}
		&.finish {color:var(--red-color) !important;}
	}


	&.ads-point-list {
		padding:20px 0;

		.list-con-wrap {
			align-items: center;
			
			.list-con {width:-webkit-fill-available;}

			.list-con .con p {font:var(--type-bodytitle); color:var(--black);}

			.list-con.AdsPoint-list {
				.con {
					align-items: flex-start;
					gap:0;

					span {font:var(--type-discript); color:var(--black40);}
				}

				.title {padding-bottom:2px; text-align:left;}
			}
		}

	}

}






.tab {
	padding-bottom:20px;

	.tab_menu {
        min-width: 60px;
        padding: 8px 0;
	}

	&.btn-tab {
		gap:6px;

		.tab_menu {
			padding: 8px 10px;
			border-radius:8px;
		}
	}
}


input, textarea, select {
    padding: 10px 12px;
}

.btn {padding:13px;}




.bank-info-box {
	padding:20px;

	.bank-info {
		flex-wrap: wrap;
		gap:20px;

		.bank-info-item {
			width:calc(50% - 10px);
		}
	}
}





.mobile-flex-d-col {flex-direction: column;}
	
.youtube_wrap iframe {
    margin-bottom: 32px;
}

.middle_title {
    margin-bottom: 20px;
}

.body_wrap.w-420 .w-420_wrap .w-420-con-wrap .title_wrap .title_wrap_title {
    font-size: 24px;
}



.m-align-items-c {align-items:center;}



.top-bg-con-wrap .top-bg-title-wrap,
.top-bg-con-wrap .top-bg-link-wrap {width:100%;}

.top-bg-con-wrap .top-bg-title-wrap {margin-top:8px;}


.top-bg-con-wrap .top-bg-title-wrap .top-bg-title {
    font-size: 24px;
    margin-bottom: 16px;
}



.top-bg-con-wrap .top-bg-link-wrap {
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top:20px;
}

.top-bg-img-wrap {width:160px;} 
.top-bg-img-wrap img {border-radius:50em;}


.top-bg-con-wrap .top-bg-link-wrap .top-bg-link {
    margin-bottom: 0;
}

.top-bg-con-wrap .top-bg-link-wrap .top-bg-like-comment_wrap {display:flex;margin-bottom: 8px;}

.top-bg-con-wrap .top-bg-link-wrap .top-bg-like .discript_title {
	display:none;
}


.top-bg-con-wrap .top-bg-link-wrap .top-bg-like .heart_btn {
	background: transparent;
    border: 0;
    padding: 0;
	margin-right:16px;
}

.top-bg-con-wrap .top-bg-link-wrap .top-bg-like .heart_btn p {
	display:none;
}

.heart_btn span {
    margin-left: 0;
}

.top-bg-con-wrap .top-bg-link-wrap .top-bg-link .link-btn {
    width: calc(25% - 4px);
}

.top-bg-con-wrap .top-bg-link-wrap .top-bg-link {max-width: 50%;margin-right:20px;}

.top-bg-con-wrap .top-bg-link-wrap .like_under_wrap {margin-top:0;}

.top-bg-comment_more {display:none;}

.top-bg-con-wrap .top-bg-link-wrap .like_under_wrap .like_under_title {display:none;}

.heart_btn:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/Heart.svg) center no-repeat;
    background-size: cover;
    margin-right: 4px;
}

.top-bg-con-wrap .top-bg-link-wrap .like_under_wrap .like_under_num {display:flex; color:var(--white);}
.like_under_num:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/Comment_Alt_Lines.svg) center no-repeat;
    background-size: cover;
    margin-right: 4px;
	filter: invert(1);
}


.list_wrap .list_item.music-small .item_info_wrap .item_info .item_info_title .note_icon {display:none;}
.list_wrap .list_item.music-small .item_info_wrap .item_info {flex-direction: column;}
.list_wrap .list_item.music-small .item_info_wrap .item_info .item_info_title { width: 100%;}
.list_wrap .list_item.music-small .item_info_wrap .item_info .item_info_desc span {
    font-size: 11px;
    max-width: 100px;
}

.music_list_Controls .music_list_Controls_btn .btn {
    margin-bottom: 0;
    min-width: 40px;
    font-size: 12px;
    padding: 4px 6px;
    margin-right: 4px;
}

.music_list_Controls .check_wrap, .list_wrap .list_item .check_wrap { margin-right: 12px;}
.music_list_Controls .music_list_Controls_btn .btn:before {margin-right:0;}

.music_list_Controls {
    display: flex;
    padding: 0 0 20px;
}


.list_wrap .list_item.music-small { padding: 12px 0;}
.list_wrap .list_item { padding: 8px 0;}
.article_list_wrap .article_list {padding:16px 0;}










.tbl_attatch_ft .attach_file_row input[type=file] {
    padding: 12px;
}







.partner_wrap {
    flex-direction: column;
	margin-bottom: 0;
}

.partner_wrap > div {
	width: 100%;
	margin: 20px 0;
}

.partner_wrap .partner_title {
    padding-bottom: 8px;
}

.partner_wrap .partner_list {
    padding: 12px 0;
    border-bottom: 1px solid var(--black10);
	flex-direction: column;
}

.partner_wrap .partner_list .partner_list_cate {
    width: -webkit-fill-available;
    margin-bottom: 8px;
    margin-right: 0;
}

.partner_wrap .partner_list ul {
    width: -webkit-fill-available;
}

.partner_wrap .partner_list ul > li {
	padding-bottom: 8px;
	line-height: 1.65em;
}





















/******* 문화일정 부분 *******/
.schedule-wrap {}


.schedule-list {
	li .sun, li .holiday {
		color:red;
	}

	li .sat {
		color:var(--main-color);
	}

	li .today span {
		color:var(--white);
		background:var(--main-color);
	}

}


.schedule-list > ul {
	flex-direction: column;
}

.schedule-list > ul > li {
	width: 100%;
	display: flex;
	border-width:1px 0 0 0;

	span {color:var(--black80);}


	&.last-month span, &.next-month span {
		color:var(--black20);
	}

	&.last-month a, &.next-month a {
		background:var(--black20);
		color:var(--white);
	}
}

.schedule-list ul li:nth-child(7n) {
	border-width: 1px 0 0 0;
}

.schedule-list .schedule-head {display: none;}



.schedule-list .schedule-body {border-bottom: 1px solid var(--black10);}

.schedule-list .schedule-body > li {
	min-height:100px;
	padding: 16px 0;
}


.schedule-list .schedule-body .mobile-date-wrap {
	padding:0;
	width: 15%;
	margin-right:5%;
	display: flex;
	flex-direction: column;
	align-items: center;

	> span {
		display: block;
		text-align: center;
		color: var(--black20);
	}

	.mobile-date {
		margin-top: 4px;

		> span {
			font-size: var(--fsize-body-title);
		}
	}

}

ul.schedule-item-list {width:calc(100% - 20%); padding: 4px 0;}



.schedule-item-list > li {
	font-size: inherit;
	margin-bottom: 4px;
	
	&:last-child {margin-bottom:0;}

	a {
		padding: 2px 8px;
	}

}


.title-wrap {
    .mc-title {
        flex-wrap: wrap;
    }
}









}






@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;

}


section {

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


.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;
}



}