/* 코드 박스 */
.insert_code_container{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:8px 0;
}
.insert_code_container p{
  display:inline;
}
/* 코드 탭메뉴 */
.insert_code_top_wrap{
  display:flex;
  justify-content:space-between;
  border-bottom: 1px solid #cbd6e2;
}
.tab_container{
  display:flex;
}
.tab_container li{
  background-color: #fff;
  padding: 12px 28px;
  cursor: pointer;
  white-space: nowrap;
  appearance: none;
  border: 0;
  position: relative;
  font-size: 16px;
  color: #33475b;
  font-weight: 500;
  text-decoration: none;
}
.tab_container li.active{
  border-bottom: 3px solid black;
}

/* 코드 */
.insert_code_box{
  position:relative;
  display:none;
}
.insert_code_box.active{
  display:block;
}
.insert_code{
  outline:none;
}
.insert_code *{
  white-space: nowrap;
  color:#fff;
  display:inline-block;
}

.copy_btn{
  position:absolute;
  right:0;
  top:-60px;
  padding: 12px 28px;
  cursor: pointer;
  white-space: nowrap;
  appearance: none;
  border: 0;
  font-size: 16px;
  color: #33475b;
  font-weight: 500;
  text-decoration: none;
}

/* 매개변수 */

.func_table_list{
  display:flex;
  flex-direction:column;
  border: 1px solid #dfe3eb;
  margin:16px 0;
}
.func_table_list > li{
  display:flex;
  flex-wrap:wrap;
  align-items: center;
  gap:24px;
  padding:8px 12px;

}
.func_table_list > li.func_table_title{
  background:rgba(0, 77, 128, 0.04);
}
.func_table_list > li.func_table_title .func_table_value{ 
  text-align:center;
}
.func_table_list > li.func_table_item{
  background-color: #fff;
  border-bottom: 1px solid #dfe3eb;
}
.func_table_list > li.func_table_item:last-of-type{
  border-bottom: none;
}
.func_table_list > li.func_table_item:hover{
  background-color: rgba(0, 77, 128, .03);
  transition: all .3s ease-out;
}
.func_table_list > li p{
  margin:0;
  padding:0;
}
.func_table_list > li strong{
  font-weight:bold;
}
.func_table_list > li .func_table_value{
  word-break:break-all;
  margin:0;
  padding:0;
}
.func_table_list > li.func_table_title .func_table_value{
  font-size: 12px;
  font-weight: 500;
}

.func_table_list > li .func_table_value.func_table_column_01{
  width:calc(30% - (24px * 2 / 3));
}
.func_table_list > li .func_table_value.func_table_column_02{
  width:calc(15% - (24px * 2 / 3));
}
.func_table_list > li .func_table_value.func_table_column_03{
  width:calc(55% - (24px * 2 / 3));
}



.func_table_list > li.func_table_item .func_table_value{
  font-size: 14px;
  line-height: 1.3;
}
.func_table_list > li.func_table_item .func_table_value code{
  background: #f0f8ff;
  border-radius: 3px;
  color: #33475b;
  font-weight: 500;
  padding: 0 4px;
}
.func_table_list > li.func_table_item .func_table_value.func_table_column_01{
  margin: 7px 0;
  display:flex;
  gap:5px;
  align-items:center;
  flex-wrap:wrap;
}
.func_table_list > li.func_table_item .func_table_value.func_table_column_01 button{
  background: #f9fbfd;
  padding: 14px;
  border-radius: 3px;
  color: #516f90;
  position:relative;
  transition: all 250ms;
  text-align:left;
}
.func_table_list > li.func_table_item .func_table_value.func_table_column_01 span{
  display: inline-block;
  font-size: 13px;
  line-height: 22px;
  padding: 4px 8px;
  background-color: #fdedee;
  border: 1px solid #f2545b;
  color: #33475b;
}
}
.func_table_list > li.func_table_item .func_table_value.func_table_column_02{
  font-weight: 400;
  text-align:center;
}
.func_table_list > li.func_table_item .func_table_value.func_table_column_02{
  font-weight: 400;
}
.func_table_list > li.func_table_item .func_table_value.func_table_column_03 *{
  font-size:13px;
}

.func_table_value.func_table_column_03 ul{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px 0;
}
.func_table_value.func_table_column_03 ul li{
  padding-left:10px;
  position:relative;
}
.func_table_value.func_table_column_03 ul li:before{
  content: "";
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
  background-color: #2d3e50;
  border-radius: 50%;
  height: 6px;
  width: 6px;
}