/*======================================================================================= 
***********************   kShop-CheckBox ************************************************
=======================================================================================*/
#kShop-Checkbox {
	width:100%;
}
#kShop-Checkbox label {
    margin-top:1px; 
	width:100px;
	height:30px;line-height:30px;
	font-weight: normal;
	text-align:center;
    cursor: pointer;
}
#kShop-Checkbox label input { display:none; }

#kShop-Checkbox .first {
   border-left: 1px solid #cccccc;/* 선택 후 => 테두리 색상 */
}
#kShop-Checkbox .second { margin-left:-5px; }
#kShop-Checkbox .last { margin-left:-5px; }


#kShop-Checkbox > .default {  
  border: 1px solid #cccccc;/* 선택 후 => 테두리 색상 */
}
#kShop-Checkbox > .default.active,
#kShop-Checkbox > .default:hover {
  color:#333333;
  background-color: #faf9f9;/* 선택 전 => 배경 색상 */
  border: 1px solid #cccccc;/* 선택 전 => 테두리 색상 */
}
#kShop-Checkbox > .primary {
  border: 1px solid #cccccc;/* 선택 후 => 테두리 색상 */
}
#kShop-Checkbox > .primary.active,
#kShop-Checkbox > .primary:hover {
  color:#ffffff;
  background-color: #337ab7;/* 선택 전 => 배경 색상 */
  border: 1px solid #2e6da4;/* 선택 전 => 테두리 색상 */
} 

#kShop-Checkbox > .success {
  border: 1px solid #cccccc;/* 선택 후 => 테두리 색상 */
}
#kShop-Checkbox > .success.active,
#kShop-Checkbox > .success:hover {
  color:#ffffff;
  background-color: #5cb85c;/* 선택 전 => 배경 색상 */
  border: 1px solid #4cae4c;/* 선택 전 => 테두리 색상 */
}

#kShop-Checkbox > .info {
  width:100px;
  height:30px;line-height:30px;
  border: 1px solid #cccccc;/* 선택 후 => 테두리 색상 */
}
#kShop-Checkbox > .info.active,
#kShop-Checkbox > .info:hover {
  color:#ffffff;
  background-color: #5bc0de;/* 선택 전 => 배경 색상 */
  border: 1px solid #46b8da;/* 선택 전 => 테두리 색상 */
}

#kShop-Checkbox > .warning {
  width:100px;
  height:30px;line-height:30px;
  border: 1px solid #cccccc;/* 선택 후 => 테두리 색상 */
}
#kShop-Checkbox > .warning.active,
#kShop-Checkbox > .warning:hover {
  color:#ffffff;
  background-color: #f0ad4e;/* 선택 전 => 배경 색상 */
  border: 1px solid #eea236;/* 선택 전 => 테두리 색상 */
}
#kShop-Checkbox > .danger {
  width:100px;
  height:30px;line-height:30px;
  border: 1px solid #cccccc;/* 선택 후 => 테두리 색상 */
}
#kShop-Checkbox > .danger.active,
#kShop-Checkbox > .danger:hover {
  color:#ffffff;
  background-color: #d9534f;/* 선택 전 => 배경 색상 */
  border: 1px solid #d9534f;/* 선택 후 => 테두리 색상 */
}
/*======================================================================================= 
************   kshop Switch Select BOX DROP DOWN List 시작 *******************************
=======================================================================================*/
/* dropdown list */
#kShop-Dropdown {
  position: relative;
}
#kShop-Dropdown .Select-Label {  
  position: relative;
  display: block;
  width: 100%;   
  z-index: 9999;
  cursor: pointer;
  user-select: none;
}
#kShop-Dropdown .Select-Label:after {
  content: '▼';
  position: absolute;
  text-align: center;
}
#kShop-Dropdown .OverFlow-On { height:300px;overflow-y:auto;overflow-x:hidden; }
#kShop-Dropdown .OverFlow-Off { height:0px;overflow-y:auto;overflow-x:hidden; }
#kShop-Dropdown .Select-List {
  position: absolute;
}
#kShop-Dropdown .Select-List ul {
  z-index: 9998;
}
#kShop-Dropdown .Select-List li {
  display: block;  
  position: absolute;
  cursor: pointer;
  transition-duration:.3s;  
  list-style: none;  
  opacity: 1;
  user-select: none;
}
#kShop-Dropdown .Select-List li:hover {}
#kShop-Dropdown .Select-List li:nth-child(1){z-index:25;}
#kShop-Dropdown .Select-List li:nth-child(2){z-index:24;}
#kShop-Dropdown .Select-List li:nth-child(3){z-index:23;}
#kShop-Dropdown .Select-List li:nth-child(4){z-index:22;}
#kShop-Dropdown .Select-List li:nth-child(5){z-index:21;}
#kShop-Dropdown .Select-List li:nth-child(6){z-index:20;}
#kShop-Dropdown .Select-List li:nth-child(7){z-index:19;}
#kShop-Dropdown .Select-List li:nth-child(8){z-index:18;}
#kShop-Dropdown .Select-List li:nth-child(9){z-index:17;}
#kShop-Dropdown .Select-List li:nth-child(10){z-index:16;}
#kShop-Dropdown .Select-List li:nth-child(11){z-index:15;}
#kShop-Dropdown .Select-List li:nth-child(12){z-index:14;}
#kShop-Dropdown .Select-List li:nth-child(13){z-index:13;}
#kShop-Dropdown .Select-List li:nth-child(14){z-index:12;}
#kShop-Dropdown .Select-List li:nth-child(15){z-index:11;}
#kShop-Dropdown .Select-List li:nth-child(16){z-index:10;}
#kShop-Dropdown .Select-List li:nth-child(17){z-index:9;}
#kShop-Dropdown .Select-List li:nth-child(18){z-index:8;}
#kShop-Dropdown .Select-List li:nth-child(19){z-index:7;}
#kShop-Dropdown .Select-List li:nth-child(20){z-index:6;}
#kShop-Dropdown .Select-List li:nth-child(21){z-index:5;}
#kShop-Dropdown .Select-List li:nth-child(22){z-index:4;}
#kShop-Dropdown .Select-List li:nth-child(23){z-index:3;}
#kShop-Dropdown .Select-List li:nth-child(24){z-index:2;}
#kShop-Dropdown .Select-List li:nth-child(25){z-index:1;}

