.ViewArea{
	padding-top: 35px;
	padding-bottom: 50px;
	color: #000;
}

.AdminBtnArea{
	padding-top: 70px;
	padding-bottom: 0px;
	color: #000;	
}

.MainTitle {
    font-size: 30px;
    transition: all 0.5s;
}

.SideMenuMain {
    background-color: #2f2f2f;
    padding-top: 60px;
    padding-bottom: 40px;
}
/*
.circle {
	width: 100px;
    height: 100px;
    font-size: 50px;
    margin: 0px;
    transition: all 0.5s;
}
*/

.SideMenuMain .circle {			
    width: 70px;
    height: 70px;
    font-size: 45px;
    border: 3px solid #ffffff;	    
}

.SideMenuMain .circle span {
    margin-top: 9px;
}

.SideMenuMain{
	padding-bottom: 10px;
}

.SideMenuMain  .MainTitle{
	font-size: 25px;
	text-align: left;
	/*
	padding-top: 30px;
	padding-bottom: 30px;
	*/
}

.SideMenuMain .WriteBtnArea{
	text-align: right;
}



.TopTextBox a.btn {
    margin: 0px;
}

.AddViewArea{
	padding-top: 50px;
	padding-bottom: 50px;
}


.EventMainBox{
	padding-left: 5px;
	padding-right: 5px;	
	margin-bottom: 50px;	
	transition: all 0.5s;	
}

.EventMainBox .EventMainBoxBG{
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
	border:1px solid rgba(161, 161, 161, 0);
	/*overflow: hidden;*/
	transition: all 0.5s;	
}

.EventMainBoxBG div.tooltip{	
}

.EventMainBox .EventMainBoxBG:hover{	
	background-color: #f5f5f5;
	border:1px solid rgba(161, 161, 161, 1);
}

.EventMainBox .stuffImgBox{
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: all 0.5s;
}

.EventMainBox .stuffImgBox:hover{
	background-size: 102% auto;
}

.EventMainBox .EventName{
	word-break:break-all;
}


.EventMainBox .AdminControl,
.EventMainBox .Head{
	padding: 0px;	
}

.EventMainBox .Head{
	overflow: hidden;
}

.EventMainBox .Body,
.EventMainBox .Foot{
	padding-left: 10px;
	padding-right: 10px;	
}

.EventMainBox .Foot{
	color: #5b5b5b;
}

.EventList{
	padding-left: 0px;
	padding-right: 0px;
}

.EventList,
.AdminControl{
	padding-top: 30px;
	padding-bottom: 30px;
}

.EventMainBoxBG .AdminControl{
	padding-left: 10px;
	padding-right: 10px;
}

.EventMainBoxBG .AdminControl .btn{
	padding-left: 0px;
	padding-right: 0px;
}

.EventList .EventName{
	margin-top: 20px;
}

.EventViewArea{
	padding-top: 80px;
	padding-bottom: 80px;
}

.EventViewArea .Body{
	padding-top: 60px;
	padding-bottom: 60px;
}

.EventViewArea .title{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
}

.EventViewArea .page-header{
	margin-top: 10px;
}


.ADarea{
	padding: 0px;
	background-color: #efefef;
}

.ADarea.list{
	padding-top: 0px;
	background-color: #fff;
}

.ADarea.view{
	padding-top: 25px;
	padding-bottom: 25px;
}

.EventStuffAndGoods{
	background-color: #f5f5f5;
}


.EventStuffAndGoods .stuffImgBox{
	width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;    
    transition: all 0.5s;
}


.EventStuffAndGoods .stuffBox{	
	border:1px solid rgba(161, 161, 161, 0);
	transition: border 0.5s;
}

.EventStuffAndGoods .stuffBox:hover{	
	border:1px solid rgba(161, 161, 161, 1);		
}


.EventStuffAndGoods .stuff_name{
	color: #000;
}

