@charset "UTF-8";

/* 내 정보 > 나의 활동 > 관심전시회 */
@import url('/css/assets/components/listExhibition.css');
/* 내 정보 > 나의 활동 > 관심작가 */
@import url('/css/assets/components/listAuthor.css');

/* 내 정보 > 전시회 개설하기 > 전시회 리워드 */
@import url('/css/assets/components/listArtwork.css');

#sizeModal{
	position: fixed;
	z-index: 1056;
	width: 95%;
}

.full_wrap {
	width:100%;
	height:100vh;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.full_header{
	width:100%;
	height:90px;
	position:absolute;
	top:0;
	left:0;
	display:flex;
	align-items:center;
}
/* .full_header .container{
	padding:0;
} */
.full_header span{
	background:url(/images/assets/logo.svg) no-repeat;
	width:165px;
	height:37px;
	display:block;
}
.full_wrap .txt_area h4{
	color:#333;
	font-size:1.75rem;
	font-weight:700;
	margin:0;
}
.full_wrap .txt_area p {
	color:#333;
	margin:1.5rem 0;
}
.full_wrap .txt_area div{
	margin-bottom:5rem;
}
.full_wrap a.kakao{
	color:#333;
	font-weight:500;
	text-align:center;
	line-height:48px;
	background:url(/images/assets/member/i-kakao.svg) no-repeat 1rem center;
	background-color:#FAE300;
	width:100%;
	display:block;
}
.full_wrap a.naver{
	color:#fff;
	font-weight:500;
	text-align:center;
	line-height:48px;
	background:url(/images/assets/member/i-naver.svg) no-repeat 1.25rem center;
	background-color:#03CF5D;
	width:100%;
	display:block;
}
.full_wrap .txt_area h5{
	font-size:0.875rem;
	color:#333;
	position:relative;
	text-align:center;
	margin:0;
}
.full_wrap .txt_area h5:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:calc(50% - 92px);
	height:1px;
	background-color:#E9ECEF;
}
.full_wrap .txt_area h5:after{
	content:'';
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:calc(50% - 92px);
	height:1px;
	background-color:#E9ECEF;
}
.full_wrap .txt_area .sns {
	display:flex;
	list-style:none;
	margin:1rem 0 3.75rem 0;
	padding:0;
}
.full_wrap .txt_area .sns li{
	width:40px;
	height:40px;
	border-radius:50%;
	margin-right:10px;
}
.full_wrap .txt_area .sns li:nth-child(1){
	background-color:#03CF5D;
}
.full_wrap .txt_area .sns li:nth-child(2){
	background-color:#fff;
	border:1px solid #ccc;
}
.full_wrap .txt_area .sns li:nth-child(3){
	background-color:#1B74E4;
}
.full_wrap .txt_area .sns li a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
}
.full_wrap .txt_area .sns li a img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.full_wrap .txt_area h6{
	font-size:0.875rem;
	color:#333;
}
.full_wrap .txt_area h6 a{
	color:#9B70F9;
	font-size:0.875rem;
	text-decoration-line:underline;
	margin-left:0.5rem;
}
.full_wrap .bg_area{
	background:url(/images/assets/member/mypagebg.jpg) no-repeat center center;
	background-size:cover;
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100vh;
}



/*404 에러 */
.full_wrap .bg_404{
	background:url(/images/assets/error/404bg.jpg) no-repeat center center;
	background-size:cover;
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100vh;
}
.error_txt svg{
	position:relative;
	left:0;
	right:0;
	width:100%;
	height:250px;
}
.error_txt svg text{
	fill:#fff;
	font-size:13.75rem;
	color:#333;
	font-weight:800;
}
.error_txt svg img {
	width:300px;
}

.error_txt h4{
	-webkit-text-fill-color: transparent; 
	color: transparent;
	background: url(/images/assets/error/404bg.jpg) no-repeat center center;
	-webkit-background-clip: text;
	font-size:13.5rem;
	font-weight:bold;
	line-height:212px;
}
.error_txt p {
	font-size:1rem;
	color:#6C757D;
	font-weight:400;
	margin:1rem 0 5rem 0;
}
.error_btn a{
	display:inline-block;
	width:100px;
	height:48px;
	text-align:center;
	line-height:48px;
	font-size:1rem;
	box-sizing:content-box;
	border-radius: 4px;
}
.error_btn .main_btn{
	color:#fff;
	background-color:#212529;
	margin-right:1rem;
}
.error_btn .center_btn{
	border:1px solid #212529;
	color:#333;
}

