.apply_after_sales_main{ .apply_after_sales_head{ font-size: 30px; text-align: center; padding: 20px 0; font-weight: 700; } .kind_number{ width: 100%; padding: 20px; box-sizing: border-box; text{ background-color: #F6F6F6; border-radius: 10px; font-size: $font_size_medium; padding: 5px 0; text-align: center; width: 100%; display: block; color: $color_font_three; } } .apply_after_sales_con{ height: 80vh; .scroll{ height: calc(100% - 170px); } .returnSaleInput{ margin: 0 20px; padding-top: 30px; border-top: 1px solid #F6F6F6; .returnSaleInput_item{ display: flex; align-items: center; padding-bottom: 20px; .title{ font-size: $font_size; font-weight: 700; } .select{ flex:1; height: 60px; border: 2px solid #e6e6e6; border-radius: 10px; margin-left: 20px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; font-size: 26px; color: $color_font_two; .miconfont{ font-size: 30px; } } .uploadImg{ width: 202px; height: 150px; background: #f0f0f0; border: 2px dashed #cccccc; margin-left: 20px; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; .miconfont{ font-size: 50px; } .uploadText{ font-size: 26px; color: $color_font_three; } } } } .other_desc{ padding: 0 20px; box-sizing: border-box; .title{ font-size: $font_size; font-weight: 700; } .textarea{ position: relative; height: 165.4px; .descDataNum{ position: absolute; right: 10px; bottom: 10px; font-size: 22px; color: #ABABAB; } } Textarea{ background-color: #f3f3f3; border: 2px solid #e6e6e6; border-radius: 10px; width: 100%; font-size: 25px; height: 165.4px; padding: 20px 20px 30px 20px; box-sizing: border-box; margin-top: 20px; } } } .apply_after_sales_list{ padding: 0 20px; .apply_after_sales_item{ margin-bottom: 30px; .apply_after_sales_title{ display: flex; align-items: center; .tag{ font-size: $font_size_min; background-color: #CDE5FF; padding: 5px 10px; border-radius: 6px; color: $color_main; } .title{ font-weight: 700; font-size: $font_size; margin-left: 20px; flex:1; } } .color_list { .color_item{ display: flex; align-items: center; margin: 20px 0; } .image{ width: 70px; height: 70px; image{ width: 100%; height: 100%; border-radius: 50%; } } .name_and_number{ padding-left: 30px; flex:1; text{ &:nth-child(1) { font-weight: 700; font-size: $font_size; } &:nth-child(2) { color: $color_font_two; font-size: $font_size; margin-left: 20px; } } } .btn_count{ width: 235px; height: 64px; background-color: #ECF5FF; border-radius: 40px 0px 16px 0px; padding: 0 20px; display: flex; align-items: center; } } } } }