#regis {width:100%;margin:20px 0 20px 0;} 

/* °Ë»ö */
#regis .regis table {width:100%; border:1px solid #cbcdce}
#regis .regis table img {position:relative; top:-2px;}
#regis .regis table caption {display:none;}
#regis .regis thead th {line-height:38px; color:#6c6c6c; text-align:center; font-weight:normal; background:#fafafa;}
#regis .regis thead th span{position:relative;top:-5px;}
#regis .regis thead th.left {text-align:left;}
#regis .regis thead .side1 {border-left:#D5D5D5 solid 1px;}
#regis .regis thead .side2 {border-right:#D5D5D5 solid 1px;}
#regis .regis tbody td {color:#888888; border:#efefef solid 1px; height:45px;padding:5px 5px;font-size:12px;}
#regis .regis .st {vertical-align:middle;font-weight:bold;color:#666;background:#dcdcdc;}
#regis .regis .middle {vertical-align:middle;}
#regis .regis .sbtn {position:relative;top:0px;padding-top:8px;padding-bottom:8px;}
#regis .regis .dgroup {width:350px;position:relative;top:0px;text-align:left;}
#regis .regis .dbtn {padding-top:8px;padding-bottom:8px;}

#regis .w100{width:100px;text-align:center;}
#regis .w230{width:230px;text-align:center;}
#regis .title-txt{width:230px;text-align:center;font-weight:bold;font-size:18px;color:#1a1a1a;}
#regis .photo-box{width:230px;height:280px;position:relative;overflow:hidden;}
#regis .photo-box .upload-btn{position:absolute;top:240px;left:50px;overflow:hidden;}
#regis .photo-box .fa-camera{position:relative;top:-1px;}

#regis .confirm{width:100%;height:50px;overflow:hidden;text-align:center;margin-top:20px;margin-bottom:20px;}
#regis .confirm .date{width:100%;height:20px;overflow:hidden;text-align:center;margin-bottom:10px;font-weight:bold;font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif;font-size:16px;}
#regis .confirm .siteinfo{width:100%;height:20px;overflow:hidden;text-align:center;font-weight:bold;font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif;font-size:16px;}
#regis .confirm .siteinfo .name{width:100%;height:20px;overflow:hidden;text-align:center;font-weight:bold;font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif;font-size:16px;}

#regis .buttons{width:100%;height:40px;overflow:hidden;text-align:center;margin-top:30px;margin-bottom:30px;}

#regis .i-box1 {width:100%;overflow:hidden;margin-bottom:10px;}
#regis .i-box2 {width:100%;overflow:hidden;}

#regis .tit-area {width:100%;height:27px;margin:10px 0 10px 0;*zoom:1;padding-top:10px;}
#regis .tit-area .tit-text {letter-spacing:-1px;font-weight:bold;font-size:16px;}
#regis .red-i{color:#ef2011;}
#regis .black-i{color:#1a1a1a;}