.EventStuffAndGoods .stuff_card_pay{
	color:#00CFFF;
}

.EventStuffAndGoods .stuff_pay{
	color:red;	
}

.EventStuffAndGoods .Loding{
	font-size: 10px;
}

.EventHit{
	color: #00bf07;
}

.BlackFilter{	
	filter: grayscale(100%) blur(5px);
}

/*
.SideMenuMain .circle {
    width: 150px;
    height: 150px;
    font-size: 100px;
    border: 5px solid #ffffff;
    transition: all 0.5s;
}
.SideMenuMain .circle span {
    margin-top: 15px;
}
*/



.SideMenuMain .WriteBtnArea{
	text-align: center;
}



@media (min-width: 700px){
	.EventViewArea{
		padding-top: 100px;		
	}

	.EventList{
		padding-left: 10px;
		padding-right: 10px;
	}

	.EventMainBox{
		margin-bottom: 25px;
	}

	.ADarea.list{
		padding-top: 25px;
	}

	.ViewArea{
		padding-top: 45px;
	}
}

@media (min-width: 1600px){
	.MainArticle{
		margin-top: 99px;
	}
}


@media (min-width: 1680px){
	/*
	.circle {
	    width: 200px;
	    height: 200px;
	    font-size: 130px;
	}
	*/	

	.MainTitle {
	    font-size: 60px;
	}

	.SideMenuMain {
	    padding-top: 80px;
	}

	.EventViewArea{
		padding-top: 120px;		
	}

	.EventList{
		padding-left: 30px;
		padding-right: 30px;
	}

	.EventMainBox{
		/*margin-bottom: 120px;*/
	}

	.ViewArea{
		padding-top: 70px;
	}
	
	
}

/*상단 꾸밈 시작*/
/* 이벤트 상단 박스 */
.EventTopBox{
    border:
        1px solid rgba(15,23,42,.06) !important;

    box-shadow:
        0 12px 30px rgba(15,23,42,.05) !important;
}

/* 아이콘 */
.EventTopIcon{
    width:56px;
    height:56px;

    background:
        linear-gradient(
            135deg,
            rgba(79,70,229,.12) 0%,
            rgba(124,58,237,.12) 100%
        );

    border:
        1px solid rgba(99,102,241,.10);

    box-shadow:
        0 10px 24px rgba(99,102,241,.10);
}

/* 아이콘 */
.EventTopIcon i{
    font-size:1.35rem;

    background:
        linear-gradient(
            135deg,
            #4f46e5 0%,
            #7c3aed 100%
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* EVENT 제목 */
.EventTopBox h2{
    font-weight:900;

    letter-spacing:-0.04em;

    color:#111827;
}

/* 설명 */
.EventTopBox .text-secondary{
    color:#64748b !important;
}



/* 공지사항 버튼 */
.EventNoticeBtn{
    min-height:44px;

    border:
        1px solid rgba(99,102,241,.16) !important;

    background:#fff !important;

    color:#4f46e5 !important;

    font-weight:700;

    transition:
        all .15s ease;
}

.EventNoticeBtn:hover{
    background:
        rgba(99,102,241,.04) !important;

    border-color:
        rgba(99,102,241,.28) !important;
}

/* 버튼 공통 */
.EventAdminBtn,
.EventNoticeBtn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:.35rem;
}

.EventAdminBtn i,
.EventNoticeBtn i{
    position:relative;

    top:-1px;
}

.EventViewHeader .EventAdminBtn{
    flex-shrink:0;
}

/*상단 꾸밈 끝*/

.GoodsArea .GoodsCard{
    overflow:hidden;
}

/* 이벤트 상세 관련 단품 시작 */

.StuffArea{
    padding:40px 0;
}

.StuffArea .MenuTitle{
    position:relative;

    margin-bottom:25px;

    font-size:1.5rem;
    font-weight:800;

    color:#111827;
}

.StuffArea .MenuTitle::after{
    content:'';

    display:block;

    width:60px;
    height:4px;

    margin-top:10px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            #6366f1,
            #8b5cf6
        );
}