/*login */
.full_wrap .bg_area2{
	background:url(/images/assets/member/loginbg.jpg) no-repeat center center;
	background-size:cover;
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100vh;
}


/***********************
** 내정보
***********************/

/* 프로필 편집 */
.page_adit .area {
	padding:2rem 0.75rem;
	border-bottom:1px solid #eaeaea;
	position:relative;
}
.page_adit .area:first-child{
	padding-top:0;
}
.page_adit .area:last-child{
	margin-bottom:4rem;
	border:none;
}
.page_adit .area h4{
	font-size:1.125rem;
	color:#333;
	font-weight:700;
	margin-bottom:1.5rem;
}
.page_adit .area .txt .t_type1{
	color:#333;
	margin-bottom:1.5rem;
}
.page_adit .area .txt .t_type1.bt0{
	margin-bottom:0;
}
.page_adit .area .txt .t_type2{
	color:#ADB5BD;
	font-size:0.875rem;
}
.page_adit .area .txt .t_type3{
	position:relative;
	color:#0096AA;
	font-size:0.875rem;
/*   padding-left:1.125rem; */
}
.page_adit .area .txt .t_type4{
	position:relative;
	color:#333;
	font-size:0.875rem;
	padding-left:1.125rem;
}
/* .page_adit .area .txt .t_type3 em:nth-child(1){
	position:absolute;
	top:0.75rem;
	left:0px;
	display:inline-block;;
	width:6px;
	height:1px;
	background-color:#0096AA;
	transform:rotate(45deg);
}
.page_adit .area .txt .t_type3 em:nth-child(2){
	position:absolute;
	top:10px;
	left:3px;
	display:inline-block;;
	width:12px;
	height:1px;
	background-color:#0096AA;
	transform:rotate(-45deg);
}
.page_adit .area .txt .t_type4 em:nth-child(1){
	position:absolute;
	top:0.75rem;
	left:0px;
	display:inline-block;;
	width:6px;
	height:1px;
	background-color:#333;
	transform:rotate(45deg);
}
.page_adit .area .txt .t_type4 em:nth-child(2){
	position:absolute;
	top:10px;
	left:3px;
	display:inline-block;;
	width:12px;
	height:1px;
	background-color:#333;
	transform:rotate(-45deg);
} */
.profile_area .profile_con{
	display:flex;
	align-items:center;
}
.profile_area .profile_con .profile_img{
	width:60px;
	height:60px;
	position:relative;
	border-radius:50%;
	margin-right:1rem;
	overflow:hidden;
	background-color:#E9ECEF;
}
.profile_area .profile_con #profile .profile_img2{
	width:80px;
	height:80px;
	position:relative;
	border-radius:50%;
	margin-right:1rem;
	overflow:hidden;
	background-color:#E9ECEF;
}
.profile_area .profile_con .profile_img img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile_area .profile_con #profile .profile_img2 img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile_area .profile_con .profile_img p{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:1.5rem;
	color:#ADB5BD;
}
.profile_area .profile_con #profile .profile_img2 p{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:1.5rem;
	color:#ADB5BD;
}
.profile_area .profile_con .profile_txt label{
	position:relative;
	margin-bottom:1rem;
}
.profile_area .profile_con .profile_txt label span{
	position:absolute;
	top:0;
	left:0;
	padding:0.375rem 1rem;
	border:1px solid #E9ECEF;
	background-color:#fff;
	color:#666;
	font-size:0.875rem;
	cursor:pointer;
}
.profile_area .profile_con .profile_txt input{
	margin-left:1.125rem;
}
.profile_area .profile_con .profile_txt p{
	margin:0;
	color:#6C757D;
	font-size:0.875rem;
	font-weight:300;
}
.page_adit .area .btn01{
	position:absolute;
	top:2rem;
	right:0;
}
.page_adit .area .btn01 button{
	border:none;
	padding:0.375rem 1rem ;
	font-size:0.875rem;
	color:#666666;
	border-radius:4px;
}
.page_adit .area .btn01 button.btn_type1{
	border:1px solid #ccc;
	background-color:#fff;
}
.page_adit .area .btn01 button.btn_type2{
	background-color:#6C757D;
	color:#fff;
}


