@charset "UTF-8";

@font-face{	
	font-family:"NanumGothic";
	src:url('/data/fonts/NanumGothic.eot');
	src:url('/data/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('/data/fonts/NanumGothic.woff') format('woff'),
	url('/data/fonts/NanumGothic.ttf') format('truetype'),
	url('/data/fonts/NanumGothic.svg#NanumGothic') format('svg');
	src:local(※), url('/data/fonts/NanumGothic.woff') format('woff');
	font-display: swap;
}

@font-face{	
	font-family:"Novecento";
	src:url('/data/fonts/Novecento/Novecento-WideNormal.eot');
	src:url('/data/fonts/Novecento/Novecento-WideNormal.eot?#iefix') format('embedded-opentype'),
	url('/data/fonts/Novecento/Novecento-WideNormal.woff') format('woff'),
	url('/data/fonts/Novecento/Novecento-WideNormal.ttf') format('truetype'),
	url('/data/fonts/Novecento/Novecento-WideNormal.svg#Novecento') format('svg');
	src:local(※), url('/data/fonts/Novecento/Novecento-WideNormal.woff') format('woff');
	font-display: swap;
}



/*상품명 관련 css시작*/
/*setup*/

/*
*{
  margin: 0;
  padding: 0;  
}
*/

html, body{
	margin:0;
	padding:0;
}

html{

  height: 100%;	
  
}


body {
	background-color:#fff;
	color:#aaaaaa;
	font-family:"NanumGothic", "Novecento";
}


section{	
	min-height: auto;
	padding-bottom:1.9em;
}

footer{
	margin-top:-1.9em;
	height:1.9em;
	z-index: 1;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:"Novecento", "NanumGothic";
}

nav .IConArea{
	/*position: relative;*/
}


nav .IConArea i{
	position: absolute;
	left: -10px;
	text-shadow: 0 1px 2px #3e3e3e, 0 1px 5px #3e3e3e;
}

nav .IConArea i:first-child{
    left: -16px;
    top: 6px;    
    z-index: 2;
}
nav .IConArea i:last-child{    
    top: -3px;        
}

nav .navbar-toggler-icon{
	filter: drop-shadow( 0px 0px 3px #000 );
}




.navbar-brand:focus,
.navbar-brand:focus-visible{
    outline:none !important;
    box-shadow:none !important;
}

.carousel-indicators [data-bs-target]{
	width: 20px;
}



.FillterArea{
	background-color: #dadada;
}

.NoHaveDataArea{
	min-height: 80vmin;
}

.NoHaveDataArea .MainArea{
	height: 800px;
}


.ShotStuffInfor,
.ShotGoodsInfor,
.LetPayBtnArea {
	z-index: 1029;
}

.inipay_modal.fade.in {
    opacity: 1;
}

.OderBySelectArea .OderBy{
	--bs-btn-padding-y: .25rem; 
	--bs-btn-padding-x: .5rem;
	--bs-btn-font-size: .75rem;
}

.CateNavi .btn-link{
	text-decoration: none;
}

.CateNavi .btn-link:hover{
	text-decoration: underline;	
}

.blockquote-footer::before{
	content: unset;
}

.DiscripTionArea a,
.CommnetTextArea a{
	word-break: break-all;	
}

.DiscripTionArea p{
	padding-bottom: 0.8rem;
}


.shop_add{
	font-size: 12px;	
}

.ClickInfor .icon{	
	left: 5vw;
	transform: rotateX(180deg);
}

.ClickInfor .text {
    left: 55px;
	top: -83px;
}

.top-nav{
	background-color: #000;
	border:0px;
}

.top-nav .nav > li {    
    display: inline-block;
    vertical-align: text-top;
}

.TopBtnOn{
	transition:all 0.5s;
}

.TopBtnOn a.nav-link{
	color: #fff;	
	white-space: nowrap;	
}

#topNav .nav-link{
	text-shadow:
        0 0 8px rgba(0,0,0,0.9),
        0 0 15px rgba(0,0,0,0.7),
        2px 2px 4px rgba(0,0,0,0.8);
}

.TopBtnOn a.nav-link:hover,
.TopBtnOn a.nav-link.active{
	color: #9f9f9f;
}

.TopSideBtn .btn,
.bottomMenu .btn,
.RealImg .btn,
.AdminMainMenuArea .btn,
.AdminMiniMenuPart .btn,
.AdminControllArea .btn,
.OderBySelectArea .btn,
#view_div .btn{
	text-decoration: none;
	word-break: keep-all;
	white-space: nowrap;
}
/*
.TopSideShotMenu .btn{
	padding:1px;
}
*/

.OverClockPcArea .table-responsive,
.GamingPcArea .table-responsive,
.OfficePcArea .table-responsive,
.WorkStationPcArea .table-responsive,
.RecommendationPcArea .table-responsive,
.EventArea .table-responsive,
.PcLifeArea .table-responsive,
.TopSideMenuInCategory .table-responsive,
.ShotStuffListSection .table-responsive,
.PcLifeArea .table-responsive,
.EventArea .table-responsive,
.OversystemClip .table-responsive,
.ShotStuffListSection .table-responsive,
.TrendMenuArea .SideNavArea,
.RealImg .table-responsive,
.RemoteControlRowArea .table-responsive{
	scroll-snap-type: x mandatory;
}
.OverClockPcArea .table-responsive td,
.GamingPcArea .table-responsive td,
.OfficePcArea .table-responsive td,
.WorkStationPcArea .table-responsive td,
.RecommendationPcArea .table-responsive td,
.EventArea .table-responsive td,
.PcLifeArea .table-responsive td,
.table-responsive .TableSlide .GoodsBox,
.TopSideMenuInCategory td,
.ShotStuffListSection .btn-group .btn,
.TableSlide .PcLifeRow,
.TableSlide .EventRow,
.TableSlide .OversystemVideo,  
.TableSlide .stuffBox,
.TableSlide .TrendBtn,
.BtnSlide .RemoteControlRow,
.RealImg td{
	scroll-snap-align: center;
}

/*
.ChangeStuffList .modal-body{
	scroll-snap-type: y mandatory;
}

.ChangeStuffList .StuffSection{
	scroll-snap-align: center;
}
*/


.bottomMenu .table-responsive::-webkit-scrollbar,
.AdminMainMenuArea .table-responsive::-webkit-scrollbar,
.AdminMiniMenuPart .table-responsive::-webkit-scrollbar,
.AdminControllArea .table-responsive::-webkit-scrollbar,
.InquryViewArea .table-responsive::-webkit-scrollbar,
.OderBySelectArea .table-responsive::-webkit-scrollbar,
.OversystemClip .table-responsive::-webkit-scrollbar,
.ShotStuffListSection .table-responsive::-webkit-scrollbar{
	display:none;
}

.ExhibitionPointArea a{
	text-decoration: none;
}

.DetailedMenu{
	overflow: hidden;
	overflow-y: auto;
	max-height: 300px;
}

.DetailedMenu .btn{
	white-space: nowrap;
}

.DetailedMenu{
	/*
	-ms-overflow-style: none;
    scrollbar-width: none;
    */
    -ms-overflow-style: auto;
    scrollbar-width: auto;
}
.DetailedMenu::-webkit-scrollbar {
    display: none;
}
.DetailedMenu:hover::-webkit-scrollbar {
    display: flex;
}

.DetailedMenu::-webkit-scrollbar{
  width: 3px; /* 스크롤바 너비 */
}

.DetailedMenu::-webkit-scrollbar-track {
  background: rgb(0, 0, 0, 0); /* 스크롤바 트랙 색상 */
}

.DetailedMenu::-webkit-scrollbar-thumb {
  background: #fff; /* 스크롤바 썸네일 색상 */
  border-radius: 5px; /* 스크롤바 썸네일 모양 */
}

.DetailedMenu::-webkit-scrollbar-thumb:hover {
  background: #555; /* 스크롤바 썸네일에 마우스 오버시 색상 */
}

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

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

.MonitorArea{
	background-color: #bdbdbd;
}

.MonitorImgPart .MImgGroupArea{
	width: 100px;
	height: 70px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-color: steelblue;*/
    color: white;
}

.MonitorArea .StuffOneRow{
	width: 150px;
	aspect-ratio: 1/1;
}

.MonitorArea .MentArea p{
	color: #4c4242;
}

.MonitorArea .MentArea small{
	color: #8d5b2f
}

.MentArea .Ment{
	font-size: 13px;
}
.MentArea .Point{
	font-size: 16px;
}


.OverClockPcArea .btn,
.GamingPcArea .btn,
.OfficePcArea .btn,
.WorkStationPcArea .btn,
.RecommendationPcArea .btn{
	text-decoration: none;
}

/*
.OverClockPcArea .list .GoodsBox,
.GamingPcArea .list .GoodsBox,
.OfficePcArea .list .GoodsBox,
.WorkStationPcArea .list .GoodsBox,
.RecommendationPcArea .list .GoodsBox{	
	width: 100%;
	max-width: 281px;
}
*/


.OverClockPcArea .list .table td,
.GamingPcArea .list .table td,
.OfficePcArea .list .table td,
.WorkStationPcArea .list .table td,
.RecommendationPcArea .list .table td{
	padding:0px;
}

.BoardRowSection{
	border-bottom: 1px solid #e8e8e8;
	min-height: 50px;
}

.BoardMainViewSection .BoardRowSection,
.list .BoardRowSection:last-child{
	border: 0px
}

.BoardRowSection  .BoradTitleArea{
	height: 100%;
}

.BoardRowSection .ImgDiv{
	width: 100%;
	min-width: 64px;
	min-height: 64px;
	max-width: 100px;
    max-height: 100px;
	aspect-ratio: 1 / 1;
	background-size: cover;
	background-position: center center;
}

.BoardRowSection a{
	text-decoration: none;
}

.BoardRowSection a:hover{
	text-decoration: underline;
}

.ReviewPostin.BoardRowSection{
	border-bottom:unset;
}

.ShotGoodsDiscription{
	color: #ffffff;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;    
    text-overflow: ellipsis;
}

.StuffPerfor,
.StuffCode{
	font-size: 12px;
}



.StuffPartSection .PayText{
	font-size: 12px;
}

.SideSmallMenu .btn{	
	/*
	white-space: nowrap;
	*/
}

.LetPayBtnArea{
	background-color: #fff;
}


.bottomMenu{	
	background-color: #0a0c1b;
}

.bottomMenu .btn,
.footerDiv{	
	font-size: 12px;
}


.PayDisplay{
	background-color: #000;		
}

.RemoteControlRowArea .RemoteControlRow .btn{
	font-size: 13px;
}