.page-section {border:#dfdfdf 1px solid;margin-top:15px;}

.goodstype-text{
    position:relative;
	top:3px;
	padding:6px 5px 4px 5px;
	font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif;font-size:11px;
	font-weight:normal;
}

.row [class*="col-"] .checkbox-inline{
	margin-right:0px;padding-right:0px;
}

.row [class*="col-"] .checkbox-inline input{
padding-right:0px;
}

/* ¿É¼Ç Å×À̺í*/
.row [class*="col-"] table {width:100%;}
.row [class*="col-"] table img {position:relative; top:-2px;}
.row [class*="col-"] table caption {display:none;}
.row [class*="col-"] thead th {line-height:28px; color:#6c6c6c; text-align:center; font-weight:normal; background:#fafafa;border:1px solid #8b8f91 !important;}
.row [class*="col-"] thead th span{position:relative;top:-5px;}
.row [class*="col-"] thead .side1 {border-left:#D5D5D5 solid 1px;}
.row [class*="col-"] thead .side2 {border-right:#D5D5D5 solid 1px;}
.row [class*="col-"] tbody td {text-align:center; color:#888888; border-bottom:#E6E6E6 solid 1px; padding:8px 5px;}
.row [class*="col-"] tbody td i{position:relative; top:2px;}


.rb-divider {float: left;color: #999;padding-top:7px;padding-left: 5px;padding-right: 5px;}
.rb-inline {float: left;}
.rb-width-30  {float:left;max-width: 30px;}
.rb-width-60  {float:left;max-width: 60px;}
.rb-width-80  {float:left;max-width: 80px;}
.rb-width-100 {float:left;max-width: 100px;}
.rb-width-120 {float:left;max-width: 120px;}
.rb-width-150 {float:left;max-width: 150px;}
.rb-width-180 {float:left;max-width: 180px;}
.rb-width-200 {float:left;max-width: 200px;}
.rb-width-250 {float:left;max-width: 250px;}
.rb-width-260 {float:left;max-width: 260px;}
.rb-width-300 {float:left;max-width: 300px;}
.rb-width-500 {float:left;max-width: 500px;}


.focus {width:100%;height:3--px;overflow:hidden;}
.focus .focus-box {float:left;width:913px;height:300px;overflow:hidden;border:#dfdfdf 1px solid;}

.event-box {width:242px;height:100px;overflow:hidden;border:#dfdfdf 1px solid;}

.banner-box {width:303px;height:148px;overflow:hidden;border:#dfdfdf 1px solid;}
.banner-box .del-btn{position:absolute;top:10px;right:10px;z-index:99;}

.display-box {position:relative;width:100%;height:40px;}
.tab-box {position:relative;width:100%;height:40px;}

.sub-box {position:relative;width:100%;height:40px;overflow:hidden;margin-bottom:5px;}

.btn-file {
  position: relative;
  overflow: hidden;
  border-radius:0 0 0 0;
}

.btn-file:hover {
  position: relative;
  overflow: hidden;
  border-radius:0 0 0 0;

}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.btn-file input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

/*¼­½Ä ÀÔ·Â*/

#upload-list {display:none;}
#upload-list ul {margin:0;padding:0;}
#upload-list ul li{overflow:hidden;width:100%;padding:5px 0 5px 0;margin-bottom:2px;}

#upload-list ul li .listbox{padding:5px 5px 5px 5px;}
#upload-list ul li .listbox .name{float:left;padding-left:5px;padding-top:0px;font-size:12px;}
#upload-list ul li .listbox .txt{float:right;position:relative;top:-3px;font-size:12px;}
#upload-list ul li .listbox .txt .pd10{margin-right:5px;}



/*üũ¹Ú½º*/
/* Custom Code Here */
.checkbox-style input {
  display: none;
}
.checkbox-style input:checked + label .box {
  -webkit-animation: animOn 0.6s 1 forwards;
          animation: animOn 0.6s 1 forwards;
  background: rgba(0, 0, 0, 0.5);
}
.checkbox-style input:checked + label .box i {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  opacity: 1;
}
.checkbox-style label {
  min-width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 30px;
  cursor: pointer;
}

.checkbox-style label .label-txt {
color:#708090;
font-weight:normal;
font-size:13px;
padding-left:5px;
}

.checkbox-style label .box {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  position: relative;
  width: 20px;
  height: 20px;
  -webkit-transition: background 200ms ease;
  transition: background 200ms ease;
}
.checkbox-style label .box:hover {
  background: rgba(0, 0, 0, 0.5);
}

.checkbox-style label .box i {  
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  display: inline-block;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
  -webkit-transform: translate(-50%, -50%) scale(2);
          transform: translate(-50%, -50%) scale(2);
}

@-webkit-keyframes animOn {
  40% {
    height: 20px;
    width: 20px;
  }
  60% {
    height: 20px;
    width: 20px;
  }
  75% {
    height: 20px;
    width: 20px;
  }
  100% {
    height: 20px;
    width: 20px;
  }
}

@keyframes animOn {
  40% {
    height: 20px;
    width: 20px;
  }
  60% {
    height: 20px;
    width: 20px;
  }
  75% {
    height: 20px;
    width: 20px;
  }
  100% {
    height: 20px;
    width: 20px;
  }
}
/* end of custom code */