body {
    background-color: #fff;
}

.top-nav{        
     background-color: rgba(0, 0, 0, 0);     
     
    -webkit-transition:background-color 1s;
    -moz-transition:background-color 1s;
    transition:background-color 0.5s;    
}

.cardDCinfor{
	max-width: 200px;	
}

.main_img{
	width:100%;
	height: auto;
	transition:width 0.5s;
}

.main_img:hover{
	width:120%;
	height: auto;
	transition:width 0.5s;
}

.OverClockPcArea,
.GamingPcArea{
	padding-top:10px;
	padding-bottom:10px;	
}


.OverClockPcArea .list .table td,
.GamingPcArea .list .table td,
.ShotStuffListArea .table td{	
	border: 0px;
}

.ShotStuffListArea .table td{	
	padding: 10px 15px;
}

.OverClockPcArea .table-responsive,
.GamingPcArea .table-responsive,
.ShotStuffListArea .table-responsive{
	overflow-x: auto;	
	border: 0px;
}

.OverClockPcArea .table-responsive::-webkit-scrollbar,
.GamingPcArea .table-responsive::-webkit-scrollbar,
.ShotStuffListArea .table-responsive::-webkit-scrollbar{ 
	display:none; 
}
    



.main_goods_box{	
	width: 100%;
	min-height: 200px;
	transition:all 0.5s;
}

.OverClockPcArea .main_goods_box{	
	border:1px solid rgba(228, 228, 228, 0);
}

.OverClockPcArea .main_goods_box:hover{
	border:1px solid rgba(228, 228, 228, 1);	
}

.GamingPcArea .main_goods_box{	
	border:1px solid rgba(161, 161, 161, 0);	
}

.GamingPcArea .main_goods_box:hover{
	border:1px solid rgba(161, 161, 161, 1);	
}


.AfterBuyArea .MenuTitle{
	color: #303030;
}

.AfterBuyArea .page-header{
	border-bottom: 0px solid #aaa;
}

.AfterBuyArea .MoreBtn{
	color:#737373;
}



.StuffArea .container{
	padding-bottom: 40px;
}

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


.StuffArea .MenuTitle{
	color: #ffffff;
}

.StuffArea .list div{
	border-radius: 5%;
}


.stuffThummail{	
	aspect-ratio: 1 / 1;
	background-size: 100% auto;
	background-position: center center;
	border:1px solid rgba(247, 247, 247, 0);
	transition:border 0.5s, background-size 0.5s;
}

.stuffThummail:hover{	
	background-size: 102% auto;
	border:1px solid rgba(170, 170, 170, 1);
	transition:border 0.5s, background-size 0.5s;
}

.stuffImgBox{	
	padding: 0px;
}

blockquote{
	margin-top:5px;
}

blockquote > footer{	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;	
}