.OsMakeDataBox a{
	text-decoration: none;
}
.OsMakeDataBox a:hover{
	text-decoration: underline;
}


.ReviewPostin{
	/*min-height: 280px;*/
}

.ReviewPostin .card{
	height: 100%;
}

.KBbankRogo{
	width: 88px;
}

/*

.KBbankRogo{
	width: 120px;
}
dt .KBbankRogo{
	width: 100px;	
}
*/

.bottom-btn{
	/*margin-top: 13px;*/
}


.bottom-btn a{	
	color:#ffffff;
	text-decoration:none;
	word-break: keep-all;
}

.bottom-btn > a:hover, .bottom-btn > a:active, .bottom-btn > a:focus{
	/*, .bottom-btn > a:visited*/
	color:#aaaaaa;
	text-decoration:none;
}


.footerDiv{
	background-color:#25262f;
}


/*
.footerDiv{
	height:auto;
	background-color:#353535;
}

.footerDiv .container{
	padding-top: 41px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
*/

.CategoryDiv .btn{
	text-decoration: none;
}

a:hover, a:active, a:focus, a:visited{
	text-decoration:none;
}
.navbar-brand {   
    padding: 2px 2px;
}


.top-btn{
	margin-top: 6px;
	opacity:0;
}


.top-btn.TopBtnOn{
	opacity:1;
}

.top-btn > a{		
	font-size:13px;
	font-weight:500;
	text-shadow:0px 1px 2px #3e3e3e, 
				0px 1px 5px #3e3e3e;
	/*transition:all 0.5s;*/
}


.top-btn > a:hover, .top-btn > a:active, .top-btn > a:focus, .top-btn > a:visited{	
	text-decoration:none;
	/*transition:all 0.5s;*/
}



.top-btn > .btn {
	font-size: 17px;    
    padding: 6px 20px;
    transition:all 0.5s;
}

.top-btn > .btn-link {
    color:#ffffff;
    /*transition:all 0.5s;*/
}

.top-btn > .btn-link:hover, .top-btn > .btn-link:active, .top-btn > .btn-link:focus{	
    color:#aaaaaa;
    /*transition:all 0.5s;*/
}




#topNav .navbar-header{

 /*
 	overflow: hidden;
 padding-left: 5px;
 padding-right: 5px;
 */
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(219, 219, 219, 0.3);
}

.navbar-default .navbar-nav > li > a {
    color:#ffffff;
    text-shadow:0px 1px 2px #3e3e3e,
    			0px 1px 5px #3e3e3e;
}


.navbar-default .navbar-nav > li > a:hover {
    color:#aaaaaa;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {    
	background-color: rgba(231, 231, 231, 0);
}


.carousel-control.right, .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

.banner_img_div{
	text-align: center;
	width: 100%;
	height: auto;
	background-color:black;
}

.MenuTitle{	
	font-family:"Novecento";
	font-size: 20px;
	font-weight:600;
}

.MenuTitle .Link{
	color: unset;
}

.CardDCinforArea{
	background-color: #fff;
}

.cardDCinfor{
	max-width: 220px;
}

.CardDcSection{
	background-color: #2cb38a;
}

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


.pointTitle{
	font-size: 25px;	
}


.goods_name{	
	font-family:"Novecento", "NanumGothic";
	font-size:20px;
	color: black;
	transition:all 0.5s;
}

.goods_type{
	font-family:"Novecento";
}

.goods_card_pay{
	color:#008bac;
}

.RecommendationPcArea .goods_card_pay{
	color: #43c8e8;
}

.RecommendationPcArea .goods_pay{
	color: #a40000;
}


.goods_pay{
	color:red;
}

.card_pay{
	color:#00ceff;	
}
.cash_pay{	
	color:red;
}

.goods_infor{
	font-family:"Novecento", "NanumGothic";	
	color: black;
	white-space: break-spaces;
	font-size: 13px;
}

/*
.list div{
	padding:0px;
}
*/

.AdminArea a{
	text-decoration: none;
}
/*
.NewStuffList .list div.StuffOneRow,
.PopulStuffList .list div.StuffOneRow{
	border-radius: 5%;
}
*/

/*
blockquote {    
    border-left: 5px solid #106b95;
}

blockquote > p:first-child {    
    color:#106b95;    
    font-weight:700;
}

blockquote.AdminComment {    
    border-left: 5px solid #e65959;
}

blockquote.AdminComment > p:first-child {    
    color:#e65959;
    font-weight:700;
}
*/


video {
	position : fixed;
	top : 0; 
	left : 0;
	min-width:1680px;
	min-height : 100%;	
	width:auto;
	height:100%;
	z-index : -1;
}



p {
	margin-bottom:2px;
}

.OverSystemBank{
	margin-top: 5px;
	font-family: "Novecento", "NanumGothic";
	color:#ffffff;
	font-size:15px;
	float: right;
}

.OverSystemBank li{
	margin-left:10px;
}

.OverSystemBank li + li{
	margin-left:10px;
}


.OverSystemSideInfor{	
	padding: 0px;
}

.OverSystemSideInfor img,
.OverSystemSideInfor .bi{
	filter: drop-shadow(1px 5px 2px black);
}

/*
.OverSystemSideInfor div{
	margin-bottom:10px;
	padding: 0px;
}
*/

.kakaotalk_rogo{
	font-family: "Novecento";
	color: #ffffff;	
}

.kakaotalk_rogo .side{
	font-size:12px;
	color: #aaaaaa;
	position: relative;
	top:-5px;
}

.kakaotalk_rogo img{
	width: 100%;
	max-width: 174px;
}

.kakaotalk_rogo .title{
	font-size: 15px;
}

.KGinicis li{
	display:inline;
}

.KGinicis{	
	list-style:none;
}

.sns_icon{
	padding:0px;
}

.sns_icon img{
	width: 35px;
	height: auto;
}


.call_rogo{		
	font-family: "Novecento";	
}

.call_icon{	
	margin-top: 15px;
}

.call_rogo .title{		
	font-family: "NanumGothic";	
}


/*
.call_rogo .title2{		
	font-size:18px;	
}

.call_rogo .side{
	font-size:12px;
	color: #aaaaaa;
	position: relative;
	top:-5px;
}

.call_rogo .side2{
	font-size:10px;
	color: #4eb7e8;
	position: relative;
	top:-5px;
}
*/

.OverSystemInfor{
	padding: 0px;
}

.OverSystemInfor a{
	text-decoration: none;
}
.OverSystemInfor a:hover{
	text-decoration: underline;;
}

.TopSideMenu{
	height: auto; /*118px*/
	margin-top: 50px;;
	background-color: #141414;
}

.TopSideMenuInCategory{
	margin-top: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #141414;
	transition:all 0.5s;
}

.ExhibitionIdMenuArea .form-select{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.CategoryChartMagnet {	
	margin-top: 50px;
	color: #fff;
    background-color: #005b51;
	transition:all 0.5s;
}
.CategoryChartMagnet .table {
	margin: 0px;
	padding: 0px;
}


.top-category-btn{
	margin-top: 6px;
}

.top-category-btn .selectCategory{
	margin-top: 0px;
}

.top-category-btn .selectCategory > button{
	color:#ffffff;
	text-decoration:none;
}

.top-category-btn .selectCategory > button:hover{
	color:#aaaaaa;
	text-decoration:none;
}

.top-category-btn > button{
	font-size:15px;
	text-shadow:0px 1px 2px #3e3e3e, 
				0px 1px 5px #3e3e3e;	
}

.top-category-btn button:hover, .top-category-btn button:active, .top-category-btn button:focus, .top-category-btn button:visited{
	text-decoration:none;
}

.top-category-btn .btn-link{
    color:#ffffff;
    float: unset;    
	padding-left: 5px;
	padding-right: 5px;
}

.top-category-btn .active {
    color: #aaaaaa;
}

.top-category-btn .btn-link:hover, 
.top-category-btn .btn-link:active, 
.top-category-btn .btn-link:focus{
    color:#aaaaaa;
    text-decoration:none;
    transition:all 0.5s;
}

.top-category-btn li .btn-link {
    color: #000000;
    transition: all 0.5s;
}

.selectCategoryList{
	color:#000000;
}

.selectCategoryList a{
	text-align: left;
}

.selectCategory, .selectCategory:hover{
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
    text-decoration:none;
}

.selectCategory > span{
	top:4px;
}


.selectCategory > select{
	color: #ffffff;	
    text-decoration:none;
    transition:all 0.5s;
}

.selectCategory > select:hover, .selectCategory > select:active, .selectCategory > select:focus, .selectCategory > select:visited{
	color: #aaaaaa;
	text-decoration:none;
	transition:all 0.5s;
}


.TopSideBtn a,
.TopSideBtn button {	
	color: #ffffff;
    font-size: 10px;
    font-weight: 500;            
    transition:all 0.5s;
}


.ViewArea{
	min-height: 40vmin;
}

.ViewArea .SellInforHeadeTable .btn-link{
	text-decoration: none;
}
.ViewArea .SellInforHeadeTable .btn-link:hover{
	text-decoration: underline;
}

.ViewArea .BtnCtlArea{
	z-index: 1029;
}

.TopSideBtn .btn:hover, 
.TopSideBtn .btn:active, 
.TopSideBtn .btn:focus{	
	color: #aaaaaa;
	text-decoration:none;	
}

.simbol{
	font-size: 35px;
}

.MainTitle{
	font-family:"Novecento";
	font-size: 60px;
	font-weight: 600;
	text-align: center;
	color: #ffffff;
	display: none;
}

.MoreBtn{
	font-family:"NanumGothic";
	color:#aaaaaa;
	float: right;
	padding-top: 8px;
    padding-bottom: 8px;    
}

.MoreBtn:hover{	
	color:#383838;
	text-decoration:none;
}



.goods_hit, .exhibition_hit{
	color:#00bf07;
}

.RecommendationPcArea{
	padding-top:10px;
	padding-bottom:50px;
	background-color:#64787b;
}



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



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

.goods_img:hover{
	background-size: 102% auto;
	background-position: center center;	
}

.table .goods_img{
	min-width: 250px;
}

.GoodsBox .GoodsShotInfo{
	font-size: 12px;
}

.GoodsShotInfo .ShotName{
	font-size: 13px;            
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PriceInfo{
	font-size: 12px;
}
    

.circle{
	width:150px;
	height:150px;
	border:5px solid #ffffff;
	border-radius:50%;
	color: #ffffff;
	font-size: 100px;
	float: left;
	margin-left: 10px;
	margin-bottom:0px;
	cursor: default;
	transition:width 0.5s, height 0.5s, font-size 0.5s;
}

.circle span{
	margin-top:20px;
	cursor: default;
}	



.TopImgBox img{
	width: 680px;
	position: relative;	
}
.MenuMain{
	/*height: auto;*/
	min-height: auto;
}




.top-btn > .active{
	color: #aaaaaa;
}


.circle .glyphicon, .circle-small .glyphicon, .circle-type .glyphicon{
	animation:swing 5s 0s;
	animation-direction: alternate-reverse;
    animation-iteration-count: infinite; /*애니메이션 무한실행*/

	-webkit-animation:swing 5s 0s;
	-webkit-animation-direction: alternate-reverse;
    -webkit-animation-iteration-count: infinite; /*애니메이션 무한실행*/    
}

.GoodsWarranty, 
.CautionArea{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff1c2;
}

.GoodsWarranty .title,
.CautionArea .title{
	/*color: #ffa700;*/
	color: #ff8400;	
	margin-top:0px;
	margin-bottom: 15px;
}

.GoodsWarranty .icon,
.CautionArea .icon{
	color: #ffa700;
	font-size: 80px;
	/*height: 160px;*/
}

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

.GoodsWarranty .body .dl-horizontal{
	margin-top: 4px;
	margin-bottom: 4px;
	color: #000;
}


.SessionInforArea{
	min-height: 550px;
	padding-bottom: 50px;
	padding-top:30;
}

@-webkit-keyframes swing {	
    from {
    	transform: rotate(-15deg);
    }
    to {
    	transform: rotate(15deg);
    }
}

@keyframes swing {	
    from {
    	transform: rotate(-15deg);
    }
    to {
    	transform: rotate(15deg);
    }
}

div.Pagination, 
.PaginationArea{
	background-color: #828282;
	padding: 15px;
}

.PaginationArea .PageNumBtn{	
    outline: none;
}
.PaginationArea .PageNumBtn:hover{
	outline: none;
}

.pagination {    
    padding-left: 0px;
    margin:0px 
}


.pagination a,
.pagination button{
	margin-top:5px;
    margin-bottom:5px;
    margin-left:10px;
    margin-right:10px;
}


.pagination > .active > a, 
.pagination > .active > a:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span, 
.pagination > .active > span:hover, 
.pagination > .active > span:focus,
.pagination > .active > button, 
.pagination > .active > button:hover, 
.pagination > .active > button:focus {    
    color: #000000;
    cursor: default;
    background-color: #337ab700;
    border-color: #000000;    
    text-decoration-line: none;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > button {
	position: relative;
    float: left;
    line-height: 1.42857143;
    color: #ffffff;
    text-decoration: none;
    background-color: #337ab700;
    border: 1px solid #ffffff;
    text-decoration-line: none;
}

.pagination > li > a:hover, 
.pagination > li > a:focus, 
.pagination > li > span:hover, 
.pagination > li > span:focus,
.pagination > li > button:hover, 
.pagination > li > button:focus {
    color: #000000;
    text-decoration-line: none;
    background-color: #eee;
    border-color: #ddd;
}

#JoinfoundAddressView .pagination > li > a,
#JoinfoundAddressView .pagination > li > span,
#JoinfoundAddressView .pagination > li > button {	
    color: #aaaaaa;
}

#JoinfoundAddressView .pagination > li.active > a,
#JoinfoundAddressView .pagination > li.active > span,
#JoinfoundAddressView .pagination > li.active > button {	
    color: #000000;
}

#JoinfoundAddressView .pagination > li > a:hover, 
#JoinfoundAddressView .pagination > li > a:focus, 
#JoinfoundAddressView .pagination > li > span:hover, 
#JoinfoundAddressView .pagination > li > span:focus,
#JoinfoundAddressView .pagination > li > button:hover, 
#JoinfoundAddressView .pagination > li > button:focus {
    color: #aaaaaa;
}