/*  회원탈퇴  */
.wd_wrap{
	margin-bottom:3.75rem;
}
.wd_wrap .txt_01 {
	padding-bottom:2.5rem;
}
.wd_wrap .txt_01 h3{
	color:#333;
	font-size:1.125rem;
	font-weight:700;
	margin-bottom:0.75rem;
}
.wd_wrap .txt_01 p{
	color:#6C757D;
}
.wd_wrap .txt_01 p a{
	color: var(--bs-secondary);
	text-decoration:underline;
}
.wd_wrap .txt_02{
	border-top:1px solid var(--bs-gray-200);
	border-bottom:1px solid var(--bs-gray-200);
	padding:2.5rem 0;
}
.wd_wrap .txt_02 h5 {
	color:#333;
	font-size:1.125rem;
	font-weight:700;
	margin-bottom:1.5rem;
}
.wd_wrap .txt_02 ul {
	padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.wd_wrap .txt_02 > ul > li{
	line-height:1.7;
	color: var(--bs-gray-600);
	position:relative;
	padding-left:0.875rem;
}
.wd_wrap .txt_02 > ul > li:before{
	content:'';
	position:absolute;
	top:0.75rem;
	left:0;
	width:3px;
	height:3px;
	background-color:var(--bs-gray-600);
	border-radius:50%;
}
.wd_wrap .txt_02 .form-check-input:checked {
    background-color: #dc3545;
    border-color: #dc3545;
}
.wd_wrap .txt_03{
	padding:2.5rem 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.wd_wrap .txt_03 div input{
	width:16px;
	height:16px;
	border:1px solid var(--bs-gray-200);
	border-radius:3px;
	vertical-align:-2px;
	opacity:0.2;
}
.wd_wrap .txt_03 div input[id="agree03"]:checked{
	opacity:1;
}
.wd_wrap .txt_03 div span{
	color:var(--bs-gray-600);
}
.wd_wrap .txt_03 button{
	border:none;
	background-color:var(--bs-gray-800);
	width:99px;
	height:38px;
	border-radius: 4px;
	color:#fff;
	font-weight:400;
}
.wd_wrap .txt_04{
	width:600px;
	padding:3.75rem 1rem;
	display:flex;
	flex-direction: column;
	align-items:center;
	margin:2rem auto 0 auto;
	border:1px dashed var(--bs-gray-400);
}
.wd_wrap .txt_04 div{
	width:90px;
	height:90px;
	background-color:var(--bs-gray-100);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.wd_wrap .txt_04 h4{
	font-size:1.5rem;
	color:#333;
	margin:2.5rem 0 1rem 0;
	font-weight:700;
	text-align:center;
}
.wd_wrap .txt_04 p{
	color:#333;
	text-decoration: underline;
	text-align:center;
}
.wd_wrap .txt_04 button{
	border:none;
	color:#fff;
	background-color:var(--bs-gray-900);
	width:178px;
	height:48px;
	text-align:center;
	border-radius: 4px;
	margin-top:2.5rem;
}


/*  알림 */
.alarm {
	margin-bottom:6rem;
}
.alarm li{
	padding:2rem 1rem;
	border-bottom:1px solid var(--bs-gray-200);
}
.alarm li .img{
	position:relative;
	margin-right:1rem;
}
.alarm li .img div{
	position:relative;
	width:60px;
	height:60px;
	border-radius:50%;
	overflow:hidden;
}

.alarm li .img div img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
}

.alarm li .img div.logo {
	background: #E9ECEF;
}
.alarm li .img div.logo img {
	width: 50% !important;
	height: auto;
	border-radius: 0;
}
.alarm li .img span{
	position:absolute;
	top:0px;
	right:0px;
	width:13px;
	height:13px;
	display:block;
	background-color:var(--bs-secondary);
	border-radius:50%;
}
.alarm li .txt p{
	color:var(--bs-gray-500);
	font-size:0.875rem;
}


/* 내 작품 */
.noimgWrap {
	width: 100%;
	height: 240px;
	background: var(--bs-gray-200);
	background-size: 5.5rem;	
}

.noimgMsg {
	font-size:12px;
	text-align: center;
	position: absolute;
	bottom: 17px;
	color: white;
	background: #999;
	padding: 2px 8px;
	left: 50%;
	width: 70%;
	transform: translateX(-50%);
}

.typeVideo {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(/images/assets/i-video.svg) center;
	background-repeat: no-repeat;
	z-index: 999;
}

.rounded-125{
	border-radius: 0.125rem;
}

/* 내 작품 끝 */


/* 작품, 전시 목록 공통*/

.list-imgWrap img {
/* 	min-height: 140px;
	max-height: 200px; */
	width: 100%;
	height: 240px;
	object-fit: cover;
}


/* 후원내역 (sponsorship) */
.sponsorWrap .btnWrap {

	display:flex;
	align-items: center;
	flex-wrap: wrap;
}

.sponsorWrap .btnWrap button {
	margin:0 .5rem .5rem 0;
}

.sponsorWrap img,
.purchasedExList img {
	min-height: 215px;
	max-height: 220px;
	width: 100%;
	object-fit: cover;
}

/* 문의 내역 */
.myQna {
	border-top:2px solid #555;
}
.myQna .accordion-item {
	border:0;
	border-radius:0;
	border-bottom:1px solid var(--bs-gray-300)
}
.myQna button.accordion-button span {
	padding:.5rem 0;
	color:white;
	border-radius:var(--bs-border-radius);
	margin-right:2.5rem;
	font-size:.875rem;
		text-align: center;
		max-width:80px;
		min-width:70px
}
.myQna button.accordion-button .complete {
	background-color:var(--bs-primary)	
}
.myQna button.accordion-button .waiting {
	background-color:var(--bs-gray-400)	
}
.myQna .accordion-body {
	padding:2rem 2rem 2rem 9rem;
	border-top:1px solid var(--bs-gray-300);	
}
.myQna .accordion-body .answerWrap {
	padding:2rem;
	background-color:var(--bs-gray-100);
	margin-top:2rem;
}

.myQna .accordion-button:not(.collapsed) {
		color: var(--bs-primary);
		background-color: var(--bs-white);
}


/***********************
** 내 전시회
***********************/

/** a 링크 비활성화 */
.disabled {
	pointer-events: none;
}

/*  후원 받은 내역 */
.s_l_wrap .sl-top{
	padding:2.5rem 2rem;
	background-color:var(--bs-gray-100);
	align-items:center;
	margin-bottom:2rem;
}
.s_l_wrap .sl-top .date{
	color: var(--bs-gray-600);
	display:flex;
	align-items:center;
}
.s_l_wrap .sl-top .date, .s_l_wrap .sl-top .date .btn01{
	margin-right:2rem;
	display:flex;
}
.s_l_wrap .sl-top .date div{
	background-color:#fff;
	border:1px solid var(--bs-gray-200);
	width:280px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.s_l_wrap .sl-top .date div input{
	border:none;
	background:none;
	height:42px;
}
.date input[type="date"]{
	position: relative;
	min-height:30px;
	padding: 10px 12px;
	border: 1px solid #ddd;
	font-size:1rem;
	color: var(--bs-gray-600);
}
.date input[type="date"]::-webkit-clear-button,
.date input[type="date"]::-webkit-inner-spin-button { 
		display: none;
} 
.date input[type="date"]::-webkit-calendar-picker-indicator { 
		background: transparent;
		z-index: 1;
} 
.date input:after{
	position: absolute;
	top:50%;
	right:10px;
	content: '';
	width: 100%;
	height:14px;
	background: url('/images/assets/member/calendar.svg') no-repeat right center ;
	transform: translateY(-50%);
	z-index: 0;
}
.s_l_wrap .sl-top .search{
	margin-right:1rem;
	display:flex;
	align-items:center;
}
.s_l_wrap .sl-top .search input{
	border:1px solid var(--bs-gray-200);
	border-radius: 4px;
	height:42px;
	width:263px;
	padding-left:1rem;
}
.s_l_wrap .sl-top .search input::-webkit-input-placeholder,
.s_l_wrap .sl-top .search input:-ms-input-placeholder
{color:var(--bs-gray-600);}

.s_l_wrap .sl-top div span{
	color:#333;
	margin-right:1rem;
}
.table01{
	text-align:center;
	vertical-align:middle;
	min-width:980px;
}
.table01 .table-header{
	background-color:var(--bs-gray-600);
	color:#fff;
}

.table01 .table-header th {
	font-weight:400;
}
.table01 td{
	padding:1rem 2rem;
}
.table01 .imgarea{
	vertical-align:middle;
}
.table01 .imgarea em{
	width:40px;
	height:40px;
	border-radius:50%;
	overflow:hidden;
	position:relative;
	display:inline-block;
	background-color:#ccc;
	margin-right:0.5rem;
	font-style: normal;
}
.table01 .imgarea em img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:100%;
	max-height:100%;
	
	object-fit: cover;
    object-position: center;
    width: 40px;
    height: 40px;

}
.table01 .imgarea span{
	vertical-align:12px;
}
.table01 .imgarea em p{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #ADB5BD;
	background-color: #E9ECEF;
}


/*  후원 출금 내역 및 출금신청 */
.draw_wrap .draw-top{
	padding:2rem 4rem;
	background-color:var(--bs-gray-100);
	display:flex;
	justify-content:space-around;
	margin-bottom:1rem;
}
.draw_wrap .draw-top em{
	width:1px;
	height:auto;
	display:block;
	background-color:var(--bs-gray-400);
}
.draw_wrap .draw-top div{
	display:flex;
	flex-direction: column;
	align-items: center;  
}
.draw_wrap .draw-top div h3{
	font-size:1.75rem;
	font-weight:700;
}
.draw_wrap .draw-top div.total h3{
	color:var(--bs-secondary);
}
.draw_wrap .txt_area{
	margin-bottom:2.5rem;
}
.draw_wrap .txt_area p{
	font-size:0.875rem;
	color: var(--bs-gray-600);
}

/* 후원금 출금신청 현금영수증  */ 
.receiptWrap > .form-check {
	height:80px;	
}

.receiptWrap > .form-check:last-child {
	height:inherit;	
}

.receiptWrap .form-check input:checked ~ div.row{
	display:flex;
}

.ReceiptContent_1, .ReceiptContent_2 {
	display:none;
	position: absolute;
	width:100%;
	top:0;
	left:0;
}


/***********************
** 모바일 마이메뉴 
***********************/

.my_top{
	background-color:var(--bs-gray-100);
	padding:2rem 1rem;
	display:flex;
	align-items:center; 
}

.my_top .img_area{
	width:60px;
	height:60px;
	background-color:var(--bs-gray-500);
	position:relative;
	border-radius:50%;
	overflow:hidden;
}
.my_top .img_area img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:60px;
}

.my_top .txt_area p{
	/* font-size:0.75rem; */
	color: var(--bs-gray-500);
}

.my_top .csIcon {
	width:2rem
}
.myaccordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-icon-width: 1.5rem;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
 
#my_tab .accordion-item{
	border:none;
	background:none;
	padding:0;
}

