body {
	background-color: #000000;
}

.HowMuchArea{
	/*font-family: NanumGothic;*/
	font-family: Novecento;
	
}

.HowMuchArea .body{
	font-size: 18px;
}

.ListAllCleanArea{
	padding-top: 40px;
	padding-bottom: 40px;
}

.ClickInfor .text {
	color: #000000;
	left: 37px;
}

.SideStuffSelectArea, .DescriptionArea{
	color: #000000;
}

.body {
	font-size: 14px;
}


.PayDisplay {
	z-index: 1029;
}

.payPoint{
	color: red;
}

.card_pay{
	color: #00CFFF;
}

.cash_pay{
	color: red;
}

/*
.ClickInfor .icon {
    left: -5px;
}
*/
.ClickInfor .icon {
    left: 0px;
    z-index: 1025;
}

.SelectStuff, .SoldOutStuff{
	letter-spacing: -0.7px;
	text-align: left;
    color: #000000;
    text-decoration: none;
    padding-left: 0px;
    padding-right: 0px;
    transition: all 0.5s;
}

.StuffIcon{
	padding: 0px;
}

.StuffIcon .btn{
	padding-left: 0px;
}

.stuffList .StuffThumnail{
	aspect-ratio: 1/1;
	width: 70px;
}


.SelectStuffIcon{
	padding: 0px;
}

.SelectStuffIcon img{
	max-width: 53px;
	aspect-ratio: 1/1;
}

.StuffListPcView{
	top:10px;
}

.StuffListPcView .SearchInputArea{
	/*padding-right: 25px;*/
	padding-top: 5px;
    padding-bottom: 15px;
}

.StuffListPcView .StuffListView{	
	padding-right: 0px;
}

.ChangeStuffList .SearchInputArea{
	/*padding-right: 40px;*/
}

.ChangeStuffList .row{
	padding-left: 5px;
	padding-right: 5px;
}


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

.TopImgBox img {
	width: 150px;
}
.InqList{
	color:#000000;
	background-color: #ffffff;
	min-height: 1000px;
}

.InqList .container{
	padding-top: 20px;
	padding-bottom: 20px;
}

.InqList .ADarea {
	padding: 0px;
	margin: 0px;
}

.circle {	    
	width: 100px;
    height: 100px;
    font-size: 60px;
    transition: all 0.5s;
}


.TopTextBox{
	text-align: center;
}

.MainTitle{
	font-size:30px;
}

.MenuMain{
	padding-top: 40px;
	padding-bottom: 40px;
}

.SideStuffAddArea > div{
	padding-left: 0px;
    padding-right: 0px;
	padding-bottom: 40px;
}

/*
.stuffList{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
*/


/*
.stuffList div{
	padding: 3px;
}
*/

.stuffList .StuffPayView{
	font-size: 14px;
}

.stuffList.ThisSelected{
	background-color: #fff0db;
}


.StuffListView{
	overflow: hidden;
	overflow-y: auto;	
}