.StuffListArea > .list{
	min-height:400px;
}

.SideMenuMain{
	background-color: #2f2f2f;
}

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

.CategoryName .btn{
	color: #ffffff;
	text-decoration: none;
}

.CategoryName .btn:hover{
	color: #ffffff;
	text-decoration:none;
}

.stuffBox a{
	text-decoration: none;
}

.modal-body .btn,
.StuffListPcView .btn,
.stuffBox .ThisStuffView {
	white-space: normal;
}



.stuffBox .ThisStuffView:focus,
.GoodsBox .LoadGoodsBtn:focus,
#main_banner_img .MainNoticLinkBtn:focus,
.btn[data-target="#SelectStuffModal"]:focus,
.btn.StuffBtn:focus,
.btn.category:focus,
.btn.SelectStuff:focus,
.btn.SelectStuffIcon:focus,
.btn.ChangeStuff:focus{	
	border: 0px solid rgb(0 0 0 0%);
	outline:none;
}

.btn[data-target="#SelectStuffModal"]{	
	border: 0px solid rgb(0 0 0 0%);
	outline:none;
	white-space: normal;
	word-break: keep-all;
}

.stuffComment{
	background-color: #f9f9f9;
	color: #000000;
	min-height: 200px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 5px;
	padding-right: 5px; 
}

#system_messege{	
	height: 60px;
	opacity: 0;
	color: black;
}

.btn-success, #getAddr, #JoinfoundAddress{
	white-space: inherit;
}


.modal-dialog{
	color: #000000;
}

.my_well{
	border: 1px solid #c7c7c7;
	padding: 10px;	
	margin-bottom: 10px;
}

.badge#my_cart_span{
	background-color:#a20000;	
	left: -3px;
}

.badge#my_favo_span{
	background-color:#1395be;	
	left: -3px;
}

.ClickInfor{
	height: 40px;
}

.ClickInfor .ClickInforGroup{

}

.ClickInfor .text{
	position: relative;
    width: 130px;
    left: 50px;
    top: -72px;
    font-size:15px;
    font-weight:600;
    color: #ffffff;
    transform: rotate(-20deg);
}

.ClickInfor .icon{	
	font-size:40px;
	position: relative;
	top: -10px;
	color:#ffd200;

	animation: UpAndDown 1s 0s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    -webkit-animation: UpAndDown 1s 0s;
    -webkit-animation-direction: alternate-reverse;
    -webkit-animation-iteration-count: infinite;

}

.top-nav .navbar-toggler{
	border: 0px;
}

@-webkit-keyframes UpAndDown {	
    from {
    	top:-10px;
    }
    to {
    	top:0px;
    }
}

@keyframes UpAndDown {	
    from {
    	top:-10px;
    }
    to {
    	top:0px;
    }
}


.MenuMessege .btn{
	color: red;
}

.MenuMain a, 
.MenuMain button{
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
    font-size: 17px;
}
.MenuMain a:hover, 
.MenuMain button:hover{	
	text-decoration: underline;
}

.ExhibitionArea {
	text-decoration: none;
}
.ExhibitionArea:hover {
	text-decoration: none;
}

.ExhibitionArea a{
	text-decoration: none;
}

.ExhibitionArea:hover a{
	text-decoration: none;
}

.Hit{
	color:#02ff00;
}

.StuffHit{
	color:#01b100;
}

.CommentWriteArea{
	background-color: #d4d4d4;
}

.CommentWriteArea .title{
	color: #000000;
}
.CommentWriteArea .title .page-header{
	border-bottom: 0px solid #000;
}


#adPage > .pagination > li > a, 
#adPage > .pagination > li > span {
    color: #ffffff;
    text-decoration: none;
    background-color: #337ab700;
    border: 1px solid #ffffff;
}


#adPage > .pagination > .active > a, 
#adPage > .pagination > .active > span, 
#adPage > .pagination > .active > a:hover, 
#adPage > .pagination > .active > span:hover, 
#adPage > .pagination > .active > a:focus, 
#adPage > .pagination > .active > span:focus {
    color: #aaaaaa;
    cursor: default;
    background-color: #337ab700;
    border-color: #aaaaaa;
    border: 1px solid #aaaaaa;
}

#JoinfoundAddressView,
#foundAddressView{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}



#JoinfoundAddressView #adPage > .pagination > li > a, 
#JoinfoundAddressView #adPage > .pagination > li > span{
    color: #ffffff;
    text-decoration: none;
    background-color: #8192a0;
    border: 1px solid #ffffff;
}

#JoinfoundAddressView #adPage > .pagination > .active > a, 
#JoinfoundAddressView #adPage > .pagination > .active > span, 
#JoinfoundAddressView #adPage > .pagination > .active > a:hover, 
#JoinfoundAddressView #adPage > .pagination > .active > span:hover, 
#JoinfoundAddressView #adPage > .pagination > .active > a:focus, 
#JoinfoundAddressView #adPage > .pagination > .active > span:focus{
    color: #aaaaaa;
    cursor: default;
    background-color: #337ab700;
    border-color: #aaaaaa;
    border: 1px solid #aaaaaa;
}

/*배경색 컬러 변경 애니 시작*/

@-webkit-keyframes BgColorChange {	
    0% {
		background-color: rgb(57, 47, 47);
    }
    25% {
    	background-color: rgb(47, 47, 57);
    }
    50% {
		background-color: rgb(47, 57, 47);
    }
    75% {
    	background-color: rgb(57, 47, 47);
    }
    100% {
    	background-color: rgb(47, 47, 47);
    }
}

@keyframes BgColorChange {	
    0% {
		background-color: rgb(57, 47, 47);
    }
    25% {
    	background-color: rgb(47, 47, 57);
    }
    50% {
		background-color: rgb(47, 57, 47);
    }
    75% {
    	background-color: rgb(57, 47, 47);
    }
    100% {
    	background-color: rgb(47, 47, 47);
    }
}

/*배경색 컬러 변경 애니 끝*/

.DiscripTionArea img{
	width: 100%;
}

.StuffName{
	min-height: 45px;
}

.kakaotalk_rogo a, .kakaotalk_rogo button{
	color: #ffffff;
	cursor:pointer;
}

.send_default,
span.SendType.default{
	color:#FF8F00;
}

.send_Quick,
span.SendType.Quick,
span.SendType.InSeoulQuick{
	color:#17bdc7;
}
.send_selfGet,
span.SendType.selfGet{
	color:#da7fe4;
}


.Sell_totalpay, .ChagePay{
	color:#00d025;
}


.iconBox .btn, .TopTextBox .btn{
	cursor: default;
}


