/*!
 * ob.php CSS
 */
 @font-face {
  font-family: 'beleren';
  src: url('../BelerenSmallCaps.ttf');  
}
  #obwrapper_popup div[id ^= 'hd_pops_'] {width:94%;margin:10px;max-width:500px;position:absolute; padding:20px 30px; background:#fff; z-index:100000;border-radius:5px;overflow:auto}
	#obwrapper_popup div[id ^= 'hd_pops_'] h2 {display:block;margin:10px 0 0;padding-bottom:15px;border-bottom:1px #d8d8d8 solid;font-size:1.1em;font-weight:bold}
	#obwrapper_popup div[id ^= 'hd_pops_'] p {display:block;padding:20px 0 0;margin:0;font-size:1.0em;line-height:1.5em}
	#obwrapper_popup div[id ^= 'hd_pops_'] .hour-close {display:inline-block;padding:8px 20px;background:#f2f2f2;color:#666;border:1px #d8d8d8 solid;border-radius:5px;margin-top:15px}
	#obwrapper_popup div[id ^= 'hd_pops_'] .hour-close:hover {background:#54A94C;color:#f8f8f8}
	#obwrapper_popup div[id ^= 'hd_pops_'] img.cancel {position:absolute; right:10px;top:10px;zoom:1;filter: alpha(opacity=50);opacity: 0.7}
	#obwrapper_popup div[id ^= 'hd_pops_'] img.cancel:hover {zoom:1;filter: alpha(opacity=100);opacity: 1.0}
	#obwrapper_popup .c1 {border:1px #54A94C solid;border-bottom:10px solid #54A94C} /*green*/
	#obwrapper_popup .c2 {border:1px #5390BC solid;border-bottom:10px solid #5390BC} /*blue*/
	#obwrapper_popup .c3 {border:1px #FF969D solid;border-bottom:10px solid #FF969D} /*pink*/
	#obwrapper_popup .c4 {border:1px #5B56A6 solid;border-bottom:10px solid #5B56A6} /*purple*/
	#obwrapper_popup .c5 {border:1px #CCB7A2 solid;border-bottom:10px solid #CCB7A2} /*maroon*/
	#obwrapper_popup .b-area {width:100%;text-align:right;margin-top:20px;border-top:1px #ccc solid}
	#obwrapper_popup i {display: inline-block;background: #339933;margin: 3px 5px 0 0;border-radius: 2px;font-weight: normal;color: #fff;}
	#obwrapper_popup ul {list-style-type:disc;margin:0 0 20px 30px;line-height:1.5em}
	#obwrapper_popup .c-green {color:green !important}
	#obwrapper_popup .c-blue {color:blue !important}
	#obwrapper_popup .c-red {color:red !important}
	.layer-shadow {box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.74);-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.74);-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.74);}


/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/*
.obdf_panel {
  position: relative;  
  width:100%;
  margin: 100px auto;
}
*/

.obdf_card {  
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition: all .5s;
  backface-visibility: hidden;
}

.obdf_front {
  position: absolute;
  z-index: 2;
}

.obdf_back {
  position: relative;
  z-index: 1;
  transform: rotateY(-180deg);
}

.obdf_panel:hover .obdf_front {
  z-index: 1;
  transform: rotateY(180deg);
}

.obdf_panel:hover .obdf_back {
  z-index: 2;
  transform: rotateY(0deg);
}



.dropbox-menuitem div:hover
{
  background-color:yellow;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid #f00;
}

#main 
{
  font-size:0.9rem;
  /*font-family: '맑은 고딕', 'Courier New', Courier, monospace;*/
}

.brand-logo
{
  vertical-align: middle !important;
}


.se
{
  width:100%;
}

#newid
{
  width:300px;
  margin: 0 auto;
  
}

.searchen {
  z-index:999;
  top :64px;
  right:20px !important;
  position:absolute !important;
  background: #0B173B;
  color: white;
  border-radius : 8px !important;
  width:50%;
  max-width:300px;
}

.ordertd {
  text-align: center;
  border-right: 1px black;
  padding: 5px 5px;

}

