/*기본 영역*/
.edit_contents {border: 2px ridge; }
.edit_contents:hover {border:2px solid yellow; box-shadow: inset 0px 0px 50px 4px rgba(0, 0, 0, 0.3);}
.edit_contents .fchildren {border: 2px ridge; }
.edit_contents .fchildren:hover {border:2px solid orange; box-shadow: inset 0px 0px 50px 4px rgba(0, 0, 0, 0.3);}
.edit_contents .tchildren {border: 2px ridge; }
.edit_contents .tchildren:hover {border:2px solid red; box-shadow: inset 0px 0px 50px 4px rgba(0, 0, 0, 0.3);}
.sort-button {background:#111; color:white;}
.fchildren .sort-button {background:#666; border:0px;}
.schildren .sort-button  {background:#999; border:0px; top:16px; left:16px;}
.tchildren .sort-button  {background:#ccc; border:0px; top:16px; left:16px;}
.fchildren .sort-button .material-icons {font-size:20px;}
.schildren .sort-button .material-icons {font-size:20px;}
.tchildren .sort-button .material-icons {font-size:20px; }

.material-icons.main-icon {cursor:pointer; background:#111; color:white; padding:4px; font-size:20px;}
.material-icons.comment-icon {cursor:pointer; background:#666; color:white; padding:4px; font-size:16px;}
.material-icons.reply-icon{cursor:pointer; background:#999; color:white; padding:4px; font-size:16px;}
.material-icons.reply-comment-icon{cursor:pointer; background:#ccc; color:white; padding:4px; font-size:16px;}

/*시계 처리*/
t3 {font-size:80%;}

/*배너 처리*/
.banner-title {padding:0 2px;}

/*링크 처리*/
.link-icon{
color:var(--main-color);
background: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px !important;
    text-align: center;
	transition:color 0.3s ease;
	}

.link-icon:hover
{
background:var(--main-color);
color: white;
}

img.link-icon {
	width: unset;
    height: unset;
    border-radius: unset;}

/*갤러리 처리*/
.main-gallery {display:grid; height:100%; gap:2%;}
.main-gallery li {border-radius:12px; position:relative; overflow:hidden;}
.main-gallery li a.gallery-link {width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.7); color:#fff; display:flex; align-items: center; justify-content: center; opacity:0;  font-size:12px; flex-direction: column; line-height: 100%;}
.main-gallery li .gallery-subject{font-weight:bold;}
.main-gallery li .gallery-text{opacity:0.7; font-size:10px;}
.main-gallery li:hover a.gallery-link {opacity:1;}

/*폴라로이드 갤러리*/
.polaroid-gallery {display:grid; height:100%; gap:2%; align-items: flex-start; position:relative; z-index:1;}
.polaroid-gallery li {position: relative; background-color: white; text-align: center; font-size: 15px; padding: 10px;  margin: 10px;  box-shadow: 1px 2px 3px rgba(0,0,0,.5);}
.polaroid-gallery li a {color:#000;}
.polaroid-gallery li img {margin-bottom:4px; aspect-ratio: 1 / 1; object-fit: cover;}
.polaroid-gallery li .gallery-subject{font-weight:bold; display:block;}
.polaroid-gallery li .gallery-text{opacity:0.7; font-size:10px;}
.polaroid-gallery li:nth-of-type(2n+1) {transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}
.polaroid-gallery li:nth-of-type(3n+2) {transform: rotate(15deg); -webkit-transform: rotate(15deg);}
.polaroid-gallery li:nth-of-type(4n+3) {transform: rotate(5deg); -webkit-transform: rotate(5deg);}
.polaroid-gallery li:nth-of-type(5n+1) { transform: rotate(2deg); -webkit-transform: rotate(2deg);}
.polaroid-gallery li:nth-of-type(6n+4) { transform: rotate(-8deg); -webkit-transform: rotate(-8deg);}
.polaroid-gallery li:nth-of-type(7n+5) { transform: rotate(-25deg); -webkit-transform: rotate(-25deg);}
.polaroid-gallery li:nth-of-type(8n+6) { transform: rotate(0deg); -webkit-transform: rotate(0deg);}

/*디데이 처리*/
.main-dday-list {display:grid; height:100%; gap:2%; position:relative; z-index:1;}
.main-dday-list li {border-radius:12px; position:relative; overflow:hidden;}
.main-dday-list li .gallery-subject{font-weight:bold;}
.main-dday-list li .gallery-text{opacity:0.7; font-size:10px;}
.main-dday-list li:hover a.gallery-link {opacity:1;}
.main-dday-list li .dday-in {width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; text-shadow: 0 0 15px rgba(0, 0, 0, .5), 0 0 10px rgba(0, 0, 0, .5); display:flex; justify-content: center; flex-direction: column; line-height: 100%;}
.main-dday-list li .dday-in img {max-width:100%;}

/*배너*/
.banner-title {color:white; background:var(--main-color); font-weight:bold;}
input[type="text"].ma_banner_input { height: fit-content; background: white; color: var(--main-color);}
.ma_banner p {margin-top:12px;}