.OSRogoImg{ /*오버시스템 로고*/
	width: auto;
    height: 50px;
    -webkit-filter: drop-shadow( 0px 1px 3px #000 ); 
            filter: drop-shadow( 0px 1px 3px #000 );    
    top: -1px;
    /*position: absolute;*/
}

.stuffIconImg{ /*부품 아이콘*/
	-webkit-filter: drop-shadow( 0px 1px 3px #000 ); 
            filter: drop-shadow( 0px 1px 3px #000 );	
}


.pagination > li > a,
.pagination > li > span,
.pagination > li > button {
    padding: 2px 8px;
}

.bg-yellow{
	background-color: #ffd200e6;
}

/* 메시지 영역 */
.MessegeArea{
    display:none;

    position:fixed;

    top:82px;
    left:0;

    width:100%;

    z-index:1080;

    pointer-events:auto;
}

/* 메시지 박스 */
.MessegeBox{
    position:relative;

    display:flex;
    align-items:center;
    gap:.9rem;

    min-height:58px;

    max-width:720px;

    margin:0 auto;

    padding:.9rem 1.1rem;

    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            rgba(30,41,59,.82),
            rgba(15,23,42,.88)
        );
    
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    box-shadow:
        0 12px 35px rgba(15,23,42,.22),
        0 0 25px rgba(99,102,241,.08),
        inset 0 0 0 1px rgba(255,255,255,.03);

    overflow:hidden;    
}


.MessegeBox::after{
    content:'';

    position:absolute;

    left:16px;
    right:16px;
    top:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.18),
            transparent
        );

    pointer-events:none;    
}

/* 아이콘 */
.MessegeIcon{
    width:40px;
    height:40px;

    flex-shrink:0;

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

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(99,102,241,.8),
            rgba(139,92,246,.8)
        );

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

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

.MessegeIcon i{
    color:#fff;

    font-size:1rem;
}

/* 텍스트 */
.MessegeTextArea{
    flex:1;
    color:#dedfe0;
    font-size:.92rem;
    font-weight:500;
    line-height:1.45;
    word-break:keep-all;
}

/* 닫기 버튼 */
.MessegeCloseBtn{
    position:absolute;    
    right:10px;
    width:30px;
    height:30px;
    border-radius:10px;
    cursor:pointer;
    filter:invert(1);
    opacity:.72;
    transition:
        opacity .15s ease,
        transform .15s ease;
    z-index: 1050;
}


/* 닫기 버튼 hover */
.MessegeCloseBtn:hover{
    opacity:1;

    transform:scale(1.05);
}

/* 등장 애니메이션 */
@keyframes MessegeShow{

    from{
        opacity:0;

        transform:
            translateY(-10px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }

}

/* 모바일 */
@media (max-width:767px){

    .MessegeArea{
        top:72px;
    }

    .MessegeBox{
        min-height:52px;

        border-radius:16px;

        padding:
            .8rem
            .9rem;
    }

    .MessegeIcon{
        width:34px;
        height:34px;

        border-radius:12px;
    }

    .MessegeIcon i{
        font-size:.9rem;
    }

    .MessegeTextArea{
        font-size:.82rem;
    }

}



/* 등장 애니메이션 */
@keyframes MessegeShow{

    from{
        opacity:0;
        transform:
            translateY(-10px);
    }

    to{
        opacity:1;
        transform:
            translateY(0);
    }

}

/* 모바일 */
@media (max-width:767px){

    .MessegeArea{
        top:70px;
    }

    .MessegeBox{
        min-height:52px;

        padding:
            .8rem
            .9rem;

        border-radius:16px;
    }

    .MessegeIcon{
        width:34px;
        height:34px;

        border-radius:12px;
    }

    .MessegeTextArea{
        font-size:.82rem;
    }

}


.text-info{
	color: #2acfef;
}




.footerDiv dt{
	color:#ffffff;
}

.footerDiv dd{
	color:#aaaaaa;
}



input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button{ 		  
    /*opacity: 1;*/
    display: none;
}
input[type="number"]::inner-spin-button, 
input[type="number"]::outer-spin-button{     
    /*opacity: 1;*/
    display: none;
}


.CapyMoblie{
	padding:3px;
}


.dropdown-menu { 
    border-radius: 0px;
}

#payResultDiv{
	padding-top: 150px;
	padding-bottom: 150px;
}



.DayText{
	color: #c39200;
}

.CardPay {
    color: #00cfff;
}

.CashPay {
    color: red;
}

.VisitUserViewArea, .SessionInforArea{
	/*background-color: #2f2f2f;*/
    padding-top: 10px;
    padding-bottom: 40px;
}

.TotalPayView div{
	padding: 5px;
}

.AddBtnArea{
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left:0px;
	padding-right:0px;
}




.PointBlue{
	color: #00CFFF;
}

.circle-type{
    width: 25px;
    aspect-ratio: 1 / 1;
    border: 2px solid #000000;
    border-radius: 50%;
    color: #000000;
    transition: all 0.5s;
    height: 25px;
    font-size: 15px;
}

.CategoryName .btn-link{
	font-family:"Novecento", "NanumGothic";
}

.GoodsSimbolArea{
	width: 0px;
	height: 0px;
}

.GoodsSimbolImg{
	width: 22px;
    height: auto;
    position: relative;
    top: -7px;
    left: 5px;
    transition:all 0.5s;
}


.circle .glyphicon, .circle, .MainTitle{
	text-shadow: 0px 0px 30px #3e3e3e;
}

.OderBySelectArea {
	background-color: #212121;
}

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

.OderBy.active{
	background-color: #69a7b5;
	color: #ffffff;
}

.GoodsVideo{
	background-color: #000000;
}

found{
    background-color: #ffa162;
}


div.CardAddBtnArea{
	margin-top: 10px;
	padding-top: 5px;
    padding-bottom: 5px;
}

.WhatIsOverClockBgImg .TextBox{
	color: #ffffff;
	text-shadow: 0px 0px 5px #3e3e3e, 0px 0px 5px #3e3e3e;
}

.OverSignature{	
	background-color: #252731;
}
.PointCar{
	position: relative;
    height: 0px;
}

.PointCar img{	
	position: relative;
}

.WhatIsOverClockBgImg{
	padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
    background-image: url('/data/img/WhatIsOverClock/SportCar/BgCar.png?v01');    
    background-repeat: no-repeat;
    background-size: 700px auto;
    background-position: 0% 80%;
}
.OverTextBox{
	color: #ffffff;
	text-shadow: 0px 0px 5px #3e3e3e, 0px 0px 5px #3e3e3e;
}

.WhatIsOverClockBgImg .PointText{
	color: #6d0000;
	animation:FontBling 2s 0s;
	animation-direction: alternate-reverse; 
    animation-iteration-count: infinite; /*애니메이션 무한실행*/

	-webkit-animation:FontBling 2s 0s;
	-webkit-animation-direction: alternate-reverse;
    -webkit-animation-iteration-count: infinite; /*애니메이션 무한실행*/    
}

.stuffInforBody{
	color: #000000;
}

textarea{
	color: #000000;
}

.TopSideBtn a.active, 
.TopSideBtn button.active{
	color:#9c9c9c;	
}

.TopSideBtn a.active > .simbol,
.TopSideBtn button.active > .simbol{
	animation:swing 5s 0s;
	animation-direction: alternate-reverse;
    animation-iteration-count: infinite; /*애니메이션 무한실행*/

	-webkit-animation:swing 5s 0s;
	-webkit-animation-direction: alternate-reverse;
    -webkit-animation-iteration-count: infinite; /*애니메이션 무한실행*/    
}

.TopSideMenuInCategory{
	margin-top:0px;
}

.Loding{
	font-size: 40px;
	animation-name: Loding;
	animation-duration: 4s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: reverse;

	-webkit-animation-name: Loding;
	-webkit-animation-duration: 4s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: reverse;
}


/*로딩 시작*/
@-webkit-keyframes Loding {	
    from {
    	transform: rotate(360deg);
    }
    to {
    	transform: rotate(0deg);
    }
}

@keyframes Loding {	
    from {
    	transform: rotate(360deg);
    }
    to {
    	transform: rotate(0deg);
    }
}
/*로딩 끝*/

/*폰트 블링블링~ 시작*/
@-webkit-keyframes FontBling {	
    from {    	
    	/*text-shadow: 0px 0px 5px #650000, 0px 0px 5px #650000;*/
    	color: #6d0000;
    }
    to {
    	text-shadow: 0px 0px 15px #ff0000, 0px 0px 15px #ff0000;    	
    	color: #ff4a4a;
    }
}

@keyframes FontBling {	
    from {    	    
    	color: #6d0000;
    }
    to {
    	text-shadow: 0px 0px 15px #ff0000, 0px 0px 15px #ff0000;    	
    	color: #ff4a4a;
    }
}
/*폰트 블링블링~ 끝*/


.LoginPlz{
	min-height: 80vmin;
}

.LoginPlz .container{
	
}

.LoginPlz .TitleArea{
	color: #000000;
}

.TitleArea span{
	font-size: 140px;
	color: #ffae00;	
}

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

table .page-header{
	margin: 0px;
}

.searchDiv div{
	padding: 0px;
}
.searchDiv .btn{
    white-space: unset;
}

.SearchGroupArea{
	display: inline-block;
	width: 100%;
}

.SearchText{
	background-color: #ffa162;
}

.popover{
	color: #000000;
}
.stuffList div.popover{
	padding: 1px;
}
.stuffList div.arrow{
 	padding: 0px;	
}
.stuffList div.popover-content{
    padding: 9px 14px;
}

#bgndVideo{
	background-color: #000000;
}

.SelectLabor{
	text-align: left;
}


.BtnAniLoding{
	animation:ColorChange 1s 0s;
	animation-direction: alternate-reverse;
    animation-iteration-count: infinite; /*애니메이션 무한실행*/

	-webkit-animation:ColorChange 1s 0s;
	-webkit-animation-direction: alternate-reverse;
    -webkit-animation-iteration-count: infinite; /*애니메이션 무한실행*/    
}

.ADarea{		
	padding-top: 60px;
	padding-bottom: 0px;	
	background-color: #ffffff;
}

.ADarea > .container{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

.ADarea.ListMode{ /*부품 리스트*/
	background-color: #dadada;
}

.ADarea.ListMode[data-device="Mobile"]{
	padding-top: 0px;
}

.ADarea.ViewMode > .container,
.ADarea.view > .container,
.ADarea.SituView > .container{	
	margin-left: auto;
	margin-right: auto;
}

.ADarea.SituView[data-device="Mobile"]{
	padding-top: 0px;
	padding-bottom: 0px;
}

.ADarea.SituView.TopAdArea{
	padding-top: 0px;
	padding-bottom: 0px;
}

.AdAreaSmallMain{
	height: 90px;
	max-height: 90px;
}

.StuffHitPercent, .GoodsHitPercent{
	color: #ffad12;	
}

.stuffIconImg{
	width: 60px;
	height: 60px;
}

.StuffIcon{
	z-index: 2;
}

.ShotStuffListMainArea .nav-tabs li a{
	color: #000;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus{
    color: #fff;
    background-color: #cec9ae;
}

.stuffThummail, .stuffImgBox{
	background-color: #fff;	
}


#nologin_buyer .tab-content{
	margin-top:10px;
}