.favtd {  
  text-align: center;
  border-right: 1px black;
  padding: 5px 5px;
  height:40px;
}


.ordernumtd {
  text-align: right;
  padding: 5px 5px;
}

.searchai
{
  float:right;  
  padding:0px 20px;
}

.mescardbox
{
  /*내 메시지 보드에서 카드 이미지 상자*/
  float:left;
  
}

.mesinfobox
{
  /*내 메시지 보드에서 카드 정보 상자*/
  float:left;
  display:none;
}

.mesbox {
  display:none;
  /*height:30px;*/
  position:absolute;
  z-index: 1;
}

.mesbox1 {
  display:none;
  /*height:30px;*/
  position:absolute;
  z-index: 1;
}

.dropdown-content
{
  top:60px;
} 

body {
    font-family: 맑은고딕;
    /*background-color: rgba(192, 192, 192, 0.719);    */
}


.foiltext
{   
  color: white;
  z-index: 5;
  position: relative;
  font-size: 24px;
  font-weight: bold;  
  text-shadow: 2px 2px 0 #FF0000;
  
  left:50px;
  top: -30px; 
  text-align:left;
}

.foil
{
  /*display:none;*/
  color: transparent;
  z-index: -1;
  position: relative;  
  /*left: 10px;*/
  /*top: -50px;   */
  /*top: -270px;*/
  text-align:left;
  /*width:173px;*/
  width:100%;
  border-radius : 8px !important;  
}

.soldout
{
  color: transparent;
  z-index: 0;
  position: relative;  
  /*left: 10px;*/
  /*top: -50px;   */
  /*top: -555px;*/
  text-align:left;
  /*width:173px;*/
  width:100%;
  border-radius : 8px !important;  
}

.soldout2
{
  color: transparent;
  z-index: 0;
  position: relative;  
  /*left: 10px;*/
  /*top: -50px;   */
  /*top: -277px;*/
  text-align:left;
  /*width:173px;*/
  width:100%;
  border-radius : 8px !important;  
}

.foilbox {
  
  /*opacity: 0;*/
  position: absolute;
  height:0px;
  text-align: center;
  width:48%;
}

p .leftmenutext
{
  margin: 0 auto;
  width:100%;
  text-align:center;
}
.container
{
  width:100%;
  
  /*position:absolute;
  clear:both;
  */
}

.leftmenu2
{ 
  /*float:left;*/
  width:100%; 
  
}
.midboxnew
{
  width:87%;
  margin : 0 auto;
  /*float:right;*/
  margin-top:10px;
  
}

.midbox
{
  /*width:87%;*/
  margin : 0 auto;
  /*float:right;*/
  margin-top:10px;
  
}

.pricetd td {
  padding : 0px 0px 0px 0px;
}

.cardlisttable
{
  text-align : center;
  margin-right : 2px;
  border : 1px 1px 1px 1px;
  border-color: black;
}

.imagelogo
{
  padding-top:3px;
  height:35px;
}


.searchbox { 
  /*width:100px;
  right:0%;
  margin : 0 auto; 
  float:right;
  display:block;
  z-index:999;
  */
}

.input-field .prefix
{
  top :0px !important;
}

div .logintext {
  margin : 0 auto;
  /*width:700px;*/
  width:100%;
  text-align:center;
  line-height: 2.0em;  
}

p .logintext {
  text-align:center;
  margin-top:2px;

}

.searchboxmaggle div {
  height:100px;  
  text-align : center;
}

.magglelogo div {
  text-align : center;
  
}

.maggletext p {
  text-align : center;
}



.cardinfo {
  float:left;  
  width:50%;   
}

.cardimage {
  float:left;  
  width:100%;    
}

.proprice {
  clear:both;
  line-height:1em;
}

.playerprice {
  clear:both;
  line-height:1em;
}

.cardlisttabletextinner
{
  text-align : center;

}

div .cardbox {
  padding-bottom: 10px;
  border: 1px solid rgb(209, 209, 209);
  border-radius : 8px !important;
  width:48%;
  margin-right:3px;
  display:inline-block;
  background-color: white;
  
}