#kShop-Dropdown .Select-Label:active:after {
  content: '▲';
}

#kShop-Dropdown.active .Select-Label:after {
  content: '▲';
}
#kShop-Dropdown.active .Select-List li {}
#kShop-Dropdown.active .Select-List li:nth-child(1) {
  transform: translateY(100%);
}
#kShop-Dropdown.active .Select-List li:nth-child(2) {
  transform: translateY(200%);
}
#kShop-Dropdown.active .Select-List li:nth-child(3) {
  transform: translateY(300%);
}
#kShop-Dropdown.active .Select-List li:nth-child(4) {
  transform: translateY(400%);
}
#kShop-Dropdown.active .Select-List li:nth-child(5) {
  transform: translateY(500%);
}
#kShop-Dropdown.active .Select-List li:nth-child(6) {
  transform: translateY(600%);
}
#kShop-Dropdown.active .Select-List li:nth-child(7) {
  transform: translateY(700%);
}
#kShop-Dropdown.active .Select-List li:nth-child(8) {
  transform: translateY(800%);
}
#kShop-Dropdown.active .Select-List li:nth-child(9) {
  transform: translateY(900%);
}
#kShop-Dropdown.active .Select-List li:nth-child(10) {
  transform: translateY(1000%);
}
#kShop-Dropdown.active .Select-List li:nth-child(11) {
  transform: translateY(1100%);
}
#kShop-Dropdown.active .Select-List li:nth-child(12) {
  transform: translateY(1200%);
}
#kShop-Dropdown.active .Select-List li:nth-child(13) {
  transform: translateY(1300%);
}
#kShop-Dropdown.active .Select-List li:nth-child(14) {
  transform: translateY(1400%);
}
#kShop-Dropdown.active .Select-List li:nth-child(15) {
  transform: translateY(1500%);
}
#kShop-Dropdown.active .Select-List li:nth-child(16) {
  transform: translateY(1600%);
}
#kShop-Dropdown.active .Select-List li:nth-child(17) {
  transform: translateY(1700%);
}
#kShop-Dropdown.active .Select-List li:nth-child(18) {
  transform: translateY(1800%);
}
#kShop-Dropdown.active .Select-List li:nth-child(19) {
  transform: translateY(1900%);
}
#kShop-Dropdown.active .Select-List li:nth-child(20) {
  transform: translateY(2000%);
}
#kShop-Dropdown.active .Select-List li:nth-child(21) {
  transform: translateY(2100%);
}
#kShop-Dropdown.active .Select-List li:nth-child(22) {
  transform: translateY(2200%);
}
#kShop-Dropdown.active .Select-List li:nth-child(23) {
  transform: translateY(2300%);
}
#kShop-Dropdown.active .Select-List li:nth-child(24) {
  transform: translateY(2400%);
}
#kShop-Dropdown.active .Select-List li:nth-child(25) {
  transform: translateY(2500%);
}

/* 사이즈 => kShop-xs   */
.kShop-xs { width: 150px; }
.kShop-xs .Select-Label {
  height: 26px;line-height: 26px;
  font-size: 12px;  
  padding:0 20px 0 20px;
}
.kShop-xs .Select-Label:after {
  top: 0;
  right: 20px;  
  height: 26px;line-height: 26px;  
  font-size: 12px;  
}
.kShop-xs .Select-List { top: 0px; width: 100%; }
.kShop-xs .Select-List li {
  top: 0;
  left: 0;
  width: 100%;    
  font-size: 12px;
  line-height: 26px;
  padding:0 20px 0 20px;
}