#my_tab .accordion-button,
#my_tab .nav-link {
	padding:0;
	font-weight:bold;
	font-size:1.125rem;
}

#my_tab .container{
	padding:1.5rem;
}


#my_tab .accordion-body{
	padding:0;
	margin-top:1rem;
	margin-bottom:0;
}
#my_tab .accordion-body li{
	position:relative;
	padding: 0.5rem 0 0.5rem 1rem;
	
/* 	padding-left:1rem;
	margin-top:.6rem; */
}
#my_tab .accordion-body li::before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:3px;
	height:3px;
	background-color:#333;
	border-radius:50%;
}

#my_tab .accordion-button:focus{
	color:unset;
	border-bolor:unset;
	box-shadow:unset;
	background-color:unset;
}
#my_tab .accordion-button:not(.collapsed){
	color:unset;
	border-bolor:unset;
	box-shadow:unset;
	background-color:unset;
}

.space{
	height:.5rem;
	background-color: var(--bs-gray-100);
}



/* 내 작가정보*/
.likeArea {
	position: absolute;
	top:0;
	right:0;
	display:flex;
	align-items:center;
}

.multyColum input[type="text"] {
	width: calc(100% - 50px) !important
}


/* Modal 작품 선택/번경 */
.exTabContent {
	height:620px;
	overflow:auto;
}
#chImgContent .exTabContent{
	align-content: flex-start;
}