.goods_footer{
	min-height: 150px;
}


.GoodsBox{		
	transition:all 0.5s;
}

.GoodsBox .GoodsBoxRound{
	border-radius: 2%;
	transition:all 0.5s;
}
.GoodsBox:hover .GoodsBoxRound{
	filter: drop-shadow(6px 9px 4px #696969);
}
.GoodsBox:hover .goods_img {
	background-size: 102% auto;
}

.RecommendationPcArea .GoodsBox:hover .GoodsBoxRound{
	filter: drop-shadow(6px 9px 4px #303c3e);
}

.BigPointText, .SmallPointText{
	text-shadow: 0px 0px 10px black;
}

.DontNeedMargin{
	margin: unset;
}

.DontNeedPadding{
	padding: unset;
}

/*
.StuffContainer {    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
}
*/

@-webkit-keyframes ColorChange {	
    from {    	    	
	    background-color: #d9534f;
	    border-color: #d9534f;
    }
    to {    	
	    background-color: #ff0000;
	    border-color: #ff0000;
		/*box-shadow: 0px 0px 5px 5px red;*/
    }
}

@keyframes ColorChange {	
    from {    	    	
	    background-color: #d9534f;
	    border-color: #d9534f;
    }
    to {    	
	    background-color: #ff0000;
	    border-color: #ff0000;	    
		/*box-shadow: 0px 0px 5px 5px red;*/
    }
}



@media (min-width: 800px){ /*최소 가로 사이즈가 저 수치를 넘어가면! */
	section{
		min-height: 84%;
	}

	.top-category-btn .btn-link{	  
		float: left;
		padding-left: 12px;
		padding-right: 12px;
	}

	.RecomLogo{
		top: 0px;
		left: 10px;
	}


	.OderBySelectArea .container{
		padding-left: 15px;
		padding-right: 15px;
	}

}

.JoinMessege{
	font-size : 12px;
	color: #d03b00;
}

.navbar-fixed-top .navbar-collapse{
	max-height:60%;
}

#map{
	width:100%;
	height:400px;
}



.StuffPartSection .IconArea .IconDiv,
.StuffOnePart .IconArea .IconDiv{
	font-size: 20px;
	transform: rotate(180deg);
	right: -10px;
    top: 10px;
}

.FaceBookIcon{
	width:20px;
	height:auto;
}


.SearchContralArea[data-where="board"],
.SearchContralArea[data-where="support"]{
	background-color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #aeaeae;
}

.CapyAddress{
	color: #aaa;
	padding: 0px;
	margin: 0px;
	white-space: inherit;
}
.CapyAddress:hover{
	color: #7c7c7c;
}

.SmallFont{
	font-size: 11px;
}

.CommentAddBtn .Loding{
	font-size: 10px;
}
.SplitPay{
	color: #ff00f4;
}


.MainThumnail{	
	border:1px solid rgba(228, 228, 228, 1);
	transition:all 0.5s;
}

.DottedLine{
	border-bottom: 1px dotted #676767;
}
.MyPayHistroy .DottedLine{
	border-color: #d6d6d6;
}
.MainStuffLinUp .DottedLine,
.NewStuffLineUp .DottedLine{
	border-bottom: 1px dotted #676767;
}

.FavoAddBtn[data-add="0"], 
.FavoAddBtn[data-add="0"]:hover{
	color:#bdbdbd;
}

.FavoAddBtn[data-add="1"], 
.FavoAddBtn[data-add="1"]:hover{
	color:red;
}

.FavoAddBtn .Loding{
	font-size: 18px;
}

.FavoAddBtn{
	font-size: 18px;	
}

.btn-StuffOrder, .bg-StuffOrder{
	background-color: #d64fd9;
}

.btn-StuffOrder:hover, .bg-StuffOrder:hover{
	background-color: #7d2d7e;
	color: #fff;
}

.bg-processingdelay{
	background-color: #d64fd9;
	color: #fff;
}
.btn-outline-processingdelay{
	--bs-btn-color: #d64fd9;
    --bs-btn-border-color: #d64fd9;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d64fd9;
    --bs-btn-hover-border-color: #d64fd9;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #d64fd9;
    --bs-btn-active-border-color: #d64fd9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #d64fd9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #d64fd9;
    --bs-gradient: none;
}
.text-bg-processingdelay{

}

.btn-MakeReady, .bg-MakeReady{
	background-color: #4fd9ab;
}

.btn-StuffAssembly, .bg-StuffAssembly{
	background-color: #607d8b;
}
.btn-Stabilize, .bg-Stabilize{
	background-color: #795548;
}
.btn-AssemblyComplete, .bg-AssemblyComplete{
	background-color: #673ab7;
}

.bg-OderCancel {
    /*background-color: #f04ecf;*/
    background-color: #6f4763;
}

.bg-extinction{
	background-color: #844fd9;
}

.bg-GoodsLinUp{
	background-color: #ff7800;
}


.stuffBox .LabelArea{
	height: 0;
    position: relative;    
}

.media-body .LabelArea{
	margin-top: 0px;
	height: unset;
}

.LabelArea img{
	width: 25px;
}

.RecomStuffArea .LabelArea img {
	width: 27px;
}

.NavArea .container {
	padding-left: 15px;
	padding-right: 15px;
	margin: 0px;
	width: 100%;
	max-width: 100%;
}

.NewGoodsArea .GoodsSimbolImg{
	left:-20px;
}

@media (max-width: 700px){
	.simbol {
	    font-size: 35px;
	    transition:all 0.5s;
	}
}

@media (min-width: 1024px){
	.NavArea .container {
		padding-left: 25px;
	}

	.NewGoodsArea .GoodsSimbolImg{
		width: 60px;
	}
}

@media (min-width: 1280px){
	.NavArea .container {
		padding-right: 15px;
		padding-left: 25px;
	}
	.NewGoodsArea .GoodsSimbolImg{
		width: 40px;
	}
	/*
	.NewGoodsArea .goods_name {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	*/
}

@media (min-width: 1360px){
	.NavArea .container {
		padding-right: 25px;
		padding-left: 25px;
	}
}

@media (min-width: 1920px){
	.NavArea .container {
		padding-left: 40px;
		padding-right: 40px;
	}
}

.LogMessegeRow{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #676767;
}

.LogMessegeRow:last-child{
	border-bottom: unset;
}

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

#MsgSetting .MsgSettingUpdAgree .Loding,
.modal button .Loding{
	font-size: 12px;
}

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

.modal .GoodsWarranty .title{
	margin-top: 5px;
    margin-bottom: 5px;
}


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

/*광고 아티클 구간 시작*/

.MainArticle{
	position: absolute;
	color:#000000;	
	text-align: right;
	min-width: 250px;
	right: 1%;
	transition:all 0.3s;
}

.MainArticle[data-for="GoodsList"],
.MainArticle[data-for="StuffSearchList"],
.MainArticle[data-for="MakeMyPc"],
.MainArticle[data-for="MyPcInq"]{
	position: sticky;
	min-width: 100%;
}


.MainArticle[data-for="MakeMyPc"],
.MainArticle[data-for="MyPcInq"],
.MainArticle[data-for="CartList"]{
	margin-top: 0px;
}

.MainArticle[data-for="event"]{
	margin-top: 76px;
}

.SecondAdArticle{
	position: absolute;		
	min-width: 250px;
	width: 250px;
	right: 3%;
	margin-top: 80px;
	text-align: right;
	transition:all 0.3s;
}

.SquareArticle{
	position: absolute;		
	width: 250px;
	min-width: 250px;
	min-height: 250px;
	right: 3%;
	margin-top: 840px;		
	text-align: right;
	transition:all 0.3s;
}

.SquareArticle[data-for="ViewBoard"],
.SquareArticle[data-for="StuffSearchList"],
.SquareArticle[data-for="MakeMyPc"],
.SquareArticle[data-for="MyPcInq"],
.SquareArticle[data-for="Event"]{
	margin-top: 200px;		
}


.SquareArticle[data-for="CartList"]{
	margin-top: 360px;
}


.SquareArticle[data-for="StuffView"]{
	margin-top: 0px;
}


.AdSlide{
	min-width: 250px;
	width: 250px;
    height: 500px;
    padding: 0px;    
    position: absolute;
    margin-top: 0px;
    padding-top: 200px;
	right: 1%;			
	transition:all 0.3s;
}

.AdSlide[data-for="StuffSearchList"],
.AdSlide[data-for="GoodsList"]{		
    padding-top: 0px;
}

.AdSlide[data-for="MyPcInq"]{	
    padding-top: 18px;
}

.AdSlide > .MainArticle[data-for="GoodsList"]{
	margin-top: 80px;		
	top: 80px;
}

.AdSlide > .SquareArticle{
	width: 100%;
}

.AdSlide > .SquareArticle[data-for="ViewBoard"],
.AdSlide > .SquareArticle[data-for="StuffSearchList"],
.AdSlide > .SquareArticle[data-for="MakeMyPc"],
.AdSlide > .SquareArticle[data-for="Event"],
.AdSlide > .SquareArticle[data-for="MyPcInq"],
.AdSlide > .SquareArticle[data-for="Trend"]{
	position: sticky;
	top: 130px;
	margin-top: 0px;	
}

.AdSlide > .SquareArticle[data-for="MakeMyPc"],
.AdSlide > .SquareArticle[data-for="MyPcInq"]{
	margin-top: 15px;	
}

.AdSlide > .SquareArticle[data-for="StuffSearchList"]{
	margin-top: 156px;		
	top: 110px;
}

.AdSlide > .SquareArticle[data-for="Event"]{
	margin-top: 100px;		
}

.AdSlide > .SquareArticle[data-for="MakeMyPc"] {
    top: 130px;
}

.ShareBtn img{
	vertical-align: unset;
}

.AllSituListCheckBox > div > div{
	padding-top: 10px;
	padding-bottom: 10px;
}


.GoodsPayInfor{
	background-color:#343432;
}
.StuffPayInfor{
	background-color:#515b61;
}

.GoodsPayInfor,
.StuffPayInfor{	
	padding-top: 30px;
	padding-bottom: 30px;
}

.GoodsPayInfor .TopTextArea .Title,
.StuffPayInfor .TopTextArea .Title{
	font-size: 25px;
	color: #ffc000;
}

.GoodsPayInfor .DiscriptionArea .BigText,
.StuffPayInfor .DiscriptionArea .BigText{
	font-size: 18px;
}

.GoodsPayInfor .DiscriptionArea .SmallText,
.StuffPayInfor .DiscriptionArea .SmallText{
	font-size: 13px;
	margin-top: 20px;
}

.GoodsPayInfor .DiscriptionArea .SmallText .CardPayCash,
.StuffPayInfor .DiscriptionArea .SmallText .CardPayCash{	
	color: #00c5fe;
}

.GoodsPayInfor .DiscriptionArea .SmallText .TruePayCash,
.StuffPayInfor .DiscriptionArea .SmallText .TruePayCash{
	color: #ff4444;
}




.OderBySelectArea .OderBy.disabled{
	color: #000;
}

.ProgressViewArea{
	color: #fff;
	padding-top: 30px;
	padding-bottom: 100px;
}


.stuff_pay{
	color: red;
}
.stuff_card_pay {
    color: #00cfff;
}

.MainNoticLinkBtn{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: none;
	outline:0;
	cursor: pointer;
	text-decoration: none;	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.MainNoticLinkBtn:link,
.MainNoticLinkBtn:active,
.MainNoticLinkBtn:focus,
.MainNoticLinkBtn:hover,
.MainNoticLinkBtn:visited {
    text-decoration: none;
	border: none;
    outline:0;
}

.AppChangeArea{
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #000;
}


.btn-extinction{
	color: #fff;
	background-color: #844fd9;
}

.BoardMainViewSection .page-header a,
.InquiryArea .page-header a,
.QAArea .page-header a,
.PersonalPayArea .page-header a{
	color: #9b9b9b;
}

.BoardMainViewSection .page-header a:hover,
.InquiryArea .page-header a:hover,
.QAArea .page-header a:hover,
.PersonalPayArea .page-header a:hover{
	color: #4e4e4e;
}



.TopSideShotMenu{    
	margin-top: 53px;
    background-color: #141414;
	z-index: 1028;
}

.TopSideShotMenu .table-responsive{
	/*height: 68px;*/
}

.TopSideShotMenu .simbol{
	font-size: 20px;
}



.TopSideShotMenu a.active > .simbol {
    animation: swing 5s 0s;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
    -webkit-animation: swing 5s 0s;
    -webkit-animation-direction: alternate-reverse;
    -webkit-animation-iteration-count: infinite;
}


.navbar-default .navbar-nav > li > .MyFavoViewBtn{
	width: 63px;
	color: red;
}

.navbar-default .navbar-nav > li > .MyFavoViewBtn:hover{	
	color: #c22828;
}


.btn .Loding{
	font-size: 13px;
}

.btn .LodingIconArea .Loding{
	font-size: 20px;
	color: #000;
}

.AuthControlBtn{
	border-radius: 50%;
	width: 25px;
	height: 25px;	
}

.AuthControlBtn[value="0"]{
	background-color: #b72424;
}

.AuthControlBtn[value="1"]{
	background-color: #08b108;
	box-shadow: 2px 2px 4px #62ff62, -2px -2px 4px #62ff62, 2px -2px 4px #62ff62, -2px 2px 4px #62ff62, 0px 2px 4px #62ff62, 0px -2px 4px #62ff62, -2px 0px 4px #62ff62, 2px 0px 4px #62ff62;
}

.CategoryGroupBtnArea{
	padding-top: 5px;
	padding-bottom: 5px;
}
.GroupArea{
	padding-top: 15px;
	padding-bottom: 15px;
}

.EventArea a{
	text-decoration: none;
}

.btn.ThisStuffView:hover,
.btn.ThisStuffView:active,
.btn.ThisStuffView:link,
.btn.ThisStuffView:visited,
.btn.ThisStuffView:focus{
	border: none;
	outline: none;
}

.TopSideMenu .table td,
.TopSideShotMenu .table td,
.EventArea .table td,
.PcLifeArea .table td{	
	border: 0px;
}

.TopSideMenu .table td,
.TopSideShotMenu .table td{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

.TopSideMenu .table-responsive,
.TopSideShotMenu .table-responsive,
.EventArea .table-responsive,
.PcLifeArea .table-responsive{
	overflow-x: auto;	
	border: 0px;
}

.TopSideMenu .table-responsive::-webkit-scrollbar,
.TopSideShotMenu .table-responsive::-webkit-scrollbar,
.EventArea .table-responsive::-webkit-scrollbar,
.PcLifeArea .table-responsive::-webkit-scrollbar{ 
	display:none; 
}

.TopSideBtn{
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	transition: all 0.5s;
}

.TopSideMenu .table-responsive,
.TopSideShotMenu .table-responsive,
.EventArea .table-responsive,
.TopSideShotMenu .table-responsive,
.MainMenuArea .table-responsive{
	margin: 0px;	
}


.TopSideMenu .ArrowArea,
.TopSideMenu .LeftArea,
.TopSideMenu .RightArea,
.TopSideShotMenu .ArrowArea,
.TopSideShotMenu .LeftArea,
.TopSideShotMenu .RightArea,
.PcLifeArea .ArrowArea,
.PcLifeArea .LeftArea,
.PcLifeArea .RightArea,
.MainMenuArea .ArrowArea,
.MainMenuArea .LeftArea,
.MainMenuArea .RightArea{
	padding-left: 0px;
	padding-right: 0px;	
}

.TopSideMenu .LeftArea,
.TopSideMenu .RightArea,
.PcLifeArea .LeftArea,
.PcLifeArea .RightArea{
	padding-top: 41px;
    padding-bottom: 41px;
}

.TopSideShotMenu .LeftArea,
.TopSideShotMenu .RightArea{
	padding-top: 13px;
    padding-bottom: 13px;
}

.TopSideMenu .LeftArea,
.TopSideShotMenu .LeftArea,
.PcLifeArea .LeftArea{
	background: linear-gradient(270deg, #ff000000, #141414);
	
}

.TopSideMenu .RightArea,
.TopSideShotMenu .RightArea,
.PcLifeArea .RightArea{
	background: linear-gradient(90deg, #ff000000, #141414);
}

.MainMenuArea .LeftArea{
	background: linear-gradient(270deg, #ff000000, #000000);	
}
.MainMenuArea .RightArea{
	background: linear-gradient(90deg, #ff000000, #000000);
}


.TopSideMenu .ArrowArea{ 
    top:0px;
    color: #535041;
}

.TopSideShotMenu .ArrowArea{
	top: 0px;
    height: 0px;
    color: #535041;
    position: absolute;	
}

.MainMenuArea {
	padding: 0px;
}

.MainMenuArea .navbar-right{
	padding: 0px;
	margin: 0px;
}



.MainMenuArea .btn-link.active,
.MainMenuArea .table .btn-link.active{
	color: #969696;
}

.MainMenuArea .table .btn-link.active{	
	border-bottom: 1px solid #fff;
}

.MainMenuArea .ArrowArea{
	top: 58px;
	left: 0px;
    height: 0px;
    color: #666666;
    position: absolute;	
    padding: 0px;
}

.MainMenuArea .table td{	
	border: 0px;
}

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

.MainMenuArea .table-responsive{
	overflow-x: auto;	
	border: 0px;
}

.MainMenuArea .table-responsive::-webkit-scrollbar{ 
	display:none;
}

.MainMenuArea .btn-link {
    color: #ffffff;
}

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

.MainMenuArea ul{
	padding: 0px;
	margin: 0px;
}

.MainMenuArea .dropdown.open{
	width: 100%;
}

.MainMenuArea .navbar-nav > .open > a, 
.MainMenuArea .navbar-nav > .open > a:hover, 
.MainMenuArea .navbar-nav > .open > a:focus {
    color: #c3c3c3;
}

.LoginToggle{

}

.LoginToggle .btn,
.LoginToggle .btn:focus,
.LoginToggle .btn:hover{
	border: 0px solid rgb(0 0 0 0%);
	outline:none;
	text-decoration: none;
}

.page-header{
	border: 0px;
}

.NoPadding .page-header{
	border-bottom: 1px solid #eee;
}


nav .navbar-right .NavRightMenu a{
	padding-left: 11px;
	padding-right: 11px;
}

.FixMentArea{
	background-color: #fff;
	min-height: 85vmin;
}

.FixMentArea .FixMessage{
	padding-top: 50px;	
	padding-bottom: 80px;	
}

.FixMentArea .OversystemLogo{
	max-width: 350px;
}

.FixMentArea .OversystemLogo image{
	display:inline;
	overflow:visible;
}

.FixMentArea .title{
	color: #ff8400;
}

.FixMentArea .circle{
	border: 5px solid #ff8400;
	color: #ff8400;
	font-size: 100px;
}

.FixMentArea .circle .glyphicon{    
    text-shadow: 0px 0px 0px #ff9f00;
}

.FixMentArea .alert{
	padding-top: 25px;
	padding-bottom: 25px;
}

.BannerGuideArea{
	min-height: 80vmin;
	background-color: #fff;
	color: #000;
	font-size: 18px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.BannerGuideArea .Section{
	padding-top: 25px;
	padding-bottom: 25px;
}

.BannerGuideArea .Section img{
	margin-top: 25px;
	margin-bottom: 25px;
}

.BannerGuideArea .page-header{
	border-bottom: 1px solid #eee;
}

.BannerGuideArea .meanMainBanner, 
.BannerGuideArea .exhibiBanner{
	width: 100%;
	height: auto;
}

.BannerGuideArea .SimpleDisription{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 35px;
	background-color: #ebebeb;
}

.AsDiscription{
	padding-top: 10px;
	padding-bottom: 40px;
}


.PayOneRow .OneSection{
	border: 1px solid #d6d6d6;
}

.OverSystemInfor .busi_num{
	color: #aaa;
}

.CpuCompany[data-company="INTEL"]{
	background-color: #008df6;
}

.CpuCompany[data-company="AMD"]{
	background-color: #ff7209;	
}


.ViewArea.NoInterest p{
	margin-bottom: 20px;
}

.ViewArea.NoInterest h2,
.ViewArea.NoInterest h3{
	margin-bottom: 15px;
}

.PhoneIcon{
	min-width: 50px;
	aspect-ratio: 1/1;
}

.MyAlert.badge[data-c="0"]{
	display: none;
}

.StuffGraphArea{
	min-height: 160px;
	background-color: #f5f5f5;
}

.StepPic{
	border-radius: 50%;
    aspect-ratio: 1/1;
}

.DataListArea{
	min-height: 70%;
}

.LoadAsDataShotInfo .btn{
	text-decoration: none;
}

.YoutubeIcon{
	width: 100px;
	height: auto;
}

.ResearchArea {
	font-size: 14px;
}

.ResearchArea .SelectChoice{
	font-size: 13px;
}

.kakaopayicon{
	width:30%;
}

.AdAreaPart{
	max-width:320px;
}

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


.ExhibitionArea{
	height: 70px;
}


/*
.ExhibitionArea{
	height: 70px;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}

.ExhibitionArea::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: no-repeat;
  filter: blur(5px);
  transform: scale(1.05);
  z-index: 0;
}
.ExhibitionArea > * {
  position: relative;
  z-index: 1;
}
*/

.ExhibitionArea .PointImgDiv {	
	max-width: 250px;
} 


#StuffInforModal .AdSection{
	height: 80px;	
}

.SelectNanoFillter{
	letter-spacing: -1.2px;
}

.MyinforPageMainArea{
	color: black;
	margin-top: 55px;
	min-height: 80vmin;
}




.EventMainBox .stuffImgBox {
	height: 180px;
	background-size: cover;
	background-position: center;
	border-radius: 0.5rem 0.5rem 0 0;
	transition: filter 0.3s ease;
}
.EventMainBox .stuffImgBox.BlackFilter {
	filter: grayscale(100%) blur(1.5px);
}
.EventMainBox .EventMainBoxBG {
	border: 1px solid #dee2e6;
	border-radius: 0.5rem;
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
	overflow: hidden;
	transition: transform 0.2s ease;
	background: #fff;
}
.EventMainBox .EventMainBoxBG:hover {
	transform: translateY(-3px);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08);
}
.EventMainBox .EventName {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.hide-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;             /* Chrome, Safari, Opera */
}


.AlertListRow {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 1rem;
    overflow: hidden;
}

.AlertListRow:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

.alert-thumbnail-wrapper {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 비율 */
    overflow: hidden;
    border-right: 1px solid #e9ecef;
}

.alert-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0.5rem;
}

.stuffTextBox .paytext{
	display: none;
}


@media (min-width: 768px){
	.TopSideShotMenu .simbol{
		font-size: 30px;		
	}

	
	.FixMentArea .FixMessage{
		padding-top: 70px;	
		padding-bottom: 80px;	
	}

	.GoodsSimbolImg{
		width: 40px;
	}

	.goods_name{	
		letter-spacing: -1.8px;
	}
}

@media (min-width: 800px){
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	    color: #000000;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	    color: #aeaeae;
	}


	.TopSideBtn a,
	.TopSideBtn button {
	    font-size: 12px;
	}

	
}


@media (min-width: 1024px){	
	.FixMentArea .OversystemLogo{
		max-width: 500px;
	}
}


@media (min-width: 1440px){
	/*		
	.NewGoodsArea .GoodsSimbolImg{	
		width: 18px;
	    top: -2px;
	    left: -1px;
	}
	*/
}

@media (min-width: 1600px){

	.MainArticle{
		margin-top: 158px;
	}	
	.MainArticle[data-for="Main"],
	.SquareArticle[data-for="Main"]{
		margin-top: 147px;
	}
	.MainArticle[data-for="board"]{		
		margin-top: 185px;
	}
	.MainArticle[data-for="afterBuy"]{		
		margin-top: 181px;
	}	
	.MainArticle[data-for="pc_life"]{		
		margin-top: 181px;
	}
	.MainArticle[data-for="Q_A"]{		
		margin-top: 150px;
	}
	.MainArticle[data-for="review"]{		
		margin-top: 151px;
	}
	.MainArticle[data-for="inquiry"]{
		margin-top: 185px;
	}
	.MainArticle[data-for="OsMakeData"]{
		margin-top: 86px;
	}
	.MainArticle[data-for="ExhibitionView"]{
		margin-top: 80px;		
	}

	.MainArticle,
	.SecondAdArticle,
	.SquareArticle{
		right: 0px;
	}

	
}


@media (min-width: 1680px){
	
	.LabelArea img {
		width: 22px;
	}

	.FixMentArea .FixMessage{
		padding-top: 140px;	
		padding-bottom: 140px;	
	}

	.FixMentArea .circle{
		border: 7px solid #ff8400;
		color: #ff8400;
		font-size: 145px;
	}
}

@media (min-width: 1665px){ /*최소 가로 사이즈가 저 수치를 넘어가면! */
	.PointCar img{				
	    top: -40px;
	    left: -8px;
	}

	.SearchGroupArea{
		display: inline-block;
		width: 60%;
	}

	.GoodsSimbolImg{
		width: 60px;		
	}

	/*
	.NewGoodsArea .GoodsSimbolImg{
		width: 30px;
		top: 9px;
	}
	*/
}


@media (min-width: 1680px){ /*최소 가로 사이즈가 저 수치를 넘어가면! */
	.circle {
	  width:200px;
	  height:200px;
	  border:7px solid #ffffff;	  
	  font-size: 200px;	  
	  margin-bottom:50px;
	  transition:all 0.5s;
	}

	
	.OverSystemBank{
		margin-top: 5px;	
		transition:all 0.5s;
	}


	.circle{	
		border:7px solid #ffffff;
		transition:all 0.5s;
	}


	.TopSideMenuInCategory {
		margin-top: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		transition:all 0.5s;
	}
	
	.DiscripTionArea img{
		width: auto;
	}

	.goods_name{
		font-size:22px;
		transition:all 0.5s;
	}

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

	.top-btn > a{
		font-size:18px;		
	}

	.my_well{
		padding: 30px;	
	}

	.pagination > li > a, 
	.pagination > li > span,
	.pagination > li > button {
	    padding: 6px 12px;
	}

	.PayInfor .container{
		padding-left: 15px;
		padding-right: 15px;
	}

	video {
		width:100%;
		height:auto;
	}

	.TotalPayView div{
		padding: 0px;
	}

	.circle-type span{
	    margin-top:3px;
	    top:0px;
	}   

	.GoodsWarranty .footer,
	.CautionArea .footer{
		font-size: 24px;	
	}

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

	.GoodsWarranty .icon,
	.CautionArea .icon{
	    height: auto;
	}

	.MainArticle[data-for="Main"],
	.SquareArticle[data-for="Main"]{
		margin-top: 180px;
	}	
	.MainArticle[data-for="board"]{		
		margin-top: 234px;
	}
	.MainArticle[data-for="afterBuy"]{		
		margin-top: 233px;
	}	
	.MainArticle[data-for="pc_life"]{		
		margin-top: 233px;
	}
	.MainArticle[data-for="Q_A"]{				
		margin-top: 200px;
	}
	.MainArticle[data-for="review"]{		
		margin-top: 202px;
	}
	.MainArticle[data-for="inquiry"]{
		margin-top: 231px;
	}	
	.MainArticle[data-for="OsMakeData"]{
		margin-top: 138px;
	}
	.MainArticle[data-for="ExhibitionView"]{
		margin-top: 80px;
	}

	.MainArticle[data-for="StuffSearchList"]{
		margin-top: 158px;
	}

	.MainArticle[data-for="event"]{
		margin-top: 95px;
	}

	.SquareArticle[data-for="CartList"]{
		margin-top: 440px;		
	}	
}

@media (min-width: 1700px){	
	.stuffTextBox .paytext{
		display: inline;
	}

}

@media (min-width: 1920px){	

	.MainArticle,
	.SecondAdArticle,
	.SquareArticle,
	.AdSlide{
		right: 1%;
		min-width: 250px;
		min-height: 250px;
	}

	.top-btn > .btn {    
	    padding: 6px 25px;		
	}
}

@media (min-width: 2250px){
	.top-btn > a{
		font-size:18px;			
	}

	.MainArticle,
	.SecondAdArticle,
	.SquareArticle,
	.AdSlide{		
		right: 8%;
	}
}
/*광고 아티클 구간 끝*/





.navbar-nav .nav-item .nav-link {
  color: #ccc;
  font-weight: 500;
  padding: 0.75rem 1rem;
  border-radius: 1rem;
  transition: all 0.2s ease-in-out;
}
.navbar-nav .nav-item .nav-link.active {
  background-color: #1a1a1a;
  color: #fff;
  font-weight: bold;
}

.navbar-nav .nav-item .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}



@media (max-width: 1200px) {
  .navbar-nav {
    gap: 0.5rem !important;
  }
}



.MainBannerArea {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 5%, transparent 20%);
}


/*로그인 / 회원가입 모달 스타일 시작*/

.LoginModal .modal-dialog{
    max-width:420px;
}

.LoginModalContent{
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        rgba(24,24,32,.96) 0%,
        rgba(15,15,20,.98) 100%
    );

    backdrop-filter:blur(18px);

    box-shadow:
    0 20px 60px rgba(0,0,0,.45);
}

.LoginModal .modal-header,
.LoginModal .modal-body,
.LoginModal .modal-footer{
    padding-left:1.5rem;
    padding-right:1.5rem;
}

.LoginLogoCircle{
    position:relative;

    width:88px;
    height:88px;

    margin:auto;

    border-radius:50%;

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

    background:
    linear-gradient(
        135deg,
        #6366f1 0%,
        #8b5cf6 100%
    );

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


.LoginLogoCircle::before{
    content:'';

    position:absolute;

    inset:-8px;

    border-radius:50%;

    border:1px solid rgba(129,140,248,.22);
}

.LoginLogoCircle i{
    color:#fff;
    font-size:2rem;
}

.LoginTitle{
    color:#fff;

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

    letter-spacing:-0.03em;

    margin-bottom:4px;
}

.LoginSubText{
    color:#9ca3af;
    font-size:.88rem;
}

.LoginInput{
    height:62px;

    border-radius:18px !important;

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

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

    color:#fff;

    box-shadow:none !important;
}

.LoginInput:focus{
    border-color:rgba(129,140,248,.55);

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

    color:#fff;

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

.LoginModal .form-floating label{
    color:#9ca3af;
}

.LoginSubmitBtn{
    min-width:120px;
    height:50px;

    border:none;

    border-radius:16px;

    background:
    linear-gradient(
        135deg,
        #6366f1 0%,
        #818cf8 100%
    );

    color:#fff;

    font-weight:700;

    transition:.18s ease;
}

.LoginSubmitBtn:hover{
    transform:translateY(-1px);

    color:#fff;

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

.LoginCloseBtn{
    height:50px;
    border-radius:16px;
}

/* 회원가입 */

#join .modal-dialog{
    max-width:1000px;
}

#join .modal-content{
    border:none;

    border-radius:32px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        rgba(20,20,28,.98) 0%,
        rgba(12,12,18,1) 100%
    );

    box-shadow:
    0 25px 70px rgba(0,0,0,.45);
}

.JoinModalHeader{
    position:relative;

    padding-top:42px;
    padding-bottom:20px;
}

.JoinHeroIcon{
    width:90px;
    height:90px;

    margin:auto;

    border-radius:50%;

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

    background:
    linear-gradient(
        135deg,
        #6366f1 0%,
        #8b5cf6 100%
    );

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

.JoinHeroIcon i{
    font-size:2.2rem;
    color:#fff;
}

.JoinTitle{
    color:#fff;

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

    margin-bottom:6px;
}

.JoinSubText{
    color:#9ca3af;
    font-size:.95rem;
}

.JoinFormCard{
    padding:28px;

    border-radius:24px;

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

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

    margin-bottom:24px;
}

.JoinTermsCard{
    padding:24px;

    border-radius:24px;

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

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

#join .form-control{
    height:60px;

    border-radius:18px;

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

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

    color:#fff;
}

#join .form-control:focus{
    background:rgba(255,255,255,.06);

    border-color:rgba(129,140,248,.45);

    color:#fff;

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

#join .form-floating label{
    color:#9ca3af;
}

#join .table{
    margin-bottom:0;

    color:#d1d5db;

    border-color:rgba(255,255,255,.08);
}