.AfterBuyAreaPoint .MyBlockQuote{
	font-size: 13px;
	opacity: 1;
	position: absolute;
    bottom: 0px;        
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.AfterBuyAreaPoint .PointSection{
	position: relative;
}

.AfterBuyAreaPoint .MyBlockQuote blockquote{	
    background-color: rgba(0, 0, 0, 0.8);
}

.AfterBuyAreaPoint > blockquote.MyBlockQuote > footer{
	color: #ffffff;
}

.AfterBuyAreaPoint:hover .AfterBuyPoinImg{
	background-size: 102% auto;
}

.ADarea{
	min-width: 250px;
	margin-top: 0px;
	padding:0px;
	background-color: #fff;
}

.ADarea div{
	min-width: 250px;
	padding:0px;
	margin: 0px;	
}



.AfterBuyAreaSide > div{
	padding:0px;
}

.AfterBuyPoinImg{	
	width:100%;
	aspect-ratio: 16/9;
	background-size: 100% auto;
	background-position: center center;
	transition:all 0.5s;
}

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

.AfterBuyImg {		
    background-color: #878787;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: 100% auto; /* 이미지가 요소 안에 꽉 차게 */
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid rgba(247, 247, 247, 0);
    transition: all 0.5s ease-in-out, border 0.5s ease-in-out;

    /* 작은 쪽을 화면에 맞춤 */
    max-width: min(100vw, 100vh); /* 가로 또는 세로 중 작은 값 선택 */
    max-height: min(100vw, 100vh);
}

.AfterBuyImg:hover {	    
	background-size: 102% auto; /* 기본값 유지 */
    border: 1px solid rgba(170, 170, 170, 1);
}



.AfterBuyArea{
	padding-top:10px;
	padding-bottom:10px;
	background-color:#bfbfbf;
}



.ArrowArea,
.LeftArea,
.RightArea{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
    padding-bottom: 15px;
}

.LeftArea{
	background: linear-gradient(270deg, #ff000000, #adaa9a);
}

.RightArea{
	background: linear-gradient(80deg, #ff000000, #adaa9a);
}



.ShotStuffListArea .ArrowArea{	
	top: -75px;
    height: 0px;
    color: #535041;
}

.ShotStuffListArea .btn[role="tab"]{
	font-size: 12px;
	color: #333;
    background-color: #e0e0df;
    border-color: #adaa9a;
    text-decoration: none;
}

.ShotStuffListArea .btn[role="tab"]:hover{
	color: #000;
	background-color: #ffffff;
}

.ReviewTitle, .PcLifeTitle{
	color:#106b95;
	font-weight:700;
}

.ReviewArea .ReviewTitle,
.ReviewArea .ReviewBody{
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	word-break: break-all;
}

.ReviewBody{
	color:#aaaaaa;
	max-height:100px;
}



.ReviewArea .media-body, .PcLifeArea .media-body{	
	padding-top: 4px;
}

.ReviewArea .reviewImg{
	border-radius: 10px;	
}


.reviewImg, 
.PcLifeImg, 
.EventImg{
	width:100%;	
	aspect-ratio: 1 / 1.2;	
	background-size: auto 100%;
	background-position: center center;
	border:1px solid rgba(170, 170, 170, 0);
	transition:all 0.5s;
}

.reviewImg{
	aspect-ratio: 1 / 1;	
}

.reviewImg, .PcLifeImg, .EventImg{
	/*background-size: 100% auto;*/
	background-size: cover;
}

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


.PcLifeArea .table td:first-child,
.EventArea .table td:first-child{
	padding-left: 13px;
}
.PcLifeArea .table td:last-child,
.EventArea .table td:last-child{
	padding-right: 13px;
}


.PcLifeArea .PcLifeImg,
.EventArea .EventImg{
	width: 100%;
	height: 100%;
}

.PcLifeRow a{
	text-decoration: none;
}

.PcLifeArea .PcLifeRow{
	height: 330px;
	overflow:hidden
}


.PcLifeArea .PcLifInfor,
.EventArea .EventInfor{
	padding: 20px;
	width: 95%;
	height: 100%;	
	text-align: left;
	word-break: keep-all;
	transition:all 0.5s;
}

.EventArea .EventInfor{
	/*display: table;*/
}

.PcLifeArea .PcLifInfor{	
	background: linear-gradient(90deg, #ff000000, #152323);
}
.EventArea .EventInfor{
	background: linear-gradient(90deg, #ff000000, #211b17);
}


.PcLifeArea .PcLifInfor:hover,
.EventArea .EventInfor:hover{
	width: 100%;
}
.PcLifeArea .PcLifInfor:hover{
	background-color: rgb(39 45 45 / 90%);
}
.EventArea .EventInfor:hover{
	background-color: rgb(53 49 47 / 90%);
}

.PcLifeArea .PcLifInfor .title,
.PcLifeArea .PcLifInfor .WriterInfor,
.PcLifeArea .PcLifInfor .body,
.EventArea .EventInfor .title,
.EventArea .EventInfor .WriterInfor,
.EventArea .EventInfor .body{	
	white-space: normal;

}


.EventArea .EventInfor .title,
.PcLifeArea .PcLifInfor .title{
	color: #ffffff;
    font-size: 12px;
    text-shadow: 0 0 6px black; 
}

.PcLifeArea .PcLifInfor .title{
	/*margin-bottom: 150px;*/
}

.PcLifeArea .PcLifInfor .title{
	/*height: 80%;*/
	width: 100%;
	margin-bottom: 0px;	
}

.EventArea .EventInfor .title{	
	height: 70%;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.PcLifeArea .PcLifInfor .WriterInfor,
.EventArea .EventInfor .WriterInfor{
	color: #ffffff;
	font-size: 10px;
	width: 100%;
}

.PcLifeArea .PcLifInfor .body{
	color: #6c9c9c;
	font-size: 9px;
}


.OversystemClip .ClipList{
	padding-left: 10px;
	padding-right: 10px;
	background-color: black;
	padding-bottom: 40px;
}

.EventArea{
	background-color: #e2dcd8;
}

.EventArea .MoreBtn{
	color: #8b7c72;
}

.ClipPointImg{
	width:100%;
	height:280px;
	background-size: auto 100%;
	background-position: center center;
	border:1px solid rgba(170, 170, 170, 1);
}

.ClipImg{
	width:100%;
	aspect-ratio: 16/9;
	background-size: 100% auto;
	background-position: center center;
	border:1px solid rgba(170, 170, 170, 0);
	transition:all 0.3s;
}

.ClipImg:hover{	
	filter: drop-shadow(6px 8px 7px #696969);
	border:1px solid rgba(170, 170, 170, 1);	
}

.ClipList{
	margin-bottom: 10px;
}



.EventList{
	margin-bottom: 40px;
}

.banner_img_div{
	width: 100%;    
    height: 49vmin;
    min-height: 250px;
    max-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;    
    background-size: auto 100%;
    background-position: center center;
    transition: all 0.5s;
}


/*
.banner_img_div,
.background .water{
	width: 100%;    
    height: 49vmin;
    min-height: 250px;
    max-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;    
    background-size: auto 100%;
    background-position: center center;
    transition: all 0.5s;
}

.background .water{
  filter:url('#turbulence');
}


.banner_img_div img{	
	width: 100%;	
	height: auto;
	max-height: 665px;
	max-width: 1980px;
}


*/



.ReviewArea .RevieTitle,
.ReviewArea .RevieDiscrip{
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ReviewArea .list > div{
	margin-bottom: 10px;
}



.EventArea .title .MenuTitle{
	color:#614433;
}

.EventArea .title .page-header{
	border-bottom: 0px solid #614433;
}

.ReviewInfor{
	margin-top:0px;
}


.media-left, .media-right, .media-body {
    display: block;
}
.ExhibitionPointArea {
	top:8px;
}

.ExhibitionArea {
    background-size: cover;
    background-position: center center;    
    transition: all 0.5s;
}



.ExhibitionArea .PointImgDiv {    
    height: 0px;        
    top: -5px;
    left: 15%;
    opacity: 0;
    transition: all 0.5s;
}

.ExhibitionArea .PointTextDiv {    
    color: #ffffff;
    height: 0px;
	top: 11px;
    left: 145px;
    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;
}

.SmallPointText{
	font-size: 12px;	
}


.ShotStuffListMainArea{	
	background-color: #a5a5a3;
}



.ShotStuffListArea .nav-tabs.nav-justified > li > a {
    border-radius: 0px 0px 0 0;
}

.ShotStuffListArea .ShotStuffList{
	color: #000000;
}

.ShotStuffListArea .ShotStuffList .tab-pane{
	padding-top: 15px;
	padding-bottom: 15px;
}


.ShotStuffListMainArea .ShotStuffListSection{
	padding: 0px;
}

.ShotStuffListMainArea .tab-pane{
	padding-top: 15px;
	padding-bottom: 15px;
}

.ShotStuffListMainArea .btn.active[role="tab"]{	
	color: #fff;
    background-color: #83827e;
}


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

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

.ShotStuffListArea .stuffBox{
	overflow: hidden;
	border:1px solid rgba(161, 161, 161, 0);
	transition: all 0.5s;
}

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

.ShotStuffListArea .stuff_name {
    font-family: "NanumGothic";
    color: black;
    font-weight: 600;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.ShotStuffListCategoryTap a{
	color: #000000;
}

.ShotStuffListArea .nav-tabs > li.active > a, 
.ShotStuffListArea .nav-tabs > li.active > a:hover, 
.ShotStuffListArea .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #cec9ae;
    border: 1px solid #cec9ae;
    border-bottom-color: transparent;
}

.ShotStuffListArea .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #cec9ae;
    border-radius: 0px 0px 0 0;    
}

/*
.ShotStuffList .stuffBox{
	padding-bottom: 15px;
}
*/


.stuff_card_pay,
.stuff_pay{
	font-size: 14px;
}

.ShotStuffListArea .MoreBtn {
    font-family: "NanumGothic";
    color: #000000;
    float: none;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #d2d2d2;    
}

.ShotStuffListArea .stuff_card_pay{
	color:#1887a0;
}

.ShotStuffListArea .stuff_pay{
	color:#d00e0e;
}

.PcLifeTitle a{
	color: #75b5bf;
}

.PcLifeTitle a:hover{
	color: #4e95a0;	
}
.PcLifeInfor small{
	color: #588c98;	
}

.PcLifeArea > .list > div{
	padding-bottom: 15px;
}

/*
.OverClockPcArea .title,
.GamingPcArea .title,
.ShotStuffListArea .container,
.StuffArea .NewStuffList,
.StuffArea .PopulStuffList,
.NewStuffList .title,
.PopulStuffList .title,
.AfterBuyArea .container,
.ReviewArea .container,
.PcLifeArea .container,
.OversystemClip .container,
.EventArea .container
{	
	padding-left: 0px;
	padding-right: 0px;
}
*/

.NewStuffList .list,
.PopulStuffList .list,
.ReviewArea .container{
	padding-left:5px;
	padding-right:5px;	
}

/*
.OverClockPcArea .MenuTitle,
.GamingPcArea .MenuTitle,
.NewStuffList .MenuTitle,
.PopulStuffList .MenuTitle,
.AfterBuyArea .MenuTitle,
.ReviewArea .MenuTitle,
.AfterBuyArea .media-body,
.ReviewArea .media-body,
.PcLifeArea .MenuTitle,
.PcLifeArea .media-body,
.OversystemClip .MenuTitle,
.EventArea .MenuTitle
{	
	padding-left: 5px;
	padding-right: 5px;
}
*/

.NewStuffList .StuffOneRow,
.PopulStuffList .StuffOneRow{
	padding-left: 5px;
	padding-right: 5px;	
}

.NewStuffList .StuffOneRow:first-child,
.PopulStuffList .StuffOneRow:first-child{
	padding-left: 0px;
    padding-right: 10px;
}

.NewStuffList .StuffOneRow:last-child,
.PopulStuffList .StuffOneRow:last-child{
	padding-left: 10px;
    padding-right: 0px;
}

.nav-pills > li > a {
    border-radius: 0px;
}


.StuffArea{
	background-color:#5a727e;
}


a[data-role="GotoInfor"]{
	cursor: pointer;
}

/*
.tab-content .MoreViewBtnArea {
	padding-top: 10px;
	padding-bottom: 50px;
}
*/

/*
.page-header{
	border: 0px;
}
*/

.MonitorImgPart {
	left: 0%;
}


.ShotStuffListArea:hover,
.MonitorArea:hover,
.AfterBuyArea:hover,
.StuffArea:hover,
.EventArea:hover,
.ReviewArea:hover {	
	filter: drop-shadow(6px 8px 7px #696969);
	transition:all 0.3s;
}


@media (min-width: 768px){
	.PcLifeArea .table td:first-child,
	.EventArea .table td:first-child{
		padding-left: 0px;
	}
	.PcLifeArea .table td:last-child,
	.EventArea .table td:last-child{
		padding-right: 0px;
	}

	.NewStuffList .list,
	.PopulStuffList .list{
		padding-left:0px;
		padding-right:0px;	
	}

	.StuffArea .NewStuffList{
		padding-right: 7px;
	}
	.StuffArea .PopulStuffList{
		padding-left: 7px;		
	}

	/*
	.ExhibitionArea .PointTextDiv {    
	    left: 250px;
	}
	*/

	
}



@media (min-width: 1024px){

	.OversystemClip .ClipList{
		padding-left: 5px;
		padding-right: 5px;	
	}
	
	.OversystemClip .ClipList:first-child{
		padding-left: 0px;
		padding-right: 10px;
	}

	.OversystemClip .ClipList:last-child{
		padding-left: 10px;
		padding-right: 0px;
	}

	.ExhibitionPointArea {
		top:-11px;
	}

	/*
	.ExhibitionPointArea .PointImgDiv{
		top:16px;
	}

	.ExhibitionArea .PointTextDiv {    
	    top:30px;
	}
	*/

	
}

@media (min-width: 1280px){
	.cardDCinfor{
		max-width: unset;	
	}
}

@media (min-width: 1600px){
	.banner_img_div,
	.background .water{	    
	    background-size: 100% auto;
	}
}

@media (min-width: 1680px){
	.ExhibitionArea .PointTextDiv .BigPointText{						
    	font-size: 20px;
	}

	.ExhibitionArea .PointTextDiv {
        left: 325px;
    }

    
    
}

@media (min-width: 1920px){

	.StuffArea > .container{
		padding-right:15px;
		padding-left: 15px;
		transition:all 0.5s;
	}

	/*
	.stuffThummail{		
		height:207px;
		transition:all 0.5s;
	}
	*/

	.banner_img_div,
	.background .water{	    
	    /*background-size: auto 100%;*/
	    background-size: 100%;
	}
	
	

	.GamingPcArea .main_goods_box{		
		height:auto;
		transition:all 0.5s;
	}

	/*
	.goods_img{
		height:350px;
		transition:all 0.5s;
	}
	*/

	.OverClockPcArea .main_goods_box{
		height:auto;
		transition:all 0.5s;
	}

	
	/*
	.reviewImg, .PcLifeImg, .EventImg{
		width:180px;
		height:180px;
	}
	*/

	.ReviewArea .media-body, .PcLifeArea .media-body{	
		padding-left: 7px;
		padding-top: 0px;
		transition:all 0.5s;
	}

	.media-left, .media-right, .media-body {
		display: table-cell;
		transition:all 0.5s;
	}

	.ExhibitionPointArea {
		left:76px;
	}

	.ExhibitionArea{
		height: 85px;
	}

	/*
	.ExhibitionArea .PointImgDiv{		
		height: 0px;
		left: 14%;
        top: -21px;
	}
	.ExhibitionArea .PointTextDiv{				
		top: 25px;
    	font-size: 35px;
	}
	*/

	.ExhibitionArea .PointImgDiv img{
		max-width: 100px;		
		filter: drop-shadow(2px 4px 6px black);		
	}

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

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

	.MonitorImgPart{
    	left: 12%;
    }

}

@media (min-width: 2200px){
	/*
	.ExhibitionArea .PointTextDiv {
        left: 35%;
    }
    */
}