/* 사이즈 => kShop-sm   */
.kShop-sm { width: 150px; }
.kShop-sm .Select-Label {
  height: 30px;line-height: 30px;
  font-size: 12px;  
  padding:0 20px 0 20px;
}
.kShop-sm .Select-Label:after {
  top: 0;
  right: 20px;  
  height: 30px;line-height: 30px;  
  font-size: 12px;  
}
.kShop-sm .Select-List { top: 0px; width: 100%; }
.kShop-sm .Select-List li {
  top: 0;
  left: 0;
  width: 100%;    
  font-size: 12px;
  line-height: 30px;
  padding:0 20px 0 20px;
}

/* 사이즈 => kShop-md   */
.kShop-md { width: 250px; }
.kShop-md .Select-Label {
  height: 35px;line-height: 35px;
  font-size: 14px;  
  padding:0 20px 0 20px;
}
.kShop-md .Select-Label:after {
  top: 0;
  right: 20px;  
  height: 35px;line-height: 35px;  
  font-size: 14px;  
}
.kShop-md .Select-List { top: 0px; width: 100%; }
.kShop-md .Select-List li {
  top: 0;
  left: 0;
  width: 100%;    
  font-size: 14px;
  line-height: 35px;
  padding:0 20px 0 20px;
}

/* 사이즈 => kShop-lg   */
.kShop-lg { width: 150px; }
.kShop-lg .Select-Label {
  height: 40px;line-height: 40px;
  font-size: 16px;  
  padding:0 20px 0 20px;
}
.kShop-lg .Select-Label:after {
  top: 0;
  right: 20px;  
  height: 40px;line-height: 40px;  
  font-size: 16px;  
}
.kShop-lg .Select-List { top: 0px;width: 100%; }
.kShop-lg .Select-List li {
  top: 0;
  left: 0;
  width: 100%;    
  font-size: 16px;
  line-height: 40px;
  padding:0 20px 0 20px;
}

/* 디자인 => kShop-default   */
.kShop-default .Select-Label {  
  color: #333333;
  background: #ffffff;  
  border: 1px solid #cccccc;
  transform-style: preserve-3d;  
  transform-origin: 50% 0%;
  transition: transform 300ms;
}
.kShop-default .Select-List li {
  color: #333333;
  background: #ffffff;  
}
.kShop-default .Select-List li:hover {background-color:#e6e6e6; }
.kShop-default.active .Select-List li {
	margin-top:-1px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* 디자인 => kShop-primary   */
.kShop-primary .Select-Label {  
  color: #ffffff;
  background: #337ab7;  
  border: 1px solid #2e6da4;
  transform-style: preserve-3d;  
  transform-origin: 50% 0%;
  transition: transform 300ms;
}
.kShop-primary .Select-List li {
  color: #333333;
  background: #ffffff;  
}
.kShop-primary .Select-List li:hover {background-color:#d6d6d6; }
.kShop-primary.active .Select-List li {
	margin-top:-1px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* 디자인 => kShop-success   */
.kShop-success .Select-Label {  
  color: #ffffff;
  background: #5cb85c;  
  border: 1px solid #4cae4c;
  transform-style: preserve-3d;  
  transform-origin: 50% 0%;
  transition: transform 300ms;
}
.kShop-success .Select-List li {
  color: #333333;
  background: #ffffff;  
}
.kShop-success .Select-List li:hover {background-color:#d6d6d6; }
.kShop-success.active .Select-List li {
	margin-top:-1px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* 디자인 => kShop-info   */
.kShop-info .Select-Label {  
  color: #ffffff;
  background: #5bc0de;  
  border: 1px solid #46b8da;
  transform-style: preserve-3d;  
  transform-origin: 50% 0%;
  transition: transform 300ms;
}
.kShop-info .Select-List li {
  color: #333333;
  background: #ffffff;  
}
.kShop-info .Select-List li:hover {background-color:#d6d6d6; }
.kShop-info.active .Select-List li {
	margin-top:-1px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* 디자인 => kShop-warning   */
.kShop-warning .Select-Label {  
  color: #ffffff;
  background: #f0ad4e;  
  border: 1px solid #eea236;
  transform-style: preserve-3d;  
  transform-origin: 50% 0%;
  transition: transform 300ms;
}
.kShop-warning .Select-List li {
  color: #333333;
  background: #ffffff;  
}
.kShop-warning .Select-List li:hover {background-color:#d6d6d6; }
.kShop-warning.active .Select-List li {
	margin-top:-1px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* 디자인 => kShop-danger   */
.kShop-danger .Select-Label {  
  color: #ffffff;
  background: #d9534f;  
  border: 1px solid #d43f3a;
  transform-style: preserve-3d;  
  transform-origin: 50% 0%;
  transition: transform 300ms;
}
.kShop-danger .Select-List li {
  color: #333333;
  background: #ffffff;  
}
.kShop-danger .Select-List li:hover {background-color:#d6d6d6; }
.kShop-danger.active .Select-List li {
	margin-top:-1px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}