.editor ul {
list-style-type: disc !important;margin-top: 1em;margin-bottom: 1 em;
}

li {
  border-top : 2px;
  border-color: #000
}

div .footer {
  
  background: black;
  margin-top: 20px;
  /*position: relative;*/
  clear:both;

}
div .aside {
  float:left;
  display:none;
}

.foilcard
{
  content: "";
  color: transparent;
  font-weight: bold;
  /*display: inline-block;*/
  display:block;
  width: 218px;
  height:303px;
  position: relative;
  /*left: 0px;*/
  opacity: .8;
  /*top:0px;*/
  background: rgba(222,197,37,0);
  background: -moz-linear-gradient(-45deg, rgba(222,197,37,0) 0%, rgba(222,197,37,0) 1%, rgba(255,8,8,0.06) 19%, rgba(239,111,23,0.1) 32%, rgba(222,213,37,0.23) 45%, rgba(36,222,101,0.39) 62%, rgba(47,221,109,0.4) 63%, rgba(216,208,239,0.39) 79%, rgba(131,123,173,0.38) 88%, rgba(136,129,178,0.38) 89%, rgba(193,191,234,0) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(222,197,37,0)), color-stop(1%, rgba(222,197,37,0)), color-stop(19%, rgba(255,8,8,0.06)), color-stop(32%, rgba(239,111,23,0.1)), color-stop(45%, rgba(222,213,37,0.23)), color-stop(62%, rgba(36,222,101,0.39)), color-stop(63%, rgba(47,221,109,0.4)), color-stop(79%, rgba(216,208,239,0.39)), color-stop(88%, rgba(131,123,173,0.38)), color-stop(89%, rgba(136,129,178,0.38)), color-stop(100%, rgba(193,191,234,0)));
  background: -webkit-linear-gradient(-45deg, rgba(222,197,37,0) 0%, rgba(222,197,37,0) 1%, rgba(255,8,8,0.06) 19%, rgba(239,111,23,0.1) 32%, rgba(222,213,37,0.23) 45%, rgba(36,222,101,0.39) 62%, rgba(47,221,109,0.4) 63%, rgba(216,208,239,0.39) 79%, rgba(131,123,173,0.38) 88%, rgba(136,129,178,0.38) 89%, rgba(193,191,234,0) 100%);
  background: -o-linear-gradient(-45deg, rgba(222,197,37,0) 0%, rgba(222,197,37,0) 1%, rgba(255,8,8,0.06) 19%, rgba(239,111,23,0.1) 32%, rgba(222,213,37,0.23) 45%, rgba(36,222,101,0.39) 62%, rgba(47,221,109,0.4) 63%, rgba(216,208,239,0.39) 79%, rgba(131,123,173,0.38) 88%, rgba(136,129,178,0.38) 89%, rgba(193,191,234,0) 100%);
  background: -ms-linear-gradient(-45deg, rgba(222,197,37,0) 0%, rgba(222,197,37,0) 1%, rgba(255,8,8,0.06) 19%, rgba(239,111,23,0.1) 32%, rgba(222,213,37,0.23) 45%, rgba(36,222,101,0.39) 62%, rgba(47,221,109,0.4) 63%, rgba(216,208,239,0.39) 79%, rgba(131,123,173,0.38) 88%, rgba(136,129,178,0.38) 89%, rgba(193,191,234,0) 100%);
  background: linear-gradient(135deg, rgba(222,197,37,0) 0%, rgba(222,197,37,0) 1%, rgba(255,8,8,0.06) 19%, rgba(239,111,23,0.1) 32%, rgba(222,213,37,0.23) 45%, rgba(36,222,101,0.39) 62%, rgba(47,221,109,0.4) 63%, rgba(216,208,239,0.39) 79%, rgba(131,123,173,0.38) 88%, rgba(136,129,178,0.38) 89%, rgba(193,191,234,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec525', endColorstr='#c1bfea', GradientType=1 );
  z-index: 999;
}

.pricetd {
  padding : 5px 0px 0px 0px;
}

 .cardboxtablecardimage {  
  display:block;
  margin: 0 auto;
  border-radius : 8px !important;
  width:100%;
  text-align: center;
  /*max-width:180px;*/
  padding:0px;
  position:relative;
  
}

.cardboxtable {
  text-align: center;
  margin: auto;
  /*padding-right: 2px;*/
  /*display:inline-block;*/

}
.cardboxtabletextinner
{
  text-align: center;
  height:20px;
}

span {
  font-size:0.9rem;
}

tr .cardboxtableimage
{
  padding:0px;
  border : 1px;
  border-color : black;
}
td .cardboxtableimage
{
  padding:0px;
  border : 1px;
}

td .cardboxtableimageinner{
  font-size:10px;
  padding:0px;
  border : 1px;
}

tr .cardboxtabletextinner{
  font-size:12px;
  padding:0px;
  border : 1px;
} 
tr .cardboxtableimageinner{
  font-size:10px;
  padding:0px;
  border : 1px;
}

td .cardboxtabletextinner{
   
  text-align: center;
  vertical-align: middle;
  padding:0px;
  border : 1px;    
}

div .pagebutton {
  clear:both;
  height:50px;
  display:inline-flex;  
  width:100%;
  }

div .selectboxob
{
 
  clear:both;
  margin: 0 auto;
  width:100%;
  text-align:center; 
  margin-top:10px;
  background-color:white !important;

 
}
.dropdown-menu
{
  max-height:500px;
  overflow-y: auto;
}
div .obselector
{
  width:33%;
  /*float:left;*/
 
  padding-right:5px;
  padding-left:5px;
  display:inline-block;
  
}

table .cardboxtable{
  border : 1px;
  /*padding-right: 1%;*/
}

input[type=number] .dataedit {
  font-size : 14px !important;
  text-align : center;
  
  height : 20px !important;
  vertical-align: middle;
}

 #autocomplete-input {
  color : white;
}

