[Fonts] @baseFontBold 삭제 (58개 파일 변경)

Detail Notes :

1. @baseFontBold -> font-weight:bold; 교체
This commit is contained in:
jangheon Pyo
2024-03-15 13:11:52 +09:00
parent 5c3dd6b9d1
commit 18e38d826b
58 changed files with 254 additions and 147 deletions

View File

@@ -38,14 +38,15 @@
.smsTitle { .smsTitle {
text-align: left; text-align: left;
font-size: 36px; font-size: 36px;
font-family: @baseFontBold; font-weight: bold;
line-height: normal; line-height: normal;
color: @COLOR_BLACK; color: @COLOR_BLACK;
padding: 30px 60px; padding: 30px 60px;
} }
.subTitle { .subTitle {
text-align: left; text-align: left;
.font(@fontFamily:@baseFont,@fontSize: 28px); font-weight: normal;
font-size: 28px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
padding: 10px 60px 20px 60px; padding: 10px 60px 20px 60px;
text-align: left; text-align: left;
@@ -56,7 +57,8 @@
} }
.price { .price {
padding: 7px 60px 20px 60px; padding: 7px 60px 20px 60px;
.font(@baseFontBold,@fontSize:28px); font-size: 28px;
font-weight: bold;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
} }
} }
@@ -74,7 +76,8 @@
.border-solid(@size:1px,#cccccc); .border-solid(@size:1px,#cccccc);
height: 68px; height: 68px;
cursor: text; cursor: text;
.font(@fontFamily:@baseFont,@fontSize: 28px); font-weight: normal;
font-size: 28px;
&::after { &::after {
content: ""; content: "";
width: 2px; width: 2px;
@@ -92,7 +95,8 @@
margin-right: 80px; margin-right: 80px;
line-height: 1.3; line-height: 1.3;
letter-spacing: -0.2px; letter-spacing: -0.2px;
.font(@fontFamily:@baseFont,@fontSize: 24px); font-weight: normal;
font-size: 24px;
text-align: left; text-align: left;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
display: flex; display: flex;

View File

@@ -8,7 +8,8 @@
.border-solid(@size:1px,#cccccc); .border-solid(@size:1px,#cccccc);
height: 100%; height: 100%;
cursor: text; cursor: text;
.font(@fontFamily:@baseFont,@fontSize: 28px); font-weight: normal;
font-size: 28px;
} }
.btnContainer { .btnContainer {
width: 441px; width: 441px;

View File

@@ -4,7 +4,8 @@
.sectionTitle { .sectionTitle {
.flex(@justifyCenter: flex-start); .flex(@justifyCenter: flex-start);
min-height: 50px; min-height: 50px;
.font(@fontFamily: @baseFontBold, @fontSize: 42px); font-weight: bold;
font-size: 42px;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
&::before { &::before {

View File

@@ -10,7 +10,8 @@
background-color: #7a808d; background-color: #7a808d;
color: @COLOR_WHITE; color: @COLOR_WHITE;
border-radius: 12px; border-radius: 12px;
.font (@baseFontBold, 30px); font-weight: bold;
font-size: 30px;
transition: all 0.1s ease; transition: all 0.1s ease;
padding: 0 12px; padding: 0 12px;
@@ -170,7 +171,8 @@
padding: 24px 30px; padding: 24px 30px;
background-color: @COLOR_WHITE; background-color: @COLOR_WHITE;
border-radius: 42px; border-radius: 42px;
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-size: 30px;
font-weight: bold;
line-height: normal; line-height: normal;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
@@ -201,7 +203,8 @@
padding: 18px 30px; padding: 18px 30px;
background-color: @COLOR_WHITE; background-color: @COLOR_WHITE;
border-radius: 12px; border-radius: 12px;
.font(@fontFamily: @baseFont, @fontSize: 30px); font-weight: normal;
font-size: 30px;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
> div { > div {
@@ -209,7 +212,7 @@
} }
&:focus { &:focus {
font-family: @baseFontBold; font-weight: bold;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
&::after { &::after {
@@ -250,7 +253,8 @@
padding: 24px 30px 24px 90px; padding: 24px 30px 24px 90px;
background-color: @COLOR_WHITE; background-color: @COLOR_WHITE;
border-radius: 42px; border-radius: 42px;
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-size: 30px;
font-weight: bold;
line-height: normal; line-height: normal;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;

View File

@@ -16,7 +16,8 @@
padding: 0 12px; padding: 0 12px;
.title { .title {
.font(@fontFamily: @baseFontBold, @fontSize: 24px); font-size: 24px;
font-weight: bold;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
width: 100%; width: 100%;
height: 100%; height: 100%;

View File

@@ -9,7 +9,7 @@
height: 60px !important; height: 60px !important;
border-radius: 6px !important; border-radius: 6px !important;
padding: 20px 19px !important; padding: 20px 19px !important;
font-family: @baseFontBold !important; font-weight: bold !important;
font-size: 24px !important; font-size: 24px !important;
background-color: @COLOR_GRAY03 !important; background-color: @COLOR_GRAY03 !important;
color: @COLOR_WHITE !important; color: @COLOR_WHITE !important;
@@ -67,7 +67,7 @@
background-color: @PRIMARY_COLOR_RED !important; background-color: @PRIMARY_COLOR_RED !important;
color: @COLOR_WHITE !important; color: @COLOR_WHITE !important;
} }
font-family: @baseFontBold !important; font-weight: bold !important;
color: @COLOR_WHITE !important; color: @COLOR_WHITE !important;
font-size: 24px !important; font-size: 24px !important;
margin: 0 !important; margin: 0 !important;

View File

@@ -5,7 +5,7 @@
width: 100%; width: 100%;
height: 90px; height: 90px;
color: #222; color: #222;
font-family: @baseFontBold; font-weight: bold;
background-color: #fff; background-color: #fff;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;

View File

@@ -41,7 +41,8 @@
.flex(); .flex();
.size(@w: 200px, @h: 200px); .size(@w: 200px, @h: 200px);
background-color: rgba(26, 26, 26, 0.6); background-color: rgba(26, 26, 26, 0.6);
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
} }
} }
@@ -53,7 +54,8 @@
padding: 12px 0; padding: 12px 0;
> h3 { > h3 {
.font(@fontFamily: @baseFontBold, @fontSize: 24px); font-weight: bold;
font-size: 24px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
.elip(@clamp:2); .elip(@clamp:2);
word-break: break-all; word-break: break-all;
@@ -62,12 +64,14 @@
p { p {
.flex(@justifyCenter: flex-start); .flex(@justifyCenter: flex-start);
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
span { span {
margin-left: 5px; margin-left: 5px;
.font(@fontFamily: @baseFont, @fontSize: 18px); font-weight: bold;
font-size: 18px;
color: @COLOR_GRAY04; color: @COLOR_GRAY04;
text-decoration: line-through; text-decoration: line-through;
} }
@@ -124,7 +128,8 @@
.flex(); .flex();
.size(@w: 288px, @h: 288px); .size(@w: 288px, @h: 288px);
background-color: rgba(26, 26, 26, 0.6); background-color: rgba(26, 26, 26, 0.6);
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
} }
} }
@@ -136,7 +141,8 @@
> h3 { > h3 {
height: 60px; height: 60px;
margin-bottom: 6px; margin-bottom: 6px;
.font(@fontFamily: @baseFontBold, @fontSize: 24px); font-weight: bold;
font-size: 24px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
.elip(@clamp:2); .elip(@clamp:2);
word-break: break-all; word-break: break-all;
@@ -145,12 +151,13 @@
p { p {
.flex(@justifyCenter: flex-start); .flex(@justifyCenter: flex-start);
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
letter-spacing: -1px; letter-spacing: -1px;
span { span {
margin-left: 5px; margin-left: 5px;
.font(@fontFamily: @baseFont, @fontSize: 18px); font-size: 18px;
color: @COLOR_GRAY04; color: @COLOR_GRAY04;
text-decoration: line-through; text-decoration: line-through;
} }
@@ -195,7 +202,7 @@
background-color: @COLOR_WHITE; background-color: @COLOR_WHITE;
border-radius: 12px; border-radius: 12px;
.border-solid(@size:1px,@color:@COLOR_GRAY02); .border-solid(@size:1px,@color:@COLOR_GRAY02);
font-family: @baseFontBold; font-weight: bold;
position: relative; position: relative;
&:focus { &:focus {
@@ -236,7 +243,7 @@
background-color: @COLOR_WHITE; background-color: @COLOR_WHITE;
border-radius: 12px; border-radius: 12px;
.border-solid(@size:1px,@color:@COLOR_GRAY02); .border-solid(@size:1px,@color:@COLOR_GRAY02);
font-family: @baseFontBold; font-weight: bold;
position: relative; position: relative;
display: flex; display: flex;
&:focus { &:focus {

View File

@@ -34,7 +34,7 @@
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-family: @baseFont; font-weight: normal;
box-sizing: border-box; box-sizing: border-box;
border-radius: 4px; border-radius: 4px;
} }
@@ -45,7 +45,7 @@
.title { .title {
text-align: left; text-align: left;
font-size: 36px; font-size: 36px;
font-family: @baseFontBold; font-weight: bold;
line-height: normal; line-height: normal;
color: @COLOR_BLACK; color: @COLOR_BLACK;
background-color: @COLOR_SKYBLUE; background-color: @COLOR_SKYBLUE;

View File

@@ -87,11 +87,12 @@
.text { .text {
line-height: 1.2; line-height: 1.2;
padding-left: 11px; padding-left: 11px;
font-weight: bold;
.font(@fontFamily:@baseFontBold, @fontSize:36px); font-size: 36px;
&.subItem { &.subItem {
.font (@fontFamily:@baseFontBold, @fontSize:30px); font-weight: bold;
font-size: 30px;
width: 245px; width: 245px;
// word-break:break-all; // word-break:break-all;
} }

View File

@@ -79,10 +79,12 @@
padding-left: 11px; padding-left: 11px;
.elip(@clamp: 1); .elip(@clamp: 1);
.font(@fontFamily:@baseFontBold, @fontSize:36px); font-weight: bold;
font-size: 36px;
&.subItem { &.subItem {
.font (@fontFamily:@baseFontBold, @fontSize:30px); font-weight: bold;
font-size: 30px;
width: 248px; width: 248px;
word-break: break-all; word-break: break-all;
} }

View File

@@ -9,7 +9,8 @@
padding: 18px; padding: 18px;
border-radius: 10px; border-radius: 10px;
background-image: linear-gradient(to top, #1a1a1a 93%, #8e8e8e); background-image: linear-gradient(to top, #1a1a1a 93%, #8e8e8e);
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
box-shadow: 5px 8.7px 15px 0 rgba(6, 0, 1, 0.5); box-shadow: 5px 8.7px 15px 0 rgba(6, 0, 1, 0.5);

View File

@@ -50,7 +50,6 @@
src: url("../../assets/fonts/tahoma/tahomabd.ttf") format("ttf"); src: url("../../assets/fonts/tahoma/tahomabd.ttf") format("ttf");
} }
@baseFont: "LG Smart"; @baseFont: "LG Smart";
@baseFontBold: "LG Smart";
@arialFont: "Arial"; @arialFont: "Arial";
@arialFontBold: "ArialBold"; @arialFontBold: "ArialBold";
@robotoFont: "Roboto"; @robotoFont: "Roboto";

View File

@@ -19,7 +19,8 @@
} }
> p { > p {
.font (@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
color: #a3a3a3; color: #a3a3a3;
margin-top: 6px; margin-top: 6px;
} }

View File

@@ -4,7 +4,8 @@
.topsTitle { .topsTitle {
margin-top: 70px; margin-top: 70px;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
} }
.topShowContainer { .topShowContainer {

View File

@@ -10,7 +10,8 @@
.title { .title {
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
margin-bottom: 19px; margin-bottom: 19px;
} }
@@ -22,7 +23,8 @@
} }
.cardFooter { .cardFooter {
.font(@fontFamily: @baseFontBold, @fontSize: 24px); font-weight: bold;
font-size: 24px;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
.callNumber { .callNumber {

View File

@@ -8,7 +8,8 @@
.subject { .subject {
margin-top: 60px; margin-top: 60px;
padding: 28px 0 28px 60px; padding: 28px 0 28px 60px;
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
color: #333333; color: #333333;
border-top: solid 1px #dadada; border-top: solid 1px #dadada;
border-bottom: solid 1px #dadada; border-bottom: solid 1px #dadada;

View File

@@ -12,7 +12,8 @@
padding: 69px 60px 40px 60px; padding: 69px 60px 40px 60px;
> h3 { > h3 {
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
padding-bottom: 29px; padding-bottom: 29px;
} }
@@ -23,7 +24,8 @@
margin-bottom: 20px; margin-bottom: 20px;
} }
.itemWrap { .itemWrap {
.font(@fontFamily: @baseFont, @fontSize: 24px); font-weight: normal;
font-size: 24px;
color: #cccccc; color: #cccccc;
} }
.item { .item {
@@ -39,11 +41,13 @@
padding: 31px 59px 0 61px; padding: 31px 59px 0 61px;
margin-bottom: 147px; margin-bottom: 147px;
> div { > div {
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
color: #ffffff; color: #ffffff;
} }
.price { .price {
.font(@fontFamily: @baseFontBold, @fontSize: 42px); font-weight: bold;
font-size: 42px;
} }
} }
@@ -62,7 +66,8 @@
} }
.contents { .contents {
.font(@fontFamily: @baseFont, @fontSize: 24px); font-weight: normal;
font-size: 24px;
color: #009cff; color: #009cff;
text-decoration: underline; text-decoration: underline;
} }

View File

@@ -3,7 +3,8 @@
.header { .header {
> div { > div {
.font(@fontFamily: @baseFontBold, @fontSize: 30px) !important; font-weight: bold !important;
font-size: 30px !important;
.elip(@clamp: 1); .elip(@clamp: 1);
} }
display: flex; display: flex;

View File

@@ -12,7 +12,8 @@
.flex(@direction:row ,@justifyCenter:flex-start); .flex(@direction:row ,@justifyCenter:flex-start);
text-align: left; text-align: left;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
.font(@fontFamily:@baseFontBold,30px); font-weight: bold;
font-size: 30px;
img { img {
width: 42px; width: 42px;
height: 42px; height: 42px;
@@ -30,7 +31,8 @@
} }
} }
.title { .title {
.font(@fontFamily:@baseFontBold,@fontSize:36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
width: 739px; width: 739px;
.elip(@clamp:2); .elip(@clamp:2);

View File

@@ -5,7 +5,8 @@
padding-left: 120px; padding-left: 120px;
.size(@w: 894px, @h: 930px); .size(@w: 894px, @h: 930px);
.order { .order {
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
.size(@w: 560px, @h: 68px); .size(@w: 560px, @h: 68px);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -38,7 +39,8 @@
text-align: center; text-align: center;
> div { > div {
.font(@fontFamily: @baseFont, @fontSize: 24px); font-weight: normal;
font-size: 24px;
.size(@w: 362px, @h: 60px); .size(@w: 362px, @h: 60px);
box-shadow: 0px 3px 6px 0 rgba(2, 3, 3, 0.1); box-shadow: 0px 3px 6px 0 rgba(2, 3, 3, 0.1);
border-radius: 6px; border-radius: 6px;
@@ -83,12 +85,14 @@
} }
// 상품 ID // 상품 ID
> div > span { > div > span {
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
} }
// 상품명 // 상품명
> h3 { > h3 {
.elip(2); .elip(2);
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
padding-top: 24px; padding-top: 24px;
margin-bottom: 14px; margin-bottom: 14px;
margin-right: 22px; margin-right: 22px;
@@ -139,7 +143,8 @@
} }
} }
.scrollContainer { .scrollContainer {
.font(@fontFamily: @baseFont, @fontSize: 24px); font-weight: normal;
font-size: 24px;
color: #808080; color: #808080;
text-align: left; text-align: left;
line-height: 1.3; line-height: 1.3;

View File

@@ -5,7 +5,8 @@
display: block; display: block;
border-radius: 4px; border-radius: 4px;
margin-left: 6px; margin-left: 6px;
.font(@fontFamily:@baseFontBold,@fontSize:24px); font-weight: bold;
font-size: 24px;
background-color: @backgroundColor; background-color: @backgroundColor;
color: @fontColor; color: @fontColor;
text-align: center; text-align: center;
@@ -29,7 +30,8 @@
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
text-align: center; text-align: center;
line-height: 42px; line-height: 42px;
.font(@fontFamily:@baseFontBold,@fontSize:24px); font-weight: bold;
font-size: 24px;
.size(@w: 120px, @h: 42px); .size(@w: 120px, @h: 42px);
} }
@@ -53,6 +55,7 @@
margin-left: 6px; margin-left: 6px;
text-align: center; text-align: center;
line-height: 42px; line-height: 42px;
.font(@fontFamily: @baseFontBold, @fontSize:24px); font-weight: bold;
font-size: 24px;
} }
} }

View File

@@ -17,8 +17,8 @@
padding: 30px; padding: 30px;
> p { > p {
margin-bottom: 13px; margin-bottom: 13px;
.font(@fontFamily:@baseFont,@fontSize:24px); font-weight: normal;
font-size: 24px;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
} }
> .groupOptionInfo { > .groupOptionInfo {
@@ -31,7 +31,8 @@
background-color: @COLOR_WHITE; background-color: @COLOR_WHITE;
.productName { .productName {
.font(@baseFontBold,@fontSize:24px); font-weight: bold;
font-size: 24px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
} }
.priceInfo { .priceInfo {
@@ -40,12 +41,14 @@
text-align: left; text-align: left;
height: 36px; height: 36px;
.priceAfter { .priceAfter {
.font(@baseFontBold,@fontSize:30px); font-weight: bold;
font-size: 30px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
margin-right: 5px; margin-right: 5px;
} }
.priceBefore { .priceBefore {
.font(@baseFont,@fontSize:18px); font-weight: normal;
font-size: 18px;
color: @COLOR_GRAY04; color: @COLOR_GRAY04;
text-decoration: line-through; text-decoration: line-through;
} }
@@ -62,7 +65,8 @@
.flex(@direction:column); .flex(@direction:column);
text-align: center; text-align: center;
color: #a3a3a3; color: #a3a3a3;
.font(@fontFamily:@baseFontBold,@fontSize:36px); font-weight: bold;
font-size: 36px;
line-height: 1.11; line-height: 1.11;
letter-spacing: normal; letter-spacing: normal;
img { img {

View File

@@ -12,7 +12,8 @@
.flex(@direction:row ,@justifyCenter:flex-start); .flex(@direction:row ,@justifyCenter:flex-start);
text-align: left; text-align: left;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
.font(@fontFamily:@baseFontBold,30px); font-weight: bold;
font-size: 30px;
img { img {
width: 42px; width: 42px;
height: 42px; height: 42px;
@@ -30,7 +31,8 @@
} }
} }
.title { .title {
.font(@fontFamily:@baseFontBold,@fontSize:36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
width: 739px; width: 739px;
.elip(@clamp:2); .elip(@clamp:2);

View File

@@ -25,13 +25,15 @@
.optionLayer { .optionLayer {
.flex(@justifyCenter:space-between); .flex(@justifyCenter:space-between);
color: @COLOR_GRAY05; color: @COLOR_GRAY05;
.font(@baseFontBold,@fontSize:24px); font-weight: bold;
font-size: 24px;
margin-bottom: 20px; margin-bottom: 20px;
.optionBtn { .optionBtn {
.border-solid(1px,@COLOR_GRAY02); .border-solid(1px,@COLOR_GRAY02);
.flex(); .flex();
.font(@baseFontBold,@fontSize:24px); font-weight: bold;
font-size: 24px;
min-width: 560px; min-width: 560px;
background-color: @COLOR_WHITE; background-color: @COLOR_WHITE;
@@ -67,7 +69,8 @@
// QUANTITY // QUANTITY
.quantityLayer { .quantityLayer {
.flex(@justifyCenter:space-between); .flex(@justifyCenter:space-between);
.font(@baseFontBold,@fontSize:24px); font-weight: bold;
font-size: 24px;
color: @COLOR_GRAY05; color: @COLOR_GRAY05;
.wrapper { .wrapper {
@@ -123,17 +126,19 @@
.flex(@direction:column, @justifyCenter:center,@alignCenter:flex-start); .flex(@direction:column, @justifyCenter:center,@alignCenter:flex-start);
.promotionName { .promotionName {
color: @COLOR_GRAY05; color: @COLOR_GRAY05;
.font(@baseFontBold,@fontSize:24px); font-weight: bold;
font-size: 24px;
} }
.promotionDesc { .promotionDesc {
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
.font(@baseFont,@fontSize:24px); font-size: 24px;
} }
} }
.promotionBtn { .promotionBtn {
min-width: 144px; min-width: 144px;
height: 60px; height: 60px;
.font(@baseFontBold,@fontSize:24px); font-weight: bold;
font-size: 24px;
line-height: 60px; line-height: 60px;
border-radius: 6px; border-radius: 6px;
background: @COLOR_GRAY03; background: @COLOR_GRAY03;
@@ -146,7 +151,8 @@
.discountedPriceLayer { .discountedPriceLayer {
.flex(@justifyCenter:space-between); .flex(@justifyCenter:space-between);
.font(@baseFontBold,@fontSize:36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY07; color: @COLOR_GRAY07;
margin-top: 31px; margin-top: 31px;
@@ -158,7 +164,8 @@
padding: 0 12px; padding: 0 12px;
background: #f00; background: #f00;
color: @COLOR_WHITE; color: @COLOR_WHITE;
.font(@baseFontBold,@fontSize:24px); font-weight: bold;
font-size: 24px;
text-align: center; text-align: center;
border-radius: 6px; border-radius: 6px;
height: 42px; height: 42px;
@@ -166,14 +173,15 @@
} }
.discountedPrice { .discountedPrice {
.font(@baseFontBold,@fontSize:44px); font-weight: bold;
font-size: 24px;
line-height: 1.14; line-height: 1.14;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
margin-left: 12px; margin-left: 12px;
} }
.originalPrice { .originalPrice {
.font(@baseFont,@fontSize:24px); font-size: 24px;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
text-decoration: line-through; text-decoration: line-through;
margin-left: 9px; margin-left: 9px;
@@ -182,14 +190,16 @@
.notDiscountedPriceLayer { .notDiscountedPriceLayer {
.flex(@justifyCenter:space-between); .flex(@justifyCenter:space-between);
.font(@baseFontBold,@fontSize:36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY07; color: @COLOR_GRAY07;
margin-top: 31px; margin-top: 31px;
.priceWrapper { .priceWrapper {
.flex(); .flex();
} }
.discountedPrice { .discountedPrice {
.font(@baseFontBold,@fontSize:44px); font-weight: bold;
font-size: 44px;
line-height: 1.14; line-height: 1.14;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
margin-left: 12px; margin-left: 12px;
@@ -201,7 +211,7 @@
.flex(@justifyCenter:space-between); .flex(@justifyCenter:space-between);
margin-top: 13px; margin-top: 13px;
> span { > span {
.font(@baseFont,@fontSize:24px); font-size: 24px;
line-height: 1.33; line-height: 1.33;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
} }
@@ -283,12 +293,14 @@
.border-solid(@size:1px,@color:@COLOR_GRAY02); .border-solid(@size:1px,@color:@COLOR_GRAY02);
.couponLate { .couponLate {
.font(@baseFontBold,36px); font-weight: bold;
font-size: 36px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
line-height: 42px; line-height: 42px;
} }
.title { .title {
.font(@baseFontBold,36px); font-weight: bold;
font-size: 36px;
line-height: 42px; line-height: 42px;
color: @COLOR_GRAY07; color: @COLOR_GRAY07;
margin-bottom: 25px; margin-bottom: 25px;
@@ -296,7 +308,8 @@
.elip(1); .elip(1);
} }
.content { .content {
.font(@baseFont,24px); font-weight: normal;
font-size: 24px;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
} }
.couponBtn { .couponBtn {
@@ -306,7 +319,8 @@
border-radius: 6px; border-radius: 6px;
margin-top: 18px; margin-top: 18px;
> div { > div {
.font(@baseFontBold, 24px); font-weight: bold;
font-size: 24px;
} }
} }
} }

View File

@@ -12,7 +12,8 @@
.flex(@direction:row ,@justifyCenter:flex-start); .flex(@direction:row ,@justifyCenter:flex-start);
text-align: left; text-align: left;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
.font(@fontFamily:@baseFontBold,30px); font-weight: bold;
font-size: 30px;
img { img {
width: 42px; width: 42px;
height: 42px; height: 42px;
@@ -30,7 +31,8 @@
} }
} }
.title { .title {
.font(@fontFamily:@baseFontBold,@fontSize:36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
width: 739px; width: 739px;
.elip(@clamp:2); .elip(@clamp:2);

View File

@@ -30,11 +30,13 @@
border-radius: 6px; border-radius: 6px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
margin-right: 10px; margin-right: 10px;
.font(@baseFontBold,24px); font-weight: bold;
font-size: 24px;
.flex(); .flex();
} }
.name { .name {
.font(@baseFontBold,36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY07; color: @COLOR_GRAY07;
} }
.btmLayer { .btmLayer {
@@ -42,7 +44,8 @@
margin-top: 14px; margin-top: 14px;
} }
.price { .price {
.font(@baseFontBold,60px); font-weight: bold;
font-size: 60px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
margin-right: 9px; margin-right: 9px;
@@ -51,7 +54,7 @@
} }
} }
.discountedPrc { .discountedPrc {
.font(@baseFont,24px); font-size: 24px;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
text-decoration: line-through; text-decoration: line-through;
} }
@@ -62,7 +65,8 @@
border-bottom: 1px solid @COLOR_GRAY02; border-bottom: 1px solid @COLOR_GRAY02;
> span { > span {
.font(@baseFontBold,36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
} }
.partnerPrc { .partnerPrc {
@@ -73,7 +77,8 @@
padding-top: 24px; padding-top: 24px;
.flex(@direction:column,@alignCenter:flex-start); .flex(@direction:column,@alignCenter:flex-start);
.rewdNm { .rewdNm {
.font(@baseFontBold,36px); font-weight: bold;
font-size: 36px;
color: @COLOR_BLACK; color: @COLOR_BLACK;
} }
@@ -82,12 +87,14 @@
padding: 4px 0; padding: 4px 0;
.flex(); .flex();
.rewdPrc { .rewdPrc {
.font(@baseFontBold,60px); font-weight: bold;
font-size: 60px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
margin-right: 10px; margin-right: 10px;
} }
.rewdRate { .rewdRate {
.font(@baseFont,24px); font-size: 24px;
font-weight: normal;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
} }
} }
@@ -119,7 +126,8 @@
letter-spacing: normal; letter-spacing: normal;
color: @COLOR_WHITE; color: @COLOR_WHITE;
white-space: pre-wrap; white-space: pre-wrap;
.font(@baseFont,22px); font-size: 24px;
font-weight: normal;
&::before { &::before {
content: ""; content: "";
@@ -142,7 +150,8 @@
border-bottom: 1px solid @COLOR_GRAY02; border-bottom: 1px solid @COLOR_GRAY02;
background: @BG_COLOR_02; background: @BG_COLOR_02;
color: @COLOR_GRAY05; color: @COLOR_GRAY05;
.font(@baseFontBold,24px); font-weight: bold;
font-size: 24px;
} }
.btnContainer { .btnContainer {

View File

@@ -26,7 +26,8 @@
.button { .button {
.flex(); .flex();
.size(@w: 324px,@h: 78px); .size(@w: 324px,@h: 78px);
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
.position(@position: absolute, @top: -41px, @left: 60px); .position(@position: absolute, @top: -41px, @left: 60px);
border-radius: 12px; border-radius: 12px;

View File

@@ -19,7 +19,8 @@
// patner title // patner title
h2 { h2 {
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
} }
} }

View File

@@ -5,7 +5,8 @@
> h3 { > h3 {
margin: 36px 0 12px; margin: 36px 0 12px;
padding-left: 60px; padding-left: 60px;
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
} }
} }

View File

@@ -29,7 +29,8 @@
.tButtonMore { .tButtonMore {
width: 180px; width: 180px;
background-color: #7a808d; background-color: #7a808d;
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
&:focus { &:focus {

View File

@@ -21,7 +21,8 @@
> h3 { > h3 {
margin-bottom: 4px; margin-bottom: 4px;
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY10; color: @COLOR_GRAY10;
} }

View File

@@ -35,13 +35,15 @@
div { div {
h3 { h3 {
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
.elip(@clamp:1); .elip(@clamp:1);
word-break: break-all; word-break: break-all;
} }
time { time {
.font(@fontFamily: @baseFont, @fontSize: 24px); font-weight: normal;
font-size: 24px;
} }
} }
} }
@@ -53,7 +55,8 @@
padding: 6px 18px 18px; padding: 6px 18px 18px;
.size(@w: 100%, @h: 54px); .size(@w: 100%, @h: 54px);
background-color: rgba(0, 0, 0, 0.9); background-color: rgba(0, 0, 0, 0.9);
.font(@fontFamily: @baseFont, @fontSize: 20px); font-weight: normal;
font-size: 20px;
color: @COLOR_GRAY04; color: @COLOR_GRAY04;
img { img {

View File

@@ -52,18 +52,20 @@
> time:nth-child(2) { > time:nth-child(2) {
margin-bottom: 16px; margin-bottom: 16px;
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
} }
> h3:nth-child(3) { > h3:nth-child(3) {
margin-bottom: 8px; margin-bottom: 8px;
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
} }
> p:nth-child(4) { > p:nth-child(4) {
.font(@fontFamily: @baseFont, @fontSize: 24px); font-size: 24px;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
} }
@@ -74,7 +76,8 @@
.tButton { .tButton {
width: 300px; width: 300px;
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
background-color: #7a808d; background-color: #7a808d;

View File

@@ -59,7 +59,8 @@
overflow: hidden; overflow: hidden;
width: 540px; width: 540px;
margin-bottom: 18px; margin-bottom: 18px;
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
.elip(@clamp:2); .elip(@clamp:2);
word-break: break-all; word-break: break-all;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
@@ -67,12 +68,14 @@
> p { > p {
.flex(@justifyCenter: flex-start); .flex(@justifyCenter: flex-start);
.font(@fontFamily: @baseFontBold, @fontSize: 46px); font-weight: bold;
font-size: 46px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
> span { > span {
margin-left: 6px; margin-left: 6px;
.font(@fontFamily: @baseFont, @fontSize: 24px); font-weight: normal;
font-size: 24px;
color: #7f7f7f; color: #7f7f7f;
text-decoration: line-through; text-decoration: line-through;
} }
@@ -92,14 +95,16 @@
margin-bottom: 6px; margin-bottom: 6px;
background-color: #f40000; background-color: #f40000;
border-radius: 44px; border-radius: 44px;
.font(@fontFamily: @baseFontBold, @fontSize: 54px); font-weight: bold;
font-size: 54px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
} }
> span:nth-child(2) { > span:nth-child(2) {
.flex(); .flex();
.size(@w: 174px, @h: 72px); .size(@w: 174px, @h: 72px);
.font(@fontFamily: @baseFontBold, @fontSize: 60px); font-weight: bold;
font-size: 60px;
} }
} }

View File

@@ -20,7 +20,8 @@
} }
span { span {
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
} }
} }
@@ -29,13 +30,15 @@
display: inline-block; display: inline-block;
min-height: 42px; min-height: 42px;
margin-bottom: 20px; margin-bottom: 20px;
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
} }
> h3 { > h3 {
margin-bottom: 15px; margin-bottom: 15px;
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
.elip(@clamp:2); .elip(@clamp:2);
word-break: break-all; word-break: break-all;
@@ -44,7 +47,8 @@
p { p {
margin-bottom: 18px; margin-bottom: 18px;
.font(@fontFamily: @baseFont, @fontSize: 24px); font-weight: normal;
font-size: 24px;
color: @COLOR_GRAY04; color: @COLOR_GRAY04;
.elip(@clamp:1); .elip(@clamp:1);
word-break: break-all; word-break: break-all;
@@ -57,7 +61,8 @@
.size(@w: 420px, @h: 84px); .size(@w: 420px, @h: 84px);
border-radius: 10px; border-radius: 10px;
background-color: @PRIMARY_COLOR_RED; background-color: @PRIMARY_COLOR_RED;
.font(@fontFamily: @baseFontBold, @fontSize: 30px); font-weight: bold;
font-size: 30px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
} }

View File

@@ -6,6 +6,7 @@
.subTitle { .subTitle {
margin: 0 0 20px 60px; margin: 0 0 20px 60px;
font-weight: bold;
} }
.grid { .grid {
height: 300px; height: 300px;

View File

@@ -35,11 +35,11 @@
text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
letter-spacing: -2.5px; letter-spacing: -2.5px;
line-height: 60px; line-height: 60px;
font-family: @baseFontBold; font-weight: bold;
.onSaleItemListBoxSaleBoxPer { .onSaleItemListBoxSaleBoxPer {
font-size: 84px; font-size: 84px;
letter-spacing: -3.8px; letter-spacing: -3.8px;
font-family: @baseFontBold; font-weight: bold;
} }
} }
.onSaleItemListBoxName { .onSaleItemListBoxName {
@@ -49,7 +49,7 @@
font-size: 24px; font-size: 24px;
line-height: 1.33; line-height: 1.33;
color: @COLOR_WHITE; color: @COLOR_WHITE;
font-family: @baseFontBold; font-weight: bold;
} }
.onSaleItemListBoxPrice { .onSaleItemListBoxPrice {
margin-top: 9px; margin-top: 9px;
@@ -58,7 +58,7 @@
line-height: 0.93; line-height: 0.93;
color: @COLOR_WHITE; color: @COLOR_WHITE;
letter-spacing: normal; letter-spacing: normal;
font-family: @baseFontBold; font-weight: bold;
.onSaleItemListBoxPriceStripe { .onSaleItemListBoxPriceStripe {
margin-left: 4px; margin-left: 4px;
color: #d5d5d5; color: #d5d5d5;
@@ -67,7 +67,7 @@
font-size: 18px; font-size: 18px;
line-height: 1.56; line-height: 1.56;
letter-spacing: normal; letter-spacing: normal;
font-family: @baseFont; font-weight: normal;
} }
} }
} }

View File

@@ -18,7 +18,8 @@
.textBox { .textBox {
.size(@w: 100%, @h: 80px); .size(@w: 100%, @h: 80px);
.elip(@clamp:2); .elip(@clamp:2);
.font (@fontFamily:@baseFontBold, @fontSize:30px); font-weight: bold;
font-size: 30px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
line-height: 1.27; line-height: 1.27;
margin-bottom: 6px; margin-bottom: 6px;
@@ -26,12 +27,14 @@
.accBox { .accBox {
.size(@w: 100%, @h: 50px); .size(@w: 100%, @h: 50px);
.font (@fontFamily:@baseFontBold, @fontSize:42px); font-weight: bold;
font-size: 42px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
line-height: 1.14; line-height: 1.14;
margin-bottom: 35px; margin-bottom: 35px;
.saleAccBox { .saleAccBox {
.font (@fontFamily:@baseFont, @fontSize:24px); font-weight: normal;
font-size: 24px;
color: @COLOR_GRAY04; color: @COLOR_GRAY04;
vertical-align: middle; vertical-align: middle;
text-decoration: line-through; text-decoration: line-through;

View File

@@ -55,7 +55,6 @@
.border-solid(@size:1px,@color:@COLOR_GRAY02); .border-solid(@size:1px,@color:@COLOR_GRAY02);
box-sizing: border-box; box-sizing: border-box;
font-weight: bold; font-weight: bold;
font-family: @baseFontBold;
&:focus { &:focus {
border: 4px solid @PRIMARY_COLOR_RED; border: 4px solid @PRIMARY_COLOR_RED;
box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);

View File

@@ -5,7 +5,8 @@
.size(@w: 100%, @h:210px); .size(@w: 100%, @h:210px);
z-index: 10; z-index: 10;
background-color: @BG_COLOR_01; background-color: @BG_COLOR_01;
.font(@fontFamily: @baseFontBold, @fontSize: 28px); font-weight: bold;
font-size: 28px;
.tVirtualGridList { .tVirtualGridList {
height: 210px; height: 210px;
> div { > div {

View File

@@ -9,7 +9,6 @@
.introLayout { .introLayout {
.flex(@direction: column); .flex(@direction: column);
background-color: @BG_COLOR_03; background-color: @BG_COLOR_03;
font-family: @baseFont;
text-align: center; text-align: center;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
@@ -22,7 +21,7 @@
} }
.txtPoint { .txtPoint {
font-family: @baseFontBold; font-weight: bold;
font-size: 74px; font-size: 74px;
color: #57585a; color: #57585a;
} }
@@ -55,7 +54,7 @@
.termsTitle { .termsTitle {
text-align: left; text-align: left;
font-size: 36px; font-size: 36px;
font-family: @baseFontBold; font-weight: bold;
line-height: normal; line-height: normal;
color: @COLOR_BLACK; color: @COLOR_BLACK;
background-color: @COLOR_SKYBLUE; background-color: @COLOR_SKYBLUE;

View File

@@ -32,7 +32,7 @@
color: @COLOR_WHITE; color: @COLOR_WHITE;
line-height: 84px; line-height: 84px;
text-align: left; text-align: left;
font-family: @baseFontBold; font-weight: bold;
} }
} }
.infoBottomBox { .infoBottomBox {

View File

@@ -10,7 +10,8 @@
.title { .title {
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
margin-bottom: 19px; margin-bottom: 19px;
} }
@@ -22,7 +23,8 @@
} }
.cardFooter { .cardFooter {
.font(@fontFamily: @baseFontBold, @fontSize: 24px); font-weight: bold;
font-size: 24px;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
.callNumber { .callNumber {

View File

@@ -13,7 +13,8 @@
} }
> p { > p {
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
margin-top: 10px; margin-top: 10px;
color: @COLOR_GRAY10; color: @COLOR_GRAY10;
} }

View File

@@ -15,7 +15,8 @@
position: relative; position: relative;
.cardKnd { .cardKnd {
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
} }
.cardNo { .cardNo {

View File

@@ -10,7 +10,8 @@
.title { .title {
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
.font(@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
margin-bottom: 19px; margin-bottom: 19px;
} }
@@ -22,7 +23,8 @@
} }
.cardFooter { .cardFooter {
.font(@fontFamily: @baseFontBold, @fontSize: 24px); font-weight: bold;
font-size: 24px;
color: @COLOR_GRAY03; color: @COLOR_GRAY03;
.callNumber { .callNumber {

View File

@@ -33,12 +33,10 @@
color: @COLOR_WHITE; color: @COLOR_WHITE;
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
font-family: @baseFontBold;
.orderNm { .orderNm {
font-size: 30px; font-size: 30px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
font-weight: normal; font-weight: normal;
font-family: @baseFont;
} }
} }
.orderCancelBtn { .orderCancelBtn {

View File

@@ -69,7 +69,8 @@
} }
.notiBottom { .notiBottom {
text-align: center; text-align: center;
.font(@fontFamily: @baseFont,@fontSize:24px); font-weight: normal;
font-size: 24px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
margin-top: 71px; margin-top: 71px;
white-space: pre-line; white-space: pre-line;

View File

@@ -65,14 +65,16 @@
white-space: pre-wrap; white-space: pre-wrap;
.faqTitle { .faqTitle {
.font(@fontFamily: @baseFontBold,@fontSize:30px); font-weight: bold;
font-size: 30px;
border-bottom: 1px solid @COLOR_GRAY02; border-bottom: 1px solid @COLOR_GRAY02;
padding: 20px 30px; padding: 20px 30px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.expDate { .expDate {
text-align: right; text-align: right;
.font(@fontFamily: @baseFont,@fontSize:24px); font-weight: normal;
font-size: 24px;
} }
} }

View File

@@ -9,7 +9,8 @@
> div { > div {
min-width: 330px; min-width: 330px;
> div { > div {
.font(@fontFamily: @baseFontBold, @fontSize: 24px); font-weight: bold;
font-size: 24px;
} }
} }
} }

View File

@@ -31,7 +31,7 @@
border: 3px solid #e7e7e7; border: 3px solid #e7e7e7;
} }
.subTitle { .subTitle {
font-family: @baseFontBold; font-weight: bold;
margin-bottom: 27px; margin-bottom: 27px;
} }
.text { .text {

View File

@@ -5,7 +5,8 @@
z-index: 10; z-index: 10;
.size(@w: 100%, @h:236px); .size(@w: 100%, @h:236px);
background-color: @BG_COLOR_01; background-color: @BG_COLOR_01;
.font(@fontFamily: @baseFontBold, @fontSize: 28px); font-weight: bold;
font-size: 28px;
// tVirtualGridListContainer // tVirtualGridListContainer
> div:nth-child(1) { > div:nth-child(1) {

View File

@@ -19,7 +19,8 @@
} }
> p { > p {
.font (@fontFamily: @baseFontBold, @fontSize: 36px); font-weight: bold;
font-size: 36px;
color: #a3a3a3; color: #a3a3a3;
margin-top: 6px; margin-top: 6px;
} }

View File

@@ -37,7 +37,8 @@
border: 1px solid @COLOR_GRAY09; border: 1px solid @COLOR_GRAY09;
background-color: @BG_COLOR_04; background-color: @BG_COLOR_04;
color: #333; color: #333;
.font(@fontFamily: @baseFontBold, @fontSize: 40px); font-weight: bold;
font-size: 40px;
> div { > div {
overflow: unset; overflow: unset;

View File

@@ -4,7 +4,6 @@
.serviceLayout { .serviceLayout {
display: flex; display: flex;
.flex(@direction: column); .flex(@direction: column);
font-family: @baseFont;
color: @COLOR_GRAY08; color: @COLOR_GRAY08;
width: 100%; width: 100%;
height: 100%; height: 100%;

View File

@@ -69,7 +69,7 @@
white-space: pre-wrap; white-space: pre-wrap;
.termsTitle { .termsTitle {
font-family: @baseFontBold; font-weight: bold;
border-bottom: 1px solid @COLOR_GRAY02; border-bottom: 1px solid @COLOR_GRAY02;
padding: 20px 30px; padding: 20px 30px;
} }