.selectBox2 * { box-sizing: border-box; }
.selectBox2 {
  position: relative;
  width: 99%;
  height: 45px;
  border-radius: 4px;
  border: 1px solid #3617ce;

  cursor: pointer;
}

.arrow_png{
  background: url('/images/common/arrow_down.png') calc(100% - 1px) center no-repeat;
  background-size: 20px;

}

.selectBox2:hover {border: 1px solid #3617ce;} /* 마우스오버 */

.selectBox2:after {
  content: '';
  display: block; 
 /* width: 2px;*/
  height: 100%; 
  position: absolute; 
  top: 0; 
  right: 35px;
  background: rgb(239 239 239);
}

.selectBox2 .sel-op-label {
  display: flex;
  font-weight:600;
  font-size: 0.9rem;
  align-items: center;
  width: inherit;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  padding-left: 15px;
  background: transparent;
  cursor: pointer;
}


.sel-op-label .price{
    flex: auto;
    text-align: -webkit-right;
    padding-right: 30px;
}
.selectBox2 .optionList {
  position: absolute; 
  top: 46px;
  left: 0;
  width: 100%;
  background: #ffffff;
  color: #000000;
  list-style-type: none;
  padding: 0;
  border-radius: 6px;
  border:1px solid #d5d5d5;
  overflow: hidden;
  max-height: 0;
  transition: .3s ease-in;
}

.selectBox2.active .optionList {
  max-height:300px;
  overflow:auto;
  scrollbar:no;
  display:block;
  height: 300px;
  font-size: 0.9rem;
  z-index:1
}



.selectBox2 .optionList {
  display:none;
}




.selectBox2 .opitem {
  border-bottom: 1px solid rgb(231 231 231);
  padding: 10px 15px 10px;
  transition: .1s;
}

/* 요금제 카테고리 헤더 스타일 */
.selectBox2 .category-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 15px;
  cursor: default;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.selectBox2 .category-header:hover {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.selectBox2 .opitem:hover {
  background: rgb(239 239 239);
}

..opitem .checked{
  background: rgb(239 239 239);
}


.selectBox2 .opitem:last-child {
  border-bottom: 0 none;
}

.op-tit price{
 color:#3617ce;
}

.font-fa-style span{
 padding-left:3px;
 color:#7f7f7f;
}

.font-fa-style i{
 color:#7f7f7f;
 padding:4px;
}


// 스크롤 커스텀
/*.selectBox2 .optionList::-webkit-scrollbar {width: 6px;}*/
/*.selectBox2 .optionList::-webkit-scrollbar {display:none;}
 .selectBox2 .optionList{
 -ms-overflow-style: none;
   scrollbar-width: none; 
 }
 */
.selectBox2 .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox2 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}



.yogeum-pannel p{  font-size: 0.8rem;  background: #fff; margin:3px; padding:4px;    border: 1px solid #cecece;border-radius: 5px;}

.btn-label{    
    display: inline-block;
	width:99%;
    height: 34px;
    padding: 0 6px;
    text-align: center;
    letter-spacing: -.03em;
    font-size: 16px;
    line-height: 32px;
    color: #555;
    background: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
	 
	}