div .aside {
  display: none;
}

.validate {
  display:block;
  position:relative;
  background-color: black !important;
  color: white;
  z-index: 999;
  border-radius : 8px !important;
}

.mesboxeach {
  margin-bottom:30px;  
  clear:both;  
  min-height: 180px;
  width:100%;
}

.collection-header {
  word-break:break-all;
}

.collection-item {
  word-break:break-all;
}

.leftmenulist {  
  list-style: square;
  color: rgb(0, 0, 0); 
  /* background-color: #2d2d2d; */
  float: left; 
  line-height: 30px; 
  vertical-align: middle;   
  width:100%;
}

.leftmenulist h5 {  
  
  vertical-align: middle; 
  text-align: center;   
  width:100%;
}

.leftmenulist div{
   background-color: #2d2d2d; 
   color: black;   
}

.collection-item {
  word-break: keep-all;
  
}

a.collection-item {
  color: white !important;
  background-color:#0B173B !important;

}

@media (max-width: 800px) {
  .leftmenulist {
    display:none;
    
  }
  #productmenubardesktop {
    display:none;
    
  }
  #productmenubarmobile {
    display:flex;
    
  }
}

@media (max-width: 970px) {
  
  #salesinfodiv
  {
    display:none;
  }
}

@media (min-width: 1000px) {
.smalldis
{
  display:none;
}
}