img.exChange {
	height: 130px;
	width: 100%;
	padding: 0.875rem;
	object-fit: contain;
	background: var(--bs-gray-100);
}



.modal-back{
	position: fixed;
	content: "";
	width: 100%;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.7);
	top:0;
	left: 0;
	overflow: hidden;
	z-index: 1055;
}

/***********************
** policy 
***********************/

.h5-style{
	font-size:1.25rem;
	margin:2rem 0;
	font-weight:700;
}
.h6-style{
	font-size:1.25rem;
	margin:2rem 0;
	margin-bottom:1.5rem;
	font-weight:700;
}
.list_style01{
	list-style: none;
	margion-bottom:2rem;
	border-bottom:1px solid var(--bs-gray-200);
	padding:0;
	padding-bottom:2rem;
	padding-left:1.5rem;
}
.list_style01 > li{
	padding-left:1.25rem;
	margin-bottom:0.5rem;
	display:flex;
	flex-direction: column;
	padding:0;
}
.list_style01 > li > p{
	display:flex;
}
.list_style01 > li > p > span{
	margin-right:0.5rem;
}
.list_style02, .list_style03{
	list-style: none;
	margion-bottom:2rem;
	padding:0;
	margin:1rem 0;
	margin-left:1.5rem;
}
.list_style02 > li, .list_style03 > li{
	padding-left:1.25rem;
	margin-bottom:0.5rem;
	display:flex;
	flex-direction: column;
	padding:0;
}
.list_style02 > li > p, .list_style03 > li > p{
	display:flex;
}