.StuffArea .stuffBox{
    position:relative;

    height:100%;

    overflow:hidden;

    border-radius:18px;

    background:#fff;

    border:
        1px solid #e5e7eb;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.StuffArea .stuffBox:hover{
    transform:
        translateY(-3px);

    border-color:
        rgba(99,102,241,.20);

    box-shadow:
        0 12px 30px rgba(15,23,42,.08);
}

.StuffArea .LabelArea{
    position:absolute;

    top:12px;
    left:12px;

    z-index:5;
}

.StuffArea .LabelArea ul{
    margin:0;
}

/*
.StuffArea .LabelArea img{
    height:26px;
}
*/

.StuffArea .stuffImgBox{
    width:100%;

    aspect-ratio:1/1;

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    background-color:#fafafa;

    border-bottom:
        1px solid #f1f5f9;

    transition:.25s ease;
}

.StuffArea .stuffBox:hover .stuffImgBox{
    transform:scale(1.03);
}

.StuffArea .stuffTextBox{
    padding:16px !important;
}

.StuffArea .stuff_name{
    min-height:56px;

    margin-bottom:10px;

    font-size:.95rem;
    font-weight:700;

    line-height:1.45;

    color:#111827;
}

.StuffArea .stuff_situ{
    min-height:28px;

    margin-bottom:10px;
}

.StuffArea .StuffHit{
    color:#64748b;
}

.StuffArea .StuffHit ul{
    margin-bottom:0;
}

.StuffArea .stuff_card_pay{
    color:#64748b;
    font-size:.82rem;
}

.StuffArea .stuff_real_pay{
    margin-top:4px;

    color:#dc2626;

    font-size:1.05rem;
    font-weight:800;
}

.StuffArea .stuff_pay p{
    margin-bottom:4px;
}

.StuffArea .stuff_pay p:last-child{
    margin-bottom:0;

    color:#dc2626;

    font-size:1.05rem;
    font-weight:800;
}

.StuffArea .CardAddBtnArea{
    padding:14px !important;

    margin-top:auto;

    border-top:
        1px solid #f1f5f9;
}

.StuffArea .CardAddBtnArea .btn-group{
    width:100%;
}

.StuffArea .CardAddStuffBtn{
    flex:1;

    border:none !important;

    border-radius:10px !important;

    background:
        linear-gradient(
            135deg,
            #6366f1,
            #8b5cf6
        ) !important;

    color:#fff !important;

    font-weight:700;
}

.StuffArea .CardAddStuffBtn:hover{
    color:#fff !important;

    filter:brightness(1.05);
}

.StuffArea .AdminUpdGoBtn{
    margin-left:6px;

    border:
        1px solid #e5e7eb !important;

    border-radius:10px !important;

    background:#fff !important;

    color:#64748b !important;
}

.StuffArea .AdminUpdGoBtn:hover{
    background:#f8fafc !important;

    color:#111827 !important;
}

@media (max-width:768px){

    .StuffArea .stuff_name{
        min-height:62px;

        font-size:.85rem;
    }

    .StuffArea .stuff_card_pay{
        font-size:.75rem;
    }

    .StuffArea .stuff_pay p:last-child{
        font-size:.92rem;
    }

    .StuffArea .LabelArea img{
        height:22px;
    }
}

/* 이벤트 상세 관련 단품 끝 */
/* 이벤트 상세 - 관련 완제품 */

.GoodsArea{
    padding:40px 0;
}

.GoodsArea .MenuTitle{
    position:relative;

    margin-bottom:24px;

    font-size:1.5rem;
    font-weight:800;

    color:#111827;
}

.GoodsArea .MenuTitle::after{
    content:'';

    display:block;

    width:60px;
    height:4px;

    margin-top:10px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #6366f1,
            #8b5cf6
        );
}

