eapim-portal/src/main/resources/static/css/common2.css

@charset "utf-8";

/*text-align*/
.txtl {
  text-align: left !important;
}

.txtc {
  text-align: center !important;
}

/*padding*/
.pt0 {
  padding-top: 0 !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt16 {
  padding-top: 16px;
}

.pt28 {
  padding-top: 28px !important;
}

/* margin */
.mt0 {
  margin-top: 0 !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.ml0 {
  margin-left: 0 !important;
}

/* margin-bottom */
.mtb12 {
  margin: 12px 0 !important;
}

/*border*/
.bdt2 {
  border-top: 2px solid #4D596F;
}

/*gap*/
.btn_gap {
  margin: 0 4px;
}

/* input:disabled */
input:disabled {
  background: #F7F9FD !important;
}

/* HTML input type="number" 기본 속성 화살표 제거  Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* HTML input type="number" 기본 속성 화살표 제거 Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}

.h_input {
  height: 48px;
}


.btn_trash {
  height: 40px;
  padding: 0 9px 0 30px;
  font-size: 14px;
  line-height: 22px;
  color: #0114A7;
  background-color: #EDF1F7;
  background-image: url(/img/icon/icon_trash2.png);
  background-size: 20px;
  background-position: 12px center;
  letter-spacing: -0.2px;
  font-family: 'Pretendard';
  font-weight: 400;
}


.btn_memberbt {
  height: 40px;
  padding: 0 9px 0 30px;
  font-size: 14px;
  line-height: 22px;
  color: #0114A7;
  background-color: #EDF1F7;
  background-image: url(/img/icon/icon_join.png);
  background-size: 20px;
  background-position: 12px center;
  letter-spacing: -0.2px;
  font-family: 'Pretendard';
  font-weight: 400;
}


/*버튼 flex 일때*/
.btn_type {
  display: flex;
  margin-top: 32px;
  justify-content: center;
  align-items: baseline;
}

.btn_type .common_btn_type_1 {
  margin-left: 8px;
  width: 50%;
}

.btn_type .common_btn_type_1:first-child {
  margin-left: 0;
}


/*select*/
.common_selecttype1 {
  width: 100%;
  padding: 0 45px 0 10px;
  border: 1px solid #252B37;
  border-radius: 8px;
  outline: 0;
  font-size: 14px;
  background: #fff url(/img/icon/icon_select_arrow_down2.png) no-repeat 96% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #C8D2E4;
  height: 48px;
}

.common_selecttype1_1 {
  width: 100%;
  padding: 0 45px 0 10px;
  border: 1px solid #252B37;
  border-radius: 8px;
  outline: 0;
  font-size: 14px;
  background: #fff url(/img/icon/icon_select_arrow_down2.png) no-repeat 96% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #C8D2E4;
  height: 40px;
}

.common_selecttype.select_items::-webkit-scrollbar {
  padding: 10px;
}

/*답변완료*/
.complete {
  font-family: 'Pretendard';
  background: #F2EBFF;
  font-size: 12px;
  color: #8941F6;
  letter-spacing: 0;
  border: 1px solid #F2EBFF;
  text-align: center;
  padding: 3px 8px;
  border-radius: 16px;
  display: inline-block;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  line-height: 18px;
}

/*문의중*/
.question {
  font-family: 'Pretendard';
  background: #CDFCBF;
  font-size: 12px;
  color: #039115;
  letter-spacing: 0;
  border: 1px solid #CDFCBF;
  text-align: center;
  padding: 3px 13px;
  border-radius: 16px;
  display: inline-block;
  font-weight: 400;
  height: 24px;
  line-height: 18px;
}

/*Dot list*/
.list-dot > p {
  position: relative;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.02em;
  text-align: left;
  padding-left: 10px;
}

.list-dot > p::before {
  content: '';
  width: 3px;
  height: 3px;
  background: #888;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}


/*Tab Keyword btn*/
.tab_list button {
  height: 34px;
  min-width: 65px;
  background: #fff;
  color: #020616;
  border: 1px solid #C8D2E4;
  padding: 0 12px;
  transition: background-color 0.3s, color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  white-space: nowrap;
  font-family: 'Pretendard';
}

/*Title*/
.sub_title2 h2 {
  font-family: 'Pretendard';
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #000;
}

.sub_title3 h2 {
  font-family: 'Pretendard';
  font-size: 40px;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: -0.2px;
  text-align: left;
  color: #000;
}

/*table*/
.table_col {
  border-top: 1px solid #4D596F;
}

/*API 리스트 dot*/
.api_dot ul li p {
  position: relative;
}

.api_dot ul li p:after {
  content: '';
  width: 4px;
  height: 4px;
  background: #4D596F;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 8px;
}

.h_inner {
  padding-bottom: 78px;
}

.h_inner2 {
  padding-bottom: 56px;
}

.h_inner3 {
  padding-bottom: 59px;
}

.h_inner4 {
  padding-bottom: 53px;
}

.h_inner5 {
  padding-bottom: 74px;
}

.h_inner6 {
  padding-bottom: 48px;
}

.h_inner7 {
  margin-top: 16px;
}

.h_inner8 {
  padding-bottom: 56px;
}