body {
	background-color: #000000;
}

.ListArea, .ViewArea{
	background-color: #ffffff;
}

.NoticArea{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #ffffff;
}

.MainTitle { 
    text-align: center;
}


.MenuMain{
	padding-top: 45px;
	padding-bottom: 75px;
}


.stuffBox{
    min-height: 200px;
    border: 1px solid rgba(161, 161, 161, 0);
    margin-bottom: 40px;
    transition: all 0.5s;
}

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

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

.stuffImgBox:hover{	    
    background-size: 180% auto;
    transition: background-size 0.5s;
}

.stuffTextBox > .stuff_name, .stuffTextBox > .text-muted {
    padding-left: 5px;
    padding-right: 5px;
}

.stuffTextBox {
    text-align: left;
    color: #000000;
    font-weight: 600;
}

.ViewArea{
	color: #000000;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 5px;
	padding-right: 5px;
}

.DiscripTionArea{	
	/*
	border-top:1px dashed rgba(161, 161, 161, 0.5);
	border-bottom:1px dashed rgba(161, 161, 161, 0.5);
	*/
	min-height: 600px;	
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.Title{
	padding:0px;
}

.BtnArea{
	/*
	padding-top: 30px;
	padding-bottom: 30px;
	*/
	padding-left: 0px;
	padding-right: 0px;
}


.CommentArea{
	color: #000000;	
}



.CommentArea > .body div{
	padding: 0px;	
}

.CommentArea, .CommentWriteArea{	
    background-color: #efefef;
}

.CommentWriteArea .title{
	padding:0px;
}

/*
.BtnArea button{
	margin-top: 30px;
	margin-bottom: 30px;	
}
*/

.SnsIcon{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-top: 30px;
}

.WriteArea, .UpdArea{		
	color: #000000;
	padding-top: 100px;
	padding-bottom: 50px;
	background-color: #fff;
	min-height: 1150px;
}



.CommnetTextArea{
	color: #000000;
}

.CommentArea .title, .CommentArea .CommnetTextArea{
	/*padding: 0px;*/
}

.CommnetTextArea blockquote{
	font-size: 12px;
	padding: 2px 20px;
}

.CommnetTextArea blockquote button{	
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.media-body{
	padding-left: 10px;
}

.modal-footer button, .modal-footer a{
	margin-top: 0px;
	margin-bottom: 0px;
}

.TopTextBox a{
	margin: 0px;
	padding: 6px 12px;
	/*padding: 0px;*/
}

.circle {
    margin:0px;
    width: 75px;
    height: 75px;
	font-size: 45px;
	border: 3px solid #ffffff;
    transition: all 0.5s;
}

.MainTitle {
    font-size: 30px;
}

.circle span {
    margin-top: 13px;
    transition: all 0.5s;
}

td > a{
	white-space:normal;
}


.NoInterest h1{
	color: #800080;
}


.ADarea{
	margin: 0px;	
	padding-top: 0px;
}

.ADarea.ViewMode{
	padding-top: 15px;
	padding-bottom: 15px;
}

.UpdView{
	/*min-height: 1100px*/
}

.MenuMain.PcMode{
	background-color: #ffffff;
	min-height: 900px;
}

.MenuMain.MobileMode{
	background-color: #ffffff;
}

.BoardMainViewSection{
	background-color: #fff;
	/*max-height: 450px;*/
}

.BoardMainViewSection .media-object{
	width:64px;
	height:64px;
}

.NoInterest h1{
	font-size:18px;
	letter-spacing: -1.2px;
}

.NoInterest h3{
	font-size:15px;
	letter-spacing: -1.2px;
}

.NoInterest h4{
	font-size:14px;
	letter-spacing: -1.2px;
}

.NoInterest h5{
	font-size:13px;
	letter-spacing: -1.2px;
}

.SearchContralArea{
	padding-top: 10px;
	padding-bottom: 10px;
}

.SearchContralArea .pull-left,
.SearchContralArea .pull-right{
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}


.ExhibitionArea {
    padding-top: 35px;
    padding-bottom: 35px;
    background-size: cover;
    background-position: center center;
    transition: all 0.5s;
}

.ExhibitionArea .PointImgDiv {
    position: relative;
    height: 0px;
    top: -40px;
    /*left: -15px;*/
    opacity: 0;
    transition: all 0.5s;
}

.ExhibitionArea .PointTextDiv {
    position: relative;
    color: #ffffff;
    height: 0px;
    top: -20px;
    left: 15px;
    font-size: 20px;
}

.ExhibitionArea .PointImgDiv img {
    max-width: 70px;
    transition: all 0.5s;
}

.ExhibitionArea .BigPointText{
	font-size: 13px;
	transition: all 0.5s;
}

.ExhibitionArea .SmallPointText{
	font-size: 10px;	
	transition: all 0.5s;
}

.WriteBtnArea{
	text-align: center;
}

@media (min-width: 700px){
	.SearchContralArea .pull-left,
	.SearchContralArea .pull-right{
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0px;
	}

	.ExhibitionArea .PointImgDiv img {
	    max-width: 80px;
	}

	.ExhibitionArea .BigPointText{
		font-size: 20px;
	}

	.ExhibitionArea .SmallPointText{
		font-size: 12px;
	}

}

@media (min-width: 768px){
	.WriteBtnArea{
		text-align: right;
	}
}


@media (min-width: 800px){
	
	.stuffBox {
		min-height: 290px;
	 	margin-bottom: 50px;
	}

	.ListArea .list{
		padding-left: 15px;
		padding-right: 15px;
	}

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

	.NoInterest h1{
		font-size:36px;		
	}

	.NoInterest h3{
		font-size:24px;		
	}

	.NoInterest h4{
		font-size:18px;		
	}

	.NoInterest h5{
		font-size:14px;		
	}

	.NoInterest .container{
		padding: 0px;
	}

	.ExhibitionArea {
	    padding-top: 44px;
	    padding-bottom: 44px;
	}
		 
}



@media (min-width: 1680px){
	.circle {    
	    font-size: 125px;	    
	    width: 200px;
	    height: 200px;	    
	    border: 7px solid #ffffff;	    	 
	    transition: all 0.5s;
	}

	.circle span{    
	    margin-top: 32px;
	}


	.MainTitle {
	    font-size: 60px;
	}

	.ListArea {
	    min-height: 900px;
	    color: #000000;
	    /*
	    padding-top: 100px;
	    padding-bottom: 100px;
	    */
	}

	.stuffBox {
	    min-height: 250px;	    
	    transition: all 0.5s;
	}

	.DiscripTionArea{
		padding: 40px;
	}

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

	.TopTextBox a{
		margin: 0px;	
	    padding: 6px 12px;
	}

	.BoardMainViewSection{		
		padding-left: 15px;
		padding-right: 15px;
	}

	.ExhibitionArea .PointImgDiv {
	    /*left: 30%;*/
	}
}


/*새 디자인 시작*/
.TopSideMenu{
	margin-top: 54px;
	padding-top: 10px;	
	padding-bottom: 10px;
}

.TopSideBtn .btn{
    width:100%;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    border-radius: 12px !important;

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

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

    color:#e5e7eb;

    text-decoration:none;

    transition:.2s;
}

.TopSideBtn .btn i{
    font-size:14px;
}

.TopSideBtn .btn span{
    font-size:13px;
    font-weight:600;
}

.TopSideBtn .btn.active{
	color: #ffffff !important;
	background: linear-gradient(135deg, rgba(79, 70, 229, .35) 0%, rgba(124, 58, 237, .28) 100%);
	border-color: rgba(124, 58, 237, .45);
	border: 1px solid rgba(167, 139, 250, .35);
	box-shadow: 0 0 18px rgba(99, 102, 241, 0.16);
}

.TopSideBtn{
    overflow-x:auto;
    overflow-y:hidden;

    flex-wrap:nowrap !important;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;
}

.TopSideBtn::-webkit-scrollbar{
    display:none;
}

.TopSideItem{
    flex:0 0 auto;
    width:auto;
}

.TopSideBtn .btn{
    min-width:120px;
}

@media(max-width:768px){

    .TopSideBtn{
        justify-content:flex-start !important;
    }

}

.ReviewPostin .card{
    overflow:hidden;
    height:100%;
    border-radius:18px !important;
    background:#fff;
    transition:.25s ease;
    box-shadow:
        0 2px 10px rgba(15,23,42,.05);
}

.ReviewPostin .card:hover{
    transform:translateY(-4px);    
    box-shadow:
        0 15px 35px rgba(15,23,42,.12);
}

.ReviewPostin .card-img-top{
    aspect-ratio:1/1;

    object-fit:cover;

    transition:.4s ease;
}

.ReviewPostin .card:hover .card-img-top{
    transform:scale(1.05);
}

.ReviewPostin .card-body{
    padding:14px;
}

.ReviewPostin .card-title{
    margin-bottom:8px !important;

    font-size:14px !important;

    font-weight:700;

    color:#1f2937 !important;

    line-height:1.5;
}

.ReviewPostin .card-text{
    margin-bottom:0 !important;

    font-size:12px;

    color:#94a3b8;
}

.ReviewPostin .badge{
    margin-right:4px;

    background:
        linear-gradient(
            135deg,
            #06b6d4,
            #3b82f6
        ) !important;

    border:none;

    font-size:10px;
}

.ReviewPostin .card:before{
    content:'';

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:3px;

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

    opacity:0;

    transition:.25s ease;
}

.ReviewPostin .card:hover:before{
    opacity:1;
}

.PaginationArea{
    padding:15px 0;
}


.PaginationArea{
    padding:15px;

    background:
        linear-gradient(
            180deg,
            #f8fafc,
            #f1f5f9
        );

    border-top:
        1px solid #e2e8f0;
}

.PaginationArea:before{
    content:'';

    position:absolute;

    left:50%;
    top:0;

    width:400px;
    height:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(99,102,241,.7),
            rgba(139,92,246,.7),
            transparent
        );

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

.PaginationArea .pagination{
    gap:6px;
}

.PaginationArea .ContentListPageBtn{
    min-width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none !important;

    border-radius:12px !important;

    background:#fff !important;

    color:#64748b !important;

    font-size:13px;

    font-weight:600;

    box-shadow:
        0 2px 8px rgba(15,23,42,.05);

    transition:.2s ease;
}

.PaginationArea .ContentListPageBtn:hover{
    transform:translateY(-2px);

    color:#4f46e5 !important;

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

.PaginationArea .ContentListPageBtn.active{
    background:
        linear-gradient(
            135deg,
            #6366f1,
            #8b5cf6
        ) !important;

    color:#fff !important;

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

.PaginationArea li:first-child .ContentListPageBtn,
.PaginationArea li:last-child .ContentListPageBtn{
    min-width:70px;

    font-size:12px;
}


.SideMenuMain{
    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafc 100%
        );

    border-bottom:
        1px solid #e2e8f0;

    box-shadow:
        0 2px 15px rgba(15,23,42,.04);
}

.SideMenuMain:before{
    content:'';

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #93c5fd,
            #c4b5fd,
            #f9a8d4
        );
}

.SideMenuMain:after{
    content:'';

    position:absolute;

    left:50%;
    top:-50px;

    width:500px;
    height:100px;

    transform:translateX(-50%);

    background:
        radial-gradient(
            ellipse,
            rgba(196,181,253,.15),
            transparent 70%
        );

    filter:blur(30px);

    pointer-events:none;
}

.BoardTitleArea{
    position:relative;

    z-index:2;
}

.BoardTitle{
    display:flex;

    align-items:center;

    gap:10px;

    margin:0;

    color:#1e293b;

    font-size:1.2rem;

    font-weight:800;

    letter-spacing:-0.5px;
}

.BoardTitle i{
    color:#8b5cf6;
}

.SideMenuMain .btn-group{
    position:relative;

    z-index:2;

    gap:8px;

    flex-wrap:wrap;
}

.SideMenuMain .btn{
    border:
        1px solid #e2e8f0 !important;

    border-radius:12px !important;

    padding:10px 16px;

    background:#ffffff;

    color:#475569 !important;

    font-size:13px;

    font-weight:700;

    transition:.2s ease;
}

.SideMenuMain .btn:hover{
    transform:translateY(-2px);

    border-color:
        #c4b5fd !important;

    color:
        #7c3aed !important;

    box-shadow:
        0 8px 20px rgba(124,58,237,.08);
}

.SideMenuMain .btn i{
    margin-right:5px;
}

.SideMenuMain .btn strong{
    font-weight:700;
}

.SideMenuMain .btn:first-child{
    border:
        1px solid rgba(139,92,246,.18) !important;

    background:
        linear-gradient(
            135deg,
            #f5f3ff,
            #eef2ff
        );

    color:#6d28d9 !important;
}

.SideMenuMain .btn:first-child:hover{
    background:
        linear-gradient(
            135deg,
            #ede9fe,
            #e0e7ff
        );

    box-shadow:
        0 8px 20px rgba(124,58,237,.10);
}

@media(max-width:991px){

    .SideMenuMain{
        padding:8px 0;
    }

    .BoardTitle{
        font-size:1.1rem;
    }

    .SideMenuMain .btn-group{
        justify-content:flex-end;
    }

    .SideMenuMain .btn{
        padding:8px 12px;

        font-size:12px;
    }
}

@media(max-width:767px){

    .BoardTitle{
        font-size:1rem;
    }

    .SideMenuMain .btn-group{
        gap:6px;
    }

    .SideMenuMain .btn{
        padding:7px 10px;

        font-size:11px;
    }
}
/*새 디자인 끝*/