.GoodsArea .GoodsCard{
    background:#fff;

    border-radius:24px;

    border:
        1px solid #e9ecef;

    box-shadow:
        0 4px 20px rgba(0,0,0,.04);

    transition:.2s ease;
}

.GoodsArea .GoodsCard:hover{
    transform:
        translateY(-4px);

    box-shadow:
        0 16px 40px rgba(0,0,0,.10);
}

.GoodsArea .GoodsThumb{
    position:relative;

    height:220px;

    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;

    background-color:#f8fafc;

    border-bottom:
        1px solid #eef2f7;
}

.GoodsArea .GoodsBody{
    padding:1rem;
}

.GoodsArea .GoodsName{
    min-height:52px;

    margin-bottom:.5rem;

    color:#111827;

    font-size:.95rem;
    font-weight:800;

    line-height:1.5;
}

.GoodsArea .GoodsSpec{
    min-height:44px;

    color:#64748b;

    font-size:.82rem;

    line-height:1.5;

    margin-bottom:.8rem;
}

.GoodsArea .GoodsHit{
    color:#94a3b8;

    font-size:.78rem;
}

.GoodsArea .GoodsPriceArea{
    margin-top:auto;

    padding-top:1rem;

    border-top:
        1px solid #eef2f7;
}

.GoodsArea .GoodsCardPrice{
    color:#64748b;

    font-size:.82rem;

    font-weight:700;
}

.GoodsArea .GoodsCardPrice strong{
    color:#3b82f6;

    font-weight:800;
}

.GoodsArea .GoodsSpecialPrice{
    margin-top:4px;

    color:#ef4444;

    font-size:.9rem;

    font-weight:700;
}

.GoodsArea .GoodsSpecialPrice strong{
    color:#dc2626;

    font-size:1.15rem;

    font-weight:900;
}

.GoodsArea .PcTypeBadge{
    position:absolute;

    top:14px;
    left:14px;

    width:42px;
    height:42px;

    border-radius:50%;

    background:
        rgba(0,0,0,.72);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    backdrop-filter:blur(6px);
}

.GoodsArea .PartnerBadge{
    position:absolute;

    top:14px;
    right:14px;

    z-index:3;

    width:52px;
    height:52px;

    border-radius:50%;

    overflow:hidden;

    background:#fff;

    box-shadow:
        0 4px 15px rgba(0,0,0,.12);
}

.GoodsArea .PartnerBadgeImg{
    width:100%;
    height:100%;

    object-fit:cover;
}

@media (max-width:768px){

    .GoodsArea .GoodsThumb{
        height:160px;
    }

    .GoodsArea .GoodsName{
        min-height:62px;

        font-size:.88rem;
    }

    .GoodsArea .GoodsSpec{
        min-height:50px;

        font-size:.78rem;
    }

    .GoodsArea .GoodsSpecialPrice strong{
        font-size:1rem;
    }

}


/* 이벤트 페이지 헤더 시작 */

.EventViewHeader{
    padding:15px 0 35px;
    margin-bottom:40px;
    border-bottom:1px solid #e5e7eb;
}

.EventTitleRow{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}

.EventTitleArea{
    flex:1;
}


.EventAdminEditBtn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border:1px solid #e5e7eb;
    border-radius:8px;
    background:#fff;
    color:#64748b !important;
    font-size:.8rem;
    font-weight:700;
    box-shadow:none;
    transition:.15s ease;
}

.EventAdminEditBtn:hover{
    border-color:#6366f1;
    color:#6366f1 !important;
    background:#f8faff;
}


.EventAdminEditBtn i{
    font-size:.8rem;
}
.EventTitle{
    margin:0;
    color:#111827;
    font-size:2.2rem;
    font-weight:900;
    line-height:1.4;
    letter-spacing:-0.02em;
}