@media (min-width: 800px) {

  #productmenubarmobile {
    display:none;
    
  }

  #productmenubardesktop {
    display:flex;
    
  }

  div .cardbox {
    padding-bottom: 10px;
    border: 1px solid rgb(209, 209, 209);
    border-radius : 8px !important;
    width:175px;
    margin-right:3px;
    display:inline-block;
    background-color: white;
    
  }  

  div .obselector
  {
    width:50%;
    /*float:left;*/
   
    padding-right:5px;
    display:inline-block;
    
  }

  .tg  {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
  .tg td{font-family:Arial, sans-serif;font-size:14px;padding:0px 5px 0px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
  .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:0px 5px 0px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#aaa;color:#fff;background-color:#f38630;}
  .tg .tg-dg7a{background-color:#FCFBE3;font-size:14px;border-color:inherit;text-align:center;vertical-align:middle}
  .tg .tg-90e1{font-size:14px;background-color:#ffccc9;border-color:inherit;text-align:center;vertical-align:middle}
  
  

  .cardboxtablecardimage {  
    /*display:block;*/
    margin: auto;
    border-radius : 8px !important;
    width:100%;
    max-width:220px;
    padding:0px;
    position:relative;  
    
  }
  .cardbox {
    /*padding-right : 6px;*/
    margin:5px;
  }

  div .pagebutton {
    clear:both;
    height:50px;
    display:inline-flex;
    width:100%;
    }

  span {
    font-size:0.9rem;
  }
  
  table .cardbox {
    padding-right : 2px;
  
  }

  div .cardbox {
    width:220px;
    display:inline-block;
  }

  tr .cardboxtabletextinner{
    font-size:12px;
    padding:0px;
    border : 1px;
  } 

  div .cardcontainer {
    margin: 0 auto;
    width : 100%;    
    
  }

  div .aside {
    display: block;
    width:30%;
    background-color: gold;
  }



  div .searchbox {
    /*width: 200px;*/
    
    margin : 0 auto;
    /*margin-top : 10px;*/
    /*float:right;*/
  }

  div .carditem {
    width:100%;  
  }

  .cardinfo {
    float:left;  
    width:50%;  
  }

  .cardimage {
    float:left;  
    width:100%;  
  }

  .proprice {
    clear:both;
    line-height:1em;
  }

  .playerprice {
    clear:both;
    line-height:1em;
  }

  .carditem {  
    width:500px;   
  }
  div .setbox {
    display:none;
  }

  .maincontainer
  {
    width:100%;
    /*position:absolute;
    clear:both;
    */
  }

  footer
  {
    clear:both;  
    width:100%;
  }

  .midbox
  {
    
    float:left;
    width:calc(100% - 240px);
    padding-top: 30px;
    
  }

  .midboxnew
  {
    
    float:left;
    width:100%;
    padding-top: 30px;
    
  }

  .leftmenu
  {
    
    float:left;
    width:200px;
    min-height: 1000px;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .leftmenutop
  {
    
    float:left;
    width:100%;    
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .leftmenu2
  {
    
    /*float:left;*/
    width:200px;
    
  }

  
  .imagelogo
  {
    height:60px;
  }
  .msgbox {
    /*여긴 내 메시지 보드에서 메시지 모음 상자 */      
    width:calc(100% - 150px);
    max-width: 800px;
  }
  
  .mescardbox
  {
    /*내 메시지 보드에서 카드 이미지 상자*/
    float:left;
    
  }
  
  .mesinfobox
  {
    /*내 메시지 보드에서 카드 정보 상자*/
    display:block;
    float:left;
    width:calc(100% - 150px);
    max-width: 800px;
    
  }

  .favtable {
    
    width:800px;
    padding-bottom: 5px;
    border : 1px solid;
    border-color: rgba(192, 192, 192, 0.719);
  }


  .favalarm {
    
    width:800px;
    padding-bottom: 5px;
    
  
  }
  
  .ordertable {
    
    width:800px;
    padding-bottom: 5px;
    border : 1px solid;
    border-color: rgba(192, 192, 192, 0.719);
  }

  .foil
  {
    color: transparent;
    z-index: 1;
    /*position: relative;  */
    /*left: 10px;*/
    /*top: -50px;   */
    /*top: -340px;*/
    text-align:left;
    /*width:100%;*/
    border-radius : 8px !important;
  }

  .soldout
  {
    color: transparent;
    z-index: 0;
    position: relative;  
    /*left: 10px;*/
    /*top: -50px;   */
    /*top: -680px;*/
    text-align:left;
    /*width:100%;*/
    border-radius : 8px !important;
  }
  .soldout2
  {
    color: transparent;
    z-index: 0;
    position: relative;  
    /*left: 10px;*/
    /*top: -50px;   */
    /*top: -340px;*/
    text-align:left;
    /*width:100%;*/
    border-radius : 8px !important;
  }  
  .foilbox {
  
    /*opacity: 0;*/
    position: absolute;
    height:0px;
    text-align: center;
    width:218px;
   
  }
  
  

}

::placeholder {
  color: red;
}