.StuffListView::-webkit-scrollbar{width: 5px;}
.StuffListView::-webkit-scrollbar-track {background-color:#dedede;}
.StuffListView::-webkit-scrollbar-thumb {background-color:#ababab;border-radius: 0px;}
.StuffListView::-webkit-scrollbar-thumb:hover {background: #ababab;}
.StuffListView::-webkit-scrollbar-button:start:decrement,
.StuffListView::-webkit-scrollbar-button:end:increment {width:16px;height:16px;background:#ababab;}

.StuffListView::scrollbar{width: 5px;}
.StuffListView::scrollbar-track {background-color:#dedede;}
.StuffListView::scrollbar-thumb {background-color:#ababab;border-radius: 0px;}
.StuffListView::scrollbar-thumb:hover {background: #ababab;}
.StuffListView::scrollbar-button:start:decrement,
.StuffListView::scrollbar-button:end:increment {width:16px;height:16px;background:#ababab;}


.StuffListView::-webkit-scrollbar {
    display: flex;
}
.StuffListView:hover::-webkit-scrollbar {
    display: flex;
}

.StuffListView .stuffList .StuffThumnail{
	transition:all 0.3s;
}

.StuffListView .stuffList:hover .StuffThumnail{
	filter: drop-shadow(10px 9px 8px #696969);	
}

.iconBox, .iconBox div{
	padding: 0px;
}

.MentForUser{
	padding: 0px;
}
.MentForUser > h6{
	margin: 0px;
}


/*
.MessegeArea h4{	
	font-size: 13px;	
	transition: all 0.5s;
}

.MessegeArea{
	background-color: #141414;	
}
*/


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

.ADarea .container{
	padding-left: 0px;
	padding-right: 0px;
}

.alert h4 {
	margin: 0px;
}


.SmallPart .IconArea .glyphicon{
	font-size: 20px;
}

.IconArea{
	padding-right: 0px;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.IconArea .glyphicon{		
    transform: scaleY(-1);
}


.SmallPart div{
	font-size: 11px;
}
.SmallPart .StuffIcon img{	
	width: 35px;
	aspect-ratio: 1/1;
}

.SmallPart .StuffName, 
.SmallPart .StuffPrice,
.SmallPart .StuffQty,
.SmallPart .StuffPay,
.SmallPart .StuffDel{
	padding-top: 3px;
}
.SmallPart .StuffName{
	padding-left: 15px;
}

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


.CustomInfor .BigBtnArea .Loding{
	font-size: 12px;
}

.CustomInfor .SmallBtnArea .Loding{
	font-size: 10px;
}

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

.MoreLoadLoding .Loding{
	font-size: 12px;
}

.SearchInputArea .searchGoBtn{
	white-space: unset;
}


.SelectStuff .Loding{
	font-size: 12px;
	color:#03a9f4;
}


#my_pc_save_list .SaveListOne{
	padding-top: 10px;
	padding-bottom: 10px;
}

#my_pc_save_list .Loding{
	font-size: 30px;
}

#my_pc_save_list .SaveDataList {    
    overflow: hidden;
    overflow-y: auto;
    max-height: 600px;
}

.ThisCallMakeMyPc .Loding{
	font-size: 12px;
}

#goods_list .OneGoods{
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}
#goods_list .DefaultGoodsCall:hover{
	background-color: #ededed;
	color: #000;
}


#goods_list .LoadGoodsList .Loding{
	font-size: 35px;
}

#goods_list .LoadGoodsList::-webkit-scrollbar{width: 10px;}
#goods_list .LoadGoodsList::-webkit-scrollbar-track {background-color:#ffffff;}
#goods_list .LoadGoodsList::-webkit-scrollbar-thumb {background-color:#5bc0de;border-radius: 10px;}
#goods_list .LoadGoodsList::-webkit-scrollbar-thumb:hover {background: #307488;}
#goods_list .LoadGoodsList::-webkit-scrollbar-button:start:decrement,#goods_list .LoadGoodsList::-webkit-scrollbar-button:end:increment {width:16px;height:16px;background:#ffffff;}

#goods_list .LoadGoodsList::scrollbar{width: 10px;}
#goods_list .LoadGoodsList::scrollbar-track {background-color:#ffffff;}
#goods_list .LoadGoodsList::scrollbar-thumb {background-color:#5bc0de;border-radius: 10px;}
#goods_list .LoadGoodsList::scrollbar-thumb:hover {background: #307488;}
#goods_list .LoadGoodsList::scrollbar-button:start:decrement,#goods_list .LoadGoodsList::scrollbar-button:end:increment {width:16px;height:16px;background:#ffffff;}



.OptionDiv .StuffOptionType{
	margin-bottom: 2px;
}

.OptionDiv label[for="stuffoption"]{
	padding: 0px;
}

/*장바구니 담는 버튼 애니메이션만 재구성 시작*/
@-webkit-keyframes ColorChange {	
    from {    	    	
	    background-color: #d9534f;
	    border-color: #d9534f;
    }
    to {    	
	    background-color: #ff0000;
	    border-color: #ff0000;		
    }
}

.StuffPriceAndCode h6{
	margin-top: 3px;
	margin-bottom: 3px;
}



.StuffPriceAndCode .cash_pay{
	color: #f70000;
	font-weight: 300;
}
.StuffPriceAndCode .card_pay{
	color: #00a1e2;
	font-weight: 300;
}

.MessegeArea  .PayCalculation{
	margin-bottom: 0px;
}

.MessegeArea  .PayCalculation h4{
	margin-top: 3px;
	margin-bottom: 3px;
}

.stuffList:not(:last-child){
	border-bottom: 1px solid #e9e9e9
}

label[for="stuffoption"]{
	text-align: left;
}

#SelectStuff{
	z-index: 1081;
}

#StuffSearchFillter{
	z-index: 1082;
}

.StuffSelectArea .LabelArea{
	margin-top: 0px;
	margin-bottom: 10px;
}

.StuffOnePart{
	cursor:pointer;
}

.StuffOnePart:hover{
	background-color: #f8f8f8;
}



.StuffOnePart {
	font-size: 13px;
}

.MyMakePcHeadArea label span.point{
	color: red;
	background-color: #ffdede;
}
.MyMakePcHeadArea a,
.MyMakePcHeadArea .btn{
	text-decoration: none;
}

.MyMakePcHeadArea p{
	line-height: 1.2;
}


@keyframes ColorChange {	
    from {    	    	
	    background-color: #d9534f;
	    border-color: #d9534f;
    }
    to {    	
	    background-color: #ff0000;
	    border-color: #ff0000;	    		
    }
}
/*장바구니 담는 버튼 애니메이션만 재구성 끝*/


.InqOneSection > div,
.MakeMyPcConfig > div {
	border-bottom: 1px solid #e6e6e6;
}

.InqOneSection > div:last-child,
.MakeMyPcConfig > div:last-child{
	border-bottom: 0px solid #e6e6e6;
}

.GoodsWarranty,
.CautionArea{
	padding-top: 10px;
	padding-bottom: 10px;
}

.CardDcSection .cardDCinfor{
	max-width: 180px;
}

.MakeMyPcSlide {
	z-index: 999;
}


.ModalArea .offcanvas {	
    z-index: 1056
}


.FillterSectionRow {
  max-height: var(--maxh);
  overflow-y: clip;    
  transition:all 1s;
}

.FillterSectionRow.open {
	max-height: unset;
	transition:all 1s;
}

.FName{
	font-size: 11px;
}

.ClearFillterBtn,
.SelectNanoFillter,
.NanoFillterMoreViewBtn{
	--bs-btn-padding-y: .25rem; 
	--bs-btn-padding-x: .5rem; 
	--bs-btn-font-size: .75rem;
	letter-spacing: -.02rem;
}



@media (min-width: 700px){
	.MessegeArea h4{		
		font-size: 18px;
	}

	.IconArea{
		padding-right: 0px;
		padding-left: 35px;
		padding-top: 5px;
		padding-bottom: 10px;
	}

	.SmallPart .StuffName{
		padding-left: 3px;
	}

	label[for="stuffoption"]{
		text-align: center;
	}

	.ModalArea .offcanvas {
		width: 50%;
	}

}




@media (min-width: 1550px){
	.SecondAdArticle{
		margin-top: 104px;
	}

	
}


@media (min-width: 1600px){


	.ClickInfor .text {	 
	    left: 38px;
	}

	.SecondAdArticle{
		right: 1%;
	}
}

@media (min-width: 1680px){
	

	.SideStuffSelectArea .ClickInfor .text{
		color: #000000;
    	left: 38px;
	}
	
	/*
	.ClickInfor .icon {
	    left: -4px;
	}
	*/
	

	.TopTextBox{
		text-align: left;
	}

	.TopImgBox{
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.TopImgBox img {
		width: auto;
	    max-width: 680px;
	}

	.MainTitle{
		font-size:60px;
	}

	.HowMuchArea .body{
		font-size: 24px;
	}
}

/*새 스타일 적용 시작*/
.TopSideMenu{
    margin-top:54px;
    padding-top:10px;
    padding-bottom:10px;
}

.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;
}

.TopSideBtn .btn{
    width:100%;
    min-width:140px;
    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;

    white-space:nowrap;
}

.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);
}