#join .table th{
    background:rgba(255,255,255,.04);

    color:#fff;

    font-weight:700;
}

#join .table td{
    background:transparent;
}

#join .modal-footer{
    border:none;

    padding:24px 32px 32px;
}

#join_btn{
    min-width:180px;
    height:56px;

    border:none;

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        #6366f1 0%,
        #8b5cf6 100%
    );

    font-weight:700;

    transition:.2s ease;
}

#join_btn:hover{
    transform:translateY(-1px);

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

#join_btn.disabled{
    opacity:.45;
}

/* 주소 검색 */

.JoinAddressGroup{
    display:flex;
    gap:10px;
}

.JoinAddressInput{
    height:60px;

    border-radius:18px !important;

    background:rgba(255,255,255,.04) !important;

    border:1px solid rgba(255,255,255,.08) !important;

    color:#fff !important;
}

.JoinAddressBtn{
    min-width:130px;

    border:none;

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        #6366f1 0%,
        #8b5cf6 100%
    );

    color:#fff;

    font-weight:700;

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

    transition:.18s ease;
}

.JoinAddressBtn:hover{
    transform:translateY(-1px);

    color:#fff;

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

.JoinAddressSearchArea{
    margin-top:20px;

    padding:24px;

    border-radius:24px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.035) 0%,
        rgba(255,255,255,.02) 100%
    );

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

    animation:fadeUp .2s ease;
}