.list_style02 > li > p > span, .list_style03 > li > p > span{
	margin-right:0.5rem;
	white-space:nowrap;
}
.list_style03 > li {
	position:relative;
	padding-left:1rem;
}
.list_style03 > li::before{
	content:'';
	position:absolute;
	top:10px;
	left:0;
	width:4px;
	height:4px;
	background-color:var(--bs-gray-500);
}
.dot{
	margin-left:1.5rem;
	margin-top:0.5rem;
}
.table02{
	width:100%;
	
	margin-bottom:2rem;
}
.table02 td, .table02 th{
	border:1px solid var(--bs-gray-200);
	padding:1.5rem 1rem;
}
.table02 th{
	font-weight:500;
	text-align:center;
}

.ccTxtWrap {
	margin:90px 0 60px 0;
	position: relative;
}
.ccTxtWrap > div:first-child::before {
	content: '';
	content: '';
	width: 80px;
	height: 4px;
	background: var(--bs-primary);
	display: block;
	position: absolute;
	top: -30px			
}

.ccTable .table {min-width: 720px;}
.ccTable .table > :not(caption) > * > * {
	padding: 1rem;
}

.ccReport-privacy {height:240px}


/***********************
** 매출전표
***********************/

.receipt {
	max-width:619px;
}
.receipt .modal-content {
	border-radius:0;
	padding:1.5rem;
}
.receipt .modal-header {
	background: url('/images/assets/member/bg-receipt01.png') no-repeat;
	border-radius:0;
	padding: 0;
	align-items: flex-end;
	justify-content: center;
	height: 66px;
	border-bottom: 0;
}

.receipt .modal-body {
	background:url('/images/assets/member/bg-receipt03.png') no-repeat bottom, 
		url('/images/assets/member/bg-receipt02.png') repeat-y top ;
	padding: 2rem 3rem;
}

.receipt .modal-body .scTitle {
	font-size:var(--fs-p14);
	font-weight:bold;
}

.receipt .modal-body table {
	border-top: 2px solid var(--bs-dark);
	border-bottom: 1px solid var(--bs-gray-200);
	font-size:0.75rem;
	margin-top:.5rem;
}

.receipt .modal-body table th {
	background: rgb(250, 250, 250);
	font-weight: normal;
	text-align: left;
	padding: 11px 6px 11px 13px;
	border-top: 1px solid var(--bs-gray-200);
}

