init
This commit is contained in:
Rinjae
@@ -0,0 +1,330 @@
|
||||
@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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user