@media(max-width:768px){

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

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


.GoodsWarrantyBox{
    display:flex;
    align-items:center;
    gap:16px;

    padding:14px 18px;

    border-radius:16px;

    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.08),
            rgba(14,165,233,.05)
        );

    border:
        1px solid rgba(59,130,246,.15);

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

.GoodsWarrantyIcon{
    flex:0 0 42px;

    width:42px;
    height:42px;

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

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            #60a5fa,
            #38bdf8
        );

    color:#fff;

    font-size:1.1rem;
}

.GoodsWarrantyContent{
    flex:1;
}

.GoodsWarrantyTitle{
    font-size:15px;
    font-weight:700;

    color:#0f172a;

    margin-bottom:3px;
}

.GoodsWarrantyText{
    font-size:13px;

    color:#64748b;

    line-height:1.6;
}

.GoodsWarrantyText span{
    color:#0284c7;
    font-weight:700;
}

.GoodsWarrantyText strong{
    color:#0f172a;
}

@media (max-width:768px){

    .GoodsWarrantyBox{
        padding:12px 14px;
        gap:12px;
    }

    .GoodsWarrantyTitle{
        font-size:14px;
    }

    .GoodsWarrantyText{
        font-size:12px;
    }

    .GoodsWarrantyIcon{
        width:38px;
        height:38px;
        flex:0 0 38px;
    }
}