.JoinAddressSearchInner{
    margin-bottom:20px;
}

.JoinAddressSearchTitle{
    display:flex;
    align-items:center;
    gap:10px;

    color:#fff;

    font-size:1.05rem;
    font-weight:700;

    margin-bottom:6px;
}

.JoinAddressSearchTitle i{
    color:#818cf8;
}

.JoinAddressSearchDesc{
    color:#9ca3af;

    font-size:.88rem;

    margin-bottom:18px;
}

.JoinAddressInputGroup{
    display:flex;
    gap:10px;
}

.JoinAddressKeyword{
    height:58px;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#fff;
}

.JoinAddressKeyword:focus{
    background:rgba(255,255,255,.06);
    color:#fff;
    border-color:rgba(129,140,248,.45);
    box-shadow:0 0 0 4px rgba(99,102,241,.12);
}

.JoinAddressSearchBtn{
    flex-shrink:0;

    min-width:120px;
    height:58px;

    border:none;

    border-radius:18px !important;

    background:
    linear-gradient(
        135deg,
        #6366f1 0%,
        #8b5cf6 100%
    );

    color:#fff;

    font-weight:700;

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

    transition:.18s ease;
}

.JoinAddressSearchBtn:hover{
    color:#fff;

    transform:translateY(-1px);

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

/* 주소 리스트 */

.adList{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.AddressOneSection{
    width:100%;

    text-align:left;

    padding:18px 20px;

    border:none;

    border-radius:22px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.04) 0%,
        rgba(255,255,255,.025) 100%
    );

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

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

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

    border-color:rgba(129,140,248,.35);

    background:
    linear-gradient(
        180deg,
        rgba(99,102,241,.12) 0%,
        rgba(99,102,241,.04) 100%
    );

    box-shadow:
    0 12px 28px rgba(0,0,0,.18);
}

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

    margin-bottom:10px;

    padding:6px 12px;

    border-radius:999px;

    background:rgba(99,102,241,.14);

    color:#a5b4fc;

    font-size:.75rem;
    font-weight:700;
}

