.SP { display: none; }
#main { padding: 90px 0; }
.inner { width: 94%; max-width: 1300px; margin: auto; }

.article .main img{width: 100%;height: auto;object-fit: cover; padding: 10px 0;}


.modal1_pager{margin: 25px 10px;display: flex;text-align: center;justify-content: center;}
.modal1_pager li.number{display: flex;gap:10px;}
.modal1_pager li a{text-decoration: none;background: #000;color: #fff;padding: 10px;}
.modal1_pager li span{margin: 0 15px;margin-top: 10px;}


/* ------------------------------------------------------------ sns modal ------------------------------------------------------------ */
#main.sns-main-container .main{padding:50px 0 0}
.sns-main-container .box{display: flex;flex-direction: column; gap: 20px;padding: 30px 63px 0;}
.sns-main-container .box .sns-container{display: flex;gap: 30px;text-align: center;justify-content: left;max-width: 100%; border: 10px solid #E7D0A9;padding: 20px 40px; border-radius: 40px; cursor: pointer;text-decoration: none;color:#000;opacity: 1; align-items: center;}
.sns-main-container .box .sns-container:hover{opacity: 0.8;}
.sns-main-container .box .sns-container img{width: 100px;}
.sns-main-container .box .sns-container p{font-size: 25px;font-weight: 600;}


/* ------------------------------------------------------------ organizer modal ------------------------------------------------------------ */
.organizer-main-wrapper .organizer-btn{  display: flex; flex-wrap: wrap; max-width:580px; margin: 0px auto 50px; justify-content: space-between;}

.organizer-main-wrapper .organizer-btn a{ position: relative; display: block; margin-bottom: 4%; padding: 8px 0 0; display: block; width: 48%;}
.organizer-main-wrapper .organizer-btn a span{display: block; width: 100%; height: auto; padding:19px 0 20px; border-radius:9999px; background: #E7D0A9; text-decoration:none; font-weight:600; transition: box-shadow .15s, transform .15s; line-height: 160%; position: absolute; z-index: 10; left: 0px; top: 0px; color: #000;transition: 0.5s;font-size: 18px;}
.organizer-main-wrapper .organizer-btn a:before{content: ""; display: block; background: #baa788; width: 100%; height: 67px; border-radius: 9999px;}
.organizer-main-wrapper .organizer-btn a:nth-child(2n){margin-left: 4%;}
.organizer-main-wrapper .organizer-btn a:hover span{ transition: 0.5s; top: 8px;}

.organizer-main-wrapper .organizer-btn a:only-child{ grid-column: 1 / -1; }
.organizer-main-wrapper .organizer-btn a:nth-child(3):last-child{ grid-column: 1 / -1; }

.organizer-main-wrapper .organizer-img {max-width: 580px;margin: 0 auto 40px;}
.organizer-main-wrapper .organizer-img img{width: 100%;}

@media (max-width: 520px){
	#main.organizer-main-wrapper .main h1 { font-size: 24px;}
	.organizer-main-wrapper .organizer-btn {margin: 0px auto 20px; display: block;}
	.organizer-main-wrapper .organizer-btn a{ padding: 10px 0 0;display:block; margin-bottom: 5%; width: 100%;;}
	.organizer-main-wrapper .organizer-btn a:nth-child(2n){margin-left: 0%;}
	.organizer-main-wrapper .organizer-btn a span{padding: 16px 0 17px; font-size: 16px;}
	.organizer-main-wrapper .organizer-btn a:before{height: 57px; }
	.organizer-main-wrapper .organizer-btn a:hover span{ transition: 0.5s; top: 10px;}
	.organizer-main-wrapper .organizer-img {margin:  0 auto 30px;}
}


/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {

.SP {  display: block; }
.PC {  display: none; }

#main.sns-main-container .main {padding: 50px 0 0;}
#main.sns-main-container .main{padding: 35px 0 25px;}
#main.sns-main-container .box{padding: 30px 0 0;}

.sns-main-container .box .sns-container{padding: 15px; border-radius: 20px;align-items: center;}
.sns-main-container .box .sns-container p{font-size: 20px;}
.sns-main-container .box .sns-container .sns-img{width: 27%; height: auto; max-width: 100px;}
.sns-main-container .box .sns-container .sns-img img{width:100%; height: auto;}

}