.EventBadge{
    display:inline-flex;
    align-items:center;
    padding:6px 14px;
    margin-right:10px;
    border-radius:999px;
    font-size:.8rem;
    font-weight:800;
    vertical-align:middle;
}

.EventBadgeEnd{
    background:#fee2e2;
    color:#dc2626;
}

.EventBadgeReady{
    background:#fef3c7;
    color:#d97706;
}

.EventMeta{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin-top:18px;
    color:#64748b;
    font-size:.92rem;
}

.EventMeta span{
    display:flex;
    align-items:center;
    gap:6px;
}

.EventMeta i{
    color:#94a3b8;
}

.EventPeriod{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    padding:10px 16px;
    border-radius:999px;
    background:linear-gradient(
        135deg,
        rgba(99,102,241,.08),
        rgba(139,92,246,.08)
    );
    color:#4f46e5;
    font-size:.9rem;
    font-weight:700;
}

.EventPeriod i{
    font-size:1rem;
}

@media (max-width:768px){

    .EventViewHeader{
        padding:0 0 25px;
    }

    .EventTitleRow{
        flex-direction:column;
        gap:15px;
    }

    .EventAdminBtn{
        width:100%;
        text-align:right;
    }

    .EventTitle{
        font-size:1.45rem;
    }

    .EventMeta{
        gap:10px;
        font-size:.82rem;
    }

    .EventPeriod{
        width:100%;
        justify-content:center;
        font-size:.82rem;
    }
}

/* 이벤트 페이지 헤더 끝 */


.EventAdminBtn{
    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:10px 18px !important;

    border:none !important;

    border-radius:999px !important;

    background:
        linear-gradient(
            135deg,
            #6366f1,
            #8b5cf6
        ) !important;

    color:#fff !important;

    font-size:.9rem;
    font-weight:700;

    box-shadow:
        0 8px 20px rgba(99,102,241,.20);

    transition:.15s ease;
}

.EventAdminBtn:hover{
    color:#fff !important;

    transform:translateY(-2px);

    box-shadow:
        0 12px 28px rgba(99,102,241,.28);
}

.EventAdminBtn i{
    font-size:1rem;
}

/* 주의사항 영역 시작 */

.CautionArea{
    padding:18px 0;

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(251,191,36,.15),
            transparent 25%
        ),
        radial-gradient(
            circle at 85% 50%,
            rgba(168,85,247,.15),
            transparent 25%
        ),
        linear-gradient(
            90deg,
            #fff7ed,
            #fdf4ff,
            #eff6ff
        );
}

.CautionArea .container{
    max-width:920px;

    padding:18px 25px;

    border-radius:18px;

    background:
        rgba(255,255,255,.82);

    border:
        1px solid rgba(255,255,255,.7);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 8px 24px rgba(0,0,0,.05);
}

.CautionArea .icon{
    margin-bottom:4px;
}

.CautionArea .icon i{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    border-radius:50%;

    font-size:1.2rem;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #f59e0b,
            #ec4899,
            #8b5cf6
        );

    box-shadow:
        0 4px 14px rgba(236,72,153,.25);
}

.CautionArea .title{
    margin-bottom:4px;

    font-size:1.15rem !important;

    font-weight:900;

    letter-spacing:2px;

    color:#475569;

    text-transform:uppercase;
}

.CautionArea .footer{
    margin-bottom:0;

    line-height:1.5;

    color:#64748b;
}

.CautionArea .footer small{
    font-size:.85rem;
}

@media (max-width:767px){

    .CautionArea{
        padding:12px 0;
    }

    .CautionArea .container{
        padding:15px;
    }

    .CautionArea .icon i{
        width:38px;
        height:38px;

        font-size:1.05rem;
    }

    .CautionArea .title{
        font-size:1rem !important;
    }

    .CautionArea .footer small{
        font-size:.8rem;
    }
}

/* 주의사항 영역 끝 */