.receipt .modal-body table td {
	text-align: left;
	padding: 11px 6px 11px 13px;
	border-top: 1px solid var(--bs-gray-200);
}

/* .receipt .modal-footer:before {
	content:url('/images/assets/member/bg-receipt03.png');
	margin-bottom: 1.5rem;	
} */
.receipt .modal-footer {
	justify-content:center;
	border-top:none;
	padding:0;
}

/* gui 폰트사이즈  */
.dg .property-name{
	font-size: 0.875rem;
}


@media (max-width: 1399.98px) { 
	
	/* 후원내역 donationList */
	.s_l_wrap .sl-top .date, .s_l_wrap .sl-top .date .btn01{
		margin-right:1rem;
	}
	.s_l_wrap .sl-top .search input{
		width: 240px;
	}
	/*  전시관 구매 내역 페이지  purchaseExList 끝 끝 끝  */

}


@media ( max-width: 1199.98px) { 
	
	/* 후원내역 donationList */
	.s_l_wrap .sl-top{
		align-items: flex-start;
		flex-wrap : wrap;
		justify-content : space-between;
	}
	.s_l_wrap .sl-top div.search, .s_l_wrap .sl-top div.date{
		margin:0;
		width:48%;
	}
	.s_l_wrap .sl-top div.date div{
		display:flex;
		justify-content : space-between;
	}
	.s_l_wrap .sl-top div.date div input{
		width:50%;
	}
	.s_l_wrap .sl-top div span{
		width:80px;
		display:block;
	}
	.s_l_wrap .sl-top div.search {
		display:flex;
		align-items:center;
	}
	.s_l_wrap .sl-top .search input{
		width: 100%;
	}
	.s_l_wrap .sl-top div.btn01{
		width:100%;
		margin:1rem 0 0 0;    
	}
	.s_l_wrap .sl-top div.btn01 button{
		width:100%;
		margin:0;
	}
	.s_l_wrap .sl-top div.total{
		width:100%;
		text-align:center;
		margin:1rem 0 0 0;
	}
	/*  전시관 구매 내역 페이지  purchaseExList 끝 끝 끝  */

}


@media (max-width: 991.98px) { 
	/* mySpace Layout */
	header, .topGnb {min-height: 65px !important;}  
	.topGnb .navbar-nav {display:none;}
	.topGnb:before {display:none;}	
	.myWrap {
		/* margin-top: -56px; */
	}

	
	.full_wrap .full_header span{
		/* margin:0 auto; */
	}
	.full_wrap .bg_area, .full_wrap .bg_404, .full_wrap .bg_area2{
		display:none;
	}
	.full_wrap .txt_area h4, .full_wrap .txt_area p , .full_wrap .txt_area h6,
	.error_txt h4, .error_txt p, .error_txt .error_btn
	{
		text-align:center;
	}
	.full_wrap .txt_area .sns{
		justify-content:center;
	}
	.error_btn a{
		width:140px;
	}
	
	.error_txt h4{
		font-size:10rem;
	}

	/*  회원탈퇴  withdrawalUserView  */
	.wd_wrap .txt_04{
		width:100%;
	}
	.wd_wrap .txt_02 ul li{
		padding-left:0.5rem;
		margin-bottom:0.25rem;
	}
	.wd_wrap .txt_02 ul li:before{
		top:0.6rem;
	}
	/*  회원탈퇴  withdrawalUserView 끝 끝 끝 */

	.sponsorWrap .btnWrap button{
		--bs-btn-padding-y: 0.25rem;
		--bs-btn-padding-x: 0.5rem;
		--bs-btn-font-size: 0.875rem;
		--bs-btn-border-radius: 0.25rem;
	}

	/* 내정보 > 문의내역 */
	.myQna .accordion-button::after {
		display:none
	}
	.myQna button.accordion-button span {
		padding:.3rem;
		color:white;
		margin-right:1rem;
	}
	.myQna .accordion-body {
		padding:1rem;	
	}
	.myQna .accordion-body .answerWrap {
		padding:1rem;
		margin-top:1rem;
	}	


	/* 나의 작가정보 */
	.multyColum {
		border-top:1px solid var(--bs-gray-200);
		padding-top:.5rem;
	}
	
	.multyColum:first-child {
		border-top:0;
		padding-top:0;
	}

	/*  전시관 구매 내역 페이지  purchaseExList  */
	.box .txt_area{
		padding:0 2rem 2rem 2rem;
	}
	/*  전시관 구매 내역 페이지  purchaseExList 끝 끝 끝  */


	/* 후원내역 donationList */
	.s_l_wrap .sl-top .date div{
		width:calc(100% - 80px);
	}
	.s_l_wrap .sl-top div span{
		width:80px;
	}
	.draw_wrap .draw-top{
		padding:2rem 2rem;
	}
	

	/* 후원내역 donationList 끝 끝 끝 */


}