.GoodsWarranty{
    position:relative;

    padding:20px 0;

    background:
        radial-gradient(circle at 10% 20%, rgba(59,130,246,.18), transparent 22%),
        radial-gradient(circle at 85% 15%, rgba(236,72,153,.15), transparent 22%),
        radial-gradient(circle at 75% 85%, rgba(168,85,247,.18), transparent 25%),
        radial-gradient(circle at 20% 80%, rgba(16,185,129,.15), transparent 25%),
        linear-gradient(
            135deg,
            #eff6ff 0%,
            #faf5ff 50%,
            #ecfeff 100%
        );

    overflow:hidden;
}

.GoodsWarranty::before{
    content:'';

    position:absolute;

    left:-120px;
    top:-120px;

    width:280px;
    height:280px;

    border-radius:50%;

    background:
        rgba(59,130,246,.25);

    filter:blur(90px);

    pointer-events:none;
}

.GoodsWarranty::after{
    content:'';

    position:absolute;

    right:-120px;
    bottom:-120px;

    width:280px;
    height:280px;

    border-radius:50%;

    background:
        rgba(168,85,247,.25);

    filter:blur(90px);

    pointer-events:none;
}

.GoodsWarrantyBox{
    display:flex;
    align-items:center;
    gap:18px;
}

.GoodsWarrantyIcon{
    flex:0 0 60px;

    text-align:center;

    font-size:2rem;
}

.GoodsWarrantyContent{
    flex:1;
}

.GoodsWarrantyTitle{
    margin:0;
}

.GoodsWarrantyText{
    margin:0;
}

.TopSideMenuInCategory{
    position:relative;

    padding:8px 0;

    background:
        radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),
        radial-gradient(circle at 85% 50%,rgba(168,85,247,.08),transparent 25%),
        #f8fafc;

    border-bottom:1px solid rgba(59,130,246,.08);

    overflow:hidden;
}


.MyInquiryInfo{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(59,130,246,.08);
    border:1px solid rgba(59,130,246,.12);
    line-height:1;
    transition:.2s ease;
}

.MyInquiryInfo:hover{
    background:rgba(59,130,246,.12);
    border-color:rgba(59,130,246,.18);
}

.InquiryIcon{
    color:#3b82f6;
    font-size:.9rem;
}

.InquiryText{
    font-size:.82rem;
    color:#475569;
}

.InquiryText strong{
    color:#0f172a;
    font-weight:600;
}

.InquiryCount{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:linear-gradient(135deg,#3b82f6,#6366f1);
    color:#fff;
    font-size:.72rem;
    font-weight:700;
}

@media (max-width:768px){
    .TopSideMenuInCategory{padding:6px 0;}
    .MyInquiryInfo{padding:5px 10px;gap:6px;}
    .InquiryText{font-size:.78rem;}
    .InquiryCount{min-width:18px;height:18px;font-size:.68rem;}
}

.InqOneSection{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(15,23,42,.04);
}

.InqOneSection .row{
    margin:0;
}

.InqOneSection .InfoRow{
    border-bottom:1px solid #eef2f7;
}

.InqOneSection .InfoRow:last-child{
    border-bottom:none;
}

.InqOneSection .InfoTitle{
    background:#f8fafc;
    color:#334155;
    font-weight:700;
}

.InqOneSection .InfoContent{
    background:#fff;
}
/*새 스타일 적용 끝*/