.AddressMain{
    color:#fff;

    font-size:1rem;
    font-weight:700;

    line-height:1.5;

    word-break:keep-all;
}

.AddressBuilding{
    color:#cbd5e1;

    font-size:.9rem;

    font-weight:500;
}

.AddressSub{
    margin-top:10px;

    color:#9ca3af;

    font-size:.85rem;

    line-height:1.5;
}

#adMessege{
    margin-bottom:14px;
    color: #ffffff;
}

.adPage button{
    border-radius:12px !important;
}

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(8px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media (max-width:768px){

    .JoinAddressGroup,
    .JoinAddressInputGroup{
        flex-direction:column;
    }

    .JoinAddressBtn,
    .JoinAddressSearchBtn{
        width:100%;
    }

    .JoinAddressSearchBtn{
        min-height:54px;
    }

    .JoinAddressInputGroup{
        display:flex;
        flex-direction:column;
    }

    .JoinAddressInputGroup .form-control,
    .JoinAddressInputGroup .btn{
        width:100%;
    }
}

.JoinInputLabel{
    display:flex;
    align-items:center;
    gap:8px;

    margin-bottom:10px;

    color:#d1d5db;

    font-size:.92rem;
    font-weight:600;

    letter-spacing:-0.02em;
}

.JoinInputLabel i{
    color:#818cf8;

    font-size:.95rem;
}

.JoinInputLabel .text-info{
    color:#67e8f9 !important;

    font-size:.8rem;

    font-weight:700;
}
.AddressResultInfor{
    margin-bottom:20px;
}

.AddressResultCount{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 16px;

    border-radius:999px;

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

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

    color:#d1d5db;

    font-size:.9rem;
    font-weight:600;
}

.AddressResultCount i{
    color:#818cf8;
}

.AddressResultCount strong{
    color:#ffffff;

    font-size:1rem;
}

.AddressPaginationWrap{
    margin-bottom:24px;
}

.AddressPagination{
    gap:10px;
}

.AddressPagination .page-item{
    margin:0;
}

.AddressPagination .page-link{
    min-width:46px;
    height:46px;

    border:none;

    border-radius:14px !important;

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

    color:#cbd5e1;

    font-weight:700;

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

    transition:.18s ease;
}

.AddressPagination .page-link:hover{
    background:rgba(99,102,241,.16);

    color:#ffffff;

    transform:translateY(-1px);
}

.AddressPagination .page-item.active .page-link{
    background:
    linear-gradient(
        135deg,
        #6366f1 0%,
        #8b5cf6 100%
    );

    color:#ffffff;

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

.JoinCloseBtn{
    min-width:120px;
    height:56px;

    border:none;

    border-radius:18px;

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

    color:#e5e7eb;

    font-weight:700;

    transition:.18s ease;
}

.JoinCloseBtn:hover{
    background:rgba(255,255,255,.14);

    color:#ffffff;

    transform:translateY(-1px);
}

/* 회원가입 validation */

#join .form-control.is-valid{
    border-color:#22c55e !important;

    background:
    linear-gradient(
        180deg,
        rgba(34,197,94,.10) 0%,
        rgba(255,255,255,.04) 100%
    ) !important;

    box-shadow:
    0 0 0 4px rgba(34,197,94,.12) !important;

    color:#ffffff !important;
}

#join .form-control.is-valid:focus{
    border-color:#22c55e !important;

    box-shadow:
    0 0 0 4px rgba(34,197,94,.18) !important;
}

#join .form-control.is-invalid{
    border-color:#ef4444 !important;

    background:
    linear-gradient(
        180deg,
        rgba(239,68,68,.10) 0%,
        rgba(255,255,255,.04) 100%
    ) !important;

    box-shadow:
    0 0 0 4px rgba(239,68,68,.12) !important;

    color:#ffffff !important;
}

#join .form-control.is-invalid:focus{
    border-color:#ef4444 !important;

    box-shadow:
    0 0 0 4px rgba(239,68,68,.18) !important;
}

.JoinMessege{
    margin-left:6px;

    font-size:.8rem;
    font-weight:600;

    transition:.18s ease;
}

.JoinSuccessText{
    color:#4ade80 !important;
}

.JoinErrorText{
    color:#f87171 !important;
}
/*로그인 / 회원가입 모달 스타일 끝*/

/*비로그인 유저 구매정보 확인 시작*/
#nologin_buyer .nav-link{
    border:none;

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

    color:#9ca3af;

    font-weight:600;

    min-height:56px;

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

    transition:.18s ease;
}

#nologin_buyer .nav-link:hover{
    color:#fff;

    background:rgba(255,255,255,.08);
}

#nologin_buyer .nav-link.active{
    color:#fff;

    background:
    linear-gradient(
        135deg,
        #6366f1 0%,
        #8b5cf6 100%
    );

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

#nologin_buyer .modal-body{
    padding-left:1.5rem;
    padding-right:1.5rem;
}

#nologin_buyer .modal-footer{
    padding-left:1.5rem;
    padding-right:1.5rem;
    padding-bottom:1.5rem;
}
/*비로그인 유저 구매정보 확인 끝*/

/*비밀번호 찾기 모달 시작*/


#found_password .LoginInput{
    letter-spacing:-0.02em;
}

#found_password .LoginSubmitBtn{
    min-width:170px;
}
/*비밀번호 찾기 모달 끝*/

/*nav bar 처리 스타일 시작*/
@media (min-width: 1400px){

    .TopBtnOn{
        display:flex;
        align-items:center;
        position:relative;
    }

    .MainMenuWrap{
        flex:1;
        display:flex;
        justify-content:center;
        min-width:0;
    }

    .MainMenuList{
        flex-wrap:nowrap;
        white-space:nowrap;
    }

    .MainMenuList .nav-link{
        white-space:nowrap;
        padding-left:.55rem;
        padding-right:.55rem;
        font-size:.95rem;
    }

    .SearchAreaWrap{
        flex:0 0 260px;
    }

    .RightMenu{
        flex:0 0 auto;
    }

}

.CartNavLink{
    width: 44px;
    height: 44px;
    padding: 0;
}

.CartBadge{
    min-width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
}
.AlertNavLink{
    width: 44px;
    height: 44px;
    padding: 0;
}

.AlertBadge{
    min-width: 18px;
    height: 18px;
    margin-top: 4px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}



/*nav bar 처리 스타일 끝*/