@media (min-width: 768px) {
	.myWrap {
		min-height: calc(100vh - 548px);
	}
}

@media (max-width: 767.98px) { 

	.myWrap {
		min-height: calc(100vh - 560px);
	}

	ul.listDot li{
		padding-left:0.5rem !important;
	}
	
	/*  전시관 구매 내역 페이지  purchaseExList  */
	.box {
		margin:0;
	}
	.box .img_area{
		padding:1.5rem 1rem;
	}
	.box .txt_area{
		padding:0rem 1rem 1.5rem 1rem;
	}
	/*  전시관 구매 내역 페이지  purchaseExList 끝 끝 끝  */

	/* 후원내역 donationList */
	.s_l_wrap .sl-top{
		flex-direction: column;
		padding:2rem 1rem;
	}
	.s_l_wrap .sl-top div.search, .s_l_wrap .sl-top div.date{
		margin:0;
		width:100%;
		margin-top:1rem;
		justify-content: space-between;
	}
	.s_l_wrap .sl-top div span{
		width:60px;
		margin:0;
	}
	.s_l_wrap .sl-top div.date div{
		width:calc(100% - 60px );
	}
	.s_l_wrap .sl-top .search input{
		width:calc(100% - 60px );
	}
	.draw_wrap .draw-top{
		flex-direction: column;
	}
	.draw_wrap .draw-top em{
		width:auto;
		height:1px;
		margin:1rem 0;
	}
	.draw_wrap .txt_area p{
		margin-bottom:0.5rem;
	}

	/* 후원내역 donationList 끝 끝 끝 */

	/* 후원 내역  sponsorshipList */
	.box .txt_area > button{
		width:100%;
		margin:0.5rem 0 0 0 !important;
	}
	.box .txt_area li button{
		width:100%;
		margin:0.5rem 0;
	}
	/* 후원 내역  sponsorshipList 끝 끝 끝 */

	/* 회원 탈퇴 withdrawalUserView 시작 시작 */
	.wd_wrap .txt_03{
		flex-direction: column;
		align-items: flex-start;
	} 
	.wd_wrap .txt_03 button{
		width:100%;
		margin:1rem 0 0 0;
	}
	/* 회원 탈퇴 withdrawalUserView 끝 끝 끝  */

}

@media (max-width: 575.98px) {

	/* 내정보 > 문의내역 */
	.myQna button.accordion-button {
		padding:1rem;
	}

	.multyColum input[type="text"]{
		width: clac(100% - 40px) !important;
	}

	/* 작품, 전시 리스트 공통 */
	.artImgWrap {
		margin-top:2rem
	}
	.artImgWrap .s-artImg {
		width:90%;
		height:80vw;
	}

	/* 후원금 출금신청 현금영수증  */ 
	.receiptWrap > .form-check {
		height:120px;	
	}		

	/* policy */
	.list_style01{
		padding-left:0.5rem;
	}
	.list_style02, .list_style03{
		margin-left:1rem;
	}
	.list_style03 > li{
		padding-left:0.5rem;
	}
	.receipt {
		max-width: unset;
	}
	.receipt .modal-header {
		background:#FFF
	}
	.receipt .modal-body {
		background:#FFF;
		padding:0
	}
	
	.receipt table colgroup col:nth-child(1),
	.receipt table colgroup col:nth-child(3) {width:70px}
	.receipt table colgroup col:nth-child(2) {width:100px}
	.receipt table:nth-last-of-type(1) colgroup col:nth-child(2) {width:auto}
	
}